:root{--bg-overlay:rgba(255,255,255,.6);--text:#111827;--accent:#e2e8f0;--button-bg:#111827;--button-text:#fff}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#f5f7fa}
.hero{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url(../img/hero.jpg) center/cover no-repeat}
.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05);display:none}
.bg-video.is-ready{display:block}
.hero::after{content:"";position:absolute;inset:0;background:var(--bg-overlay)}
.overlay{position:relative;z-index:1;text-align:center;padding:0 1.5rem}
.overlay img{max-width:320px;width:60vw;height:auto;display:block;margin:0 auto .75rem}
.overlay p{font-size:clamp(1rem,2.2vw,1.25rem);opacity:.9;margin:0 0 1.5rem}
.cta{display:inline-block;padding:.85rem 1.25rem;border-radius:999px;background:var(--button-bg);color:var(--button-text);text-decoration:none;font-weight:600;transition:transform .15s ease,filter .2s ease,opacity .2s ease;margin-top:.75rem}
.cta:hover{transform:translateY(-1px)}
.cta:active{transform:translateY(0)}
@media (prefers-reduced-motion: reduce){.bg-video{display:none}}