:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eff7ff;background:#061428;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;transform:translateY(-200%)}.skip:focus{transform:none;background:white;color:#061428;padding:12px;z-index:99}.wrap{width:min(1250px,calc(100% - 48px));margin-inline:auto}.nav{position:relative;z-index:15;background:#050f20;border-bottom:1px solid #213c5a}.navbar{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:80px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;letter-spacing:-.05em}.brand small{display:block;font-size:9px;letter-spacing:.1em;color:#a2bcd5}.nav nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:700}.nav nav a:hover,.textlink:hover{color:#63c7ff}.button{border-radius:11px;display:inline-flex;align-items:center;gap:15px;background:#168cf1;color:#fff;padding:16px 22px;font-size:13px;font-weight:800;box-shadow:0 10px 35px #008dff35;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#2aa8ff}.button-small{padding:12px 17px}.ghost{background:transparent;box-shadow:none;border:1px solid #5379a1}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.18em;color:#64caff}.hero{padding:clamp(60px,8vw,125px) 0 110px;background:radial-gradient(ellipse 55% 75% at 78% 30%,#0a4e8d,#071b36 70%,#061428 100%)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px}.hero h1{font-size:clamp(44px,5.9vw,83px);line-height:1.05;letter-spacing:-.07em;margin:24px 0}.hero h1 em,.section-heading h2 em,.code h2 em{font-style:normal;color:#62bdff}.lead{color:#bfd2ea;max-width:530px;font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.disclaimer{font-size:11px;color:#9eb9d7;line-height:1.6}.mock{border:1px solid #3779a9;border-radius:18px;overflow:hidden;background:#061629;box-shadow:0 30px 90px #0008;transform:rotate(1deg)}.mock-head{display:flex;align-items:center;gap:6px;padding:16px;border-bottom:1px solid #254567}.mock-head i{height:8px;width:8px;background:#fb6b85;border-radius:50%}.mock-head i:nth-child(2){background:#efc671}.mock-head i:nth-child(3){background:#66d6b8}.mock-head strong{margin-left:10px;font-size:12px}.mock-head span{margin-left:auto;color:#62befe;font-size:10px}.mock-top{display:flex;justify-content:space-between;padding:20px 22px;gap:16px}.mock-top span{color:#8bb8e8;font-size:10px}.mock-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px}.mock-flow button{display:flex;gap:9px;align-items:center;text-align:left;min-height:58px;border:1px solid #2e587f;border-radius:9px;background:#0e294a;color:#c9def4;padding:10px;font-weight:750;font-size:12px}.mock-flow button span{color:#77c7fd}.mock-flow button[aria-pressed=true]{background:#155583;border-color:#7ed7ff;color:#fff}.mock-desc{margin:20px 22px;padding:25px;background:#0b233c;border-radius:12px}.mock-desc>span{color:#8cdaff;font-size:10px;font-weight:850}.mock-desc h2{font-size:27px;letter-spacing:-.04em}.mock-desc p{font-size:13px;color:#afc6dd;line-height:1.65;min-height:62px}.progress{background:#294b69;height:5px;border-radius:20px;overflow:hidden}.progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#1395f3,#62daff);transition:width .3s}.section{padding:clamp(75px,9vw,130px) 0}.section-heading{max-width:820px;margin-bottom:40px}.section-heading h2,.code h2,.process h2{font-size:clamp(35px,4.2vw,62px);line-height:1.1;letter-spacing:-.06em;margin:18px 0}.section-heading p{color:#b7cde3;line-height:1.8}.capabilities{background:#0b223d}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{padding:30px 26px;background:#0f2f52;border:1px solid #295579;border-radius:16px;min-height:290px;display:flex;flex-direction:column;transition:transform .2s}.cards article:hover{transform:translateY(-5px)}.cards article>span{color:#71c8ff;font-size:13px}.cards h3{font-size:24px;letter-spacing:-.045em}.cards p{color:#b7d0e8;font-size:14px;line-height:1.6}.cards small{margin-top:auto;padding-top:18px;color:#82bce7;font-size:11px}.code{background:#061428}.code-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.code-layout p{line-height:1.8;color:#bed0e5}.textlink{display:inline-block;padding:16px 0;border-bottom:1px solid #6ac5ff;color:#7bd0ff;font-size:13px;font-weight:800}.code-window{background:#061022;border:1px solid #254872;border-radius:15px;overflow:hidden}.code-title{padding:17px;background:#0c2443;border-bottom:1px solid #244a75;font-size:12px;font-weight:700}.code-title span{float:right;color:#74caff;font-size:10px}.code-window pre{padding:22px;overflow:auto;color:#d7e9fa;line-height:1.8;font-size:12px}.code-window .muted{color:#7193b9}.code-window .pink{color:#e29eff}.code-window .blue{color:#7ed9ff}.code-window p{font-size:10px;padding:0 18px 18px;color:#95afc9}.process{background:#081e35}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:36px}.steps article{border-top:1px solid #42617c;padding-top:25px}.steps span{font-size:24px;color:#63c6ff}.steps h3{font-size:20px}.steps p{font-size:13px;line-height:1.7;color:#acc6df}.cta{padding:65px 0;background:linear-gradient(110deg,#0d3d70,#06233d)}.cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(29px,4vw,50px);margin:12px 0}.cta p{max-width:600px;color:#c5d9ed}footer{padding:24px 0;border-top:1px solid #23466b;background:#051124;color:#91aecb;font-size:12px}.foot{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.foot a:first-child{font-size:20px;font-weight:900;color:#fff}.foot button{border:0;background:none;color:#91aecb;cursor:pointer;padding:0;text-decoration:underline}.foot a:hover,.foot button:hover{color:#fff}
@media(max-width:990px){.hero-grid,.code-layout{grid-template-columns:1fr}.hero-grid{gap:38px}.mock{max-width:650px;transform:none}.cards,.steps{grid-template-columns:repeat(2,1fr)}.nav nav{gap:13px;font-size:11px}}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.navbar{align-items:flex-start;padding:15px 0;gap:12px;flex-wrap:wrap}.nav nav{width:100%;overflow-x:auto;padding:8px 0;gap:18px}.nav nav a{white-space:nowrap}.hero{padding:55px 0 70px}.hero h1{font-size:44px}.mock-flow{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.cta>.wrap{display:block}.cta .button{margin-top:15px}.code-window pre{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}