:root{color-scheme:dark;--bg:#080f1b;--panel:#0e1929;--surface:#111f33;--border:#233348;--muted:#9eafc4;--text:#edf3fb;--cyan:#32d4ed;--violet:#887aff;--font:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1256px;margin:auto;padding-left:32px;padding-right:32px}.small-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 10px #32d4ed40}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23334880;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;line-height:1.2;font-weight:750;white-space:nowrap}.weight-normal{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:7px}.brand-icon{position:relative;background:linear-gradient(135deg,#28d3ec,#6372f4);color:#081827;display:grid;place-items:center;width:38px;height:40px;border-radius:11px;font-weight:900;font-size:26px;box-shadow:0 3px 22px #22bed212}.brand-icon span{position:absolute;width:6px;height:6px;background:#f4fdff;right:7px;top:9px;border-radius:2px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#b3bfd0}.site-header nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:650;line-height:1.5}.button.primary{background:linear-gradient(110deg,#31cbe5,#7380f7);color:#04121e;box-shadow:0 6px 25px #30c8df13}.button.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.outline,.button.subtle{background:#0b1726;border-color:var(--border)}.button.outline:hover,.button.subtle:hover{border-color:#6d869f}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:624px;align-items:center;padding-top:56px;padding-bottom:66px;gap:35px;overflow:hidden}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2.2px;font-weight:750}.hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.09;letter-spacing:-2.5px;margin:24px 0}.hero h1>span{background:linear-gradient(90deg,#5de1f0,#9993ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{color:#a4b4c9;max-width:425px;line-height:1.9;font-size:16px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-notes{display:flex;gap:23px;color:var(--muted);font-size:11px;margin-top:24px}.hero-notes span{display:flex;align-items:center;gap:5px}.hero-notes svg{width:15px;color:var(--cyan)}.hero-art{height:480px;position:relative;background:radial-gradient(ellipse at center,#245b7640,transparent 66%);display:grid;place-items:center}.orbit{position:absolute;border:1px solid #2d486443;border-radius:50%;width:340px;height:340px;transform:rotate(-30deg)}.orbit-two{width:430px;height:430px;border-style:dashed}.orbit-three{width:520px;height:520px;opacity:.5}.art-label{position:absolute;top:0;left:10px;color:#a1bed1;font-size:9px;letter-spacing:2px}.phone-visual{width:210px;height:359px;border-radius:30px;border:1px solid #527083;background:linear-gradient(145deg,#182c40,#0b1421 55%);padding:9px;box-shadow:0 28px 80px #0008,0 0 65px #43cfe716;transform:rotate(-6deg)}.phone-camera{position:absolute;top:15px;left:calc(50% - 24px);width:48px;height:9px;background:#060d16;border-radius:15px}.phone-content{height:100%;border:1px solid #253b50;border-radius:23px;padding:55px 19px 20px;background:radial-gradient(ellipse at 25% 0%,#17647e42,transparent 80%)}.phone-glyph{color:var(--cyan);margin-bottom:20px}.phone-glyph svg{width:31px;height:31px}.mini-caption{font-size:8px;letter-spacing:1.8px;color:#84b8cb}.phone-content h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:9px 0 22px}.scan-lines{display:grid;gap:9px}.scan-lines span{height:3px;width:100%;background:linear-gradient(90deg,#4bd5e2,#293f5660);border-radius:3px}.scan-lines span:nth-child(2){width:72%}.scan-lines span:nth-child(3){width:40%}.phone-footer{display:block;font-size:6px;letter-spacing:1.2px;color:var(--muted);margin-top:31px}.float-card{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #385069;background:linear-gradient(125deg,#14273cf5,#111b2cf5);border-radius:12px;padding:14px 16px;box-shadow:0 15px 35px #0005}.float-card strong{font-size:12px;display:block}.float-card small{font-size:10px;color:var(--muted);display:block}.float-one{left:0;top:80px}.float-two{right:0;top:238px}.float-three{left:15px;bottom:38px}.icon-box{width:40px;height:40px;display:grid;place-items:center;border:1px solid #225068;background:#0d3347;color:#50d3e7;border-radius:10px;flex-shrink:0}.icon-box.violet{color:#b4aaff;background:#27243f;border-color:#494166}.art-baseline{position:absolute;bottom:0;right:0;color:#7e99ae;font-size:7px;letter-spacing:1.6px}.ecosystem{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#bac6d5;font-size:13px}.ecosystem>span{font-size:8px;letter-spacing:1.6px;color:#7991a9}.section{padding-top:82px;padding-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:14px 0}h3{font-size:18px;letter-spacing:-.3px}.section-heading>p{color:var(--muted);font-size:14px;max-width:340px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;border:1px solid var(--border);background:linear-gradient(120deg,#142136,#0d1726);border-radius:14px;padding:28px}.feature-card h3{margin-top:24px;margin-bottom:10px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:24px}.index{position:absolute;top:27px;right:25px;color:#526981;font-size:12px}.feature-tags{display:flex;gap:8px}.feature-tags span{font-family:Consolas,monospace;font-size:10px;padding:3px 9px;border:1px solid #304259;border-radius:5px;color:#b8c7d9}.text-button{padding:0;border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:12px}.text-button:hover{color:white}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:70px}.workflow>div>p{max-width:330px;font-size:13px}.steps{padding:0;list-style:none;margin:0}.steps li{display:flex;gap:25px;padding:17px 0;border-bottom:1px solid var(--border)}.steps li>span{padding-top:3px;color:var(--cyan);font-family:Consolas,monospace;font-size:13px}.steps h3{margin:0}.steps p{font-size:13px;color:var(--muted);margin:5px 0}.support{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #35506c;border-radius:16px;padding-top:30px;padding-bottom:30px;background:linear-gradient(105deg,#123147,#19203a);max-width:1192px}.support h2{font-size:28px}.support p{color:var(--muted);font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:35px;padding-bottom:35px;color:#8297ae;font-size:10px}.brand-text{color:#b4c7da;font-size:14px;font-weight:700}.muted{color:var(--muted)}


.brand img{width:210px;max-width:100%;height:auto;display:block}.brand{min-width:0}
footer nav{display:flex;gap:18px}footer a:hover{color:var(--cyan)}
.skip-link{position:absolute;top:10px;left:10px;transform:translateY(-150%);z-index:100;background:#173349;padding:10px 18px;border-radius:8px}.skip-link:focus{transform:none}
@media(max-width:1100px){.site-header nav{gap:17px}.hero-art{transform:scale(.86);transform-origin:center}.hero{gap:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:15px;padding-top:44px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-notes{justify-content:center}.hero h1{font-size:58px}.hero-art{width:530px;max-width:100%;margin:auto;transform:none;margin-top:35px}.site-header nav{display:none}.ecosystem{flex-wrap:wrap;justify-content:center}.ecosystem>span{width:100%;text-align:center}.feature-grid{grid-template-columns:1fr}.feature-card{padding:25px}.section{padding-top:55px}.workflow{gap:30px}.support{margin-left:24px;margin-right:24px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:82px;gap:10px}.brand img{width:172px}.site-header>.button{font-size:12px;padding:10px 13px;gap:5px}.site-header>.button svg{width:14px}.hero h1{font-size:46px;letter-spacing:-1.9px}.hero-copy>p{font-size:14px}.hero-art{height:410px}.phone-visual{width:183px;height:318px}.phone-content{padding:45px 15px 15px}.phone-content h2{font-size:21px}.float-card{padding:9px;gap:8px}.float-card strong{font-size:10px}.float-card small{font-size:8px}.float-card .icon-box{width:28px;height:28px;border-radius:7px}.float-card .icon-box svg{width:16px}.float-one{top:45px;left:-4px}.float-two{right:-4px;top:235px}.float-three{bottom:21px;left:-4px}.orbit-one{width:270px;height:270px}.orbit-two{width:340px;height:340px}.orbit-three{width:405px;height:405px}.art-label{font-size:7px}.art-baseline{font-size:5px}.phone-footer{font-size:5px}.ecosystem{font-size:11px;gap:13px}.section-heading{display:block}.section-heading h2,h2{font-size:29px}.section-heading>p{max-width:none}.workflow{grid-template-columns:1fr;gap:22px}.support{display:block;margin-left:20px;margin-right:20px}.support h2{font-size:25px}.support .button{margin-top:12px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer>span:nth-child(2){order:3;width:100%}.hero-actions .button{font-size:12px;padding:11px 14px}}
@media(max-width:360px){.brand img{width:146px}.hero h1{font-size:40px}.hero-notes{gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}