/* GreenCore visual layer: static cinematic background + financial UI. */
:root{
  --gc-glow: rgba(145,255,208,.42);
  --gc-violet: rgba(139,114,255,.36);
  --gc-panel: rgba(255,255,255,.055);
  --gc-premium-green:#42f5bd;
  --gc-premium-cyan:#6edcff;
  --gc-premium-blue:#8aa8ff;
  --gc-muted-violet:#9f8cff;
}

html,
body{
  overflow-x:hidden;
}

body{
  background:#020912!important;
}

.space-background{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(0,0,0,.04) 0%, rgba(0,0,0,.12) 58%, rgba(0,0,0,.48) 100%),
    linear-gradient(90deg, rgba(0,0,0,.36) 0%, rgba(0,0,0,.08) 45%, rgba(0,0,0,.24) 100%),
    url("assets/hero-forest-bg.jpg");
  background-size:cover,cover,cover;
  background-position:center center,center center,center center;
  background-repeat:no-repeat,no-repeat,no-repeat;
}

.nav,
main,
.footer{
  position:relative;
  z-index:2;
}

.hero-grid > *,
.round-grid > *,
.token-grid > *,
.participate > *{
  min-width:0;
}

.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.hero::before,
.hero::after{display:none!important}

.hero-grid,
.hero-side,
.hero .eyebrow,
.hero h1,
.hero .subtitle,
.hero .lead,
.hero .hero-actions,
.hero .pillar-grid{
  position:relative;
  z-index:3;
}

.hero h1,
.section-head h2,
h1{
  text-shadow:0 12px 40px rgba(0,0,0,.52);
}

.hero-grid{
  width:min(var(--max),calc(100% - 32px))!important;
  margin:0 auto!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,500px)!important;
  gap:44px!important;
}

.hero{
  min-height:max(820px,calc(100vh - 72px))!important;
  padding-top:54px!important;
  padding-bottom:48px!important;
}

.hero h1{
  max-width:760px;
  font-size:clamp(58px,5.3vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
}

.hero h1 span{
  display:inline-block;
  white-space:nowrap;
  font-size:.78em;
  letter-spacing:-.035em;
}

.hero .subtitle{
  max-width:680px;
  font-size:clamp(24px,2.4vw,34px)!important;
  line-height:1.22!important;
}

.hero .lead{
  max-width:660px!important;
}

.hero .pillar-grid{
  max-width:372px;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-top:24px!important;
}

.hero .pillar{
  min-height:54px!important;
  padding:13px 16px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-radius:16px!important;
}

.hero .pillar b{
  font-size:17px!important;
  line-height:1.15!important;
}

.hero .pillar span{
  margin-top:0!important;
  flex:0 0 auto;
  text-align:right;
  font-size:10px!important;
  line-height:1.25!important;
}

.glass,
.section,
.round-panel,
.mini-round,
.visual-card{
  border-color:rgba(145,255,208,.16)!important;
  background:
    linear-gradient(145deg, rgba(145,255,208,.075), rgba(139,114,255,.075)),
    rgba(255,255,255,.045)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 80px rgba(12,8,44,.18);
}

.button,
.chain-button,
.copy{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.button:hover,
.chain-button:hover,
.copy:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 35px rgba(145,255,208,.16);
}

.gc-ring-wrap{
  width:min(360px,100%);
  margin:auto;
  position:relative;
}

.gc-allocation-ring{
  width:100%;
  height:auto;
  display:block;
  overflow:visible;
  filter:drop-shadow(0 24px 70px rgba(28,8,70,.22));
}

.gc-ring-bg{
  fill:none;
  stroke:rgba(255,255,255,.075);
  stroke-width:21;
}

.gc-ring-seg{
  fill:none;
  stroke-width:21;
  stroke-linecap:round;
  transform:rotate(-90deg);
  transform-origin:180px 180px;
  stroke-dasharray:var(--dash) var(--gap);
  stroke-dashoffset:var(--offset);
  filter:drop-shadow(0 0 14px var(--tone));
}

.gc-ring-core{
  fill:rgba(8,18,15,.62);
  stroke:rgba(145,255,208,.2);
  stroke-width:1;
}

.gc-ring-title{
  fill:#fff;
  font:800 28px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
  text-anchor:middle;
}

.gc-ring-sub{
  fill:rgba(255,255,255,.64);
  font:750 12px -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
  letter-spacing:.08em;
  text-anchor:middle;
}

.gc-roadmap{
  position:relative;
  padding:34px;
  overflow:hidden;
}

.gc-roadmap::before{
  content:"";
  position:absolute;
  left:50%;
  top:72px;
  bottom:72px;
  width:1px;
  background:linear-gradient(180deg,transparent,var(--gc-glow),var(--gc-violet),transparent);
  box-shadow:0 0 26px rgba(145,255,208,.45);
}

.gc-timeline{
  display:grid;
  gap:18px;
  position:relative;
}

.gc-step{
  width:min(520px,calc(50% - 38px));
  min-height:0;
  padding:22px;
  border:1px solid rgba(145,255,208,.16);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(145,255,208,.12), transparent 44%),
    rgba(255,255,255,.048);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(20px);
}

.gc-step:nth-child(even){
  justify-self:end;
}

.gc-step span{
  display:inline-grid;
  place-items:center;
  min-width:76px;
  height:30px;
  border:1px solid rgba(145,255,208,.28);
  border-radius:999px;
  color:#91ffd0;
  font-size:12px;
  font-weight:850;
}

.gc-step h3{
  margin:16px 0 8px;
  font-size:24px;
}

.gc-step p{
  margin:0;
  color:rgba(245,250,247,.62);
  font-size:15px;
  line-height:1.58;
}

.gc-step::after{
  content:"";
  position:absolute;
  left:calc(50% - 7px);
  margin-top:16px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#91ffd0;
  box-shadow:0 0 24px rgba(145,255,208,.9);
}

.gc-count{
  font-variant-numeric:tabular-nums;
}

.hero-side{
  position:relative;
  min-height:560px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:18px;
  overflow:visible;
}

.hero-side .mini-round{
  width:min(410px,100%);
  position:relative;
  z-index:3;
  margin-top:120px;
}

.trust-layer{
  padding-top:30px;
}

.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.trust-card,
.contract-address-box{
  border:1px solid rgba(145,255,208,.18);
  background:
    radial-gradient(circle at 16% 0%, rgba(145,255,208,.14), transparent 36%),
    linear-gradient(145deg, rgba(139,114,255,.1), rgba(82,213,159,.07)),
    rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px rgba(10,4,42,.16);
  backdrop-filter:blur(24px);
}

.trust-card{
  min-height:220px;
  padding:24px;
  border-radius:22px;
}

.trust-card span{
  color:#91ffd0;
  font-size:11px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.trust-card b{
  display:block;
  margin-top:28px;
  font-size:26px;
  letter-spacing:-.03em;
}

.trust-card p{
  margin:12px 0 24px;
  color:rgba(245,250,247,.62);
  line-height:1.65;
  overflow-wrap:anywhere;
}

.trust-card em{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 12px;
  border:1px solid rgba(145,255,208,.22);
  border-radius:999px;
  color:#91ffd0;
  background:rgba(145,255,208,.07);
  font-style:normal;
  font-size:12px;
  font-weight:850;
}

.contract-address-box{
  grid-template-columns:1fr auto;
}

.contract-address-box .label{
  color:#91ffd0;
}

@keyframes moon-float{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  50%{transform:translate3d(0,-18px,0) rotate(2deg)}
}

@keyframes moon-shimmer{
  0%,100%{opacity:.26;transform:rotate(-28deg) translate(-16px,-118px)}
  50%{opacity:.7;transform:rotate(-28deg) translate(18px,-126px)}
}

@keyframes gc-energy-sweep{
  0%,100%{transform:translateX(-8%) scaleX(.86);opacity:.36}
  48%{transform:translateX(38%) scaleX(1.16);opacity:.95}
}

@keyframes gc-orbit-pulse{
  0%,100%{transform:translate3d(0,0,0) scale(.95);opacity:.42}
  50%{transform:translate3d(-24px,-14px,0) scale(1.08);opacity:.85}
}

@media(max-width:900px){
  .hero::before{
    inset:0;
    transform:none;
    opacity:1;
  }
  .hero::after{
    display:none;
  }
  .hero-grid{grid-template-columns:1fr!important}
  .hero h1{font-size:clamp(46px,12vw,68px)!important}
  .gc-roadmap{padding:22px}
  .gc-roadmap::before{left:18px}
  .gc-step,
  .gc-step:nth-child(even){
    width:100%;
    justify-self:stretch;
    margin-left:20px;
  }
  .gc-step::after{left:12px}
  .hero-side{min-height:auto}
  .hero-side .mini-round{margin-top:92px}
  .trust-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .hero::before{
    inset:0;
    transform:none;
    opacity:1;
  }
  .hero::after{opacity:.22}
  .gc-ring-wrap{width:min(300px,100%)}
  .hero-side .mini-round{margin-top:0}
  .contract-address-box{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* Layout hardening: keep all text inside glass frames across desktop and mobile. */
.nav,
.nav *,
.hero,
.hero *,
.section,
.section *,
.glass,
.glass *,
.round-panel,
.round-panel *,
.mini-round,
.mini-round *,
.panel,
.panel *,
.card,
.card *,
.resource,
.resource *,
.feature,
.feature *,
.metric,
.metric *,
.hud,
.hud *,
.why,
.why *,
.pillar,
.pillar *,
.trust-card,
.trust-card *,
.contract-address-box,
.contract-address-box *,
.address-box,
.address-box *,
.wallet-card,
.wallet-card *,
.relationship,
.relationship *,
.map-node,
.map-node *,
.node,
.node *,
.step,
.step *,
.price-node,
.price-node *,
.chain-card,
.chain-card *,
.document,
.document *{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

.button,
.chain-button,
.copy,
.resource .link,
.feature .button{
  white-space:normal!important;
  text-align:center;
  line-height:1.2;
}

.hero h1 span{
  white-space:normal!important;
}

.hero-actions{
  align-items:stretch;
}

.hero .pillar{
  height:auto!important;
  align-items:flex-start!important;
  flex-wrap:wrap;
}

.hero .pillar b,
.hero .pillar span{
  flex:1 1 100%;
  text-align:left!important;
}

.mini-note,
.footer-links,
.legend,
.status-row,
.actions,
.selector,
.chain-buttons{
  flex-wrap:wrap!important;
}

.mini-note span,
.row span,
.rows span,
.metric b,
.hud strong,
.supply-visual strong,
.supply-visual b,
.price-main,
.address,
.wallet-card code,
#receiving-address,
#contract-address{
  overflow-wrap:anywhere;
}

.row{
  grid-template-columns:12px minmax(0,1fr) auto!important;
}

.rows{
  min-width:0;
}

.token-grid,
.round-grid,
.participate,
.allocation-grid,
.featured,
.resources,
.hud-grid,
.utility,
.grid,
.parameter-grid,
.panels,
.matrix,
.topline{
  min-width:0;
}

.resource,
.feature,
.panel,
.card,
.metric,
.hud,
.why,
.pillar,
.chain-card,
.price-card,
.progress-card,
.document,
.section{
  overflow:hidden;
}

@media(max-width:1120px){
  .hero-grid,
  .round-grid,
  .token-grid,
  .participate,
  .allocation-grid,
  .featured,
  .topline,
  .hud-grid,
  .utility,
  .grid,
  .parameter-grid,
  .panels,
  .matrix,
  .resources{
    grid-template-columns:1fr!important;
  }

  .nav-inner,
  .nav .wrap{
    gap:14px;
  }

  .hero-side,
  .panel,
  .section,
  .document{
    min-height:0!important;
  }

  .hero-side .mini-round{
    margin-top:18px!important;
  }
}

@media(max-width:560px){
  .wrap,
  .nav-inner{
    width:min(100% - 28px,var(--max,1180px))!important;
  }

  .hero-grid{
    width:min(100% - 28px,var(--max,1180px))!important;
  }

  .hero h1,
  h1{
    letter-spacing:-.035em!important;
  }

  .section,
  .panel,
  .round-panel,
  .document,
  .feature,
  .resource,
  .mini-round,
  .chain-card,
  .qr-card{
    padding:20px!important;
    border-radius:18px!important;
  }

  .mini-row,
  .metrics{
    grid-template-columns:1fr!important;
  }

  .row{
    grid-template-columns:10px minmax(0,1fr)!important;
  }

  .row b{
    grid-column:2;
    justify-self:start;
  }

  .qr-card img{
    width:min(240px,100%)!important;
    height:auto!important;
  }

  .address-box,
  .wallet-card,
  .contract-address-box{
    grid-template-columns:1fr!important;
  }

  .copy{
    width:100%;
  }
}

/* Homepage template alignment: cinematic crypto dashboard. */
.nav{
  position:sticky!important;
  top:0;
  z-index:20;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(180deg, rgba(0,5,10,.86), rgba(0,5,10,.38))!important;
  backdrop-filter:blur(18px);
}

.nav-inner{
  min-height:84px!important;
  align-items:center!important;
}

.brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-transform:uppercase;
  letter-spacing:.2em;
}

.brand-lockup img{
  width:44px!important;
  height:44px!important;
  object-fit:contain;
  filter:
    saturate(1.18)
    contrast(1.08)
    drop-shadow(0 0 10px rgba(93,235,210,.45))
    drop-shadow(0 0 28px rgba(90,140,255,.22));
}

.brand-lockup span{
  display:grid;
  gap:3px;
}

.brand-lockup b{
  font-size:14px;
  line-height:1;
  color:#fff;
}

.brand-lockup small{
  font-size:9px;
  color:rgba(255,255,255,.66);
  letter-spacing:.28em;
}

.nav-links{
  flex:1;
  justify-content:center!important;
  gap:34px!important;
}

.nav-links a{
  position:relative;
  color:rgba(255,255,255,.88)!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:-.01em;
  padding:18px 0!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  overflow:visible!important;
}

.nav-links a.active::after,
.nav-links a:hover::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:7px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#22f2a6,#795cff);
  box-shadow:0 0 16px rgba(34,242,166,.55);
}

.nav-language{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:92px;
  height:44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.home-template{
  min-height:680px!important;
  padding:92px 0 86px!important;
}

.home-template .hero-grid{
  width:min(1320px,calc(100% - 76px))!important;
  min-height:560px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(315px,380px)!important;
  align-items:center!important;
  gap:58px!important;
}

.hero-copy{
  max-width:660px;
}

.home-template .eyebrow{
  margin-bottom:20px!important;
  color:rgba(255,255,255,.64)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}

.home-template .eyebrow span{
  color:#22f2a6;
  text-shadow:0 0 18px rgba(34,242,166,.4);
}

.home-template h1{
  margin:0!important;
  max-width:620px!important;
  font-size:clamp(40px,4.6vw,64px)!important;
  line-height:1.04!important;
  color:#fff!important;
  text-transform:uppercase;
  letter-spacing:-.03em!important;
}

.home-template h1 span{
  display:block!important;
  width:max-content;
  max-width:100%;
  color:#28e8a4!important;
  background:linear-gradient(90deg,var(--gc-premium-green) 0%,var(--gc-premium-cyan) 58%,var(--gc-premium-blue) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 16px rgba(86,220,255,.16));
}

.home-template .lead{
  max-width:510px!important;
  margin:30px 0 34px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:18px!important;
  line-height:1.9!important;
}

.home-template .hero-actions{
  display:flex!important;
  gap:20px!important;
  align-items:center;
  flex-wrap:wrap;
}

.home-template .button{
  min-width:170px;
  min-height:52px;
  border-radius:10px!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(0,0,0,.22)!important;
  color:#fff!important;
  text-transform:uppercase;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em;
}

.home-template .button.primary{
  border-color:transparent!important;
  color:#02110d!important;
  background:
    linear-gradient(100deg,rgba(255,255,255,.18),rgba(255,255,255,0) 38%),
    linear-gradient(100deg,#65ffd0 0%,#32dac2 56%,#71d8ff 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 18px 46px rgba(20,230,190,.22)!important;
}

.private-round-card{
  width:100%;
  max-width:372px;
  margin-left:auto;
  padding:34px 34px 30px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px;
  position:relative;
  z-index:3;
  background:
    linear-gradient(145deg, rgba(15,32,50,.66), rgba(4,10,18,.72)),
    rgba(0,0,0,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 80px rgba(0,0,0,.36);
  backdrop-filter:blur(18px);
}

.card-kicker{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.card-kicker.muted{
  color:rgba(255,255,255,.72);
  font-size:10px;
  letter-spacing:.08em;
}

.price-line{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:34px;
}

.price-line span{
  color:rgba(255,255,255,.9);
  font-size:18px;
}

.price-line b{
  display:inline-flex;
  align-items:baseline;
  gap:.12em;
  color:#fff;
  font-size:clamp(48px,4.6vw,62px);
  line-height:1;
  letter-spacing:0;
  font-weight:650;
}

.price-line .currency-mark,
.price-line .price-value{
  display:inline-block;
  color:#fff;
  font-size:1em;
}

@media(max-width:760px){
  .price-line b{
    gap:10px;
  }
}

.price-line em{
  display:block;
  margin:2px 0 0;
  color:rgba(255,255,255,.72);
  font-style:normal;
  font-size:20px;
  line-height:1.25;
}

.round-divider{
  height:1px;
  margin:25px 0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

.progress-number{
  display:block;
  margin:9px 0 13px;
  color:#fff;
  font-size:38px;
  line-height:1;
  font-weight:520;
  letter-spacing:-.04em;
}

.template-progress{
  height:13px;
  padding:0;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 5px rgba(0,0,0,.42);
}

.template-progress i{
  display:block;
  width:var(--gc-round-progress,0%);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#7f8cff 0%,#57dbff 48%,#4af0bc 100%);
  box-shadow:0 0 20px rgba(86,220,255,.34);
}

.round-total{
  margin-top:18px;
  color:#fff;
  font-size:16px;
  font-weight:650;
}

.countdown-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.countdown-grid b{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.1;
}

.countdown-grid span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}

.home-dashboard{
  width:min(1320px,calc(100% - 76px))!important;
  margin:-20px auto 46px!important;
  position:relative;
  z-index:3;
}

.value-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:24px 30px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(1,15,24,.72),rgba(5,10,18,.56));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 80px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
}

.value-strip article{
  display:flex;
  align-items:center;
  gap:22px;
  min-height:72px;
  padding:0 28px;
  border-right:1px solid rgba(255,255,255,.1);
}

.value-strip article:nth-child(1){
  --icon-a:#79ff8f;
  --icon-b:#34f5c4;
  --icon-rgb:121,255,143;
}

.value-strip article:nth-child(2){
  --icon-a:#d94dff;
  --icon-b:#45d8ff;
  --icon-rgb:217,77,255;
}

.value-strip article:nth-child(3){
  --icon-a:#7d8cff;
  --icon-b:#6ef6d2;
  --icon-rgb:125,140,255;
}

.value-strip article:nth-child(4){
  --icon-a:#3ef4ff;
  --icon-b:#42ff9b;
  --icon-rgb:62,244,255;
}

.value-strip article:last-child{border-right:0}
.value-strip b{
  display:block;
  color:#fff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.value-strip span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.55;
}

.value-strip i{
  width:52px;
  height:52px;
  flex:0 0 52px;
  position:relative;
  border:1.7px solid color-mix(in srgb,var(--icon-a) 72%,#ffffff 8%);
  color:var(--icon-a);
  opacity:1;
  filter:
    drop-shadow(0 0 8px rgba(var(--icon-rgb),.72))
    drop-shadow(0 0 22px rgba(var(--icon-rgb),.26));
  box-shadow:
    inset 0 0 18px rgba(var(--icon-rgb),.16),
    0 0 22px rgba(var(--icon-rgb),.34),
    0 0 54px rgba(var(--icon-rgb),.16);
}

.value-strip i::before,
.value-strip i::after{
  pointer-events:none;
}

.icon-leaf{
  border-radius:65% 0 65% 0;
  transform:rotate(-28deg);
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.2),transparent 24%),
    linear-gradient(145deg,color-mix(in srgb,var(--icon-a) 22%,transparent),color-mix(in srgb,var(--icon-b) 10%,transparent));
}
.icon-leaf::after{
  content:"";
  position:absolute;
  left:49%;
  top:8px;
  width:2px;
  height:34px;
  background:currentColor;
  opacity:.78;
  transform:rotate(28deg);
  box-shadow:0 0 12px currentColor;
}
.icon-community{
  border-radius:50%;
  position:relative;
  background:
    radial-gradient(circle at 42% 32%,rgba(255,255,255,.18),transparent 23%),
    radial-gradient(circle at 48% 44%,color-mix(in srgb,var(--icon-b) 20%,transparent),transparent 62%);
  overflow:visible!important;
}
.icon-community::before,
.icon-community::after{
  content:"";
  position:absolute;
  border:2px solid currentColor;
  border-radius:50%;
  opacity:.9;
  box-shadow:0 0 16px rgba(var(--icon-rgb),.38);
}
.icon-community::before{inset:10px 16px}
.icon-community::after{inset:16px -10px 6px; opacity:.62}
.icon-shield{
  position:relative;
  border-radius:12px 12px 18px 18px;
  clip-path:polygon(50% 0,92% 18%,82% 75%,50% 100%,18% 75%,8% 18%);
  background:
    radial-gradient(circle at 50% 34%,rgba(255,255,255,.16),transparent 28%),
    linear-gradient(160deg,color-mix(in srgb,var(--icon-a) 28%,transparent),color-mix(in srgb,var(--icon-b) 13%,transparent));
}
.icon-shield::after{
  content:"";
  position:absolute;
  left:15px;
  top:13px;
  width:13px;
  height:21px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(40deg);
  box-shadow:4px 4px 14px rgba(var(--icon-rgb),.42);
}
.icon-globe{
  border-radius:50%;
  position:relative;
  background:
    radial-gradient(circle at 36% 26%,rgba(255,255,255,.2),transparent 25%),
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--icon-b) 18%,transparent),transparent 62%);
}
.icon-globe::before,
.icon-globe::after{
  content:"";
  position:absolute;
  border-radius:50%;
  box-shadow:0 0 16px rgba(var(--icon-rgb),.32);
}
.icon-globe::before{inset:8px;border:1.5px solid currentColor;border-left:0;border-right:0}
.icon-globe::after{inset:0 15px;border:1.5px solid currentColor;border-top:0;border-bottom:0}

.dashboard-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  margin-top:22px;
}

.dashboard-grid .allocation-card{
  max-width:none;
}

.dashboard-grid .allocation-card .allocation-layout{
  grid-template-columns:minmax(260px,380px) minmax(0,1fr);
}

.dashboard-grid .allocation-card .template-donut{
  justify-self:center;
}

.dashboard-card{
  min-height:255px;
  padding:28px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 100%,rgba(24,207,179,.13),transparent 52%),
    linear-gradient(145deg,rgba(0,16,30,.74),rgba(0,5,12,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 70px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
  overflow:hidden;
}

.dashboard-card h3{
  margin:0 0 24px;
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.allocation-layout{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:28px;
  align-items:center;
}

.round-panel:has(.token-grid){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.token-stats-band{
  position:relative;
  width:100vw;
  max-width:none;
  margin-left:50%;
  padding:148px clamp(26px,7vw,180px);
  transform:translateX(-50%);
  background:transparent;
}

.token-stats-band .section-head{
  max-width:940px;
  margin:0 auto 54px;
  text-align:left;
}

.token-stats-band .section-head h2{
  color:#fff;
  text-shadow:none;
}

.token-stats-band .section-head p{
  color:rgba(255,255,255,.62);
}

.token-stats-row{
  max-width:1380px;
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  margin:0 auto;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}

.token-stats-row article{
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 clamp(22px,3vw,42px);
  border-left:1px solid rgba(255,255,255,.14);
}

.token-stats-row article:nth-child(4n+1){
  border-left:0;
}

.token-stats-row article:nth-child(n+5){
  min-height:138px;
  border-top:1px solid rgba(255,255,255,.14);
}

.token-stats-row article:nth-child(1){grid-column:1 / span 2}
.token-stats-row article:nth-child(2){grid-column:3 / span 2}
.token-stats-row article:nth-child(3){grid-column:5 / span 2}
.token-stats-row article:nth-child(4){grid-column:7 / span 2}

.token-stats-row article:nth-child(5){
  grid-column:2 / span 2;
  width:auto;
  justify-self:stretch;
}

.token-stats-row article:nth-child(6){
  grid-column:4 / span 2;
  width:auto;
  justify-self:stretch;
}

.token-stats-row article:nth-child(7){
  grid-column:6 / span 2;
  width:auto;
  justify-self:stretch;
}

.token-stats-row strong{
  color:#fff;
  font-size:clamp(36px,4.4vw,58px);
  line-height:1;
  font-weight:420;
  letter-spacing:-.04em;
}

.token-stats-row span{
  display:block;
  margin-top:14px;
  color:rgba(255,255,255,.82);
  font-size:clamp(14px,1.2vw,18px);
  line-height:1.4;
}

@media(max-width:980px){
  .token-stats-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .token-stats-row article:nth-child(n){
    grid-column:auto;
    width:auto;
    justify-self:stretch;
  }

  .token-stats-row article:nth-child(odd){
    border-left:0;
  }

  .token-stats-row article:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.14);
  }

}

@media(max-width:560px){
  .token-stats-row{
    grid-template-columns:1fr;
  }

  .token-stats-row article{
    border-left:0;
  }

  .token-stats-row article:nth-child(n+2){
    border-top:1px solid rgba(255,255,255,.14);
  }
}

.token-summary-plain{
  min-height:260px;
  display:grid;
  align-content:center;
  justify-items:start;
  padding:32px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:
    radial-gradient(circle at 85% 45%,rgba(80,240,190,.12),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}

.token-summary-plain span{
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.token-summary-plain strong{
  margin-top:22px;
  color:#fff;
  font-size:clamp(34px,3.4vw,48px);
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

.token-summary-plain b{
  margin-top:10px;
  color:rgba(255,255,255,.8);
  font-size:14px;
}

.token-summary-plain small{
  margin-top:34px;
  color:rgba(145,255,208,.82);
  font-size:12px;
  font-weight:800;
}

.template-donut{
  width:150px;
  height:150px;
  border-radius:50%;
  background:conic-gradient(#31d68f 0 35%,#7366ff 35% 55%,#4ac1de 55% 70%,#d7a14f 70% 85%,#8df3cb 85% 95%,#d96fbd 95% 100%);
  position:relative;
  box-shadow:0 0 34px rgba(20,230,190,.12);
}

.template-donut::before{
  content:"";
  position:absolute;
  inset:48px;
  border-radius:50%;
  background:#020912;
  box-shadow:inset 0 0 30px rgba(255,255,255,.03);
}

.template-donut span{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:linear-gradient(135deg,transparent,rgba(255,255,255,.13));
  mix-blend-mode:screen;
}

.allocation-list{
  display:grid;
  gap:13px;
}

.allocation-list div{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  color:rgba(255,255,255,.76);
  font-size:12px;
}

.allocation-list i{
  width:10px;
  height:10px;
  border-radius:3px;
}

.allocation-list b{
  color:#fff;
}

.allocation-list .total{
  grid-template-columns:minmax(0,1fr) auto;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.08);
}

.supply-card{
  text-align:left;
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  grid-template-rows:auto auto auto;
  align-content:center;
  align-items:center;
  column-gap:22px;
}

.supply-card strong{
  display:block;
  color:#fff;
  font-size:34px;
  font-weight:500;
  letter-spacing:-.03em;
  align-self:end;
}

.supply-card > span{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  align-self:start;
}

.supply-card h3,
.supply-card strong,
.supply-card > span{
  grid-column:1;
}

.holo-cube{
  position:relative;
  width:150px;
  height:112px;
  margin:28px auto 0;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(34,201,255,.34),transparent 62%);
  filter:drop-shadow(0 0 28px rgba(91,91,255,.34));
}

.holo-cube::before{
  content:"";
  position:absolute;
  left:50%;
  top:20px;
  width:72px;
  height:72px;
  transform:translateX(-50%) rotate(45deg);
  border:2px solid rgba(79,158,255,.95);
  box-shadow:0 0 24px rgba(74,137,255,.75),inset 0 0 28px rgba(111,51,255,.24);
}

.holo-cube i{
  position:absolute;
  left:50%;
  top:56px;
  width:96px;
  height:26px;
  transform:translateX(-50%);
  border:1px solid rgba(34,242,166,.4);
  border-radius:50%;
  box-shadow:0 0 20px rgba(34,242,166,.3);
}

.token-logo-orb{
  position:relative;
  width:190px;
  height:190px;
  margin:0 0 0 auto;
  display:grid;
  place-items:center;
  isolation:isolate;
  grid-column:2;
  grid-row:1 / span 3;
}

.token-logo-orb::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 26%,rgba(255,255,255,.22),transparent 20%),
    radial-gradient(circle at 50% 50%,rgba(88,246,198,.16),transparent 48%),
    linear-gradient(145deg,rgba(184,136,104,.48),rgba(18,47,43,.92) 44%,rgba(5,13,24,.96));
  border:1px solid rgba(255,220,190,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -22px 38px rgba(0,0,0,.28),
    0 0 36px rgba(88,246,198,.22),
    0 28px 60px rgba(0,0,0,.32);
  z-index:-2;
}

.token-logo-orb::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:9px;
  width:170px;
  height:34px;
  transform:translateX(-50%);
  border:1px solid rgba(81,238,194,.42);
  border-radius:50%;
  box-shadow:
    0 0 24px rgba(81,238,194,.18),
    inset 0 0 18px rgba(70,137,255,.12);
  z-index:-1;
}

.token-logo-orb img{
  width:128px;
  height:128px;
  object-fit:contain;
  filter:
    saturate(1.12)
    contrast(1.08)
    drop-shadow(0 0 14px rgba(86,220,255,.2))
    drop-shadow(0 18px 30px rgba(0,0,0,.5));
}

.network-icons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin:28px 0 34px;
}

.network-icons div{
  display:grid;
  justify-items:center;
  gap:12px;
}

.network-icons i{
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-style:normal;
  font-size:40px;
  font-weight:900;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.12),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(5,12,22,.88));
  border:1px solid rgba(255,255,255,.11);
  position:relative;
  isolation:isolate;
}

.network-icons img{
  width:48px;
  height:48px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.22));
}

.network-sol img{
  width:56px;
  height:56px;
}

.network-icons i::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.1),transparent 64%);
  z-index:-1;
  opacity:.7;
}

