.ideas-section{background:#07131e;border-top:1px solid var(--line)}
.living-ecosystem{border-color:#346078;border-radius:20px;box-shadow:0 34px 85px rgba(0,0,0,.38),0 0 55px rgba(55,170,232,.12)}
.living-ecosystem>img{display:block}
.ecosystem-focus{position:absolute;z-index:2;left:var(--active-x,50%);top:var(--active-y,10%);width:var(--active-w,40%);height:var(--active-h,17%);transform:translate(-50%,-50%);border:2px solid #f5ce88;border-radius:16px;box-shadow:0 0 0 100vmax rgba(2,9,17,.42),0 0 20px rgba(255,210,127,.8),inset 0 0 22px rgba(124,204,252,.2);pointer-events:none;transition:left .65s ease,top .65s ease,width .65s ease,height .65s ease}
.ecosystem-focus::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(120,213,255,.65);border-radius:20px;animation:ecosystem-focus-breathe 2.8s ease-in-out infinite}
.ecosystem-hotspots{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}
.ecosystem-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:var(--w);height:var(--h);padding:0;border:1px solid transparent;border-radius:14px;background:transparent;pointer-events:auto;cursor:pointer}
.ecosystem-hotspot:hover,.ecosystem-hotspot:focus-visible{border-color:#75cbf7;background:rgba(79,167,217,.12);outline:0}
.ecosystem-console{display:grid;grid-template-columns:220px minmax(0,1fr) 190px;align-items:center;gap:24px;background:linear-gradient(100deg,rgba(12,45,65,.97),rgba(4,16,26,.98));border:1px solid #34556a;border-radius:0 0 18px 18px;padding:22px 26px;min-height:200px;box-shadow:0 20px 45px rgba(0,0,0,.2)}
.ecosystem-detail-preview{width:100%;aspect-ratio:3/2;border:1px solid #5aa5cb;border-radius:14px;background-image:url('/assets/uaep-ecosystem.png');background-repeat:no-repeat;background-size:230% 230%;background-position:50% 10%;box-shadow:inset 0 0 25px #00131d,0 0 18px rgba(60,178,239,.12)}
.ecosystem-detail>span{color:#e1b66e;font-size:10px;font-weight:800;letter-spacing:.17em}
.ecosystem-detail strong{display:block;font:800 25px Manrope,Arial,sans-serif;margin:5px 0}
.ecosystem-detail p{margin:0;color:#d6e7f0;font-size:14px;line-height:1.5}
.ecosystem-detail .ecosystem-example{color:#dcbf91;margin-top:8px}
.ecosystem-detail small{display:block;color:#91aebc;font-size:11px;margin-top:10px}
.ecosystem-controls{display:flex;flex-direction:column;align-items:stretch;gap:11px}
.ecosystem-controls label{color:#a7c8d8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.ecosystem-controls select{width:100%;color:#d5effc;background:#0d2d41;border:1px solid #4a86a7;border-radius:10px;padding:10px;font:700 12px DM Sans,Arial,sans-serif}
.ecosystem-controls .button{white-space:nowrap;cursor:pointer;background:rgba(6,25,39,.85)}
.ecosystem-controls .button:focus-visible,.ecosystem-controls select:focus-visible{outline:2px solid #f4c77a;outline-offset:3px}
.living-ecosystem .image-caption{z-index:4}
@keyframes ecosystem-focus-breathe{50%{opacity:.42;transform:scale(1.025)}}
@media(max-width:900px){.ecosystem-console{grid-template-columns:180px minmax(0,1fr)}.ecosystem-controls{grid-column:1/-1;flex-direction:row;align-items:center}.ecosystem-controls select{max-width:240px}.ecosystem-controls .button{margin-left:auto}}
@media(max-width:640px){.ecosystem-hotspots{display:none}.ecosystem-focus{border-width:1px;border-radius:5px}.ecosystem-focus::after{display:none}.ecosystem-console{grid-template-columns:1fr;padding:18px;border-radius:0 0 14px 14px;gap:14px}.ecosystem-detail-preview{max-width:none}.ecosystem-controls{grid-column:auto;display:grid;grid-template-columns:1fr;gap:8px}.ecosystem-controls select,.ecosystem-controls .button{width:100%;max-width:none}.ecosystem-controls .button{margin-left:0}.living-ecosystem .image-caption{position:static}}
@media(prefers-reduced-motion:reduce){.ecosystem-focus,.ecosystem-focus::after{transition:none;animation:none}}
.section,.article-page .article-layout,.lab-workbench{position:relative;isolation:isolate;overflow:hidden}
.ambient-code{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;opacity:.15;mask-image:linear-gradient(90deg,#000,transparent 23%,transparent 77%,#000)}
.ambient-code pre{position:absolute;top:20%;left:2%;color:#61c8ff;font:500 11px/2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;white-space:pre;animation:code-float 24s ease-in-out infinite alternate}
.ambient-code pre:last-child{left:auto;right:2%;top:55%;color:#e2ad67;animation-delay:-9s}
@keyframes code-float{from{transform:translateY(-25px)}to{transform:translateY(25px)}}
.section>*,.article-page .article-layout>*,.lab-workbench>*{position:relative;z-index:1}
.section::before,.article-page .article-layout::before,.lab-workbench::before{
  content:"";position:absolute;inset:-8%;z-index:0;pointer-events:none;
  background:url('/assets/motherboard-atmosphere.png') center center/cover no-repeat;
  opacity:.19;animation:ambient-drift 28s ease-in-out infinite alternate
}
.section::after,.article-page .article-layout::after,.lab-workbench::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 27%,rgba(70,191,255,.08) 48%,rgba(233,187,117,.035) 52%,transparent 72%);
  transform:translateX(-110%);animation:signal-sweep 18s linear infinite
}
@keyframes ambient-drift{from{transform:scale(1) translateY(0)}to{transform:scale(1.07) translateY(-2%)}}
@keyframes signal-sweep{0%,18%{transform:translateX(-110%)}56%,100%{transform:translateX(110%)}}
.ideas-section h2 em{font-style:normal;color:var(--gold)}
.ideas-intro{max-width:730px;color:var(--muted);font-size:18px;margin:0 0 46px}
.ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:36px}
.idea-card{background:#0a1c2a;border:1px solid var(--line);overflow:hidden}
.idea-card img{width:100%;height:210px;object-fit:cover;object-position:center}
.idea-card>div{padding:28px}
.idea-card span{color:var(--gold);font-size:10px;letter-spacing:.18em;font-weight:800}
.idea-card h3{font:800 22px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.035em;min-height:89px;margin:20px 0 14px}
.idea-card p{font-size:14px;color:var(--muted);margin:0}
.lab-invite{border-top:1px solid var(--line);background:linear-gradient(110deg,rgba(8,29,46,.96),rgba(5,13,22,.96)),url('/assets/motherboard-atmosphere.png') center/cover}
.lab-invite-inner{display:flex;gap:35px;justify-content:space-between;align-items:end}
.lab-invite h2{margin-bottom:18px}
.lab-invite p:not(.section-kicker){max-width:660px;color:var(--muted);font-size:17px}
.lab-invite .button{white-space:nowrap;margin-bottom:6px}

.lab-page main{background:#07111b}
.lab-hero{padding-top:39px;padding-bottom:68px;position:relative;isolation:isolate}
.lab-hero::before{content:"";position:absolute;inset:0 calc((min(100vw,1240px) - 100vw)/2);z-index:-1;background:linear-gradient(90deg,rgba(7,17,27,.82),rgba(7,17,27,.62),rgba(7,17,27,.82)),url('/assets/motherboard-atmosphere.png') center/cover;opacity:.65}
.lab-hero h1{font:800 clamp(45px,6vw,80px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.06em;max-width:940px;margin:0}
.lab-deck{font-size:20px;max-width:760px;color:#c2d3dd;margin:28px 0}
.lab-notice{max-width:850px;border-left:3px solid var(--gold);background:rgba(3,15,24,.82);padding:16px 22px;color:#bfd0db;font-size:13px}
.lab-notice strong{color:var(--gold)}
.lab-workbench{padding-top:55px;padding-bottom:100px}
.scenario-chooser{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px}
.scenario-choice{border:1px solid var(--line);background:#0b1d2b;color:#b9ccd8;padding:12px 17px;cursor:pointer;font:700 13px DM Sans,Arial,sans-serif}
.scenario-choice span{color:var(--gold);font-size:10px;letter-spacing:.13em;margin-right:12px}
.scenario-choice:hover,.scenario-choice.is-active{background:#12405a;border-color:var(--blue);color:#fff}
.scenario-choice:focus-visible,.guide-widget button:focus-visible,.guide-question input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.lab-context{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:42px 0 54px}
.lab-overline,.lab-takeaway span{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.2em}
.lab-context h2{font:800 clamp(30px,4vw,46px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:11px 0 14px}
.lab-context p{color:var(--muted);font-size:16px;max-width:690px;margin:0}
.lab-context .button{white-space:nowrap}
.lab-context .button:disabled{opacity:.6;cursor:wait}
.timeline{position:relative;padding:0 4px 45px}
.timeline-track{height:2px;background:#254052;position:relative}
.timeline-progress{position:absolute;left:0;top:0;width:0;height:2px;background:var(--blue);transition:width .4s ease}
.timeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:13px}
.timeline-step{color:#7794a7;font-size:13px;display:flex;gap:12px;align-items:start;transition:color .25s}
.timeline-step>span:first-child{font-size:10px;color:#607f93;border:1px solid #476176;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex:none}
.timeline-step.is-current,.timeline-step.is-done{color:#e3f3fd}
.timeline-step.is-current>span:first-child,.timeline-step.is-done>span:first-child{border-color:var(--blue);color:var(--blue);box-shadow:0 0 14px rgba(101,200,255,.35)}
.evidence-desk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}
.evidence-card{background:linear-gradient(160deg,#0d2a3d,#071824 72%);border:1px solid #46687d;padding:24px;min-height:215px;box-shadow:inset 0 1px rgba(205,236,255,.07),0 18px 38px rgba(0,0,0,.16)}
.evidence-card>span{display:block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:30px}
.evidence-card>strong{font:800 clamp(18px,2vw,26px)/1.3 Manrope,Arial,sans-serif;color:#f1f7fb;display:block}
.evidence-card p{font-size:13px;color:#adc2ce;margin:18px 0 0}
.signal-card,.observed-card{border-color:#355166}
.signal-card.is-revealed{border-color:var(--gold)}
.observed-card.is-revealed{border-color:var(--blue)}
#fact-observed{font-size:16px;color:#c4d6e0}
.observed-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 0;border-bottom:1px solid var(--line)}
.observed-row strong{font:800 17px Manrope,Arial,sans-serif}
.observed-row.tone-mismatch strong,.observed-row.tone-wrong strong{color:#f1ad99}
.observed-row.tone-match strong{color:#9cdefe}
.consequence{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);font-size:13px;color:#e4c2b3;font-weight:700}
.assured-card .consequence{color:#9edcfb}
.consequence:empty{display:none}
.trace-panel{background:#06131e;border:1px solid #34526a;margin-top:20px;padding:20px 25px}
.trace-panel>span{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.2em}
.trace-panel ol{list-style:none;padding:0;margin:16px 0 0;color:#bcd1de;font:500 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.trace-panel li{padding:5px 0 5px 34px;position:relative;border-top:1px solid rgba(159,202,225,.1)}
.trace-panel li::before{content:'›';position:absolute;left:10px;color:var(--blue);font-size:20px;line-height:1.1}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.comparison-card{min-height:300px;background:linear-gradient(145deg,#0f293a,#071722 78%);border:1px solid #38596e;padding:30px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 40px rgba(0,0,0,.19)}
.baseline-card{border-top:2px solid #d2907d}.assured-card{border-top:2px solid var(--blue)}
.comparison-head{display:flex;align-items:start;justify-content:space-between;gap:15px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#c1d3dd}
.comparison-symbol{font:800 25px Manrope,Arial,sans-serif;line-height:1;color:#d2907d}.assured-card .comparison-symbol{color:var(--blue)}
.comparison-lede{color:var(--muted);margin:27px 0 16px;font-size:15px}
.outcome-status{display:inline-block;padding:8px 13px;border:1px solid #6c8293;color:#c5d7e2;font:800 15px Manrope,Arial,sans-serif;letter-spacing:.04em}
.baseline-card .outcome-status{border-color:#a6756a;color:#f1ae99}.assured-card .outcome-status{border-color:var(--blue);color:#86d5ff}
.comparison-detail{color:#c4d5de;margin:19px 0 0;font-size:15px;max-width:480px}
.lab-takeaway{border-left:3px solid var(--gold);padding:18px 25px;background:#0c2332;margin-top:22px}
.lab-takeaway p{font:700 18px/1.5 Manrope,Arial,sans-serif;margin:9px 0 0}
.lab-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:100px}
.lab-bottom p{max-width:790px;color:var(--muted);font-size:15px}
.lab-bottom .button{white-space:nowrap}

.guide-widget{position:fixed;right:22px;bottom:20px;z-index:100;font-family:'DM Sans',Arial,sans-serif}
.guide-widget{transition:left .72s cubic-bezier(.22,1,.36,1),top .72s cubic-bezier(.22,1,.36,1)}
.guide-toggle{display:flex;align-items:center;gap:9px;border:1px solid #5bb4e5;background:rgba(4,16,27,.96);color:#e9f5fb;border-radius:45px 12px 12px 45px;padding:5px 15px 5px 4px;box-shadow:0 10px 35px rgba(0,0,0,.5),0 0 18px rgba(65,171,232,.2);cursor:pointer;font-weight:800;font-size:12px}
.guide-toggle:hover{border-color:var(--gold);background:#102c3d}
.guide-toggle>span:last-child{padding-right:5px}
.guide-mascot{position:relative;display:block;width:78px;height:78px;flex:none;animation:mascot-bob 3.3s ease-in-out infinite}
.mascot-render{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(77,196,255,.55));transition:transform .36s ease,filter .36s ease}
.guide-toggle:hover .mascot-render{transform:rotate(-7deg) scale(1.08);filter:drop-shadow(0 0 16px rgba(236,193,113,.76))}
.guide-toggle.is-speaking .mascot-render{animation:mascot-speak .35s ease-in-out infinite alternate}
.guide-panel{position:absolute;right:0;bottom:78px;width:min(380px,calc(100vw - 30px));max-height:min(75vh,600px);overflow-y:auto;background:#081b2a;border:1px solid #4aa5d8;box-shadow:0 22px 65px rgba(0,0,0,.64);color:#e7f1f7}
.guide-panel{position:fixed;right:22px;bottom:96px}
.guide-panel[hidden]{display:none}
.guide-bubble{position:absolute;right:0;bottom:75px;width:min(260px,calc(100vw - 32px));background:rgba(7,30,45,.96);border:1px solid var(--blue);padding:11px 13px;color:#e7f7ff;font-size:12px;line-height:1.5;box-shadow:0 12px 32px rgba(0,0,0,.4);pointer-events:none}
.guide-bubble[hidden]{display:none}
.guide-head{padding:17px 17px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;background:#0c2739}
.guide-head>div{display:flex;flex-direction:column;line-height:1.2;position:relative;padding-left:18px}
.guide-dot{position:absolute;left:0;top:2px;background:var(--blue);width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px var(--blue)}
.guide-head strong{font-size:11px;letter-spacing:.15em}.guide-head small{color:var(--muted);font-size:10px;margin-top:5px}
.guide-close{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer;align-self:start;line-height:1}
.guide-close:hover{color:#fff}
.guide-body{padding:18px}
.guide-message{margin:0 0 18px;font-size:14px;line-height:1.6;color:#d2e3eb}
.guide-choices{display:flex;flex-wrap:wrap;gap:7px}
.guide-choices button{background:#102e41;color:#bfeaff;border:1px solid #396b88;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}
.guide-choices button:hover{background:#17435c}
.guide-question{padding:0 18px 18px}
.guide-question label{display:block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}
.guide-question>div{display:flex}
.guide-question input{background:#06131e;border:1px solid #446479;color:#fff;padding:10px;min-width:0;flex:1;font-size:12px}
.guide-question input::placeholder{color:#839bab}
.guide-question button,.guide-controls button{background:#173b53;border:1px solid #477692;color:#e2f4fc;padding:9px 12px;font-weight:800;font-size:11px;cursor:pointer}
.guide-question button{background:var(--blue);color:#07111b;border-color:var(--blue)}
.guide-options{display:flex;gap:8px;padding:0 18px 15px}
.guide-options button{border:1px solid #375f77;background:#0d2d41;color:#bdeaff;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}
.guide-options button[aria-pressed="false"]{color:#8ea4b3;border-color:#354857;background:#0b1c29}
.guide-controls{display:flex;gap:7px;padding:14px 18px;border-top:1px solid var(--line)}
.guide-controls button:disabled{opacity:.45;cursor:not-allowed}
.guide-controls button:hover:not(:disabled){background:#265776}
@keyframes mascot-bob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-4px)}}
@keyframes mascot-speak{to{transform:translateY(-2px) scale(1.045);filter:drop-shadow(0 0 17px rgba(120,218,255,.9))}}
/* Rounded, layered controls soften the otherwise rigid instrument layout. */
.idea-card,.evidence-card,.comparison-card,.trace-panel,.guide-panel{border-radius:18px}
.idea-card,.evidence-card,.comparison-card{box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 45px rgba(0,0,0,.22)}
.evidence-card,.comparison-card{backdrop-filter:blur(10px)}
.scenario-choice{border-radius:999px}
.lab-notice,.lab-takeaway{border-radius:0 14px 14px 0}
.button{border-radius:11px}
.guide-question input{border-radius:9px 0 0 9px}
.guide-question button{border-radius:0 9px 9px 0}
.guide-options button,.guide-controls button,.guide-choices button{border-radius:8px}
@media(max-width:900px){.ideas-grid{grid-template-columns:1fr 1fr}.idea-card:last-child{grid-column:span 2}.comparison-grid{grid-template-columns:1fr}.evidence-desk{grid-template-columns:1fr}.evidence-card{min-height:0}.evidence-card>span{margin-bottom:15px}.lab-bottom{display:block}.lab-bottom .button{margin-top:20px}}
@media(max-width:640px){.ambient-code{display:none}.site-header nav a:first-child,.site-header nav a:last-child{display:none}.site-header nav{gap:14px}.ideas-grid{grid-template-columns:1fr}.idea-card:last-child{grid-column:auto}.idea-card h3{min-height:0}.idea-card img{height:190px}.lab-invite-inner,.lab-context{display:block}.lab-context .button{margin-top:25px}.timeline-steps{gap:5px}.timeline-step{font-size:10px;display:block}.timeline-step>span:first-child{margin-bottom:8px}.comparison-card{padding:22px;min-height:0}.lab-hero h1{font-size:42px}.lab-deck{font-size:17px}.guide-widget{right:12px;bottom:12px}.guide-toggle{font-size:10px}.guide-panel{bottom:74px}}
@media(prefers-reduced-motion:reduce){.ambient-code pre,.guide-mascot,.guide-toggle.is-speaking .mascot-render,.section::before,.section::after,.article-page .article-layout::before,.article-page .article-layout::after,.lab-workbench::before,.lab-workbench::after{animation:none}.timeline-progress,.guide-widget{transition:none}}
/* Site-wide cinematic motion: decorative only, with a complete static fallback. */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:110;pointer-events:none;background:rgba(41,75,98,.35)}
.reading-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#71caff,#f1c479);box-shadow:0 0 11px rgba(110,207,255,.7)}
.motion-ready .reveal{opacity:0;transform:translateY(24px);filter:blur(3px);transition:opacity .72s ease var(--reveal-delay,0ms),transform .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),filter .72s ease var(--reveal-delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:none;filter:none}
.home-page .hero::before,.article-page .article-hero::before{animation:hero-atmosphere 18s ease-in-out infinite alternate}
.home-page .hero-grid{position:relative}
.home-page .hero-grid::after{content:"";position:absolute;right:2%;top:0;width:280px;height:280px;border:1px solid rgba(108,197,246,.12);border-radius:50%;box-shadow:0 0 0 50px rgba(92,170,220,.022),0 0 0 100px rgba(92,170,220,.018);pointer-events:none;animation:hero-orbit 16s ease-in-out infinite alternate}
.hero h1 em,.article-hero h1 em{background:linear-gradient(90deg,#f4c985,#fff0ce,#e9bb75);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-light 9s ease-in-out infinite alternate}
.hero-quote,.feature-aside,.sticky-aside{position:relative}
.hero-quote::after,.sticky-aside::after{content:"";position:absolute;left:-2px;top:0;width:3px;height:40%;background:linear-gradient(#77d2ff,transparent);box-shadow:0 0 16px #62c7ff;animation:assurance-trace 6s ease-in-out infinite alternate;pointer-events:none}
.feature-aside::before,.idea-card::before,.comparison-card::before,.evidence-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(103,198,252,.13),transparent 73%);opacity:0;transition:opacity .32s}
.feature-aside:hover::before,.idea-card:hover::before,.comparison-card:hover::before,.evidence-card:hover::before{opacity:1}
.idea-card,.feature-aside,.comparison-card,.evidence-card{position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s}
.idea-card:hover,.feature-aside:hover,.comparison-card:hover,.evidence-card:hover{transform:translateY(-5px);border-color:rgba(115,205,255,.5);box-shadow:0 25px 55px rgba(0,0,0,.28),0 0 22px rgba(60,157,215,.12)}
.idea-card img{transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s}
.idea-card:hover img{transform:scale(1.055);filter:brightness(1.13)}
.thesis-grid>div{position:relative}
.thesis-grid>div::before{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#f1bd72,#6fc9fb);box-shadow:0 0 12px #79ceff;transition:width .7s ease}
.thesis-grid>div:hover::before,.thesis-grid>div.is-visible::before{width:100%}
.article-page .prose blockquote{position:relative;background:linear-gradient(90deg,rgba(104,192,236,.07),transparent 65%);border-radius:0 12px 12px 0}
.article-page .prose blockquote::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);box-shadow:0 0 17px rgba(241,188,103,.5)}
.lab-page .timeline-progress{box-shadow:0 0 16px #68cafa}
.lab-page .observed-card.is-revealed,.lab-page .signal-card.is-revealed{animation:lab-evidence-glow 1.2s ease-out 1}
@keyframes hero-atmosphere{to{background-position:56% 45%}}
@keyframes hero-orbit{to{transform:translate(-12px,20px) rotate(15deg);opacity:.62}}
@keyframes title-light{to{background-position:100% 50%}}
@keyframes assurance-trace{to{top:58%;height:30%}}
@keyframes lab-evidence-glow{40%{box-shadow:0 0 28px rgba(89,187,243,.34)}}
@media(max-width:640px){.home-page .hero-grid::after{width:140px;height:140px;right:-30px;opacity:.4}.motion-ready .reveal{transform:translateY(14px);filter:none}.guide-toggle{width:68px;height:68px;padding:2px;border-radius:50%;justify-content:center}.guide-mascot{width:64px;height:64px}.guide-toggle>span:last-child{display:none}.guide-widget{right:10px;bottom:10px}.guide-panel{right:10px;bottom:85px}.guide-bubble{right:0;bottom:74px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;filter:none;transition:none}.home-page .hero::before,.article-page .article-hero::before,.home-page .hero-grid::after,.hero h1 em,.article-hero h1 em,.hero-quote::after,.sticky-aside::after,.lab-page .observed-card.is-revealed,.lab-page .signal-card.is-revealed{animation:none}}
.mascot-stage{width:min(780px,calc(100vw - 28px));max-height:min(90vh,850px);padding:0;border:1px solid #59b9eb;border-radius:22px;background:radial-gradient(circle at 50% 34%,#174469 0,#0b2032 52%,#06131f 100%);color:#eaf8ff;box-shadow:0 30px 100px #000b,0 0 45px #43baff33}
.mascot-stage::backdrop{background:#020812cf;backdrop-filter:blur(10px)}
.mascot-stage-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:24px 28px 6px}.mascot-stage-head span{color:#e6c586;font:800 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.24em}.mascot-stage-head h2{font:800 clamp(22px,3vw,32px)/1.15 Manrope,Arial,sans-serif;margin:8px 0 0}.mascot-stage-head button{background:#0f3149;border:1px solid #5da8d0;border-radius:50%;color:#eaf8ff;width:36px;height:36px;cursor:pointer;font-size:25px;line-height:1}
.mascot-stage-view{position:relative;height:min(60vh,550px);min-height:350px}.mascot-stage-view model-viewer{width:100%;height:100%;background:radial-gradient(circle at center,#4082a03d,transparent 66%)}.mascot-stage-view p{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#c4dce9;background:#061825c9;border:1px solid #356484;border-radius:20px;padding:7px 13px;font-size:11px;pointer-events:none}.mascot-stage-note{margin:0;padding:0 28px 22px;color:#91acbc;font-size:12px}
@media(max-width:640px){.guide-options{flex-wrap:wrap}.mascot-stage-view{min-height:300px}.mascot-stage-head{padding:20px 18px 3px}.mascot-stage-note{padding:0 18px 18px}}

/* Public record: a clearly sourced route from the story to the visible discussion. */
.record-section{position:relative;border-top:1px solid var(--line);background:radial-gradient(circle at 18% 0,rgba(44,143,204,.12),transparent 42%),#071722}
.record-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}
.record-intro>p{max-width:570px;color:#b8cbd7;font-size:16px;margin:0 0 36px}
.record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.record-grid article{min-height:325px;padding:27px 23px 25px;background:linear-gradient(155deg,#0d293e,#091c2b 70%);border:1px solid rgba(129,197,232,.22);border-radius:22px;display:flex;flex-direction:column}
.record-grid article>span{font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.13em;color:var(--gold)}
.record-grid h3{font:800 21px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:28px 0 15px}
.record-grid p{font-size:13px;line-height:1.65;color:#afc3d0;margin:0 0 23px}
.record-grid a{color:#8fd7ff;font-size:12px;font-weight:800;text-decoration:none;margin-top:auto}
.record-grid a:hover{text-decoration:underline}
@media(max-width:1000px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid article{min-height:260px}}
@media(max-width:640px){.record-intro{grid-template-columns:1fr;gap:0}.record-intro>p{margin:0 0 22px}.record-grid{grid-template-columns:1fr}.record-grid article{min-height:0}.record-grid h3{margin-top:18px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:6px 14px}.site-header nav a{font-size:10px}}

/* Keep the original infographic sharp: reveal only the useful parts of the Runway motion study. */
.living-ecosystem{isolation:isolate}
.living-ecosystem>img{position:relative;z-index:0}
.earth-rotation{position:absolute;inset:0;z-index:1;pointer-events:none;background:url('/assets/uaep-ecosystem.png') 50% 50%/106% 100% no-repeat;mask-image:linear-gradient(to bottom,transparent 86%,#000 90%,#000 94%,transparent 97%);mix-blend-mode:screen;opacity:.23;animation:earth-drift 65s linear infinite alternate}
.ecosystem-motion{position:absolute;z-index:2;left:5.47%;top:0;width:88.93%;height:100%;object-fit:fill;pointer-events:none;opacity:.94}
.motion-emblem{mask-image:radial-gradient(ellipse 8% 7% at 29% 9%,#000 42%,rgba(0,0,0,.6) 65%,transparent 100%)}
.motion-infinity{mask-image:radial-gradient(ellipse 11% 6% at 14% 28%,#000 42%,rgba(0,0,0,.6) 65%,transparent 100%)}
.motion-family-icons{opacity:.55;mask-image:radial-gradient(ellipse 11% 6% at 50% 27%,#000 35%,transparent 78%),radial-gradient(ellipse 4% 3% at 11% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 22% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 33% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 45% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 56% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 67% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 78% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 4% 3% at 90% 52%,#000 25%,transparent 85%),radial-gradient(ellipse 5% 4% at 22% 78%,#000 25%,transparent 82%),radial-gradient(ellipse 5% 4% at 41% 78%,#000 25%,transparent 82%),radial-gradient(ellipse 5% 4% at 58% 78%,#000 25%,transparent 82%);mask-composite:add}
.living-ecosystem::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(196,237,255,.8) 49%,rgba(255,255,255,.9) 50%,rgba(196,237,255,.8) 51%,transparent 65%) 180% 0/280% 100% no-repeat;mask-image:url('/assets/uaep-ecosystem.png');mask-size:100% 100%;mask-mode:luminance;clip-path:inset(0 27% 88% 37%);mix-blend-mode:screen;opacity:.3;animation:uaep-reflection 13s ease-in-out infinite}
.living-ecosystem.motion-paused .ecosystem-motion,.living-ecosystem.motion-paused .earth-rotation{visibility:hidden}
.living-ecosystem.motion-paused::after{visibility:hidden}
@keyframes uaep-reflection{0%,16%{background-position:180% 0}44%,100%{background-position:-80% 0}}
#ecosystem-motion-toggle{border-color:#6aa6c6;color:#d4ecf8}
#ecosystem-motion-toggle:disabled{opacity:.55;cursor:not-allowed}
@keyframes earth-drift{from{background-position:47% 50%}to{background-position:53% 50%}}
@media(prefers-reduced-motion:reduce){.earth-rotation,.living-ecosystem::after{animation:none}.ecosystem-motion,.earth-rotation,.living-ecosystem::after{visibility:hidden}}
