:root{--navy:#061629;--navy-2:#0a2340;--navy-3:#0f2f55;--blue:#2ea3dc;--blue-2:#1d86bd;--cyan:#5ad1ff;--ink:#0d1726;--slate:#4c5a6e;--muted:#7a8698;--line:#dfe6ef;--bg:#f5f8fc;--r:12px;--shadow:0 24px 50px -30px rgba(6,22,41,.55)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:400 16.5px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--blue-2)}
h1,h2,h3{font-family:"Saira Semi Condensed",sans-serif;line-height:1.08;margin:0 0 .45em;letter-spacing:-.005em}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800;text-transform:uppercase}
h3{font-size:1.32rem;font-weight:700}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.eyebrow{font:700 .78rem/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.eyebrow.dark{color:var(--blue-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font:700 .95rem Inter,sans-serif;text-decoration:none;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-lg{padding:15px 28px;font-size:1rem}
.btn.sm{padding:9px 16px;font-size:.88rem;margin-top:10px}
.btn-blue{background:linear-gradient(135deg,var(--blue),#1877b9);color:#fff;box-shadow:0 12px 26px -12px rgba(46,163,220,.8)}
.btn-blue:hover{box-shadow:0 16px 30px -12px rgba(46,163,220,.95)}
.btn-line{border-color:rgba(255,255,255,.45);color:#fff}
.btn-line:hover{background:rgba(255,255,255,.08)}
.full{width:100%;grid-column:1/-1}

/* top + header */
.topbar{background:var(--navy);color:#9fb3cc;font-size:.84rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding:7px 0;flex-wrap:wrap}
.tb-right{display:flex;gap:20px}.topbar a{color:#e7f3ff;text-decoration:none;font-weight:600}
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:74px}
.brand{margin-right:auto}.brand img{height:44px;width:auto}
#nav{display:flex;align-items:center;gap:24px}
#nav a:not(.btn){color:var(--ink);text-decoration:none;font:600 .95rem Inter,sans-serif}
#nav a:not(.btn):hover{color:var(--blue-2)}
.menu-btn{display:none;background:none;border:1.5px solid var(--ink);border-radius:999px;padding:8px 16px;font:700 .9rem Inter;color:var(--ink)}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 20%,#123e6b 0%,transparent 55%),radial-gradient(ellipse at 10% 90%,#0c3150 0%,transparent 50%),linear-gradient(160deg,#071a30,#040f1d);color:#d8e6f5;padding:104px 0 110px}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(90,209,255,.18) 1px,transparent 1.2px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 60%);opacity:.5;pointer-events:none}
.fibers{position:absolute;inset:0;width:100%;height:100%}
.f{stroke-width:1.6}
.f.base{stroke:rgba(46,163,220,.18)}
.f.pulse{stroke:url(#g1);stroke-width:2.6;stroke-dasharray:220 1800;filter:drop-shadow(0 0 6px #5ad1ff);animation:run 7s linear infinite}
.p2{animation-delay:-2.5s!important;animation-duration:8.5s!important}.p3{animation-delay:-4.5s!important;animation-duration:9.5s!important}.p4{animation-delay:-1.2s!important;animation-duration:6.5s!important}
@keyframes run{from{stroke-dashoffset:2020}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.f.pulse{animation:none;stroke-dasharray:none;opacity:.35}.track{animation:none!important}}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .8fr;gap:56px;align-items:center}
.hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.1rem);font-weight:800;text-transform:uppercase}
.hero h1 span{display:block;background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:#bcd0e6;max-width:620px;margin:0 0 30px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.quote-card{background:rgba(10,35,64,.72);border:1px solid rgba(90,209,255,.28);border-radius:18px;padding:28px;backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.qc-title{margin:0 0 14px;font:700 .8rem Inter;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.quote-card ul{list-style:none;padding:0;margin:0 0 22px}
.quote-card li{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.quote-card b{font:800 1.9rem/1 "Saira Semi Condensed";color:#fff;min-width:96px}
.quote-card span{color:#a9bfd8;font-size:.95rem}

/* carriers */
.carriers{padding:70px 0 54px;background:var(--bg);border-bottom:1px solid var(--line)}
.carriers-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}
.carriers-head h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:0}
.carriers-head p{color:var(--slate);margin:0}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:18px;width:max-content;animation:slide 45s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track img{height:96px;width:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 10px;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.track img:hover{filter:none;opacity:1}
@keyframes slide{to{transform:translateX(-50%)}}

/* sections */
section{padding:96px 0}
.sec-head{max-width:760px;margin-bottom:44px}
.sec-head p:not(.eyebrow){color:var(--slate);font-size:1.07rem}
.sec-head.center{text-align:center;margin-inline:auto}.sec-head.center .eyebrow{justify-content:center}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sol{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.sol:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(.2);transform-origin:left;transition:transform .3s}
.sol:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfe2f1}
.sol:hover:before{transform:scaleX(1)}
.sol p{color:var(--slate);margin:0}
.ic{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#e6f5fd,#d3ecfa);display:grid;place-items:center;margin-bottom:18px}
.ic svg{width:26px;height:26px;fill:none;stroke:var(--blue-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.segments{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.seg{display:block;text-decoration:none;color:#dbe8f5;border-radius:16px;padding:34px;background:linear-gradient(135deg,var(--navy-2),var(--navy-3));position:relative;overflow:hidden;transition:transform .2s}
.seg:hover{transform:translateY(-3px)}
.seg:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(90,209,255,.35),transparent 65%)}
.seg.alt{background:linear-gradient(135deg,#0b3d63,#1877b9)}
.seg h3{color:#fff;font-size:1.6rem;text-transform:uppercase}
.seg p{margin:0 0 16px;max-width:460px}
.seg b{color:var(--cyan)}
.seg.alt b{color:#fff}
.tag{display:inline-block;font:700 .72rem Inter;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.12);padding:6px 10px;border-radius:999px;margin-bottom:14px;color:#fff}

.how{background:var(--bg);border-block:1px solid var(--line)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s;position:relative}
.steps:before{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 10px,transparent 10px 18px);opacity:.5}
.steps li{position:relative;text-align:center;padding:0 8px}
.steps li>span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:#fff;border:2px solid var(--blue);font:800 1.4rem "Saira Semi Condensed";color:var(--blue-2);position:relative;box-shadow:0 0 0 8px var(--bg)}
.steps p{color:var(--slate);margin:0}

.ai{background:linear-gradient(160deg,#061629,#0a2a4a);color:#c3d5ea;position:relative;overflow:hidden}
.ai:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(90,209,255,.06) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(90,209,255,.06) 0 1px,transparent 1px 80px)}
.ai-grid{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.ai h2{color:#fff}
.ai p{margin:0 0 18px}
.ai-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.ai-list li{background:rgba(255,255,255,.04);border:1px solid rgba(90,209,255,.22);border-left:3px solid var(--cyan);border-radius:10px;padding:16px 18px}
.ai-list b{display:block;color:#fff;font:700 1.15rem "Saira Semi Condensed";text-transform:uppercase;letter-spacing:.02em}
.ai-list span{font-size:.95rem}

.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pw{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:linear-gradient(180deg,#fff,#f7fbff)}
.pw.wide{grid-column:span 3;display:grid;grid-template-columns:auto 1fr 1.4fr;gap:24px;align-items:center;background:linear-gradient(135deg,#eef7fd,#fff)}
.pw.wide h3{margin:0}
.cap{display:inline-block;font:800 1.5rem/1 "Saira Semi Condensed";color:#fff;background:linear-gradient(135deg,var(--blue),#1877b9);padding:8px 14px;border-radius:10px;margin-bottom:14px}
.pw.wide .cap{margin:0}
.pw ul{list-style:none;padding:0;margin:0}
.pw li{padding:7px 0 7px 22px;border-top:1px dashed var(--line);position:relative;color:var(--slate);font-size:.95rem}
.pw li:before{content:"";position:absolute;left:2px;top:15px;width:10px;height:6px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.note{color:var(--muted);margin:22px 0 0;font-size:.95rem}

.about{background:var(--bg);border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.about p{color:var(--slate)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checks div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.checks b{display:block;font:700 1.15rem "Saira Semi Condensed";text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.checks span{color:var(--slate);font-size:.95rem}

.partner{background:linear-gradient(135deg,#0b3d63,#0a2340 60%);color:#c9dbee}
.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.partner h2{color:#fff}
.perks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.perks li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:16px 18px 16px 52px;position:relative;color:#eaf3fc;font-weight:500}
.perks li:before{content:"✓";position:absolute;left:16px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--cyan);color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:.85rem}

.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.quote-copy p{color:var(--slate)}
.contact-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.contact-list li{display:flex;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-weight:600}
.contact-list span{font:700 .72rem Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-width:56px}
.contact-list a{text-decoration:none}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem;color:var(--ink)}
.form label.full{grid-column:1/-1}
.form input,.form select,.form textarea{font:inherit;font-weight:400;padding:12px 13px;border:1px solid #cfd9e5;border-radius:10px;background:#fbfdff;color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--blue);border-color:var(--blue)}
.ok{margin:0;color:#14804a;font-weight:600}

.ftr{background:var(--navy);color:#8ea3bd;padding:64px 0 26px;font-size:.95rem}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.flogo{display:inline-block;background:#fff;border-radius:10px;padding:10px 14px}
.flogo img{height:38px;width:auto}
.ftr h4{color:#fff;font:700 .8rem Inter;letter-spacing:.16em;text-transform:uppercase;margin:6px 0 14px}
.ftr a{color:#d7e5f4;text-decoration:none}
.ftr .fcols a:not(.btn){display:block;margin:6px 0}
.ftr .btn{color:#fff}
.fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;border-top:1px solid #1b3352;margin-top:44px;padding-top:20px;font-size:.85rem}

@media (max-width:1000px){
  .hero-grid,.ai-grid,.about-grid,.partner-grid,.quote-grid,.carriers-head{grid-template-columns:1fr;gap:36px}
  .grid6,.power-grid{grid-template-columns:1fr 1fr}
  .pw.wide{grid-column:1/-1;grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr;row-gap:36px}.steps:before{display:none}
  .fcols{grid-template-columns:1fr 1fr}
  .menu-btn{display:block}
  #nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  #nav.open{display:flex}
  #nav a:not(.btn){padding:12px 4px;border-bottom:1px solid var(--line)}
  #nav .btn{margin-top:12px}
}
@media (max-width:640px){
  body{font-size:16px}
  section{padding:68px 0}
  .hero{padding:68px 0 74px}
  .grid6,.power-grid,.segments,.checks,.steps,.fcols{grid-template-columns:1fr}
  .form{grid-template-columns:1fr;padding:22px}
  .topbar .wrap>span:first-child{display:none}
  .track img{height:72px}
  .brand img{height:36px}
}
.ok{padding:12px 14px;border-radius:8px;background:#e8f6ee}
.ok.err{color:#b42318;background:#fdecea}
.form .small{margin:0;font-size:.82rem;color:#5b6573}
.form .small a{color:inherit;text-decoration:underline}
.legal{padding:56px 0 72px}
.legal .wrap{max-width:820px}
.legal h1{font-family:"Saira Semi Condensed",sans-serif;font-size:2.2rem;margin:0 0 6px}
.legal h2{font-family:"Saira Semi Condensed",sans-serif;font-size:1.35rem;margin:34px 0 8px}
.legal p,.legal li{line-height:1.7;color:#334}
.legal .upd{color:#667;font-size:.9rem}
.form textarea{resize:vertical;min-height:110px}