.network-icons div:nth-child(1) i{
  color:#dfe7ff;
  background:
    radial-gradient(circle at 50% 40%,rgba(180,198,255,.2),transparent 36%),
    linear-gradient(145deg,rgba(57,76,140,.72),rgba(10,18,34,.88));
  border-color:rgba(126,152,255,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 24px rgba(105,133,255,.2),
    0 0 58px rgba(105,133,255,.08);
}

.network-icons div:nth-child(2) i{
  color:#f3ba2f;
  background:
    radial-gradient(circle at 50% 40%,rgba(243,186,47,.24),transparent 36%),
    linear-gradient(145deg,rgba(74,55,8,.82),rgba(18,14,4,.9));
  border-color:rgba(243,186,47,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 24px rgba(243,186,47,.19),
    0 0 56px rgba(243,186,47,.07);
}

.network-icons div:nth-child(3) i{
  color:#7cffd2;
  background:
    radial-gradient(circle at 50% 40%,rgba(20,241,149,.18),transparent 36%),
    linear-gradient(145deg,rgba(35,40,78,.78),rgba(5,13,24,.88));
  border-color:rgba(92,255,206,.2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 24px rgba(80,255,210,.18),
    0 0 58px rgba(127,95,255,.08);
}

.network-icons span{
  color:#fff;
  font-size:12px;
  font-weight:850;
}

.network-button{
  width:min(230px,100%);
  min-height:48px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(34,242,166,.6);
  border-radius:10px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  background:rgba(0,0,0,.16);
}

.private-round-section{
  display:grid!important;
  grid-template-columns:minmax(320px,420px) minmax(0,1fr);
  align-items:start;
  gap:42px;
  overflow:visible!important;
  width:min(1320px,calc(100% - 76px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.private-round-section .section-head{
  margin:0!important;
  max-width:none!important;
  text-align:left!important;
  position:sticky;
  top:108px;
  overflow:visible!important;
}

.private-round-section .section-head h2{
  font-size:clamp(36px,3.5vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  max-width:420px;
}

.private-round-section .round-panel{
  margin:0!important;
  padding:24px!important;
  overflow:visible!important;
}

.private-round-section .round-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:20px;
  align-items:stretch;
}

.private-round-section .price-card,
.private-round-section .progress-card{
  min-width:0;
  padding:28px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:
    radial-gradient(circle at 22% 0,rgba(108,220,255,.14),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
  overflow:visible!important;
}

.private-round-section .price-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,390px);
  gap:24px;
  align-items:center;
}

.private-round-section .price-card .metrics{
  margin-top:0;
}

.private-round-section .price-card .lead{
  grid-column:1;
}

.private-round-section .progress-card{
  display:grid;
  grid-template-columns:minmax(0,240px) minmax(320px,1fr);
  gap:26px;
  align-items:center;
}

.private-round-section .label{
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

.private-round-section .price-main{
  display:block;
  margin:20px 0 18px;
  color:#fff;
  font-size:clamp(38px,3.8vw,54px);
  line-height:1.06;
  letter-spacing:-.05em;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

.private-round-section .price-card > .label,
.private-round-section .price-card > .price-main,
.private-round-section .price-card > .lead{
  grid-column:1;
}

.private-round-section .price-card > .metrics{
  grid-column:2;
  grid-row:1 / span 3;
}

.private-round-section .progress-card > .label,
.private-round-section .progress-card > .price-main,
.private-round-section .progress-card > .track{
  grid-column:1;
}

.private-round-section .progress-card > .metrics{
  grid-column:2;
  grid-row:1 / span 3;
}

.private-round-section .lead{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.6;
}

.private-round-section .metrics{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px;
  margin-top:24px;
}

.private-round-section .metric{
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-height:58px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(0,0,0,.14);
}

.private-round-section .metric span{
  color:rgba(255,255,255,.56);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

.private-round-section .metric b{
  color:#fff;
  font-size:clamp(18px,1.8vw,24px);
  line-height:1.12;
  text-align:right;
  justify-self:end;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

.private-round-section .track{
  height:11px;
  margin:10px 0 6px;
  width:100%;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  overflow:hidden;
}

.private-round-section .fill{
  width:var(--gc-round-progress,0%);
  height:100%;
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,#7f8cff,#57dbff,#4af0bc);
  box-shadow:0 0 18px rgba(87,219,255,.35);
}

/* Live market data: one-time reveal when the price area enters the viewport. */
.live-market-number{
  display:inline-block;
  font-variant-numeric:tabular-nums;
  transform-origin:50% 60%;
}

.live-market-number.is-counting{
  animation:gc-market-number-arrive 1.55s cubic-bezier(.2,.78,.2,1) both;
}

.live-market-number.is-live{
  text-shadow:0 0 18px rgba(103,239,205,.24);
}

.live-progress-fill{
  transform:scaleX(0);
  transform-origin:left center;
  transition:none;
  will-change:transform;
}

.live-progress-fill.live-progress-ready{
  transition:transform 1.65s cubic-bezier(.18,.78,.18,1);
}

.live-progress-fill.is-live{
  transform:scaleX(1);
}

.private-round-card.market-live-active,
.allocation-stats .metric.market-live-active,
.premium-data-rail.market-live-active .premium-data-pill{
  animation:gc-market-surface-awake 1.7s ease-out 1;
}

@keyframes gc-market-number-arrive{
  0%{opacity:.48;transform:translateY(7px) scale(.96);filter:blur(.35px)}
  58%{opacity:1;transform:translateY(-1px) scale(1.025);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@keyframes gc-market-surface-awake{
  0%,100%{filter:brightness(1)}
  42%{filter:brightness(1.11)}
}

@media(prefers-reduced-motion:reduce){
  .live-market-number.is-counting,
  .private-round-card.market-live-active,
  .allocation-stats .metric.market-live-active,
  .premium-data-rail.market-live-active .premium-data-pill{
    animation:none!important;
  }

  .live-progress-fill{
    transform:scaleX(1)!important;
    transition:none!important;
  }
}

.proof-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:18px 42px;
  padding:24px 26px 6px;
  color:rgba(255,255,255,.62);
  text-transform:uppercase;
  font-size:12px;
}

.proof-row b{
  color:#fff;
  font-size:16px;
  text-transform:none;
}

.band .section-head h2{
  font-size:clamp(38px,4vw,56px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

.band .section-head p{
  max-width:780px;
  font-size:17px!important;
  line-height:1.72!important;
}

@media(max-width:1100px){
  .nav-links{gap:18px!important}
  .nav-language{display:none}
  .home-template .hero-grid,
  .dashboard-grid,
  .private-round-section{
    grid-template-columns:1fr!important;
  }
  .private-round-section .section-head{position:relative;top:auto}
  .private-round-card{margin:0;max-width:520px}
  .value-strip{grid-template-columns:repeat(2,1fr)}
  .value-strip article:nth-child(2){border-right:0}
  .value-strip article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:22px}
  .value-strip article:nth-child(n+3){padding-top:22px}
}

@media(max-width:720px){
  .nav-inner{min-height:72px!important}
  .brand-lockup small{display:none}
  .nav-links{display:none!important}
  .home-template{
    min-height:auto!important;
    padding:76px 0 26px!important;
  }
  .home-template .hero-grid,
  .home-dashboard{
    width:min(100% - 30px,1320px)!important;
  }
  .home-template .hero-grid{
    min-height:0;
    gap:28px!important;
  }
  .home-template h1{
    font-size:clamp(38px,12vw,56px)!important;
  }
  .home-template h1 span{width:auto}
  .private-round-card{padding:26px}
  .value-strip,
  .dashboard-grid,
  .allocation-layout{
    grid-template-columns:1fr!important;
  }
  .value-strip article{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:18px 0!important;
  }
  .value-strip article:last-child{border-bottom:0}
  .allocation-layout{justify-items:center}
  .allocation-list{width:100%}
  .private-round-section .round-grid{
    grid-template-columns:1fr!important;
  }
  .private-round-section{
    width:min(100% - 30px,1320px)!important;
    gap:22px!important;
  }
  .private-round-section .section-head h2{
    font-size:clamp(34px,10vw,46px)!important;
  }
  .private-round-section .price-card,
  .private-round-section .progress-card{
    display:block!important;
    padding:22px;
  }
  .private-round-section .price-card > .label,
  .private-round-section .price-card > .price-main,
  .private-round-section .price-card > .lead,
  .private-round-section .price-card > .metrics,
  .private-round-section .progress-card > .label,
  .private-round-section .progress-card > .price-main,
  .private-round-section .progress-card > .track,
  .private-round-section .progress-card > .metrics{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .private-round-section .metrics{
    width:100%!important;
    margin-top:20px!important;
  }
  .private-round-section .metric{
    grid-template-columns:1fr;
    width:100%!important;
    min-height:0!important;
  }
  .private-round-section .metric b{
    justify-self:start;
    text-align:left;
    white-space:normal!important;
  }
  .supply-card{
    grid-template-columns:1fr;
    text-align:center;
    justify-items:center;
  }
  .supply-card h3,
  .supply-card strong,
  .supply-card > span,
  .token-logo-orb{
    grid-column:1;
    grid-row:auto;
  }
  .token-logo-orb{margin:24px auto 0}
  .network-button{margin:auto}
  .proof-row{justify-content:center;text-align:center}
  .gc-timeline{
    overflow:hidden!important;
    padding-right:0!important;
  }
  .gc-step,
  .gc-step:nth-child(even){
    max-width:100%!important;
    margin-left:0!important;
  }
}

/* Subpage layout hardening
   The cinematic homepage owns .home-template. Other pages also use .hero,
   so they need their original reading margins restored after homepage overrides. */
.hero:not(.home-template){
  width:min(var(--max,1180px), calc(100% - 56px))!important;
  max-width:var(--max,1180px)!important;
  min-height:auto!important;
  margin:0 auto!important;
  padding:118px 0 76px!important;
  overflow:visible!important;
  isolation:auto!important;
  background:transparent!important;
  box-shadow:none!important;
}

.hero:not(.home-template)::before,
.hero:not(.home-template)::after{
  display:none!important;
}

.hero:not(.home-template) > *{
  max-width:900px;
}

.hero:not(.home-template) .eyebrow{
  display:block;
  margin-bottom:24px;
  color:var(--accent,#8fffd2)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}

.hero:not(.home-template) h1{
  max-width:900px!important;
  margin:0!important;
  color:#f8fffc!important;
  font-size:clamp(46px,6vw,78px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}

.hero:not(.home-template) p,
.hero:not(.home-template) .lead{
  max-width:760px!important;
  margin-top:26px!important;
  color:rgba(238,246,255,.78)!important;
  font-size:clamp(17px,1.7vw,22px)!important;
  line-height:1.72!important;
}

.wrap{
  box-sizing:border-box;
}

@media(max-width:720px){
  .hero:not(.home-template){
    width:min(100% - 32px, var(--max,1180px))!important;
    padding:86px 0 50px!important;
  }

  .hero:not(.home-template) h1{
    font-size:clamp(38px,11vw,54px)!important;
    line-height:1.08!important;
  }
}

/* Wider desktop composition
   Keep pages centered, but stop compressing the whole product into a narrow column. */
@media(min-width:981px){
  :root{
    --max:1440px;
  }

  .wrap,
  .nav-inner,
  .nav .wrap{
    width:min(1440px, calc(100% - 88px))!important;
    max-width:1440px!important;
  }

  .home-template .hero-grid,
  .home-dashboard,
  .private-round-section{
    width:min(1440px, calc(100% - 88px))!important;
    max-width:1440px!important;
  }

  .hero:not(.home-template){
    width:min(1440px, calc(100% - 88px))!important;
    max-width:1440px!important;
    padding-top:128px!important;
  }

  .hero:not(.home-template) > *,
  .hero:not(.home-template) h1{
    max-width:1120px!important;
  }

  .hero:not(.home-template) p,
  .hero:not(.home-template) .lead{
    max-width:900px!important;
  }

  .section,
  .panel,
  .document{
    width:100%;
  }

  .section{
    padding:clamp(48px,4vw,68px)!important;
  }

  .section-head{
    max-width:980px!important;
  }
}

/* Final cleanup: footer should not read as a hard black block. */
body > footer,
.footer{
  position:relative!important;
  z-index:2!important;
  width:min(1440px, calc(100% - 88px))!important;
  max-width:1440px!important;
  margin:80px auto 0!important;
  padding:30px 0 42px!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(238,246,255,.58)!important;
}

.footer-inner{
  width:100%!important;
  padding:0!important;
}

body > footer a,
.footer a{
  color:rgba(238,246,255,.72)!important;
}

body > footer a:hover,
.footer a:hover{
  color:#fff!important;
}

@media(max-width:720px){
  body > footer,
  .footer{
    width:min(100% - 32px, 1440px)!important;
    margin-top:54px!important;
  }
}

/* Tokenomics page: replace the old decorative ring with readable institutional bars. */
.allocation-clean .muted{
  max-width:940px!important;
}

.allocation-bars{
  display:grid;
  gap:14px;
  margin-top:34px;
}

.allocation-bar{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 70px;
  align-items:center;
  gap:20px;
  min-height:54px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),
    rgba(4,10,16,.28);
}

.allocation-bar span{
  color:#f8fffc;
  font-size:15px;
  font-weight:820;
}

.allocation-bar i{
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  overflow:hidden;
  position:relative;
}

.allocation-bar i::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:calc(var(--value) * 1%);
  border-radius:inherit;
  background:linear-gradient(90deg,var(--tone),color-mix(in srgb,var(--tone) 52%,#ffffff 18%));
  box-shadow:0 0 18px color-mix(in srgb,var(--tone) 42%,transparent);
}

.allocation-bar b{
  color:#fff;
  font-size:17px;
  text-align:right;
}

.allocation-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding:20px 22px;
  border:1px solid rgba(145,255,208,.18);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(145,255,208,.08),rgba(120,102,247,.06));
}

.allocation-total span{
  color:rgba(238,246,255,.62);
  font-size:12px;
  font-weight:880;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.allocation-total strong{
  color:#fff;
  font-size:clamp(24px,2.5vw,38px);
  letter-spacing:-.035em;
}

@media(max-width:760px){
  .allocation-bar{
    grid-template-columns:1fr 64px;
    gap:10px 14px;
  }

  .allocation-bar i{
    grid-column:1 / -1;
    grid-row:2;
  }

  .allocation-total{
    display:block;
  }

  .allocation-total strong{
    display:block;
    margin-top:8px;
  }
}

/* Roadmap: simplified staged line, matching the requested reference. */
#roadmap{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-sizing:border-box;
  width:100vw!important;
  max-width:none!important;
  margin-left:50%!important;
  margin-right:0!important;
  padding:132px 0;
  transform:translateX(-50%);
  color:#f8fffc;
  background:transparent;
}

#roadmap .section-head,
#roadmap .roadmap-minimal{
  width:min(100% - 88px,1440px);
  margin-left:auto;
  margin-right:auto;
}

#roadmap::before{
  display:none;
}

.roadmap-motion-bg{
  position:absolute;
  inset:0 auto 0 50%;
  display:block;
  width:100vw;
  height:100%;
  transform:translateX(-50%);
  object-fit:fill;
  object-position:center;
  z-index:1;
  opacity:1;
  filter:saturate(1.24) contrast(1.02) brightness(1.22);
  pointer-events:none;
}

#roadmap::after{
  display:none;
}

#roadmap > :not(.roadmap-motion-bg){
  position:relative;
  z-index:3;
}

#roadmap > .roadmap-motion-bg{
  z-index:1;
}

#roadmap .eyebrow{
  color:#0d8f62;
}

#roadmap .section-head h2,
#roadmap .section-head p{
  color:#f8fffc;
  text-shadow:none;
}

#roadmap .section-head p{
  color:rgba(248,255,252,.66);
}

.roadmap-minimal{
  width:100%;
  margin-top:34px;
  padding:46px 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

.roadmap-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  width:100%;
  margin-bottom:34px;
  position:relative;
  padding:0;
}

.roadmap-line::before{
  content:"";
  position:absolute;
  left:12.5%;
  right:12.5%;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,#0fbf7f,#4b9cff,#7c65ff);
  box-shadow:none;
}

.roadmap-line span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#f8fffc;
  box-shadow:0 0 0 6px rgba(15,191,127,.1);
  position:relative;
  z-index:1;
}

.roadmap-line span{
  justify-self:center;
  transform:none;
}

.roadmap-line span:not(:last-child)::after{
  display:none;
}

.roadmap-items{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px;
}

.roadmap-items article{
  min-height:118px;
  padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
}

.roadmap-items b{
  display:block;
  color:#f8fffc;
  font-size:18px;
  letter-spacing:.02em;
}

.roadmap-items span{
  display:block;
  margin-top:14px;
  color:rgba(248,255,252,.66);
  font-size:16px;
  line-height:1.45;
}

@media(max-width:820px){
  .roadmap-minimal{
    padding:32px 24px;
  }

  .roadmap-line{
    width:100%;
  }

  .roadmap-items{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .roadmap-line{
    display:none;
  }

  .roadmap-items{
    grid-template-columns:1fr;
    gap:14px;
  }

  .roadmap-items article{
    min-height:0;
    padding:18px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:rgba(255,255,255,.035);
  }
}

/* Foundation showcase, inspired by the supplied reference. */
.foundation-showcase{
  position:relative;
  z-index:3;
  margin-top:22px!important;
  padding:92px 0 62px;
}

.home-template + .ecosystem-matrix{
  margin-top:72px;
}

.ecosystem-matrix + .foundation-showcase{
  margin-top:104px!important;
}

.foundation-showcase + .band{
  padding-top:154px;
}

.token-stats-band + #roadmap{
  margin-top:68px!important;
}

#roadmap + .band{
  padding-top:156px;
}

@media(max-width:760px){
  .home-template{
    padding-bottom:58px!important;
  }

  .home-template + .ecosystem-matrix{
    margin-top:44px;
  }

  .ecosystem-matrix + .foundation-showcase{
    margin-top:68px!important;
  }

  .foundation-showcase + .band{
    padding-top:104px;
  }

  .token-stats-band{
    padding-top:108px;
    padding-bottom:108px;
  }

  .token-stats-band + #roadmap{
    margin-top:34px!important;
  }

  #roadmap{
    padding-top:96px;
    padding-bottom:96px;
  }

  #roadmap + .band{
    padding-top:108px;
  }
}

.foundation-showcase::before{
  display:none!important;
}

.foundation-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  align-items:center;
  min-height:360px;
}

.foundation-kicker{
  color:#58a8ff;
  font-size:15px;
  font-weight:780;
  letter-spacing:.32em;
  text-transform:uppercase;
}

.foundation-copy h2{
  margin:28px 0 22px;
  color:#fff;
  font-size:clamp(56px,6vw,86px);
  line-height:.96;
  letter-spacing:-.055em;
  text-shadow:0 16px 46px rgba(0,0,0,.58);
}

.foundation-copy h2 span{
  color:#7dff77;
  text-shadow:0 0 30px rgba(125,255,119,.35);
}

.foundation-line{
  display:block;
  width:95px;
  height:3px;
  margin:0 0 34px;
  border-radius:999px;
  background:linear-gradient(90deg,#38f1b3,transparent);
  box-shadow:0 0 18px rgba(56,241,179,.45);
}

.foundation-copy p{
  max-width:820px;
  margin:0;
  color:rgba(245,250,255,.82);
  font-size:clamp(18px,1.45vw,23px);
  line-height:1.58;
}

.foundation-link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:46px;
  min-width:250px;
  min-height:56px;
  margin-top:36px;
  padding:0 24px 0 28px;
  border:1px solid rgba(115,255,129,.56);
  border-radius:999px;
  color:#85ff75!important;
  background:rgba(2,20,17,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 28px rgba(92,255,147,.08);
  font-size:17px;
  font-weight:760;
}

.foundation-emblem{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
}

.emblem-rings{
  position:absolute;
  width:360px;
  height:360px;
  border:1px solid rgba(70,160,255,.72);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(49,185,255,.16),transparent 63%),
    repeating-radial-gradient(circle,rgba(70,160,255,.28) 0 1px,transparent 1px 13px);
  box-shadow:0 0 55px rgba(36,140,255,.28),inset 0 0 42px rgba(72,184,255,.18);
}

.emblem-rings::before,
.emblem-rings::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:1px dashed rgba(72,184,255,.35);
}

.emblem-rings::after{
  inset:34px;
  border-style:solid;
  opacity:.45;
}

.emblem-core{
  position:relative;
  width:250px;
  height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 34%,rgba(55,255,152,.18),rgba(5,18,26,.74) 62%,rgba(8,14,28,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 90px rgba(0,0,0,.32);
  text-align:center;
}

.emblem-core img{
  width:86px;
  height:86px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(107,255,137,.45));
  margin:0 0 8px;
}

.emblem-core b{
  color:#fff;
  font-size:26px;
  font-weight:520;
  letter-spacing:.32em;
  text-transform:uppercase;
  transform:translateX(.16em);
}

.emblem-core span{
  color:#6fff83;
  font-size:15px;
  letter-spacing:.42em;
  text-transform:uppercase;
  transform:translateX(.21em);
}

.emblem-beam{
  position:absolute;
  left:50%;
  bottom:34px;
  width:360px;
  height:74px;
  transform:translateX(-50%);
  background:
    radial-gradient(ellipse at 50% 50%,rgba(67,189,255,.85),rgba(67,189,255,.18) 26%,transparent 62%),
    radial-gradient(ellipse at 50% 55%,rgba(80,255,192,.32),transparent 58%);
  filter:blur(.2px);
  opacity:.84;
}

.foundation-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin-top:44px;
}

.foundation-cards-showcase{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:52px;
}

.foundation-cards-showcase img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  box-shadow:0 28px 90px rgba(0,0,0,.24);
}

