/* Browser surfaces: selection and scrollbars belong to the palette, not the OS. */
::selection{background:rgba(0,242,254,.3);color:#fff}
html{scrollbar-color:rgba(0,242,254,.3) var(--bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:rgba(0,242,254,.26);border:2px solid var(--bg);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,242,254,.45)}
.signal-frame{touch-action:pan-y;cursor:ew-resize;outline-offset:5px}
.signal-ripples{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.signal-hint{position:absolute;z-index:3;right:.8rem;bottom:.8rem;padding:.35rem .55rem;border:1px solid var(--line);background:rgba(7,9,10,.72);color:var(--muted);font:12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:opacity .25s}
.signal-frame.interacted .signal-hint{opacity:0}
.signal-tag{position:absolute;z-index:3;left:.8rem;top:.8rem;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border:1px solid var(--line);background:rgba(7,9,10,.72);color:var(--muted);font:12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.signal-tag i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(0,242,254,.7)}
.signal-time{position:absolute;z-index:3;left:.8rem;bottom:.8rem;color:var(--muted);font:12px/1 var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;transition:color .25s}
.signal-frame.playing .signal-time{color:var(--text)}
.signal-frame.playing .signal-video{filter:grayscale(.8) contrast(1.1) brightness(1.03)}
.signal-frame:focus-visible{outline:1px solid var(--accent);outline-offset:5px}
.repo-row.is-private{color:var(--muted);cursor:default}
.repo-row.is-private:hover{color:var(--muted)}
.repo-row.is-private small{color:var(--muted);opacity:.75}
.catalogue-tools{margin-bottom:1.2rem}
.catalogue-tools .system-filters{margin-bottom:.7rem}
.catalogue-search-label{display:block;margin:0 0 .35rem;color:var(--muted);font:12px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.catalogue-search{width:min(100%,24rem);padding:.7rem .8rem;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);font:inherit}
.catalogue-search:focus{outline:1px solid var(--accent);outline-offset:2px}
.catalogue-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.catalogue-card{display:block;width:100%;min-width:0;padding:10px;text-align:left;color:var(--text);cursor:pointer;break-inside:avoid}
.catalogue-card:hover,.catalogue-card:focus-visible{border-color:rgba(0,242,254,.55);transform:translateY(-2px)}
.catalogue-card:hover .catalogue-image,.catalogue-card:focus-visible .catalogue-image{filter:contrast(1.14) brightness(1.06);transform:scale(1.02)}
.catalogue-card .catalogue-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#111715;filter:grayscale(1) contrast(1.05);opacity:.45;transition:opacity .25s,transform .35s,filter .35s;}
.catalogue-card .catalogue-image.loaded{opacity:1}
.catalogue-card-body{display:grid;gap:.15rem;padding:8px 4px 2px}
.catalogue-card-body>strong{font-size:1rem;font-weight:600;line-height:1.3}
.catalogue-card .lab__caption{padding:3px 0 0;background:none}
.reference-badge{justify-self:start;margin-top:.35rem;padding:.2rem .4rem;border:1px solid var(--line);color:var(--muted);font:10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.catalogue-lightbox{position:fixed;inset:0;width:min(100vw,900px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0d1210;color:var(--text);}
.catalogue-lightbox::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}
.lightbox-close{position:absolute;z-index:2;top:.65rem;right:.65rem;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%;background:rgba(7,9,10,.8);color:var(--text);font-size:1.7rem;cursor:pointer}
.lightbox-image-wrap{display:grid;place-items:center;width:100%;height:min(76dvh,760px);overflow:hidden;touch-action:none;background:var(--bg)}
.lightbox-image-wrap img{display:block;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .08s linear;user-select:none}
.lightbox-meta{padding:1rem 1.1rem 1.2rem}.lightbox-caption{margin:0;font-size:1rem}.lightbox-credit{margin:.45rem 0 0;color:var(--muted);font:12px/1.5 var(--mono)}
.contact-actions{display:flex;flex-wrap:wrap;gap:.55rem}.copy-email{background:transparent;cursor:pointer}
@media(min-width:481px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.catalogue-grid{grid-template-columns:1fr}.catalogue-card .catalogue-image{aspect-ratio:4/3}.contact-actions{align-items:stretch;flex-direction:column}.contact-actions .contact-link{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.signal-hint,.catalogue-card,.catalogue-card .catalogue-image,.lightbox-image-wrap img{transition:none!important}}
/* Native image ratios form a light masonry layout without a layout library. */
.catalogue-grid{display:block;columns:1;column-gap:16px}
.catalogue-grid>.catalogue-card{display:inline-block;vertical-align:top;margin:0 0 16px;break-inside:avoid}
.catalogue-grid .lab__card:first-child,.catalogue-grid .lab__card:nth-child(2),.catalogue-grid .lab__card:nth-child(3){grid-column:auto;grid-row:auto}
.catalogue-grid .catalogue-image{aspect-ratio:auto;object-fit:cover}
@media(min-width:481px){.catalogue-grid{columns:2}}
@media(min-width:900px){.catalogue-grid{columns:3}}
@media(min-width:1200px){.catalogue-grid{columns:4}}

.catalogue-lightbox img{filter:grayscale(1) contrast(1.05)}
.catalogue-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.catalogue-image.load-error{min-height:180px;opacity:.35}

/* Industrial editorial refresh: tokens and layout follow docs/DESIGN_SYSTEM.md. */
:root{
  --bg:#05080c;
  --surface:#090d12;
  --surface-2:#0e131a;
  --text:#f5f7f8;
  --muted:#8a939c;
  --accent:#00f2fe;
  --accent-2:#2dd4bf;
  --line:rgba(245,247,248,.10);
  --line-strong:rgba(245,247,248,.18);
  --radius:4px;
  --radius-sm:2px;
  --dur-micro:.22s;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
html,body{background:var(--bg);color:var(--text)}
.shell{width:min(var(--max),100%);padding-inline:var(--gutter)}
h1,h2,h3{font-family:var(--sans)}
h1{font-family:Kanit,var(--sans);font-weight:800;letter-spacing:-.045em;line-height:.94;text-transform:uppercase;text-wrap:balance;font-size:clamp(3.3rem,8.6vw,8rem)}
h1 em{color:var(--accent);font-style:normal}
h2{font-family:Kanit,var(--sans);font-weight:700;letter-spacing:-.035em}
.header{height:5rem;margin-bottom:-5rem;z-index:200}
.header.scrolled{background:rgba(5,8,12,.88);border-color:var(--line);backdrop-filter:blur(18px)}
.header-inner{gap:1.25rem}
.brand{display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.92rem;letter-spacing:.08em;color:var(--text)}
.brand .brand-mark{color:var(--accent);font-size:1.2rem}
.brand .brand-handle{font-weight:400;letter-spacing:0;color:var(--muted)}
.nav{justify-content:center;gap:clamp(.7rem,2vw,1.8rem);font-size:.68rem;letter-spacing:.12em;color:var(--muted)}
.nav a{min-height:44px;display:inline-flex;align-items:center;transition:color var(--dur-micro)}
.nav a:hover,.nav a[aria-current="location"]{color:var(--accent)}
.terminal-trigger{min-height:44px;padding:.55rem .9rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:transparent;color:var(--text);font:500 .72rem/1 var(--mono);cursor:pointer;transition:border-color var(--dur-micro),color var(--dur-micro)}
.terminal-trigger:hover{border-color:var(--accent);color:var(--accent)}
.hero{min-height:min(900px,100svh);min-height:max(760px,100svh);align-items:center;padding:9rem 0 6rem;background:var(--bg)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(245,247,248,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(245,247,248,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 75%,transparent)}
.hero-video{opacity:.33;filter:grayscale(1) contrast(1.1);object-position:center 46%}
.hero-shade{background:linear-gradient(180deg,rgba(5,8,12,.52),rgba(5,8,12,.22) 40%,rgba(5,8,12,.78)),linear-gradient(90deg,rgba(5,8,12,.58),transparent 28%,transparent 72%,rgba(5,8,12,.58))}
.hero-content{z-index:2;text-align:center;max-width:1200px;margin-inline:auto}
.hero-kicker{display:inline-flex;justify-content:center;align-items:center;gap:.7rem;margin:0 auto 2rem;padding:.55rem .8rem;border:1px solid rgba(0,242,254,.42);border-radius:var(--radius);background:rgba(5,8,12,.52);color:#83f8ff;font:500 .72rem/1.3 var(--mono);letter-spacing:.17em}
.status-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(0,242,254,.65)}
.hero h1{max-width:1100px;margin-inline:auto}
.hero-line{max-width:69ch;margin:1.6rem auto 0;color:#c1c8ce;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.6}
.hero-stack{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 1.5rem;margin:1.45rem auto 2rem;color:var(--muted);font:500 .7rem/1.5 var(--mono);letter-spacing:.18em}
.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.7rem}
.hero-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:.75rem 1.05rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:rgba(5,8,12,.4);color:var(--text);font:500 .75rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),border-color var(--dur-micro),color var(--dur-micro),background var(--dur-micro)}
.hero-button:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}
.hero-button-primary{border-color:var(--accent);background:var(--accent);color:#041014;font-weight:600}
.hero-button-primary:hover{background:#72f8ff;color:#041014}
.hero-hud{position:absolute;z-index:2;top:50%;display:grid;gap:.3rem;transform:translateY(-50%);font:500 .65rem/1.4 var(--mono);letter-spacing:.12em}
.hero-hud span{margin-top:1rem;color:var(--muted)}
.hero-hud span:first-child{margin-top:0}
.hero-hud strong{color:#d6dde2;font-weight:500}
.hero-hud-left{left:max(1.5rem,calc((100vw - 1500px)/2));text-align:left}
.hero-hud-right{right:max(1.5rem,calc((100vw - 1500px)/2));text-align:right}
.hero-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(14,19,26,.45),rgba(9,13,18,.9),rgba(14,19,26,.45))}
.hero-stats-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-block:1.2rem}
.hero-stat{display:flex;align-items:center;gap:.8rem;min-height:48px}
.hero-stat strong{display:grid;place-items:center;min-width:2.75rem;min-height:2.35rem;padding:.35rem .55rem;border:1px solid rgba(0,242,254,.4);border-radius:var(--radius);color:var(--accent);font:500 1rem/1 var(--mono)}
.hero-stat span{color:var(--muted);font:500 .68rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
section.section,.signal-section,.contact-section{scroll-margin-top:5rem}
.section-label{color:#aeb8c0}
.filter-button{min-height:40px;border-radius:var(--radius-sm);padding:.5rem .75rem}
.filter-button[aria-pressed="true"],.filter-button:hover{color:var(--accent);border-color:var(--accent)}
.systems-grid{border-color:var(--line)}
.system{background:var(--surface);border-color:var(--line);transition:background var(--dur-micro),border-color var(--dur-micro)}
.system:hover{background:var(--surface-2)}
.system-num{color:var(--accent)}
.system::after{border-color:var(--accent)}
.lab__card{border-radius:var(--radius);background:rgba(14,19,26,.72);border-color:var(--line);backdrop-filter:blur(8px)}
.lab__card img{border-radius:var(--radius-sm)}
.lab__card::after{border-color:var(--accent)}
.contact-link{min-height:44px;border-color:var(--line-strong);border-radius:var(--radius);color:var(--text)}
.contact-link:hover{background:var(--accent);border-color:var(--accent);color:#041014}
.terminal{border-color:var(--accent);border-radius:var(--radius);background:rgba(5,8,12,.98)}
.catalogue-card{border-radius:var(--radius);background:var(--surface);border-color:var(--line)}
.catalogue-card:hover{border-color:rgba(0,242,254,.5)}
.catalogue-card .catalogue-image{background:var(--surface-2)}
.catalogue-search{border-radius:var(--radius);background:var(--surface)}
.catalogue-search:focus{outline-color:var(--accent)}
.catalogue-lightbox{border-radius:var(--radius);background:var(--surface)}
.lightbox-close{width:44px;height:44px;border-radius:var(--radius);border-color:var(--line-strong)}
.lightbox-image-wrap{background:var(--bg)}
.skip{background:var(--accent);color:#041014}
:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.hero-hud{display:none}}
@media(max-width:759px){
  .header{height:4.25rem;margin-bottom:-4.25rem}
  .header-inner{gap:.5rem}
  .brand{font-size:.76rem;gap:.35rem}
  .nav{gap:.4rem;font-size:.58rem;letter-spacing:.07em}
  .nav a{min-height:44px}
  .nav a[href="#signal"]{display:none}
  .terminal-trigger{display:none}
  .hero{min-height:100svh;min-height:max(760px,100svh);padding:7rem 0 4.5rem}
  .hero-kicker{font-size:.61rem;letter-spacing:.1em;margin-bottom:1.6rem}
  .hero h1{font-size:clamp(2.75rem,11vw,5.2rem);line-height:.96;letter-spacing:-.04em}
  .hero-line{font-size:1rem;line-height:1.55;margin-top:1.3rem}
  .hero-stack{gap:.6rem 1rem;margin:1.2rem auto 1.5rem;font-size:.62rem}
  .hero-actions{flex-direction:column;align-items:stretch;width:min(100%,25rem);margin-inline:auto}
  .hero-button{width:100%;min-height:48px}
  .hero-stats-inner{grid-template-columns:1fr;gap:.2rem;padding-block:.8rem}
  .hero-stat{min-height:48px}
}
@media(max-width:390px){
  .brand-handle{display:none!important}
  .nav{gap:.3rem;font-size:.55rem}
  .hero{padding-top:6.5rem}
  .hero-kicker{max-width:100%;padding:.48rem .55rem;font-size:.55rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-button,.terminal-trigger,.system,.catalogue-card,.catalogue-card .catalogue-image{transition:none!important}
  .hero-button:hover{transform:none}
}

/* Mid-page centerpiece: the green signal footage sits inside a layered device stack. */
.green-core-section{position:relative;overflow:hidden;padding-block:clamp(5rem,10vw,9rem);border-block:1px solid var(--line);background:radial-gradient(ellipse at 72% 52%,rgba(32,126,62,.11),transparent 38%),linear-gradient(115deg,#070b10,var(--bg) 58%,#08100d)}
.green-core-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(245,247,248,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(245,247,248,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 48%,black 90%,transparent)}
.green-core-grid{position:relative;display:grid;grid-template-columns:minmax(17rem,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.green-core-copy{position:relative;z-index:2}
.green-core-copy .eyebrow{color:#9da8a6}
.green-signal-dot,.screen-live i{width:6px;height:6px;display:inline-block;flex:none;border-radius:50%;background:#81ff91;box-shadow:0 0 12px rgba(129,255,145,.65)}
.green-core-copy h2{margin:.55rem 0 1.1rem;font-size:clamp(2.4rem,5.4vw,5.2rem);line-height:.96;letter-spacing:-.04em;text-transform:uppercase}
.green-core-copy h2 em{color:#81ff91;font-style:normal}
.green-core-lede{max-width:42ch;margin:0;color:#c0c9c8;font-size:1.05rem;line-height:1.7}
.stack-path{display:grid;gap:0;margin:2rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line);max-width:27rem}
.stack-path li{display:flex;align-items:center;gap:.9rem;min-height:43px;border-bottom:1px solid var(--line);font:500 .75rem/1.4 var(--mono);letter-spacing:.04em;color:var(--text)}
.stack-path li span{color:#81ff91;font-size:.65rem}
.green-stage-wrap{min-width:0;perspective:1100px}
.green-stage{--pointer-x:0deg;--pointer-y:0deg;position:relative;isolation:isolate;width:100%;aspect-ratio:1.12;min-height:340px;transform-style:preserve-3d;transform:perspective(1100px) rotateX(calc(4deg + var(--pointer-y))) rotateY(calc(-9deg + var(--pointer-x)));transition:transform .6s var(--ease-out);}
.stage-shadow{position:absolute;z-index:-1;left:14%;right:6%;bottom:4%;height:14%;transform:translateZ(-45px) rotateX(74deg);background:rgba(0,0,0,.7);filter:blur(28px);border-radius:50%}
.device-plate{position:absolute;display:block;border:1px solid rgba(213,231,223,.24);background:linear-gradient(145deg,rgba(27,38,38,.94),rgba(8,13,16,.98));box-shadow:0 24px 55px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07);border-radius:5px;transform-style:preserve-3d}
.device-plate>span{position:absolute;left:1rem;top:.8rem;color:#9ba9a3;font:500 .58rem/1.4 var(--mono);letter-spacing:.12em}
.device-plate i,.device-plate b{position:absolute;display:block;width:8px;height:8px;border:1px solid rgba(129,255,145,.72);border-radius:50%;box-shadow:0 0 14px rgba(129,255,145,.26)}
.plate-back{width:68%;height:76%;left:12%;top:8%;transform:translateZ(-42px) rotateZ(-8deg);background:linear-gradient(135deg,#16231e,#09100f 60%,#10191b)}
.plate-back i{right:12%;bottom:17%}
.plate-board{width:75%;height:68%;left:20%;top:17%;transform:translateZ(-10px) rotateZ(4deg);background:linear-gradient(135deg,#24352b,#10191a 58%,#0a1015)}
.plate-board i{left:14%;bottom:16%}.plate-board b{right:18%;top:27%;width:22px;height:22px;border:1px solid rgba(129,255,145,.45);border-radius:2px}
.signal-screen{position:absolute;z-index:3;left:15%;top:14%;width:72%;height:70%;overflow:hidden;transform:translateZ(42px) rotateZ(-2deg);border:1px solid rgba(129,255,145,.5);border-radius:3px;background:#06100a;box-shadow:0 0 0 5px rgba(9,16,14,.8),0 0 50px rgba(61,255,110,.11),0 30px 60px rgba(0,0,0,.52)}
.green-core-video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.08);opacity:.94}
.screen-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.4),transparent 35%,transparent 65%,rgba(5,8,12,.54)),linear-gradient(90deg,rgba(5,8,12,.3),transparent 55%);pointer-events:none}
.screen-meta,.screen-footer{position:absolute;left:.8rem;right:.8rem;z-index:1;display:flex;justify-content:space-between;gap:.5rem;color:#dcf9df;font:500 .55rem/1.4 var(--mono);letter-spacing:.1em;text-shadow:0 1px 8px #000}
.screen-meta{top:.75rem}.screen-footer{bottom:.75rem;color:#a7c5ae;font-size:.5rem}
.screen-live{display:flex;align-items:center;gap:.4rem}.screen-live i{width:5px;height:5px}
.signal-screen::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(129,255,145,.06) 0 1px,transparent 1px 3px)}
@media(prefers-reduced-motion:no-preference){.screen-live i,.green-signal-dot{animation:live-pulse 2.6s ease-in-out infinite}}
@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.plate-front{z-index:4;width:81%;height:35%;left:25%;top:60%;transform:translateZ(70px) rotateZ(7deg);background:linear-gradient(135deg,rgba(31,49,38,.98),rgba(10,17,15,.98) 60%,rgba(9,14,17,.98));border-color:rgba(129,255,145,.3)}
.plate-front i{left:12%;top:45%;width:10px;height:10px}.plate-front b{position:absolute;right:10%;top:34%;width:27%;height:32%;border:1px solid rgba(129,255,145,.32);background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(129,255,145,.11) 8px 9px);border-radius:2px}
.signal-orbit{position:absolute;z-index:1;left:50%;top:48%;width:96%;height:48%;border:1px solid rgba(0,242,254,.2);border-radius:50%;transform:translate(-50%,-50%) translateZ(-65px) rotateX(66deg) rotateZ(-22deg);pointer-events:none}
.orbit-b{width:84%;height:68%;border-color:rgba(129,255,145,.18);transform:translate(-50%,-50%) translateZ(-55px) rotateX(70deg) rotateZ(24deg)}
.stage-corner{position:absolute;z-index:5;width:22px;height:22px;border-color:var(--accent);opacity:.7}
.stage-corner-tl{top:2%;left:3%;border-top:1px solid;border-left:1px solid}.stage-corner-br{right:2%;bottom:4%;border-right:1px solid;border-bottom:1px solid}
.stage-caption{display:flex;justify-content:space-between;gap:1rem;margin:.3rem 0 0;color:var(--muted);font:500 .62rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.stage-caption span{color:var(--accent)}
@media(max-width:850px){.green-core-grid{grid-template-columns:1fr;gap:2.8rem}.green-core-copy{max-width:44rem}.green-stage-wrap{width:min(100%,650px);margin-inline:auto}.green-stage{aspect-ratio:1.18;min-height:300px}}
@media(max-width:520px){.green-core-section{padding-block:4.5rem}.green-core-grid{gap:2rem}.green-core-copy h2{font-size:clamp(2.5rem,12vw,3.75rem)}.green-core-lede{font-size:1rem}.stack-path{margin-top:1.35rem}.green-stage{aspect-ratio:1;min-height:265px;transform:perspective(900px) rotateX(2deg) rotateY(-4deg)}.device-plate>span{font-size:.48rem}.screen-meta,.screen-footer{left:.5rem;right:.5rem;font-size:.42rem}.screen-meta{top:.5rem}.screen-footer{bottom:.5rem}.signal-screen{left:11%;width:78%}.plate-back{left:7%}.plate-board{left:14%}.plate-front{left:19%;width:84%}.stage-caption{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.green-stage{transition:none!important;transform:perspective(900px) rotateX(2deg) rotateY(-4deg)}}