:root{--cream: #FAF7F2;--ink: #0E0E0E;--muted: #9A9A98;--line: #ECE8E0;--orange: #1A85C8;--orange-soft: #D6ECF8;--dark: #1A85C8}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.app{height:100vh;display:grid;grid-template-rows:64px 1fr}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:14px}.brand-mark{height:29px;width:auto;display:block;object-fit:contain}.brand-name{font-weight:800;letter-spacing:.04em;font-size:18px}.counter{font-size:12px;letter-spacing:.18em;color:#6b6b69;font-variant-numeric:tabular-nums}.progress{position:absolute;left:0;right:0;bottom:-1px;height:3px}.progress-fill{height:100%;background:#1a85c8;width:0%;transition:width .5s cubic-bezier(.6,.2,.2,1)}.stage{display:grid;grid-template-columns:58% 42%;min-height:0;position:relative;background:var(--cream)}.stage:before{content:"";position:absolute;top:0;right:0;width:42%;height:28px;background:#fff;border-bottom:1px solid var(--line);z-index:1}.text-panel{position:relative;padding:56px 80px 120px;display:flex;flex-direction:column;justify-content:center;background:var(--cream);max-width:820px;overflow-y:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:var(--orange-soft);color:var(--orange);font-weight:700;font-size:13px;letter-spacing:.08em;padding:9px 18px 9px 12px;border-radius:999px;margin-bottom:36px}.eyebrow-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--orange);color:#fff;border-radius:6px;font-size:13px;font-weight:800;line-height:1}.header-logo{display:block;width:200px;max-width:100%;height:auto;margin:0 0 18px}.title{font-size:clamp(48px,5.4vw,88px);line-height:.95;font-weight:800;letter-spacing:-.025em;margin:0 0 22px;color:#333}.powered-by{display:inline-flex;align-items:center;gap:10px;margin:0 0 28px;font-size:14px;color:var(--muted);font-style:italic}.powered-by img{height:28px;width:auto;display:block}.subtitle{font-size:22px;font-style:italic;color:var(--muted);margin:0 0 36px;font-weight:500}.body{font-size:17px;line-height:1.6;color:#2a2a28;max-width:560px}.body p{margin:0 0 14px}.body p:last-child{margin-bottom:0}.nav{position:absolute;left:64px;bottom:40px;display:flex;align-items:center;gap:12px}.nav-btn{width:46px;height:46px;border-radius:999px;border:1px solid #d8d3c9;background:#fff;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.nav-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-hint{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:11px;letter-spacing:.18em;color:#8a8a87}.nav-hint kbd{font-family:inherit;font-size:12px;background:#fff;border:1px solid #d8d3c9;border-radius:6px;padding:3px 8px;color:var(--ink)}.media-panel{background:var(--dark);overflow:hidden;position:relative}.media-frame{position:absolute;top:28px;right:0;bottom:0;left:0;background:var(--dark)}.media-frame video,.media-frame img{width:100%;height:100%;object-fit:contain;display:block}.text-panel,.media-frame{transition:opacity .35s ease,transform .35s ease}.text-panel.in,.media-frame.in{opacity:1;transform:translateY(0)}.text-panel.out,.media-frame.out{opacity:0;transform:translateY(8px)}@media (max-width: 960px){.stage{grid-template-columns:1fr;grid-template-rows:1fr 42vh}.stage:before{display:none}.text-panel{padding:56px 32px 110px}.media-frame{top:0;right:0;bottom:0;left:0}.nav{left:28px;bottom:24px}.title{font-size:clamp(40px,9vw,64px)}}