:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Lucida Console", monospace;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--accent-site: #C96880}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}html:has(body[data-app=jot]){background:#050505}html:has(body[data-app=komi]){background:#070b16}html:has(body[data-app=vital]){background:#f6f1e7}html:has(body[data-app=north]){background:#e8d4f0}html:has(body[data-app=stills]){background:#f3eadc}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}body[data-app=jot]{color-scheme:dark;--bg: #050505;--fg: #f4f4f4;--muted: #8a8a8a;--accent: #3DDB5C;--border: rgba(255, 255, 255, .08);--nav-bg: rgba(12, 12, 12, .55);--nav-border: rgba(255, 255, 255, .14);--shot-shadow: 0 28px 80px rgba(0, 0, 0, .65);--shot-shadow-active: 0 36px 100px rgba(0, 0, 0, .8);--dot: rgba(255, 255, 255, .28);--glow: rgba(61, 219, 92, .28);--cta-fg: #07140a;background:radial-gradient(ellipse 80% 45% at 50% -8%,rgba(61,219,92,.12),transparent 58%),#050505}body[data-app=jot] .product-name{font-family:var(--font-body);font-weight:500;letter-spacing:-.045em}body[data-app=komi]{color-scheme:dark;--bg: #070b16;--fg: #f3efe6;--muted: #8b93a3;--accent: #7ec8c0;--border: rgba(255, 255, 255, .08);--nav-bg: rgba(12, 18, 32, .55);--nav-border: rgba(255, 255, 255, .14);--shot-shadow: 0 28px 80px rgba(0, 0, 0, .55);--shot-shadow-active: 0 36px 100px rgba(0, 0, 0, .7);--dot: rgba(255, 255, 255, .28);--glow: rgba(126, 200, 192, .28);background:radial-gradient(ellipse 90% 50% at 50% -8%,rgba(70,110,180,.28),transparent 62%),radial-gradient(ellipse 40% 30% at 80% 110%,rgba(126,200,192,.1),transparent 50%),#070b16}body[data-app=vital]{color-scheme:light;--bg: #f6f1e7;--fg: #1c1a16;--muted: #7a7368;--accent: #d45a1a;--border: rgba(28, 26, 22, .1);--nav-bg: rgba(255, 255, 255, .62);--nav-border: rgba(28, 26, 22, .12);--shot-shadow: 0 24px 60px rgba(80, 50, 20, .16);--shot-shadow-active: 0 32px 80px rgba(80, 50, 20, .22);--dot: rgba(28, 26, 22, .22);--glow: rgba(212, 90, 26, .18);background:radial-gradient(ellipse 80% 48% at 50% 0%,rgba(255,214,176,.55),transparent 58%),#f6f1e7}body[data-app=north]{color-scheme:light;--bg: #e8d4f0;--fg: #1c1420;--muted: #6e5d78;--accent: #8a4e86;--border: rgba(28, 20, 32, .1);--nav-bg: rgba(255, 255, 255, .48);--nav-border: rgba(28, 20, 32, .12);--shot-shadow: 0 24px 64px rgba(90, 50, 110, .18);--shot-shadow-active: 0 32px 88px rgba(90, 50, 110, .26);--dot: rgba(28, 20, 32, .22);--glow: rgba(138, 78, 134, .2);background:linear-gradient(180deg,#f9d5e6,#e4c8f2 38%,#cdd6f8 72%,#c4e0f8)}body[data-app=stills]{color-scheme:light;--bg: #f3eadc;--fg: #2a1c12;--muted: #8a7460;--accent: #c45a28;--border: rgba(42, 28, 18, .1);--nav-bg: rgba(255, 255, 255, .55);--nav-border: rgba(42, 28, 18, .12);--shot-shadow: 0 24px 60px rgba(70, 40, 16, .16);--shot-shadow-active: 0 32px 80px rgba(70, 40, 16, .24);--dot: rgba(42, 28, 18, .22);--glow: rgba(196, 90, 40, .18);background:radial-gradient(ellipse 80% 48% at 50% 0%,rgba(255,224,190,.55),transparent 58%),#f3eadc}.site-header{padding:20px 32px;display:flex;width:100%;min-width:0;box-sizing:border-box}.back-link{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);letter-spacing:.04em;transition:color .2s}.back-link:hover{color:var(--accent)}.product{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;padding:4px 0 64px;opacity:0;transform:translateY(16px);animation:rise .9s ease .05s forwards}@keyframes rise{to{opacity:1;transform:none}}.product-hero{text-align:center;padding:0 24px;margin-bottom:28px;width:100%}.product-icon{width:76px;height:76px;border-radius:18px;margin:0 auto 16px;box-shadow:0 18px 40px var(--glow)}.product-name{font-family:var(--font-serif);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:400;letter-spacing:-.03em;line-height:1.05;color:var(--fg);margin-bottom:8px}.product-tagline{font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--accent);letter-spacing:.14em;text-transform:uppercase}.product-desc{width:100%;max-width:36em;margin:0 auto 28px;font-size:1rem;font-weight:300;color:var(--muted);line-height:1.65}.shots{--shot-w: min(260px, 72vw);--shot-h: calc(var(--shot-w) * 1557 / 720);width:100%;min-width:0;position:relative;margin:0 0 28px;overflow:hidden}.shots-stage{position:relative;overflow:hidden;perspective:1400px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.shots-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - var(--shot-w) / 2);padding:20px calc(50% - var(--shot-w) / 2) 36px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shots-track::-webkit-scrollbar{display:none}.shot{flex:0 0 auto;width:var(--shot-w);height:var(--shot-h);margin:0;border-radius:22px;overflow:hidden;background:var(--bg);box-shadow:var(--shot-shadow);scroll-snap-align:center;user-select:none;-webkit-user-select:none}.shot img{width:100%;height:100%;object-fit:cover;pointer-events:none}.shots--coverflow .shots-track{display:block;overflow:visible;height:calc(var(--shot-h) + 20px);padding:0;cursor:grab}.shots--coverflow .shots-track.is-dragging{cursor:grabbing}.shots--coverflow .shot{position:absolute;left:50%;top:50%;scroll-snap-align:unset;transform-origin:center center;transform:translate(-50%,-50%) translate(calc(var(--d) * 58%)) rotateY(calc(var(--d) * -28deg)) scale(calc(1 - var(--ad) * .14));opacity:calc(1 - var(--ad) * .22);filter:brightness(calc(1 - var(--ad) * .1));transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .7s ease,filter .7s ease,box-shadow .7s ease;cursor:pointer}.shots--coverflow .shot.is-active{cursor:default;box-shadow:var(--shot-shadow-active)}.shots--coverflow .shot.is-far{opacity:0;pointer-events:none}.shots-nav{position:absolute;top:50%;z-index:40;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--nav-border);background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--fg);cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}.shots-nav:hover{transform:translateY(-50%) scale(1.06)}.shots-nav:active{transform:translateY(-50%) scale(.96)}.shots-nav svg{display:block}.shots-prev{left:max(12px,calc(50% - var(--shot-w) / 2 - 64px));transform:translateY(-50%)}.shots-next{right:max(12px,calc(50% - var(--shot-w) / 2 - 64px));transform:translateY(-50%)}.shots-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;min-height:18px}.shots-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--dot);cursor:pointer;transition:width .35s ease,background .35s ease}.shots-dots button[aria-current=true]{width:22px;background:var(--accent)}.product-meta{text-align:center;padding:8px 24px 0;width:100%;max-width:520px;box-sizing:border-box}.product-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px}.product-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.product-status-text{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.product-privacy{font-size:.85rem;font-weight:300;color:var(--muted);line-height:1.7}.product-privacy a{color:var(--accent);white-space:nowrap;transition:opacity .2s}.product-privacy a:hover{opacity:.75}.product-cta{display:inline-block;margin:4px 0 22px;padding:14px 28px;border-radius:999px;background:var(--accent);color:var(--cta-fg, #fff);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.03em;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.product-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--glow);opacity:.95}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;width:100%;min-width:0;box-sizing:border-box;padding:24px 40px;border-top:1px solid var(--border)}.footer-links{display:flex;align-items:center;gap:20px}.footer-link,.footer-copy{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.04em}.footer-link{transition:color .2s}.footer-link:hover{color:var(--accent)}@media (min-width: 720px){.shots{--shot-h: min(680px, calc(100svh - 240px) );--shot-w: calc(var(--shot-h) * 720 / 1557)}}@media (min-width: 1100px){.shots{--shot-h: min(720px, calc(100svh - 220px) )}}@media (max-width: 719px){.shots{--shot-h: min(580px, calc(100svh - 220px) );--shot-w: calc(var(--shot-h) * 720 / 1557)}.shots-nav{display:none}.product-hero{margin-bottom:16px}.product-desc{font-size:.95rem}.shots-track{padding-bottom:24px}.site-header,.site-footer{padding:16px 20px}.site-footer{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.product-icon{width:68px;height:68px;border-radius:16px}}@media (prefers-reduced-motion: reduce){.product{animation:none;opacity:1;transform:none}.product-status-dot{animation:none}.shots--coverflow .shot{transition:none}}