:root{--sero-black: #050505;--sero-green: #00bf66;--font-sero: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--stage-max: 1180px;--stage-pad-x: clamp(18px, 5vw, 72px);--visual-top: clamp(98px, 21.4svh, 184px);--title-top: clamp(284px, 50.5svh, 372px);--subtitle-top: calc(var(--title-top) + clamp(48px, 6.5svh, 58px));--action-top: calc(var(--title-top) + clamp(120px, 17.4svh, 148px));--video-thumb-top: clamp(124px, 16.6svh, 144px);--video-thumb-width: min( calc(100vw - 120px) , 420px);--video-thumb-height: calc(var(--video-thumb-width) * .5625);--video-title-top: var(--doc-title-top);--video-progress-top: calc(var(--video-title-top) + clamp(60px, 8.7svh, 74px));--video-primary-top: var(--doc-primary-top);--video-secondary-top: var(--doc-secondary-top);--doc-title-top: var(--title-top);--doc-subtitle-top: var(--subtitle-top);--doc-primary-top: var(--action-top);--doc-secondary-top: calc(var(--doc-primary-top) + 61px);--button-width: clamp(326px, 31vw, 390px);--button-height: 46px;--button-font: clamp(12.2px, 1vw, 14px);--sero-subtitle-size: clamp(17px, 1.45vw, 21px);--ease-sero: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}html{overflow:hidden;touch-action:pan-y;-webkit-text-size-adjust:100%}body{min-height:100svh;font-family:var(--font-sero);color:var(--sero-black);background:#fff;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:pan-y}button{border:0;cursor:pointer;user-select:none;font:inherit}img,svg{display:block}.ost-root{width:100%;height:100svh;overflow:hidden;padding:0 var(--stage-pad-x);background:#fff}.ost-screen{position:relative;width:min(var(--stage-max),calc(100vw - 2 * var(--stage-pad-x)));height:100svh;min-height:560px;margin:0 auto;overflow:hidden;text-align:center;animation:ostScreenIn .3s var(--ease-sero) both}@keyframes ostScreenIn{0%{opacity:0;transform:translateY(8px) scale(.994);filter:blur(1.5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.sero-back-button{position:fixed;z-index:72;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));width:48px;height:48px;border-radius:999px;display:grid;place-items:center;color:var(--sero-black);background:#ffffffd1;border:1px solid rgba(0,0,0,.07);box-shadow:0 12px 32px #0000000e,inset 0 1px #fffffff5;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);transform:translateZ(0);transition:transform .15s var(--ease-out),opacity .15s var(--ease-out),background .15s var(--ease-out)}.sero-back-button svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;fill:none;transform:translate(-1px)}.sero-back-button:active{transform:scale(.965) translateZ(0);background:#fafafbf0}.ost-info-button{position:fixed;z-index:72;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));width:48px;height:48px;border-radius:999px;display:grid;place-items:center;color:var(--sero-black);background:#ffffffd1;border:1px solid rgba(0,0,0,.07);box-shadow:0 12px 32px #0000000e,inset 0 1px #fffffff5;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);transform:translateZ(0);transition:transform .15s var(--ease-out),opacity .15s var(--ease-out),background .15s var(--ease-out)}.ost-info-button:active{transform:scale(.965) translateZ(0);background:#fafafbf0}.ost-info-icon{width:25px;height:25px;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;fill:none}.sero-button{width:var(--button-width);max-width:100%;height:var(--button-height);min-width:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:var(--button-font);line-height:1;font-weight:760;letter-spacing:-.022em;transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),background .14s var(--ease-out),opacity .14s var(--ease-out)}.sero-button:active{transform:scale(.985)}.sero-button:disabled{cursor:default;opacity:.42;transform:none;box-shadow:none}.sero-button-primary{background:var(--sero-black);color:#fff;box-shadow:0 18px 48px #00000024}.sero-button-primary:not(:disabled):hover{box-shadow:0 24px 64px #00000029}.sero-button-secondary{background:#fff;color:var(--sero-black);border:1px solid rgba(0,0,0,.18);box-shadow:0 14px 36px #00000009,inset 0 1px #ffffffe6}.ost-button-green{background:var(--sero-green);color:#fff;box-shadow:0 18px 48px #00bf662e}.ost-button-green:not(:disabled):hover{box-shadow:0 24px 64px #00bf663d}.ost-button-green:disabled{background:var(--sero-green)}.sero-dual-actions{display:grid;justify-items:center;gap:15px}.sero-footer{position:absolute;left:0;right:0;bottom:clamp(38px,6.2svh,68px);margin:0;font-size:clamp(10px,.72vw,13px);line-height:1;font-weight:800;letter-spacing:.08em;color:var(--sero-black)}.sero-title,.sero-subtitle,.sero-action-slot,.ost-doc-primary,.ost-doc-secondary{position:absolute;left:50%;transform:translate(-50%)}.sero-title{top:var(--title-top);width:min(100%,760px);margin:0;font-size:clamp(30px,3.35vw,42px);line-height:1.04;font-weight:760;letter-spacing:-.052em;text-wrap:balance}.sero-subtitle{top:var(--subtitle-top);width:min(100%,620px);margin:0;font-size:var(--sero-subtitle-size);line-height:1.28;font-weight:730;letter-spacing:-.026em;text-wrap:balance}.sero-action-slot{top:var(--action-top);width:min(100%,520px);display:grid;place-items:center}.ost-doc-title{top:var(--doc-title-top)}.ost-doc-subtitle{top:var(--doc-subtitle-top)}.ost-doc-primary{top:var(--doc-primary-top)}.ost-doc-secondary{top:var(--doc-secondary-top)}.ost-doc-primary,.ost-doc-secondary,.ost-primary-button,.ost-secondary-button{width:var(--button-width);left:50%;transform:translate(-50%)}.ost-doc-primary:hover,.ost-doc-secondary:hover,.ost-primary-button:hover,.ost-secondary-button:hover,.ost-doc-primary:not(:disabled):hover,.ost-doc-secondary:not(:disabled):hover,.ost-primary-button:not(:disabled):hover,.ost-secondary-button:not(:disabled):hover,.ost-doc-primary:active,.ost-doc-secondary:active,.ost-primary-button:active,.ost-secondary-button:active,.ost-doc-primary:disabled,.ost-doc-secondary:disabled,.ost-primary-button:disabled,.ost-secondary-button:disabled{left:50%;width:var(--button-width);transform:translate(-50%)}.ost-home{position:absolute;inset:0}.ost-video-frame{position:absolute;top:var(--video-thumb-top);left:50%;width:var(--video-thumb-width);height:var(--video-thumb-height);transform:translate(-50%);border-radius:12px;overflow:visible;background:#fff;box-shadow:0 8px 26px #00000026,0 2px 8px #0000000d}.ost-thumb{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;user-select:none;pointer-events:none}.ost-arrow{position:absolute;top:calc(var(--video-thumb-top) + (var(--video-thumb-height) / 2) - 18px);width:36px;height:36px;display:grid;place-items:center;background:transparent;border:none;padding:0;color:#00000061;transition:color .14s var(--ease-out)}.ost-arrow-prev{left:calc(50% - (var(--video-thumb-width) / 2) - 46px)}.ost-arrow-next{right:calc(50% - (var(--video-thumb-width) / 2) - 46px)}.ost-arrow:active{color:#000000b8;transform:scale(.9)}.ost-arrow svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;fill:none}.ost-video-title{position:absolute;top:var(--video-title-top);left:50%;transform:translate(-50%);width:min(100%,520px);margin:0;font-size:clamp(30px,3.35vw,42px);line-height:1.04;font-weight:760;font-style:normal;letter-spacing:-.052em;text-wrap:balance;animation:ostVideoTitleIn .22s var(--ease-sero) both}@keyframes ostVideoTitleIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ost-progress{position:absolute;top:var(--video-progress-top);left:50%;transform:translate(-50%);width:min(55%,200px);height:5px;background:#00000017;border-radius:99px;overflow:hidden}.ost-progress-fill{height:100%;background:var(--sero-green);border-radius:99px;width:0%}.ost-primary-button,.ost-secondary-button{position:absolute;left:50%;transform:translate(-50%)}.ost-primary-button{top:var(--video-primary-top)}.ost-secondary-button{top:var(--video-secondary-top)}.ost-menu-slot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,520px);display:grid;gap:13px;place-items:center;margin-top:-20px}.ost-menu-slot .sero-button{height:56px;font-size:clamp(12.6px,1.05vw,15px)}@media (max-width: 820px){:root{--stage-pad-x: 16px;--visual-top: clamp(104px, 20.6svh, 180px);--title-top: clamp(306px, 44.5svh, 376px);--subtitle-top: calc(var(--title-top) + 48px);--action-top: calc(var(--title-top) + 120px);--video-thumb-top: 192px;--video-thumb-width: min( calc(100vw - 86px) , 320px);--video-thumb-height: calc(var(--video-thumb-width) * .5625);--doc-title-top: var(--title-top);--doc-subtitle-top: var(--subtitle-top);--doc-primary-top: var(--action-top);--doc-secondary-top: calc(var(--doc-primary-top) + 58px);--video-title-top: var(--doc-title-top);--video-progress-top: calc(var(--video-title-top) + 60px);--video-primary-top: var(--doc-primary-top);--video-secondary-top: var(--doc-secondary-top);--button-width: min( calc(100vw - 44px) , 344px);--button-height: 45px;--button-font: clamp(11.8px, 3.25vw, 12.8px);--sero-subtitle-size: clamp(16px, 4.2vw, 18px)}.ost-screen{width:100%;min-height:620px}.sero-title{font-size:clamp(27px,7vw,34px)}.sero-footer{bottom:clamp(40px,6svh,58px);font-size:9.5px;letter-spacing:.07em}.sero-back-button{width:44px;height:44px}.sero-back-button svg{width:23px;height:23px}.ost-info-button{width:44px;height:44px}.ost-info-icon{width:23px;height:23px}.ost-video-title{font-size:clamp(27px,7vw,34px)}.ost-menu-slot .sero-button{height:52px}.sero-dual-actions{gap:13px}}@media (max-width: 390px){:root{--stage-pad-x: 14px;--button-width: min( calc(100vw - 36px) , 324px);--button-font: 11.35px}}@media (max-height: 700px){:root{--video-thumb-top: 104px;--video-thumb-width: min( calc(100vw - 120px) , 340px)}}