*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{cursor:pointer}svg{width:22px;height:22px;flex-shrink:0}[hidden]{display:none!important}
body.is-page[data-page="/presentation"]{--slogan-rest:#fff;--slogan-vis:#00c896;background:#0d1730;color:#fff;font-family:Outfit,sans-serif;line-height:1.5}
body.is-page[data-page="/presentation"] h1,body.is-page[data-page="/presentation"] h2{color:#fff;letter-spacing:-.045em}
body.is-page[data-page="/presentation"] .arena-nav{background:#0d1730;border-bottom:1px solid #ffffff12;font-family:Outfit,sans-serif}
body.is-page[data-page="/presentation"] .arena-nav-inner{min-height:80px}
body.is-page[data-page="/presentation"] .arena-brand img{width:132px}
body.is-page[data-page="/presentation"] :focus-visible{outline:3px solid #4c86ff;outline-offset:5px}
.presentation-layout{width:min(1060px,100%);margin:auto;padding:40px 40px 64px;display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center;min-height:calc(100svh - 80px)}
.eyebrow{color:#c4cfe0;font-size:15px;margin:0 0 24px}
.presentation-copy h1{font-size:clamp(52px,6.1vw,84px);line-height:1.02;font-weight:650;margin:0 0 28px}
.presentation-copy h1 .slogan-vis{color:#00c896}.intro{font-size:21px;line-height:1.55;color:#d2dbee;margin:0 0 28px}.duration{font-size:14px;color:#adbbd2;margin:0 0 24px}
.discover-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:18px;min-height:44px;border-bottom:1px solid #ffffff45;font-size:16px}.discover-link:hover{border-color:#4c86ff;color:#a6c4ff}
.presentation-player{min-width:0;text-align:center}.video-frame{position:relative;width:100%;max-width:360px;aspect-ratio:9/16;margin:auto;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 22px 70px #0004;border:1px solid #ffffff24}
.video-frame video{display:block;width:100%;height:100%;object-fit:contain}
.sound-button{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid #ffffff40;background:#0d1730ed;color:#fff;border-radius:50px;padding:10px 17px;min-height:44px;font-size:14px;box-shadow:0 4px 16px #0003}
.sound-button:hover{background:#1c2e50}.play-button{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;background:#0d1730ef;color:#fff;border:1px solid #ffffff50;border-radius:18px;padding:20px;width:220px;max-width:90%;font-size:16px}.play-button svg{width:36px;height:36px}
.player-status{color:#bac7dd;font-size:13px;line-height:1.5;margin:14px 0 5px;min-height:20px}.save-link{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:44px;font-size:14px}.save-link:hover{color:#a6c4ff}.file-size{color:#adbbd2;font-size:12px}
body.is-page[data-page="/presentation"] footer.foot{background:#0d1730;border-color:#ffffff16;color:#fff;font-family:Outfit,sans-serif;padding-top:42px}body.is-page[data-page="/presentation"] .arena-footer h2{color:#fff}body.is-page[data-page="/presentation"] .arena-footer a,body.is-page[data-page="/presentation"] .arena-footer p{color:#bac7dd}body.is-page[data-page="/presentation"] .arena-footer-brand img{filter:brightness(0) invert(1)}body.is-page[data-page="/presentation"] .arena-footer-bottom{border-color:#ffffff16}
#download-dialog{position:fixed;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:#0d1730;color:#fff;border:1px solid #ffffff24;border-radius:24px;padding:38px 28px 24px;text-align:center;box-shadow:0 30px 100px #0006;font-family:Outfit,sans-serif}#download-dialog::backdrop{background:#050b18c9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;min-height:44px;width:44px;background:transparent;color:#fff;border:0;border-radius:50%}.dialog-close:hover{background:#ffffff15}.dialog-symbol{display:block;width:52px;height:52px;margin:0 auto 25px}.dialog-close+.dialog-symbol{margin-top:6px}#download-dialog .eyebrow{font-size:13px;margin-bottom:15px}#download-dialog h2{font-size:38px;line-height:1.08;margin:0 0 20px;font-weight:600}#download-description{color:#c4cfe0;font-size:16px;margin:0 0 26px}.download-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:#4c86ff;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:16px;padding:14px}.download-button:hover{background:#2455b5;color:#fff}.download-detail{font-size:12px;color:#adbbd2;margin:10px 0 18px}.replay-button{min-height:44px;border:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:15px}.app-link{display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px;font-size:14px;color:#c4cfe0;text-decoration:none;border-top:1px solid #ffffff20;margin-top:18px;padding-top:15px}.app-link:hover{color:#fff}
@media(min-width:861px) and (max-height:850px){.presentation-layout{grid-template-columns:1fr minmax(250px,310px);padding-top:26px;padding-bottom:26px}.video-frame{max-width:calc((100svh - 210px)*9/16)}}
@media(max-width:860px){body.is-page[data-page="/presentation"] .arena-nav-inner{min-height:70px}body.is-page[data-page="/presentation"] .arena-nav .arena-menu{top:70px;background:#0d1730}body.is-page[data-page="/presentation"] .arena-brand img{width:120px}.presentation-layout{grid-template-columns:1fr;gap:26px;padding:20px 20px 40px;min-height:0}.presentation-player{grid-row:1}.video-frame{width:min(100%,calc((100svh - 210px)*9/16));max-width:330px;border-radius:14px}.presentation-copy{text-align:center}.presentation-copy h1{font-size:42px;line-height:1.12;margin:0 0 18px}.presentation-copy h1 br{display:none}.presentation-copy h1 br::after{content:" "}.presentation-copy h1 .slogan-last{display:block}.presentation-copy .eyebrow{margin-bottom:16px;font-size:14px}.intro{font-size:18px;margin-bottom:16px}.duration{margin-bottom:12px}.player-status{margin-top:10px}.save-link{font-size:13px}.file-size{font-size:11px}}
@media(max-height:600px) and (max-width:860px){.video-frame{width:min(100%,240px)}.presentation-layout{padding-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}