*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Space Grotesk',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#05070c;color:#e5ebf6}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:95;background:rgba(5,7,12,.85);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.06)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{font-weight:800;font-size:20px}
.menu-toggle{display:none;width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#38bdf8,#0ea5e9);position:relative}
.menu-toggle::before,.menu-toggle::after{content:"";position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:.3s}
.menu-toggle::before{top:16px}
.menu-toggle::after{bottom:16px}
.menu-toggle[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}
.nav ul{display:flex;gap:22px;align-items:center;margin:0;padding:0;list-style:none}
.cta{background:#38bdf8;color:#041421;border-radius:12px;padding:12px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ghost{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;font-weight:700;color:#e5ebf6}
.hero{padding:64px 0;background:radial-gradient(960px 360px at 8% -18%,rgba(56,189,248,.2),transparent),radial-gradient(960px 360px at 92% -20%,rgba(14,165,233,.18),transparent)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.eyebrow{text-transform:uppercase;font-size:14px;letter-spacing:.1em;color:#7dd3fc;margin:0 0 12px}
.hero h1{font-size:48px;line-height:1.05;margin:0 0 16px}
.hero p{opacity:.9;margin:0 0 18px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.confidence{display:flex;gap:18px;padding:0;margin:0;list-style:none;font-size:15px;opacity:.85}
.hero-media img{border-radius:18px;border:1px solid rgba(255,255,255,.08)}
section{padding:40px 0}
.services h2,.bing h2,.plans h2,.faq h2,.booking h2{font-size:34px;margin:0 0 18px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-grid article{background:#080c15;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}
.bing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:flex-start}
.signal-list{list-style:none;padding:0;margin:20px 0 0}
.signal-list li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.signal-list span{font-weight:700;color:#38bdf8}
.bing-card{background:linear-gradient(180deg,#08131d,#06090f);border:1px solid rgba(56,189,248,.3);border-radius:18px;padding:24px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{background:#080c15;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:24px;text-align:center}
.plan .label{text-transform:uppercase;font-weight:700;letter-spacing:.08em;margin:0 0 8px;color:#7dd3fc}
.plan .price{font-size:40px;font-weight:800;margin:0 0 16px}
.plan ul{list-style:none;margin:0;padding:0}
.plan ul li{margin:8px 0;opacity:.88}
.plan.featured{border-color:#38bdf8;background:#04121c}
.faq-wrap details{background:#080c15;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin:12px 0}
.booking-card{background:linear-gradient(180deg,#0d1924,#05070c);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px}
.booking-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#03060b;color:#e5ebf6;font-size:15px}
.booking-form textarea{grid-column:1/-1;resize:vertical}
.cta.full{width:100%;border:0;cursor:pointer}
.footer{border-top:1px solid rgba(255,255,255,.05);padding:32px 0;background:#05070c}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.footer ul{list-style:none;margin:0;padding:0}
.footer-base{display:flex;align-items:center;justify-content:space-between;opacity:.8;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero-grid,.bing-grid,.plan-grid,.footer-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.booking-form{grid-template-columns:1fr}}
@media(max-width:760px){.menu-toggle{display:block}.nav{position:absolute;top:72px;right:20px;background:#05070c;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:none}
.nav.open{display:block}
.nav ul{flex-direction:column;align-items:flex-start}
.confidence{flex-direction:column;gap:8px}}
