:root{color-scheme:dark}body{background:#0e1013;color:#dce2e9}.top{height:100px;border-color:#25292f}.wordmark{color:#dce2e9}.top>div>a:not(.button){color:#8a949f}.top select{color:#9aa5b1}.button{background:#a3cce9;color:#152330;border:1px solid #bddcf21c;box-shadow:none;border-radius:6px}.button:hover{box-shadow:0 0 36px #a3cce915;background:#b8dbf5}.button.small{background:transparent;border-color:#39434d;color:#c0d0dd}.hero{padding-top:65px;padding-bottom:85px;min-height:730px;grid-template-columns:1fr 1.1fr;gap:0}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(75px,8.6vw,126px);font-weight:500;line-height:.98;letter-spacing:-6.5px;margin:30px 0 35px}h1 em{color:#9ac5e6}.hero-copy>p{color:#818e9d;font-size:14px;line-height:1.85;max-width:350px}.hero-actions{margin:30px 0;gap:28px}.text-link{color:#a3adb9;font-size:11px}.hero-note{color:#5e6977;max-width:280px;line-height:1.8}.eyebrow{color:#7d8b99;font-size:9px;letter-spacing:2px}.eyebrow>span{background:#9ac5e6;box-shadow:0 0 10px #9ac5e650}.motion{height:560px;margin-left:-45px;position:relative;touch-action:pan-y}.motion canvas{width:100%;height:100%;display:block;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.motion:before{content:'';position:absolute;inset:40px 10px;background-image:linear-gradient(#7894b008 1px,transparent 1px),linear-gradient(90deg,#7894b008 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);pointer-events:none}.motion-coordinate{position:absolute;right:5%;top:12px;font-family:monospace;font-size:8px;letter-spacing:2px;color:#546171}.motion-cross{position:absolute;color:#445260;font-size:20px;font-family:monospace;pointer-events:none}.cross-top{left:10%;top:45px}.cross-bottom{right:5%;bottom:60px}.motion-caption{display:flex;align-items:center;gap:10px;left:13%;bottom:5px;color:#6c7c8b;font-size:8px;letter-spacing:2px}.live-dot{width:4px;height:4px;border-radius:50%;background:#9ac5e6;box-shadow:0 0 10px #9ac5e680}#motion-pause{position:absolute;right:8%;bottom:0;width:32px;height:32px;border-radius:50%;border:1px solid #303a44;background:#11161b;color:#8ca2b7;cursor:pointer}.benefits{background:#111418;border-top:1px solid #242a31;border-bottom:1px solid #242a31;padding-top:80px;padding-bottom:80px;gap:100px}.feature-icon{color:#91b5d0;font-size:22px}.feature-grid h3{font-weight:500}.feature-grid p,.steps p,.section-intro>p,.docs p{color:#7e8a99}.feature-grid article{padding:0 0 12px}.section-intro h2,.how h2,.docs h2{font-weight:500;letter-spacing:-1.4px}.steps b{color:#7e9bb2;border-color:#2c343d}.steps h3{font-weight:500}.how{padding-top:95px;padding-bottom:95px}.docs{background:#101216;border-color:#242a31}.docs details,footer{border-color:#2a3038}.docs a{color:#94b7d1}.docs summary{color:#a9b5c2}footer{background:#101216;color:#5f6c7b}footer .wordmark{color:#a1aeba}.reveal{transform:translateY(35px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.3,1)}.feature-grid article{transition:translate .4s}.feature-grid article:hover{translate:0 -4px}.top a:not(.wordmark){transition:color .2s,background .2s}.top a:hover{color:#c0d9ec}@media(min-width:1500px){.hero{min-height:780px}.motion{height:620px}}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;min-height:650px;padding-top:70px}.hero h1{font-size:84px;letter-spacing:-5px}.motion{height:470px;margin-left:-80px;width:calc(100% + 80px)}.hero-copy>p{font-size:13px}.benefits{gap:40px}.hero-actions{gap:18px}}@media(max-width:650px){.top{height:80px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:40px;gap:0}.hero h1{font-size:85px;letter-spacing:-5px}.hero-copy>p{max-width:315px}.hero-note{font-size:9px}.motion{width:100%;height:360px;margin:15px auto 0}.motion-caption{display:flex}.motion-coordinate{font-size:7px}.hero-actions .button{font-size:12px;padding:17px 20px}.benefits{padding-top:55px;padding-bottom:55px}.feature-grid article{border-color:#252d35}.section-intro h2,.how h2{font-size:32px}.how{padding-top:65px;padding-bottom:65px}.top .button.small{font-size:10px}.docs{gap:20px}.cross-top{top:20px}}@media(prefers-reduced-motion:reduce){.reveal{transform:none}.feature-grid article:hover{translate:none}}