@import url('/public-controls.css?v=2');
:root{color-scheme:dark;--bg:#0b0b0f;--bg-alt:#0f1015;--panel:#14151b;--text:#edeae3;--muted:#b2b6c2;--accent:#ffb454;--line:#303139;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}img{max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1320px;width:calc(100% - 96px);margin:auto}.skip{position:fixed;top:12px;left:12px;z-index:20;padding:14px;background:var(--accent);color:var(--bg);transform:translateY(-200%)}.skip:focus{transform:none}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:650;letter-spacing:-1px}.brand-dot{font-size:10px;align-self:flex-start;margin-top:10px;color:var(--muted)}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:28px;background:var(--accent);color:var(--bg);font-weight:650;text-decoration:none;border:1px solid var(--accent);border-radius:5px;padding:14px 23px;transition:background .2s,transform .2s}.button:hover{background:#ffc77e;transform:translateY(-2px)}.button.small{min-height:44px;font-size:13px;background:transparent;color:var(--text);border-color:#69616a;padding:10px 16px}.button.small:hover{border-color:var(--accent)}.button span{font-size:21px}.hero{min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;padding-top:64px;padding-bottom:80px}.eyebrow,.feature-label{font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.6px;color:var(--accent);font-weight:500;margin:0 0 25px}.signal{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px #ffb45466;margin-right:10px}h1{font-size:clamp(52px,5.5vw,80px);font-weight:530;line-height:1.025;letter-spacing:-4px;margin:0 0 28px}h1>span,h2>span{color:var(--accent)}.intro{font-size:17px;line-height:1.75;max-width:460px;color:var(--muted);margin:0 0 28px}.actions{display:flex;align-items:center;gap:25px}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:18px;text-underline-offset:5px;font-size:14px;font-weight:550}.fine{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.orbit{width:100%;aspect-ratio:1;position:relative;background:radial-gradient(ellipse,#ffb45409,transparent 65%)}.orbit-grid{position:absolute;inset:0;background-image:radial-gradient(#66616b66 .7px,transparent .7px);background-size:19px 19px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbit-lines{position:absolute;width:100%;height:100%;inset:0}.orbit-tracer{transform-origin:center;animation:orbit 24s linear infinite}.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:grid;justify-items:center;gap:12px}.orbit-core strong{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.5px}.orbit-core>span{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}.orbit-node{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:#101116;border:1px solid #4b4238;border-radius:5px;white-space:nowrap;box-shadow:0 8px 30px #0005}.orbit-node span{display:block;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.7px;margin-bottom:7px}.orbit-node strong{font-size:12px;font-weight:550}.n1{top:15.7%;left:50%}.n2{top:32.8%;left:80%}.n3{top:67.2%;left:80%}.n4{top:84.3%;left:50%}.n5{top:67.2%;left:20%}.n6{top:32.8%;left:20%;border-color:var(--accent)}.n6 strong{color:var(--accent)}.orbit-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted)}.engine-strip{background:var(--bg-alt);border-block:1px solid var(--line);padding:27px 0}.engine-strip .wrap{display:flex;align-items:center;gap:40px}.engine-strip span{font:9px/1.7 ui-monospace,monospace;letter-spacing:1px;color:var(--muted);max-width:130px}.engine-strip p{font-size:14px;margin:0;line-height:2;color:var(--text)}.engine-strip i{font-style:normal;color:#80776b;margin:0 12px}.section{padding-top:110px;padding-bottom:110px}h2{font-size:clamp(34px,3.6vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.1;margin:0 0 26px}h3{font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:500}.section-heading>p:last-child{color:var(--muted);line-height:1.7}.stage-controls{display:grid;grid-template-columns:repeat(6,1fr);margin-top:45px;border-bottom:1px solid #62606b;gap:9px}.stage-controls button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);text-align:left;padding:16px 0 20px;font-size:12px;cursor:pointer;min-height:60px}.stage-controls button>span{display:block;font:10px ui-monospace,monospace;margin-bottom:10px}.stage-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stage-panel{display:grid;grid-template-columns:.8fr 1.7fr;gap:40px;align-items:center;margin-top:40px;min-height:420px}.stage-copy h3{font-size:31px;margin:0 0 20px}.stage-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.stage-copy .eyebrow{font-size:10px;letter-spacing:.8px}.stage-copy p.stage-outcome{color:var(--accent);border-top:1px solid var(--line);padding-top:18px}.product-shot{margin:0;border:1px solid #43414a;border-radius:8px;overflow:hidden;background:var(--panel);box-shadow:0 25px 80px #0004}.product-shot img{width:100%;display:block;aspect-ratio:1.6;object-fit:contain;background:#0b0b0f}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px/1.5 ui-monospace,monospace;color:var(--muted);padding:14px 18px;border-bottom:1px solid var(--line)}.window-bar span:first-child{letter-spacing:3px;color:var(--accent)}.window-bar span:last-child{font-size:8px;letter-spacing:.7px}.evidence{background:#101116;border-block:1px solid var(--line)}.evidence-grid,.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.body-copy{color:var(--muted);font-size:16px;line-height:1.85;max-width:500px}.underlined{font-size:13px;line-height:1.8;color:var(--accent);margin-top:25px}.investigation{border:1px solid #514a42;border-radius:8px;background:#14151b;overflow:hidden}.question{font-size:24px;line-height:1.4;letter-spacing:-.6px;padding:25px 28px;margin:0}.evidence-row{display:flex;gap:22px;padding:20px 28px;border-top:1px solid var(--line)}.evidence-row>span{font:11px ui-monospace,monospace;color:var(--accent);padding-top:4px}.evidence-row strong{font-size:14px;font-weight:550}.evidence-row p{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 0}.finding{background:#ffb4540b;border-top:1px solid #63513b;color:var(--accent);font-size:12px;padding:20px 28px}.finding>span{margin-right:10px}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px}.business-grid article{min-width:0}.business-grid h3{margin:0 0 16px;font-size:25px}.business-grid p{color:var(--muted);font-size:14px;line-height:1.8;min-height:76px}.business-grid img{width:100%;aspect-ratio:1.6;object-fit:contain;border:1px solid #43414a;border-radius:7px;margin-top:22px;background:var(--panel)}.feature-label{margin-bottom:16px}.memory{background:radial-gradient(ellipse at 20% 50%,#ffb45408,transparent 50%),#101116;border-block:1px solid var(--line)}.memory-visual{max-width:420px;width:100%;margin:auto}.memory-game{border-left:1px solid #69543a;padding:6px 25px}.memory-game>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.memory-game>strong{display:block;font-size:29px;line-height:1.35;letter-spacing:-.7px;font-weight:450;margin-top:20px}.memory-connector{color:var(--accent);font-size:24px;padding:16px 30px}.memory-store{display:flex;gap:15px;align-items:center;padding:22px;border:1px solid #8b6b40;border-radius:6px;background:#1d1a18;box-shadow:0 0 60px #ffb45408}.memory-store strong{display:block;font-size:21px;font-weight:500}.memory-store span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.memory-store b{margin-left:auto;color:var(--accent)}.next strong{color:var(--accent);font-size:24px}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0 70px}.entry-grid article{background:#14161c;border:1px solid #22252e;border-radius:10px;padding:28px}.entry-grid span{font:10px ui-monospace,monospace;color:var(--accent);letter-spacing:1px}.entry-grid h3{font-size:24px;margin:20px 0 15px}.entry-grid p{color:var(--muted);font-size:14px;line-height:1.8}.faq{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:1fr;gap:8px}.faq details{min-width:0;background:#14161c;border:1px solid #22252e;border-radius:10px;transition:border-color .15s ease}.faq details:hover,.faq details[open]{border-color:#5b6070}.faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 24px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.014em;line-height:1.5;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";flex:0 0 auto;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease}.faq details[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}.faq summary:focus-visible{outline-offset:-2px;border-radius:10px}.faq details p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 24px 24px;margin:0}.faq a{color:var(--accent);text-underline-offset:4px}.closing{text-align:center;background:var(--bg-alt)}.closing h2{font-size:clamp(44px,5.5vw,78px);letter-spacing:-3px}.closing p:not(.eyebrow){color:var(--muted);line-height:1.7}.closing .button{margin-top:22px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}.footer .brand{font-size:20px}.footer p{font-size:11px;color:var(--muted)}.footer>div{display:flex;gap:24px}.footer>div a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.reveal.seen{animation:rise .7s ease-out both}.stage-panel.changed .stage-copy{animation:rise .35s ease-out both}@keyframes rise{from{transform:translateY(16px);opacity:.35}to{transform:none;opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{min-height:820px}.orbit{max-width:630px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:680px}h1{font-size:58px;letter-spacing:-3px}.orbit-node{padding:9px}.orbit-node strong{font-size:10px}.orbit-node span{font-size:6px}.orbit-core strong{font-size:20px}.orbit-core img{width:55px}.orbit-core>span{font-size:7px}.evidence-grid,.memory-grid{gap:45px}.stage-panel{gap:28px}.engine-strip i{margin:0 6px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:21px}.brand img{width:32px}.header .button{font-size:11px;padding:9px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;gap:24px}.hero-copy{max-width:600px}h1{font-size:clamp(50px,10vw,76px)}.intro{max-width:520px}.orbit{max-width:580px;margin:auto}.orbit-node{padding:12px}.orbit-node strong{font-size:12px}.orbit-node span{font-size:8px}.orbit-core strong{font-size:24px}.orbit-core>span{font-size:9px}.engine-strip .wrap{display:block}.engine-strip span{max-width:none}.engine-strip p{font-size:12px;margin-top:10px}.section{padding-top:70px;padding-bottom:70px}.stage-controls{grid-template-columns:repeat(3,1fr);gap:0 15px;margin-top:30px}.stage-panel{grid-template-columns:1fr;margin-top:28px;gap:22px}.stage-copy h3{font-size:30px}.stage-copy .eyebrow{margin-bottom:14px}.stage-copy p.stage-outcome{padding-top:12px}.evidence-grid,.memory-grid{grid-template-columns:1fr;gap:45px}.memory-visual{order:2}.business-grid{gap:28px}.business-grid h3{font-size:22px}.business-grid p{min-height:125px}.entry-grid{gap:25px}.entry-grid h3{font-size:20px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.eyebrow{font-size:10px;letter-spacing:1.2px}.closing h2{letter-spacing:-2px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}h1{font-size:53px;letter-spacing:-2.7px}.hero .eyebrow{font-size:8px}.intro{font-size:15px}.actions{gap:18px}.text-link{font-size:12px;gap:10px}.button{padding:13px 19px;gap:20px}.fine{font-size:10px}.orbit{margin-top:14px}.orbit-node{padding:8px}.orbit-node strong{font-size:9px}.orbit-node span{font-size:5.5px}.orbit-core img{width:43px}.orbit-core{gap:8px}.orbit-core strong{font-size:18px}.orbit-core>span{font-size:6px}.orbit-caption{font-size:6px;letter-spacing:1.4px}.business-grid,.entry-grid{grid-template-columns:1fr}.business-grid p{min-height:0}.entry-grid{margin-bottom:45px}.section h2{letter-spacing:-1.3px}.window-bar{font-size:7px;padding:12px;gap:6px}.window-bar span:last-child{font-size:6px}.question{font-size:21px}.business-grid{gap:45px}.stage-controls button{font-size:11px}.header .button span{font-size:17px}.header .brand-dot{display:none}.closing h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* Homepage footer, with its original responsive columns and brand styling. */

.site-foot {
  border-top: 1px solid #22252E;
  padding-block: 3rem 2.5rem;
  background: #0F1015;
}
.foot-top {
  display: grid;
  gap: 2.5rem;
}

.foot-lore {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  color: #B2B6C2;
  max-width: 38ch;
}

/* small-caps column labels: same mono/uppercase/tracked treatment as the
   .eyebrow labels used above the fold, so the footer reads as one system. */
.foot-col-heading {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono",
                  "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #EDEAE3;
  margin: 0 0 0.5rem;
}

.foot-col-links { display: grid; }
.foot-col-links a {
  display: flex;
  width: 100%;
  align-items: center;
  min-height: 2.75rem;
  color: #B2B6C2;
  font-size: 0.9375rem;
  text-decoration: none;
}
.foot-col-links a:hover { color: #EDEAE3; }

.legal {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #22252E;
  display: grid;
  gap: 0.25rem;
  font-size: 0.8125rem;
  color: #B2B6C2;
}

.foot-cols {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

@media (min-width: 30rem) {
  .foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
}

@media (min-width: 64rem) {
  .foot-cols { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
}

@media (min-width: 48rem) {
  .foot-top {
    grid-template-columns: minmax(13rem, 1fr) 3fr;
    gap: 4rem;
    align-items: start;
  }
}


.site-foot .brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #EDEAE3;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-decoration: none;
  font-size: 1.0625rem;
  min-height: 2.75rem;
}
.site-foot{line-height:1.62}.site-foot p{margin-bottom:0}.site-foot .legal p{margin:0}.site-foot .brand img{width:120px;flex:none}

/* Keep the engine label on its own line at every viewport size. */
.engine-strip .wrap{display:block}.engine-strip span{display:block;max-width:none;white-space:nowrap}.engine-strip p{margin-top:10px}

/* A compact branded header for visitors arriving from ads. */
.landing-header{border-bottom:1px solid var(--line)}
.landing-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:80px}
.landing-header .brand{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;gap:12px;min-height:44px}
.landing-header .brand img{display:block;width:32px;height:auto}
.landing-header nav{display:flex;align-items:center;gap:12px}
.landing-header nav a{min-height:44px;padding:10px 16px;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:650}
.landing-header .header-info{border:1px solid #5b6070;border-radius:5px}
.landing-header .header-info:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:480px){.landing-header>.wrap{min-height:72px}.landing-header .brand{font-size:15px;gap:6px}.landing-header .brand img{width:26px}.landing-header nav{gap:8px}.landing-header nav a{font-size:12px;padding:10px}}

.start .section-heading{max-width:none;width:100%}
.start .section-heading h2{max-width:none;text-wrap:balance}

@media(prefers-reduced-motion:reduce){.faq details,.faq summary::after{transition:none}}

/* A quiet constellation around the studio's next chapter. */
.closing{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#ffb45416,transparent 65%),var(--bg-alt)}
.closing::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffcf8b66 .8px,transparent 1px),radial-gradient(circle,#b2b6c244 .6px,transparent 1px);background-size:61px 61px,23px 23px;background-position:12px 9px,0 0;mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000);opacity:.65}
.closing::after{content:"";position:absolute;inset:-25% -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,#ffb45430 48.1%,transparent 48.3%,transparent 61%,#ffb45420 61.1%,transparent 61.3%,transparent 74%,#ffb45414 74.1%,transparent 74.3%);transform:rotate(-12deg)}
.closing>.wrap{position:relative}

/* Let the orbital texture breathe without moving the content. */
@keyframes closing-orbit-breathe{
  0%,100%{transform:rotate(-12deg) scale(1);opacity:.55}
  50%{transform:rotate(-10deg) scale(1.035);opacity:1}
}
.closing::after{animation:closing-orbit-breathe 12s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.closing::after{animation:none}}

/* Shared landing navigation and CTA metrics match the homepage buttons. */
:root{font-family:ui-sans-serif,system-ui,-apple-system,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.button,.landing-header nav a{font-family:inherit;font-size:.9375rem;font-weight:650;line-height:1.62;letter-spacing:-.005em;min-height:44px;padding:12px 24px;border-radius:6px;gap:8px}
.button-outline{background:transparent;color:var(--text);border-color:#5b6070}
.button-outline:hover{background:#241d16;border-color:var(--accent)}
.landing-header nav a{padding:12px 16px}
.landing-header .header-info{font-weight:400;border-radius:6px}
.memory-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.memory-grid>.reveal{min-width:0}
.memory-grid .body-copy{max-width:none}
.memory-visual{max-width:none;margin:0}
@media(max-width:800px){.memory-grid{grid-template-columns:1fr;gap:40px}.memory-visual{order:2}}
@media(max-width:480px){.landing-header>.wrap{flex-wrap:wrap;justify-content:center;padding-block:12px;gap:8px}.landing-header .brand{font-size:1.0625rem;gap:12px}.landing-header nav{justify-content:center;gap:8px}.landing-header nav a{font-size:.9375rem;padding:10px 16px}.button{font-size:.9375rem;padding:12px 24px}}

/* One shared final-CTA allowance treatment across every landing page. */
.closing p.cta-allowance,.campaign-end p.cta-allowance{font-family:inherit;font-size:.8125rem;font-weight:400;line-height:1.62;letter-spacing:normal;color:var(--muted);margin:18px 0 0}
.hero .actions{flex-wrap:wrap}
