@font-face{font-family:DeckSerif;src:url(assets/serif.otf)}
@font-face{font-family:DeckSans;src:url(assets/sans.otf)}
:root{--navy:#07142a;--navy2:#102f55;--blue:#8bbce7;--blue2:#c4dced;--gold:#e7cb78;--ink:#f6f3ec;--muted:#a6bbd1;--line:#9abbd437}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--navy);color:var(--ink)}
body{font-family:DeckSans,"Noto Sans SC",sans-serif}
button{font:inherit;color:inherit;cursor:pointer}
main{position:absolute;inset:0}
header{position:fixed;z-index:30;left:max(4.5%,env(safe-area-inset-left));right:max(4.5%,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.brand{font-size:10px;letter-spacing:3.4px;color:#89a8c7}.brand b{font-weight:400;color:#dce7f0}
.header-actions{display:flex;gap:10px;pointer-events:auto}.header-actions button{height:32px;padding:0 11px;background:#0b1a31a6;border:1px solid #ffffff17;color:#9db6cd;font-size:11px;letter-spacing:1px;backdrop-filter:blur(8px)}
.language-toggle{display:flex;align-items:center;gap:5px}.language-toggle i{font-style:normal;color:#536f89}.language-toggle span{opacity:.43;transition:opacity .2s,color .2s}.language-toggle span.active{opacity:1;color:var(--gold)}
html[lang="en"] .verbs span{font-size:25px;letter-spacing:1px}html[lang="en"] .brand{letter-spacing:2.6px}
.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .7s ease;background:radial-gradient(ellipse at 58% 44%,#234c786b 0%,#132f56 43%,#08152c 86%)}
.slide.active{opacity:1;visibility:visible}
.slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(circle at 50% 50%,#000 0,transparent 72%);opacity:.12}
.content{position:relative;z-index:3;width:min(86%,1180px);text-align:center;max-height:calc(100% - 170px)}
.narrow{width:min(82%,900px)}
.eyebrow{margin:0 0 25px;color:#8db8df;font-size:11px;letter-spacing:3.5px;text-transform:uppercase}
.gold{color:var(--gold)}
h1,h2{margin:0;font-family:DeckSerif,serif;font-weight:400;letter-spacing:-.035em;line-height:1.46}
h1{font-size:clamp(38px,5vw,74px)}
h2{font-size:clamp(31px,4vw,56px)}
em{font-style:normal;color:var(--blue)}
.intro{margin:25px auto 0;color:var(--muted);font-size:17px;line-height:1.85}
.footnote{position:absolute;z-index:5;left:8%;right:8%;bottom:max(72px,calc(env(safe-area-inset-bottom) + 58px));margin:0;text-align:center;color:#6f8aa5;font-size:9px;letter-spacing:.8px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.revealed{opacity:1;transform:none}
.active .content{animation:content-in .8s both}
@keyframes content-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* opening */
.opening{background:radial-gradient(circle at 74% 40%,#214d7b70,transparent 32%),linear-gradient(135deg,#071329,#0e2d53 58%,#07162e)}
.opening .content{text-align:left;margin-left:-2%}.opening h1{font-size:clamp(52px,6.7vw,98px);line-height:1.34}.opening .intro{margin-left:0;letter-spacing:3px;font-size:15px}
.opening-orbit{position:absolute;width:min(54vw,650px);aspect-ratio:1;right:-7%;top:8%;opacity:.46}.opening-orbit:before,.opening-orbit i{content:"";position:absolute;inset:18%;border:1px solid #a4c9e72b;border-radius:50%;animation:orbit-breathe 6s ease-in-out infinite}.opening-orbit i:nth-child(1){inset:5%;animation-delay:-1s}.opening-orbit i:nth-child(2){inset:31%;animation-delay:-2s}.opening-orbit i:nth-child(3){inset:44%;border-color:#e7cb7842;box-shadow:0 0 60px #d9c16e1c;animation-delay:-3s}
@keyframes orbit-breathe{50%{transform:scale(1.04);opacity:.55}}
.pause-card{margin:38px 0 0;width:max-content;max-width:100%;padding:15px 22px;border-left:2px solid var(--gold);background:#ffffff05}.pause-card span{font-size:12px;letter-spacing:2px;color:var(--gold)}.pause-card p{margin:7px 0 0;color:#8ea8c0;font-size:13px}

/* familiar question */
.ingredients{background:radial-gradient(circle at 50% 55%,#2a568456,transparent 36%),linear-gradient(135deg,#09162d,#102b50)}
.ingredients h1{font-size:clamp(30px,3.6vw,54px);color:#cbd8e4}.hero-question{margin-top:4px;font-size:clamp(55px,7vw,104px)}
.ingredient-cloud{width:min(760px,90%);margin:38px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:15px 24px}.ingredient-cloud span{min-width:116px;padding:13px 22px;border:1px solid #8eb7dd40;border-radius:100px;background:#ffffff05;color:#ccdae8;box-shadow:0 0 30px #4b87bb12}.ingredient-cloud span:nth-child(3n){border-color:#e5c77855;color:var(--gold)}

/* overlooked question */
.overlooked{background:radial-gradient(circle at 50% 55%,#173b66 0,#0d264a 40%,#071429 80%)}
.overlooked h1{font-size:clamp(31px,4vw,58px);color:#c8d5e2}.question-ring{position:relative;width:150px;height:150px;margin:32px auto 0;border:1px solid #e7cc7843;border-radius:50%;box-shadow:0 0 80px #5688b82c}.question-ring b{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font:58px DeckSerif}.question-ring span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue);left:50%;top:50%;transform-origin:0 0;animation:question-orbit 6s linear infinite}.question-ring span:nth-child(1){animation-delay:-1s}.question-ring span:nth-child(2){animation-delay:-2s}.question-ring span:nth-child(3){animation-delay:-3s}.question-ring span:nth-child(4){animation-delay:-4s}.question-ring span:nth-child(5){animation-delay:-5s}.question-ring span:nth-child(6){animation-delay:-6s}
@keyframes question-orbit{from{transform:rotate(0deg) translateX(74px)}to{transform:rotate(360deg) translateX(74px)}}
.conversation-cue{margin:20px auto 0;color:#ddca91;font:23px DeckSerif}

/* distinction */
.distinction-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:4%;align-items:center;text-align:left}.distinction-copy h1{font-size:clamp(43px,5vw,72px)}.distinction-copy .intro{margin-left:0}
.distinction-visual{position:relative;z-index:4;isolation:isolate;min-width:0}
.orbit{display:block;width:100%;height:auto;aspect-ratio:700/430;overflow:visible;visibility:visible}
/* SVG primitives need opacity staging, but CSS transforms on SVG geometry can
   fail to paint in some WebKit/Chromium builds. Keep their geometry fixed. */
.orbit .reveal{transform:none}
.bubble circle{fill:var(--tone);fill-opacity:.11;stroke:var(--tone);stroke-opacity:.58}.bubble text{fill:#e3ebf2;font:16px DeckSans;text-anchor:middle}.center-title{fill:#f5f1e8;font:29px DeckSerif;text-anchor:middle}.center-sub{fill:#92aecb;font:8px DeckSans;letter-spacing:1.8px;text-anchor:middle}.connections path{stroke-dasharray:8 10}.particles circle{filter:drop-shadow(0 0 5px #f1d47d)}.axis{display:flex;align-items:center;gap:18px;width:85%;margin:-8px auto 0;color:#9fb8d1;font-size:11px;letter-spacing:3px}.axis i{flex:1;height:1px;background:linear-gradient(90deg,#86a5c4,#e4c879);position:relative}.axis i:after{content:"";position:absolute;right:0;top:-4px;border-left:8px solid var(--gold);border-top:4px solid transparent;border-bottom:4px solid transparent}.axis span:last-child{color:var(--gold)}

/* cellular intelligence */
.cell-art{position:absolute;inset:-8%;background:url(assets/cells.jpg) center/cover no-repeat;filter:brightness(1.03) saturate(.88);animation:cell-drift 25s ease-in-out infinite alternate}.wash{position:absolute;inset:0;background:linear-gradient(90deg,#061225ef 0,#07172dc4 42%,#0b254849 72%),linear-gradient(0deg,#07142bd9,transparent 40%)}
@keyframes cell-drift{to{transform:scale(1.06) translateX(-1.2%)}}
.cells-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;text-align:left}.cells-copy h1{font-size:clamp(50px,6vw,86px);line-height:1.38}.verbs{display:flex;flex-direction:column;gap:14px}.verbs div{display:grid;grid-template-columns:95px 1fr 110px;gap:18px;align-items:center}.verbs span{font:31px DeckSerif;letter-spacing:4px}.verbs i{height:1px;background:linear-gradient(90deg,#e1c978,#88a9c900);position:relative}.verbs i:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #e3ca7990}.verbs small{font-size:9px;letter-spacing:1.5px;color:#9fb3c8}

/* redox signal */
.signal{background:radial-gradient(circle at 50% 50%,#173c67 0,#0c264a 42%,#061327 82%)}.network{position:absolute;right:1%;top:-10%;height:120%;width:65%;opacity:.6}.signal h1{font-size:clamp(52px,6vw,88px)}.divider{width:140px;height:1px;margin:35px auto;background:linear-gradient(90deg,transparent,#9cb8ce88,transparent)}.signal-intro{color:#9fb5cc;font-size:15px}.signal h2{font-size:clamp(41px,5vw,72px)}.english{margin:16px 0 0;color:var(--gold);font-size:11px;letter-spacing:5px}.signal-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.78;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 10%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 10%,transparent 95%)}

/* product */
.product{background:radial-gradient(circle at 75% 50%,#315c864d,transparent 33%),linear-gradient(115deg,#08162d,#102d51)}.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:5%;align-items:center;text-align:left}.product-copy h1{font-family:DeckSans;font-size:clamp(50px,6vw,88px);font-weight:300;letter-spacing:.02em}.product-thesis{font:clamp(27px,3vw,45px)/1.55 DeckSerif;margin:22px 0 0;color:#dce5ec}.product-facts{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px;color:#bed0df;font-size:13px}.product-facts span{padding:9px 14px;border:1px solid #9ebbd433}.product-facts i{font-style:normal;color:var(--gold)}.product-copy .intro{margin-left:0;max-width:560px}.product-visual{height:min(60vh,500px);position:relative;display:flex;align-items:center;justify-content:center}.product-visual img{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 30px 50px #020914a0)}.product-halo{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#5da0d14b,transparent 67%);animation:halo-pulse 4s ease-in-out infinite}.signal-pulse{position:absolute;left:50%;top:50%;width:60%;aspect-ratio:1;border:1px solid #9ecbeb46;border-radius:50%;transform:translate(-50%,-50%);animation:signal-pulse 4s ease-out infinite}.signal-pulse.p2{animation-delay:-1.33s}.signal-pulse.p3{animation-delay:-2.66s}@keyframes halo-pulse{50%{transform:scale(1.08);opacity:.65}}@keyframes signal-pulse{0%{transform:translate(-50%,-50%) scale(.35);opacity:0}15%{opacity:.5}80%,100%{transform:translate(-50%,-50%) scale(1.45);opacity:0}}

/* evaluation */
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:40px auto 0;text-align:left}.evidence-grid article{min-height:190px;padding:25px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff06,transparent);position:relative;overflow:hidden}.evidence-grid article:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #a9cce523;border-radius:50%;right:-42px;top:-40px}.evidence-grid b{color:var(--gold);font-size:11px;font-weight:400}.evidence-grid h2{margin:17px 0 8px;font-size:30px}.evidence-grid p{margin:0;color:#a9bed2;font-size:15px;line-height:1.75}.truth-line{display:flex;align-items:center;justify-content:center;gap:18px;margin:35px auto 0;color:#c6d6e3;font:20px DeckSerif}.truth-line i{width:48px;height:1px;background:linear-gradient(90deg,#8aaccc55,var(--gold))}

/* routes */
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:38px auto 0;text-align:left}.route-grid article{position:relative;min-height:250px;padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,#ffffff07,transparent 65%);overflow:hidden}.route-grid article:after{content:"";position:absolute;right:-65px;bottom:-75px;width:200px;height:200px;border:1px solid #89bce033;border-radius:50%;box-shadow:0 0 60px #4078a823}.route-grid span{color:var(--gold);font-size:10px;letter-spacing:2px}.route-grid h2{margin:24px 0 12px;font-size:37px}.route-grid p{margin:0;max-width:310px;color:#a9bed2;line-height:1.8}.route-arrow{position:absolute;left:30px;bottom:25px;color:#91b9dd;font-size:12px;letter-spacing:1px}

/* close */
.closing{background:radial-gradient(circle at 50% 55%,#204e7a66,transparent 42%),linear-gradient(135deg,#07152c,#0d2c51)}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1020px;margin:40px auto 0}.choice-grid button{text-align:left;min-height:165px;padding:22px;border:1px solid #9fbcd23d;background:#ffffff04;transition:transform .25s,border-color .25s,background .25s}.choice-grid button:hover,.choice-grid button:focus-visible{transform:translateY(-4px);border-color:#e5c7788c;background:#ffffff08;outline:none}.choice-grid span{display:block;color:var(--gold);font-size:10px}.choice-grid strong{display:block;margin:18px 0 8px;font:30px DeckSerif}.choice-grid small{color:#96aec5;font-size:12px}.choice-grid .quiet-choice.revealed{opacity:.75}.closing-line{margin-top:26px;color:#d9c78f;font:20px DeckSerif}

/* chrome */
nav{position:fixed;z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:17px;align-items:center;padding:3px 10px;background:#07142a54;border-radius:30px;backdrop-filter:blur(7px)}nav button{border:0;background:none;color:#a5c3df;font-size:18px;padding:8px}nav button:disabled{opacity:.2;cursor:default}#count{min-width:70px;text-align:center;color:#819bb5;font-size:9px;letter-spacing:2px}#stage-status{position:fixed;z-index:30;right:4.5%;bottom:max(25px,env(safe-area-inset-bottom));color:#6f8da9;font-size:9px;letter-spacing:1px}dialog{width:min(720px,92vw);max-height:84dvh;padding:30px;border:1px solid #7594ad61;border-radius:8px;background:#102640;color:#f3f1ea;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#020914d9}#close-panel{float:right;border:0;background:none;font-size:25px}.menu-item{display:block;width:100%;padding:13px;text-align:left;border:0;border-bottom:1px solid #ffffff14;background:#ffffff02;font-size:15px}.menu-item:hover{background:#ffffff07}.notes-text{white-space:pre-wrap;font-size:18px;line-height:1.9}.reference-body{max-width:780px;margin:30px auto 0;color:#b5c6d7;font-size:20px;line-height:1.9}

@media(max-width:700px){
  header{top:max(17px,env(safe-area-inset-top));left:6%;right:6%}.brand{font-size:7px;letter-spacing:1.4px;max-width:34%;line-height:1.35}.header-actions{gap:4px}.header-actions button{height:29px;padding:0 7px;font-size:9px}.language-toggle{gap:3px}
  .content{width:88%;max-height:calc(100% - 165px)}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:22px}h1{font-size:clamp(31px,8.7vw,52px);line-height:1.5}.intro{font-size:13px;line-height:1.85;margin-top:18px}.footnote{bottom:max(70px,calc(env(safe-area-inset-bottom) + 56px));font-size:7px;letter-spacing:.25px}
  .opening .content{margin:0;width:84%}.opening h1{font-size:clamp(46px,12vw,70px);line-height:1.38}.opening .intro{font-size:11px;letter-spacing:1.4px}.opening-orbit{width:90vw;right:-52%;top:12%}.pause-card{margin-top:30px;padding:12px 16px}.pause-card p{font-size:11px}
  .ingredients h1{font-size:23px}.hero-question{font-size:clamp(45px,12vw,67px)}.ingredient-cloud{margin-top:28px;gap:10px}.ingredient-cloud span{min-width:92px;padding:10px 14px;font-size:11px}
  .question-ring{width:115px;height:115px;margin-top:26px}.question-ring span{animation-name:question-orbit-mobile}@keyframes question-orbit-mobile{from{transform:rotate(0deg) translateX(57px)}to{transform:rotate(360deg) translateX(57px)}}.conversation-cue{font-size:18px}
  .distinction-layout{display:block;text-align:center}.distinction-copy h1{font-size:40px}.distinction-copy .intro{display:none}.distinction-visual{margin-top:15px}.orbit{width:116%;margin-left:-8%}.axis{margin-top:-22px;width:95%;font-size:9px;letter-spacing:1px}.bubble text{font-size:14px}
  .cells-layout{display:block;text-align:left;width:84%}.cells-copy h1{font-size:clamp(39px,10.8vw,62px)}.verbs{margin-top:26px;gap:8px}.verbs div{grid-template-columns:72px 1fr 80px;gap:12px}.verbs span{font-size:23px}.verbs small{font-size:7px}.cell-art{background-position:62% center}.wash{background:linear-gradient(90deg,#061225f8 0,#07172ddb 64%,#0b254855)}
  html[lang="en"] .verbs div{grid-template-columns:105px 1fr 78px}html[lang="en"] .verbs span{font-size:17px;letter-spacing:.4px}
  .signal h1{font-size:43px}.divider{margin:26px auto}.signal-intro{font-size:12px}.signal h2{font-size:38px}.english{font-size:8px;letter-spacing:3px}.network{width:100%;right:-18%;opacity:.35}
  .product-layout{display:flex;flex-direction:column;text-align:left;width:84%;gap:12px}.product-copy h1{font-size:43px}.product-thesis{font-size:25px;margin-top:10px}.product-facts{gap:7px;margin-top:15px}.product-facts span{font-size:9px;padding:7px 8px}.product-copy .intro{font-size:11px}.product-visual{height:190px;width:100%;order:-1;margin-top:-20px}.product-visual img{height:190px;width:auto}.product-halo{width:60%}
  .evaluate h1{font-size:34px}.evidence-grid{gap:8px;margin-top:26px}.evidence-grid article{min-height:150px;padding:14px 10px}.evidence-grid h2{font-size:20px;margin:12px 0 7px}.evidence-grid p{font-size:10px;line-height:1.6}.truth-line{gap:10px;margin-top:22px;font-size:15px}.truth-line i{width:22px}
  html[lang="en"] .evaluate h1{font-size:29px}html[lang="en"] .evidence-grid h2{font-size:17px}html[lang="en"] .evidence-grid p{font-size:9px}
  .routes h1{font-size:32px}.route-grid{gap:12px;margin-top:25px}.route-grid article{min-height:205px;padding:18px 14px}.route-grid h2{font-size:25px;margin:18px 0 9px}.route-grid p{font-size:11px}.route-arrow{left:14px;bottom:16px;font-size:9px}.routes .intro{font-size:11px}
  .closing h1{font-size:38px}.choice-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.choice-grid button{min-height:116px;padding:14px}.choice-grid strong{font-size:22px;margin:12px 0 5px}.choice-grid small{font-size:10px}.closing-line{font-size:15px;margin-top:18px}
  #stage-status{display:none}.notes-text{font-size:15px}.reference-body{font-size:15px}
}

@media(max-height:650px) and (orientation:landscape){
  header{top:14px}.content{max-height:calc(100% - 105px)}.eyebrow{margin-bottom:14px}.footnote{bottom:50px}.intro{margin-top:12px}.opening h1{font-size:55px}.pause-card{margin-top:18px}.hero-question{font-size:60px}.ingredient-cloud{margin-top:18px;gap:9px 16px}.ingredient-cloud span{padding:8px 18px}.question-ring{width:95px;height:95px;margin-top:14px}.question-ring span{animation-name:question-orbit-small}@keyframes question-orbit-small{from{transform:rotate(0deg) translateX(47px)}to{transform:rotate(360deg) translateX(47px)}}.conversation-cue{margin-top:10px}.distinction-copy h1{font-size:48px}.orbit{max-height:330px}.axis{margin-top:-12px}.cells-copy h1{font-size:55px}.verbs{gap:8px}.signal h1{font-size:55px}.divider{margin:20px auto}.product-visual{height:360px}.product-copy h1{font-size:55px}.product-thesis{font-size:31px}.evidence-grid{margin-top:22px}.evidence-grid article{min-height:145px;padding:18px}.truth-line{margin-top:18px}.route-grid{margin-top:20px}.route-grid article{min-height:185px;padding:20px}.choice-grid{margin-top:22px}.choice-grid button{min-height:125px}.closing-line{margin-top:15px}nav{bottom:8px}.footnote{bottom:42px}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.particles{display:none}.signal-field{opacity:.45}.reveal{transition:none}}