/* ══════════════════════════════════════════════
   FROSTPROXIES — LANDING STYLES
   Ice / Winter / Freezing Theme
══════════════════════════════════════════════ */

/* ── Snow canvas ── */
.snow-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}

/* ── Ice corner overlays (fixed to viewport) ── */
.ice-corner{position:fixed;pointer-events:none;z-index:800;opacity:0;transition:opacity 2s ease;}
.ice-corner--tl{top:0;left:0;}
.ice-corner--tr{top:0;right:0;transform:scaleX(-1);}
.ice-corner--bl{bottom:0;left:0;transform:scaleY(-1);}
.ice-corner--br{bottom:0;right:0;transform:scale(-1,-1);}
.ice-corner.visible{opacity:1;}

/* ── HERO ── */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  padding:calc(var(--nav-h) + var(--announce-h)) 60px 60px;overflow:hidden;
  /* Hero has its OWN background so it looks distinct */
  background:transparent; /* lets body bg show through */
}
/* Large radial highlights that ARE visible */
.hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 55% 65% at 72% -5%,  rgba(37,99,235,.30)  0%, transparent 55%),
    radial-gradient(ellipse 40% 55% at 0%  75%,  rgba(6,182,212,.22)   0%, transparent 55%),
    radial-gradient(ellipse 35% 45% at 90% 80%,  rgba(139,92,246,.12)  0%, transparent 50%);
}
/* Frost animated pulse */
.hero::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 40% at 50% 50%, rgba(6,182,212,.04) 0%, transparent 60%);
  animation:frostPulse 7s ease-in-out infinite;
}
@keyframes frostPulse{0%,100%{opacity:.5}50%{opacity:1}}

/* Grid */
.hero__grid{
  position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);
  background-size:68px 68px;
  animation:gridScroll 35s linear infinite;
  mask-image:radial-gradient(ellipse 110% 90% at 50% 50%,black 10%,transparent 100%);
}
@keyframes gridScroll{from{transform:translateY(0)}to{transform:translateY(68px)}}

/* Orbs */
.hero__orb{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0;}
.hero__orb--1{width:750px;height:750px;right:-150px;top:-180px;background:radial-gradient(circle,rgba(37,99,235,.18) 0%,transparent 70%);animation:orbFloat 12s ease-in-out infinite;}
.hero__orb--2{width:550px;height:550px;left:-120px;bottom:0;background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%);animation:orbFloat 15s ease-in-out infinite reverse;}
.hero__orb--3{width:400px;height:400px;left:38%;top:15%;background:radial-gradient(circle,rgba(103,232,249,.06) 0%,transparent 70%);animation:orbFloat 18s ease-in-out infinite;}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.04)}}

/* ── MOUNTAIN SVG BG ── */
.hero__mountains{position:absolute;bottom:0;left:0;right:0;z-index:1;pointer-events:none;height:60%;}

/* ── Floating ice crystals ── */
.ice-crystal{position:absolute;z-index:1;pointer-events:none;font-size:1.4rem;opacity:0;animation:crystalFloat 10s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(6,182,212,.7));color:rgba(165,243,252,.35);}
.ice-crystal--1{top:13%;left:7%; animation-delay:0s;   animation-duration:11s;font-size:2rem;}
.ice-crystal--2{top:23%;right:11%;animation-delay:2.2s; animation-duration:14s;}
.ice-crystal--3{top:68%;left:5%; animation-delay:4.5s; animation-duration:9s; font-size:1rem;}
.ice-crystal--4{top:75%;right:7%;animation-delay:1.1s; animation-duration:12s;font-size:1.1rem;}
.ice-crystal--5{top:45%;right:2%;animation-delay:3.3s; animation-duration:15s;font-size:.95rem;}
@keyframes crystalFloat{0%{opacity:0;transform:translateY(0) rotate(0deg);}25%{opacity:.85;}50%{opacity:.45;transform:translateY(-22px) rotate(180deg);}75%{opacity:.85;}100%{opacity:0;transform:translateY(0) rotate(360deg);}}

