@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:#102b46;--deep:#091d30;--teal:#27b4b5;--ink:#132d45;--muted:#627487;--pale:#f2f6f8;--line:#e3eaef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;z-index:99}.header{height:86px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #edf0f3}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.mark{background:var(--navy);width:42px;height:42px;border-radius:10px;color:#fff;font:800 29px Manrope,sans-serif;display:grid;place-items:center;letter-spacing:-5px;padding-right:5px}.mark span{color:var(--teal)}.brandname{font:800 24px Manrope,sans-serif;letter-spacing:-1.3px;line-height:1}.brandname>span{color:#189fa7}.brandname small{display:block;letter-spacing:4.6px;font-size:9px;font-weight:800;margin-top:7px;color:#698093}nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}nav>a:hover{color:#159ca3}.navcta{background:var(--navy);color:#fff!important;padding:13px 18px;border-radius:5px}.navcta span{margin-left:10px;color:var(--teal)}.menu-toggle{display:none;background:none;border:0;font-size:27px}.hero{background:linear-gradient(118deg,#0c2238 0%,#102f4b 65%,#123955 100%);color:white;overflow:hidden}.hero-grid{min-height:640px;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:20px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.1px;color:#159fa9}.eyebrow{color:#92dfe0;display:flex;align-items:center;gap:12px}.dot{height:7px;width:7px;background:var(--teal);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(43px,4.2vw,64px);line-height:1.15;letter-spacing:-2.8px;margin:26px 0}h1 em{font-style:normal;color:#68d0d0}.lead{font-size:18px;line-height:1.8;color:#c7d7e3;max-width:570px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;border-radius:5px;font-size:13px;font-weight:800;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#062c38}.secondary{border:1px solid #7891a5;color:white}.hero-meta{border-top:1px solid #365168;display:flex;gap:28px;margin-top:70px;padding-top:23px;font-size:11px;color:#aabfce;flex-wrap:wrap}.hero-meta b{color:var(--teal);margin-right:7px}.hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%}.orb-one{width:440px;height:440px;background:radial-gradient(circle,#1b5a76 0%,#113650 55%,transparent 72%)}.orb-two{width:350px;height:350px;border:1px solid #3b6c81;transform:rotate(35deg) skew(10deg)}.device{position:absolute}.laptop{width:420px;transform:perspective(700px) rotateY(-14deg) rotateX(6deg);top:138px;left:12px;filter:drop-shadow(0 32px 24px #03162490)}.screen{height:246px;border:11px solid #16212b;border-radius:13px 13px 4px 4px;background:linear-gradient(140deg,#10314c,#164e65 60%,#1c7482);position:relative;overflow:hidden}.screen-glow{position:absolute;width:290px;height:290px;border:1px solid #5cc7cb44;border-radius:50%;right:-70px;top:-90px;box-shadow:0 0 0 40px #ffffff08,0 0 0 85px #ffffff06}.screen-label{position:absolute;left:42px;top:95px;font:800 26px Manrope;letter-spacing:-1px}.screen-label span{color:#63d5d4}.screen-label small{display:block;font:600 8px Manrope;letter-spacing:2px;margin-top:8px;color:#c0e6e8}.keyboard{height:15px;background:linear-gradient(#c1cbd2,#758b9b);margin:0 -22px;border-radius:2px 2px 13px 13px}.phone{height:236px;width:117px;border:7px solid #1c2932;border-radius:23px;background:linear-gradient(135deg,#3a9fa9,#10364e 50%,#0b2235);right:7px;top:176px;transform:rotate(11deg);box-shadow:0 20px 30px #031624a8}.phone-camera{height:23px;width:40px;background:#101d29;border-radius:14px;margin:7px auto}.phone-shine{height:110px;width:110px;border:1px solid #8ee3e855;border-radius:50%;position:absolute;right:-25px;bottom:22px}.float-tag{position:absolute;bottom:51px;left:20px;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:17px 19px;border-radius:8px;box-shadow:0 18px 30px #06172577;font-size:12px;line-height:1.6}.tag-icon{background:#ddf6f4;color:#169c9c;padding:8px 12px;border-radius:6px;font-size:20px}.float-tag strong{font-weight:800}.section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.kicker{margin-bottom:19px}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.8px;line-height:1.23;margin-bottom:22px}.intro p,.section-heading p,.about p{font-size:16px;line-height:1.9;color:var(--muted)}.intro{padding:95px 0}.services{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.section-heading p{max-width:360px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:#fff;padding:38px 33px;min-height:340px;border:1px solid var(--line);display:flex;flex-direction:column}.service-icon{font-size:48px;line-height:1;color:#1aa6ab;margin-bottom:30px}.num{font-size:11px;color:#93a4b2;letter-spacing:2px}.service-card h3{font-size:20px;margin:15px 0}.service-card p{font-size:14px;line-height:1.8;color:var(--muted);flex:1}.service-card a{font-size:12px;font-weight:800;color:#078d97}.service-card a span{margin-left:9px}.benefits{background:var(--navy);color:white}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.benefits h2{max-width:540px}.benefits p{color:#b4c7d5;line-height:1.9}.light{color:#77d8d8}.text-link{display:inline-block;color:#77d8d8;font-size:13px;font-weight:800;margin-top:22px}.benefit-list>div{display:flex;gap:26px;border-bottom:1px solid #3d566c;padding:23px 0}.benefit-list>div:first-child{padding-top:0}.benefit-list span{font:800 13px Manrope;color:#71d4d5}.benefit-list h3{font-size:17px;margin-bottom:8px}.benefit-list p{font-size:14px;margin-bottom:0}.process h2{margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps>div{border-top:2px solid var(--teal);padding-top:26px}.steps span{font:800 40px Manrope;color:#dce8ec}.steps h3{font-size:19px;margin:18px 0 9px}.steps p{font-size:14px;line-height:1.8;color:var(--muted)}.about{background:#f6f9fa}.company-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.company-facts span{font-size:11px;border:1px solid #d2dfe5;padding:9px 12px;border-radius:4px;font-weight:700}.contact{background:var(--deep);color:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:110px;align-items:center}.contact h2{max-width:570px}.contact p{line-height:1.85;color:#b3c5d1}.email-link{display:inline-block;font:800 clamp(19px,2.5vw,30px) Manrope;color:#7bdada;margin-top:18px}.small-note{font-size:11px!important;max-width:400px}.contact-panel{padding:40px;background:#15364f;border:1px solid #33516a}.contact-panel>span{font-size:11px;letter-spacing:2px;color:#7bdada;font-weight:800}.contact-panel h3{font-size:24px;margin:23px 0 13px}.contact-panel p{font-size:14px}.contact-panel .btn{margin:16px 0 30px}.panel-rule{height:1px;background:#456075;margin-bottom:22px}.contact-panel small{font-size:12px;line-height:2;color:#b3c5d1}footer{background:#071725;color:#c4d3dd;padding:45px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:40px}.footer-main .brandname{color:white}.footer-main p{font-size:12px;margin:0}.footer-main>a:last-child{font-size:13px;color:#83d8d9}.footer-bottom{border-top:1px solid #294154;padding-top:23px;display:flex;justify-content:space-between;gap:20px;color:#91a8b8;font-size:11px}
@media(max-width:980px){nav{gap:15px}.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{padding-top:80px}.hero-art{height:400px}.laptop{left:20%;top:40px}.phone{right:18%;top:90px}.float-tag{bottom:20px;left:20%}.hero-meta{margin-top:40px}.benefit-grid,.contact-grid{gap:50px}.split{gap:45px}}@media(max-width:720px){.header{height:72px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:24px 28px;box-shadow:0 15px 25px #0002}nav.open{display:flex}.container{padding:0 22px}.hero-grid>div:first-child{padding-top:65px}.hero-grid{min-height:auto}h1{font-size:43px;letter-spacing:-2px}.lead{font-size:16px}.hero-art{height:320px;transform:scale(.78);transform-origin:top center;margin-bottom:-70px}.laptop{left:0;top:45px}.phone{right:-10px;top:90px}.float-tag{left:5px;bottom:15px}.section{padding:75px 0}.intro{padding:75px 0}.split,.benefit-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.cards,.steps{grid-template-columns:1fr}.service-card{min-height:280px}.footer-main,.footer-bottom{flex-direction:column;align-items:start}.hero-meta{gap:14px}.benefit-list{margin-top:25px}}@media(max-width:400px){h1{font-size:36px}.hero-art{transform:scale(.66);margin-left:-25px;margin-bottom:-100px}.hero-meta{font-size:10px}.brandname{font-size:21px}}
