:root{
  --navy:#071a33;
  --navy2:#0b2947;
  --teal:#08c9df;
  --cyan:#19d7e8;
  --blue:#178bd1;
  --ink:#10213a;
  --muted:#5f7188;
  --line:#dfe8f0;
  --soft:#f5f9fc;
  --white:#fff;
  --shadow:0 18px 55px rgba(7,26,51,.10);
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:var(--navy);color:#cfe2f3;font-size:13px}
.topbar .container{height:36px;display:flex;justify-content:flex-end;align-items:center;gap:24px}
.nav{height:76px;background:#fff;border-bottom:1px solid rgba(10,35,60,.08);position:sticky;top:0;z-index:50}
.nav .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{width:184px;height:auto}
.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;color:#24364f}
.navlinks a{padding:28px 0;position:relative}
.navlinks a:hover,.navlinks a.active{color:#009fbd}
.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:var(--teal)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:13px 21px;font-weight:700;font-size:14px;transition:.2s}
.nav-cta,.btn-primary{background:linear-gradient(135deg,#0ab8d2,#0b8fc1);color:#fff;box-shadow:0 10px 24px rgba(0,168,201,.22)}
.btn-primary:hover,.nav-cta:hover{transform:translateY(-2px)}
.btn-outline{border:1px solid #cbd9e6;color:var(--navy);background:#fff}
.btn-outline:hover{border-color:#8ccbd7}
.mobile-toggle{display:none;background:none;border:0;font-size:26px}
.hero{background:linear-gradient(115deg,#071b32 0%,#0b2c49 52%,#0d5b79 100%);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(25,215,232,.20),transparent 30%),radial-gradient(circle at 20% 90%,rgba(14,142,196,.22),transparent 32%)}
.hero .container{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:35px;align-items:center;min-height:570px;padding:72px 0}
.eyebrow{font-size:12px;letter-spacing:4px;font-weight:800;color:#73e5ee;text-transform:uppercase;margin-bottom:17px}
.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.5px;margin:0 0 20px;font-weight:800}
.hero h1 span{color:#20d8e8}
.hero p{font-size:19px;line-height:1.55;color:#d8e8f3;max-width:650px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;color:#d8e8f3;font-size:13px}
.hero-points span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#13c8de;color:#04243a;margin-right:7px;font-weight:900}
.hero-visual{min-height:390px;display:flex;align-items:center;justify-content:center;position:relative}
.globe{width:355px;height:355px;border-radius:50%;background:
 radial-gradient(circle at 35% 30%,#294c69 0 3px,transparent 4px),
 radial-gradient(circle at 65% 62%,#1a3c59 0 2px,transparent 3px),
 radial-gradient(circle at 55% 40%,#1a3c59 0 2px,transparent 3px),
 linear-gradient(135deg,#132f49,#071b30);
box-shadow:inset 0 0 70px rgba(0,0,0,.45),0 25px 80px rgba(0,0,0,.25);position:relative;border:1px solid rgba(255,255,255,.12)}
.globe:before{content:"";position:absolute;width:150px;height:105px;left:115px;top:70px;background:linear-gradient(135deg,#0fcce0,#167fd0);clip-path:polygon(5% 30%,25% 12%,38% 18%,55% 5%,75% 18%,95% 45%,83% 62%,70% 58%,60% 88%,40% 72%,24% 88%,18% 60%,2% 52%);filter:drop-shadow(0 12px 20px rgba(0,213,234,.28))}
.route{position:absolute;left:70px;top:220px;width:245px;height:100px;border-top:2px dashed rgba(32,216,232,.75);border-radius:50%;transform:rotate(-10deg)}
.route:after{content:"";position:absolute;right:-3px;top:-5px;width:10px;height:10px;border-radius:50%;background:#25e2ed;box-shadow:0 0 18px #25e2ed}
.float-card{position:absolute;background:rgba(255,255,255,.97);color:var(--ink);border-radius:16px;padding:14px 16px;box-shadow:0 18px 45px rgba(0,0,0,.25);display:flex;gap:12px;align-items:center;min-width:205px}
.float-card strong{display:block;font-size:13px}.float-card small{display:block;color:var(--muted);font-size:11px}
.avatar{width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,#18cfe0,#1b7fc6);display:grid;place-items:center;color:#fff;font-weight:800}
.card-a{right:0;top:30px}.card-b{left:5px;bottom:45px}.card-c{right:10px;bottom:8px}
.services{margin-top:-36px;position:relative;z-index:3}
.service-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:14px}
.service-card{background:#fff;border:1px solid #e0e9f1;border-radius:20px;padding:24px;box-shadow:0 15px 40px rgba(8,34,60,.09);min-height:220px}
.service-card.primary{background:linear-gradient(135deg,#f3fcff,#eaf8fc)}
.service-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#e5f8fc;color:#079bb8}
.badge{font-size:10px;font-weight:900;letter-spacing:.7px;padding:7px 10px;border-radius:999px;background:#e9dcff;color:#6932bd;white-space:nowrap}
.badge.green{background:#d9f7ef;color:#00836e}
.service-card h3{font-size:21px;line-height:1.15;margin:17px 0 8px}
.service-card p{color:var(--muted);font-size:14px;margin:0 0 15px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:7px;color:#344a63;font-size:13px}
.checks li:before{content:"✓";color:#05a8c4;font-weight:900;margin-right:7px}
.service-card .btn{margin-top:18px}
.strip{padding:44px 0;background:#f6fafc}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.strip-item{display:flex;gap:13px}.strip-icon{font-size:25px;color:#078fb3}.strip-item strong{display:block;font-size:14px}.strip-item span{display:block;color:var(--muted);font-size:12px}
.section{padding:92px 0}.section.alt{background:var(--soft)}
.kicker{color:#078fac;font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase}
.section h2{font-size:42px;line-height:1.1;letter-spacing:-1.4px;margin:10px 0 16px;color:var(--navy)}
.section-lead{color:var(--muted);max-width:720px;font-size:17px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.visual-panel{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.visual-panel img{width:100%;height:100%;object-fit:cover}
.bullets{display:grid;gap:12px;margin:25px 0}.bullet{display:flex;gap:12px}.bullet b{font-size:15px}.bullet span{color:var(--muted);font-size:14px}
.bullet-mark{width:24px;height:24px;border-radius:50%;background:#e0f8fc;color:#008faa;display:grid;place-items:center;font-weight:900;flex:0 0 24px}
.dark-band{background:var(--navy);color:#fff}.dark-band h2{color:#fff}.dark-band .section-lead{color:#b9cbd9}
.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;margin-top:35px}
.industry{padding:24px 16px;border-right:1px solid rgba(255,255,255,.12);text-align:center;color:#dceaf4}.industry:last-child{border-right:0}.industry .i{font-size:27px;color:#27d6e5;margin-bottom:9px}.industry span{font-size:12px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.step{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.step .num{font-size:12px;font-weight:900;color:#0ba7c2}.step h3{font-size:17px;margin:8px 0}.step p{color:var(--muted);font-size:13px;margin:0}
.page-hero{background:linear-gradient(120deg,#071a33,#0b4160);color:#fff;padding:80px 0}.page-hero h1{font-size:50px;line-height:1.05;margin:8px 0 15px}.page-hero p{max-width:760px;color:#d5e6f1;font-size:17px}.breadcrumbs{font-size:12px;color:#78dce7}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.feature{padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff}.feature h3{margin:15px 0 8px}.feature p{color:var(--muted);font-size:14px}
.product-hero{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:center}.product-card{border-radius:26px;background:linear-gradient(135deg,#f1fbff,#e7f5ff);padding:30px;border:1px solid #cfeaf2;box-shadow:var(--shadow)}.product-card .big-icon{font-size:70px}.product-card h3{font-size:24px;margin:8px 0}.product-card p{color:var(--muted)}
.coming{display:inline-flex;align-items:center;gap:8px;background:#e9dcff;color:#6b35bb;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.8px}
.callout{background:linear-gradient(135deg,#061a32,#0a5270);color:#fff;border-radius:28px;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.callout h2{color:#fff;margin:0 0 8px}.callout p{color:#cfe0ec;margin:0;max-width:650px}
.table-wrap{overflow:auto}.pricing{width:100%;border-collapse:collapse;margin-top:30px}.pricing th,.pricing td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:14px}.pricing th{background:#f6fafc}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid #cfdae5;border-radius:11px;padding:13px 14px;font:inherit;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#5bc9d7;box-shadow:0 0 0 3px rgba(17,200,220,.10)}
.footer{background:#06182d;color:#c9d7e3;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer .logo{filter:brightness(0) invert(1);opacity:.95;width:180px}.footer p{font-size:13px;color:#91a7ba;max-width:350px}.footer h4{color:#fff;margin:0 0 13px}.footer a{display:block;font-size:13px;color:#a7b8c8;margin:8px 0}.footer a:hover{color:#3fe1ed}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:40px;padding-top:20px;font-size:12px;color:#758da3;display:flex;justify-content:space-between;gap:15px}
.notice{padding:15px 18px;border-radius:13px;background:#fff7e6;border:1px solid #f0d9a6;color:#73551c;font-size:13px}
.faq{display:grid;gap:12px;margin-top:30px}.faq details{border:1px solid var(--line);border-radius:14px;padding:17px 20px;background:#fff}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);font-size:14px;margin:10px 0 0}
@media(max-width:980px){
 .navlinks{display:none}.mobile-toggle{display:block}.nav-cta{display:none}
 .hero .container,.split,.product-hero{grid-template-columns:1fr}.hero h1{font-size:47px}.hero-visual{min-height:360px}
 .service-grid{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:repeat(3,1fr)}.industry:nth-child(3){border-right:0}.industry{border-bottom:1px solid rgba(255,255,255,.12)}
 .process{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .container{width:min(var(--max),calc(100% - 28px))}.topbar{display:none}.nav{height:68px}.logo{width:165px}
 .hero .container{padding:55px 0}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero p{font-size:16px}.hero-visual{transform:scale(.82);margin:-25px 0}
 .strip-grid,.process,.feature-grid,.industry-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
 .section{padding:65px 0}.section h2{font-size:34px}.page-hero h1{font-size:38px}.callout{padding:30px;display:block}.callout .btn{margin-top:20px}
 .footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:7px}
}

.map-card{min-height:390px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.map-card iframe{width:100%;height:390px;border:0;display:block}.contact-details-grid{align-items:stretch}
@media(max-width:640px){.map-card,.map-card iframe{min-height:320px;height:320px}}