.welcome-intro[hidden],.welcome-intro [hidden]{display:none!important}
body.welcome-active{overflow:hidden}
body.welcome-active #site-content{visibility:hidden}
.welcome-intro{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;min-height:100vh;min-height:100dvh;padding:24px 32px calc(104px + env(safe-area-inset-bottom,0px));color:#f1f8ff;background:radial-gradient(ellipse at 50% 34%,#102638 0%,#07101b 43%,#03070c 85%)}
.welcome-topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;width:100%;padding:8px 0 16px;margin-bottom:16px;background:linear-gradient(180deg,#07101b 76%,#07101b00)}
.welcome-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;font-size:14px;font-weight:800;letter-spacing:.09em}
.welcome-brand>span{min-width:0}
.welcome-topbar .welcome-skip{flex:0 0 auto}
.welcome-brand img{width:46px;height:46px;border-radius:50%;object-fit:contain}
.welcome-brand small{display:block;margin-top:1px;font-size:9px;font-weight:500;color:#9bb2c5;letter-spacing:.2em}
.welcome-panel{width:min(100%,1000px);margin:auto 0;flex-shrink:0}
.welcome-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.welcome-heading .eyebrow{font-size:11px;letter-spacing:.14em;color:#85d8f0;margin-bottom:9px}
.welcome-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:clamp(29px,4.2vw,45px);line-height:1.06;letter-spacing:-.015em}
.welcome-meta{flex-shrink:0;color:#a7bdcc;font-size:11px;line-height:1.6;text-align:right;letter-spacing:.025em}
.welcome-meta span{display:block;color:#70d8f1}
.welcome-screen{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border:1px solid #385568;border-radius:4px;background:#020508;box-shadow:0 20px 70px #0007}
.welcome-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#020508}
.welcome-lower{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}
.welcome-note{max-width:380px;min-width:0}
.welcome-note>p:first-child{font-size:14px;color:#d4e3ec;line-height:1.6}
#welcome-status{font-size:12px;line-height:1.6;color:#8ea9bd;margin-top:6px;min-height:20px}
.welcome-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.welcome-sound,.welcome-skip{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:3px;font:inherit;font-size:13px;font-weight:800;line-height:1.3}
.welcome-sound{background:#b9effc;border:1px solid #b9effc;color:#041723;box-shadow:0 0 26px #68dafa0b}
.welcome-sound:hover{background:#effcff;border-color:#effcff}
.welcome-skip{background:#0c1722;border:1px solid #45677e;color:#ddecf7;gap:15px}
.welcome-skip:hover{background:#152b3c;border-color:#90cce0}
.welcome-intro button:focus-visible,.welcome-intro video:focus-visible{outline:3px solid #8ee8fc;outline-offset:4px}
.welcome-footer{color:#69889d;font-size:11px;line-height:1.5;letter-spacing:.04em;margin:22px 0 0;text-align:center}
.whatsapp-float{position:fixed;right:max(22px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:1100;display:flex;align-items:center;justify-content:center;gap:11px;min-height:58px;padding:13px 20px 13px 16px;border:1px solid #75efa9;border-radius:999px;background:#22c765;color:#04160b;box-shadow:0 10px 32px #0009,0 0 0 5px #22c76512;font-size:14px;font-weight:800;line-height:1.25;transition:background .18s ease,box-shadow .18s ease}
.whatsapp-float svg{width:30px;height:30px;flex:0 0 30px;color:#fff}
.whatsapp-float:hover{background:#58e490;box-shadow:0 10px 32px #0009,0 0 0 5px #58e49028}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:5px}
.whatsapp-float small{display:block;font-weight:500;font-size:10px;margin-top:2px;color:#0a3f21}
body{padding-bottom:90px}
@media(min-width:1500px){.welcome-panel{max-width:1120px}}
@media(max-width:750px){.welcome-intro{padding:20px 22px calc(104px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.welcome-topbar{gap:12px;padding:6px 0 14px;margin-bottom:20px}.welcome-brand{font-size:12px;gap:10px}.welcome-brand img{width:40px;height:40px}.welcome-brand small{font-size:8px;letter-spacing:.15em}.welcome-panel{margin:auto 0}.welcome-heading{display:block;margin-bottom:16px}.welcome-heading h2{font-size:34px;line-height:1.08}.welcome-heading .eyebrow{font-size:10px;margin-bottom:10px}.welcome-meta{display:flex;gap:10px;margin-top:11px;text-align:left;font-size:10px}.welcome-meta span{display:inline}.welcome-screen{border-radius:3px}.welcome-lower{display:block;margin-top:18px}.welcome-note{max-width:none}.welcome-note>p:first-child{font-size:13px;max-width:340px}#welcome-status{font-size:11px;margin-top:5px}.welcome-actions{margin-top:19px;flex-wrap:wrap;gap:9px}.welcome-actions button{font-size:12px;flex:1 1 160px;padding:13px 14px;min-height:48px}.welcome-topbar .welcome-skip{flex:0 0 auto;font-size:12px;padding:11px 13px;min-height:44px;gap:9px}.welcome-footer{font-size:10px;margin-top:23px}.whatsapp-float{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:54px;padding:12px 16px 12px 13px;font-size:13px;gap:9px}.whatsapp-float svg{width:28px;height:28px;flex-basis:28px}.whatsapp-float small{font-size:10px}body{padding-bottom:86px}}
@media(max-width:500px){.welcome-brand small{display:none}}
@media(max-width:360px){.welcome-intro{padding-inline:16px}.welcome-heading h2{font-size:30px}.welcome-actions{display:grid;grid-template-columns:1fr}.welcome-actions button{width:100%}.whatsapp-float{font-size:12px;padding-inline:13px}.whatsapp-float svg{width:25px;height:25px;flex-basis:25px}}
@media(max-height:670px){.welcome-intro{justify-content:flex-start}.welcome-panel{margin:0}.welcome-screen{max-height:52vh;aspect-ratio:16/9;width:auto;max-width:100%;margin-inline:auto}.welcome-topbar{margin-bottom:16px}.welcome-heading{margin-bottom:13px}.welcome-heading h2{font-size:30px}.welcome-lower{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}





/* Keep the audio-first action visible directly on the welcome poster. */
.welcome-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);box-shadow:0 12px 35px #0009,0 0 0 6px #07101b80;text-align:center}
.welcome-play[hidden]{display:none!important}
@media(max-width:750px){.welcome-play{font-size:12px;padding:13px 16px;min-height:48px}}