:root{
  --navy:#071028;
  --deep:#0b2238;
  --blue:#1967ff;
  --accent:#0b66ff;
  --muted:#8090a3;
}
*{box-sizing:border-box}
body{font-family:Segoe UI, Roboto, Arial, sans-serif;margin:0;color:#0b2238;background:#f6f8fb}
.container{max-width:1100px;margin:0 auto;padding:24px}
.topbar{background:linear-gradient(180deg,#ffffff, #f1f5f9);box-shadow:0 2px 12px rgba(2,6,23,0.06)}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;color:var(--navy);font-size:20px}
.logo .accent{color:var(--accent)}
.helpline{background:var(--navy);color:#fff;padding:10px 14px;border-radius:10px;text-align:center;font-size:13px;text-decoration:none;display:inline-block}
.helpline:hover,.helpline:focus{opacity:0.95;transform:translateY(-1px)}

.hero{padding:48px 0}
.hero-inner{display:flex;gap:32px;align-items:flex-start}
.hero-left{flex:1}
.small{font-size:12px;color:var(--muted);letter-spacing:1px}
h1{font-size:42px; margin:8px 0 16px}
.accent{color:var(--accent)}
.lead{color:#3c4856;margin-bottom:20px}
.benefits{display:flex;gap:18px;list-style:none;padding:0;margin:0}
.benefits li{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 20px rgba(13,28,44,0.06);min-width:200px}
.benefits strong{display:block;color:#0b2238}
.benefits span{display:block;color:var(--muted);font-size:13px}

.book-card{width:420px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 16px 40px rgba(11,34,56,0.12);position:relative}
.book-card h3{margin:0 0 12px}
.price-badge{position:absolute;right:-26px;top:24px;background:#ffd84d;color:#08121b;padding:16px 14px;border-radius:50%;text-align:center;font-weight:700}
.book-form input{width:100%;padding:12px;margin:8px 0;border-radius:10px;border:1px solid #f0f2f5}
.book-form .row{display:flex;gap:8px}
.book-form .row input{flex:1}
.cta{display:block;width:100%;padding:14px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--blue));color:#fff;border:0;margin-top:12px;font-weight:700}

.brands{padding:36px 0;text-align:center}
.brand-list{color:var(--muted);margin-top:10px}

.process{background:linear-gradient(180deg,#fff,#f6f8fb);padding:40px 0}
.cards{display:flex;gap:20px}
.card{flex:1;background:linear-gradient(180deg,#071a2b, #0b2238);color:#cfe6ff;padding:22px;border-radius:18px}
.card h4{margin-top:0}
.card ul{padding-left:18px}
.card li{margin:10px 0}

.faq{padding:48px 0}
.accordion{max-width:860px;margin:18px auto}
.accordion .item{display:block;width:100%;text-align:left;padding:18px;border-radius:14px;border:1px solid #eef3f7;background:#fff;margin:10px 0;font-size:15px;position:relative}
.accordion .item .answer{margin-top:10px;color:var(--muted);font-size:14px}
.accordion .item.open{background:#fff;box-shadow:0 8px 30px rgba(11,34,56,0.06)}
.accordion .arrow{float:right;color:var(--accent);font-weight:700}

.site-footer{background:var(--navy);color:#cfe6ff;padding:36px 0;margin-top:40px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.footer-left p{color:#a9c2de}
.footer-left .muted{color:#92aac6;font-size:13px}
.hotline{background:rgba(255,255,255,0.04);padding:18px;border-radius:12px;text-align:center;text-decoration:none;display:inline-block;color:inherit}
.hotline:hover,.hotline:focus{opacity:0.95}

@media(max-width:900px){
  .hero-inner{flex-direction:column}
  .book-card{width:100%}
  .cards{flex-direction:column}
  .footer-inner{flex-direction:column}
}