@font-face{font-family:Montserrat;src:url('/assets/adisaan/site/montserrat-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/adisaan/site/montserrat-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/adisaan/site/montserrat-700.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{--green:#073209;--deep:#052507;--cream:#f4f0e8;--paper:#eae6dc;--gold:#d6b25e;--ink:#153318;--muted:#5b6658;--line:#d8ddce;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65;letter-spacing:0}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button,a,input,textarea,video{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--green)}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:88px}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:700;line-height:1.15;letter-spacing:0}h1{font-size:clamp(32px,3.6vw,48px)}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:19px;line-height:1.4}p{max-width:66ch}.eyebrow{font-size:14px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;color:var(--muted)}.fine-print{font-size:14px;line-height:1.6;color:var(--muted)}small{font-size:14px}.skip-link{position:absolute;left:16px;top:-100px;background:var(--cream);padding:12px 24px;z-index:20}.skip-link:focus{top:12px}
.brand-header{background:var(--green);color:var(--cream)}.utility{height:48px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;letter-spacing:.04em;border-bottom:1px solid #f4f0e826}.utility a{text-decoration:none;color:#ded8c6}.hero{position:relative;height:480px;overflow:hidden}.hero__art{position:absolute;inset:0}.hero__art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__inner{position:relative;z-index:1;height:100%;display:flex;align-items:center}.hero__copy{width:53%;max-width:600px}.hero__copy .eyebrow{color:#d0cfb6;font-size:14px;margin-bottom:32px}.hero__logo{display:block;width:min(100%,490px);line-height:0}.hero__logo img{width:100%;height:auto;max-height:155px;object-fit:contain;object-position:left}.hero__slogan{font-size:clamp(22px,2.7vw,34px);font-weight:600;color:var(--gold);line-height:1.2;margin:20px 0}.hero__intro{font-size:15px;line-height:1.65;color:var(--cream);max-width:400px;margin:0}.brand-header--compact .hero{height:232px}.brand-header--compact .hero__copy .eyebrow,.brand-header--compact .hero__intro{display:none}.brand-header--compact .hero__logo{width:320px}.brand-header--compact .hero__slogan{font-size:21px;margin-top:10px}.brand-header--compact .hero__art img{object-position:center 34%}
.tabs{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.tabs__inner{display:flex;align-items:center;gap:40px;min-height:72px;overflow-x:auto;overscroll-behavior-x:contain}.tabs__inner>a,.tabs__inner>button{flex-shrink:0}.tabs a{display:flex;align-items:center;min-height:72px;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;transition:color 180ms var(--ease),border-color 180ms var(--ease)}.tabs a:hover{color:#2b6730}.tabs a[aria-current]{border-color:var(--green)}.tabs__share{margin-left:auto;background:none;border:0;color:var(--green);font-size:14px;font-weight:600;white-space:nowrap;padding:16px 0}.tabs__share span{margin-left:12px;color:var(--muted)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:40px}.section-heading h1,.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;margin:0;max-width:370px;color:var(--muted)}.button{display:inline-flex;gap:32px;align-items:center;justify-content:center;padding:16px 24px;min-height:54px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform 200ms var(--ease),background-color 200ms var(--ease)}.button:hover{transform:translateY(-2px)}.button--green{color:var(--cream);background:var(--green)}.button--green:hover{background:#124817}.button--outline{border-color:var(--line);background:none;color:var(--green)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:4px}.text-link:hover{color:#346c32}.story-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center}.story-film{min-width:0}.story-film video{display:block;width:100%;aspect-ratio:16/9;background:var(--green);border-radius:8px;object-fit:contain}.film-caption{display:flex;justify-content:space-between;gap:16px;padding-top:16px;font-size:14px;color:var(--muted)}.film-caption span:first-child{font-weight:600}.question-panel{padding-block:16px}.question-panel h2{font-size:clamp(28px,3vw,40px);margin-bottom:24px}.question-panel>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:28px}.question-panel .fine-print{display:block;margin-top:16px}
.rhythm{background:var(--paper);border-block:1px solid var(--line)}.rhythm__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.rhythm__grid h2{max-width:470px;margin:0}.rhythm__step{display:flex;gap:32px;padding:0 0 28px}.rhythm__step+.rhythm__step{border-top:1px solid #b4bdac;padding-top:28px}.time{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:var(--green)}.rhythm__step h3{margin-bottom:8px;font-size:17px}.rhythm__step p{font-size:14px;margin:0;color:var(--muted)}.rhythm__steps>.fine-print{margin-bottom:0;padding-top:8px}.evening{padding-top:48px}.evening__text{white-space:pre-line;font-size:19px;max-width:65ch}
.progress-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.progress-section>div:first-child>p:not(.eyebrow){font-size:14px;max-width:410px;color:var(--muted);margin-bottom:28px}.progress-preview{border-left:1px solid var(--line);padding-left:48px;min-width:0}.metric-label{font-size:14px;font-weight:600;color:var(--muted)}.big-number{display:block;font-size:clamp(56px,6vw,88px);font-weight:700;line-height:1.25;letter-spacing:0;font-variant-numeric:tabular-nums;margin-top:16px}.metric-goal{font-size:14px;color:var(--muted);margin-bottom:24px}progress{display:block;appearance:none;width:100%;height:10px;background:#d6ddcb;border:0;border-radius:0;overflow:hidden}progress::-webkit-progress-bar{background:#d6ddcb}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.progress-preview .fine-print{margin-top:16px}.measurement{font-size:14px;color:var(--muted)}
.lab-preview{background:var(--paper);border-block:1px solid var(--line)}.lab-preview .section-heading h2{max-width:560px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.news-item{border-top:1px solid #b7c1b0;padding:28px 0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.news-item__meta{display:flex;gap:16px;justify-content:space-between;width:100%;font-size:14px;color:var(--muted);margin-bottom:16px}.news-item__meta span{overflow-wrap:anywhere}.news-item__meta time{white-space:nowrap}.news-item h3{font-size:18px;max-width:50ch}.news-item h3 a{text-decoration:none}.news-item h3 a:hover{text-decoration:underline}.news-item>p{font-size:14px;color:var(--muted)}.news-item>.text-link{margin-top:auto;font-size:14px}.news-grid--full .news-item{padding-block:32px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;font-size:14px}.closing{text-align:center;max-width:800px}.closing p{margin-inline:auto}.closing h2{font-size:clamp(32px,4vw,52px);margin-bottom:24px}.closing>.button{margin-top:12px}
.million-intro h1{font-size:clamp(38px,4.5vw,64px)}.million-overview{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:48px}.million-overview>div>p{font-size:14px}.million-overview>div>.fine-print{font-size:14px;margin-top:24px}.chapter-strip{margin-top:48px;padding-top:32px;border-top:1px solid var(--line);display:flex;gap:40px;align-items:center;justify-content:space-between}.chapter-strip>div{min-width:220px}.chapter-strip .eyebrow{display:block;margin-bottom:8px}.chapter-strip strong{font-size:19px}.chapter-strip>p{font-size:14px;color:var(--muted);margin:0;max-width:400px}.chapter-strip>span{font-size:14px;white-space:nowrap}.race-section{background:var(--green);color:var(--cream);--sage:#bdc9b2;--leaf:#86bc6e;--amber:var(--gold);border-block:1px solid #0b470f}.race-section .board{margin-top:0}.race-section .board-head h2{font-size:32px}.race-section .stat{border-radius:4px}.race-section .runner{border-radius:4px}.race-section .runners{margin-top:32px}.race-section .board-stats{gap:16px}.race-section .stat{padding:24px 16px}.race-section .total-chart{border-radius:4px}.race-section .quiet h3{font-size:14px}.race-section .quiet li{font-size:14px}.chapter-list{list-style:none;padding:0;margin-top:40px}.chapter-list li{display:grid;grid-template-columns:130px 1fr 24px;gap:32px;border-top:1px solid var(--line);padding:24px 0;align-items:start;opacity:.75}.chapter-list li.chapter-reached{opacity:1}.chapter-list li>span:first-child{font-size:21px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums}.chapter-list h3{font-size:17px;margin-bottom:6px}.chapter-list p{font-size:14px;color:var(--muted);margin:0}.chapter-list li>span:last-child{font-size:22px}
.answer-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.answer-section>div>h1{font-size:clamp(32px,3.6vw,48px)}.answer-section>div>p{font-size:14px;color:var(--muted)}.answer-section>div>.fine-print{font-size:14px;margin-top:32px}.answer-form{padding:32px;background:var(--paper);border-radius:8px}.answer-form label{display:block;font-size:14px;font-weight:600;margin:0 0 12px}.answer-form input[type=text],.answer-form textarea{width:100%;padding:16px;background:var(--cream);border:1px solid #b5c1ad;color:var(--ink);border-radius:4px;font-size:14px;resize:vertical}.answer-form textarea{min-height:160px}.answer-form .form-hint{display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0 28px}.answer-form .optional{font-weight:400;color:var(--muted);margin-left:8px}.answer-form .checkbox{display:flex;align-items:flex-start;gap:12px;font-weight:400;line-height:1.6;margin:24px 0 16px}.checkbox input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:2px}.answer-form .fine-print{font-size:14px}.answer-form .button{margin-top:8px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-errors{border-left:3px solid #a53f26;padding:12px 16px;background:#f0dad1;font-size:14px;margin-bottom:24px}.form-errors p{font-weight:600}.form-errors ul{padding-left:16px;margin-bottom:0}.received{text-align:center;max-width:780px}.received p{margin-inline:auto}.received h1{font-size:clamp(40px,5vw,64px)}.received__mark{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:72px;height:72px;margin-bottom:32px;font-size:36px}.prose{max-width:800px}.prose h2{font-size:24px;margin-top:40px}.prose p{font-size:14px;line-height:1.8}.empty-state{font-size:14px;color:var(--muted);grid-column:1/-1;padding:24px 0}
.footer{background:var(--deep);color:var(--cream);padding-top:56px}.footer__top{display:flex;justify-content:space-between;gap:48px;padding-bottom:40px}.footer__top>div>img{max-width:220px;max-height:80px;object-fit:contain;object-position:left}.footer__top p{font-size:14px;color:#b6c3ae;margin-top:20px}.footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px}.footer__links a{font-size:14px;text-decoration:none}.footer__bottom{padding-block:24px;border-top:1px solid #f4f0e826;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#b6c3ae}.footer__bottom a{text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;padding:16px 24px;background:var(--green);color:var(--cream);border:1px solid var(--gold);border-radius:4px;font-size:14px;max-width:calc(100% - 32px);text-align:center}
@media(min-width:1600px){.hero{height:570px}.hero__art img{object-position:center}.hero__copy{width:48%}.hero__logo{width:540px}.hero__intro{font-size:16px}.brand-header--compact .hero{height:264px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero{height:410px}.hero__copy{width:55%}.hero__logo{width:390px}.hero__intro{font-size:14px;max-width:320px}.hero__slogan{font-size:26px}.tabs__inner{gap:28px}.story-grid{gap:32px;grid-template-columns:1.3fr 1fr}.section-heading{gap:32px}.section-heading>p{max-width:290px;font-size:14px}.rhythm__grid,.progress-section,.million-overview,.answer-section{gap:48px}.time{font-size:26px}.rhythm__step{gap:24px}.progress-preview{padding-left:32px}.chapter-strip{gap:24px}.chapter-strip>div{min-width:180px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.section{padding-block:56px}.utility{height:auto;min-height:40px;padding-block:8px;font-size:14px;line-height:1.3;gap:12px}.utility span{max-width:none}.utility a{white-space:nowrap}.hero{height:550px}.hero__art{height:290px}.hero__art img{object-position:77% center}.hero__inner{align-items:flex-end;padding-bottom:32px}.hero__copy{width:100%;max-width:none}.hero__copy .eyebrow{font-size:14px;margin-bottom:16px}.hero__logo{width:300px;max-width:100%}.hero__logo img{max-height:84px}.hero__slogan{font-size:23px;margin:12px 0}.hero__intro{font-size:14px;max-width:none}.brand-header--compact .hero{height:180px}.brand-header--compact .hero__art{height:180px;opacity:.25}.brand-header--compact .hero__inner{align-items:center;padding-bottom:0}.brand-header--compact .hero__copy{width:74%}.brand-header--compact .hero__logo{width:240px}.brand-header--compact .hero__slogan{font-size:16px}.tabs__inner{min-height:62px;gap:24px;width:100%;padding-inline:20px;overflow-x:auto;scrollbar-width:none}.tabs__inner::-webkit-scrollbar{display:none}.tabs a{min-height:62px;font-size:14px}.tabs__share{font-size:14px;padding-right:20px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none;margin-top:20px;font-size:14px}.section-heading>.text-link{margin-top:20px}.story-grid{grid-template-columns:1fr;gap:28px}.question-panel{padding:0}.question-panel h2{font-size:30px}.film-caption{font-size:14px;padding-top:12px}.rhythm__grid,.progress-section,.million-overview,.answer-section{grid-template-columns:1fr;gap:32px}.rhythm__grid h2{font-size:30px}.rhythm__steps{margin-top:8px}.time{font-size:28px}.progress-preview{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.big-number{font-size:64px;margin-top:8px}.news-grid{grid-template-columns:1fr}.news-item{padding-block:24px}.news-item h3{font-size:18px}.closing h2{font-size:33px}.million-overview{margin-top:28px}.million-intro h1{font-size:38px}.chapter-strip{flex-wrap:wrap;margin-top:32px;padding-top:24px;gap:16px}.chapter-strip>p{width:100%;order:3}.chapter-strip>span{margin-left:auto}.race-section .board-head h2{font-size:28px}.race-section .board-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.race-section .stat{padding:16px 12px;min-width:0}.race-section .stat .v{overflow-wrap:anywhere}.race-section .board-head .sub{font-size:14px}.race-section .runner{padding:16px 12px}.chapter-list li{grid-template-columns:84px 1fr 16px;gap:16px;padding-block:20px}.chapter-list li>span:first-child{font-size:17px}.chapter-list h3{font-size:15px}.chapter-list p{font-size:14px}.answer-form{padding:24px 20px}.answer-section>div>h1{font-size:34px}.answer-form .button{width:100%}.pagination{gap:12px}.pagination .button{padding:12px;font-size:14px}.pagination>span{font-size:14px}.footer__top{flex-direction:column;gap:16px;padding-bottom:28px}.footer__links{gap:16px}.footer__bottom{flex-direction:column;gap:12px}.footer__top p{margin-bottom:0}.prose h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.platform-badge{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #d6b25e66;border-radius:50%;color:var(--gold);font-size:14px;font-weight:600}
.hero__cta{margin-top:24px;background:var(--gold);color:var(--green);border:0;min-height:46px;padding:12px 20px;font-size:14px}.hero__cta:hover{background:#e2c174}.brand-header--compact .hero__cta{display:none}
@media(max-width:700px){.brand-header:not(.brand-header--compact) .hero{height:620px}}

/* A living little adventure: the original green thermometer and avatar companion. */
.journey-barometer{position:relative;isolation:isolate;overflow:hidden;margin-top:32px;padding:30px 28px 24px;border-radius:28px;color:#f4f0e8;background:radial-gradient(ellipse at 10% 80%,#226b2d66,transparent 55%),radial-gradient(ellipse at 90% 0%,#d6b25e18,transparent 50%),#073209;border:1px solid #d6b25e55;box-shadow:0 16px 48px #07320918;--muted:#c8d4bf;--green:#f4f0e8}.journey-barometer:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(#d6b25e 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(120deg,black,transparent 75%)}.journey-game-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;letter-spacing:.08em;color:#e1c583;margin-bottom:34px}.journey-live{color:#b7e4a9;letter-spacing:0}.journey-live:before{content:"";display:inline-block;width:6px;height:6px;background:#8ae594;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #8ae594}.journey-thermo{position:relative;width:100%;max-width:350px;height:414px;margin:0 auto}.journey-tube{position:absolute;left:24px;top:0;width:48px;height:320px;border:3px solid #f4f0e8;border-bottom:0;border-radius:26px 26px 0 0;background:#f4f0e812;box-shadow:inset 6px 0 0 #ffffff0a;overflow:hidden}.journey-tube:after{content:"";position:absolute;left:8px;top:18px;bottom:10px;width:4px;border-radius:5px;background:#ffffff25}.journey-liquid{position:absolute;inset:0;background:linear-gradient(90deg,#319c48,#91eb96,#41b855);transform-origin:bottom;transition:transform 1.8s cubic-bezier(.2,.9,.2,1)}.journey-bulb{position:absolute;top:320px;left:0;width:96px;height:96px;border:3px solid #f4f0e8;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a3f1a0,#52c569 48%,#1a6e32);box-shadow:0 0 32px #69dd6c55;overflow:hidden;display:grid;place-items:center}.journey-bulb:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff25;border-radius:50%}.journey-bulb>span{font-size:35px;animation:journey-spark 3s ease-in-out infinite;z-index:1}.journey-bulb i{position:absolute;bottom:4px;left:18px;width:7px;height:7px;border-radius:50%;background:#fff9;animation:journey-bubble 3s ease-in infinite}.journey-bulb i:nth-of-type(2){left:68px;animation-delay:1s}.journey-bulb i:nth-of-type(3){left:44px;animation-delay:2s}.journey-ticks{position:absolute;left:90px;right:0;top:0;height:320px}.journey-tick{position:absolute;left:0;display:flex;align-items:center;gap:10px;transform:translateY(50%);font-size:14px;line-height:1.4}.journey-tick:before{content:"";width:12px;height:2px;background:#d6b25e88;flex-shrink:0}.journey-tick b{min-width:38px;color:#f4f0e8;font-variant-numeric:tabular-nums}.journey-tick span{color:#c8d4bf;max-width:160px}.journey-tick[style*="100%"] b{color:#e9c775}.journey-companion{display:flex;align-items:center;gap:16px;margin:6px 0 22px}.journey-companion img{width:84px;height:84px;object-fit:cover;object-position:center 30%;border-radius:50%;border:3px solid #d6b25e;box-shadow:0 6px 22px #0005;animation:journey-bob 3.6s ease-in-out infinite;flex-shrink:0}.journey-speech{position:relative;background:#f4f0e8;color:#073209;border-radius:16px 16px 16px 3px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.6}.journey-thermo-note{font-size:14px;line-height:1.8;color:#c8d4bf;margin:0 0 16px;text-align:center}.journey-thermo-note [data-follow-percentage]{font-weight:700;color:#e9c775}.journey-play{display:block;position:relative;z-index:2;width:100%;padding:14px 12px;background:#d6b25e;color:#073209;border:1px solid #e3c77f;border-radius:12px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.journey-play:hover{background:#e9c775;transform:translateY(-2px)}.journey-play:focus-visible{outline:3px solid #f4f0e8;outline-offset:4px}.journey-play-note{display:block;text-align:center;font-size:14px;color:#c8d4bf;margin-top:10px}.journey-spark-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:28px}.journey-spark-field i{position:absolute;left:var(--spark-x);top:75%;width:7px;height:12px;background:#d6b25e;opacity:0;border-radius:2px}.journey-spark-field i:nth-child(2n){background:#8be49b}.journey-spark-field i:nth-child(3n){background:#f4f0e8}.journey-celebrate .journey-spark-field i{animation:journey-confetti 1.6s ease-out both;animation-delay:calc(var(--spark-index)*.025s)}@keyframes journey-confetti{0%{opacity:0;transform:translateY(20px) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-460px) rotate(var(--spark-turn))}}@keyframes journey-bubble{0%{transform:translateY(0);opacity:0}30%{opacity:.8}100%{transform:translateY(-85px);opacity:0}}@keyframes journey-spark{50%{transform:scale(1.12) rotate(-8deg)}}@keyframes journey-bob{50%{transform:translateY(-7px) rotate(-2deg)}}@media(max-width:700px){.journey-barometer{padding:26px 18px 22px}.journey-tick{gap:8px;font-size:14px}.journey-tick span{max-width:140px}.journey-speech{font-size:14px;padding:12px}.journey-game-heading{font-size:14px}}@media(prefers-reduced-motion:reduce){.journey-bulb>span,.journey-bulb i,.journey-companion img,.journey-celebrate .journey-spark-field i{animation:none}.journey-liquid,.journey-play{transition:none}}

.adisaan-companion{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:flex-end;gap:12px;max-width:min(320px,calc(100vw - 32px));pointer-events:none}.adisaan-companion>*{pointer-events:auto}.adisaan-companion-face{position:relative;flex-shrink:0;width:56px;height:56px;border:2px solid #d6b25e;border-radius:50%;background:#073209;padding:0;cursor:pointer;box-shadow:0 7px 30px #0003;animation:journey-bob 4s ease-in-out infinite}.adisaan-companion-face img{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:50%}.adisaan-companion-face>span{position:absolute;right:-3px;bottom:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#073209;color:#e9c775;border:1px solid #d6b25e}.adisaan-thought{position:relative;max-width:220px;padding:14px 16px 12px;background:#fffdf7;color:#073209;border:1px solid #d6b25e88;border-radius:22px;box-shadow:0 8px 28px #0732091f;margin-bottom:24px}.adisaan-thought:after,.adisaan-thought:before{content:"";position:absolute;border-radius:50%;background:#fffdf7;border:1px solid #d6b25e88}.adisaan-thought:after{width:17px;height:14px;right:-11px;bottom:1px}.adisaan-thought:before{width:9px;height:8px;right:-22px;bottom:-11px}.adisaan-thought>span{display:block;font-size:14px;color:#65735b;margin-bottom:8px}.adisaan-thought p{font-size:14px;line-height:1.65;margin:0 0 10px}.adisaan-thought button{border:0;background:none;color:#073209;padding:0;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.adisaan-thought [data-hide-thought]{position:absolute;right:12px;top:8px;color:#65735b;font-size:20px}.adisaan-native-chat{position:absolute;right:0;bottom:72px;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;background:#073209;color:#f4f0e8;border:1px solid #d6b25e;border-radius:20px;box-shadow:0 16px 64px #0004;padding:24px;box-sizing:border-box}.adisaan-native-chat[hidden],.adisaan-thought[hidden]{display:none}.adisaan-chat-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#f4f0e8;font-size:26px;cursor:pointer}.adisaan-native-chat>h2{font-size:22px;color:#f4f0e8;margin-bottom:16px}.adisaan-native-chat #ask-muse>p:first-child{font-size:14px;color:#d6b25e}.adisaan-native-chat #ask-muse>h2{font-size:15px;color:#f4f0e8}.adisaan-native-chat #ask-muse>p{font-size:14px;color:#c8d4bf}.adisaan-native-chat svg{width:20px;height:20px}.adisaan-native-chat #muse-public-form{display:flex;gap:8px;align-items:center;border:1px solid #d6b25e;border-radius:16px;padding:8px;background:#ffffff0b;margin-top:18px}.adisaan-native-chat #muse-public-input{min-width:0;flex:1;width:100%;background:none;border:0;padding:8px;color:#f4f0e8;font-family:inherit;font-size:14px}.adisaan-native-chat #muse-public-input::placeholder{color:#c8d4bf}.adisaan-native-chat #muse-public-send{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#d6b25e!important;cursor:pointer;flex-shrink:0}.adisaan-native-chat label[for="muse-public-consent"]{display:flex;gap:8px;font-size:14px;line-height:1.7;margin-top:14px;color:#c8d4bf}.adisaan-native-chat #muse-public-chat>p{font-size:14px;color:#d6b25e;margin-top:14px}.adisaan-native-chat #muse-public-messages{max-height:220px;overflow:auto;font-size:14px;line-height:1.7;margin-block:12px}.adisaan-native-chat #muse-public-messages>div{padding:10px;margin-block:6px;background:#ffffff0b;border-radius:12px;overflow-wrap:anywhere}.adisaan-native-chat #muse-public-messages>div.ml-auto{background:#d6b25e22}.adisaan-native-chat .hidden{display:none}.adisaan-native-chat .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.adisaan-companion button:focus-visible{outline:3px solid #d6b25e;outline-offset:4px}.footer{padding-bottom:96px}@media(max-width:700px){.adisaan-companion{right:12px;bottom:12px;gap:10px}.adisaan-companion-face{width:48px;height:48px}.adisaan-thought{display:none}.adisaan-native-chat{bottom:60px;max-height:calc(100dvh - 90px)}}@media(prefers-reduced-motion:reduce){.adisaan-companion-face{animation:none}}

.story-adventure-note{font-size:14px;line-height:1.8;color:var(--muted);margin-top:20px;max-width:720px}

.story-section{margin-block:48px;padding:40px;border:1px solid #07320922;border-radius:32px;background:#fffdf766;box-shadow:0 12px 44px #07320908}.story-section .section-heading{margin-bottom:32px}@media(max-width:700px){.story-section{padding:20px;margin-block:28px}.story-section .section-heading h1{font-size:30px}.story-section .section-heading{margin-bottom:24px}}

/* Construction Hero & Journey Lead Form */
.construction-hero {
    margin-block: 36px 48px;
    padding: 48px 36px;
    background: linear-gradient(150deg, #073209 0%, #0c4210 50%, #073209 100%);
    border: 2px solid #d6b25e;
    border-radius: 36px;
    color: #f4f0e8;
    box-shadow: 0 20px 60px rgba(7, 50, 9, 0.28);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.construction-hero::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -40%;
    width: 180%;
    height: 180%;
    background: radial-gradient(circle, rgba(214, 178, 94, 0.12) 0%, transparent 60%);
    pointer-events: none;
}
.construction-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    background: rgba(214, 178, 94, 0.15);
    border: 1px solid #d6b25e;
    border-radius: 999px;
    font-size:14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #e9c775;
    margin-bottom: 24px;
}
.construction-badge .pulse-dot {
    width: 8px;
    height: 8px;
    background: #e9c775;
    border-radius: 50%;
    box-shadow: 0 0 10px #e9c775;
    animation: pulse-glow 2s infinite ease-in-out;
}
@keyframes pulse-glow {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.35; transform: scale(0.85); }
}
.construction-avatar-wrap {
    position: relative;
    width: 130px;
    height: 130px;
    margin: 0 auto 24px;
}
.construction-avatar {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center 20%;
    border: 3px solid #d6b25e;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
    display: block;
}
.construction-title {
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    color: #fffdf7;
    margin: 0 auto 16px;
    letter-spacing: -0.02em;
}
.construction-thought-quote {
    font-size: 19px;
    line-height: 1.6;
    color: #e9c775;
    max-width: 640px;
    margin: 0 auto 20px;
    font-style: italic;
    font-weight: 500;
}
.construction-subtitle {
    font-size: 14px;
    line-height: 1.75;
    color: #c8d4bf;
    max-width: 620px;
    margin: 0 auto 32px;
}
.construction-form {
    max-width: 520px;
    margin: 0 auto;
}
.construction-input-group {
    display: flex;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(214, 178, 94, 0.55);
    border-radius: 18px;
    padding: 6px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.construction-input-group:focus-within {
    border-color: #d6b25e;
    box-shadow: 0 0 18px rgba(214, 178, 94, 0.3);
}
.construction-input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    color: #f4f0e8;
    padding: 12px 16px;
    font-family: inherit;
    font-size: 14px;
    outline: none;
}
.construction-input::placeholder {
    color: #a4b49c;
}
.construction-btn {
    flex-shrink: 0;
    padding: 12px 24px;
    background: #d6b25e;
    color: #073209;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    font-size:14px;
    cursor: pointer;
    transition: transform 0.15s, background-color 0.15s;
}
.construction-btn:hover {
    background: #e4c577;
    transform: translateY(-1px);
}
.construction-success {
    margin-top: 18px;
    padding: 14px 20px;
    background: rgba(214, 178, 94, 0.15);
    border: 1px solid #d6b25e;
    border-radius: 14px;
    color: #e9c775;
    font-size:14px;
    font-weight: 600;
    text-align: center;
}
.construction-error {
    margin-top: 18px;
    padding: 12px 18px;
    background: rgba(220, 53, 69, 0.2);
    border: 1px solid #dc3545;
    border-radius: 14px;
    color: #ff9999;
    font-size:14px;
    text-align: center;
}
.construction-privacy {
    margin-top: 14px;
    font-size:14px;
    color: #9cb293;
    line-height: 1.5;
}
@media (max-width: 600px) {
    .construction-hero { padding: 32px 18px; margin-block: 24px 36px; border-radius: 28px; }
    .construction-title { font-size: 28px; }
    .construction-thought-quote { font-size: 16px; }
    .construction-subtitle { font-size:14px; }
    .construction-input-group { flex-direction: column; background: transparent; border: none; padding: 0; gap: 10px; }
    .construction-input { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(214, 178, 94, 0.55); border-radius: 14px; padding: 14px; }
    .construction-btn { width: 100%; padding: 14px; border-radius: 14px; }
}

/* A quiet front door while the full AdiSaan journey is being built. */
.brand-header--building .hero{height:clamp(410px,35vw,600px)}
.brand-header--building .hero__copy{padding-block:36px}
.brand-header--building .hero__copy .eyebrow{color:#e9c775}
.brand-header--building .hero__intro{max-width:355px}
.build-intro{background:#f4f0e8;padding:clamp(70px,8vw,126px) 0}
.build-intro__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:clamp(48px,8vw,150px);align-items:center}
.build-kicker,.build-eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3e6842}
.build-kicker{display:flex;align-items:center;gap:10px;margin:0 0 28px}
.build-kicker__pulse{width:8px;height:8px;border-radius:50%;background:#3f9b50;box-shadow:0 0 0 6px #3f9b5020;animation:build-pulse 2.5s ease-in-out infinite}
.build-intro h2{font-size:clamp(43px,5vw,78px);line-height:1.08;letter-spacing:-.055em;max-width:900px;margin:0;color:#073209}
.build-intro h2 em{font-style:normal;color:#528252}
.build-lede{font-size:clamp(16px,1.35vw,20px);line-height:1.72;max-width:630px;margin:34px 0 0;color:#354b38}
.build-intro__actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:40px}
.build-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:58px;padding:17px 22px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .22s ease,background .22s ease}
.build-button--dark{background:#073209;color:#f4f0e8;border-radius:4px}
.build-button--dark:hover{background:#13551b;transform:translateY(-2px)}
.build-link{display:inline-flex;align-items:center;gap:12px;color:#073209;text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #9da99a;padding:10px 0}
.build-link:hover{border-color:#073209}
.build-note{position:relative;isolation:isolate;min-height:340px;padding:34px 32px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid #bdc8b8;background:#e8eee3;color:#073209;box-shadow:20px 20px 0 #d6d0b64d}
.build-note__number,.build-note__signature{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.build-note__number{position:absolute;top:32px;left:32px;color:#507657}
.build-note p{font-size:clamp(24px,2.25vw,33px);line-height:1.35;letter-spacing:-.035em;font-weight:400;margin:0 0 27px;position:relative;z-index:1}
.build-note__signature{color:#507657;position:relative;z-index:1}
.build-note__orbit{position:absolute;right:-30px;top:36px;font-size:190px;line-height:1;color:#cad9c4;transform:rotate(-22deg);animation:build-turn 24s linear infinite}
.build-story{background:#073209;color:#f4f0e8;padding:clamp(72px,8vw,128px) 0}
.build-story__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.8fr);gap:clamp(42px,7vw,120px);align-items:center}
.build-story__media video{display:block;width:100%;max-height:430px;object-fit:cover;background:#021c06;border:1px solid #d6b25e55;box-shadow:18px 18px 0 #d6b25e18}
.build-story__index{display:block;font-size:14px;font-weight:700;letter-spacing:.13em;color:#d6b25e;margin-top:22px}
.build-story .build-eyebrow{color:#d6b25e}
.build-story h2,.build-follow h2{font-size:clamp(36px,4.2vw,62px);line-height:1.13;letter-spacing:-.045em;margin:20px 0 28px}
.build-story__copy>p:not(.build-eyebrow){font-size:16px;line-height:1.75;color:#d7e0d1;max-width:460px;margin-bottom:28px}
.build-link--light{color:#f4f0e8;border-color:#d6b25e}
.build-link--light:hover{border-color:#f4f0e8}
.build-follow{background:#e7e3d7;padding:clamp(74px,8vw,122px) 0}
.build-follow__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.85fr);gap:clamp(42px,9vw,150px);align-items:start}
.build-follow h2{color:#073209}
.build-follow__copy>p:not(.build-eyebrow){font-size:16px;line-height:1.75;color:#354b38;max-width:530px}
.build-follow__socials{margin-top:36px;border-top:1px solid #b3bbac}
.build-follow__socials a{display:flex;justify-content:space-between;gap:20px;padding:17px 2px;border-bottom:1px solid #b3bbac;text-decoration:none;color:#073209;font-weight:700;font-size:14px;transition:padding .2s ease,background .2s ease}
.build-follow__socials a:hover{padding-inline:12px;background:#ffffff70}
.build-follow__card{background:linear-gradient(145deg,#073209df,#103d14df),url('/assets/adisaan/site/aiohm-world-map.webp') center/cover;padding:clamp(26px,3vw,40px);border:1px solid #d6b25e88;border-radius:28px;color:#f4f0e8;box-shadow:0 22px 48px #07320929,inset 0 1px #f4f0e822}
.build-follow__stamp{color:#5d725a;font-size:14px;font-weight:700;letter-spacing:.13em}
.build-follow__card h3{font-size:clamp(26px,2.4vw,36px);line-height:1.22;letter-spacing:-.035em;margin:32px 0 18px;color:#073209}
.build-follow__card>p{font-size:14px;line-height:1.65;color:#526352;margin:0 0 28px}
.build-follow__card label{display:block;font-size:14px;font-weight:700;margin-bottom:9px;color:#f4f0e8}
.build-follow__card input{display:block;width:100%;height:52px;padding:12px 15px;background:#f4f0e8;border:1px solid #d6b25e88;border-radius:14px;font:inherit;font-size:14px;color:#073209;box-sizing:border-box}
.build-follow__card .build-follow__consent{display:flex;align-items:flex-start;gap:12px;margin:16px 0 0;color:#f4f0e8;font-size:14px;font-weight:400;line-height:1.55;cursor:pointer}
.build-follow__card .build-follow__consent input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;padding:0;margin:2px 0 0;accent-color:#d6b25e;cursor:pointer}
.build-follow__consent a{color:#e9c775;text-decoration-thickness:1px}
.build-follow__card input::placeholder,.answer-form input::placeholder,.answer-form textarea::placeholder,.big-chat-meta-grid input::placeholder,.members-field input::placeholder,.members-field textarea::placeholder{color:#526352;opacity:1}.build-follow__card input:focus-visible,.build-follow__card button:focus-visible,.build-button:focus-visible,.build-link:focus-visible{outline:3px solid #bb9850;outline-offset:3px}
.build-follow__card button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;margin-top:20px;padding:12px 17px;background:#d6b25e;color:#073209;border:0;border-radius:14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.build-follow__card button:hover{background:#e9c775}
.build-follow__card small{display:block;margin-top:14px;color:#5d6c5b;font-size:14px;line-height:1.6}
.build-follow__card small a{color:#073209}
.build-follow__success,.build-follow__error{margin-top:17px;padding:12px 14px;font-size:14px;line-height:1.5}
.build-follow__success{background:#e4f0df;color:#174c20}
.build-follow__error{background:#fbe5df;color:#852b1c}
@keyframes build-pulse{50%{box-shadow:0 0 0 12px #3f9b5005;transform:scale(.86)}}
@keyframes build-turn{to{transform:rotate(338deg)}}
@media(max-width:850px){.build-intro__grid,.build-story__grid,.build-follow__grid{grid-template-columns:1fr;gap:48px}.build-note{min-height:260px;max-width:520px}.build-story__media video{max-height:360px}.build-follow__card{max-width:590px}}
@media(max-width:700px){.brand-header--building .hero{height:590px}.brand-header--building .hero__art{height:295px}.build-intro{padding:68px 0}.build-intro h2{font-size:clamp(39px,10vw,55px)}.build-lede{margin-top:27px}.build-note{min-height:235px;box-shadow:10px 10px 0 #d6d0b64d}.build-story__grid,.build-follow__grid{gap:36px}.build-story__media video{max-height:280px}.build-follow__card{box-shadow:0 16px 32px #07320924}.tabs__inner{gap:20px}}
@media(prefers-reduced-motion:reduce){.build-kicker__pulse,.build-note__orbit{animation:none}.build-button,.build-follow__socials a{transition:none}}

/* The construction page follows the same green world-map canvas as its hero. */
.brand-header--building .hero__logo{width:min(100%,490px)}
.brand-header--building .hero__logo img{max-height:none}
.build-intro{position:relative;isolation:isolate;background:#073209;color:#f4f0e8;border-top:1px solid #d6b25e55}
.build-intro::before{content:"";position:absolute;inset:0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.3;mix-blend-mode:screen;pointer-events:none;z-index:0}
.build-intro__grid{position:relative;z-index:1}
.build-intro h2{color:#f4f0e8;text-shadow:0 2px 18px #021d08bb}
.build-intro h2 em{color:#d6b25e}
.build-intro .build-kicker,.game-levels-zone .build-kicker,.game-levels-zone .build-eyebrow{color:#e9c775}
.build-intro .build-lede{color:#e4e8d8}
.build-intro .build-button--dark{background:#d6b25e;color:#073209}
.build-intro .build-button--dark:hover{background:#e9c775}
.build-intro .build-link{color:#f4f0e8;border-color:#d6b25e}
.build-intro .build-link:hover{border-color:#f4f0e8}
.build-intro .build-note{background:#123f17d9;border-color:#d6b25e88;color:#f4f0e8;box-shadow:20px 20px 0 #d6b25e18}
.build-intro .build-note__number,.build-intro .build-note__signature{color:#e9c775}
.build-intro .build-note__orbit{color:#a8c8992b}
.build-social{margin-top:clamp(54px,7vw,100px);border-top:1px solid #aeb9a8;padding-top:28px}
.build-social__summary{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}
.build-social__summary span{font-size:14px;letter-spacing:.12em;font-weight:700;color:#4c704f}
.build-social__summary strong{font-size:14px;color:#073209;font-variant-numeric:tabular-nums}
.build-social__list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0}
.build-social__account{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-width:0;min-height:86px;padding:16px 18px;overflow:hidden;border-radius:14px;background:linear-gradient(105deg,#092c10e8,#103b17e0),url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat,#0d3a14;color:#f4f0e8;border:1px solid #6a806244;box-shadow:0 2px 1px #e6e3d544,0 13px 22px #0732092b,inset 0 1px #ffffff22;transition:border-color .35s var(--ease)}
.build-social__account::before{content:"";position:absolute;inset:-35%;z-index:0;pointer-events:none;background:radial-gradient(circle at 62% 40%,#e8c46e38,transparent 45%);opacity:0;transition:opacity .4s var(--ease)}
.build-social__account::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#d6b25e 18%,#ffefad 55%,#d6b25e 82%,transparent);transform:scaleX(0);transform-origin:center;transition:transform .45s var(--ease)}
.build-social__account:hover,.build-social__account:focus-within{border-color:#d6b25e;box-shadow:0 2px 1px #e6e3d544,0 16px 30px #07320942,inset 0 1px #fff4ca55,0 0 22px #d6b25e40}
.build-social__account:hover::before,.build-social__account:focus-within::before{opacity:1}
.build-social__account:hover::after,.build-social__account:focus-within::after{transform:scaleX(1)}
.build-social__account>*{position:relative;z-index:2}
.build-social__identity{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.build-social__identity{flex:1}
.build-social__identity small{font-size:14px;text-transform:uppercase;letter-spacing:.09em;color:#dfc37e}
.build-social__identity b{overflow-wrap:anywhere;font-size:14px;font-weight:700;color:#f4f0e8}
.build-social__count{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;line-height:1.3;font-variant-numeric:tabular-nums}
.build-social__count strong{font-size:16px;color:#f4f0e8}
.build-social__count small{font-size:14px;color:#d1ddc8}
.build-social__count--missing{font-size:14px;color:#d1ddc8;text-align:right;max-width:64px}
.build-social__follow{flex-shrink:0;padding:9px 12px;background:#d6b25e;color:#073209;text-decoration:none;font-size:14px;font-weight:700;line-height:1.1;border-radius:8px;white-space:nowrap;transition:background-color .25s var(--ease),box-shadow .25s var(--ease)}
.build-social__follow:hover,.build-social__follow:focus-visible{background:#efd38d;box-shadow:0 0 0 3px #d6b25e55}
.build-social__note{font-size:14px;line-height:1.6;color:#526352;margin:14px 0 8px}
@media(max-width:700px){.brand-header--building .hero__logo{width:300px}.build-intro .build-note{min-height:310px;box-shadow:10px 10px 0 #d6b25e18}.build-intro .build-note p{font-size:22px}.build-social__list{grid-template-columns:1fr}.build-social__account{gap:10px;padding:14px 12px}.build-social__follow{padding:9px}}

/* The return headline uses the same Pusab letterforms as the SAAN wordmark. */
@font-face{font-family:AdiSaanPusab;src:url('/assets/adisaan/site/pusab.ttf') format('truetype');font-display:swap}
.brand-header--building{position:relative;isolation:isolate;overflow:hidden}
.brand-header--building>.hero__scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:#073209}
.hero__scene::before{content:"";position:absolute;inset:0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.58;mix-blend-mode:screen}
.hero__scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 42% 64% at 79% 48%,#d6b25e44,transparent 72%),linear-gradient(90deg,#0422089e 0%,transparent 64%);pointer-events:none}
.hero__gold-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:#d6b25e;stroke-width:2;opacity:.78;filter:drop-shadow(0 0 9px #d6b25e99);animation:hero-gold-breathe 5s ease-in-out infinite alternate}
.hero__gold-lines path:nth-child(2){opacity:.7;stroke-width:1.5}.hero__gold-lines path:nth-child(3){opacity:.45;stroke-width:1.3}
.hero__avatar{position:absolute;z-index:2;right:6vw;bottom:-2px;height:92%;width:auto;max-width:none;filter:drop-shadow(-18px 4px 36px #001c08a3);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
@keyframes hero-gold-breathe{from{opacity:.54}to{opacity:.88}}
.brand-header--building .utility,.brand-header--building .hero{position:relative;z-index:1;background:transparent}
.brand-header--building .hero{height:auto;min-height:clamp(560px,calc(100svh - 48px),900px)}
.hero__brandline{display:block;width:100%;margin:0 0 20px;line-height:1}
.brand-header--building .hero__brandline .hero__logo{width:min(100%,460px)}
.hero__return-line{display:flex;align-items:baseline;justify-content:center;gap:12px;width:min(100%,460px);margin:2px 0 0 35px;white-space:nowrap}
.hero__is{font-family:Montserrat,Arial,sans-serif;font-size:clamp(27px,3.2vw,42px);font-weight:600;letter-spacing:.005em;color:#f4f0e8}
.hero__back{font-family:AdiSaanPusab,Montserrat,sans-serif;font-size:clamp(72px,8vw,112px);font-weight:400;letter-spacing:-.055em;line-height:1;color:#e6ecec}
.hero__support{display:flex;flex-direction:column;align-items:center;width:min(100%,460px);text-align:center}
.brand-header--building .hero__support .hero__intro{max-width:355px;margin:0 auto}
.brand-header--building .hero__support .hero__cta{margin:24px auto 0}
.footer--compact{padding-top:0;padding-bottom:0}
.footer--compact .footer__bottom{border-top:0}
@media(max-width:850px){.hero__avatar{right:3vw;height:74%}.brand-header--building .hero__copy{width:56%}.hero__back{font-size:clamp(62px,8vw,78px)}}
@media(max-width:700px){.brand-header.brand-header--building .hero{height:680px}.hero__avatar{top:0;right:15px;bottom:auto;height:300px}.hero__gold-lines{top:90px;height:510px}.brand-header--building .hero__copy .eyebrow{display:none}.hero__brandline{margin-bottom:14px}.brand-header--building .hero__brandline .hero__logo{width:min(100%,320px)}.hero__return-line{gap:10px;width:min(100%,320px);margin-left:35px}.hero__is{font-size:26px}.hero__back{font-size:58px}.brand-header--building .hero__copy{width:100%;padding-block:20px}.hero__support{width:min(100%,320px)}.build-intro{background-position:center}.build-social{margin-top:62px}.build-social__identity b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero__gold-lines{animation:none}.build-social__account,.build-social__account::before,.build-social__account::after,.build-social__follow{transition:none}}

/* The home page is the shared public shell; the million stage gives its existing
   measured barometer room to breathe without introducing a second counter. */
/* Full-width hero map, with the measured meter and roadmap on the section itself. */
.million-stage.journey-barometer{margin:0;padding:64px 0;border:0;border-radius:0;box-shadow:none;background:#073209;color:#f4f0e8}
.million-stage.journey-barometer::before{background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.58;mix-blend-mode:screen;mask-image:none}
.million-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 70%,#d6b25e25,transparent 48%)}
.million-stage__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(130px,.55fr) minmax(260px,1fr);grid-template-areas:"top top road" "copy thermo road" "note thermo road" "play thermo road" "aside thermo road";column-gap:32px;align-items:center}
.journey-barometer--wide .journey-game-heading{grid-area:top;align-self:start;margin:0 0 32px;font-size:14px}
.journey-meter-copy{grid-area:copy;align-self:end;position:relative;z-index:1;min-width:0}
.journey-meter-copy .metric-label{color:#e9c775;text-transform:uppercase;letter-spacing:.14em;font-size:14px}
.journey-meter-copy .big-number{font-size:clamp(60px,8vw,116px);line-height:1.05;margin:18px 0 14px;color:#f4f0e8;letter-spacing:-.06em;text-shadow:0 8px 38px #001b06aa}
.journey-meter-copy p{font-size:clamp(16px,1.6vw,22px);line-height:1.5;color:#e7eddf;margin:0 0 20px}
.journey-meter-copy p strong{color:#e9c775;white-space:nowrap}
.journey-meter-coverage{display:inline-block;padding:8px 12px;border:1px solid #d6b25e66;border-radius:999px;color:#d4e5cf;font-size:14px}
.journey-barometer--wide .journey-thermo{grid-area:thermo;margin:0 auto;max-width:220px;height:440px}
.journey-barometer--wide .journey-tube{left:calc(50% - 24px)}
.journey-barometer--wide .journey-bulb{left:calc(50% - 48px)}
.journey-barometer--wide .journey-ticks{left:calc(50% + 32px);right:auto;width:52px}
.journey-barometer--wide .journey-tick{gap:5px;font-size:14px}
.journey-barometer--wide .journey-tick::before{width:6px}
.journey-barometer--wide .journey-tick span{display:none}
.journey-barometer--wide .journey-thermo-note{grid-area:note;text-align:left;font-size:14px;margin:24px 0 16px}
.journey-barometer--wide .journey-play{grid-area:play;min-height:48px;border-radius:14px;box-shadow:0 8px 24px #001b0666}
.journey-barometer--wide .journey-play-note{grid-area:aside;align-self:start;margin-top:12px}
.million-roadmap{grid-area:road;min-width:0;padding-left:24px;border-left:1px solid #d6b25e44}
.million-roadmap .eyebrow{color:#dfc37e;font-size:14px;margin-bottom:12px}
.million-roadmap h2{color:#f4f0e8;font-size:clamp(23px,2.4vw,34px);line-height:1.15;margin:0 0 24px}
.million-roadmap__list{list-style:none;margin:0;padding:0}
.million-roadmap__list li{border-top:1px solid #f4f0e822}
.million-roadmap summary{display:grid;grid-template-columns:66px minmax(0,1fr) 12px;gap:10px;align-items:center;padding:13px 0;cursor:pointer;list-style:none;font-size:14px;color:#d0ddc9}
.million-roadmap summary::-webkit-details-marker{display:none}
.million-roadmap summary>span:first-child{font-variant-numeric:tabular-nums;color:#dfc37e}
.million-roadmap summary strong{font-weight:500;overflow-wrap:anywhere}
.million-roadmap summary:focus-visible{outline:2px solid #d6b25e;outline-offset:3px;border-radius:6px}
.million-roadmap details[open] summary,.million-roadmap .chapter-reached summary{color:#f4f0e8}
.million-roadmap details[open] summary strong{font-weight:700}
.million-roadmap details p{font-size:14px;line-height:1.6;margin:0 0 14px 76px;color:#c8d4bf}
.million-roadmap .fine-print{font-size:14px;line-height:1.7;color:#b6c6ad;margin:20px 0 0}
.million-story__intro{display:grid;grid-template-columns:1fr minmax(280px,.75fr);gap:clamp(40px,8vw,125px);align-items:end}
.million-story h2{font-size:clamp(40px,5vw,70px);line-height:1.08;margin:0;color:#073209}
.million-story__intro>div:last-child>p:first-child{font-size:16px;line-height:1.7;color:#354b38}
.million-story .button{border-radius:14px}
.million-story .fine-print{margin:18px 0 0}
.million-story .chapter-strip{margin-top:clamp(54px,6vw,82px);border-color:#aeb9a8}
.race-section{background:linear-gradient(#073209ed,#073209f5),url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat}
.race-section .total-chart{border-radius:20px;margin-inline:0}
.race-section .board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.race-section .stat{position:relative;min-width:0;padding:24px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#d6b25e16,transparent 65%),#103b17;border:1px solid #d6b25e44;box-shadow:inset 0 1px #fff4ca22,0 12px 24px #001b0633}
.race-section .stat .k{color:#dfc37e;font-size:14px;margin-bottom:12px}
.race-section .stat .v{font-size:clamp(26px,3vw,42px);overflow-wrap:anywhere;line-height:1.15}
.race-section .stat .board-leader{font-size:clamp(15px,1.5vw,20px);line-height:1.4}
.race-section .stat .n{font-size:14px;line-height:1.6;margin-top:12px;overflow-wrap:anywhere}
.race-section .runner{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:28px minmax(0,2fr) minmax(60px,.8fr) 64px 64px auto;gap:14px;padding:22px 20px;border-radius:18px;background:linear-gradient(105deg,#092c10e8,#103b17e0),url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat,#0d3a14;border:1px solid #6a806244;box-shadow:0 2px 1px #e6e3d522,0 13px 22px #001b0633,inset 0 1px #ffffff22;transition:border-color .35s var(--ease)}
.race-section .runner::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 62% 40%,#e8c46e38,transparent 65%);opacity:0;transition:opacity .4s var(--ease)}
.race-section .runner::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#d6b25e,#ffefad,#d6b25e,transparent);transform:scaleX(0);transition:transform .45s var(--ease)}
.race-section .runner:hover,.race-section .runner:focus-within{border-color:#d6b25e;box-shadow:0 12px 30px #001b0644,inset 0 1px #fff4ca55,0 0 22px #d6b25e30}
.race-section .runner:hover::before,.race-section .runner:focus-within::before{opacity:1}
.race-section .runner:hover::after,.race-section .runner:focus-within::after{transform:scaleX(1)}
.race-section .runner>*{position:relative;min-width:0}
.race-section .runner .gain{min-width:0}
.race-section .who .h{font-size:14px;white-space:normal;overflow-wrap:anywhere}
.race-section .who .p{font-size:14px;color:#dfc37e}
.race-section .runner-follow{padding:12px;font-size:14px;text-align:center}
@media(max-width:1100px){.race-section .board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.race-section .runner{grid-template-columns:28px minmax(0,1fr) 80px 110px}.race-section .runner .who{grid-column:2 / 4}.race-section .runner .count-col{grid-column:4;grid-row:1}.race-section .runner .spark{grid-column:2;grid-row:2}.race-section .runner .gain{grid-column:3;grid-row:2}.race-section .runner-follow{grid-column:4;grid-row:2}}
@media(max-width:850px){.million-stage__inner{column-gap:20px;grid-template-columns:minmax(0,1fr) 140px;grid-template-areas:"top top" "copy thermo" "note thermo" "play thermo" "aside thermo" "road road"}.million-roadmap{margin-top:44px;padding:32px 0 0;border-left:0;border-top:1px solid #d6b25e44}.million-roadmap summary{font-size:14px;grid-template-columns:80px minmax(0,1fr) 16px}.million-roadmap details p{margin-left:90px}.million-roadmap__list{columns:2;column-gap:32px}.million-roadmap__list li{break-inside:avoid}}
@media(max-width:560px){.million-stage.journey-barometer{padding:40px 0}.million-stage__inner{grid-template-columns:minmax(0,1fr) 100px;column-gap:16px}.journey-barometer--wide .journey-game-heading{font-size:14px}.journey-meter-copy .big-number{font-size:clamp(44px,12vw,64px)}.journey-meter-copy p{font-size:14px}.journey-meter-coverage{font-size:14px;padding:7px 9px}.journey-barometer--wide .journey-thermo{transform:scale(.8);transform-origin:center}.journey-barometer--wide .journey-ticks{display:none}.journey-barometer--wide .journey-play{font-size:14px;padding:12px 8px}.journey-barometer--wide .journey-thermo-note{font-size:14px}.million-roadmap__list{columns:1}.million-story__intro{grid-template-columns:1fr;gap:28px}.million-story h2{font-size:38px}.race-section .board-stats{grid-template-columns:1fr}.race-section .runner{grid-template-columns:24px minmax(0,1fr) 64px;gap:12px;padding:18px 14px}.race-section .runner .who{grid-column:2;grid-row:1}.race-section .runner .count-col{grid-column:3;grid-row:1}.race-section .runner .spark{grid-column:1 / 3;grid-row:2;order:initial}.race-section .runner .gain{grid-column:3;grid-row:2;order:initial;text-align:right}.race-section .runner-follow{grid-column:1 / -1;grid-row:3}.race-section .who .h{font-size:14px}.race-section .platform-badge{display:none}.adisaan-thought{display:none}}
@media(prefers-reduced-motion:reduce){.race-section .runner,.race-section .runner::before,.race-section .runner::after{transition:none}}

/* A larger inverted glass meter: the globe feeds reported gains into the tube. */
.million-stage__inner{position:relative;padding-top:36px;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr) minmax(260px,1fr);grid-template-areas:"top top road" "copy thermo road" "play thermo road" "aside thermo road" ". note road";align-items:center}
.journey-barometer--wide .journey-game-heading{font-size:14px;letter-spacing:.06em}
.journey-barometer--wide .journey-live{position:absolute;top:-32px;right:0;font-size:14px}
.journey-barometer--wide .journey-meter-copy{align-self:center}
.journey-barometer--wide .journey-thermo{height:520px;max-width:280px;transform:none}
.journey-barometer--wide .journey-bulb{top:0;left:calc(50% - 72px);width:144px;height:144px;z-index:2;box-shadow:inset 0 0 24px #fff4,0 0 48px #69dd6c44}
.journey-barometer--wide .journey-bulb>span{font-size:48px}
.journey-barometer--wide .journey-tube{top:124px;left:calc(50% - 42px);width:84px;height:380px;border:3px solid #f4f0e8;border-top:0;border-radius:0 0 42px 42px;background:linear-gradient(90deg,#ffffff18,#ffffff05 45%,#ffffff20);overflow:hidden}
.journey-barometer--wide .journey-liquid{z-index:1}
.journey-barometer--wide .journey-ticks{top:150px;height:330px;left:calc(50% + 50px);width:48px;display:block}
.journey-barometer--wide .journey-tick{font-size:14px}
.journey-barometer--wide .journey-thermo-note{text-align:center;margin:8px 0 0;align-self:start;font-size:14px}
.journey-barometer--wide .journey-play{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;padding:16px 20px;font-size:14px;align-self:end}
.journey-barometer--wide .journey-play-note{font-size:14px;line-height:1.65;max-width:280px;align-self:start}
.journey-drops{position:absolute;inset:0;z-index:2;pointer-events:none}
.journey-drops i{position:absolute;top:-18px;left:var(--drop-left);width:12px;height:18px;border-radius:60% 40% 60% 40%;background:linear-gradient(135deg,#f4ffe9,#8ae594 55%,#d6b25e);box-shadow:0 0 12px #8ae59488;animation:fan-drop 1.5s cubic-bezier(.3,.1,.65,.8) var(--drop-delay) both}
@keyframes fan-drop{0%{opacity:0;transform:translateY(0) scale(.6)}10%{opacity:1}85%{opacity:1;transform:translateY(355px) scale(1)}100%{opacity:0;transform:translateY(380px) scale(1.8,.25)}}
@media(max-width:850px){.million-stage__inner{grid-template-columns:minmax(0,1fr) 230px;grid-template-areas:"top top" "copy thermo" "play thermo" "aside thermo" ". note" "road road"}.journey-barometer--wide .journey-live{top:-24px}}
@media(max-width:560px){.million-stage__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "copy" "thermo" "note" "play" "aside" "road";padding-top:28px}.journey-barometer--wide .journey-game-heading{font-size:14px;margin-bottom:24px}.journey-barometer--wide .journey-meter-copy{text-align:center}.journey-meter-copy .big-number{font-size:72px}.journey-barometer--wide .journey-thermo{margin-top:32px;height:520px;max-width:280px;transform:none}.journey-barometer--wide .journey-thermo-note{margin:0 0 28px}.journey-barometer--wide .journey-play-note{max-width:none;margin-top:14px}.journey-barometer--wide .journey-play{font-size:14px}.journey-barometer--wide .journey-live{top:-16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.journey-drops i{animation:none;display:none}}

.journey-current{position:absolute;top:calc(504px - 380px * var(--fan-fraction));left:calc(50% - 42px);width:84px;z-index:4;pointer-events:none}
.journey-current>span{display:block;height:3px;width:100%;background:#e9c775;box-shadow:0 0 12px #e9c77588;border-radius:99px}
.journey-current>div{position:absolute;right:calc(100% + 12px);top:-18px;white-space:nowrap;text-align:right;font-size:14px;line-height:1.5;color:#f4f0e8}
.journey-current strong{color:#e9c775;font-size:14px;font-variant-numeric:tabular-nums}
.journey-current small{display:block;font-size:14px;color:#d4e5cf}
.journey-barometer--wide .journey-tick[style="bottom:0%"]{visibility:hidden}

/* News masthead shares AdiSaan's green map scene. */
.news-portal .news-masthead{position:relative;isolation:isolate;background:#073209;color:#f4f0e8;border-bottom:1px solid #d6b25e66;padding:28px 0 24px;box-shadow:none}
.news-portal .news-masthead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.58;mix-blend-mode:screen}
.news-portal .news-masthead__meta{color:#d0ddc9;border-color:#f4f0e833}
.news-portal .news-masthead__title-group h1{color:#f4f0e8}
.news-portal .news-masthead__title-group p{color:#d0ddc9}
.news-portal .news-live-tag{color:#e9c775}
.news-portal .news-live-tag::before{background:#8ae594;box-shadow:0 0 10px #8ae59466;animation:none}
.news-portal .news-search-form{color:#073209;flex-shrink:0;min-width:0;width:min(100%,300px);box-sizing:border-box}
.news-portal .news-search-form:focus-within{border-color:#d6b25e;box-shadow:0 0 0 3px #d6b25e55}

/* Hero actions row */
.hero__actions-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.brand-header--building .hero__support .hero__cta{margin:0}
.hero__cta--ghost{background:#09360de6;color:#f4f0e8;border:1px solid #d6b25e}
.hero__cta--ghost:hover{background:#124d18;color:#fff}

/* Zone 1: Netflix Episodic Stage & Episode Rail */
.netflix-zone{padding:clamp(56px,6vw,96px) 0}
.netflix-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px;position:relative;z-index:1}
.netflix-header h2{font-size:clamp(34px,4vw,56px);margin:0}
.netflix-header__meta{display:flex;gap:10px;flex-wrap:wrap}
.netflix-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.05em;background:#0e3e14;border:1px solid #f4f0e833;color:#f4f0e8}
.netflix-pill--gold{border-color:#d6b25e;color:#e9c775;background:#d6b25e1f}
.netflix-stage-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);gap:28px;align-items:stretch;position:relative;z-index:1}
.netflix-player-card{background:#041f06;border:1px solid #d6b25e77;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #00140488;display:flex;flex-direction:column}
.netflix-video-wrap{position:relative;background:#021503;aspect-ratio:16/9;width:100%}
.netflix-video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#021503}
.netflix-duration-badge{position:absolute;top:14px;right:14px;padding:6px 12px;border-radius:999px;background:#073209eb;border:1px solid #d6b25e;color:#e9c775;font-size:14px;font-weight:700;letter-spacing:.08em;pointer-events:none}
.netflix-player-bar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(180deg,#082d0c,#052108);border-top:1px solid #d6b25e33}
.netflix-eyebrow{display:block;font-size:14px;font-weight:700;letter-spacing:.11em;color:#e9c775;text-transform:uppercase;margin-bottom:4px}
.netflix-stage-title{font-size:clamp(18px,2vw,24px);color:#f4f0e8;margin:0}
.netflix-player-controls{display:flex;gap:10px;flex-wrap:wrap}
.netflix-btn{padding:11px 16px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease)}
.netflix-btn--gold{background:#d6b25e;color:#073209}
.netflix-btn--gold:hover{background:#e9c775;transform:translateY(-1px)}
.netflix-btn--outline{background:#0c3b12;color:#f4f0e8;border-color:#d6b25e66}
.netflix-btn--outline:hover{border-color:#d6b25e;background:#134c1a}
.netflix-story-sidebar{display:flex;flex-direction:column;gap:18px}
.netflix-question-card{flex:1;padding:26px;border-radius:20px;background:linear-gradient(155deg,#0d3d14f2,#07290bf2);border:1px solid #d6b25e88;box-shadow:0 16px 36px #00140455;display:flex;flex-direction:column;justify-content:space-between}
.netflix-question-card__tag{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:6px;background:#d6b25e26;color:#e9c775;font-size:14px;font-weight:700;letter-spacing:.1em;margin-bottom:12px}
.netflix-question-card__desc{font-size:14px;line-height:1.65;color:#d6e3cf;margin:0 0 14px}
.netflix-question-card__prompt{font-size:clamp(20px,2.1vw,27px);line-height:1.28;font-weight:700;color:#fff;margin:0 0 14px;padding-left:14px;border-left:3px solid #d6b25e}
.netflix-question-card__invite{font-size:14px;line-height:1.6;color:#c5d6bd;margin:0 0 20px}
.netflix-question-card__actions{display:flex;flex-direction:column;gap:10px}
.netflix-question-card__actions .build-button{width:100%;border-radius:10px;min-height:48px;padding:12px 18px}
.netflix-sub-link{font-size:14px;font-weight:600;color:#e9c775;text-decoration:none;text-align:center;padding:4px}
.netflix-sub-link:hover{text-decoration:underline}
.netflix-founder-bio{padding:20px 24px;border-radius:18px;background:#0a3210cc;border:1px solid #f4f0e826;font-size:14px;line-height:1.65;color:#dbe6d5}
.netflix-founder-bio .build-note__number{position:static;display:block;margin-bottom:8px;color:#e9c775}
.netflix-founder-bio p{margin:0 0 8px}
.netflix-founder-bio p:last-child{margin:0}
.netflix-rail-wrap{margin-top:28px;position:relative;z-index:1}
.netflix-rail-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.netflix-rail-head span{font-size:14px;font-weight:700;letter-spacing:.11em;color:#e9c775}
.netflix-rail-head small{font-size:14px;color:#c5d6bd}
.netflix-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.netflix-ep-card{text-align:left;padding:14px 16px;border-radius:14px;background:#0b3611d9;border:1px solid #f4f0e829;color:#f4f0e8;display:flex;flex-direction:column;gap:6px;transition:border-color .2s var(--ease),transform .2s var(--ease),background .2s var(--ease)}
.netflix-ep-card:hover{border-color:#d6b25e99;transform:translateY(-2px);background:#114618}
.netflix-ep-card.is-active{border:2px solid #d6b25e;background:linear-gradient(145deg,#154d1d,#0b3611);box-shadow:0 10px 24px #00140466}
.netflix-ep-card__top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px;font-weight:700}
.netflix-ep-card__num{color:#e9c775;letter-spacing:.08em}
.netflix-ep-card__dur{padding:2px 7px;border-radius:99px;background:#052108;color:#b8d8b0;font-size:14px}
.netflix-ep-card__title{font-size:14px;font-weight:700;color:#fff;line-height:1.3}
.netflix-ep-card__q{font-size:14px;color:#c4d4bc;line-height:1.4}

/* Zone 2: 24-Hour Synthesis Arena */
.arena-zone{background:#f4f0e8;color:#073209;padding:clamp(64px,7vw,104px) 0;border-top:1px solid #d5dccf}
.arena-header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:28px}
.arena-header h2{font-size:clamp(30px,3.6vw,48px);color:#073209;margin:8px 0 12px}
.arena-lead{font-size:15px;color:#334936;max-width:68ch;margin:0}
.arena-vote-banner{margin-bottom:20px;padding:14px 18px;border-radius:12px;background:#073209;color:#e9c775;border:1px solid #d6b25e;font-size:14px;font-weight:600}
.arena-question-banner{padding:18px 24px;border-radius:16px;background:#e6ece0;border:1px solid #b8c6b2;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.arena-question-banner span{font-size:14px;font-weight:700;letter-spacing:.1em;color:#3e6842}
.arena-question-banner strong{font-size:clamp(16px,1.8vw,22px);color:#073209}
.arena-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.arena-col{background:#fffdf8;border:1px solid #cdd6c7;border-radius:20px;padding:24px;box-shadow:0 12px 32px #0732090d;display:flex;flex-direction:column;gap:18px}
.arena-col--adrian{background:linear-gradient(160deg,#073209,#0e4213);color:#f4f0e8;border-color:#d6b25e}
.arena-col__head h3{font-size:21px;margin:8px 0 6px}
.arena-col__head p{font-size:14px;line-height:1.6;color:#526554;margin:0}
.arena-col--adrian .arena-col__head p{color:#c9d8c2}
.arena-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:14px;font-weight:700;letter-spacing:.08em}
.arena-badge--green{background:#07320914;color:#073209}
.arena-badge--gold{background:#d6b25e33;color:#6e5211}
.arena-badge--dark{background:#d6b25e26;color:#e9c775;border:1px solid #d6b25e66}
.arena-echo-list,.arena-pulse-list{display:flex;flex-direction:column;gap:14px}
.arena-echo-card{padding:16px;border-radius:14px;background:#f4f0e8;border:1px solid #d4dccf;display:flex;flex-direction:column;gap:10px}
.arena-echo-card--top{border:2px solid #073209;background:#eef3ea}
.arena-echo-card__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#48664b}
.arena-echo-body{font-size:14px;line-height:1.65;color:#102b12;margin:0}
.arena-echo-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:6px;border-top:1px solid #dce2d7}
.arena-echo-author{font-size:14px;font-weight:700;color:#2e4a31}
.arena-vote-form{margin:0}
.arena-vote-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#073209;color:#f4f0e8;border:1px solid #073209;font-size:14px;font-weight:700;transition:background .18s,transform .18s}
.arena-vote-btn:hover{background:#15521b;transform:translateY(-1px)}
.arena-vote-btn.is-voted{background:#d6b25e;color:#073209;border-color:#b89340}
.arena-Vote-btn strong,.arena-vote-btn strong{padding:1px 6px;border-radius:99px;background:#ffffff24;font-variant-numeric:tabular-nums}
.arena-pulse-card{padding:16px;border-radius:14px;background:#f4f0e8;border:1px solid #d8dfd2}
.arena-pulse-card__top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.arena-pulse-signal{font-size:14px;font-weight:700;color:#073209;background:#d6b25e44;padding:2px 8px;border-radius:99px}
.arena-pulse-handle{display:block;font-size:14px;color:#5c6e5e;margin:3px 0 8px}
.arena-pulse-card p{font-size:14px;line-height:1.6;color:#223824;margin:0}
.arena-contrast-box{padding:14px 16px;border-radius:12px;background:#e8eee3;border-left:3px solid #073209;font-size:14px;line-height:1.6}
.arena-contrast-box strong{display:block;margin-bottom:4px;color:#073209}
.arena-contrast-box p{margin:0;color:#2e4530}
.arena-adrian-box{display:flex;flex-direction:column;gap:16px}
.arena-adrian-avatar{display:flex;align-items:center;gap:12px}
.arena-adrian-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #d6b25e}
.arena-adrian-avatar strong{display:block;font-size:14px;color:#fff}
.arena-adrian-avatar span{font-size:14px;color:#e9c775}
.arena-adrian-quote{font-size:14px;line-height:1.7;color:#f4f0e8;margin:0;padding:16px;border-radius:14px;background:#ffffff0f;border-left:3px solid #d6b25e}
.arena-adrian-lesson{font-size:14px;line-height:1.65;color:#d2e0cb;margin:0}
.arena-adrian-actions{display:flex;flex-direction:column;gap:10px}
.arena-chat-link{font-size:14px;font-weight:700;color:#e9c775;text-align:center;text-decoration:none;padding:6px}
.arena-chat-link:hover{text-decoration:underline}

/* Zone 3: Game Levels & What To Do Next Quests */
.game-levels-zone{position:relative;isolation:isolate;background:#073209;color:#f4f0e8;padding:clamp(64px,7vw,100px) 0;border-top:1px solid #d6b25e55}
.game-levels-zone::before{content:"";position:absolute;inset:0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.25;mix-blend-mode:screen;pointer-events:none;z-index:0}
.game-levels-zone>.container{position:relative;z-index:1}
.game-levels-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.game-levels-header h2{font-size:clamp(30px,3.6vw,48px);color:#f4f0e8;margin:0}
.game-xp-pill{padding:12px 18px;border-radius:14px;background:#0d3d13;border:1px solid #d6b25e;text-align:right}
.game-xp-pill span{display:block;font-size:14px;color:#f4f0e8}
.game-xp-pill strong{color:#8ae594}
.game-xp-pill small{font-size:14px;color:#e9c775;font-variant-numeric:tabular-nums}
.game-progress-track{height:12px;border-radius:999px;background:#ffffff1a;border:1px solid #d6b25e55;overflow:hidden;margin-bottom:28px}
.game-progress-fill{height:100%;background:linear-gradient(90deg,#39a845,#93ec98,#d6b25e);border-radius:999px}
.game-levels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:36px}
.game-level-card{padding:20px;border-radius:16px;background:#0b3510d9;border:1px solid #f4f0e829;display:flex;flex-direction:column;gap:8px}
.game-level-card.is-unlocked{border-color:#8ae594;background:linear-gradient(155deg,#124a19,#0a3310)}
.game-level-card.is-active{border:2px solid #d6b25e;background:linear-gradient(155deg,#174d1d,#0b3510);box-shadow:0 12px 28px #00140466}
.game-level-card__top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;letter-spacing:.08em}
.game-level-num{color:#e9c775}
.game-level-status{padding:3px 8px;border-radius:99px;background:#052108;color:#b7dfb0}
.game-level-card h3{font-size:16px;color:#fff;margin:4px 0 0}
.game-level-card p{font-size:14px;color:#c9d9c2;line-height:1.55;margin:0;flex:1}
.game-level-target{font-size:14px;color:#e9c775;padding-top:8px;border-top:1px solid #ffffff1a}
.game-quests-box{padding:28px;border-radius:22px;background:#0c3b13eb;border:1px solid #d6b25e77}
.game-quests-head{margin-bottom:20px}
.game-quests-head h3{font-size:22px;color:#fff;margin:0 0 6px}
.game-quests-head p{font-size:14px;color:#cadbc3;margin:0}
.game-quests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.game-quest-card{padding:20px;border-radius:16px;background:#062609;border:1px solid #d6b25e44;display:flex;flex-direction:column;gap:8px}
.game-quest-step{font-size:14px;font-weight:700;letter-spacing:.1em;color:#e9c775}
.game-quest-card h4{font-size:16px;color:#fff;margin:0}
.game-quest-card p{font-size:14px;line-height:1.6;color:#c4d4bc;margin:0;flex:1}
.game-quest-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#d6b25e;color:#073209;font-size:14px;font-weight:700;text-decoration:none;margin-top:6px}
.game-quest-btn:hover{background:#e9c775}

/* Zone 4: Top 10 Virality Competition & Barometer */
.competition-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.competition-sub{font-size:15px;color:#354b38;max-width:65ch;margin:0}
.competition-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:36px;align-items:start}
.top10-board{background:#fffdf8;border:1px solid #c9d3c3;border-radius:24px;padding:24px;box-shadow:0 16px 40px #07320912}
.top10-board__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #d8e0d2;font-size:14px;font-weight:700;letter-spacing:.1em;color:#3e6842}
.top10-board__head strong{color:#073209;font-size:14px}
.top10-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.top10-row{display:grid;grid-template-columns:58px minmax(0,1fr) 88px auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(105deg,#082d0f,#103d17);color:#f4f0e8;border:1px solid #6a806244}
.top10-row--podium{border-color:#d6b25e;box-shadow:0 8px 22px #07320929}
.top10-rank{font-size:14px;font-weight:800;color:#e9c775;font-variant-numeric:tabular-nums}
.top10-identity{min-width:0;display:flex;flex-direction:column;gap:4px}
.top10-platform-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.top10-platform{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#dfc37e}
.top10-virality-pill{font-size:14px;font-weight:700;padding:2px 7px;border-radius:99px;background:#d6b25e29;color:#ffefad;border:1px solid #d6b25e66}
.top10-virality-pill.is-muted{background:#ffffff14;color:#b8c8b0;border-color:transparent}
.top10-handle{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top10-bar-track{height:4px;border-radius:99px;background:#ffffff1f;overflow:hidden;max-width:220px}
.top10-bar-fill{height:100%;background:linear-gradient(90deg,#64d470,#d6b25e)}
.top10-metrics{text-align:right;font-variant-numeric:tabular-nums}
.top10-metrics strong{display:block;font-size:16px;color:#fff;line-height:1.1}
.top10-metrics small{font-size:14px;color:#9be4a0}
.top10-unmeasured{color:#b8c8b0!important}

/* Big Avatar Chat Studio (/answer) */
.imagine-studio-zone{background:#073209;color:#f4f0e8;padding:clamp(44px,5vw,76px) 0;border-top:1px solid #d6b25e44;position:relative;isolation:isolate}
.imagine-studio-zone::before{content:"";position:absolute;inset:0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.26;mix-blend-mode:screen;pointer-events:none;z-index:0}
.imagine-studio-zone>.container{position:relative;z-index:1}
.imagine-env-bar{margin-bottom:32px}
.imagine-env-bar__title h1{color:#fff;margin:8px 0 10px}
.imagine-env-bar__title p{color:#d3e2cc;font-size:15px;margin:0 0 20px}
.imagine-env-pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}
.imagine-env-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#0d3c13;border:1px solid #f4f0e833;color:#f4f0e8;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:border-color .18s,background .18s}
.imagine-env-pill small{padding:2px 6px;border-radius:99px;background:#052108;color:#e9c775;font-size:14px}
.imagine-env-pill.is-active,.imagine-env-pill:hover{border-color:#d6b25e;background:#16521e}
.imagine-studio-grid{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.25fr);gap:32px;align-items:start}
.imagine-avatar-card{background:#0b3610f2;border:1px solid #d6b25e88;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #00140477}
.imagine-avatar-video-wrap{position:relative;aspect-ratio:16/9;background:#021503}
.imagine-avatar-video-wrap video{width:100%;height:100%;object-fit:contain;display:block}
.imagine-avatar-bubble{padding:22px;border-bottom:1px solid #ffffff1a}
.imagine-avatar-bubble__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.imagine-avatar-bubble__head img{width:52px;height:52px;border-radius:50%;border:2px solid #d6b25e;object-fit:cover}
.imagine-avatar-bubble__head strong{display:block;font-size:14px;color:#fff}
.imagine-avatar-bubble__head span{font-size:14px;color:#e9c775}
.imagine-avatar-bubble__desc{font-size:14px;color:#c9d9c2;margin:0 0 12px}
.imagine-avatar-bubble__question{font-size:19px;font-weight:700;color:#fff;margin:0 0 12px;padding-left:12px;border-left:3px solid #d6b25e}
.imagine-avatar-bubble__invite{font-size:14px;color:#d6e3cf;margin:0}
.imagine-muse-bridge{padding:18px 22px;background:#062509;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.imagine-muse-bridge strong{display:block;font-size:14px;color:#e9c775}
.imagine-muse-bridge p{font-size:14px;color:#c5d6bd;margin:2px 0 0}
.imagine-composer-column{background:#f4f0e8;color:#073209;border-radius:24px;padding:clamp(24px,3.5vw,38px);border:2px solid #d6b25e;box-shadow:0 24px 60px #00140466}
.imagine-composer-head{margin-bottom:22px}
.imagine-composer-head h2{font-size:clamp(22px,2.5vw,32px);color:#073209;margin:8px 0}
.imagine-composer-head p{font-size:14px;color:#384f3b;margin:0}
.imagine-answer-form{padding:0;background:transparent}
.share-mode-fieldset{border:0;padding:0;margin:0 0 24px}
.share-mode-legend{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#073209;margin-bottom:10px}
.share-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.share-mode-card{position:relative;padding:16px;border-radius:14px;background:#fffdf8;border:2px solid #c6d1bf;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .18s,background .18s,box-shadow .18s}
.share-mode-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.share-mode-card.is-selected{border-color:#073209;background:#e8f0e4;box-shadow:0 8px 20px #07320914}
.share-mode-card__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-mode-card__top strong{font-size:14px;color:#073209;flex:1}
.share-mode-xp{font-size:14px;font-weight:800;padding:2px 7px;border-radius:99px;background:#073209;color:#e9c775}
.share-mode-card p{font-size:14px;line-height:1.5;color:#3d5240;margin:0}
.big-chat-label{display:flex!important;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.big-chat-label small{font-size:14px;font-weight:700;color:#1b5e22}
.big-chat-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.big-chat-meta-grid input{width:100%;padding:14px 16px;background:#fffdf8;border:1px solid #b5c1ad;color:#073209;border-radius:8px;font-size:14px}
.big-chat-Submit,.big-chat-submit{width:100%;border-radius:12px;font-size:14px}
.stream-echo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}

@media(max-width:980px){
  .netflix-stage-grid,.arena-columns,.competition-grid,.imagine-studio-grid{grid-template-columns:1fr}
  .game-levels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-quests-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .game-levels-grid,.share-mode-grid,.big-chat-meta-grid{grid-template-columns:1fr}
  .top10-row{grid-template-columns:44px minmax(0,1fr) auto}
  .top10-action{grid-column:1 / -1}
  .top10-action a{display:block;text-align:center}
}

/* Homepage Storyboard + Podcast Ep 01 + 3 Fun Modes Card */
.home-storyboard-podcast-card{margin-top:28px;background:#0a3510f2;border:1px solid #d6b25e88;border-radius:22px;padding:clamp(22px,3vw,34px);box-shadow:0 18px 46px #00140466;position:relative;z-index:1}
.home-storyboard-podcast-card__grid{display:grid;grid-template-columns:1.15fr .95fr;gap:28px;align-items:start}
.home-storyboard-podcast-card__left h3{color:#fff;font-size:clamp(20px,2.2vw,28px);margin:10px 0}
.home-storyboard-podcast-card__left p{color:#d3e2cc;font-size:14px;line-height:1.6;margin:0 0 16px}
.home-podcast-mini{background:#062308;border:1px solid #d6b25e55;border-radius:16px;padding:16px}
.home-podcast-mini__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.home-podcast-mini__head strong{color:#f4f0e8;font-size:14px}
.home-podcast-mini__head span{color:#e9c775;font-size:14px;font-weight:700}
.home-podcast-mini audio{width:100%;height:38px}
.home-storyboard-podcast-card__right h4{color:#fff;font-size:16px;margin:10px 0 14px}
.home-fun-modes{display:flex;flex-direction:column;gap:10px}
.home-fun-mode-link{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:#0f4216;border:1px solid #d6b25e55;color:#f4f0e8;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}
.home-fun-mode-link:hover{border-color:#d6b25e;background:#16561f;transform:translateY(-1px)}
.home-fun-mode-link__icon{font-size:22px;text-align:center}
.home-fun-mode-link strong{display:block;font-size:14px;color:#fff}
.home-fun-mode-link small{display:block;font-size:14px;color:#c9d9c2;line-height:1.4}
.home-fun-mode-link__arrow{color:#e9c775;font-weight:700;font-size:16px}

/* Members Sanctuary (/members) & 3 Fun Mode Cards */
.members-sanctuary{background:#073209;color:#f4f0e8;padding:clamp(36px,5vw,68px) 0;position:relative;isolation:isolate}
.members-sanctuary::before{content:"";position:absolute;inset:0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.22;mix-blend-mode:screen;pointer-events:none;z-index:0}
.members-sanctuary>.container{position:relative;z-index:1}
.members-hero{margin-bottom:28px}
.members-hero__card{background:#0b3811f2;border:1px solid #d6b25e88;border-radius:22px;padding:clamp(24px,3.5vw,38px);box-shadow:0 20px 52px #00140466}
.members-hero__status-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.members-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#d6b25e26;border:1px solid #d6b25e;color:#e9c775;font-size:14px;font-weight:800;letter-spacing:.06em}
.members-hero__subbadge{font-size:14px;font-weight:700;color:#b8d1b0;letter-spacing:.05em}
.members-hero__title{color:#fff;font-size:clamp(24px,3.2vw,40px);margin:0 0 12px;line-height:1.18}
.members-hero__lead{color:#d5e4cf;font-size:15px;line-height:1.65;margin:0;max-width:860px}
.members-alert{margin-top:18px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:700}
.members-alert--success{background:#155220;border:1px solid #64d470;color:#e8ffea}
.members-alert--info{background:#0d3c13;border:1px solid #d6b25e;color:#f4f0e8}

.members-gate__grid{display:grid;grid-template-columns:1.25fr .88fr;gap:28px;align-items:start}
.members-gate__form-card{background:#f4f0e8;color:#073209;border-radius:22px;padding:clamp(22px,3.2vw,36px);border:2px solid #d6b25e;box-shadow:0 22px 54px #00140466}
.members-gate__heading{color:#073209;font-size:clamp(20px,2.2vw,26px);margin:6px 0 16px}
.thought-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.thought-mode-btn{text-align:left;padding:14px;border-radius:14px;background:#fffdf8;border:2px solid #c5d0be;color:#073209;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:border-color .18s,background .18s,transform .15s}
.thought-mode-btn:hover{border-color:#193f10;transform:translateY(-1px)}
.thought-mode-btn.is-active{background:#193f10;color:#fff;border-color:#d6b25e;box-shadow:0 10px 24px #0732092e}
.thought-mode-btn__icon{font-size:20px}
.thought-mode-btn__title{font-size:14px;font-weight:800}
.thought-mode-btn__desc{font-size:14px;line-height:1.4;opacity:.88}

.members-starters{background:#e7eee3;border:1px solid #c2d1bc;border-radius:14px;padding:12px 14px;margin-bottom:16px}
.members-starters__label{display:block;font-size:14px;font-weight:700;color:#193f10;margin-bottom:8px}
.members-starters__chips{display:flex;flex-wrap:wrap;gap:8px}
.members-starter-chip{background:#fff;border:1px solid #9ab093;color:#073209;border-radius:99px;padding:6px 12px;font-size:14px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.members-starter-chip:hover{background:#193f10;color:#fff;border-color:#193f10}

.members-field{margin-bottom:16px}
.members-field__label-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.members-field label{display:block;font-size:14px;font-weight:800;color:#073209;text-transform:uppercase;letter-spacing:.05em}
.members-field__hint{font-size:14px;color:#2c4c30}
.members-field textarea,.members-field input{width:100%;padding:13px 15px;border-radius:10px;border:1px solid #adbca7;background:#fffdf8;color:#073209;font-size:14px;font-family:inherit}
.members-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.members-privacy-choice{border:0;padding:0;margin:0 0 16px}
.members-privacy-choice legend{font-size:14px;font-weight:800;color:#073209;margin-bottom:8px}
.members-privacy-choice__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.members-privacy-pill{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:12px;background:#fffdf8;border:1px solid #b8c6b2;cursor:pointer}
.members-privacy-pill strong{display:block;font-size:14px;color:#073209}
.members-privacy-pill small{display:block;font-size:14px;color:#3d5240;line-height:1.4;margin-top:2px}
.members-checkbox{margin-bottom:10px;font-size:14px;color:#1d3b20}
.members-unlock-submit{width:100%;margin-top:8px;padding:16px 22px;border-radius:12px;background:#193f10;color:#fff;border:1px solid #d6b25e;font-weight:800;font-size:14px;cursor:pointer}
.members-unlock-submit:hover{background:#0f2c09}

.members-gate__preview-card{background:#0b3811f2;border:1px solid #d6b25e66;border-radius:22px;padding:clamp(22px,3vw,32px)}
.members-gate__lock-tag{display:inline-block;padding:4px 10px;border-radius:99px;background:#d6b25e22;color:#e9c775;font-size:14px;font-weight:800;letter-spacing:.08em}
.members-gate__preview-card h3{color:#fff;font-size:20px;margin:12px 0 18px}
.members-preview-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:14px}
.members-preview-list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:12px;border-radius:14px;background:#07260a;border:1px solid #ffffff17}
.members-preview-list__icon{font-size:20px}
.members-preview-list strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}
.members-preview-list p{color:#c9d9c2;font-size:14px;line-height:1.5;margin:0}
.members-gate__storyboard-note{padding:16px;border-radius:14px;background:#124419;border:1px solid #d6b25e66}
.members-gate__storyboard-note h4{color:#fff;font-size:15px;margin:6px 0}
.members-gate__storyboard-note p{color:#d3e2cc;font-size:14px;line-height:1.55;margin:0}

/* Unlocked Members Sanctuary Sections */
/* Members Pass & Vision Board */
.members-pass-bar{margin-bottom:28px}
.members-pass-card{background:#114418;border:1px solid #d6b25e;border-radius:18px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.members-pass-card__kicker{font-size:14px;font-weight:800;color:#e9c775;letter-spacing:.08em}
.members-pass-card h3{color:#fff;font-size:18px;margin:4px 0}
.members-pass-card__email{font-size:14px;font-weight:400;color:#b8d1b0}
.members-pass-card__thought{color:#e6f2e2;font-size:14px;font-style:italic;margin:4px 0 0}
.members-pass-card__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.members-lock-btn{background:transparent;border:1px solid #ffffff33;color:#d3e2cc;padding:9px 14px;border-radius:10px;font-size:14px;cursor:pointer}

/* --- RECEIVED PAGE VISION CARD --- */
.received-vision-card{margin:24px 0;background:#0b3811f2;border:2px solid #d6b25e;border-radius:20px;padding:clamp(20px,3vw,30px);box-shadow:0 18px 48px #00140466;color:#f4f0e8}
.received-vision-card__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.received-vision-card__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:#d6b25e33;border:1px solid #d6b25e;color:#f3d486;font-size:14px;font-weight:800;letter-spacing:.06em}
.received-vision-card__subbadge{font-size:14px;font-weight:700;color:#9be4a0;letter-spacing:.05em}
.received-vision-card__quote{margin:12px 0 14px;padding:10px 16px;border-left:3px solid #d6b25e;background:#062308;border-radius:0 10px 10px 0;color:#f4f0e8;font-size:clamp(14px,1.6vw,17px);font-style:italic;line-height:1.55}
.received-vision-card__lead{color:#d5e4cf;font-size:14px;line-height:1.6;margin:0 0 18px}
.received-vision-card__actions{display:flex;gap:12px;flex-wrap:wrap}

/* --- LIVING VISION BOARD (/members) --- */
.vision-board{margin-bottom:38px}
.vision-board__card{background:#0b3811f2;border:2px solid #d6b25e;border-radius:24px;padding:clamp(22px,3.2vw,36px);box-shadow:0 24px 60px #00140477;position:relative}
.vision-board__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #d6b25e44}
.vision-board__kicker{display:inline-block;font-size:14px;font-weight:800;color:#e9c775;letter-spacing:.08em;margin-bottom:6px}
.vision-board__identity h2{color:#fff;font-size:clamp(22px,2.8vw,34px);margin:0 0 4px;line-height:1.2}
.vision-board__email{color:#9eb596;font-size:14px}
.vision-board__wallet{background:#062308;border:1px solid #d6b25e88;border-radius:16px;padding:14px 20px;min-width:280px;display:flex;flex-direction:column;gap:8px}
.vision-board__wallet-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.vision-board__token-count{color:#f3d486;font-size:24px;font-weight:800;letter-spacing:.02em}
.vision-board__token-label{color:#b8d1b0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.vision-board__progress-wrap{display:flex;flex-direction:column;gap:5px}
.vision-board__progress-bar{height:8px;background:#143e19;border-radius:99px;overflow:hidden;border:1px solid #ffffff1a}
.vision-board__progress-fill{height:100%;background:linear-gradient(90deg,#9be4a0,#d6b25e);border-radius:99px;transition:width .3s ease}
.vision-board__progress-hint{font-size:14px;color:#c9d9c2;font-weight:600}

.vision-board__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:start}
.vision-board__col{background:#062308cc;border:1px solid #ffffff1a;border-radius:20px;padding:clamp(16px,2.2vw,24px);display:flex;flex-direction:column;gap:16px}
.vision-board__col-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #ffffff14}
.vision-board__col-title-wrap{display:flex;align-items:flex-start;gap:10px}
.vision-board__col-icon{font-size:24px;line-height:1}
.vision-board__col-header h3{color:#fff;font-size:18px;margin:0 0 4px;line-height:1.3}
.vision-board__col-header p{color:#a9c2a1;font-size:14px;margin:0;line-height:1.4}
.vision-board__count-pill{padding:3px 10px;border-radius:99px;background:#d6b25e22;border:1px solid #d6b25e66;color:#e9c775;font-size:14px;font-weight:800;white-space:nowrap}

.vision-board__cards-list{display:flex;flex-direction:column;gap:12px}
.vision-card{background:#0a2e0e;border:1px solid #d6b25e55;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,border-color .18s ease}
.vision-card:hover{transform:translateY(-2px);border-color:#d6b25e}
.vision-card__top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.vision-card__badge{color:#e9c775;font-weight:800;letter-spacing:.05em}
.vision-token-badge{padding:3px 9px;border-radius:99px;background:#155220;border:1px solid #64d470;color:#e8ffea;font-size:14px;font-weight:800}
.vision-token-badge--spent{background:#3a180a;border-color:#e07b4c;color:#ffd9c9}
.vision-card__question{color:#e9c775;font-size:14px;font-weight:700;margin:0;line-height:1.4}
.vision-card__body{color:#fff;font-size:14px;line-height:1.55;margin:2px 0 6px;font-style:italic}
.vision-card__body--question{font-style:normal;font-weight:600;font-size:15px;color:#fdfbf7}
.vision-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#9eb596;padding-top:6px;border-top:1px solid #ffffff10}
.vision-card-empty{padding:20px 16px;text-align:center;color:#c9d9c2;background:#051b07;border:1px dashed #ffffff24;border-radius:14px;font-size:14px}
.vision-card-empty p{margin:0 0 10px}

.vision-status-pill{padding:3px 10px;border-radius:99px;font-size:14px;font-weight:800}
.vision-status-pill--queued_for_review{background:#453205;border:1px solid #d6b25e;color:#f3d486}
.vision-status-pill--in_muse_synthesis{background:#0a2944;border:1px solid #5ea6d6;color:#bfe5ff}
.vision-status-pill--approved_for_episode{background:#0e4414;border:1px solid #63d65e;color:#c9ffbe}

.vision-board__col-footer{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.vision-board__btn{font-size:14px;padding:8px 14px}

.vision-ask-box{background:#041a06;border:1px solid #d6b25e77;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.vision-ask-box h4{color:#fff;font-size:15px;margin:0}
.vision-ask-box__desc{color:#b8d1b0;font-size:14px;line-height:1.4;margin:0}
.vision-ask-form{display:flex;flex-direction:column;gap:10px}
.vision-ask-field textarea{width:100%;padding:11px 13px;border-radius:10px;border:1px solid #8ba383;background:#fffdf8;color:#073209;font-size:14px;font-family:inherit}
.vision-ask-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.vision-ask-select{display:flex;align-items:center;gap:6px;font-size:14px;color:#c9d9c2}
.vision-ask-select select{padding:7px 10px;border-radius:8px;background:#0a2e0e;color:#fff;border:1px solid #d6b25e66;font-size:14px}
.vision-ask-submit{background:#193f10;border:1px solid #d6b25e;color:#fff;padding:9px 16px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer}
.vision-ask-submit:hover{background:#0f2c09}
.vision-ask-footnote{display:block;font-size:14px;color:#8ba383;line-height:1.4;font-style:italic}

.vision-board__footer-row{margin-top:22px;padding-top:14px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#a9c2a1;font-size:14px}

.members-section{margin-bottom:42px}
.members-section__header{margin-bottom:22px}
.members-section__header h2{color:#fff;font-size:clamp(22px,2.8vw,34px);margin:6px 0 8px}
.members-section__header p{color:#d3e2cc;font-size:14px;margin:0;max-width:780px}

.podcast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}
.podcast-card{background:#0b3811f2;border:1px solid #d6b25e66;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.podcast-card--live{border-color:#d6b25e}
.podcast-card__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.podcast-card__number{font-size:14px;font-weight:800;color:#e9c775;letter-spacing:.07em}
.podcast-card__duration{font-size:14px;padding:3px 9px;border-radius:99px;background:#062308;color:#9be4a0;font-weight:700}
.podcast-card__title{color:#fff;font-size:18px;margin:0;line-height:1.3}
.podcast-card__hosts{color:#b8d1b0;font-size:14px;margin:0;font-weight:600}
.podcast-card__summary{color:#d3e2cc;font-size:14px;line-height:1.55;margin:0}
.podcast-card__question{background:#062308;border-left:3px solid #d6b25e;padding:10px 12px;border-radius:8px;font-size:14px;color:#f4f0e8}
.podcast-card__question span{display:block;font-size:14px;color:#e9c775;text-transform:uppercase;font-weight:700;margin-bottom:2px}
.podcast-card__player audio{width:100%;height:40px;margin-top:4px}
.podcast-card__alt-links{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;margin-top:6px}
.podcast-card__alt-links a{color:#e9c775}
.podcast-card__upcoming-box{margin-top:auto;padding-top:10px;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#b8d1b0}

.storyboard-partner-card{background:#124419;border:1px solid #d6b25e;border-radius:20px;padding:clamp(22px,3vw,32px);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.storyboard-partner-card__badge{display:inline-block;font-size:14px;font-weight:800;color:#e9c775;letter-spacing:.07em;margin-bottom:6px}
.storyboard-partner-card h2{color:#fff;font-size:clamp(20px,2.4vw,30px);margin:0 0 8px}
.storyboard-partner-card p{color:#d5e4cf;font-size:14px;line-height:1.6;margin:0 0 8px;max-width:760px}
.storyboard-partner-card__cta{color:#e9c775!important;font-weight:700}

.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.vault-card{background:#08290b;border:1px solid #ffffff24;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}
.vault-card__header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.vault-card__code{color:#e9c775;font-weight:800;letter-spacing:.06em}
.vault-card__file{color:#9eb596;font-family:monospace}
.vault-card__title{color:#fff;font-size:16px;margin:0}
.vault-card__theme{color:#c9d9c2;font-size:14px;margin:0}
.vault-card__excerpt{margin:4px 0;padding-left:10px;border-left:2px solid #d6b25e;color:#f4f0e8;font-size:14px;font-style:italic}
.vault-card__meta{margin-top:auto;padding-top:8px;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:4px;font-size:14px;color:#9be4a0}

.members-cocreation-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start}
.members-cocreation-board{background:#0b3811f2;border:1px solid #d6b25e66;border-radius:22px;padding:clamp(22px,3vw,32px)}
.members-cocreation-board h2{color:#fff;font-size:24px;margin:6px 0}
.members-cocreation-board__sub{color:#c9d9c2;font-size:14px;margin:0 0 18px}
.members-board-list{display:flex;flex-direction:column;gap:12px}
.members-board-item{background:#062308;border:1px solid #ffffff1a;border-radius:14px;padding:14px 16px}
.members-board-item__top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.members-board-item__badge{color:#e9c775;font-weight:800}
.members-board-item__time{color:#9eb596}
.members-board-item__body{color:#fff;font-size:14px;line-height:1.5;margin:0 0 8px}
.members-board-item__footer{display:flex;justify-content:space-between;font-size:14px;color:#b8d1b0}

@media(max-width:980px){
  .home-storyboard-podcast-card__grid,.members-gate__grid,.members-cocreation-grid,.vision-board__grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .thought-mode-grid,.members-form-row,.members-privacy-choice__grid{grid-template-columns:1fr}
}

.top10-voices-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.04em;background:rgba(244,240,232,.07);border:1px solid rgba(244,240,232,.18);color:#c9d9c2}
.top10-voices-pill.has-voices{background:rgba(214,178,94,.18);border-color:rgba(214,178,94,.55);color:#f3d486}
.top10-voices-metric{display:block;font-size:14px;font-weight:700;color:#e9c775;margin-top:2px}

/* --- PUBLIC THOUGHT JOURNAL (ADRIAN × MUSE DUET) --- */
.journal-zone{padding:60px 0 50px;background:linear-gradient(180deg,#041b07 0%,#082e0e 100%);border-top:1px solid rgba(214,178,94,.25);border-bottom:1px solid rgba(214,178,94,.2)}
.journal-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.journal-header__main h2{color:#fff;font-size:clamp(26px,3.4vw,40px);margin:6px 0 10px;line-height:1.2}
.journal-lead{color:#d5e4cf;font-size:15px;line-height:1.6;margin:0;max-width:820px}
.journal-featured-card{background:rgba(11,56,17,.95);border:1px solid #d6b25e;border-radius:24px;padding:clamp(22px,3.2vw,36px);box-shadow:0 18px 45px rgba(0,0,0,.45);margin-bottom:36px}
.journal-featured-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.journal-featured-card__badges{display:flex;gap:8px;align-items:center}
.journal-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.journal-badge--gold{background:#d6b25e;color:#062308}
.journal-badge--dim{background:rgba(255,255,255,.1);color:#d5e4cf}
.journal-featured-card__dur{font-size:14px;color:#9be4a0;font-weight:700}
.journal-featured-card__headline h3{color:#fff;font-size:clamp(22px,2.6vw,32px);margin:0 0 6px;line-height:1.3}
.journal-featured-card__subtitle{color:#c9d9c2;font-size:14px;margin:0 0 20px;line-height:1.5}
.journal-player-box{background:#062308;border:1px solid rgba(214,178,94,.35);border-radius:14px;padding:14px 18px;margin-bottom:24px}
.journal-player-box__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;flex-wrap:wrap}
.journal-player-box__title{color:#e9c775;font-weight:700}
.journal-player-box__format{color:#9eb596;font-size:14px}
.journal-player-box audio{width:100%;height:40px}
.journal-duet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px}
.journal-perspective{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px}
.journal-perspective--human{background:rgba(25,63,16,.7);border:1px solid rgba(214,178,94,.5)}
.journal-perspective--muse{background:rgba(6,35,8,.85);border:1px solid rgba(56,239,125,.4)}
.journal-perspective__header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.journal-perspective__speaker{font-size:14px;font-weight:800;letter-spacing:.02em}
.journal-perspective--human .journal-perspective__speaker{color:#e9c775}
.journal-perspective--muse .journal-perspective__speaker{color:#80e27e}
.journal-perspective__tag{font-size:14px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#d5e4cf}
.journal-perspective__quote{margin:0;font-size:14px;line-height:1.65;font-style:italic;color:#fff;border-left:3px solid #d6b25e;padding-left:14px}
.journal-perspective--muse .journal-perspective__quote{border-left-color:#38ef7d}
.journal-perspective__body{margin:0;font-size:14px;line-height:1.6;color:#c9d9c2}
.journal-featured-card__footer{background:#062308;border-top:1px solid rgba(214,178,94,.25);border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.journal-footer-q span{display:block;font-size:14px;font-weight:800;color:#e9c775;letter-spacing:.07em;margin-bottom:2px}
.journal-footer-q strong{color:#fff;font-size:14px;line-height:1.4}
.journal-footer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.journal-archive-wrap{margin-top:36px}
.journal-archive-head{margin-bottom:20px}
.journal-archive-head h3{color:#fff;font-size:22px;margin:0 0 6px}
.journal-archive-head p{color:#c9d9c2;font-size:14px;margin:0}
.journal-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.journal-archive-card{background:rgba(8,41,11,.85);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.journal-archive-card__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.journal-archive-card__dur{font-size:14px;color:#9be4a0;font-weight:700}
.journal-archive-card h4{color:#fff;font-size:17px;margin:0;line-height:1.35}
.journal-archive-card__sub{color:#c9d9c2;font-size:14px;margin:0;line-height:1.45}
.journal-archive-card__perspectives{display:flex;flex-direction:column;gap:8px;margin:4px 0}
.journal-archive-bubble{padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.5}
.journal-archive-bubble small{display:block;font-weight:700;margin-bottom:2px}
.journal-archive-bubble p{margin:0}
.journal-archive-bubble--human{background:rgba(25,63,16,.6);color:#f4f0e8}
.journal-archive-bubble--human small{color:#e9c775}
.journal-archive-bubble--muse{background:rgba(6,35,8,.75);color:#d5e4cf}
.journal-archive-bubble--muse small{color:#80e27e}
.journal-archive-card__footer{margin-top:auto;padding-top:10px}
.journal-archive-card__link{color:#e9c775;font-size:14px;font-weight:700;text-decoration:none}
.journal-archive-card__link:hover{text-decoration:underline}

@media(max-width:860px){
  .journal-duet-grid{grid-template-columns:1fr}
  .journal-featured-card__footer{flex-direction:column;align-items:flex-start}
}

/* The existing Ambassador joins the gate instead of covering its controls. */
.members-avatar-dock{min-height:150px;margin-bottom:24px;border-bottom:1px solid #07320922;padding-bottom:20px}
.adisaan-companion.is-gate-guide{position:relative;inset:auto;max-width:100%;width:100%;gap:14px;align-items:center;z-index:2}
.is-gate-guide .adisaan-companion-face{width:64px;height:64px;animation:none;order:-1;box-shadow:0 4px 16px #07320922}
.is-gate-guide .adisaan-thought{display:block;flex:1;min-width:0;max-width:none;border-radius:20px;margin:0;padding:18px 24px 14px 18px;box-shadow:none}
.is-gate-guide .adisaan-thought:before,.is-gate-guide .adisaan-thought:after{display:none}
.is-gate-guide .adisaan-native-chat{position:fixed;right:24px;bottom:24px;z-index:45;max-height:calc(100dvh - 48px)}
@media(max-width:560px){.members-avatar-dock{min-height:175px}.is-gate-guide .adisaan-companion-face{width:48px;height:48px}.adisaan-companion.is-gate-guide{gap:10px}.is-gate-guide .adisaan-thought{padding:16px 22px 12px 14px}.is-gate-guide .adisaan-native-chat{right:16px;bottom:16px;max-height:calc(100dvh - 32px)}}
.brand-header--slim .brand-header__slim-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-block:14px}
.brand-header__wordmark{display:block;width:min(46vw,200px);line-height:0}
.brand-header__wordmark img{width:100%;height:auto}
.brand-header__slim-meta{font-size:14px;font-weight:600;letter-spacing:.04em;color:#ded8c6;text-align:right}
@media(max-width:700px){.brand-header--slim .brand-header__slim-row{min-height:60px;padding-block:10px}.brand-header__slim-meta{display:none}.utility span:last-child{display:none}}
/* Inner pages share one sticky header; the homepage keeps its hero menu. */
.public-header--compact{position:sticky;top:0;z-index:20;background:#073209;box-shadow:0 8px 24px #0005}
.public-header--compact .brand-header__slim-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px 24px;min-height:84px;padding-block:12px}
.public-header--compact .brand-header__wordmark{width:180px}
.public-header--compact .tabs{position:relative;top:auto;min-width:0;border:0;background:transparent;box-shadow:none}
.public-header--compact .tabs__inner{width:auto;min-height:0;padding:0;flex-wrap:nowrap;justify-content:flex-end;gap:8px;overflow:visible}
.brand-header__slim-meta strong,.brand-header__slim-meta small{display:block}
.brand-header__slim-meta small{margin-top:3px;font-size:12px;font-weight:400;letter-spacing:0;color:#c1cbb8}
/* The menu shares the logo's row, aligned right (Adrian, 2026-10-26); under 900px it drops to a centred second row. */
@media(max-width:900px){.public-header--compact .brand-header__slim-row{grid-template-columns:1fr;gap:10px 16px}.public-header--compact .tabs{grid-column:1/-1;grid-row:2}.public-header--compact .tabs__inner{justify-content:center;padding-bottom:6px}}
@media(max-width:700px){.brand-header__slim-meta{display:block;font-size:clamp(10px,2.6vw,13px);letter-spacing:0;line-height:1.25}.brand-header__slim-meta small{font-size:clamp(10px,2.4vw,12px)}.public-header--compact .brand-header__wordmark{width:min(37vw,170px)}.public-header--compact .tabs__inner{flex-wrap:wrap;justify-content:center;padding:3px 0 8px;overflow:visible}/* Phones (2026-10-26): the menu wraps onto two rows instead of scrolling sideways. The scrolling strip clipped the open 'The million' and 'Members Area' menus and hid the last pills off-screen; wrapped, every pill and both menus are on screen, the same UI as desktop. Each menu opens toward the side of the row its pill is on so it stays inside the viewport. */.public-header--compact .tabs__million .tabs__members-menu{left:auto;right:0}.public-header--compact .tabs__members:not(.tabs__million) .tabs__members-menu{left:0;right:auto}.tabs__members-menu{max-width:calc(100vw - 40px)}}
.arena-echo-empty{padding:18px;border:1px dashed #b5c1ad;border-radius:14px;background:#f4f0e8;color:#3e4f3f}
.arena-echo-empty p{margin:0 0 10px;font-size:14px;line-height:1.6}
.arena-echo-empty p:last-child{margin-bottom:0}
/* Phase 0b (2026-10-19, Adrian): menu as 3D pill buttons on deep green, no icons */
.tabs{background:var(--green);border-bottom:1px solid #d6b25e55;box-shadow:0 8px 24px #0005}
.tabs__inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 12px;min-height:76px;padding-block:14px;overflow:visible}
.tabs a,.tabs__share{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin:0;padding:0 18px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;color:#f4f0e8;background:linear-gradient(180deg,#1b5c24 0%,#0b3d11 100%);border:1px solid #d6b25e66;border-bottom-color:#d6b25e66;box-shadow:0 3px 0 #031a06,0 7px 14px #0006,inset 0 1px 0 #ffffff2b;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease),background-color 120ms var(--ease)}
.tabs a:hover,.tabs__share:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 0 #031a06,0 10px 18px #0007,inset 0 1px 0 #ffffff2b}
.tabs a:active,.tabs__share:active{transform:translateY(2px);box-shadow:0 1px 0 #031a06,0 3px 8px #0006,inset 0 1px 0 #ffffff2b}
.tabs a[aria-current]{color:#073209;background:linear-gradient(180deg,#efd48d 0%,#d6b25e 100%);border-color:#f3e0a8;box-shadow:0 3px 0 #8a6f2e,0 7px 14px #0006,inset 0 1px 0 #ffffff99}
.tabs a[aria-current]:hover{color:#073209;box-shadow:0 4px 0 #8a6f2e,0 10px 18px #0007,inset 0 1px 0 #ffffff99}
.tabs__share{background:#0b3f0f;border-color:#d6b25e99}
.tabs__share span{margin-left:0;color:#e9c775}
.tabs a:focus-visible,.tabs__share:focus-visible{outline:3px solid #e9c775;outline-offset:3px}
@media(max-width:700px){.tabs__inner{flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-height:0;padding:10px 20px;overflow-x:auto;scrollbar-width:none}.tabs a,.tabs__share{min-height:40px;padding:0 14px}.tabs__share{margin-left:0}}
.adisaan-companion{transition:opacity 220ms var(--ease),transform 220ms var(--ease)}
.js:not(.avatar-arrived) .brand-header--building~.adisaan-companion:not(.is-gate-guide):not(.is-join-guide){opacity:0;visibility:hidden;pointer-events:none}
.js .brand-header--building~.adisaan-companion:not(.is-gate-guide):not(.is-join-guide){transition:none}
/* Menu over the hero: transparent on the first screen so the map shows through, solid once it sticks */
.brand-header--building~.tabs{margin-top:calc(-1 * var(--tabs-h,76px));transition:background-color 220ms var(--ease),box-shadow 220ms var(--ease),border-color 220ms var(--ease)}
.brand-header--building .hero__inner{padding-bottom:calc(var(--tabs-h,76px) + 8px)}
.is-first-screen .brand-header--building~.tabs{background:transparent;border-bottom-color:transparent;box-shadow:none}
/* Phase 0c (2026-10-19, Adrian): section 2 continues the hero — same map, glass cards, 3D pills, scroll reveal */
.build-intro.netflix-zone{background:#073209;border-top:0;padding:clamp(72px,9vw,120px) 0 clamp(64px,7vw,96px);overflow:hidden}
.build-intro.netflix-zone::before{opacity:.58;background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat;mix-blend-mode:screen}
.build-intro.netflix-zone::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#07320900 0%,#07320900 45%,#073209 100%),linear-gradient(90deg,#0422089e 0%,transparent 60%)}
.netflix-zone>.container{position:relative;z-index:1}
.zone-glow{position:absolute;z-index:0;top:-10vw;right:-8vw;width:min(60vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d6b25e3d 0%,#d6b25e14 38%,transparent 70%);filter:blur(12px);pointer-events:none;animation:hero-gold-breathe 6s ease-in-out infinite alternate}
.netflix-zone .netflix-header{display:block;margin-bottom:40px}
.netflix-zone .build-kicker{margin-bottom:18px}
.netflix-zone .netflix-header h2{font-size:clamp(38px,4.8vw,68px);line-height:1.04;letter-spacing:-.035em;max-width:14ch;margin:0}
.netflix-lede{font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:#d6e3cf;max-width:46ch;margin:16px 0 0}
.netflix-player-card,.netflix-question-card,.home-storyboard-podcast-card{background:#07320999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d6b25e55;border-radius:24px;box-shadow:0 24px 60px #00140466;transition:border-color 260ms var(--ease),box-shadow 260ms var(--ease),transform 260ms var(--ease)}
.netflix-player-card:hover,.netflix-question-card:hover,.home-storyboard-podcast-card:hover{border-color:#d6b25e99;box-shadow:0 32px 72px #00140488,0 0 0 1px #d6b25e22}
.netflix-player-bar{background:transparent;border-top:1px solid #d6b25e33;padding:18px 22px}
.netflix-question-card{padding:28px}
.netflix-question-card__tag{background:transparent;border:1px solid #d6b25e66;border-radius:999px;padding:5px 12px;margin-bottom:18px}
.netflix-question-card__prompt{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;border-left:0;padding-left:0;margin:0 0 16px}
.netflix-question-card__invite{margin-bottom:22px}
.netflix-btn,.netflix-question-card__actions .build-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;line-height:1;border:1px solid #d6b25e66;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.netflix-btn--gold,.netflix-question-card__actions .build-button{color:#073209;background:linear-gradient(180deg,#efd48d 0%,#d6b25e 100%);border-color:#f3e0a8;box-shadow:0 3px 0 #8a6f2e,0 7px 14px #0006,inset 0 1px 0 #ffffff99}
.netflix-btn--outline{color:#f4f0e8;background:linear-gradient(180deg,#1b5c24 0%,#0b3d11 100%);box-shadow:0 3px 0 #031a06,0 7px 14px #0006,inset 0 1px 0 #ffffff2b}
.netflix-btn:hover,.netflix-question-card__actions .build-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f3dc9a 0%,#ddbb68 100%)}
.netflix-btn--outline:hover{background:linear-gradient(180deg,#22692c 0%,#0f4a16 100%);border-color:#d6b25e}
.netflix-btn:active,.netflix-question-card__actions .build-button:active{transform:translateY(2px);box-shadow:0 1px 0 #8a6f2e,0 3px 8px #0006,inset 0 1px 0 #ffffff99}
.netflix-btn--outline:active{box-shadow:0 1px 0 #031a06,0 3px 8px #0006,inset 0 1px 0 #ffffff2b}
.netflix-question-card__actions .build-button{width:100%;min-height:50px}
.netflix-rail-wrap{margin-top:36px}
.netflix-rail-head{margin-bottom:16px}
.netflix-rail{gap:14px}
.netflix-ep-card{border-radius:18px;background:#07320980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #d6b25e40;padding:16px 18px;transition:border-color 220ms var(--ease),transform 220ms var(--ease),box-shadow 220ms var(--ease),background 220ms var(--ease)}
.netflix-ep-card:hover{transform:translateY(-4px);border-color:#d6b25e99;box-shadow:0 18px 36px #00140466;background:#0b3d1199}
.netflix-ep-card__top{flex-wrap:wrap}.netflix-ep-card__dur{white-space:nowrap}
.netflix-ep-card.is-active{border:1px solid #d6b25e;background:linear-gradient(160deg,#154d1dcc,#0b3611cc);box-shadow:0 0 0 1px #d6b25e55,0 18px 36px #00140466}
.home-storyboard-podcast-card{margin-top:36px;padding:clamp(24px,3vw,36px)}
.home-storyboard-podcast-card__grid{gap:32px}
.home-storyboard-podcast-card__left h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em;margin:12px 0 10px}
.home-podcast-mini{background:#05220799;border-color:#d6b25e40;border-radius:16px}
.home-storyboard-podcast-card__right h4{font-size:16px;font-weight:600;color:#e4e8d8;margin:12px 0 16px}
/* scroll reveal */
html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 700ms var(--ease),transform 700ms var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
html.js .reveal.is-in{opacity:1;transform:none}
@media(max-width:850px){.netflix-stage-grid{grid-template-columns:1fr}}
@media(max-width:700px){.build-intro.netflix-zone::before{background-size:auto 680px}.netflix-question-card{padding:22px}.netflix-player-bar{padding:16px 18px}.zone-glow{top:-20vw;right:-30vw;width:90vw}}
@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}.zone-glow{animation:none}.netflix-player-card,.netflix-question-card,.netflix-ep-card,.home-storyboard-podcast-card{transition:none}}
.home-fun-mode-link{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.home-fun-mode-link>div{min-width:0}
/* Phase 0d (2026-10-19, Adrian): Thought Journal on light #ebebeb with the brand map */
.journal-zone{position:relative;isolation:isolate;overflow:hidden;background:#ebebeb;color:#153318;border-top:1px solid #0732091f;border-bottom:1px solid #0732091f;padding:clamp(64px,8vw,104px) 0 clamp(56px,6vw,88px)}
.journal-zone::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat,url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat,url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat,url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat;mix-blend-mode:multiply;opacity:.9;filter:brightness(.42) sepia(1) hue-rotate(62deg) saturate(2.4)}
.journal-zone::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#ebebeb00 0%,#ebebeb00 40%,#ebebeb 100%)}
.journal-zone>.container{position:relative;z-index:1}
.journal-zone .build-eyebrow{color:#3e6842}
.journal-header{margin-bottom:40px}
.journal-header__main h2{color:#073209;font-size:clamp(32px,4vw,52px);letter-spacing:-.03em;line-height:1.08}
.journal-lead{color:#2f4431;font-size:16px;max-width:60ch}
.journal-lead strong{color:#073209}
.journal-zone .build-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.journal-zone .build-button--gold{color:#073209;background:linear-gradient(180deg,#efd48d 0%,#d6b25e 100%);border-color:#f3e0a8;box-shadow:0 3px 0 #8a6f2e,0 7px 14px #0003,inset 0 1px 0 #ffffff99}
.journal-zone .build-button--dark{color:#f4f0e8;background:linear-gradient(180deg,#1b5c24 0%,#0b3d11 100%);border-color:#d6b25e66;box-shadow:0 3px 0 #031a06,0 7px 14px #0003,inset 0 1px 0 #ffffff2b}
.journal-zone .build-button:hover{transform:translateY(-1px)}
.journal-zone .build-button:active{transform:translateY(2px);box-shadow:0 1px 0 #8a6f2e,inset 0 1px 0 #ffffff99}
.journal-zone .build-button--dark:active{box-shadow:0 1px 0 #031a06,inset 0 1px 0 #ffffff2b}
.journal-featured-card{background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d6b25e99;border-radius:24px;box-shadow:0 24px 60px #07320914}
.journal-badge--gold{background:linear-gradient(180deg,#efd48d,#d6b25e);color:#073209}
.journal-badge--dim{background:#0732090f;color:#2f4431}
.journal-featured-card__dur{color:#2f7a3a}
.journal-featured-card__headline h3{color:#073209;letter-spacing:-.02em}
.journal-featured-card__subtitle{color:#3f5541}
.journal-player-box{background:#f6f6f3;border:1px solid #d6b25e66}
.journal-player-box__title{color:#073209}
.journal-player-box__format{color:#5b6658}
.journal-perspective--human{background:#fbf8ef;border:1px solid #d6b25e88}
.journal-perspective--muse{background:#eef5ee;border:1px solid #3e684255}
.journal-perspective--human .journal-perspective__speaker{color:#8a6f2e}
.journal-perspective--muse .journal-perspective__speaker{color:#2f7a3a}
.journal-perspective__tag{background:#0732090f;color:#2f4431}
.journal-perspective__quote{color:#153318}
.journal-perspective--muse .journal-perspective__quote{border-left-color:#3e9a4e}
.journal-perspective__body{color:#3f5541}
.journal-featured-card__footer{background:#f6f6f3;border-top:1px solid #d6b25e55}
.journal-footer-q span{color:#8a6f2e}
.journal-footer-q strong{color:#073209}
.journal-archive-head h3{color:#073209}
.journal-archive-head p{color:#3f5541}
.journal-archive-card{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #07320914;box-shadow:0 12px 30px #0732090d;transition:transform 220ms var(--ease),box-shadow 220ms var(--ease),border-color 220ms var(--ease)}
.journal-archive-card:hover{transform:translateY(-3px);border-color:#d6b25e88;box-shadow:0 18px 40px #07320914}
.journal-archive-card h4{color:#073209}
.journal-archive-card__sub{color:#3f5541}
.journal-archive-card__dur{color:#2f7a3a}
.journal-archive-bubble--human{background:#fbf8ef;color:#153318}
.journal-archive-bubble--human small{color:#8a6f2e}
.journal-archive-bubble--muse{background:#eef5ee;color:#153318}
.journal-archive-bubble--muse small{color:#2f7a3a}
.journal-archive-card__link{color:#073209;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.journal-zone::before{background-size:auto 680px}}
/* Phase 0e (2026-10-19): homepage = hero + premiere stage + follow section */
.follow-zone .journal-header{margin-bottom:36px}
.follow-zone .journal-header__main h2{font-size:clamp(34px,4.6vw,60px)}
.follow-zone .journal-header__main h2 [data-followers]{color:#2f7a3a;font-variant-numeric:tabular-nums}
.follow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.follow-card{display:flex;flex-direction:column;gap:6px;min-height:150px;padding:20px 20px 18px;border-radius:20px;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #07320914;box-shadow:0 12px 30px #0732090d;color:#153318;text-decoration:none;transition:transform 220ms var(--ease),box-shadow 220ms var(--ease),border-color 220ms var(--ease)}
.follow-card:hover{transform:translateY(-4px);border-color:#d6b25e99;box-shadow:0 20px 44px #07320918}
.follow-card__platform{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3e6842}
.follow-card__handle{font-size:16px;line-height:1.3;color:#073209;overflow-wrap:anywhere}
.follow-card__count{font-size:14px;color:#3f5541;font-variant-numeric:tabular-nums}
.follow-card__cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;color:#073209;background:linear-gradient(180deg,#efd48d 0%,#d6b25e 100%);border:1px solid #f3e0a8;box-shadow:0 2px 0 #8a6f2e,0 5px 10px #0002,inset 0 1px 0 #ffffff99;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.follow-card:hover .follow-card__cta{transform:translateY(-1px)}
.follow-card:active .follow-card__cta{transform:translateY(1px);box-shadow:0 1px 0 #8a6f2e,inset 0 1px 0 #ffffff99}
.follow-note{margin:22px 0 0;font-size:14px;color:#5b6658;max-width:60ch}
.footer{padding-bottom:40px}
@media(max-width:700px){.follow-grid{grid-template-columns:1fr 1fr;gap:10px}.follow-card{min-height:0;padding:16px 14px}}
/* NTVAIO homepage (2026-10-19): one idea per screen, hero rules everywhere */
.screen{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:min(100svh,820px);padding:clamp(72px,10vw,128px) 0}
.screen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat}
.screen::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.screen--dark{background:#073209;color:#f4f0e8}
.screen--dark::before{opacity:.5;mix-blend-mode:screen}
.screen--dark::after{background:radial-gradient(ellipse 40% 50% at 80% 30%,#d6b25e2e,transparent 70%),linear-gradient(180deg,#07320900 0%,#07320900 55%,#073209 100%)}
.screen--light{background:#ebebeb;color:#153318}
.screen--light::before{background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat,url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat,url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat,url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto calc(100svh - 48px) no-repeat;mix-blend-mode:multiply;opacity:.9;filter:brightness(.42) sepia(1) hue-rotate(62deg) saturate(2.4)}
.screen--light::after{background:linear-gradient(180deg,#ebebeb00 0%,#ebebeb00 45%,#ebebeb 100%)}
.screen__inner{position:relative;z-index:1;max-width:760px}
.screen__beat{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.screen--dark .screen__beat{color:#e9c775}
.screen--light .screen__beat{color:#3e6842}
.screen__title{font-size:clamp(34px,5vw,66px);line-height:1.04;letter-spacing:-.035em;margin:0 0 20px;max-width:16ch}
.screen--dark .screen__title{color:#f4f0e8;text-shadow:0 2px 18px #021d08bb}
.screen--light .screen__title{color:#073209}
.screen__line{font-size:clamp(17px,1.4vw,21px);line-height:1.6;margin:0;max-width:46ch}
.screen--dark .screen__line{color:#d6e3cf}
.screen--light .screen__line{color:#2f4431}
.screen__element{margin-top:34px}
.screen--video .screen__inner{max-width:980px}
.screen__video{display:block;width:100%;aspect-ratio:16/9;background:#021503;border-radius:20px;border:1px solid #d6b25e99;box-shadow:0 24px 60px #07320926;object-fit:contain}
.screen__caption{margin:12px 0 0;font-size:14px;color:#5b6658}
.screen--dark .screen__caption{color:#b9c9b3}
.screen__pills{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 0;padding:0}
.screen__pills li{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;font-size:16px;font-weight:600;color:#f4f0e8;background:linear-gradient(180deg,#1b5c24 0%,#0b3d11 100%);border:1px solid #d6b25e66;box-shadow:0 3px 0 #031a06,0 7px 14px #0006,inset 0 1px 0 #ffffff2b}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.pill--gold{color:#073209;background:linear-gradient(180deg,#efd48d 0%,#d6b25e 100%);border-color:#f3e0a8;box-shadow:0 3px 0 #8a6f2e,0 7px 14px #0003,inset 0 1px 0 #ffffff99}
.pill--gold:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f3dc9a 0%,#ddbb68 100%)}
.pill--gold:active{transform:translateY(2px);box-shadow:0 1px 0 #8a6f2e,inset 0 1px 0 #ffffff99}
.screen__count{margin:0;font-size:clamp(20px,2vw,26px);color:#d6e3cf}
.screen__count span{display:block;font-size:clamp(56px,8vw,110px);font-weight:700;line-height:1;letter-spacing:-.04em;color:#e9c775;font-variant-numeric:tabular-nums;margin-bottom:6px}
.screen--follow .screen__inner{max-width:none}
.screen--follow .screen__title,.screen--follow .screen__line{max-width:20ch}
.screen--follow .screen__line{max-width:46ch}
@media(max-width:700px){.screen{min-height:0;padding:64px 0}.screen::before{background-size:auto 680px}.screen--light::before{background-size:auto 680px}.screen__title{font-size:clamp(30px,8.6vw,38px)}.screen__count span{font-size:56px}}
@media(prefers-reduced-motion:reduce){.pill,.screen__pills li{transition:none}}
/* Mobile hero order (Adrian, 2026-10-19): title, line, button, then the avatar below */
@media(max-width:700px){
.brand-header.brand-header--building .hero{height:auto;min-height:700px}
.brand-header--building .hero__inner{height:auto;align-items:flex-start;justify-content:center;padding:32px 0 calc(320px + var(--tabs-h,60px) - 20px)}
.brand-header--building .hero__copy{width:min(100%,320px);margin:0 auto;padding-block:0;text-align:center}
.brand-header--building .hero__brandline .hero__logo{margin-inline:auto}
.hero__avatar{top:auto;bottom:calc(var(--tabs-h,60px) - 28px);left:50%;right:auto;transform:translateX(-50%);height:320px}
.hero__gold-lines{top:auto;bottom:0;height:420px}
}

/* Phase 1 (2026-10-19): the five-screen homepage. Flat surfaces: one tone step apart,
   no gradients, no shadows at rest, no outlined boxes, no eyebrow labels, no emoji. */
.hero__lead{font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.25;color:#f4f0e8;margin:0 0 14px;max-width:22ch}
.brand-header--building .hero__support .hero__intro{font-size:18px;line-height:1.55;color:#d6e3cf;max-width:40ch;margin:0}
.brand-header--building .hero__support .hero__actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;margin-top:26px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--gold);color:var(--green);font-size:16px;font-weight:700;line-height:1;text-decoration:none;border:0;cursor:pointer;transition:background-color 160ms var(--ease)}
.btn-primary:hover{background:#e2c174}
.hero__follow{color:#f4f0e8;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:6px}
.hero__lang{color:#d6e3cf;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:6px}
.game-levels-zone{border-top:0}
.game-levels-zone .game-level-card.is-active{box-shadow:none}
.home-section{padding:clamp(72px,9vw,120px) 0}
.home-section h1,.home-section h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;max-width:18ch}
.home-lead{font-size:18px;line-height:1.6;max-width:52ch;margin:0 0 28px}
.home-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.home-section--dark{background:var(--green);color:#f4f0e8}
.home-section--dark h2{color:#f4f0e8}
.home-section--dark .home-lead{color:#d6e3cf}
.home-section--light{background:var(--cream);color:var(--ink)}
.home-section--light h1,.home-section--light h2{color:var(--green)}
.home-section--paper{background:var(--paper);color:var(--ink)}
.home-section--paper h2{color:var(--green)}
.home-status{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--green)}
.home-error{margin:0;font-size:16px;font-weight:600;color:#8a2a1f}
.home-episode{padding-top:48px}
.home-episode__video{display:block;width:100%;max-width:960px;aspect-ratio:16/9;background:#021503;border-radius:12px;object-fit:contain}
.home-episode__caption{margin:14px 0 0;font-size:16px;line-height:1.6;color:#d6e3cf}
.home-answers__list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.home-answers__grid{display:grid;gap:40px 56px}
@media(min-width:901px){.home-answers__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}
.home-answer{background:#fff;border-radius:12px;padding:22px 24px}
.home-answer__body{font-size:18px;line-height:1.6;margin:0 0 12px;max-width:60ch;overflow-wrap:anywhere}
.home-answer__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:16px;color:var(--muted)}
.home-answer__vote{margin:0}
.home-answer__vote-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--paper);color:var(--green);border-radius:999px;min-height:36px;padding:0 14px;font-size:14px;font-weight:600;cursor:pointer}
.home-answer__vote-btn.is-voted{background:var(--gold)}
.home-answers__empty{font-size:18px;line-height:1.6;margin:0 0 20px;max-width:52ch}
.home-answers__add{margin:0;font-size:18px}
.home-who__text{font-size:18px;line-height:1.65;max-width:58ch;margin:0}
.home-who__photo{margin:32px 0 0;max-width:640px}
.home-who__photo img{display:block;width:100%;height:auto;border-radius:12px}
.home-who__photo figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.home-journey__count{font-size:20px;font-weight:600;line-height:1.35;max-width:34ch;margin:0 0 10px;color:#f4f0e8}
.home-journey__count strong{display:block;font-size:clamp(48px,5.4vw,80px);font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#e9c775;margin-bottom:8px}
.home-journey__next{font-size:18px;color:#d6e3cf;margin:0 0 32px}
.home-journey__list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-width:760px}
.home-journey__list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 20px;padding:14px 18px;border-radius:10px;background:#0b3f0f}
.home-journey__who{display:flex;flex-direction:column;min-width:0}
.home-journey__platform{font-size:14px;color:#d6e3cf}
.home-journey__handle{font-size:18px;font-weight:600;color:#f4f0e8;overflow-wrap:anywhere}
.home-journey__n{font-size:16px;color:#d6e3cf;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.home-journey__follow{color:#e9c775;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.home-journey__note{margin:24px 0 0;font-size:16px;line-height:1.6;color:#d6e3cf;max-width:60ch}
.home-join__form{display:flex;flex-direction:column;gap:14px;max-width:560px}
.home-join__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:center;gap:clamp(32px,6vw,96px)}
.home-join__content{min-width:0}
.home-join__conversation{min-width:0;min-height:340px;display:flex;align-items:center;justify-content:center}
.adisaan-companion.is-join-guide{position:relative;inset:auto;z-index:2;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0 16px;width:100%;max-width:none;padding:24px;border:1px solid #d6b25e;border-radius:26px;background:linear-gradient(145deg,#0b3914,#052a0b);box-shadow:0 18px 48px #07320930,0 0 30px #d6b25e35;pointer-events:auto}
.is-join-guide .adisaan-companion-face{width:64px;height:64px;animation:none}
.is-join-guide .adisaan-thought{display:none}
.is-join-guide .adisaan-native-chat{position:static;grid-column:1/-1;grid-row:1;width:100%;max-width:none;max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.adisaan-chat-heading{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.adisaan-chat-heading__copy{min-width:0}
.adisaan-chat-heading h2{margin:0;color:#f4f0e8;font-size:22px}
.adisaan-chat-heading__copy p{margin:5px 0 0;color:#d6b25e;font-size:14px;line-height:1.35}
.home-living-map .home-join .is-join-guide .adisaan-chat-heading h2{color:#f4f0e8;font-size:clamp(26px,2.6vw,34px);line-height:1.15}
.adisaan-native-chat #ask-muse>p:first-child{display:none}
.adisaan-native-chat #ask-muse>h2,.adisaan-native-chat #ask-muse>p:nth-of-type(2){display:none}
.adisaan-native-chat #muse-public-chat>label[for="muse-public-consent"]{max-height:420px;overflow:hidden;transition:max-height .36s ease,opacity .2s ease,margin-top .36s ease;opacity:1}
.adisaan-native-chat.is-muse-consented #muse-public-chat>label[for="muse-public-consent"]{max-height:0;margin-top:0;opacity:0;pointer-events:none}
.adisaan-native-chat .adisaan-consent-edit{display:none;margin:10px 0 0;padding:0;border:0;background:none;color:#d6b25e;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.adisaan-native-chat.is-muse-consented .adisaan-consent-edit{display:inline-block}
.adisaan-native-chat.is-muse-consented #muse-public-form{animation:adisaan-field-drop .58s cubic-bezier(.2,.75,.2,1) both;transform-origin:left center}
.adisaan-native-chat.is-muse-consented #muse-public-send{animation:adisaan-arrow-drop .58s cubic-bezier(.2,.75,.2,1) both}
@keyframes adisaan-field-drop{0%{transform:translateY(-8px) rotate(0)}48%{transform:translateY(7px) rotate(3deg)}76%{transform:translateY(-2px) rotate(-.7deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes adisaan-arrow-drop{0%{transform:translateY(-5px)}48%{transform:translateY(7px)}76%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.adisaan-native-chat #muse-public-chat>label[for="muse-public-consent"]{transition:none}.adisaan-native-chat.is-muse-consented #muse-public-form,.adisaan-native-chat.is-muse-consented #muse-public-send{animation:none}}
.adisaan-native-chat #muse-public-chat>p:last-child{text-align:center;white-space:pre-line}
.is-join-guide .adisaan-chat-close{top:16px;right:18px}
.is-join-guide .adisaan-native-chat #ask-muse{margin:0}
.is-join-guide .adisaan-native-chat #muse-public-messages{max-height:220px}
.is-join-guide .adisaan-native-chat #muse-public-input{font-size:16px}
.companion-dock-flight{position:fixed;z-index:80;display:block;box-sizing:border-box;object-fit:cover;object-position:center 30%;border:2px solid #d6b25e;border-radius:50%;background:#073209;box-shadow:0 8px 30px #07320955;pointer-events:none;transform-origin:top left}
@media(max-width:800px){.home-join__grid{grid-template-columns:1fr}.home-join__conversation{min-height:0}.adisaan-companion.is-join-guide{max-width:540px}}
.home-join__label{font-size:16px;font-weight:600;color:var(--ink)}
.home-join__row{display:flex;flex-wrap:wrap;gap:12px}
.home-join__row input{flex:1 1 240px;min-height:52px;padding:0 16px;border:1px solid #c9d1c4;border-radius:999px;background:#fff;color:var(--ink);font-size:16px}
.home-join__row input::placeholder{color:#526352}
.home-join__consent{margin:4px 0 0;font-size:16px;color:var(--ink)}
.home-join__consent a{color:var(--green)}
.journal-entry{margin-top:56px;max-width:860px}
.journal-entry h2{font-size:clamp(26px,2.6vw,34px);max-width:24ch}
.journal-entry__when{margin:0 0 6px;font-size:16px;color:var(--muted)}
.journal-entry__sub{font-size:18px;line-height:1.6;max-width:60ch;margin:0 0 24px}
.journal-entry__duet{display:grid;gap:14px}
.journal-entry__voice{padding:22px 24px;border-radius:12px}
.journal-entry__voice--human{background:#fbf8ef}
.journal-entry__voice--muse{background:#e6efe6}
.journal-entry__voice h3{margin:0 0 10px;font-size:16px;color:var(--green)}
.journal-entry__voice blockquote{margin:0 0 12px;font-size:18px;line-height:1.55;color:var(--green)}
.journal-entry__voice p{margin:0;font-size:16px;line-height:1.6;color:#2f4431}
.journal-entry__audio{margin-top:20px}
.journal-entry__audio p{margin:0 0 8px;font-size:16px;color:var(--muted)}
.journal-entry__audio audio{width:100%;max-width:560px}
.journal-entry__question{margin:20px 0 0;font-size:18px;line-height:1.6;max-width:60ch}
.netflix-header .netflix-h1{margin:0 0 12px;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.03em;color:#f4f0e8}
@media(min-width:701px){.journal-entry__duet{grid-template-columns:1fr 1fr}}
.brand-header--building .utility{border-bottom:0}
@media(max-width:700px){.home-section{padding:56px 0}.home-episode{padding-top:36px}.home-section h1,.home-section h2{font-size:clamp(28px,7.4vw,34px)}.home-journey__list li{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.home-journey__n{grid-column:1;text-align:left}.home-journey__follow{grid-column:2;grid-row:1/3;align-self:center}.hero__lead{max-width:none}}

/* One-field answer form, /answer and /answer/received (2026-10-20, plan section 12 item 1) */
.answer-page__grid{display:grid;gap:40px 56px}
@media(min-width:901px){.answer-page__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}
.answer-page h1{font-size:clamp(40px,6.4vw,96px);line-height:1;letter-spacing:-.035em;margin:0 0 36px;max-width:14ch;color:#f4f0e8}
.received-page h1{font-size:clamp(40px,6.4vw,96px);line-height:1;letter-spacing:-.035em;margin:0 0 24px;max-width:14ch;color:#f4f0e8}
.answer-page .home-lead,.received-page .home-lead{color:#d6e3cf}
.answer-page__episode,.received-page__links{margin:0;font-size:18px;color:#f4f0e8}
.one-form{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:16px;background:#0b3f0f;color:#f4f0e8}
.one-form__label{font-size:16px;font-weight:600;color:#f4f0e8}
.one-form textarea{width:100%;min-height:170px;padding:16px;border:0;border-radius:12px;background:#fff;color:var(--ink);font-size:18px;line-height:1.55;resize:vertical}
.one-form input[type=text],.one-form input[type=email]{width:100%;min-height:52px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-size:16px}
.one-form textarea::placeholder,.one-form input::placeholder{color:#526352}
.one-form__hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:-6px 0 0;font-size:14px;color:#d6e3cf}
.one-form__switch{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}
@media(min-width:560px){.one-form__switch{grid-template-columns:1fr 1fr}}
.one-form__option{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#073209;color:#f4f0e8;cursor:pointer}
.one-form__option.is-selected{background:var(--cream);color:var(--ink)}
.one-form__option input{margin:4px 0 0;flex-shrink:0;accent-color:var(--green)}
.one-form__option strong{display:block;font-size:16px;line-height:1.3}
.one-form__option small{display:block;margin-top:4px;font-size:14px;line-height:1.5}
.one-form__send{align-self:flex-start}
.one-form__note{margin:0;font-size:14px;line-height:1.6;color:#d6e3cf}
.one-form__note a{color:#e9c775}
.one-form__errors{margin:0;padding:12px 16px;border-radius:12px;background:#fbf8ef;color:#8a2a1f;font-size:16px}
.one-form .honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.answer-page__others-title{margin-top:48px}
.answer-page__others{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:760px}
.answer-page__others li{padding:14px 18px;border-radius:10px;background:#fff}
.answer-page__others a{color:var(--green);font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.answer-page__others span{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
@media(max-width:700px){.one-form{padding:18px}.one-form textarea{min-height:140px}}

/* /million "Where we are" game block (2026-10-20): flat lists and rows on the dark section; replaces the .game-* cards above, which no view uses any more. */
.million-game__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px 64px;align-items:start;margin-bottom:56px}
.million-game__level{font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#e9c775;margin:0 0 16px}
.million-game__next{font-size:18px;line-height:1.5;color:#f4f0e8;margin:0 0 16px;max-width:34ch}
.million-game__note{font-size:16px;line-height:1.6;color:#d6e3cf;margin:0;max-width:40ch}
.million-game__levels,.million-game__quests{list-style:none;margin:0;padding:0}
.million-game__levels li,.million-game__quests li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:6px 24px;align-items:start;padding:20px 0;border-top:1px solid #2a5a2e}
.million-game__levels li:last-child{border-bottom:1px solid #2a5a2e}
.million-game__quests li{grid-template-columns:172px minmax(0,1fr) auto}
.million-game__quests li:last-child{border-bottom:1px solid #2a5a2e}
.million-game__target,.million-game__step{font-size:16px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums;color:#e9c775}
.million-game__copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.million-game__copy strong{font-size:18px;line-height:1.4;color:#f4f0e8}
.million-game__copy span{font-size:16px;line-height:1.6;color:#d6e3cf}
.million-game__state{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#d6e3cf;white-space:nowrap;padding-top:2px}
.million-game__levels li.is-current .million-game__state{color:#e9c775}
.million-game__levels li.is-reached .million-game__state{color:#f4f0e8}
.million-game__quests-heading{font-size:24px;line-height:1.3;color:#f4f0e8;margin:0 0 8px}
.million-game__link{color:#e9c775;font-size:16px;white-space:nowrap;align-self:center}
@media(max-width:850px){.million-game__grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.million-game__levels li,.million-game__quests li{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}.million-game__target,.million-game__step{grid-column:1/-1}.million-game__copy{grid-column:1}.million-game__state{grid-column:2;grid-row:2}.million-game__quests li{grid-template-columns:minmax(0,1fr)}.million-game__link{grid-column:1;grid-row:3;justify-self:start;white-space:normal;margin-top:6px}}

/* 2026-10-20 hero edits (Adrian): the follower count and its date stack on two lines, right-aligned. */
.utility__count{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;text-align:right}.utility__count small{font-size:14px;font-weight:500;color:#ded8c6}

/* 2026-10-20 (Adrian): the question of the day as a thought bubble under the intro line. Flat cream surface, no shadow. */
.hero__thought{position:relative;display:block;max-width:40ch;margin:20px auto 0;padding:16px 22px 18px;border-radius:22px;background:#f4f0e8;color:#073209;text-decoration:none;text-align:center;transition:background-color 160ms var(--ease)}
.hero__thought:hover,.hero__thought:focus-visible{background:#fffdf8}
.hero__thought::before,.hero__thought::after{content:"";position:absolute;border-radius:50%;background:inherit}
.hero__thought::before{width:16px;height:16px;right:22px;bottom:-12px}
.hero__thought::after{width:9px;height:9px;right:8px;bottom:-24px}
.hero__thought-label{display:block;font-size:14px;font-weight:600;color:#526352;margin-bottom:6px}
.hero__thought-text{display:block;font-size:clamp(19px,1.7vw,23px);font-weight:600;line-height:1.3}
.brand-header--building .hero__support .hero__actions-row{margin-top:36px}
@media(max-width:700px){.hero__thought{max-width:none;padding:14px 18px 16px}.hero__thought::before{right:auto;left:calc(50% + 40px)}.hero__thought::after{right:auto;left:calc(50% + 60px)}}

/* 2026-10-20: the question loop block (website plan, section 13). One tone step above the dark section, flat, no shadow. */
.qloop{margin-top:32px;padding:24px 26px 26px;border-radius:20px;background:#0d3d14;color:#f4f0e8;max-width:720px}
.qloop__title{font-size:22px;font-weight:700;margin:0 0 6px;color:#f4f0e8}
.qloop__question{font-size:19px;font-weight:600;line-height:1.35;margin:0 0 14px;color:#e9c775}
.qloop__sealed,.qloop__rule,.qloop__meta,.qloop__none{font-size:16px;line-height:1.55;color:#d6e3cf;margin:0 0 12px}
.qloop__none{margin:0}
.qloop__hash{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0 0 14px;font-size:14px;color:#d6e3cf}
.qloop__hash code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#f4f0e8;background:#073209;padding:4px 8px;border-radius:8px;overflow-wrap:anywhere}
.qloop__conditions{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.qloop__conditions li{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:#073209}
.qloop__conditions strong{font-size:17px;font-weight:700;color:#f4f0e8}
.qloop__conditions span{font-size:15px;color:#d6e3cf}
.qloop__video{display:block;width:100%;max-width:640px;aspect-ratio:16/9;background:#041b07;border-radius:12px;margin:0 0 14px}
.qloop__meta:last-child{margin-bottom:0}
@media(max-width:700px){.qloop{padding:20px 18px 22px;border-radius:16px}}
/* The breathing answer (2026-10-20, plan section 16): same flat .qloop surface, one tone step. No gradients, no shadows, 14px+. */
.qloop--breath{margin-top:16px}
.breath__version{font-size:15px;color:#b9cbb2;margin:0 0 10px}
.breath__body{font-size:18px;line-height:1.6;color:#f4f0e8;margin:0 0 16px;max-width:62ch}
.breath__circles{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.breath__circles li{display:flex;align-items:baseline;gap:6px;font-size:15px;color:#d6e3cf}
.breath__circles strong{font-size:17px;font-weight:700;color:#f4f0e8}
.breath__themes span{color:#e9c775;font-weight:600}
.breath__history{margin:0 0 12px;padding-top:12px;border-top:1px solid #1d5226}
.breath__history summary{cursor:pointer;font-size:15px;font-weight:600;color:#e9c775}
.breath__history ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.breath__history li{padding:12px 14px;border-radius:12px;background:#073209}
.breath__history li p{margin:0 0 6px;font-size:15px;line-height:1.55;color:#d6e3cf}
.breath__history li p:last-child{margin:0}
.breath__history .breath__when{font-size:14px;color:#b9cbb2}
.breath__rule{font-size:14px;color:#b9cbb2}
@media(max-width:700px){.breath__body{font-size:17px}.breath__circles{display:grid;gap:6px}}

/* SEO audit 2026-10-20: reveal delays come from nth-child, not inline style attributes. */
.home-answers__grid>.reveal+.reveal{--i:1}
li.reveal:nth-child(5n+1){--i:1}li.reveal:nth-child(5n+2){--i:2}li.reveal:nth-child(5n+3){--i:3}li.reveal:nth-child(5n+4){--i:4}li.reveal:nth-child(5n+5){--i:5}
/* Questions people ask: definition list, flat, h3 per question. */
.home-faq__list{margin:28px 0 0;display:grid;gap:22px;max-width:720px}
.home-faq__item h3{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 6px;color:#073209}
.home-faq__item p{margin:0;font-size:17px;line-height:1.6;color:#2f4a2f}

/* Map fields (2026-10-20): optional place and age on the one-field form, the place next to an answer,
   and the first map view on /million (answers per country, a plain list). Flat, no gradients, no shadows. */
.one-form__row{display:grid;gap:14px}
@media(min-width:560px){.one-form__row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
.one-form__row>div{display:flex;flex-direction:column;gap:14px;min-width:0}
.one-form__place{display:grid;gap:10px}
@media(min-width:560px){.one-form__place{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.one-form select{width:100%;min-height:52px;padding:0 44px 0 16px;border:0;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23073209' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 18px center;color:var(--ink);font-size:16px;line-height:1.3;appearance:none;-webkit-appearance:none;cursor:pointer}
.one-form__hint--block{display:block;margin-top:-4px}
.million-map{background:var(--cream);color:var(--ink)}
.million-map h2{margin-bottom:12px}
.million-map .home-lead{margin-bottom:32px}
.million-map__list{list-style:none;margin:0 0 20px;padding:0;max-width:560px}
.million-map__list li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:14px 0;border-top:1px solid var(--line);font-size:18px;line-height:1.5}
.million-map__list li:last-child{border-bottom:1px solid var(--line)}
.million-map__count{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.million-map__note,.million-map__empty{font-size:16px;line-height:1.6;color:var(--muted);margin:0;max-width:52ch}
.million-map__empty{font-size:18px;color:var(--ink);margin-bottom:12px}

/* About page & The Hero's Journey (2026-10-22) */
.about-hero{background:var(--green);color:#f4f0e8;padding:clamp(60px,8vw,96px) 0 48px}
.about-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.025em;color:#f4f0e8;margin:0 0 20px;max-width:20ch}
.about-hero .home-lead{color:#d6e3cf;max-width:64ch;font-size:19px;line-height:1.6}
.about-quote-box{margin:36px 0 0;padding:26px 30px;border-radius:20px;background:#0d3d14;border:1px solid #d6b25e66;max-width:760px}
.about-quote-box blockquote{margin:0 0 12px;font-size:18px;line-height:1.6;color:#f4f0e8;font-style:italic}
.about-quote-box cite{display:block;font-size:14px;font-style:normal;color:#e9c775;font-weight:600}

.about-stages{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:24px}
.about-stage{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;padding:32px;background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:0 4px 20px rgba(7,50,9,.04);transition:transform .2s ease,border-color .2s ease}
.about-stage:hover{transform:translateY(-2px);border-color:#d6b25e}
.about-stage__num{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--green);color:#e9c775;font-weight:800;font-size:22px;flex-shrink:0}
.about-stage__content h3{font-size:22px;color:var(--green);margin:0 0 10px;line-height:1.3}
.about-stage__content p{font-size:16px;line-height:1.65;color:var(--ink);margin:0 0 12px;max-width:68ch}
.about-stage__takeaway{display:inline-block;padding:6px 14px;border-radius:999px;background:#07320912;color:var(--green);font-size:14px;font-weight:600}

.about-tipping-box{margin:20px 0;padding:36px 32px;border-radius:24px;background:radial-gradient(ellipse at 80% 20%,#d6b25e22,transparent 60%),#073209;border:1px solid #d6b25e88;color:#f4f0e8}
.about-tipping-box h2{color:#e9c775;font-size:clamp(24px,3vw,34px);margin:0 0 16px}
.about-tipping-box p{color:#d6e3cf;font-size:17px;line-height:1.65;max-width:70ch;margin:0 0 16px}
.about-tipping-box p:last-child{margin:0}

.about-partner-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:center;padding:32px;background:#fff;border-radius:20px;border:2px solid #d6b25e66;margin:40px 0}
.about-partner-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center 20%;border:3px solid #d6b25e}
.about-partner-card h3{font-size:24px;color:var(--green);margin:0 0 8px}
.about-partner-card p{font-size:16px;line-height:1.6;color:var(--ink);margin:0}

@media(max-width:700px){
    .about-stage{grid-template-columns:1fr;gap:16px;padding:24px 20px}
    .about-stage__num{width:46px;height:46px;font-size:18px}
    .about-partner-card{grid-template-columns:1fr;text-align:center;justify-items:center;padding:24px 20px}
    .about-quote-box{padding:20px}
}

/* Circadian Wave Tribe Cards (Manifesto 2026-10-22) */
.circadian-grid{display:grid;gap:20px;margin:32px 0}
@media(min-width:640px){.circadian-grid{grid-template-columns:repeat(2,1fr)}}
.circadian-card{padding:24px;border-radius:18px;background:#0d3d14;border:1px solid rgba(214,178,94,.4);color:#f4f0e8;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.circadian-card:hover{transform:translateY(-2px);border-color:#d6b25e}
.circadian-card__time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;color:#e9c775;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.circadian-card__title{font-size:19px;font-weight:700;color:#f4f0e8;margin:0 0 8px}
.circadian-card__desc{font-size:15px;line-height:1.6;color:#d6e3cf;margin:0}

/* Homepage: the #TBWIM intro and current question share the map backdrop. */
/* The fixed film introduces the format; the current question stays live below it. */
.home-episode{position:relative;isolation:isolate;overflow:hidden;padding:clamp(88px,9vw,132px) 0;background:#073209;text-align:center}
.home-episode::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('/assets/adisaan/site/aiohm-world-map.webp');background-position:center top;background-size:auto max(720px,100svh);background-repeat:repeat-y;opacity:.48;mix-blend-mode:screen}
.home-episode>.container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.home-episode__eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;color:#e9c775;margin:0 0 20px}
.home-episode.home-section h2{max-width:20ch;margin:0 auto 36px;font-size:clamp(36px,4.8vw,64px);line-height:1.06;text-align:center}
.home-episode__video{width:min(100%,860px);max-width:none;aspect-ratio:16/9;margin-inline:auto;border:1px solid #d6b25e66;border-radius:18px;box-shadow:0 28px 56px #001b0655}
.home-episode__caption{margin:16px auto 0;text-align:center}
.home-episode__daily{width:min(100%,760px);margin-top:clamp(48px,6vw,80px);padding-top:34px;border-top:1px solid #d6b25e88;text-align:center}
.home-episode__daily>p{margin:0 auto 12px;font-size:14px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#e9c775}
.home-episode__daily h3{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.025em;color:#f4f0e8;max-width:23ch;margin:0 auto 28px}
.home-episode__daily .btn-primary{gap:10px}
.home-episode .qloop{width:min(100%,720px);margin-inline:auto;text-align:center}
.home-episode .qloop__hash,.home-episode .breath__circles{justify-content:center}
.home-episode .breath__body{margin-inline:auto}
@media(max-width:700px){.home-episode{padding:72px 0}.home-episode.home-section h2{font-size:clamp(34px,9vw,48px);margin-bottom:28px}.home-episode__eyebrow{font-size:11px;line-height:1.6}.home-episode__video{border-radius:12px}.home-episode__daily{margin-top:48px}}

/* Homepage: let the menu breathe, then carry the hero avatar into Muse's corner button. */
.brand-header--building~.tabs .tabs__inner{padding-bottom:46px}
.hero-avatar-flight{position:fixed;z-index:39;overflow:hidden;pointer-events:none;transform-origin:top left;will-change:transform,opacity}
.hero-avatar-flight[hidden]{display:none}
.hero-avatar-flight img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill}
.hero-avatar-flight__full{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
.hero-avatar-flight__face{object-fit:cover!important;object-position:center 30%;border-radius:50%}
@media(max-width:700px){.brand-header--building~.tabs .tabs__inner{padding-bottom:34px}}

/* Balance the wordmark/tagline/return stack and overlap BACK with the gold plan badge. */
.brand-header--building .hero__return-line{margin-top:-12px}
.hero__back{position:relative;display:inline-block}
.hero__plan{position:absolute;right:-3px;bottom:-8px;z-index:1;display:block;padding:7px 12px 8px;border-radius:999px;background:#d6b25e;color:#073209;font-family:Montserrat,Arial,sans-serif;font-size:clamp(12px,1.25vw,16px);font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;opacity:0;transform:rotate(-3deg) scale(.08);transform-origin:100% 50%;box-shadow:0 3px 0 #073209;text-decoration:none;cursor:pointer}
.hero__plan:hover{color:#073209;text-decoration:none;filter:brightness(1.08)}
.hero__plan.is-revealed{opacity:1;transform:rotate(-3deg) scale(1);animation:hero-plan-pop 1050ms ease-out both}
@keyframes hero-plan-pop{0%{opacity:0;transform:rotate(-3deg) scale(.08)}12%{opacity:1;transform:rotate(-3deg) scale(.16)}47%{opacity:1;transform:rotate(-3deg) scale(1.62)}68%{transform:rotate(-3deg) scale(.83)}83%{transform:rotate(-3deg) scale(1.12)}93%{transform:rotate(-3deg) scale(.96)}100%{opacity:1;transform:rotate(-3deg) scale(1)}}
@media(max-width:700px){.brand-header--building .hero__return-line{margin: -6px auto 0}.hero__plan{right:-2px;bottom:-6px;padding:6px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero__plan.is-revealed{animation:none}}

/* Manifesto: the homepage map scene across the header, sections, and footer. */
.manifesto-page .brand-header--slim,.manifesto-page .tabs,.manifesto-page .footer,.manifesto-page .about-hero,.manifesto-page .home-section{position:relative;isolation:isolate;overflow:hidden}
.manifesto-page .public-header--compact .brand-header--slim,.manifesto-page .public-header--compact .tabs{overflow:visible}
.manifesto-page .brand-header--slim::before,.manifesto-page .tabs::before,.manifesto-page .footer::before,.manifesto-page .about-hero::before,.manifesto-page .home-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto max(650px,100svh) no-repeat}
.manifesto-page .brand-header--slim,.manifesto-page .tabs,.manifesto-page .footer,.manifesto-page .about-hero,.manifesto-page .home-section--dark{background:#073209}
.manifesto-page .brand-header--slim::before,.manifesto-page .tabs::before,.manifesto-page .footer::before,.manifesto-page .about-hero::before,.manifesto-page .home-section--dark::before{opacity:.56;mix-blend-mode:screen}
.manifesto-page .home-section--light,.manifesto-page .home-section--paper{background:#ebebeb}
.manifesto-page .home-section--light::before,.manifesto-page .home-section--paper::before{opacity:.38;mix-blend-mode:multiply;filter:brightness(.45) sepia(1) hue-rotate(62deg) saturate(2.4)}
.manifesto-page .brand-header--slim>.container,.manifesto-page .tabs>.container,.manifesto-page .footer>.container,.manifesto-page .about-hero>.container,.manifesto-page .home-section>.container{position:relative;z-index:1}
.manifesto-page .about-hero{padding:clamp(80px,10vw,144px) 0 clamp(72px,8vw,112px)}
.about-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(40px,7vw,112px)}
.manifesto-page .about-hero .eyebrow{color:#e9c775}
.manifesto-page .about-hero h1{font-size:clamp(48px,6.5vw,104px);line-height:1.02;letter-spacing:-.055em;max-width:12ch;margin:0 0 32px;text-shadow:0 2px 18px #021d08bb}
.manifesto-page .about-hero h1 em{font-style:normal;color:#e9c775}
.about-hero__tag{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:clamp(17px,1.7vw,23px);font-weight:600;line-height:1.3;color:#f4f0e8;margin:0 0 24px}
.about-hero__tag span{font-size:clamp(24px,2.8vw,38px);font-weight:800;color:#e9c775;letter-spacing:-.035em}
.about-hero__lead{font-size:clamp(19px,2vw,25px);line-height:1.45;max-width:28ch;margin:0 0 16px;color:#f4f0e8}
.about-hero__meaning{font-size:16px;line-height:1.6;max-width:43ch;color:#d6e3cf;margin:0}
.about-daily{padding:clamp(28px,3.5vw,48px);border:1px solid #d6b25e88;border-radius:24px;background:#082c0ddd;box-shadow:0 24px 60px #001c0877,inset 0 1px #ffffff1d;backdrop-filter:blur(10px)}
.about-daily__eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9c775;margin:0 0 22px}
.manifesto-page .about-daily h2{font-size:20px;line-height:1.25;color:#f4f0e8;max-width:none;margin:0 0 12px}
.about-daily__question{font-size:clamp(25px,2.5vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#f4f0e8;max-width:20ch;margin:0 0 28px}
.about-daily .btn-primary{display:inline-flex;align-items:center;gap:8px;padding-inline:16px;font-size:14px;white-space:nowrap;text-decoration:none}
.manifesto-page .about-quote-box{max-width:840px;margin-top:clamp(72px,9vw,124px);background:#082c0ddf;backdrop-filter:blur(8px)}
@media(max-width:850px){.about-hero__grid{grid-template-columns:1fr;gap:48px}.about-daily{max-width:560px}.manifesto-page .about-hero h1{max-width:14ch}}
@media(max-width:700px){.manifesto-page .about-hero{padding:64px 0 72px}.manifesto-page .about-hero h1{font-size:clamp(46px,12vw,68px);max-width:12ch}.about-hero__grid{gap:40px}.about-daily{padding:28px 24px}.manifesto-page .about-quote-box{margin-top:64px}}

/* Manifesto Plan & Dual Mirror Architecture (2026-10-23) */
.manifesto-cards-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}
.manifesto-card{background:#fff;border-radius:22px;border:1px solid var(--line);padding:clamp(26px,3vw,38px);box-shadow:0 8px 24px rgba(7,50,9,.05);display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}
.manifesto-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(7,50,9,.08)}
.manifesto-card--dark{background:#0c3611;border-color:rgba(214,178,94,.4);color:#f4f0e8}
.manifesto-card--dark .manifesto-card__title{color:#f4f0e8}
.manifesto-card--dark .manifesto-card__text{color:#d6e3cf}
.manifesto-card__tag{font-size:12px;font-weight:700;color:#8a6c24;text-transform:uppercase;letter-spacing:.09em;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px}
.manifesto-card--dark .manifesto-card__tag{color:#e9c775}
.manifesto-card__title{font-size:clamp(20px,2vw,24px);color:var(--green);margin:0 0 12px;line-height:1.25;font-weight:700}
.manifesto-card__text{font-size:15px;line-height:1.65;color:var(--ink);margin:0 0 14px}
.manifesto-card__sub{font-size:13.5px;line-height:1.6;color:var(--muted);padding-top:14px;border-top:1px solid #e2e7dd;margin-top:auto}
.manifesto-card--dark .manifesto-card__sub{color:#c5d4be;border-top-color:rgba(214,178,94,.25)}

.manifesto-partner-banner{margin-top:36px;padding:clamp(26px,3.5vw,40px);background:radial-gradient(ellipse at 100% 0%,rgba(214,178,94,.16),transparent 70%),#073209;border:1.5px solid #d6b25e;border-radius:24px;color:#f4f0e8;box-shadow:0 16px 48px rgba(0,0,0,.24)}
.manifesto-partner-banner__badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:#d6b25e;color:#073209;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}
.manifesto-partner-banner h3{font-size:clamp(22px,2.4vw,28px);color:#f4f0e8;margin:0 0 12px;line-height:1.25}
.manifesto-partner-banner p{font-size:15px;line-height:1.65;color:#d6e3cf;margin:0 0 16px;max-width:none}
.manifesto-partner-banner ul{margin:0 0 16px;padding-left:20px;color:#e9c775;font-size:14px;line-height:1.7}
.manifesto-partner-banner ul span{color:#f4f0e8}
.manifesto-partner-banner .manifesto-seat-note{background:rgba(255,255,255,.07);border:1px solid rgba(214,178,94,.3);border-radius:14px;padding:14px 18px;font-size:14px;line-height:1.6;color:#f4f0e8}

.manifesto-doctrine-box{margin-block:36px;padding:clamp(26px,3.5vw,36px);background:rgba(214,178,94,.1);border:2px solid #d6b25e;border-radius:24px;color:var(--ink);box-shadow:0 8px 32px rgba(214,178,94,.15)}
.manifesto-doctrine-box__eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a6c24;margin-bottom:10px}
.manifesto-doctrine-box h3{font-size:clamp(22px,2.4vw,28px);color:var(--green);margin:0 0 12px;line-height:1.25}
.manifesto-doctrine-box p{font-size:16px;line-height:1.7;color:var(--ink);margin:0}
.manifesto-doctrine-box p strong{color:var(--green)}

/* Agent / Human respondent toggle on /answer */
.respondent-switch{margin-bottom:16px}
.respondent-toggle-group{display:inline-flex;background:rgba(7,50,9,.45);border:1px solid rgba(214,178,94,.4);border-radius:999px;padding:4px;gap:4px}
.respondent-tab{padding:8px 18px;border-radius:999px;border:0;background:transparent;color:#d6e3cf;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}
.respondent-tab.is-active{background:var(--gold);color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.agent-fields{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.agent-fields[hidden]{display:none!important}
.human-fields[hidden]{display:none!important}

.agent-api-box{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(7,50,9,.7);border:1px dashed rgba(214,178,94,.5);color:#d6e3cf;font-size:13px}
.agent-api-box summary{cursor:pointer;font-weight:600;color:#e9c775}
.agent-api-box pre{margin:10px 0 0;padding:10px 12px;background:#041a06;border-radius:8px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#f4f0e8;border:1px solid #13461c}

/* Agent answer badge in answers list */
.home-answer__badge-agent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}
.badge-agent-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#073209;color:#e9c775;border:1px solid #d6b25e;font-size:11px;font-weight:800;letter-spacing:.05em}
.badge-agent-author{color:var(--muted);font-size:13px}
.badge-agent-angle{color:#8a6c24;font-size:12px;font-style:italic}

/* Dual Perspective Arena (2026-10-22) */
.arena-dual-grid{display:grid;gap:36px;margin:32px 0 48px}
@media(min-width:960px){.arena-dual-grid{grid-template-columns:1fr 1fr;align-items:stretch}}

.arena-card{background:#0c3611;border:1px solid rgba(214,178,94,.35);border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;position:relative;box-shadow:0 12px 36px rgba(0,0,0,.28)}
.arena-card--human{border-color:rgba(214,227,207,.3)}
.arena-card--agent{border-color:rgba(214,178,94,.5);background:radial-gradient(circle at 100% 0%,rgba(214,178,94,.12),transparent 65%),#092f0f}

.arena-card__header{margin-bottom:24px}
.arena-card__tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e9c775;background:rgba(7,50,9,.8);border:1px solid rgba(214,178,94,.4);padding:4px 12px;border-radius:999px;margin-bottom:10px}
.arena-card__title{font-size:24px;font-weight:700;color:#f4f0e8;margin:0 0 8px;line-height:1.25}
.arena-card__desc{font-size:15px;line-height:1.55;color:#d6e3cf;margin:0}

/* Companion AI Tool (Human Column) */
.companion-helper{background:rgba(7,50,9,.7);border:1px solid rgba(214,178,94,.4);border-radius:16px;padding:16px 18px;margin-bottom:22px}
.companion-helper__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.companion-helper__title{font-size:14px;font-weight:700;color:#e9c775;display:flex;align-items:center;gap:6px}
.companion-helper__desc{font-size:13px;line-height:1.5;color:#d6e3cf;margin:0 0 10px}
.companion-helper__prompt-box{position:relative;background:#051c08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;color:#f4f0e8;font-style:italic}
.companion-helper__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.btn-companion-copy{padding:6px 14px;border-radius:999px;background:#e9c775;color:#073209;font-size:13px;font-weight:700;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,transform .15s}
.btn-companion-copy:hover{background:#fff;transform:translateY(-1px)}
.btn-companion-link{font-size:12.5px;color:#d6e3cf;text-decoration:underline;text-underline-offset:3px}
.btn-companion-link:hover{color:#fff}

/* Answer Page - The Silent Mirror Companion Helper */
.answer-page .companion-helper{background:#073209;color:#f4f0e8;border:1px solid #d6b25e;border-radius:20px;padding:24px 22px;margin-bottom:28px;box-shadow:0 14px 34px rgba(7,50,9,.18)}
.companion-helper__badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#e9c775;color:#073209;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.answer-page .companion-helper__title{color:#e9c775;font-size:16px;font-weight:700}
.answer-page .companion-helper__desc{color:#d6e3cf;font-size:14px;line-height:1.55;margin:8px 0 14px}
.answer-page .companion-helper__prompt-box{background:var(--human-field-bg,#031806);border:1px solid var(--human-field-border,rgba(214,178,94,.35));border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;color:#f4f0e8;font-style:normal;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto}
.answer-page .companion-helper__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}
.answer-page .btn-companion-copy{padding:10px 20px;border-radius:999px;background:#e9c775;color:#073209;font-size:13.5px;font-weight:700;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,transform .15s;box-shadow:0 4px 14px rgba(233,199,117,.3)}
.answer-page .btn-companion-copy:hover{background:#fff;transform:translateY(-1px)}
.answer-page .btn-companion-link{font-size:13px;color:#d6e3cf;text-decoration:underline;text-underline-offset:3px;transition:color .15s}
.answer-page .btn-companion-link:hover{color:#e9c775}
.companion-helper__details{margin-top:16px;padding-top:14px;border-top:1px solid rgba(214,178,94,.25)}
.companion-helper__details summary{color:#e9c775;font-size:13.5px;font-weight:600;cursor:pointer;outline:none;user-select:none}
.companion-helper__details-body{margin-top:12px;color:#d6e3cf;font-size:13px;line-height:1.6}
.companion-helper__quote{margin:12px 0;padding:12px 16px;background:rgba(0,0,0,.3);border-left:3px solid #d6b25e;border-radius:0 8px 8px 0;font-style:italic;color:#f4f0e8}
.companion-helper__subhint{margin-top:10px;font-size:12.5px;color:#b4d3ba}

/* Agent Arena Console (Right Column) */
.agent-console-form{display:flex;flex-direction:column;gap:16px}
.agent-console-form input,
.agent-console-form textarea{width:100%;background:#041a06;border:1px solid rgba(214,178,94,.35);border-radius:12px;color:#f4f0e8;padding:12px 14px;font-size:15px;line-height:1.5;box-sizing:border-box}
.agent-console-form input:focus,
.agent-console-form textarea:focus{border-color:#e9c775;outline:none;box-shadow:0 0 0 2px rgba(233,199,117,.3)}
.agent-console-form label{font-size:13px;font-weight:600;color:#e9c775;display:block;margin-bottom:4px}
.agent-console-grid-2{display:grid;gap:12px}
@media(min-width:540px){.agent-console-grid-2{grid-template-columns:1fr 1fr}}

.btn-transmit-agent{background:#d6b25e;color:#073209;font-weight:700;font-size:16px;padding:14px 22px;border:0;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s;box-shadow:0 4px 14px rgba(214,178,94,.3)}
.btn-transmit-agent:hover{background:#fff;transform:translateY(-2px)}
.btn-transmit-agent:disabled{opacity:.6;cursor:not-allowed}

/* Live Muse Feedback Card */
.muse-reaction-box{margin-top:20px;padding:18px 20px;border-radius:16px;background:rgba(4,26,6,.9);border:1.5px solid #d6b25e;animation:fadeInScale .3s ease-out}
@keyframes fadeInScale{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.muse-reaction-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#073209;background:#e9c775;padding:3px 10px;border-radius:999px;margin-bottom:10px}
.muse-reaction-text{font-size:15px;line-height:1.6;color:#f4f0e8;margin:0 0 12px;font-weight:500}
.muse-reaction-stats{display:flex;flex-wrap:wrap;gap:14px 20px;font-size:13px;border-top:1px solid rgba(214,178,94,.25);padding-top:10px}
.muse-reaction-stat{color:#d6e3cf}
.muse-reaction-stat strong{color:#e9c775}

/* One fixed home atlas; real GA4 activity and answer counts stay separate. */
body.home-living-map{background:#073209}
.home-living-map .living-map{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#073209}
.living-map__atlas{position:absolute;left:50%;top:50%;width:100vw;aspect-ratio:1469/720;transform:translate(-50%,-50%)}
.living-map__atlas::before{content:"";position:absolute;inset:0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/100% 100% no-repeat;opacity:.42;mix-blend-mode:screen}
.living-map__point{position:absolute;width:var(--point-size);height:var(--point-size);border-radius:50%;transform:translate(-50%,-50%)}
.living-map__point--activity{background:radial-gradient(circle,#b8efb2 0 11%,#91d99a99 21%,#91d99a44 42%,transparent 72%);opacity:.8}
.living-map__point--answer{background:radial-gradient(circle,#fff7d8 0 9%,#e9c775 18%,#d6b25eaa 32%,#d6b25e44 51%,transparent 72%);filter:drop-shadow(0 0 13px #e9c775);animation:living-answer-beacon 1.6s ease-out 3}
@keyframes living-answer-beacon{0%,100%{opacity:1;scale:1}50%{opacity:.72;scale:1.35}}
.home-living-map>.brand-header,.home-living-map>.tabs,.home-living-map>main,.home-living-map>.footer{position:relative;z-index:1}
.home-living-map>.tabs{position:sticky;top:0;z-index:10;background:transparent;border-bottom-color:transparent;box-shadow:none}
.home-living-map .brand-header--building,.home-living-map .brand-header--building>.hero__scene{background:transparent}
.home-living-map .hero__scene::before{background:none}
.home-living-map .hero__scene::after{background:none}
.home-living-map .hero__gold-lines{display:none}
.home-living-map .home-section--dark{background:transparent}
.home-living-map .home-section--light{background:rgba(244,240,232,.88)}
.home-living-map .home-section--paper{background:rgba(235,235,235,.88)}
.home-living-map .home-episode::before{background:none}
.home-living-map .footer{background:transparent}
.home-living-map .home-episode__video{border-color:#e9c77599;box-shadow:0 0 0 1px #e9c77544,0 0 36px #d6b25e5c,0 24px 62px #b48b3240}
.home-episode__caption .home-link{display:inline-block;margin-top:10px;color:#e9c775}
.home-map-key{position:relative;overflow:hidden;width:min(100%,860px);margin:0 auto 52px;padding:19px 22px 20px;border:1px solid #e9c77580;border-radius:18px;background:rgba(3,31,7,.3);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);text-align:left;box-shadow:0 14px 38px #001b0640,inset 0 1px 0 #f8e8b344}
.home-map-key::before{content:"";position:absolute;top:0;left:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,#fff2c0,#d6b25e,transparent);opacity:.7;transform:translateX(-110%);animation:map-key-glint 7s ease-in-out infinite;pointer-events:none}
@keyframes map-key-glint{0%,14%{transform:translateX(-110%);opacity:0}23%{opacity:.8}46%,100%{transform:translateX(280%);opacity:0}}
.home-map-key__title{margin:0 0 12px;color:#f4f0e8;font-size:17px;font-weight:700}
.home-map-key__groups{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.home-map-key__group{display:flex;align-items:flex-start;gap:11px;min-width:0;font-size:13px;line-height:1.5;color:#d6e3cf}
.home-map-key__group strong,.home-map-key__group span:not(.home-map-key__symbol){display:block}
.home-map-key__group strong{color:#f4f0e8;font-size:13px}
.home-map-key__symbol{display:block;flex:none;width:15px;height:15px;margin-top:3px;border-radius:50%}
.home-map-key__symbol--activity{background:#9adc9f;box-shadow:0 0 0 4px #9adc9f40}
.home-map-key__symbol--answer{background:#e9c775;box-shadow:0 0 0 4px #e9c77540}
@media(max-width:700px){.living-map__atlas{top:35%;width:100vw}.living-map__atlas::before{opacity:.36}.home-map-key{padding:17px 18px;margin-bottom:38px}.home-map-key__groups{grid-template-columns:1fr}.home-map-key__title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.living-map__point--answer,.home-map-key::before{animation:none}}

/* The public study: let the map remain visible and give each answer state a clear surface. */
.home-map-key{padding-top:21px}
.home-episode .qloop--breath{position:relative;overflow:hidden;width:min(100%,800px);max-width:none;margin-top:28px;padding:34px clamp(24px,5vw,46px);border:1px solid #e9c77580;border-radius:22px;background:rgba(4,35,9,.58);-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15);box-shadow:0 24px 58px #001b0644,inset 0 1px 0 #f8e8b333}
.home-episode .qloop--breath::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 8%,#e9c775 48%,transparent 92%);opacity:.72;transform:translateX(-105%);animation:home-gold-trace 8s ease-in-out infinite;pointer-events:none}
@keyframes home-gold-trace{0%,16%{transform:translateX(-105%);opacity:0}26%{opacity:.8}58%,100%{transform:translateX(105%);opacity:0}}
.home-episode .qloop--breath .qloop__title{font-size:clamp(24px,3vw,32px);line-height:1.2;color:#f4f0e8;margin-bottom:14px}
.home-episode .qloop--breath .qloop__title--arena{position:relative;width:max-content;max-width:100%;margin:0 auto 14px;letter-spacing:.08em;text-transform:uppercase}
.qloop__title-light{position:absolute;inset:0;pointer-events:none;color:transparent;background:linear-gradient(105deg,transparent 42%,#e9c775 48%,#fff3bf 50%,#e9c775 52%,transparent 58%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:arena-gold-pass 8s ease-in-out infinite}
@keyframes arena-gold-pass{0%,12%{background-position:100% 0}46%,100%{background-position:0 0}}
.home-episode .qloop--breath .qloop__meta{max-width:58ch;margin-inline:auto}
.home-episode .qloop--breath .breath__rule{padding-top:18px;margin-top:20px;border-top:1px solid #e9c77544;color:#d6e3cf;font-size:14px}
.home-episode .qloop--breath .breath__body{font-size:20px}
.home-living-map .home-answers,.home-living-map .home-who{background:transparent}
.home-living-map .home-answers{color:#f4f0e8}
.home-living-map .home-answers h2{color:#f4f0e8;max-width:13ch;font-size:clamp(36px,4vw,56px)}
.home-living-map .home-answers .home-lead{color:#d6e3cf;max-width:42ch}
.home-living-map .home-answers__add{margin-top:30px;color:#e9c775}
.home-living-map .home-answers__empty{max-width:none;margin:0;padding:clamp(30px,4vw,48px);border:1px solid #e9c77577;border-radius:22px;background:rgba(5,39,12,.56);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 44px #001b0633;color:#f4f0e8;font-size:clamp(20px,2.2vw,28px);line-height:1.4}
.home-living-map .home-answer{background:#f4f0e8;color:#073209;border:1px solid #d6b25e88;box-shadow:0 16px 38px #001b062b}
.home-living-map .home-who>.container{padding:clamp(34px,5vw,64px);border:1px solid #f4f0e899;border-radius:24px;background:rgba(244,240,232,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 56px #001b0633}
.home-living-map .home-who h2{text-transform:uppercase;letter-spacing:.015em}
.home-living-map .home-who h2{max-width:none;font-size:clamp(34px,4vw,54px)}
.home-living-map .home-who__text{font-size:clamp(18px,2vw,22px);line-height:1.6;max-width:62ch}
.home-why__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(34px,6vw,88px);align-items:start}
.home-why__grid--text-only{grid-template-columns:minmax(0,1fr)}
.home-why__story h2{max-width:14ch;font-size:clamp(38px,4.4vw,60px)}
.home-why__story p{max-width:58ch;font-size:18px;line-height:1.7;color:#d6e3cf;margin:0 0 18px}
.home-why__story .home-why__lead{font-size:clamp(22px,2.5vw,31px);line-height:1.42;color:#f4f0e8;font-weight:600}
.home-why__photo{width:min(100%,340px);justify-self:center;align-self:center;margin:0;grid-column:2;grid-row:1;border:1px solid #e9c77577;border-radius:20px;overflow:hidden;background:#073209;box-shadow:0 20px 50px #001b063d}
.home-why__photo img{display:block;width:100%;height:auto}
.home-why__photo figcaption{padding:10px 14px;color:#d6e3cf;font-size:13px}
.home-why__stages{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(16px,3vw,36px);border-top:1px solid #e9c77577;border-bottom:1px solid #e9c77577;background:#e9c77544}
.home-why__stages>div{padding:clamp(24px,3vw,38px);background:rgba(4,35,9,.74)}
.home-why__stages span{display:block;color:#e9c775;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px}
.home-why__stages strong{display:block;color:#f4f0e8;font-size:clamp(20px,2.4vw,30px);line-height:1.25;margin-bottom:12px}
.home-why__stages p{margin:0;color:#d6e3cf;font-size:16px;line-height:1.6;max-width:50ch}
.home-journey__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.home-journey__columns .home-journey__list{max-width:none;gap:12px;align-content:start}
.home-living-map .home-journey__list li{position:relative;isolation:isolate;overflow:hidden;min-height:98px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 16px;padding:16px 20px;background:rgba(244,240,232,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(233,199,117,.55);border-radius:16px;color:#073209;box-shadow:0 10px 25px #001b0626,inset 0 1px 0 #fff9;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-living-map .home-journey__list li::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(233,199,117,.2) 50%,transparent 72%);transform:translateX(-130%);transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
.home-living-map .home-journey__list li:hover,.home-living-map .home-journey__list li:focus-within{transform:translateY(-2px);border-color:#e9c775;box-shadow:0 16px 32px #001b0638,0 0 0 2px #e9c77533,inset 0 1px 0 #fff}
.home-living-map .home-journey__list li:hover::before,.home-living-map .home-journey__list li:focus-within::before{transform:translateX(130%)}
.home-living-map .home-journey__list li>*{position:relative;z-index:1}
.home-living-map .home-journey__who{grid-column:1;grid-row:1}
.home-living-map .home-journey__n{grid-column:1;grid-row:2;text-align:left}
.home-living-map .home-journey__follow{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap}
.home-living-map .home-journey__platform,.home-living-map .home-journey__n{color:#344d36}
.home-living-map .home-journey__handle{color:#073209}
.home-living-map .home-journey__follow{color:#073209;text-decoration-color:#ae8933}
.home-living-map .home-faq{background:transparent;color:#f4f0e8}
.home-living-map .home-faq h2{color:#f4f0e8}
.home-faq__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home-faq__list{max-width:none;margin:0;gap:14px;align-content:start}
.home-living-map .home-faq__item{border:1px solid #e9c77577;border-radius:16px;background:rgba(4,35,9,.52);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}
.home-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:20px 24px;color:#f4f0e8;font-size:19px;font-weight:700;line-height:1.35;cursor:pointer;list-style:none}
.home-faq__item summary::-webkit-details-marker{display:none}
.home-faq__item summary::after{content:"+";flex:none;color:#e9c775;font-size:27px;font-weight:400;line-height:1}
.home-faq__item[open] summary::after{content:"−"}
.home-faq__item summary:focus-visible{outline:3px solid #e9c775;outline-offset:-4px}
.home-living-map .home-faq__item p{padding:0 24px 24px;color:#d6e3cf;font-size:16px;line-height:1.6}
.home-join__heading{display:flex;align-items:center;gap:22px;margin-bottom:18px}
.home-join__heading h2{margin:0}
.home-join__mail{display:grid;place-items:center;flex:none;width:76px;height:76px;border:1px solid #d6b25e;border-radius:50%;background:rgba(214,178,94,.16);color:#073209;box-shadow:0 8px 20px #07320919}
.home-join__mail svg{display:block;width:45px;height:45px}
@media(max-width:780px){.home-journey__columns{grid-template-columns:1fr}.home-journey__columns .home-journey__list{gap:10px}}
@media(max-width:700px){.home-faq__columns{grid-template-columns:1fr;gap:14px}.home-join__mail{width:58px;height:58px}.home-join__mail svg{width:34px;height:34px}.home-join__heading{gap:16px}}
@media(prefers-reduced-motion:reduce){.home-living-map .home-journey__list li,.home-living-map .home-journey__list li::before{transition:none}.home-living-map .home-journey__list li:hover,.home-living-map .home-journey__list li:focus-within{transform:none}}
.tabs__members{position:relative;flex-shrink:0}
.tabs__members summary{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,#1b5c24,#0b3d11);border:1px solid #d6b25e66;box-shadow:0 3px 0 #031a06,0 7px 14px #0006,inset 0 1px 0 #ffffff2b;color:#f4f0e8;cursor:pointer;list-style:none;font-size:14px;font-weight:600;line-height:1;white-space:nowrap}
.tabs__members summary::-webkit-details-marker{display:none}
.tabs__members summary::after{content:"";width:6px;height:6px;margin-left:10px;border-right:1.5px solid #e9c775;border-bottom:1.5px solid #e9c775;transform:translateY(-2px) rotate(45deg)}
.tabs__members[open] summary::after{transform:translateY(2px) rotate(225deg)}
.tabs__members summary:focus-visible,.tabs__members-menu a:focus-visible{outline:3px solid #e9c775;outline-offset:3px}
.tabs__members summary[aria-current]{border-color:#e9c775}
.tabs__members-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:20;min-width:220px;padding:8px;border:1px solid #d6b25e99;border-radius:16px;background:#073209;box-shadow:0 18px 35px #001b06a8}
.tabs__members-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;margin:0;padding:0 12px;border:0;border-radius:9px;background:transparent;box-shadow:none;font-size:14px}
.tabs__members-menu a:hover{transform:none;background:#16521d;box-shadow:none}
.tabs__members-menu a span{font-size:12px;color:#e9c775}
@media(max-width:800px){.home-why__grid{grid-template-columns:1fr}.home-why__photo{grid-column:1;grid-row:auto;justify-self:center}.home-why__stages{grid-column:1}.home-answers__grid{grid-template-columns:1fr}}
@media(max-width:600px){.home-why__stages{grid-template-columns:1fr}.home-living-map .home-who>.container{padding:28px 24px}.home-episode .qloop--breath{padding:28px 22px}.home-living-map .home-answers__empty{padding:28px 24px}}
@media(prefers-reduced-motion:reduce){.home-episode .qloop--breath::before,.qloop__title-light{animation:none}.qloop__title-light{display:none}}

/* Question page: the same map, film and answer rhythm as the homepage. */
.question-template{background:#073209}
.question-template .brand-header--slim,.question-template .tabs,.question-template .footer{background:#073209}
.question-page-v2{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,8vw,112px) 0 clamp(88px,10vw,144px);background:#073209;color:#f4f0e8}
.question-page-v2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto max(720px,100svh) repeat-y;opacity:.46;mix-blend-mode:screen}
.question-page-v2__inner{display:flex;flex-direction:column;align-items:center}
.question-page-v2__intro{text-align:center;max-width:900px;margin:0 auto 36px}
.question-page-v2__intro .home-episode__eyebrow{width:fit-content;max-width:100%;margin:0 auto 18px;text-align:center}
.question-page-v2__intro h1{font-size:clamp(38px,5.1vw,68px);line-height:1.08;letter-spacing:-.035em;max-width:19ch;margin:0 auto 20px;color:#f4f0e8}
.question-page-v2__intro>p:last-child{max-width:55ch;margin:0 auto;color:#d5e2d0;font-size:clamp(16px,1.5vw,20px);line-height:1.6}
.question-page-v2__film{width:min(100%,940px);border:1px solid #d6b25e88;border-radius:19px;overflow:hidden;background:#052507;box-shadow:0 26px 60px #00190469}
.question-page-v2__film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#031c06}
.question-page-v2__film-note{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;border-top:1px solid #d6b25e44;color:#d5e2d0;font-size:14px;font-weight:600;letter-spacing:.04em}
.question-page-v2__film-note span:last-child{color:#e9c775;white-space:nowrap}
.question-page-v2__answer{width:min(100%,760px);margin:clamp(52px,6vw,80px) auto 0;padding-top:32px;border-top:1px solid #d6b25e99;text-align:center}
.question-page-v2__label{margin:0 0 16px;color:#e9c775;font-size:14px;font-weight:700;letter-spacing:.14em;line-height:1.4}
.question-page-v2__answer .question-page-v2__label{width:fit-content;max-width:100%;margin-inline:auto;text-align:center}
.question-page-v2__answer blockquote{margin:0 auto 18px;max-width:25ch;color:#f4f0e8;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.22;letter-spacing:-.025em}
.question-page-v2__answer>p:not(.question-page-v2__label){margin:0 auto 26px;color:#d5e2d0;font-size:17px}
.question-page-v2__answer .btn-primary{display:inline-flex;align-items:center;gap:12px}
.question-page-v2__archive{width:100%;margin-top:clamp(96px,11vw,152px);padding-top:44px;border-top:1px solid #d6b25e66}
.question-page-v2__archive-head{width:fit-content;max-width:100%;margin:0 auto 30px;text-align:center}
.question-page-v2__archive-head h2{margin:0 0 10px;color:#f4f0e8;font-size:clamp(32px,3.7vw,48px);line-height:1.15}
.question-page-v2__archive-head>p:last-child{margin:0;color:#d5e2d0;font-size:17px}
.question-page-v2__archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.question-page-v2__archive-card{display:flex;flex-direction:column;min-height:230px;padding:26px 28px;border:1px solid #d6b25e77;border-radius:18px;background:#ebebeb;color:#073209;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}
.question-page-v2__archive-card:hover,.question-page-v2__archive-card:focus-within{transform:translateY(-3px);border-color:#d6b25e;box-shadow:0 14px 32px #00190455,0 0 20px #d6b25e4d}
.question-page-v2__archive-card.is-active{border-color:#d6b25e;box-shadow:inset 0 0 0 1px #d6b25e,0 0 22px #d6b25e44}
.question-page-v2__archive-card--soon{justify-content:center;border-style:dashed;background:linear-gradient(135deg,#0c3610,#16421a);color:#f4f0e8}
.question-page-v2__archive-card.question-page-v2__archive-card--soon .question-page-v2__number{color:#e9c775}
.question-page-v2__archive-card.question-page-v2__archive-card--soon h3{margin-bottom:12px;color:#f4f0e8}
.question-page-v2__archive-card--soon p{margin:0;color:#cbd8c7;font-size:16px;line-height:1.55}
.question-page-v2__number{display:block;margin-bottom:12px;color:#49694a;font-size:13px;font-weight:700;letter-spacing:.13em}
.question-page-v2__archive-card h3{margin:0 0 24px;color:#073209;font-size:clamp(18px,1.8vw,23px);line-height:1.35;letter-spacing:-.015em}
.question-page-v2__archive-actions{display:flex;align-items:center;gap:20px;margin-top:auto}
.question-page-v2__archive-actions button,.question-page-v2__archive-actions a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0;border:0;background:transparent;color:#073209;font-size:15px;font-weight:700;text-decoration:underline;text-decoration-color:#d6b25e;text-decoration-thickness:2px;text-underline-offset:5px}
.question-page-v2__archive-actions a{margin-left:auto}
.question-page-v2__archive-actions button:hover,.question-page-v2__archive-actions a:hover{color:#3b713f}
@media(max-width:700px){.question-page-v2{padding:68px 0 96px}.question-page-v2__intro{margin-bottom:28px}.question-page-v2__intro h1{font-size:clamp(34px,8vw,46px)}.question-page-v2__film{border-radius:13px}.question-page-v2__film-note{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 16px;font-size:12px}.question-page-v2__archive-grid{grid-template-columns:1fr}.question-page-v2__archive-card{min-height:180px;padding:22px}.question-page-v2__answer{margin-top:50px}.question-page-v2__archive{margin-top:92px}}
@media(prefers-reduced-motion:reduce){.question-page-v2__archive-card{transition:none}.question-page-v2__archive-card:hover,.question-page-v2__archive-card:focus-within{transform:none}}
@media(min-width:1281px){.question-template .adisaan-thought{position:fixed;right:18px;bottom:88px;margin:0}}
@media(max-width:1280px){.question-template .adisaan-thought{display:none}}





/* Answer page: human voice and autonomous signal are deliberately distinct. */
.answer-page{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(56px,7vw,92px)}
.answer-page::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/adisaan/site/aiohm-world-map.webp') center top/auto max(720px,100svh) repeat-y;opacity:.46;mix-blend-mode:screen}
.home-living-map.question-template .question-page-v2,.home-living-map.answer-template .answer-page{background:transparent}
.home-living-map.question-template .question-page-v2::before,.home-living-map.answer-template .answer-page::before{content:none}
.answer-page__intro{max-width:900px;margin-inline:auto;text-align:center}
.answer-page__intro h1{max-width:19ch;margin:0 auto 18px;font-size:clamp(34px,5vw,64px);line-height:1.09}
.answer-page__episode{margin:0 auto 25px;color:#e9c775}
.answer-page__episode .home-link{color:#e9c775;text-decoration-color:#d6b25e}
.answer-page__episode .home-link:hover{color:#f4f0e8}
.answer-page__intro .home-lead{max-width:68ch;margin:0 auto 22px}
.answer-page__intro .home-lead:last-child{margin-bottom:0}
.answer-page .arena-dual-grid{gap:18px;margin-top:42px;align-items:stretch}
@media(min-width:960px){.answer-page .arena-dual-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}}
.answer-page .arena-card{min-width:0;padding:clamp(25px,3vw,42px);border-radius:24px;overflow:hidden}
.answer-page .arena-card--human{background:#f4f0e8;color:#073209;border-color:#d6b25e;box-shadow:0 20px 50px #001c0744}
.answer-page .arena-card--agent{background:radial-gradient(ellipse at 70% 12%,#0f5b2966,transparent 53%),linear-gradient(145deg,#031c0a,#041609 75%);border-color:#3f8a51;box-shadow:0 20px 50px #001c0770,inset 0 1px 0 #a7e9ac3b;isolation:isolate}
.answer-page .arena-card--agent::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 41px,#53df7622 42px,transparent 43px 84px),linear-gradient(90deg,#02150899,transparent 35%,#02150866);opacity:.8}
.agent-rain{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)}
.agent-rain span{position:absolute;top:-90%;left:var(--column-left);height:190%;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;color:#70ee91;font:700 16px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:10px;opacity:.18;text-shadow:0 0 14px #5dffa1;animation:agent-rain-fall var(--column-duration) linear infinite;animation-delay:var(--column-delay)}
.agent-rain span::before{content:attr(data-rain)}
.agent-rain span:nth-child(3n){color:#b4ffbb;opacity:.26}
.agent-protocol__published{margin:12px 0 0;font-size:.9rem;opacity:.85}
.question-page-v2__agent-note{margin:10px 0 0;font-size:.88rem;opacity:.78}
.question-page-v2__agent-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.answer-page .arena-card--agent>:not(.agent-rain){position:relative;z-index:1}
@keyframes agent-rain-fall{to{transform:translateY(100%)}}
.answer-page .arena-card__header{margin-bottom:26px}
.answer-page .arena-card__tag{padding:0;margin-bottom:18px;border:0;border-radius:0;background:transparent;color:#e9c775;font-size:12px;letter-spacing:.17em}
.answer-page .arena-card--human .arena-card__tag{color:#5c753e}
.answer-page .arena-card__title{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.03em}
.answer-page .arena-card--human .arena-card__title{color:#073209}
.answer-page .arena-card__desc{max-width:48ch;font-size:16px;line-height:1.65}
.answer-page .arena-card--human .arena-card__desc{color:#35523a}
.answer-page .one-form{padding:0;background:transparent;color:#073209}
.answer-page .one-form__label{display:block;margin-bottom:8px;color:#073209;font-size:14px}
.answer-page .one-form textarea,.answer-page .one-form input[type=text],.answer-page .one-form input[type=email],.answer-page .one-form select{border:1px solid #c5d1bf;background:#fffdf8;color:#073209}
.answer-page .one-form textarea:focus,.answer-page .one-form input:focus,.answer-page .one-form select:focus{outline:2px solid #b69648;outline-offset:2px}
.answer-page .one-form__hint,.answer-page .one-form__note{color:#47604b}
.answer-page .one-form__note a{color:#073209}
.answer-page .arena-card--human .arena-card__title{font-size:clamp(18px,2.8vw,36px);white-space:nowrap}
.answer-page .arena-card--human .arena-card__header{margin-bottom:24px}
.answer-page .one-form__email-choice{display:flex;align-items:flex-start;gap:10px;color:#47604b;font-size:14px;line-height:1.45;cursor:pointer}
.answer-page .one-form__email-choice input{flex:none;margin:3px 0 0;accent-color:#073209}
.answer-page .one-form__note{white-space:nowrap}
@media(max-width:420px){.answer-page .one-form__note{font-size:12px}}
.answer-page .one-form__option{background:#e4e9df;color:#073209;border:1px solid #bdcbb6}
.answer-page .one-form__option.is-selected{background:#073209;color:#f4f0e8;border-color:#073209}
.answer-page .one-form__switch[hidden],.answer-page [data-answer-upload][hidden],.answer-page [data-answer-text][hidden]{display:none!important}
.answer-format{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border:1px solid #bed0b9;border-radius:999px;background:#e5ecdf;margin-bottom:12px}
.answer-format__choice{min-height:46px;padding:8px;border:0;border-radius:999px;background:transparent;color:#315137;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.answer-format__choice:hover{background:#cdddc9}
.answer-format__choice.is-active{background:#073209;color:#f4f0e8;box-shadow:0 3px 10px #0732093b}
.answer-format__choice:focus-visible,.agent-protocol__copy:focus-visible{outline:3px solid #d6b25e;outline-offset:3px}
.answer-upload{padding:20px;border:1px dashed #83a17b;border-radius:16px;background:#e8eee3}
.answer-capture{margin-bottom:18px;padding:18px;border:1px solid #abc5a5;border-radius:14px;background:#f4f0e8}
.answer-capture__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.answer-capture__button{min-height:52px;padding:0 20px;border:0;border-radius:999px;background:#073209;color:#f4f0e8;font-family:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer}
.answer-capture__button--stop{background:#8d2925}
.answer-capture__reset{min-height:48px;padding:0 12px;border:0;background:transparent;color:#073209;font-family:inherit;font-size:15px;font-weight:700;line-height:1;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.answer-capture__button:focus-visible,.answer-capture__reset:focus-visible{outline:3px solid #b69648;outline-offset:3px}
.answer-capture__status{margin:12px 0 0;color:#35523a;font-size:14px;line-height:1.5}
.answer-capture__live,.answer-capture__preview{display:block;width:100%;max-height:320px;margin-top:14px;border-radius:10px;background:#09240c}
.answer-capture [hidden]{display:none!important}
.answer-upload input[type=file]{display:block;width:100%;margin:4px 0 12px;padding:14px;border:1px solid #bfd0ba;border-radius:12px;background:#fffdf8;color:#073209;font:inherit}
.answer-upload textarea{min-height:105px!important}
.answer-upload__hint{margin:4px 0 16px;color:#3e5a40;font-size:13px;line-height:1.5}
.answer-upload__hint:last-child{margin-bottom:0}
.agent-protocol{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid #69bc7590;border-radius:17px;background:#031d0dcf;box-shadow:inset 0 1px 0 #a7e9ac28}
.agent-protocol__label{color:#8ddd9b;font-size:11px;font-weight:700;letter-spacing:.17em}
.agent-protocol code{max-width:100%;overflow-wrap:anywhere;color:#f4f0e8;font-size:clamp(13px,1.3vw,17px)}
.agent-protocol__docs{color:#b9e6bc;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.agent-protocol__copy{padding:10px 16px;border:1px solid #73cd83;border-radius:999px;background:#b9e6bc;color:#073209;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.agent-protocol__copy:hover{background:#f4f0e8}
.agent-protocol__status{min-height:1em;color:#b9e6bc;font-size:13px}
.agent-steps{list-style:none;display:grid;gap:14px;margin:30px 0;padding:0;color:#d6e3cf;font-size:15px;line-height:1.5}
.agent-steps li{display:flex;gap:14px;align-items:baseline}
.agent-steps span{color:#81d991;font:700 12px ui-monospace,SFMono-Regular,monospace}
.answer-page .agent-api-box{margin-top:auto;padding:20px;border:1px solid #3f8a51;border-radius:16px;background:#03190bdc}
.answer-page .agent-api-box summary{color:#b9e6bc;font-size:15px}
.answer-page .agent-api-box p{color:#c1d6c3;line-height:1.55}
.answer-page .agent-api-box pre{padding:18px;margin-top:14px;border:1px solid #326a3d;border-radius:10px;background:#011309;color:#c7f4ca;line-height:1.6}
@media(max-width:700px){.answer-page .arena-dual-grid{gap:16px}.answer-page .arena-card{padding:24px}.answer-page__intro h1{font-size:clamp(34px,8vw,46px)}.answer-format__choice{font-size:14px}.answer-capture__button{flex:1}.answer-capture{padding:16px}}
@media(prefers-reduced-motion:reduce){.agent-rain span{animation:none;top:0;opacity:.08}}
.answer-template .adisaan-thought{display:none}

/* Optional Analytics choice, kept clear of the avatar companion. */
.adisaan-analytics-choice{position:fixed;left:20px;bottom:20px;z-index:70;width:min(380px,calc(100vw - 40px));box-sizing:border-box;padding:22px;background:#f4f0e8;color:#073209;border:1px solid #d6b25e;border-radius:22px;box-shadow:0 18px 60px #001f07aa;font-size:14px;line-height:1.55}
.adisaan-analytics-choice[hidden]{display:none}
.adisaan-analytics-choice p{margin:0 0 16px}
.adisaan-analytics-choice .adisaan-analytics-choice__label{margin-bottom:9px;color:#496b45;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.adisaan-analytics-choice__actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}
.adisaan-analytics-choice__actions button{border:1px solid #073209;border-radius:10px;padding:10px 12px;font:inherit;font-weight:700;cursor:pointer;background:#073209;color:#f4f0e8}
.adisaan-analytics-choice__actions button+button{background:transparent;color:#073209}
.adisaan-analytics-choice>a{color:#073209;text-decoration:underline;text-underline-offset:3px}
.footer__consent-link{border:0;background:none;color:inherit;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.adisaan-analytics-choice button:focus-visible,.footer__consent-link:focus-visible{outline:3px solid #d6b25e;outline-offset:3px}
@media(max-width:700px){.adisaan-analytics-choice{left:12px;bottom:12px;width:calc(100vw - 24px);padding:18px}.adisaan-analytics-choice__actions button{flex:1 1 145px}}



/* ----------------------------------------------------------------
   Re-added 2026-10-26. These blocks were lost when a commit of mine
   swept in a copy of this file that another session had rewritten
   underneath me. The markup in this repo needs them, and the only
   reason the live site still looked right is a CDN cache of the
   older file. Appended rather than merged in place so nothing
   written since is disturbed.
   ---------------------------------------------------------------- */
/* The answers wall on the Members Sanctuary.
   It moved here from the home page, where it sat on cream. The sanctuary is
   deep green, so the cards take the same cream-on-dark treatment the living
   map gives them rather than the bare white box, which read as a hole. */
/* Specificity note: `.members-section__header p` is 0-1-1 and would win over
   a bare class, so the question line is selected inside the header. */
.members-section__header p.members-answers__question{margin:10px 0 0;color:#e9c775;
  font-size:clamp(17px,2vw,21px);line-height:1.4;font-weight:700;max-width:34ch}
.members-answers .home-answers__list{margin-bottom:0;gap:14px}
.members-answers .home-answer{background:#f4f0e8;color:#073209;border:1px solid #d6b25e88;
  box-shadow:0 16px 38px #001b062b}
.members-answers .home-answers__empty{margin:0;padding:clamp(22px,3vw,34px);
  border:1px solid #e9c77566;border-radius:18px;background:rgba(5,39,12,.5);
  color:#d3e2cc;font-size:17px;max-width:none}
.members-answers .home-answers__list+.home-answers__empty{margin-top:14px}
.members-answers__add{margin:22px 0 0}

/* The sanctuary gate: sign in, or make an account.
   Replaced the three-mode thought form on 2026-10-25, when membership
   became a platform account instead of a cookie this site signed itself. */
.members-gate__lead{margin:0 0 22px;font-size:16px;line-height:1.6;color:#2c4430;max-width:52ch}
.members-auth-tabs{display:flex;gap:8px;margin:0 0 22px;padding:5px;border-radius:999px;
  background:rgba(7,50,9,.07);border:1px solid rgba(7,50,9,.1)}
.members-auth-tab{flex:1;min-height:42px;border:0;border-radius:999px;cursor:pointer;
  background:transparent;color:#2c4430;font-size:15px;font-weight:700;font-family:inherit;
  transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
.members-auth-tab:hover{color:#073209}
.members-auth-tab.is-active{background:#073209;color:#f4f0e8;box-shadow:0 6px 16px rgba(7,50,9,.22)}
.members-auth-tab:focus-visible{outline:2px solid #073209;outline-offset:2px}
.members-auth-form[hidden]{display:none}
/* The platform's login and registration components, dressed for this card.
   They ship with Tailwind utility classes and a dark landing surface; this
   site loads neither, so the raw elements are styled here and the component's
   own wrappers are flattened. Nothing about their behaviour is touched. */
.members-auth-form .login-hero-surface{width:100%;max-width:none;margin:0;padding:0;
  background:none;border:0;box-shadow:none;backdrop-filter:none}
.members-auth-form>div{display:block;padding:0}
.members-auth-form .map-overlay-global{display:none}
.members-auth-form form>div{margin-bottom:16px}
.members-auth-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;
  letter-spacing:.04em;color:#2c4430}
.members-auth-form input[type=text],
.members-auth-form input[type=email],
.members-auth-form input[type=password]{width:100%;min-height:48px;padding:12px 14px;
  border:1px solid rgba(7,50,9,.25);border-radius:12px;background:#fff;color:#073209;
  font-size:16px;font-family:inherit}
.members-auth-form input::placeholder{color:#8aa08c}
.members-auth-form input:focus-visible{outline:2px solid #073209;outline-offset:1px;
  border-color:#073209}
.members-auth-form .relative{position:relative}
.members-auth-form .relative input{padding-right:46px}
.members-auth-form .relative button{position:absolute;right:10px;top:50%;
  transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;color:#4a5f4c}
.members-auth-form .relative button:hover{color:#073209}
.members-auth-form .relative svg{width:20px;height:20px}
/* Alpine hides elements with x-cloak until it boots, but only if the page
   says so. Without this both eye icons draw on top of each other. */
[x-cloak]{display:none !important}
.members-auth-form .remember-row{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.members-auth-form .remember-row input{width:18px;height:18px;min-height:0;accent-color:#073209}
.members-auth-form .remember-row label{margin:0;font-weight:600;color:#4a5f4c}
.members-auth-form button[type=submit]{width:100%;min-height:50px;border:0;border-radius:999px;
  cursor:pointer;background:var(--gold);color:var(--green);font-size:16px;font-weight:700;
  font-family:inherit;letter-spacing:.06em;text-transform:uppercase;
  transition:background-color 160ms ease,transform 160ms ease}
.members-auth-form button[type=submit]:hover{background:#f0d28a}
.members-auth-form button[type=submit]:active{transform:scale(.99)}
.members-auth-form button[type=submit]:focus-visible{outline:2px solid #073209;outline-offset:3px}
.members-auth-form .text-red-500{margin-top:12px;color:#8c2f1d;font-size:14px;text-align:left}
.members-auth-fineprint{margin:14px 0 0;font-size:13px;line-height:1.55;color:#4a5f4c}
.members-auth-fineprint a{color:#0c5a14}

/* The agents card sits under the human one (Adrian, 2026-10-25), so both
   get the page's full width and the human form splits in two instead. Side
   by side, the agent column forced the answer box into half a page. */
@media(min-width:960px){
  .answer-page .arena-dual-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .answer-page .arena-card--human .one-form{display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
    gap:clamp(24px,3vw,44px);align-items:start;
    max-width:960px;margin-inline:auto;width:100%}
  .answer-page .one-form__col{min-width:0;display:flex;flex-direction:column}
  /* The two columns start level: the format chooser on the left and the
     "who can read this" cards on the right share a top edge. */
  .answer-page .one-form__col--send{position:sticky;top:92px}
  .answer-page .one-form__col--send .one-form__switch{margin-top:0}
}
[x-cloak]{display:none !important}

/* The members sanctuary: a left menu and a column of pages.
   Five destinations, so no hamburger — under 900px the menu becomes a
   horizontal strip that scrolls, which keeps every page one tap away. */
.members-shell{display:grid;gap:clamp(22px,3vw,44px);align-items:start}
@media(min-width:900px){.members-shell{grid-template-columns:232px minmax(0,1fr)}}
.members-main{min-width:0}
.members-main__header{margin-bottom:26px}
.members-main__header h1{color:#f4f0e8;font-size:clamp(28px,3.4vw,42px);margin:4px 0 10px}
.members-main__header p{color:#d3e2cc;font-size:15px;line-height:1.65;max-width:62ch;margin:0}

.members-nav{position:sticky;top:92px;display:flex;flex-direction:column;gap:18px;
  padding:20px 16px;border:1px solid rgba(214,178,94,.4);border-radius:20px;
  background:rgba(5,39,12,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.members-nav__who{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.members-nav__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;
  border:2px solid #d6b25e;margin-bottom:6px}
.members-nav__avatar--blank{display:grid;place-items:center;background:#0d3a14;color:#e9c775;
  font-size:22px;font-weight:800}
.members-nav__name{color:#f4f0e8;font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.members-nav__handle{color:#e9c775;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.members-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;
  border-top:1px solid rgba(214,178,94,.26);padding-top:14px}
.members-nav__link{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;
  border-radius:11px;color:#d3e2cc;text-decoration:none;font-size:14.5px;font-weight:600;
  transition:background-color 150ms ease,color 150ms ease}
.members-nav__link:hover{background:rgba(244,240,232,.08);color:#f4f0e8}
.members-nav__link.is-active{background:#d6b25e;color:#073209}
.members-nav__link:focus-visible{outline:2px solid #e9c775;outline-offset:2px}
.members-nav__icon{flex:none;width:18px;text-align:center;opacity:.9}
.members-nav__link.is-soon{color:rgba(211,226,204,.5);cursor:default}
.members-nav__link.is-soon small{margin-left:auto;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(233,199,117,.75)}
.members-nav__out{border-top:1px solid rgba(214,178,94,.26);padding-top:14px;margin:0}
.members-nav__out button{width:100%;min-height:40px;border:1px solid rgba(214,178,94,.45);
  border-radius:11px;background:transparent;color:#e9c775;font:inherit;font-size:14px;
  font-weight:700;cursor:pointer}
.members-nav__out button:hover{background:rgba(214,178,94,.14)}

@media(max-width:899px){
  .members-nav{position:static;flex-direction:row;align-items:center;gap:12px;
    overflow-x:auto;padding:12px 14px;scrollbar-width:thin}
  .members-nav__who{flex-direction:row;align-items:center;gap:8px;flex:none}
  .members-nav__avatar{width:36px;height:36px;margin:0}
  .members-nav__handle{display:none}
  .members-nav__list{flex-direction:row;border-top:0;padding-top:0;flex:none}
  .members-nav__link{white-space:nowrap}
  .members-nav__link.is-soon small{display:none}
  .members-nav__out{border-top:0;padding-top:0;flex:none}
  .members-nav__out button{padding-inline:14px}
}

/* The profile form sits on the same cream card the gate uses. */
.members-form{max-width:640px;padding:clamp(22px,3vw,34px);border-radius:22px;
  border:2px solid #d6b25e;background:#f4f0e8;color:#073209}
.members-form .members-field label{color:#2c4430}
.members-form .members-field__hint{margin:6px 0 0;font-size:13px;line-height:1.55;color:#4a5f4c}
.members-form .members-readonly{margin:0;padding:12px 14px;border-radius:10px;
  background:rgba(7,50,9,.06);color:#073209;font-size:15px;overflow-wrap:anywhere}
.members-handle{display:flex;align-items:stretch;border:1px solid rgba(7,50,9,.25);
  border-radius:12px;background:#fff;overflow:hidden}
.members-handle__prefix{display:flex;align-items:center;padding:0 2px 0 13px;
  color:#5d7360;font-size:14px;white-space:nowrap}
.members-handle input{flex:1;min-width:0;border:0;background:transparent;padding:12px 13px 12px 2px;
  font:inherit;font-size:16px;color:#073209}
.members-handle input:focus-visible{outline:2px solid #073209;outline-offset:-2px}
.members-visibility{margin:22px 0;padding:18px;border:1px solid rgba(7,50,9,.2);
  border-radius:14px;background:rgba(7,50,9,.04)}
.members-visibility legend{padding:0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#2c4430}
.members-visibility small{display:block;margin-top:4px;color:#4a5f4c;font-size:13px;line-height:1.55}
.members-flash{margin:0 0 20px;padding:13px 16px;border-radius:12px;
  border:1px solid rgba(214,178,94,.5);background:rgba(214,178,94,.14);color:#f4f0e8;font-size:15px}
@media(max-width:700px){.members-handle{flex-direction:column}
  .members-handle__prefix{padding:9px 13px 0;font-size:12px}
  .members-handle input{padding:6px 13px 12px}}


/* ------------------------------------------------------------------------
   Restored 2026-10-26, second pass.

   A commit of mine swept in a copy of this stylesheet that another session
   had rewritten, deleting ~730 lines. My first repair put back only the
   four blocks I happened to remember, and the home page's duel section —
   .duel, .duel__bolt, .duel__lists — was not among them: it rendered as a
   bolt three screens tall with the columns collapsed underneath.

   This is the rest, chosen mechanically rather than from memory: every rule
   whose selector appears nowhere in the current file. Nothing here can
   override a live rule, because a selector that already exists was skipped.
   ------------------------------------------------------------------------ */

/* The preview card beside the unlock form is gone, so the form is on its own
   in a two-column grid. One child takes the whole width and centres, and the
   two columns come back by themselves if a second card is ever added. */
.members-gate__grid>:only-child{grid-column:1/-1;width:min(100%,660px);margin-inline:auto}


/* Unlocked Members Sanctuary Sections */
.members-pass-bar{margin-bottom:28px}

/* The same shape for a visitor who cannot vote yet, quieter and dashed, so
   the count still reads and the lock is the invitation rather than a wall. */
.home-answer__vote-btn--locked{background:transparent;border:1px dashed rgba(7,50,9,.35);
  color:rgba(7,50,9,.72);text-decoration:none;transition:border-color 160ms ease,color 160ms ease,background-color 160ms ease}

.home-answer__vote-btn--locked:hover{border-color:rgba(7,50,9,.7);color:var(--green);background:rgba(7,50,9,.05)}

.home-answer__vote-btn--locked:focus-visible{outline:2px solid var(--green);outline-offset:3px}

/* .home-who__photo was here, styling a wide rectangular figure that no
   markup rendered. Replaced rather than left beside its successor. */
.home-who__grid{display:grid;gap:clamp(20px,3vw,36px);align-items:center;justify-items:center;text-align:center}

@media(min-width:760px){
  .home-who__grid{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}
}

.home-who__portrait{display:block;width:clamp(128px,17vw,186px);height:auto;border-radius:50%;
  /* The file already carries its own white ring; this is the lift under it. */
  box-shadow:0 14px 34px -14px rgba(0,27,6,.55)}

.home-who__copy{min-width:0}

/* The movement's name stands alone above the line it belongs to. */
.home-episode__tag{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.34em;text-align:center;color:#e9c775}

/* The site's gold eyebrow. Shared rather than copied: /million's kicker is
   the same thing in a different place, and two rules with the same values
   are two rules to keep in step. */
.home-episode__eyebrow,
.million-answers__kicker{font-size:13px;font-weight:700;letter-spacing:.16em;color:#e9c775;margin:0 0 20px}

/* Specificity has to clear `.million-answers__opening > p`, which colours
   every paragraph in this block pale green and would otherwise win over a
   single class and leave the kicker grey instead of gold. */
.million-answers__opening > .million-answers__kicker{color:#e9c775;text-transform:uppercase;margin-bottom:14px}

/* The human counterpart. Same shape as the agent tag so the two read as a
   pair, inverted so they are still told apart at a glance: the machine wears
   gold on green, the person wears green on the card's own paper. */
.badge-human-tag{background:transparent;color:#073209;border-color:rgba(7,50,9,.45)}

.home-answer__badge-human strong{font-weight:700}

/* The two million pages used to stack vertically here, which made the nav
   two rows tall. They are one tab with a menu now, reusing .tabs__members.
   Its menu hangs from the right because it is the last tab; this one sits
   mid-row, so it hangs from its own left edge instead. */
.tabs__million .tabs__members-menu{right:auto;left:0;min-width:200px}

.question-page-v2__intro .home-episode__tag{margin:0 auto 10px}

/* The ghost that reserves the tallest question's height is styled by the
   same rule as the heading itself, so the two can never wrap differently. */
.question-page-v2__intro :is(h1,.stage-box__ghosts>span){font-size:clamp(38px,5.1vw,68px);line-height:1.08;letter-spacing:-.035em;max-width:19ch;margin:0 auto 20px;color:#f4f0e8}

.question-page-v2__answer :is(blockquote,.stage-box__ghosts>span){margin:0 auto 18px;max-width:25ch;color:#f4f0e8;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.22;letter-spacing:-.025em}

/* The record orb. Same language as the Muse conversational avatar — a green
   sphere with a lit core and a turning ring — so recording an answer here
   feels like speaking to Muse, on the AdiSaan palette. */
.answer-capture__orb{position:relative;display:grid;place-items:center;width:132px;height:132px;padding:0;border:0;border-radius:9999px;background:radial-gradient(circle at 30% 25%,#f4faf5 0%,#72bd87 34%,#3d8650 68%,#073209 100%);box-shadow:0 0 0 2px rgba(7,50,9,.14),0 0 26px rgba(61,134,80,.4);color:#f4f0e8;font-family:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}

.answer-capture__orb:hover{transform:scale(1.04);box-shadow:0 0 0 2px rgba(7,50,9,.2),0 0 34px rgba(61,134,80,.55)}

.answer-capture__orb:focus-visible{outline:3px solid #b69648;outline-offset:5px}

.answer-capture__orb:disabled{opacity:.55;cursor:wait}

/* Sits where a highlight falls on a sphere, not dead centre: the label owns
   the middle, and white glow behind type is what made it mushy. */
.answer-capture__orb-core{position:absolute;top:13%;left:15%;width:44%;height:44%;border-radius:9999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(255,255,255,.06) 68%);box-shadow:0 0 18px rgba(255,255,255,.3);animation:answer-orb-pulse 2.6s ease-in-out infinite}

.answer-capture__orb-ring{position:absolute;width:88%;height:88%;border-radius:9999px;border:1px solid rgba(255,255,255,.4);animation:answer-orb-spin 7s linear infinite}

.answer-capture__orb-label{position:relative;z-index:1;font-size:15px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 3px rgba(7,50,9,.85),0 0 16px rgba(7,50,9,.75)}

.answer-capture__orb--stop{background:radial-gradient(circle at 30% 25%,#ffe9e4 0%,#d4776c 32%,#a23a30 66%,#4a1410 100%);box-shadow:0 0 0 2px rgba(141,41,37,.2),0 0 26px rgba(162,58,48,.45)}

.answer-capture__orb--stop:hover{box-shadow:0 0 0 2px rgba(141,41,37,.28),0 0 34px rgba(162,58,48,.6)}

/* Recording is live, so both move faster — the orb is the only thing saying so. */
.answer-capture__orb--stop .answer-capture__orb-core{animation-duration:1.1s}

.answer-capture__orb--stop .answer-capture__orb-ring{animation-duration:2.4s;border-style:dashed;border-color:rgba(255,233,228,.85)}

@keyframes answer-orb-pulse{0%,100%{transform:scale(.92);opacity:.9}50%{transform:scale(1.04);opacity:1}}

@keyframes answer-orb-spin{to{transform:rotate(360deg)}}

.answer-capture__reset:focus-visible{outline:3px solid #b69648;outline-offset:3px}

.answer-upload input[type=file]:not(.visually-hidden){display:block;width:100%;margin:12px 0;padding:14px;border:1px solid #bfd0ba;border-radius:12px;background:#fffdf8;color:#073209;font:inherit}


/* /million hero — minimal: universal stem, two columns, one action. */
.million-hero{padding-block:88px 48px;background:var(--green);color:var(--cream)}

.million-hero .eyebrow{color:var(--gold);margin-bottom:22px}

.million-hero__title{font-size:clamp(34px,5.2vw,62px);line-height:1.07;margin:0 0 12px;max-width:20ch}

.million-hero__title em{font-style:normal;color:var(--gold)}

.million-hero__question{font-size:17px;line-height:1.5;color:rgba(244,240,232,.72);margin:0 0 44px;max-width:46ch}

.million-hero__split{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid rgba(244,240,232,.22);margin-bottom:36px}

.million-hero__split>div{padding:26px 28px 24px;border-bottom:1px solid rgba(244,240,232,.22)}

.million-hero__split>div+div{border-left:1px solid rgba(244,240,232,.22)}

.million-hero__split h2{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}

.million-hero__split p{font-size:17px;line-height:1.55;margin:0 0 12px;max-width:30ch}

.million-hero__split span{font-size:13px;letter-spacing:.04em;color:rgba(244,240,232,.5)}

.million-hero__lead{font-size:17px;line-height:1.6;max-width:48ch;margin:0 0 32px;color:rgba(244,240,232,.82)}

.million-hero__actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}

/* .button--green paints green on green here, so the hero uses gold. */
.million-hero__actions .button{background:var(--gold);color:var(--green);border-color:var(--gold)}

.million-hero__actions .home-link{color:rgba(244,240,232,.75);text-decoration:underline;text-underline-offset:5px;font-size:15px}

@media(max-width:760px){
  .million-hero{padding-block:56px 36px}
  .million-hero__split>div+div{border-left:0}
  .million-hero__actions .button{width:100%;text-align:center}
}


/* --------------------------------------------------------------------------
   /journey — the road so far.

   A horizontal road across a dark band, the world map behind it, the avatar
   standing at the furthest stop reached. The solid stretch is distance
   agreed, the dashed stretch is distance to go: --road-travelled comes from
   the data, so the drawing cannot claim more road than the config does.

   The one authored moment: on arrival the road lays itself down and the
   avatar walks it, each stop lighting as it is passed. It runs once. The
   finished state is the default, so a blocked script leaves a whole picture.
   -------------------------------------------------------------------------- */
.road{background:#073209;color:#f4f0e8;overflow:hidden}

.road__head{max-width:46rem}

.road__title{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.1}

.road__lead{margin:14px 0 0;max-width:34em;color:rgba(244,240,232,.82);line-height:1.6}


.road__scene{position:relative;margin-top:42px;padding:46px 0 10px}

/* The map sits behind the road, dim enough to stay a backdrop. It is the
   same artwork the living atlas uses, which is drawn for dark ground. */
.road__atlas{position:absolute;inset:-10% 0;background:url('/assets/adisaan/site/aiohm-world-map.webp') center/cover no-repeat;opacity:.14;mix-blend-mode:screen;pointer-events:none}

.road__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#073209 0,transparent 9%,transparent 91%,#073209 100%);pointer-events:none}


.road__track{position:relative;min-width:680px;height:212px;margin:0 clamp(16px,4vw,40px)}

.road__surface{position:absolute;left:0;right:0;top:112px;height:14px}

.road__ahead,.road__travelled{position:absolute;inset:0;border-radius:999px}

/* Road ahead: dashed, the way an unbuilt stretch is drawn on a plan. */
.road__ahead{background:repeating-linear-gradient(90deg,rgba(244,240,232,.34) 0 16px,transparent 16px 30px);height:2px;top:6px}

/* Road travelled: real surface, with a lit edge so it reads as covered. */
.road__travelled{right:auto;width:var(--road-travelled,0%);background:linear-gradient(180deg,#2f6b38,#143f18);box-shadow:0 0 0 1px rgba(244,240,232,.14),0 10px 24px -14px rgba(0,0,0,.9)}

.road__travelled::after{content:"";position:absolute;left:8px;right:8px;top:6px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(244,240,232,.85) 0 14px,transparent 14px 28px)}


.road__avatar{position:absolute;top:26px;left:var(--road-travelled,0%);width:72px;height:72px;margin-left:-36px;border-radius:9999px;object-fit:cover;object-position:50% 16%;background:radial-gradient(circle at 50% 30%,#dceadd,#9bc3a2);box-shadow:0 0 0 3px rgba(244,240,232,.9),0 16px 30px -16px rgba(0,0,0,.95)}


.road__stops{position:absolute;inset:0;list-style:none;margin:0;padding:0}

.road__stop{position:absolute;left:var(--stop-at);top:0;width:168px;margin-left:-84px;text-align:center}

.road__pin{position:absolute;top:106px;left:50%;width:26px;height:26px;margin:-6px 0 0 -13px;border-radius:9999px;background:#f4f0e8;box-shadow:0 0 0 4px #073209,0 0 0 6px rgba(244,240,232,.35)}

.road__stop--open .road__pin{background:transparent;border:2px dashed rgba(244,240,232,.6);box-shadow:0 0 0 4px #073209}

.road__card{display:block;position:absolute;top:150px;left:0;right:0}

.road__name{display:block;font-size:17px;line-height:1.25}

.road__status{display:inline-block;margin-top:8px;padding:3px 12px;border-radius:999px;background:rgba(244,240,232,.14);color:#f4f0e8;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}

.road__stop--open .road__name{color:rgba(244,240,232,.72)}

.road__stop--open .road__status{background:transparent;border:1px dashed rgba(244,240,232,.45);color:rgba(244,240,232,.72)}


.road__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:30px}

.road__note{margin:0;color:rgba(244,240,232,.68);font-size:14px}

.road__cta{color:#e9c775;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(233,199,117,.5)}

.road__cta:hover{text-decoration-color:#e9c775}

.road__cta:focus-visible,.road__stop:focus-visible{outline:3px solid #b69648;outline-offset:4px}


/* The journey, once, on arrival. Distance is the subject, so the road and the
   avatar share one duration and one exponential ease-out; the stops resolve
   behind them, staggered along the same trip. */
.road__scene.is-waiting .road__travelled{width:0}

.road__scene.is-waiting .road__avatar{left:0}

.road__scene.is-waiting .road__stop{opacity:0;transform:translateY(10px)}

.road__scene.is-travelling .road__travelled{width:var(--road-travelled,0%);transition:width 1500ms cubic-bezier(.16,1,.3,1)}

.road__scene.is-travelling .road__avatar{left:var(--road-travelled,0%);transition:left 1500ms cubic-bezier(.16,1,.3,1)}

.road__scene.is-travelling .road__stop{opacity:1;transform:none;transition:opacity 420ms ease-out,transform 420ms cubic-bezier(.16,1,.3,1);transition-delay:calc(360ms + var(--stop-i) * 420ms)}


/* /million closes by handing the reader to /journey rather than repeating it. */
.million-handoff{text-align:center}

.million-handoff .home-lead{max-width:40rem;margin-left:auto;margin-right:auto}

.million-handoff .button{margin-top:18px}

.million-handoff .fine-print{margin-top:14px}


/* /million carries the home page's living atlas (2026-10-24). Two of its
   sections painted solid over it — the hero in green and, of all things, the
   map section in cream — so the map was only visible behind one strip. These
   match how home treats its own dark and light sections. */
.home-living-map .million-hero{background:transparent}

.home-living-map .million-map{background:rgba(244,240,232,.88)}

.home-living-map .million-handoff{background:transparent;color:#f4f0e8}

.home-living-map .million-handoff .fine-print{color:rgba(244,240,232,.7)}


/* The map key was drawn for the dark home sections: cream text on a 30%
   dark-green panel, which works over deep green. /million puts it inside the
   cream map section, where that panel composites to rgb(152,161,146) and the
   text lands at 2.0–2.35:1 — unreadable, and invisible to any check that
   reads the declared colour instead of the composite. On cream it flips to
   ink on a light panel. */
.million-map .home-map-key{background:rgba(7,50,9,.06);border-color:rgba(7,50,9,.18);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 26px -22px rgba(0,27,6,.5)}

.million-map .home-map-key::before{display:none}

.million-map .home-map-key__title,
.million-map .home-map-key__group strong{color:#073209}

.million-map .home-map-key__group{color:#3e5a40}


/* --------------------------------------------------------------------------
   /million — the arena.

   Score, the two millions, and which question is winning. Dark ground so it
   reads as the contest it is, against the cream study sections around it.
   The bars have a floor width: a true millionth of a percent draws nothing,
   which looks broken rather than early.
   -------------------------------------------------------------------------- */
.arena{background:#073209;color:#f4f0e8;padding-block:clamp(44px,6vw,72px)}

.arena__title{margin:0;font-size:clamp(28px,3.6vw,42px);line-height:1.12}

.arena__lead{margin:12px 0 0;max-width:36em;color:rgba(244,240,232,.82);line-height:1.6}


.arena__score{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,54px);margin:34px 0 8px;text-align:center}

.arena__side strong{display:block;font-size:clamp(38px,7vw,68px);line-height:1;letter-spacing:-.02em}

.arena__side span{display:block;margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(244,240,232,.68)}

.arena__side--people strong{color:#9adc9f}

.arena__side--machines strong{color:#e9c775}

.arena__vs{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,240,232,.45)}

.arena__empty{margin:28px 0 0;color:rgba(244,240,232,.8);font-size:15px}


.arena__meters{display:grid;gap:18px;margin-top:32px;grid-template-columns:1fr}

@media(min-width:760px){.arena__meters{grid-template-columns:1fr 1fr;gap:28px}}

.arena__meter-head{display:flex;align-items:baseline;gap:9px}

.arena__meter-head strong{font-size:22px}

.arena__meter-head span{font-size:13px;color:rgba(244,240,232,.68)}

.arena__bar{position:relative;height:10px;margin-top:9px;border-radius:999px;background:rgba(244,240,232,.13);overflow:hidden}

.arena__bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3d8650,#9adc9f)}

.arena__meter--quiet .arena__bar i{background:linear-gradient(90deg,#8a7231,#e9c775)}

.arena__meter-link{display:inline-block;margin-top:9px;font-size:13px;color:#e9c775;text-decoration:underline;text-underline-offset:4px}


.arena__board-title{margin:38px 0 0;font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(244,240,232,.68)}

.arena__board{list-style:none;margin:14px 0 0;padding:0}

.arena__row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:13px 0;border-top:1px solid rgba(244,240,232,.12)}

.arena__row:last-child{border-bottom:1px solid rgba(244,240,232,.12)}

.arena__rank{font-size:13px;font-weight:800;color:rgba(244,240,232,.45)}

.arena__q{color:#f4f0e8;line-height:1.4;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(244,240,232,.3)}

.arena__q:hover{text-decoration-color:#f4f0e8}

.arena__counts{text-align:right;white-space:nowrap}

.arena__counts b{display:block;font-size:19px}

.arena__counts small{display:block;margin-top:2px;font-size:12px;color:rgba(244,240,232,.62)}


.arena__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px}

.arena__share{border:1px solid rgba(244,240,232,.3);background:transparent;color:#f4f0e8;font:inherit;font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px;cursor:pointer;transition:background 140ms ease,border-color 140ms ease}

.arena__share:hover{background:rgba(244,240,232,.1);border-color:rgba(244,240,232,.55)}

.arena__share:focus-visible{outline:3px solid #b69648;outline-offset:3px}


/* .button--green is cream on green, which disappears on the arena's green
   ground. Same answer the hero already uses on dark: gold fill, green text. */
.arena__actions .button{background:var(--gold);color:var(--green);border-color:var(--gold)}

.arena__actions .button:hover{background:#f0d696}


/* --------------------------------------------------------------------------
   A question whose film is not rendered yet.

   Holds the frame's place rather than collapsing it, so a newly published
   question reads as "the film is coming" instead of "something is missing".
   Drawn, not an image: ten questions share it, and setting 'video' on the
   story swaps the real player back in with nothing else to change.
   -------------------------------------------------------------------------- */
.question-film-soon__frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:16/9;padding:24px;border:1px dashed rgba(244,240,232,.3);border-radius:14px;background:
  radial-gradient(120% 90% at 50% 0%,rgba(154,220,159,.1),transparent 62%),#0b3811;text-align:center}

.question-film-soon__badge{font-size:12px;font-weight:800;letter-spacing:.12em;color:#e9c775}

.question-film-soon__line{margin:0;font-size:clamp(16px,2.2vw,20px);font-weight:700;color:#f4f0e8}

.question-film-soon__sub{margin:0;font-size:14px;color:rgba(244,240,232,.72)}


/* --------------------------------------------------------------------------
   /answer — the human card sits on the map, not on a panel.

   The card was cream with a gold border, which covered the world map the
   page draws behind it. Adrian asked for the form to sit directly on that
   map, centred.

   The base styles for this form are already dark-ground — cream labels, the
   whole set — and .answer-page layered a light treatment over them only
   because the card was cream. So this block removes the panel and undoes
   that layer, rather than inventing a third style. Every control that had
   no dark-ground original (the format toggle, the upload and capture
   frames) gets one here.

   Contrast was measured on the composited result, not on declared colours:
   a translucent fill over a map over deep green is not the colour it says
   it is.
   -------------------------------------------------------------------------- */
.answer-page .arena-card--human{
    /* One surface for every field and box on this card (Adrian, 2026-10-26):
       a lighter green wash instead of five near-black fills. */
    --human-field-bg:rgba(30,92,42,.42);
    --human-field-border:rgba(214,227,207,.3);
    background:transparent;
    border:0;
    box-shadow:none;
    color:#f4f0e8;
    padding-inline:0;
}

/* Centred: the header, the choice of format, and the actions. Field labels
   stay left, because centred labels over left-aligned inputs read as broken. */
/* The title carries its own max-width for measure, so centring the text
   is not enough — its box has to centre too. */
.answer-page .arena-card--human .arena-card__header{text-align:center}

.answer-page .arena-card--human .arena-card__title,
.answer-page .arena-card--human .arena-card__desc{margin-inline:auto}

.answer-page .arena-card--human .answer-format{max-width:520px;margin-inline:auto}

@media(max-width:959.98px){.answer-page .arena-card--human .one-form{max-width:620px;margin-inline:auto;width:100%}}

.answer-page .arena-card--human .one-form__label{color:#f4f0e8}

.answer-page .arena-card--human .one-form__hint,
.answer-page .arena-card--human .one-form__note,
.answer-page .arena-card--human .one-form__email-choice{color:#cfe0cb}


/* Fields: dark fill with a visible edge, so an empty input still reads as a
   place to type once the cream panel is gone. */
.answer-page .arena-card--human .one-form textarea,
.answer-page .arena-card--human .one-form input[type=text],
.answer-page .arena-card--human .one-form input[type=email],
.answer-page .arena-card--human .one-form select{
    background:var(--human-field-bg);
    border:1px solid rgba(214,227,207,.34);
    color:#f4f0e8;
}

.answer-page .arena-card--human .one-form textarea::placeholder,
.answer-page .arena-card--human .one-form input::placeholder{color:#9fb79c}

.answer-page .arena-card--human .one-form textarea:focus-visible,
.answer-page .arena-card--human .one-form input:focus-visible,
.answer-page .arena-card--human .one-form select:focus-visible{
    outline:3px solid #d6b25e;outline-offset:2px;border-color:transparent;
}

.answer-page .arena-card--human .one-form__email-choice input{accent-color:#9adc9f}


/* Format toggle */
.answer-page .arena-card--human .answer-format{background:var(--human-field-bg);border-color:var(--human-field-border)}

.answer-page .arena-card--human .answer-format__choice{color:#cfe0cb}

.answer-page .arena-card--human .answer-format__choice:hover{background:rgba(244,240,232,.1)}

.answer-page .arena-card--human .answer-format__choice.is-active{background:#f4f0e8;color:#073209;box-shadow:none}


/* Privacy options */
.answer-page .arena-card--human .one-form__option{background:var(--human-field-bg);color:#e7efe4;border-color:var(--human-field-border)}

.answer-page .arena-card--human .one-form__option.is-selected{background:#f4f0e8;color:#073209;border-color:#f4f0e8}


/* Record frames */
.answer-page .arena-card--human .answer-upload{background:var(--human-field-bg);border-color:var(--human-field-border)}

.answer-page .arena-card--human .answer-capture{background:var(--human-field-bg);border-color:var(--human-field-border)}

.answer-page .arena-card--human .answer-capture__status{color:#cfe0cb}

.answer-page .arena-card--human .answer-capture__reset{color:#e9c775}

.answer-page .arena-card--human .answer-upload__hint{color:#bdd2b9}

.answer-page .arena-card--human .answer-capture__orb{box-shadow:0 0 0 2px rgba(244,240,232,.18),0 0 26px rgba(61,134,80,.45)}


/* --------------------------------------------------------------------------
   /answer/received — the share moment.

   The visitor has just answered. This shows the count they joined and what
   the machines said to the same question, then offers a share that carries
   that result. Scoped tight so it cannot leak into other dark sections.
   -------------------------------------------------------------------------- */
.received-q{margin:26px 0 0;font-size:clamp(17px,2.2vw,21px);font-weight:700;color:#f4f0e8;max-width:34em}

.received-score{display:flex;align-items:center;gap:clamp(16px,4vw,38px);margin:18px 0 0}

.received-score__side strong{display:block;font-size:clamp(30px,5vw,46px);line-height:1;color:#9adc9f}

.received-score__side--machines strong{color:#e9c775}

.received-score__side span{display:block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(244,240,232,.68)}

.received-score__vs{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,240,232,.45)}


/* Scoped to the page: a bare class loses to the section's h2 rule. */
.received-page .received-machines__title{max-width:none;margin:34px 0 0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,240,232,.68)}

.received-machines{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px;max-width:46em}

.received-machines li{padding:15px 18px;border-radius:14px;border:1px solid rgba(233,199,117,.26);background:rgba(4,22,8,.5)}

.received-machines__who{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#e9c775}

.received-machines__who span{font-weight:600;color:rgba(244,240,232,.6)}

.received-machines__body{margin:0;line-height:1.55;color:#eaf2e7}

.received-pending{margin:26px 0 0;color:rgba(244,240,232,.75);max-width:36em}


.received-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:30px 0 0}

.received-actions .btn-primary{cursor:pointer;border:0;font:inherit;font-weight:700}


/* The why follow-up and the token line on /answer/received. */
.received-why{margin:30px 0 0;padding:20px;border-radius:16px;border:1px solid rgba(154,220,159,.28);background:rgba(4,22,8,.5);max-width:46em}

.received-page .received-why__label{display:block;margin:0;font-size:17px;font-weight:700;color:#f4f0e8;max-width:none}

.received-why__hint{margin:6px 0 12px;font-size:14px;color:rgba(244,240,232,.72)}

.received-why textarea{width:100%;min-height:92px;padding:13px 15px;border-radius:12px;border:1px solid rgba(214,227,207,.34);background:rgba(2,14,5,.7);color:#f4f0e8;font:inherit;line-height:1.5}

.received-why textarea::placeholder{color:#9fb79c}

.received-why textarea:focus-visible{outline:3px solid #d6b25e;outline-offset:2px;border-color:transparent}

.received-why .btn-primary{margin-top:12px;cursor:pointer;border:0;font:inherit;font-weight:700}

.received-why__error{margin:10px 0 0;color:#ffc9c2;font-size:14px}

.received-why__ok{margin:10px 0 0;color:#9adc9f;font-size:14px}

.received-why--done blockquote{margin:10px 0 0;padding-left:14px;border-left:2px solid rgba(154,220,159,.5);color:#eaf2e7;line-height:1.55}


.received-tokens{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 10px;margin:26px 0 0}

.received-tokens strong{font-size:30px;line-height:1;color:#e9c775}

.received-tokens span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,240,232,.7)}

.received-tokens small{flex-basis:100%;font-size:13px;color:rgba(244,240,232,.66)}


/* The wallet on /answer/received: what you have, what it is for, and the
   claim that makes it usable. */
.received-wallet{margin:28px 0 0;padding:22px;border-radius:18px;border:1px solid rgba(233,199,117,.3);background:rgba(4,22,8,.55);max-width:46em}

.received-wallet__line{margin:10px 0 0;color:#eaf2e7;line-height:1.55}

.received-wallet__why{margin:8px 0 0;color:rgba(244,240,232,.72);font-size:14px;line-height:1.55}

.received-wallet__why em,.received-wallet__line em{font-style:normal;color:#e9c775}

.received-wallet__ok{margin:10px 0 0;color:#9adc9f}

.received-wallet__error{margin:10px 0 0;color:#ffc9c2;font-size:14px}

.received-claim{margin-top:16px}

.received-claim__row{display:grid;gap:10px;grid-template-columns:1fr}

@media(min-width:620px){.received-claim__row{grid-template-columns:1fr 1.2fr auto}}

.received-claim__row input{min-height:50px;padding:0 16px;border-radius:999px;border:1px solid rgba(214,227,207,.34);background:rgba(2,14,5,.7);color:#f4f0e8;font:inherit}

.received-claim__row input::placeholder{color:#9fb79c}

.received-claim__row input:focus-visible{outline:3px solid #d6b25e;outline-offset:2px;border-color:transparent}

.received-claim__row .btn-primary{cursor:pointer;border:0;font:inherit;font-weight:700;white-space:nowrap}

.received-claim__fine{margin:10px 0 0;font-size:13px;color:rgba(244,240,232,.62);line-height:1.5}


/* --------------------------------------------------------------------------
   The duel on the home page: one question, both sides, the bolt between.

   Replaces the two stage cards, which described a roadmap. This is the thing
   itself. Green belongs to people and gold to the machines, the same pairing
   the arena on /million uses, so the two pages read as one scoreboard.

   The bolt is drawn, not an emoji, and it is decoration — aria-hidden, with
   the real meaning carried by the two column labels.
   -------------------------------------------------------------------------- */
/* The section container is itself a two-column grid (story | photo), so the
   duel has to say it wants the whole row — otherwise it renders inside the
   narrow story column and the question wraps to four lines. */
.duel{grid-column:1/-1;margin-top:26px;border-top:1px solid rgba(233,199,117,.34);border-bottom:1px solid rgba(233,199,117,.34);padding:26px 0}

/* Asked once, centred, above both sides. */
/* 30ch holds this question on two lines at desktop; 22ch broke it to three. */
.duel__q{max-width:30ch;margin:0 auto;text-align:center;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.2;color:#f4f0e8}

.duel__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,30px);margin-top:18px}

.duel__side{min-width:0}

.duel__side{text-align:center}

.duel__side .crowd{margin:0}

.duel__side .crowd__token img{display:block;width:100%;height:100%;object-fit:cover}

.duel__side--machine .crowd__token--logo{padding:5px;background:#f4f0e8}

@media(max-width:700px){
  .duel__side .crowd__token{width:24px;height:24px;margin-left:-11px;border-width:1px}
  .duel__side .crowd__token:first-child{margin-left:0}
  .duel__side--machine .crowd__token--logo{padding:2px}
}

.duel__count{display:block;margin-top:5px;font-size:12px;color:rgba(244,240,232,.6)}


.duel__bolt{width:clamp(26px,4vw,44px);flex:none;filter:drop-shadow(0 0 14px rgba(244,240,232,.35))}

.duel__bolt svg{display:block;width:100%;height:auto}


.duel__lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,3vw,30px);margin-top:24px}

.duel__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}

.duel__answer{position:relative;padding:13px 15px;border-radius:13px;border:1px solid rgba(244,240,232,.14);background:rgba(4,22,8,.46)}
.duel__answer--guardrail{border-style:dashed;border-color:rgba(233,199,117,.45);background:rgba(36,28,8,.22)}
.duel__answer--guardrail .duel__body{color:#f4f0e8}

.duel__list--human .duel__answer.is-top{border-color:rgba(154,220,159,.5);background:rgba(10,42,16,.6)}

.duel__list--machine .duel__answer.is-top{border-color:rgba(233,199,117,.5);background:rgba(36,28,8,.5)}

.duel__rank{position:absolute;top:-9px;left:12px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#073209}

.duel__list--human .duel__rank{background:#9adc9f}

.duel__list--machine .duel__rank{background:#e9c775}

.duel__body{margin:0;font-size:14px;line-height:1.5;color:#eaf2e7}

.duel__by{margin:7px 0 0;font-size:12px;color:rgba(244,240,232,.58)}

.duel__by span{color:rgba(244,240,232,.75)}

.duel__empty{padding:14px 15px;border-radius:13px;border:1px dashed rgba(244,240,232,.22);color:rgba(244,240,232,.62);font-size:14px;line-height:1.5}

.duel__note{margin:20px auto 0;text-align:center;font-size:13px;color:rgba(244,240,232,.62);line-height:1.55}


/* ---------------------------------------------------------------------------
   The crowd

   Five round tokens overlapping into a huddle, above each arena card's label.
   Overlap is what makes it read as a group rather than a row of icons, so the
   negative margin is the whole trick; everything else is restraint.

   They rise on arrival, one after another, then breathe very slightly out of
   phase so the huddle is never quite still. Hovering opens the huddle, which
   is the one moment you can count them.

   The machine side is centred, because that card's header is centred.
   -------------------------------------------------------------------------- */
.crowd{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}

.crowd__ring{display:flex;align-items:center;margin:0;padding:0;list-style:none}

/* Both huddles centre, because both arena card headers are centred. */
.crowd__ring{justify-content:center}

.crowd{align-items:center}


.crowd__token{position:relative;width:44px;height:44px;border-radius:999px;
  display:grid;place-items:center;overflow:hidden;
  border:2px solid #f4f0e8;background:#0b3811;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.75);
  /* The huddle. Each token sits on the one before it. */
  margin-left:-14px;
  /* Nearer the front for the ones on the left, so the overlap has a direction. */
  z-index:calc(10 - var(--i));
  /* Three movements on three different properties, because two animations
     driving `transform` means the second simply wins and the first is never
     seen. `scale` and `translate` are their own properties and compose with
     each other and with the hover transform. */
  animation:crowd-arrive 620ms cubic-bezier(.16,1,.3,1) both,
            crowd-breathe 6s ease-in-out infinite;
  animation-delay:calc(var(--i) * 80ms), calc(620ms + var(--i) * 420ms);
  transition:transform 320ms cubic-bezier(.16,1,.3,1),margin-left 320ms cubic-bezier(.16,1,.3,1)}

.crowd__token:first-child{margin-left:0}

.crowd__token svg{width:100%;height:100%;display:block}


/* Dark ring on the human card, which sits on cream. */
/* The human card is transparent over the deep green page, not cream as an
   early draft of these styles assumed. Cream rings, like the machine side. */
.answer-page .arena-card--human .crowd__token{border-color:#f4f0e8}


.crowd__mark{display:grid;place-items:center;width:100%;height:100%;
  background:var(--bg);color:var(--ink);
  font-size:14px;font-weight:800;letter-spacing:.02em}


.crowd__token--more{background:transparent;border-style:dashed;
  border-color:rgba(214,178,94,.55);box-shadow:none}

.crowd__token--more span{color:#e9c775;font-size:17px;font-weight:700;line-height:1}

.answer-page .arena-card--human .crowd__token--more{border-color:rgba(214,178,94,.5)}

.answer-page .arena-card--human .crowd__token--more span{color:#e9c775}


/* Counting them is the reward for stopping on it. */
@media (hover: hover){
  .crowd__ring:hover .crowd__token{margin-left:-4px}
  .crowd__ring:hover .crowd__token:first-child{margin-left:0}
  .crowd__token:hover{transform:translateY(-4px) scale(1.08);z-index:20}
}


.crowd__label{margin:0;font-size:12px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:#e9c775}

.answer-page .arena-card--human .crowd__label{color:#e9c775}


@keyframes crowd-arrive{
  from{opacity:0;scale:.82}
  to{opacity:1;scale:1}
}

@keyframes crowd-breathe{
  0%,100%{translate:0 0}
  50%{translate:0 -2.5px}
}


@media (prefers-reduced-motion: reduce){
  .crowd__token{animation:none;transition:none;opacity:1;scale:1;translate:0 0}
  .crowd__ring:hover .crowd__token{margin-left:-14px}
  .crowd__ring:hover .crowd__token:first-child{margin-left:0}
}


/* ---------------------------------------------------------------------------
   The companion prompt

   Sits above the answer form on the human card. Deliberately quieter than the
   form it precedes: it is an offer, not a step. Someone who knows what they
   think should be able to ignore it entirely and start typing.
   -------------------------------------------------------------------------- */
.companion{margin:0 0 22px;padding:18px 20px;border:1px solid rgba(214,178,94,.28);
  border-radius:14px;background:rgba(244,240,232,.05);text-align:left}

.companion__head{display:flex;gap:12px;align-items:flex-start}

.companion__spark{flex:none;display:grid;place-items:center;width:34px;height:34px;
  border-radius:999px;background:var(--gold);color:var(--green)}

.companion__spark svg{width:18px;height:18px}

.companion__title{margin:0 0 4px;font-size:17px;line-height:1.25;color:#f4f0e8}

.companion__lead{margin:0;font-size:14px;line-height:1.5;color:#d5e2d0}


.companion__reveal{margin:14px 0 0}

.companion__reveal summary{cursor:pointer;font-size:13px;font-weight:700;
  letter-spacing:.04em;color:#e9c775;list-style:none}

.companion__reveal summary::-webkit-details-marker{display:none}

.companion__reveal summary::before{content:"▸";display:inline-block;margin-right:7px}

.companion__reveal[open] summary::before{content:"▾"}

/* Tall enough for the whole prompt rather than cutting it mid-line; it still
   scrolls if the question is a long one. */
.companion__prompt{margin:10px 0 0;padding:14px;max-height:340px;overflow:auto;
  border:1px solid rgba(214,178,94,.22);border-radius:10px;background:#052507;
  color:#dce7d7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}


.companion__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}

.companion__copy,.companion__share{display:inline-flex;align-items:center;gap:7px;
  min-height:40px;padding:0 16px;border-radius:999px;cursor:pointer;
  font-size:14px;font-weight:700;line-height:1;
  transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}

.companion__copy{border:0;background:var(--gold);color:var(--green)}

.companion__copy:hover{background:#f0d28a}

.companion__share{border:1px solid rgba(214,178,94,.5);background:transparent;color:#f4f0e8}

.companion__share:hover{border-color:var(--gold);background:rgba(214,178,94,.12)}

.companion__copy:active,.companion__share:active{transform:scale(.97)}

.companion__copy:focus-visible,.companion__share:focus-visible,
.companion__reveal summary:focus-visible{outline:2px solid #f4f0e8;outline-offset:3px}

.companion__status{font-size:13px;color:#cbd8c7}


.companion__note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:rgba(213,226,208,.75)}


@media (prefers-reduced-motion: reduce){
  .companion__copy,.companion__share{transition:none}
  .companion__copy:active,.companion__share:active{transform:none}
}


/* ---------------------------------------------------------------------------
   Partners

   The same cream card as "who is asking", because it answers the other half
   of that question: who is asking, and who is helping. Logos sit on the card
   rather than on the deep green, which is also what ShareAI's guidance asks
   for — their dark namemark belongs on a light surface.
   -------------------------------------------------------------------------- */
.partner-row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(22px,4vw,48px);
  margin:26px 0 0;padding:0;list-style:none}

.partner{display:flex;flex-direction:column;gap:8px}

/* ShareAI's guidance sets a 100px minimum display width for the namemark.
   The artwork is 235.876 x 72, so 30px of height rendered 98px wide — two
   short. 34px gives 111px, with room to spare at every breakpoint. Clear
   space is at least half the mark's height on every side, which the row gap
   provides. */
.partner__logo{display:block;width:auto;height:34px;max-width:240px;object-fit:contain}

.partner__wordmark{font-size:19px;font-weight:700;line-height:1.2;color:#073209}

.partner__role{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#5c753e}


/* The ShareAI for Startups badge. Their page supplies 420x120 and asks that
   the aspect ratio be kept and the artwork not be recoloured, cropped or
   animated — so width scales and height follows it, and nothing here
   touches the fill. */
.partner__badge-link{display:block;line-height:0}

.partner__badge{display:block;width:clamp(210px,26vw,290px);height:auto;aspect-ratio:420/120}

.partner__badge-link:focus-visible{outline:2px solid #073209;outline-offset:4px}


@media(max-width:620px){
  .partner-row{gap:24px}
  /* 31px keeps the rendered width at 101px, still over the 100px floor. */
  .partner__logo{height:31px}
  .partner__wordmark{font-size:17px}
}


/* The answers wall on the Members Sanctuary.
   It moved here from the home page, where it sat on cream. The sanctuary is
   deep green, so the cards take the same cream-on-dark treatment the living
   map gives them rather than the bare white box, which read as a hole. */
/* Specificity note: `.members-section__header p` is 0-1-1 and would win over
   a bare class, so the question line is selected inside the header. */
.members-section__header p.members-answers__question{margin:10px 0 0;color:#e9c775;
  font-size:clamp(17px,2vw,21px);line-height:1.4;font-weight:700;max-width:34ch}


/* The Members Sanctuary stands on the living map (Adrian, 2026-10-25).
   The wrapper used to paint its own deep green and its own still copy of
   the world map; both sat on top of the layout's fixed atlas and hid the
   activity points and answer beacons that make it alive. Same correction
   the journey page needed.
   z-index 20, not 1 (2026-10-26): at 1 the wrapper sat level with <main>,
   which paints later, so the open "The million" and "Members Area" menus
   showed through the page but every click landed on the content under
   them. The wrapper has to stack above main for its menus to be reachable. */
.home-living-map>.public-header--compact{position:relative;z-index:20}

.home-living-map .members-sanctuary{background:transparent}

.home-living-map .members-sanctuary::before{display:none}

.members-select{width:100%;padding:12px 14px;border-radius:10px;background:#fff;
  border:1px solid rgba(7,50,9,.25);color:#073209;font-size:14px;font-family:inherit}

.members-pass-card__thought--empty{opacity:.75;font-style:italic}

/* The Silent Mirror, quiet (Adrian, 2026-10-26): the human card's title in
   cream (it kept the old cream card's dark green after the card went
   transparent), the helper as a thin outlined box beside the form, the
   prompt kept in the page but out of sight: one question, one sentence,
   one button, one hint. */
.answer-page .arena-card--human .arena-card__title{color:#f4f0e8}
.answer-page .companion-helper{background:transparent;border:1px solid rgba(214,178,94,.35);border-radius:16px;padding:22px 22px 20px;box-shadow:none;margin-bottom:28px}
.answer-page .companion-helper__title{display:block;margin:0 0 8px;color:#f4f0e8;font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.answer-page .companion-helper__desc{margin:0 0 14px;color:#cfe0cb;font-size:14px;line-height:1.55}
.answer-page .companion-helper__actions{margin-top:2px;gap:10px 16px}
.answer-page .companion-helper__toggle{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:13px;color:#cfe0cb;text-decoration:underline;text-underline-offset:3px}
.answer-page .companion-helper__toggle:hover,.answer-page .companion-helper__toggle:focus-visible{color:#e9c775}
.answer-page .companion-helper__toggle:focus-visible{outline:2px solid #e9c775;outline-offset:3px}
.answer-page .companion-helper__prompt-box:not([hidden]){margin-top:14px}
.answer-page .companion-helper__prompt-box[hidden]{display:none}
.answer-page .companion-helper__subhint{margin:12px 0 0;font-size:12.5px;color:#b4d3ba}
@media(min-width:900px){.answer-page #human-perspective .companion-helper{position:sticky;top:96px}}

/* Recording, bare (Adrian, 2026-10-26): no panels around the orb, no file
   picker on screen (the input stays as the recording's transport), no text
   on the orb. The orb, one line under it, the short note, one privacy line. */
.answer-page .arena-card--human .answer-upload{background:transparent;border:0;padding:0;border-radius:0}
.answer-page .arena-card--human .answer-capture{background:transparent;border:0;padding:0;text-align:center}
.answer-page .arena-card--human .answer-capture__actions{display:flex;flex-direction:column;align-items:center;gap:12px}
.answer-page .arena-card--human .answer-capture__status{text-align:center;margin:14px 0 22px}
.answer-page .arena-card--human .answer-capture__preview,.answer-page .arena-card--human .answer-capture__live{margin-inline:auto}
/* No "01 / People" or "02 / Agents" under the rings on the answer page (Adrian,
   2026-10-26); each ring keeps its aria-label. */
.answer-page .arena-dual-grid .crowd__label{display:none}
/* The agent logos in gold (Adrian, 2026-10-26). They are <img> SVGs filled with
   currentColor, which an image cannot inherit, so a filter tints the black to
   the brand gold: measured on a canvas, the chain below lands on rgb(234,199,115)
   against #e9c775. */
.answer-page #agent-arena .crowd__token img{filter:invert(82%) sepia(38%) saturate(480%) hue-rotate(352deg) brightness(92%)}

/* The newsletter band hugs its block (Adrian, 2026-10-26): about a third of the
   section padding the other home sections keep. The Ask AdiSaan panel floats
   above it regardless, being fixed. */
.home-join{padding:clamp(40px,4.5vw,56px) 0}
@media(max-width:700px){.home-join{padding:36px 0}}
/* The docked Ask AdiSaan panel floats over the band instead of stretching it: the
   column keeps no height of its own and the panel centres on it, so the cream
   band is the newsletter block plus its padding, and the panel may overhang. On
   narrow screens, where the two stack, the panel stays in the flow. */
@media(min-width:801px){
  .home-join__conversation{position:relative;min-height:0;align-self:center}
  .home-join__conversation .adisaan-companion.is-join-guide{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}
}
/* Room above the compact footer (Adrian, 2026-10-26): the Ask AdiSaan panel
   overhangs the newsletter band and must not touch the footer line. */
.footer--compact{padding-top:44px}