:root{
  --navy: #0f172a;
  --accent: #38bdf8;
  --accent-2: #7c3aed;
  --muted: #6b7280;
  --bg: #f8fafc;
  --card: #ffffff;
}

*{box-sizing:border-box}
html,body{height:100%}
body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; background:var(--bg); color:var(--navy); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}
.skip{position:absolute;left:0;top:0;background:#111;color:#fff;padding:6px 10px;z-index:999;transform:translateY(-120%);transition:transform .2s}
.skip:focus{transform:translateY(0)}

.site-header{background:var(--card);border-bottom:1px solid #e6eef7;position:sticky;top:0;z-index:50}
.header-grid{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:56px;height:56px}
.slogan{margin:0;color:var(--muted);font-size:13px}

.nav a{margin-left:18px;text-decoration:none;color:var(--navy);font-weight:600}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid #e6eef7;color:var(--navy)}
.btn.large{padding:12px 20px;border-radius:12px}

.hero{padding:80px 0;background:linear-gradient(180deg,#ffffff, #f0f9ff);}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center}
.hero-copy h2{font-size:2.4rem;margin:0 0 12px;line-height:1.05}
.accent{color:var(--accent)}
.lead{color:var(--muted);font-size:1.05rem;margin-bottom:18px}
.cta-row{display:flex;gap:12px;align-items:center}
.trust-grid{display:flex;gap:18px;margin-top:18px;list-style:none;padding:0;color:var(--muted)}

.hero-art{display:flex;justify-content:center;align-items:center}
.rocket{width:320px;height:auto;transform-origin:center;animation:float 4s ease-in-out infinite}
.flame{animation:flame 0.6s infinite}

@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
@keyframes flame{0%{transform:scaleY(1)}50%{transform:scaleY(1.15)}100%{transform:scaleY(1)}}

/* wave */
.hero-wave{height:40px;background:linear-gradient(90deg,rgba(56,189,248,0.08),rgba(124,58,237,0.06));margin-top:-30px;border-top-left-radius:20px;border-top-right-radius:20px}

/* sections */
.section{padding:64px 0}
.section.alt{background:linear-gradient(180deg,#fbfdff,#fff)}
.section-title{text-align:center;font-size:1.8rem;margin-bottom:6px}
.section-intro{text-align:center;color:var(--muted);margin-bottom:28px}

/* cards grid */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 8px 30px rgba(15,23,42,0.06);border:1px solid rgba(15,23,42,0.03)}

/* pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start}
.price-card{background:var(--card);padding:22px;border-radius:14px;box-shadow:0 12px 40px rgba(15,23,42,0.06);text-align:center;transition:transform .18s}
.price-card:hover{transform:translateY(-8px)}
.featured{border:3px solid var(--accent);box-shadow:0 18px 60px rgba(15,23,42,0.12)}
.price-head{display:flex;align-items:baseline;justify-content:center;gap:12px}
.price{font-size:1.8rem;color:var(--navy);font-weight:800}

/* testimonials */
.testimonial-wrap{display:flex;align-items:center;gap:12px;margin-top:18px}
.t-prev,.t-next{background:transparent;border:1px solid #e6eef7;padding:8px 12px;border-radius:8px;cursor:pointer}
.testimonials{overflow:hidden;flex:1}
.testimonial{min-height:120px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:10px;box-shadow:0 6px 20px rgba(2,6,23,0.04);margin:0 10px;display:none}
.testimonial.active{display:block}
.testimonial p{margin:0 0 10px}
.testimonial cite{color:var(--muted);font-size:0.95rem}

/* faq */
.faq-grid details{background:var(--card);padding:14px;border-radius:8px;margin-bottom:10px}

/* contact */
.contact-form label{display:block;font-weight:600;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #e6eef7}
.form-row{display:flex;gap:12px;align-items:center;margin-top:12px}

/* footer */
.site-footer{background:var(--navy);color:white;padding:26px 0;margin-top:40px}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:12px}

/* responsive */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-art{order:-1}
  .header-grid{flex-direction:column;align-items:flex-start;gap:12px}
  .nav a{display:inline-block;margin:8px 12px 0 0}
  .footer-grid{flex-direction:column;gap:8px}
}