:root{
  --bg:#060a0c; --ink:#e9f1ed; --muted:#94a8a0; --muted2:#728178;
  --brand:#123B19; --green:#23821C; --green-mid:#1C8248; --green-soft:#86C98E; --olive:#56821C; --violet:#7B1C82;
  --surface:#08100d; --surface2:#0b1511;
  --line:rgba(180,215,195,.11); --line2:rgba(180,215,195,.20);
  --panel:rgba(8,16,13,.74);
  --r:12px; --r-lg:16px;
  --shadow:0 22px 70px -34px rgba(0,0,0,.88);
}
*{box-sizing:border-box}
html{overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{
  margin:0;min-width:320px;color:var(--ink);background:var(--bg);
  font-family:Manrope,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.65;
  overflow-x:clip;-webkit-font-smoothing:antialiased;letter-spacing:0;
}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Unbounded,Manrope,sans-serif;letter-spacing:0;margin:0;font-weight:800}
svg{display:block}
.tnum{font-variant-numeric:tabular-nums}

/* фон — тонкая сетка + мягкое свечение (без перебора) */
.bg-grid{position:fixed;inset:0;z-index:-2;
  background-image:linear-gradient(rgba(120,180,150,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,150,.025) 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(1200px 700px at 70% 0%,#000,transparent 75%)}
.bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 600px at 78% -8%,rgba(18,59,25,.09),transparent 62%),linear-gradient(180deg,transparent,rgba(6,10,12,.72) 78%,var(--bg))}

/* кнопки */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 22px;border-radius:10px;border:1px solid transparent;font-weight:750;font-size:.94rem;
  cursor:pointer;isolation:isolate;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,background .22s,border-color .22s,color .22s,filter .22s;will-change:transform}
.btn-primary{color:#f4fff7;border-color:rgba(134,201,142,.22);
  background:linear-gradient(135deg,rgba(35,130,28,.92),rgba(18,59,25,.94));
  box-shadow:0 16px 32px -24px rgba(35,130,28,.72),inset 0 1px 0 rgba(255,255,255,.16);overflow:hidden}
