*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#222;line-height:1.5;background:#fff;padding-bottom:60px;-webkit-text-size-adjust:100%}
a{text-decoration:none;-webkit-tap-highlight-color:transparent}

/* Header */
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1c1f4a;position:sticky;top:0;z-index:100}
.logo{font-size:1.15rem;font-weight:800;color:#fff}
.logo span{color:#ff6b2b}
.hdr-call{background:#ff6b2b;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;font-size:.85rem}

/* Hero */
.hero{background:#1c1f4a;color:#fff;padding:36px 16px 32px;text-align:center}
.tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ff6b2b;margin-bottom:12px}
.hero h1{font-size:1.7rem;font-weight:800;line-height:1.2;margin-bottom:14px}
.hero>p{color:#ccc;font-size:.95rem;margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}

/* Call Button */
.call-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#ff6b2b;color:#fff;padding:16px 20px;border-radius:12px;font-size:1.2rem;font-weight:800;max-width:340px;margin:0 auto;box-shadow:0 4px 16px rgba(255,107,43,.4)}
.call-btn:active{transform:scale(.97)}
.call-lg{padding:18px 24px;font-size:1.3rem}

/* Stats */
.stats{display:flex;justify-content:center;gap:24px;margin-top:24px}
.stats div{text-align:center;font-size:.72rem;color:#ccc;text-transform:uppercase;letter-spacing:.5px}
.stats strong{display:block;font-size:1.25rem;color:#fff;margin-bottom:2px}

/* Trust */
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;background:#f5f5ff;font-size:.78rem;font-weight:600;color:#1c1f4a}

/* Services */
.services{padding:32px 16px}
.services h2,.steps h2,.faq h2,.bottom-cta h2{text-align:center;font-size:1.3rem;font-weight:800;color:#1c1f4a;margin-bottom:20px}
.svc{padding:16px;border:1px solid #e8e8f0;border-radius:10px;margin-bottom:10px}
.svc h3{font-size:.95rem;margin-bottom:4px;color:#1c1f4a}
.svc p{font-size:.85rem;color:#555;line-height:1.5}

/* Steps */
.steps{padding:32px 16px;background:#f5f5ff}
.step{display:flex;gap:14px;margin-bottom:16px;align-items:flex-start}
.step span{width:36px;height:36px;min-width:36px;background:#1c1f4a;color:#ff6b2b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}
.step strong{display:block;font-size:.95rem;color:#1c1f4a}
.step p{font-size:.85rem;color:#555}

/* Mid CTA */
.mid-cta{padding:28px 16px;text-align:center;background:#fff;border-top:1px solid #e8e8f0;border-bottom:1px solid #e8e8f0}
.mid-cta>p:first-child{font-size:.95rem;color:#333;margin-bottom:16px;font-weight:600}

/* FAQ */
.faq{padding:32px 16px}
details{border:1px solid #e8e8f0;border-radius:10px;margin-bottom:8px;overflow:hidden}
details summary{font-weight:600;font-size:.9rem;color:#1c1f4a;padding:14px 16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
details summary::after{content:"+";font-size:1.1rem;color:#ff6b2b;font-weight:700}
details[open] summary::after{content:"\2212"}
details[open] summary{border-bottom:1px solid #e8e8f0;background:#fafafe}
details summary::-webkit-details-marker{display:none}
details p{padding:14px 16px;font-size:.85rem;color:#555;line-height:1.6}

/* Bottom CTA */
.bottom-cta{padding:40px 16px;text-align:center;background:#1c1f4a;color:#fff}
.bottom-cta h2{color:#fff}
.bottom-cta>p{color:#b8bce8;margin-bottom:20px}
.bottom-cta .call-btn{background:#ff6b2b}
.sub{margin-top:12px;font-size:.8rem;color:#7a7eb8}

/* Sticky */
.sticky{position:fixed;bottom:0;left:0;right:0;background:#ff6b2b;color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;z-index:200;box-shadow:0 -2px 10px rgba(0,0,0,.15)}

/* Footer */
footer{padding:24px 16px;text-align:center;background:#111;color:#888;font-size:.78rem}
.f-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.f-links a{color:#999;font-size:.78rem}
.f-links a:hover{color:#fff}
.disc{max-width:600px;margin:0 auto 10px;font-size:.7rem;color:#666;line-height:1.5}
.copy{font-size:.7rem;color:#444}

/* Desktop - minimal adjustments */
@media(min-width:768px){
  body{padding-bottom:0}
  .sticky{display:none}
  .hero{padding:56px 20px 48px}
  .hero h1{font-size:2.4rem}
  .services,.steps,.faq{max-width:700px;margin-left:auto;margin-right:auto}
}