:root{--navy:#0c1b2a;--gold:#c79a3b}*{box-sizing:border-box}body{margin:0;background:#081522;color:#fff;font-family:Arial,Helvetica,sans-serif}header{display:flex;justify-content:space-between;padding:22px 5%;gap:20px;color:#d6c397;font-size:13px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1180px;margin:auto;padding:12px 28px 35px}.stage{min-height:570px;padding:42px 55px;background:var(--navy);border:1px solid #ffffff22;position:relative}.brand{display:flex;align-items:center;justify-content:space-between;letter-spacing:2px;font-size:22px}.brand img{width:95px;height:90px;object-fit:contain}.gold{color:var(--gold);font-size:20px;margin:22px 0 12px}#chapter{color:#b5c3ce;font-size:12px;letter-spacing:2px}h1{font-size:clamp(30px,4vw,53px);line-height:1.12;max-width:940px;margin:23px 0 30px;letter-spacing:-1px}#points p{font-size:22px;line-height:1.5;color:#dae1e6;margin:10px 0}.tagline{color:var(--gold);font-size:15px;margin-top:38px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0}button{font:inherit;border:1px solid #64717c;padding:12px 18px;background:transparent;color:white;cursor:pointer}button:hover{border-color:var(--gold);background:#21374b}#start{background:var(--gold);color:var(--navy);font-weight:bold}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}label{font-size:13px;display:flex;align-items:center;gap:8px}input{max-width:90px}#status{width:100%;margin:0;font-size:14px;color:#d6c397}progress{width:100%;height:5px;accent-color:var(--gold)}#chapters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}#chapters button{font-size:12px;padding:8px 12px}#chapters button[aria-current=true]{background:#c79a3b;color:#0c1b2a}details{padding:20px;border-top:1px solid #ffffff33;line-height:1.75;color:#ccd6dc}summary{cursor:pointer}.links{display:flex;gap:28px;flex-wrap:wrap;color:var(--gold);padding:18px 20px}footer{padding:20px 5%;font-size:12px;color:#a9bbc7}.stage.fade{animation:fade .4s ease}@keyframes fade{from{opacity:.25}to{opacity:1}}@media(max-width:650px){header{flex-direction:column}.stage{padding:24px;min-height:500px}.brand{font-size:16px}.brand img{width:65px;height:65px}#points p{font-size:18px}main{padding:12px}.gold{font-size:17px}.controls button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.stage.fade{animation:none}}

[hidden]{display:none!important}.stage .gold{font-size:24px;font-weight:bold;text-transform:uppercase;letter-spacing:1px}.stage .tagline{font-size:15px}.launch{background:#eeeae0}

/* Slide-focused public viewer: narration continues; visual controls stay below the slide. */
body{min-height:100svh;display:flex;flex-direction:column}
header{padding:14px 2%;flex-shrink:0}
main{width:100%;max-width:none;flex:1;display:flex;flex-direction:column;padding:0 2% 12px}
.stage{flex:1;min-height:calc(100svh - 220px);padding:clamp(24px,3vw,72px);display:flex;flex-direction:column}
.brand{font-size:clamp(18px,1.6vw,30px)}
.brand img{width:clamp(65px,6vw,110px);height:clamp(65px,6vw,110px)}
h1{max-width:none;font-size:clamp(32px,4vw,86px);margin:24px 0}
#points p{font-size:clamp(18px,1.65vw,32px);line-height:1.45;max-width:100ch}
.stage .gold{font-size:clamp(18px,1.6vw,28px)}
.stage .tagline{margin-top:auto;padding-top:28px;font-size:clamp(14px,1vw,20px)}
.controls{flex-shrink:0;justify-content:center;padding:12px 0;gap:10px}
button{border-radius:8px}
.links{justify-content:center;padding:4px 0;font-size:13px}
footer{padding:8px 2%;font-size:11px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
:fullscreen footer{display:none}
:fullscreen .stage{min-height:calc(100svh - 160px)}
@media(max-width:650px){header{padding:10px 3%}header span{display:none}main{padding:0 3% 8px}.stage{padding:24px;min-height:calc(100svh - 260px)}h1{font-size:clamp(30px,7vw,44px)}#points p{font-size:18px}.controls{gap:8px}.controls button{padding:10px 12px}.links{font-size:12px}:fullscreen .stage{min-height:calc(100svh - 240px)}}

main{padding:12px 2%;min-height:100svh}.stage{min-height:calc(100svh - 116px)}.back-link{font-size:13px;color:var(--gold);padding:10px}.stage.fade{animation:none}:fullscreen .stage{min-height:calc(100svh - 116px)}@media(max-width:650px){main{padding:8px}.stage,:fullscreen .stage{min-height:calc(100svh - 240px)}}

/* More meaningful visible detail, matched to the unchanged narration. */
#points{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
#points p{position:relative;padding-left:22px;margin:0;font-size:clamp(18px,1.4vw,28px);line-height:1.4;max-width:110ch}
#points p::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
@media(min-width:900px) and (max-height:850px){.stage{padding:24px 32px}.brand img{width:65px;height:65px}.brand{font-size:20px}.stage .gold{font-size:20px;margin:12px 0 8px}h1{font-size:clamp(32px,3.2vw,46px);margin:12px 0 18px}#points p{font-size:20px;line-height:1.35}.stage .tagline{padding-top:16px;font-size:14px}}
@media(max-width:650px){#points{gap:12px}#points p{font-size:18px;padding-left:18px}}

#points p:first-child{color:var(--gold);font-weight:600;margin-bottom:6px}#points p:first-child::before{display:none}#points p:first-child{padding-left:0}@media(min-width:900px) and (max-height:850px){#points{gap:6px}#points p{font-size:19px}#points p:first-child{margin-bottom:2px}}