/* ── Hero content ── */
.hero__content{position:relative;z-index:2;max-width:620px;}
.hero__eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;
  padding:7px 18px;border-radius:var(--r-full);
  background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);
  font-size:.7rem;font-weight:700;color:rgba(165,243,252,.9);
  letter-spacing:.12em;text-transform:uppercase;
  animation:fadeUp .6s var(--ease) both;backdrop-filter:blur(12px);
}
.eyebrow-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);animation:pulse 2s ease-in-out infinite;flex-shrink:0;}

.hero__title{
  font-size:clamp(3.6rem,7.5vw,6.8rem);font-weight:900;line-height:.92;
  letter-spacing:-.055em;color:var(--t-1);margin-bottom:24px;
  animation:fadeUp .7s var(--ease) .1s both;
}
.hero__title em{
  font-style:normal;display:block;
  background:linear-gradient(120deg,#bfdbfe 0%,#67e8f9 35%,#a5f3fc 65%,#e0f2fe 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 35px rgba(6,182,212,.5));
}
.hero__desc{font-size:1.06rem;color:var(--t-2);line-height:1.78;max-width:490px;margin-bottom:34px;animation:fadeUp .7s var(--ease) .18s both;}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .7s var(--ease) .24s both;}
.hero__trust{display:flex;align-items:center;gap:22px;margin-top:28px;animation:fadeUp .7s var(--ease) .32s both;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--t-3);}
.trust-check{color:var(--cyan);font-weight:700;font-size:.9rem;}

/* ── BIG BUTTONS ── */
.btn--primary{
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 60%,#1e40af 100%) !important;
  color:#fff !important;border:1px solid rgba(96,165,250,.35) !important;
  font-size:1rem !important;padding:15px 38px !important;
  box-shadow:0 0 35px rgba(37,99,235,.5),0 4px 20px rgba(37,99,235,.4),inset 0 1px 0 rgba(255,255,255,.18) !important;
  letter-spacing:.015em;font-weight:700 !important;border-radius:var(--r-md) !important;
}
.btn--primary:hover{transform:translateY(-2px) scale(1.02) !important;box-shadow:0 0 55px rgba(37,99,235,.7),0 8px 32px rgba(37,99,235,.55) !important;}
.btn--glow{animation:btnGlowAnim 3s ease-in-out infinite;}
@keyframes btnGlowAnim{0%,100%{box-shadow:0 0 25px rgba(37,99,235,.4),0 4px 16px rgba(37,99,235,.35)}50%{box-shadow:0 0 50px rgba(37,99,235,.65),0 6px 28px rgba(37,99,235,.5),0 0 80px rgba(6,182,212,.2)}}
.btn--glow:hover{animation:none;}

.btn--ice{
  border:1px solid rgba(6,182,212,.3) !important;color:rgba(165,243,252,.92) !important;
  font-size:1rem !important;padding:15px 38px !important;
  background:rgba(6,182,212,.06) !important;backdrop-filter:blur(8px);
  border-radius:var(--r-md) !important;font-weight:600 !important;
}
.btn--ice:hover{background:rgba(6,182,212,.14) !important;border-color:rgba(6,182,212,.55) !important;transform:translateY(-2px) !important;box-shadow:0 0 35px rgba(6,182,212,.28) !important;}

/* Plan card Order Now */
.plan-card .btn--primary{font-size:.92rem !important;padding:13px 24px !important;letter-spacing:.02em !important;}

