:root{
  --navy:#08111f;
  --navy-2:#101b2d;
  --orange:#f97316;
  --orange-dark:#ea580c;
  --text:#0f172a;
  --muted:#475569;
  --line:#e5e7eb;
  --bg:#f8fafc;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit}
.container{width:min(1160px,92%);margin:0 auto}
.topbar{background:var(--navy);color:#fff;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;flex-wrap:wrap}
.topbar a{text-decoration:none;color:#fff}
header{position:sticky;top:0;z-index:50;background:rgba(8,17,31,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:16px 0}
.brand img{height:60px;width:auto}
.navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.navlinks a{text-decoration:none;color:#fff;font-weight:700}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:13px 22px;border-radius:999px;font-weight:800;box-shadow:0 12px 30px rgba(249,115,22,.28)}
.btn:hover{background:var(--orange-dark)}
.btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}
.hero{background:
linear-gradient(rgba(8,17,31,.72),rgba(8,17,31,.72)),
url('https://cdn.prod.website-files.com/67ac08a3e5ce0e140bc0892f/68a48077aaebd2871f14e4e7_Screenshot%202025-08-19%20094704.png') center/cover no-repeat;
color:#fff;padding:88px 0 78px}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(38px,5.4vw,64px);line-height:1.02;margin:0 0 16px;max-width:720px}
.hero p{font-size:18px;color:#e2e8f0;max-width:700px;margin:0 0 24px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}
.mini-rating{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-weight:700;color:#fde68a}
.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:22px;border-radius:26px;backdrop-filter:blur(12px)}
.hero-card h3{margin:0 0 10px;color:#fff}
.hero-card p{margin:0;color:#e5e7eb;font-size:16px}
.section{padding:66px 0}
.section.alt{background:var(--bg)}
.section h2{font-size:clamp(30px,3.5vw,44px);line-height:1.08;margin:0 0 14px}
.lead{font-size:18px;color:var(--muted);max-width:820px}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 10px 30px rgba(2,6,23,.05)}
.card h3{margin:0 0 10px;font-size:22px}
.card p{margin:0;color:var(--muted)}
.image-card{overflow:hidden;padding:0}
.image-card img{width:100%;height:100%;object-fit:cover;min-height:280px}
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.split.tight{align-items:start}
.list{margin:12px 0 0;padding-left:18px}
.list li{margin:8px 0}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stat{background:#fff;border:1px solid var(--line);padding:24px;border-radius:22px;text-align:center}
.stat .num{display:block;font-size:34px;font-weight:800;color:var(--orange)}
.price{font-size:30px;color:var(--orange);font-weight:900;margin:8px 0 4px}
.subprice{color:var(--muted);font-weight:700;font-size:14px}
.band{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:28px;padding:32px}
.band p{color:#dbe4ef}
.testimonial{position:relative}
.testimonial .quote{font-style:italic;color:#334155}
.contactbox{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;padding:32px;border-radius:28px}
.contactbox a{color:#fff}
.footer{background:var(--navy);color:#fff;padding:46px 0 30px;margin-top:36px}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:26px}
.footer img{height:38px}
.footer a{color:#fff;text-decoration:none}
.footer .muted{color:#cbd5e1}
.note{font-size:12px;color:#94a3b8;margin-top:12px}
@media (max-width: 920px){
  .hero-inner,.split,.grid-2,.grid-3,.stats,.footer-grid{grid-template-columns:1fr}
  .nav{flex-direction:column;align-items:flex-start}
}


.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer;margin-left:auto}
.menu-toggle span{display:block;width:26px;height:3px;background:#fff;border-radius:999px;transition:transform .2s ease,opacity .2s ease,margin .2s ease;margin:5px 0}
.nav-cta{white-space:nowrap}
@media (max-width: 920px){
  .topbar .container{justify-content:center;text-align:center;padding:8px 0;gap:6px}
  .nav{flex-direction:row;align-items:center;padding:10px 0;position:relative}
  .brand img{height:52px}
  .menu-toggle{display:block}
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(8,17,31,.98);border-top:1px solid rgba(255,255,255,.08);padding:14px 4%;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:0 18px 30px rgba(2,6,23,.22)}
  .navlinks.is-open{display:flex}
  .navlinks a{width:100%}
  .navlinks .btn{width:100%;text-align:center;padding:12px 18px}
  .menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle.is-open span:nth-child(2){opacity:0}
  .menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}