.foundation-text-card{
  --card:#6dff73;
  min-height:270px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(24px,2.7vw,38px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.foundation-text-card h3{
  margin:0;
  color:var(--card);
  font-size:clamp(28px,2.4vw,44px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:0;
  text-shadow:0 0 22px rgba(0,0,0,.28);
}

.foundation-text-card i{
  display:block;
  width:52px;
  height:2px;
  margin:22px 0 24px;
  background:var(--card);
  box-shadow:0 0 18px color-mix(in srgb,var(--card) 44%,transparent);
}

.foundation-text-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:clamp(15px,1vw,18px);
  line-height:1.62;
  text-shadow:0 1px 16px rgba(0,0,0,.36);
}

.foundation-text-card.mission{--card:#5dff78}
.foundation-text-card.governance{--card:#b95bff}
.foundation-text-card.treasury{--card:#4a9bff}
.foundation-text-card.vision{--card:#20e7df}

.motion-foundation-card{
  --card:#6dff73;
  position:relative;
  min-height:clamp(420px,36vw,620px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:#020711;
  box-shadow:0 28px 90px rgba(0,0,0,.24);
  isolation:isolate;
}

.motion-foundation-card video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  opacity:.82;
  filter:saturate(1.18) contrast(1.08) brightness(.86);
  transform:scale(1.08);
}

.motion-foundation-card.governance video{
  object-position:42% center;
}

.motion-foundation-card.treasury video{
  object-position:58% center;
}

.motion-foundation-card.vision video{
  object-position:72% center;
}

.motion-foundation-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.22) 46%,rgba(1,5,13,.94) 76%,#01050d 100%),
    radial-gradient(circle at 50% 18%,rgba(90,208,255,.18),transparent 42%);
  pointer-events:none;
}

.motion-foundation-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -80px 100px rgba(0,0,0,.38);
  pointer-events:none;
}

.motion-card-copy{
  position:absolute;
  left:clamp(26px,2.8vw,42px);
  right:clamp(24px,2.6vw,38px);
  bottom:clamp(28px,3vw,46px);
  z-index:3;
}

.motion-card-copy h3{
  margin:0;
  color:var(--card);
  font-size:clamp(30px,2.75vw,52px);
  line-height:1.04;
  font-weight:800;
  letter-spacing:0;
  text-shadow:0 0 24px color-mix(in srgb,var(--card) 40%,transparent);
}

.motion-card-copy i{
  display:block;
  width:56px;
  height:2px;
  margin:24px 0 26px;
  background:var(--card);
  box-shadow:0 0 18px color-mix(in srgb,var(--card) 42%,transparent);
}

.motion-card-copy p{
  max-width:94%;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:clamp(15px,1.1vw,22px);
  line-height:1.55;
  font-weight:400;
  letter-spacing:0;
}

.motion-foundation-card.mission{--card:#48f779}
.motion-foundation-card.governance{--card:#bd55ff}
.motion-foundation-card.treasury{--card:#4095ff}
.motion-foundation-card.vision{--card:#16e6da}

.foundation-image-card{
  min-height:856px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  overflow:hidden;
  background:
    var(--card-image) center center/cover no-repeat;
  box-shadow:0 28px 90px rgba(0,0,0,.24);
}

.foundation-image-card.mission{--card:#6dff73;--card-image:url("assets/foundation-card-mission-bg.jpg")}
.foundation-image-card.governance{--card:#a45cff;--card-image:url("assets/foundation-card-governance-bg.jpg")}
.foundation-image-card.treasury{--card:#5b9cff;--card-image:url("assets/foundation-card-treasury-bg.jpg")}
.foundation-image-card.vision{--card:#35e8ff;--card-image:url("assets/foundation-card-vision-bg.jpg")}

.foundation-image-card h3{
  margin:0 0 24px;
  color:var(--card);
  font-size:clamp(25px,2.2vw,34px);
  line-height:1.12;
  letter-spacing:-.035em;
  text-shadow:0 10px 28px rgba(0,0,0,.56);
}

.foundation-image-card h3::after{
  content:"";
  display:block;
  width:46px;
  height:2px;
  margin-top:22px;
  border-radius:999px;
  background:var(--card);
  box-shadow:0 0 16px color-mix(in srgb,var(--card) 55%,transparent);
}

.foundation-image-card p{
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:16px;
  line-height:1.65;
  text-shadow:0 8px 22px rgba(0,0,0,.62);
}

.foundation-image-card h3,
.foundation-image-card p{
  display:none;
}

.foundation-card{
  min-height:330px;
  padding:34px 32px;
  border:1px solid rgba(75,145,255,.26);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 18%,rgba(var(--card-rgb),.14),transparent 34%),
    linear-gradient(145deg,rgba(5,16,28,.72),rgba(2,9,17,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.24);
}

.foundation-card.mission{
  --card:#6dff73;
  --card-rgb:109,255,115;
  background:
    linear-gradient(180deg,rgba(3,12,15,.34),rgba(3,12,15,.78)),
    radial-gradient(circle at 50% 18%,rgba(var(--card-rgb),.16),transparent 34%),
    url("assets/foundation-mission-landscape.jpg") center/cover no-repeat;
}

.foundation-card.mission .foundation-icon{
  display:none;
}
.foundation-card.governance{--card:#a45cff;--card-rgb:164,92,255}
.foundation-card.treasury{--card:#5b9cff;--card-rgb:91,156,255}
.foundation-card.vision{--card:#35e8ff;--card-rgb:53,232,255}

.foundation-card i{
  display:none!important;
}

.foundation-icon{
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  margin:0 auto 30px;
  border:0;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(var(--card-rgb),.12),rgba(255,255,255,.025));
  box-shadow:none;
  position:relative;
}

.foundation-icon img{
  width:64px;
  height:64px;
  position:relative;
  z-index:1;
  object-fit:contain;
  filter:none;
}

.foundation-card h3{
  margin:0 0 26px;
  color:var(--card);
  font-size:clamp(24px,2vw,31px);
  text-align:center;
  letter-spacing:-.03em;
}

.foundation-card h3::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin:22px auto 0;
  border-radius:999px;
  background:var(--card);
  box-shadow:0 0 14px rgba(var(--card-rgb),.44);
}

.foundation-card p{
  margin:0;
  color:rgba(245,250,255,.84);
  font-size:16px;
  line-height:1.65;
}

@media(max-width:1100px){
  .foundation-hero{
    grid-template-columns:1fr;
    gap:24px;
  }

  .foundation-emblem{
    min-height:360px;
  }

  .foundation-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .foundation-showcase{
    padding:66px 0 42px;
  }

  .foundation-copy h2{
    font-size:clamp(44px,13vw,62px);
  }

  .foundation-kicker{
    letter-spacing:.18em;
  }

  .emblem-rings{
    width:280px;
    height:280px;
  }

  .emblem-core{
    width:205px;
    height:205px;
  }

  .foundation-cards{
    grid-template-columns:1fr;
  }
}

/* Full-width ecosystem matrix, based on the supplied reference layout. */
.ecosystem-matrix{
  position:relative;
  z-index:3;
  width:100%;
  margin:70px 0 30px;
  padding:86px clamp(28px,4vw,64px) 0;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.42)),
    radial-gradient(circle at 12% 78%,rgba(42,148,255,.26),transparent 32%),
    radial-gradient(circle at 72% 20%,rgba(95,255,188,.08),transparent 34%),
    rgba(0,5,12,.28);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:minmax(300px,430px) minmax(0,1fr);
  gap:54px;
}

.ecosystem-matrix::before{
  display:none;
}

.ecosystem-copy{
  position:relative;
  z-index:1;
  padding-top:28px;
}

.matrix-kicker{
  color:#5aa2ff;
  font-size:15px;
  font-weight:780;
  letter-spacing:.28em;
  text-transform:uppercase;
}

.matrix-kicker::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:22px;
  background:linear-gradient(90deg,#56a7ff,#a579ff);
  box-shadow:0 0 16px rgba(86,167,255,.45);
}

.ecosystem-copy h2{
  margin:34px 0 28px;
  color:#fff;
  font-size:clamp(64px,7vw,98px);
  line-height:.92;
  letter-spacing:-.06em;
}

.ecosystem-copy h2 span{
  color:#6b7dff;
  background:linear-gradient(135deg,#45a6ff,#7e67ff 56%,#a15dff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.ecosystem-copy p{
  max-width:360px;
  margin:0;
  color:rgba(245,250,255,.74);
  font-size:22px;
  line-height:1.52;
}

.ecosystem-rows{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
}

.ecosystem-row{
  min-height:92px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 22px;
  align-items:center;
  gap:18px;
  padding:0 22px 0 28px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),rgba(0,0,0,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 48px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
}

.row-label{
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:0;
  color:rgba(108,169,255,.92);
  font-size:clamp(12px,.86vw,15px);
  font-weight:700;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.075em;
}

.brand-strip{
  position:relative;
  display:block;
  align-items:center;
  min-width:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
}

.partner-marquee-track{
  --marquee-duration:28s;
  --marquee-delay:0s;
  display:flex;
  width:max-content;
  min-width:100%;
  align-items:center;
  animation:partner-marquee var(--marquee-duration) linear infinite;
  animation-delay:var(--marquee-delay);
  will-change:transform;
}

.partner-marquee-set{
  display:flex;
  align-items:center;
  min-width:max-content;
  padding-right:clamp(30px,4vw,72px);
}

.ecosystem-row:hover .partner-marquee-track{
  animation-play-state:paused;
}

@keyframes partner-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

.brand-strip b{
  flex:0 0 clamp(150px,13vw,230px);
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 16px;
  border-left:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.9);
  font-size:clamp(13px,.92vw,18px);
  font-weight:720;
  letter-spacing:.02em;
  text-transform:none;
  text-shadow:none;
  white-space:nowrap;
}

.brand-strip b img{
  width:clamp(20px,1.55vw,28px);
  height:clamp(20px,1.55vw,28px);
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 0 10px rgba(130,230,255,.18));
}

.brand-strip b img.brand-logo-wide{
  width:clamp(42px,3.3vw,62px);
  height:clamp(18px,1.3vw,24px);
}

.brand-strip b:has(img){
  text-shadow:none;
}

.brand-logo{
  display:block;
}

.brand-strip .wordmark-only{
  color:rgba(255,255,255,.82);
  font-size:clamp(13px,.92vw,17px);
  font-weight:700;
  letter-spacing:.025em;
  background:none;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 0 14px rgba(145,255,208,.14);
}

.brand-strip b:first-child{
  border-left:1px solid rgba(255,255,255,.10);
}

.brand-strip .sol{
  background:linear-gradient(90deg,#28ffd0,#9a69ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.ecosystem-row em{
  color:#fff;
  font-size:40px;
  font-style:normal;
  opacity:.9;
}

.ecosystem-benefits{
  grid-column:1 / -1;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin:62px calc(clamp(28px,4vw,64px) * -1) 0;
  padding:32px clamp(28px,4vw,64px) 44px;
  border-top:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.2);
}

.ecosystem-benefits article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:16px;
  padding:0 28px;
  border-right:1px solid rgba(255,255,255,.13);
}

.ecosystem-benefits article:last-child{
  border-right:0;
}

.benefit-icon-img{
  width:34px;
  height:34px;
  object-fit:contain;
  align-self:start;
  margin-top:2px;
  filter:none;
}

.ecosystem-benefits b{
  color:#fff;
  font-size:15px;
  text-transform:uppercase;
}

.ecosystem-benefits span{
  display:block;
  grid-column:2;
  margin-top:-18px;
  color:rgba(245,250,255,.6);
  font-size:14px;
  line-height:1.55;
}

.ecosystem-matrix{
  margin:42px 0 24px;
  padding:56px clamp(22px,3vw,46px) 0;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr);
  gap:34px;
}

.ecosystem-copy{
  padding-top:14px;
}

.matrix-kicker{
  font-size:13px;
}

.matrix-kicker::after{
  margin-top:16px;
}

.ecosystem-copy h2{
  margin:24px 0 18px;
  font-size:clamp(50px,5.5vw,78px);
}

.ecosystem-copy p{
  max-width:320px;
  font-size:18px;
  line-height:1.42;
}

.ecosystem-rows{
  gap:10px;
}

.ecosystem-row{
  min-height:70px;
  grid-template-columns:180px minmax(0,1fr) 18px;
  gap:12px;
  padding:0 16px 0 22px;
}

.brand-strip b{
  min-height:30px;
  gap:8px;
  padding:0 12px;
  font-size:clamp(12px,.82vw,15px);
}

.brand-strip b img{
  width:clamp(18px,1.3vw,23px);
  height:clamp(18px,1.3vw,23px);
}

.brand-strip b img.brand-logo-wide{
  width:clamp(36px,2.8vw,50px);
  height:clamp(16px,1.15vw,21px);
}

.ecosystem-row em{
  font-size:30px;
}

.ecosystem-benefits{
  margin:38px calc(clamp(22px,3vw,46px) * -1) 0;
  padding:22px clamp(22px,3vw,46px) 28px;
}

.ecosystem-benefits article{
  grid-template-columns:30px minmax(0,1fr);
  gap:12px;
  padding:0 18px;
}

.benefit-icon-img{
  width:28px;
  height:28px;
}

.ecosystem-benefits b{
  font-size:13px;
}

.ecosystem-benefits span{
  margin-top:-12px;
  font-size:12px;
  line-height:1.45;
}

@media(max-width:1180px){
  .ecosystem-matrix{
    grid-template-columns:1fr;
    gap:24px;
    padding-top:44px;
  }

  .ecosystem-copy p{
    max-width:620px;
  }

  .ecosystem-row{
    min-height:64px;
    grid-template-columns:170px minmax(0,1fr) 18px;
  }

  .ecosystem-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 0;
    margin-top:28px;
    padding-top:20px;
    padding-bottom:24px;
  }

  .ecosystem-benefits article:nth-child(even){
    border-right:0;
  }
}

@media(max-width:760px){
  .ecosystem-matrix{
    padding:64px 22px 0;
  }

  .ecosystem-copy h2{
    font-size:clamp(52px,14vw,76px);
  }

  .ecosystem-row{
    grid-template-columns:1fr;
    padding:24px;
  }

  .brand-strip{
    display:block;
    overflow:visible;
    -webkit-mask-image:none;
    mask-image:none;
  }

  .partner-marquee-track{
    width:100%;
    min-width:0;
    transform:none!important;
    animation:none!important;
  }

  .partner-marquee-set{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding-right:0;
  }

  .partner-marquee-set[aria-hidden="true"]{
    display:none;
  }

  .brand-strip b{
    width:100%;
    min-width:0;
    flex:initial;
    border-left:0;
    min-height:44px;
    padding:0 12px;
    justify-content:center;
    font-size:15px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:rgba(0,0,0,.16);
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .brand-strip b img{
    width:24px;
    height:24px;
  }

  .brand-strip b img.brand-logo-wide{
    width:52px;
    height:22px;
    max-width:52px;
  }

  .ecosystem-row em{
    display:none;
  }

  .ecosystem-benefits{
    grid-template-columns:1fr;
    margin-left:-22px;
    margin-right:-22px;
    padding-left:22px;
    padding-right:22px;
  }

  .ecosystem-benefits article{
    border-right:0;
    padding:0;
  }
}

/* Polished interaction states across the homepage. */
@media(hover:hover){
  .brand-lockup,
  .nav-links a,
  .nav-language,
  .home-template .button,
  .foundation-link,
  .private-round-card,
  .foundation-cards-showcase img,
  .foundation-text-card,
  .motion-foundation-card,
  .motion-foundation-card video,
  .why,
  .why .check,
  .token-stats-row article,
  .token-stats-row strong,
  .roadmap-minimal,
  .roadmap-line span,
  .roadmap-items article,
  .roadmap-items b,
  .chain-button,
  .address-box,
  .copy,
  .qr-card,
  .ecosystem-row,
  .ecosystem-row em,
  .ecosystem-benefits article,
  .footer a{
    transition:
      transform .24s ease,
      border-color .24s ease,
      background .24s ease,
      box-shadow .24s ease,
      color .24s ease,
      opacity .24s ease,
      filter .24s ease,
      text-shadow .24s ease;
  }

  .brand-lockup:hover,
  .nav-language:hover{
    filter:drop-shadow(0 0 16px rgba(126,255,203,.26));
  }

  .nav-links a:hover,
  .footer a:hover{
    color:#9effd3;
    text-shadow:0 0 18px rgba(126,255,203,.34);
  }

  .home-template .button:hover,
  .foundation-link:hover,
  .copy:hover{
    transform:translateY(-2px);
    border-color:rgba(126,255,203,.44);
    box-shadow:0 16px 42px rgba(54,255,190,.18), inset 0 1px 0 rgba(255,255,255,.24);
  }

  .private-round-card:hover,
  .address-box:hover,
  .qr-card:hover{
    transform:translateY(-4px);
    border-color:rgba(126,255,203,.34);
    box-shadow:0 24px 70px rgba(0,0,0,.3), 0 0 44px rgba(126,255,203,.1);
  }

  .foundation-cards-showcase img:hover,
  .foundation-text-card:hover,
  .motion-foundation-card:hover{
    transform:translateY(-6px) scale(1.012);
    border-color:rgba(126,255,203,.4);
    box-shadow:0 28px 86px rgba(0,0,0,.46), 0 0 42px rgba(73,202,255,.14);
  }

  .foundation-text-card:hover{
    box-shadow:none;
    filter:brightness(1.08);
  }

  .motion-foundation-card:hover video{
    filter:saturate(1.28) contrast(1.12) brightness(.98);
  }

  .why:hover{
    transform:translateY(-4px);
    border-color:rgba(126,255,203,.32);
    background:linear-gradient(180deg,rgba(126,255,203,.12),rgba(8,16,18,.34));
    box-shadow:0 18px 54px rgba(0,0,0,.24), 0 0 30px rgba(126,255,203,.1);
  }

  .why:hover .check{
    box-shadow:0 0 26px rgba(126,255,203,.44);
    transform:scale(1.06);
  }

  .token-stats-row article:hover{
    background:rgba(126,255,203,.065);
  }

  .token-stats-row article:hover strong{
    color:#9effd3;
    text-shadow:0 0 24px rgba(126,255,203,.28);
  }

  .roadmap-minimal:hover{
    border-color:rgba(126,255,203,.34);
    box-shadow:0 0 48px rgba(126,255,203,.1);
  }

  .roadmap-items article:hover{
    transform:translateY(-3px);
    background:rgba(126,255,203,.035);
  }

  .roadmap-items article:hover b{
    color:#9effd3;
    text-shadow:0 0 18px rgba(126,255,203,.3);
  }

  .roadmap-items article:hover ~ article{
    opacity:.92;
  }

  .chain-button:hover{
    transform:translateY(-2px);
    border-color:rgba(126,255,203,.42);
    background:rgba(126,255,203,.09);
    box-shadow:0 14px 34px rgba(0,0,0,.18);
  }

  .chain-button.active:hover{
    box-shadow:0 16px 40px rgba(54,255,190,.22);
  }

  .ecosystem-row:hover{
    transform:translateX(4px);
    border-color:rgba(126,255,203,.3);
    background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(126,255,203,.07),rgba(0,0,0,.42));
    box-shadow:0 18px 46px rgba(0,0,0,.24);
  }

  .ecosystem-row:hover em{
    color:#9effd3;
    transform:translateX(4px);
    text-shadow:0 0 18px rgba(126,255,203,.38);
  }

  .ecosystem-benefits article:hover{
    background:rgba(126,255,203,.045);
    filter:brightness(1.08);
  }
}

.brand-lockup:focus-visible,
.nav-links a:focus-visible,
.nav-language:focus-visible,
.button:focus-visible,
.foundation-link:focus-visible,
.chain-button:focus-visible,
.copy:focus-visible,
.footer a:focus-visible{
  outline:2px solid rgba(126,255,203,.8);
  outline-offset:4px;
}

#copyStatus:empty{
  display:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.page-icon-dock{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}

.page-icon,
.section-icon-chip{
  --icon-a:#65e0a6;
  --icon-b:#6edcff;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--icon-a) 38%,transparent);
  border-radius:999px;
  color:rgba(248,255,252,.78);
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--icon-a) 20%,transparent),color-mix(in srgb,var(--icon-b) 14%,transparent)),
    rgba(4,14,12,.34);
  backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px color-mix(in srgb,var(--icon-a) 12%,transparent);
}

.page-icon:nth-child(2n),
.section-icon-chip:nth-of-type(2n){
  --icon-a:#8b72ff;
  --icon-b:#d978b9;
}

.page-icon:nth-child(3n),
.section-icon-chip:nth-of-type(3n){
  --icon-a:#4bb8df;
  --icon-b:#65e0a6;
}

.page-icon:nth-child(4n),
.section-icon-chip:nth-of-type(4n){
  --icon-a:#dba552;
  --icon-b:#d978b9;
}

.page-icon img,
.section-icon-chip img{
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 auto;
  filter:none;
}

.page-icon b,
.section-icon-chip b{
  font-size:11px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:none;
}

.section-icon-chip{
  margin:0 0 16px;
  color:color-mix(in srgb,var(--icon-a) 68%,#fff);
}

.inline-title-icon{
  --inline-icon:#65e0a6;
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  margin-right:10px;
  vertical-align:-6px;
  border:1px solid color-mix(in srgb,var(--inline-icon) 34%,transparent);
  border-radius:9px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--inline-icon) 18%,transparent),rgba(255,255,255,.035));
  box-shadow:0 0 16px color-mix(in srgb,var(--inline-icon) 13%,transparent);
}

.card:nth-child(2n) .inline-title-icon,
.panel:nth-child(2n) .inline-title-icon,
.parameter:nth-child(2n) .inline-title-icon,
.resource:nth-child(2n) .inline-title-icon{--inline-icon:#8b72ff}

.card:nth-child(3n) .inline-title-icon,
.panel:nth-child(3n) .inline-title-icon,
.parameter:nth-child(3n) .inline-title-icon,
.resource:nth-child(3n) .inline-title-icon{--inline-icon:#4bb8df}

.card:nth-child(4n) .inline-title-icon,
.panel:nth-child(4n) .inline-title-icon,
.parameter:nth-child(4n) .inline-title-icon,
.resource:nth-child(4n) .inline-title-icon{--inline-icon:#dba552}

.inline-title-icon img{
  width:16px;
  height:16px;
  object-fit:contain;
}

/* Colored icon treatment: brand-colored artwork first, minimal container second. */
.page-icon,
.section-icon-chip{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  min-height:42px!important;
  padding:9px 14px!important;
  gap:11px!important;
}

.page-icon img,
.section-icon-chip img{
  width:28px!important;
  height:28px!important;
  filter:none!important;
}

.page-icon b,
.section-icon-chip b{
  font-size:12px!important;
}

.inline-title-icon{
  background:transparent!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  width:36px!important;
  height:36px!important;
  margin-right:12px!important;
  vertical-align:-9px!important;
}

.inline-title-icon img{
  width:30px!important;
  height:30px!important;
  filter:none!important;
}

@media(hover:hover){
  .page-icon,
  .section-icon-chip,
  .inline-title-icon{
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,filter .22s ease;
  }

  .page-icon:hover,
  .section-icon-chip:hover{
    transform:translateY(-2px);
    border-color:rgba(145,255,208,.38);
    box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 20px rgba(145,255,208,.1);
  }
}

@media(max-width:560px){
  .page-icon-dock{
    gap:8px;
    margin-bottom:18px;
  }

  .page-icon,
  .section-icon-chip{
    min-height:32px;
    padding:6px 10px;
  }
}

/* Ecosystem subpage relationship map upgrade. */
.relationship-enhanced{
  min-height:640px!important;
  position:relative;
  background:
    radial-gradient(circle at 50% 48%,rgba(145,255,208,.18),transparent 22%),
    radial-gradient(circle at 20% 18%,rgba(139,114,255,.18),transparent 26%),
    radial-gradient(circle at 82% 82%,rgba(74,184,223,.14),transparent 30%),
    linear-gradient(145deg,rgba(16,27,45,.78),rgba(5,13,18,.62))!important;
  border-color:rgba(145,255,208,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 90px rgba(0,0,0,.24)!important;
}

.relationship-enhanced::before,
.relationship-enhanced::after{
  content:""!important;
  display:block!important;
  position:absolute;
  left:50%;
  top:50%;
  width:min(66%,820px);
  height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(145,255,208,.9),rgba(77,184,220,.72),rgba(139,114,255,.8),transparent)!important;
  box-shadow:0 0 22px rgba(145,255,208,.34)!important;
}

.relationship-enhanced::after{
  width:1px;
  height:min(68%,420px);
  background:linear-gradient(180deg,transparent,rgba(139,114,255,.82),rgba(145,255,208,.86),rgba(77,184,220,.72),transparent)!important;
}

.relationship-enhanced .map-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:min(58%,700px);
  aspect-ratio:1.9;
  border:1px solid rgba(145,255,208,.12);
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 70px rgba(145,255,208,.08),inset 0 0 54px rgba(139,114,255,.06);
}

.relationship-enhanced .map-node{
  width:250px!important;
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr);
  gap:16px;
  place-items:initial!important;
  align-items:center;
  padding:20px!important;
  text-align:left!important;
  border-radius:18px!important;
  border-color:rgba(145,255,208,.2)!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.14),transparent 34%),
    linear-gradient(145deg,rgba(120,146,196,.28),rgba(64,106,116,.16)),
    rgba(7,15,22,.84)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 22px 58px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(20px);
}

.relationship-enhanced .map-node img{
  width:48px;
  height:48px;
  object-fit:contain;
  padding:9px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(145,255,208,.16),rgba(139,114,255,.12));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 22px rgba(145,255,208,.14);
}

.relationship-enhanced .map-node em{
  display:block;
  margin-bottom:6px;
  color:#91ffd0;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.relationship-enhanced .map-node b{
  font-size:20px!important;
  line-height:1.1;
}

.relationship-enhanced .map-node small{
  margin-top:8px!important;
  color:rgba(245,250,247,.72)!important;
}

.relationship-enhanced .map-node.core{
  width:300px!important;
  min-height:170px!important;
  grid-template-columns:62px minmax(0,1fr);
  border-color:rgba(145,255,208,.48)!important;
  background:
    radial-gradient(circle at 38% 22%,rgba(145,255,208,.34),transparent 42%),
    linear-gradient(145deg,rgba(104,176,183,.34),rgba(68,99,150,.24)),
    rgba(7,17,19,.9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 82px rgba(145,255,208,.2),0 26px 80px rgba(0,0,0,.3)!important;
}

.relationship-enhanced .map-node.core img{
  width:58px;
  height:58px;
}

.relationship-enhanced .apps{border-color:rgba(101,224,166,.28)!important}
.relationship-enhanced .partners{border-color:rgba(77,184,220,.28)!important}
.relationship-enhanced .data{border-color:rgba(139,114,255,.3)!important}
.relationship-enhanced .community{border-color:rgba(219,165,82,.28)!important}

.relationship-enhanced .signal{
  display:block!important;
  width:12px!important;
  height:12px!important;
  background:#91ffd0!important;
  box-shadow:0 0 18px #91ffd0,0 0 36px rgba(145,255,208,.42)!important;
}

@media(max-width:850px){
  .relationship-enhanced{
    min-height:auto!important;
  }

  .relationship-enhanced::before,
  .relationship-enhanced::after,
  .relationship-enhanced .map-orbit,
  .relationship-enhanced .signal{
    display:none!important;
  }

  .relationship-enhanced .map-node,
  .relationship-enhanced .map-node.core{
    position:static!important;
    width:100%!important;
    min-height:118px!important;
    transform:none!important;
  }
}

/* Global English typography cleanup. */
html,
body,
button,
input,
textarea,
select{
  font-family:"Inter","SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-kerning:normal;
}

p,
li,
small,
span,
.lead,
.muted,
.note,
.card p,
.panel p,
.parameter p,
.resource p,
.map-node small{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  letter-spacing:0!important;
}

h1,
h2,
h3,
h4,
.hero h1,
.section-head h2,
.foundation-text-card h3,
.motion-card-copy h3,
.ecosystem-copy h2{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.flow{
  align-items:stretch!important;
  gap:14px!important;
}

.flow .node,
.flow .step{
  min-width:120px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 16px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.22!important;
  text-align:center!important;
}

.flow .node{
  flex:1 1 150px!important;
}

.flow .step{
  flex:1 1 155px!important;
}

.flow .arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  flex:0 0 28px!important;
}

.parameter h3,
.panel h3,
.card h3,
.resource h3,
.node,
.step{
  font-weight:760!important;
  letter-spacing:0!important;
}

@media(max-width:980px){
  .flow{
    flex-wrap:wrap!important;
  }

  .flow .arrow{
    display:none!important;
  }

  .flow .node,
  .flow .step{
    flex:1 1 calc(50% - 12px)!important;
  }
}

@media(max-width:560px){
  .flow .node,
  .flow .step{
    flex-basis:100%!important;
    min-width:0!important;
  }
}

@media(hover:hover){
  .page-icon:hover,
  .section-icon-chip:hover{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:none!important;
  }

  .inline-title-icon:hover{
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Richer ecosystem relationship map. */
.relationship-enhanced{
  min-height:680px!important;
  isolation:isolate;
  background:
    linear-gradient(rgba(145,255,208,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(145,255,208,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 46%,rgba(145,255,208,.2),transparent 20%),
    radial-gradient(circle at 18% 14%,rgba(101,224,166,.16),transparent 24%),
    radial-gradient(circle at 82% 16%,rgba(77,184,220,.14),transparent 25%),
    radial-gradient(circle at 22% 84%,rgba(139,114,255,.14),transparent 26%),
    radial-gradient(circle at 82% 84%,rgba(219,165,82,.12),transparent 28%),
    linear-gradient(145deg,rgba(12,24,35,.88),rgba(7,11,24,.82))!important;
  background-size:42px 42px,42px 42px,auto,auto,auto,auto,auto,auto!important;
  border-color:rgba(145,255,208,.22)!important;
}

.relationship-enhanced .map-orbit{
  width:min(68%,820px)!important;
  aspect-ratio:2.2!important;
  border-color:rgba(145,255,208,.18)!important;
  background:
    radial-gradient(ellipse at center,rgba(145,255,208,.1),transparent 60%);
}

.relationship-enhanced .map-orbit::before,
.relationship-enhanced .map-orbit::after{
  content:"";
  position:absolute;
  inset:12%;
  border:1px solid rgba(77,184,220,.13);
  border-radius:50%;
  transform:rotate(-8deg);
}

.relationship-enhanced .map-orbit::after{
  inset:24%;
  border-color:rgba(139,114,255,.16);
  transform:rotate(8deg);
}

.relationship-enhanced .map-node{
  width:270px!important;
  min-height:142px!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  overflow:hidden;
}

.relationship-enhanced .map-node::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 99px 99px 0;
  background:var(--node-color,#91ffd0);
  box-shadow:0 0 22px var(--node-color,#91ffd0);
}

.relationship-enhanced .map-node::after{
  position:absolute;
  right:18px;
  top:14px;
  color:color-mix(in srgb,var(--node-color,#91ffd0) 72%,#fff);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  opacity:.72;
}

.relationship-enhanced .map-node.apps{--node-color:#65e0a6}
.relationship-enhanced .map-node.partners{--node-color:#4bb8df}
.relationship-enhanced .map-node.data{--node-color:#8b72ff}
.relationship-enhanced .map-node.community{--node-color:#dba552}
.relationship-enhanced .map-node.core{--node-color:#91ffd0}

.relationship-enhanced .map-node.apps::after{content:"01"}
.relationship-enhanced .map-node.partners::after{content:"02"}
.relationship-enhanced .map-node.data::after{content:"03"}
.relationship-enhanced .map-node.community::after{content:"04"}
.relationship-enhanced .map-node.core::after{content:"HUB"}

.relationship-enhanced .map-node img{
  width:76px!important;
  height:76px!important;
  padding:7px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}

.relationship-enhanced .map-node.core{
  width:340px!important;
  min-height:190px!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  outline:1px solid rgba(145,255,208,.22);
  outline-offset:8px;
}

.relationship-enhanced .map-node.core img{
  width:86px!important;
  height:86px!important;
}

.relationship-enhanced .map-node b{
  font-size:22px!important;
}

.relationship-enhanced .map-node.core b{
  font-size:26px!important;
}

.relationship-enhanced .map-node small{
  font-size:14px!important;
}

.relationship-enhanced .signal{
  width:14px!important;
  height:14px!important;
}

@media(hover:hover){
  .relationship-enhanced .map-node{
    transition:transform .24s ease,border-color .24s ease,filter .24s ease;
  }

  .relationship-enhanced .map-node:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb,var(--node-color,#91ffd0) 54%,transparent)!important;
    filter:brightness(1.08);
  }

  .relationship-enhanced .map-node.core:hover{
    transform:translate(-50%,-50%) scale(1.015)!important;
  }
}

/* Resource cards: remove status pills and lift the remaining content. */
.feature .status,
.resource .status{
  display:none!important;
}

.resource{
  justify-content:center!important;
  padding:30px 28px 36px!important;
}

.resource h3{
  margin:0 0 12px!important;
  font-size:25px!important;
  transform:translateY(-8px);
}

.resource p{
  font-size:15px!important;
  line-height:1.72!important;
  transform:translateY(-8px);
}

.resource .link{
  margin-top:18px!important;
  transform:translateY(-8px);
}

.feature h2{
  margin-top:0!important;
}

.topline{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.qr-card{
  gap:16px!important;
}

.whatsapp-contact{
  width:auto;
  height:56px;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 24px;
  border-radius:999px;
  color:#fff!important;
  background:#25d366;
  font-size:17px;
  font-weight:850;
  box-shadow:0 14px 30px rgba(37,211,102,.24);
  line-height:1!important;
  white-space:nowrap;
  text-shadow:none!important;
}

.whatsapp-contact svg{
  width:34px!important;
  height:34px!important;
  display:block;
  flex:0 0 34px;
  box-sizing:border-box;
  padding:4px;
  border-radius:50%;
  background:#fff;
  fill:#25d366;
  color:#25d366;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 0 0 1px rgba(255,255,255,.42),
    0 8px 18px rgba(0,0,0,.18);
  filter:
    saturate(1.18)
    contrast(1.12)
    drop-shadow(0 0 8px rgba(255,255,255,.22));
  transform:none!important;
}

.whatsapp-contact span{
  display:block;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  line-height:1!important;
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  transform:none!important;
  text-align:center!important;
}

@media(hover:hover){
  .whatsapp-contact{
    transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
  }

  .whatsapp-contact:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:0 18px 38px rgba(37,211,102,.32);
  }
}

.footer-whatsapp{
  width:fit-content;
  height:52px;
  min-height:52px;
  margin-top:16px;
  padding:0 22px;
  font-size:16px;
  box-shadow:0 10px 24px rgba(37,211,102,.18);
}

.footer-whatsapp svg{
  width:34px!important;
  height:34px!important;
  flex-basis:34px;
}

.footer-whatsapp span{
  font-size:16px!important;
  margin:0!important;
}

/* Final icon clarity pass: brighter artwork, clearer containers, no invisible dark SVGs. */
.page-icon,
.section-icon-chip{
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 40%),
    linear-gradient(135deg,rgba(145,255,208,.12),rgba(107,125,255,.1)),
    rgba(5,16,18,.48)!important;
  border-color:rgba(145,255,208,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 30px rgba(0,0,0,.18),
    0 0 22px rgba(145,255,208,.11)!important;
}

.page-icon img,
.section-icon-chip img,
.inline-title-icon img,
.brand-logo,
.benefit-icon-img{
  filter:
    saturate(1.35)
    contrast(1.14)
    brightness(1.13)
    drop-shadow(0 0 10px rgba(126,255,203,.18))
    drop-shadow(0 0 18px rgba(95,174,255,.12))!important;
}

.inline-title-icon{
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.18),transparent 42%),
    linear-gradient(145deg,rgba(145,255,208,.1),rgba(126,105,255,.1))!important;
  border-color:rgba(145,255,208,.2)!important;
  box-shadow:0 0 18px rgba(145,255,208,.09)!important;
}

.benefit-icon-img{
  width:40px!important;
  height:40px!important;
}

.brand-strip b{
  color:#fff!important;
  text-shadow:0 0 18px rgba(255,255,255,.12);
}

.brand-strip b img{
  width:clamp(24px,1.75vw,32px)!important;
  height:clamp(24px,1.75vw,32px)!important;
}

.brand-strip b img.brand-logo-wide{
  width:clamp(54px,3.6vw,70px)!important;
  height:clamp(22px,1.5vw,28px)!important;
}

.brand-strip .wordmark-only{
  color:#fff!important;
}

.ecosystem-benefits article{
  align-items:start;
}

.ecosystem-benefits b{
  color:#fff!important;
}

@media(max-width:760px){
  .brand-strip b img{
    width:27px!important;
    height:27px!important;
  }

  .brand-strip b img.brand-logo-wide{
    width:58px!important;
    height:24px!important;
  }
}

/* Homepage spacing pass: give each major section room to breathe. */
.home-template{
  padding-bottom:150px!important;
}

.home-template + .ecosystem-matrix{
  margin-top:140px!important;
}

.ecosystem-matrix{
  margin-bottom:150px!important;
}

.ecosystem-matrix + .foundation-showcase{
  margin-top:0!important;
}

.foundation-showcase{
  padding-top:150px!important;
  padding-bottom:150px!important;
}

.foundation-showcase + .band{
  padding-top:190px!important;
}

.band.wrap{
  padding-top:150px!important;
  padding-bottom:150px!important;
}

.band.wrap + .band.wrap{
  margin-top:80px!important;
}

.token-stats-band{
  padding-top:170px!important;
  padding-bottom:170px!important;
}

.token-stats-band + #roadmap{
  margin-top:100px!important;
}

#roadmap{
  padding-top:170px!important;
  padding-bottom:170px!important;
}

#roadmap + .band{
  margin-top:100px!important;
  padding-top:170px!important;
}

@media(max-width:760px){
  .home-template{
    padding-bottom:92px!important;
  }

  .home-template + .ecosystem-matrix{
    margin-top:78px!important;
  }

  .ecosystem-matrix{
    margin-bottom:88px!important;
  }

  .foundation-showcase,
  .band.wrap,
  .token-stats-band,
  #roadmap,
  #roadmap + .band{
    padding-top:104px!important;
    padding-bottom:104px!important;
  }

  .foundation-showcase + .band,
  .band.wrap + .band.wrap,
  .token-stats-band + #roadmap,
  #roadmap + .band{
    margin-top:48px!important;
  }
}

/* Allocation page metric polish: compact finance-style numbers that do not break awkwardly on mobile. */
.allocation-stats{
  gap:18px!important;
}

.allocation-stats .metric{
  min-height:116px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:14px!important;
  padding:22px 24px!important;
}

.allocation-stats .metric > span{
  color:rgba(255,255,255,.6)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  line-height:1.2!important;
}

.allocation-stats .metric b{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  color:#fff!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

.allocation-stats .metric b > span{
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-transform:none!important;
}

.allocation-stats .metric small{
  display:inline-block!important;
  color:rgba(255,255,255,.86)!important;
  font-size:.54em!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .allocation-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .allocation-stats .metric{
    min-height:94px!important;
    padding:16px 17px!important;
    border-radius:18px!important;
    gap:11px!important;
  }

  .allocation-stats .metric:first-child{
    grid-column:1 / -1;
    min-height:88px!important;
  }

  .allocation-stats .metric > span{
    font-size:11px!important;
  }

  .allocation-stats .metric b{
    font-size:clamp(28px,8vw,36px)!important;
    gap:6px!important;
  }

  .allocation-stats .metric small{
    font-size:.5em!important;
  }
}

/* Glass color pass: consistent deep green/blue-violet panels across the site. */
.private-round-card,
.mini-round,
.glass,
.section,
.panel,
.metric,
.step,
.price-card,
.progress-card,
.pillar,
.why,
.hud,
.parameter,
.card,
.resource,
.document,
.allocation-clean,
.round-panel,
.address-box,
.callout,
.thesis-card,
.token-summary-plain,
.allocation-total,
.whitepaper-shell,
.page.rendered{
  border-color:rgba(142,255,218,.16)!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(124,255,200,.105), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(102,217,255,.075), transparent 30%),
    linear-gradient(135deg,
      rgba(42,58,72,.7),
      rgba(19,38,44,.56) 48%,
      rgba(35,39,66,.66)
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(124,255,200,.045),
    0 18px 50px rgba(0,0,0,.28),
    0 0 34px rgba(91,255,210,.055)!important;
  backdrop-filter:blur(18px) saturate(126%)!important;
}

.private-round-card,
.mini-round,
.section,
.panel,
.metric,
.step,
.card,
.resource,
.document,
.page.rendered{
  position:relative;
  overflow:hidden;
}

.private-round-card::before,
.mini-round::before,
.section::before,
.panel::before,
.metric::before,
.step::before,
.card::before,
.resource::before,
.document::before,
.page.rendered::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:
    linear-gradient(120deg, rgba(255,255,255,.09), transparent 28%, transparent 76%, rgba(124,255,200,.055)),
    linear-gradient(180deg, rgba(255,255,255,.045), transparent 36%);
  pointer-events:none;
}

.private-round-card > *,
.mini-round > *,
.section > *,
.panel > *,
.metric > *,
.step > *,
.card > *,
.resource > *,
.document > *,
.page.rendered > *{
  position:relative;
  z-index:1;
}

.chain-button,
.button:not(.primary){
  border-color:rgba(142,255,218,.16)!important;
  background:
    linear-gradient(135deg, rgba(42,58,72,.58), rgba(20,35,42,.5) 48%, rgba(35,39,66,.56)),
    rgba(4,12,16,.48)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(0,0,0,.18)!important;
}

.chain-button.active,
.button.primary,
.copy{
  background:linear-gradient(135deg,#72ffd2,#62ddff)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 16px 42px rgba(101,255,208,.18),
    0 0 34px rgba(98,221,255,.12)!important;
}

.qr-card{
  border-color:rgba(142,255,218,.18)!important;
  background:
    linear-gradient(135deg, rgba(250,255,252,.95), rgba(230,249,245,.9))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 18px 50px rgba(0,0,0,.22),
    0 0 30px rgba(124,255,200,.07)!important;
}

/* Desktop hover light-up for glass frames. */
.private-round-card,
.mini-round,
.glass,
.section,
.panel,
.metric,
.step,
.price-card,
.progress-card,
.pillar,
.why,
.hud,
.parameter,
.card,
.resource,
.document,
.allocation-clean,
.round-panel,
.address-box,
.callout,
.thesis-card,
.token-summary-plain,
.allocation-total,
.page-icon,
.chain-button,
.button:not(.primary){
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    filter .24s ease,
    background .24s ease!important;
}

.private-round-card::before,
.mini-round::before,
.section::before,
.panel::before,
.metric::before,
.step::before,
.card::before,
.resource::before,
.document::before{
  opacity:.86;
  transition:opacity .24s ease!important;
}

@media (hover:hover) and (pointer:fine){
  .private-round-card:hover,
  .private-round-card.is-glass-hover,
  .mini-round:hover,
  .mini-round.is-glass-hover,
  .glass:hover,
  .glass.is-glass-hover,
  .section:hover,
  .section.is-glass-hover,
  .panel:hover,
  .panel.is-glass-hover,
  .metric:hover,
  .metric.is-glass-hover,
  .step:hover,
  .step.is-glass-hover,
  .price-card:hover,
  .price-card.is-glass-hover,
  .progress-card:hover,
  .progress-card.is-glass-hover,
  .pillar:hover,
  .pillar.is-glass-hover,
  .why:hover,
  .why.is-glass-hover,
  .hud:hover,
  .hud.is-glass-hover,
  .parameter:hover,
  .parameter.is-glass-hover,
  .card:hover,
  .card.is-glass-hover,
  .resource:hover,
  .resource.is-glass-hover,
  .document:hover,
  .document.is-glass-hover,
  .allocation-clean:hover,
  .allocation-clean.is-glass-hover,
  .round-panel:hover,
  .round-panel.is-glass-hover,
  .address-box:hover,
  .address-box.is-glass-hover,
  .callout:hover,
  .callout.is-glass-hover,
  .thesis-card:hover,
  .thesis-card.is-glass-hover,
  .token-summary-plain:hover,
  .token-summary-plain.is-glass-hover,
  .allocation-total:hover,
  .allocation-total.is-glass-hover{
    transform:translateY(-2px);
    border-color:rgba(126,255,203,.36)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(124,255,200,.08),
      0 22px 70px rgba(0,0,0,.34),
      0 0 46px rgba(124,255,200,.16),
      0 0 88px rgba(98,221,255,.075)!important;
    filter:saturate(1.08) brightness(1.04);
  }

  .private-round-card:hover::before,
  .private-round-card.is-glass-hover::before,
  .mini-round:hover::before,
  .mini-round.is-glass-hover::before,
  .section:hover::before,
  .section.is-glass-hover::before,
  .panel:hover::before,
  .panel.is-glass-hover::before,
  .metric:hover::before,
  .metric.is-glass-hover::before,
  .step:hover::before,
  .step.is-glass-hover::before,
  .card:hover::before,
  .card.is-glass-hover::before,
  .resource:hover::before,
  .resource.is-glass-hover::before,
  .document:hover::before{
    opacity:1;
  }

  .page-icon:hover,
  .page-icon.is-glass-hover,
  .chain-button:hover,
  .chain-button.is-glass-hover,
  .button:not(.primary):hover,
  .button.is-glass-hover:not(.primary){
    transform:translateY(-1px);
    border-color:rgba(126,255,203,.42)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 14px 34px rgba(0,0,0,.24),
      0 0 32px rgba(124,255,200,.18),
      0 0 56px rgba(98,221,255,.08)!important;
    filter:saturate(1.08) brightness(1.06);
  }
}

/* Ecosystem relationship map layout fix: no card overlap on desktop or mobile. */
.relationship-enhanced{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) minmax(300px,360px) minmax(230px,1fr);
  grid-template-areas:
    "apps core partners"
    "data core community";
  gap:26px 30px!important;
  align-items:center!important;
  padding:34px!important;
}

.relationship-enhanced .map-orbit{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:0!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}

.relationship-enhanced .map-node,
.relationship-enhanced .map-node.core{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  justify-self:stretch!important;
}

.relationship-enhanced .map-node.core{
  grid-area:core;
  min-height:210px!important;
  align-self:center!important;
  justify-self:center!important;
}

.relationship-enhanced .map-node.apps{grid-area:apps}
.relationship-enhanced .map-node.partners{grid-area:partners}
.relationship-enhanced .map-node.data{grid-area:data}
.relationship-enhanced .map-node.community{grid-area:community}

.relationship-enhanced .map-node b{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.relationship-enhanced .map-node small{
  max-width:28ch;
}

@media(hover:hover){
  .relationship-enhanced .map-node:hover,
  .relationship-enhanced .map-node.core:hover{
    transform:translateY(-4px) scale(1.01)!important;
  }
}

@media(max-width:1120px){
  .relationship-enhanced{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "core"
      "apps"
      "partners"
      "data"
      "community"!important;
    gap:16px!important;
    padding:22px!important;
    overflow:visible!important;
  }

  .relationship-enhanced::before,
  .relationship-enhanced::after,
  .relationship-enhanced .map-orbit,
  .relationship-enhanced .signal{
    display:none!important;
  }

  .relationship-enhanced .map-node,
  .relationship-enhanced .map-node.core{
    min-height:136px!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    outline:none!important;
    outline-offset:0!important;
  }

  .relationship-enhanced .map-node.core{
    min-height:154px!important;
  }

  .relationship-enhanced .map-node img{
    width:64px!important;
    height:64px!important;
  }

  .relationship-enhanced .map-node.core img{
    width:70px!important;
    height:70px!important;
  }

  .relationship-enhanced .map-node b,
  .relationship-enhanced .map-node.core b{
    font-size:clamp(22px,6vw,28px)!important;
    line-height:1.08!important;
  }

  .relationship-enhanced .map-node small{
    max-width:none;
    font-size:14px!important;
  }
}

/* Modern polish pass: consistent navigation, typography, and premium cards. */
html,
body{
  overflow-x:hidden;
}

.nav{
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}

.nav-language{
  display:none!important;
}

.nav-inner,
.nav .wrap{
  width:min(1160px,calc(100% - 32px));
  margin-inline:auto;
}

.nav .brand:not(.brand-lockup){
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:850;
  letter-spacing:0!important;
}

.nav .brand:not(.brand-lockup)::before{
  content:"";
  width:30px;
  height:30px;
  flex:0 0 auto;
  background:url("assets/grc-logo-transparent.png?v=logo-v92-clean") center/contain no-repeat;
  filter:drop-shadow(0 0 16px rgba(126,255,203,.26));
}

.nav .links{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  color:rgba(255,255,255,.78);
  font-size:14px;
}

.nav .links a,
.nav .back{
  position:relative;
  color:rgba(255,255,255,.86)!important;
  font-weight:660;
  letter-spacing:0!important;
  white-space:nowrap;
}

.nav .links a::after,
.nav .back::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#72ffd2,#62ddff,#8b72ff);
  opacity:0;
  transform:scaleX(.45);
  transition:opacity .22s ease,transform .22s ease;
}

.nav .links a:hover::after,
.nav .back:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.nav .back{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(126,255,203,.18);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(126,255,203,.08),rgba(98,221,255,.05));
}

.hero h1,
.home-template h1,
.ecosystem-copy h2,
.foundation-copy h2,
.section-head h2,
header.hero h1,
h1,
h2,
h3{
  letter-spacing:0!important;
  text-wrap:balance;
}

.button,
.copy,
.chain-button,
.nav .back,
.nav-links a,
.nav .links a{
  letter-spacing:0!important;
}

.button.primary,
.copy,
.chain-button.active{
  background:linear-gradient(135deg,#88ffd2 0%,#62ddff 58%,#8b72ff 100%)!important;
  border-color:rgba(143,255,213,.72)!important;
  color:#04110d!important;
  box-shadow:0 14px 34px rgba(98,221,255,.18),0 0 34px rgba(126,255,203,.12)!important;
}

.button:not(.primary),
.chain-button:not(.active){
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(126,255,203,.035),rgba(139,114,255,.045))!important;
}

.foundation-text-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--card) 34%,rgba(255,255,255,.12))!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 16% 10%,color-mix(in srgb,var(--card) 22%,transparent),transparent 38%),
    linear-gradient(145deg,rgba(22,35,46,.68),rgba(6,14,18,.76) 54%,rgba(22,20,42,.64))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 22px 62px rgba(0,0,0,.28),
    0 0 32px color-mix(in srgb,var(--card) 12%,transparent)!important;
}

.foundation-text-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(120deg,rgba(255,255,255,.1),transparent 28%,transparent 72%,color-mix(in srgb,var(--card) 13%,transparent)),
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 44%);
  pointer-events:none;
}