.btn-primary span{position:relative;z-index:1}
.btn-primary::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 46%);opacity:.75}
.btn-primary::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-130%);transition:transform .7s ease}
.btn-primary:hover{border-color:rgba(134,201,142,.34);filter:brightness(1.03);
  box-shadow:0 18px 38px -24px rgba(35,130,28,.84),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover::after{transform:translateX(130%)}
.btn-primary:active{filter:brightness(.98);box-shadow:0 10px 24px -20px rgba(35,130,28,.70),inset 0 2px 8px rgba(0,0,0,.20)}
.btn-ghost{color:#d9e5df;border-color:var(--line2);background:rgba(8,16,13,.46)}
.btn-ghost:hover{border-color:rgba(134,201,142,.38);background:rgba(18,59,25,.16)}

/* NAV */
.nav{position:fixed;z-index:40;top:16px;left:50%;transform:translateX(-50%);
  width:min(1200px,calc(100% - 28px));display:flex;align-items:center;gap:18px;
  padding:7px 8px 7px 14px;border:1px solid rgba(180,215,195,.12);border-radius:12px;
  background:rgba(6,12,10,.70);box-shadow:0 18px 64px -42px rgba(0,0,0,.95);backdrop-filter:blur(14px) saturate(115%);
  transition:background .3s,border-color .3s,top .3s}
.nav.scrolled{top:10px;background:rgba(6,10,9,.86);border-color:rgba(180,215,195,.18)}
.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.brand-logo svg{width:30px;height:30px}
.brand-name{font-family:Unbounded,sans-serif;font-weight:800;font-size:1rem}
.brand-name b{color:var(--green)}
.nav-links{display:flex;flex:1;justify-content:center;gap:2px}
.nav-links a,.nav-links button{padding:8px 12px;border:0;border-radius:8px;color:#9aaca4;background:transparent;font:inherit;font-weight:650;font-size:.88rem;line-height:1.65;transition:.2s;cursor:pointer}
.nav-links a:hover,.nav-links button:hover{color:#eef7f2;background:rgba(255,255,255,.035)}
.nav-cta{min-height:38px;padding:0 15px;font-size:.86rem}

/* HERO */
.hero{position:relative;width:100%;max-width:none;margin:0;min-height:100svh;display:block;overflow:visible}
.hero-stage{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;
  padding:148px max(24px,calc((100vw - 1200px)/2 + 24px)) 92px;overflow:visible}
.hero-copy{position:relative;z-index:4;width:min(880px,100%);min-width:0}
.hero-copy::before{content:"";position:absolute;z-index:-1;inset:-46px -72px -42px -48px;
  background:linear-gradient(90deg,rgba(2,8,6,.78),rgba(2,8,6,.44) 56%,rgba(2,8,6,0));
  filter:blur(18px);pointer-events:none}
.hero h1{margin:0;font-family:Onest,Manrope,sans-serif;font-size:clamp(4.15rem,7.4vw,6.15rem);line-height:.92;font-weight:800;letter-spacing:0;
  color:transparent;text-wrap:balance;-webkit-font-smoothing:antialiased}
.glass-word{position:relative;display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text;
  isolation:isolate;text-shadow:0 1px 0 rgba(255,255,255,.20),0 2px 0 rgba(7,18,12,.15),0 15px 30px rgba(0,0,0,.34)}
.glass-word::before{content:attr(data-text);position:absolute;inset:0;z-index:-2;color:rgba(4,12,8,.22);
  transform:translateY(3px);filter:blur(.35px);text-shadow:0 5px 16px rgba(0,0,0,.42)}
.glass-word::after{content:attr(data-text);position:absolute;inset:0;z-index:2;color:transparent;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.18) 17%,rgba(255,255,255,0) 39%),
    linear-gradient(112deg,rgba(255,255,255,0) 14%,rgba(255,255,255,.28) 32%,rgba(255,255,255,0) 47%);
  -webkit-background-clip:text;background-clip:text;opacity:.46}
.glass-word--light{background-image:linear-gradient(180deg,#FFFFFF 0%,#E9FFF0 22%,#BCE1C2 42%,#83C790 57%,#3E9A55 76%,#123B19 100%)}
.grad{background-image:linear-gradient(180deg,#F8FFF8 0%,#D5F0D5 21%,#A9DFA8 39%,#73C378 55%,#2E9147 73%,#123B19 100%);
  font-weight:900;filter:drop-shadow(0 14px 30px rgba(18,59,25,.32))}
.lead{max-width:610px;margin:24px 0 0;color:#c7d6cf;font-size:1.04rem;font-weight:520;line-height:1.76}
.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;width:100%;max-width:700px;margin-top:28px}
.hero-action-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:62px;
  padding:11px 12px 11px 16px;border:1px solid rgba(134,201,142,.22);border-radius:16px;color:#f4fff7;
  background:linear-gradient(180deg,rgba(8,18,14,.86),rgba(5,12,10,.78));
  box-shadow:0 24px 70px -52px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;isolation:isolate;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}
.hero-action-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(380px 170px at 16% 50%,rgba(35,130,28,.20),transparent 68%),
    linear-gradient(90deg,rgba(35,130,28,.08),rgba(35,130,28,0) 58%);opacity:.75;transition:opacity .22s ease}
.hero-action-card--primary{border-color:rgba(74,190,92,.56);
  background:linear-gradient(180deg,rgba(15,77,28,.84),rgba(8,33,16,.86));
  box-shadow:0 28px 82px -48px rgba(35,130,28,.82),inset 0 1px 0 rgba(255,255,255,.12)}
.hero-action-card--primary::before{opacity:1;background:radial-gradient(430px 190px at 22% 50%,rgba(74,190,92,.34),transparent 68%),
  linear-gradient(90deg,rgba(35,130,28,.20),rgba(18,59,25,.06) 65%,transparent)}
.hero-action-card:hover{border-color:rgba(134,201,142,.36);background:linear-gradient(180deg,rgba(9,21,16,.92),rgba(5,12,10,.82));
  box-shadow:0 30px 86px -54px rgba(35,130,28,.58),inset 0 1px 0 rgba(255,255,255,.08)}
.hero-action-card--primary:hover{border-color:rgba(96,220,112,.70);background:linear-gradient(180deg,rgba(17,86,32,.90),rgba(8,36,17,.88))}
.hero-action-card:hover::before{opacity:1}
.hero-action-icon,.hero-action-arrow{display:grid;place-items:center;border-radius:50%;color:#86C98E}
.hero-action-icon{width:34px;height:34px;background:rgba(35,130,28,.14);box-shadow:0 0 24px -15px rgba(134,201,142,.80)}
.hero-action-card--primary .hero-action-icon{color:#dfffe4;background:rgba(35,130,28,.18)}
.hero-action-icon svg{width:25px;height:25px}
.hero-action-copy{display:grid;gap:2px;min-width:0}
.hero-action-copy strong{font-size:.98rem;line-height:1.16;font-weight:850;white-space:normal}
.hero-action-copy small{color:#a7bbb2;font-size:.72rem;font-weight:560;line-height:1.28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-action-arrow{width:34px;height:34px;background:rgba(35,130,28,.16);transition:background .22s ease,color .22s ease,transform .22s ease}
.hero-action-arrow svg{width:20px;height:20px}
.hero-action-card:hover .hero-action-arrow{color:#dfffe4;background:rgba(35,130,28,.25);transform:translateX(2px)}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;max-width:760px}
.hero-trust .tb{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;color:#b5c6be;font-weight:680;font-size:.86rem;border:1px solid rgba(180,215,195,.10);border-radius:999px;background:rgba(7,14,12,.42)}
.hero-trust .tb svg{width:16px;height:16px;color:#4FA75A}

/* HERO MEDIA */
.hero-media{position:fixed;inset:0;z-index:0;background:#030807;overflow:hidden;pointer-events:none}
.hero-media::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(90deg,rgba(3,8,7,.92) 0%,rgba(3,8,7,.80) 34%,rgba(3,8,7,.48) 62%,rgba(3,8,7,.24) 100%),
    linear-gradient(180deg,rgba(3,8,7,.10),rgba(3,8,7,.74) 93%),
    radial-gradient(900px 580px at 18% 45%,rgba(0,0,0,.14),transparent 62%)}
.hero-media::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(760px 420px at 28% 52%,rgba(18,59,25,.10),transparent 68%),
    radial-gradient(1200px 760px at 50% 50%,transparent 48%,rgba(0,0,0,.30) 100%)}
.hero-video-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:1;
  --video-focus-x:.6;transition:opacity .75s cubic-bezier(.2,.7,.2,1);will-change:opacity}
.hero-video-canvas.is-active{opacity:1}
.hero-video-source{position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;pointer-events:none}
.hero-cinematic.is-ended .hero-video-canvas{opacity:1}
.section,.band,.gold-divider,.footer{position:relative;z-index:2}
.phone{position:relative;z-index:3;width:248px;height:510px;border-radius:42px;
  background:linear-gradient(160deg,#11181a,#0a0f10);border:1px solid rgba(160,210,180,.16);
  box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 7px rgba(8,12,10,.9),inset 0 1px rgba(255,255,255,.06);padding:14px}
.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:90px;height:22px;border-radius:0 0 14px 14px;background:#05080a}
.phone-screen{height:100%;border-radius:30px;background:radial-gradient(120% 80% at 50% 0%,rgba(35,130,28,.10),transparent 55%),#080d0e;
  padding:30px 18px 18px;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.ph-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ph-brand{font-family:Unbounded,sans-serif;font-weight:800;font-size:.85rem}.ph-brand b{color:var(--green)}
.ph-status{font-size:.66rem;color:var(--green-soft);padding:3px 8px;border:1px solid var(--line2);border-radius:999px}
.ph-power{position:relative;margin:26px 0 14px;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 45%,#1C8248,#23821C 60%,#123B19);box-shadow:0 0 50px rgba(35,130,28,.55),inset 0 -6px 14px rgba(0,0,0,.25)}
.ph-power svg{width:46px;height:46px;position:relative;z-index:1}
.ph-ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(35,130,28,.45);animation:ring 2.6s ease-out infinite}
@keyframes ring{0%{transform:scale(.95);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.ph-connected{font-family:Unbounded,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:0;color:var(--green-soft);margin-bottom:18px}
.ph-server{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.03);margin-bottom:12px}
.ph-flag{flex:0 0 auto;width:28px;height:20px;border-radius:4px;background:linear-gradient(180deg,#ae1c28 33%,#fff 33% 66%,#21468b 66%)}
.ph-server strong{display:block;font-size:.82rem}.ph-server small{display:block;color:var(--muted);font-size:.68rem}
.ph-chev{width:18px;height:18px;margin-left:auto;color:var(--muted)}
.ph-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}
.ph-stats div{text-align:center;padding:9px 4px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.ph-stats span{display:block;font-weight:800;font-size:.82rem;color:var(--green-soft)}.ph-stats small{color:var(--muted);font-size:.6rem}

/* SECTIONS */
.section{max-width:1200px;margin:0 auto;padding:92px 24px;scroll-margin-top:104px}
.section-head{max-width:680px;margin-bottom:34px}
.eyebrow{color:#62AE68;font-weight:800;font-size:.7rem;letter-spacing:0;text-transform:uppercase}
.section-head h2{margin:12px 0 0;font-size:clamp(2rem,4vw,2.68rem);line-height:1.08}
.section-head p{color:#aebfb7;margin:14px 0 0;font-weight:520;max-width:620px}

.card{position:relative;border:1px solid rgba(180,215,195,.105);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(8,16,13,.82),rgba(6,12,10,.74));
  box-shadow:var(--shadow);backdrop-filter:blur(8px);padding:24px;overflow:hidden;
  transition:border-color .24s ease,background .24s ease}
.card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(210,232,212,.22),transparent);opacity:.45;transition:opacity .24s}
.card:hover{border-color:rgba(180,215,195,.22);background:linear-gradient(180deg,rgba(10,20,16,.88),rgba(6,12,10,.78))}
.card:hover::before{opacity:.75}
.features{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);grid-auto-rows:minmax(132px,auto);gap:12px;align-items:stretch}
.features .card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-content:start;min-height:132px}
.features .card:first-child{grid-row:span 3;padding:30px;grid-template-columns:1fr;align-content:end;min-height:420px;
  background:radial-gradient(540px 260px at 68% 18%,rgba(35,130,28,.16),transparent 64%),
    linear-gradient(160deg,rgba(11,24,18,.92),rgba(6,12,10,.78) 56%,rgba(18,59,25,.24))}
.features .card:first-child::after{display:none}
.feature-visual{position:absolute;z-index:0;left:30px;right:30px;top:28px;height:210px;border-radius:18px;overflow:hidden;pointer-events:none;
  border:1px solid rgba(134,201,142,.10);background:linear-gradient(135deg,rgba(18,59,25,.20),rgba(5,12,9,.16) 48%,rgba(28,130,72,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 34px 90px -62px rgba(35,130,28,.92)}
.feature-visual::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(134,201,142,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(134,201,142,.05) 1px,transparent 1px);
  background-size:42px 42px;mask-image:radial-gradient(420px 190px at 54% 44%,#000,transparent 78%)}
.feature-visual::after{content:"";position:absolute;inset:auto 8% -40px 34%;height:118px;border-radius:999px;
  background:radial-gradient(closest-side,rgba(35,130,28,.24),transparent);filter:blur(18px)}
.fv-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.72}
.fv-lines path{fill:none;stroke:rgba(134,201,142,.36);stroke-width:1.4;stroke-dasharray:8 12;stroke-linecap:round}
.fv-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;color:#dff7e4;
  transform:translate(-50%,-48%);border:1px solid rgba(134,201,142,.30);
  background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.15),transparent 34%),linear-gradient(180deg,rgba(35,130,28,.36),rgba(18,59,25,.50));
  box-shadow:0 0 52px rgba(35,130,28,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.fv-core svg{width:42px;height:42px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.36))}
.fv-node{position:absolute;width:16px;height:16px;border-radius:50%;background:#86C98E;border:4px solid rgba(18,59,25,.88);
  box-shadow:0 0 0 1px rgba(134,201,142,.24),0 0 26px rgba(134,201,142,.30)}
.fv-node-a{left:11%;top:23%}.fv-node-b{right:13%;top:25%}.fv-node-c{left:16%;bottom:18%}.fv-node-d{right:20%;bottom:24%}
.features .card:first-child>.ic,.features .card:first-child>h3,.features .card:first-child>p{position:relative;z-index:1}
.ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#7FBD86;
  background:rgba(18,59,25,.18);border:1px solid rgba(134,201,142,.18);margin:0;grid-row:1/3}
.features .card:first-child .ic{width:54px;height:54px;margin-bottom:24px}
.ic svg{width:20px;height:20px}
.features .card:first-child .ic svg{width:26px;height:26px}
.card h3{font-size:1.03rem;margin:0 0 8px;font-weight:760;line-height:1.25}
.features .card:first-child h3{font-size:1.38rem;margin-bottom:12px}
.card p{color:#a9bbb3;margin:0;font-size:.92rem;font-weight:520;line-height:1.62}
.features .card:first-child p{font-size:1rem;max-width:440px}

/* BAND */
.band{max-width:1200px;margin:0 auto;padding:0 24px;scroll-margin-top:104px}
.band-inner{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:14px;
  border:1px solid rgba(180,215,195,.16);background:rgba(6,12,10,.68);box-shadow:0 22px 70px -44px rgba(0,0,0,.95)}
.band-ic{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(35,130,28,.18);border:1px solid rgba(134,201,142,.18);color:#86C98E}
.band-ic svg{width:20px;height:20px}
.band-inner strong{display:block;font-size:1.06rem;font-family:Unbounded,sans-serif;font-weight:740}
.band-inner span{color:#9fb2aa}

/* PRICING */
.term-toggle{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid rgba(180,215,195,.12);border-radius:12px;background:rgba(6,12,10,.70);margin-bottom:28px}
.term-btn{min-height:38px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:#9aaca4;font-weight:740;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:7px}
.term-btn.active{color:#f4fff7;background:linear-gradient(135deg,#1C8248,#123B19)}
.term-btn .save{font-style:normal;font-size:.68rem;padding:2px 6px;border-radius:6px;background:rgba(35,130,28,.13);color:#86C98E}
.term-btn.active .save{background:rgba(244,255,247,.16);color:#f4fff7}
.trial-strip{width:min(860px,100%);display:flex;align-items:center;justify-content:space-between;gap:22px;margin:-6px 0 24px;
  padding:20px 22px;border:1px solid rgba(35,130,28,.22);border-radius:14px;
  background:linear-gradient(100deg,rgba(18,59,25,.23),rgba(6,12,10,.72) 56%,rgba(6,12,10,.62));
  box-shadow:0 26px 80px -48px rgba(35,130,28,.72),var(--shadow)}
.trial-copy{max-width:570px}
.trial-copy span{display:block;margin-bottom:6px;color:var(--green-soft);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}
.trial-copy strong{display:block;font-family:Unbounded,Manrope,sans-serif;font-size:1.35rem;line-height:1.15}
.trial-copy p{margin:8px 0 0;color:#b9ccc3;font-size:.95rem;font-weight:500;line-height:1.55}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid rgba(180,215,195,.12);border-radius:16px;padding:28px 28px 26px;background:linear-gradient(180deg,rgba(8,16,13,.86),rgba(6,12,10,.80));box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.plan.featured{border-color:rgba(134,201,142,.34)}
.plan.featured::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(134,201,142,.12)}
.plan.premium{border-color:rgba(123,28,130,.32)}
.plan.premium .price .amount,.plan.premium .price .cur{
  background-image:linear-gradient(180deg,rgba(255,255,255,.54) 0%,rgba(255,255,255,.15) 19%,rgba(255,255,255,0) 39%),
    linear-gradient(180deg,#FFE8FF 0%,#E5B7E8 23%,#CB7FD4 43%,#A43BB2 65%,#7B1C82 100%);
  filter:drop-shadow(0 14px 28px rgba(123,28,130,.30));
  text-shadow:0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(43,8,46,.18),0 14px 28px rgba(0,0,0,.30)}
.plan-badge{position:absolute;top:18px;right:22px;padding:4px 10px;border-radius:999px;background:rgba(35,130,28,.18);border:1px solid rgba(134,201,142,.22);color:#bfe8c4;font-weight:850;font-size:.66rem;text-transform:uppercase;letter-spacing:0}
.plan-top h3{font-size:1.42rem}.plan-sub{color:#9fb2aa;font-weight:650;font-size:.86rem}
.price{margin:22px 0 0;display:flex;align-items:baseline;gap:5px}
.price .amount{font-family:Unbounded,sans-serif;font-weight:900;font-size:2.72rem;line-height:1;font-variant-numeric:tabular-nums;
  background-image:linear-gradient(180deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.16) 18%,rgba(255,255,255,0) 39%),
    linear-gradient(180deg,#F8FFF8 0%,#D5F0D5 21%,#A9DFA8 39%,#73C378 55%,#2E9147 73%,#123B19 100%)}
.price .amount,.price .cur{position:relative;display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(7,18,12,.16),0 14px 28px rgba(0,0,0,.32);
  filter:drop-shadow(0 14px 28px rgba(18,59,25,.30));-webkit-font-smoothing:antialiased}
.price .cur{font-size:1.32rem;font-weight:900;background-image:linear-gradient(180deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.12) 20%,rgba(255,255,255,0) 40%),
  linear-gradient(180deg,#EFFFF0 0%,#A9DFA8 42%,#2E9147 70%,#123B19 100%)}
.price .per{color:var(--muted);font-size:.92rem;font-weight:600;margin-left:5px}
.price-note{min-height:20px;color:#86C98E;font-size:.8rem;font-weight:650}
.plan-feats{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px;flex:1;align-content:start}
.plan-feats li{position:relative;padding-left:25px;color:#c2d4cb;font-size:.91rem;font-weight:520;line-height:1.45}
.plan-feats li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;
  background:rgba(35,130,28,.13) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4 10-11' fill='none' stroke='%2386C98E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
.plan-cta{width:100%;margin-top:auto}

/* STEPS */
.steps{display:grid;grid-template-columns:1fr;gap:0;max-width:880px;position:relative;border-top:1px solid rgba(180,215,195,.12)}
.steps::before{content:"";position:absolute;left:56px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(134,201,142,.42),rgba(180,215,195,.08))}
.step.card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:26px;align-items:start;padding:28px 0 28px;border:0;border-bottom:1px solid rgba(180,215,195,.12);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.step.card::before{display:none}
.step.card:hover{background:transparent;border-color:rgba(180,215,195,.12)}
.step-n{display:inline-grid;place-items:center;position:relative;z-index:1;width:52px;height:52px;border:1px solid rgba(134,201,142,.26);border-radius:50%;background:#08100d;
  font-family:Unbounded,sans-serif;font-weight:800;font-size:.92rem;color:#86C98E;margin:0;grid-row:1/3}
.step h3{font-size:1.18rem;margin:0 0 8px;grid-column:2}
.step p{max-width:560px;grid-column:2}

/* FAQ */
.faq{display:grid;gap:8px;max-width:840px}
.faq details{border:1px solid rgba(180,215,195,.11);border-radius:12px;background:rgba(6,12,10,.68);padding:2px 18px;transition:border-color .2s,background .2s}
.faq details[open]{border-color:var(--line2)}
.faq summary{cursor:pointer;font-weight:720;padding:15px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:11px;height:11px;flex:0 0 auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%2386C98E' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 15px;color:var(--muted);font-weight:500}

/* FOOTER */
.gold-divider{width:min(1200px,calc(100% - 48px));height:1px;margin:20px auto 0;
  background:linear-gradient(90deg,transparent,rgba(35,130,28,.55),transparent)}
.footer{padding-bottom:40px}
.foot-inner{max-width:1200px;margin:30px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot-brand{display:flex;flex-direction:column;gap:2px}.foot-tag{color:var(--muted);font-size:.85rem}
.tg-btn{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:12px;border:1px solid var(--line2);background:rgba(42,171,238,.06);font-weight:700;transition:.2s}
.tg-btn svg{width:22px;height:22px}.tg-btn:hover{border-color:rgba(42,171,238,.5);transform:translateY(-2px)}
.pay-icons{display:flex;gap:9px}.pay-icon svg{height:30px;width:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.foot-docs{max-width:1200px;margin:22px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;gap:8px 14px}
.foot-docs button{padding:0;border:0;background:0;color:var(--muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:color .18s}
.foot-docs button:hover{color:var(--green-soft)}
.foot-legal{max-width:1200px;margin:22px auto 0;padding:0 24px;color:var(--muted2);font-size:.8rem}

/* LEGAL MODAL */
.legal-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px}
.legal-modal[hidden]{display:none!important}
.legal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}
.legal-dialog{position:relative;width:min(900px,100%);max-height:min(82dvh,820px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);
  border:1px solid var(--line2);border-radius:var(--r-lg);background:rgba(8,13,12,.96);box-shadow:0 40px 110px rgba(0,0,0,.65)}
.legal-dialog h2{padding:24px 56px 18px 24px;font-size:1.35rem;border-bottom:1px solid var(--line);line-height:1.2}
.legal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.03);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.legal-close:hover{border-color:rgba(35,130,28,.5);color:var(--green-soft)}
.legal-content{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 24px 28px;color:#c8d8d0}
.legal-content h3{margin:22px 0 8px;font-family:Manrope,sans-serif;font-size:1.05rem;letter-spacing:0;color:#fff}
.legal-content h4{margin:18px 0 8px;font-size:.98rem;color:#fff}
.legal-content p{margin:0 0 10px;color:#c8d8d0;font-size:.94rem}
.legal-content ul{margin:0 0 14px;padding-left:22px;color:#c8d8d0}
.legal-content li{margin:6px 0}

/* REFERRAL CONTEST MODAL */
.contest-modal{position:fixed;inset:0;z-index:105;display:grid;place-items:center;padding:22px}
.contest-modal[hidden]{display:none!important}
.contest-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(10px)}
.contest-dialog{position:relative;width:min(720px,100%);max-height:min(82dvh,760px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);
  border:1px solid rgba(35,130,28,.22);border-radius:var(--r-lg);background:radial-gradient(760px 320px at 70% 0%,rgba(35,130,28,.11),transparent 62%),rgba(8,13,12,.96);
  box-shadow:0 44px 120px rgba(0,0,0,.68),0 0 70px -38px rgba(35,130,28,.85)}
.contest-head{padding:26px 58px 18px 24px;border-bottom:1px solid var(--line)}
.contest-head h2{margin:10px 0 0;font-size:1.55rem;line-height:1.15}
.contest-head p{margin:12px 0 0;color:#b9ccc3;font-size:.94rem;line-height:1.55}
.contest-head a{color:var(--green-soft);font-weight:800}
.contest-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.03);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.contest-close:hover{border-color:rgba(35,130,28,.5);color:var(--green-soft)}
.contest-leaderboard{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 20px 22px;display:grid;gap:9px}
.contest-row{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.contest-row strong{display:block;font-family:Unbounded,Manrope,sans-serif;font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}
.contest-row span{color:var(--muted)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(14px)}
.reveal.in{opacity:1;transform:none;transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .48s cubic-bezier(.2,.7,.2,1)}

@media (max-width:980px){
  .hero{min-height:100svh;text-align:left}
  .hero-stage{min-height:100svh;padding:128px 24px 70px}
  .hero-video-canvas{--video-focus-x:.62}
  .hero h1{font-size:3.65rem}
  .section-head h2{font-size:2.4rem}
  .features{grid-template-columns:1fr}
  .features .card,.features .card:first-child{grid-row:auto;min-height:auto;grid-template-columns:44px minmax(0,1fr);padding:24px}
  .feature-visual{display:none}
  .features .card:first-child .ic{width:38px;height:38px;margin:0}
  .features .card:first-child .ic svg{width:20px;height:20px}
  .features .card:first-child h3{font-size:1.08rem}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan.premium{grid-column:1/-1}
  .nav-links{display:none}
}
@media (max-width:640px){
  .hero{min-height:100svh}
  .hero-stage{display:block;min-height:100svh;padding:110px 22px 58px}
  .hero-copy{width:100%;max-width:100%;min-width:0}
  .lead{width:min(100%,340px);max-width:100%}
  .hero-media::before{background:linear-gradient(90deg,rgba(3,8,7,.88),rgba(3,8,7,.66) 58%,rgba(3,8,7,.36)),
    linear-gradient(180deg,rgba(3,8,7,.14),rgba(3,8,7,.78) 94%)}
  .hero-video-canvas{--video-focus-x:.67}
  .nav{width:calc(100% - 22px);gap:10px;padding:7px 8px 7px 12px}
  .brand-name{font-size:.95rem}
  .nav-cta{min-height:36px;padding:0 12px;font-size:.78rem}
  .section{padding:72px 22px}
  .section-head{margin-bottom:26px}
  .features,.plans{grid-template-columns:1fr}
  .features .card{padding:20px;column-gap:14px}
  .plan.premium{grid-column:auto}
  .plan{padding:24px}
  .trial-strip{display:grid;padding:20px}
  .trial-strip .btn{width:100%}
  .foot-inner{flex-direction:column;align-items:flex-start}
  .hero-actions{grid-template-columns:1fr;gap:10px;width:min(100%,300px);max-width:100%;margin-top:26px}
  .hero-action-card{width:100%;max-width:100%;grid-template-columns:36px minmax(0,1fr);gap:11px;min-height:64px;padding:12px 14px;border-radius:15px}
  .hero-action-icon{width:32px;height:32px}
  .hero-action-icon svg{width:23px;height:23px}
  .hero-action-copy strong{font-size:.94rem}
  .hero-action-copy small{font-size:.72rem}
  .hero-action-arrow{display:none}
  .hero-action-arrow svg{width:23px;height:23px}
  .hero h1{font-size:2.24rem;line-height:.98}
  .lead{font-size:1rem}
  .section-head h2{font-size:2.05rem}
  .hero-trust .tb{width:100%;justify-content:flex-start}
  .steps::before{left:25px}
  .step.card{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:24px 0}
  .step-n{width:50px;height:50px}
}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.btn:hover{transform:none}.ph-ring{animation:none}.hero-video-canvas{transition:none}}