:root{--bg:#061722;--bg2:#0b2532;--card:#0e2b39;--cyan:#55ddd6;--cyan2:#b6fff7;--white:#f7fbfc;--ink:#0d222c;--muted:#71838b;--line:#dbe6e8;--soft:#eef5f6;--gold:#e4c17a;--green:#71d59e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;margin:auto;padding:0 28px}
.top{background:#031019;color:#8ca4ae;font-size:12px;border-bottom:1px solid #17323e}.top .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.live{display:inline-flex;align-items:center;gap:7px}.live:before{content:"";width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}
header{position:sticky;top:0;z-index:50;background:rgba(6,23,34,.96);backdrop-filter:blur(12px);color:white;border-bottom:1px solid #17323e}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:21px;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;gap:10px}.logo{width:35px;height:35px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-weight:900;transform:rotate(-18deg)}.brand i{font-style:normal;color:var(--cyan)}nav{display:flex;align-items:center;gap:22px;font-size:12px;color:#bfd0d6}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--cyan);color:#05212b;font-weight:850;padding:13px 17px;border:0;cursor:pointer}.ghost{background:transparent;color:white;border:1px solid #48636f}
.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(4,20,30,.97),rgba(4,20,30,.75)),url('https://upload.wikimedia.org/wikipedia/commons/8/84/Panorama_of_Container_Ship_Transiting_Panama_Canal.jpg') center/cover;color:white;padding:92px 0 82px}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(85,221,214,.2),transparent 30%)}.heroGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#168e8b;font-weight:900}.hero .eyebrow{color:#7de9e3}.hero h1{font-size:62px;line-height:1;letter-spacing:-2.2px;margin:16px 0 23px;max-width:760px}.hero h1 span{color:var(--cyan)}.lead{font-size:17px;line-height:1.7;color:#bfd0d6;max-width:690px}.actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.proof div{border-left:2px solid var(--cyan);padding-left:12px}.proof b{display:block;font-size:14px}.proof span{font-size:11px;color:#92a8b1}
.panel{background:rgba(255,255,255,.97);color:var(--ink);border-radius:15px;padding:25px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.panel h3{margin:0 0 6px}.panel p{font-size:12px;color:var(--muted);margin:0 0 18px}.field{margin-bottom:10px}.field label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#7b8b92;font-weight:800;margin:0 0 5px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #d6e1e4;border-radius:7px;background:#f9fbfb;font:inherit;font-size:13px;outline:none}.field textarea{min-height:76px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel .btn{width:100%}.fine{font-size:9px!important;text-align:center;margin-top:10px!important}
.strip{border-bottom:1px solid var(--line)}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:24px 18px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font-size:19px}.stat span{font-size:11px;color:var(--muted)}
section{padding:78px 0}.title{font-size:42px;letter-spacing:-1.3px;line-height:1.08;margin:11px 0 14px}.desc{color:var(--muted);line-height:1.7;max-width:760px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.card{border:1px solid var(--line);border-radius:12px;padding:23px;background:white}.card.darkcard{background:#0b2532;border-color:#24424f;color:white}.card h3{font-size:17px;margin:15px 0 8px}.card p{font-size:12px;color:var(--muted);line-height:1.6}.darkcard p{color:#9db2bb}.icon{width:38px;height:38px;border-radius:9px;background:#e5f8f6;color:#168c88;display:grid;place-items:center;font-weight:900}.tag{display:inline-block;font-size:9px;padding:5px 7px;border-radius:99px;background:#e8f7f5;color:#168c88;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.dark{background:var(--bg);color:white}.dark .desc{color:#9eb3bc}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.channel{background:linear-gradient(145deg,#0d2b39,#081d28);border:1px solid #234451;border-radius:13px;padding:24px;min-height:235px;position:relative;overflow:hidden}.channel:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #2d5662;border-radius:50%;right:-45px;top:-45px}.channel h3{font-size:21px;margin:16px 0 7px}.channel p{font-size:12px;line-height:1.6;color:#9db2bb}.channel small{color:var(--cyan);font-weight:800}
.soft{background:var(--soft)}.tools{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.tool{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.tool h3{margin:0 0 5px}.tool .out{background:#071d28;color:white;border-radius:9px;padding:18px;margin-top:14px}.out strong{font-size:27px;color:var(--cyan)}.out small{display:block;color:#93aab3;margin-top:5px}.slider{width:100%}.checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check{padding:10px;border:1px solid var(--line);border-radius:7px;font-size:11px;background:#fbfdfd}
.ops{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.steps{border-top:1px solid #29434f}.step{display:grid;grid-template-columns:52px 1fr;padding:20px 0;border-bottom:1px solid #29434f}.step b{color:var(--cyan);font-size:11px}.step h3{margin:0 0 6px;font-size:16px}.step p{margin:0;color:#9db2bb;font-size:12px;line-height:1.55}
.dashboard{background:#fff;border-radius:14px;overflow:hidden;color:var(--ink);box-shadow:0 20px 70px rgba(0,0,0,.25)}.dashbar{background:#0d2c3a;color:white;padding:13px 17px;display:flex;justify-content:space-between;font-size:11px}.dashmain{padding:19px}.shiprow{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.shiprow h4{margin:0 0 3px}.shiprow span{font-size:10px;color:var(--muted)}.status{font-size:9px;padding:6px 8px;border-radius:99px;background:#e7f7ef;color:#18764d;font-weight:900}.amber{background:#fff4dd;color:#8c6619}
.videoBox{margin-top:34px;display:grid;grid-template-columns:1.2fr .8fr;background:#071d28;color:white;border-radius:14px;overflow:hidden}.videoVisual{min-height:350px;background:linear-gradient(90deg,rgba(3,17,25,.25),rgba(3,17,25,.7)),url('https://upload.wikimedia.org/wikipedia/commons/8/84/Panorama_of_Container_Ship_Transiting_Panama_Canal.jpg') center/cover;display:grid;place-items:center}.play{width:74px;height:74px;border-radius:50%;background:rgba(85,221,214,.92);color:#05212b;display:grid;place-items:center;font-size:25px}.videoCopy{padding:38px}.videoCopy h3{font-size:29px;margin:12px 0}.videoCopy p{color:#9eb3bc;line-height:1.7;font-size:13px}
.faq{max-width:900px;margin-top:30px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);font-size:13px;line-height:1.65}
.cta{background:linear-gradient(120deg,#0b2b39,#0d4650);color:white;border-radius:15px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{font-size:32px;margin:0 0 8px}.cta p{margin:0;color:#b7cbd2}
footer{background:#031019;color:#8299a3;padding:42px 0 30px;font-size:11px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footergrid h4{color:white;margin:0 0 12px}.footergrid a{display:block;margin:8px 0}.legal{border-top:1px solid #17323e;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
.modal{display:none;position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.72);padding:20px}.modal.open{display:grid;place-items:center}.modalbox{background:white;max-width:720px;width:100%;max-height:92vh;overflow:auto;border-radius:14px;padding:25px}.close{float:right;border:0;background:#edf3f4;border-radius:50%;width:32px;height:32px}
.pageHero{background:linear-gradient(115deg,#061722,#0d3443);color:white;padding:70px 0}.pageHero h1{font-size:50px;margin:10px 0 15px}.notice{padding:13px;border-left:3px solid var(--cyan);background:#eaf8f7;font-size:12px;line-height:1.55}
@media(max-width:950px){nav a:not(.navcta){display:none}.heroGrid,.ops,.videoBox{grid-template-columns:1fr}.cards,.channels{grid-template-columns:1fr 1fr}.tools{grid-template-columns:1fr}.hero h1{font-size:50px}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 18px}.top{display:none}.nav{height:66px}.brand{font-size:18px}.navcta{padding:10px;font-size:10px}.hero{padding:55px 0}.hero h1{font-size:39px}.lead{font-size:15px}.proof{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr}.stat{padding:18px 8px}.cards,.channels{grid-template-columns:1fr}.title{font-size:33px}.checkgrid{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr}.legal{display:block}.cta{display:block;padding:28px}.cta .btn{margin-top:20px}.pageHero h1{font-size:38px}}

/* v2 command center */
.lang{background:#102c36;color:#d8f6f4;border:1px solid #31515b;border-radius:10px;padding:9px 8px;font-weight:800}.command{background:linear-gradient(180deg,#061b24,#092731);color:#fff}.commandHead{display:flex;justify-content:space-between;gap:24px;align-items:end}.pulse{border:1px solid #28505a;border-radius:999px;padding:10px 14px;color:#a9c7cc;font-size:13px;white-space:nowrap}.pulse i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#48ddd4;margin-right:8px;box-shadow:0 0 14px #48ddd4}.commandGrid{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;margin-top:34px}.mapcard,.intel{background:#0b303b;border:1px solid #1e4852;border-radius:22px;overflow:hidden}.maptop{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #1e4852;color:#b9d4d8;font-size:12px;letter-spacing:.08em}.worldmap{height:330px;position:relative;background:radial-gradient(circle at 25% 50%,#154554 0 2px,transparent 3px),radial-gradient(circle at 58% 46%,#154554 0 2px,transparent 3px),linear-gradient(135deg,#0b303b,#071f28);overflow:hidden}.worldmap:before{content:"";position:absolute;inset:14% 6%;opacity:.35;background-image:linear-gradient(#24505a 1px,transparent 1px),linear-gradient(90deg,#24505a 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(58deg) scale(1.15)}.route{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#4adbd3,transparent);transform-origin:left center;opacity:.65}.r1{width:65%;left:17%;top:48%;transform:rotate(-8deg)}.r2{width:54%;left:34%;top:57%;transform:rotate(13deg)}.pin{position:absolute;background:#45d9d1;color:#052029;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:900;box-shadow:0 0 0 5px #45d9d122}.pan{left:19%;top:52%}.suezpin{left:58%;top:43%}.tur{left:56%;top:29%}.sea{left:28%;top:27%}.maplegend{display:flex;gap:24px;padding:16px 20px;color:#9ab8bd;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68858b;margin-right:7px}.dot.active{background:#45d9d1}.intel{padding:24px}.intel h3{margin:0 0 24px}.meter{margin:17px 0}.meter>div{display:flex;justify-content:space-between;font-size:12px;color:#a9c5ca}.meter b{color:#e9f6f6}.meter progress{width:100%;height:7px;margin-top:8px;accent-color:#45d9d1}.full{width:100%;margin-top:18px}.deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.deliverables>div{background:#fff;border:1px solid #dfe9eb;border-radius:18px;padding:24px}.deliverables b{font-size:12px;color:#1aa9a3}.deliverables h3{margin:16px 0 8px}.deliverables p{margin:0;color:#617178;font-size:14px;line-height:1.6}
@media(max-width:820px){.lang{display:none}.commandHead{display:block}.pulse{display:inline-block;margin-top:15px}.commandGrid{grid-template-columns:1fr}.worldmap{height:240px}.deliverables{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.deliverables{grid-template-columns:1fr}.maplegend{display:grid;gap:8px}}
.formstatus{font-size:12px;margin:8px 0 12px;color:#176e62}.formstatus b{color:#0b766d}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.checklist label{border:1px solid var(--line);padding:11px;border-radius:8px;font-size:12px}.workspaceGrid{display:grid;grid-template-columns:320px 1fr;gap:30px}.sidecard{border:1px solid var(--line);border-radius:16px;padding:22px;height:max-content}.darkghost{color:#16333d;border-color:#b9cbcf;margin-top:9px}.workspaceTop{display:flex;justify-content:space-between;align-items:center}.fleetBoard{display:grid;gap:12px}.fleetItem{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:14px;padding:20px}.fleetItem h3{margin:10px 0 5px}.fleetItem p{margin:0;color:var(--muted);font-size:12px}.fleetItem>div:last-child{text-align:right}.mini{display:block;margin-top:10px;border:0;background:none;color:#788d94;font-size:11px}.emptyState{border:1px dashed #bfd0d4;border-radius:14px;padding:45px;text-align:center;color:#536a72}.emptyState span{display:block;font-size:12px;margin-top:7px}.btn:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.workspaceGrid{grid-template-columns:1fr}.checklist{grid-template-columns:1fr}.fleetItem{align-items:flex-start}}
.langswitch{display:flex;gap:3px;padding:3px;border:1px solid #31515b;border-radius:10px;background:#0b222c}.langswitch button{border:0;background:transparent;color:#9fb8c0;font-size:10px;font-weight:900;padding:7px 8px;border-radius:7px;cursor:pointer}.langswitch button.active{background:var(--cyan);color:#05212b}.productConsole{background:#f5f9fa}.consoleHead{display:flex;align-items:end;justify-content:space-between;gap:24px}.consoleGrid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-top:30px}.consoleMain,.consoleSide{background:#071d28;color:#fff;border-radius:18px;overflow:hidden}.consoleBar{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #24424f;font-size:11px;color:#a8c1c8}.transitRow{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:24px 20px;border-bottom:1px solid #24424f}.vesselIcon{width:42px;height:42px;border:1px solid #2c5a65;border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-size:20px}.transitInfo b,.transitInfo span{display:block}.transitInfo span{color:#8faab2;font-size:12px;margin-top:5px}.miniAction{border:0;background:var(--cyan);color:#05212b;border-radius:8px;font-weight:900;padding:10px 12px}.consoleStats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px}.consoleStats div{padding:12px;border-right:1px solid #24424f}.consoleStats div:last-child{border:0}.consoleStats span{display:block;color:var(--cyan);font-size:10px}.consoleStats b{display:block;margin:7px 0 4px;font-size:13px}.consoleStats small{color:#78959e;font-size:10px}.consoleSide{padding:24px;background:linear-gradient(145deg,#0b2b38,#0c3b43)}.consoleSide h3{margin:10px 0 7px}.consoleSide p{color:#a8c0c6;font-size:12px;line-height:1.6}.consoleSide a{color:var(--cyan);font-size:12px;font-weight:800}.consoleSide hr{border:0;border-top:1px solid #31515b;margin:22px 0}@media(max-width:950px){.langswitch{display:flex}.consoleGrid{grid-template-columns:1fr}.consoleStats{grid-template-columns:1fr 1fr}.consoleStats div:nth-child(2){border-right:0}}@media(max-width:600px){.nav{gap:8px}.brand{margin-right:auto}.langswitch button{padding:6px 7px}.consoleHead{display:block}.consoleHead .btn{margin-top:16px}.consoleStats{grid-template-columns:1fr 1fr}.transitRow{grid-template-columns:36px 1fr}.miniAction{grid-column:2;width:max-content}.consoleStats div{border-right:0;border-bottom:1px solid #24424f}.consoleStats div:last-child{border-bottom:0}}