.site-header{z-index:40;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:32px;padding:18px clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand-mark{color:var(--accent-500);font-size:1.6rem;display:flex}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.brand-sub{color:var(--ink-faint);font-size:.68rem;font-weight:500}.site-nav{gap:26px;display:flex}.site-nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:6px 2px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.site-nav a:hover{color:var(--ink)}.site-nav a.active{color:var(--deep-blue);border-color:var(--blue-600)}.header-actions{align-items:center;gap:18px;display:flex}.restart-link{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;font-weight:600}.restart-link:hover{color:var(--ink)}.lang-switch{border:1.5px solid var(--border);background:var(--surface-sunken);border-radius:999px;gap:2px;padding:3px;display:flex}.lang-switch button{letter-spacing:.03em;min-width:40px;min-height:40px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:5px 14px;font-size:.72rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.lang-switch button.active{background:var(--surface);color:var(--deep-blue);box-shadow:var(--shadow-sm)}.is-dark .site-header{background:linear-gradient(#03060d8c,#03060d00);border-bottom:0;position:fixed;left:0;right:0}.is-dark .brand{color:#eef4fb}.is-dark .brand-mark{color:#8fd0ff}.is-dark .brand-sub{color:#e2ecf88c}.is-dark .site-nav a,.is-dark .restart-link{color:#e2ecf8b8}.is-dark .site-nav a:hover,.is-dark .restart-link:hover{color:#fff}.is-dark .lang-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-color:#ffffff1f}.is-dark .lang-switch button{color:#e2ecf899}.is-dark .lang-switch button.active{color:#03060d;box-shadow:none;background:#fff}@media (width<=760px){.site-header{gap:14px;padding:14px 18px}.site-nav,.brand-sub,.restart-link{display:none}}.site-footer{background:var(--bg-raised);color:var(--ink);border-top:1px solid var(--border);margin-top:96px;padding:56px clamp(20px,5vw,64px) 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:48px;max-width:1180px;margin:0 auto;display:flex}.footer-brand{gap:14px;max-width:30rem;display:flex}.footer-brand .brand-mark{color:var(--blue-600);flex:none;margin-top:2px;font-size:1.4rem}.footer-brand p{color:var(--ink-soft);font-size:.92rem;line-height:1.6}.footer-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:10px;max-width:24rem;display:flex}.footer-demo{color:var(--ink-soft);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:10px 14px;font-size:.78rem;line-height:1.6}.footer-rights{color:var(--ink-faint);font-size:.78rem}.is-dark .site-footer{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#eef4fb;background:#03060dc7;border-top-color:#adcdf01f;margin-top:0;position:relative}.is-dark .footer-brand .brand-mark{color:#8fd0ff}.is-dark .footer-brand p,.is-dark .footer-demo{color:#e2ecf8b3}.is-dark .footer-demo{background:#ffffff0a;border-color:#adcdf024}.is-dark .footer-rights{color:#e2ecf873}@media (width<=700px){.footer-inner{flex-direction:column}.footer-meta{text-align:left;align-items:flex-start}}.home{isolation:isolate;color:var(--night-ink);position:relative}.scene{flex-direction:column;min-height:100svh;padding:132px clamp(20px,6vw,80px) 72px;display:flex;position:relative}.scene-copy{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:64rem;margin-inline:auto;display:flex}.scene-hero .scene-copy{margin-top:clamp(8px,5vh,64px)}.scene-copy-end{margin-top:auto}.scene-copy-center{margin-block:auto}.scene-sources{min-height:115svh}.scene-trust{min-height:130svh}.scene-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--night-ink);text-wrap:balance;font-size:clamp(2.2rem,4.6vw,4.2rem);font-weight:600;line-height:1.02}.scene-title-xl{font-size:clamp(2.4rem,5.3vw,4.8rem)}.scene-title .word{display:inline-block}.scene-title .accent{color:var(--night-glow)}.scene-lede{letter-spacing:-.015em;max-width:40rem;color:var(--night-ink-soft);text-shadow:0 1px 18px #03060da6;text-wrap:pretty;margin-top:18px;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.45}.scene-lede-wide{max-width:46rem}.scene-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.scene-trust .scene-title,.scene-trust .scene-lede{text-shadow:0 1px 28px #02123080}.scene-trust .scene-lede{color:#eef4fbe6}.journey-steps{border-top:1px solid var(--night-line);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:46rem;margin-top:28px;display:grid}.journey-steps li{border-left:1px solid var(--night-line);text-align:left;flex-direction:column;gap:2px;padding:14px 16px 0;display:flex}.journey-steps li:first-child{border-left:0;padding-left:0}.journey-n{letter-spacing:.04em;color:var(--night-glow);font-size:.72rem}.journey-name{color:var(--night-ink);font-size:.95rem;font-weight:600}.journey-body{color:var(--night-ink-soft);font-size:.82rem;line-height:1.45}.scene-profiles{min-height:auto;padding-top:38vh;padding-bottom:140px}.profiles-title{text-align:center;max-width:40rem;margin:0 auto 48px;font-size:clamp(1.8rem,3.2vw,2.8rem)}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;width:100%;max-width:1180px;margin-inline:auto;display:grid}.profile-card{aspect-ratio:1/1.02;width:100%;color:var(--night-ink);text-align:left;cursor:pointer;transition:translate .6s var(--ease-out), border-color .4s, box-shadow .6s var(--ease-out);background:#000;border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;justify-content:flex-end;padding:clamp(22px,2.6vw,36px);display:flex;position:relative;overflow:hidden}.profile-card-glow{background:radial-gradient(120% 95% at 0 100%,#2196f3 0%,#0f4f9a 36%,#06214a 68%,#020812 100%)}.profile-card-void{text-align:center;background:radial-gradient(80% 55% at 50% 0,#2196f329,#0000 70%),#000;align-items:center}.profile-card-ring{text-align:center;background:#101318;justify-content:center;align-items:center}.profile-copy{position:relative}.profile-title{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.45rem,2.1vw,1.95rem);font-weight:600;line-height:1.05;display:block}.profile-body{letter-spacing:-.01em;max-width:17rem;color:var(--night-ink-soft);margin-top:8px;font-size:.95rem;line-height:1.35;display:block}.profile-card-void .profile-body,.profile-card-ring .profile-body{margin-inline:auto}.profile-sparkle{color:#fff;filter:drop-shadow(0 0 18px #8fd0ffcc);width:64px;height:64px;transition:transform 1s var(--ease-out);position:absolute;top:12%;right:12%}.profile-orbit{z-index:0;filter:drop-shadow(0 12px 22px #040e208c);width:84%;height:auto;transition:transform .9s var(--ease-out);position:absolute;top:4%;left:2%}.profile-card-void{perspective:900px}.profile-browser{width:82%;height:auto;transform-style:preserve-3d;filter:drop-shadow(0 24px 30px #0000008c);transition:transform .9s var(--ease-out);position:absolute;top:6%;left:50%;transform:rotateX(18deg)rotate(-2deg)}.profile-card-ring .profile-title{isolation:isolate;padding-block:1.6rem;position:relative}.profile-card-ring .profile-body{margin-top:18px}.profile-rings{z-index:-1;color:#ffffff24;pointer-events:none;width:118%;max-width:none;height:120%;transition:transform .9s var(--ease-out), color .5s;position:absolute;top:50%;left:50%;translate:-50% -50%}.profile-go{color:#03060d;opacity:0;width:40px;height:40px;transition:opacity .4s, transform .6s var(--ease-out);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;left:20px;transform:scale(.6)rotate(-45deg)}.profile-go svg{width:16px;height:16px}.profile-card:focus-visible .profile-go{opacity:1;transform:none}@media (hover:hover){.profile-card:hover{border-color:#8fd0ff47;translate:0 -6px;box-shadow:0 30px 80px -30px #2196f373}.profile-card:hover .profile-go{opacity:1;transform:none}.profile-card:hover .profile-sparkle{transform:rotate(90deg)scale(1.08)}.profile-card:hover .profile-rings{color:#8fd0ff4d;transform:scale(1.06)rotate(-4deg)translateY(-2px)}.profile-card:hover .profile-orbit{transform:scale(1.06)translateY(-4px)}.profile-card:hover .profile-browser{transform:rotateX(10deg)rotate(-1deg)translateY(-6px)scale(1.03)}}@media (width<=860px){.scene{padding-top:112px;padding-bottom:56px}.journey-steps{grid-template-columns:1fr}.journey-steps li{border-left:0;border-top:1px solid var(--night-line);padding:12px 0}.journey-steps li:first-child{border-top:0}.scene-profiles{padding-top:30vh}.profile-grid{grid-template-columns:1fr;max-width:30rem}.profile-card{aspect-ratio:1/.8}}@font-face{font-family:Geist;src:url(/fonts/geist-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#faf9f6;--bg-raised:#f2f0ec;--surface:#fff;--surface-sunken:#f6f5f2;--border:#e8e6e1;--border-strong:#d7d3ca;--ink:#141e28;--ink-soft:#525d6a;--ink-faint:#8b95a2;--deep-blue:#00367d;--primary-blue:#0f4f9a;--blue-600:#1d6cc8;--accent-500:#2196f3;--accent-tint:#2196f31f;--font-display:"Geist", ui-sans-serif, system-ui, sans-serif;--font-body:"Geist", ui-sans-serif, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #141e280a, 0 8px 20px -8px #00367d14;--shadow-md:0 10px 30px -10px #00367d1a, 0 4px 12px -2px #141e280d;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}#root{position:relative}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.015em;color:var(--ink);margin:0;font-weight:600;line-height:1.08}.accent{color:var(--blue-600)}p{margin:0}a{color:inherit}button{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}.mono-figure{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}::selection{background:var(--accent-500);color:#fff}:focus-visible{outline:2px solid var(--blue-600);outline-offset:3px;border-radius:4px}html{scrollbar-color:var(--border-strong) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--blue-600)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell main{flex:1}.app-shell.is-dark{--night-ink:#eef4fb;--night-ink-soft:#e2ecf8bd;--night-line:#adcdf029;--night-glow:#8fd0ff;color:var(--night-ink)}body:has(.app-shell.is-dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#03060d}.night-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--night-ink);text-wrap:balance;font-size:clamp(2.2rem,4.2vw,3.7rem);font-weight:600;line-height:1.02}.night-title .word{display:inline-block}.night-title .accent{color:var(--night-glow)}.is-dark :is(.step-indicator,.live-dot,.diag-orb-caption,.journey-n,.plan-n,.figure-head,.diag-field label){font-family:var(--font-mono);letter-spacing:.04em;font-weight:500}.night-lede{letter-spacing:-.015em;max-width:32rem;color:var(--night-ink-soft);margin-top:16px;font-size:1.08rem;line-height:1.45}.route-fallback{min-height:60vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}