.walkthrough-page{color:#f5f7fa;background:#05060a;flex-direction:column;align-items:center;gap:max(16px,min(3vw,32px));min-height:100vh;padding:max(16px,min(4vw,48px)) max(16px,min(4vw,56px)) 88px;display:flex}.walkthrough-menu{justify-content:flex-start;width:100%;max-width:900px;display:flex}.walkthrough-menu__link{color:#e2f4ff;background:rgba(255,255,255,.08);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 10px 30px rgba(0,0,0,.2)}.walkthrough-menu__link:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.walkthrough-menu__link:focus-visible{outline-offset:4px;outline:2px solid #9ae6ff}.walkthrough-copy{text-align:center;flex-direction:column;gap:6px;max-width:720px;display:flex}.walkthrough-copy h1{letter-spacing:-.02em;margin:0;font-size:max(2rem,min(3.1vw,2.6rem));font-weight:600}.walkthrough-copy h3{color:rgba(245,247,250,.75);margin:0;font-size:max(1.05rem,min(1.9vw,1.3rem));font-weight:400}.walkthrough-player{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;max-width:800px;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.4)}.walkthrough-player--spotlight{transform:scale(.99);box-shadow:0 0 0 999px rgba(0,0,0,.55)}mux-player{--controls:none;border-radius:inherit;width:100%;height:100%;display:block}mux-player::part(media){object-fit:cover}mux-player::part(control-bar){display:none!important}mux-player::part(controls){display:none!important}mux-player::part(play-button){display:none!important}mux-player::part(time-range){display:none!important}.walkthrough-player__overlay{color:#f5f7fa;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:rgba(11,13,19,.75);border:1px solid rgba(245,247,250,.25);border-radius:999px;justify-content:center;align-items:center;width:140px;height:64px;margin:auto;font-size:1rem;font-weight:600;transition:opacity .25s,transform .25s,background .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(12px)}.walkthrough-player__overlay--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.walkthrough-player__overlay:focus-visible{outline:none}.walkthrough-player__overlay:hover{background:rgba(18,21,32,.85)}.walkthrough-player__toast{color:rgba(245,247,250,.9);background:rgba(15,18,27,.9);border-radius:999px;padding:10px 16px;font-size:.875rem;position:absolute;bottom:20px;right:20px;box-shadow:0 10px 30px rgba(0,0,0,.35)}mux-player:focus{box-shadow:none;outline:none}mux-player:focus-visible{box-shadow:none;outline:none}.walkthrough-player__error{color:#ffc9c9;text-align:center;margin-top:12px;font-size:.95rem}.walkthrough-cta__button{color:#05060a;background:#38bdf8;border-radius:999px;justify-content:center;align-items:center;width:min(100%,320px);min-height:52px;padding:0 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.walkthrough-cta__button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(107,116,255,.45)}.walkthrough-cta__button:focus-visible{outline-offset:4px;outline:3px solid #f5f7fa}@media (max-width:768px){.walkthrough-page{padding-bottom:80px}.walkthrough-player__overlay{width:120px;height:56px;font-size:.875rem}}