@import url('/previews/chapters.css?v=1');
.connected-bridge{height:calc(var(--connected-height) + var(--connected-distance))}.connected-pin{position:sticky;top:var(--chapter-top);overflow:clip}.connected-intro{position:absolute;top:calc(var(--connected-view)*.18);left:24px;right:24px;text-align:center;z-index:3;pointer-events:none}.connected-intro h2{font:400 clamp(32px,3.4vw,56px)/1.13 Inter,system-ui,sans-serif;letter-spacing:-1.7px;color:#dceef8;margin:0 0 18px}.connected-intro p{font:14px/1.8 Inter,system-ui,sans-serif;color:#9fbdce;margin:0 auto;max-width:520px}.connected-content{position:absolute;inset:0;display:flex;align-items:center;will-change:opacity}.connected-content>section{width:100%;margin:0}.connected-content[inert]{pointer-events:none}.connected-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.connected-preview #page-bg{background:#0b1022}.connected-preview .chapter-controls label{gap:5px}.connected-preview .chapter-controls input[type=checkbox]{width:auto}.connected-preview .feature-card:hover,.connected-preview .plan-card:hover{transform:none}
@media(max-width:750px){.connected-intro{top:calc(var(--connected-view)*.12);left:25px;right:25px}.connected-intro h2{font-size:32px;letter-spacing:-1px}.connected-intro p{font-size:13px}.connected-preview .chapter-controls label{font-size:9px}.connected-content{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.connected-bridge{height:auto}.connected-pin{position:relative;top:auto;height:auto!important}.connected-intro,.connected-particles{display:none}.connected-content{position:relative;opacity:1;visibility:visible}}
.connected-preview .chapter-controls.minimised>#connected-hide{display:block}
.connected-bridge{scroll-margin-top:75px}.connected-content .feature-card,.connected-content .plan-card{will-change:transform,opacity;transition:none}.connected-preview #beta{padding-top:40px;padding-bottom:48px}