@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--paper:#fff8f8;--ink:#272727;--coral:#e16a51;--blue:#a1d2ff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.header,main{width:min(1080px,calc(100% - 64px));margin:auto}.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2727271a}.header h1{margin:0;font-size:0}.header img{display:block;object-fit:contain;object-position:left;width:190px;height:52px}.header>span{font-size:12px;color:#756c6c}main{padding:22px 0 24px;display:grid;gap:20px}.demo{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:38px;align-items:center}.video-shell{position:relative;width:100%;aspect-ratio:16/9;max-height:calc((100svh - 184px)/2);overflow:hidden;border-radius:18px;background:#171717;isolation:isolate}.video-shell video{display:block;width:100%;height:100%;object-fit:contain}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 18px;border:1px solid #ffffff77;border-radius:100px;background:#fff8f8f0;color:var(--ink);display:flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer;box-shadow:0 5px 25px #0002}.play-button:hover{background:#fff}.play-button svg{width:14px;height:14px}.play-button span{font-size:11px;font-weight:700}.video-shell.started .play-button{display:none}.copy{padding:4px 0}.copy h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:0 0 13px}.copy p{font-size:14px;line-height:1.7;margin:0 0 7px}.copy .formats{font-size:12px;color:#6e6464;margin-top:9px}.price{font-weight:600;font-size:39px;line-height:1.2;letter-spacing:-.05em;margin-top:19px}.price>span{font-size:21px;letter-spacing:-.02em}.price-note{display:block;margin-top:5px;font-size:11px;color:#6e6464}.extra{border-top:1px solid #2727271a;padding-top:20px}.extra .copy{position:relative}.extra .price{color:#b64b37;margin-top:16px}.extra .play-button{background:#a1d2ffed}.extra .play-button:hover{background:#c2e1ff}.badge{display:inline-block;margin-bottom:9px;padding:5px 10px;background:#a1d2ff50;border-radius:8px;font-size:10px;font-weight:600}.extra h2{margin-bottom:9px}.draft-note{display:block;margin-top:11px;font-size:9px;color:#857b7b}
@media(min-width:761px) and (max-height:740px){.header{height:68px}.header img{width:164px;height:44px}main{padding-top:16px;padding-bottom:16px;gap:16px}.extra{padding-top:16px}.video-shell{max-height:calc((100svh - 136px)/2)}.copy h2{font-size:24px;margin-bottom:9px}.copy p{font-size:12px}.copy .formats{font-size:11px;margin-top:6px}.price{font-size:32px;margin-top:12px}.price-note{font-size:10px}.extra .price{margin-top:10px}.badge{padding:4px 8px;margin-bottom:7px;font-size:9px}.draft-note{margin-top:7px;font-size:8px}}
@media(max-width:900px){.demo{gap:25px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.copy h2{font-size:24px}.copy p{font-size:12px}.copy .formats{font-size:11px}.price{font-size:34px}.price-note{font-size:10px}}
@media(max-width:760px){.header,main{width:calc(100% - 32px)}.header{height:74px}.header img{width:145px;height:45px}.header>span{font-size:10px}main{padding-top:20px;gap:28px}.demo{grid-template-columns:1fr;gap:18px}.video-shell{max-height:none;border-radius:14px}.copy{padding:0 2px}.copy h2{font-size:25px;margin-bottom:10px}.copy p{font-size:14px}.copy .formats{font-size:12px;margin-top:7px}.price{font-size:36px;margin-top:16px}.price-note{font-size:11px}.extra{padding-top:25px}.extra .price{margin-top:14px}.draft-note{font-size:10px}.wide{display:none}.play-button{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}