:root{--blue:#1769ff;--ink:#101a2b;--muted:#637087;--line:#e4eaf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;gap:28px;padding:0 6%;border-bottom:1px solid #edf1f7;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}.brand b{color:var(--blue)}.brand-mark{background:var(--blue);color:white;border-radius:9px;width:30px;height:30px;display:grid;place-items:center;font-weight:800}.topbar nav{display:flex;gap:25px;margin-left:auto;font-size:13px;color:#59667b}.nav-cta{padding:11px 15px;background:#eef4ff;color:var(--blue);border-radius:10px;font-size:13px;font-weight:700}.hero{min-height:640px;position:relative;overflow:hidden;padding:95px 8% 75px;background:radial-gradient(ellipse at 78% 40%,#d7e7ff 0%,#f3f8ff 32%,#fff 70%)}.hero-copy{max-width:550px;position:relative;z-index:2}.eyebrow{font:700 10px/1.5 ui-monospace,monospace;letter-spacing:1.4px;color:var(--blue)}h1{font-size:clamp(52px,7vw,86px);line-height:.99;letter-spacing:-4px;margin:23px 0}h1 span{color:var(--blue)}h2{font-size:clamp(34px,4.5vw,52px);line-height:1.08;letter-spacing:-2px}.lead{font-size:17px;line-height:1.75;color:#5c6980;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;padding:14px 18px;border-radius:11px;font-size:13px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;box-shadow:0 9px 22px #1769ff35}.secondary{border:1px solid #dce5f2;background:#ffffffb8}.fineprint{font-size:11px;color:#8994a6;margin-top:20px}.hero-bottom{position:absolute;bottom:24px;left:8%;right:8%;display:flex;justify-content:space-between;color:#8995a8;font:10px ui-monospace,monospace;letter-spacing:1px}.device-scene{position:absolute;right:3%;top:65px;width:43%;height:460px}.orbit{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid #a7c6ff80;border-radius:50%;width:390px;height:390px}.orbit-two{width:290px;height:290px;border-style:dashed}.node{position:absolute;background:white;border:1px solid #dbe6f6;border-radius:20px;box-shadow:0 25px 65px #1b4d951c}.phone{width:140px;height:260px;left:18%;top:20%;padding:8px;border-radius:25px;transform:rotate(-8deg)}.phone-screen{height:100%;border-radius:18px;background:linear-gradient(155deg,#f5f9ff,#e5efff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.phone-screen b{font-size:13px}.phone-screen small{font-size:9px;color:#71809a}.mini-dot{width:38px;height:38px;border-radius:13px;background:var(--blue)}.bars{display:flex;align-items:end;gap:4px;height:25px}.bars i{width:5px;border-radius:4px;background:var(--blue);height:12px}.bars i:nth-child(2){height:17px}.bars i:nth-child(3){height:21px}.bars i:nth-child(4){height:25px}.laptop{right:3%;top:43%;width:230px;padding:10px 10px 0;transform:rotate(5deg)}.laptop-screen{height:140px;border-radius:8px;background:linear-gradient(135deg,#f7faff,#dbe9ff);padding:12px;color:#a4bbdf;font-size:9px}.lines{margin-top:25px;display:grid;gap:10px}.lines i{height:6px;border-radius:4px;background:#c0d5f8;width:80%}.lines i:nth-child(2){width:60%}.laptop-base{height:9px;background:#b7c9e5;margin:0 -17px;border-radius:0 0 9px 9px}.tag{position:absolute;right:0;top:17%;background:white;border:1px solid #dce8fa;padding:11px 14px;border-radius:10px;color:var(--blue);font:11px ui-monospace,monospace}.section{padding:100px 8%}.muted{color:var(--muted);line-height:1.8;max-width:650px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.grid article{border:1px solid var(--line);border-radius:18px;padding:25px;background:linear-gradient(160deg,#fff,#fbfdff)}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:var(--blue);font-size:22px}.grid h3{font-size:17px;margin:22px 0 9px}.grid p{font-size:13px;line-height:1.7;color:var(--muted);min-height:65px}.grid small{font-size:10px;font-weight:700;color:#64738a}.integration{padding:90px 8%;background:#f4f8ff;display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.links{margin-top:25px;max-width:420px;border-top:1px solid #dbe5f3}.links a{display:block;padding:17px 0;border-bottom:1px solid #dbe5f3;font-size:13px;font-weight:650}.integration aside{background:white;border:1px solid #dce7f7;border-radius:18px;padding:28px;box-shadow:0 25px 65px #244c8010}.integration aside small{display:block;color:#8390a5;font:10px ui-monospace,monospace;letter-spacing:1px;margin-bottom:18px}.integration code{display:block;padding:17px;border-radius:10px;background:#0e2043;color:#9cc3ff;font-size:15px;overflow-wrap:anywhere}.integration aside p{font-size:13px;line-height:1.7;color:var(--muted);margin:22px 0}.integration aside>a{font-size:12px;font-weight:700;color:var(--blue)}.closing{text-align:center;padding:90px 24px;background:linear-gradient(130deg,#1457d9,#2085ff);color:white}.closing .eyebrow{color:#c6ddff}.closing h2{max-width:650px;margin:16px auto}.closing p:not(.eyebrow){color:#d9e7ff}.white{margin-top:16px;background:white;color:#145bdc}footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 6%;font-size:11px;color:#78859a}@media(max-width:850px){.topbar{gap:15px}.topbar nav{gap:14px}.device-scene{opacity:.35;right:-18%;width:65%}.grid{grid-template-columns:1fr}.grid p{min-height:0}.integration{grid-template-columns:1fr;gap:30px}}@media(max-width:560px){.topbar{height:65px;padding:0 18px}.topbar nav{display:none}.nav-cta{margin-left:auto}.hero{padding:75px 24px 90px;min-height:660px}.hero-copy{z-index:3}h1{font-size:57px;letter-spacing:-3px}.lead{font-size:15px}.device-scene{top:310px;right:-35%;width:100%;opacity:.2}.hero-bottom{left:24px;right:24px;font-size:8px;gap:15px}.section,.integration{padding:70px 24px}footer{flex-wrap:wrap}footer span{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}