*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1a2e;line-height:1.6;background:#fff;-webkit-text-size-adjust:100%;padding-bottom:70px}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}

/* Header */
header{background:#1a1a2e;color:#fff;padding:10px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}
header .container{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.1rem;font-weight:700;letter-spacing:-.5px}
.logo span{color:#ff6b35}
.header-cta{background:#ff6b35;color:#fff;padding:10px 16px;border-radius:6px;font-weight:700;font-size:.85rem;white-space:nowrap}

/* Hero */
.hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;text-align:center;padding:36px 16px 40px}
.hero h1{font-size:1.5rem;margin-bottom:10px;line-height:1.25}
.subtitle{font-size:1rem;color:#b8c6db;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}
.cta-btn{display:block;width:100%;max-width:400px;margin:0 auto;background:#ff6b35;color:#fff;padding:18px 20px;border-radius:10px;font-size:1.3rem;font-weight:700;text-align:center;box-shadow:0 4px 15px rgba(255,107,53,.4);transition:background .2s}
.cta-btn:active{background:#d4551f;transform:scale(.98)}
.cta-lg{padding:22px 20px;font-size:1.4rem}
.cta-sub{margin-top:10px;font-size:.85rem;color:#8a9bb5}

/* Pulse animation for CTA */
@keyframes pulse{0%,100%{box-shadow:0 4px 15px rgba(255,107,53,.4)}50%{box-shadow:0 4px 25px rgba(255,107,53,.7)}}
.hero .cta-btn{animation:pulse 2s infinite}

/* Services */
.services{padding:32px 16px;background:#f8f9fa}
.services h2,.why-call h2,.how-it-works h2,.final-cta h2{text-align:center;font-size:1.4rem;margin-bottom:20px;color:#1a1a2e}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.card{background:#fff;border-radius:10px;padding:20px 18px;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;align-items:flex-start;gap:14px}
.card-icon{font-size:1.8rem;flex-shrink:0;line-height:1}
.card h3{font-size:1rem;margin-bottom:4px;color:#1a1a2e}
.card p{font-size:.88rem;color:#555;line-height:1.4}
.card-text{flex:1}

/* Why Call */
.why-call{padding:32px 16px;text-align:center}
.benefits{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:24px;text-align:left}
.benefit{background:#f0f7ff;padding:16px;border-radius:8px}
.benefit strong{font-size:.95rem;display:block;margin-bottom:2px}
.benefit p{font-size:.85rem;color:#555}

/* How It Works */
.how-it-works{padding:32px 16px;background:#f8f9fa}
.steps{display:flex;flex-direction:column;gap:16px;text-align:center}
.step{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;padding:16px;border-radius:10px}
.step-num{width:42px;height:42px;min-width:42px;background:#ff6b35;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}
.step h3{font-size:.95rem;margin-bottom:2px}
.step p{font-size:.85rem;color:#555}

/* FAQ */
.faq{padding:32px 16px;background:#fff}
.faq h2{text-align:center;font-size:1.4rem;margin-bottom:20px;color:#1a1a2e}
.faq-list{max-width:700px;margin:0 auto}
details{border-bottom:1px solid #e5e7eb;padding:14px 0}
details summary{font-weight:600;font-size:.95rem;cursor:pointer;color:#1a1a2e;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
details summary::after{content:"+";font-size:1.3rem;color:#ff6b35;flex-shrink:0;font-weight:700}
details[open] summary::after{content:"-"}
details summary::-webkit-details-marker{display:none}
details p{margin-top:10px;font-size:.9rem;color:#555;line-height:1.5}

/* Final CTA */
.final-cta{padding:40px 16px;text-align:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff}
.final-cta p{color:#b8c6db;font-size:.95rem}
.final-cta h2{color:#fff;margin-bottom:10px}
.final-cta .cta-sub{margin-top:12px}

/* Sticky bottom call bar - mobile */
.sticky-call{position:fixed;bottom:0;left:0;right:0;background:#ff6b35;z-index:200;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 -2px 10px rgba(0,0,0,.2)}
.sticky-call a{color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}
.sticky-call .phone-icon{font-size:1.4rem;animation:ring .6s ease-in-out infinite alternate}
@keyframes ring{0%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}

/* Footer */
footer{background:#111;color:#999;padding:24px 16px;text-align:center;font-size:.8rem}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.footer-links a{color:#bbb;font-size:.8rem;padding:4px 0}
.disclosure{max-width:700px;margin:0 auto 10px;font-size:.75rem;color:#777;line-height:1.4}
.copyright{color:#555;font-size:.75rem}

/* Desktop overrides */
@media(min-width:768px){
  body{padding-bottom:0}
  .container{padding:0 20px}
  .hero{padding:60px 20px}
  .hero h1{font-size:2.2rem}
  .subtitle{font-size:1.15rem}
  .cta-btn{display:inline-block;width:auto;max-width:none;padding:16px 36px}
  .cta-lg{padding:20px 44px;font-size:1.4rem}
  .grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
  .card{display:block;padding:28px 24px}
  .card-icon{margin-bottom:10px;font-size:2rem}
  .benefits{grid-template-columns:repeat(2,1fr);gap:20px}
  .steps{flex-direction:row;gap:24px}
  .step{flex-direction:column;text-align:center;flex:1}
  .services,.why-call,.how-it-works,.faq{padding:50px 20px}
  .final-cta{padding:60px 20px}
  .sticky-call{display:none}
  .hero .cta-btn{animation:none}
  footer{padding:30px 20px}
}