:root{
  --bg:#0b0f14; --ink:#e9f1ff; --muted:#9ab0cc;
  --accent:#3ad0ff; --accent2:#77ff8a; --glass:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#101821);color:var(--ink);line-height:1.5}
.wrap{width:min(1100px,92vw);margin-inline:auto;padding:24px}
.site-header{position:sticky;top:0;background:rgba(11,15,20,.8);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #17202b;z-index:40}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}
.brand .brand-name{letter-spacing:.2px}
nav{display:flex;gap:1rem;align-items:center}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center}
a{color:var(--ink);text-decoration:none}
a:hover{opacity:.9}
.cta{padding:.5rem .8rem;border:1px solid #2a3a4d;border-radius:10px}
.hero{padding:40px 0 16px;background:
  radial-gradient(900px 400px at 10% -10%, rgba(58,208,255,.18), transparent),
  radial-gradient(900px 400px at 90% 0%, rgba(119,255,138,.12), transparent);}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
h1{font-family:"Bebas Neue",system-ui,sans-serif;letter-spacing:.6px;font-size:clamp(36px,6vw,72px);margin:0 0 8px}
h2{font-size: clamp(28px,4vw,42px);margin:0 0 6px}
h3{margin:.2rem 0 0}
.sub{color:var(--muted);max-width:48ch}
.tiny{color:#7b90ab;font-size:.9rem}
.accent{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-block;padding:.9rem 1.1rem;border-radius:12px;border:1px solid #2a3a4d}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001018;border:0;font-weight:700}
.btn.small{padding:.55rem .8rem;font-size:.95rem}
.btn.outline{background:transparent}
.cta-row{display:flex;gap:12px;margin:18px 0}
.glass{background:var(--glass);border:1px solid #203042;border-radius:16px;padding:18px}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ticks li::before{content:"✓";margin-right:8px;color:var(--accent2)}
.section{padding:56px 0}
.section.alt{background:#0d141d}
.section-sub{color:var(--muted);margin:0 0 16px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:var(--glass);border:1px solid #203042;border-radius:16px;padding:18px;position:relative;display:flex;flex-direction:column;gap:10px}
.card .price{font-size:1.8rem;margin:.2rem 0 .5rem}
.card .unit{font-size:.9rem;color:var(--muted)}
.card.featured{border-color:#2f4b64;box-shadow:0 0 0 2px rgba(58,208,255,.15) inset}
.badge{position:absolute;top:10px;right:10px;font-size:.75rem;padding:.25rem .5rem;border-radius:999px;background:#12314b;border:1px solid #2a5b80;color:#bde9ff}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ph{aspect-ratio:1/1;border-radius:10px;background:linear-gradient(135deg,#0f1924,#0b121a);border:1px dashed #2b3a4c;display:flex;align-items:center;justify-content:center;color:#7b90ab;font-weight:600}
.ph.after{background:linear-gradient(135deg,#13202e,#0a2a19)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
blockquote{margin:0;padding:16px;border-radius:12px;background:#0c1420;border:1px solid #203042}
.contact .book{display:flex;flex-direction:column;gap:12px}
.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
label{display:flex;flex-direction:column;gap:6px;font-weight:600}
input,textarea{width:100%;padding:.9rem;border-radius:10px;border:1px solid #203042;background:#0a131d;color:var(--ink)}
.site-footer{border-top:1px solid #17202b}
.footer-nav{display:flex;gap:12px}
@media (max-width: 900px){
  .hero .wrap{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,1fr)}
  .reviews{grid-template-columns:1fr}
  .fields{grid-template-columns:1fr}
}