:root{--background:#080f17;--foreground:#eaf3fa;--card:#101e2a;--primary:#46d4fb;--muted-foreground:#a5b8c8;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #82e8ff;outline-offset:5px}main,.masthead,footer{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.masthead{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #263441}.brand{font-size:28px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--primary)}nav{display:flex;gap:30px;font-size:14px;color:#bccbd7}nav a:hover{color:#46d4fb}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;padding:92px 0 76px;align-items:center}.eyebrow,.index{color:#6edcf8;font-size:12px;font-weight:700;letter-spacing:1.6px}.eyebrow{margin:0 0 20px}h1{font-size:clamp(42px,5.3vw,70px);line-height:1.07;letter-spacing:-3px;margin:0 0 28px;font-weight:700}h1 span{color:#76d9f3}p{margin:0 0 20px}.lead{font-size:19px;color:#b6c6d3;max-width:470px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;background:#46d4fb;color:#06131f;font-weight:700;font-size:16px;padding:15px 24px;border-radius:6px;min-height:54px}.button:hover{background:#8ee9ff}.note{color:#9fb2c2;font-size:14px;margin:15px 0 0}.download-card{padding:32px;background:linear-gradient(145deg,#172b3b,#0e1b27);border:1px solid #355065;border-radius:14px;box-shadow:0 18px 70px #0004;scroll-margin-top:30px}.download-card>p{color:#b4c4d1}.app-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.app-heading .eyebrow{margin:0 0 5px;font-size:12px}.app-heading img{object-fit:contain}.app-heading h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.5px}dl{margin:24px 0}dl>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #304454;padding:10px 0;font-size:14px}dt{color:#9db3c3}dd{margin:0;text-align:right}.wide{width:100%}details{margin-top:22px;border-top:1px solid #304454;padding-top:15px;font-size:14px}summary{cursor:pointer;color:#cbdbe6}details p{margin:14px 0}code{font-size:12px;overflow-wrap:anywhere;color:#a9dfec}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:38px 0 48px;border-top:1px solid #283846;border-bottom:1px solid #283846}.index{color:#839fac;font-size:12px}.features h2{font-size:21px;margin:14px 0 10px;letter-spacing:-.3px}.features p{color:#a7bccb;margin:0}.getting-started{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:70px 0}.getting-started h2{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:0}.getting-started ol{margin:0;padding-left:24px}.getting-started li{padding-left:18px;margin-bottom:25px}.getting-started li::marker{color:#46d4fb}.getting-started h3{font-size:18px;margin:0 0 5px}.getting-started p{color:#a7bccb;margin:0}.beta-note{border-left:3px solid #46d4fb;background:#102231;padding:24px 28px;margin-bottom:60px}.beta-note p{color:#aec2d1;margin:7px 0 0}footer{border-top:1px solid #283846;padding-top:28px;padding-bottom:36px;display:flex;align-items:center;gap:24px}footer p{font-size:13px;color:#8fa8ba;margin:0}footer p:last-child{margin-left:auto;max-width:365px}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:38px;padding-top:50px}.intro{max-width:580px}.features{gap:24px}.getting-started{gap:35px}.app-heading img{width:64px;height:64px}h1{font-size:54px}}@media(max-width:580px){main,.masthead,footer{padding-left:22px;padding-right:22px}nav{gap:18px}nav a:first-child{display:none}.hero{padding:42px 0}.features{grid-template-columns:1fr;gap:28px}.download-card{padding:24px}.getting-started{grid-template-columns:1fr;padding:48px 0}.getting-started h2{font-size:34px}footer{flex-wrap:wrap;gap:12px}footer p:last-child{margin:0;max-width:none;width:100%}h1{font-size:46px;letter-spacing:-2px}.app-heading{gap:12px}.app-heading h2{font-size:22px}dl>div{flex-wrap:wrap}dd{text-align:left}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}