/* Relay light system. Static gradients carry colour; motion belongs to the artwork. */
:root{
  --relay-chartreuse:#d5f58b;--relay-ice:#83e5ef;--relay-lilac:#c3b4ff;
  --relay-forest:#265e49;--relay-ocean:#225f76;--relay-indigo:#514775;
  --relay-title-gradient:linear-gradient(115deg,var(--relay-chartreuse) 8%,var(--relay-ice) 52%,var(--relay-lilac) 92%);
  --relay-dark-gradient:linear-gradient(110deg,var(--relay-forest),var(--relay-ocean) 54%,var(--relay-indigo));
  --relay-banner-gradient:linear-gradient(110deg,#b5f88a 0%,#8be6ed 52%,#c3b4ff 100%);
}
.network-hero{background:radial-gradient(ellipse at 92% 22%,#47306645,transparent 49%),radial-gradient(ellipse at 53% 85%,#1266752b,transparent 42%),#050b0e}
.network-hero .network-art{justify-content:space-between}
.relay-scene{position:relative;width:118%;margin-left:-8%;aspect-ratio:3/2;flex:none;isolation:isolate;mix-blend-mode:screen}
.relay-visual{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.relay-visual>img{display:block;width:100%;max-width:none;height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent),linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.relay-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.relay-orbit{fill:none;stroke:var(--relay-ice);stroke-linecap:round}
.relay-orbit--1{stroke:var(--relay-lilac)}
.orbit-track{stroke-width:1;opacity:.2}
.orbit-pulse--halo{stroke-width:15;stroke-dasharray:44 956;opacity:.1}
.orbit-pulse--tail{stroke-width:5;stroke-dasharray:24 976;opacity:.65}
.orbit-pulse--head{stroke:#f5fffa;stroke-width:2.5;stroke-dasharray:6 994;opacity:.95}
.relay-aura{position:absolute;inset:7% 3%;background:radial-gradient(ellipse at 65% 25%,#795ce24a,transparent 50%),radial-gradient(ellipse at 38% 80%,#4bcae347,transparent 50%);mask-image:radial-gradient(ellipse closest-side,#000 40%,transparent 100%);opacity:.45;pointer-events:none;will-change:opacity,transform}
.network-art .relay-controls{margin-top:0;width:100%;padding:10px 16px;background:linear-gradient(110deg,#132524d9,#172139e6);flex:none}
.relay-controls .stream-heading{font-size:9px}
.relay-controls .motion-toggle{font-size:10px;padding:8px 12px}
.network-art .art-topline{position:relative;z-index:2;flex:none}
.network-art .relay-scene{margin-block:auto}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .network-hero h1>span,.consensus-story h2,.consensus-number,.closing__cta h2,.review-intro h1{
    color:var(--relay-ice);background-image:var(--relay-title-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
  .stake-story .section-head h2>span{color:var(--relay-ocean);background-image:var(--relay-dark-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
.network-hero h1>span{width:fit-content;max-width:100%}
.stake-story{background:radial-gradient(ellipse at 5% 15%,#d5f8de,transparent 60%),linear-gradient(125deg,#e3efe8 20%,#d9e9ee 60%,#e8e1f5)}
.consensus-story{background:radial-gradient(ellipse at 95% 45%,#49316a4d,transparent 55%),radial-gradient(ellipse at 15% 100%,#17616a33,transparent 50%),#050b0e}
.footer.closing{background:radial-gradient(ellipse at 10% 5%,#377a6666,transparent 54%),radial-gradient(ellipse at 95% 30%,#724caa55,transparent 55%),linear-gradient(115deg,#0b2028,#122e3d 52%,#201d39);border-top-color:#9fbfca45}
.closing__cta .btn--wide{background:var(--relay-banner-gradient);color:#08212a;border:1px solid #e6fbe66b;box-shadow:0 12px 64px #6d80b922}
.footer__col a,.footer__col h3{color:#eef5f6}.footer__lede,.footer__legal{color:#bbd0d3}
.review-option:first-child{background:linear-gradient(115deg,#122634b8,#193e2444 55%,#4a2e684d),url('art/relay-sculpture.jpg') center/cover}
@media(max-width:1023px){
  .network-hero .network-art{overflow:visible}
  .network-art .art-topline{position:absolute;top:0;width:100%}
  .network-art .relay-scene{position:absolute;inset:26px 0 68px;width:100%;margin:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
  .relay-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;flex:none}
  .network-art .relay-controls{position:absolute;bottom:0;left:0;padding:8px 12px}
}
@media(max-width:639px){
  .network-art .relay-scene{inset:18px -12px 64px;width:calc(100% + 24px)}
  .relay-visual{width:calc(100% + 24px)}
  .relay-controls .stream-heading{font-size:8px}.relay-controls .motion-toggle{font-size:9px}
  .orbit-pulse--halo{stroke-width:10;opacity:.12}.orbit-pulse--head{stroke-width:3.5}
}
@media(prefers-reduced-motion:reduce){
  .relay-visual{transform:none!important;will-change:auto}.relay-aura{opacity:.45!important;transform:none!important;will-change:auto}.orbit-pulse{display:none}
}
@media(forced-colors:active){
  .network-hero h1>span,.consensus-story h2,.consensus-number,.closing__cta h2,.review-intro h1,.stake-story .section-head h2>span{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}
  .relay-orbits,.relay-aura{display:none}
}
@media print{
  .network-hero h1>span,.consensus-story h2,.consensus-number,.closing__cta h2,.review-intro h1,.stake-story .section-head h2>span{background:none;-webkit-text-fill-color:currentColor}
}