:root{color-scheme:dark;--bg:#02060d;--panel:#07101b;--panel2:#0a1420;--text:#f6f8fb;--muted:#aeb8c7;--line:#193044;--pink:#ff0072;--yellow:#f2ff00;--green:#00ff8d;--blue:#2555ff;--cyan:#00eaff;--max:1440px;--gutter:clamp(18px,2.8vw,42px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:#02060d;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.65rem 1rem;z-index:100}.skip:focus{top:1rem}.site-header{height:58px;display:flex;align-items:center;gap:2rem;padding:0 var(--gutter);border-bottom:1px solid #102132;background:#030812f5;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900;letter-spacing:.08em;font-size:1.05rem}.brand-mark{width:20px;height:20px;display:inline-block;clip-path:polygon(50% 0,90% 25%,90% 75%,50% 100%,10% 75%,10% 25%);background:conic-gradient(var(--pink),var(--yellow),var(--green),var(--blue),var(--pink));position:relative}.brand-mark:after{content:"";position:absolute;inset:5px;background:#030812;clip-path:inherit}.site-header nav{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.7rem);margin-left:auto}.site-header nav a{text-decoration:none;color:#e3e7ee;font-size:.88rem;font-weight:700}.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff}.join,.button.primary{border:1px solid var(--pink);background:#ff0072;color:white!important;box-shadow:0 0 26px #ff00722a}.join{padding:.58rem .9rem}.menu{display:none;margin-left:auto;border:1px solid #29445d;background:#07101b;color:#fff;padding:.45rem .7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:43px;padding:.7rem 1rem;text-decoration:none;font-weight:900;border-radius:2px}.button.secondary,.button.outline{background:#07101bcc;border:1px solid var(--pink);color:#fff}.button.secondary{border-color:#cfd6df}.button.outline{color:var(--pink)}
.hero-wrap{min-height:470px;position:relative;overflow:hidden;border-bottom:1px solid #173047;background:#050a12}.hero-art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:68%;height:100%;background-image:url('/assets/site/hero.webp');background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:auto}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02060d 0%,#02060df8 22%,#02060dce 38%,#02060d33 60%,#02060d08 100%),linear-gradient(180deg,#02060d00 70%,#02060dc9 100%)}.hero-copy{position:relative;z-index:2;width:min(760px,70vw);padding:clamp(42px,6vw,76px) var(--gutter) clamp(46px,6vw,72px)}.hero-note,.hero-side-note{font-size:.67rem;font-weight:900;letter-spacing:.18em;color:#f7ff56}.hero-note{margin:0 0 1.3rem}.hero-copy h1{margin:0;font-size:clamp(2.75rem,5.7vw,5.75rem);line-height:.93;letter-spacing:-.055em;max-width:870px}.hero-copy h1 em{font-style:normal;color:var(--pink)}.hero-description{font-size:clamp(.95rem,1.45vw,1.1rem);line-height:1.45;color:#d4dfeb;max-width:36rem;margin:0 0 1.4rem}.hero-tagline{font-size:.82rem;font-weight:800;letter-spacing:.18em;color:#cbd5e2;margin:1.2rem 0 1.45rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-side-note{position:absolute;right:var(--gutter);bottom:28px;z-index:3;text-align:right}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px var(--gutter) 14px;background:#030812;border-bottom:1px solid #173047}.mode-card{min-width:0;background:#050c16;border:1px solid #294258;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.mode-card:hover{transform:translateY(-2px);border-color:#58718b}.mode-card>.art{width:100%;aspect-ratio:2.5/1;min-height:170px}.mode-copy{padding:16px 18px 18px;min-height:210px}.mode-copy h2{font-size:1.2rem;margin:.1rem 0 .45rem;line-height:1.06}.mode-copy p:not(.mode-label){font-size:.9rem;color:#c3ccda;margin:.45rem 0 1rem}.mode-label{font-size:1.35rem;font-weight:950;margin:0 0 .1rem;line-height:1}.mode-card>a,.mode-copy>a{text-decoration:none;font-size:1.35rem;color:var(--pink)}.mode-play .mode-label{color:#26f6d0}.mode-run .mode-label{color:#ffe71a}.mode-create .mode-label{color:#ff168b}.mode-explore .mode-label{color:#4b70ff}.section-frame{display:grid;grid-template-columns:270px 1fr;gap:18px;padding:16px var(--gutter);border-bottom:1px solid #173047;background:#030812}.story-intro,.world-intro,.status-intro{padding:8px 0}.story-intro h2,.world-intro h2,.status-intro h2{font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:.98;letter-spacing:-.035em;margin:0 0 .75rem}.story-intro p,.world-intro p,.status-intro p{color:#bdc7d5;font-size:.88rem}.journey{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;padding:0;margin:0;list-style:none;overflow-x:auto}.journey li{min-width:120px}.journey .art{width:100%;aspect-ratio:2.5/1;border:1px solid #315169;background-color:#07101b}.journey span{display:block;font-size:.65rem;line-height:1.15;text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#d9e0ea;margin-top:.45rem}.world-band{grid-template-columns:220px 1fr;background:#030a13}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.world-grid article{background:#06101b;border:1px solid #28445e;overflow:hidden}.world-grid .art{width:100%;aspect-ratio:2.5/1;min-height:145px}.world-grid article>div:not(.art){padding:8px 10px 10px}.world-grid h3{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#32efd8;margin:0 0 .2rem}.world-grid p{font-size:.72rem;color:#c0cad7;margin:0}.status-band{grid-template-columns:320px 1fr 250px;align-items:stretch;background:#030812;padding-top:14px;padding-bottom:14px}.status-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid #20394e;border-right:1px solid #20394e}.status-columns article{padding:8px 18px;border-right:1px solid #20394e}.status-columns article:last-child{border-right:0}.status-label{font-size:.66rem;letter-spacing:.09em;font-weight:900}.available .status-label{color:#22f1c5}.development .status-label{color:#ffd92e}.horizon .status-label{color:#436bff}.status-columns ul{margin:.35rem 0 0;padding:0;list-style:none;color:#c3ccda;font-size:.78rem}.status-art{overflow:hidden;min-height:120px;position:relative}.status-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030812 0%,transparent 50%)}.page-hero,.updates,.about-story{width:min(calc(100% - 2*var(--gutter)),1100px);margin:auto}.page-hero{padding:90px 0 50px}.page-hero h1,.updates h1{font-size:clamp(2.8rem,6vw,5rem);line-height:.98;margin:.2rem 0 1rem}.label,.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:900;color:#90a2b8}.lede,.page-lede{font-size:1.15rem;color:#c5cfdb;max-width:55rem}.about-story{padding-bottom:70px;display:grid;gap:1px;background:#20394e}.about-story article{background:#050c16;padding:clamp(24px,4vw,45px)}.updates{padding:80px 0;display:grid;grid-template-columns:1fr minmax(320px,520px);gap:clamp(30px,7vw,80px)}form{display:grid;gap:1rem;background:#06101b;border:1px solid #29445f;padding:clamp(20px,3vw,30px)}form label,fieldset{display:grid;gap:.4rem;border:0;padding:0;margin:0}input{min-height:46px;border:1px solid #35516c;background:#02060d;color:#fff;padding:.7rem .8rem}.checks,.interest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.checks label,.interest-grid label{display:flex;align-items:center;gap:.5rem;border:1px solid #29445f;padding:.6rem}.checks input,.interest-grid input{min-height:auto}.honeypot,.trap{position:absolute;left:-9999px}.fine,.form-note,footer small{font-size:.75rem;color:#8e9caf}.error,.field-error{color:#ff7fae;font-size:.8rem}footer{display:grid;grid-template-columns:auto 1fr auto;gap:1rem 2rem;align-items:center;padding:24px var(--gutter) 34px;border-top:1px solid #173047;color:#aeb8c7;background:#02060d}footer p{margin:0;font-size:.8rem}footer nav{display:flex;gap:1rem;flex-wrap:wrap}footer nav a{text-decoration:none;font-size:.8rem}

.art{background-repeat:no-repeat;background-color:#07101b}.art-play,.art-run,.art-create{background-image:url('/assets/site/modes.webp');background-size:300% 100%}.art-play{background-position:0 0}.art-run{background-position:50% 0}.art-create{background-position:100% 0}.art-explore,.art-journey-discovery,.art-journey-campaign,.art-journey-character{background-image:url('/assets/site/journey-a.webp');background-size:400% 100%}.art-explore{background-position:0 0}.art-journey-discovery{background-position:33.333% 0}.art-journey-campaign{background-position:66.667% 0}.art-journey-character{background-position:100% 0}.art-journey-history,.art-journey-future,.art-journey-create,.art-journey-remembers{background-image:url('/assets/site/journey-b.webp');background-size:400% 100%}.art-journey-history{background-position:0 0}.art-journey-future{background-position:33.333% 0}.art-journey-create{background-position:66.667% 0}.art-journey-remembers{background-position:100% 0}.art-world-havalaea,.art-world-vertigon,.art-world-loop,.art-world-skoaltarra{background-image:url('/assets/site/worlds.webp');background-size:400% 100%}.art-world-havalaea{background-position:0 0}.art-world-vertigon{background-position:33.333% 0}.art-world-loop{background-position:66.667% 0}.art-world-skoaltarra{background-position:100% 0}
@media(max-width:1000px){.hero-wrap{min-height:520px}.hero-art{right:0;top:50%;transform:translateY(-50%);width:100%;height:100%;background-position:0 0}.hero-shade{background:linear-gradient(90deg,#02060dfc 0%,#02060de8 45%,#02060d68 78%,#02060d20 100%),linear-gradient(180deg,#02060d00 60%,#02060dcf 100%)}.hero-copy{width:80vw}.mode-grid{grid-template-columns:repeat(2,1fr)}.section-frame{grid-template-columns:1fr}.world-band{grid-template-columns:1fr}.status-band{grid-template-columns:1fr}.status-art{display:none}.updates{grid-template-columns:1fr}.world-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{height:56px}.menu{display:inline-flex}.site-header nav{display:none;position:fixed;left:0;right:0;top:56px;background:#030812;padding:14px var(--gutter) 20px;border-bottom:1px solid #29445f;flex-direction:column;align-items:stretch;gap:0}.site-header nav[data-open="true"]{display:flex}.site-header nav a{padding:.8rem 0}.join{margin-top:.4rem;text-align:center}.hero-wrap{min-height:610px}.hero-art{left:0;right:0;top:0;transform:none;width:100%;height:260px;background-size:cover;background-position:center;opacity:.9}.hero-shade{background:linear-gradient(180deg,#02060daa 0%,#02060dd8 46%,#02060dfd 78%,#02060d 100%),linear-gradient(90deg,#02060dbb,transparent)}.hero-copy{width:100%;padding-top:42px;padding-bottom:190px}.hero-copy h1{font-size:clamp(2.55rem,12vw,4.2rem)}.hero-tagline{font-size:.68rem;max-width:85%;line-height:1.5}.hero-side-note{display:none}.mode-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.mode-card{display:block;min-height:0}.mode-card>.art{width:100%;height:auto;min-height:0;aspect-ratio:2.5/1}.mode-copy{min-height:0;padding:14px}.mode-copy h2{font-size:1.05rem}.mode-copy p:not(.mode-label){font-size:.8rem}.section-frame{padding:26px 14px}.journey{grid-template-columns:repeat(7,145px)}.world-grid{grid-template-columns:1fr 1fr}.world-grid .art{height:110px;min-height:0;aspect-ratio:auto}.status-columns{grid-template-columns:1fr;border:1px solid #20394e}.status-columns article{border-right:0;border-bottom:1px solid #20394e}.status-columns article:last-child{border-bottom:0}footer{grid-template-columns:1fr;align-items:start}.updates,.page-hero,.about-story{width:min(calc(100% - 28px),1100px)}}
@media(max-width:470px){.brand{font-size:.9rem}.hero-copy{padding-left:18px;padding-right:18px}.hero-actions{display:grid;grid-template-columns:1fr}.mode-card{display:block}.mode-card>.art{width:100%;height:auto;min-height:0;aspect-ratio:2.5/1}.world-grid{grid-template-columns:1fr}.world-grid .art{height:145px;min-height:0;aspect-ratio:auto}.checks,.interest-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Explicit entry points to the two long-form public pages. */
.hero-page-links{color:#e2e9f3;font-size:.92rem;margin:1rem 0 0}.hero-page-links a{color:#f2ff00;text-decoration:underline;text-underline-offset:.18em;font-weight:800}.hero-page-links a:hover,.hero-page-links a:focus-visible{color:#fff}.status-intro .button{margin:.3rem .25rem .2rem 0}


/* Prominent, accessible routes to the full Capabilities and Value pages. */
.feature-gateways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px var(--gutter) 18px;background:#030812;border-bottom:1px solid #173047}
.feature-gateway{--gateway-accent:var(--cyan);display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;min-height:195px;padding:clamp(20px,2.4vw,32px);background:linear-gradient(115deg,#0e1e30 0%,#07111d 65%,#091322 100%);border:1px solid #36516a;border-left:5px solid var(--gateway-accent);color:#f6f8fb;text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.feature-gateway-value{--gateway-accent:var(--yellow);background:linear-gradient(115deg,#181b16 0%,#11170f 60%,#0d121a 100%)}
.feature-gateway:hover,.feature-gateway:focus-visible{border-color:var(--gateway-accent);border-left-color:var(--gateway-accent);transform:translateY(-2px);outline-offset:3px}
.feature-gateway:focus-visible{outline:3px solid #fff}
.feature-gateway-kicker{font-size:.69rem;font-weight:900;letter-spacing:.16em;color:var(--gateway-accent)}
.feature-gateway-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;font-size:clamp(1.8rem,2.9vw,2.8rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}
.feature-gateway-title span{color:var(--gateway-accent)}
.feature-gateway-description{max-width:42rem;color:#c8d4e3;font-size:.97rem;line-height:1.55}
.feature-gateway-action{margin-top:auto;padding-top:.45rem;font-size:.88rem;font-weight:900;color:var(--gateway-accent)}
@media(max-width:720px){.feature-gateways{grid-template-columns:1fr;gap:10px;padding:10px 14px 14px}.feature-gateway{min-height:0;padding:20px}.feature-gateway-action{margin-top:.25rem}}


/* Customer-facing feature preview */
.feature-highlights{padding:clamp(42px,6vw,88px) var(--gutter);background:linear-gradient(145deg,#061120,#02060d 65%);border-bottom:1px solid #264156}
.feature-highlights-intro{max-width:880px;margin:0 auto 28px;text-align:center}
.feature-highlights-eyebrow{color:var(--cyan);font-size:.75rem;font-weight:900;letter-spacing:.15em}
.feature-highlights h2{font-size:clamp(1.9rem,4vw,3.6rem);line-height:1.08;margin:12px 0}
.feature-highlights-intro>p:last-child{color:var(--muted);font-size:1.05rem}
.feature-highlights-grid{max-width:var(--max);margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.feature-highlight{min-width:0;padding:20px;border:1px solid #2b4559;background:#0b1723}
.feature-highlight strong{display:block;color:var(--green);font-size:1.05rem;margin-bottom:7px}
.feature-highlight span{display:block;color:#d5e0ed;line-height:1.55;font-size:.93rem}
.feature-highlights-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px auto 0}
@media(max-width:980px){.feature-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.feature-highlights-grid{grid-template-columns:1fr}.feature-highlights{text-align:left}.feature-highlights-intro{text-align:left}}

/* Public personality quiz discovery feature */
.quiz-home-feature{max-width:1440px;margin:0 auto;padding:clamp(35px,5vw,65px) var(--gutter);display:grid;grid-template-columns:minmax(250px,1fr) minmax(400px,1.4fr);gap:clamp(18px,4vw,55px);align-items:center;border-bottom:1px solid #254056}.quiz-home-kicker{color:var(--cyan);font-weight:900;letter-spacing:.15em;font-size:.75rem}.quiz-home-feature h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:.6rem 0}.quiz-home-feature-intro>p:last-child{max-width:560px;color:#c5d4e1;line-height:1.65}.quiz-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.quiz-home-links a{display:flex;flex-direction:column;gap:10px;padding:25px 22px;min-height:200px;background:linear-gradient(145deg,#092238,#060e1b);border:1px solid #34546c;text-decoration:none;transition:border-color .2s,transform .2s}.quiz-home-links a:nth-child(2){background:linear-gradient(145deg,#2b0c27,#0b0b1b)}.quiz-home-links a:hover,.quiz-home-links a:focus-visible{border-color:var(--cyan);transform:translateY(-2px)}.quiz-home-links span{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:var(--cyan)}.quiz-home-links a:nth-child(2) span{color:#ff7cb8}.quiz-home-links strong{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.2}.quiz-home-links small{margin-top:auto;color:#aebfd0;font-size:.82rem}@media(max-width:800px){.quiz-home-feature{grid-template-columns:1fr}.quiz-home-links{grid-template-columns:1fr}.quiz-home-links a{min-height:150px}}@media(prefers-reduced-motion:reduce){.quiz-home-links a{transition:none}.quiz-home-links a:hover,.quiz-home-links a:focus-visible{transform:none}}

/* Featured interactive story teaser replaces the former seven-scene static gallery. */
.demo-home-spotlight{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px;align-items:stretch;max-width:1440px;margin:0 auto;padding:clamp(28px,4vw,52px) var(--gutter) clamp(46px,6vw,78px)}
.demo-home-story{background:linear-gradient(135deg,#11243a,#060e19);border:1px solid #395b74;border-left:5px solid #00eaff;padding:clamp(24px,4vw,52px)}
.demo-home-kicker{font-size:.73rem;font-weight:900;letter-spacing:.16em;color:#00eaff;margin:0 0 17px}
.demo-home-story h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}
.demo-home-story h2 em{font-style:normal;color:#ff64aa}
.demo-home-story p:not(.demo-home-kicker){color:#d7e6f4;max-width:690px;line-height:1.65}
.demo-home-story .button{margin:13px 0 18px}
.demo-home-story small{display:block;color:#b5cbdc;font-size:.82rem}
.demo-home-connections{display:grid;align-content:center;gap:13px;position:relative;min-height:325px;padding:clamp(25px,3vw,40px);border:1px solid #36516d;background:radial-gradient(ellipse at 92% 8%,#174260,#081322 70%)}
.demo-home-relic{position:absolute;right:45px;top:26px;width:90px;height:90px;background:linear-gradient(135deg,#f2ff00,#00eaff 55%,#ff0072);clip-path:polygon(50% 0,90% 25%,90% 75%,50% 100%,10% 75%,10% 25%);opacity:.27;filter:blur(1px)}
.demo-home-node{display:flex;flex-direction:column;gap:5px;background:#071422e8;border:1px solid #284c64;border-left:4px solid #00eaff;padding:15px 19px;z-index:1}
.demo-home-node:nth-of-type(3){border-left-color:#f2ff00}
.demo-home-node:nth-of-type(4){border-left-color:#ff64aa}
.demo-home-node span{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#00eaff}
.demo-home-node:nth-of-type(3) span{color:#f2ff00}
.demo-home-node:nth-of-type(4) span{color:#ff64aa}
.demo-home-node strong{font-size:1.05rem;color:#f5f9ff;line-height:1.35}
@media(max-width:820px){.demo-home-spotlight{grid-template-columns:1fr}.demo-home-connections{min-height:0}}
@media(max-width:520px){.demo-home-spotlight{padding-left:14px;padding-right:14px;gap:10px}.demo-home-story{padding:25px 20px}.demo-home-connections{padding:20px}.demo-home-node{padding:13px 15px}}
