:root{color-scheme:light dark;--bg:#edf6f4;--ink:#112d35;--muted:#49666c;--surface:rgba(255,255,255,.67);--line:rgba(21,72,79,.15);--accent:#08777c;--mint:#bdf4d4;--shadow:0 25px 90px rgba(20,78,84,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 12%,#bcebdd 0,transparent 42%),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.shell{max-width:1200px;margin:auto;padding:0 40px}.top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0}.brand{display:flex;gap:12px;align-items:center;font-weight:750;text-decoration:none;font-size:20px}.brand img{border-radius:12px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:absolute;top:-100px;background:var(--bg);padding:12px;z-index:9}.skip:focus{top:0}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:75px 0 110px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:20px 0}h1{font-size:clamp(48px,6.2vw,82px);font-weight:760}h2{font-size:clamp(34px,4vw,54px)}h3{font-size:26px}.lead{font-size:20px;max-width:480px;color:var(--muted)}.button{display:inline-flex;gap:40px;align-items:center;text-decoration:none;background:var(--ink);color:var(--bg);border-radius:100px;padding:15px 25px;margin-top:14px;font-weight:650}.status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}.glass{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.demo{padding:28px;border-radius:36px;transform:rotate(2deg);text-align:center}.demo-head{display:flex;align-items:center;gap:12px;text-align:left;font-weight:700}.demo-head img{border-radius:16px}.demo .eyebrow{margin-top:32px}.orb{display:grid;place-items:center;margin:20px auto;width:110px;height:110px;background:linear-gradient(145deg,var(--mint),#51c4c1);border:1px solid #ffffff90;border-radius:34px;font-size:70px;color:#fff;box-shadow:0 15px 35px #00888820}.demo h2{font-size:32px}.demo-button{padding:12px;background:var(--accent);color:white;border-radius:30px;font-weight:600;margin:24px 0 16px}.demo-row{display:flex;justify-content:space-between;padding:12px 3px;border-bottom:1px solid var(--line);font-size:14px}.caption{font-size:11px;color:var(--muted);margin:20px 0 0}.journey{padding:35px 0 80px;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px}.number{font-size:12px;letter-spacing:.06em;color:var(--accent);font-weight:700}.steps p,.radar p,.closing>p{color:var(--muted)}.radar{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:55px;border-radius:36px;align-items:center}.radar-mark{display:grid;place-items:center;font-size:200px;line-height:1;color:var(--accent);aspect-ratio:1;background:radial-gradient(circle,#86e5c648,transparent 65%)}.radar h2{margin:14px 0 24px}.muted{font-size:14px}.closing{max-width:700px;margin:90px auto;text-align:center}.text-link{font-weight:700;color:var(--accent)}.beta-note{margin-top:40px;padding:25px;border-top:1px solid var(--line);font-size:14px}.beta-note p{color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:30px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer div{display:flex;gap:20px}footer p{width:100%;margin:0}.document{max-width:760px;margin:60px auto 100px}.document h1{font-size:clamp(42px,6vw,68px)}.document h2{font-size:29px;margin-top:44px}.document p,.document li{color:var(--muted)}.document code{overflow-wrap:anywhere}.notice{border:1px solid var(--line);border-left:3px solid var(--accent);padding:22px 25px;border-radius:0 18px 18px 0;background:var(--surface);margin:35px 0}.notice p{margin:10px 0 0;font-size:14px}
@media(prefers-color-scheme:dark){:root{--bg:#081b22;--ink:#edf9f6;--muted:#a9c1c5;--surface:rgba(22,49,58,.7);--line:rgba(168,220,213,.17);--accent:#72e6cd;--shadow:0 25px 90px #0004}body{background:radial-gradient(ellipse at 85% 12%,#164b49 0,transparent 42%),var(--bg)}.demo-button{background:#157b7b;color:#fff}.orb{color:#073d43}.button{color:#08272c}.radar-mark{background:radial-gradient(circle,#3ca79130,transparent 65%)}}
@media(max-width:800px){.shell{padding:0 24px}.hero{gap:35px;padding:45px 0 70px;grid-template-columns:1fr}.hero>div:first-child{max-width:620px}.demo{max-width:420px;width:100%;margin:10px auto;transform:none}.steps{gap:25px;grid-template-columns:1fr}.steps article{border-top:1px solid var(--line);padding-top:22px}.radar{grid-template-columns:1fr;padding:32px;gap:5px}.radar-mark{font-size:110px;aspect-ratio:auto}.closing{margin:65px auto}.document{margin-top:35px}.top{align-items:flex-start}.brand{font-size:17px}nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:420px){.top{flex-direction:column;gap:15px}nav{justify-content:flex-start}.shell{padding:0 20px}h1{font-size:49px}.hero{padding-top:25px}.lead{font-size:18px}.demo{padding:22px}.radar{padding:25px}.document h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}