*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0b0f;color:#f3f3f3;font-family:system-ui,sans-serif}.section{height:100vh;position:relative;padding-top:0;margin-top:0}.sticky{position:sticky;top:0;height:100vh;overflow:hidden}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;inset:auto 0 5vh 0;display:flex;justify-content:center;pointer-events:none}.overlay .pill{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.7rem 1rem;border-radius:9999px;font-weight:600;letter-spacing:.2px}.after{min-height:120vh;display:grid;place-items:center;color:#c9d2ff}canvas{display:block;width:100%;height:100%}.mockup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:min(80vh,844px);width:calc(min(80vh,844px)*.462);border-radius:50px;border:4px solid rgba(255,255,255,.7);background:#ffffff0d;box-shadow:0 0 40px #fff3;pointer-events:none;opacity:0;visibility:hidden;will-change:transform,opacity}