:root{
  --bg:#0f1115;
  --card:#161a22;
  --text:#e9edf5;
  --muted:#b6c0d4;
  --line:#2a3142;
  --accent:#d7c089;
  --shadow: 0 18px 50px rgba(0,0,0,.35);
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
a{ color:var(--text); text-decoration:none; }
a:hover{ text-decoration:underline; }
.wrap{ width:min(1040px, 92vw); margin:0 auto; }
.header{ position:sticky; top:0; backdrop-filter: blur(10px); background: rgba(15,17,21,.75); border-bottom:1px solid rgba(42,49,66,.7); display:flex; align-items:center; justify-content:space-between; padding:14px 0; z-index:10; }
.brand{ font-weight:700; letter-spacing:.2px; }
.nav{ display:flex; gap:16px; align-items:center; }
.nav a{ color:var(--muted); }
.nav a.btn{ color:var(--bg); }
.hero{ display:grid; grid-template-columns: 1.2fr .8fr; gap:28px; padding:56px 0 26px; }
h1{ font-size: clamp(2.2rem, 4vw, 3.3rem); line-height:1.05; margin:0 0 10px; }
h2{ font-size:1.7rem; margin:0 0 12px; }
h3{ margin:0 0 8px; }
.sub{ color:var(--muted); font-size:1.05rem; margin:0 0 18px; }
.section{ padding:32px 0; }
.muted{ color:var(--muted); }
.fine{ color:var(--muted); font-size:.92rem; line-height:1.45; }
.card{ background:var(--card); border:1px solid rgba(42,49,66,.85); border-radius:16px; padding:18px; box-shadow:var(--shadow); }
.heroCard{ display:flex; flex-direction:column; gap:12px; }
.badge{ display:inline-flex; align-self:flex-start; padding:6px 10px; border-radius:999px; background: rgba(215,192,137,.14); border:1px solid rgba(215,192,137,.35); color: var(--accent); font-weight:600; font-size:.9rem; }
.imagePlaceholder{ height:220px; border-radius:14px; border:1px dashed rgba(182,192,212,.35); display:flex; align-items:center; justify-content:center; color:rgba(182,192,212,.7); background: rgba(255,255,255,.02); }
.cta{ display:flex; gap:12px; flex-wrap:wrap; margin:10px 0 16px; }
.btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 14px; border-radius:12px; background:var(--accent); color:#101217; font-weight:800; border:1px solid rgba(215,192,137,.5); }
.btn:hover{ text-decoration:none; filter: brightness(1.03); }
.btn.ghost{ background:transparent; color:var(--text); border:1px solid rgba(182,192,212,.35); }
.btn.small{ padding:9px 11px; border-radius:10px; font-weight:800; }
.quick{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.quick li{ padding:10px 12px; border-radius:12px; background: rgba(255,255,255,.03); border:1px solid rgba(42,49,66,.8); color:var(--muted); }
.grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.grid3{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
@media (max-width: 900px){ .hero{ grid-template-columns: 1fr; } .grid2, .grid3{ grid-template-columns: 1fr; } }
.cols{ columns: 2; column-gap: 16px; padding-left: 18px; margin: 0; }
.cols li{ break-inside: avoid; padding: 3px 0; color: var(--muted); }
.pillRow{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.pill{ padding:6px 10px; border-radius:999px; border:1px solid rgba(215,192,137,.35); background: rgba(215,192,137,.12); color: rgba(233,237,245,.92); font-weight:650; font-size:.9rem; }
.video{ position:relative; width:100%; padding-top:56.25%; border-radius:16px; overflow:hidden; border:1px solid rgba(42,49,66,.85); box-shadow:var(--shadow); }
.video iframe{ position:absolute; inset:0; width:100%; height:100%; }
.quote{ display:flex; flex-direction:column; gap:10px; }
.quote p{ margin:0; color:var(--text); line-height:1.5; }
.quote .by{ color:var(--muted); font-size:.92rem; }
.package h3{ display:flex; justify-content:space-between; gap:10px; align-items:baseline; }
.package .price{ color:var(--accent); font-weight:800; font-size:.95rem; white-space:nowrap; }
.package ul{ margin:10px 0 0; padding-left:18px; color:var(--muted); }
.note{ margin-top:16px; }
.contactList{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.contactList li{ color:var(--muted); }
.footer{ padding:18px 0 0; border-top:1px solid rgba(42,49,66,.7); margin-top:22px; }