:root{--blue:#0a4fc4;--blue-dark:#061b48;--blue-soft:#eef6ff;--ink:#17211d;--muted:#5d6a64;--line:#d7e7f8;--paper:#fff;--soft:#f6faff}*{box-sizing:border-box}html{background:var(--blue-soft)}body{color:var(--ink);background:var(--blue-soft);margin:0;font-family:Arial,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.heroBand{background:var(--blue-soft);min-height:100svh}.mobileShell{background:var(--blue-soft);width:min(100%,430px);margin:0 auto}.heroLayout{display:grid}h1,h2,p{overflow-wrap:anywhere}.heroVisual{width:100%;margin:0;overflow:hidden}.heroVisualImage{width:100%;height:auto;display:block}.videoPanel{background:var(--blue-soft);color:var(--ink);padding-top:20px}.videoIntro{text-align:center;width:calc(100% - 32px);margin:0 auto 12px}.videoIntro p{color:var(--blue);margin:0 0 4px;font-size:12px;font-weight:800;line-height:1.5}.videoIntro h2{color:var(--blue-dark);margin:0;font-size:18px;line-height:1.5}.downCue{color:#0ab4ff;margin-top:5px;font-size:16px;line-height:1;display:block}.configPanel{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:320px;padding:36px 22px;display:grid}.configPanel h2,.configPanel p{margin:0}.configPanel p{color:var(--muted);line-height:1.7}.videoFrame{aspect-ratio:16/9;background:#070908;border-radius:10px;width:calc(100% - 32px);margin:0 auto;overflow:hidden;box-shadow:0 18px 34px #061b482e}.videoFrame iframe{border:0;width:100%;height:100%;display:block}.watchStatus{background:var(--blue-soft);margin:0 auto;padding:16px 18px 32px}.watchStatus[data-state=unlocked]{animation:.42s ease-out both revealCta}.bookingPlaceholder{border:1px solid var(--line);width:100%;min-height:74px;color:var(--blue-dark);text-align:center;background:#ffffffdb;border-radius:12px;place-items:center;gap:4px;padding:14px 16px;display:grid}.bookingPlaceholder p{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.6}.bookingPlaceholder .placeholderKicker{color:var(--blue);font-size:12px;font-weight:900}.statusMessage{max-width:330px;color:var(--muted);text-align:center;margin:0 auto 14px;font-size:13px;font-weight:600;line-height:1.8}.successMessage{color:var(--blue-dark);font-weight:800}.bookingButton{color:#fff;width:100%;min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#0a4fc4,#0ab4ff);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 14px 30px #0a4fc43d}.bookingButton svg{flex:none}@keyframes revealCta{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:720px){body{background:var(--soft)}.heroBand{background:var(--soft);padding:30px 0}.mobileShell{border:1px solid var(--line);border-radius:14px;width:min(100%,760px);overflow:hidden;box-shadow:0 18px 42px #061b481f}.videoIntro,.videoFrame{width:calc(100% - 56px)}.videoIntro h2{font-size:22px}.watchStatus{padding-left:28px;padding-right:28px}}@media (max-width:430px){.mobileShell{width:100%}}