:root{--bg: #050505;--fg: #f4f4f4;--dim: #888;--accent: #ffffff;--grain: .06;--pad-x: 36px;--pad-y: 28px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:Inter Tight,system-ui,sans-serif;font-weight:300;height:100vh;height:100dvh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#neural-canvas,.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px}.bg-noise{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");opacity:var(--grain);mix-blend-mode:overlay;z-index:1}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.9) 100%)}.page{position:relative;z-index:2;height:100vh;height:100dvh;width:100vw;display:grid;grid-template-rows:auto 1fr auto;padding:var(--pad-y) var(--pad-x);padding-top:max(var(--pad-y),env(safe-area-inset-top));padding-bottom:max(var(--pad-y),env(safe-area-inset-bottom));padding-left:max(var(--pad-x),env(safe-area-inset-left));padding-right:max(var(--pad-x),env(safe-area-inset-right));gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);gap:16px}.topbar .brand{color:var(--fg);white-space:nowrap}.topbar .meta{white-space:nowrap}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--fg);text-decoration:none;opacity:.7;transition:opacity .2s}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.logo-stage{position:relative;width:100%;height:100%;max-width:720px;display:flex;align-items:center;justify-content:center}#logo-canvas{width:100%;height:100%;display:block;max-height:70vh;max-height:70dvh}.bottombar{display:flex;justify-content:space-between;align-items:end;gap:32px}.tagline{font-family:Shippori Mincho,serif;font-size:clamp(20px,2.2vw,34px);line-height:1.15;font-weight:400;letter-spacing:-.02em;max-width:520px}.tagline .em{font-style:italic;font-weight:600}.tagline .jp{display:block;font-size:.34em;letter-spacing:.4em;color:var(--dim);margin-top:10px;font-family:JetBrains Mono,monospace}.cta{display:inline-flex;align-items:center;gap:14px;padding:14px 22px;background:var(--fg);color:var(--bg);border:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;transition:transform .3s,background .3s,color .3s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.cta .arrow{width:14px;height:1px;background:currentColor;position:relative;transition:width .3s}.cta .arrow:after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}@media (hover: hover){.nav-links a:hover{opacity:1}.cta:hover{transform:translateY(-2px)}.cta:hover .arrow{width:22px}}@media (max-width: 900px){:root{--pad-x: 28px;--pad-y: 24px}.nav-links{gap:22px}.tagline{font-size:clamp(20px,3vw,28px)}}@media (max-width: 640px){:root{--pad-x: 18px;--pad-y: 18px}.page{gap:12px}.topbar{font-size:9px;letter-spacing:.18em;gap:12px}.nav-links{display:none}.stage{padding:0}#logo-canvas{max-height:none}.bottombar{flex-direction:column;align-items:stretch;gap:18px}.tagline{font-size:clamp(20px,5.6vw,26px);max-width:none;line-height:1.18}.tagline .jp{font-size:9px;letter-spacing:.32em;margin-top:8px}.cta{width:100%;justify-content:space-between;padding:16px 20px;font-size:11px;letter-spacing:.24em}.cta .arrow{width:22px}}@media (max-width: 360px){.topbar .meta{font-size:8px;letter-spacing:.14em}.topbar .brand{font-size:9px;letter-spacing:.16em}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 480px){:root{--pad-y: 12px;--pad-x: 20px}.page{gap:8px}.topbar{font-size:9px}#logo-canvas{max-height:60dvh}.bottombar{flex-direction:row;align-items:end;gap:16px}.tagline{font-size:16px;line-height:1.1;max-width:60%}.tagline .jp{font-size:8px;margin-top:4px}.cta{width:auto;padding:12px 16px;font-size:10px}}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:0 max(24px,env(safe-area-inset-left)) 0 max(24px,env(safe-area-inset-right));opacity:1;transition:opacity .7s ease;cursor:default}.intro-overlay.intro-fade{opacity:0;pointer-events:none}.intro-text{font-family:Shippori Mincho,Inter Tight,serif;font-size:clamp(18px,2.6vw,30px);line-height:1.45;letter-spacing:-.005em;text-align:center;max-width:min(820px,88vw);color:var(--fg);font-weight:400}.intro-typed{white-space:pre-wrap}.intro-caret{display:inline-block;width:.5ch;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--fg);animation:intro-blink .85s steps(1) infinite}.intro-caret-still{animation:none;opacity:.85}@keyframes intro-blink{0%,49%{opacity:1}50%,to{opacity:0}}.page.page-hidden{visibility:hidden}@media (prefers-reduced-motion: reduce){*{animation-duration:0s!important;transition-duration:0s!important}.intro-overlay{display:none}.page.page-hidden{visibility:visible}}