/* ── Hero visual panel ── */
.hero__visual{position:absolute;right:60px;top:50%;transform:translateY(-44%);width:360px;z-index:2;animation:fadeUp .9s var(--ease) .3s both;}
.proxy-visualizer{
  background:rgba(8,12,26,.92);border:1px solid rgba(6,182,212,.2);
  border-radius:var(--r-xl);padding:18px;margin-bottom:12px;
  backdrop-filter:blur(28px);
  box-shadow:0 0 70px rgba(6,182,212,.08),0 4px 28px rgba(0,0,0,.7),inset 0 1px 0 rgba(6,182,212,.1);
  position:relative;overflow:hidden;
}
.proxy-visualizer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.7),transparent);}
.proxy-viz__title{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t-3);margin-bottom:12px;}
.proxy-viz__svg{width:100%;height:auto;}
.viz-line{stroke-dasharray:5 3;animation:vizDash 2.5s linear infinite;}
@keyframes vizDash{0%{stroke-dashoffset:32}100%{stroke-dashoffset:0}}
.proxy-viz__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;}
.proxy-viz__stat{text-align:center;}
.proxy-viz__stat-val{display:block;font-family:var(--f-mono);font-size:.95rem;font-weight:700;color:var(--cyan);letter-spacing:-.02em;}
.proxy-viz__stat-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--t-3);margin-top:2px;display:block;}
.server-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.server-card{background:rgba(8,12,26,.9);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;backdrop-filter:blur(20px);transition:border-color .2s,transform .2s;}
.server-card:hover{border-color:rgba(6,182,212,.25);transform:translateY(-2px);}
.server-card--glow{border-color:rgba(37,99,235,.25);box-shadow:0 0 24px rgba(37,99,235,.07);}
.server-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.server-card__name{font-family:var(--f-mono);font-size:.62rem;color:var(--t-3);font-weight:500;}
.server-card__speed{font-size:1.05rem;font-weight:800;color:var(--cyan);letter-spacing:-.03em;}
.server-card__bar{height:2px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-top:6px;}
.server-card__bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px;transform-origin:left;animation:barGrow 1.2s var(--ease) .8s both;}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.progress__fill--warn{background:linear-gradient(90deg,var(--amber),#fcd34d);}

/* ── STATS BAR ── */
.stats-bar{padding:0 60px 72px;}
.stats-bar__inner{
  max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(6,182,212,.12);border-radius:var(--r-2xl);overflow:hidden;position:relative;
  background:linear-gradient(135deg,rgba(8,12,26,.96),rgba(9,14,28,.98));
  box-shadow:0 0 100px rgba(6,182,212,.05),inset 0 1px 0 rgba(6,182,212,.1);
}
.stats-bar__inner::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.55),rgba(37,99,235,.45),transparent);}
.stat-item{padding:30px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.05);transition:background .2s;display:flex;flex-direction:column;align-items:center;gap:3px;}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:rgba(6,182,212,.04);}
.stat-item__icon{font-size:1.5rem;margin-bottom:5px;}
.stat-item__val{
  font-size:2.1rem;font-weight:900;letter-spacing:-.05em;line-height:1;display:block;
  background:linear-gradient(135deg,#e0f2fe 0%,#67e8f9 50%,#a5f3fc 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.stat-item__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t-3);}
.stat-item__sub{font-size:.62rem;color:rgba(6,182,212,.4);font-style:italic;margin-top:1px;}

/* ── SECTIONS ── */
.section{padding:88px 60px;}
.section--alt{
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%, rgba(8,13,28,.96), rgba(8,12,26,.97));
  border-top:1px solid rgba(6,182,212,.07);border-bottom:1px solid rgba(6,182,212,.07);
}
.section__header{text-align:center;margin-bottom:60px;}
.section__tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(103,232,249,.95);margin-bottom:14px;padding:5px 16px;background:rgba(6,182,212,.07);border:1px solid rgba(6,182,212,.2);border-radius:var(--r-full);}
.section__title{font-size:clamp(2rem,3.5vw,2.9rem);font-weight:900;letter-spacing:-.05em;color:var(--t-1);margin-bottom:14px;line-height:1.02;}
.section__sub{font-size:.975rem;color:var(--t-2);line-height:1.7;max-width:460px;margin:0 auto;}

