@font-face{font-family:'Space Grotesk';src:url('./fonts/spacegrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#f3eff9;--night:#100e1c;--blue:#c6a0ff;--paper:#100e1c;--muted:#b8adc7;--preview-line:#ffffff24}
body{background:#100e1c;color:#f3eff9;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand,.story-fact strong,.proof-grid strong,.proof b{font-family:'Space Grotesk',sans-serif!important}
button,a{font-family:inherit}h1,h2,h3{letter-spacing:-.035em!important;font-weight:600}.wrap{max-width:1240px;padding-left:36px;padding-right:36px}.section{padding:90px 0}.section-kicker{font-size:10px;color:#b79ad5;letter-spacing:.17em}.intro{gap:55px;margin-bottom:37px}.intro h2{font-size:clamp(34px,3.65vw,52px);line-height:1.16;max-width:760px}.intro p,.dark .intro p{font-size:14px;color:#b8adc7;line-height:1.85;max-width:360px}.note,.model-note{color:#a89ab9!important;font-size:11px;line-height:1.8}.text-link{color:#c8a1ff!important}.btn,.outline{border-radius:7px;font-size:12px;padding:14px 21px;min-height:44px}.btn.primary{background:#995bee;color:#fff;border-color:#aa70f6}.btn.primary:hover{background:#a76bf6}.btn:hover{transform:translateY(-2px)}.btn:not(.primary){border-color:#ffffff42;color:#f3eff9}.buttons{gap:12px}
.design-meta{background:linear-gradient(90deg,#1c304d,#3b2450);font:400 10px/1.5 Inter,sans-serif;color:#e3d9ee;border-bottom:1px solid #ffffff14}.design-meta .wrap{display:flex;justify-content:center;gap:22px;align-items:center;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.design-meta strong{font-size:10px;font-weight:600;letter-spacing:.03em}.design-meta a{text-decoration:underline;text-underline-offset:3px;font-weight:500}.design-meta span{color:#c6b9d6}.design-meta a:focus-visible{outline:2px solid #cba8fc;outline-offset:3px}
header{position:relative;height:80px;background:#100e1cf2;border-bottom:1px solid #ffffff16}.nav{gap:25px}.brand{font-size:12px;letter-spacing:.055em}.mark{color:#c6a0ff}.navlinks{color:#c5b9d3;font-size:12px;gap:28px}.outline{padding:10px 17px;background:#9554e7;border-color:#a76bf5;font-size:11px}.outline:hover{background:#a76bf5}.public-nav-toggle{border-color:#ffffff35;background:#1b1726;color:#eadff6;border-radius:5px}.navlinks.nav-open{background:#171320;border-color:#ffffff25}
.hero{height:auto;min-height:720px;padding:69px 0 45px;align-items:flex-start;isolation:isolate}.hero:before{background-image:linear-gradient(0deg,#100e1c 0%,#100e1c65 60%,#100e1c60),linear-gradient(90deg,#100e1cce,#39244f70 55%,#100e1c66),url('/landing/hero.webp');background-position:center,center,center 42%;opacity:.73}.hero .wrap{padding-top:0;text-align:center}.hero .eyebrow{justify-content:center;font-size:10px;color:#d8c1f2;letter-spacing:.18em}.hero h1{font-size:clamp(42px,5.1vw,74px);line-height:1.1;max-width:1050px;margin:26px auto 23px;font-weight:600;letter-spacing:-.04em!important}.hero h1 em{color:#c8a4fb}.hero .lead{color:#d0c5df;font-size:16px;line-height:1.85;max-width:680px;margin:0 auto}.hero .buttons{justify-content:center;margin-top:28px}.hero-foot{max-width:1120px;margin:63px auto 0;padding:22px 0 0;border-color:#ffffff24;gap:23px}.hero-foot div{color:#d0c5df;font-size:11px;line-height:1.6;gap:10px;justify-content:center;text-align:left}.hero-foot b{font-size:18px;color:#bf95f5}
.dark,#experience{background:#100e1c}#experience .story-intro{margin-bottom:33px}#experience .story-intro h2{max-width:700px}.story-context{max-width:360px}.story-context figure{border-color:#ffffff25;background:#1a1626;border-radius:8px}.story-context figcaption{font-size:10px;color:#b5a7c7;padding:11px 13px}.story-recording-label{border-color:#ffffff2a;color:#c7b7db;background:#21192d;font-size:10px;border-radius:5px;padding:8px 11px}.story-recording-label:before{background:#c5a1f5;width:5px;height:5px}.story-stages{gap:9px;margin-bottom:19px}.story-stages button{background:#1c1728;border-color:#ffffff1e;border-radius:6px;font-family:Inter,sans-serif;font-size:12px;padding:15px}.story-stages button small{color:#aa95c4;font-size:9px}.story-stages button[aria-pressed=true]{color:#fff;background:#593478;border-color:#b88be5}.story-stages button[aria-pressed=true] small{color:#e2caf8}.story-layout{border-color:#ffffff28;border-radius:9px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.story-panel{background:#1a1626;padding:32px}.story-panel h3{font-size:clamp(26px,2.6vw,35px);line-height:1.22;letter-spacing:-.03em!important}.story-panel p{color:#bfb1cf;font-size:13px;line-height:1.9}.story-status{background:#2d2540;border-color:#8e6bb36b;color:#d7c1f1;border-radius:5px;font-size:10px}.story-fact,.story-controls,.story-inspect,.story-recording-details{border-color:#ffffff24}.story-fact span{color:#ac99bf;font-size:10px}.story-fact strong{color:#cba8fc;font-size:28px}.story-controls{padding-top:18px}.story-controls button{background:#9658e8;color:white;border-color:#aa78e9;border-radius:6px;font-size:11px;padding:11px 14px}.story-controls button:first-child{color:#d3c3e4;border-color:#ffffff32}#story-count{font-size:10px;color:#a997bc}.story-inspect summary,.story-recording-details summary{font-size:11px;color:#c9a8ed}.story-inspect dl,.story-recording-details ul{color:#bbacd0;font-size:12px}.story-inspect dt{color:#d6c3ec}.story-footer p{font-size:11px;color:#b2a3c3}.story-source-link{color:#d1b2f3;font-size:12px}.story-interface{background:#1c1729;border-color:#ffffff22;border-radius:7px}.story-interface figcaption{color:#bbaccd;font-size:11px}.story-footer .buttons{justify-content:flex-end}.story-visual{color-scheme:light}.story-map-top,.story-map-scroll,.story-map-legend,.story-map-note,.story-map-hint{color:#244351}.story-map-note{font-size:11px}.story-map-top{font-size:11px}.story-map-legend{font-size:10px}
.statement{background:#171322;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.cap-grid{gap:17px;margin-top:35px}.cap{padding:29px;background:linear-gradient(140deg,#241b32,#1c1728);border:1px solid #ffffff1e;border-radius:8px;min-height:260px}.cap h3{font-size:23px;letter-spacing:-.03em!important;color:#f1e9fb}.cap p{font-size:13px;line-height:1.85;color:#b8acc8}.cap a{font-size:12px;color:#cba6fc}.platform-summary{background:#100e1c}.platform-families{gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}.family-card{background:linear-gradient(140deg,#211b2e,#191523);border:1px solid #ffffff20;border-radius:8px;padding:27px;grid-column:span 2;min-height:230px;transition:border-color .2s}.family-card:last-child{grid-column:span 3}.family-card:nth-last-child(2){grid-column:span 3}.family-card:hover{background:#251b34;border-color:#a077d077;transform:translateY(-2px)}.family-card span{font-size:9px;color:#b399d0;letter-spacing:.12em}.family-card h3{font-size:23px;color:#f2ebfb;margin-top:21px;margin-bottom:14px}.family-card p{color:#b4a8c3;font-size:13px;line-height:1.85}.section-next{margin-top:24px}.section-next p{font-size:12px;color:#a99ab9}.section-next a{font-size:12px}
.authority-section{background:#171322;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.authority-layout{gap:60px;grid-template-columns:1.1fr .9fr}.authority-flow{background:#120f1d;border:1px solid #ffffff1e;border-radius:9px;padding:23px}.flow-node{background:#21192e!important;color:#f1e9fa;border-color:#ffffff24;border-radius:7px;padding:25px}.flow-node.highlighted{background:#352342!important;border-color:#a47bc16b}.authority-flow .flow-number{color:#bba1d5;font-size:9px}.flow-node h3{font-size:24px;margin:15px 0 13px}.flow-node p{color:#c0b1ce;font-size:13px;line-height:1.8}.flow-caption{color:#b7a5c7;font-size:10px;border-color:#ffffff18}.permit-chip{color:#d6bdf0;background:#472d5f;border-color:#b58ed078;font-size:9px;border-radius:5px;line-height:1.7}.flow-arrow{color:#bb94e8;font-size:22px}.authority-aside h3{font-size:37px;line-height:1.18;color:#f2eafa;max-width:400px}.authority-aside p{color:#b9aac9;font-size:14px;line-height:1.9}.authority-aside .small-overline{color:#b795da!important;font-size:9px;letter-spacing:.15em}.authority-short{color:#bbadca!important}.authority-aside .text-link{font-size:12px}
#environments{background:#100e1c}.env-stage{background:#1b1628;border:1px solid #ffffff24;border-radius:9px;box-shadow:none;min-height:510px}.env-info{padding:43px}.env-info .tag{color:#c7a3ef;font-size:9px}.env-info h3{color:#f4effa;font-size:47px;letter-spacing:-.035em!important}.env-info p{color:#c2b3d2;font-size:14px;line-height:1.9}.env-controls{gap:15px}.pills{gap:6px}.pill{border-color:#ffffff35;color:#c9bdd8;font-size:10px;padding:9px 12px}.pill[aria-pressed=true]{background:#9460d0;border-color:#bc90ed;color:white}.round{border-color:#ffffff39;color:#e1d2f0;width:37px;height:37px;font-size:20px}.env-motion-badge{background:#241a33bb;color:#e2cdf4;font-size:9px;border-color:#ffffff22}.env-motion-toggle{border-color:#ffffff35;background:#21162eaa;color:#edddff;font-size:10px}.motion-dot{background:#b48adc}.proof-section{background:#171322;border-top:1px solid #ffffff0e}.proof-grid{gap:16px}.proof-grid article{background:#21192f;border:1px solid #ffffff20;border-radius:7px;padding:25px}.proof-grid article strong{font-size:37px;letter-spacing:-.035em;color:#caa5fc}.proof-grid article span{font-size:12px;color:#c0b1d0;line-height:1.75}.evidence-note{border-color:#ffffff24;gap:45px;padding-top:28px;margin-top:27px}.evidence-note h3{color:#f0e7fb;font-size:24px}.evidence-note p{font-size:12px;line-height:1.9;color:#b8a9c9}.proof-links .btn,.btn.dark-link{background:#30213f;color:#d6bdf5;border-color:#8b65ae66;font-size:11px;padding:13px 17px}.proof-links .btn:hover{background:#442a5d}.cta{background:radial-gradient(ellipse at 50% 110%,#63368a77,transparent 70%),#100e1c;padding:77px 0 82px;border-top:1px solid #ffffff22}.cta .wrap{text-align:center}.cta h2{color:#f4ecff;font-size:clamp(38px,4.1vw,59px);line-height:1.14;letter-spacing:-.04em!important;margin:0 auto;max-width:900px}.cta .section-kicker{color:#bf9cdf!important}.cta .buttons{justify-content:center}.cta .btn{background:#995deb;color:white;border-color:#af77f1}.cta .btn+.btn{background:transparent;border-color:#ffffff42;color:#dfc9f6}footer{background:#0d0b15;border-top:1px solid #ffffff15;padding:35px 0}.footer-row{font-size:10px;color:#a89ab8;align-items:center}.footer-row .brand{color:#e9dff3}
@media(min-width:1600px){.hero{padding-top:84px;padding-bottom:55px}}
@media(max-width:1100px){.story-layout{grid-template-columns:minmax(0,1fr)}.story-panel{padding:30px;min-height:360px}.story-fact{margin-top:0}.intro{gap:35px}.navlinks{gap:17px}.authority-layout{gap:35px}.env-info{padding:33px}.env-info h3{font-size:40px}.env-controls{flex-wrap:wrap}.family-card{padding:24px}.family-card h3{font-size:21px}}
@media(max-width:1050px){.navlinks.nav-open{top:80px}.navlinks{font-size:13px}.hero-foot{grid-template-columns:repeat(2,1fr);gap:20px}.hero-foot div{justify-content:start}.hero-foot{max-width:650px}.platform-families{grid-template-columns:repeat(2,minmax(0,1fr))}.family-card,.family-card:last-child,.family-card:nth-last-child(2){grid-column:auto}.family-card:last-child{grid-column:1/-1}}
@media(max-width:900px){.wrap{padding-left:26px;padding-right:26px}.section{padding:70px 0}.hero{min-height:690px;padding:56px 0 38px}.hero h1{font-size:60px;max-width:800px}.hero .lead{font-size:15px}.hero-foot{margin-top:45px}.intro{align-items:start;gap:22px}.intro h2{font-size:40px;max-width:600px}.intro p{max-width:550px;font-size:13px}.story-context{max-width:550px;width:100%}.story-context figure{max-width:550px}.story-context img{height:200px}#experience .story-intro{gap:24px}.authority-layout{grid-template-columns:1fr;gap:37px}.authority-aside{max-width:620px}.authority-aside h3{font-size:35px;max-width:600px}.authority-aside p{font-size:13px}.env-stage{min-height:0}.env-photo{min-height:340px}.env-info{padding:35px;gap:30px}.env-info p{max-width:none}.env-controls{flex-wrap:nowrap}.evidence-note{gap:25px}.proof-grid{grid-template-columns:1fr 1fr}.cta{padding:65px 0}.cta h2{font-size:47px}.cap-grid{grid-template-columns:1fr}.cap{min-height:200px;padding:28px}.cap p{max-width:650px}.cap h3{font-size:26px}.cap a{margin-top:15px}.story-footer .buttons{justify-content:start}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.design-meta .wrap{gap:6px 14px;padding-top:8px;padding-bottom:8px;font-size:9px}.design-meta span{display:none}.design-meta strong{font-size:9px}.design-meta a{font-size:9px}header{height:72px}.nav{gap:11px}.brand{font-size:10px;gap:8px}.mark{font-size:28px}.outline{padding:9px 11px;font-size:9px;min-height:36px}.public-nav-toggle{font-size:10px;padding:9px 10px}.navlinks.nav-open{top:72px;font-size:13px}.hero{min-height:0;padding:45px 0 35px}.hero h1{font-size:42px;line-height:1.12;margin:22px auto;letter-spacing:-.04em!important}.hero .eyebrow{font-size:8px;letter-spacing:.15em;gap:10px}.hero .eyebrow:after{width:25px}.hero .lead{font-size:13px;line-height:1.9}.hero .buttons{margin-top:25px;gap:10px}.btn{font-size:11px;padding:13px 17px;min-height:43px}.hero-foot{margin-top:34px;padding-top:21px;gap:18px 16px}.hero-foot div{font-size:10px;line-height:1.6;gap:7px}.hero-foot b{font-size:15px}.section{padding:57px 0}.section-kicker{font-size:9px;line-height:1.7;margin-bottom:15px}.intro{gap:19px;margin-bottom:28px}.intro h2{font-size:33px;line-height:1.16}.intro p{font-size:12px;line-height:1.85}.story-context img{height:180px}.story-context figcaption{font-size:9px;padding:9px 11px}.story-recording-label{font-size:9px;line-height:1.6;padding:8px 10px}.story-stages{gap:5px;margin-bottom:14px}.story-stages button{padding:12px 5px;font-size:10px}.story-stages button small{font-size:8px}.story-panel{padding:25px;min-height:350px}.story-panel h3{font-size:28px}.story-panel p{font-size:12px;line-height:1.85}.story-status{font-size:9px}.story-fact strong{font-size:27px}.story-fact{padding:18px 0}.story-controls button{font-size:10px;padding:10px 12px}.story-inspect summary,.story-recording-details summary{font-size:10px}.story-recording-details ul{font-size:11px}.story-footer{gap:20px}.story-footer p{font-size:10px;line-height:1.9}.story-footer .buttons{gap:9px}.story-footer .buttons .btn{font-size:10px;padding:12px 15px}.story-map-note{font-size:10px}.story-map-top{font-size:10px}.story-map-top span{font-size:10px}.story-map-legend{font-size:9px;gap:11px}.story-map-hint{font-size:10px}.cap-grid{margin-top:25px;gap:13px}.cap{padding:24px;min-height:220px}.cap h3{font-size:24px}.cap p{font-size:12px;line-height:1.85}.cap a{font-size:11px}.platform-families{grid-template-columns:1fr;gap:13px}.family-card,.family-card:last-child,.family-card:nth-last-child(2){grid-column:auto;min-height:210px;padding:25px}.family-card h3{font-size:24px;margin-top:19px}.family-card p{font-size:12px;line-height:1.9}.family-card span{font-size:8px}.section-next{gap:15px}.section-next p{font-size:11px;line-height:1.8}.section-next a{font-size:11px}.authority-layout{gap:30px}.authority-flow{padding:16px}.flow-node{padding:22px}.flow-node h3{font-size:23px}.flow-node p{font-size:12px;line-height:1.85}.flow-caption{font-size:9px;line-height:1.8}.permit-chip{font-size:8px;line-height:1.8}.authority-flow .flow-number{font-size:8px}.authority-aside h3{font-size:32px}.authority-aside p{font-size:12px}.authority-aside .text-link{font-size:11px}.env-photo{min-height:280px}.env-stage{border-radius:8px}.env-info{padding:27px;gap:28px}.env-info h3{font-size:38px}.env-info p{font-size:13px;line-height:1.85}.env-controls{gap:15px;align-items:start;flex-wrap:wrap}.pills{gap:6px}.pill{padding:8px 10px;font-size:9px}.env-motion-toggle{font-size:9px}.env-motion-badge{font-size:8px}.round{width:34px;height:34px;font-size:19px}.proof-grid{gap:12px}.proof-grid article{padding:21px 18px}.proof-grid article strong{font-size:32px}.proof-grid article span{font-size:11px;line-height:1.8}.evidence-note{margin-top:24px;padding-top:25px;gap:22px}.evidence-note h3{font-size:25px}.evidence-note p{font-size:11px;line-height:1.9}.proof-links{gap:10px}.proof-links .btn,.btn.dark-link{font-size:10px;padding:12px 15px}.cta{padding:56px 0}.cta h2{font-size:36px}.cta .buttons{gap:10px;margin-top:27px}.cta .btn{font-size:11px}.footer-row{font-size:9px;gap:22px}.note,.model-note{font-size:10px!important}.footer-row .brand{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
