{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 /* (CSS as in the previous version) */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: linear-gradient(135deg, #050816, #0b1220); color: #f9fafb; line-height: 1.7; } a { text-decoration: none; } .page { min-height: 100vh; display: flex; flex-direction: column; } .container { width:100%; max-width:1100px; margin:0 auto; padding:24px 16px 100px; } .badge { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:rgba(55,65,81,0.6); font-size:12px; color:#e5e7eb; margin-bottom:12px; } .hero { display:grid; grid-template-columns: minmax(0,3fr) minmax(0,2.5fr); gap:32px; align-items:center; margin-top:16px; margin-bottom:40px; } .hero-title { font-size:30px; font-weight:800; line-height:1.3; margin-bottom:16px; } .hero-title span { color:#38bdf8; } .hero-subtitle { font-size:16px; color:#d1d5db; margin-bottom:18px; } .hero-bullets { list-style:none; margin-bottom:22px; } .hero-bullets li { display:flex; align-items:flex-start; gap:8px; margin-bottom:8px; font-size:14px; color:#e5e7eb; } .hero-bullets li::before { content:"✔"; color:#22c55e; } .btn-primary { display:inline-flex; padding:12px 22px; border-radius:999px; background:radial-gradient(circle at top, #38bdf8, #0ea5e9); color:#020617; font-weight:700; font-size:15px; cursor:pointer; transition: transform 0.15s ease, opacity 0.15s ease; } .btn-primary:hover { transform: translateY(-1px); opacity:0.95; } .btn-secondary { padding:10px 18px; border-radius:999px; border:1px solid rgba(148,163,184,0.8); color:#e5e7eb; font-size:13px; background:transparent; } .btn-secondary:hover { background:rgba(15,23,42,0.9); } .hero-card { border-radius:24px; padding:22px 18px; background: radial-gradient(circle at top left, rgba(56,189,248,0.2), transparent 55%), radial-gradient(circle at bottom right, rgba(59,130,246,0.16), transparent 55%), rgba(15,23,42,0.96); border:1px solid rgba(75,85,99,0.7); } .section-title { font-size:20px; font-weight:700; margin-bottom:10px; } .section-subtitle { font-size:14px; color:#d1d5db; margin-bottom:12px; } .grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .card { background:rgba(15,23,42,0.95); border-radius:18px; border:1px solid rgba(55,65,81,0.9); padding:16px 14px; font-size:13px; color:#e5e7eb; } .testimonial { background:rgba(15,23,42,0.95); border-radius:18px; border:1px solid rgba(55,65,81,0.9); padding:14px 12px; font-size:12px; color:#e5e7eb; } .sticky-cta { position: fixed; left:0; right:0; bottom:0; padding:10px 14px; background:rgba(15,23,42,0.98); border-top:1px solid rgba(55,65,81,0.9); display:flex; justify-content:space-between; align-items:center; gap:10px; z-index:30; } .sticky-cta .btn-primary { padding:9px 16px; font-size:13px; } @media (max-width:900px) { .hero { grid-template-columns:1fr; } .grid-3, .grid-2 { grid-template-columns:1fr; } } @media (max-width:600px) { .hero-title { font-size:24px; } .hero-subtitle { font-size:14px; } .container { padding-bottom:110px; } }