/* ── USE CASES ── */
.section--usecases{padding:80px 60px;background:linear-gradient(180deg,rgba(8,12,26,.97),rgba(7,11,24,.97));}
.usecases__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  max-width:1100px;margin:0 auto;
  border:1px solid rgba(6,182,212,.1);border-radius:var(--r-xl);overflow:hidden;
  background:rgba(8,12,26,.93);
}
.usecase-card{
  padding:32px 28px;position:relative;overflow:hidden;
  border-right:1px solid rgba(6,182,212,.07);border-bottom:1px solid rgba(6,182,212,.07);
  transition:background .22s var(--ease);cursor:default;
}
.usecase-card:nth-child(3n){border-right:none;}
.usecase-card:nth-child(4),.usecase-card:nth-child(5),.usecase-card:nth-child(6){border-bottom:none;}
.usecase-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.6),transparent);opacity:0;transition:opacity .25s;}
.usecase-card:hover{background:rgba(10,16,34,.98);}
.usecase-card:hover::before{opacity:1;}
.usecase-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px;}
.usecase-card__icon-wrap{width:48px;height:48px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(6,182,212,.07);border:1px solid rgba(6,182,212,.14);transition:transform .25s var(--ease),box-shadow .25s;}
.usecase-card:hover .usecase-card__icon-wrap{transform:scale(1.1) rotate(-5deg);box-shadow:0 0 22px rgba(6,182,212,.28);}
.usecase-card__arrow{width:28px;height:28px;border-radius:var(--r-sm);flex-shrink:0;margin-top:4px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.12);color:rgba(6,182,212,.5);font-size:.85rem;transition:all .2s;cursor:pointer;}
.usecase-card:hover .usecase-card__arrow{background:rgba(6,182,212,.15);border-color:rgba(6,182,212,.4);color:var(--cyan);transform:translate(2px,-2px);}
.usecase-card__title{font-size:1.02rem;font-weight:800;color:var(--t-1);margin-bottom:10px;letter-spacing:-.02em;}
.usecase-card__desc{font-size:.85rem;color:var(--t-2);line-height:1.7;}

/* ── FEATURES ── */
.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto;}
.feature-card{
  padding:28px;background:rgba(8,12,26,.9);border:1px solid rgba(255,255,255,.06);
  border-radius:var(--r-xl);transition:all .25s var(--ease);position:relative;overflow:hidden;
}
.feature-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),transparent);opacity:0;transition:opacity .25s;}
.feature-card:hover{border-color:rgba(6,182,212,.22);transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 40px rgba(6,182,212,.06);}
.feature-card:hover::after{opacity:1;}
.feature-card__icon{width:44px;height:44px;border-radius:var(--r-md);background:rgba(6,182,212,.07);border:1px solid rgba(6,182,212,.15);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;transition:transform .3s var(--ease),box-shadow .3s;}
.feature-card:hover .feature-card__icon{transform:scale(1.12) rotate(-5deg);box-shadow:0 0 24px rgba(6,182,212,.28);}
.feature-card__title{font-size:.97rem;font-weight:800;color:var(--t-1);margin-bottom:9px;letter-spacing:-.02em;}
.feature-card__desc{font-size:.84rem;color:var(--t-2);line-height:1.7;}

