@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#090c12;--panel:#111620;--line:#262d39;--text:#f3f5fa;--muted:#a6afbf;--blue:#7196ff;--accent:#4268ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #99b2ff;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}img{display:block;max-width:100%;height:auto}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:inline-flex;align-items:center;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.wordmark span{font-weight:450;margin-left:4px}.wordmark i{width:7px;height:7px;background:#799cff;align-self:flex-end;margin:0 0 11px 5px}.header nav{display:flex;gap:32px;font-size:14px;color:#bac2d1}.header nav a:hover,footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4a5261;border-radius:7px;padding:13px 23px;font-weight:600;font-size:15px;line-height:1.6;transition:background .2s,transform .2s}.button:hover{background:#1c2538;transform:translateY(-2px)}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 8px 36px #264fa31a}.button.primary:hover{background:#5479ff}.button.small{padding:10px 19px}.hero{padding-top:68px}.eyebrow{display:flex;align-items:center;gap:19px;font-size:12px;letter-spacing:2px;color:#a4b0c5}.launch{display:inline-block;border:1px solid #435375;background:#172035;color:#bdcfff;border-radius:4px;padding:5px 11px;font-size:12px;font-weight:650;letter-spacing:1.7px;white-space:nowrap}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14}h1{font-size:clamp(48px,6.4vw,88px);font-weight:650;letter-spacing:-4px;margin:27px 0 29px}h1>span{color:#88a8ff}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.hero-bottom p{font-size:18px;color:#b4bdcc;line-height:1.7}.hero-line{display:flex;justify-content:space-between;margin-top:57px;padding:18px 0;color:#7e899d;font-size:11px;letter-spacing:1.65px}.product-frame{padding:9px 9px 0;background:#151c28;border:1px solid #384a70;border-bottom:0;border-radius:13px 13px 0 0;box-shadow:0 -20px 100px #4066ec0f}.frame-top{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a0aec8;padding:0 9px 9px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#505b70}.frame-tag{font-size:10px;letter-spacing:1.3px}.image-button{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden}.image-button img{width:100%;transition:filter .2s}.image-button:hover img{filter:brightness(.94)}.product-frame img{border-radius:5px 5px 0 0}.image-caption{text-align:right;font-size:12px;color:#8994a8;margin-top:13px}.intro{padding-top:112px;padding-bottom:106px}.section-label{font-size:12px;letter-spacing:1.8px;color:#8597b7;margin-bottom:22px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}h2{font-size:clamp(32px,3.6vw,48px);font-weight:550;letter-spacing:-1.8px}.section-heading>p{color:var(--muted);max-width:390px;font-size:17px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.module-grid article{padding:33px 25px 31px 0}.module-grid article+article{border-left:1px solid var(--line);padding-left:25px}.module-number{font-size:13px;color:#7f9ef6;display:block;margin-bottom:30px}.module-grid h3{font-size:20px;font-weight:550;margin-bottom:18px;letter-spacing:-.4px}.module-grid p{font-size:15px;color:var(--muted);line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.tags span{font-size:11px;background:#171e2b;color:#b3bfd4;padding:3px 7px;border-radius:4px}.showcase{padding:80px 0;background:#10151f;border-top:1px solid #1d2635;border-bottom:1px solid #1d2635}.showcase h2 span{color:#8395b4}.screen-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.screen-tabs button{border:1px solid #323c50;background:transparent;border-radius:6px;color:#b1bed2;padding:10px 22px;font-size:14px}.screen-tabs button[aria-selected=true]{background:#eaf0ff;color:#14213b;border-color:#eaf0ff}#screen-panel{border:1px solid #364258;border-radius:8px;overflow:hidden;background:#0d131e}.screen-foot{padding:18px 24px;display:flex;justify-content:space-between;gap:20px;color:#9eacc2;font-size:14px}.text-button{border:0;color:#c1d1f9;background:transparent;font-size:14px;white-space:nowrap;padding:0}.text-button span{margin-left:10px}.workflow{padding:108px 0}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:45px 0 0}.steps li{border-top:1px solid #35415c;padding-top:24px}.steps li>span{color:#7196ff;font-size:13px}.steps h3{font-size:22px;font-weight:550;margin:18px 0 13px}.steps p{color:var(--muted);font-size:15px}.demo-section{border:1px solid #2c3c60;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;padding:65px;gap:70px;background:radial-gradient(ellipse at 0 100%,#1b2d58 0,transparent 70%),#111927}.demo-copy h2{font-size:clamp(44px,5vw,66px);letter-spacing:-2.5px;margin:27px 0}.demo-copy h2 em{font-style:normal;color:#91adff}.demo-copy>p{color:#b7c2d7;max-width:350px}.demo-note{margin-top:38px;display:flex;flex-direction:column;gap:9px;font-size:12px;color:#869bbf}.form-card{background:#f6f8fc;border-radius:10px;color:#1a2438;padding:31px;color-scheme:light}.form-card>h3{font-size:25px;letter-spacing:-.5px}.form-card>p{color:#5b667b;font-size:14px;margin:10px 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form label{font-size:13px;font-weight:600;display:block;margin-bottom:15px}.optional{font-weight:400;font-size:12px;color:#6b778c}input,textarea{display:block;width:100%;border:1px solid #d3dbe7;background:white;border-radius:5px;padding:11px 12px;margin-top:6px;color:#172136;min-height:45px;font-size:14px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8993a4}input:focus,textarea:focus{border-color:#5277e6}.form-privacy{font-size:12px;color:#687387;margin:9px 0 20px;line-height:1.75}.inline-button{color:#2d4ba4;text-decoration:underline;border:0;background:none;padding:0;font-size:inherit}.submit{width:100%}#form-status{font-size:14px;color:#b32525;line-height:1.5;margin-top:12px}#form-status:empty{display:none}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-success{padding:30px 0}#form-success h3{font-size:28px;margin:22px 0}#form-success p{font-size:16px;color:#52617a}.success-symbol{display:grid;place-items:center;width:54px;height:54px;background:#dbeee6;border-radius:50%;font-size:27px;color:#287b5c}#form-success .text-button{color:#2b4fbb;margin-top:25px}.reference{font-size:12px!important;margin-top:16px}.faq{display:grid;grid-template-columns:1fr 1.45fr;gap:90px;padding-top:110px;padding-bottom:110px}.faq h2{font-size:35px}.faq-items details{border-bottom:1px solid var(--line);padding:22px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{font-size:17px;list-style:none;cursor:pointer;padding-right:30px;position:relative}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:0;font-size:22px;color:#829cd2;top:-5px}.faq-items details[open] summary:after{content:'−'}.faq-items details p{color:var(--muted);font-size:15px;margin-top:17px}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:38px;display:flex;justify-content:space-between;gap:25px}footer p{font-size:12px;color:#7e8ba2;margin-top:10px}footer>div:last-child{text-align:right}footer>div:last-child a{font-size:14px;color:#bac7dd}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;color:#101828;padding:12px}.skip:focus{top:10px}dialog{background:#111a2a;color:#eef3ff;border:1px solid #506181;border-radius:10px;padding:50px 20px 20px;width:min(1500px,96vw);max-height:94vh;overflow:auto}dialog::backdrop{background:#02060bea;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:16px;border:0;background:none;color:white;font-size:22px;padding:0 8px}dialog>p{font-size:13px;color:#a7b7d4;margin-top:12px}#privacy-dialog{max-width:640px;padding:50px 35px 35px}#privacy-dialog h2{font-size:27px}#privacy-dialog p{font-size:16px;margin-top:22px;line-height:1.8}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:85px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}h1{letter-spacing:-2.5px}.module-grid{grid-template-columns:1fr 1fr}.module-grid article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.module-grid article:nth-child(4){border-top:1px solid var(--line)}.demo-section{padding:38px;gap:35px}.form-row{grid-template-columns:1fr;gap:0}.faq{gap:40px}.header nav{gap:18px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{min-height:80px;gap:12px}.wordmark{font-size:23px}.header nav{display:none}.button.small{font-size:13px;padding:9px 12px}.hero{padding-top:41px}.eyebrow{gap:12px;align-items:flex-start;flex-direction:column;font-size:10px}h1{font-size:clamp(37px,8.8vw,61px);letter-spacing:-1.8px;margin:27px 0}.hero-bottom{align-items:flex-start;flex-direction:column;gap:22px}.hero-bottom p{font-size:16px}.desktop{display:none}.hero-line{margin-top:36px;font-size:9px}.hero-line span:last-child{display:none}.frame-tag{display:none}.frame-top{height:29px;font-size:10px}.product-frame{padding:5px 5px 0}.image-caption{font-size:10px;text-align:left}.intro{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:16px;margin-top:24px}.section-label{font-size:10px;letter-spacing:1.3px}h2{font-size:35px;letter-spacing:-1.3px}.module-grid article{padding:24px 16px 24px 0}.module-grid article+article{padding-left:16px}.module-grid article:nth-child(3){padding-left:0}.module-grid h3{font-size:18px}.module-grid p{font-size:14px}.module-number{margin-bottom:20px}.tags{margin-top:19px}.tags span{font-size:10px}.showcase{padding:55px 0}.screen-tabs{gap:6px}.screen-tabs button{font-size:12px;padding:9px 11px}.screen-foot{flex-direction:column;align-items:flex-start;padding:16px;font-size:13px}.workflow{padding:65px 0}.steps{grid-template-columns:1fr 1fr;gap:28px 23px}.steps h3{font-size:20px}.steps p{font-size:14px}.demo-section{grid-template-columns:1fr;padding:28px 18px;gap:32px}.demo-copy{padding:0 5px}.demo-copy h2{font-size:47px}.demo-copy h2 br:nth-child(2){display:none}.demo-note{margin-top:23px}.form-card{padding:24px 19px}.form-row{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.faq-items summary{font-size:16px}footer{flex-direction:column}footer>div:last-child{text-align:left}input,textarea{font-size:16px}dialog{padding-inline:8px}#privacy-dialog{padding:45px 22px 25px}.image-button{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
