:root{
      --bg:#04070d;
      --bg2:#07111f;
      --panel:#0a1220;
      --panel2:#0d1727;
      --text:#f7f9fc;
      --muted:#aeb9ca;
      --line:rgba(255,255,255,.10);
      --blue:#1685ff;
      --blue2:#43b4ff;
      --silver:#dce3eb;
      --max:1160px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height:1.5;
      background:
        radial-gradient(circle at 82% 10%,rgba(22,133,255,.14),transparent 28rem),
        radial-gradient(circle at 12% 42%,rgba(22,133,255,.08),transparent 24rem),
        linear-gradient(180deg,#03060b 0%,#07101b 50%,#04070d 100%);
    }
    body:before{
      content:"";
      position:fixed; inset:0; pointer-events:none; z-index:-1;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);
    }
    a{color:inherit}
    .wrap{width:min(calc(100% - 40px),var(--max));margin:auto}

    header{
      position:sticky;top:0;z-index:20;
      backdrop-filter:blur(18px);
      background:rgba(3,6,11,.78);
      border-bottom:1px solid var(--line)
    }
    .nav{
      min-height:72px;
      display:flex;align-items:center;justify-content:space-between;gap:24px
    }
    .brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;letter-spacing:.18em}
    .brand img{width:42px;height:42px;border-radius:10px;object-fit:cover;box-shadow:0 0 26px rgba(22,133,255,.20)}
    .navlinks{display:flex;gap:22px;align-items:center}
    .navlinks a{text-decoration:none;color:#bdc7d6;font-size:.9rem}
    .navlinks a:hover{color:#fff}
    .status{
      display:inline-flex;align-items:center;gap:8px;
      padding:9px 13px;border:1px solid rgba(67,180,255,.26);
      border-radius:999px;background:rgba(22,133,255,.07);
      color:#d0ebff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase
    }
    .dot{width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 13px var(--blue2)}

    .hero{padding:78px 0 72px}
    .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:68px}
    .eyebrow{
      color:#8fcfff;font-size:.76rem;font-weight:850;
      letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px
    }
    h1{
      margin:0;
      font-size:clamp(3.2rem,7vw,6.2rem);
      line-height:.93;
      letter-spacing:-.055em;
      background:linear-gradient(180deg,#fff 8%,#d9e0ea 64%,#909bad 100%);
      -webkit-background-clip:text;background-clip:text;color:transparent
    }
    .lead{
      color:#c3ccda;
      font-size:clamp(1.08rem,2vw,1.35rem);
      max-width:690px;
      margin:24px 0 26px
    }
    .modes{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 28px;list-style:none}
    .modes li{
      border:1px solid var(--line);
      background:rgba(255,255,255,.035);
      padding:10px 14px;border-radius:12px;
      font-size:.9rem;font-weight:780
    }
    .actions{display:flex;gap:12px;flex-wrap:wrap}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:48px;padding:0 20px;border-radius:13px;
      text-decoration:none;font-weight:820
    }
    .primary{background:linear-gradient(135deg,#0b65ef,#179bff);box-shadow:0 10px 34px rgba(22,133,255,.24)}
    .secondary{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dde6f0}
    .visual{min-height:500px;display:grid;place-items:center;position:relative}
    .visual:before{
      content:"";position:absolute;width:430px;height:430px;border-radius:50%;
      background:radial-gradient(circle,rgba(22,133,255,.19),rgba(22,133,255,.035) 48%,transparent 70%)
    }
    .logo-card{
      width:min(440px,92%);aspect-ratio:1/1;border-radius:34px;overflow:hidden;
      border:1px solid rgba(255,255,255,.11);
      box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 85px rgba(22,133,255,.08);
      transform:perspective(900px) rotateY(-4deg) rotateX(2deg)
    }
    .logo-card img{width:100%;height:100%;object-fit:cover;display:block}

    .strip{
      border-top:1px solid var(--line);border-bottom:1px solid var(--line);
      background:rgba(255,255,255,.015)
    }
    .strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}
    .strip-item{padding:27px 30px;border-right:1px solid var(--line)}
    .strip-item:last-child{border-right:0}
    .strip-item strong{display:block;margin-bottom:5px}
    .strip-item span{color:var(--muted);font-size:.9rem}

    section{padding:92px 0}
    .section-head{max-width:770px;margin-bottom:34px}
    .section-head h2{
      margin:0 0 13px;
      font-size:clamp(2.1rem,4.7vw,3.75rem);
      line-height:1.03;letter-spacing:-.04em
    }
    .section-head p{margin:0;color:var(--muted);font-size:1.06rem}

    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .step,.plan,.faq-item{
      border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
      border-radius:20px
    }
    .step{padding:28px;min-height:220px}
    .num{
      display:grid;place-items:center;width:36px;height:36px;border-radius:10px;
      background:rgba(22,133,255,.11);color:#8dcdff;
      border:1px solid rgba(22,133,255,.20);
      font-weight:900;margin-bottom:28px
    }
    .step h3{margin:0 0 9px;font-size:1.17rem}
    .step p{margin:0;color:var(--muted);font-size:.95rem}

    .pricing-note{
      margin-bottom:22px;padding:15px 18px;border-radius:14px;
      border:1px solid rgba(67,180,255,.20);
      background:rgba(22,133,255,.06);color:#c9d8ea;font-size:.91rem
    }
    .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .plan{padding:24px;position:relative;display:flex;flex-direction:column;min-height:475px}
    .plan.featured{
      border-color:rgba(67,180,255,.48);
      box-shadow:0 0 0 1px rgba(67,180,255,.09),0 20px 50px rgba(0,0,0,.24)
    }
    .popular{
      position:absolute;top:15px;right:15px;
      font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;
      color:#d8f0ff;background:rgba(22,133,255,.15);
      border:1px solid rgba(67,180,255,.28);
      padding:6px 8px;border-radius:999px
    }
    .plan h3{font-size:1.3rem;margin:0 0 4px}
    .for{color:var(--muted);font-size:.86rem;min-height:42px;margin-bottom:18px}
    .price{font-size:2.55rem;font-weight:900;letter-spacing:-.045em;line-height:1}
    .price small{font-size:.82rem;font-weight:650;color:var(--muted);letter-spacing:0}
    .plan ul{padding:0;margin:22px 0;list-style:none;flex:1}
    .plan li{position:relative;padding:8px 0 8px 20px;color:#d5dce7;font-size:.9rem}
    .plan li:before{content:"✓";position:absolute;left:0;color:#76c7ff;font-weight:900}
    .plan .disabled{
      margin-top:auto;width:100%;min-height:44px;border-radius:11px;
      border:1px solid var(--line);background:rgba(255,255,255,.035);
      color:#9ca8b8;font-weight:800;cursor:not-allowed
    }

    .quality{
      margin-top:22px;
      padding:24px;border-radius:18px;border:1px solid var(--line);
      background:rgba(255,255,255,.025)
    }
    .quality strong{display:block;margin-bottom:7px}
    .quality p{margin:0;color:var(--muted)}

    .evidence-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}
    .evidence-card{
      border:1px solid var(--line);border-radius:24px;padding:30px;
      background:
        radial-gradient(circle at 90% 12%,rgba(22,133,255,.12),transparent 17rem),
        rgba(8,15,26,.82)
    }
    .check{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}
    .check:last-child{border-bottom:0}
    .icon{
      flex:0 0 28px;width:28px;height:28px;border-radius:50%;
      display:grid;place-items:center;background:rgba(22,133,255,.12);
      color:#8ed2ff;border:1px solid rgba(22,133,255,.24);font-weight:900
    }
    .check b{display:block;margin-bottom:3px}
    .check span{color:var(--muted);font-size:.91rem}

    .faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    details.faq-item{padding:0 20px}
    details summary{
      cursor:pointer;list-style:none;
      padding:19px 0;font-weight:780
    }
    details summary::-webkit-details-marker{display:none}
    details p{margin:0 0 19px;color:var(--muted);font-size:.94rem}
    details[open]{border-color:rgba(67,180,255,.24)}

    .cta{
      padding:34px;border-radius:24px;
      border:1px solid rgba(67,180,255,.23);
      background:linear-gradient(120deg,rgba(10,43,83,.45),rgba(8,15,26,.72));
      display:flex;align-items:center;justify-content:space-between;gap:28px
    }
    .cta h3{margin:0 0 6px;font-size:1.45rem}
    .cta p{margin:0;color:#b9c6d8;max-width:700px}

    footer{border-top:1px solid var(--line);padding:38px 0 46px;color:#8f9bad}
    .footer-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
    .footer-brand strong{display:block;color:#e7edf4;letter-spacing:.13em;margin-bottom:5px}
    .small{font-size:.78rem;margin-top:9px;color:#748094}
    .footer-links{display:flex;gap:18px;flex-wrap:wrap}
    .footer-links a{text-decoration:none;color:#b5c1d1}

    @media(max-width:1000px){
      .pricing-grid{grid-template-columns:repeat(2,1fr)}
      .hero-grid,.evidence-grid{grid-template-columns:1fr;gap:40px}
      .visual{min-height:390px}
      .logo-card{width:min(360px,88%)}
    }
    @media(max-width:780px){
      .navlinks{display:none}
      .strip-grid,.steps,.faq{grid-template-columns:1fr}
      .strip-item{border-right:0;border-bottom:1px solid var(--line);padding:21px 0}
      .strip-item:last-child{border-bottom:0}
    }
    @media(max-width:610px){
      .wrap{width:min(calc(100% - 28px),var(--max))}
      .nav{min-height:64px}
      .brand span{font-size:.78rem}
      .status{font-size:.64rem;padding:7px 9px}
      .hero{padding:48px 0}
      .visual{min-height:320px}
      section{padding:70px 0}
      .pricing-grid{grid-template-columns:1fr}
      .plan{min-height:0}
      .actions{display:grid;grid-template-columns:1fr;width:100%}
      .btn{width:100%}
      .cta{flex-direction:column;align-items:flex-start}
      .footer-row{align-items:flex-start}
    }
  
.visual:before{width:min(430px,100%);height:auto;aspect-ratio:1}
.hero-grid>*,.evidence-grid>*,.pricing-grid>*{min-width:0}
.contact-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px 24px}
.contact-links a{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center;color:#b9dfff}
.popular{position:static;align-self:flex-start;margin-bottom:12px}
@media(max-width:780px){.nav{flex-wrap:wrap;gap:10px;padding:12px 0}.navlinks{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:6px 22px}.navlinks a{min-height:36px;display:flex;align-items:center}[id]{scroll-margin-top:140px}}
@media(max-width:360px){.brand{gap:8px;letter-spacing:.12em}.status{letter-spacing:.03em}.cta{padding:22px}}