/* ── PRICING ── */
.pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto 28px;}
.pricing__footer{text-align:center;}
.pricing__crypto-note{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;font-size:.78rem;color:var(--t-3);font-weight:500;padding:10px 20px;background:rgba(8,12,26,.96);border:1px solid rgba(6,182,212,.1);border-radius:var(--r-full);}
.crypto-pill{font-weight:700;font-size:.82rem;}
.plan-card{
  background:rgba(8,12,26,.94);border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r-2xl);padding:28px 22px;position:relative;
  transition:all .25s var(--ease);overflow:hidden;
}
.plan-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.4),transparent);opacity:0;transition:opacity .25s;}
.plan-card:hover{transform:translateY(-8px);border-color:rgba(6,182,212,.25);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(6,182,212,.07);}
.plan-card:hover::before{opacity:1;}
.plan-card--popular{border-color:rgba(37,99,235,.38);background:linear-gradient(168deg,rgba(37,99,235,.1),rgba(6,182,212,.05),rgba(8,12,26,.95));box-shadow:0 0 60px rgba(37,99,235,.12),0 4px 20px rgba(0,0,0,.5);}
.plan-card--popular::before{opacity:1;background:linear-gradient(90deg,transparent,rgba(37,99,235,.65),rgba(6,182,212,.45),transparent);}
.plan-card--popular:hover{box-shadow:0 24px 70px rgba(37,99,235,.22),0 0 80px rgba(6,182,212,.1);}
.plan-card__top-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:var(--r-full);box-shadow:0 2px 12px rgba(37,99,235,.5);}
.plan-card__speed{font-size:3.5rem;font-weight:900;color:var(--t-1);line-height:1;letter-spacing:-.06em;}
.plan-card__unit{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t-3);margin-bottom:24px;display:block;margin-top:2px;}
.plan-card__periods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px;}
.period-opt{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-sm);padding:10px 4px;text-align:center;cursor:pointer;transition:all .15s;user-select:none;}
.period-opt:hover{border-color:rgba(6,182,212,.4);background:rgba(6,182,212,.07);}
.period-opt.is-active{border-color:rgba(6,182,212,.65);background:rgba(6,182,212,.13);box-shadow:0 0 16px rgba(6,182,212,.2);}
.period-opt__price{font-size:1rem;font-weight:800;color:var(--t-1);display:block;letter-spacing:-.03em;}
.period-opt__label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--t-3);margin-top:1px;display:block;}
.plan-card__features{margin-bottom:22px;border-top:1px solid rgba(255,255,255,.05);padding-top:18px;}
.plan-card__features li{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:.84rem;color:var(--t-2);border-bottom:1px solid rgba(255,255,255,.03);}
.plan-card__features li:last-child{border-bottom:none;}
.plan-card__features li::before{content:'✓';color:var(--cyan);font-weight:900;font-size:.72rem;flex-shrink:0;}

/* ── TESTIMONIALS ── */
.section--trust{background:linear-gradient(180deg,rgba(7,11,24,.97),rgba(8,12,26,.97));}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;}
.trust-card{padding:28px;background:rgba(8,12,26,.95);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-xl);transition:all .22s var(--ease);}
.trust-card:hover{border-color:rgba(6,182,212,.18);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.5);}
.trust-card--featured{border-color:rgba(6,182,212,.18);background:linear-gradient(135deg,rgba(6,182,212,.05),rgba(8,12,26,.96));box-shadow:0 0 50px rgba(6,182,212,.06);}
.trust-card--featured:hover{border-color:rgba(6,182,212,.35);box-shadow:0 0 70px rgba(6,182,212,.1),0 12px 40px rgba(0,0,0,.5);}
.trust-card__stars{color:var(--amber);font-size:1rem;letter-spacing:2px;margin-bottom:14px;}
.trust-card__text{font-size:.875rem;color:var(--t-2);line-height:1.75;margin-bottom:18px;font-style:italic;}
.trust-card__author{display:flex;align-items:center;gap:10px;}
.trust-card__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;flex-shrink:0;}
.trust-card__name{font-size:.85rem;font-weight:700;color:var(--t-1);}
.trust-card__role{font-size:.74rem;color:var(--t-3);margin-top:1px;}

/* ── CTA BAND ── */
.cta-band{
  padding:88px 60px;text-align:center;position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 80% 150% at 50% -5%, rgba(6,182,212,.09) 0%, rgba(37,99,235,.05) 35%, transparent 65%),
    linear-gradient(180deg,rgba(8,12,26,.97),rgba(7,11,24,.97));
  border-top:1px solid rgba(6,182,212,.08);border-bottom:1px solid rgba(6,182,212,.08);
}
.cta-band__snowflakes{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.cta-flake{position:absolute;bottom:100%;font-size:1.2rem;color:rgba(165,243,252,.2);animation:snowFall linear infinite;filter:drop-shadow(0 0 5px rgba(6,182,212,.4));}
@keyframes snowFall{0%{transform:translateY(0) rotate(0deg);opacity:0;}10%{opacity:1;}90%{opacity:.4;}100%{transform:translateY(220px) rotate(540deg);opacity:0;}}
.cta-band__title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;letter-spacing:-.055em;color:var(--t-1);margin-bottom:16px;position:relative;line-height:1.02;}
.cta-band__sub{font-size:1rem;color:var(--t-2);position:relative;max-width:500px;margin:0 auto 36px;line-height:1.72;}

