@font-face{font-family:VB Noto;src:url(media/dac8e68fe43fca59d522fa5f763322cfb4a919c28957656c58e7836d915307d0.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:VB Noto;src:url(media/cd56f33cb8d98af30b73edc2337b7755e61592ec5ce5d9f69c55d724416b01db.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--vb-navy:#07334f;--vb-turquoise:#00b5c6;--vb-yellow:#ffc337}
body,button,input,select,textarea{font-family:'VB Noto',sans-serif}h1,h2,h3,h4{font-family:'VB Noto',sans-serif;font-weight:600;letter-spacing:-.035em}
.vb-logo{width:100%;height:auto;display:block;overflow:visible}.vb-logo g path{transform-box:fill-box;transform-origin:center;animation:vb-breeze 1.3s cubic-bezier(.2,.7,.2,1) both}.vb-logo g path:nth-child(2){animation-delay:.16s}
@keyframes vb-breeze{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bf8610;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--pine:#07334f;--dark:#062d45;--cream:#f5f9fb;--sun:#ffc337;--mint:#dff3f5;--green:#087d8d;--font:'VB Noto',sans-serif}
body{font-family:'VB Noto',sans-serif;background:#e9f1f6;color:#07334f}h1,h2,h3,h4{font-family:'VB Noto',sans-serif}.topline{background:#fff;color:#07334f;border-bottom:1px solid #d5e3eb}.topline .brand img{width:37px;height:37px;border-radius:9px;object-fit:contain;background:none;padding:0}.brand-name{color:#07334f;font-weight:600;letter-spacing:-.03em}.top-caption{font-size:11px;color:#526f80}.top-tools button,.top-tools label{color:#07334f}.top-tools .tool{border:1px solid #d5e3eb;background:#fff;border-radius:7px}.academy-link{color:#096d82;text-decoration:none;font-size:12px;font-weight:600;padding:9px 13px}.stage{box-shadow:0 20px 55px #07334f18}.scene{font-family:'VB Noto',sans-serif}.scene h2{font-size:clamp(30px,3.5vw,57px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.scene h2 em{font-style:normal}.scene.dark{background:radial-gradient(ellipse at 90% 10%,#155a7144,transparent 55%),#062d45;color:#f5f9fb}.scene.paper{background:#fff;color:#07334f}.scene.soft{background:#e9f5f7;color:#07334f}.scene.gold{background:#f5f8fa;color:#07334f}.scene.dark em,.scene.dark .kicker{color:#69d6df}.scene.dark .subtitle{color:#d9eaf1}.scene .subtitle{font-size:clamp(16px,1.45vw,22px);line-height:1.65;max-width:640px}.scene .joke,.scene .story-aside{font-size:clamp(13px,1.13vw,17px);line-height:1.6;font-style:normal;opacity:.9;border-left:2px solid #00b5c6;padding-left:17px;max-width:560px}.scene .scene-note{font-size:11px;line-height:1.55}.scene .eyebrow,.scene .kicker{font-size:11px;font-weight:600;letter-spacing:.17em}.scene .demo-label{font-size:10px;letter-spacing:.1em}.scene .screen,.scene .demo-window{border-radius:12px;box-shadow:0 16px 38px #07334f10}.scene .screen-header,.demo-toolbar{font-size:13px}.screen-body,.demo-content{font-size:15px}.scene .status,.scene .approval,.scene .decision-strip{font-size:12px}.scene .demo-content h3,.scene .screen h3{font-size:23px}.scene .module-name{font-size:clamp(16px,1.6vw,23px);font-weight:400}.scene .module-name small{color:#70ccd7}.module-heading{font-size:clamp(32px,4vw,62px)!important}.scene .hero-brand{display:block;margin-bottom:20px}.vb-logo-plate{background:#fff;border-radius:12px;padding:12px 25px;width:min(470px,80%);display:block}.hero-brand .vb-logo-plate{width:min(570px,72%)}.hero-tagline{font-size:clamp(30px,3.6vw,58px)!important;line-height:1.15!important;font-weight:400}.hero-punch{font-size:16px!important;line-height:1.6}.hero-punch strong{font-size:20px!important}.closing-content .vb-logo-plate{margin:0 auto 25px;max-width:350px}.closing-content h2{font-size:clamp(34px,4.1vw,63px)}.closing-joke{font-size:17px!important;line-height:1.7}.film-intro,.closing-end{font-size:12px!important}.cover{background:radial-gradient(ellipse at 90% 15%,#d8f3f7,transparent 48%),#f7fafc;color:#07334f;gap:30px}.cover .cover-logo{width:250px;max-width:65%;height:auto;background:none;border:0;border-radius:0;padding:0;margin-bottom:24px;object-fit:contain}.cover h1{font-size:clamp(35px,4vw,65px);line-height:1.14;letter-spacing:-.045em;margin-bottom:22px;color:#07334f}.cover h1 em{color:#087d8d;font-style:normal}.cover p{font-size:17px;line-height:1.75;max-width:650px}.cover .eyebrow{font-size:10px;letter-spacing:.16em;color:#087d8d}.cover small{font-size:11px;color:#506777;line-height:1.65}.cover-side{border-left:1px solid #c9dfe8;padding-left:40px;color:#07334f}.cover-side .duration{font-size:clamp(55px,7vw,112px);font-weight:400;letter-spacing:-.065em;color:#07334f}.cover-side .duration-label{font-size:13px;color:#506777}.cover-side blockquote{font-size:clamp(18px,2vw,28px);font-weight:400;line-height:1.65;margin:26px 0 0;color:#07334f}.launch{gap:10px}.launch button{font-size:13px;border-radius:8px;padding:13px 17px;background:#07334f;color:#fff;border:1px solid #07334f}.launch .secondary{color:#07334f;background:#fff;border-color:#c9dfe8}.reading-controls,.controls{background:#fff;color:#07334f;border-color:#d5e3eb}.reading-controls button,.controls button{color:#07334f;background:#f4f8fa;border:1px solid #d5e3eb;border-radius:7px}.controls .play{background:#07334f;color:#fff}.reading-hint,.scene-clock small{color:#526f80}.scene-clock-track{background:#e4edf2}.scene-clock-track span{background:#00a4b5}.controls .time{color:#07334f}.modal-panel{background:#fff;color:#07334f}.modal-panel button{color:#07334f;background:#f2f7fa;border-color:#d3e3eb}.help-copy{line-height:1.7}.scene-grid button{border-radius:8px}.scene[hidden] .vb-logo g path{animation:none}.floating-word{background:#fff!important;color:#07334f!important;box-shadow:0 8px 20px #07334f08!important;border:1px solid #d9e5ec}.punchline{font-size:20px!important;line-height:1.6}.punchline strong{font-size:20px!important}.scene .chaos h2{font-size:clamp(35px,4vw,62px)}
@media(max-width:900px){.top-caption{display:none}.cover{gap:20px}.cover-side{padding-left:22px}.cover .cover-logo{width:195px;margin-bottom:16px}.cover p{font-size:15px}.launch button{font-size:12px}.cover h1{font-size:38px}.scene h2{font-size:34px}.scene .subtitle{font-size:16px}.scene .joke,.scene .story-aside{font-size:13px}.scene .scene-note{font-size:10px}}
@media(max-width:650px){.cover{display:block;overflow:auto}.cover-side{display:none}.cover h1{font-size:37px}.cover .cover-logo{width:180px}.launch{display:flex;flex-wrap:wrap}.topline{flex-wrap:wrap;height:auto}.top-tools{flex-wrap:wrap}.top-tools button{font-size:11px}.academy-link{font-size:11px}.hero-brand .vb-logo-plate{width:85%}.scene h2{font-size:31px}.hero-tagline{font-size:35px!important}.hero-punch{font-size:14px!important}.hero-punch strong{font-size:16px!important}.scene .scene-note{position:relative;left:auto;bottom:auto;margin-top:22px}.closing-content .vb-logo-plate{width:75%}}
