:root{
    --bg:#0C0720;
    --bg-2:#140A2E;
    --panel:#1A0F3D;
    --panel-2:#22154D;
    --line:rgba(255,255,255,0.08);
    --line-2:rgba(255,255,255,0.14);
    --ink:#F3F4FB;
    --ink-dim:#B8BDE0;
    --ink-mute:#7C83AE;
    --blue:#6B4BFF;
    --blue-2:#8A6FFF;
    --violet:#7A5CFF;
    --violet-2:#B59CFF;
    --pink:#FF9ECB;
    --mint:#8BF0C6;
    --warn:#FFCC66;
    --radius:18px;
    --radius-lg:24px;
    --radius-sm:12px;
    --container:1240px;
    --shadow-1:0 1px 0 rgba(255,255,255,0.04) inset, 0 24px 60px -24px rgba(8,10,40,.8);
    --shadow-2:0 30px 80px -30px rgba(122,92,255,.55), 0 2px 0 rgba(255,255,255,.06) inset;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  html{background:var(--bg)}
  body{
    font-family:'Manrope',ui-sans-serif,system-ui,sans-serif;
    color:var(--ink);
    background:
      radial-gradient(1200px 700px at 80% -10%, rgba(138,111,255,.35), transparent 60%),
      radial-gradient(900px 600px at -10% 10%, rgba(107,75,255,.3), transparent 60%),
      var(--bg);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    min-height:100vh;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
  .mono{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.01em}
  .container{max-width:var(--container);margin:0 auto;padding:0 24px}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
    color:var(--ink-dim);
    padding:6px 10px;border:1px solid var(--line);border-radius:999px;
    background:rgba(255,255,255,.02);
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--mint);box-shadow:0 0 12px var(--mint)}
  h1,h2,h3,h4{font-family:'Manrope',sans-serif;letter-spacing:-.02em;margin:0;line-height:1.05;font-weight:700}
  h1{font-size:clamp(44px,6.2vw,84px);font-weight:800;letter-spacing:-.035em}
  h2{font-size:clamp(32px,3.6vw,52px);font-weight:800;letter-spacing:-.03em}
  h3{font-size:clamp(22px,1.8vw,26px);font-weight:700}
  p{margin:0;color:var(--ink-dim);line-height:1.5}

  /* ====== Top nav ====== */
  .nav{
    position:sticky;top:0;z-index:50;
    backdrop-filter:saturate(140%) blur(18px);
    -webkit-backdrop-filter:saturate(140%) blur(18px);
    background:rgba(7,9,26,.6);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex;align-items:center;gap:24px;height:64px}
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:17px}
  .logo-mark{
    width:32px;height:32px;border-radius:9px;
    background:
      radial-gradient(120% 120% at 25% 20%, #9A7AFF 0%, #6B4BFF 45%, #3E1F9E 85%, #1F0D5C 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 8px 22px -6px rgba(138,111,255,.8);
    position:relative;display:inline-flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .logo-mark svg{width:70%;height:70%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
  .logo-mark::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(60% 60% at 30% 20%, rgba(255,255,255,.35), transparent 60%);
    pointer-events:none;
  }
  .logo b{font-weight:800}
  .nav-links{display:flex;gap:4px;margin-left:12px;flex:1;flex-wrap:wrap}
  .nav-link{
    font-size:14px;color:var(--ink-dim);padding:8px 12px;border-radius:10px;
    transition:color .15s, background .15s;
  }
  .nav-link:hover{color:var(--ink);background:rgba(255,255,255,.04)}
  .nav-link.active{color:var(--ink);background:rgba(255,255,255,.06)}
  .nav-cta{display:flex;align-items:center;gap:8px}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:11px 16px;border-radius:12px;font-weight:600;font-size:14px;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background:linear-gradient(180deg,#5B8BFF 0%, #3D6BFF 55%, #2C4FD8 100%);
    color:#fff;box-shadow:0 10px 30px -10px rgba(61,107,255,.8), inset 0 1px 0 rgba(255,255,255,.25);
  }
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px -10px rgba(61,107,255,.9), inset 0 1px 0 rgba(255,255,255,.3)}
  .btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:var(--ink)}
  .btn-ghost:hover{background:rgba(255,255,255,.08)}
  .btn-lg{padding:16px 22px;font-size:16px;border-radius:14px}
  .btn-xl{padding:20px 26px;font-size:17px;border-radius:16px}
  .btn .tg{
    width:18px;height:18px;border-radius:999px;
    background:radial-gradient(circle at 30% 20%, #fff, #E8F4FF 40%, #C6E3FF 100%);
    flex:none;
    display:inline-flex;align-items:center;justify-content:center;
  }
  .btn 
  .nav-burger{display:none}
  .nav-burger{
    width:40px;height:40px;border-radius:10px;
    background:rgba(255,255,255,.04);border:1px solid var(--line-2);
    align-items:center;justify-content:center;flex-direction:column;gap:4px;
    cursor:pointer;transition:background .2s;
  }
  .nav-burger:hover{background:rgba(255,255,255,.08)}
  .nav-burger span{display:block;width:16px;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .25s, opacity .2s}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .nav-menu{
    display:none;
    padding:8px 18px 18px;
    border-top:1px solid var(--line);
    background:rgba(7,9,26,.92);
    backdrop-filter:saturate(140%) blur(18px);
    -webkit-backdrop-filter:saturate(140%) blur(18px);
  }
  .nav-menu.open{display:flex;flex-direction:column;gap:2px}
  .nav-menu-link{
    display:block;padding:14px 14px;border-radius:12px;
    color:var(--ink-dim);font-size:16px;font-weight:500;
    cursor:pointer;transition:background .2s, color .2s;
  }
  .nav-menu-link:hover,.nav-menu-link.active{background:rgba(91,139,255,.12);color:var(--ink)}
  .steps-4{grid-template-columns:repeat(4,1fr)}

  /* ====== Sections ====== */
  section{position:relative}
  .section{padding:96px 0}
  .section-tight{padding:64px 0}
  .center{text-align:center}
  .h-stack{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

  /* ====== Hero ====== */
  .hero{padding:56px 0 64px;position:relative;overflow:hidden}
  .hero-top{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;margin-bottom:56px}
  .hero-right{display:flex;flex-direction:column}
  .hero h1 span.grad{
    background:linear-gradient(100deg,#A585FF 0%, #7A5CFF 30%, #5B8BFF 60%, #FF8FB8 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-sub{font-size:19px;margin:0 0 2px;max-width:560px;color:var(--ink-dim)}
  .price-tick{
    display:inline-flex;align-items:baseline;gap:4px;
    font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--ink);
    padding:0 2px;position:relative;
  }
  .price-tick .old{
    color:var(--ink-mute);text-decoration:line-through;text-decoration-color:var(--pink);
    text-decoration-thickness:2px;font-size:.9em;margin-right:2px;
    opacity:0;animation:oldIn .5s .9s ease forwards;
  }
  .price-tick .new{
    display:inline-flex;align-items:baseline;min-width:1.4em;
    font-weight:800;
  }
  .price-tick .new .d6,.price-tick .new .d7{
    display:inline-block;transform-origin:50% 90%;will-change:transform;
    background:linear-gradient(180deg,#fff,#B59CFF);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;
  }
  /* 6-7 meme: alternating bounce — 6 up/down, then 7 up/down, on loop */
  .price-tick.hyped .d6{animation:bounce67 1.2s ease-in-out .1s infinite both}
  .price-tick.hyped .d7{animation:bounce67 1.2s ease-in-out .7s infinite both}
  @keyframes bounce67{
    0%,50%,100%{transform:translateY(0) rotate(0) scale(1)}
    15%{transform:translateY(-14px) rotate(-6deg) scale(1.08)}
    25%{transform:translateY(-16px) rotate(-4deg) scale(1.06)}
    40%{transform:translateY(0) rotate(2deg) scale(.96)}
    45%{transform:translateY(-2px) rotate(0) scale(1.02)}
  }
  .price-tick.hyped .new{
    filter:drop-shadow(0 6px 18px rgba(181,156,255,.55));
  }
  .price-tick .cur{color:var(--ink-dim);font-weight:500;margin-left:1px}
  .price-tick::after{
    content:"";position:absolute;left:-8px;right:-8px;top:-4px;bottom:-4px;
    border-radius:10px;background:radial-gradient(60% 120% at 50% 50%, rgba(181,156,255,.45), transparent 70%);
    opacity:0;animation:priceFlash 1.4s 1s ease forwards;pointer-events:none;z-index:-1;
  }
  /* Sparkle confetti on the number */
  .price-tick .spark{
    position:absolute;width:6px;height:6px;border-radius:2px;
    background:linear-gradient(135deg,#fff,#B59CFF);
    box-shadow:0 0 8px rgba(181,156,255,.9);
    opacity:0;pointer-events:none;
    top:50%;left:50%;transform:translate(-50%,-50%);
  }
  .price-tick.hyped .spark{animation:sparkFly .9s 1.05s cubic-bezier(.2,.8,.3,1) forwards}
  .price-tick.hyped .spark:nth-child(1){--tx:-34px;--ty:-28px;--rot:-20deg}
  .price-tick.hyped .spark:nth-child(2){--tx:30px;--ty:-30px;--rot:15deg;animation-delay:1.12s}
  .price-tick.hyped .spark:nth-child(3){--tx:-40px;--ty:14px;--rot:35deg;animation-delay:1.18s}
  .price-tick.hyped .spark:nth-child(4){--tx:38px;--ty:18px;--rot:-25deg;animation-delay:1.08s}
  .price-tick.hyped .spark:nth-child(5){--tx:0;--ty:-36px;--rot:0deg;animation-delay:1.22s}

  @keyframes oldIn{
    0%{opacity:0;transform:translateY(-4px) rotate(-4deg) scale(1.1)}
    60%{opacity:.9;transform:translateY(0) rotate(-2deg) scale(1)}
    100%{opacity:.65;transform:none}
  }
  @keyframes pricePop{
    0%  {transform:scale(.2) rotate(-14deg);opacity:0}
    45% {transform:scale(1.45) rotate(6deg);opacity:1}
    62% {transform:scale(.86) rotate(-4deg)}
    78% {transform:scale(1.12) rotate(2deg)}
    90% {transform:scale(.96) rotate(-1deg)}
    100%{transform:scale(1) rotate(0deg);opacity:1}
  }
  @keyframes priceWiggle{
    0%,100%{transform:translateY(0) rotate(0)}
    25%{transform:translateY(-3px) rotate(-2deg)}
    50%{transform:translateY(0) rotate(2deg)}
    75%{transform:translateY(-2px) rotate(-1deg)}
  }
  @keyframes priceFlash{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.05)}100%{opacity:0;transform:scale(1.3)}}
  @keyframes sparkFly{
    0%  {opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}
    20% {opacity:1}
    100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.2) rotate(var(--rot))}
  }
  .hero-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
  .hero-meta{display:flex;gap:22px;margin-top:24px;flex-wrap:wrap;color:var(--ink-mute);font-size:13px}
  .hero-meta .chk{display:inline-flex;align-items:center;gap:8px}
  .hero-meta .chk svg{flex:none}

  /* Hero visual */
  /* ====== Services revive rail ====== */
  .revive{
    position:relative;border-radius:var(--radius-lg);
    padding:22px 24px 24px;
    background:
      radial-gradient(110% 120% at 0% 0%, rgba(91,139,255,.22), transparent 55%),
      radial-gradient(110% 120% at 100% 100%, rgba(165,133,255,.22), transparent 55%),
      linear-gradient(180deg, rgba(20,26,69,.9), rgba(13,18,48,.92));
    border:1px solid var(--line-2);
    box-shadow:var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.04);
    overflow:hidden;
    /* Isolate rail from page layout — animated children won't trigger ancestor reflow */
    contain:layout paint;
  }
  .svc{contain:layout paint}
  .revive::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      linear-gradient(90deg, transparent 95%, rgba(255,255,255,.03) 95%) 0 0/48px 100%,
      linear-gradient(transparent 95%, rgba(255,255,255,.03) 95%) 0 0/100% 48px;
    mask-image:radial-gradient(circle at 50% 55%, #000 0%, transparent 75%);
    -webkit-mask-image:radial-gradient(circle at 50% 55%, #000 0%, transparent 75%);
    opacity:.7;
  }
  .revive-head{
    position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;
  }
  .revive-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-dim);font-weight:600;letter-spacing:.01em}
  .revive-dot{
    width:9px;height:9px;border-radius:999px;background:var(--ink-mute);
    box-shadow:0 0 0 3px rgba(255,255,255,.04);
    transition:background .5s ease, box-shadow .5s ease;
  }
  .revive.on .revive-dot{background:var(--mint);box-shadow:0 0 0 3px rgba(139,240,198,.22), 0 0 16px var(--mint)}
  .revive-counter{
    font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-mute);font-weight:500;
    padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);
  }
  .revive-counter #reviveCount{color:var(--ink);font-weight:700;font-size:14px}
  .revive-slash{margin:0 3px;opacity:.45}

  .revive-rail{
    position:relative;
    display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:12px;
  }

  .svc{
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;gap:2px;
    padding:20px 16px 18px;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(17,22,62,.7), rgba(11,15,42,.7));
    border:1px solid var(--line);
    transition:
      border-color .55s ease,
      background .55s ease,
      transform .7s cubic-bezier(.2,1.4,.3,1),
      box-shadow .55s ease;
    isolation:isolate;
  }

  /* LOCKED state — desaturated, pushed down, low contrast */
  .svc-ico{
    display:inline-flex;align-items:center;justify-content:center;
    width:52px;height:52px;border-radius:14px;
    background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    border:1px solid rgba(255,255,255,.04);
    color:#3C4366;
    margin-bottom:12px;
    filter:grayscale(1) brightness(.65) contrast(.85);
    transform:scale(.96);
    transform-origin:center;
    will-change:transform;
    transition:
      background .65s ease,
      border-color .6s ease,
      color .6s ease,
      filter .7s ease,
      box-shadow .7s ease,
      transform .7s cubic-bezier(.2,1.6,.3,1);
  }
  .svc-name{font-size:15px;font-weight:700;color:#6E74A0;letter-spacing:-.01em;transition:color .5s ease}
  .svc-sub{
    font-size:11.5px;color:#52587A;opacity:.8;margin-top:2px;
    font-family:'JetBrains Mono',monospace;letter-spacing:.01em;
    transition:color .5s ease, opacity .5s ease;
  }
  .svc-check{
    position:absolute;top:14px;right:14px;
    width:24px;height:24px;border-radius:999px;
    background:var(--mint);color:#0A1030;
    display:inline-flex;align-items:center;justify-content:center;
    opacity:0;transform:scale(.2) rotate(-90deg);
    box-shadow:0 0 0 3px rgba(139,240,198,.18), 0 8px 20px -6px var(--mint);
    transition:opacity .35s ease, transform .55s cubic-bezier(.2,1.8,.3,1);
  }

  /* Soft radial glow that fires on activation */
  .svc-glow{
    position:absolute;inset:-10%;pointer-events:none;z-index:-1;
    background:radial-gradient(60% 60% at 50% 45%, color-mix(in oklab, var(--c1) 55%, transparent), transparent 70%);
    opacity:0;
    transition:opacity .6s ease;
  }

  /* LIVE state */
  .svc.live{
    border-color:color-mix(in oklab, var(--c1) 35%, var(--line-2));
    background:
      radial-gradient(120% 140% at 20% 0%, color-mix(in oklab, var(--c1) 22%, transparent), transparent 60%),
      linear-gradient(180deg, rgba(24,30,82,.95), rgba(16,21,56,.95));
    box-shadow:
      0 18px 38px -16px color-mix(in oklab, var(--c1) 60%, transparent),
      inset 0 1px 0 rgba(255,255,255,.06);
  }
  .svc.live .svc-ico{
    background:#fff;
    border-color:rgba(255,255,255,.6);
    color:var(--c1);
    filter:none;
    transform:scale(1.04);
    box-shadow:
      0 16px 34px -10px color-mix(in oklab, var(--c1) 85%, transparent),
      inset 0 1px 0 rgba(255,255,255,.9);
  }
  .svc.live .svc-name{color:#fff}
  .svc.live .svc-sub{color:var(--ink-dim);opacity:1}
  .svc.live .svc-check{opacity:1;transform:scale(1) rotate(0)}
  .svc.live .svc-glow{opacity:1}

  /* Punch animation on the moment of activation */
  @keyframes svcPop{
    0%   {transform:scale(1) translateY(0)}
    40%  {transform:scale(1.06) translateY(-3px)}
    100% {transform:scale(1) translateY(0)}
  }
  @keyframes svcIcoPop{
    0%   {transform:scale(.96)}
    45%  {transform:scale(1.18)}
    100% {transform:scale(1.04)}
  }
  @keyframes svcGlowBurst{
    0%   {opacity:0;transform:scale(.7)}
    40%  {opacity:1;transform:scale(1.05)}
    100% {opacity:1;transform:scale(1)}
  }
  .svc.just-live{animation:svcPop .7s cubic-bezier(.2,1.4,.3,1) both}
  .svc.just-live .svc-ico{animation:svcIcoPop .7s cubic-bezier(.2,1.6,.3,1) both}
  .svc.just-live .svc-glow{animation:svcGlowBurst .9s cubic-bezier(.2,1.4,.3,1) both}

  /* Sweep of light that travels left→right over the rail */
  .revive-sweep{
    position:absolute;top:-15%;bottom:-15%;width:24%;left:-28%;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(181,156,255,.0) 8%,
        rgba(181,156,255,.22) 40%,
        rgba(255,255,255,.32) 50%,
        rgba(181,156,255,.22) 60%,
        transparent 92%);
    filter:blur(18px);
    pointer-events:none;
    animation:sweep 4.2s ease-in-out infinite;
    mix-blend-mode:screen;
    opacity:0;
  }
  .revive.on .revive-sweep{opacity:1}
  @keyframes sweep{
    0%{left:-28%}
    60%{left:-28%}
    65%{left:-28%;opacity:.1}
    100%{left:108%;opacity:0}
  }

  .revive-foot{
    display:flex;align-items:center;gap:10px;margin-top:20px;
    padding:14px 16px;border-radius:14px;
    background:linear-gradient(180deg, rgba(91,139,255,.08), rgba(122,92,255,.08));
    border:1px solid rgba(165,133,255,.2);
    font-size:14px;color:var(--ink-mute);font-weight:600;letter-spacing:-.005em;
    transition:opacity .5s ease, border-color .5s ease, background .5s ease, color .5s ease;
  }
  .revive.on .revive-foot{
    border-color:rgba(139,240,198,.35);
    background:
      linear-gradient(180deg, rgba(139,240,198,.12), rgba(91,139,255,.1));
    color:var(--ink);
  }
  .revive-bolt{
    color:var(--ink-mute);display:inline-flex;
    width:24px;height:24px;border-radius:999px;align-items:center;justify-content:center;
    background:rgba(255,255,255,.04);border:1px solid var(--line);
    transition:color .5s ease, background .5s ease, border-color .5s ease, box-shadow .5s ease;
  }
  .revive.on .revive-bolt{
    color:#0A1030;background:var(--mint);border-color:var(--mint);
    box-shadow:0 0 0 3px rgba(139,240,198,.2), 0 8px 18px -6px var(--mint);
  }

  /* Works-with strip */
  .strip{
    margin-top:80px;padding:22px 26px;border-radius:var(--radius);
    background:linear-gradient(180deg, rgba(20,26,69,.55), rgba(15,21,56,.55));
    border:1px solid var(--line);
    display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  }
  .strip .t{font-size:13px;color:var(--ink-mute);font-weight:600;letter-spacing:.08em;text-transform:uppercase;flex:none}
  .strip-items{display:flex;gap:10px;flex-wrap:wrap;flex:1}
  .service{
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 14px;border-radius:999px;
    background:rgba(255,255,255,.04);border:1px solid var(--line);
    font-size:14px;font-weight:600;color:var(--ink);
  }
  .service .glyph{
    width:18px;height:18px;border-radius:6px;flex:none;
    background:linear-gradient(135deg,#5B8BFF,#7A5CFF);
    display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;
    font-family:'JetBrains Mono',monospace;
  }

  /* ====== Benefits grid ====== */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .card{
    background:linear-gradient(180deg, rgba(20,26,69,.55), rgba(15,21,56,.55));
    border:1px solid var(--line);border-radius:var(--radius);
    padding:24px;position:relative;overflow:hidden;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
  }
  .card:hover{transform:translateY(-2px);border-color:var(--line-2);background:linear-gradient(180deg, rgba(20,26,69,.7), rgba(15,21,56,.7))}
  .card h3{margin-bottom:6px}
  .card .icon{
    width:40px;height:40px;border-radius:12px;margin-bottom:16px;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(180deg, rgba(122,92,255,.18), rgba(61,107,255,.18));
    border:1px solid var(--line-2);color:#C9D2FF;
  }
  .card p{font-size:15px}
  .card .big-num{
    font-family:'JetBrains Mono',monospace;font-size:48px;font-weight:500;letter-spacing:-.03em;
    background:linear-gradient(180deg,#E8EDFF,#8AA1FF);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    line-height:1;margin-bottom:10px;
  }
  .card .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600;margin-bottom:10px}

  /* Section head */
  .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}
  .section-head .l{max-width:640px}
  .section-head h2{margin-top:14px}
  .section-head p{margin-top:14px;font-size:17px}

  /* ====== Plans ====== */
  .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .plan{
    position:relative;padding:28px;border-radius:var(--radius-lg);
    background:linear-gradient(180deg, rgba(20,26,69,.6), rgba(15,21,56,.6));
    border:1px solid var(--line);
    display:flex;flex-direction:column;gap:18px;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
  }
  .plan:hover{transform:translateY(-2px);border-color:var(--line-2)}
  .plan.featured{
    background:
      radial-gradient(120% 100% at 100% 0%, rgba(255,143,184,.16), transparent 50%),
      radial-gradient(120% 100% at 0% 100%, rgba(122,92,255,.2), transparent 50%),
      linear-gradient(180deg, rgba(28,32,80,.8), rgba(20,26,69,.8));
    border-color:rgba(165,133,255,.55);
    box-shadow:0 30px 70px -30px rgba(122,92,255,.55);
  }
  .plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
  .plan-name{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
  .plan-sub{font-size:13px;color:var(--ink-mute);margin-top:6px}
  .plan-badge{
    font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    background:linear-gradient(90deg,#FF8FB8,#A585FF);
    color:#1A0F2E;padding:6px 10px;border-radius:999px;
  }
  .plan-price{display:flex;align-items:baseline;gap:8px}
  .plan-price .num{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:500;letter-spacing:-.04em;line-height:1}
  .plan-price .cur{font-size:18px;color:var(--ink-dim)}
  .plan-price .per{font-size:14px;color:var(--ink-mute);margin-left:auto;text-align:right}
  .plan-price .old{color:var(--ink-mute);text-decoration:line-through;font-size:14px;margin-left:4px;font-family:'JetBrains Mono',monospace}
  .plan-list{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px;padding:0;list-style:none}
  .plan-list li{display:flex;gap:10px;font-size:14px;color:var(--ink-dim);align-items:flex-start}
  .plan-list li svg{flex:none;margin-top:2px;color:var(--blue-2)}
  .plan .save{
    font-size:12px;font-weight:700;color:var(--mint);
    background:rgba(139,240,198,.08);border:1px solid rgba(139,240,198,.25);
    padding:4px 8px;border-radius:6px;display:inline-block;width:fit-content;
  }
  .plan .btn{justify-content:center;width:100%}

  /* ====== Steps ====== */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:step}
  .step{
    padding:24px;border-radius:var(--radius);
    background:linear-gradient(180deg, rgba(20,26,69,.5), rgba(15,21,56,.5));
    border:1px solid var(--line);position:relative;overflow:hidden;
  }
  .step .n{
    font-family:'JetBrains Mono',monospace;font-size:14px;
    color:var(--ink-mute);letter-spacing:.1em;
  }
  .step h3{margin:10px 0 6px}
  .step p{font-size:15px}
  .step::after{
    content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:999px;
    background:radial-gradient(circle, rgba(122,92,255,.18), transparent 70%);
    pointer-events:none;
  }

  /* ====== FAQ ====== */
  .faq{display:flex;flex-direction:column;gap:10px;max-width:820px;margin:0 auto}
  .qa{
    border:1px solid var(--line);border-radius:14px;
    background:linear-gradient(180deg, rgba(20,26,69,.45), rgba(15,21,56,.45));
    overflow:hidden;
  }
  .qa summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:18px 22px;font-weight:600;font-size:16px;
  }
  .qa summary::-webkit-details-marker{display:none}
  .qa[open]{border-color:var(--line-2)}
  .qa .arr{
    width:28px;height:28px;border-radius:999px;border:1px solid var(--line);
    display:inline-flex;align-items:center;justify-content:center;flex:none;
    transition:transform .2s ease, background .2s ease;
  }
  .qa[open] .arr{transform:rotate(45deg);background:rgba(255,255,255,.08)}
  .qa .body{padding:0 22px 22px;color:var(--ink-dim);font-size:15px;line-height:1.6}

  /* ====== CTA band ====== */
  .cta-band{
    position:relative;overflow:hidden;
    border-radius:var(--radius-lg);
    padding:56px;
    background:
      radial-gradient(90% 120% at 100% 0%, rgba(255,143,184,.22), transparent 55%),
      radial-gradient(80% 120% at 0% 100%, rgba(122,92,255,.35), transparent 55%),
      linear-gradient(180deg, #1A214F 0%, #121742 100%);
    border:1px solid var(--line-2);
  }
  .cta-band h2{max-width:720px}
  .cta-band p{margin-top:14px;max-width:560px;font-size:17px}
  .cta-band .row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}

  /* ====== Footer ====== */
  footer{border-top:1px solid var(--line);margin-top:80px;padding:48px 0 72px;color:var(--ink-mute)}
  .foot{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px}
  .foot h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px;font-weight:600}
  .foot a{display:block;font-size:14px;padding:6px 0;color:var(--ink-mute)}
  .foot a:hover{color:var(--ink)}
  .foot .small{font-size:13px;margin-top:16px;max-width:320px}
  .foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;flex-wrap:wrap}

  /* ====== Pages ====== */
  .page{display:none;animation:fadein .35s ease}
  .page.active{display:block}
  @keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

  /* Page header */
  .page-head{padding:64px 0 32px;padding-left:16px}
  .page-head .crumbs{font-size:13px;color:var(--ink-mute);font-family:'JetBrains Mono',monospace;margin-bottom:16px}
  .page-head h1{font-size:clamp(36px,4.4vw,60px)}
  .page-head p{margin-top:14px;font-size:18px;max-width:680px}

  /* Referral */
  .ref-hero{
    padding:40px;border-radius:var(--radius-lg);
    background:
      radial-gradient(100% 120% at 100% 0%, rgba(122,92,255,.28), transparent 55%),
      linear-gradient(180deg, rgba(28,32,80,.7), rgba(15,21,56,.7));
    border:1px solid var(--line-2);
    display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
  }
  .ref-visual{
    display:flex;flex-direction:column;gap:18px;align-items:stretch;
  }
  .ref-bonus{
    display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:20px;
    background:
      radial-gradient(80% 80% at 30% 20%, rgba(255,143,184,.3), transparent 60%),
      linear-gradient(135deg, #7A5CFF, #3D6BFF);
    color:#fff;
  }
  .ref-bonus-plus{font-family:'JetBrains Mono',monospace;font-size:52px;font-weight:500;line-height:1;letter-spacing:-.04em}
  .ref-bonus-unit{font-size:15px;line-height:1.2;opacity:.92}
  .ref-formula{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:14px 18px;border-radius:16px;
    border:1px solid var(--line-2);
    background:linear-gradient(135deg, rgba(91,139,255,.08), rgba(122,92,255,.08));
  }
  .ref-friends{display:flex;gap:-8px}
  .ref-friend{
    width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;color:#fff;
    border:2px solid #0F1538;
    background:linear-gradient(135deg, #5B8BFF, #7A5CFF);
    margin-left:-8px;
  }
  .ref-friend:first-child{margin-left:0}
  .ref-friend:nth-child(2){background:linear-gradient(135deg, #7A5CFF, #FF8FB8)}
  .ref-friend:nth-child(3){background:linear-gradient(135deg, #3D6BFF, #5B8BFF)}
  .ref-friend:nth-child(4){background:rgba(255,255,255,.08);color:var(--ink-mute)}
  .ref-mult{font-size:13px;color:var(--ink-mute);font-family:'JetBrains Mono',monospace}
  .ref-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}

  /* Support */
  .support-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
  .support-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .contact-box{
    padding:32px;border-radius:var(--radius-lg);
    background:
      radial-gradient(100% 120% at 100% 0%, rgba(61,107,255,.3), transparent 55%),
      linear-gradient(180deg, rgba(20,26,69,.8), rgba(15,21,56,.8));
    border:1px solid var(--line-2);display:flex;flex-direction:column;gap:14px;
  }

  /* Blog */
  .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .post{
    border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
    background:linear-gradient(180deg, rgba(20,26,69,.55), rgba(15,21,56,.55));
    display:flex;flex-direction:column;
    transition:transform .2s ease, border-color .2s ease;
  }
  .post:hover{transform:translateY(-2px);border-color:var(--line-2)}
  .post-cover{
    aspect-ratio:16/10;position:relative;overflow:hidden;
    border-bottom:1px solid var(--line);
  }
  .post-cover .stripe{
    position:absolute;inset:0;
    background:
      repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 12px, transparent 12px 24px),
      linear-gradient(135deg, var(--c1,#3D6BFF), var(--c2,#7A5CFF));
  }
  .post-cover .kicker{
    position:absolute;left:16px;top:16px;font-family:'JetBrains Mono',monospace;font-size:12px;
    color:rgba(255,255,255,.8);letter-spacing:.08em;
  }
  .post-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
  .post-body .meta{font-size:12px;color:var(--ink-mute);display:flex;gap:10px;font-family:'JetBrains Mono',monospace}
  .post-body h3{font-size:19px}
  .post-body p{font-size:14px}
  .post-body .more{font-size:14px;color:var(--blue-2);font-weight:600;margin-top:auto;padding-top:10px}

  /* Pricing comparison table */
  .compare{
    border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
    background:linear-gradient(180deg, rgba(20,26,69,.5), rgba(15,21,56,.5));
    margin-top:32px;
  }
  .compare-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 22px;border-top:1px solid var(--line);align-items:center}
  .compare-row:first-child{border-top:0;color:var(--ink-mute);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
  .compare-row .label{color:var(--ink)}
  .compare-row .val{font-family:'JetBrains Mono',monospace}
  .compare-row .ok{color:var(--mint)}
  .compare-row .no{color:var(--ink-mute)}

  /* Sticky mobile CTA */
  .sticky-mobile{
    position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
    display:none;
  }
  .sticky-mobile .btn{width:100%;justify-content:center;box-shadow:0 20px 40px -10px rgba(61,107,255,.7), inset 0 1px 0 rgba(255,255,255,.25)}

  /* ===== Tweaks panel ===== */
  .tweaks{
    position:fixed;right:20px;bottom:20px;z-index:80;
    width:280px;padding:16px;border-radius:16px;
    background:rgba(11,15,42,.95);border:1px solid var(--line-2);
    backdrop-filter:blur(16px);
    box-shadow:0 30px 80px -20px rgba(0,0,0,.7);
    display:none;color:var(--ink);font-size:13px;
  }
  .tweaks.open{display:block}
  .tweaks h5{margin:0 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
  .tweaks .row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
  .tweaks .chip{
    padding:6px 10px;border-radius:8px;border:1px solid var(--line);font-size:12px;cursor:pointer;
    background:rgba(255,255,255,.03);color:var(--ink-dim);
  }
  .tweaks .chip.on{background:rgba(91,139,255,.25);color:#fff;border-color:var(--blue-2)}
  .tweaks-close{position:absolute;right:12px;top:12px;color:var(--ink-mute)}

  /* Responsive */
  @media (max-width: 1000px){
    .hero-top{grid-template-columns:1fr;gap:28px;margin-bottom:36px}
    /* Keep revive rail horizontal — tighten padding + icon size instead of collapsing */
    .revive{padding:18px 16px 20px}
    .revive-rail{gap:8px}
    .svc{padding:16px 10px 14px;border-radius:14px}
    .svc-ico{width:44px;height:44px;border-radius:12px;margin-bottom:10px}
    .svc-ico svg{width:28px;height:28px}
    .svc-name{font-size:13px}
    .svc-sub{font-size:10.5px}
    .svc-check{top:10px;right:10px;width:20px;height:20px}
    .grid-3,.steps,.plans,.post-grid{grid-template-columns:1fr 1fr}
    .steps-4{grid-template-columns:1fr 1fr}
    .grid-4{grid-template-columns:1fr 1fr}
    .foot{grid-template-columns:1fr 1fr}
    .ref-hero{grid-template-columns:1fr}
    .support-grid{grid-template-columns:1fr}
    .section{padding:72px 0}
  }
  @media (max-width: 640px){
    h1{font-size:40px}
    h2{font-size:28px}
    .container{padding:0 18px}
    .nav-links{display:none}
    .nav-burger{display:flex}
    .steps-4{grid-template-columns:1fr 1fr}
    .nav-cta-label{display:none}
    .grid-3,.grid-2,.grid-4,.plans,.steps,.steps-4,.post-grid,.support-cards{grid-template-columns:1fr}
    /* On true mobile, keep 3x2 grid — still a grid, not a list */
    .revive-rail{grid-template-columns:repeat(3,1fr);gap:8px}
    .svc{padding:14px 8px 12px}
    .svc-ico{width:40px;height:40px;margin-bottom:8px}
    .svc-ico svg{width:26px;height:26px}
    .svc-name{font-size:12.5px}
    .svc-sub{font-size:10px}
    .svc-check{top:8px;right:8px;width:18px;height:18px}
    .foot{grid-template-columns:1fr}
    .cta-band{padding:32px 24px}
    .ref-hero{padding:28px}
    .hero{padding:32px 0 110px}
    .sticky-mobile{display:block}
    .compare-row{grid-template-columns:1.2fr 1fr;font-size:13px}
    .compare-row .val:nth-child(3),.compare-row .val:nth-child(4){display:none}
    .compare-row:first-child{display:none}
    .strip{flex-direction:column;align-items:flex-start;gap:14px}
    body{padding-bottom:80px}
  }