:root{
      --indigo-700:#4338ca; --indigo-600:#4f46e5;
      --green-600:#16a34a;  --green-700:#15803d;
      --bg-900:#0a0f1e; --bg-800:#0c1326; --card-800:#0f172a;
      --border:#1f2a44; --text:#e5e7eb; --muted:#a3aed0; --white:#ffffff; --focus:#93c5fd;
    }
    *{box-sizing:border-box}
    html,body{margin:0;background:linear-gradient(180deg,var(--bg-900) 0%, var(--bg-800) 100%);
      color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;line-height:1.6}
    img{max-width:100%;height:auto;display:block}
    a{color:inherit;text-decoration:none}
    a:focus-visible, button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
    .container{max-width:1120px;margin-inline:auto;padding:clamp(16px,3vw,28px)}
    header{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(10,15,30,.55);border-bottom:1px solid var(--border);z-index:50}
    .nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
    .brand{display:flex;align-items:center;gap:12px}
    .logo{width:44px;height:44px;border-radius:10px;border:1px dashed var(--border);display:grid;place-items:center;color:var(--muted);font-size:12px;background:rgba(255,255,255,.02)}
    .brand h1{font-size:18px;margin:0;font-weight:800;letter-spacing:.3px}
    .cta-top{display:flex;gap:10px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;transition:.2s ease;white-space:nowrap;cursor:pointer}
    .btn-primary{background:linear-gradient(135deg,var(--indigo-700),var(--indigo-600));}
    .btn-primary:hover{filter:brightness(1.05)}
    .btn-outline{border-color:var(--border);background:rgba(255,255,255,.02)}
    .btn-outline:hover{border-color:var(--indigo-600)}
    main section{padding:28px 0}
    .hero{padding:18px 0}
    .badge{display:inline-block;background:linear-gradient(135deg,var(--green-600),var(--indigo-700));padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.4px}
    .hero h2{font-size:clamp(28px,4.6vw,44px);line-height:1.15;margin:10px 0 14px}
    .lead{font-size:clamp(16px,2.4vw,20px);color:var(--muted);max-width:900px}
    .panel{margin-top:20px;border:1px solid var(--border);background:rgba(255,255,255,.02);border-radius:16px;padding:18px}
    .section-title{font-size:clamp(22px,3.4vw,30px);margin:0 0 14px;font-weight:900;background:linear-gradient(90deg,var(--white),#cfe0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
    .grid{display:grid;gap:14px}
    @media (min-width:720px){ .grid-cols-3{grid-template-columns:repeat(3,1fr)} }
    .card{background:var(--card-800);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;gap:12px}
    .ico{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(22,163,74,.25),rgba(67,56,202,.25));border:1px solid var(--border);flex:0 0 auto}
    .card h3{margin:0 0 4px;font-size:16px}
    .card p{margin:0;color:var(--muted);font-size:14px}
    .pricing{display:grid;gap:16px}
    @media (min-width:880px){ .pricing{grid-template-columns:repeat(4,1fr)} }
    .plan{background:linear-gradient(180deg,rgba(22,163,74,.06),rgba(67,56,202,.06));border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
    .plan h4{margin:0;font-size:18px}
    .price{font-size:22px;font-weight:900}
    .muted{color:var(--muted)}
    ul{padding-left:18px;margin:0;display:grid;gap:8px}
    li{margin-left:4px}
    .contact{display:grid;gap:14px;grid-template-columns:1fr}
    @media (min-width:720px){ .contact{grid-template-columns:220px 1fr} }
    .logo-box{height:120px;border:1px dashed var(--border);border-radius:14px;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.02)}
    .contact-links{display:flex;flex-wrap:wrap;gap:10px}
    footer{border-top:1px solid var(--border);padding:22px 0;color:var(--muted);font-size:14px;text-align:center}