*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#071a3a;background:#f7f9fd;overflow-x:hidden}header{position:absolute;z-index:10;top:0;left:0;right:0;height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo>span{width:39px;height:39px;border:1px solid #51b5ff;border-radius:10px;display:grid;place-items:center;font-size:23px;font-weight:900;background:linear-gradient(135deg,#168aff,#08285a);box-shadow:0 0 25px #168aff55}.logo>b{letter-spacing:3px;font-size:16px}.logo small{display:block;font-size:7px;letter-spacing:1px;opacity:.6;margin-top:3px}nav{display:flex;gap:28px}nav a,header>div a{color:#dceaff;text-decoration:none;font-size:12px}.btn,.glass,.white,.outline{display:inline-block;padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:800}.btn{background:linear-gradient(135deg,#149cff,#1556e2);color:white!important;box-shadow:0 10px 30px #087cff44}.login{margin-right:12px}.hero{min-height:780px;padding:145px 6vw 100px;background:radial-gradient(circle at 72% 38%,#0e4b8e,#072553 32%,#041126 73%);color:#fff;display:grid;grid-template-columns:45% 55%;align-items:center;position:relative}.copy{z-index:2}.copy em,.heading em,.cta em{font-style:normal;color:#2999ff;font-size:9px;font-weight:900;letter-spacing:2px}.copy h1,.heading h2,.cta h2{font-size:clamp(44px,5.2vw,78px);line-height:1;letter-spacing:-4px;margin:23px 0}.copy h1 i,.heading h2 i{font-style:normal;color:#2e9cff}.copy>p,.heading>p{color:#91a8c4;line-height:1.75;max-width:590px}.actions{display:flex;gap:10px;margin-top:28px}.glass{border:1px solid #ffffff2b;color:#fff}.checks{margin-top:30px;color:#89a5c4;font-size:10px}.visual{height:520px;position:relative;perspective:1100px;z-index:2}.glow{position:absolute;width:420px;height:420px;background:#168dff;filter:blur(100px);opacity:.22;left:20%;top:5%}.dash{position:absolute;left:5%;top:10%;width:92%;height:390px;background:#071a35ee;border:1px solid #3977b555;border-radius:18px;box-shadow:0 45px 90px #0008;transform:rotateY(-8deg) rotateX(5deg);overflow:hidden;transition:.15s}.bar{height:48px;border-bottom:1px solid #ffffff10;padding:15px 18px;font-size:9px}.bar small{float:right;color:#7898b8}.bar i{color:#51dda5}.screen{display:grid;grid-template-columns:115px 1fr;height:342px}.screen aside{border-right:1px solid #ffffff0d;padding:22px 12px;display:flex;flex-direction:column;gap:18px;font-size:8px;color:#7593b2}.screen aside b{color:#58b2ff;background:#168bff18;padding:9px;border-radius:7px}.screen article{padding:22px}.screen h3{margin:0;font-size:18px}.screen h3 small{display:block;color:#7896b5;font-size:8px;font-weight:400;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stats div{background:#ffffff07;border:1px solid #ffffff0d;border-radius:8px;padding:11px}.stats small{font-size:6px;color:#7796b5}.stats b{display:block;font-size:23px;margin:3px 0}.stats i{font-size:6px;color:#50d9a2;font-style:normal}.shipment{display:grid;grid-template-columns:40px 1fr;gap:12px;background:#ffffff07;border:1px solid #ffffff0d;border-radius:9px;padding:14px}.shipment>span{font-size:20px}.shipment small{font-size:6px;color:#7897b6}.shipment b{display:block;font-size:10px;margin-top:4px}.shipment hr{height:2px;border:0;background:linear-gradient(90deg,#168dff 68%,#173958 68%);margin:12px 0}.shipment p{font-size:7px;color:#53d8a2}.shipment strong{float:right}.float{position:absolute;background:#092342e8;border:1px solid #3b80bd77;padding:12px 15px;border-radius:11px;box-shadow:0 20px 45px #0006;font-size:18px;display:flex;gap:9px;animation:float 4s ease-in-out infinite}.float small{display:block;font-size:6px;color:#7197bc}.float b{font-size:9px}.f1{right:-1%;top:3%}.f2{left:-1%;bottom:15%;animation-delay:-2s}.strip{position:relative;margin:-55px 6vw 0;z-index:4;background:white;border:1px solid #e4eaf2;border-radius:16px;box-shadow:0 20px 60px #0a2e5a12;display:grid;grid-template-columns:repeat(4,1fr);padding:26px}.strip>div{display:flex;gap:12px;padding:0 17px;border-right:1px solid #e5ebf2}.strip>div:last-child{border:0}.strip b{color:#268eff;font-size:10px}.strip span{font-size:9px;font-weight:900}.strip small{display:block;color:#8794a5;font-weight:400;margin-top:4px}.section,.tracking{padding:110px 7vw}.heading{margin-bottom:50px}.heading h2{font-size:clamp(38px,4.2vw,64px);color:#071a3a}.heading>p{color:#718095}.grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.card{background:white;border:1px solid #e0e7f0;border-radius:20px;padding:28px;min-height:360px;box-shadow:0 16px 45px #1539680a;transition:.2s}.card>small{color:#218cff;font-weight:900}.card h3{font-size:23px;margin:17px 0 8px}.card>p{color:#768499;font-size:12px}.steps{display:flex;margin-top:60px}.steps b{flex:1;text-align:center;color:#a7b0bd;font-size:10px;border-top:2px solid #e0e6ed;padding-top:12px}.steps b small{display:block;font-size:6px;margin-top:6px}.steps b:nth-child(-n+2),.steps .active{color:#1689f8;border-color:#1689f8}.docs{margin-top:28px}.docs span{display:block;border:1px solid #e5ebf2;border-radius:8px;padding:11px;margin:7px 0;color:#2788e9;font-size:7px}.docs b{color:#203751}.docs i{float:right;color:#2da676;font-style:normal;font-size:6px}.paid{margin-top:45px;background:#f1f7fd;padding:18px;border-radius:13px}.paid small{font-size:6px;color:#8293a7}.paid b{display:block;color:#25a16e;font-size:19px;margin-top:6px}.tracking{background:#05162f;color:#fff}.tracking .heading h2{color:#fff}.map{height:490px;border:1px solid #19436e;border-radius:23px;background:radial-gradient(circle,#0d3c74,#071a36 65%);position:relative;overflow:hidden}.map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#2d6da51a 1px,transparent 1px),linear-gradient(90deg,#2d6da51a 1px,transparent 1px);background-size:35px 35px}.route{position:absolute;left:16%;right:16%;top:51%;border-top:2px dashed #2e90e7;transform:rotate(10deg)}.port{position:absolute;color:#7da5c9;font-size:8px;letter-spacing:1px}.p1{left:12%;top:36%}.p2{right:12%;bottom:28%}.ship{position:absolute;left:17%;top:46%;color:#65bcff;animation:move 7s linear infinite}.trackbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:330px;background:#071d3be8;border:1px solid #2e6ca766;border-radius:17px;padding:23px;backdrop-filter:blur(15px);box-shadow:0 30px 80px #0008}.trackbox>small{font-size:6px;color:#48a6ff;letter-spacing:2px}.trackbox h3{font-size:26px;margin:7px 0}.trackbox p{font-size:9px;color:#7999ba}.trackbox>div{display:flex;justify-content:space-between;margin-top:22px}.trackbox span{font-size:6px;color:#7796b6}.trackbox span b{display:block;color:#fff;font-size:9px;margin-top:4px}.trackbox hr{height:3px;border:0;background:linear-gradient(90deg,#2199ff 68%,#163b60 68%);margin-top:22px}.trackbox footer{font-size:6px;color:#6687a8}.ai{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.soon{display:inline-block;color:#1474d5;background:#edf7ff;border:1px solid #bddcf8;border-radius:99px;padding:8px 12px;font-size:7px;letter-spacing:1px}.chat{background:#071a38;color:#fff;border-radius:23px;padding:24px;min-height:420px;box-shadow:0 35px 80px #0a2d5b30}.chathead{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff10;padding-bottom:16px;color:#49afff}.chathead b{font-size:11px;color:#fff}.chathead small{display:block;color:#7899ba;font-size:7px}.chathead i{margin-left:auto;color:#4cdaa3;font-size:6px}.chat p{padding:13px 15px;border-radius:13px;font-size:10px;line-height:1.6}.user{background:#1989f9;margin-left:25%}.bot{background:#102b50;margin-right:18%}.bot b{display:block;color:#55b6ff;font-size:7px}.chips{font-size:7px;color:#8fb4d8;margin:14px 0}.input{margin-top:35px;background:#0a2345;border:1px solid #26496e;border-radius:11px;padding:13px;color:#6f8baa;font-size:8px}.input b{float:right;color:#fff}.notify{background:#edf4fc;text-align:center;overflow:hidden}.center p{margin:auto}.phone{width:340px;height:420px;margin:35px auto -130px;background:#fff;border:7px solid #08182e;border-radius:38px;padding:35px 17px;text-align:left;box-shadow:0 40px 80px #0d31552b}.phone h3{font-size:19px}.phone h3 small{display:block;color:#9ba7b5;font-size:8px}.phone>div{display:flex;gap:10px;padding:14px 4px;border-bottom:1px solid #edf1f5;color:#1789f8}.phone span b{display:block;color:#172c48;font-size:9px}.phone span small{display:block;color:#7b899a;font-size:8px;margin-top:4px}.cta{margin:0 6vw 70px;padding:65px;background:linear-gradient(125deg,#087ff2,#0746b7);border-radius:27px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 35px 70px #0a5cc633}.cta h2{font-size:clamp(40px,4.4vw,63px);margin:16px 0}.cta p{color:#c3ddff}.cta>div:last-child{display:flex;flex-direction:column;gap:9px;min-width:180px}.white{background:#fff;color:#0964d1}.outline{border:1px solid #ffffff55;color:#fff}footer{background:#041126;color:#a3bad2;padding:55px 7vw;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px}footer .logo{color:#fff}footer>div{display:flex;flex-direction:column;gap:8px}footer>div>b{font-size:7px;color:#4c8fce;letter-spacing:1px}footer a{color:#9eb5cc;text-decoration:none;font-size:10px}footer p{text-align:right;font-size:8px;line-height:1.7}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-11px)}}@keyframes move{from{left:17%}to{left:78%}}@media(max-width:900px){nav{display:none}.login{display:none}.hero{grid-template-columns:1fr;min-height:1080px;padding-top:125px}.visual{height:450px;margin-top:25px}.strip{grid-template-columns:1fr 1fr}.grid,.ai{grid-template-columns:1fr}.cta{display:block}.cta>div:last-child{margin-top:25px;flex-direction:row}footer{grid-template-columns:1fr 1fr}footer .logo,footer p{grid-column:1/-1}footer p{text-align:left}}@media(max-width:560px){header{padding:0 5vw}.hero h1{font-size:44px;letter-spacing:-2px}.hero{min-height:1000px}.visual{height:390px}.dash{left:0;width:100%;height:335px}.screen{grid-template-columns:80px 1fr}.screen article{padding:14px}.stats div{padding:8px}.stats b{font-size:17px}.float{transform:scale(.8)}.strip{grid-template-columns:1fr}.strip>div{border:0;padding:10px}.section,.tracking{padding:80px 6vw}.heading h2{letter-spacing:-2px}.map{height:480px}.port{display:none}.trackbox{width:86%}.phone{width:300px}.cta{padding:40px 27px}.cta>div:last-child{flex-direction:column}footer{grid-template-columns:1fr}}
.shipping-lines{padding:105px 0 95px;background:linear-gradient(180deg,#041126,#071d40 58%,#041126);color:#fff;overflow:hidden;position:relative}.shipping-lines .heading{padding:0 7vw;margin-bottom:42px}.shipping-lines .heading h2{color:#fff}.shipping-lines .heading p{margin-left:auto;margin-right:auto;color:#8fa9c5}.lines-stage{position:relative;perspective:1200px;padding:30px 0 42px}.lines-glow{position:absolute;width:60%;height:150px;left:20%;top:30px;background:#168dff;filter:blur(100px);opacity:.18}.lines-track{width:max-content;display:flex;gap:22px;padding:15px 11px;animation:linescroll 26s linear infinite;transform-style:preserve-3d}.lines-stage:hover .lines-track{animation-play-state:paused}.line-card{width:260px;height:128px;flex:0 0 auto;border:1px solid #2d6fa777;background:linear-gradient(145deg,#0b2b55dd,#06162ddd);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 55px #0008,inset 0 1px #ffffff14;backdrop-filter:blur(14px);transform:rotateY(-8deg) translateZ(0);transition:.35s;position:relative;overflow:hidden}.line-card:before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(115deg,transparent 42%,#ffffff1d 50%,transparent 58%);transform:translateX(-70%);transition:.5s}.line-card:hover{transform:rotateY(0) translateY(-12px) translateZ(35px);border-color:#4fb7ff;box-shadow:0 35px 75px #007eff3d,0 0 30px #168dff35}.line-card:hover:before{transform:translateX(70%)}.line-card span{font-size:25px;font-weight:950;letter-spacing:1px;color:#fff;text-shadow:0 0 22px #3ca8ff77}.line-card small{font-size:7px;color:#7199c2;margin-top:9px;letter-spacing:1.1px;text-transform:uppercase}.lines-note{max-width:850px;margin:5px auto 0;padding:0 7vw;text-align:center;color:#86a1be;font-size:11px;line-height:1.8}.lines-note:before{content:"⚓";display:block;color:#38aaff;font-size:22px;margin-bottom:12px}@keyframes linescroll{from{transform:translateX(0)}to{transform:translateX(-1128px)}}
@media(max-width:560px){.shipping-lines{padding:78px 0 70px}.line-card{width:205px;height:108px}.line-card span{font-size:20px}.lines-track{gap:15px;animation-duration:20s}@keyframes linescroll{from{transform:translateX(0)}to{transform:translateX(-880px)}}}
/* CLEARIX official brand asset */
.brand-logo{display:flex!important;align-items:center;min-width:190px}
.brand-logo img{display:block;width:190px;height:76px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 24px rgba(0,103,255,.16))}
.footer-brand img{width:210px;height:110px}
/* Shipping lines 3D brand wall */
.shipping-lines{overflow:hidden;position:relative}
.lines-stage{perspective:1200px}
.lines-track{align-items:stretch}
.line-card.brand{min-width:255px;min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;transform-style:preserve-3d;backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09)}
.line-card.brand:hover{transform:translateY(-10px) rotateX(7deg) rotateY(-5deg) scale(1.04);box-shadow:0 30px 75px rgba(0,110,255,.26),inset 0 1px rgba(255,255,255,.16)}
.brandmark{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;transform:translateZ(28px);white-space:nowrap}
.brandmark strong{font-size:26px;letter-spacing:-1px;font-weight:900}
.brandmark b{font-size:26px}
.line-card.brand small{transform:translateZ(14px);opacity:.65;letter-spacing:.08em;text-transform:uppercase;font-size:9px}
.msc .brandmark{color:#fff}.msc .brandmark b{font-size:46px;line-height:.7}.msc .brandmark strong{font-size:30px}
.cma .brandmark strong{color:#fff}.cma .brandmark i{display:block;width:34px;height:5px;background:#ef3340;border-radius:100%;transform:rotate(-18deg)}
.maersk .brandmark b{background:#42b0d5;color:white;width:42px;height:42px;border-radius:4px;display:grid;place-items:center}.maersk .brandmark strong{color:#fff}
.hapag .brandmark b{color:#ff6b00}.hapag .brandmark strong{color:#fff}
.cosco .brandmark b{color:#e31b23;font-size:44px}.cosco .brandmark strong{color:#1680bd;font-size:23px}
.one .brandmark{background:#c6007e;padding:4px 18px;border-radius:8px}.one .brandmark strong{color:white;font-size:42px;letter-spacing:-3px}
.evergreen .brandmark{color:#00a651}.evergreen .brandmark strong{font-size:24px}
.pil .brandmark b{color:#1389ca;font-size:40px}.pil .brandmark strong{color:#ed1c24;font-size:36px}
.zim .brandmark{flex-direction:column;gap:0}.zim .brandmark b{color:#fff;font-size:11px;letter-spacing:6px}.zim .brandmark strong{color:#fff;font-size:38px}
.lines-disclaimer{max-width:850px;margin:16px auto 0;text-align:center;font-size:11px;opacity:.46;line-height:1.6}
@media(max-width:760px){.brand-logo{min-width:112px}.brand-logo img{width:112px;height:54px}.footer-brand img{width:170px;height:88px}.line-card.brand{min-width:210px;min-height:125px}.brandmark strong{font-size:22px}.lines-disclaimer{padding:0 22px}}
/* V4 mobile stability + cache-busted deployment */
@media(max-width:760px){
header{height:72px;padding:0 18px;gap:12px} header .brand-logo{min-width:0;flex:0 0 128px} header .brand-logo img{width:128px!important;height:58px!important;max-width:128px!important;object-fit:contain} header>div{display:flex;align-items:center} header .btn{padding:11px 13px;font-size:11px;white-space:nowrap}
.hero{padding-left:22px;padding-right:22px} .section,.tracking{padding-left:22px;padding-right:22px} .grid{width:100%;gap:18px}.card{width:100%;min-width:0}.shipping-lines .heading{padding:0 22px}.shipping-lines .heading h2{font-size:38px;line-height:1.02;letter-spacing:-2px}.shipping-lines .heading h2 br{display:none}.lines-stage{width:100%;overflow:hidden}.lines-track{display:flex!important;flex-direction:row!important;width:max-content!important;gap:15px!important}.line-card.brand{display:flex!important;width:210px!important;min-width:210px!important;height:125px!important;min-height:125px!important;border:1px solid #2d6fa777!important;background:linear-gradient(145deg,#0b2b55dd,#06162ddd)!important;border-radius:22px!important}.lines-note,.lines-disclaimer{padding-left:22px;padding-right:22px}.footer-brand img{max-width:170px!important}
}
/* CLEARIX V5 — Language switcher */
.header-actions{display:flex;align-items:center;gap:10px}
.lang-switcher{position:relative}
.lang-button{height:42px;padding:0 12px;border:1px solid #ffffff2b;border-radius:11px;background:#ffffff0c;color:#fff;display:flex;align-items:center;gap:7px;font:800 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.lang-button:hover{background:#ffffff16}.lang-flag{font-size:15px}.lang-chevron{opacity:.7;font-size:14px}
.lang-menu{position:absolute;right:0;top:50px;width:168px;padding:7px;background:#fff;border:1px solid #dce7f2;border-radius:13px;box-shadow:0 18px 55px #001b3c30;display:none;z-index:100}
.lang-switcher.open .lang-menu{display:block}
.lang-menu button{width:100%;border:0;background:transparent;border-radius:9px;padding:10px 11px;text-align:left;color:#0a2345;font:700 11px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;display:flex;gap:9px;align-items:center}
.lang-menu button:hover,.lang-menu button.active{background:#edf6ff;color:#087ff2}
@media(max-width:900px){header .login{display:none}.header-actions{gap:7px}.lang-button{height:40px;padding:0 9px}.lang-menu{right:0}}
@media(max-width:560px){header .brand-logo{flex-basis:108px!important}header .brand-logo img{width:108px!important;max-width:108px!important;height:52px!important}.lang-button{height:38px;padding:0 8px}.lang-flag{font-size:14px}.lang-code{font-size:10px}.lang-chevron{display:none}header .btn{padding:10px 10px!important;font-size:10px!important}.lang-menu{position:fixed;top:68px;right:12px;width:174px}}
/* CLEARIX V6 — Pay Later trust proposition */
.paylater-card{margin-top:24px;max-width:650px;display:flex;gap:15px;align-items:flex-start;padding:18px 19px;border:1px solid #3b8bd466;border-radius:16px;background:linear-gradient(135deg,#0b315bbb,#071f40bb);box-shadow:0 18px 50px #00152d55,inset 0 1px #ffffff12;backdrop-filter:blur(14px)}
.paylater-icon{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1aa3ff,#1760e5);box-shadow:0 0 25px #168cff55;color:#fff;font-weight:900}
.paylater-copy>small{display:block;color:#63bdff;font-size:8px;letter-spacing:1.7px;font-weight:900;margin:1px 0 6px}
.paylater-copy h3{font-size:16px;line-height:1.25;margin:0 0 7px;color:#fff;letter-spacing:-.2px}
.paylater-copy p{font-size:9px;line-height:1.6;color:#9fb8d4;margin:0}.paylater-copy p strong{color:#dbeeff}
.paylater-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.paylater-points span{padding:6px 9px;border:1px solid #2d6da777;border-radius:99px;background:#0d3763;color:#c5e4ff;font-size:7px;font-weight:800}
@media(max-width:560px){.paylater-card{padding:15px;margin-top:20px;gap:11px}.paylater-icon{flex-basis:34px;width:34px;height:34px}.paylater-copy h3{font-size:14px}.paylater-copy p{font-size:8.5px}.paylater-points span{font-size:6.5px}}
/* CLEARIX V6.1 — HEADER LOGO VISIBILITY FIX */
header .brand,
header .brand img,
.nav .brand,
.nav .brand img,
.brand img {
opacity: 1 !important;
filter: brightness(1.55) contrast(1.12) saturate(1.18) drop-shadow(0 5px 14px rgba(0,0,0,.22)) !important;
mix-blend-mode: normal !important;
}
header .brand img,
.nav .brand img {
object-fit: contain !important;
}
/* V6.2: dedicated header logo asset for dark background */
header .brand-logo img{
opacity:1!important;
filter:drop-shadow(0 5px 16px rgba(0,0,0,.25))!important;
mix-blend-mode:normal!important;
}