*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#FFD700;background:#000;overflow-x:hidden}

.video-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#000}
.video-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));pointer-events:none}

.content{min-height:200vh} /* JS lo ajusta */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8vh 6vw;gap:12px}
.hero h1{font-size:clamp(28px,4vw,52px);margin:0}
.hero p{max-width:60ch;line-height:1.5;margin:0;opacity:.9}
.hint{margin-top:18px;opacity:.9;font-size:14px;letter-spacing:.12em;text-transform:uppercase}

.block{min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:10vh 8vw;gap:10px}
.block h2{margin:0;font-size:clamp(22px,3vw,36px)}
.block p{margin:0;max-width:70ch;line-height:1.6;opacity:.9}

.debug{position:fixed;left:14px;bottom:14px;font-size:12px;opacity:.75;user-select:none;pointer-events:none;padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);display:none}
.debug.show{display:block}