.foundation-text-card::after{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:3px;
  border-radius:999px;
  background:var(--card);
  box-shadow:0 0 24px color-mix(in srgb,var(--card) 58%,transparent);
}

.foundation-text-card > *{
  position:relative;
  z-index:1;
}

.foundation-text-card p{
  color:rgba(246,252,250,.78)!important;
}

.brand-strip .partner-marquee-set{
  gap:10px;
}

.brand-strip b{
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:10px;
  background:
    radial-gradient(circle at 22% 12%,rgba(255,255,255,.12),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(126,255,203,.035),rgba(139,114,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 26px rgba(0,0,0,.12);
}

.brand-strip b:first-child{
  border-left:1px solid rgba(255,255,255,.1)!important;
}

@media(max-width:820px){
  .band.wrap{
    width:min(100% - 32px,var(--max,1160px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .token-stats-band{
    width:min(100% - 32px,var(--max,1160px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }

  #roadmap.band.wrap{
    width:min(100% - 32px,var(--max,1160px))!important;
  }

  #roadmap .section-head,
  #roadmap .roadmap-minimal{
    width:100%!important;
  }
}

@media(max-width:760px){
  .nav-inner,
  .nav .wrap{
    min-height:0!important;
    flex-wrap:wrap;
    gap:10px 12px;
    padding:10px 0 12px;
    width:min(100% - 24px,1160px)!important;
  }

  .brand-lockup{
    gap:9px!important;
    letter-spacing:.08em!important;
  }

  .brand-lockup img{
    width:36px!important;
    height:36px!important;
  }

  .brand-lockup span{
    display:grid!important;
  }

  .brand-lockup b{
    font-size:13px!important;
  }

  .brand-lockup small{
    display:none!important;
  }

  .nav .brand:not(.brand-lockup)::before{
    width:25px;
    height:25px;
  }

  .nav-links,
  .nav .links{
    order:5;
    flex:0 0 100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    justify-content:stretch!important;
    gap:8px!important;
    overflow:visible!important;
    padding:4px 1px 2px!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .nav-links a,
  .nav .links a,
  .nav .back{
    min-width:0;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px!important;
    border:1px solid rgba(126,255,203,.16);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    color:rgba(255,255,255,.86)!important;
    font-size:12px!important;
    font-weight:720!important;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
  }

  .nav-links a::after,
  .nav .links a::after,
  .nav .back::after{
    display:none!important;
  }

  .home-template{
    padding-top:48px!important;
  }

  .home-template h1{
    font-size:clamp(36px,10.8vw,52px)!important;
    line-height:1.08!important;
  }
}

@media(max-width:380px){
  .nav-links,
  .nav .links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile hamburger navigation. */
.mobile-nav-toggle{
  display:none;
}

.mobile-generated-links{
  display:none!important;
}

@media(max-width:760px){
  .nav{
    overflow:visible!important;
    z-index:1000!important;
  }

  .nav-inner,
  .nav .wrap{
    position:relative;
    flex-wrap:nowrap!important;
    min-height:62px!important;
    padding:9px 0!important;
  }

  .nav .back{
    display:none!important;
  }

  .mobile-nav-toggle{
    width:42px;
    height:42px;
    display:inline-flex!important;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    margin-left:auto;
    border:1px solid rgba(126,255,203,.2);
    border-radius:14px;
    background:
      radial-gradient(circle at 30% 16%,rgba(255,255,255,.14),transparent 42%),
      linear-gradient(135deg,rgba(126,255,203,.1),rgba(98,221,255,.07),rgba(139,114,255,.08));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.2);
    backdrop-filter:blur(16px);
    cursor:pointer;
  }

  .mobile-nav-toggle span{
    width:18px;
    height:2px;
    display:block;
    border-radius:999px;
    background:#eafff6;
    box-shadow:0 0 10px rgba(126,255,203,.3);
    transition:transform .22s ease,opacity .22s ease;
  }

  .nav.mobile-nav-open .mobile-nav-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .nav.mobile-nav-open .mobile-nav-toggle span:nth-child(2){
    opacity:0;
  }

  .nav.mobile-nav-open .mobile-nav-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .nav-links,
  .nav .links,
  .nav .mobile-generated-links{
    position:absolute!important;
    top:calc(100% + 10px);
    left:0;
    right:0;
    z-index:1002;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid rgba(126,255,203,.24);
    border-radius:18px;
    background:
      radial-gradient(circle at 14% 0%,rgba(126,255,203,.18),transparent 38%),
      radial-gradient(circle at 88% 12%,rgba(111,220,255,.12),transparent 34%),
      linear-gradient(145deg,rgba(5,18,22,.985),rgba(7,12,20,.99) 58%,rgba(16,15,32,.985));
    box-shadow:0 28px 86px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter:blur(18px) saturate(118%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px) scale(.98);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .nav.mobile-nav-open .nav-links,
  .nav.mobile-nav-open .links,
  .nav.mobile-nav-open .mobile-generated-links,
  .nav-links.nav-menu-visible,
  .nav .links.nav-menu-visible,
  .nav .mobile-generated-links.nav-menu-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  .nav-links a,
  .nav .links a,
  .nav .mobile-generated-links a{
    width:100%;
    min-height:42px;
    display:grid!important;
    grid-template-columns:14px minmax(0,1fr) 16px;
    align-items:center;
    justify-content:initial!important;
    justify-items:start;
    column-gap:12px;
    padding:0 14px!important;
    border-radius:12px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.09),rgba(126,255,203,.04),rgba(139,114,255,.055));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    text-align:left!important;
  }

  .nav-links a::before,
  .nav .links a::before,
  .nav .mobile-generated-links a::before{
    content:""!important;
    position:static!important;
    display:block!important;
    width:7px;
    height:7px;
    margin:0!important;
    border:0!important;
    border-radius:50%;
    background:#72ffd2;
    box-shadow:0 0 14px rgba(126,255,203,.44);
    opacity:1!important;
    transform:none!important;
  }

  .nav-links a::after,
  .nav-links a.active::after,
  .nav-links a:hover::after,
  .nav .links a::after,
  .nav .links a.active::after,
  .nav .links a:hover::after,
  .nav .mobile-generated-links a::after{
    content:""!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:7px!important;
    height:7px!important;
    display:block!important;
    justify-self:end;
    margin:0!important;
    border:0!important;
    border-top:1.5px solid rgba(255,255,255,.65)!important;
    border-right:1.5px solid rgba(255,255,255,.65)!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    opacity:1!important;
    transform:rotate(45deg)!important;
  }

  body.mobile-nav-open .page-icon-dock{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.mobile-nav-open .hero{
    isolation:isolate;
  }
}

/* Clean decorative arrows and align mobile ecosystem logos. */
.ecosystem-row .row-arrow{
  width:16px;
  height:16px;
  display:block;
  justify-self:center;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  opacity:.88;
}

.ecosystem-row .row-arrow::before{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-top:2px solid rgba(126,255,203,.9);
  border-right:2px solid rgba(126,255,203,.9);
  filter:drop-shadow(0 0 8px rgba(126,255,203,.5));
  transform:rotate(45deg);
}

@media(max-width:760px){
  .ecosystem-row .row-arrow{
    display:none!important;
  }

  .brand-strip .partner-marquee-set{
    align-items:stretch!important;
  }

  .brand-strip b{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr);
    align-items:center!important;
    justify-content:initial!important;
    justify-items:start;
    gap:7px!important;
    padding:0 10px!important;
    text-align:left!important;
    line-height:1!important;
    letter-spacing:0!important;
  }

  .brand-strip b img,
  .brand-strip b img.brand-logo-wide{
    width:auto!important;
    height:25px!important;
    max-width:34px!important;
    max-height:25px!important;
    justify-self:center;
    align-self:center;
    margin:0!important;
    object-fit:contain!important;
    transform:none!important;
  }

  .brand-strip b img.brand-logo-wide,
  .brand-strip b img[src*="visa"]{
    width:40px!important;
    max-width:40px!important;
    height:22px!important;
    max-height:22px!important;
  }
}

/* Relationship map cleanup: keep the diagram crisp without the radar sphere. */
.relationship-enhanced{
  isolation:isolate;
  overflow:hidden!important;
}

.relationship-enhanced .map-node,
.relationship-enhanced .map-node.core{
  z-index:3!important;
}

.relationship-enhanced .map-orbit,
.relationship-enhanced .signal{
  z-index:2!important;
}

.relationship-enhanced .signal{
  width:8px!important;
  height:8px!important;
  opacity:.34!important;
  filter:blur(.2px);
  box-shadow:0 0 12px rgba(145,255,208,.62),0 0 22px rgba(145,255,208,.18)!important;
}

.relationship-enhanced .map-node{
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:14px!important;
  padding:18px!important;
}

.relationship-enhanced .map-node.core{
  grid-template-columns:58px minmax(0,1fr)!important;
}

.relationship-enhanced .map-node small{
  max-width:none!important;
  font-size:clamp(12px,.9vw,14px)!important;
  line-height:1.46!important;
}

@media(max-width:1120px){
  .relationship-enhanced{
    overflow:visible!important;
  }
}

/* Final relationship map cleanup: remove all remaining sphere/orbit visuals. */
.relationship-enhanced{
  background:
    linear-gradient(145deg, rgba(16,27,45,.78), rgba(5,13,18,.62))!important;
}

.relationship-enhanced::before,
.relationship-enhanced::after,
.relationship-enhanced .map-orbit,
.relationship-enhanced .map-orbit::before,
.relationship-enhanced .map-orbit::after{
  display:none!important;
  content:none!important;
}

.relationship-enhanced .signal{
  display:none!important;
}

.relationship-enhanced .map-node,
.relationship-enhanced .map-node.core{
  background:
    linear-gradient(145deg, rgba(35,54,67,.86), rgba(17,35,45,.82) 52%, rgba(31,37,58,.78)),
    rgba(7,15,22,.84)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(145,255,208,.04),
    0 18px 46px rgba(0,0,0,.26)!important;
}

.relationship-enhanced .map-node.core{
  outline:0!important;
  outline-offset:0!important;
  background:
    linear-gradient(145deg, rgba(39,78,75,.84), rgba(19,45,55,.86) 50%, rgba(28,42,59,.82)),
    rgba(7,17,19,.9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(145,255,208,.06),
    0 20px 54px rgba(0,0,0,.3)!important;
}

/* Subpage background polish: keep it restrained and leave cards/diagrams untouched. */
body.page-themed{
  --page-bg-accent:rgba(126,255,203,.045);
  --page-bg-line:rgba(126,255,203,.025);
  --page-bg-line-2:rgba(120,170,255,.02);
  min-height:100vh;
  background-color:#020912!important;
  background-image:
    linear-gradient(120deg, var(--page-bg-accent), transparent 34%, rgba(91,140,255,.035) 100%),
    repeating-linear-gradient(90deg, var(--page-bg-line) 0 1px, transparent 1px 128px),
    repeating-linear-gradient(0deg, var(--page-bg-line-2) 0 1px, transparent 1px 104px),
    linear-gradient(180deg, #020912 0%, #071017 48%, #02070b 100%)!important;
  background-attachment:fixed;
}

body.page-themed::before,
body.page-themed::after{
  display:none!important;
  content:none!important;
}

body.page-tokenomics{
  --page-bg-accent:rgba(118,255,213,.05);
  --page-bg-line:rgba(118,255,213,.028);
  --page-bg-line-2:rgba(139,114,255,.022);
}

body.page-governance{
  --page-bg-accent:rgba(158,255,211,.044);
  --page-bg-line:rgba(158,255,211,.026);
  --page-bg-line-2:rgba(198,165,109,.018);
}

body.page-ecosystem{
  --page-bg-accent:rgba(101,224,166,.04);
  --page-bg-line:rgba(101,224,166,.024);
  --page-bg-line-2:rgba(75,184,223,.02);
}

body.page-allocation{
  --page-bg-accent:rgba(102,232,255,.042);
  --page-bg-line:rgba(102,232,255,.024);
  --page-bg-line-2:rgba(145,255,208,.018);
}

body.page-compliance{
  --page-bg-accent:rgba(158,255,211,.038);
  --page-bg-line:rgba(158,255,211,.02);
  --page-bg-line-2:rgba(98,168,255,.018);
}

body.page-documents{
  --page-bg-accent:rgba(122,251,212,.04);
  --page-bg-line:rgba(122,251,212,.022);
  --page-bg-line-2:rgba(240,201,128,.016);
}

body.page-legal{
  --page-bg-accent:rgba(158,255,211,.03);
  --page-bg-line:rgba(158,255,211,.018);
  --page-bg-line-2:rgba(143,182,200,.016);
}

body.page-themed .hero:not(.home-template){
  border-bottom:1px solid rgba(126,255,203,.14);
}

@media(max-width:760px){
  body.page-themed{
    background-attachment:scroll;
  }
}

/* Subpage depth pass: linear light lanes and crisp borders without orb effects. */
body.page-themed{
  --page-bg-accent-strong:rgba(126,255,203,.08);
  --page-bg-cool-strong:rgba(94,171,255,.058);
  --page-bg-rail:rgba(126,255,203,.22);
  background-image:
    linear-gradient(117deg, transparent 0 12%, var(--page-bg-accent-strong) 12.35%, transparent 16%, transparent 51%, var(--page-bg-cool-strong) 51.35%, transparent 56%),
    linear-gradient(243deg, transparent 0 63%, rgba(139,114,255,.052) 63.3%, transparent 70%),
    repeating-linear-gradient(90deg, var(--page-bg-line) 0 1px, transparent 1px 112px),
    repeating-linear-gradient(0deg, var(--page-bg-line-2) 0 1px, transparent 1px 92px),
    linear-gradient(180deg, #020912 0%, #071017 48%, #02070b 100%)!important;
}

body.page-tokenomics{
  --page-bg-accent-strong:rgba(118,255,213,.09);
  --page-bg-cool-strong:rgba(139,114,255,.06);
}

body.page-governance{
  --page-bg-accent-strong:rgba(158,255,211,.072);
  --page-bg-cool-strong:rgba(198,165,109,.052);
}

body.page-ecosystem{
  --page-bg-accent-strong:rgba(101,224,166,.074);
  --page-bg-cool-strong:rgba(75,184,223,.064);
}

body.page-allocation{
  --page-bg-accent-strong:rgba(102,232,255,.074);
  --page-bg-cool-strong:rgba(145,255,208,.056);
}

body.page-compliance{
  --page-bg-accent-strong:rgba(158,255,211,.06);
  --page-bg-cool-strong:rgba(98,168,255,.052);
}

body.page-documents{
  --page-bg-accent-strong:rgba(122,251,212,.064);
  --page-bg-cool-strong:rgba(240,201,128,.044);
}

body.page-legal{
  --page-bg-accent-strong:rgba(158,255,211,.044);
  --page-bg-cool-strong:rgba(143,182,200,.038);
}

body.page-themed > main{
  position:relative;
  z-index:1;
}

body.page-themed > main::before,
body.page-themed > main::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  width:1px;
  pointer-events:none;
  background:linear-gradient(180deg, transparent, var(--page-bg-rail), transparent);
  opacity:.42;
}

body.page-themed > main::before{
  left:clamp(8px,2.8vw,38px);
}

body.page-themed > main::after{
  right:clamp(8px,2.8vw,38px);
  background:linear-gradient(180deg, transparent, rgba(96,166,255,.18), transparent);
}

body.page-themed .section,
body.page-themed .panel,
body.page-themed .feature,
body.page-themed .resource{
  border-color:rgba(142,255,218,.2)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 -1px 0 rgba(124,255,200,.05),
    0 18px 54px rgba(0,0,0,.3),
    0 0 0 1px rgba(126,255,203,.035)!important;
}

body.page-themed .section::after,
body.page-themed .panel::after,
body.page-themed .feature::after,
body.page-themed .resource::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(126,255,203,.56), rgba(95,184,255,.34), transparent);
  opacity:.72;
}

.page-ecosystem .relationship-enhanced{
  border-color:rgba(145,255,208,.28)!important;
  background:
    linear-gradient(90deg, rgba(145,255,208,.07), transparent 18%, transparent 82%, rgba(75,184,223,.058)),
    linear-gradient(116deg, transparent 0 36%, rgba(145,255,208,.07) 37%, transparent 47%),
    linear-gradient(245deg, transparent 0 62%, rgba(139,114,255,.058) 63%, transparent 72%),
    repeating-linear-gradient(90deg, rgba(145,255,208,.034) 0 1px, transparent 1px 58px),
    repeating-linear-gradient(0deg, rgba(75,184,223,.028) 0 1px, transparent 1px 48px),
    linear-gradient(145deg, rgba(16,27,45,.9), rgba(5,13,18,.7))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(145,255,208,.05),
    0 22px 62px rgba(0,0,0,.34),
    0 0 0 1px rgba(145,255,208,.05)!important;
}

.page-ecosystem .relationship-enhanced .map-node,
.page-ecosystem .relationship-enhanced .map-node.core{
  border-color:color-mix(in srgb, var(--node-color,#91ffd0) 34%, rgba(255,255,255,.08))!important;
}

.page-ecosystem .relationship-enhanced .map-node img{
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    rgba(255,255,255,.035)!important;
}

.page-ecosystem .flow{
  position:relative;
}

.page-ecosystem .flow::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(126,255,203,.22), rgba(95,184,255,.16), transparent);
}

.page-ecosystem .flow > *{
  position:relative;
  z-index:1;
}

@media(max-width:760px){
  body.page-themed > main::before,
  body.page-themed > main::after{
    display:none;
  }

  body.page-themed .section::after,
  body.page-themed .panel::after,
  body.page-themed .feature::after,
  body.page-themed .resource::after{
    left:14px;
    right:14px;
  }

  .page-ecosystem .flow::before{
    display:none;
  }
}

/* Brand atmosphere pass: bring the subpages back toward eco-finance, not a pure machine console. */
body.page-themed{
  background-image:
    linear-gradient(180deg, rgba(2,9,18,.96) 0%, rgba(4,14,17,.88) 38%, rgba(2,7,11,.98) 100%),
    linear-gradient(118deg, rgba(101,224,166,.095), transparent 32%, rgba(95,184,255,.06) 78%, transparent),
    linear-gradient(245deg, transparent 0 52%, rgba(198,165,109,.046) 54%, transparent 66%),
    repeating-linear-gradient(132deg, rgba(155,255,210,.038) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(90deg, rgba(96,166,255,.022) 0 1px, transparent 1px 118px)!important;
  background-position:center, center, center, center, center!important;
  background-size:auto!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

body.page-themed::before{
  display:block!important;
  content:""!important;
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(126,255,203,.055), transparent 22%, transparent 78%, rgba(95,184,255,.04)),
    repeating-linear-gradient(135deg, rgba(196,236,190,.028) 0 1px, transparent 1px 34px);
  opacity:.52;
}

body.page-themed::after{
  display:block!important;
  content:""!important;
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(2,9,18,.24) 46%, rgba(2,7,11,.64) 100%),
    linear-gradient(112deg, transparent 0 18%, rgba(126,255,203,.052) 19%, transparent 28%, transparent 72%, rgba(198,165,109,.038) 73%, transparent 83%);
}

body.page-themed > .nav,
body.page-themed > .hero,
body.page-themed > main,
body.page-themed > footer{
  position:relative;
  z-index:1;
}

body.page-themed > main::before,
body.page-themed > main::after{
  display:none!important;
}

body.page-themed .hero:not(.home-template){
  background:
    linear-gradient(115deg, rgba(12,31,30,.64), rgba(7,17,24,.28) 42%, rgba(27,29,45,.38)),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 72%)!important;
  border-color:rgba(142,255,218,.19)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 20px 58px rgba(0,0,0,.28)!important;
}

body.page-themed .hero:not(.home-template) .eyebrow{
  color:#9effd3!important;
}

body.page-themed .section,
body.page-themed .panel,
body.page-themed .feature,
body.page-themed .resource{
  background:
    linear-gradient(145deg, rgba(40,61,61,.58), rgba(16,32,38,.5) 48%, rgba(33,39,58,.54)),
    rgba(4,12,16,.5)!important;
}

body.page-themed .section::after,
body.page-themed .panel::after,
body.page-themed .feature::after,
body.page-themed .resource::after{
  background:linear-gradient(90deg, transparent, rgba(158,255,211,.42), rgba(198,165,109,.18), transparent);
  opacity:.56;
}

.page-ecosystem .relationship-enhanced{
  background:
    linear-gradient(145deg, rgba(6,18,18,.9), rgba(8,16,28,.84)),
    linear-gradient(118deg, rgba(101,224,166,.13), transparent 36%, rgba(198,165,109,.075)),
    repeating-linear-gradient(90deg, rgba(145,255,208,.035) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(75,184,223,.024) 0 1px, transparent 1px 54px)!important;
  border-color:rgba(158,255,211,.26)!important;
}

.page-ecosystem .relationship-enhanced .map-node,
.page-ecosystem .relationship-enhanced .map-node.core{
  background:
    linear-gradient(145deg, rgba(39,61,64,.82), rgba(17,34,41,.8) 52%, rgba(32,39,56,.76)),
    rgba(7,15,22,.82)!important;
}

.page-ecosystem .relationship-enhanced .map-node.core{
  background:
    linear-gradient(145deg, rgba(42,82,74,.82), rgba(19,43,49,.84) 52%, rgba(28,40,54,.8)),
    rgba(7,17,19,.86)!important;
}

body.page-legal::before,
body.page-legal::after{
  opacity:.28;
}

@media(max-width:760px){
  body.page-themed{
    background-attachment:scroll!important;
    background-position:center!important;
  }

  body.page-themed::before{
    opacity:.34;
  }

  body.page-themed::after{
    opacity:.72;
  }
}

/* LightPillar-inspired pass: subtle angled spectral light, implemented in CSS for static pages. */
body.page-themed{
  --pillar-top:#27ff6a;
  --pillar-mid:#66d9ff;
  --pillar-bottom:#ff9ffc;
}

body.page-tokenomics{
  --pillar-top:#68ffd1;
  --pillar-mid:#7fc7ff;
  --pillar-bottom:#8b72ff;
}

body.page-governance{
  --pillar-top:#9effd3;
  --pillar-mid:#72d6ff;
  --pillar-bottom:#d7b36b;
}

body.page-allocation{
  --pillar-top:#66e8ff;
  --pillar-mid:#7b8cff;
  --pillar-bottom:#91ffd0;
}

body.page-compliance,
body.page-legal{
  --pillar-top:#9effd3;
  --pillar-mid:#66d9ff;
  --pillar-bottom:#70a8ff;
}

body.page-documents{
  --pillar-top:#7afbd4;
  --pillar-mid:#78b8ff;
  --pillar-bottom:#f0c980;
}

body.page-themed::before{
  background:
    linear-gradient(103deg, transparent 0 23%, color-mix(in srgb, var(--pillar-top) 12%, transparent) 32%, color-mix(in srgb, var(--pillar-top) 32%, transparent) 41%, color-mix(in srgb, var(--pillar-mid) 24%, transparent) 48%, color-mix(in srgb, var(--pillar-bottom) 22%, transparent) 55%, transparent 68%),
    linear-gradient(73deg, transparent 0 36%, color-mix(in srgb, var(--pillar-mid) 13%, transparent) 45%, transparent 60%),
    linear-gradient(90deg, rgba(126,255,203,.052), transparent 24%, transparent 76%, rgba(95,184,255,.048)),
    repeating-linear-gradient(135deg, rgba(196,236,190,.024) 0 1px, transparent 1px 38px)!important;
  background-size:240% 100%, 180% 100%, 100% 100%, auto!important;
  background-position:-120% 50%, -60% 50%, center, center!important;
  mix-blend-mode:screen;
  opacity:.78;
  transform-origin:50% 50%;
  animation:greencore-lightpillar-drift 7s ease-in-out infinite alternate;
  will-change:background-position, transform, opacity;
}

body.page-themed::after{
  background:
    linear-gradient(180deg, transparent 0%, rgba(2,9,18,.2) 46%, rgba(2,7,11,.62) 100%),
    linear-gradient(112deg, transparent 0 18%, rgba(126,255,203,.046) 19%, transparent 28%, transparent 72%, rgba(198,165,109,.034) 73%, transparent 83%)!important;
}

.page-ecosystem .relationship-enhanced::after{
  display:block!important;
  content:""!important;
  position:absolute;
  inset:-34% -42%;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(92deg, transparent 0 31%, rgba(39,255,106,.14) 38%, rgba(39,255,106,.44) 46%, rgba(102,217,255,.28) 51%, rgba(255,159,252,.24) 57%, transparent 69%),
    linear-gradient(88deg, transparent 0 44%, rgba(255,255,255,.2) 49%, transparent 54%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.045), transparent);
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:blur(8px);
  mix-blend-mode:screen;
  opacity:.74;
  transform:rotate(25deg) scaleY(.92);
  transform-origin:50% 50%;
  animation:greencore-map-pillar 5.6s ease-in-out infinite alternate;
  will-change:transform, opacity, background-position;
}

@keyframes greencore-lightpillar-drift{
  0%{
    background-position:-132% 50%, -80% 50%, center, center;
    transform:translateX(-10%) rotate(18deg) scaleX(1.1);
    opacity:.54;
  }
  50%{
    background-position:48% 50%, 52% 50%, center, center;
    transform:translateX(0) rotate(25deg) scaleX(1.22);
    opacity:.86;
  }
  100%{
    background-position:168% 50%, 128% 50%, center, center;
    transform:translateX(10%) rotate(32deg) scaleX(1.1);
    opacity:.58;
  }
}

@keyframes greencore-map-pillar{
  0%{
    transform:translateX(-34%) rotate(19deg) scaleY(.92);
    opacity:.32;
    background-position:0 0, center;
  }
  50%{
    transform:translateX(0) rotate(25deg) scaleY(1);
    opacity:.68;
    background-position:50% 0, center;
  }
  100%{
    transform:translateX(34%) rotate(31deg) scaleY(.94);
    opacity:.38;
    background-position:100% 0, center;
  }
}

@media(max-width:760px){
  body.page-themed::before{
    opacity:.46;
  }

  .page-ecosystem .relationship-enhanced::after{
    inset:-22% -58%;
    opacity:.5;
    filter:blur(12px);
  }
}

/* v5 color pass: richer spectral lanes and no through-lines inside glass flow cards. */
body.page-themed{
  --pillar-rose:#ff6fd6;
  --pillar-gold:#f1c76a;
  background-image:
    linear-gradient(180deg, rgba(2,9,18,.96) 0%, rgba(5,17,21,.88) 38%, rgba(2,7,11,.98) 100%),
    linear-gradient(112deg, rgba(101,224,166,.12), transparent 29%, rgba(95,184,255,.075) 72%, transparent),
    linear-gradient(248deg, transparent 0 46%, rgba(255,111,214,.055) 50%, transparent 64%),
    linear-gradient(18deg, transparent 0 58%, rgba(241,199,106,.045) 60%, transparent 73%),
    repeating-linear-gradient(132deg, rgba(155,255,210,.04) 0 1px, transparent 1px 42px)!important;
  background-position:center, center, center, center, center!important;
  background-size:auto!important;
}

body.page-themed::before{
  background:
    linear-gradient(103deg, transparent 0 20%, color-mix(in srgb, var(--pillar-top) 14%, transparent) 30%, color-mix(in srgb, var(--pillar-top) 36%, transparent) 40%, color-mix(in srgb, var(--pillar-mid) 30%, transparent) 48%, color-mix(in srgb, var(--pillar-rose) 22%, transparent) 56%, color-mix(in srgb, var(--pillar-gold) 12%, transparent) 61%, transparent 70%),
    linear-gradient(73deg, transparent 0 33%, color-mix(in srgb, var(--pillar-mid) 18%, transparent) 44%, color-mix(in srgb, var(--pillar-rose) 10%, transparent) 53%, transparent 66%),
    linear-gradient(118deg, transparent 0 12%, color-mix(in srgb, var(--pillar-gold) 8%, transparent) 20%, transparent 36%, transparent 72%, color-mix(in srgb, var(--pillar-bottom) 10%, transparent) 82%, transparent 92%),
    repeating-linear-gradient(135deg, rgba(196,236,190,.025) 0 1px, transparent 1px 38px)!important;
  background-size:250% 100%, 190% 100%, 100% 100%, auto!important;
  background-position:-124% 50%, -66% 50%, center, center!important;
  opacity:.86;
}

body.page-themed::after{
  background:
    linear-gradient(180deg, transparent 0%, rgba(2,9,18,.18) 44%, rgba(2,7,11,.64) 100%),
    linear-gradient(112deg, transparent 0 16%, rgba(126,255,203,.058) 18%, transparent 29%, transparent 70%, rgba(255,111,214,.04) 74%, transparent 84%),
    linear-gradient(74deg, transparent 0 42%, rgba(95,184,255,.05) 46%, transparent 58%),
    linear-gradient(250deg, transparent 0 58%, rgba(241,199,106,.04) 63%, transparent 76%)!important;
}

.page-ecosystem .relationship-enhanced::after{
  background:
    linear-gradient(92deg, transparent 0 28%, rgba(39,255,106,.16) 37%, rgba(39,255,106,.46) 45%, rgba(102,217,255,.34) 50%, rgba(255,111,214,.26) 57%, rgba(241,199,106,.12) 62%, transparent 72%),
    linear-gradient(88deg, transparent 0 43%, rgba(255,255,255,.22) 49%, transparent 55%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.048), transparent)!important;
  opacity:.82;
}

.page-ecosystem .flow::before{
  display:none!important;
  content:none!important;
}

.page-ecosystem .flow .node{
  --flow-a:#68ffd1;
  --flow-b:#66d9ff;
  border-color:color-mix(in srgb, var(--flow-a) 32%, rgba(255,255,255,.12))!important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--flow-a) 18%, rgba(32,52,58,.78)), rgba(15,30,39,.78) 52%, color-mix(in srgb, var(--flow-b) 14%, rgba(33,39,58,.76))),
    rgba(8,18,24,.84)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 color-mix(in srgb, var(--flow-b) 16%, transparent),
    0 16px 46px rgba(0,0,0,.3),
    0 0 28px color-mix(in srgb, var(--flow-a) 10%, transparent)!important;
}

