*{box-sizing:border-box}
body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#d6d8dc;background:#0d0e10}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
a{color:#e5484d}
h1,h2,h3,strong{color:#f4f5f6}
.top{background:rgba(10,11,13,.92);backdrop-filter:blur(6px);border-bottom:1px solid #1f2226;position:sticky;top:0;z-index:5}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:76px}
.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:48px;width:auto;display:block}
.logo-text{white-space:nowrap;color:#f4f5f6;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:1.05rem}.logo-text span{color:#e5484d}
nav a{color:#a7abb2;text-decoration:none;margin-left:20px;font-size:.9rem;letter-spacing:.04em}nav a:hover{color:#fff}
.hero{background:linear-gradient(90deg,rgba(8,9,11,.92) 0%,rgba(8,9,11,.7) 45%,rgba(8,9,11,.35) 100%),linear-gradient(0deg,rgba(13,14,16,1) 0%,rgba(13,14,16,0) 30%),url(hero.jpg) center 60%/cover;min-height:68vh;display:flex;align-items:center;padding:64px 0;border-bottom:1px solid #1f2226}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#9a9ea5;margin:0}
.eyebrow::before{content:"";display:inline-block;width:28px;height:2px;background:#e5484d;vertical-align:middle;margin-right:10px}
h1{font-size:2.2rem;line-height:1.12;margin:.35em 0;font-weight:800;letter-spacing:-.01em}
.lead{max-width:560px;color:#b8bcc2}
h2{font-size:1.6rem;margin:64px 0 24px;font-weight:700}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-block;background:#c8102e;color:#fff;padding:13px 22px;border-radius:6px;text-decoration:none;font-weight:600;letter-spacing:.02em;border:1px solid #c8102e}
.btn.wa{background:transparent;color:#f4f5f6;border-color:#3a3e44}.btn.wa:hover{border-color:#f4f5f6}
.grid{display:grid;gap:14px}
.grid article{background:#16181b;border:2px solid #e5484d;box-shadow:0 0 14px rgba(229,72,77,.18);transition:border-color .2s,box-shadow .2s;border-radius:8px;padding:18px 20px}
.grid h3{margin:0 0 6px;font-size:1.05rem}.grid p{margin:0;color:#9a9ea5}
.why{background:#121316;border-top:1px solid #1f2226;border-bottom:1px solid #1f2226;margin-top:64px;padding-bottom:48px}
.why h2{padding-top:48px;margin-top:0}.why ul{list-style:none;padding:0;display:grid;gap:14px}
.why li{padding-left:18px;border-left:2px solid #e5484d;color:#b8bcc2}
.area p{color:#b8bcc2}
.contact .cols{display:grid;gap:24px}.contact p{color:#b8bcc2}
iframe{width:100%;height:320px;border:1px solid #23262b;border-radius:8px;background:#16181b}
footer{background:#08090a;color:#6b7077;margin-top:64px;padding:22px 0;font-size:.85rem;border-top:1px solid #1f2226}
@media(min-width:760px){.hero{min-height:80vh}h1{font-size:3.2rem}.grid{grid-template-columns:repeat(3,1fr)}.contact .cols{grid-template-columns:1fr 1fr}iframe{height:100%;min-height:360px}.why ul{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.logo-text{font-size:.9rem}nav a{margin-left:12px;font-size:.85rem}}
.hero>.wrap{width:100%}.hero h1,.hero .lead{text-shadow:0 2px 12px rgba(0,0,0,.6)}
@media(max-width:759px){.hero{background:linear-gradient(180deg,rgba(8,9,11,.6) 0%,rgba(8,9,11,.8) 40%,rgba(13,14,16,.95) 100%),url(hero.jpg) 35% center/cover}}
.grid article:hover{border-color:#ff5a60;box-shadow:0 0 22px rgba(229,72,77,.4)}
@media(max-width:759px){.top .wrap{height:64px}.logo img{height:38px}}
.packs .hook{color:#f4f5f6;font-size:1.1rem;margin:0 0 18px}
.packs .price{color:#ff5a60;font-weight:700;font-size:1.15rem;margin:0 0 8px}
.packs ul{margin:10px 0 0;padding-left:18px;color:#b8bcc2}.packs li{margin:3px 0}
.packs .extras{margin-top:14px}.packs .note{color:#9a9ea5;font-size:.9rem;margin:16px 0}
.grid p a{color:#ff5a60}