/* ── FOOTER ── */
.footer{background:rgba(2,3,8,.99);border-top:1px solid rgba(6,182,212,.07);padding:60px 60px 28px;}
.footer__grid--simple{display:grid;grid-template-columns:2fr 1fr;gap:56px;max-width:1100px;margin:0 auto 44px;}
.footer__brand-desc{font-size:.875rem;color:var(--t-2);line-height:1.75;margin-top:14px;max-width:380px;}
.footer__badges{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.footer__badge{font-size:.7rem;font-weight:600;padding:4px 10px;background:rgba(6,182,212,.05);border:1px solid rgba(6,182,212,.12);border-radius:var(--r-full);color:var(--t-3);}
.footer__col-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t-3);margin-bottom:16px;}
.footer__links li{margin-bottom:10px;}
.footer__links a{font-size:.875rem;color:var(--t-2);cursor:pointer;transition:color .15s;}
.footer__links a:hover{color:var(--cyan);}
.footer__bottom{max-width:1100px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--t-3);}
.footer__status{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--green);}
.footer__status::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);animation:pulse 2s ease-in-out infinite;}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease),transform .65s var(--ease);}
.reveal.visible{opacity:1;transform:none;}
.reveal-left{opacity:0;transform:translateX(-24px);transition:opacity .65s var(--ease),transform .65s var(--ease);}
.reveal-left.visible{opacity:1;transform:none;}
.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.reveal-scale.visible{opacity:1;transform:scale(1);}
.reveal-stagger>*{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease),transform .55s var(--ease);}
.reveal-stagger.visible>*:nth-child(1){opacity:1;transform:none;transition-delay:.04s;}
.reveal-stagger.visible>*:nth-child(2){opacity:1;transform:none;transition-delay:.12s;}
.reveal-stagger.visible>*:nth-child(3){opacity:1;transform:none;transition-delay:.2s;}
.reveal-stagger.visible>*:nth-child(4){opacity:1;transform:none;transition-delay:.28s;}
.reveal-stagger.visible>*:nth-child(5){opacity:1;transform:none;transition-delay:.36s;}
.reveal-stagger.visible>*:nth-child(6){opacity:1;transform:none;transition-delay:.44s;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.pricing__grid{grid-template-columns:repeat(2,1fr)}.hero__visual{display:none}.trust-grid{grid-template-columns:1fr}.usecases__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.hero{padding:calc(var(--nav-h) + var(--announce-h)) 20px 40px}.stats-bar{padding:0 16px 48px}.stats-bar__inner{grid-template-columns:repeat(2,1fr);border-radius:var(--r-xl)}.section,.section--usecases{padding:60px 20px}.features__grid,.usecases__grid{grid-template-columns:1fr}.pricing__grid{grid-template-columns:1fr}.footer{padding:40px 20px 20px}.footer__grid--simple{grid-template-columns:1fr;gap:28px}.footer__bottom{flex-direction:column;gap:12px;text-align:center}.cta-band{padding:60px 20px}.trust-grid{grid-template-columns:1fr}}


/* ── STAT ICONS ── */
.stat-icon {
  width:56px; height:56px; margin-bottom:12px;
  display:flex; align-items:center; justify-content:center;
}
.stat-icon svg { width:56px; height:56px; overflow:visible; }

/* Globe — always has two spinning rings */
/* (animations live in SVG via <animateTransform>) */
.stat-item:hover .si-globe {
  filter:drop-shadow(0 0 8px rgba(6,182,212,.5));
  transform:scale(1.12);
  transition:filter .3s, transform .3s cubic-bezier(.34,1.56,.64,1);
}

