:root{--blue:#087cf0;--blue2:#0a66d1;--ink:#0b1d39;--muted:#526985;--line:#dce5f0;--soft:#f4f8fd;--softblue:#eaf4ff;--max:1050px;font-family:IN,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{height:72px;border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.02em}.brand img{width:30px;height:30px;object-fit:contain}.nav nav{display:flex;gap:30px;margin-left:auto;margin-right:210px}.nav nav a{text-decoration:none;font-size:13px;color:#233a5a}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:.18s ease}.btn-blue{background:#2166d1;color:#fff;box-shadow:0 1px #0000000d}.btn-blue:hover{background:#1858bb;transform:translateY(-1px)}.btn-outline{background:#fff;border-color:#ccd8e7;color:var(--ink)}.btn-outline:hover{border-color:#8eb5e7;background:#f7fbff}.hero{background:linear-gradient(180deg,#f6faff,#f9fbfe);padding:92px 0 52px}.hero-grid{display:grid;grid-template-columns:1fr 390px;gap:72px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#126ce0;margin:0 0 18px}.hero h1{font-size:clamp(48px,5.2vw,64px);line-height:1.01;letter-spacing:-.045em;margin:0;max-width:650px}.hero-copy{font-size:17px;color:var(--muted);max-width:560px;margin:25px 0 0}.actions{display:flex;gap:10px;margin-top:28px}.flow-card{background:#fff;border:1px solid #d6e1ee;border-radius:12px;padding:22px;box-shadow:0 18px 42px #16365e14}.flow-kicker{font-size:12px;color:#60728b;margin-bottom:16px}.flow-step{position:relative;background:#f7faff;border-radius:8px;padding:11px 13px;font-size:12px;color:#243a55}.flow-step b{font-weight:700}.flow-step i{position:absolute;right:12px;top:50%;width:7px;height:7px;background:#5a8fe1;border-radius:50%;transform:translateY(-50%)}.flow-step.active{border:1px solid #9ec4f8;background:#edf6ff;color:#0a507e}.flow-step.active i{background:#2166d1}.flow-line{height:16px;border-left:1px solid #b9d3f2;margin-left:0}.check{float:right;color:#2166d1;font-weight:900}.hero-banner{width:min(1000px,calc(100% - 48px));margin:54px auto 0;background:#e8f3ff;padding:26px;text-align:center;color:#00706c;font-size:16px;font-weight:600}.flow-intro{padding:76px 0 40px}.flow-intro h2{margin:0;font-size:32px;letter-spacing:-.035em}.intro-copy{max-width:600px;color:var(--muted);margin:16px 0 0}.flow-intro .eyebrow{margin-bottom:10px}section{padding:82px 0;border-top:1px solid #eef2f6}h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:0;max-width:680px}h3{margin:0;font-size:17px;letter-spacing:-.015em}p{margin:0;color:var(--muted)}.section-lead{max-width:590px;font-size:16px;margin-top:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.service-card{border:1px solid var(--line);border-radius:10px;padding:26px;background:#fff;min-height:150px}.service-card:hover{border-color:#b9d2ef;box-shadow:0 12px 30px #2049770f}.service-card:last-child{background:var(--ink);border-color:var(--ink);color:#fff}.service-card:last-child p{color:#d8e5f4}.service-card:last-child:hover{border-color:var(--ink);box-shadow:0 12px 30px #0b1d3929}.service-card p{font-size:14px;margin-top:10px}.service-card:last-child{grid-column:2/3}.soft-section{background:var(--soft)}.featured-section{background:var(--ink);color:#fff}.featured-section p{color:#d8e5f4}.featured-section .eyebrow{color:#48a2ff}.featured-section .text-link{color:#70b4ff}.featured-section .product-step{background:#102b4d;border-color:#25476e;color:#fff}.featured-section .product-step span{color:#70b4ff}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;margin-top:30px}.product-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-step{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px}.product-step span{display:block;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:7px}.product-step b{font-size:13px}.text-link{display:inline-block;margin-top:28px;color:#126ce0;text-decoration:none;font-weight:700;font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:48px}.process-grid .num{color:var(--blue);font-size:12px;font-weight:800}.process-grid h3{margin-top:10px}.process-grid p{font-size:14px;margin-top:8px}.demo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin-top:38px}.demo-head{display:flex;justify-content:space-between;align-items:center;color:#1670df;font-size:11px;font-weight:800;letter-spacing:.08em}.dot{width:8px;height:8px;border-radius:50%;background:#2679df}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.demo-grid b,.routing>b{font-size:13px}.demo-grid p{font-size:14px;margin-top:8px}.routing{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.routing div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:13px;font-weight:600}.routing em{font-style:normal;color:#8ca1b8}.max-copy{max-width:700px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.why-grid b{font-size:15px}.why-grid p{font-size:14px;margin-top:8px}.about{padding-bottom:82px;background:var(--softblue)}.about h2{max-width:760px}.about-cta{margin-top:42px;background:var(--ink);padding:28px;border-radius:0;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff}.about-cta p{color:#d8e5f4}.about-cta h3{color:#fff}.about-cta h3{font-size:18px}.about-cta p{font-size:14px;max-width:560px;margin-top:8px}.contact{background:#f7faff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contact h2{font-size:42px}.contact form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 16px 40px #16365e0f}label{display:block;font-size:12px;font-weight:700;color:#334b68;margin-bottom:16px}label span{font-weight:400;color:#7d8ea3}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{width:100%;display:block;margin-top:7px;border:1px solid #d4dfeb;border-radius:8px;padding:12px 13px;font:inherit;font-size:14px;color:var(--ink);outline:none;background:#fff}textarea{min-height:105px;resize:vertical}input:focus,textarea:focus{border-color:#5c9be8;box-shadow:0 0 0 3px #2166d11a}.honeypot{position:absolute;left:-10000px;opacity:0;height:0}.submit{width:100%;margin-top:4px}.form-status{font-size:13px;margin-top:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 0}.footer-inner .brand img{width:24px;height:24px}.footer-inner p{font-size:12px;margin-top:5px}.footer-inner>p{margin:0}@media(max-width:900px){.nav nav{margin-right:0}.hero-grid{grid-template-columns:1fr;gap:42px}.flow-card{max-width:520px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:auto}.feature-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.process-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}.nav nav{display:none}}@media(max-width:620px){.wrap{width:min(100% - 32px,var(--max))}.hero{padding-top:65px}.hero h1{font-size:46px}.hero-banner{width:calc(100% - 32px);margin-top:40px}.service-grid,.demo-grid,.why-grid,.process-grid,.product-flow{grid-template-columns:1fr}.about-cta,.footer-inner{align-items:flex-start;flex-direction:column}.site-header{height:64px}.nav .btn{padding:9px 13px}.field-row{grid-template-columns:1fr}.hero .actions{flex-direction:column;align-items:stretch}.hero .actions .btn{text-align:center}section{padding:64px 0}}