@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0c1b32;--navy2:#10243f;--blue:#2777ec;--green:#20c394;--ink:#17253a;--muted:#62728a;--line:#e5eaf1;--soft:#f4f7fb;--white:#fff;--font:'DM Sans',system-ui,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:12px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:30;background:rgba(12,27,50,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:8px;color:#fff;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.5px;white-space:nowrap}.logo-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#1ec69a;color:#09233d;font-size:25px}.logo-dot{color:var(--green)}.logo small{font-family:var(--font);font-size:9px;letter-spacing:1.1px;color:#90a7c4;font-weight:700;margin-left:5px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{font-size:13px;font-weight:700;color:#dce7f4}.nav-links>a:hover{color:#5de1bd}.nav-links .nav-cta{background:var(--green);color:#082c33;padding:13px 17px;border-radius:9px}.nav-cta span{margin-left:10px}.mobile-toggle{display:none;background:transparent;color:white;border:0;font-size:26px}.hero{position:relative;overflow:hidden;background:linear-gradient(123deg,#0c1b32,#102846 73%,#11304b);color:white;padding-top:82px}.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-glow-one{height:530px;width:530px;background:radial-gradient(circle,rgba(32,195,148,.14),transparent 66%);top:-220px;right:-30px}.hero-glow-two{height:620px;width:620px;background:radial-gradient(circle,rgba(41,112,239,.15),transparent 60%);bottom:-350px;left:-200px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;min-height:525px;position:relative}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#13a67e}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#68dfbc;background:rgba(28,184,140,.11);padding:10px 14px;border:1px solid rgba(60,223,174,.18);border-radius:30px}.pulse-dot{width:7px;height:7px;background:#42e1b3;border-radius:50%;box-shadow:0 0 0 5px rgba(66,225,179,.11)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,var(--font);letter-spacing:-.045em}h1{font-size:clamp(38px,4.25vw,60px);line-height:1.13;margin:22px 0 21px}h1 span{color:#4bdbb3}.hero-lead{font-size:16px;color:#bed0e3;line-height:1.85;max-width:560px}.hero-lead strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 25px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:15px 21px;border-radius:9px;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover,.plan-button:hover{transform:translateY(-2px)}.btn-green{background:var(--green);color:#082d31}.btn-green:hover{background:#45dcb1}.btn-outline{border-color:#62768f;color:white;background:transparent}.btn-outline:hover{border-color:#fff}.hero-perks{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#b8cadf}.hero-perks span::first-letter{color:#40d5ac}.hero-visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center}.phone-frame{width:315px;background:#eef4f3;border:7px solid #253b53;border-radius:25px;box-shadow:0 40px 90px rgba(0,0,0,.35);overflow:hidden;transform:rotate(2deg)}.phone-header{background:#f9fdfd;display:flex;align-items:center;gap:11px;padding:12px 11px;color:#13273e}.avatar,.demo-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#dbf7ea;color:#13a376;font-size:25px}.phone-contact{display:flex;flex-direction:column;gap:2px;flex:1}.phone-contact strong{font-size:11px}.phone-contact span{font-size:10px;color:#758697}.phone-contact i{display:inline-block;background:#20bd86;border-radius:50%;width:6px;height:6px}.phone-dots{font-size:22px;color:#738297}.phone-chat{height:325px;background:linear-gradient(135deg,#e9efec,#f3efe7);padding:20px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow:auto}.message{font-size:11px;max-width:85%;padding:10px 11px 6px;border-radius:10px;color:#284056;line-height:1.5;box-shadow:0 2px 3px rgba(0,0,0,.03)}.message small{display:block;text-align:right;font-size:8px;color:#7e8c91;margin-top:2px}.incoming{background:#fff;border-top-left-radius:2px}.outgoing{align-self:flex-end;background:#d8f6dc;border-top-right-radius:2px}.buttons-message{width:90%;max-width:90%;display:flex;flex-direction:column;gap:5px}.buttons-message button{background:#f5faf8;border:1px solid #c5e8df;color:#117866;border-radius:5px;font-size:10px;padding:7px}.buttons-message button:hover{background:#d9f6eb}.phone-input{background:#fff;padding:13px;display:flex;justify-content:space-between;color:#a4b1be;font-size:11px}.phone-input span:last-child{color:#16b887}.floating-tag{position:absolute;z-index:1;background:#fff;border:1px solid #e9f0f2;border-radius:11px;display:flex;align-items:center;gap:10px;padding:12px 13px;color:#183049;box-shadow:0 18px 40px rgba(0,0,0,.16)}.floating-tag strong,.floating-tag small{display:block}.floating-tag strong{font-size:11px}.floating-tag small{font-size:9px;color:#718196}.tag-icon{width:31px;height:31px;border-radius:9px;background:#e9e8fd;color:#8178d7;display:grid;place-items:center;font-size:18px}.tag-icon.green{background:#e0f8ee;color:#0da47c}.tag-top{top:38px;right:3px}.tag-bottom{bottom:32px;left:-4px}.tag-check{color:#2bbc91;font-weight:700}.hero-foot{position:relative;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:#91a8bf;gap:20px}.hero-foot span{font-size:10px;letter-spacing:1.5px;font-weight:700}.hero-foot div{font-size:12px;color:#c7d6e4}.hero-foot b{padding-inline:8px;color:#36c89b}.section{padding:100px 0}.section-top{max-width:740px;margin-bottom:38px}.section-top h2,.demo h2,.contact h2{font-size:clamp(30px,3.2vw,44px);line-height:1.22;margin:11px 0 15px}.section-top p{color:var(--muted);font-size:15px}.three-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:white;border:1px solid var(--line);padding:30px;border-radius:15px}.info-card h3,.service-card h3{font-size:18px;margin:21px 0 10px}.info-card p,.service-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.icon-box,.service-icon{border-radius:12px;background:#e9f8f3;color:#13ae83;display:grid;place-items:center;width:47px;height:47px;font-size:26px}.services,.pricing{background:var(--soft)}.section-top.split{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:45px}.split p{max-width:360px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;min-height:285px;padding:28px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.service-primary{grid-column:span 2;background:#e6f6f3;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-primary .service-icon{grid-column:1/-1;background:#c5f2e3}.service-art{align-self:end;display:flex;flex-direction:column;gap:6px;transform:rotate(-5deg);padding:15px;background:white;border-radius:12px;box-shadow:0 13px 30px #a2d9cd66}.service-art span{background:#ecf3f5;padding:9px;border-radius:8px;font-size:10px}.service-art span:nth-child(2){background:#dcf5e7;align-self:flex-end}.mini-browser{border:1px solid #dce6f0;border-radius:9px;margin-top:24px;overflow:hidden}.mini-browser-head{background:#eaf0f7;padding:5px 10px;font-size:9px;color:#a5b1bf}.mini-browser-content{height:80px;padding:12px;position:relative}.mini-browser-content i{display:block;height:6px;background:#e0e9f1;border-radius:3px;margin:7px;width:60%}.mini-browser-content i:nth-child(2){width:42%}.mini-browser-content div{position:absolute;right:8px;bottom:7px;background:#22ba90;color:white;font-size:9px;padding:8px;border-radius:7px}.circuit-art{font-size:38px;color:#84a6ff;text-align:center;margin-top:15px}.circuit-art span{display:inline-grid;place-items:center;background:#e8efff;border-radius:50%;height:72px;width:72px;font-weight:800;font-size:24px;color:#3071d5}.integration-art{display:flex;align-items:center;gap:15px;margin-top:24px;color:#3575dc}.integration-art span{display:grid;place-items:center;width:47px;height:47px;background:#eef5fd;border-radius:12px;font-size:24px}.demo{background:#10243f;color:#fff}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.kicker.light{color:#65deb9}.demo h2 span{color:#55deb4}.demo-layout>div>p{color:#b8cbe0;line-height:1.9;font-size:15px}.checks{list-style:none;margin:25px 0;padding:0;color:#e0eefa;font-size:14px}.checks li{margin-bottom:11px}.checks li:before{content:'✓';color:#49deb3;font-weight:800;margin-right:13px}.text-link{color:#63e4bc;font-weight:700;font-size:14px}.demo-card{background:#f8fafc;color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 30px 65px #0004}.demo-heading{padding:16px 19px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.demo-heading>div:nth-child(2){flex:1;display:flex;flex-direction:column}.demo-heading strong{font-size:13px}.demo-heading small{font-size:10px;color:#5f788b}.demo-heading button{border:0;background:transparent;font-size:11px;color:#507083}.demo-messages{height:240px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;padding:10px 13px;border-radius:12px;font-size:12px;line-height:1.6;background:#e8f0f6;align-self:flex-start;white-space:pre-wrap}.bubble.user{background:#d4f5e7;align-self:flex-end}.quick-actions{display:flex;gap:7px;flex-wrap:wrap;padding:7px 18px 11px}.quick-actions button{background:#fff;border:1px solid #bbddd4;color:#08735d;border-radius:20px;padding:7px 11px;font-size:11px}.quick-actions button:hover{background:#e0f7ee}.demo-form{display:flex;gap:9px;background:#fff;padding:12px 17px;border-top:1px solid var(--line)}.demo-form input{flex:1;min-width:0;border:0;outline:0;font-size:12px}.demo-form button{background:#20c394;color:#07352e;border:0;border-radius:9px;width:38px;height:36px}.demo-note{font-size:10px!important;padding:6px 16px 9px;margin:0!important;color:#79899c!important}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.industry-item{border:1px solid var(--line);border-radius:13px;padding:24px;display:flex;flex-direction:column;gap:5px}.industry-item>span{font-size:31px;color:#16a87f;margin-bottom:12px}.industry-item strong{font-size:14px}.industry-item small{color:#7b8c9c}.plan{background:#fff;border:1px solid var(--line);border-radius:15px;padding:32px;position:relative;display:flex;flex-direction:column}.plan.featured{border:2px solid #19b990;box-shadow:0 15px 40px #0e947719}.popular{position:absolute;top:-16px;right:20px;padding:7px 13px;border-radius:20px;background:#19bd91;color:#083b31;font-size:10px;font-weight:800}.plan-label{letter-spacing:1.8px;color:#079a76;font-size:11px;font-weight:800}.plan h3{font-size:20px;margin:12px 0 7px}.plan>p{font-size:12px;color:var(--muted);min-height:44px}.price-caption{color:#6b7c90;font-size:12px;margin-top:15px}.price{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1.6px;font-weight:800}.price span{font-size:11px;letter-spacing:0}.monthly{font-weight:800;color:#099f79;margin-bottom:20px}.monthly span{font-weight:400;color:#8190a1}.plan ul{list-style:none;padding:20px 0;margin:0 0 23px;border-top:1px solid var(--line);flex:1}.plan li{font-size:12px;margin-bottom:13px}.plan li:before{content:'✓';color:#10ab7e;margin-right:10px}.plan-button{display:block;border:1px solid #b9cbd9;text-align:center;padding:13px 10px;border-radius:8px;color:#203b53;font-size:12px;font-weight:800;transition:transform .2s}.plan-button.solid{background:#1ac193;color:#07382d;border-color:#1ac193}.pricing-disclaimer{font-size:11px;color:#8291a2;margin:20px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:2px solid #c7d8e5;padding-top:25px}.step span{color:#11a97d;font-size:30px;font-family:Manrope;font-weight:800}.step h3{font-size:17px;margin:8px 0}.step p{font-size:12px;color:#74859a}.contact{background:linear-gradient(120deg,#0b1930,#123354);color:white}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.contact h2{font-size:clamp(31px,3vw,42px)}.contact-copy>p{color:#b5c8df;line-height:1.9}.contact-feature{margin:14px 0;color:#d4edeb;font-size:13px}.contact-form{background:#fff;color:#1c2d40;border-radius:17px;padding:30px}.contact-form h3{font-size:21px;margin-bottom:4px}.contact-form>p{font-size:12px;color:var(--muted)}.contact-form label{display:flex;flex-direction:column;font-size:11px;font-weight:800;gap:6px;margin-bottom:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d9e2eb;background:#fdfefe;border-radius:7px;padding:11px 12px;outline:0;color:#2e4154;font-size:12px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#1cbb8c;box-shadow:0 0 0 3px #26d1a11f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.submit-btn{width:100%}.form-status{font-size:12px;color:#107f61;margin-top:13px;min-height:1em}.form-fineprint{display:block;font-size:10px;color:#8090a1;margin-top:8px;line-height:1.55}.footer{background:#09172b;color:#c0d0df}.footer-top{display:flex;justify-content:space-between;padding:45px 0 25px;gap:20px}.footer-logo{font-size:23px}.footer p{font-size:12px;color:#97acc4}.footer-links{display:flex;gap:26px;font-size:12px}.footer-bottom{border-top:1px solid #304158;display:flex;justify-content:space-between;padding:20px 0;font-size:10px;color:#8295ab;gap:12px}@media(max-width:980px){.nav-links{gap:17px}.logo small{display:none}.hero-grid{gap:25px}.hero-visual{transform:scale(.92)}.service-grid{grid-template-columns:1fr 1fr}.demo-layout{gap:38px}.pricing-grid{gap:12px}.plan{padding:24px}.contact-grid{gap:35px}}@media(max-width:760px){.container{width:min(100% - 36px,560px)}.nav-wrap{height:68px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#0c1b32;flex-direction:column;align-items:stretch;padding:18px 25px 25px;gap:20px;border-top:1px solid #2d415c}.nav-links.open{display:flex}.hero{padding-top:53px}.hero-grid,.demo-layout,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:0}.hero-copy{text-align:left}.hero-visual{min-height:490px;transform:none}.phone-frame{transform:rotate(1deg)}.tag-top{right:-2px}.tag-bottom{left:-7px}.hero-foot{flex-direction:column;align-items:start}.hero-foot div{line-height:1.8}.section{padding:70px 0}.three-grid,.pricing-grid,.industry-grid,.steps{grid-template-columns:1fr}.section-top.split{display:block}.split p{max-width:unset}.service-grid{grid-template-columns:1fr}.service-primary{grid-column:auto;grid-template-columns:1fr}.service-primary .service-icon{grid-column:1}.service-art{max-width:260px;margin-top:12px}.service-card{min-height:unset}.industry-grid{grid-template-columns:1fr 1fr}.pricing-grid{gap:24px}.steps{gap:15px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap}.contact-grid{gap:35px}}@media(max-width:420px){h1{font-size:37px}.hero-actions{flex-direction:column;align-items:stretch}.hero-perks{flex-direction:column;gap:5px}.hero-visual{min-height:455px}.phone-frame{width:280px}.tag-top{top:14px}.tag-bottom{bottom:0}.floating-tag{padding:9px}.floating-tag small{font-size:8px}.form-row,.industry-grid{grid-template-columns:1fr}.contact-form{padding:21px}.section-top h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