/* Lightning bolt */
.bolt-body {
  transition:filter .25s;
}
.bolt-spark { transition:opacity .15s; }
/* Spark lines appear on hover via CSS */
.stat-item:hover .bolt-body {
  filter:drop-shadow(0 0 5px rgba(251,191,36,.9)) drop-shadow(0 0 12px rgba(245,158,11,.6));
}
.stat-item:hover .bolt-spark--1 { opacity:1; animation:sparkPop .4s ease forwards; }
.stat-item:hover .bolt-spark--2 { opacity:1; animation:sparkPop .4s ease .08s forwards; }
.stat-item:hover .bolt-spark--3 { opacity:1; animation:sparkPop .4s ease .04s forwards; }
.stat-item:hover .bolt-spark--4 { opacity:1; animation:sparkPop .4s ease .12s forwards; }
.stat-item:hover .si-bolt { transform:scale(1.1); transition:transform .25s cubic-bezier(.34,1.56,.64,1); }
@keyframes sparkPop {
  0%   { opacity:0; stroke-dashoffset:10; }
  30%  { opacity:1; }
  100% { opacity:0; }
}

/* Rocket — group lifts on hover; flame always burns (SVG <animate>) */
.rocket-group {
  transform-origin:24px 24px;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1);
}
.rocket-flame {
  transform-origin:24px 34px;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1);
}
.stat-item:hover .rocket-group {
  transform:translateY(-6px);
}
.stat-item:hover .rocket-flame {
  transform:translateY(-6px) scaleY(1.2);
}
.stat-item:hover .si-rocket {
  filter:drop-shadow(0 0 10px rgba(251,146,60,.55));
  transition:filter .3s;
}

/* Headset — sound wave rings animate on hover */
.sw { transform-origin:24px 22px; }
.stat-item:hover .sw1 {
  animation:swPulse 1s ease-out .0s infinite;
}
.stat-item:hover .sw2 {
  animation:swPulse 1s ease-out .2s infinite;
}
@keyframes swPulse {
  0%   { opacity:.5; transform:scale(.7); }
  60%  { opacity:.3; }
  100% { opacity:0;  transform:scale(1.2); }
}
.stat-item:hover .si-support {
  filter:drop-shadow(0 0 8px rgba(139,92,246,.5));
  transform:scale(1.1);
  transition:filter .3s, transform .3s cubic-bezier(.34,1.56,.64,1);
}

/* Remove old emoji display */
.stat-item__icon { display:none !important; }

/* ══════════════════════════════════════════════
   FAQ SECTION
══════════════════════════════════════════════ */
.section--faq { padding:88px 60px; background:rgba(8,12,24,.6); }
.faq-grid { max-width:860px; margin:0 auto; display:flex; flex-direction:column; gap:0; border:1px solid rgba(6,182,212,.1); border-radius:var(--r-xl); overflow:hidden; background:rgba(8,12,24,.95); }
.faq-item { border-bottom:1px solid rgba(6,182,212,.08); overflow:hidden; transition:background .18s; }
.faq-item:last-child { border-bottom:none; }
.faq-item:hover { background:rgba(6,182,212,.03); }
.faq-item__q {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 24px; cursor:pointer; gap:16px;
  font-size:.925rem; font-weight:600; color:var(--t-1); letter-spacing:-.01em;
  user-select:none;
}
.faq-item__arrow {
  flex-shrink:0; width:24px; height:24px; border-radius:50%;
  background:rgba(6,182,212,.08); border:1px solid rgba(6,182,212,.15);
  display:flex; align-items:center; justify-content:center;
  font-size:.8rem; color:var(--cyan); transition:transform .28s var(--ease);
}
.faq-item.is-open .faq-item__arrow { transform:rotate(180deg); background:rgba(6,182,212,.15); }
.faq-item__a {
  max-height:0; overflow:hidden;
  padding:0 24px; font-size:.875rem; color:var(--t-2); line-height:1.75;
  transition:max-height .35s var(--ease), padding .35s var(--ease), opacity .28s;
  opacity:0;
}
.faq-item.is-open .faq-item__a { max-height:200px; padding:0 24px 18px; opacity:1; }

@media(max-width:768px){ .section--faq{padding:60px 20px} .faq-item__q{padding:15px 18px;font-size:.875rem} .faq-item.is-open .faq-item__a{padding:0 18px 16px} }