
:root{--ink:#141414;--muted:#5f6676;--brand:#ff3b30;--brand2:#ffcc00;--bg:#fffef7;--panel:#ffffff;--hdr:66px}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;line-height:1.6;color:var(--ink);background:var(--bg)}
.container{width:min(1120px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #0001}
.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;min-height:var(--hdr)}
.brand-name{font-weight:900;text-decoration:none;color:var(--brand);font-size:18px}
.nav-menu{display:flex;gap:12px;align-items:center}
.nav-menu a{color:var(--ink);text-decoration:none;font-size:15px;padding:10px 12px;border-radius:10px;transition:.2s}
.nav-menu a:hover{background:rgba(255,59,48,.10)}
.nav-menu a.active{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#191919}
.call-link{font-weight:800}
.nav-toggle{display:none;appearance:none;border:0;background:#fff;padding:10px;border-radius:10px;box-shadow:0 1px 0 #0001;cursor:pointer}
.nav-toggle .bar{display:block;width:22px;height:2px;background:#111;margin:5px 0;transition:.2s}
.nav-toggle:focus{outline:2px solid #0002}
@media (max-width:992px){.nav{grid-template-columns:auto auto auto}.nav-toggle{display:inline-block}.nav-menu{display:none;flex-direction:column;gap:0;position:fixed;left:0;right:0;top:var(--hdr);background:#fff;border-bottom:1px solid #0001;box-shadow:0 14px 28px rgba(0,0,0,.12);z-index:95}.nav-menu.show{display:flex}.nav-menu a{padding:16px 18px;border-top:1px solid #f0f0f0;border-radius:0}}
.hero{position:relative;min-height:64vh;display:grid;place-items:center;text-align:center}
.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.hero .hero-content{position:relative;padding:56px 0;background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.87));width:100%}
.hero h1{font-size:clamp(30px,4.5vw,56px);margin:0 0 6px}.hero .lead{color:#2b2b2b;margin:0 0 18px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:800;border:2px solid #0001;margin:4px;transition:transform .08s ease}
.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#191919}.btn.ghost{background:#fff;color:#1a1a1a}
.section{padding:56px 0}.section.alt{background:#ffffff}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}
.card{background:var(--panel);border:1px solid #0001;padding:18px;border-radius:16px;box-shadow:0 8px 18px rgba(0,0,0,.05)}
@media (max-width:720px){.grid-3{grid-template-columns:1fr}}
.video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid #0001;box-shadow:0 12px 24px rgba(0,0,0,.06)}
.video-wrap iframe{width:100%;height:100%;display:block}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gallery img{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid #0001}
.form{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
label{font-weight:600;display:block;margin-bottom:4px}
input,select,textarea{width:100%;padding:12px;border:1px solid #cfd3da;border-radius:10px;background:#fff;font:inherit;color:#222}
.checks{display:flex;flex-wrap:wrap;gap:14px}.small{font-size:.9rem}.muted{color:#5f6676}
@media (max-width:720px){.row,.row-3{grid-template-columns:1fr}}
.site-footer{padding:28px 0;border-top:1px solid #0001;background:#fff}.site-footer p{margin:0;text-align:center;color:#555}