.page-ecosystem .flow .node:nth-child(1){--flow-a:#67ffd0;--flow-b:#46f2a6}
.page-ecosystem .flow .node:nth-child(3){--flow-a:#74ddff;--flow-b:#67ffd0}
.page-ecosystem .flow .node:nth-child(5){--flow-a:#8b72ff;--flow-b:#74ddff}
.page-ecosystem .flow .node:nth-child(7){--flow-a:#ff79d6;--flow-b:#8b72ff}
.page-ecosystem .flow .node:nth-child(9){--flow-a:#f1c76a;--flow-b:#67ffd0}

.page-ecosystem .flow .arrow{
  color:#8dffd9!important;
  text-shadow:
    0 0 12px rgba(126,255,203,.72),
    0 0 22px rgba(102,217,255,.34)!important;
}

@keyframes greencore-lightpillar-drift{
  0%{
    background-position:-138% 50%, -88% 50%, center, center;
    transform:translateX(-11%) rotate(17deg) scaleX(1.12);
    opacity:.58;
  }
  50%{
    background-position:48% 50%, 54% 50%, center, center;
    transform:translateX(0) rotate(25deg) scaleX(1.25);
    opacity:.92;
  }
  100%{
    background-position:178% 50%, 138% 50%, center, center;
    transform:translateX(11%) rotate(33deg) scaleX(1.12);
    opacity:.62;
  }
}

@media(max-width:760px){
  body.page-themed::before{
    opacity:.52;
  }

  .page-ecosystem .relationship-enhanced::after{
    opacity:.58;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-themed::before,
  .page-ecosystem .relationship-enhanced::after{
    animation:none!important;
  }
}

/* v6 subpage hero pass: remove the pasted-on glass slab so headers blend into the page atmosphere. */
body.page-themed .hero:not(.home-template){
  width:min(var(--max,1180px), calc(100% - 32px))!important;
  max-width:min(var(--max,1180px), calc(100% - 32px))!important;
  margin:0 auto!important;
  padding-top:clamp(72px,8vw,118px)!important;
  padding-bottom:clamp(46px,6vw,82px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}

body.page-themed .hero:not(.home-template)::before,
body.page-themed .hero:not(.home-template)::after{
  display:none!important;
  content:none!important;
}

body.page-themed .hero:not(.home-template) h1,
body.page-themed .hero:not(.home-template) .lead,
body.page-themed .hero:not(.home-template) p,
body.page-themed .hero:not(.home-template) .eyebrow{
  position:relative;
  z-index:1;
}

body.page-themed .hero:not(.home-template) h1{
  text-shadow:
    0 16px 48px rgba(0,0,0,.58),
    0 0 26px rgba(126,255,203,.08)!important;
}

body.page-themed .hero:not(.home-template) .lead,
body.page-themed .hero:not(.home-template) p{
  color:rgba(231,244,239,.72)!important;
}

body.page-themed .hero:not(.home-template) .status-row,
body.page-themed .hero:not(.home-template) .hero-tags,
body.page-themed .hero:not(.home-template) .badge-row{
  position:relative;
  z-index:1;
}

body.page-themed .hero:not(.home-template) .status,
body.page-themed .hero:not(.home-template) .tag,
body.page-themed .hero:not(.home-template) .badge{
  border-color:rgba(142,255,218,.26)!important;
  background:
    linear-gradient(145deg, rgba(126,255,203,.11), rgba(102,217,255,.08)),
    rgba(5,18,22,.42)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 30px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px);
}

@media(max-width:760px){
  body.page-themed .hero:not(.home-template){
    width:min(100% - 28px, var(--max,1180px))!important;
    max-width:min(100% - 28px, var(--max,1180px))!important;
    padding-top:58px!important;
    padding-bottom:42px!important;
  }
}

/* v7 homepage benefit icons: colored badges with clean text spacing. */
.ecosystem-benefits{
  align-items:stretch!important;
}

.ecosystem-benefits article{
  --benefit-a:#65ffd0;
  --benefit-b:#62a8ff;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr;
  align-items:start!important;
  column-gap:20px!important;
  row-gap:9px!important;
  min-height:94px;
  padding:0 clamp(22px,2.2vw,34px)!important;
}

.ecosystem-benefits article:nth-child(2){
  --benefit-a:#57c7ff;
  --benefit-b:#79ffce;
}

.ecosystem-benefits article:nth-child(3){
  --benefit-a:#42ffbc;
  --benefit-b:#8b72ff;
}

.ecosystem-benefits article:nth-child(4){
  --benefit-a:#5df2cf;
  --benefit-b:#7cff9e;
}

.ecosystem-benefits article:nth-child(5){
  --benefit-a:#4dd7ff;
  --benefit-b:#7467ff;
}

.ecosystem-benefits .benefit-icon-img{
  grid-row:1 / 3;
  grid-column:1;
  width:50px!important;
  height:50px!important;
  align-self:start!important;
  justify-self:start;
  margin:0!important;
  padding:8px;
  border:1px solid color-mix(in srgb, var(--benefit-a) 44%, rgba(255,255,255,.16));
  border-radius:16px;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb, var(--benefit-a) 18%, transparent), color-mix(in srgb, var(--benefit-b) 14%, transparent)),
    rgba(4,16,22,.54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 22px color-mix(in srgb, var(--benefit-a) 22%, transparent),
    0 14px 32px rgba(0,0,0,.22);
  filter:
    saturate(1.22)
    contrast(1.08)
    brightness(1.08)
    drop-shadow(0 0 8px color-mix(in srgb, var(--benefit-a) 22%, transparent))!important;
}

.ecosystem-benefits b{
  grid-column:2;
  align-self:end;
  margin:1px 0 0!important;
  max-width:100%;
  color:#fff!important;
  font-size:clamp(12px,.78vw,14px)!important;
  line-height:1.25!important;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.ecosystem-benefits span{
  grid-column:2!important;
  margin:0!important;
  max-width:260px;
  color:rgba(245,250,255,.64)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  line-height:1.55!important;
}

@media(max-width:1180px){
  .ecosystem-benefits article{
    grid-template-columns:56px minmax(0,1fr)!important;
    min-height:86px;
    padding:0 22px!important;
  }

  .ecosystem-benefits .benefit-icon-img{
    width:48px!important;
    height:48px!important;
  }
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:50px minmax(0,1fr)!important;
    column-gap:16px!important;
    min-height:82px;
    padding:0!important;
  }

  .ecosystem-benefits .benefit-icon-img{
    width:44px!important;
    height:44px!important;
    padding:7px;
    border-radius:14px;
  }

  .ecosystem-benefits span{
    max-width:none;
  }
}

/* v8 icon authenticity pass: dedicated artwork, not repeated template marks. */
.ecosystem-benefits .benefit-icon-img{
  padding:4px!important;
  object-fit:contain!important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.2), transparent 42%),
    linear-gradient(145deg, rgba(145,255,208,.08), rgba(98,168,255,.08)),
    rgba(4,16,22,.46)!important;
}

.why{
  position:relative;
}

.why-icon-img{
  width:48px!important;
  height:48px!important;
  display:block;
  margin:0 0 30px!important;
  padding:6px;
  border:1px solid rgba(145,255,208,.22);
  border-radius:16px;
  object-fit:contain;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(145deg, rgba(145,255,208,.1), rgba(126,105,255,.08)),
    rgba(4,16,22,.5);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 28px rgba(0,0,0,.22),
    0 0 20px rgba(145,255,208,.12);
  filter:
    saturate(1.18)
    contrast(1.08)
    brightness(1.06)
    drop-shadow(0 0 10px rgba(126,255,203,.14));
}

.why:nth-child(2) .why-icon-img{
  border-color:rgba(98,168,255,.25);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 28px rgba(0,0,0,.22),
    0 0 20px rgba(98,168,255,.14);
}

.why:nth-child(3) .why-icon-img{
  border-color:rgba(184,255,98,.24);
}

.why:nth-child(4) .why-icon-img{
  border-color:rgba(241,199,106,.24);
}

.why:nth-child(5) .why-icon-img{
  border-color:rgba(139,114,255,.28);
}

.why .check{
  display:none!important;
}

@media(max-width:760px){
  .why-icon-img{
    width:44px!important;
    height:44px!important;
    margin-bottom:22px!important;
    border-radius:14px;
  }
}

/* v9 mobile menu: keep the drawer visually separate from the page below. */
@media(max-width:760px){
  .nav{
    isolation:isolate;
    z-index:1000!important;
  }

  .nav-inner,
  .nav .wrap{
    position:relative;
    z-index:1003;
  }

  .mobile-nav-toggle,
  .nav .brand,
  .brand-lockup{
    position:relative;
    z-index:1004;
  }

  .nav-links,
  .nav .links,
  .nav .mobile-generated-links{
    z-index:1005!important;
    border-color:rgba(126,255,203,.26)!important;
    background:
      radial-gradient(circle at 14% 0%,rgba(126,255,203,.16),transparent 38%),
      radial-gradient(circle at 88% 12%,rgba(111,220,255,.1),transparent 34%),
      linear-gradient(145deg,rgba(4,16,20,.995),rgba(5,10,18,.998) 58%,rgba(13,13,29,.995))!important;
    box-shadow:0 30px 92px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.1)!important;
  }

  .nav.mobile-nav-open .nav-links,
  .nav.mobile-nav-open .links,
  .nav.mobile-nav-open .mobile-generated-links,
  .nav-links.nav-menu-visible,
  .nav .links.nav-menu-visible,
  .nav .mobile-generated-links.nav-menu-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  body.mobile-nav-open .hero{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.mobile-nav-open main,
  body.mobile-nav-open footer{
    opacity:.16!important;
    filter:blur(1px);
    pointer-events:none!important;
  }
}

/* v12 icon cleanup: use fewer, clearer icons instead of repeated decorative marks. */
.inline-title-icon{
  display:none!important;
}

.page-icon,
.section-icon-chip{
  border-color:rgba(145,255,208,.2)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(126,255,203,.045),rgba(98,168,255,.045)),
    rgba(5,15,20,.64)!important;
}

.page-icon img,
.section-icon-chip img{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  filter:drop-shadow(0 0 8px rgba(126,255,203,.12))!important;
}

.page-icon img[src*="ui-icons/color-"],
.section-icon-chip img[src*="ui-icons/color-"]{
  filter:none!important;
}

@media(max-width:560px){
  .page-icon,
  .section-icon-chip{
    min-height:38px!important;
    padding:7px 12px!important;
  }

  .page-icon img,
  .section-icon-chip img{
    width:26px!important;
    height:26px!important;
  }
}

/* v22 subpage atmosphere: soft color washes and texture, no lines or boxes. */
body.page-themed{
  background-image:
    linear-gradient(180deg, rgba(2,9,18,.98) 0%, rgba(6,18,21,.9) 38%, rgba(4,8,16,.96) 74%, rgba(2,7,11,1) 100%),
    conic-gradient(from 220deg at 16% 18%, color-mix(in srgb, var(--pillar-top,#68ffd1) 18%, transparent), transparent 28%, color-mix(in srgb, var(--pillar-mid,#72d6ff) 10%, transparent) 46%, transparent 68%, color-mix(in srgb, var(--pillar-bottom,#8b72ff) 10%, transparent) 86%, transparent),
    conic-gradient(from 38deg at 84% 34%, color-mix(in srgb, var(--pillar-bottom,#8b72ff) 14%, transparent), transparent 24%, color-mix(in srgb, var(--pillar-top,#68ffd1) 10%, transparent) 48%, transparent 72%),
    linear-gradient(122deg, rgba(126,255,203,.055), transparent 34%, rgba(255,159,252,.04) 62%, transparent 84%)!important;
}

body.page-themed .subpage-atmosphere-field{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:.86;
  mix-blend-mode:screen;
}

body.page-themed .atmosphere-wash,
body.page-themed .atmosphere-texture{
  position:absolute;
  display:block;
  pointer-events:none;
}

body.page-themed .atmosphere-wash{
  width:118vw;
  height:78vh;
  filter:blur(38px) saturate(1.14);
  opacity:.5;
  transform-origin:50% 50%;
  will-change:transform, opacity;
}

body.page-themed .atmosphere-wash.wash-a{
  left:-22vw;
  top:-22vh;
  clip-path:polygon(0 16%, 78% 0, 100% 42%, 82% 100%, 12% 86%);
  background:
    conic-gradient(from 230deg at 44% 48%, transparent 0 12%, color-mix(in srgb, var(--pillar-top,#68ffd1) 20%, transparent) 22%, color-mix(in srgb, var(--pillar-mid,#72d6ff) 16%, transparent) 38%, color-mix(in srgb, var(--pillar-bottom,#8b72ff) 12%, transparent) 56%, transparent 76%),
    linear-gradient(135deg, color-mix(in srgb, var(--pillar-top,#68ffd1) 12%, transparent), transparent 58%);
  animation:greencore-atmosphere-wash-a 14s ease-in-out infinite alternate;
}

body.page-themed .atmosphere-wash.wash-b{
  right:-26vw;
  top:22vh;
  clip-path:polygon(10% 0, 100% 14%, 86% 86%, 22% 100%, 0 46%);
  opacity:.42;
  background:
    conic-gradient(from 40deg at 58% 48%, transparent 0 16%, color-mix(in srgb, var(--pillar-bottom,#8b72ff) 16%, transparent) 30%, color-mix(in srgb, var(--pillar-mid,#72d6ff) 14%, transparent) 48%, color-mix(in srgb, var(--pillar-top,#68ffd1) 11%, transparent) 66%, transparent 84%),
    linear-gradient(225deg, color-mix(in srgb, var(--pillar-bottom,#8b72ff) 10%, transparent), transparent 64%);
  animation:greencore-atmosphere-wash-b 17s ease-in-out infinite alternate;
}

body.page-themed .atmosphere-wash.wash-c{
  left:4vw;
  right:4vw;
  bottom:-28vh;
  width:auto;
  height:62vh;
  clip-path:polygon(0 38%, 22% 6%, 66% 0, 100% 34%, 86% 100%, 12% 88%);
  opacity:.28;
  background:
    conic-gradient(from 150deg at 50% 52%, transparent 0 18%, color-mix(in srgb, var(--pillar-top,#68ffd1) 12%, transparent) 34%, color-mix(in srgb, var(--pillar-mid,#72d6ff) 12%, transparent) 52%, color-mix(in srgb, var(--pillar-bottom,#8b72ff) 10%, transparent) 70%, transparent 88%);
  animation:greencore-atmosphere-wash-c 20s ease-in-out infinite alternate;
}

body.page-themed .atmosphere-texture{
  inset:-10%;
  background:url("assets/subpage-noise.svg") center/260px 260px repeat;
  opacity:.075;
  mix-blend-mode:soft-light;
  animation:greencore-atmosphere-texture 18s ease-in-out infinite alternate;
}

@keyframes greencore-atmosphere-wash-a{
  0%{transform:translate3d(-4%, -2%, 0) rotate(4deg) scale(1);opacity:.34}
  50%{transform:translate3d(2%, 3%, 0) rotate(8deg) scale(1.08);opacity:.56}
  100%{transform:translate3d(8%, -1%, 0) rotate(11deg) scale(1.03);opacity:.42}
}

@keyframes greencore-atmosphere-wash-b{
  0%{transform:translate3d(5%, 2%, 0) rotate(-8deg) scale(1);opacity:.28}
  50%{transform:translate3d(-2%, -2%, 0) rotate(-4deg) scale(1.1);opacity:.46}
  100%{transform:translate3d(-8%, 2%, 0) rotate(-1deg) scale(1.04);opacity:.34}
}

@keyframes greencore-atmosphere-wash-c{
  0%{transform:translate3d(-3%, 4%, 0) rotate(2deg) scale(1);opacity:.18}
  50%{transform:translate3d(1%, -2%, 0) rotate(-2deg) scale(1.08);opacity:.32}
  100%{transform:translate3d(4%, 3%, 0) rotate(-5deg) scale(1.02);opacity:.22}
}

@keyframes greencore-atmosphere-texture{
  0%{transform:translate3d(0,0,0);opacity:.055}
  100%{transform:translate3d(1.6%, -1.2%, 0);opacity:.085}
}

@media(max-width:760px){
  body.page-themed .subpage-atmosphere-field{
    opacity:.72;
  }

  body.page-themed .atmosphere-wash{
    filter:blur(34px) saturate(1.12);
  }

  body.page-themed .atmosphere-wash.wash-a{
    width:132vw;
    height:56vh;
    left:-38vw;
    top:-16vh;
  }

  body.page-themed .atmosphere-wash.wash-b{
    width:126vw;
    height:52vh;
    right:-42vw;
    top:34vh;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-themed .atmosphere-wash,
  body.page-themed .atmosphere-texture{
    animation:none!important;
  }
}

/* v13 homepage benefit icons: simple business pictograms, not decorative symbols. */
.ecosystem-benefits article{
  grid-template-columns:66px minmax(0,1fr)!important;
  column-gap:22px!important;
}

.ecosystem-benefits .benefit-icon-img{
  width:54px!important;
  height:54px!important;
  padding:5px!important;
  border-radius:16px!important;
  object-fit:contain!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.1),rgba(126,255,203,.035)),
    rgba(3,14,18,.58)!important;
  border:1px solid rgba(126,255,203,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 20px rgba(126,255,203,.12),
    0 14px 32px rgba(0,0,0,.26)!important;
  filter:drop-shadow(0 0 8px rgba(126,255,203,.1))!important;
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:56px minmax(0,1fr)!important;
    column-gap:16px!important;
  }

  .ecosystem-benefits .benefit-icon-img{
    width:48px!important;
    height:48px!important;
    padding:5px!important;
  }
}

/* v16 subpage icon clarity: consistent solid pictograms matching local UI icons. */
.page-icon img[src*="ui-icons/color-"],
.section-icon-chip img[src*="ui-icons/color-"]{
  width:38px!important;
  height:38px!important;
  border-radius:0!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 5px 10px rgba(0,0,0,.22))
    drop-shadow(0 0 8px rgba(103,255,208,.14))!important;
}

.page-icon:has(img[src*="ui-icons/color-"]),
.section-icon-chip:has(img[src*="ui-icons/color-"]){
  min-height:46px!important;
  padding:5px 17px 5px 8px!important;
  gap:13px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(126,255,203,.035)),
    rgba(4,14,18,.72)!important;
  border-color:rgba(255,255,255,.14)!important;
}

@media(max-width:560px){
  .page-icon img[src*="ui-icons/color-"],
  .section-icon-chip img[src*="ui-icons/color-"]{
    width:36px!important;
    height:36px!important;
  }
}

/* v23 smoothness pass: reduce repaint cost while keeping the visual atmosphere. */
body.page-themed{
  background-attachment:scroll!important;
}

body.page-themed .subpage-atmosphere-field{
  contain:layout paint style;
  opacity:.72!important;
}

body.page-themed .atmosphere-wash{
  filter:blur(24px) saturate(1.08)!important;
  will-change:transform;
}

body.page-themed .atmosphere-texture{
  animation:none!important;
  opacity:.045!important;
}

.section,
.panel,
.feature,
.resource,
.document,
.glass,
.card,
.why,
.metric,
.price-card,
.progress-card,
.allocation-clean,
.round-panel{
  content-visibility:auto;
  contain-intrinsic-size:1px 360px;
}

.brand-strip b img,
.benefit-icon-img,
.why-icon-img,
.page-icon img,
.section-icon-chip img{
  backface-visibility:hidden;
  transform:translateZ(0);
}

/* Brand marks sit directly on the glass UI; no white plate or fake badge background. */
.brand-strip b img.brand-logo{
  width:clamp(24px,1.75vw,32px);
  height:clamp(24px,1.75vw,32px);
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 0 8px rgba(116,240,214,.24)) drop-shadow(0 4px 10px rgba(0,0,0,.28));
}

.brand-strip b img.brand-logo-wide{
  width:clamp(44px,3.5vw,66px);
  height:clamp(18px,1.35vw,24px);
  padding:0;
}

.page-icon img[src*="brand-logos"]{
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 0 10px rgba(116,240,214,.24)) drop-shadow(0 4px 10px rgba(0,0,0,.28))!important;
}

@media(max-width:760px){
  body.page-themed .subpage-atmosphere-field{
    opacity:.44!important;
  }

  body.page-themed .atmosphere-wash{
    filter:blur(16px) saturate(1.04)!important;
    animation-duration:24s!important;
  }

  body.page-themed .atmosphere-wash.wash-c,
  body.page-themed .atmosphere-texture{
    display:none!important;
  }

  .nav,
  .button,
  .glass,
  .section,
  .panel,
  .feature,
  .resource,
  .document,
  .metric,
  .card,
  .pillar,
  .why,
  .price-card,
  .progress-card,
  .round-panel,
  .allocation-clean{
    backdrop-filter:none!important;
  }

  .motion-foundation-card video,
  .roadmap-motion-bg{
    filter:none!important;
  }
}

/* v28 premium subpages: product-site depth for subpages only. Home and whitepaper do not use .premium-subpage. */
body.premium-subpage{
  --premium-a:#68ffd1;
  --premium-b:#70cfff;
  --premium-c:#8b72ff;
  --premium-d:#f0c980;
  --premium-surface:rgba(8,22,28,.72);
  --premium-surface-2:rgba(20,33,48,.62);
  --premium-line:rgba(146,255,219,.22);
  color:#f5fbf8;
  background-color:#02080d!important;
  background-image:
    linear-gradient(180deg, rgba(2,8,13,.98) 0%, rgba(5,17,22,.94) 44%, rgba(2,7,11,.99) 100%),
    linear-gradient(112deg, color-mix(in srgb, var(--premium-a) 12%, transparent) 0%, transparent 29%, color-mix(in srgb, var(--premium-b) 8%, transparent) 66%, transparent 100%),
    linear-gradient(248deg, transparent 0 46%, color-mix(in srgb, var(--premium-c) 7%, transparent) 52%, transparent 68%),
    linear-gradient(18deg, transparent 0 54%, color-mix(in srgb, var(--premium-d) 6%, transparent) 62%, transparent 78%)!important;
  background-attachment:fixed!important;
}

body.premium-subpage.tone-token{
  --premium-a:#68ffd1;
  --premium-b:#79c8ff;
  --premium-c:#8b72ff;
  --premium-d:#d978b9;
}

body.premium-subpage.tone-governance{
  --premium-a:#9effd3;
  --premium-b:#75d8ff;
  --premium-c:#f0c980;
  --premium-d:#6fd6ff;
}

body.premium-subpage.tone-ecosystem{
  --premium-a:#65e0a6;
  --premium-b:#4bb8df;
  --premium-c:#9b7cff;
  --premium-d:#dba552;
}

body.premium-subpage.tone-allocation{
  --premium-a:#66e8ff;
  --premium-b:#91ffd0;
  --premium-c:#7b8cff;
  --premium-d:#f0c980;
}

body.premium-subpage.tone-compliance,
body.premium-subpage.tone-legal{
  --premium-a:#9effd3;
  --premium-b:#6edcff;
  --premium-c:#7ea8ff;
  --premium-d:#a5ffd8;
}

body.premium-subpage.tone-documents{
  --premium-a:#7afbd4;
  --premium-b:#78b8ff;
  --premium-c:#f0c980;
  --premium-d:#ff8edb;
}

body.premium-subpage::before{
  background:
    linear-gradient(105deg, transparent 0 16%, color-mix(in srgb, var(--premium-a) 13%, transparent) 27%, color-mix(in srgb, var(--premium-b) 19%, transparent) 39%, color-mix(in srgb, var(--premium-c) 12%, transparent) 49%, transparent 64%),
    linear-gradient(74deg, transparent 0 34%, color-mix(in srgb, var(--premium-d) 8%, transparent) 43%, color-mix(in srgb, var(--premium-b) 10%, transparent) 50%, transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 42%, rgba(255,255,255,.012))!important;
  background-size:245% 100%, 190% 100%, 100% 100%!important;
  background-position:-130% 50%, -70% 50%, center!important;
  opacity:.64!important;
  mix-blend-mode:screen;
  animation:greencore-premium-light 8.5s ease-in-out infinite alternate!important;
}

body.premium-subpage::after{
  background:
    linear-gradient(180deg, transparent 0%, rgba(2,8,13,.2) 44%, rgba(2,7,11,.7) 100%),
    linear-gradient(116deg, transparent 0 15%, rgba(255,255,255,.028) 18%, transparent 30%, transparent 70%, rgba(255,255,255,.02) 74%, transparent 88%)!important;
  opacity:.9!important;
}

@keyframes greencore-premium-light{
  0%{
    background-position:-138% 50%, -82% 50%, center;
    transform:translateX(-8%) rotate(17deg) scaleX(1.08);
    opacity:.48;
  }
  48%{
    background-position:42% 50%, 50% 50%, center;
    transform:translateX(0) rotate(25deg) scaleX(1.18);
    opacity:.76;
  }
  100%{
    background-position:172% 50%, 132% 50%, center;
    transform:translateX(8%) rotate(33deg) scaleX(1.08);
    opacity:.54;
  }
}

body.premium-subpage header.hero:not(.home-template){
  min-height:min(620px, calc(100vh - 72px))!important;
  display:block!important;
}

body.premium-subpage.premium-compact-hero header.hero:not(.home-template){
  min-height:auto!important;
  padding-bottom:clamp(34px,5vw,58px)!important;
}

body.premium-subpage .premium-hero-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,440px);
  align-items:center;
  gap:clamp(28px,5vw,74px);
}

body.premium-subpage.premium-compact-hero .premium-hero-layout{
  grid-template-columns:minmax(0, 860px)!important;
}

body.premium-subpage .premium-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

body.premium-subpage .premium-hero-copy h1{
  max-width:940px!important;
  margin-top:clamp(18px,2.2vw,28px)!important;
  margin-bottom:clamp(18px,2vw,24px)!important;
  letter-spacing:-.045em!important;
}

body.premium-subpage .premium-hero-copy .lead,
body.premium-subpage .premium-hero-copy p{
  max-width:760px!important;
}

body.premium-subpage .premium-data-rail{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(24px,3vw,36px);
}

body.premium-subpage .premium-data-pill{
  display:grid;
  min-width:clamp(126px,13vw,166px);
  min-height:62px;
  padding:12px 15px;
  border:1px solid color-mix(in srgb, var(--premium-a) 26%, rgba(255,255,255,.12));
  border-radius:16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    color-mix(in srgb, var(--premium-surface) 88%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 color-mix(in srgb, var(--premium-a) 10%, transparent),
    0 16px 34px rgba(0,0,0,.26);
  backdrop-filter:blur(16px);
}

body.premium-subpage .premium-data-pill small{
  color:color-mix(in srgb, var(--premium-a) 78%, white);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}

body.premium-subpage .premium-data-pill b{
  align-self:end;
  margin-top:9px;
  color:#fff;
  font-size:14px;
  font-weight:850;
  line-height:1.15;
  letter-spacing:0;
}

body.premium-subpage .premium-data-pill b.premium-currency-value{
  letter-spacing:.015em;
  word-spacing:.12em;
}

body.premium-subpage .premium-hero-visual{
  position:relative;
  z-index:1;
  min-height:clamp(260px,32vw,430px);
  border-radius:32px;
  transform:translateZ(0);
  perspective:900px;
  isolation:isolate;
}

body.premium-subpage .premium-hero-visual > span{
  position:absolute;
  pointer-events:none;
}

body.premium-subpage .visual-backplate{
  inset:8% 3% 5% 9%;
  border:1px solid color-mix(in srgb, var(--premium-a) 18%, rgba(255,255,255,.08));
  border-radius:30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.018)),
    linear-gradient(112deg, color-mix(in srgb, var(--premium-a) 13%, transparent), transparent 44%, color-mix(in srgb, var(--premium-c) 11%, transparent));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 26px 80px rgba(0,0,0,.34),
    0 0 70px color-mix(in srgb, var(--premium-a) 10%, transparent);
  transform:rotateX(56deg) rotateZ(-12deg) translateY(4%);
  transform-origin:50% 60%;
  animation:premium-backplate 11s ease-in-out infinite alternate;
}

body.premium-subpage .visual-slab{
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
    linear-gradient(118deg, color-mix(in srgb, var(--premium-a) 25%, transparent), color-mix(in srgb, var(--premium-b) 14%, transparent) 58%, color-mix(in srgb, var(--premium-c) 18%, transparent));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 18px 46px rgba(0,0,0,.28),
    0 0 36px color-mix(in srgb, var(--premium-b) 14%, transparent);
  clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);
}

body.premium-subpage .slab-a{
  width:52%;
  height:34%;
  left:5%;
  top:14%;
  transform:rotate(-10deg) skewX(-7deg);
  animation:premium-slab-a 8s ease-in-out infinite alternate;
}

body.premium-subpage .slab-b{
  width:56%;
  height:30%;
  right:4%;
  top:38%;
  transform:rotate(9deg) skewX(-10deg);
  background:
    linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.035)),
    linear-gradient(118deg, color-mix(in srgb, var(--premium-d) 20%, transparent), color-mix(in srgb, var(--premium-b) 18%, transparent) 60%, color-mix(in srgb, var(--premium-c) 16%, transparent));
  animation:premium-slab-b 9s ease-in-out infinite alternate;
}

body.premium-subpage .slab-c{
  width:42%;
  height:22%;
  left:18%;
  bottom:10%;
  opacity:.78;
  transform:rotate(4deg) skewX(-8deg);
  animation:premium-slab-c 10s ease-in-out infinite alternate;
}

body.premium-subpage .visual-core{
  width:46%;
  height:38%;
  left:27%;
  top:29%;
  border:1px solid color-mix(in srgb, var(--premium-a) 32%, rgba(255,255,255,.1));
  border-radius:24px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--premium-a) 13%, rgba(255,255,255,.08)), rgba(255,255,255,.035)),
    linear-gradient(180deg, rgba(6,20,25,.82), rgba(8,18,30,.76));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 color-mix(in srgb, var(--premium-a) 17%, transparent),
    0 22px 64px rgba(0,0,0,.35),
    0 0 50px color-mix(in srgb, var(--premium-a) 16%, transparent);
  transform:rotateX(10deg) rotateZ(-4deg);
  animation:premium-core 7.4s ease-in-out infinite alternate;
}

body.premium-subpage .visual-ribbon{
  left:6%;
  right:6%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--premium-a) 78%, white), color-mix(in srgb, var(--premium-b) 58%, white), transparent);
  box-shadow:0 0 22px color-mix(in srgb, var(--premium-a) 46%, transparent);
  transform:rotate(-10deg);
  opacity:.82;
  animation:premium-ribbon 4.8s ease-in-out infinite alternate;
}

body.premium-subpage .ribbon-a{
  top:24%;
}

body.premium-subpage .ribbon-b{
  bottom:24%;
  transform:rotate(9deg);
  animation-delay:-1.6s;
}

body.premium-subpage .visual-chip{
  width:clamp(42px,5vw,66px);
  height:clamp(42px,5vw,66px);
  border:1px solid color-mix(in srgb, var(--premium-b) 30%, rgba(255,255,255,.14));
  border-radius:17px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
    color-mix(in srgb, var(--premium-surface-2) 86%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 18px 44px rgba(0,0,0,.3),
    0 0 24px color-mix(in srgb, var(--premium-b) 13%, transparent);
  clip-path:polygon(16% 0,100% 0,100% 84%,84% 100%,0 100%,0 16%);
  animation:premium-chip 8.4s ease-in-out infinite alternate;
}

body.premium-subpage .chip-a{
  left:9%;
  top:58%;
}

body.premium-subpage .chip-b{
  right:11%;
  top:14%;
  animation-delay:-2s;
}

body.premium-subpage .chip-c{
  right:24%;
  bottom:5%;
  animation-delay:-4s;
}

@keyframes premium-backplate{
  from{transform:rotateX(56deg) rotateZ(-12deg) translateY(4%) scale(.98)}
  to{transform:rotateX(58deg) rotateZ(-8deg) translateY(-1%) scale(1.02)}
}

@keyframes premium-slab-a{
  from{transform:translate3d(-2%,1%,0) rotate(-10deg) skewX(-7deg);opacity:.76}
  to{transform:translate3d(3%,-3%,0) rotate(-6deg) skewX(-9deg);opacity:.96}
}

@keyframes premium-slab-b{
  from{transform:translate3d(3%,-1%,0) rotate(9deg) skewX(-10deg);opacity:.7}
  to{transform:translate3d(-2%,3%,0) rotate(13deg) skewX(-8deg);opacity:.92}
}

@keyframes premium-slab-c{
  from{transform:translate3d(-1%,2%,0) rotate(4deg) skewX(-8deg)}
  to{transform:translate3d(3%,-2%,0) rotate(1deg) skewX(-10deg)}
}

@keyframes premium-core{
  from{transform:translateY(2%) rotateX(10deg) rotateZ(-4deg)}
  to{transform:translateY(-4%) rotateX(8deg) rotateZ(-1deg)}
}

@keyframes premium-ribbon{
  from{opacity:.35;filter:blur(.2px)}
  to{opacity:.95;filter:blur(0)}
}

@keyframes premium-chip{
  from{transform:translateY(4%) rotate(-3deg);opacity:.62}
  to{transform:translateY(-5%) rotate(4deg);opacity:.94}
}

body.premium-subpage main .section,
body.premium-subpage main .panel,
body.premium-subpage main section,
body.premium-subpage main .feature,
body.premium-subpage main .resource{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb, var(--premium-a) 22%, rgba(255,255,255,.1))!important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--premium-a) 10%, rgba(255,255,255,.055)), rgba(255,255,255,.026) 45%, color-mix(in srgb, var(--premium-c) 8%, rgba(255,255,255,.038))),
    rgba(4,13,18,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 color-mix(in srgb, var(--premium-a) 10%, transparent),
    0 22px 64px rgba(0,0,0,.28)!important;
}

body.premium-subpage main .section::after,
body.premium-subpage main .panel::after,
body.premium-subpage main .feature::after,
body.premium-subpage main .resource::after{
  display:none!important;
  content:none!important;
}

body.premium-subpage main .section::before,
body.premium-subpage main .panel::before,
body.premium-subpage main section::before,
body.premium-subpage main .feature::before,
body.premium-subpage main .resource::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(112deg, transparent 0 12%, color-mix(in srgb, var(--premium-a) 10%, transparent) 24%, transparent 44%),
    linear-gradient(252deg, transparent 0 50%, color-mix(in srgb, var(--premium-b) 8%, transparent) 63%, transparent 82%);
  opacity:.72;
}

body.premium-subpage main .section > *,
body.premium-subpage main .panel > *,
body.premium-subpage main section > .wrap,
body.premium-subpage main .feature > *,
body.premium-subpage main .resource > *{
  position:relative;
  z-index:1;
}

body.premium-subpage .flow::before{
  display:none!important;
  content:none!important;
}

body.premium-subpage .flow .node,
body.premium-subpage .flow .step,
body.premium-subpage .step{
  border-color:color-mix(in srgb, var(--premium-a) 28%, rgba(255,255,255,.12))!important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--premium-a) 13%, rgba(45,63,70,.78)), rgba(16,31,39,.78) 52%, color-mix(in srgb, var(--premium-c) 10%, rgba(33,39,58,.72))),
    rgba(8,18,24,.84)!important;
}

