:root{
  --navy:#071521; --navy2:#0b2233; --blue:#0d6efd; --cyan:#18b6d9;
  --orange:#ff8a34; --light:#f5f8fb; --white:#fff; --text:#243746;
  --muted:#6b7b88; --border:#e6edf2; --shadow:0 18px 50px rgba(7,21,33,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.topbar{background:#05111b;color:#c9d6df;font-size:13px;padding:9px 0}
.topbar .container{display:flex;justify-content:space-between;gap:20px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900;font-size:27px;letter-spacing:-1px;color:var(--navy)}
.logo span{color:var(--orange)}.navlinks{display:flex;gap:30px;align-items:center;font-weight:650;font-size:14px}
.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:13px 20px;font-weight:800;cursor:pointer;transition:.2s}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(255,138,52,.22)}.btn-primary:hover{transform:translateY(-2px)}
.btn-dark{background:var(--navy);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.25);color:#fff}
.menu{display:none;background:none;border:0;font-size:27px}
.hero{background:linear-gradient(120deg,#06141f 0%,#0a2739 55%,#0c4355 100%);color:#fff;min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-260px;top:-180px;background:radial-gradient(circle,rgba(24,182,217,.3),transparent 65%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative;z-index:2}
.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#8fe9ff;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--orange)}
h1{font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-3px;margin:18px 0}
.hero p{font-size:18px;color:#c9d9e3;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.route{height:310px;border-radius:13px;background:linear-gradient(145deg,#0d3346,#09202e);position:relative;overflow:hidden}
.route:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:45px 45px;transform:skewY(-8deg) scale(1.3)}
.ship{position:absolute;left:13%;top:51%;width:75%;height:2px;background:linear-gradient(90deg,var(--orange),#65e2ff);box-shadow:0 0 18px rgba(24,182,217,.5)}
.pin{position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.12),0 0 20px #18b6d9}
.p1{left:12%;top:47%}.p2{right:13%;top:48%}.route-label{position:absolute;bottom:20px;left:20px;color:#bcd0dc;font-size:12px}
.stats{margin-top:-48px;position:relative;z-index:5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.stat{padding:25px;text-align:center;border-right:1px solid var(--border)}.stat:last-child{border:0}.stat strong{display:block;font-size:25px;color:var(--navy)}.stat span{font-size:12px;color:var(--muted)}
.section{padding:95px 0}.section-light{background:var(--light)}.section-head{max-width:700px;margin-bottom:45px}.section-head h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px;margin:10px 0}.section-head p{color:var(--muted)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{padding:30px;background:#fff;border:1px solid var(--border);border-radius:15px;transition:.25s}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:50px;height:50px;border-radius:12px;background:#eaf8fc;color:#087c99;display:grid;place-items:center;font-size:22px;margin-bottom:20px}.service h3{margin:0 0 8px;font-size:20px}.service p{margin:0;color:var(--muted);font-size:14px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-visual{min-height:430px;border-radius:20px;background:linear-gradient(135deg,#092132,#126077);position:relative;overflow:hidden;box-shadow:var(--shadow)}.about-visual .box{position:absolute;background:#fff;border-radius:12px;padding:18px;box-shadow:0 15px 35px rgba(0,0,0,.2)}.box.one{left:28px;bottom:30px}.box.two{right:28px;top:35px}.about h2{font-size:42px;line-height:1.1;margin:0 0 18px}.check{display:flex;gap:10px;margin:15px 0}.check b{color:#0b9b76}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:30px;border-radius:15px;background:#fff;border:1px solid var(--border)}.number{font-size:13px;color:var(--orange);font-weight:900}.step h3{margin:8px 0}.step p{color:var(--muted);font-size:14px}
.cta{background:var(--navy);color:#fff;border-radius:22px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:0 0 8px}.cta p{color:#bdcbd4;margin:0}
.page-hero{background:var(--navy);color:#fff;padding:85px 0}.page-hero h1{font-size:55px;margin:0 0 10px}.page-hero p{color:#c4d4dd;max-width:700px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.contact-card,.form{border:1px solid var(--border);border-radius:16px;padding:30px}.contact-item{padding:17px 0;border-bottom:1px solid var(--border)}.contact-item:last-child{border:0}.contact-item small{display:block;color:var(--muted)}.contact-item strong{font-size:17px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:750}input,textarea,select{font:inherit;border:1px solid #dce5eb;border-radius:9px;padding:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue)}textarea{min-height:150px;resize:vertical}
.privacy h2{margin-top:35px}.privacy p,.privacy li{color:var(--muted)}
footer{background:#041019;color:#b7c6cf;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-title{color:#fff;font-weight:800;margin-bottom:15px}.footer-links{display:grid;gap:9px;font-size:14px}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.08)}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:auto;padding:80px 0 100px}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.services,.process{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.cta{flex-direction:column;align-items:flex-start;padding:35px}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero h1{font-size:44px}}