:root{
  --bg:#0a0b10;
  --card:#111321;
  --text:#e7e8ee;
  --muted:#a7abbe;
  --pink:#ff39b0;
  --cyan:#27d8ff;
  --glow: 0 0 20px rgba(255,57,176,.55), 0 0 40px rgba(39,216,255,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;scroll-behavior:smooth}
img{max-width:100%;display:block}
.container{width:min(1100px,92%);margin:auto}
a{color:var(--text);text-decoration:none}
h1,h2,h3{line-height:1.1;margin:0 0 .6rem}
.section{padding:80px 0}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:.5px}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:10px;box-shadow:var(--glow)}
.brand span{font-weight:600;opacity:.85}
.nav-list{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}
.nav-list a{opacity:.85}
.nav-list a:hover{opacity:1;text-shadow:0 0 12px rgba(255,57,176,.35)}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.6rem}

.hero{position:relative;min-height:78vh;border-radius:24px;overflow:hidden;display:grid;place-items:center;margin-top:10px}
.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:brightness(.55) saturate(1.2)}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%, rgba(255,57,176,.18), transparent 60%), radial-gradient(50% 50% at 50% 50%, rgba(39,216,255,.18), transparent 70%)}
.hero-content{position:relative;text-align:center;padding:40px 16px}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:.5px;margin-bottom:.5rem}
.pink{color:var(--pink);text-shadow:0 0 16px rgba(255,57,176,.55)}
.cyan{color:var(--cyan);text-shadow:0 0 16px rgba(39,216,255,.55)}
.hero .cta-row{display:flex;gap:12px;justify-content:center;margin-top:16px}

.btn{display:inline-block;padding:12px 18px;border-radius:999px;font-weight:700;transition:.2s;border:1px solid transparent}
.btn-primary{background:linear-gradient(90deg,var(--pink),var(--cyan));color:#0a0b10;box-shadow:0 0 20px rgba(255,57,176,.25), 0 0 24px rgba(39,216,255,.25)}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.1)}
.btn-outline{border-color:#3a3f6b;background:rgba(255,255,255,.04)}
.btn-outline:hover{border-color:#5961a7;box-shadow:var(--glow)}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.card{background:var(--card);border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.feature ul{margin:0;padding-left:18px;color:var(--muted)}
.feature h3{margin-bottom:.35rem}

.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.price-card{position:relative;background:linear-gradient(145deg,#121429,#090a13);border-radius:22px;padding:18px 18px 24px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,57,176,.15), 0 0 35px rgba(39,216,255,.08)}
.price-card::before{content:'';position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(135deg,rgba(255,57,176,.6),rgba(39,216,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 25px rgba(255,57,176,.25),0 0 25px rgba(39,216,255,.25)}
.price-card__header{font-weight:800;letter-spacing:.6px;margin-bottom:.35rem;opacity:.9}
.price-card__price{font-size:2rem;font-weight:900;background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.4rem}
.price-card__list{margin:0 0 .8rem 0;color:var(--muted);padding-left:18px}
.price-card .btn{width:100%;text-align:center}
.badge{position:absolute;top:12px;right:12px;background:linear-gradient(90deg,var(--pink),var(--cyan));color:#0a0b10;font-weight:900;border-radius:999px;padding:6px 10px;font-size:.8rem;box-shadow:0 0 16px rgba(39,216,255,.3)}
.price-card.highlight{transform:translateY(-4px);box-shadow:0 20px 60px rgba(39,216,255,.14)}

.add-ons{margin-top:24px}
.tag-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:8px 0 0 0;padding:0}
.tag-list li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:999px}
.incl{color:var(--muted);margin-top:10px}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:16px}
.gallery-grid img{border-radius:16px;border:1px solid rgba(255,255,255,.08);transition:.2s}
.gallery-grid img:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}

.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.contact{display:block;padding:18px;border-radius:18px;background:var(--card);border:1px solid rgba(255,255,255,.06)}
.contact.primary{background:linear-gradient(145deg,#111321,#0b0c18);box-shadow:0 10px 35px rgba(39,216,255,.15)}
.contact h3{margin:0 0 .35rem}
.contact p{margin:0;color:var(--muted)}

.footer{padding:22px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:30px}
.footer-inner{display:flex;justify-content:space-between;gap:10px;font-size:.95rem;color:var(--muted)}

@media (max-width:860px){
  .nav-list{display:none;position:absolute;right:0;top:60px;background:var(--card);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
  .nav-toggle{display:block}
  .nav-list.show{display:flex;flex-direction:column}
}