body.premium-subpage .flow .arrow{
  color:color-mix(in srgb, var(--premium-a) 78%, white)!important;
  text-shadow:0 0 18px color-mix(in srgb, var(--premium-a) 44%, transparent)!important;
}

body.premium-subpage.page-ecosystem .relationship-enhanced{
  border-color:color-mix(in srgb, var(--premium-a) 28%, rgba(255,255,255,.12))!important;
  background:
    linear-gradient(145deg, rgba(8,23,27,.88), rgba(7,14,26,.84)),
    linear-gradient(116deg, color-mix(in srgb, var(--premium-a) 13%, transparent), transparent 36%, color-mix(in srgb, var(--premium-d) 8%, transparent)),
    linear-gradient(248deg, transparent 0 44%, color-mix(in srgb, var(--premium-c) 10%, transparent) 57%, transparent 76%)!important;
}

body.premium-subpage.page-ecosystem .relationship-enhanced::before,
body.premium-subpage.page-ecosystem .relationship-enhanced .map-orbit,
body.premium-subpage.page-ecosystem .relationship-enhanced .signal{
  display:none!important;
}

body.premium-subpage.page-ecosystem .relationship-enhanced::after{
  display:block!important;
  content:""!important;
  position:absolute;
  inset:-20% -12%;
  z-index:1;
  pointer-events:none;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(98deg, transparent 0 24%, color-mix(in srgb, var(--premium-a) 14%, transparent) 35%, color-mix(in srgb, var(--premium-b) 20%, transparent) 47%, color-mix(in srgb, var(--premium-c) 13%, transparent) 58%, transparent 74%),
    linear-gradient(18deg, transparent 0 56%, color-mix(in srgb, var(--premium-d) 8%, transparent) 64%, transparent 78%)!important;
  box-shadow:none!important;
  clip-path:polygon(4% 18%, 92% 0, 100% 70%, 18% 100%);
  filter:blur(4px);
  mix-blend-mode:screen;
  opacity:.58;
  transform:rotate(4deg);
  animation:premium-map-prism 7s ease-in-out infinite alternate!important;
}

body.premium-subpage.page-ecosystem .relationship-enhanced .map-node{
  z-index:2;
}

@keyframes premium-map-prism{
  from{transform:translateX(-4%) rotate(2deg);opacity:.38}
  to{transform:translateX(4%) rotate(7deg);opacity:.68}
}

@media(max-width:920px){
  body.premium-subpage .premium-hero-layout{
    grid-template-columns:1fr;
  }

  body.premium-subpage .premium-hero-visual{
    min-height:240px;
    margin-top:8px;
  }
}

@media(max-width:760px){
  body.premium-subpage{
    background-attachment:scroll!important;
    overflow-x:hidden!important;
  }

  body.premium-subpage::before{
    opacity:.42!important;
    animation-duration:14s!important;
  }

  body.premium-subpage header.hero:not(.home-template){
    min-height:auto!important;
    width:min(100% - 28px, var(--max,1180px))!important;
    max-width:min(100% - 28px, var(--max,1180px))!important;
    overflow:hidden!important;
  }

  body.premium-subpage .premium-hero-layout,
  body.premium-subpage .premium-hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  body.premium-subpage .page-icon-dock{
    display:none!important;
  }

  body.premium-subpage .page-icon-dock::-webkit-scrollbar{
    display:none;
  }

  body.premium-subpage .page-icon{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    flex:initial!important;
    justify-content:flex-start!important;
    min-height:38px!important;
    gap:8px!important;
    padding:6px 9px!important;
    border-radius:16px!important;
  }

  body.premium-subpage .page-icon b{
    min-width:0!important;
    max-width:calc(100% - 34px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  body.premium-subpage .page-icon img{
    width:22px!important;
    height:22px!important;
  }

  body.premium-subpage .premium-hero-copy h1{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(34px,10.4vw,44px)!important;
    line-height:1.06!important;
    letter-spacing:-.028em!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-wrap:wrap!important;
  }

  body.premium-subpage .premium-hero-copy .lead,
  body.premium-subpage .premium-hero-copy p{
    max-width:min(100%, 330px)!important;
    font-size:16px!important;
    line-height:1.58!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }

  body.premium-subpage .premium-data-rail{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  body.premium-subpage .premium-data-pill{
    min-width:0;
    min-height:54px;
  }

  body.premium-subpage .premium-hero-visual{
    width:100%!important;
    max-width:100%!important;
    min-height:210px;
    border-radius:24px;
    overflow:hidden;
  }

  body.premium-subpage main .section,
  body.premium-subpage main .panel,
  body.premium-subpage main section,
  body.premium-subpage main .feature,
  body.premium-subpage main .resource{
    overflow:hidden;
  }
}

@media(prefers-reduced-motion:reduce){
  body.premium-subpage::before,
  body.premium-subpage .visual-backplate,
  body.premium-subpage .visual-slab,
  body.premium-subpage .visual-core,
  body.premium-subpage .visual-ribbon,
  body.premium-subpage .visual-chip,
  body.premium-subpage.page-ecosystem .relationship-enhanced::after{
    animation:none!important;
  }
}

/* v33 FloatingLines subpage preview: official React Bits shader, stretched as a full-page field. */
body.floating-lines-subpage{
  background:#000!important;
  background-image:none!important;
}

body.floating-lines-subpage::before,
body.floating-lines-subpage::after{
  display:none!important;
}

body.floating-lines-subpage .premium-hero-layout{
  grid-template-columns:minmax(0, 1fr)!important;
}

body.floating-lines-subpage .premium-hero-visual,
body.floating-lines-subpage .visual-backplate,
body.floating-lines-subpage .visual-slab,
body.floating-lines-subpage .visual-core,
body.floating-lines-subpage .visual-ribbon,
body.floating-lines-subpage .visual-chip,
body.floating-lines-subpage .atmosphere-wash{
  display:none!important;
}

body.floating-lines-subpage .subpage-atmosphere-field.floating-lines-field{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  overflow:hidden!important;
  pointer-events:none!important;
  contain:layout paint style!important;
  opacity:1!important;
  background:#000!important;
}

body.floating-lines-subpage .floating-lines-stage{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:max(1080px, 142vw)!important;
  height:max(1080px, 142vh)!important;
  transform:translate3d(-50%, -50%, 0)!important;
  overflow:hidden!important;
  opacity:.96!important;
  mix-blend-mode:screen!important;
  filter:saturate(1.18) contrast(1.08)!important;
}

body.floating-lines-subpage .floating-lines-stage canvas{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.floating-lines-subpage .floating-lines-readability{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 66% 38%, rgba(143,244,205,.13), transparent 28%),
    radial-gradient(circle at 30% 76%, rgba(77,184,223,.1), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.18) 100%),
    linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.68) 100%)!important;
}

body.floating-lines-subpage.floating-lines-fallback .subpage-atmosphere-field.floating-lines-field{
  background:
    radial-gradient(circle at 58% 42%, rgba(143,244,205,.2), transparent 24%),
    radial-gradient(circle at 74% 60%, rgba(77,184,223,.18), transparent 32%),
    #000!important;
}

body.floating-lines-subpage main .section,
body.floating-lines-subpage main .panel,
body.floating-lines-subpage main section,
body.floating-lines-subpage main .feature,
body.floating-lines-subpage main .resource{
  background:
    linear-gradient(145deg, rgba(10,18,24,.78), rgba(6,10,18,.68) 55%, rgba(30,20,40,.54)),
    rgba(3,7,12,.72)!important;
  backdrop-filter:blur(18px)!important;
}

@media(max-width:760px){
  body.floating-lines-subpage .floating-lines-stage{
    width:128vw!important;
    height:max(760px, 118vh)!important;
    transform:translate3d(-50%, -49%, 0)!important;
    opacity:.9!important;
  }

  body.floating-lines-subpage .floating-lines-readability{
    background:
      radial-gradient(circle at 58% 32%, rgba(143,244,205,.12), transparent 30%),
      linear-gradient(90deg, rgba(0,0,0,.64) 0%, rgba(0,0,0,.42) 62%, rgba(0,0,0,.28) 100%),
      linear-gradient(180deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.12) 46%, rgba(0,0,0,.72) 100%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.floating-lines-subpage .floating-lines-stage{
    display:none!important;
  }
}

/* v34 homepage ecosystem benefits: replace abstract marks with clean round check icons. */
.ecosystem-benefits article{
  grid-template-columns:66px minmax(0,1fr)!important;
}

.ecosystem-benefits .benefit-check-icon{
  grid-row:1 / 3;
  grid-column:1;
  position:relative;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  align-self:start;
  justify-self:start;
  margin:0!important;
  border:1px solid rgba(126,255,203,.42);
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 25%, rgba(255,255,255,.32), transparent 34%),
    linear-gradient(145deg, rgba(126,255,203,.22), rgba(78,215,255,.12)),
    rgba(4,16,22,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 0 18px rgba(126,255,203,.1),
    0 0 22px rgba(126,255,203,.24),
    0 0 46px rgba(78,215,255,.12);
}

.ecosystem-benefits .benefit-check-icon::before{
  content:"";
  width:22px;
  height:12px;
  margin-top:-2px;
  border-left:4px solid #9effd3;
  border-bottom:4px solid #9effd3;
  border-radius:2px;
  transform:rotate(-45deg);
  filter:
    drop-shadow(0 0 6px rgba(158,255,211,.72))
    drop-shadow(0 0 16px rgba(78,215,255,.28));
}

.ecosystem-benefits .benefit-check-icon::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}

@media(hover:hover){
  .ecosystem-benefits article:hover .benefit-check-icon{
    border-color:rgba(158,255,211,.72);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.2),
      inset 0 0 18px rgba(126,255,203,.14),
      0 0 26px rgba(126,255,203,.34),
      0 0 58px rgba(78,215,255,.18);
  }
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:56px minmax(0,1fr)!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:48px;
    height:48px;
  }

  .ecosystem-benefits .benefit-check-icon::before{
    width:19px;
    height:10px;
    border-left-width:3px;
    border-bottom-width:3px;
  }
}

/* v39 tactile GreenCore material: richer subpage cards and clearer icon badges. */
body.premium-subpage .page-icon-dock{
  gap:12px!important;
  margin:0 0 24px!important;
}

body.premium-subpage .page-icon{
  position:relative;
  min-height:54px!important;
  padding:7px 16px 7px 8px!important;
  gap:12px!important;
  border:1px solid color-mix(in srgb, var(--premium-a) 28%, rgba(255,255,255,.13))!important;
  border-radius:999px!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.032)),
    linear-gradient(112deg, color-mix(in srgb, var(--premium-a) 12%, transparent), transparent 54%, color-mix(in srgb, var(--premium-b) 10%, transparent)),
    rgba(5,17,22,.64)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18)!important,
    inset 0 -1px 0 color-mix(in srgb, var(--premium-a) 10%, transparent)!important,
    0 14px 36px rgba(0,0,0,.22)!important;
  overflow:hidden;
}

body.premium-subpage .page-icon::after{
  content:"";
  position:absolute;
  left:44px;
  right:14px;
  top:9px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg, color-mix(in srgb, var(--premium-a) 56%, transparent), transparent);
  opacity:.58;
  pointer-events:none;
}

body.premium-subpage .page-icon img{
  width:38px!important;
  height:38px!important;
  padding:6px!important;
  border:1px solid color-mix(in srgb, var(--premium-a) 28%, rgba(255,255,255,.12))!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 36% 24%, rgba(255,255,255,.34), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--premium-a) 18%, transparent), color-mix(in srgb, var(--premium-b) 12%, transparent)),
    rgba(3,13,18,.82)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 -1px 0 rgba(0,0,0,.3),
    0 0 22px color-mix(in srgb, var(--premium-a) 16%, transparent),
    0 10px 22px rgba(0,0,0,.28)!important;
  object-fit:contain!important;
}

body.premium-subpage .page-icon img[src*="brand-logos"]{
  background:
    radial-gradient(circle at 36% 24%, rgba(255,255,255,.22), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    rgba(3,13,18,.82)!important;
}

body.premium-subpage .page-icon b{
  color:rgba(247,255,251,.88)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  line-height:1!important;
}

body.premium-subpage .material-section{
  border-radius:24px!important;
}

body.premium-subpage .material-card{
  --material-a:var(--premium-a);
  --material-b:var(--premium-b);
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb, var(--material-a) 26%, rgba(255,255,255,.12))!important;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--material-a) 18%, transparent), transparent 38%),
    radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--material-b) 12%, transparent), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.034) 48%, color-mix(in srgb, var(--material-b) 9%, rgba(255,255,255,.028))),
    rgba(5,15,20,.72)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 color-mix(in srgb, var(--material-a) 10%, transparent),
    0 18px 44px rgba(0,0,0,.26),
    0 0 34px color-mix(in srgb, var(--material-a) 8%, transparent)!important;
}

body.premium-subpage .material-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(116deg, rgba(255,255,255,.16), transparent 24%, transparent 68%, color-mix(in srgb, var(--material-a) 9%, transparent)),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 42%);
  opacity:.72;
}

body.premium-subpage .material-card::after{
  content:"";
  position:absolute;
  right:-24%;
  bottom:-34%;
  width:62%;
  aspect-ratio:1;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  background:
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--material-a) 14%, transparent) 0 1px, transparent 1px 11px),
    radial-gradient(circle, color-mix(in srgb, var(--material-b) 12%, transparent), transparent 62%);
  mask-image:radial-gradient(circle, black 0 44%, transparent 70%);
  opacity:.48;
}

body.premium-subpage .material-card > *{
  position:relative;
  z-index:1;
}

body.premium-subpage .material-card-cap{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:44px;
  margin:-4px 0 18px;
}

body.premium-subpage .material-card-glyph{
  position:relative;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border:1px solid color-mix(in srgb, var(--material-a) 38%, rgba(255,255,255,.16));
  border-radius:15px;
  background:
    radial-gradient(circle at 35% 24%, rgba(255,255,255,.36), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--material-a) 34%, transparent), color-mix(in srgb, var(--material-b) 20%, transparent)),
    rgba(4,15,20,.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 -1px 0 rgba(0,0,0,.34),
    0 0 24px color-mix(in srgb, var(--material-a) 18%, transparent),
    0 12px 24px rgba(0,0,0,.28);
}

body.premium-subpage .material-card-glyph::before{
  content:"";
  position:absolute;
  left:12px;
  top:12px;
  width:18px;
  height:18px;
  border:3px solid color-mix(in srgb, var(--material-a) 78%, white);
  border-top-color:transparent;
  border-radius:50%;
  transform:rotate(-24deg);
  filter:drop-shadow(0 0 8px color-mix(in srgb, var(--material-a) 62%, transparent));
}

body.premium-subpage .material-card-glyph::after{
  content:"";
  position:absolute;
  right:9px;
  bottom:9px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:color-mix(in srgb, var(--material-b) 82%, white);
  box-shadow:0 0 14px color-mix(in srgb, var(--material-b) 54%, transparent);
}

body.premium-subpage .material-card-lines{
  display:grid;
  gap:6px;
  flex:1 1 auto;
  min-width:48px;
}

body.premium-subpage .material-card-lines i{
  display:block;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, color-mix(in srgb, var(--material-a) 48%, transparent), transparent);
}

body.premium-subpage .material-card-lines i:nth-child(2){
  width:58%;
  background:linear-gradient(90deg, color-mix(in srgb, var(--material-b) 35%, transparent), transparent);
}

body.premium-subpage .material-card-dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--material-a) 82%, white);
  box-shadow:0 0 18px color-mix(in srgb, var(--material-a) 58%, transparent);
}

body.premium-subpage .material-card h3,
body.premium-subpage .material-card b{
  letter-spacing:-.02em;
}

body.premium-subpage .material-card p,
body.premium-subpage .material-card li,
body.premium-subpage .material-card span{
  text-wrap:pretty;
}

body.premium-subpage .material-card.metric,
body.premium-subpage .material-card.price-node,
body.premium-subpage .material-card.allocation-bar{
  min-height:0;
}

body.premium-subpage .material-card.metric::after,
body.premium-subpage .material-card.price-node::after,
body.premium-subpage .material-card.allocation-bar::after{
  width:56%;
  right:-20%;
  bottom:-80%;
  opacity:.34;
}

