/* Warm graphite, champagne and mineral sage. */
:root{--ice:#d8e2da;--peach:#f9d59a;--dim:#c9d0c9}body,#screen{background:#182421}.sky{background:radial-gradient(ellipse at 75% 48%,#f9d89a77 0%,#dcaa6e33 20%,transparent 47%),linear-gradient(157deg,#1a2c29 0%,#344840 38%,#778476 65%,#495e53 85%,#202f2b 100%)}.sun{background:radial-gradient(circle,#ffedbd80,#ecc48c26 38%,transparent 70%)}.edge{box-shadow:inset 0 0 150px #10241cb0}.architecture{opacity:.6}.architecture:after{opacity:.55}
header button{background:#182b24c9;border-color:#e3d1ac44;border-radius:25px;padding:12px 19px}.brand span{color:#c5d7ca}.brand{filter:none}
#copy{background:linear-gradient(140deg,#172c25f5,#24392fed);border-color:#d8d8b849;box-shadow:0 20px 65px #09231655;border-radius:15px}#copy:before,#evidence:before{background:#ffe2a8;box-shadow:0 0 12px #edc88877}#evidence{background:linear-gradient(140deg,#182b23fa,#283c30f5);border:1px solid #e6d5ab70;border-radius:17px;box-shadow:0 22px 65px #0d201c70,inset 0 1px #fff6cf21}#kicker,.eyebrow{color:#e9ce98}#text,#note,.chart-caption,.chart-label{color:#d5e1d6}#result{color:#f7f1de}#source{color:#eed9ae}#metric{color:#ffe5ae;text-shadow:0 0 23px #f6cb7430}.bar{background:#485b4a}.bar i{background:#aac3b1}.bar.warm i{background:linear-gradient(90deg,#d9b478,#f9e2af)}
.incoming,.output,.document{background:linear-gradient(135deg,#344d41f0,#22372df0);border-color:#e6d3a76b;box-shadow:0 16px 45px #0b231b55;border-radius:13px}.incoming{left:33%;top:18%;width:185px}.output{left:51%;top:70%;width:225px}.document{left:30%;top:64%;width:130px}.micro,.incoming p,.output p{color:#d9e6da}.incoming strong,.output strong{color:#ffebc1}.document-line{background:#c6d9c366}.badge{top:11%;background:#22392a99;color:#dbeadf;border-color:#c8d7bd33}.orb{top:26%;left:65%}.ring{border-color:#f2d69c44}.ring:before{border-color:#cbdcc955}.plinth{background:radial-gradient(ellipse,#c8d2b433,#c8d2b408 45%,transparent 70%);border-color:#d9dabb44}.case-index{color:#e5daba09}.actor{left:36%;width:31%;height:72%;top:20%}.links{opacity:0}
#copy h1,#metric,#intro h2 em{background:linear-gradient(105deg,#fff3d9 0%,#fff3d9 38%,#e5bb74 45%,#fffde7 50%,#e5bb74 55%,#fff3d9 62%,#fff3d9 100%);background-size:350% 100%;background-position:100% 50%;color:transparent;background-clip:text;animation:text-light 11s ease-in-out infinite;text-shadow:none}#metric{animation-delay:2.5s}#intro h2 em{animation-delay:1s}
@keyframes text-light{0%,65%{background-position:100% 50%}90%,100%{background-position:0% 50%}}
button{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}header button,#begin,#final button,#case-cta,#copy-brief{position:relative;overflow:hidden;isolation:isolate}header button:after,#begin:after,#final button:after,#case-cta:after,#copy-brief:after{content:'';position:absolute;inset:-50% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff3d52b 50%,transparent 60%);transform:translateX(-50%);transition:transform .7s ease}header button:hover:after,#begin:hover:after,#final button:hover:after,#case-cta:hover:after,#copy-brief:hover:after{transform:translateX(50%)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}header button:hover{border-color:#e6d09a;box-shadow:0 6px 25px #0003}#begin,#final button,#copy-brief{background:linear-gradient(115deg,#eed09b,#fff0c8);color:#24352a;border-radius:30px;box-shadow:0 7px 30px #d9b47722}#begin:hover,#final button:hover{box-shadow:0 10px 35px #d9b47755}#case-cta{border-radius:9px;background:#d6bb7930;color:#fff0c9;border-color:#e8cb8d99}#case-cta:hover{background:#d6bb7945}
#intro{left:6%;top:25%;width:38%}#intro h2{font-size:clamp(48px,5.4vw,90px);line-height:1.06;letter-spacing:-.065em;color:#fff8e8;filter:none;text-shadow:none}#intro>p:not(.eyebrow){font-size:14px;color:#d5e2d7;filter:none}#intro .eyebrow{font-size:8px;letter-spacing:2px;filter:none}#intro button{padding:18px 27px;margin-top:28px}.intro-actor{opacity:1!important;filter:drop-shadow(10px 20px 30px #132b2288)}.intro-actor:nth-child(1){left:43%!important;width:20%!important;height:61%!important;top:28%!important}.intro-actor:nth-child(2){left:65%!important;width:16%!important;height:52%!important;top:34%!important}.intro-actor:nth-child(3){left:83%!important;width:16%!important;height:46%!important;top:39%!important}
#final h2{background-image:linear-gradient(140deg,#c6dbca,#fff0c1 55%,#d7ab72)}#motion,#scene-name,.scroll-hint{color:#cad7c9}#beat-tabs span{color:#aebfab;border-color:#98ac9255}#beat-tabs span.on{color:#f6dfac;border-color:#e7c487}#dots button{background:#b7c8b366}#dots button.active{background:#f5d693}dialog{background:#233b2e;border-color:#9bb49f66}#index-grid button{background:#425e4555;border-color:#cbd9ba33}textarea{background:#172c23;border-color:#6e8d72}dialog small{color:#c6d7c8}
#neural-threads{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.calm #copy h1,.calm #metric,.calm #intro h2 em{animation:none;background:none;color:#fff0cd}.calm button,.calm button:after{transition:none}.calm button:hover{transform:none}
@media(prefers-reduced-motion:reduce){#copy h1,#metric,#intro h2 em{animation:none;background:none;color:#fff0cd}button,button:after{transition:none}button:hover{transform:none}}
@media(max-width:750px){header button{padding:10px 12px}.actor{left:24%;top:34%;width:52%;height:49%}.incoming{left:4%;top:42%;width:117px;padding:10px}.output{left:64%;top:62%;width:125px;padding:10px}.document{left:7%;top:66%;width:85px;padding:10px}.orb{left:78%;top:36%}.badge{top:34%;left:45%;font-size:6px}.ring{left:27%;top:41%}#copy{border-radius:12px}#evidence{border-radius:13px}#intro{left:7%;top:15%;width:86%}#intro h2{font-size:48px;margin:15px 0}#intro>p:not(.eyebrow){font-size:12px}#intro .eyebrow{font-size:7px}#intro button{margin-top:10px;padding:13px 21px}.intro-actor:nth-child(1){left:5%!important;width:31%!important;height:38%!important;top:53%!important}.intro-actor:nth-child(2){left:38%!important;width:27%!important;height:34%!important;top:56%!important}.intro-actor:nth-child(3){left:69%!important;width:28%!important;height:30%!important;top:59%!important}}
@media(max-width:750px) and (max-height:730px){#intro{top:13%}#intro h2{font-size:40px}#intro>p:not(.eyebrow){font-size:11px}#intro button{padding:11px 18px}.actor{top:36%}}
.links{visibility:hidden!important}.orb{left:60%}
@media(max-width:750px){.orb{left:78%}}
@media(max-width:750px){body.showing-result #copy #text,body.showing-result #beat-tabs{display:none}body.showing-result #copy h1{margin-bottom:3px}body.showing-result .actor{top:31%}}