/* FARMSTATS landing — styles */
*{box-sizing:border-box;margin:0;padding:0;}
  :root{
    --bg:#0a0e14;
    --bg-deep:#070a0f;
    --surface:#121821;
    --surface2:#161d28;
    --surface3:#1b2331;
    --line:#1f2a38;
    --line-bright:#2b3a4f;
    --accent:#3aa0ff;
    --accent-hover:#4fb0ff;
    --accent-border:rgba(58,160,255,0.4);
    --green:#3ad07a;
    --yellow:#e8b53a;
    --red:#ff5a52;
    --text:#e6edf5;
    --text-dim:#b9c4d2;
    --muted:#7a8a9c;
    --muted-deep:#5a6678;
    --f:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --m:'Share Tech Mono',monospace;
    --d:'Orbitron',sans-serif;
    --maxw:1240px;
  }
  html{ scroll-behavior:smooth; }
  body{
    font-family:var(--f);
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    overflow-x:hidden;
  }
  a{ color:inherit; text-decoration:none; }
  .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 28px; }

  /* ====== служебное ====== */
  .eyebrow{
    font-family:var(--m);
    font-size:12px;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--accent);
    display:inline-flex;
    align-items:center;
    gap:9px;
  }
  .eyebrow::before{
    content:"";
    width:24px; height:1px;
    background:var(--accent);
    opacity:0.6;
  }
  .section{ padding:100px 0; position:relative; }
  .section-title{
    font-family:var(--d);
    font-weight:700;
    font-size:clamp(26px, 4vw, 40px);
    line-height:1.15;
    letter-spacing:0.5px;
    margin:18px 0 0;
  }
  .section-lead{
    font-size:17px;
    color:var(--muted);
    max-width:600px;
    margin-top:16px;
    line-height:1.7;
  }

  .btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:13px 24px;
    border-radius:8px;
    font-family:var(--f);
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    border:1px solid transparent;
    transition:all .18s;
  }
  .btn svg{ width:16px; height:16px; }
  .btn-primary{ background:var(--accent); color:#04101f; }
  .btn-primary:hover{ background:var(--accent-hover); transform:translateY(-1px); box-shadow:0 8px 24px rgba(58,160,255,0.25); }
  .btn-ghost{ background:transparent; border-color:var(--line-bright); color:var(--text); }
  .btn-ghost:hover{ border-color:var(--accent); color:var(--accent); }

  /* ====== HEADER ====== */
  header.nav{
    position:sticky; top:0; z-index:100;
    background:rgba(10,14,20,0.8);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    display:flex; align-items:center; gap:24px;
    height:68px;
  }
  .logo-block{
    display:inline-flex; align-items:center; gap:11px;
    border:1px solid var(--accent-border); padding:8px 13px; border-radius:5px; line-height:1;
  }
  .logo-name{ font-family:var(--d); font-weight:700; font-size:15px; color:#fff; letter-spacing:1.5px; }
  .logo-divider{ width:1px; height:14px; background:rgba(58,160,255,0.5); }
  .logo-suffix{ font-family:var(--m); font-size:11px; color:var(--accent); letter-spacing:1.5px; }
  .nav-links{ display:flex; gap:28px; margin-left:24px; }
  .nav-links a{ font-size:14.5px; color:var(--muted); transition:color .15s; }
  .nav-links a:hover{ color:var(--text); }
  .nav-spacer{ flex:1; }
  .nav-cta{ display:flex; align-items:center; gap:14px; }
  @media(max-width:860px){ .nav-links{ display:none; } }
  html{ scroll-padding-top:84px; scroll-behavior:smooth; }
  .nav-links a{ white-space:nowrap; position:relative; }
  .nav-links a.on{ color:var(--text); }
  .nav-links a.on::after{ content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; border-radius:2px; background:var(--accent); }
  @media(max-width:1180px){ .nav-links{ gap:20px; } .nav-links a{ font-size:13.5px; } }
  @media(max-width:1020px){ .nav-links a[href="#compare"], .nav-links a[href="#faq"]{ display:none; } }

  /* ====== HERO ====== */
  .hero{
    position:relative;
    padding:90px 0 70px;
    overflow:hidden;
  }
  /* терминальная сетка-фон */
  .hero-grid{
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(58,160,255,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,160,255,0.035) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 75%);
    pointer-events:none;
  }
  .hero-glow{
    position:absolute;
    top:-120px; left:50%; transform:translateX(-50%);
    width:760px; height:420px;
    background:radial-gradient(ellipse at center, rgba(58,160,255,0.18), transparent 65%);
    pointer-events:none;
    filter:blur(20px);
  }
  .hero-inner{ position:relative; z-index:2; }
  .hero-top{
    display:grid; grid-template-columns:1.08fr 0.92fr; gap:48px; align-items:center;
  }
  .hero-text{ max-width:640px; }
  @media(max-width:980px){
    .hero-top{ grid-template-columns:1fr; gap:40px; }
    .hero-text{ max-width:760px; }
  }

  /* ===== HERO LIVE FEED ===== */
  .hero-live{
    position:relative; align-self:center;
    display:flex; flex-direction:column; gap:14px;
    background:none; border:none; box-shadow:none;
  }
  .hl-head{ display:flex; align-items:center; gap:14px; padding:0 2px; }
  .hl-live{ display:inline-flex; align-items:center; gap:8px; font-family:var(--m); font-size:11px; letter-spacing:2px; color:var(--red); font-weight:700; }
  .hl-pulse{ width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 8px var(--red); animation:hlPulse 1.4s infinite; }
  @keyframes hlPulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.8)} }
  .hl-earned-wrap{ margin-left:auto; font-family:var(--m); font-size:15px; font-weight:700; color:var(--green); letter-spacing:.3px; }
  .hl-feed-wrap{
    position:relative; height:300px; overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);
    mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);
  }
  .hl-feed{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; animation:hlScroll 24s linear infinite; will-change:transform; }
  @keyframes hlScroll{ from{transform:translateY(0)} to{transform:translateY(-50%)} }

  /* каждое событие — отдельная плитка разной ширины и позиции */
  .hl-item{
    display:inline-flex; align-items:center; gap:10px; width:fit-content; max-width:100%;
    background:var(--surface); border:1px solid var(--line); border-radius:10px;
    padding:8px 12px; font-size:13px;
  }
  .hl-item.drop{ border-color:rgba(58,208,122,.22); background:linear-gradient(180deg,rgba(58,208,122,.05),var(--surface)); }
  .hl-item.right{ align-self:flex-end; }
  .hl-item.mid{ align-self:center; }
  .hl-pic{
    width:56px; height:38px; border-radius:5px; flex-shrink:0;
    background:linear-gradient(180deg,#252c36,#11161d); border:1px solid rgba(255,255,255,0.08);
    display:inline-flex; align-items:center; justify-content:center; overflow:hidden;
  }
  .hl-pic svg{ width:44px; height:26px; display:block; }
  .hl-pic img{ width:100%; height:100%; object-fit:contain; display:block; }
  .hl-nm{ color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:180px; }
  .hl-nm.mut{ color:var(--muted); font-family:var(--m); font-size:11px; letter-spacing:.5px; text-transform:uppercase; }
  .hl-v{ font-family:var(--m); font-weight:700; font-size:13px; flex-shrink:0; color:var(--text); }
  .hl-v.green{ color:var(--green); }
  .hl-dot{ width:7px; height:7px; border-radius:50%; flex-shrink:0; }
  .hl-dot.play{ background:var(--accent); box-shadow:0 0 6px rgba(58,160,255,.6); }
  .hl-dot.loot{ background:#9b72dd; }
  .hl-dot.done{ background:#e08c3a; }
  .hl-dot.work{ background:var(--green); }
  .hl-tag{ font-family:var(--m); font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; padding:3px 8px; border-radius:3px; flex-shrink:0; }
  .hl-tag.play{ color:var(--accent); background:rgba(58,160,255,.13); border:1px solid rgba(58,160,255,.3); }
  .hl-tag.loot{ color:#9b72dd; background:rgba(155,114,221,.12); border:1px solid rgba(155,114,221,.3); }
  .hl-tag.done{ color:#e08c3a; background:rgba(224,140,58,.12); border:1px solid rgba(224,140,58,.3); }
  .hl-tag.work{ color:var(--green); background:rgba(58,208,122,.12); border:1px solid rgba(58,208,122,.3); }

  .hero h1{
    font-family:var(--d);
    font-weight:800;
    font-size:clamp(34px, 6vw, 62px);
    line-height:1.08;
    letter-spacing:0.5px;
    margin:22px 0 0;
  }
  .hero h1 .hl{
    color:var(--accent);
  }
  .hero-sub{
    font-size:19px;
    color:var(--text-dim);
    margin-top:24px;
    max-width:600px;
    line-height:1.65;
  }
  .hero-actions{ display:flex; gap:14px; margin-top:36px; flex-wrap:wrap; }
  .hero-trust{
    display:flex; gap:30px; margin-top:44px; flex-wrap:wrap;
    font-family:var(--m); font-size:12.5px; color:var(--muted);
  }
  .hero-trust .ht{ display:inline-flex; align-items:center; gap:8px; }
  .hero-trust .ht svg{ width:15px; height:15px; color:var(--green); }

  /* hero dashboard preview */
  .hero-preview{
    margin-top:64px;
    position:relative;
    z-index:2;
    border:1px solid var(--line);
    border-radius:14px;
    background:linear-gradient(180deg,var(--surface),var(--bg));
    overflow:hidden;
    box-shadow:0 40px 100px rgba(0,0,0,0.5), 0 0 0 1px rgba(58,160,255,0.05);
  }
  .hp-bar{
    display:flex; align-items:center; gap:8px;
    padding:13px 18px;
    border-bottom:1px solid var(--line);
    background:var(--surface);
  }
  .hp-dot{ width:11px; height:11px; border-radius:50%; }
  .hp-dot.r{ background:#ff5f57; } .hp-dot.y{ background:#febc2e; } .hp-dot.g{ background:#28c840; }
  .hp-title{ margin-left:12px; font-family:var(--m); font-size:11.5px; color:var(--muted); letter-spacing:1px; }
  .hp-body{ padding:22px; }
  .hp-stats{
    display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px;
  }
  @media(max-width:680px){ .hp-stats{ grid-template-columns:1fr 1fr; } }
  .hp-stat{
    background:var(--bg); border:1px solid var(--line); border-radius:9px; padding:14px 16px;
  }
  .hp-stat .k{ font-family:var(--m); font-size:9.5px; color:var(--muted); letter-spacing:1.2px; text-transform:uppercase; margin-bottom:7px; }
  .hp-stat .v{ font-size:23px; font-weight:700; letter-spacing:-0.3px; }
  .hp-stat .v.green{ color:var(--green); }
  .hp-stat .v.blue{ color:var(--accent); }
  .hp-chart{
    background:var(--bg); border:1px solid var(--line); border-radius:9px; padding:16px 18px;
  }
  .hp-chart-label{ font-family:var(--m); font-size:10px; color:var(--muted); letter-spacing:1.2px; text-transform:uppercase; margin-bottom:12px; }

  /* ====== PROBLEM ====== */
  .problem-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
  }
  @media(max-width:880px){ .problem-grid{ grid-template-columns:1fr; gap:40px; } }
  .problem-list{ display:flex; flex-direction:column; gap:14px; margin-top:30px; }
  .problem-item{
    display:flex; align-items:flex-start; gap:13px;
    font-size:15.5px; color:var(--text-dim);
  }
  .problem-item .x{
    width:22px; height:22px; border-radius:6px; flex-shrink:0;
    background:rgba(255,90,82,0.1); border:1px solid rgba(255,90,82,0.25);
    display:inline-flex; align-items:center; justify-content:center; color:var(--red);
    margin-top:1px;
  }
  .problem-item .x svg{ width:13px; height:13px; }
  .solution-card{
    background:linear-gradient(180deg,rgba(58,160,255,0.06),transparent);
    border:1px solid var(--accent-border);
    border-radius:14px;
    padding:32px;
  }
  .solution-card .sc-title{
    font-family:var(--d); font-weight:700; font-size:22px; margin-bottom:14px;
  }
  .solution-card .sc-text{ color:var(--text-dim); font-size:15.5px; line-height:1.7; }
  .solution-card .sc-check{ display:flex; flex-direction:column; gap:11px; margin-top:22px; }
  .solution-card .sc-c{ display:flex; align-items:center; gap:11px; font-size:15px; }
  .solution-card .sc-c .ok{
    width:20px; height:20px; border-radius:50%; flex-shrink:0;
    background:rgba(58,208,122,0.12); color:var(--green);
    display:inline-flex; align-items:center; justify-content:center;
  }
  .solution-card .sc-c .ok svg{ width:12px; height:12px; }

  /* ====== PRODUCTS ====== */
  .products-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:54px;
  }
  @media(max-width:880px){ .products-grid{ grid-template-columns:1fr; } }
  .product-card{
    position:relative;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    padding:30px;
    overflow:hidden;
    transition:border-color .2s, transform .2s;
  }
  .product-card:hover{ border-color:var(--line-bright); transform:translateY(-2px); }
  .product-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg, var(--pc-color,var(--accent)), transparent 70%);
    opacity:0.7;
  }
  .pc-num{
    font-family:var(--m); font-size:11px; color:var(--muted-deep); letter-spacing:1.5px;
  }
  .pc-icon{
    width:46px; height:46px; border-radius:11px; margin:16px 0 18px;
    background:var(--pc-bg, rgba(58,160,255,0.1));
    border:1px solid var(--pc-border, rgba(58,160,255,0.25));
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--pc-color,var(--accent));
  }
  .pc-icon svg{ width:24px; height:24px; }
  .pc-name{ font-family:var(--d); font-weight:600; font-size:20px; margin-bottom:10px; }
  .pc-desc{ color:var(--muted); font-size:14.5px; line-height:1.6; margin-bottom:18px; }
  .pc-features{ display:flex; flex-direction:column; gap:9px; }
  .pc-feature{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text-dim); }
  .pc-feature .dot{ width:5px; height:5px; border-radius:50%; background:var(--pc-color,var(--accent)); flex-shrink:0; }

  /* ===== продукты: текст слева, скрин справа (везде одинаково) ===== */
  .product-row{
    display:grid; grid-template-columns:0.82fr 1.35fr; gap:48px; align-items:center;
    padding:62px 0; border-bottom:1px solid var(--line);
  }
  .product-row:last-child{ border-bottom:none; }
  .product-row .pr-text{ order:1; }
  .product-row .pr-shot{ order:2; }
  @media(max-width:900px){
    .product-row{ grid-template-columns:1fr; gap:32px; }
  }

  /* рамка скрина */
  .pr-shot{ position:relative; }
  .pr-shot .shot-frame{
    position:relative; z-index:2;
    border:1px solid var(--line-bright); border-radius:14px; overflow:hidden;
    background:var(--surface);
    box-shadow:0 40px 90px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.02);
  }
  /* цветное свечение под скрином (в цвет продукта) */
  .pr-shot::before{
    content:""; position:absolute; z-index:0;
    inset:6% 8%;
    background:radial-gradient(ellipse at 60% 50%, var(--glow,rgba(58,160,255,0.32)), transparent 70%);
    filter:blur(46px);
    opacity:0.9;
    pointer-events:none;
  }
  .pr-shot .shot-bar{
    display:flex; align-items:center; gap:7px; padding:11px 15px;
    border-bottom:1px solid var(--line); background:var(--surface);
  }
  .pr-shot .shot-dot{ width:9px; height:9px; border-radius:50%; }
  .pr-shot .shot-dot.r{ background:#ff5f57; } .pr-shot .shot-dot.y{ background:#febc2e; } .pr-shot .shot-dot.g{ background:#28c840; }
  .pr-shot .shot-title{ margin-left:10px; font-family:var(--m); font-size:10.5px; color:var(--muted); letter-spacing:0.8px; }

  /* сцена дашборда с парящими картами ферм */
  .dash-stage{ position:relative; }
  .float-farm{
    position:absolute;
    width:240px;
    background:rgba(18,24,33,0.94);
    backdrop-filter:blur(10px);
    border:1px solid var(--line-bright);
    border-left:3px solid var(--green);
    border-radius:12px;
    padding:15px 17px;
    box-shadow:0 24px 50px rgba(0,0,0,0.6);
    z-index:5;
  }
  .float-farm .ff-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
  .float-farm .ff-name{ font-size:14px; font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .float-farm .ff-pc{ font-family:var(--m); font-size:9.5px; color:var(--muted); letter-spacing:1px; flex-shrink:0; }
  .float-farm .ff-progress{ height:5px; background:rgba(255,255,255,0.08); border-radius:3px; overflow:hidden; margin-bottom:13px; }
  .float-farm .ff-bar{ height:100%; background:var(--accent); border-radius:3px; }
  .float-farm .ff-meta{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .float-farm .ff-cell{ display:flex; flex-direction:column; gap:4px; }
  .float-farm .ff-k{ font-family:var(--m); font-size:8.5px; color:var(--muted); letter-spacing:0.8px; text-transform:uppercase; }
  .float-farm .ff-v{ font-size:14px; font-weight:600; color:var(--text); }
  .float-farm .ff-v.green{ color:var(--green); }
  .float-farm.ff-1{ top:14%; left:-38px; animation:floaty1 6s ease-in-out infinite; }
  .float-farm.ff-2{ bottom:10%; right:-42px; animation:floaty2 7s ease-in-out infinite; }
  @keyframes floaty1{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
  @keyframes floaty2{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(12px); } }
  @media(max-width:1100px){
    .float-farm{ width:200px; }
    .float-farm.ff-1{ left:-16px; } .float-farm.ff-2{ right:-16px; }
  }
  @media(max-width:560px){
    .float-farm{ display:none; }
  }
  @media(prefers-reduced-motion:reduce){
    .float-farm.ff-1, .float-farm.ff-2{ animation:none; }
  }

  /* iframe с реальной панелью */
  .panel-embed{
    position:relative;
    width:100%;
    overflow:hidden;
    background:var(--bg);
  }
  .panel-embed iframe{
    position:absolute; top:0; left:0;
    width:1000px; height:620px;
    border:0;
    transform-origin:top left;
  }

  /* мини-превью (дашборд, транзит, vpn) */
  .shot-inner{ padding:16px; }
  .se-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:12px; }
  .se-stat{ background:var(--bg); border:1px solid var(--line); border-radius:7px; padding:11px 12px; }
  .se-stat .k{ font-family:var(--m); font-size:8.5px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; margin-bottom:6px; }
  .se-stat .v{ font-size:17px; font-weight:700; }
  .se-stat .v.green{ color:var(--green); } .se-stat .v.blue{ color:var(--accent); } .se-stat .v.purple{ color:#9d7bff; }
  .se-chart{ background:var(--bg); border:1px solid var(--line); border-radius:7px; padding:12px 14px; }
  .se-chart .cl{ font-family:var(--m); font-size:9px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; margin-bottom:9px; }
  /* transit flow */
  .se-flow{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:13px; }
  .se-node{ flex:1; background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:13px 8px; text-align:center; }
  .se-node .ic{ width:24px; height:24px; margin:0 auto 8px; color:var(--yellow); }
  .se-node .ic svg{ width:100%; height:100%; }
  .se-node .l{ font-family:var(--m); font-size:8.5px; color:var(--muted); letter-spacing:0.8px; text-transform:uppercase; }
  .se-node .n{ font-size:14px; font-weight:700; color:var(--text); margin-top:3px; }
  .se-arrow{ color:var(--yellow); opacity:0.6; flex-shrink:0; }
  .se-arrow svg{ width:16px; height:16px; }
  .se-rows{ display:flex; flex-direction:column; gap:7px; }
  .se-row{ display:flex; align-items:center; justify-content:space-between; background:var(--bg); border:1px solid var(--line); border-radius:7px; padding:9px 12px; font-size:12px; }
  .se-row .item{ color:var(--text-dim); }
  .se-row .st{ font-family:var(--m); font-size:9.5px; padding:2px 8px; border-radius:10px; color:var(--yellow); background:rgba(232,181,58,0.1); border:1px solid rgba(232,181,58,0.25); }
  .placeholder-tag{
    display:inline-block; margin-bottom:12px;
    font-family:var(--m); font-size:9px; color:var(--muted-deep); letter-spacing:1px; text-transform:uppercase;
    padding:3px 9px; border:1px dashed var(--line-bright); border-radius:4px;
  }
  /* vpn nodes */
  .se-nodes{ display:flex; flex-direction:column; gap:8px; }
  .se-vnode{ display:flex; align-items:center; gap:11px; background:var(--bg); border:1px solid var(--line); border-radius:7px; padding:10px 13px; font-size:12px; }
  .se-vnode .pulse{ width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 6px var(--green); flex-shrink:0; }
  .se-vnode .ip{ font-family:var(--m); color:var(--text); }
  .se-vnode .loc{ color:var(--muted); margin-left:auto; }
  .se-vnode .ping{ font-family:var(--m); color:var(--green); font-size:11px; }

  /* ====== ANALYTICS (скрин) ====== */
  .analytics-grid{
    display:grid; grid-template-columns:0.9fr 1.1fr; gap:54px; align-items:center;
  }
  @media(max-width:920px){ .analytics-grid{ grid-template-columns:1fr; gap:40px; } }
  .feat-list{ display:flex; flex-direction:column; gap:24px; margin-top:34px; }
  .feat{ display:flex; gap:16px; }
  .feat-ic{
    width:42px; height:42px; border-radius:10px; flex-shrink:0;
    background:rgba(58,160,255,0.1); border:1px solid rgba(58,160,255,0.22);
    display:inline-flex; align-items:center; justify-content:center; color:var(--accent);
  }
  .feat-ic svg{ width:21px; height:21px; }
  .feat-h{ font-weight:600; font-size:16px; margin-bottom:5px; }
  .feat-p{ color:var(--muted); font-size:14.5px; line-height:1.6; }
  .analytics-visual{
    border:1px solid var(--line); border-radius:14px; overflow:hidden;
    background:var(--surface); box-shadow:0 30px 70px rgba(0,0,0,0.4);
  }
  .av-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 18px; border-bottom:1px solid var(--line);
  }
  .av-head .t{ font-family:var(--d); font-weight:600; font-size:14px; }
  .av-head .tag{ font-family:var(--m); font-size:10px; color:var(--green); letter-spacing:1px; text-transform:uppercase; padding:3px 9px; border:1px solid rgba(58,208,122,0.3); border-radius:4px; }
  .av-body{ padding:20px; }
  .av-balances{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
  .av-bal{ background:var(--bg); border:1px solid var(--line); border-radius:9px; padding:13px 14px; }
  .av-bal .k{ font-family:var(--m); font-size:9px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; margin-bottom:6px; }
  .av-bal .v{ font-size:18px; font-weight:700; }
  .av-bal .v.green{ color:var(--green); }
  .av-bal .v.blue{ color:var(--accent); }

  /* ====== SCALE (цифры) ====== */
  .scale{ background:linear-gradient(180deg,var(--bg),var(--bg-deep)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .scale-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:54px;
  }
  @media(max-width:780px){ .scale-grid{ grid-template-columns:1fr 1fr; gap:30px; } }
  .scale-stat{ text-align:center; }
  .scale-stat .num{
    font-family:var(--d); font-weight:800;
    font-size:clamp(38px, 5vw, 54px);
    color:var(--accent); letter-spacing:0.5px; line-height:1;
  }
  .scale-stat .num.green{ color:var(--green); }
  .scale-stat .lbl{ font-family:var(--m); font-size:12px; color:var(--muted); letter-spacing:1.2px; text-transform:uppercase; margin-top:14px; }

  /* ====== RELIABILITY ====== */
  .rel-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:54px;
  }
  @media(max-width:1100px){ .rel-grid{ grid-template-columns:1fr 1fr; } }
  @media(max-width:620px){ .rel-grid{ grid-template-columns:1fr; } }
  .rel-ai .rel-ic{ background:rgba(155,114,221,.12); border-color:rgba(155,114,221,.35); color:#b897ef; }
  .rel-card{
    background:var(--surface); border:1px solid var(--line); border-radius:13px; padding:28px;
  }
  .rel-ic{
    width:44px; height:44px; border-radius:11px; margin-bottom:18px;
    background:rgba(58,208,122,0.1); border:1px solid rgba(58,208,122,0.22);
    display:inline-flex; align-items:center; justify-content:center; color:var(--green);
  }
  .rel-ic svg{ width:22px; height:22px; }
  .rel-h{ font-family:var(--d); font-weight:600; font-size:18px; margin-bottom:10px; }
  .rel-p{ color:var(--muted); font-size:14.5px; line-height:1.65; }

  /* ====== STEPS ====== */
  .steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:54px; }
  @media(max-width:820px){ .steps{ grid-template-columns:1fr; } }
  .step{
    position:relative;
    background:var(--surface); border:1px solid var(--line); border-radius:13px; padding:28px;
  }
  .step-num{
    font-family:var(--d); font-weight:800; font-size:15px;
    width:38px; height:38px; border-radius:9px;
    background:rgba(58,160,255,0.1); border:1px solid var(--accent-border); color:var(--accent);
    display:inline-flex; align-items:center; justify-content:center;
    margin-bottom:18px;
  }
  .step-h{ font-weight:600; font-size:17px; margin-bottom:9px; }
  .step-p{ color:var(--muted); font-size:14.5px; line-height:1.65; }

  /* ====== CTA FINAL ====== */
  .cta-final{
    position:relative;
    border:1px solid var(--accent-border);
    border-radius:20px;
    padding:64px 40px;
    text-align:center;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(58,160,255,0.08), transparent);
  }
  .cta-final .glow{
    position:absolute; top:-100px; left:50%; transform:translateX(-50%);
    width:600px; height:300px;
    background:radial-gradient(ellipse at center, rgba(58,160,255,0.2), transparent 60%);
    filter:blur(30px); pointer-events:none;
  }
  .cta-final h2{
    position:relative;
    font-family:var(--d); font-weight:800; font-size:clamp(28px,4.5vw,44px); line-height:1.12; letter-spacing:0.5px;
  }
  .cta-final p{ position:relative; color:var(--text-dim); font-size:17px; margin:18px auto 32px; max-width:520px; }
  .cta-final .actions{ position:relative; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

  /* ====== FOOTER ====== */
  footer{
    border-top:1px solid var(--line);
    padding:48px 0 36px;
    margin-top:0;
  }
  .footer-inner{ display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; align-items:flex-start; }
  .footer-left{ max-width:320px; }
  .footer-desc{ color:var(--muted); font-size:13.5px; margin-top:16px; line-height:1.6; }
  .footer-cols{ display:flex; gap:60px; flex-wrap:wrap; }
  .footer-col h3{ font-family:var(--m); font-size:11px; color:var(--muted); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; }
  .footer-col a{ display:block; font-size:14px; color:var(--text-dim); margin-bottom:10px; transition:color .15s; }
  .footer-col a:hover{ color:var(--accent); }
  .footer-bottom{
    margin-top:40px; padding-top:24px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
    font-family:var(--m); font-size:12px; color:var(--muted-deep);
  }

  /* reveal on scroll */
  .reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.in{ opacity:1; transform:none; }
  @media(prefers-reduced-motion:reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
    html{ scroll-behavior:auto; }
  }

/* ===== VECTOR PREVIEWS (dashboard + panel) ===== */
.lpd, .lpp{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; text-align:left; }
.lpd *, .lpp *{ box-sizing:border-box; }

/* ---- DASHBOARD VECTOR (lpd) ---- */
.lpd{ background:#0a0e14; padding:18px 18px 20px; }
.lpd-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.lpd-greet{ font-size:16px; font-weight:600; color:#e6edf5; }
.lpd-greet b{ font-weight:600; }
.lpd-pills{ display:flex; gap:8px; }
.lpd-pill{ font-family:'Share Tech Mono',monospace; font-size:10px; color:#7a8a9c; background:#121821; border:1px solid #1f2a38; border-radius:7px; padding:6px 10px; }
.lpd-stats{ display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin-bottom:18px; }
.lpd-stat{ background:#121821; border:1px solid #1f2a38; border-radius:10px; padding:11px 11px 12px; min-width:0; }
.lpd-stat .l{ display:block; font-size:8.5px; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:#7a8a9c; margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lpd-stat .v{ display:block; font-size:18px; font-weight:700; letter-spacing:0.3px; color:#e6edf5; white-space:nowrap; }
.lpd-stat .v.blue{ color:#3aa0ff; } .lpd-stat .v.green{ color:#3ad07a; } .lpd-stat .v.yellow{ color:#e8c547; }
.lpd-sec{ font-family:'Share Tech Mono',monospace; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:1.6px; color:#7a8a9c; margin:0 0 12px; display:flex; align-items:center; gap:9px; }
.lpd-sec::after{ content:""; flex:1; height:1px; background:#1f2a38; }
.lpd-farms{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lpd-farm{ background:#121821; border:1px solid #1f2a38; border-radius:12px; padding:14px; }
.lpd-fhead{ display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:11px; margin-bottom:11px; border-bottom:1px solid #1f2a38; }
.lpd-fname{ font-size:13px; font-weight:600; color:#e6edf5; margin-bottom:4px; }
.lpd-fbot{ font-size:10.5px; color:#3aa0ff; display:inline-flex; align-items:center; gap:3px; }
.lpd-fbot svg{ width:10px; height:10px; }
.lpd-fpc{ color:#42536a; flex-shrink:0; }
.lpd-fpc svg{ width:17px; height:17px; }
.lpd-frow{ display:flex; justify-content:space-between; font-size:10.5px; margin-bottom:6px; }
.lpd-frow .k{ color:#7a8a9c; } .lpd-frow .vv{ color:#e6edf5; font-weight:600; }
.lpd-fbar{ height:5px; background:rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; margin-bottom:13px; }
.lpd-fbar i{ display:block; height:100%; background:#3aa0ff; border-radius:3px; }
.lpd-fmeta{ display:grid; grid-template-columns:1fr 1fr; gap:9px 12px; margin-bottom:13px; }
.lpd-fmeta .cell{ display:flex; flex-direction:column; gap:3px; }
.lpd-fmeta .k{ font-family:'Share Tech Mono',monospace; font-size:8px; text-transform:uppercase; letter-spacing:0.6px; color:#7a8a9c; }
.lpd-fmeta .v{ font-size:12.5px; font-weight:600; color:#e6edf5; }
.lpd-fmeta .v.green{ color:#3ad07a; }
.lpd-fchips{ display:flex; gap:7px; }
.lpd-chip{ font-family:'Share Tech Mono',monospace; font-size:9px; padding:4px 8px; border-radius:6px; }
.lpd-chip.ok{ color:#3ad07a; background:rgba(58,208,122,0.1); border:1px solid rgba(58,208,122,0.25); }
.lpd-chip.bad{ color:#7a8a9c; background:rgba(122,138,156,0.08); border:1px solid rgba(122,138,156,0.2); }

/* ---- PANEL VECTOR (lpp) ---- */
.lpp{ background:#0f0f0f; padding:0; }
.lpp-head{ display:flex; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid #242424; background:#161616; }
.lpp-brand{ font-family:'Orbitron',sans-serif; font-size:13px; font-weight:700; letter-spacing:2px; color:#e2e2e2; }
.lpp-brand b{ color:#3aa0ff; font-weight:700; }
.lpp-state{ display:inline-flex; align-items:center; gap:6px; font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:1px; color:#3ad07a; padding:5px 10px; border:1px solid rgba(58,208,122,0.3); border-radius:7px; background:rgba(58,208,122,0.08); }
.lpp-state .d{ width:6px; height:6px; border-radius:50%; background:#3ad07a; box-shadow:0 0 5px #3ad07a; }
.lpp-counts{ margin-left:auto; display:flex; gap:13px; font-family:'Share Tech Mono',monospace; font-size:9.5px; color:#5a5a5a; }
.lpp-counts span{ display:inline-flex; align-items:center; gap:5px; }
.lpp-counts i{ width:6px; height:6px; border-radius:50%; display:inline-block; }
.lpp-counts b{ font-weight:700; }
.lpp-body{ display:grid; grid-template-columns:1fr 158px; gap:0; }
.lpp-table{ padding:6px 0 10px; border-right:1px solid #242424; }
.lpp table{ width:100%; border-collapse:collapse; }
.lpp thead th{ font-family:'Share Tech Mono',monospace; font-size:8.5px; font-weight:400; text-transform:uppercase; letter-spacing:0.8px; color:#5a5a5a; text-align:left; padding:9px 14px; border-bottom:1px solid #242424; }
.lpp tbody td{ font-size:11px; color:#e2e2e2; padding:8px 14px; border-bottom:1px solid #1a1a1a; white-space:nowrap; }
.lpp tbody tr.on{ background:rgba(58,160,255,0.09); }
.lpp .acc{ font-family:'Share Tech Mono',monospace; font-size:10.5px; color:#cfd6de; }
.lpp .lvl{ font-family:'Share Tech Mono',monospace; font-size:10px; color:#9aa4b0; background:#1e1e1e; border:1px solid #2a2a2a; border-radius:5px; padding:2px 7px; }
.lpp .xp{ font-family:'Share Tech Mono',monospace; font-size:10px; color:#7a8a9c; }
.lpp .badge{ font-size:9px; font-weight:600; padding:3px 9px; border-radius:20px; letter-spacing:0.3px; }
.lpp .b-playing{ background:rgba(58,160,255,0.13); color:#3aa0ff; border:0.5px solid rgba(58,160,255,0.35); }
.lpp .b-done{ background:rgba(224,140,58,0.13); color:#e08c3a; border:0.5px solid rgba(224,140,58,0.35); }
.lpp .b-loot{ background:rgba(155,114,221,0.12); color:#9b72dd; border:0.5px solid rgba(155,114,221,0.35); }
.lpp .b-idle{ background:rgba(226,226,226,0.06); color:#a0a0a0; border:0.5px solid rgba(226,226,226,0.14); }
.lpp-side{ padding:14px 14px; }
.lpp-side-t{ font-family:'Share Tech Mono',monospace; font-size:9px; text-transform:uppercase; letter-spacing:1.4px; color:#5a5a5a; margin-bottom:12px; }
.lpp-btn{ display:block; width:100%; text-align:left; font-size:10.5px; font-weight:600; color:#cfd6de; background:#1e1e1e; border:1px solid #2a2a2a; border-radius:8px; padding:9px 11px; margin-bottom:8px; }
.lpp-btn.primary{ background:rgba(58,160,255,0.14); border-color:rgba(58,160,255,0.4); color:#3aa0ff; }
.lpp-btn.purple{ color:#9b72dd; border-color:rgba(155,114,221,0.3); }
.lpp-btn.red{ color:#e05555; border-color:rgba(224,85,85,0.3); }
.lpp-log{ padding:12px 18px 16px; border-top:1px solid #242424; background:#131313; }
.lpp-log-t{ display:flex; align-items:center; gap:8px; font-family:'Share Tech Mono',monospace; font-size:9px; text-transform:uppercase; letter-spacing:1.2px; color:#5a5a5a; margin-bottom:10px; }
.lpp-log-t span{ color:#3ad07a; font-size:8px; padding:2px 7px; border:1px solid rgba(58,208,122,0.3); border-radius:5px; }
.lpp-log-row{ display:flex; gap:10px; font-family:'Share Tech Mono',monospace; font-size:9.5px; margin-bottom:6px; }
.lpp-log-row time{ color:#3a3a3a; flex-shrink:0; }
.lpp-log-row .msg{ color:#8a8a8a; }
.lpp-log-row .msg b{ color:#3aa0ff; font-weight:400; }
.lpp-log-row .msg b.g{ color:#3ad07a; } .lpp-log-row .msg b.p{ color:#9b72dd; }

@media (max-width:640px){
  .lpd-stats{ grid-template-columns:repeat(3,1fr); }
  .lpd-farms{ grid-template-columns:1fr; }
  .lpp-body{ grid-template-columns:1fr; }
  .lpp-side{ border-top:1px solid #242424; }
}


/* ===== FULL-WIDTH PANEL SECTION ===== */
.product-full{ border-top:1px solid var(--line); padding:62px 0 64px; }
.pf-head{ display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:end; margin-bottom:34px; }
.pf-head .pc-num{ margin-bottom:14px; }
.pf-head .pc-desc{ margin-bottom:0; }
.pf-feats{ display:grid; grid-template-columns:1fr 1fr; gap:11px 28px; }
@media (max-width:880px){ .pf-head{ grid-template-columns:1fr; gap:22px; } .pf-feats{ grid-template-columns:1fr; } }
.pf-shot{ position:relative; }
.pf-shot-label{ display:flex; align-items:center; gap:10px; margin:28px 0 12px; font-family:var(--m); font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.pf-shot-label::before{ content:""; width:22px; height:1px; background:var(--pc-color,#3aa0ff); }

.pf-modes{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:-6px 0 28px; }
.pf-mode{ background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px 20px; }
.pf-mode-top{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.pf-mode-badge{ font-family:var(--m); font-size:13px; font-weight:700; letter-spacing:1px; color:var(--pc-color,#3aa0ff);
  background:rgba(58,160,255,0.10); border:1px solid rgba(58,160,255,0.28); border-radius:6px; padding:5px 10px; white-space:nowrap; }
.pf-mode-name{ font-size:15px; font-weight:600; color:var(--text); }
.pf-mode-desc{ font-size:13.5px; line-height:1.55; color:var(--muted); margin:0; }
@media(max-width:860px){ .pf-modes{ grid-template-columns:1fr; } }

.pf-shot::before{
  content:""; position:absolute; z-index:0; inset:4% 6%;
  background:radial-gradient(ellipse at 60% 50%, var(--glow,rgba(58,208,122,0.30)), transparent 70%);
  filter:blur(54px); opacity:0.9; pointer-events:none;
}
.pf-shot .shot-frame{
  position:relative; z-index:2;
  border:1px solid var(--line-bright); border-radius:14px; overflow:hidden; background:var(--surface);
  box-shadow:0 44px 100px rgba(0,0,0,0.62), 0 0 0 1px rgba(255,255,255,0.02);
}
.panel-frame{ display:block; width:100%; height:600px; border:0; background:#0f0f0f; }
.panel-frame.dash{ background:#0a0e14; }
@media (max-width:760px){ .panel-frame{ height:500px; } }


  /* dashboard iframe: render on a wider logical viewport, scale down so it reads denser like the panel */
  .iframe-scaler{ width:100%; height:600px; overflow:hidden; position:relative; }
  .iframe-scaler .panel-frame.dash{
    width:138.89%; height:834px;
    transform:scale(0.72); transform-origin:top left;
    display:block; border:0; background:#0a0e14;
  }
  @media (max-width:760px){
    .iframe-scaler{ height:500px; }
    .iframe-scaler .panel-frame.dash{ height:694px; }
  }

  /* кнопка «Связаться»: синяя + телеграм + аватар менеджера */
  .btn-contact{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--accent); color:#fff;
    border:1px solid var(--accent);
    padding:6px 8px 6px 16px; border-radius:8px;
    font-size:14.5px; font-weight:600; line-height:1;
    text-decoration:none; white-space:nowrap;
    transition:filter .15s, transform .15s, box-shadow .15s;
  }
  .btn-contact:hover{
    filter:brightness(1.08); transform:translateY(-1px);
    box-shadow:0 8px 24px rgba(58,160,255,0.25);
  }
  .btn-contact .tg-ic{ width:18px; height:18px; flex-shrink:0; }
  .btn-contact .mgr-avatar{
    width:30px; height:30px; border-radius:50%;
    overflow:hidden; flex-shrink:0;
    border:2px solid rgba(255,255,255,0.55);
    background:#0a0e14;
  }
  .btn-contact .mgr-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }

  /* статичные превью дашборда и панели (картинки целиком, без обрезки) */
  .pf-shot .shot-frame .shot-img{
    display:block; width:100%; height:auto;
    background:#0a0e14; user-select:none; -webkit-user-drag:none;
  }

  /* ===== HERO SHOWREEL ===== */
  .hero-reel{ position:relative; margin-top:64px; border:1px solid var(--line-bright); border-radius:16px; overflow:hidden;
    background:var(--bg); aspect-ratio:16/9;
    box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(58,160,255,.06),0 0 90px rgba(58,160,255,.08); }
  .hr-video{ display:block; width:100%; height:100%; object-fit:cover; }
  .hr-badge{ position:absolute; left:16px; top:16px; display:inline-flex; align-items:center; gap:8px;
    font-family:var(--m); font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--text-dim);
    background:rgba(10,14,20,.72); border:1px solid var(--line-bright); border-radius:6px; padding:6px 10px; }
  .hr-dot{ width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 8px var(--red); }

/* ===== SCREEN SLIDER ===== */
.slider{ display:flex; flex-direction:column; gap:16px; }
.sl-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.sl-tab{ display:inline-flex; align-items:center; gap:10px; font:500 14px var(--f); color:var(--muted); background:var(--surface);
  border:1px solid var(--line); border-radius:9px; padding:9px 14px; cursor:pointer; transition:color .15s,border-color .15s,background .15s; }
.sl-tab:hover{ color:var(--text); border-color:var(--line-bright); }
.sl-tab.on{ color:var(--text); border-color:var(--pc-color,var(--accent)); background:rgba(58,160,255,.08); }
.sl-tn{ font-family:var(--m); font-size:11px; letter-spacing:1px; color:var(--pc-color,var(--accent)); }
.sl-tab:focus-visible,.sl-arr:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
.sl-frame{ position:relative; transition:height .35s ease; }
.sl-track{ display:flex; align-items:flex-start; transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.sl-img{ flex:0 0 100%; width:100%; display:block; user-select:none; -webkit-user-drag:none; }
.sl-arr{ width:40px; height:40px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; color:var(--text); cursor:pointer;
  background:rgba(10,14,20,.78); border:1px solid var(--line-bright); backdrop-filter:blur(6px); transition:background .15s,border-color .15s; }
.sl-arr:hover{ background:rgba(18,24,33,.95); border-color:var(--accent); }
.sl-arr svg{ width:20px; height:20px; }
.sl-eq .sl-slide{ height:var(--slh); }
.sl-eq .sl-img{ object-fit:cover; object-position:right top; background:#0d1117; }
.sl-eq .ps{ aspect-ratio:auto; }
.sl-feats{ margin-top:16px; }
#sl-dash.sl-eq .sl-img{ object-position:center top; }
.sl-eq .sl-img{ -webkit-mask-image:linear-gradient(#000 80%,transparent); mask-image:linear-gradient(#000 80%,transparent); }
.sl-fg[hidden]{ display:none !important; }
.sl-feats .ps-mode{ padding:20px 22px 22px; display:grid; grid-row:span 2; grid-template-rows:subgrid; gap:12px; }
.sl-feats .ps-modes{ grid-template-rows:auto auto; }
.sl-feats .ps-n{ font-size:16.5px; line-height:1.35; }
.tr-mock{ background:#0d1117; display:flex; flex-direction:column; overflow:hidden; }
.tr-top{ display:flex; align-items:center; gap:28px; padding:14px 22px; border-bottom:1px solid var(--line); }
.tr-logo{ font-family:var(--d); font-weight:800; font-size:13px; letter-spacing:2px; color:var(--text); border:1px solid var(--line-bright); border-radius:6px; padding:5px 10px; white-space:nowrap; }
.tr-logo span{ color:#e8b53a; font-family:var(--m); font-weight:400; font-size:11px; margin-left:6px; padding-left:8px; border-left:1px solid var(--line-bright); }
.tr-tabs{ display:flex; gap:20px; font-size:13px; color:var(--muted); }
.tr-tabs .on{ color:#e8b53a; box-shadow:0 2px 0 #e8b53a; padding-bottom:3px; }
.tr-sync{ margin-left:auto; font-family:var(--m); font-size:11.5px; letter-spacing:1px; color:var(--muted); white-space:nowrap; }
.tr-body{ flex:1; display:flex; flex-direction:column; gap:18px; padding:22px; min-height:0; }
.tr-flow{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:14px; }
.tr-node{ display:flex; align-items:center; gap:14px; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:16px 18px; min-width:0; }
.tr-nic{ width:42px; height:42px; flex:0 0 42px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#e8b53a; background:rgba(232,181,58,.1); border:1px solid rgba(232,181,58,.28); }
.tr-nic svg{ width:20px; height:20px; }
.tr-l{ font-family:var(--m); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); }
.tr-n{ font-size:17px; font-weight:600; color:var(--text); margin-top:3px; }
.tr-v{ font-family:var(--m); font-size:12.5px; color:var(--green,#3ad07a); margin-top:2px; }
.tr-arr{ color:#e8b53a; opacity:.7; }
.tr-arr svg{ width:20px; height:20px; display:block; }
.tr-table{ background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.tr-row{ display:grid; grid-template-columns:1.5fr 1.3fr .9fr .6fr; gap:14px; align-items:center; padding:11px 18px; border-top:1px solid var(--line); font-size:13.5px; color:var(--text); }
.tr-row > span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tr-h{ border-top:0; font-family:var(--m); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); padding:10px 18px; }
.tr-rt{ font-family:var(--m); font-size:12.5px; color:var(--muted); }
.tr-rt i{ font-style:normal; color:#e8b53a; margin:0 4px; }
.tr-st{ justify-self:start; font-family:var(--m); font-size:11.5px; border-radius:20px; padding:3px 10px; border:1px solid; }
.tr-st.go{ color:#e8b53a; border-color:rgba(232,181,58,.4); background:rgba(232,181,58,.08); }
.tr-st.ok{ color:#3ad07a; border-color:rgba(58,208,122,.4); background:rgba(58,208,122,.08); }
.tr-st.wait{ color:var(--muted); border-color:var(--line-bright); }
.tr-pr{ text-align:right; font-family:var(--m); color:var(--text); }
.tr-h .tr-pr{ color:var(--muted); }
@media (max-width:980px){ .tr-mock{ aspect-ratio:auto; } }
@media (max-width:760px){
  .tr-top{ gap:12px; padding:12px 14px; flex-wrap:wrap; } .tr-tabs{ gap:14px; font-size:12px; } .tr-sync{ display:none; }
  .tr-body{ padding:14px; gap:12px; }
  .tr-flow{ grid-template-columns:1fr; gap:8px; } .tr-arr{ display:none; }
  .tr-node{ padding:12px 14px; }
  .tr-row{ grid-template-columns:1fr auto; gap:6px 10px; padding:10px 14px; font-size:13px; }
  .tr-rt{ display:none; } .tr-h{ display:none; } .tr-st{ grid-column:1; grid-row:2; } .tr-pr{ grid-row:1/3; grid-column:2; }
}
.cm-head{ max-width:760px; margin-bottom:40px; }
.cm-grid{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto repeat(12,auto); column-gap:20px; }
.cm-ai{ display:inline-block; margin-left:8px; padding:1px 7px; border-radius:6px; font-size:10px; letter-spacing:1px; color:#b897ef; background:rgba(155,114,221,.14); border:1px solid rgba(155,114,221,.4); vertical-align:1px; }
.cm-col{ display:grid; grid-row:1/-1; grid-template-rows:subgrid; border-radius:18px; border:1px solid var(--line); background:var(--surface); padding:8px 28px 14px; min-width:0; }
.cm-our{ border-color:rgba(58,160,255,.45); background:linear-gradient(180deg,rgba(58,160,255,.08),var(--surface) 40%); box-shadow:0 30px 80px -30px rgba(58,160,255,.35); }
.cm-top{ padding:22px 0 18px; border-bottom:1px solid var(--line); }
.cm-name{ font-family:var(--d); font-weight:800; font-size:20px; letter-spacing:1px; color:var(--text); }
.cm-name span{ color:var(--accent); }
.cm-pub .cm-name{ color:var(--muted); }
.cm-sub{ font-size:13.5px; color:var(--muted); margin-top:6px; }
.cm-row{ display:grid; grid-template-columns:24px 1fr; gap:14px; align-items:start; padding:16px 0; border-bottom:1px solid var(--line); }
.cm-row:last-child{ border-bottom:0; }
.cm-i{ width:24px; height:24px; border-radius:7px; display:inline-flex; align-items:center; justify-content:center; margin-top:2px; }
.cm-i svg{ width:13px; height:13px; }
.cm-i.no{ color:#ff5a52; background:rgba(255,90,82,.1); border:1px solid rgba(255,90,82,.3); }
.cm-i.yes{ color:#3ad07a; background:rgba(58,208,122,.12); border:1px solid rgba(58,208,122,.35); }
.cm-k{ font-family:var(--m); font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted); margin-bottom:5px; }
.cm-t{ font-size:15px; line-height:1.5; color:var(--text); }
.cm-pub .cm-t{ color:var(--muted); }
@media (max-width:760px){
  .cm-grid{ grid-template-columns:1fr; grid-template-rows:none; row-gap:16px; }
  .cm-col{ grid-row:auto; grid-template-rows:none; display:block; padding:4px 18px 8px; }
  .cm-our{ order:-1; }
  .cm-name{ font-size:18px; }
}
.sl-nav{ display:flex; gap:8px; }
.sl-cap{ display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:start; padding:4px 2px 0; }
.sl-count{ font-family:var(--m); font-size:13px; letter-spacing:1px; color:var(--muted); padding-top:4px; white-space:nowrap; }
.sl-count b{ color:var(--pc-color,var(--accent)); font-weight:400; }
.sl-title{ font-size:18px; font-weight:600; color:var(--text); margin-bottom:6px; }
.sl-desc{ font-size:15px; line-height:1.6; color:var(--muted); max-width:760px; margin:0; }
.pf-modes.after{ margin:28px 0 0; }
@media (max-width:760px){ .sl-arr{ width:36px; height:36px; } .sl-cap{ grid-template-columns:1fr auto; gap:6px 12px; } .sl-text{ grid-column:1/-1; grid-row:2; } }
@media (prefers-reduced-motion:reduce){ .sl-track,.sl-frame{ transition:none; } }

@media (max-width:520px){
  .btn-contact{ padding:6px; gap:0; }
  .btn-contact .tg-ic, .btn-contact > span:not(.mgr-avatar){ display:none; }
}

@media (max-width:760px){ .sl-tabs{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; } .sl-tabs::-webkit-scrollbar{ display:none; } .sl-tab{ flex:0 0 auto; } }

/* ===== HTML-слайды панели ===== */
.sl-slide{ flex:0 0 100%; width:100%; }
.ps{ aspect-ratio:3720/1800; background:#0d1117; display:flex; flex-direction:column; justify-content:center; gap:26px; padding:34px 40px; }
.ps-head{ display:flex; flex-direction:column; gap:8px; }
.ps-lab{ font-family:var(--m); font-size:12px; letter-spacing:3px; text-transform:uppercase; color:var(--accent); }
.ps-h{ font-family:var(--d); font-weight:700; font-size:clamp(20px,2.3vw,28px); line-height:1.2; color:var(--text); text-wrap:balance; }
.ps-modes{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.ps-mode{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:24px 24px 26px; display:flex; flex-direction:column; gap:12px; min-width:0; }
.ps-team{ display:flex; align-items:center; gap:7px; height:30px; margin-bottom:4px; }
.ps-team i{ font-family:var(--m); font-style:normal; font-size:12px; letter-spacing:1px; color:var(--muted); margin:0 6px; }
.tm{ width:20px; height:20px; border-radius:50%; border:2px solid; }
.tm.a{ border-color:#3aa0ff; background:rgba(58,160,255,.18); } .tm.b{ border-color:#e08c3a; background:rgba(224,140,58,.18); }
.tm.c{ border-color:#3ad07a; background:rgba(58,208,122,.18); } .tm.d{ border-color:#9b72dd; background:rgba(155,114,221,.18); }
.ps-team.dm{ gap:5px; } .ps-team.dm .tm:nth-child(odd){ transform:translateY(-6px); } .ps-team.dm .tm:nth-child(3n){ transform:translateY(5px); }
.ps-badge{ align-self:flex-start; font-family:var(--m); font-weight:700; font-size:22px; letter-spacing:2px; color:var(--accent); background:rgba(58,160,255,.10); border:1px solid rgba(58,160,255,.3); border-radius:9px; padding:6px 14px; }
.ps-n{ font-size:18px; font-weight:600; color:var(--text); }
.ps-d{ font-size:14px; line-height:1.6; color:var(--muted); margin:0; }
.ps-sec{ display:grid; grid-template-columns:1.05fr 1fr; gap:34px; align-items:center; }
.ps-sec-l{ display:flex; flex-direction:column; gap:22px; min-width:0; }
.ps-list{ display:flex; flex-direction:column; gap:18px; }
.ps-it{ display:grid; grid-template-columns:40px 1fr; gap:14px; align-items:start; }
.ps-ic{ width:40px; height:40px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; color:var(--accent); background:rgba(58,160,255,.10); border:1px solid rgba(58,160,255,.28); }
.ps-ic svg{ width:20px; height:20px; }
.ps-it-h{ font-size:16px; font-weight:600; color:var(--text); margin-bottom:4px; }
.ps-map{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:12px; min-width:0; }
.ps-map-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; font-family:var(--m); font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.ps-map-k{ color:var(--accent); }
.ps-map-svg{ width:100%; height:auto; display:block; border-radius:8px; background:var(--bg); }
.ps-legend{ display:flex; gap:16px; flex-wrap:wrap; font-size:12.5px; color:var(--muted); }
.ps-legend i{ display:inline-block; width:10px; height:10px; border-radius:2px; margin-right:6px; vertical-align:-1px; }
@media (max-width:980px){
  .ps{ aspect-ratio:auto; padding:24px 20px; }
  .ps-modes{ grid-template-columns:1fr; }
  .ps-sec{ grid-template-columns:1fr; }
}

.ps-auto{ aspect-ratio:auto; }
.ps-mode-row{ display:flex; align-items:center; gap:12px; }
.ps-mode-row .ps-badge{ font-size:15px; padding:5px 10px; letter-spacing:1.5px; }
.ps-shot{ position:relative; aspect-ratio:16/9; border-radius:10px; overflow:hidden; border:1px solid var(--line);
  background-size:cover; background-position:center; display:flex; align-items:flex-end; justify-content:space-between; padding:12px 14px; }
.ps-shot.r{ background-image:linear-gradient(160deg,rgba(224,140,58,.28),rgba(10,14,20,.95) 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px); }
.ps-shot.w{ background-image:linear-gradient(160deg,rgba(58,160,255,.28),rgba(10,14,20,.95) 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px); }
.ps-shot.d{ background-image:linear-gradient(160deg,rgba(255,90,82,.26),rgba(10,14,20,.95) 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px); }
.ps-shot img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ps-shot img{ z-index:0; }
.ps-shot.has-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,14,20,0) 45%,rgba(10,14,20,.85)); z-index:0; }
.ps-shot.has-img .ps-shot-hint{ display:none; }
.ps-shot.has-img .ps-shot-k{ position:absolute; left:12px; bottom:10px; font-size:18px; z-index:1; }
.ps-first{ position:absolute; top:10px; right:10px; z-index:2; display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:999px; background:#3ad07a; color:#06140c; font-size:12.5px; font-weight:700; letter-spacing:.2px; box-shadow:0 6px 20px rgba(58,208,122,.4); white-space:nowrap; }
.ps-first svg{ width:13px; height:13px; }
.ps-mode:has(.ps-first){ background:linear-gradient(180deg,rgba(58,208,122,.16),rgba(58,208,122,.06)); border-color:rgba(58,208,122,.45); }
@media (max-width:1180px) and (min-width:981px){ .ps-first{ font-size:11px; padding:5px 9px; } }
.ps-art{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.ps-mode-row .ps-ic{ width:34px; height:34px; flex:0 0 34px; }
.ps-mode-row .ps-ic svg{ width:17px; height:17px; }
.ps-shot.has-img .ps-shot-k{ position:absolute; left:12px; bottom:10px; font-size:18px; z-index:1; }
.ps-shot-k{ position:relative; font-family:var(--d); font-weight:800; font-size:28px; letter-spacing:2px; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.6); }
.ps-shot-hint{ position:relative; font-family:var(--m); font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); border:1px dashed var(--line-bright); border-radius:4px; padding:3px 7px; }

/* ===== HERO v2 ===== */
.hero-v2{ padding:120px 0 70px; }
.hero-v2 .hero-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.hero-v2 .hero-bg svg{ position:absolute; left:50%; top:46%; width:min(1300px,140vw); height:min(1300px,140vw); transform:translate(-50%,-50%); }
.hb-sweep{ transform-origin:500px 500px; animation:hbSpin 9s linear infinite; }
.hero-v2 .hero-top{ position:relative; }
.hero-v2 .hero-text{ position:relative; z-index:2; }
.hero-art{ position:absolute; inset:-40px -40px 70px; z-index:1; pointer-events:none; }
.ag{ position:absolute; bottom:-110px; height:620px; width:auto; filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)); 
  -webkit-mask-image:linear-gradient(180deg,#000 35%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.12) 72%,transparent 82%); mask-image:linear-gradient(180deg,#000 35%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.12) 72%,transparent 82%); }
.ag-l{ left:-13%; } .ag-r{ right:-13%; transform:scaleX(-1); }
.ag-glow{ position:absolute; bottom:40px; width:420px; height:420px; border-radius:50%; filter:blur(70px); opacity:.45; }
.ag-glow.l{ left:-4%; background:#e8b53a; opacity:.22; } .ag-glow.r{ right:-4%; background:#3aa0ff; opacity:.3; }
.sk{ position:absolute; width:150px; height:auto; filter:drop-shadow(0 14px 22px rgba(0,0,0,.55)); animation:skFloat 6s ease-in-out infinite; }
.sk1{ left:12%; top:-7%; width:200px; --r:-14deg; }
.sk2{ right:13%; top:-6%; --r:12deg; animation-delay:-1.5s; }
.sk3{ left:22%; bottom:24%; width:120px; --r:-8deg; animation-delay:-3s; }
.sk4{ right:22%; bottom:22%; width:125px; --r:10deg; animation-delay:-4.5s; }
@keyframes skFloat{ 0%,100%{ transform:translateY(0) rotate(var(--r)); } 50%{ transform:translateY(-12px) rotate(var(--r)); } }
@media (max-width:1100px){ .ag{ height:440px; opacity:.5; } .ag-l{ left:-20%; } .ag-r{ right:-20%; } .sk1{ left:4%; } .sk2{ right:4%; } }
@media (max-width:760px){
  .hero-art{ inset:-20px -16px 40px; }
  .ag{ height:300px; opacity:.28; } .ag-l{ left:-30%; } .ag-r{ right:-30%; }
  .sk3,.sk4{ display:none; } .sk1{ width:120px; left:-2%; top:-4%; opacity:.7; } .sk2{ width:90px; right:-2%; top:-2%; opacity:.7; }
}
@media (prefers-reduced-motion:reduce){ .sk{ animation:none; transform:rotate(var(--r)); } }
.hero-v2 .btn-ghost{ background:rgba(10,14,20,.7); backdrop-filter:blur(4px); }
@keyframes hbSpin{ to{ transform:rotate(360deg); } }
.hb-ping{ animation:hbPing 2.4s ease-in-out infinite; } .hb-ping.d2{ animation-delay:.8s; } .hb-ping.d3{ animation-delay:1.6s; }
@keyframes hbPing{ 0%,100%{ opacity:.25; } 50%{ opacity:1; } }
.hero-v2 .hero-bg::after{ content:""; position:absolute; inset:0; background:radial-gradient(ellipse 60% 45% at 50% 42%,rgba(10,14,20,.78),rgba(10,14,20,.35) 70%,transparent),linear-gradient(180deg,transparent 70%,var(--bg)); }
@media (prefers-reduced-motion:reduce){ .hb-sweep,.hb-ping{ animation:none; } }
.hero-v2 .hero-top{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; }
.hero-v2 .hero-text{ max-width:1100px; display:flex; flex-direction:column; align-items:center; }
.hero-v2 h1{ text-shadow:0 4px 30px rgba(10,14,20,.9); font-size:clamp(36px,6.2vw,84px); line-height:1.02; letter-spacing:1px; text-wrap:balance; }
.hero-v2 .hero-sub{ max-width:640px; margin-left:auto; margin-right:auto; }
.hero-v2 .hero-actions, .hero-v2 .hero-trust{ justify-content:center; }
.hero-v2 .eyebrow::before{ display:none; }
.hero-v2 .hero-live{ width:100%; margin-top:64px; display:flex; flex-direction:row; align-items:center; gap:22px; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(10,14,20,.82); backdrop-filter:blur(8px); text-align:left; position:relative; z-index:3; }
.hero-v2 .hl-head{ flex-direction:column; align-items:flex-start; gap:4px; padding:0 4px 0 0; flex:0 0 auto; border-right:1px solid var(--line); padding-right:20px; }
.hero-v2 .hl-earned-wrap{ margin-left:0; }
.hero-v2 .hl-feed-wrap{ flex:1; min-width:0; height:auto; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.hero-v2 .hl-feed{ flex-direction:row; align-items:center; width:max-content; animation:hlX 60s linear infinite; }
.hero-v2 .hl-item.right, .hero-v2 .hl-item.mid{ align-self:center; }
@keyframes hlX{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (max-width:760px){
  .hero-v2{ padding:96px 0 48px; }
  .hero-v2 .hero-live{ flex-direction:column; align-items:stretch; gap:10px; margin-top:44px; }
  .hero-v2 .hl-head{ flex-direction:row; border-right:0; padding:0; justify-content:space-between; width:100%; }
}

/* spacing tighten */
.section{ padding:64px 0; }
#products{ padding-top:40px; padding-bottom:24px; }
#income{ padding-top:56px; }
.pf-band:last-of-type .product-full{ padding-bottom:40px; }
#compare{ padding-top:56px; }
@media (max-width:760px){ .section{ padding:56px 0; } #products{ padding-bottom:12px; } #compare{ padding-top:48px; } }
/* product heads bigger */
.prod-head{ text-align:center; padding:24px 0 8px; }
.prod-title{ font-size:clamp(32px,5vw,60px); line-height:1.08; text-wrap:balance; }
.prod-title span{ color:var(--accent); }
.pf-head .pc-num{ font-size:14px; letter-spacing:2px; color:var(--pc-color,var(--accent)); opacity:.9; margin-bottom:16px; }
.pf-head .pc-name{ font-size:clamp(28px,3.4vw,42px); font-weight:700; line-height:1.15; margin-bottom:14px; text-wrap:balance; }
.pf-head .pc-desc{ font-size:17px; line-height:1.65; max-width:760px; }
.pf-head{ max-width:1000px !important; }
.sl-tab{ font-size:15px; }
@media (max-width:760px){ .pf-head .pc-num{ font-size:12px; } .pf-head .pc-desc{ font-size:15.5px; } }
.sp-grid{ position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:44px; }
.sp-grid::before{ content:""; position:absolute; left:6%; right:6%; top:43px; height:1px; background:linear-gradient(90deg,transparent,rgba(58,208,122,.45),transparent); }
.sp-step{ position:relative; background:rgba(18,24,33,.85); border:1px solid var(--line); border-radius:16px; padding:20px 18px 22px; display:flex; flex-direction:column; gap:10px; min-width:0; transition:border-color .2s, transform .2s; }
.sp-step:hover{ border-color:rgba(58,208,122,.45); transform:translateY(-3px); }
.sp-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.sp-ic{ width:46px; height:46px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; color:#3ad07a; background:rgba(58,208,122,.12); border:1px solid rgba(58,208,122,.35); }
.sp-ic svg{ width:22px; height:22px; }
.sp-n{ font-family:var(--m); font-size:13px; letter-spacing:1.5px; color:var(--muted); }
.sp-t{ font-size:16.5px; font-weight:600; color:var(--text); line-height:1.3; }
.sp-d{ font-size:14px; line-height:1.55; color:var(--muted); margin:0; }
@media (max-width:1100px){ .sp-grid{ grid-template-columns:repeat(3,1fr); } .sp-grid::before{ display:none; } }
@media (max-width:760px){ .sp-grid{ grid-template-columns:1fr; gap:10px; } .sp-step{ flex-direction:row; flex-wrap:wrap; align-items:center; } .sp-top{ margin:0; } .sp-n{ display:none; } .sp-t{ flex:1; min-width:0; } .sp-d{ flex-basis:100%; } }
.inc-table{ margin-top:auto; padding-top:22px; display:flex; flex-direction:column; gap:8px; }
.it-h, .it-r{ display:grid; grid-template-columns:.8fr 1fr 1fr; gap:10px; align-items:center; }
.it-h span{ font-size:13px; color:var(--muted); line-height:1.3; }
.it-h b{ display:block; font-family:var(--m); font-size:12px; color:#3ad07a; font-weight:700; margin-top:2px; }
.it-h .pk b{ color:#e8b53a; }
.it-r{ background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
.it-r span:first-child{ font-family:var(--m); font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); }
.it-r span:not(:first-child){ font-family:var(--m); font-weight:700; font-size:clamp(17px,1.9vw,24px); color:var(--text); white-space:nowrap; }
.it-r span.pk{ color:#e8b53a; }
.it-r.pay{ border-style:dashed; }
.it-r.pay span:not(:first-child){ font-size:clamp(15px,1.6vw,20px); }
.it-r.main{ border-color:rgba(58,208,122,.45); background:rgba(58,208,122,.07); }
.it-r.main span:nth-child(2){ color:#3ad07a; }
.inc-chart{ width:100%; height:auto; display:block; margin:auto 0; }
.inc-hist{ display:flex; flex-direction:column; }
.inc-chart .g{ stroke:var(--line); stroke-width:1; }
.inc-chart .ya, .inc-chart .xa{ font-family:var(--m); font-size:11px; fill:var(--muted); }
.inc-chart .ya{ text-anchor:end; } .inc-chart .xa{ text-anchor:middle; }
.inc-chart .avg{ stroke:#3ad07a; stroke-dasharray:5 5; stroke-opacity:.55; }
.inc-chart .avgt{ font-family:var(--m); font-size:11px; fill:#3ad07a; text-anchor:end; }
.inc-chart .ln{ fill:none; stroke:#3ad07a; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }
.inc-chart .d{ fill:#3ad07a; } .inc-chart .nw{ fill:#3ad07a; stroke:var(--bg); stroke-width:2; }
.inc-chart .pk{ fill:#e8b53a; stroke:var(--bg); stroke-width:2; }
.inc-chart .pkt{ font-family:var(--m); font-size:12px; font-weight:700; fill:#e8b53a; }
.inc-legend{ display:flex; gap:18px; flex-wrap:wrap; margin-top:14px; font-size:13px; color:var(--muted); }
.inc-legend i{ display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:7px; vertical-align:-1px; }
.lg-n{ background:#3ad07a; } .lg-p{ background:#e8b53a; }
@media (max-width:520px){ .it-h, .it-r{ grid-template-columns:.7fr 1fr 1fr; gap:6px; } .it-r{ padding:10px; } .it-r span:first-child{ font-size:10px; letter-spacing:1px; } }
.inc-head{ max-width:760px; margin-bottom:36px; }
.inc-grid{ display:grid; grid-template-columns:1.15fr 1fr; gap:20px; }
.inc-card{ background:rgba(18,24,33,.88); border:1px solid var(--line); border-radius:18px; padding:26px 28px; min-width:0; }
.inc-calc{ display:flex; flex-direction:column; } .inc-calc .inc-out{ margin-top:auto; }
.inc-calc{ border-color:rgba(58,208,122,.35); box-shadow:0 30px 80px -40px rgba(58,208,122,.45); }
.inc-lab{ font-family:var(--m); font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin-bottom:20px; }
.inc-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.inc-q{ font-size:16px; color:var(--text); font-weight:500; }
.inc-num input{ width:120px; background:var(--bg); border:1px solid var(--line-bright); border-radius:10px; color:var(--text); font-family:var(--m); font-size:20px; font-weight:700; text-align:right; padding:8px 12px; }
.inc-num input:focus{ outline:none; border-color:#3ad07a; }
.inc-range{ width:100%; margin:22px 0 6px; accent-color:#3ad07a; height:6px; cursor:pointer; }
.inc-ticks{ display:flex; justify-content:space-between; font-family:var(--m); font-size:11px; color:var(--muted-deep,#56657a); }
.inc-rate{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; margin:22px 0 22px; padding:12px 14px; border-radius:10px; background:rgba(58,208,122,.07); border:1px solid rgba(58,208,122,.2); font-size:14px; color:var(--muted); }
.inc-rate b{ font-family:var(--m); color:#3ad07a; font-size:16px; }
.inc-rate i{ font-style:normal; font-size:12px; color:var(--muted); font-weight:400; }
.inc-out{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.inc-o{ background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:14px; min-width:0; }
.inc-o.main{ border-color:rgba(58,208,122,.45); background:rgba(58,208,122,.08); }
.inc-ok{ font-family:var(--m); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); }
.inc-ov{ font-family:var(--m); font-weight:700; font-size:clamp(20px,2.2vw,28px); color:var(--text); margin-top:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inc-o.main .inc-ov{ color:#3ad07a; }
.inc-bars{ display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:end; height:230px; padding:0 8px; }
.inc-bar-col{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; gap:8px; text-align:center; min-width:0; }
.inc-bar-v{ font-family:var(--m); font-weight:700; font-size:22px; color:#e8b53a; }
.inc-bar-v.now{ color:#3ad07a; }
.inc-bar{ width:64%; height:calc(var(--h) * 0.62); min-height:10px; border-radius:10px 10px 4px 4px; }
.inc-bar.past{ background:linear-gradient(180deg,#e8b53a,rgba(232,181,58,.25)); }
.inc-bar.now{ background:linear-gradient(180deg,#3ad07a,rgba(58,208,122,.25)); }
.inc-bar-k{ font-size:15px; font-weight:600; color:var(--text); }
.inc-bar-n{ font-size:12.5px; color:var(--muted); line-height:1.35; }
.inc-alt{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:22px; padding-top:16px; border-top:1px solid var(--line); font-size:14px; color:var(--muted); }
.inc-alt b{ font-family:var(--m); color:#e8b53a; font-size:16px; }
.inc-note{ font-size:13px; line-height:1.55; color:var(--muted); margin:12px 0 0; }
@media (max-width:900px){ .inc-grid{ grid-template-columns:1fr; } }
@media (max-width:520px){ .inc-card{ padding:20px 16px; } .inc-out{ grid-template-columns:1fr; } .inc-o{ display:flex; justify-content:space-between; align-items:center; } .inc-ov{ margin:0; } .inc-bars{ height:200px; } }
#income::before{ background:
    radial-gradient(ellipse 80% 50% at 30% 50%, rgba(40,190,200,.15), transparent 75%),
    radial-gradient(ellipse 50% 40% at 80% 50%, rgba(232,181,58,.08), transparent 75%),
    linear-gradient(180deg, transparent 0%, rgba(30,150,170,.08) 25%, rgba(30,150,170,.08) 75%, transparent 100%); }
.wf-head{ text-align:center; max-width:820px; margin:0 auto 40px; }
.wf-flow{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:12px; align-items:stretch; }
.wf-step{ background:rgba(18,24,33,.88); border:1px solid var(--line); border-radius:16px; padding:22px 20px 24px; display:flex; flex-direction:column; gap:8px; min-width:0; }
.wf-ic{ width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; color:#9b8cff; background:rgba(130,110,255,.12); border:1px solid rgba(130,110,255,.35); margin-bottom:6px; }
.wf-ic svg{ width:23px; height:23px; }
.wf-n{ font-family:var(--m); font-size:12px; letter-spacing:1.5px; color:var(--muted); }
.wf-t{ font-size:18px; font-weight:600; color:var(--text); }
.wf-d{ font-size:14.5px; line-height:1.6; color:var(--muted); margin:0; }
.wf-arr{ display:flex; align-items:center; color:#9b8cff; opacity:.7; }
.wf-arr svg{ width:22px; height:22px; }
@media (max-width:1100px){ .wf-flow{ grid-template-columns:1fr 1fr; } .wf-arr{ display:none; } }
@media (max-width:560px){ .wf-flow{ grid-template-columns:1fr; } }
#what{ padding-bottom:56px; }
#what::before{ background:
    radial-gradient(ellipse 80% 50% at 50% 45%, rgba(130,110,255,.14), transparent 75%),
    linear-gradient(180deg, transparent 0%, rgba(90,80,200,.07) 25%, rgba(90,80,200,.07) 75%, transparent 100%); }
.faq-head{ max-width:900px; margin-bottom:32px; }
.faq-list{ display:flex; flex-direction:column; gap:12px; }
.faq-it{ background:rgba(12,17,24,.9); border:1px solid var(--line); border-radius:14px; transition:border-color .2s; }
.faq-it[open]{ border-color:rgba(58,160,255,.45); }
.faq-it summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; font-size:17px; font-weight:600; color:var(--text); }
.faq-it summary::-webkit-details-marker{ display:none; }
.faq-it summary:hover{ color:#fff; }
.faq-pl{ position:relative; width:18px; height:18px; flex:0 0 18px; }
.faq-pl::before, .faq-pl::after{ content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; background:var(--accent); border-radius:2px; transform:translate(-50%,-50%); transition:transform .25s; }
.faq-pl::after{ transform:translate(-50%,-50%) rotate(90deg); }
.faq-it[open] .faq-pl::after{ transform:translate(-50%,-50%) rotate(0deg); }
.faq-it p{ margin:0; padding:0 24px 22px; font-size:15.5px; line-height:1.65; color:var(--muted); max-width:820px; }
@media (max-width:520px){ .faq-it summary{ padding:18px 16px; font-size:15.5px; } .faq-it p{ padding:0 16px 18px; font-size:14.5px; } }
.eyebrow{ padding:6px 12px 6px 10px; border-radius:999px; background:rgba(58,160,255,.1); border:1px solid rgba(58,160,255,.28); gap:8px; letter-spacing:2px; line-height:1; }
.eyebrow::before{ display:block !important; width:6px; height:6px; border-radius:50%; background:var(--accent); opacity:1; box-shadow:0 0 8px var(--accent); }
.vr-head{ text-align:center; max-width:760px; margin:0 auto 40px; }
.vr-grid{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto repeat(6,auto) auto; column-gap:20px; }
.vr-col{ --c:58,160,255; display:grid; grid-row:1/-1; grid-template-rows:subgrid; border-radius:18px; border:1px solid rgba(var(--c),.4); background:linear-gradient(180deg,rgba(var(--c),.08),var(--surface) 40%); box-shadow:0 30px 80px -34px rgba(var(--c),.4); padding:8px 28px 26px; min-width:0; }
.vr-out{ --c:58,208,122; }
.vr-tag{ display:inline-block; font-family:var(--m); font-size:11px; letter-spacing:1.8px; text-transform:uppercase; color:rgb(var(--c)); background:rgba(var(--c),.1); border:1px solid rgba(var(--c),.3); border-radius:999px; padding:4px 10px; margin-bottom:12px; }
.vr-name{ font-family:var(--d); font-weight:800; font-size:22px; letter-spacing:.5px; color:var(--text); }
.vr-sub{ font-size:14px; color:var(--muted); margin-top:6px; line-height:1.5; }
.vr-row{ display:grid; grid-template-columns:32px 1fr; gap:14px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); }
.vr-i{ width:32px; height:32px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; color:rgb(var(--c)); background:rgba(var(--c),.1); border:1px solid rgba(var(--c),.3); }
.vr-i svg{ width:16px; height:16px; }
.vr-k{ font-family:var(--m); font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted); margin-bottom:5px; }
.vr-t{ font-size:15px; line-height:1.5; color:var(--text); }
.vr-btn{ align-self:end; margin-top:22px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:12px; font-weight:600; font-size:15px; text-decoration:none; color:#fff; background:rgba(var(--c),.16); border:1px solid rgba(var(--c),.45); transition:background .2s; }
.vr-btn:hover{ background:rgba(var(--c),.28); }
.vr-btn svg{ width:18px; height:18px; flex:0 0 18px; }
@media (max-width:760px){
  .vr-grid{ grid-template-columns:1fr; grid-template-rows:none; row-gap:16px; }
  .vr-col{ grid-row:auto; grid-template-rows:none; display:flex; flex-direction:column; padding:4px 18px 18px; }
  .vr-name{ font-size:19px; }
  .vr-btn{ align-self:stretch; }
}
.vr-top{ position:relative; overflow:hidden; margin:-8px -28px 0; padding:30px 28px 26px; min-height:250px; border-bottom:1px solid rgba(var(--c),.25); border-radius:17px 17px 0 0;
  background:radial-gradient(ellipse 70% 90% at 85% 100%, rgba(var(--c),.38), transparent 70%), linear-gradient(rgba(var(--c),.05) 1px,transparent 1px) 0 0/32px 32px, linear-gradient(90deg,rgba(var(--c),.05) 1px,transparent 1px) 0 0/32px 32px, linear-gradient(180deg,rgba(var(--c),.12),rgba(10,14,20,.2)); }
.vr-ag{ position:absolute; z-index:0; right:-30px; bottom:-40px; height:300px; width:auto; pointer-events:none; -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 96%); mask-image:linear-gradient(180deg,#000 55%,transparent 96%); }
.vr-tx{ position:relative; z-index:1; max-width:62%; }
.vr-top .vr-name{ font-size:26px; text-shadow:0 2px 18px rgba(10,14,20,.8); }
.vr-big{ display:flex; align-items:baseline; gap:10px; margin-top:20px; }
.vr-big b{ font-family:var(--m); font-weight:700; font-size:46px; line-height:1; color:rgb(var(--c)); text-shadow:0 0 24px rgba(var(--c),.45); }
.vr-big span{ font-size:13.5px; color:var(--dim, #b9c4d2); }
.vr-col{ overflow:hidden; }
@media (max-width:760px){
  .vr-top{ margin:-4px -18px 0; padding:24px 18px 22px; min-height:230px; }
  .vr-ag{ height:240px; right:-40px; bottom:-30px; }
  .vr-tx{ max-width:68%; }
  .vr-top .vr-name{ font-size:21px; }
  .vr-big b{ font-size:38px; }
  .vr-big{ flex-direction:column; align-items:flex-start; gap:6px; }
}
.pf-band:nth-of-type(4){ --tint:rgba(155,114,221,.24); --band:rgba(155,114,221,.07); --line:rgba(155,114,221,.5); }
.pf-ai .ps-ic, .pf-ai .tr-nic{ color:#b897ef; background:rgba(155,114,221,.12); border-color:rgba(155,114,221,.35); }
.pf-ai .tr-logo span, .pf-ai .tr-tabs .on{ color:#b897ef; }
.pf-ai .tr-tabs .on{ box-shadow:0 2px 0 #b897ef; }
.pf-ai .tr-st.go{ color:#3aa0ff; border-color:rgba(58,160,255,.4); background:rgba(58,160,255,.08); }
.ai-mock{ aspect-ratio:auto !important; height:auto !important; }
.ai-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.ai-table .tr-row{ grid-template-columns:52px 1.2fr 1.2fr 110px; }
.ai-tm{ font-family:var(--m); font-size:12px; color:var(--muted); }
.ai-dot{ display:inline-block; width:7px; height:7px; border-radius:50%; background:#3ad07a; box-shadow:0 0 8px #3ad07a; margin-right:8px; vertical-align:middle; animation:aiP 1.6s ease-in-out infinite; }
@keyframes aiP{ 50%{ opacity:.35; } }
@media (max-width:760px){ .ai-stats{ grid-template-columns:1fr; } .ai-table .tr-row{ grid-template-columns:44px 1fr; } .ai-table .tr-row > span{ white-space:normal; } .ai-table .ai-tm{ grid-row:1 / span 3; align-self:start; padding-top:2px; } .ai-table .tr-it, .ai-table .tr-rt, .ai-table .tr-st{ grid-column:2; grid-row:auto; } .ai-table .tr-rt{ display:block; color:var(--muted); } .ai-table .tr-h{ display:none; } }
.cx-head{ text-align:center; max-width:760px; margin:0 auto 34px; }
.cx-sw{ position:relative; display:inline-grid; grid-template-columns:1fr 1fr; margin-top:28px; padding:5px; border-radius:999px; background:#0b1018; border:1px solid var(--line); }
.cx-sw button{ position:relative; z-index:1; appearance:none; border:0; background:none; cursor:pointer; font:600 15px/1 var(--f,inherit); color:var(--muted); padding:13px 26px; border-radius:999px; transition:color .25s; white-space:nowrap; }
.cx-sw button.on{ color:#fff; }
.cx-knob{ position:absolute; top:5px; bottom:5px; left:5px; width:calc(50% - 5px); border-radius:999px; background:linear-gradient(180deg,#3aa0ff,#2b7fd6); box-shadow:0 8px 24px -8px rgba(58,160,255,.7); transition:transform .35s cubic-bezier(.3,.7,.2,1), background .3s, box-shadow .3s; }
.cx-sw.oth .cx-knob{ transform:translateX(100%); background:linear-gradient(180deg,#4a5566,#353e4c); box-shadow:0 8px 24px -10px rgba(0,0,0,.6); }
.cx-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.cx-card{ border-radius:18px; border:1px solid rgba(58,160,255,.4); background:linear-gradient(180deg,rgba(58,160,255,.09),var(--surface) 45%); box-shadow:0 30px 70px -36px rgba(58,160,255,.45); padding:24px 22px 22px; transition:border-color .3s, background .3s, box-shadow .3s; min-width:0; }
.cx-top{ display:flex; align-items:center; gap:12px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--line); }
.cx-ic{ width:40px; height:40px; flex:0 0 40px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; color:var(--accent); background:rgba(58,160,255,.12); border:1px solid rgba(58,160,255,.35); transition:all .3s; }
.cx-ic svg{ width:20px; height:20px; }
.cx-name{ font-family:var(--d); font-weight:700; font-size:16.5px; line-height:1.25; color:var(--text); }
.cx-l{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.cx-l li{ display:grid; grid-template-columns:20px 1fr; gap:10px; font-size:14.5px; line-height:1.5; color:var(--text); }
.cx-l li svg{ width:20px; height:20px; padding:3px; border-radius:6px; margin-top:1px; }
.cx-our li svg{ color:#3ad07a; background:rgba(58,208,122,.12); border:1px solid rgba(58,208,122,.35); }
.cx-oth li svg{ color:#ff5a52; background:rgba(255,90,82,.1); border:1px solid rgba(255,90,82,.3); }
.cx-card{ display:grid; grid-template-rows:auto 1fr; }
.cx-top{ grid-row:1; }
.cx-l{ grid-row:2; grid-column:1; }
.cx-oth{ visibility:hidden; }
.cx-grid[data-side="oth"] .cx-our{ visibility:hidden; animation:none; }
.cx-grid[data-side="oth"] .cx-oth{ visibility:visible; animation:cxIn .35s ease; }
.cx-grid[data-side="our"] .cx-our{ animation:cxIn .35s ease; }
@keyframes cxIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.cx-grid[data-side="oth"] .cx-card{ border-color:var(--line); background:var(--surface); box-shadow:none; }
.cx-grid[data-side="oth"] .cx-ic{ color:var(--muted); background:rgba(255,255,255,.04); border-color:var(--line-bright); }
.cx-grid[data-side="oth"] .cx-l li{ color:var(--muted); }
.cx-ai{ display:inline-block; margin-right:6px; padding:0 6px; border-radius:5px; font-family:var(--m); font-size:10.5px; letter-spacing:1px; line-height:17px; color:#b897ef; background:rgba(155,114,221,.14); border:1px solid rgba(155,114,221,.4); vertical-align:1px; }
@media (max-width:1100px){ .cx-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .cx-grid{ grid-template-columns:1fr; } .cx-sw{ display:grid; width:100%; } .cx-sw button{ padding:12px 10px; font-size:14px; } }
.pf-band .tr-mock{ height:auto !important; aspect-ratio:auto !important; }
.tr-table .tr-row:last-child{ border-bottom:0; }
.nav-burger{ display:none; flex:0 0 44px; width:44px; height:44px; margin-right:10px; border-radius:12px; border:1px solid var(--line-bright); background:rgba(18,24,33,.7); cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; }
.nav-burger span{ display:block; width:18px; height:2px; border-radius:2px; background:var(--text); transition:transform .25s, opacity .2s; }
header.nav.open .nav-burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
header.nav.open .nav-burger span:nth-child(2){ opacity:0; }
header.nav.open .nav-burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.nav-mobile{ display:none; }
@media(max-width:860px){
  .nav-burger{ display:flex; }
  .nav-mobile{ position:absolute; left:0; right:0; top:100%; flex-direction:column; padding:8px 16px 16px; background:rgba(10,14,20,.97); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); box-shadow:0 30px 60px -20px rgba(0,0,0,.7); }
  header.nav.open .nav-mobile{ display:flex; }
  .nav-mobile a{ padding:14px 4px; font-size:16px; color:var(--text); border-bottom:1px solid var(--line); text-decoration:none; }
  .nav-mobile a:last-child{ border-bottom:0; }
  .nav-mobile a.on{ color:var(--accent); }
}
@media(max-width:760px){ .hl-head{ padding:0 14px !important; } }
/* #variants: two columns are too narrow for the agent art below 1020px — stack the cards (same as the 760px rule) */
@media (max-width:1020px){
  .vr-grid{ grid-template-columns:1fr; grid-template-rows:none; row-gap:16px; }
  .vr-col{ grid-row:auto; grid-template-rows:none; display:flex; flex-direction:column; }
  .vr-btn{ align-self:stretch; }
}

/* calculator: hide native number spinners */
.inc-num input{ -moz-appearance:textfield; appearance:textfield; }
.inc-num input::-webkit-inner-spin-button, .inc-num input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }

/* ===== section color flow (soft fades) ===== */
.product-full{ border-top:0; }
.pf-band{ position:relative; }
.pf-band::before, #what::before, #income::before, #compare::before, #scale::before, .rel-sec::before, #start::before{
  content:""; position:absolute; top:-160px; bottom:-160px; left:50%; width:100vw; margin-left:-50vw; z-index:-1; pointer-events:none;  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%); }
.pf-band::before{ background:
    radial-gradient(ellipse 95% 45% at 50% 32%, var(--tint) 0%, transparent 75%),
    radial-gradient(ellipse 80% 35% at 50% 72%, var(--band) 0%, transparent 75%),
    linear-gradient(180deg, transparent 0%, var(--band) 24%, var(--band) 76%, transparent 100%); }
.pf-band::after{ content:""; position:absolute; top:0; left:50%; width:min(1100px,90vw); transform:translateX(-50%); height:1px; z-index:-1; background:linear-gradient(90deg,transparent,var(--line),transparent); opacity:.6; }
.pf-band:nth-of-type(1)::before{ top:0; background:
    radial-gradient(ellipse 95% 45% at 50% 30%, var(--tint) 0%, transparent 75%),
    radial-gradient(ellipse 80% 35% at 50% 72%, var(--band) 0%, transparent 75%),
    linear-gradient(180deg, transparent 0%, var(--band) 12%, var(--band) 80%, transparent 100%); }
.pf-band:nth-of-type(1)::after{ display:none; }
.pf-band:nth-of-type(1){ --tint:rgba(58,208,122,.24); --band:rgba(58,208,122,.07); --line:rgba(58,208,122,.55); }
.pf-band:nth-of-type(2){ --tint:rgba(58,160,255,.26); --band:rgba(58,160,255,.08); --line:rgba(58,160,255,.6); }
.pf-band:nth-of-type(3){ --tint:rgba(232,181,58,.22); --band:rgba(232,181,58,.065); --line:rgba(232,181,58,.55); }
#compare::before{ background:
    radial-gradient(ellipse 75% 50% at 72% 50%, rgba(58,160,255,.2), transparent 75%),
    radial-gradient(ellipse 60% 45% at 22% 50%, rgba(255,90,82,.1), transparent 75%),
    linear-gradient(180deg, transparent 0%, rgba(40,80,170,.13) 25%, rgba(40,80,170,.13) 75%, transparent 100%); }
#scale{ border:0; background:none; }
#scale::before{ background:
    radial-gradient(ellipse 100% 55% at 50% 50%, rgba(58,208,122,.16), transparent 75%),
    linear-gradient(180deg, transparent 0%, rgba(40,170,110,.08) 30%, rgba(40,170,110,.08) 70%, transparent 100%); }
.rel-sec::before{ background:
    radial-gradient(ellipse 90% 55% at 25% 45%, rgba(155,114,221,.16), transparent 75%),
    linear-gradient(180deg, transparent 0%, rgba(110,80,210,.1) 25%, rgba(110,80,210,.1) 75%, transparent 100%); }
#start::before{ bottom:-60px; background:
    radial-gradient(ellipse 95% 55% at 50% 72%, rgba(58,160,255,.22), transparent 75%),
    linear-gradient(180deg, transparent 0%, rgba(40,90,180,.1) 30%, rgba(40,90,180,.1) 70%, transparent 100%); }
footer{ background:linear-gradient(180deg, rgba(7,11,18,0) 0%, #070b12 140px); }
@media(max-width:480px){ .nav-inner{ gap:10px !important; padding-left:16px !important; padding-right:16px !important; } .nav-burger{ margin-right:0; } }