body.premium-subpage .material-flow .node,
body.premium-subpage .material-flow .step{
  min-height:112px;
  border-radius:18px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 color-mix(in srgb, var(--premium-a) 11%, transparent),
    0 16px 38px rgba(0,0,0,.23)!important;
}

body.premium-subpage.page-ecosystem .relationship-enhanced .map-node{
  border-radius:20px!important;
}

body.premium-subpage.page-ecosystem .relationship-enhanced .map-node img{
  width:58px!important;
  height:58px!important;
  padding:8px!important;
  border:1px solid color-mix(in srgb, var(--premium-a) 24%, rgba(255,255,255,.14));
  border-radius:18px!important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.24), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.03)),
    rgba(3,13,18,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 26px rgba(0,0,0,.24),
    0 0 22px color-mix(in srgb, var(--premium-a) 12%, transparent);
}

.ecosystem-benefits article{
  --material-a:#91ffd0;
  position:relative;
  overflow:hidden;
  border-color:rgba(145,255,208,.18)!important;
  background:
    radial-gradient(circle at 10% 12%, rgba(145,255,208,.14), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.032) 46%, rgba(77,184,223,.055)),
    rgba(4,14,18,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(145,255,208,.06),
    0 18px 46px rgba(0,0,0,.22)!important;
}

.ecosystem-benefits article::after{
  content:"";
  position:absolute;
  right:-22%;
  bottom:-40%;
  width:62%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(101,224,166,.13), transparent 64%);
  opacity:.72;
  pointer-events:none;
}

.ecosystem-benefits .benefit-check-icon{
  border-radius:50%!important;
  background:
    radial-gradient(circle at 36% 24%, rgba(255,255,255,.34), transparent 34%),
    linear-gradient(145deg, rgba(145,255,208,.28), rgba(77,184,223,.15)),
    rgba(3,14,18,.78)!important;
}

@media(hover:hover){
  body.premium-subpage .material-card,
  body.premium-subpage .page-icon,
  .ecosystem-benefits article{
    transition:
      transform .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      filter .24s ease;
  }

  body.premium-subpage .material-card:hover,
  body.premium-subpage .material-card.is-glass-hover,
  .ecosystem-benefits article:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb, var(--material-a, #91ffd0) 42%, rgba(255,255,255,.2))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.2),
      inset 0 -1px 0 color-mix(in srgb, var(--material-a, #91ffd0) 16%, transparent),
      0 24px 58px rgba(0,0,0,.31),
      0 0 46px color-mix(in srgb, var(--material-a, #91ffd0) 14%, transparent)!important;
    filter:saturate(1.06) brightness(1.035);
  }
}

@media(max-width:760px){
  body.premium-subpage .material-card-cap{
    min-height:38px;
    margin-bottom:14px;
  }

  body.premium-subpage .material-card-glyph{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:14px;
  }
}

/* v40 brand-chip cleanup: no badge-inside-badge, clearer GRC and official logos. */
body.premium-subpage .page-icon{
  min-height:50px!important;
  padding:6px 15px 6px 7px!important;
  gap:11px!important;
  border-color:rgba(143,244,205,.34)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.026)),
    rgba(4,16,20,.58)!important;
}

body.premium-subpage .page-icon img{
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 7px 13px rgba(0,0,0,.3))
    drop-shadow(0 0 10px rgba(143,244,205,.16))!important;
}

body.premium-subpage .page-icon img[src*="grc-logo"]{
  width:36px!important;
  height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.premium-subpage .page-icon img[src*="brand-logos/usdc"],
body.premium-subpage .page-icon img[src*="brand-logos/base"],
body.premium-subpage .page-icon img[src*="brand-logos/thegraph"],
body.premium-subpage .page-icon img[src*="brand-logos/solana"],
body.premium-subpage .page-icon img[src*="brand-logos/chainlink"],
body.premium-subpage .page-icon img[src*="brand-logos/visa"],
body.premium-subpage .page-icon img[src*="brand-logos/bitcoin"],
body.premium-subpage .page-icon img[src*="brand-logos/tron"],
body.premium-subpage .page-icon img[src*="brand-logos/ledger"]{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.premium-subpage .page-icon img[src*="brand-logos/solana"],
body.premium-subpage .page-icon img[src*="brand-logos/visa"]{
  width:42px!important;
}

body.premium-subpage .page-icon b{
  transform:translateY(.5px);
}

/* v41 flat brand chips: one glass capsule only, no second icon frame inside. */
body.premium-subpage .page-icon::after{
  display:none!important;
  content:none!important;
}

body.premium-subpage .page-icon img,
body.premium-subpage .page-icon img[src*="brand-logos"],
body.premium-subpage .page-icon img[src*="grc-logo"],
body.premium-subpage .page-icon img[src*="ui-icons"]{
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 5px 10px rgba(0,0,0,.34))
    drop-shadow(0 0 7px rgba(143,244,205,.14))!important;
}

body.premium-subpage .page-icon img[src*="grc-logo"]{
  width:38px!important;
  height:38px!important;
  filter:
    drop-shadow(0 5px 10px rgba(0,0,0,.36))
    drop-shadow(0 0 8px rgba(143,244,205,.18))!important;
}

body.premium-subpage .page-icon img[src*="brand-logos/solana"],
body.premium-subpage .page-icon img[src*="brand-logos/visa"]{
  width:42px!important;
  height:28px!important;
}

/* v42 homepage benefit rail: continuous premium glass, no rough sliced blocks. */
.ecosystem-benefits{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(5, minmax(0, 1fr))!important;
  gap:0!important;
  width:calc(100% - 72px)!important;
  max-width:1814px!important;
  margin:28px auto 0!important;
  padding:0!important;
  border:1px solid rgba(143,244,205,.18)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg, rgba(143,244,205,.10), rgba(88,171,255,.055) 46%, rgba(143,244,205,.075)),
    rgba(4,17,20,.50)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(143,244,205,.08),
    0 22px 55px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  overflow:hidden!important;
}

.ecosystem-benefits::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 11% 8%, rgba(143,244,205,.20), transparent 22%),
    radial-gradient(circle at 86% 36%, rgba(89,183,255,.13), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 44%)!important;
  opacity:.86!important;
}

.ecosystem-benefits article{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:46px minmax(0, 1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;
  row-gap:6px!important;
  align-items:start!important;
  min-height:130px!important;
  padding:30px 26px 26px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
}

.ecosystem-benefits article:last-child{
  border-right:0!important;
}

.ecosystem-benefits article::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.055), transparent 42%),
    radial-gradient(circle at 18% 18%, rgba(143,244,205,.12), transparent 34%)!important;
  opacity:.42!important;
  transition:opacity .28s ease, transform .28s ease!important;
  pointer-events:none!important;
}

.ecosystem-benefits article::after{
  display:none!important;
  content:none!important;
}

.ecosystem-benefits article:hover::before{
  opacity:.72!important;
  transform:translateY(-2px)!important;
}

.ecosystem-benefits .benefit-check-icon{
  position:relative!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(143,244,205,.42)!important;
  background:
    radial-gradient(circle at 34% 26%, rgba(255,255,255,.36), transparent 28%),
    linear-gradient(145deg, rgba(139,255,207,.22), rgba(65,158,255,.10)),
    rgba(3,18,20,.72)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 0 0 6px rgba(143,244,205,.055),
    0 10px 22px rgba(0,0,0,.26),
    0 0 24px rgba(101,255,208,.16)!important;
  transform:none!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:12px!important;
  width:17px!important;
  height:9px!important;
  border-left:3px solid #9dffd2!important;
  border-bottom:3px solid #9dffd2!important;
  border-top:0!important;
  border-right:0!important;
  border-radius:1px!important;
  transform:rotate(-45deg)!important;
  box-shadow:0 0 10px rgba(157,255,210,.48)!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  opacity:.62!important;
}

.ecosystem-benefits b{
  grid-column:2!important;
  grid-row:1!important;
  margin:1px 0 0!important;
  color:rgba(248,255,252,.96)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.005em!important;
  text-transform:uppercase!important;
}

.ecosystem-benefits span:not(.benefit-check-icon){
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  max-width:230px!important;
  color:rgba(223,234,229,.74)!important;
  font-size:13px!important;
  line-height:1.48!important;
  font-weight:600!important;
}

@media(max-width:1180px){
  .ecosystem-benefits{
    width:calc(100% - 36px)!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  }

  .ecosystem-benefits article{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }

  .ecosystem-benefits article:nth-child(odd){
    border-right:1px solid rgba(255,255,255,.09)!important;
  }
}

@media(max-width:680px){
  .ecosystem-benefits{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    border-radius:18px!important;
  }

  .ecosystem-benefits article,
  .ecosystem-benefits article:nth-child(odd){
    min-height:104px!important;
    padding:22px 20px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }

  .ecosystem-benefits article:last-child{
    border-bottom:0!important;
  }
}

/* v43 benefit rail refinement: remove the table look and make it sit inside the forest. */
.ecosystem-benefits{
  width:min(1680px, calc(100% - 116px))!important;
  min-height:132px!important;
  border-radius:26px!important;
  border-color:rgba(143,244,205,.16)!important;
  background:
    linear-gradient(90deg, rgba(126,255,210,.13), rgba(7,20,25,.58) 30%, rgba(12,27,33,.52) 70%, rgba(99,194,255,.10)),
    rgba(4,16,19,.38)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(143,244,205,.07),
    0 24px 70px rgba(0,0,0,.18)!important;
}

.ecosystem-benefits::before{
  background:
    radial-gradient(circle at 8% 16%, rgba(126,255,210,.18), transparent 22%),
    radial-gradient(circle at 88% 26%, rgba(93,189,255,.10), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 48%)!important;
  opacity:.72!important;
}

.ecosystem-benefits article{
  --benefit-a:#8ff4cd;
  --benefit-b:#59b7ff;
  min-height:132px!important;
  grid-template-columns:36px minmax(0, 1fr)!important;
  column-gap:18px!important;
  padding:30px 28px 26px!important;
  border-right:0!important;
}

.ecosystem-benefits article:nth-child(2){
  --benefit-a:#63d9ff;
  --benefit-b:#8ff4cd;
}

.ecosystem-benefits article:nth-child(3){
  --benefit-a:#7cffd7;
  --benefit-b:#88a7ff;
}

.ecosystem-benefits article:nth-child(4){
  --benefit-a:#a3ffd0;
  --benefit-b:#55d7ff;
}

.ecosystem-benefits article:nth-child(5){
  --benefit-a:#6be4ff;
  --benefit-b:#8ff4cd;
}

.ecosystem-benefits article::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:28px!important;
  bottom:28px!important;
  width:1px!important;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.15), transparent)!important;
  opacity:.55!important;
  pointer-events:none!important;
}

.ecosystem-benefits article:last-child::after{
  display:none!important;
}

.ecosystem-benefits article::before{
  background:
    radial-gradient(circle at 21% 24%, color-mix(in srgb, var(--benefit-a) 17%, transparent), transparent 36%),
    linear-gradient(120deg, rgba(255,255,255,.04), transparent 48%)!important;
  opacity:.34!important;
}

.ecosystem-benefits .benefit-check-icon{
  width:34px!important;
  height:34px!important;
  border-color:color-mix(in srgb, var(--benefit-a) 48%, rgba(255,255,255,.16))!important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.28), transparent 30%),
    linear-gradient(145deg, color-mix(in srgb, var(--benefit-a) 20%, transparent), color-mix(in srgb, var(--benefit-b) 12%, transparent)),
    rgba(3,18,20,.64)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 0 0 5px color-mix(in srgb, var(--benefit-a) 8%, transparent),
    0 8px 18px rgba(0,0,0,.24),
    0 0 18px color-mix(in srgb, var(--benefit-a) 15%, transparent)!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  left:10px!important;
  top:9px!important;
  width:13px!important;
  height:7px!important;
  border-left-width:2px!important;
  border-bottom-width:2px!important;
  border-color:rgba(185,255,222,.96)!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  inset:6px!important;
  opacity:.36!important;
}

.ecosystem-benefits b{
  margin-top:0!important;
  font-size:12.5px!important;
  line-height:1.16!important;
  letter-spacing:.01em!important;
}

.ecosystem-benefits span:not(.benefit-check-icon){
  max-width:210px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  color:rgba(224,236,230,.72)!important;
}

@media(max-width:1180px){
  .ecosystem-benefits{
    width:min(940px, calc(100% - 40px))!important;
  }

  .ecosystem-benefits article:nth-child(odd){
    border-right:0!important;
  }

  .ecosystem-benefits article::after{
    display:none!important;
  }
}

@media(max-width:680px){
  .ecosystem-benefits{
    width:calc(100% - 28px)!important;
    border-radius:20px!important;
  }
}

/* v44 check badge geometry: keep the checkmark centered inside the round icon. */
.ecosystem-benefits article{
  grid-template-columns:44px minmax(0, 1fr)!important;
  column-gap:16px!important;
  overflow:visible!important;
}

.ecosystem-benefits .benefit-check-icon{
  box-sizing:border-box!important;
  display:block!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  align-self:start!important;
  justify-self:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb, var(--benefit-a) 45%, rgba(255,255,255,.14))!important;
  background:
    radial-gradient(circle at 33% 26%, rgba(255,255,255,.26), transparent 29%),
    linear-gradient(145deg, color-mix(in srgb, var(--benefit-a) 20%, transparent), color-mix(in srgb, var(--benefit-b) 10%, transparent)),
    rgba(3,18,20,.70)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 18px rgba(0,0,0,.22),
    0 0 16px color-mix(in srgb, var(--benefit-a) 16%, transparent)!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  box-sizing:border-box!important;
  left:50%!important;
  top:49%!important;
  width:14px!important;
  height:8px!important;
  border-left:2.5px solid rgba(190,255,225,.98)!important;
  border-bottom:2.5px solid rgba(190,255,225,.98)!important;
  border-top:0!important;
  border-right:0!important;
  transform:translate(-50%, -58%) rotate(-45deg)!important;
  transform-origin:center!important;
  box-shadow:0 0 9px rgba(157,255,210,.38)!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  inset:5px!important;
  border-color:rgba(255,255,255,.085)!important;
  opacity:.42!important;
}

@media(max-width:680px){
  .ecosystem-benefits article{
    grid-template-columns:42px minmax(0, 1fr)!important;
    overflow:hidden!important;
  }
}

/* v55 benefit icons: larger black-glass dimensional icons inspired by the reference set. */
.ecosystem-benefits{
  min-height:174px!important;
  align-items:stretch!important;
}

.ecosystem-benefits article{
  grid-template-columns:86px minmax(0, 1fr)!important;
  column-gap:22px!important;
  min-height:174px!important;
  padding:32px 28px 28px!important;
  align-items:center!important;
}

.ecosystem-benefits .benefit-check-icon{
  --icon-a:#73ffe0;
  --icon-b:#56bfff;
  --icon-edge:rgba(172,255,232,.44);
  --icon-glow:rgba(83,255,220,.34);
  --benefit-mask:none;
  position:relative!important;
  display:block!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
  width:74px!important;
  height:74px!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.30), transparent 22%),
    radial-gradient(circle at 56% 100%, var(--icon-glow), transparent 42%),
    linear-gradient(145deg, rgba(37,42,40,.96), rgba(7,10,11,.96) 58%, rgba(0,0,0,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -14px 28px rgba(0,0,0,.48),
    inset 0 0 22px rgba(255,255,255,.035),
    0 2px 0 rgba(255,255,255,.08),
    0 18px 34px rgba(0,0,0,.45),
    0 0 0 1px rgba(0,0,0,.42),
    0 0 34px var(--icon-glow)!important;
  transform:translateZ(0)!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:0!important;
  transform:translate(-50%, -50%)!important;
  transform-origin:center!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.40) 18%, var(--icon-a) 48%, var(--icon-b) 100%)!important;
  -webkit-mask:var(--benefit-mask) center / contain no-repeat!important;
  mask:var(--benefit-mask) center / contain no-repeat!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.35))
    drop-shadow(0 0 10px var(--icon-glow))
    drop-shadow(0 7px 8px rgba(0,0,0,.58))!important;
  opacity:1!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:
    linear-gradient(140deg, rgba(255,255,255,.23), transparent 32%, transparent 68%, rgba(123,255,222,.15)),
    radial-gradient(circle at 52% 100%, var(--icon-glow), transparent 38%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.35)!important;
  opacity:.86!important;
  pointer-events:none!important;
}

.ecosystem-benefits article:nth-child(1) .benefit-check-icon{
  --benefit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M16 8h25l9 9v39H16zM39 10v12h12zM23 25h20v5H23zm0 11h20v5H23zm0 11h13v5H23z'/%3E%3C/svg%3E");
}

.ecosystem-benefits article:nth-child(2) .benefit-check-icon{
  --benefit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 7a9 9 0 0 1 5.5 16.1l7.4 12.8a9.2 9.2 0 1 1-5 2.9L32.6 26h-1.2l-7.3 12.8a9 9 0 1 1-5-2.9l7.4-12.8A9 9 0 0 1 32 7zm0 6a3 3 0 1 0 0 6a3 3 0 0 0 0-6zM16 42a3 3 0 1 0 0 6a3 3 0 0 0 0-6zm32 0a3 3 0 1 0 0 6a3 3 0 0 0 0-6zM23 45h18v5H23z'/%3E%3C/svg%3E");
}

.ecosystem-benefits article:nth-child(3) .benefit-check-icon{
  --benefit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M51 11c-15 1-28 7-34 18c-4 8-2 16 5 20c8 5 20 1 27-9c5-8 6-18 2-29zM21 45c7-14 17-21 28-27c-8 8-16 17-23 31z'/%3E%3C/svg%3E");
}

.ecosystem-benefits article:nth-child(4) .benefit-check-icon{
  --icon-a:#fff4c9;
  --icon-b:#ffc94e;
  --icon-edge:rgba(255,221,128,.52);
  --icon-glow:rgba(255,201,78,.34);
  --benefit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 6h16v8h-3v6a20 20 0 1 1-10 0v-6h-3zm8 22l4.2 8.4l9.3 1.4l-6.8 6.5l1.6 9.2L32 49.1l-8.3 4.4l1.6-9.2l-6.8-6.5l9.3-1.4z'/%3E%3C/svg%3E");
}

.ecosystem-benefits article:nth-child(5) .benefit-check-icon{
  --benefit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M18.5 21C9.5 21 5 27.5 5 32s4.5 11 13.5 11c6.5 0 11-4.8 13.5-8.2C34.5 38.2 39 43 45.5 43C54.5 43 59 36.5 59 32s-4.5-11-13.5-11c-6.5 0-11 4.8-13.5 8.2C29.5 25.8 25 21 18.5 21zm0 7c3.8 0 7.1 3.3 9.1 6c-2 2.7-5.3 6-9.1 6C14 40 11 36.5 11 32s3-4 7.5-4zm27 0c4.5 0 7.5 3.5 7.5 4s-3 8-7.5 8c-3.8 0-7.1-3.3-9.1-6c2-2.7 5.3-6 9.1-6z'/%3E%3C/svg%3E");
}

.ecosystem-benefits article:nth-child(2) .benefit-check-icon::before{
  width:47px!important;
  height:47px!important;
}

.ecosystem-benefits article:nth-child(5) .benefit-check-icon::before{
  width:50px!important;
  height:36px!important;
}

.ecosystem-benefits b{
  align-self:end!important;
  font-size:13.5px!important;
}

.ecosystem-benefits span:not(.benefit-check-icon){
  align-self:start!important;
  max-width:230px!important;
}

@media (hover:hover) and (pointer:fine){
  .ecosystem-benefits article:hover .benefit-check-icon{
    transform:translateY(-3px)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.38),
      inset 0 -14px 28px rgba(0,0,0,.48),
      inset 0 0 24px rgba(255,255,255,.045),
      0 2px 0 rgba(255,255,255,.10),
      0 22px 42px rgba(0,0,0,.50),
      0 0 0 1px rgba(0,0,0,.42),
      0 0 44px var(--icon-glow)!important;
  }
}

@media(max-width:1180px){
  .ecosystem-benefits article{
    grid-template-columns:78px minmax(0, 1fr)!important;
  }
  .ecosystem-benefits .benefit-check-icon{
    width:66px!important;
    height:66px!important;
    border-radius:20px!important;
  }
  .ecosystem-benefits .benefit-check-icon::before{
    width:39px!important;
    height:39px!important;
  }
}

@media(max-width:680px){
  .ecosystem-benefits article{
    grid-template-columns:70px minmax(0, 1fr)!important;
    min-height:132px!important;
    padding:24px 18px!important;
  }
  .ecosystem-benefits .benefit-check-icon{
    width:58px!important;
    height:58px!important;
    border-radius:18px!important;
  }
  .ecosystem-benefits .benefit-check-icon::before{
    width:34px!important;
    height:34px!important;
  }
}

/* v45 cleanup: remove redundant ecosystem row arrows and make subpage hero stats substantial. */
.ecosystem-row{
  grid-template-columns:220px minmax(0,1fr)!important;
  padding-right:28px!important;
}

.ecosystem-row .row-arrow,
.ecosystem-row .row-arrow::before,
.ecosystem-row em.row-arrow{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
}

body.premium-subpage .premium-data-rail{
  gap:14px!important;
  margin-top:clamp(30px,3.4vw,46px)!important;
}

body.premium-subpage .premium-data-pill{
  min-width:clamp(186px,16vw,236px)!important;
  min-height:82px!important;
  padding:17px 19px 16px!important;
  border-radius:22px!important;
  border-color:color-mix(in srgb, var(--premium-a) 34%, rgba(255,255,255,.14))!important;
  background:
    radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--premium-a) 16%, transparent), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.032)),
    color-mix(in srgb, var(--premium-surface) 86%, transparent)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 color-mix(in srgb, var(--premium-a) 12%, transparent),
    0 20px 44px rgba(0,0,0,.24),
    0 0 28px color-mix(in srgb, var(--premium-a) 8%, transparent)!important;
}

body.premium-subpage .premium-data-pill small{
  font-size:11px!important;
  letter-spacing:.11em!important;
}

body.premium-subpage .premium-data-pill b{
  margin-top:14px!important;
  font-size:clamp(17px,1.25vw,20px)!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
}

@media(max-width:760px){
  .ecosystem-row{
    grid-template-columns:1fr!important;
    padding-right:18px!important;
  }

  body.premium-subpage .premium-data-pill{
    min-height:72px!important;
    padding:15px 17px!important;
  }
}

/* v46 remove fake card-cap icons: only real, meaningful icons should appear. */
body.premium-subpage .material-card-cap,
body.premium-subpage .material-card-glyph,
body.premium-subpage .material-card-lines,
body.premium-subpage .material-card-dot{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* v56 homepage benefit icons: premium black-glass badges with clear dimensional symbols. */
.ecosystem-benefits{
  gap:0!important;
  align-items:stretch!important;
}

.ecosystem-benefits article{
  position:relative!important;
  grid-template-columns:94px minmax(0, 1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:24px!important;
  align-content:center!important;
  align-items:center!important;
  min-height:184px!important;
  padding:30px 28px!important;
  overflow:hidden!important;
}

.ecosystem-benefits .benefit-check-icon{
  --icon-a:#8ffff0;
  --icon-b:#37d4ff;
  --icon-c:#f7f4df;
  --icon-glow:rgba(83,255,226,.34);
  --icon-mask:none;
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
  width:82px!important;
  height:82px!important;
  margin:0!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  background:
    radial-gradient(circle at 28% 17%, rgba(255,255,255,.35), transparent 20%),
    radial-gradient(circle at 50% 108%, var(--icon-glow), transparent 48%),
    linear-gradient(155deg, rgba(62,68,63,.90), rgba(12,15,16,.98) 48%, rgba(0,0,0,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 18px 24px rgba(255,255,255,.045),
    inset 0 -22px 34px rgba(0,0,0,.62),
    0 1px 0 rgba(255,255,255,.10),
    0 20px 36px rgba(0,0,0,.50),
    0 0 0 1px rgba(0,0,0,.42),
    0 0 34px var(--icon-glow)!important;
  transform:translateZ(0)!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:50%!important;
  width:52px!important;
  height:52px!important;
  border:0!important;
  border-radius:0!important;
  transform:translate(-50%, -50%)!important;
  transform-origin:center!important;
  background:
    linear-gradient(135deg, #ffffff 0%, var(--icon-c) 18%, var(--icon-a) 52%, var(--icon-b) 100%)!important;
  -webkit-mask:var(--icon-mask) center / contain no-repeat!important;
  mask:var(--icon-mask) center / contain no-repeat!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.42))
    drop-shadow(0 0 10px var(--icon-glow))
    drop-shadow(0 9px 8px rgba(0,0,0,.72))!important;
  opacity:1!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:9px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:
    linear-gradient(140deg, rgba(255,255,255,.28), transparent 31%, transparent 65%, rgba(93,255,226,.18)),
    radial-gradient(circle at 50% 96%, var(--icon-glow), transparent 42%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 0 18px rgba(0,0,0,.28)!important;
  opacity:.92!important;
  pointer-events:none!important;
}

.ecosystem-benefits .benefit-icon-doc{
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M14 7h30l9 9v41H14zM42 9v13h13zM23 25h22v5H23zm0 11h22v5H23zm0 11h14v5H23z'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-network{
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 7a9 9 0 0 1 5.4 16.2l7.8 13.5A9.5 9.5 0 1 1 40 40l-8-13.8L24 40a9.5 9.5 0 1 1-5.2-3.3l7.8-13.5A9 9 0 0 1 32 7zm0 6a3 3 0 1 0 0 6a3 3 0 0 0 0-6zM16 42a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7zm32 0a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7zM21 45h22v5H21z'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-leaf{
  --icon-a:#67ffbc;
  --icon-b:#17e5aa;
  --icon-glow:rgba(91,255,184,.32);
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M52 10c-16 1-29 7-35 18c-5 9-2 18 6 23c9 5 21 0 28-11c5-8 6-19 1-30zM21 47c7-15 18-23 29-30c-8 9-17 19-24 34z'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-medal{
  --icon-a:#fff6c9;
  --icon-b:#ffca52;
  --icon-c:#fff0b4;
  --icon-glow:rgba(255,202,82,.34);
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 6h16v8h-4v6a20 20 0 1 1-8 0v-6h-4zM32 29l4.1 8.2l9.1 1.3l-6.6 6.4l1.6 9.1L32 49.7L23.8 54l1.6-9.1l-6.6-6.4l9.1-1.3z'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-infinity{
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M19 19c-8 0-14 5.5-14 13s6 13 14 13c5.4 0 9.6-3.2 13-7.2C35.4 41.8 39.6 45 45 45c8 0 14-5.5 14-13s-6-13-14-13c-5.4 0-9.6 3.2-13 7.2C28.6 22.2 24.4 19 19 19zm0 8c2.9 0 5.5 2.3 8.3 5c-2.8 2.7-5.4 5-8.3 5c-3.7 0-6-2.5-6-5s2.3-5 6-5zm26 0c3.7 0 6 2.5 6 5s-2.3 5-6 5c-2.9 0-5.5-2.3-8.3-5c2.8-2.7 5.4-5 8.3-5z'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-network::before{
  width:56px!important;
  height:56px!important;
}

.ecosystem-benefits .benefit-icon-infinity::before{
  width:58px!important;
  height:44px!important;
}

.ecosystem-benefits article b{
  align-self:end!important;
  margin:0 0 9px!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}

.ecosystem-benefits article span:not(.benefit-check-icon){
  align-self:start!important;
  max-width:250px!important;
  line-height:1.55!important;
}

@media (hover:hover) and (pointer:fine){
  .ecosystem-benefits article:hover .benefit-check-icon{
    transform:translateY(-4px) scale(1.02)!important;
    border-color:rgba(255,255,255,.32)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 18px 24px rgba(255,255,255,.055),
      inset 0 -22px 34px rgba(0,0,0,.62),
      0 2px 0 rgba(255,255,255,.12),
      0 24px 46px rgba(0,0,0,.55),
      0 0 0 1px rgba(0,0,0,.42),
      0 0 48px var(--icon-glow)!important;
  }
}

@media(max-width:1180px){
  .ecosystem-benefits article{
    grid-template-columns:82px minmax(0, 1fr)!important;
    column-gap:18px!important;
    min-height:166px!important;
    padding:26px 22px!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:70px!important;
    height:70px!important;
    border-radius:23px!important;
  }

  .ecosystem-benefits .benefit-check-icon::before{
    width:45px!important;
    height:45px!important;
  }
}

@media(max-width:680px){
  .ecosystem-benefits article{
    grid-template-columns:72px minmax(0, 1fr)!important;
    min-height:136px!important;
    padding:22px 18px!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:62px!important;
    height:62px!important;
    border-radius:20px!important;
  }

  .ecosystem-benefits .benefit-check-icon::before{
    width:38px!important;
    height:38px!important;
  }
}

/* v57 benefit card polish: icon-first cards, clearer thick glyphs, less cramped text. */
.ecosystem-benefits article{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:232px!important;
  padding:28px 28px 26px!important;
}

.ecosystem-benefits .benefit-check-icon{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  width:86px!important;
  height:86px!important;
  margin:0 0 24px!important;
  border-radius:28px!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  width:56px!important;
  height:56px!important;
}

.ecosystem-benefits .benefit-icon-doc{
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M16 8h27l9 9v39H16zM43 8v13h13M25 28h18M25 39h18M25 50h11'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-network{
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M32 15L17 43h30L32 15zM17 43h30'/%3E%3Ccircle cx='32' cy='15' r='7' fill='black'/%3E%3Ccircle cx='17' cy='43' r='7' fill='black'/%3E%3Ccircle cx='47' cy='43' r='7' fill='black'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-leaf{
  --icon-a:#76ffc8;
  --icon-b:#1ee6b0;
  --icon-glow:rgba(93,255,194,.34);
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M16 45c13-1 27-13 35-34c-23 3-36 13-39 25c-1 4 0 7 4 9zM18 45c9-14 18-23 31-31'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-medal{
  --icon-a:#fff6ca;
  --icon-b:#ffcc58;
  --icon-c:#fff1bd;
  --icon-glow:rgba(255,205,90,.36);
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M24 8h16v9h-4v5M28 22v-5h-4M32 24a17 17 0 1 1 0 34a17 17 0 0 1 0-34z'/%3E%3Cpath fill='black' d='M32 31l3.7 7.5l8.3 1.2l-6 5.8l1.4 8.2L32 49.8l-7.4 3.9l1.4-8.2l-6-5.8l8.3-1.2z'/%3E%3C/svg%3E");
}

.ecosystem-benefits .benefit-icon-infinity{
  --icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' d='M12 32c0-7 5-12 12-12c5 0 9 4 12 12c3-8 7-12 12-12c7 0 12 5 12 12s-5 12-12 12c-5 0-9-4-12-12c-3 8-7 12-12 12c-7 0-12-5-12-12z'/%3E%3C/svg%3E");
}

.ecosystem-benefits article:nth-child(2) .benefit-icon-network::before,
.ecosystem-benefits article:nth-child(5) .benefit-icon-infinity::before{
  width:60px!important;
  height:60px!important;
}

.ecosystem-benefits article b{
  width:100%!important;
  margin:0 0 12px!important;
  font-size:14px!important;
  line-height:1.18!important;
}

.ecosystem-benefits article span:not(.benefit-check-icon){
  width:100%!important;
  max-width:100%!important;
  line-height:1.48!important;
}

@media(max-width:1180px){
  .ecosystem-benefits article{
    min-height:208px!important;
    padding:24px 22px!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:74px!important;
    height:74px!important;
    margin-bottom:20px!important;
    border-radius:24px!important;
  }

  .ecosystem-benefits .benefit-check-icon::before{
    width:48px!important;
    height:48px!important;
  }

  .ecosystem-benefits article:nth-child(2) .benefit-icon-network::before,
  .ecosystem-benefits article:nth-child(5) .benefit-icon-infinity::before{
    width:52px!important;
    height:52px!important;
  }
}

@media(max-width:680px){
  .ecosystem-benefits article{
    min-height:170px!important;
    padding:22px 20px!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:64px!important;
    height:64px!important;
    margin-bottom:18px!important;
    border-radius:21px!important;
  }

  .ecosystem-benefits .benefit-check-icon::before{
    width:42px!important;
    height:42px!important;
  }

  .ecosystem-benefits article:nth-child(2) .benefit-icon-network::before,
  .ecosystem-benefits article:nth-child(5) .benefit-icon-infinity::before{
    width:46px!important;
    height:46px!important;
  }
}

/* v60 correction: the ecosystem benefit rail uses checkmarks only. */
.ecosystem-benefits{
  min-height:auto!important;
}

.ecosystem-benefits article{
  display:grid!important;
  grid-template-columns:78px minmax(0, 1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:22px!important;
  align-content:center!important;
  align-items:center!important;
  min-height:172px!important;
  padding:30px 28px!important;
}

.ecosystem-benefits .benefit-check-icon{
  --check-glow:rgba(117,255,211,.34);
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
  width:66px!important;
  height:66px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(150,255,219,.28)!important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.34), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(117,255,211,.30), transparent 46%),
    linear-gradient(145deg, rgba(38,46,44,.92), rgba(5,10,11,.98) 58%, rgba(0,0,0,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -16px 24px rgba(0,0,0,.56),
    0 16px 28px rgba(0,0,0,.36),
    0 0 30px var(--check-glow)!important;
  transform:none!important;
}

.ecosystem-benefits .benefit-check-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:31px!important;
  height:17px!important;
  border:0!important;
  border-left:6px solid #8dffd7!important;
  border-bottom:6px solid #8dffd7!important;
  border-radius:2px!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
  transform:translate(-50%, -62%) rotate(-45deg)!important;
  filter:
    drop-shadow(0 0 8px rgba(117,255,211,.62))
    drop-shadow(0 2px 4px rgba(0,0,0,.58))!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  content:""!important;
  position:absolute!important;
  inset:9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.20), transparent 42%),
    radial-gradient(circle at 50% 100%, rgba(117,255,211,.18), transparent 42%)!important;
  opacity:.92!important;
}

.ecosystem-benefits article b{
  align-self:end!important;
  width:auto!important;
  margin:0 0 9px!important;
}

.ecosystem-benefits article span:not(.benefit-check-icon){
  align-self:start!important;
  width:auto!important;
  max-width:240px!important;
}

@media(max-width:680px){
  .ecosystem-benefits article{
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:142px!important;
    padding:22px 18px!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:54px!important;
    height:54px!important;
  }

  .ecosystem-benefits .benefit-check-icon::before{
    width:25px!important;
    height:14px!important;
    border-left-width:5px!important;
    border-bottom-width:5px!important;
  }

  .ecosystem-benefits article:nth-child(2) .benefit-check-icon::before,
  .ecosystem-benefits article:nth-child(5) .benefit-check-icon::before{
    width:25px!important;
    height:14px!important;
  }
}

.ecosystem-benefits article:nth-child(2) .benefit-check-icon::before,
.ecosystem-benefits article:nth-child(5) .benefit-check-icon::before{
  width:31px!important;
  height:17px!important;
}

@media(max-width:680px){
  .ecosystem-benefits article:nth-child(2) .benefit-check-icon::before,
  .ecosystem-benefits article:nth-child(5) .benefit-check-icon::before{
    width:25px!important;
    height:14px!important;
  }
}

/* v60 correction: Why GreenCore cards use the supplied premium reference icon texture. */
.why .why-icon-img{
  width:92px!important;
  height:92px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:26px!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#000!important;
  box-shadow:
    0 22px 36px rgba(0,0,0,.42),
    0 0 34px rgba(100,255,219,.12)!important;
  filter:saturate(1.04) contrast(1.04) brightness(1.02)!important;
}

.why:nth-child(4) .why-icon-img{
  box-shadow:
    0 22px 36px rgba(0,0,0,.42),
    0 0 34px rgba(255,212,112,.14)!important;
}

@media(max-width:760px){
  .why .why-icon-img{
    width:78px!important;
    height:78px!important;
    border-radius:22px!important;
    margin-bottom:22px!important;
  }
}

/* v60 subpage FloatingLines clarity pass: sharper canvas, less fog over the lines. */
body.floating-lines-subpage .floating-lines-stage{
  opacity:1!important;
  filter:saturate(1.18) contrast(1.32) brightness(1.05)!important;
}

body.floating-lines-subpage .floating-lines-stage canvas{
  image-rendering:auto!important;
  filter:contrast(1.16) saturate(1.1)!important;
}

body.floating-lines-subpage .floating-lines-readability{
  background:
    radial-gradient(circle at 66% 38%, rgba(143,244,205,.08), transparent 28%),
    radial-gradient(circle at 30% 76%, rgba(77,184,223,.07), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.08) 100%),
    linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.02) 48%, rgba(0,0,0,.50) 100%)!important;
}

