*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg: #030712; --surface: #0d1117; --surface2: #161b22;
      --border: #21262d; --accent: #7c3aed; --accent2: #06b6d4;
      --text: #f0f6fc; --muted: #8b949e; --glow: rgba(124,58,237,.35);
      --green: #22c55e; --gold: #f59e0b;
    }
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; }

    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      display: flex; align-items: center; justify-content: space-between;
      padding: 1.1rem 5%; background: rgba(3,7,18,.85); backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--border);
    }
    .logo { font-size: 1.3rem; font-weight: 800; letter-spacing: -.5px;
      background: linear-gradient(90deg,#a78bfa,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .nav-links { display: flex; gap: 1.8rem; list-style: none; }
    .nav-links a { color: var(--muted); text-decoration: none; font-size: .9rem; font-weight: 500; transition: color .2s; }
    .nav-links a:hover { color: var(--text); }
    .nav-cta { background: var(--accent); color: #fff; border: none; border-radius: 8px;
      padding: .6rem 1.4rem; font-size: .9rem; font-weight: 700; cursor: pointer; transition: opacity .2s, transform .15s; }
    .nav-cta:hover { opacity: .85; transform: translateY(-1px); }

    .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center;
      justify-content: center; text-align: center; padding: 9rem 5% 5rem; position: relative; overflow: hidden; }
    .hero::before { content: ''; position: absolute; top: -10%; left: 50%; transform: translateX(-50%);
      width: 800px; height: 650px; background: radial-gradient(ellipse,rgba(124,58,237,.22) 0%,transparent 70%); pointer-events: none; }
    .hero-badge { display: inline-flex; align-items: center; gap: .5rem;
      background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.3); border-radius: 100px;
      padding: .35rem 1rem; font-size: .8rem; color: var(--green); font-weight: 700;
      letter-spacing: .04em; text-transform: uppercase; margin-bottom: 1.8rem; }
    .hero-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); animation: pulse 2s infinite; }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }
    h1 { font-size: clamp(2.4rem,6vw,4.8rem); font-weight: 900; line-height: 1.1; letter-spacing: -2px; max-width: 820px; margin-bottom: 1.4rem; }
    h1 .hl { background: linear-gradient(135deg,#a78bfa,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .hero-sub { max-width: 580px; font-size: 1.12rem; color: var(--muted); line-height: 1.75; margin-bottom: 2.5rem; }
    .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; margin-bottom: 2.8rem; }
    .btn-p { background: linear-gradient(135deg,var(--accent),#9333ea); color:#fff; border:none; border-radius:10px;
      padding:.9rem 2rem; font-size:1rem; font-weight:700; cursor:pointer; transition:transform .2s,box-shadow .2s;
      box-shadow:0 0 30px var(--glow); }
    .btn-p:hover { transform:translateY(-2px); box-shadow:0 0 50px var(--glow); }
    .btn-s { background:transparent; color:var(--text); border:1px solid var(--border); border-radius:10px;
      padding:.9rem 2rem; font-size:1rem; font-weight:600; cursor:pointer; transition:background .2s,border-color .2s; }
    .btn-s:hover { background:var(--surface2); border-color:var(--muted); }
    .hero-trust { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; }
    .ti { display: flex; align-items: center; gap: .45rem; font-size: .85rem; color: var(--muted); }
    .tic { color: var(--green); }

    .stats { display:flex; justify-content:center; flex-wrap:wrap;
      border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface); }
    .stat { flex:1; min-width:160px; text-align:center; padding:2.2rem 2rem; border-right:1px solid var(--border); }
    .stat:last-child { border-right:none; }
    .sn { font-size:2.2rem; font-weight:900; letter-spacing:-1px;
      background:linear-gradient(135deg,#a78bfa,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .sl { font-size:.82rem; color:var(--muted); margin-top:.4rem; font-weight:500; }

    section { padding: 5.5rem 5%; }
    .stag { display:inline-block; background:rgba(6,182,212,.1); border:1px solid rgba(6,182,212,.3);
      border-radius:100px; padding:.3rem .9rem; font-size:.75rem; color:#22d3ee;
      font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:1.2rem; }
    .sh2 { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:800; letter-spacing:-1px; line-height:1.2; max-width:640px; }
    .ssub { color:var(--muted); line-height:1.75; max-width:540px; margin-top:.8rem; font-size:1rem; }
    .shead { margin-bottom:3rem; }
    .cx { text-align:center; margin-left:auto; margin-right:auto; }

    .how-bg { background: var(--surface); }
    .steps-g { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1px;
      background:var(--border); border:1px solid var(--border); border-radius:16px; overflow:hidden; }
    .sc { background:var(--surface); padding:2.5rem 2rem; text-align:center; }
    .sci { width:56px; height:56px; border-radius:50%; margin:0 auto 1.2rem;
      background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(6,182,212,.15));
      display:flex; align-items:center; justify-content:center; font-size:1.6rem; }
    .snb { display:inline-block; background:var(--accent); color:#fff; border-radius:100px;
      padding:.15rem .6rem; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; margin-bottom:.8rem; }
    .sc h3 { font-size:1.05rem; font-weight:700; margin-bottom:.5rem; }
    .sc p { color:var(--muted); font-size:.9rem; line-height:1.65; }

    .pg { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem; }
    .pc { background:var(--surface); border:1px solid var(--border); border-radius:20px;
      padding:2rem 1.75rem; text-align:center; position:relative; overflow:hidden;
      transition:transform .25s, box-shadow .3s, border-color .3s; }
    .pc:hover { transform:translateY(-6px); box-shadow:0 24px 60px rgba(0,0,0,.5); border-color:rgba(124,58,237,.4); }
    .pc.pop { border-color:rgba(124,58,237,.7);
      background:linear-gradient(160deg,rgba(124,58,237,.1),rgba(6,182,212,.06));
      box-shadow:0 0 0 1px rgba(124,58,237,.3),0 0 50px rgba(124,58,237,.15); }
    .ptag { position:absolute; top:1rem; right:1rem;
      background:linear-gradient(135deg,var(--accent),#9333ea); color:#fff; font-size:.68rem; font-weight:800;
      padding:.25rem .65rem; border-radius:100px; letter-spacing:.05em; text-transform:uppercase; }
    .pt { font-size:.72rem; font-weight:700; color:#22d3ee; letter-spacing:.1em; text-transform:uppercase; margin-bottom:.8rem; }
    .pa { font-size:2.4rem; font-weight:900; letter-spacing:-1.5px; margin-bottom:.15rem; }
    .pa sup { font-size:1rem; font-weight:600; color:var(--muted); }
    .pm { font-size:.78rem; color:var(--muted); margin-bottom:1.4rem; }
    .prb { background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.2); border-radius:12px; padding:.9rem; margin-bottom:1.4rem; }
    .prl { font-size:.68rem; color:var(--muted); font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin-bottom:.25rem; }
    .prv { font-size:1.9rem; font-weight:900; letter-spacing:-1px;
      background:linear-gradient(90deg,#22c55e,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .pre { font-size:.8rem; color:var(--muted); margin-top:.2rem; }
    .pfl { list-style:none; text-align:left; display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.6rem; }
    .pfl li { display:flex; align-items:center; gap:.55rem; font-size:.88rem; color:var(--muted); }
    .pfl li .ck { color:var(--green); font-weight:800; flex-shrink:0; }
    .pb { width:100%; padding:.8rem; border-radius:10px; font-size:.95rem; font-weight:700; cursor:pointer;
      transition:transform .2s,box-shadow .2s; border:none; }
    .pb-o { background:transparent; color:var(--text); border:1px solid var(--border); }
    .pb-o:hover { background:var(--surface2); border-color:var(--muted); }
    .pb-f { background:linear-gradient(135deg,var(--accent),#9333ea); color:#fff; box-shadow:0 0 20px rgba(124,58,237,.4); }
    .pb-f:hover { transform:translateY(-2px); box-shadow:0 0 35px rgba(124,58,237,.6); }

    .calc-bg { background:var(--surface); }
    .cbox { max-width:680px; margin:0 auto; background:var(--surface2); border:1px solid var(--border); border-radius:20px; padding:2.5rem; }
    .clbl { font-size:.85rem; font-weight:600; color:var(--muted); margin-bottom:.6rem; }
    input[type=range] { width:100%; -webkit-appearance:none; height:6px; border-radius:3px; background:var(--border); outline:none; cursor:pointer; }
    input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:var(--accent); cursor:pointer; box-shadow:0 0 10px var(--glow); }
    .csl { display:flex; justify-content:space-between; font-size:.75rem; color:var(--muted); margin-top:.4rem; }
    .cps { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-bottom:1.8rem; }
    .cpb { background:var(--border); border:1px solid transparent; border-radius:10px; padding:.55rem .3rem; text-align:center; cursor:pointer; transition:all .2s; }
    .cpb span { display:block; font-size:.72rem; color:var(--muted); font-weight:600; }
    .cpb strong { display:block; font-size:.95rem; color:var(--text); font-weight:800; }
    .cpb.active { border-color:var(--accent); background:rgba(124,58,237,.12); }
    .cpb.active span, .cpb.active strong { color:#a78bfa; }
    .cr { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.8rem; }
    .crv { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:1rem; text-align:center; }
    .crn { font-size:1.6rem; font-weight:900; letter-spacing:-1px;
      background:linear-gradient(135deg,#22c55e,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .crl { font-size:.75rem; color:var(--muted); margin-top:.3rem; }

    .tg { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
    .tc { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:1.8rem; transition:border-color .3s,transform .25s; }
    .tc:hover { border-color:rgba(124,58,237,.35); transform:translateY(-3px); }
    .tc .ico { font-size:2rem; margin-bottom:1rem; }
    .tc h3 { font-size:1.05rem; font-weight:700; margin-bottom:.5rem; }
    .tc p { color:var(--muted); font-size:.9rem; line-height:1.65; }

    .tsbg { background: var(--surface); }
    .tsgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
    .tscard { background:var(--bg); border:1px solid var(--border); border-radius:16px; padding:1.8rem; }
    .tss { color:#f59e0b; font-size:1rem; letter-spacing:2px; margin-bottom:.8rem; }
    .tst { color:var(--text); font-size:.95rem; line-height:1.7; margin-bottom:1.2rem; font-style:italic; }
    .tsa { display:flex; align-items:center; gap:.75rem; }
    .tsav { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.95rem; color:#fff; flex-shrink:0; }
    .tsn { font-size:.9rem; font-weight:700; }
    .tsr { font-size:.8rem; color:var(--muted); }

    .faqlist { max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:.6rem; }
    .faqitem { background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
    .faqq { display:flex; justify-content:space-between; align-items:center;
      padding:1.1rem 1.5rem; cursor:pointer; font-weight:600; font-size:.98rem; transition:background .2s; }
    .faqq:hover { background:var(--surface2); }
    .faqq .ar { transition:transform .3s; color:var(--muted); font-size:1.2rem; }
    .faqq.open .ar { transform:rotate(45deg); color:var(--accent); }
    .faqa { display:none; padding:0 1.5rem 1.2rem; color:var(--muted); line-height:1.7; font-size:.93rem; }
    .faqa.open { display:block; }

    .cta-s { text-align:center; padding:6rem 5%; background:var(--surface); position:relative; overflow:hidden; }
    .cta-s::before { content:''; position:absolute; bottom:-20%; left:50%; transform:translateX(-50%);
      width:700px; height:500px; background:radial-gradient(ellipse,rgba(124,58,237,.2) 0%,transparent 65%); pointer-events:none; }
    .cta-s h2 { font-size:clamp(1.8rem,4vw,3rem); font-weight:900; letter-spacing:-1px;
      margin-bottom:1rem; max-width:580px; margin-left:auto; margin-right:auto; }
    .cta-s p { color:var(--muted); max-width:460px; margin:0 auto 2.5rem; line-height:1.75; }
    .ctaa { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

    .pb-wrap { background:var(--surface); border-top:1px solid var(--border); padding:2.5rem 5%; overflow:hidden; }
    .pb-lbl { text-align:center; font-size:.72rem; font-weight:700; color:var(--muted);
      letter-spacing:.1em; text-transform:uppercase; margin-bottom:1.8rem; }
    .pb-tw { overflow:hidden; position:relative; }
    .pb-tw::before,.pb-tw::after { content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none; }
    .pb-tw::before { left:0; background:linear-gradient(to right,var(--surface),transparent); }
    .pb-tw::after { right:0; background:linear-gradient(to left,var(--surface),transparent); }
    .pb-t { display:flex; gap:3.5rem; align-items:center; width:max-content; animation:spb 30s linear infinite; }
    .pb-t:hover { animation-play-state:paused; }
    @keyframes spb { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
    .plog { opacity:.4; transition:opacity .3s; flex-shrink:0; }
    .plog:hover { opacity:1; }
    .plog svg { height:26px; width:auto; }

    footer { background:var(--bg); border-top:1px solid var(--border); padding:3rem 5%; }
    .ft { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:2rem; margin-bottom:2.5rem; }
    .fb p { color:var(--muted); font-size:.88rem; line-height:1.7; margin-top:.7rem; max-width:260px; }
    .fcol h4 { font-size:.85rem; font-weight:700; margin-bottom:1rem; color:var(--text); letter-spacing:.04em; text-transform:uppercase; }
    .fcol a { display:block; color:var(--muted); text-decoration:none; font-size:.88rem; margin-bottom:.5rem; transition:color .2s; }
    .fcol a:hover { color:var(--text); }
    .fbot { border-top:1px solid var(--border); padding-top:1.5rem;
      display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; }
    .flogo { font-size:1.2rem; font-weight:800;
      background:linear-gradient(90deg,#a78bfa,#22d3ee); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .fcp { color:var(--muted); font-size:.78rem; }

    @media(max-width:768px) {
      .nav-links { display:none; }
      .ft { grid-template-columns:1fr; }
      .cr { grid-template-columns:1fr; }
      .cps { grid-template-columns:repeat(2,1fr); }
    }
    @media(max-width:480px) {
      .stat { border-right:none; border-bottom:1px solid var(--border); }
    }
  


    .ptag-gold{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.68rem;font-weight:800;padding:.25rem .65rem;border-radius:100px;letter-spacing:.05em;text-transform:uppercase}
    .plans-scroll{overflow-x:auto;padding-bottom:1rem}
    .pg,.pg-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;min-width:860px}
    .pg-bottom{margin-top:1.2rem}
    @media(max-width:900px){.pg,.pg-bottom{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:600px){.pg,.pg-bottom{grid-template-columns:1fr;min-width:unset}.plans-scroll{overflow-x:unset}}