:root{
  --bg:#0F1115;
  --text:#EDEFF5;
  --muted:#A3A9B7;
  --avax:#E84142;
  --avax-2:#f04c4c;
  --maxw:1200px;
}
:root{ --header-h: 68px; --header-h-condensed: 64px; }

*{box-sizing:border-box}
html,body{height:100%}
body {
  margin: 0;
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.025em;

}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}

@media (prefers-reduced-motion: reduce) {
  .bg-glow, .bg-sweep, .bg-lines, #nodes { animation: none !important; }
}


@media (max-width: 768px) {
  .bg-lines,
  .bg-glow,
  .bg-sweep,
  #nodes {
    display: none !important;
  }
}


@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-thin-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-thin-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-thinitalic-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-thinitalic-webfont.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-light-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-lightitalic-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-regular-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-italic-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-bold-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-bolditalic-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-black-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("assets/fonts/lato/lato-blackitalic-webfont.woff2") format("woff2"),
       url("assets/fonts/lato/lato-blackitalic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


.hero{
  position:relative;
 height: clamp(60vh, 78vh, 780px);
  display:flex;align-items:center;
  isolation:isolate;overflow:hidden;
    opacity: 0;
  filter: blur(8px);
  animation: heroEnter 1.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}



.hero::after{
  content:"";position:absolute;inset:-20% -10%;
  background:
    radial-gradient(60% 60% at 120% 10%, rgba(232,65,66,.20) 0%, rgba(232,65,66,0) 60%),
    radial-gradient(50% 40% at -10% 100%, rgba(255,107,107,.18) 0%, rgba(255,107,107,0) 55%);
  filter:blur(60px);z-index:0;opacity:.8;pointer-events:none
}

.bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.bg-gradient{
  background:
    radial-gradient(100% 100% at 80% 20%, #1a1d26 0%, #0f1115 60%),
    radial-gradient(80% 60% at 20% 80%, #151822 0%, transparent 70%);
}
.bg-glow{
  background:conic-gradient(from 140deg at 70% 10%, rgba(232,65,66,.22), rgba(255,107,107,.12), rgba(232,65,66,.22), rgba(15,17,21,0) 65%);
  filter:blur(40px);opacity:.5;animation:glow 16s ease-in-out infinite
}
@keyframes glow{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(1deg)}}

.bg-shards{z-index:1;opacity:.85;mix-blend-mode:screen;inset:-4% -4%}
.bg-panels{z-index:2;opacity:.8;mix-blend-mode:screen}
.bg-lines{z-index:3;opacity:.65;mix-blend-mode:screen}

.bg-sweep{
  z-index:4;mix-blend-mode:screen;
  inset:-35% -12% !important;                 
  position:absolute;
  background:linear-gradient(115deg,
    rgba(255,255,255,0) 35%,
    rgba(255,255,255,.06) 50%,
    rgba(255,255,255,0) 65%);
  filter:blur(40px);                          
  animation:sweep 20.5s ease-in-out infinite;
  transform:scaleY(1.6);                  
  transform-origin:center;
}
@keyframes sweep{
  0%  { transform:translateX(-30%) translateY(-10%) scaleY(1.6) rotate(0.001deg) }
  50% { transform:translateX(30%)  translateY(10%)  scaleY(1.6) rotate(0.001deg) }
  100%{ transform:translateX(-30%) translateY(-10%) scaleY(1.6) rotate(0.001deg) }
}

.bg-nodes{z-index:5}

.hero__grid {
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
  height: 100%;
}

.hero__col--media {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
}

.hero__col--text {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.85); font-size:13px; letter-spacing:.02em;
  backdrop-filter:saturate(100%) blur(2px);
  
}
.eyebrow .pin{ width:6px; height:6px; border-radius:50%; background:#7dffb3; box-shadow:0 0 10px rgba(125,255,179,.5); }

.hero-title{ margin:14px 0 10px; display:flex; flex-direction:column; gap:6px; }
.title-line{
  font-weight:800; line-height:1.04; letter-spacing:-0.012em;
  font-size:clamp(34px,4.6vw,57px); color:var(--text);
  max-width: 28ch;  
  text-wrap: balance;
}
.avax-word{
  display:inline-block; margin-right:6px;
  background:linear-gradient(90deg, var(--avax), var(--avax-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:0 0 18px rgba(232,65,66,.22);
  -webkit-text-stroke: 0.6px rgba(255,255,255,.18);
}
.title-subline{ font-weight:700; color:rgba(237,239,245,.92); font-size:clamp(14px,1.4vw,15px); letter-spacing:.02em; }
.hero-subtitle{ margin:6px 0 16px; max-width: 60ch; color:var(--muted); font-size:clamp(16px,1.9vw,19px); line-height:1.55; }
.specbar{
  position:relative;
  display:grid; grid-template-columns: repeat(3, 1fr);
  gap:0; border-radius:14px; overflow:hidden; isolation:isolate;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 18px rgba(0,0,0,.12);
  width:75%;        
  max-width:none;      
}
.specbar::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(232,65,66,.22), rgba(255,107,107,0) 35%, rgba(232,65,66,.18) 70%);
  opacity:.18; mix-blend-mode:screen;
}
.spec{
  position:relative; display:flex; align-items:center; gap:8px;
  padding:8px 12px; min-height:48px;
  color:rgba(255,255,255,.92);
  min-width:0;         
}
.spec:not(:last-child)::after{
  content:""; position:absolute; right:-18px; top:0; width:36px; height:100%;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  transform:skewX(-26deg); opacity:.5; pointer-events:none;
}
.spec-ico{
  flex:0 0 auto;
  width:28px; height:28px; border-radius:999px; display:grid; place-items:center;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(232,65,66,.26), rgba(232,65,66,0) 70%),
    rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset;
  color:rgba(255,255,255,.92);
}
.spec-ico svg{
  width:16px; height:16px; display:block;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
.spec-ico svg path:first-child{ fill:rgba(255,255,255,.04); stroke-width:1.4; }
.spec-ico svg circle{ fill:none; }
.spec-text{
  min-width:0;      
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:13px; letter-spacing:.01em;
}

.hero__photo-frame {
  width: min(260px, 28vw); 
  margin-bottom: -12px;
}

.hero__photo-frame img {
  width: 100%;
  height: auto;
  opacity: 0.73;
  object-fit: cover;
}

.photo-overlay-grid{
  position:absolute; inset:0; pointer-events:none;

}




@media (max-width: 2000px) {
  .hero__photo-frame {
  width: min(260px, 28vw); 
  margin-bottom: -22px;
}
}
@media (max-width: 1600px) {
  .hero__photo-frame {
    width: min(260px, 30vw);
  }
}
@media (max-width: 1400px) {

  .title-line {
    font-size: clamp(28px, 4vw, 46px);
    max-width: 26ch;
  }

  .hero-subtitle {
    font-size: clamp(14px, 1.5vw, 18px);
    max-width: 56ch;
  }
}
@media (max-width: 1200px) {
  .title-line {
    font-size: clamp(26px, 4.8vw, 42px);
  }

  .hero-subtitle {
    font-size: clamp(14px, 1.8vw, 17px);
  }
}



.bg-panels{ pointer-events:auto; }
#gridPanel rect{ pointer-events:none; }
#gridPanel foreignObject{ pointer-events:auto; }


@keyframes heroEnter {
  0% {
    opacity: 0;
    filter: blur(8px);
  }
  60%, 100% {
    opacity: 1;
    filter: blur(0);
  }
}

.hero__col--text > * {
  opacity: 0;
  transform: translateY(25px);
  animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.hero__col--text > *:nth-child(1) { animation-delay: 0.3s; }
.hero__col--text > *:nth-child(2) { animation-delay: 0.5s; }
.hero__col--text > *:nth-child(3) { animation-delay: 0.7s; }
.hero__col--text > *:nth-child(4) { animation-delay: 0.9s; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(25px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero__photo-frame {
  opacity: 0;
  transform: scale(1.08) rotate(2deg);
  animation: photoReveal 1.4s cubic-bezier(0.25, 1, 0.3, 1) 0.9s forwards;
}
@keyframes photoReveal {
  0% { opacity: 0; transform: scale(1.08) rotate(2deg); filter: blur(6px); }
  60%,100% { opacity: 1; transform: scale(1) rotate(0); filter: blur(0); }
}




.panel-slot-content{
  width:100%; height:100%; display:flex; opacity:.85; border-radius: 6px;
  background:
    radial-gradient(100% 120% at 30% 20%, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(232,65,66,0.10) 0%, rgba(232,65,66,0) 100%);
  -webkit-mask-image: radial-gradient(100% 100% at 50% 50%, #000 98%, transparent 100%);
          mask-image: radial-gradient(100% 100% at 50% 50%, #000 98%, transparent 100%);
}

.panel{ width:100%; height:100%; padding:12px; }
.panel-kpi.pro{ display:flex; flex-direction:column; gap:5px; width:100%; height:100%;}
.kpi-head{ display:flex; align-items:center; gap:8px; }
.head-ttl{ font-size:13px; color:rgba(255,255,255,.9); letter-spacing:.2px; }
.head-dot{ position:relative; width:8px; height:8px; border-radius:50%; background:#7dffb3; }
.head-dot::before, .head-dot::after{
  content:""; position:absolute; inset:-10px; border-radius:50%;
  background:radial-gradient(circle, rgba(125,255,179,.6), rgba(125,255,179,0)); filter:blur(8px);
}
.head-dot::after{ inset:-16px; filter:blur(12px); opacity:.45; }
.breathe-strong{ animation:dotBreath 2.6s ease-in-out infinite; }
@keyframes dotBreath{ 0%,100%{ transform:scale(1) } 50%{ transform:scale(1.4) } }

.kpi-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.cell{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.k{ display:flex; align-items:center; gap:6px; font-size:12.5px; color:rgba(255,255,255,.6); }
.ico{ width:14px; height:14px; opacity:.85; }

.v.aligned{
  display:inline-flex; align-items:baseline; gap:4px; line-height:1;
  font-variant-numeric: tabular-nums lining-nums;
}
.smart, .unit{ font-size:13px; line-height:1; }
.smart{ font-weight:800; --h: 1em; display:inline-flex; gap:1px; position:relative; }
.smart .col{ position:relative; width:ch; min-width:10px; height:var(--h); overflow:hidden; display:inline-block; vertical-align:bottom; }
.smart .stack{ position:absolute; left:0; top:0; will-change:transform; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.smart .digit{ height:var(--h); display:flex; align-items:center; justify-content:center; }
.unit{ font-weight:600; opacity:.9; letter-spacing:.02em; }

.bar{
  position:relative; width:150px; max-width:calc(100% - 4px);
  height:8px; border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  --p:.5; --fillA: rgba(232,65,66,.32); --fillB: rgba(255,107,107,.5);
  --tick: linear-gradient(to right, rgba(255,255,255,.18) 0 1px, transparent 1px 16px);
  mask: var(--tick); -webkit-mask: var(--tick); mask-size:16px 100%; -webkit-mask-size:16px 100%;
}
.bar i{ position:absolute; inset:0; transform-origin:left center; transform:scaleX(var(--p));
  background:
    linear-gradient(90deg, var(--fillA), var(--fillB)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 2px, rgba(255,255,255,0) 2px 6px);
}
.bar i::after{
  content:""; position:absolute; top:0; bottom:0; width:38px; left:-40px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
  filter:blur(4px); opacity:.25; mix-blend-mode:screen; animation:sweepLight 3.0s ease-in-out infinite;
}
@keyframes sweepLight{ 0%{left:-40px} 60%{left:calc(100% - 10px)} 100%{left:calc(100% - 10px)} }

.health{ margin-top:6px; display:flex; align-items:flex-start; }
.tps-spark{ width:220px; height:56px; display:block; }
.tps-spark .axis line{ stroke:rgba(255,255,255,.12); stroke-width:1; }
.tps-spark .line{ fill:none; stroke:rgba(255,107,107,.95); stroke-width:1.6; }
.tps-spark .area{ opacity:.9; }
.tps-spark .cap{ font-size:9px; fill:rgba(255,255,255,.65); }

@media (max-width: 420px){
  .kpi-row{ flex-direction:column; align-items:flex-start; gap:10px; }
  .bar{ width:100%; }
  .health{ flex-direction:column; }
  .tps-spark{ width:100%; }
}

.health{ margin-top:6px; display:flex; gap:4px; align-items:flex-start; }
.tps-spark{ width:220px; height:56px; display:block; flex:0 0 220px; }
.tps-spark .axis line{ stroke:rgba(255,255,255,.12); stroke-width:1; }
.tps-spark .line{ fill:none; stroke:rgba(255,107,107,.95); stroke-width:1.6; }
.tps-spark .area{ opacity:.9; }
.tps-spark .cap{ font-size:11px; fill:rgba(255,255,255,.65); }

.netload{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.nl-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.nl-ttl{ font-size:11px; color:rgba(255,255,255,.65); letter-spacing:.02em; }

.nl-val .smart{ --h:1em; font-weight:800; }
.nl-val .unit{ font-weight:600; opacity:.9; letter-spacing:.02em; }

.nl-bar{
  position:relative; width:220px; max-width:100%;
  opacity: 0.55;
  height:8px; border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
  --p: .0; 
}
.nl-bar i{
  position:absolute; inset:0; transform-origin:left center; transform:scaleX(var(--p));
}
.nl-bar i::after{
  content:""; position:absolute; top:0; bottom:0; width:40px; left:-42px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
  filter:blur(4px); opacity:.25; mix-blend-mode:screen;
  animation:nlSweep 3.2s ease-in-out infinite;
}
@keyframes nlSweep{ 0%{left:-42px} 60%{left:calc(100% - 12px)} 100%{left:calc(100% - 12px)} }

@keyframes nlBreath{ 0%,100%{ transform:scaleX(var(--p)) translateZ(0) } 50%{ transform:scaleX(calc(var(--p) * 1.02)) translateZ(0) } }

.health{ display:flex; gap:12px; align-items:flex-start; }
@media (max-width: 420px){
  .netload{ width:100%; }
  .nl-bar{ width:100%; }
}

@media (max-width: 420px){
  .health{ flex-direction:column; gap:8px; }
  .tps-spark{ width:100%; flex:1 1 auto; }
  .status-badges{ gap:6px; }
}






.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 50;
  height: var(--header-h);
  display: block;

  backdrop-filter: none;
  background: transparent;
  border-bottom: 1px solid transparent;

  transition:
    height .22s ease,
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    backdrop-filter .22s ease;
}

.site-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(232,65,66,.65),
    rgba(255,107,107,0) 35%,
    rgba(232,65,66,.5) 70%
  );

  opacity: 0;
  transition: opacity .25s ease;
}


.site-header[data-scrolled="true"] {
  backdrop-filter: blur(10px) saturate(120%);
  background: linear-gradient(180deg, rgba(20,22,28,.70), rgba(20,22,28,.42));
  border-bottom: 1px transparent;
}

.site-header[data-scrolled="true"]::after {
  opacity: .35;
}

.site-header[data-condensed="true"]{
  height: var(--header-h-condensed);
  background: linear-gradient(180deg, rgba(20,22,28,.80), rgba(20,22,28,.48));
  border-bottom: 1px transparent;
}

.header__inner{
  height: 100%;
  display:flex; align-items:center; justify-content:space-between;
}


.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--text);
}
.brand-mark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
}

.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-name{ font-weight:800; letter-spacing:.02em; font-size:16px; color:#fff; opacity: 0.9; }
.brand:hover .brand-mark img{
  filter:drop-shadow(0 0 10px rgba(232,65,66,.35)) brightness(1.15);
  transition:filter .3s ease;
}


.primary-nav{ position:relative; margin-inline:24px; display:none; }
.primary-nav ul{ display:flex; gap:18px; list-style:none; margin:0; padding:0; }
.primary-nav a{
  display:inline-flex; align-items:center; height:36px; padding:0 6px;
  color:rgba(255,255,255,.82); text-decoration:none; font-size:12.7px; letter-spacing:.04em; text-transform: uppercase;
}
.primary-nav a.is-active{ color:#fff; font-weight:700; }

.nav-underline{
  position:absolute; bottom:0; height:2px; width:0; left:0; border-radius:2px; pointer-events:none;
  background:linear-gradient(90deg, var(--avax), var(--avax-2));
    opacity:.9;
}

.nav-underline{
  transition:
    left 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
    width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: left, width;
}


.header__actions{
  display:flex; align-items:center; gap:12px;
}

.net-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.85); font-size:12.5px;
  backdrop-filter:saturate(120%) blur(6px);
}
.net-badge .dot{
  width:8px; height:8px; border-radius:50%;
  background:#7dffb3; box-shadow:0 0 10px rgba(125,255,179,.7);
  animation:dotBreath 2.6s ease-in-out infinite;
}
@keyframes dotBreath{ 0%,100%{ transform:scale(1) } 50%{ transform:scale(1.35) } }

.net-badge .sep{ opacity:.55 }
.net-badge .chips{ display:inline-flex; gap:6px; margin-left:4px }

.net-badge .chip{
  position:relative;
  display:inline-grid; place-items:center;
  min-width:16px; height:16px; padding:0 4px;
  border-radius:6px; font-size:11.3px; line-height:1;
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  cursor:default;
  transition:background .2s ease, border-color .2s ease;
}
.net-badge .chip:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
}

.net-badge .chip::after{
  content:attr(data-tip);
  position:absolute; left:50%; top:calc(100% + 8px);
  transform:translateX(-50%) translateY(-6px);
  opacity:0; pointer-events:none; z-index:60;
  background:rgba(15,17,21,.96);
  color:#fff; font-size:11.3px; white-space:nowrap;
  padding:6px 8px; border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 18px rgba(0,0,0,.35);
  transition:opacity .18s ease, transform .18s ease;
}

.net-badge .chip::before{
  content:"";
  position:absolute; left:50%; top:calc(100% + 2px);
  transform:translateX(-50%); z-index:61;
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid rgba(15,17,21,.96);
  opacity:0; transition:opacity .18s ease;
}

.net-badge .chip:hover::after,
.net-badge .chip:hover::before{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .net-badge .chip::after{ transition:opacity .15s linear; transform:translateX(-50%) }
  .net-badge .chip:hover::after{ transform:translateX(-50%) }
}



.btn{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px; border-radius:4px;
  font-size:14px; letter-spacing:.02em; border:1px solid rgba(255,255,255,.12); color:#fff;
  background:rgba(255,255,255,.06); text-decoration:none;
}
.btn.primary{
  background: linear-gradient(90deg, var(--avax), var(--avax-2));
  border-color: transparent; font-weight:700;
}

.btn.primary.big{
  background: linear-gradient(90deg, var(--avax), var(--avax-2));
  border-color: transparent; font-weight:700;
  margin-top: 20px;
}

.net-pill{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 10px; border-radius:10px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); color:#e9f0ff; font-size:12px;
}
.net-pill .dot{ width:8px; height:8px; border-radius:999px; background:#7dffb3; box-shadow:0 0 12px rgba(125,255,179,.7); }
@keyframes breathe{ 0%,100%{ transform:scale(1)} 50%{ transform:scale(1.35)} }
.net-pill .breathe{ animation:breathe 2.2s ease-in-out infinite; }
.net-pill .net-name{ white-space:nowrap; }

.burger{
  display:none; width:38px; height:36px; border-radius:10px;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04);
}
.burger span{ display:block; height:2px; background:#fff; margin:6px 8px; border-radius:2px; }
.burger span:nth-child(1){ margin-top:9px; }
.burger span:nth-child(3){ margin-bottom:9px; }

.mobile-drawer{
  position:fixed; top:var(--header-h-condensed); left:0; right:0; z-index:49;
  backdrop-filter: blur(8px) saturate(120%);
  background: linear-gradient(180deg, rgba(20,22,28,.86), rgba(20,22,28,.65));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-nav{ display:flex; flex-direction:column; gap:6px; padding:12px 24px 18px; }
.mobile-nav a{
  display:block; padding:10px 12px; border-radius:10px; text-decoration:none; color:#eaeef8; font-size:14px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10);
}
.mobile-nav a.is-active{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); font-weight:700; }
.mobile-nav hr{ border:none; height:1px; background:rgba(255,255,255,.08); margin:10px 0; }
.wfull{ width:100%; }

@media (min-width: 980px){
  .primary-nav{ display:block; }
  .burger{ display:none; }
}
@media (max-width: 979.98px){
  .primary-nav{ display:none; }
  .burger{ display:inline-flex; align-items:center; justify-content:center; }
}

section[id]{ scroll-margin-top: calc(var(--header-h-condensed) + 16px); }


.features{ position:relative; isolation:isolate; padding:96px 0; }
.features .container{ position:relative; z-index:2; }
.features .ft-gradient{
  background:
    radial-gradient(60% 60% at 80% 10%, rgba(232,65,66,.12), rgba(232,65,66,0) 60%),
    radial-gradient(60% 50% at 15% 80%, rgba(255,107,107,.10), transparent 60%);
  filter:blur(60px); opacity:.8;
}
.features .ft-lines{ mix-blend-mode:screen; opacity:.6; }

.fcard[data-fx="security"] .kpi-svg .panel-slot-content {
  opacity: .92;
  background:
    radial-gradient(120% 140% at 30% 15%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(232,65,66,.08) 0%, rgba(232,65,66,0) 100%);
  backdrop-filter: saturate(120%) blur(3.5px);
  box-shadow:
    0 8px 20px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

.fcard[data-fx="security"] .kpi-widget::before {
  content: "";
  position: absolute;
  inset: -4px -4px -8px -4px;
  border-radius: 18px;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(100% 60% at 80% -10%, rgba(232,65,66,.15), rgba(232,65,66,0) 60%),
    radial-gradient(80% 60% at 0% 100%, rgba(255,255,255,.06), rgba(255,255,255,0) 70%);
  filter: blur(10px);
  opacity: .7;
}
.fcard[data-fx="security"] .kpi-svg .k { color: rgba(255,255,255,.7); font-weight: 500; }
.fcard[data-fx="security"] .kpi-svg .smart,
.fcard[data-fx="security"] .kpi-svg .unit { color: rgba(255,255,255,.7); }
.fcard[data-fx="security"] .kpi-svg .tps-spark .cap { fill: rgba(255,255,255,.7); }

.fcard[data-fx="security"] .kpi-svg .kpi-head{
  padding: 4px 10px;
  border-radius: 10px;
  background: rgba(0,0,0,.14);
  border: 1px solid rgba(125,255,179,.12);
  backdrop-filter: blur(1.5px) saturate(110%);
}
.fcard[data-fx="security"] .kpi-svg .head-ttl{
  color: rgba(255,255,255,.94);
  font-weight: 700;
  letter-spacing: .02em;
  text-shadow: none;
}
.fcard[data-fx="security"] .kpi-svg .head-dot{
  width: 5px; height: 5px; background: #7dffb3;
  box-shadow: 0 0 0 1px rgba(125,255,179,.22) inset;
}
.fcard[data-fx="security"] .kpi-svg .head-dot::before,
.fcard[data-fx="security"] .kpi-svg .head-dot::after{
  inset: -6px; filter: blur(6px); opacity: .35;
}
.fcard[data-fx="security"] .kpi-svg .head-dot::after{
  inset: -9px; filter: blur(8px); opacity: .22;
}

.fcard[data-fx="security"] .sec-head{
  position: relative;
  z-index: 4;                
  margin: -14px -14px 0;   
  padding: 14px;
  border-radius: 0;
  background: #282a2e;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}

.fcard[data-fx="security"] .kpi-widget{ z-index: 3; }

@media (max-width: 720px){
  .fcard[data-fx="security"] .sec-head{
    margin: -12px -12px 10px; 
    padding: 12px;
    border-radius: 14px 14px 0 0;
  }
}

.ft-display {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.ft-display .accent {
  background: linear-gradient(90deg, var(--avax), var(--avax-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 14px rgba(232,65,66,.25);
}
.ft-lead {
  font-size: clamp(15px, 1.2vw, 19px);
  color: var(--muted);
  max-width: 68ch;
  margin-top: 10px;
}

.ft-kicker {
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10);
  font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:#fff; opacity:.9;
}

.ft-kicker .pin {width:6px; height:6px; border-radius:50%; background:#7dffb3; box-shadow:0 0 10px rgba(125,255,179,.6); }

.ft-head{ display:flex; flex-direction:column; gap:10px; margin-bottom:15px; }
.ft-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:6px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.10);
  font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#fff; opacity:.9;
}
.ft-eyebrow .pin{ width:6px; height:6px; border-radius:50%; background:#7dffb3; box-shadow:0 0 10px rgba(125,255,179,.6); }
.ft-title{ font-size:clamp(24px,4vw,36px); margin:0; letter-spacing:-.01em; }
.ft-title .grad{ background:linear-gradient(90deg, var(--avax), var(--avax-2)); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 16px rgba(232,65,66,.18); }
.ft-sub{ color:var(--muted); max-width:68ch; margin:0; }

.ft-grid{ display:grid; gap:16px; margin-top:18px; grid-template-columns: repeat(12, 1fr); }

.fcard{ grid-column: span 4; position:relative; display:flex; flex-direction:column; gap:10px; padding:14px;
  background:#1f2026;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
  transform-style:preserve-3d;
}


.fcard:not([data-fx="security"].recovery) {
  border-radius: 6px;
}

.fcard[data-fx="security"]:not(.recovery),
.fcard[data-fx="recovery"]:not([data-fx="security"]) {
  border-radius: 6px;
}

.fcard[data-fx="security"] .kpi-svg rect {
  rx: 6px !important;
  ry: 6px !important;
}
.fcard[data-fx="security"] .panel.panel-kpi {
  border-radius: 6px;
  overflow: hidden;
}
.fcard[data-fx="security"] .kpi-widget::before {
  border-radius: 6px;
}

.fcard .fcard-head{ display:flex; align-items:center; gap:10px; }
.fcard .ico{ width:32px; height:32px; border-radius:6px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.10); color:#fff; background:#272a33; }
.fcard h3{ font-size:17.5px; margin:0; color:#fff; }
.fcard-text{ color:rgba(255,255,255,.72); margin:0; }

.fcard:nth-child(1){ grid-column: span 8; }

.bul{ margin:4px 0 0 18px; padding:0; font-size:17px; color:#fff; line-height:1.1; }
.bul li{ margin:6px 0; }

.hw{ display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.badge{ font-size:13.1px; padding:7px 8px; border-radius:6px; background:#1f2026; border:1px solid rgba(255,255,255,.12); color:#fff; }

.oss{ display:flex; gap:14px; margin-top:4px; }
.oss .stat{ display:flex; flex-direction:column; gap:4px; }
.oss .stat span{ font-size:12.3px; color:rgba(255,255,255,.6); }
.oss .stat b{ font-size:14px; color:#fff; }

.dappc-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 6px; }
.dappc-chip{
  font-size:14px; font-weight:700; color:#fff;
  padding:6px 8px; border-radius:6px;
  background:#1f2026;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}

.dappc-list{
  list-style:none; margin:5px 0 0; padding:0;
  display:flex; flex-direction:column; gap:8px;
}
.dappc-list li{
  display:flex; align-items:flex-start; gap:8px;
  padding:8px; border-radius:6px;
  background:#1f2026;
  border:1px solid rgba(255,255,255,.12);
  color:#fff; font-size:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.dappc-li-icon{
  flex:0 0 auto; display:grid; place-items:center;
  width:18px; height:18px; border-radius:4px;
  background:#272a33;
  border:1px solid rgba(255,255,255,.10);
  color:#fff; opacity:.95;
}
.dappc-li-icon svg{ width:12px; height:12px; display:block; }

.dappc-kv{
  display:grid; gap:6px; margin-top:4px;
}
.dappc-kv-item{
  display:flex; align-items:center; gap:10px;
  padding:4px 8px; border-radius:6px;
  background:#1f2026;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.dappc-kv-cap{
  font-size:10px; color:rgba(255,255,255,.6); min-width:72px;
}
.dappc-kv-val{
  font-size:11.5px; color:#fff; letter-spacing:.01em;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  opacity:.95;
}

.kv{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(3,1fr); gap:10px; }
.kv li{ display:flex; flex-direction:column; gap:4px; background:#1f2026; border:1px solid rgba(255,255,255,.12); border-radius:6px; padding:10px; box-shadow:0 2px 10px rgba(0,0,0,.25); }
.kv li span{ font-size:14px; color:rgba(255,255,255,.62); }

.kv li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #1f2026;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
  transition: background .25s ease, border-color .25s ease;
}

.kv li.type {
  background: rgba(125,255,179,.12);
}
.kv li.compat {
  background: rgba(255,210,128,.12);
}
.kv li.rpc {
  background: rgba(80,160,255,.12);
}
.kv li.purpose {
  background: rgba(255,107,107,.12);
}
.kv li.finality {
  background: rgba(255,255,255,.10);
}
.kv li.throughput {
  background: rgba(150,255,200,.12);
}

.kv li.role {
  background: rgba(255,160,122,.12);
}
.kv li.stake {
  background: rgba(232,65,66,.14);
}
.kv li.period {
  background: rgba(100,160,255,.12);
}

.kv li:hover {
  border-color: rgba(255,255,255,.18);
  box-shadow:
    0 3px 14px rgba(0,0,0,.35),
    0 0 8px rgba(255,255,255,.04) inset;
  background-blend-mode: lighten;
}



.kbar{ display:flex; align-items:center; gap:8px; margin-top:10px; }
.kbar .cap{ font-size:11px; color:rgba(255,255,255,.62); }

.fx-tabs{ display:inline-flex; gap:6px; margin-top:6px; }
.fx-tab{ height:28px; padding:0 10px; border-radius:6px; font-size:14px; color:#fff; background:#1f2026; border:1px solid rgba(255,255,255,.12); box-shadow:0 2px 10px rgba(0,0,0,.25); }
.fx-tab.is-active{ background:linear-gradient(90deg, var(--avax), var(--avax-2)); border-color:transparent; font-weight:700; }

.fx-panes{ margin-top:10px; }
.fx-pane{ display:none; }
.fx-pane.is-active{ display:block; }

.fx-num{ font-weight:800; color:#fff; }

.fx-bar{ position:relative; width:100%; height:8px; border-radius:6px; overflow:hidden; background:#272a33; border:1px solid rgba(255,255,255,.12); --p:.5; }
.fx-bar i{ position:absolute; inset:0; transform-origin:left center; transform:scaleX(var(--p)); background:
  linear-gradient(90deg, rgba(232,65,66,.35), rgba(255,107,107,.6)),
  repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 2px, rgba(255,255,255,0) 2px 6px); }

@keyframes fxSweep{ 0%{left:-40px} 60%{left:calc(100% - 10px)} 100%{left:calc(100% - 10px)} }
.fx-bar i::after{ content:""; position:absolute; top:0; bottom:0; width:38px; left:-40px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
  filter:blur(4px); opacity:.25; mix-blend-mode:screen; animation:fxSweep 3s ease-in-out infinite; }

.fx-bridge .row, .fx-stake .row{ display:flex; gap:12px; align-items:center; }
.fx-bridge .w50, .fx-stake .w50{ flex:1 1 0; display:flex; flex-direction:column; gap:6px; font-size:13px; color:rgba(255,255,255,.75); }
.fx-value{ font-size:12.4px; color:#fff; opacity:.85; }

.fx-bridge input[type="range"], .fx-stake input[type="range"]{ accent-color:var(--avax); }
.fx-bridge .est{ display:flex; gap:16px; margin-top:6px; }
.fx-bridge .est div{ display:flex; align-items:center; gap:6px; }
.fx-bridge .est span{ font-size:11px; color:rgba(255,255,255,.62); }
.fx-bridge .est b{ font-size:14px; color:#fff; }

.fx-stake .stats{ display:flex; gap:16px; margin-top:6px; }
.fx-stake .stats div{ display:flex; align-items:center; gap:6px; }
.fx-stake .stats span{ font-size:12px; color:rgba(255,255,255,.62); }
.fx-stake .stats b{ font-size:14px; color:#fff; }
.small-note{ opacity:.65; font-size:12.8px; margin:8px 0 0; color:rgba(255,255,255,.7); }

.fx-tilt{ will-change: transform; transition: transform .12s ease, border-color .2s ease; perspective:800px; }
.fx-tilt {
  perspective: none !important;
  transform: none !important;
  transition: none !important;
}

@media (max-width: 1100px){
  .fcard{ grid-column: span 6; }
  .fcard:nth-child(1){ grid-column: span 12; }
}
@media (max-width: 720px){
  .ft-grid{ grid-template-columns: repeat(6,1fr); }
  .fcard{ grid-column: span 6; }
  .kv{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){
  .fx-tilt{ transform:none !important; }
}

.pins {
  display:flex; flex-direction:column; gap:8px; margin-top:14px;
  list-style:none; padding:0;
}
.pins li {
  display:flex; align-items:center; gap:8px;
  font-size:14px; color:#fff; 
  padding:8px 8px;
  background:#1f2026;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  transition: background .2s ease, transform .15s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.pins li i {
  width:6px; height:6px; border-radius:50%;
  background:var(--avax);
  box-shadow:0 0 8px rgba(232,65,66,.6);
}

.sec-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:6px;
  margin-top:-2px;
}
.sec-card {
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#1f2026;
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  padding:8px;
  transition:background .25s ease, border-color .25s ease, transform .15s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}

.sec-icon {
  flex-shrink:0;
  width:38px; height:38px;
  border-radius:6px;
  display:grid; place-items:center;
  background:#272a33;
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
}
.sec-icon svg {
  width:20px; height:20px;
  opacity:.9;
}
.sec-info b { font-size:15px; color:#fff; }
.sec-info p {
  font-size:14px;
  color:rgba(255,255,255,.7);
  line-height:1.1;
  margin:2px 0 0;
}
.sec-note {
  font-size:12.7px;
  opacity:.65;
  text-align:center;
  margin-top:2px;
  color:rgba(255,255,255,.65);
}

.fx-sep{
  height:1px;
  margin:4px 0 2px;
  background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border-radius:1px;
  opacity:.8;
}

.fcard-subhead{
  display:flex; align-items:center; gap:8px;
  margin:2px 0 2px;
}
.fcard-h4{
  margin:0; font-size:18px; font-weight:700; letter-spacing:.01em; color:#fff;
  opacity:.95;
}

.fcard .ico.sm{
  display:grid; place-items:center;
  background:#272a33;
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  border-radius:6px;
}
.fcard .ico.sm svg{ width:24px; height:24px; opacity:.95; }

.fcard[data-fx="security"]{ position: relative; overflow: visible; z-index: 2; }
.fcard[data-fx="security"] .kpi-widget{ position: absolute; left: 0px; right: 0px; top: -189px; z-index: 3; pointer-events: auto; }
.fcard[data-fx="security"] .kpi-svg{ display: block; width: 100%; height: auto; }

@media (max-width: 720px){
  .fcard[data-fx="security"] .kpi-widget{
    left: -12px; right: -12px;
    top: -140px;
  }
}


.downloads{ position:relative; padding:44px 0 70px; isolation:isolate; background:#F6F7FA; color:#1A1D26; }
.downloads .container{ position:relative; z-index:2;}
.dl-gradient{
  background:
    radial-gradient(60% 60% at 80% 10%, rgba(232,65,66,.08), rgba(232,65,66,0) 60%),
    radial-gradient(60% 50% at 15% 80%, rgba(255,107,107,.05), transparent 60%);
  filter:blur(60px); opacity:.35; 
}
.dl-kicker{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  background:rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.08);
  font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:#1A1D26; opacity:.9; }
.dl-kicker .pin{ width:6px; height:6px; border-radius:50%; background:#24d07b; box-shadow:0 0 10px rgba(36,208,123,.5); }
.dl-title{ margin:10px 0 6px; font-size:clamp(24px,3.6vw,36px); letter-spacing:-.01em; font-weight:800; }
.dl-lead{ color:#555B6A; max-width:68ch; font-size:clamp(14px,1.2vw,17px); margin:0 0 16px; }

.dl-tabs{ display:flex; gap:8px; margin:14px 0; flex-wrap:wrap; }
.dl-tab{ display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 12px;
  border-radius:6px; font-size:16px; color:#1A1D26; background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.08); transition:background .15s ease; }
.dl-tab:hover{ background:rgba(0,0,0,.06); }
.dl-tab svg{ width:16px; height:16px; opacity:.8; }
.dl-tab.is-active{ background: linear-gradient(90deg, var(--avax), var(--avax-2)); border-color:transparent; color:#fff; font-weight:700; }

.dl-panes{ margin-top:8px; }
.dl-pane{ display:none; }
.dl-pane.is-active{ display:block; }

.dl-card{
  display:block; padding:21px; border-radius:6px;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 20px rgba(0,0,0,.06);
}
.dl-card.grid{
  display:grid; gap:16px;
  grid-template-columns: 1.2fr .8fr; 
}

.col-primary { margin-top: 10px; }
.col-primary, .col-side{ display:flex; flex-direction:column; gap:12px; }

.dl-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.dl-head h3{ margin:0; font-size:28px; color:#1A1D26; }
.dl-head .meta{ display:flex; align-items:center; gap:10px; font-size:12px; color:#555B6A; }
.dl-head .badge{ display:inline-flex; gap:6px; align-items:center; padding:4px 8px; border-radius:6px;
  background:rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.08); color:#1A1D26; }
.dl-head .sep{ opacity:.45 }

.btn.big{ height:44px; padding:0 16px; border-radius:6px; font-weight:700;
  background:linear-gradient(90deg, var(--avax), var(--avax-2)); color:#fff; border:none; }
.alt.actions{ display:flex; flex-wrap:wrap; gap:8px; }
.alt.actions code{
  font-size:12.4px; color:#1A1D26; opacity:.9; background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.08); padding:6px 8px; border-radius:6px;
}

.panelish{ padding:12px; border-radius:6px; background:#FCFCFD; border:1px solid rgba(0,0,0,.08); }
.howto, .req, .integrity, .pkg-info{ composes: panelish; background:#FCFCFD; border-radius:6px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.02), 0 10px 20px rgba(0,0,0,.05); color:#1A1D26;
}
.howto, .req, .integrity, .pkg-info{ padding:12px; }
.howto h4, .req h4, .integrity h4, .pkg-info h4{ margin:0 0 8px; font-size:17.7px; letter-spacing:.01em; color:#1A1D26; }
.subtle{ font-size:15px; color:#555B6A; margin:-2px 0 6px; }

.checklist{ margin:0 0 0 18px; }
.checklist li{ margin:6px 0; position:relative; }
.checklist li::marker{ color:#555B6A; }

.req ul{ margin:0; padding:0; list-style:none; }
.req ul.twocol{
  display:grid; grid-template-columns: repeat(2, minmax(140px,1fr)); gap:14px 14px;
}
.req li{
  position:relative; padding-left:18px; line-height:1.2; font-size: 15px; color:#1A1D26;
}
.req li::before{
  content:""; position:absolute; left:0; top:6px; width:8px; height:8px; border-radius:50%;
  background:linear-gradient(90deg, var(--avax), var(--avax-2));
  box-shadow:0 0 6px rgba(232,65,66,.35);
}

.bul{ margin:0; padding:0; list-style:none; }
.bul.ticks li{
  position:relative; padding-left:20px; margin:6px 0; line-height:1.2;
}
.bul.ticks li::before{
  content:""; position:absolute; left:0; top:2px; width:14px; height:14px; border-radius:4px;
  background:rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.1);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.03);
}
.bul.ticks li::after{
  content:""; position:absolute; left:3px; top:5px; width:8px; height:5px;
  border-left:2px solid #1A1D26; border-bottom:2px solid #1A1D26; transform:rotate(-45deg);
  opacity:.7;
}

.sha-block{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding:8px; border-radius:6px;
  background:rgba(0,0,0,.03); 
}
.sha-block label{ font-size:12px; color:#555B6A; }
.sha-block .sha{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size:12px; letter-spacing:.03em; color:#1A1D26;
  background:rgba(0,0,0,.04); 
  padding:6px 10px; border-radius:6px; user-select:all;
}

.sigline{ font-size:12px; color:#555B6A; margin-top:4px; }
.verify summary{ cursor:pointer; font-weight:700; margin-top:7px; opacity:.7; font-size:13.2px; color:#1A1D26;}
.verify pre{ margin:6px 0 0; white-space:pre-wrap; color:#1A1D26; }

.dl-footnote{ margin-top:14px; font-size:12px; color:#555B6A; opacity:.9; }

@media (max-width: 880px){
  .dl-card.grid{ grid-template-columns: 1fr; }
  .req ul.twocol{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  .req ul.twocol{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .btn.big{ width:100%; justify-content:center; }
  .dl-head{ align-items:flex-start; flex-direction:column; }
}

.sha-block {
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
  padding:8px;
  border-radius:6px;
  background:rgba(0,0,0,.03);
}

.sha-toggle {
  flex:1 1 auto;
}
.sha-toggle summary {
  list-style:none;
  cursor:pointer;
  font-weight:700;
  font-size:12.5px;
  color:#1A1D26;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:6px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.08);
  transition:background .15s ease, border-color .15s ease;
}
.sha-toggle summary::-webkit-details-marker { display:none; }
.sha-toggle summary:hover {
  background:rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.12);
}
.sha-toggle .sha {
  display:block;
  margin-top:6px;
  word-break:break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:12.5px;
  letter-spacing:.02em;
  color:#1A1D26;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.08);
  padding:6px 8px;
  border-radius:6px;
}
.btn.tiny.copy {
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:30px;
  font-weight:700;
  font-size:13.5px;
  color:#1A1D26;
  padding:4px 8px;
  border-radius:6px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.08);
  transition:transform .08s ease, background .15s ease, border-color .15s ease;
}
.btn.tiny.copy:hover {
  background:rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.12);
}
.btn.tiny.copy:active { transform:translateY(1px); }
.btn.tiny.copy.is-copied {
  background: linear-gradient(90deg, #24d07b, #1fb36a);
  border-color: transparent;
  color:#fff;
}

.req.pro, .pkg-info.pro{
  position:relative;
  padding:14px 12px;
  border-radius:6px;
}
.req.pro::after, .pkg-info.pro::after{
  content:"";
  position:absolute; right:10px; top:10px; width:12px; height:12px;
  border-radius:3px; opacity:.22;
  background:linear-gradient(135deg, var(--avax), var(--avax-2));
}

.req.pro h4, .pkg-info.pro h4{
  display:flex; align-items:center; gap:8px;
  margin:0 0 10px; font-size:18px; letter-spacing:.01em; color:#1A1D26;
}

.spec-grid{
  display:grid; gap:10px 12px;
  grid-template-columns: repeat(2, minmax(150px,1fr));
}
.spec1{
  display:flex; align-items:flex-start; gap:0px;
  padding:5px; border-radius:6px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.06);
  transition:transform .12s ease, background .15s ease, border-color .15s ease;
}
.spec1:hover{ transform:translateY(-1px); background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.1); }

.spec1 .txt{ display:flex; flex-direction:column; line-height:1.20; }
.spec1 .cap{ font-size:11.5px; color:#555B6A; }
.spec1 .val{ font-size:13.2px; color:#1A1D26; }

.ico.os, .ico.ram, .ico.disk, .ico.usb { background:transparent; }

.req-note{
  margin-top:8px; font-size:12.5px; color:#555B6A;
  border-top:1px dashed rgba(0,0,0,.1); padding-top:8px;
}

.pkg-chips{
  display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px;
}
.pkg-chip{
  font-size:12px; font-weight:700; color:#1A1D26;
  padding:6px 8px; border-radius:6px;
  background:rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.08);
}
.pkg-list{ display:grid; gap:8px; }
.pkg-item{
  display:flex; align-items:flex-start; gap:10px;
  padding:10px; border-radius:6px;
  background:rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.06);
}
.pkg-item .badge{
  flex:0 0 auto; font-size:13px; font-weight:800; color:#1A1D26;
  padding:6px 8px; border-radius:6px;
  background:linear-gradient(90deg, rgba(232,65,66,.25), rgba(255,107,107,.18));
  border:1px solid rgba(0,0,0,.08);
}
.pkg-item .body{ display:flex; flex-direction:column; gap:2px; }
.pkg-item .title{ font-size:13.5px; color:#1A1D26; }
.pkg-item .desc{ font-size:12.5px; color:#555B6A; line-height:1.2; }

.pkg-matrix{
  display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;
}
.pkg-file{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:12.5px; color:#1A1D26;
  padding:6px 8px; border-radius:6px;
  background:rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.08);
}

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

.trust-note {
  margin-top: 10px;
  font-size: 13.5px;
  color: #555B6A;
  padding: 6px 10px;
  border-left: 2px solid rgba(232,65,66,.5);
  background: rgba(0,0,0,.02);
  border-radius: 6px;
}
.trust-note a {
  color: var(--avax);
  text-decoration: none;
}
.trust-note a:hover {
  text-decoration: underline;
}



.ctc-section { position: relative; padding: 44px 0 88px; isolation: isolate; background:#F6F7FA; color:#1A1D26; }
.ctc-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ctc-bg-gradient {
  background:
    radial-gradient(60% 60% at 80% 10%, rgba(232,65,66,.08), rgba(232,65,66,0) 60%),
    radial-gradient(60% 50% at 15% 80%, rgba(255,107,107,.05), transparent 60%);
  filter: blur(60px);
  opacity: .35;
}
.ctc-bg-shards { mix-blend-mode: multiply; opacity: .4; }
.ctc-bg-shards svg { width: 100%; height: 100%; display: block; }

.ctc-container { position: relative; z-index: 1; width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }

.ctc-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px;
  background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.08);
  font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: #1A1D26; opacity: .9; }

.ctc-pin { width: 6px; height: 6px; border-radius: 50%; background: #24d07b; box-shadow: 0 0 8px rgba(36,208,123,.4); display: inline-block; }

.ctc-title { margin: 10px 0 6px; font-size: clamp(27px,3.2vw,37px); letter-spacing: -.01em; font-weight: 800; color:#1A1D26; }
.ctc-lead { color: #555B6A; max-width: 68ch; font-size: clamp(15px,1.2vw,18px); margin: 0 0 12px; }

.ctc-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 16px; }
@media (max-width: 980px) { .ctc-grid { grid-template-columns: 1fr; } }

.ctc-frame {
  position: relative;
  border-radius: 6px;
  overflow: clip;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.ctc-panel {
  border-radius: 6px;
  padding: 12px;
  background: #FCFCFD;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

.ctc-panel > .ctc-h4 { margin: 2px 0 6px; font-size: 15px; line-height: 1.15; color:#1A1D26; }
.ctc-trust.ctc-panel, .ctc-channels.ctc-panel { padding-top: 10px; padding-bottom: 10px; }
.ctc-text-sm { margin: 4px 0 8px; font-size: 15.5px; color:#555B6A; }

.ctc-lines { display: flex; flex-direction: column; gap: 10px; }
.ctc-line {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 12px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.ctc-ico { width: 22px; height: 22px; border-radius: 4px; display: grid; place-items: center;
  background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); color: #1A1D26; }
.ctc-ico svg { width: 14px; height: 14px; opacity: .9; fill:currentColor; }
.ctc-h3 { margin: 0; font-size: 16.5px; color:#1A1D26; }
.ctc-text { margin: 2px 0 6px; color: #555B6A; font-size: 14.5px; }
.ctc-body { display: flex; flex-direction: column; gap: 6px; }

.ctc-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ctc-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: .02em;
  border: 1px solid rgba(0,0,0,.08);
  color: #1A1D26;
  background: rgba(0,0,0,.03);
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  transition: background .15s ease,border-color .15s ease;
}
.ctc-btn.ctc-small { height: 30px; padding: 0 10px; border-radius: 5px; font-size: 13px; }
.ctc-btn.ctc-tiny { height: 26px; padding: 0 8px; border-radius: 4px; font-size: 12.5px; }
.ctc-btn.ctc-tiny.ctc-copied::after { content: "Copied"; margin-left: 6px; font-size: 11px; color: #24d07b; }
.ctc-btn:hover { background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.12); }

.ctc-inline { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 13.5px; color:#1A1D26; }
.ctc-inline-ico { display: inline-flex; width: 16px; height: 16px; align-items: center; justify-content: center; opacity: .9; }
.ctc-ico-inline { width: 14px; height: 14px; display: block; fill:currentColor; }
.ctc-link { color: var(--avax); text-decoration: none; }
.ctc-link:hover { text-decoration: underline; }

.ctc-line-duo {
  display: grid;
  grid-template-columns: 1fr 10px 1fr;
  gap: 10px;
  padding: 12px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-duo-col { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; }
.ctc-duo-divider { width: 10px; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,0)); border-radius: 4px; opacity: .35; }
@media (max-width: 720px) { .ctc-line-duo { grid-template-columns: 1fr; } .ctc-duo-divider { display: none; } }

.ctc-locations { margin-top: 6px; display: flex; flex-direction: column; gap: 8px; }
.ctc-locations .ctc-h4 { margin: 0 0 4px; color:#1A1D26; }
.ctc-loc-row {
  position: relative;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  align-items: start;
  padding: 10px 12px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-loc-row:hover { border-color: rgba(0,0,0,.12); }
.ctc-rail { position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 3px;
  background: linear-gradient(180deg, rgba(232,65,66,.55), rgba(255,107,107,.35));
  box-shadow: 0 0 10px rgba(232,65,66,.3); }
.ctc-loc-body { display: flex; flex-direction: column; gap: 6px; }
.ctc-loc-title { font-weight: 700; font-size: 14.5px; color:#1A1D26; }
.ctc-loc-text { font-size: 13.4px; color: #555B6A; }
.ctc-loc-actions { display: flex; align-items: center; gap: 8px; font-size: 13px; }

.ctc-sidebar { display: flex; flex-direction: column; gap: 10px; }

.ctc-secblock {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  margin: 4px 0 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-secblock-note { font-size: 13.5px; color: #555B6A; line-height: 1.25; }

.ctc-verify-row.single { margin: 0 0 6px; }
.ctc-verify-right { display: flex; flex-direction: column; }

.ctc-collapse { margin: 0; }
.ctc-collapse-sum {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 13px;
  color: #1A1D26;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-collapse[open] .ctc-collapse-sum { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.12); }

.ctc-fp {
  display: block;
  margin: 6px 0 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: .02em;
  color: #1A1D26;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  padding: 6px 8px;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.ctc-kv { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.ctc-kv li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-kv li span { font-size: 11px; color: #555B6A; }
.ctc-kv li b { font-size: 12.5px; color: #1A1D26; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.ctc-status-ok { color: #24d07b; }

.ctc-ch-links { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 25px; margin-top: 15px; }
.ctc-ch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 6px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  font-size: 12.8px;
  color: #1A1D26;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--avax); box-shadow: 0 0 8px rgba(232,65,66,.6); }

.ctc-hours-stack { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.ctc-hour-box {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.ctc-hour-box span { font-size: 13px; color: #555B6A; }
.ctc-hour-box b { font-size: 12.7px; color: #1A1D26; }






.community {
  --comm-1: 232, 65, 66;   
  --comm-2: 255, 107, 107;
  --comm-ink: 232, 65, 66;
  --violet-1: 146, 118, 255;  
  --violet-2: 191, 171, 255;  
--mint-1: 36, 208, 123;  
--mint-2: 125, 255, 179;
  position: relative;
  isolation: isolate;
  overflow: hidden;

  padding-top: 44px;
  padding-right: 0px;
  padding-bottom: 44px;
  padding-left: 0px;

  background: #F6F7FA;
  color: #1A1D26;
}

.community::after {
  content: "";
  position: absolute;
  inset: -6% -4% -6% -4%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(52% 46% at 100% 0%,
      rgba(var(--mint-1), 0.20) 0%,
      rgba(var(--mint-2), 0.08) 36%,
      rgba(0, 0, 0, 0.00) 70%),
    radial-gradient(50% 44% at 0% 100%,
      rgba(var(--comm-1), 0.26) 0%,
      rgba(var(--comm-2), 0.12) 34%,
      rgba(0, 0, 0, 0.00) 66%);
  filter: blur(36px);
  opacity: 0.95;
}


.community::before {
  content: "";
  position: absolute;
  inset: -6% -4% -6% -4%;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      115deg,
      rgba(26, 29, 38, 0.08) 0px,
      rgba(26, 29, 38, 0.08) 1px,
      rgba(26, 29, 38, 0.00) 1px,
      rgba(26, 29, 38, 0.00) 12px
    );
  mix-blend-mode: multiply;
  opacity: 0.75;
  animation-name: communityLinesPan;

  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes communityLinesPan {
  0%   { transform: translateX(-2%) translateY(-1%) rotate(0.001deg); }
  50%  { transform: translateX( 2%) translateY( 1%) rotate(0.001deg); }
  100% { transform: translateX(-2%) translateY(-1%) rotate(0.001deg); }
}

@media (prefers-reduced-motion: reduce) {
  .community::before { animation: none; }
}


.community-head {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;

  max-width: var(--maxw);
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 26px;
  margin-left: auto;

  padding-top: 0px;
  padding-right: 24px;
  padding-bottom: 0px;
  padding-left: 24px;

  gap: 10px;
}

.community-kicker {
display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  background:rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.08);
  font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:#1A1D26; opacity:.9;
}



.community-kicker .cm-pin {
  display: inline-block;
 width:6px; height:6px; border-radius:50%; background:#7dffb3; box-shadow:0 0 10px rgba(125,255,179,.6); 
}

.community-kicker b,
.community-kicker strong {
  color: rgb(var(--comm-1));
  font-weight: 800;
  letter-spacing: 0.05em;
}

.community-title {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px;

  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.10;
  color: #1A1D26;

  font-size: clamp(28px, 3.6vw, 38px);
}

.community .accent-soft {
  background: linear-gradient(90deg,
    rgba(var(--comm-1), 0.85),
    rgba(var(--comm-2), 0.85)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0px 0px 10px rgba(232, 65, 66, 0.12);
}

.community .accent-ink {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65%, rgba(var(--comm-1), 0.15) 65%);
  border-radius: 2px;
}


.community-grid {
  position: relative;
  z-index: 1;

  display: grid;
  align-items: center;
  gap: 0px;

  grid-template-columns: 1fr 1.05fr;

  max-width: var(--maxw);
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;

  padding-top: 0px;
  padding-right: 24px;
  padding-bottom: 0px;
  padding-left: 24px;
}

@media (max-width: 980px) {
  .community-grid {
    grid-template-columns: 1fr;
  }
}

.community-copy {
  max-width: 68ch;
}

.community .ft-display {
  color: #1A1D26;
  line-height: 1.14;
  margin-top: 6px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
}

.community .ft-lead {
  color: #555B6A;
  line-height: 1.60;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
}

.community p {
  color: #555B6A;
  line-height: 1.62;
  margin-top: 12px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
}

.community .cm-note {
  color: #555B6A;
  line-height: 1.55;
}

.community .cm-dotlist li {
  color: #1A1D26;
  line-height: 1.50;
}

.community .cm-schedule {
  color: #1A1D26;
  line-height: 1.40;
}

.community a {
  color: rgba(26, 29, 38, 0.78);
  text-decoration: none;
}

.community a:hover {
  color: #1A1D26;
  text-decoration: none;
}

.community a:visited {
  color: rgba(26, 29, 38, 0.78);
}

.cm-leadline {
  margin-top: 14px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
}

.cm-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  height: 34px;
  padding-top: 0px;
  padding-right: 12px;
  padding-bottom: 0px;
  padding-left: 10px;

  border-radius: 6px;
  background: rgba(0, 0, 0, 0.03);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.08);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;

  transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease, filter 0.15s ease;
}

.cm-tag:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.12);
  color: #1A1D26;
}

.cm-tag:active { transform: translateY(1px); }

.cm-ico {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.cm-tag--x {
  background: #0F1419;
  border-color: #0F1419;
  color: #FFFFFF;
}
.cm-tag--x:hover { background: #000000; border-color: #000000; }

.cm-tag--discord {
  background: #5865F2;
  border-color: #5865F2;
  color: #FFFFFF;
}
.cm-tag--discord:hover { background: #4752D0; border-color: #4752D0; }

.cm-tag--telegram {
  background: #229ED9;
  border-color: #229ED9;
  color: #FFFFFF;
}
.cm-tag--telegram:hover { background: #1C8CC0; border-color: #1C8CC0; }

.cm-tag--github {
  background: #24292F;
  border-color: #24292F;
  color: #FFFFFF;
}
.cm-tag--github:hover { background: #161B22; border-color: #161B22; }

.cm-tag--reddit {
  background: #FF4500;
  border-color: #FF4500;
  color: #FFFFFF;
}
.cm-tag--reddit:hover { background: #E03D00; border-color: #E03D00; }

.cm-tag--youtube {
  background: #FF0000;
  border-color: #FF0000;
  color: #FFFFFF;
}
.cm-tag--youtube:hover { background: #CC0000; border-color: #CC0000; }

.cm-tag--x .cm-ico,
.cm-tag--discord .cm-ico,
.cm-tag--telegram .cm-ico,
.cm-tag--github .cm-ico,
.cm-tag--reddit .cm-ico,
.cm-tag--youtube .cm-ico {
  color: #FFFFFF;
}

.cm-tag:focus-visible {
  outline: 2px solid rgba(var(--comm-1), 0.75);
  outline-offset: 2px;
}


.cm-hr {
  height: 2px;
  margin-top: 16px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  background: linear-gradient(90deg, rgba(var(--comm-1), 1.00), rgba(var(--comm-1), 0.00));
  opacity: 0.42;
  border-radius: 2px;
}


.cm-dotlist {
  list-style: none;

  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.cm-dotlist li {
  position: relative;
  padding-left: 14px;
}

.cm-dotlist li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(var(--comm-1), 1.00), rgba(var(--comm-2), 1.00));
  box-shadow: 0px 0px 8px rgba(232, 65, 66, 0.30);
}

.cm-em {
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #1A1D26;
}

.community .community-copy :where(a):not(.cm-tag) {
  color: rgba(26, 29, 38, 0.78);
  text-decoration: none;
}
.community .community-copy :where(a):not(.cm-tag):hover {
  color: #1A1D26;
  text-decoration: none;
}
.community .community-copy :where(a):not(.cm-tag):visited {
  color: rgba(26, 29, 38, 0.78);
}

.cm-tag { color: #1A1D26; } 

.cm-tag--x,
.cm-tag--discord,
.cm-tag--telegram,
.cm-tag--github,
.cm-tag--reddit,
.cm-tag--youtube {
  color: #FFFFFF; 
}

.community a.cm-tag--x,
.community a.cm-tag--discord,
.community a.cm-tag--telegram,
.community a.cm-tag--github,
.community a.cm-tag--reddit,
.community a.cm-tag--youtube {
  color: #FFFFFF;
}


.cm-schedule {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 8px;

  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 0px;

  font-size: 14.5px;
}

.cm-sep { opacity: 0.35; }


.community-media {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cm-photo {
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: clamp(280px, 52vw, 415px);
  border-radius: 6px;
  overflow: hidden;
}

.cm-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.99;
}

@media (max-width: 980px) {
  .community-head { margin-bottom: 18px; }
  .community-grid { gap: 12px; }
  .cm-photo {
    min-height: clamp(240px, 60vw, 540px);
    aspect-ratio: 4 / 3;
  }
}






.rbc-footer{
  position:relative;
  padding:12px 0 20px;           
  isolation:isolate;
  overflow:hidden;                 
}

.rbc-footer::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg,
    rgba(255,255,255,.26), rgba(255,255,255,.08) 35%,
    rgba(255,255,255,.22) 70%, rgba(255,255,255,.08));
  opacity:.28; pointer-events:none;
}

.rbc-footer::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)) top / 100% 2px no-repeat,
    radial-gradient(60% 120% at 50% 120%,
      rgba(232,65,66,.14) 0%,
      rgba(255,107,107,.08) 35%,
      rgba(232,65,66,0) 75%) bottom / 140% 140px no-repeat;
  opacity:.42;
}

.rbc-container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px; position:relative; z-index:1; }

.rbc-row{
  display:grid; align-items:center; column-gap:12px;
  grid-template-columns: 1fr auto 1fr;
  padding:6px 0;               
}

.rbc-left{ display:flex; align-items:center; gap:8px; min-width:0; }
.rbc-brand{ display:inline-flex; align-items:center; gap:8px; color:#fff; text-decoration:none; }
.rbc-logo{ width:24px; height:24px; display:block; opacity:.95; }
.rbc-name{ font-weight:800; letter-spacing:.02em; font-size:12.5px; }

.rbc-dot{
  width:8px; height:8px; border-radius:50%;
  background:#7dffb3; box-shadow:0 0 10px rgba(125,255,179,.7);
  animation:rbc-breathe 2.6s ease-in-out infinite;
}
@keyframes rbc-breathe{ 0%,100%{ transform:scale(1)} 50%{ transform:scale(1.35)} }
@media (prefers-reduced-motion: reduce){ .rbc-dot{ animation:none; } }

.rbc-ver{
  font-size:11.5px; color:rgba(255,255,255,.82);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.rbc-mid{ display:flex; align-items:center; gap:0; }
.rbc-chan{
  color:#fff; text-decoration:none; font-size:12.5px; opacity:.9; padding:0 6px;
  outline: none;
}
.rbc-chan:hover{ opacity:1; }
.rbc-chan:focus-visible{
  box-shadow: 0 0 0 2px rgba(255,255,255,.14);
  border-radius:6px;
}
.rbc-chan + .rbc-chan{ position:relative; }
.rbc-chan + .rbc-chan::before{
  content:"•"; opacity:.5; margin-right:6px; display:inline-block;
}

.rbc-right{ display:flex; justify-content:flex-end; }
.rbc-legal{
  color:#fff; text-decoration:none; font-size:12.5px; opacity:.9;
  outline: none;
}
.rbc-legal:hover{ opacity:1; text-decoration:underline; text-decoration-thickness:1px; }
.rbc-legal:focus-visible{
  box-shadow: 0 0 0 2px rgba(255,255,255,.14);
  border-radius:6px;
}

.rbc-bottom{
  margin-top:6px;
  padding-top:6px;
  display:flex; align-items:center; justify-content:center;
}
.rbc-copy{ font-size:12px; color:rgba(255,255,255,.85); }

@media (max-width: 880px){
  .rbc-row{ grid-template-columns: 1fr; row-gap:6px; }
  .rbc-left{ justify-content:space-between; }
  .rbc-mid{ justify-content:flex-start; }
  .rbc-right{ justify-content:flex-start; }
  .rbc-bottom{ margin-top:4px; padding-top:6px; }
}

.rbc-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:2px 8px; border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  font-size:13.5px; color:#fff;
}

.rbc-pill-dot{
  width:7px; height:7px; border-radius:50%;
  background:linear-gradient(90deg, var(--avax,#E84142), #FF6B6B);
  box-shadow:0 0 10px rgba(232,65,66,.6);
}

.rbc-pill-sep{
  width:6px; height:6px; border-radius:50%;
  background:linear-gradient(90deg, #E84142, #FF6B6B);
  opacity:.9;
  box-shadow:0 0 6px rgba(232,65,66,.5);
  margin:0 2px;
}






@media (max-width: 979.98px) {
  .site-header{
    backdrop-filter: blur(10px) saturate(120%);
    background:
      radial-gradient(140% 260% at 0 0, rgba(232,65,66,.14), transparent),
      rgba(15,17,21,.97);
    border-bottom: 1px solid rgba(255,255,255,.10);
  }

  .header__inner{
    padding-inline: 16px;
    gap: 10px;
  }

  .net-badge{
    display: none; 
  }

  .btn.primary{
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
  }

  .burger{
    display: inline-flex;
    position: relative;
    width: 38px;
    height: 32px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(11,13,18,.98);
    box-shadow: 0 6px 16px rgba(0,0,0,.55);
    cursor: pointer;
    transition:
      background .22s ease,
      border-color .22s ease,
      box-shadow .22s ease,
      transform .14s ease;
  }

  .burger span{
    position: absolute;
    left: 8px;
    right: 8px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
    transform-origin: center;
    transition: transform .22s ease, opacity .16s ease;
  }
  .burger span:nth-child(1){ top: 9px; }
  .burger span:nth-child(2){ top: 15px; }
  .burger span:nth-child(3){ top: 21px; }

  .burger:hover{
    box-shadow: 0 9px 18px rgba(0,0,0,.65);
    transform: translateY(-1px);
  }

  .burger[aria-expanded="true"]{
    background: linear-gradient(90deg,var(--avax),var(--avax-2));
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(0,0,0,.7);
  }
  .burger[aria-expanded="true"] span:nth-child(1){
    transform: translateY(6px) rotate(45deg);
  }
  .burger[aria-expanded="true"] span:nth-child(2){
    opacity: 0;
  }
  .burger[aria-expanded="true"] span:nth-child(3){
    transform: translateY(-6px) rotate(-45deg);
  }


  .mobile-drawer,
  .mobile-drawer[hidden]{
    display: block; 
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;
    transition:
      opacity .22s ease,
      transform .22s ease,
      visibility 0s linear .22s;
  }

  .mobile-drawer:not([hidden]){
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition:
      opacity .22s ease,
      transform .22s ease,
      visibility 0s;
  }

  .mobile-nav{
    padding: 14px 18px 20px;
    gap: 8px;
  }
  .mobile-nav a{
    font-size: 13px;
    padding: 9px 11px;
    border-radius: 9px;
  }
}



@media (max-height: 900px){
  .hero{
    height: auto;
    padding-top: calc(var(--header-h) + 24px);
    padding-bottom: 32px;
    align-items: flex-start;
  }
  .hero__grid{
    padding-top: 0;
    align-items: flex-start;
  }
}

@media (max-width: 768px){
  .hero{
    height: auto;
    padding-top: calc(var(--header-h) + 20px);
    padding-bottom: 26px;
  }

  .hero__grid{
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding-inline: 24px;
  }

  .hero__col--text{
    order: 1;
    align-items: flex-start;
    text-align: left;
  }

  .hero__col--media{
    order: 2;
    margin: 10px 0 0;
    justify-content: flex-start;
  }

  .hero__photo-frame{
    width: 170px;
    margin-bottom: 0;
  }

  .hero-subtitle{
    font-size: 14px;
    max-width: 100%;
  }

  .specbar{
    width: 100%;
    margin-top: 8px;
    grid-template-columns: 1fr;
  }

  .spec{
    padding: 6px 10px;
    min-height: 40px;
  }

  .spec-text{
    font-size: 12px;
  }
}

@media (max-width: 640px){
  .pins li{
    padding: 6px 8px;
    font-size: 13px;
  }
}

@media (max-width: 1024px){
  .features{
    padding: 72px 0 56px;
  }
}

@media (max-width: 720px){
  .ft-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .fcard{
    grid-column: 1 / -1 !important;
    padding: 12px;
  }

  .fcard .fcard-text{
    font-size: 13px;
  }

  .kv{
    grid-template-columns: 1fr;
  }

  .fcard[data-fx="security"]{
    overflow: hidden;
  }

  .fcard[data-fx="security"] .sec-head{
    margin: 0 0 6px;
    padding: 10px;
    border-radius: 6px;
    background: #1f2026;
    box-shadow: none;
  }

  .fcard[data-fx="security"] .kpi-widget{
    position: static;
    left: auto;
    right: auto;
    top: auto;
    margin: 4px -2px 4px;
  }

  .fcard[data-fx="security"] .kpi-svg{
    width: 100%;
    height: auto;
    display: block;
  }
}

@media (max-width: 900px){
  .fcard[data-fx="security"] .kpi-widget{
    max-width: 100%;
  }
}


@media (max-width: 768px){
  .hero{
    height: auto;
    padding-top: calc(var(--header-h) + 20px);
    padding-bottom: 26px;
  }

  .hero__grid{
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-inline: 24px;
  }

  .hero__col--media{
    order: 0;
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
  }

  .hero__col--text{
    order: 1;
    align-items: center;
    text-align: center;
  }

  .hero__photo-frame{
    width: 180px;
    margin: 0 auto;
  }

  .specbar{
    width: 100%;
    margin-top: 8px;
    grid-template-columns: 1fr;
  }

  .spec{
    padding: 6px 10px;
    min-height: 40px;
  }

  .spec-text{
    font-size: 13px;
  }
}



@media (max-width: 979.98px){

  .burger.is-open,
  .burger[data-open="true"]{
    background: linear-gradient(90deg,var(--avax),var(--avax-2));
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(0,0,0,.7);
  }
  .burger.is-open span:nth-child(1),
  .burger[data-open="true"] span:nth-child(1){
    transform: translateY(6px) rotate(45deg);
  }
  .burger.is-open span:nth-child(2),
  .burger[data-open="true"] span:nth-child(2){
    opacity: 0;
  }
  .burger.is-open span:nth-child(3),
  .burger[data-open="true"] span:nth-child(3){
    transform: translateY(-6px) rotate(-45deg);
  }
}

.community-copy .cm-tag{
  margin: 3px 6px 3px 0;
}

@media (max-width: 768px){

  .community-head{
    margin-bottom: 14px;
  }

  .community-grid{
    grid-template-columns: 1fr;
    gap: 14px;
    text-align: center;
  }

  .community-copy{
    margin: 0 auto;
  }

  .community-copy .cm-tag{
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
  }

  .cm-schedule{
    justify-content: center;
    text-align: center;
  }

  .community-media{
    justify-content: center;
    margin-top: 6px;
  }

  .cm-photo{
    max-width: 340px;
    margin: 0 auto;
    aspect-ratio: 4 / 3;
  }
}


@media (max-width: 600px){

  .rbc-row{
    grid-template-columns: 1fr;
    row-gap: 6px;
    padding: 8px 0 4px;
  }

  .rbc-left,
  .rbc-mid,
  .rbc-right{
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }

  .rbc-mid{
    gap: 4px;
  }

  .rbc-chan{
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    margin: 2px 2px;
    font-size: 11.5px;
    background: rgba(0,0,0,.22);
    border-radius: 6px;
  }

  .rbc-chan + .rbc-chan::before{
    content: "";
    margin: 0;
  }

  .rbc-right .rbc-legal{
    font-size: 11.5px;
    margin: 0 4px;
  }

  .rbc-bottom{
    margin-top: 4px;
    padding-top: 4px;
  }

  .rbc-copy{
    font-size: 11px;
    text-align: center;
  }

  .rbc-pill{
    margin-top: 2px;
    font-size: 11.5px;
  }
}

@media (max-width: 979.98px) {
  #btn-start-now {
    display: none !important;
  }
}
@media (max-width: 979.98px) {
  .mobile-nav .btn.primary.wfull {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
  }
}


.burger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(12,14,18,.96);
  box-shadow: 0 6px 14px rgba(0,0,0,.55);
  cursor: pointer;
  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    transform .18s ease;
}

.burger:hover {
  box-shadow: 0 9px 20px rgba(0,0,0,.65);
  transform: translateY(-1px);
}

.burger-icon {
  width: 22px;
  height: 22px;
  stroke: #fff;
  fill: none;
  transition: stroke .25s ease;
}

.burger-icon .icon-bars rect,
.burger-icon .icon-close path {
  transition: all .3s cubic-bezier(.45,.1,.2,1);
}

.burger-icon .icon-close {
  opacity: 0;
  transform: scale(.7) rotate(-10deg);
  transform-origin: center;
}

.burger[aria-expanded="true"] {
  background: linear-gradient(90deg,var(--avax),var(--avax-2));
  border-color: transparent;
  box-shadow: 0 10px 26px rgba(0,0,0,.7);
}

.burger[aria-expanded="true"] .icon-bars {
  opacity: 0;
  transform: scale(.8) translateY(2px);
  transform-origin: center;
}

.burger[aria-expanded="true"] .icon-close {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.burger:hover .burger-icon {
  stroke: rgba(255,255,255,.9);
}
@media (min-width: 1100px) {
  .burger {
    display: none !important;
  }

  .primary-nav {
    display: flex !important;
  }

  #btn-start-now {
    display: inline-flex !important;
  }
}

@media (max-width: 1099.98px) {
  .primary-nav {
    display: none !important;
  }

  #btn-start-now {
    display: none !important;
  }

  .burger {
    display: inline-flex !important;
  }
}