/* v62 no inner badge: remove round/black backplates from the benefit checks. */
.ecosystem-benefits article{
  grid-template-columns:52px minmax(0, 1fr)!important;
  column-gap:22px!important;
}

.ecosystem-benefits .benefit-check-icon{
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.ecosystem-benefits .benefit-check-icon::before,
.ecosystem-benefits article:nth-child(2) .benefit-check-icon::before,
.ecosystem-benefits article:nth-child(5) .benefit-check-icon::before{
  width:31px!important;
  height:18px!important;
  border:0!important;
  border-left:7px solid #8dffd7!important;
  border-bottom:7px solid #8dffd7!important;
  border-radius:3px!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
  transform:translate(-50%, -55%) rotate(-45deg)!important;
  filter:
    drop-shadow(0 0 9px rgba(117,255,211,.72))
    drop-shadow(0 4px 7px rgba(0,0,0,.42))!important;
}

.ecosystem-benefits .benefit-check-icon::after{
  display:none!important;
  content:none!important;
}

/* v62 clear Why icons: transparent metallic symbols only, no black image tile. */
.why .why-icon-img{
  width:104px!important;
  height:104px!important;
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 18px 22px rgba(0,0,0,.42))
    drop-shadow(0 0 14px rgba(104,255,225,.30))!important;
}

.why:nth-child(4) .why-icon-img{
  filter:
    drop-shadow(0 18px 22px rgba(0,0,0,.42))
    drop-shadow(0 0 14px rgba(255,212,112,.30))!important;
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:46px minmax(0, 1fr)!important;
  }

  .ecosystem-benefits .benefit-check-icon{
    width:36px!important;
    height:36px!important;
  }

  .ecosystem-benefits .benefit-check-icon::before,
  .ecosystem-benefits article:nth-child(2) .benefit-check-icon::before,
  .ecosystem-benefits article:nth-child(5) .benefit-check-icon::before{
    width:26px!important;
    height:15px!important;
    border-left-width:6px!important;
    border-bottom-width:6px!important;
  }

  .why .why-icon-img{
    width:88px!important;
    height:88px!important;
  }
}

/* v63 final icon cleanup: actual transparent assets, no leftover badge/backplate. */
.ecosystem-benefits article{
  grid-template-columns:58px minmax(0, 1fr)!important;
  column-gap:24px!important;
}

.ecosystem-benefits .benefit-check-icon,
.ecosystem-benefits .benefit-check-icon::before,
.ecosystem-benefits .benefit-check-icon::after{
  display:none!important;
  content:none!important;
}

.ecosystem-benefits .benefit-check-img{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:
    drop-shadow(0 11px 13px rgba(0,0,0,.36))
    drop-shadow(0 0 13px rgba(116,255,211,.58))!important;
}

.ecosystem-benefits article:hover .benefit-check-img{
  transform:translateY(-1px) scale(1.04)!important;
  filter:
    drop-shadow(0 14px 17px rgba(0,0,0,.40))
    drop-shadow(0 0 18px rgba(116,255,211,.75))!important;
}

.ecosystem-benefits article span{
  min-width:0!important;
}

.why .why-icon-img{
  width:126px!important;
  height:126px!important;
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important;
  image-rendering:auto!important;
  filter:
    saturate(1.2)
    contrast(1.22)
    brightness(1.16)
    drop-shadow(0 24px 24px rgba(0,0,0,.34))
    drop-shadow(0 0 19px rgba(117,255,220,.25))!important;
}

.why:nth-child(4) .why-icon-img{
  filter:
    saturate(1.16)
    contrast(1.22)
    brightness(1.14)
    drop-shadow(0 24px 24px rgba(0,0,0,.34))
    drop-shadow(0 0 20px rgba(255,213,109,.30))!important;
}

.why:hover .why-icon-img{
  transform:translateY(-2px) scale(1.035)!important;
  filter:
    saturate(1.28)
    contrast(1.28)
    brightness(1.22)
    drop-shadow(0 28px 28px rgba(0,0,0,.38))
    drop-shadow(0 0 24px rgba(117,255,220,.34))!important;
}

.why:nth-child(4):hover .why-icon-img{
  filter:
    saturate(1.22)
    contrast(1.28)
    brightness(1.20)
    drop-shadow(0 28px 28px rgba(0,0,0,.38))
    drop-shadow(0 0 24px rgba(255,213,109,.38))!important;
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:50px minmax(0, 1fr)!important;
  }

  .ecosystem-benefits .benefit-check-img{
    width:42px!important;
    height:42px!important;
  }

  .why .why-icon-img{
    width:104px!important;
    height:104px!important;
  }
}

/* v64 corrected order: upper row uses feature icons, lower cards use animated success checks. */
.ecosystem-benefits article{
  grid-template-columns:84px minmax(0, 1fr)!important;
  column-gap:24px!important;
}

.ecosystem-benefits .benefit-feature-img{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
  width:78px!important;
  height:78px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important;
  image-rendering:auto!important;
  filter:
    saturate(1.18)
    contrast(1.24)
    brightness(1.16)
    drop-shadow(0 18px 20px rgba(0,0,0,.34))
    drop-shadow(0 0 17px rgba(117,255,220,.24))!important;
}

.ecosystem-benefits article:nth-child(4) .benefit-feature-img{
  filter:
    saturate(1.14)
    contrast(1.24)
    brightness(1.14)
    drop-shadow(0 18px 20px rgba(0,0,0,.34))
    drop-shadow(0 0 18px rgba(255,213,109,.30))!important;
}

.ecosystem-benefits article:hover .benefit-feature-img{
  transform:translateY(-2px) scale(1.035)!important;
  filter:
    saturate(1.25)
    contrast(1.30)
    brightness(1.22)
    drop-shadow(0 22px 24px rgba(0,0,0,.38))
    drop-shadow(0 0 23px rgba(117,255,220,.34))!important;
}

.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  filter:
    saturate(1.22)
    contrast(1.30)
    brightness(1.20)
    drop-shadow(0 22px 24px rgba(0,0,0,.38))
    drop-shadow(0 0 23px rgba(255,213,109,.40))!important;
}

.why .why-check-img{
  width:82px!important;
  height:82px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.34))
    drop-shadow(0 0 15px rgba(118,255,211,.45))!important;
}

.why:hover .why-check-img{
  transform:translateY(-2px) scale(1.045)!important;
  filter:
    drop-shadow(0 20px 22px rgba(0,0,0,.38))
    drop-shadow(0 0 21px rgba(118,255,211,.60))!important;
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:66px minmax(0, 1fr)!important;
  }

  .ecosystem-benefits .benefit-feature-img{
    width:62px!important;
    height:62px!important;
  }

  .why .why-check-img{
    width:70px!important;
    height:70px!important;
    margin-bottom:22px!important;
  }
}

/* v65 finance icon set: use the supplied sharp premium icons at readable size. */
.ecosystem-benefits article{
  grid-template-columns:104px minmax(0, 1fr)!important;
  column-gap:26px!important;
}

.ecosystem-benefits .benefit-feature-img{
  width:96px!important;
  height:96px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  image-rendering:auto!important;
  filter:
    saturate(1.16)
    contrast(1.18)
    brightness(1.08)
    drop-shadow(0 18px 22px rgba(0,0,0,.34))
    drop-shadow(0 0 16px rgba(50,202,255,.24))!important;
}

.ecosystem-benefits article:hover .benefit-feature-img{
  transform:translateY(-2px) scale(1.025)!important;
  filter:
    saturate(1.22)
    contrast(1.22)
    brightness(1.12)
    drop-shadow(0 23px 26px rgba(0,0,0,.40))
    drop-shadow(0 0 22px rgba(50,202,255,.34))!important;
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:78px minmax(0, 1fr)!important;
  }

  .ecosystem-benefits .benefit-feature-img{
    width:72px!important;
    height:72px!important;
  }
}

/* v66 remove stale warm/yellow glow from the security benefit card. */
.ecosystem-benefits article:nth-child(4){
  --benefit-a:#5fe8ff!important;
  --benefit-b:#72ffd7!important;
}

.ecosystem-benefits article:nth-child(4)::before,
.ecosystem-benefits article:nth-child(4)::after{
  filter:none!important;
}

.ecosystem-benefits article:nth-child(4) .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  filter:
    saturate(1.18)
    contrast(1.22)
    brightness(1.10)
    drop-shadow(0 20px 23px rgba(0,0,0,.36))
    drop-shadow(0 0 20px rgba(50,202,255,.32))!important;
}

/* v67 subpage cleanup: only the private allocation page keeps the top pill icon dock. */
body.no-page-icon-dock .page-icon-dock{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.premium-subpage.no-page-icon-dock header.hero:not(.home-template){
  min-height:min(560px, calc(100vh - 72px))!important;
  padding-top:clamp(70px,8vw,104px)!important;
  padding-bottom:clamp(54px,7vw,82px)!important;
}

body.premium-subpage.no-page-icon-dock .premium-hero-layout{
  align-items:center!important;
}

body.premium-subpage.no-page-icon-dock .premium-hero-copy .eyebrow{
  margin-top:0!important;
}

body.premium-subpage.no-page-icon-dock .premium-hero-copy h1{
  margin-top:clamp(14px,1.7vw,22px)!important;
}

@media(max-width:760px){
  body.premium-subpage.no-page-icon-dock header.hero:not(.home-template){
    min-height:auto!important;
    padding-top:64px!important;
    padding-bottom:48px!important;
  }
}

/* v73 homepage benefit rail: reduce the oversized finance icon strip. */
.ecosystem-benefits{
  min-height:104px!important;
  border-radius:22px!important;
}

.ecosystem-benefits article{
  min-height:104px!important;
  grid-template-columns:68px minmax(0, 1fr)!important;
  column-gap:16px!important;
  padding:16px 22px!important;
}

.ecosystem-benefits .benefit-feature-img,
.ecosystem-benefits article:nth-child(4) .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  width:64px!important;
  height:64px!important;
  filter:
    saturate(1.14)
    contrast(1.16)
    brightness(1.08)
    drop-shadow(0 12px 16px rgba(0,0,0,.30))
    drop-shadow(0 0 12px rgba(50,202,255,.20))!important;
}

.ecosystem-benefits article:hover .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  transform:translateY(-1px) scale(1.018)!important;
  filter:
    saturate(1.18)
    contrast(1.18)
    brightness(1.10)
    drop-shadow(0 15px 18px rgba(0,0,0,.34))
    drop-shadow(0 0 15px rgba(50,202,255,.28))!important;
}

.ecosystem-benefits b,
.ecosystem-benefits article b{
  font-size:12.5px!important;
  line-height:1.2!important;
  margin-bottom:7px!important;
}

.ecosystem-benefits span,
.ecosystem-benefits article span:not(.benefit-check-icon){
  font-size:12px!important;
  line-height:1.42!important;
  max-width:175px!important;
}

@media(max-width:760px){
  .ecosystem-benefits article{
    grid-template-columns:54px minmax(0, 1fr)!important;
    min-height:96px!important;
    padding:16px 16px!important;
    column-gap:12px!important;
  }

  .ecosystem-benefits .benefit-feature-img{
    width:50px!important;
    height:50px!important;
  }
}

/* v74 homepage polish: no duplicated partner logos, calmer benefit icon light. */
.brand-strip.static-logo-strip{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

.brand-strip.static-logo-strip b{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
  border-left:0!important;
}

.ecosystem-benefits .benefit-feature-img,
.ecosystem-benefits article:nth-child(4) .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  opacity:.90!important;
  filter:
    saturate(.92)
    contrast(1.06)
    brightness(.86)
    drop-shadow(0 10px 15px rgba(0,0,0,.34))
    drop-shadow(0 0 8px rgba(50,202,255,.12))!important;
}

.ecosystem-benefits article:hover .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  transform:translateY(-1px) scale(1.012)!important;
  opacity:.95!important;
  filter:
    saturate(.98)
    contrast(1.08)
    brightness(.91)
    drop-shadow(0 13px 18px rgba(0,0,0,.38))
    drop-shadow(0 0 12px rgba(50,202,255,.18))!important;
}

@media(max-width:760px){
  .brand-strip.static-logo-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* v75 partner rail: keep motion without showing duplicated brand copies. */
.brand-strip.single-logo-marquee{
  display:block!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;
}

.brand-strip.single-logo-marquee .partner-marquee-track{
  width:100%!important;
  min-width:0!important;
  display:block!important;
  animation:partner-single-drift var(--marquee-duration,14s) ease-in-out infinite alternate!important;
  animation-delay:var(--marquee-delay,0s)!important;
  will-change:transform!important;
}

.brand-strip.single-logo-marquee .partner-marquee-set{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  padding-right:0!important;
}

@keyframes partner-single-drift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--marquee-shift,-22px),0,0)}
}

.ecosystem-row:hover .single-logo-marquee-track{
  animation-play-state:paused!important;
}

.ecosystem-benefits .benefit-feature-img,
.ecosystem-benefits article:nth-child(4) .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  opacity:.96!important;
  filter:
    saturate(1.02)
    contrast(1.10)
    brightness(.96)
    drop-shadow(0 11px 16px rgba(0,0,0,.32))
    drop-shadow(0 0 10px rgba(50,202,255,.16))!important;
}

.ecosystem-benefits article:hover .benefit-feature-img,
.ecosystem-benefits article:nth-child(4):hover .benefit-feature-img{
  opacity:1!important;
  filter:
    saturate(1.06)
    contrast(1.12)
    brightness(1.00)
    drop-shadow(0 14px 19px rgba(0,0,0,.36))
    drop-shadow(0 0 14px rgba(50,202,255,.22))!important;
}

@media(max-width:760px){
  .brand-strip.single-logo-marquee .partner-marquee-set{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* v76 explicit drift keyframes so the single-copy marquee visibly moves. */
.brand-strip.single-logo-marquee .partner-marquee-track{
  animation-name:partner-single-drift-left!important;
  transform:translate3d(0,0,0);
}

.ecosystem-row:nth-child(even) .brand-strip.single-logo-marquee .partner-marquee-track{
  animation-name:partner-single-drift-right!important;
}

@keyframes partner-single-drift-left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-22px,0,0)}
}

@keyframes partner-single-drift-right{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(22px,0,0)}
}

/* v77: JS controls the single-copy logo drift so CSS animations cannot conflict. */
.brand-strip.single-logo-marquee .partner-marquee-track{
  animation:none!important;
}

/* v78: one-direction logo rail, no wrapping, larger brand marks. */
.brand-strip.single-logo-marquee{
  overflow:hidden!important;
  padding:2px 0!important;
}

.brand-strip.single-logo-marquee .partner-marquee-track{
  display:block!important;
  width:max-content!important;
  min-width:100%!important;
  will-change:transform!important;
}

.brand-strip.single-logo-marquee .partner-marquee-set{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:max-content!important;
  min-width:100%!important;
  padding-right:0!important;
}

.brand-strip.single-logo-marquee b{
  flex:0 0 clamp(168px,15.4vw,236px)!important;
  min-height:42px!important;
  justify-content:center!important;
  gap:13px!important;
  padding:0 18px!important;
}

.brand-strip.single-logo-marquee.short-logo-row .partner-marquee-set{
  width:100%!important;
  justify-content:center!important;
  gap:14px!important;
}

.brand-strip.single-logo-marquee.short-logo-row b{
  flex:0 1 min(300px,42%)!important;
}

.brand-strip.single-logo-marquee.dense-logo-row b{
  flex-basis:clamp(154px,13.2vw,204px)!important;
}

.brand-strip.single-logo-marquee b img.brand-logo{
  width:clamp(32px,2.15vw,38px)!important;
  height:clamp(32px,2.15vw,38px)!important;
}

.brand-strip.single-logo-marquee b img.brand-logo-wide{
  width:clamp(54px,4.6vw,82px)!important;
  height:clamp(24px,1.65vw,30px)!important;
}

@media(max-width:760px){
  .brand-strip.single-logo-marquee .partner-marquee-set{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }

  .brand-strip.single-logo-marquee b{
    flex-basis:150px!important;
    min-height:40px!important;
    padding:0 14px!important;
  }

  .brand-strip.single-logo-marquee.short-logo-row b{
    flex-basis:150px!important;
  }

  .brand-strip.single-logo-marquee b img.brand-logo{
    width:30px!important;
    height:30px!important;
  }
}

/* v79: restore stronger brand icon scale while keeping one-row motion. */
.brand-strip.single-logo-marquee b{
  flex-basis:clamp(178px,15.8vw,246px)!important;
  min-height:48px!important;
  gap:14px!important;
}

.brand-strip.single-logo-marquee.dense-logo-row b{
  flex-basis:clamp(166px,13.8vw,216px)!important;
}

.brand-strip.single-logo-marquee.short-logo-row b{
  flex-basis:min(320px,44%)!important;
  min-height:48px!important;
}

.brand-strip.single-logo-marquee b img.brand-logo{
  width:clamp(36px,2.4vw,44px)!important;
  height:clamp(36px,2.4vw,44px)!important;
}

.brand-strip.single-logo-marquee b img.brand-logo-wide{
  width:clamp(64px,5vw,92px)!important;
  height:clamp(26px,1.9vw,34px)!important;
}

@media(max-width:760px){
  .brand-strip.single-logo-marquee b{
    flex-basis:166px!important;
    min-height:46px!important;
    gap:12px!important;
  }

  .brand-strip.single-logo-marquee.dense-logo-row b{
    flex-basis:158px!important;
  }

  .brand-strip.single-logo-marquee.short-logo-row b{
    flex-basis:166px!important;
  }

  .brand-strip.single-logo-marquee b img.brand-logo{
    width:34px!important;
    height:34px!important;
  }

  .brand-strip.single-logo-marquee b img.brand-logo-wide{
    width:58px!important;
    height:28px!important;
  }
}

/* v80: force a clear icon box for ordinary brand marks. */
.brand-strip.single-logo-marquee b img.brand-logo:not(.brand-logo-wide){
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  object-fit:contain!important;
}

.brand-strip.single-logo-marquee b img.brand-logo-wide{
  display:block!important;
  min-width:68px!important;
  min-height:30px!important;
  object-fit:contain!important;
}

@media(max-width:760px){
  .brand-strip.single-logo-marquee b img.brand-logo:not(.brand-logo-wide){
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }

  .brand-strip.single-logo-marquee b img.brand-logo-wide{
    min-width:62px!important;
    min-height:28px!important;
  }
}

/* v81: seamless one-way logo rail using a second set placed outside view. */
.brand-strip.single-logo-marquee{
  position:relative!important;
  overflow:hidden!important;
  contain:paint!important;
}

.brand-strip.single-logo-marquee .partner-marquee-track.smooth-logo-loop-track{
  display:flex!important;
  align-items:center!important;
  gap:var(--logo-loop-gap,120px)!important;
  width:max-content!important;
  min-width:0!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden!important;
  will-change:transform!important;
}

.brand-strip.single-logo-marquee .partner-marquee-set,
.brand-strip.single-logo-marquee .partner-marquee-clone{
  display:flex!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:max-content!important;
  min-width:0!important;
  padding-right:0!important;
}

.brand-strip.single-logo-marquee.short-logo-row .partner-marquee-set,
.brand-strip.single-logo-marquee.short-logo-row .partner-marquee-clone{
  width:max-content!important;
  justify-content:flex-start!important;
}

.brand-strip.single-logo-marquee b{
  flex:0 0 clamp(178px,15vw,224px)!important;
  min-height:48px!important;
}

.brand-strip.single-logo-marquee.dense-logo-row b{
  flex-basis:clamp(168px,13vw,204px)!important;
}

.brand-strip.single-logo-marquee.short-logo-row b{
  flex-basis:clamp(174px,15vw,220px)!important;
}

@media(max-width:760px){
  .brand-strip.single-logo-marquee .partner-marquee-set,
  .brand-strip.single-logo-marquee .partner-marquee-clone{
    gap:10px!important;
  }

  .brand-strip.single-logo-marquee b,
  .brand-strip.single-logo-marquee.dense-logo-row b,
  .brand-strip.single-logo-marquee.short-logo-row b{
    flex-basis:166px!important;
    min-height:46px!important;
  }
}

/* v82: mobile ecosystem rows become a cleaner full-width rotating brand rail. */
@media(max-width:760px){
  .ecosystem-rows{
    gap:12px!important;
  }

  .ecosystem-row{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:14px!important;
    min-height:118px!important;
    padding:18px 16px 17px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  .ecosystem-row .row-label{
    align-items:start!important;
    font-size:12px!important;
    letter-spacing:.055em!important;
    line-height:1.25!important;
  }

  .brand-strip.single-logo-marquee{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:0!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)!important;
  }

  .brand-strip.single-logo-marquee .partner-marquee-track.smooth-logo-loop-track{
    gap:var(--logo-loop-gap,96px)!important;
  }

  .brand-strip.single-logo-marquee .partner-marquee-set,
  .brand-strip.single-logo-marquee .partner-marquee-clone{
    gap:10px!important;
  }

  .brand-strip.single-logo-marquee b,
  .brand-strip.single-logo-marquee.dense-logo-row b,
  .brand-strip.single-logo-marquee.short-logo-row b{
    flex:0 0 calc((100vw - 92px) / 2)!important;
    min-width:136px!important;
    max-width:182px!important;
    min-height:48px!important;
    padding:0 12px!important;
    gap:10px!important;
    justify-content:center!important;
    font-size:14px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(5,13,16,.38)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18)!important;
  }

  .brand-strip.single-logo-marquee b img.brand-logo:not(.brand-logo-wide){
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }

  .brand-strip.single-logo-marquee b img.brand-logo-wide{
    width:56px!important;
    min-width:56px!important;
    height:26px!important;
    min-height:26px!important;
  }
}

@media(max-width:520px){
  .brand-strip.single-logo-marquee{
    width:calc(100vw - 82px)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }

  .brand-strip.single-logo-marquee b,
  .brand-strip.single-logo-marquee.dense-logo-row b,
  .brand-strip.single-logo-marquee.short-logo-row b{
    flex-basis:calc((100vw - 92px) / 2)!important;
    min-width:0!important;
    max-width:none!important;
  }

  .brand-strip.single-logo-marquee.dense-logo-row b{
    padding-inline:8px!important;
    gap:8px!important;
    font-size:13px!important;
  }
}

@media(max-width:380px){
  .brand-strip.single-logo-marquee{
    width:calc(100vw - 70px)!important;
  }

  .brand-strip.single-logo-marquee b,
  .brand-strip.single-logo-marquee.dense-logo-row b,
  .brand-strip.single-logo-marquee.short-logo-row b{
    flex-basis:calc((100vw - 80px) / 2)!important;
    font-size:13px!important;
  }
}

/* v85: footer WhatsApp should read as a restrained contact chip, not a bright ad pill. */
.footer .whatsapp-contact,
.footer-whatsapp,
a.whatsapp-contact.footer-whatsapp{
  width:max-content!important;
  max-width:min(100%, 250px)!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 15px!important;
  gap:9px!important;
  border:1px solid rgba(105,255,191,.28)!important;
  border-radius:999px!important;
  color:rgba(232,255,245,.88)!important;
  background:
    linear-gradient(135deg,rgba(37,211,102,.18),rgba(37,211,102,.045)),
    rgba(5,18,15,.46)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(0,0,0,.18),
    0 0 20px rgba(37,211,102,.08)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  text-shadow:none!important;
}

.footer .whatsapp-contact svg,
.footer-whatsapp svg,
a.whatsapp-contact.footer-whatsapp svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  fill:#25d366!important;
  color:#25d366!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 8px rgba(37,211,102,.2))!important;
}

.footer .whatsapp-contact span,
.footer-whatsapp span,
a.whatsapp-contact.footer-whatsapp span{
  color:rgba(236,255,246,.92)!important;
  font-size:14px!important;
  font-weight:760!important;
  letter-spacing:.01em!important;
  line-height:1!important;
}

@media(hover:hover){
  .footer .whatsapp-contact:hover,
  .footer-whatsapp:hover,
  a.whatsapp-contact.footer-whatsapp:hover{
    transform:translateY(-1px)!important;
    filter:none!important;
    border-color:rgba(105,255,191,.42)!important;
    background:
      linear-gradient(135deg,rgba(37,211,102,.23),rgba(37,211,102,.06)),
      rgba(5,18,15,.52)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.1),
      0 12px 26px rgba(0,0,0,.2),
      0 0 24px rgba(37,211,102,.11)!important;
  }
}

@media(max-width:620px){
  .footer .whatsapp-contact,
  .footer-whatsapp,
  a.whatsapp-contact.footer-whatsapp{
    height:40px!important;
    min-height:40px!important;
    margin-top:14px!important;
    padding:0 14px!important;
    gap:8px!important;
  }

  .footer .whatsapp-contact svg,
  .footer-whatsapp svg,
  a.whatsapp-contact.footer-whatsapp svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    flex-basis:20px!important;
  }

  .footer .whatsapp-contact span,
  .footer-whatsapp span,
  a.whatsapp-contact.footer-whatsapp span{
    font-size:13.5px!important;
  }
}