:root{--blue:#1168f3;--blue2:#0a3ca8;--navy:#07183b;--cyan:#27a9ff;--green:#18b866;--text:#152443;--muted:#68758c;--bg:#f6f9ff;--white:#fff;--line:#e3eaf5;--shadow:0 20px 55px rgba(12,52,115,.11)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{height:34px;background:linear-gradient(90deg,#06164a,#1247bd,#06164a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.topbar b{color:#8fc6ff}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:block;width:190px}.logo img{display:block;width:100%;height:auto}nav{display:flex;align-items:center;gap:23px}nav a{font-size:14px;font-weight:750;color:#43516d}nav a:hover,nav a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:.25s}.primary{background:linear-gradient(135deg,var(--blue),#3163ff);color:#fff;box-shadow:0 10px 25px rgba(17,104,243,.22)}.primary:hover{transform:translateY(-3px)}.outline{border-color:#bdd0ee;color:var(--blue);background:#fff}.menu{display:none;background:#eef4ff;color:var(--blue);border:0;border-radius:9px;padding:9px 12px;font-size:20px}
.hero{position:relative;overflow:hidden;padding:92px 0 75px;background:radial-gradient(circle at 84% 20%,rgba(50,140,255,.19),transparent 29%),linear-gradient(135deg,#fff,#f1f6ff)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);animation:float 6s ease-in-out infinite}.hero:before{width:300px;height:300px;right:-110px;top:10px;background:rgba(18,104,243,.08)}.hero:after{width:180px;height:180px;left:-80px;bottom:-70px;background:rgba(39,169,255,.08);animation-delay:1s}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;color:var(--blue);font-weight:900}.badge{display:inline-block;background:#eaf2ff;border:1px solid #d9e8ff;color:var(--blue);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:850;margin:0 0 18px}.hero h1{font-size:clamp(45px,6vw,68px);line-height:1.04;letter-spacing:-3px;color:var(--navy);margin:8px 0 20px}.gradient{background:linear-gradient(90deg,var(--blue),#36a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:17px;color:var(--muted);max-width:650px;margin-bottom:27px}.actions{display:flex;gap:11px;flex-wrap:wrap}.hero-art{min-height:350px;position:relative}.cloud-card{position:absolute;right:10%;top:35px;width:390px;height:245px;background:#fff;border:7px solid #16213b;border-radius:18px;padding:18px;box-shadow:0 35px 80px rgba(8,38,89,.17);animation:device 5s ease-in-out infinite}.screen{height:100%;background:linear-gradient(135deg,#f4f8ff,#e8f2ff);border-radius:10px;padding:20px}.screen b{font-size:21px;color:var(--blue)}.bar{height:9px;border-radius:10px;background:#d8e6fa;margin-top:14px}.bar.short{width:58%}.chart{height:90px;background:#fff;border-radius:13px;margin-top:17px;position:relative;overflow:hidden}.chart:after{content:"";position:absolute;left:7%;right:7%;bottom:18px;height:60px;border-bottom:3px solid var(--blue);border-radius:50%;transform:skewY(-11deg)}.phone{position:absolute;right:0;top:180px;width:105px;height:190px;border:5px solid #121a2d;border-radius:22px;background:#10182b;padding:7px;box-shadow:0 20px 50px rgba(8,32,72,.2);animation:phone 4.3s ease-in-out infinite}.phone-screen{height:100%;background:#f4f8ff;border-radius:15px;padding:10px}.bubble{font-size:8px;background:#fff;border-radius:9px;padding:8px;margin-top:10px;box-shadow:0 4px 12px #dbe6f5}.bubble.blue{background:var(--blue);color:#fff;margin-left:12px}.orb{position:absolute;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 13px 30px rgba(0,0,0,.13);animation:float 4s ease-in-out infinite}.orb1{left:5px;top:45px;background:var(--blue)}.orb2{left:18px;top:160px;background:#17b866;animation-delay:.7s}.orb3{left:32px;top:280px;background:#6743d6;animation-delay:1.1s}.orb4{right:5px;top:45px;background:#6c43d6;animation-delay:.5s}.orb5{right:15px;top:290px;background:#12a5b8;animation-delay:1.5s}.orb-label{position:absolute;font-size:12px;font-weight:850}.l1{left:72px;top:65px}.l2{left:85px;top:180px}.l3{left:100px;top:300px}.l4{right:75px;top:66px}.l5{right:78px;top:310px}
section{padding:86px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 43px}.section-head h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;color:var(--navy);margin:8px 0 12px}.section-head p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;transition:.28s;box-shadow:0 4px 20px rgba(10,45,100,.035)}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cadcf8}.icon{width:50px;height:50px;border-radius:14px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;margin-bottom:17px}.icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:18px;color:var(--navy);margin-bottom:7px}.card p{font-size:13px;color:var(--muted)}.card ul{margin-top:12px;padding-left:17px;color:#5c6a81;font-size:12px}.card li{margin:4px 0}
.band{background:linear-gradient(100deg,#061758,#0d4bd1,#061758);color:#fff;padding:28px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.metric b{display:block;font-size:30px}.metric span{font-size:12px;color:#cadcff}
.service-hero{padding:75px 0 60px;background:radial-gradient(circle at 75% 30%,rgba(30,140,255,.17),transparent 30%),linear-gradient(135deg,#fff,#f1f6ff)}.service-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.service-hero h1{font-size:52px;line-height:1.08;color:var(--navy);letter-spacing:-2px;margin:10px 0 18px}.service-hero p{font-size:17px;color:var(--muted);max-width:650px}.service-icon-big{width:105px;height:105px;border-radius:28px;background:#e9f2ff;color:var(--blue);display:grid;place-items:center;box-shadow:0 20px 45px rgba(18,104,243,.12);animation:float 4s ease-in-out infinite}.service-icon-big svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.feature h3{font-size:17px;margin-bottom:7px}.feature p{font-size:13px;color:var(--muted)}.usecase{display:grid;grid-template-columns:1fr 1fr;gap:18px}.usecase .card h3{margin-bottom:8px}
.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:start}.contact-info{background:linear-gradient(145deg,#061a49,#0e3c9f);border-radius:22px;padding:35px;color:#fff}.contact-info h2{color:#fff;font-size:34px;margin:8px 0}.contact-info p{color:#c8d7ef;font-size:14px}.info-row{display:flex;gap:12px;margin-top:20px}.info-row b{color:#72b8ff}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#394a66}.field input,.field select,.field textarea{width:100%;border:1px solid #d6e0ef;border-radius:9px;padding:12px 13px;outline:none;font:inherit;font-size:13px;background:#fbfdff}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(17,104,243,.08)}.agree{display:flex;gap:8px;align-items:flex-start;margin:16px 0;font-size:11px;color:#65738a}.agree input{margin-top:3px}.success{display:none;background:#eafaf1;color:#147441;border:1px solid #bcebd1;padding:12px;border-radius:10px;font-size:12px;margin-bottom:15px}.success.show{display:block}
.cta{background:linear-gradient(120deg,#07183b,#1268f3);color:#fff;border-radius:24px;padding:50px 25px;text-align:center}.cta h2{color:#fff;font-size:38px;margin:8px 0 12px}.cta p{color:#d7e5ff;max-width:700px;margin:0 auto 22px}
footer{background:#06132f;color:#aebbd0;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-grid h4{color:#fff;font-size:14px;margin-bottom:10px}.footer-grid a,.footer-grid p{display:block;font-size:12px;margin:6px 0}.footer-grid a:hover{color:#fff}.footer-logo{width:180px;margin-bottom:12px}.footer-logo img{width:100%;filter:brightness(0) invert(1)}.copy{border-top:1px solid #203152;margin-top:28px;padding-top:17px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px}.copy-links{display:flex;gap:16px}.copy-links a:hover{color:#fff}
.chat-launch{position:fixed;right:22px;bottom:22px;z-index:150;width:62px;height:62px;border:0;border-radius:50%;background:#18bd69;color:#fff;font-size:26px;cursor:pointer;box-shadow:0 15px 35px rgba(20,120,70,.28);animation:pulse 2.2s infinite}.chat{position:fixed;right:22px;bottom:95px;z-index:151;width:350px;max-width:calc(100vw - 30px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px rgba(7,28,68,.2);overflow:hidden;display:none}.chat.open{display:block;animation:pop .22s ease}.chat-head{padding:16px;background:linear-gradient(135deg,#0877f9,#123ca7);color:#fff;display:flex;justify-content:space-between}.chat-head button{border:0;background:none;color:#fff;font-size:21px;cursor:pointer}.chat-body{height:280px;padding:15px;background:#f7faff;overflow:auto}.msg{max-width:86%;padding:10px 12px;border-radius:12px;font-size:12px;margin-bottom:9px}.bot{background:#fff;border:1px solid #e0e7f1}.user{margin-left:auto;background:var(--blue);color:#fff}.quick{display:flex;flex-wrap:wrap;gap:6px}.quick button{border:1px solid #cbdcf5;background:#fff;color:var(--blue);border-radius:20px;padding:7px 9px;font-size:11px;cursor:pointer}.chat-input{display:flex;border-top:1px solid var(--line)}.chat-input input{flex:1;border:0;outline:0;padding:13px}.chat-input button{width:48px;border:0;background:var(--blue);color:#fff}
.modal{position:fixed;inset:0;background:rgba(3,13,35,.67);backdrop-filter:blur(5px);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(850px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:18px;padding:32px}.modal-card h2{font-size:31px;color:var(--navy)}.modal-card h3{margin:20px 0 7px}.modal-card p,.modal-card li{font-size:13px;color:#5d6b82}.close{float:right;border:0;background:#edf4ff;color:var(--blue);width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes device{50%{transform:translateY(-9px)}}@keyframes phone{50%{transform:translateY(-12px)}}@keyframes pulse{0%,100%{box-shadow:0 15px 35px rgba(20,120,70,.28),0 0 0 0 rgba(25,189,104,.25)}50%{box-shadow:0 15px 35px rgba(20,120,70,.28),0 0 0 14px rgba(25,189,104,0)}}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){nav{display:none}.menu{display:block}.hero-grid,.service-grid,.contact-wrap{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{font-size:9px}.nav{height:68px}.logo{width:160px}.hero{padding:60px 0}.hero h1{font-size:44px}.hero-art{transform:scale(.82);transform-origin:top center;height:320px;margin-bottom:-45px}.grid,.feature-grid,.form-grid,.metrics,.footer-grid{grid-template-columns:1fr}.service-hero h1{font-size:42px}.chat{right:15px}.chat-launch{right:15px;bottom:15px}.section-head h2{font-size:32px}.cta h2{font-size:31px}}