:root{--paper:#edf4fc;--surface:#fff;--ink:#172538;--muted:#52657a;--accent:#0064d9;--rule:#cddbea;--stage:#c9dff8;--font:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3{overflow-wrap:anywhere;letter-spacing:-.055em;min-width:0;font-style:normal;line-height:1.04}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1280px,100% - 80px);margin-inline:auto}.skip{background:var(--surface);z-index:2;padding:12px;position:absolute;top:-80px;left:16px}.skip:focus{top:12px}.mast{justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.wordmark{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark img{border-radius:10px;width:44px;height:44px}nav,footer>div{gap:32px;display:flex}nav a,footer a{white-space:nowrap;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:48px;padding-block:70px 100px;display:grid}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:700}h1{margin-block:24px 28px;font-size:clamp(64px,6.9vw,104px);font-weight:600}h1 span{color:var(--accent)}.lede{color:var(--muted);max-width:32ch;font-size:19px}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.button{min-height:52px;color:var(--surface);background:var(--accent);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:24px;padding:14px 22px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{color:var(--surface);background:var(--ink)}.button:active{transform:translateY(1px)}.text-link{white-space:nowrap;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.platforms{color:var(--muted);margin-top:20px;font-size:12px}.product{background:var(--stage);border-radius:26px;padding:28px}.product__label{letter-spacing:.04em;justify-content:space-between;gap:16px;margin-bottom:26px;font-size:10px;display:flex}.product img{border:1px solid var(--rule);border-radius:10px;width:100%;height:auto;display:block}figcaption{color:var(--muted);margin-top:24px;font-size:12px}.handoff{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;padding-block:84px;scroll-margin-top:32px;display:grid}h2{font-size:clamp(36px,4vw,56px);font-weight:500}.section-heading h2{margin-block:22px}.section-heading>p:last-child{color:var(--muted);max-width:38ch}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--rule);gap:30px;padding-block:26px;display:flex}.steps li:first-child{padding-top:0}.steps li>span{color:var(--accent);padding-top:5px;font-size:12px}h3{margin-bottom:12px;font-size:26px;font-weight:500}.steps p{color:var(--muted)}.details{background:var(--surface);border-radius:26px;padding:48px}dl{margin:30px 0}dl>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:30px;padding-block:20px;display:grid}dt{font-weight:600}dd{color:var(--muted);max-width:70ch;margin:0}footer{justify-content:space-between;gap:24px;padding-block:64px 32px;display:flex}footer a{font-size:14px}@media (width<=900px){.hero{gap:28px}.product{padding:18px}.product__label{flex-direction:column;gap:4px}.handoff{gap:40px}}@media (width<=680px){.wrap{width:calc(100% - 36px)}.mast{gap:12px;padding-block:16px}.wordmark{gap:4px;font-size:17px}nav{gap:12px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:minmax(0,1fr);gap:42px;padding-block:42px 60px}h1{font-size:clamp(62px,15vw,86px)}.product__label{flex-direction:row;font-size:9px}.handoff{grid-template-columns:minmax(0,1fr);padding-block:52px}.details{padding:26px 22px}dl>div{grid-template-columns:minmax(0,1fr);gap:8px}footer{flex-direction:column;gap:16px;padding-top:44px}footer>div{gap:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:active{transform:none}}
