:root{--bg:#06131b;--bg2:#0a1d27;--panel:#0d2430;--panel2:#112c39;--line:#244957;--txt:#edf7fa;--muted:#8faab5;--aqua:#46d7d1;--lime:#bee86d;--gold:#ffc15d;--red:#ff7777}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}
.top{height:54px;display:flex;align-items:center;position:sticky;top:0;z-index:50;background:#06131bf5;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:9px;padding:0 16px;font-weight:900}.orb{width:29px;height:29px;border:2px solid var(--aqua);border-radius:50%;position:relative}.orb:before{content:"";position:absolute;width:16px;height:2px;background:var(--lime);left:5px;top:13px;transform:rotate(-26deg)}.orb:after{content:"";position:absolute;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid white;left:9px;top:5px;transform:rotate(18deg)}
.search{flex:1;max-width:760px;margin:0 12px}.search input{width:100%;padding:9px 12px;background:#0c212c;color:white;border:1px solid #2c5361;border-radius:3px}
.tnav{display:flex;align-items:center;height:100%}.tnav a{height:100%;display:flex;align-items:center;padding:0 11px;font-size:11px;color:#b4c8d0;border-left:1px solid #183642}.tnav .hot{background:var(--aqua);color:#052229;font-weight:900}
.shell{display:grid;grid-template-columns:61px 1fr}.rail{position:sticky;top:54px;height:calc(100vh - 54px);background:#081a23;border-right:1px solid var(--line);z-index:20}.rail a{display:flex;flex-direction:column;align-items:center;padding:10px 2px;gap:3px;font-size:8px;color:#8ea8b3;border-left:3px solid transparent}.rail a:hover,.rail a.on{background:#102a36;color:white;border-left-color:var(--aqua)}.ri{font-size:17px}
main{min-width:0}.hero{position:relative;height:calc(100vh - 54px);overflow:hidden;background:radial-gradient(circle at 48% 46%,#174555 0,#0a2935 38%,#06131b 83%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#4070812b 1px,transparent 1px),linear-gradient(90deg,#4070812b 1px,transparent 1px);background-size:42px 42px}.land{position:absolute;background:#173947;border:1px solid #37606d;opacity:.95;filter:drop-shadow(0 8px 18px #0007)}
.na{width:25%;height:24%;left:7%;top:16%;clip-path:polygon(6% 9%,73% 0,100% 39%,71% 63%,54% 100%,22% 83%,0 42%)}.sa{width:15%;height:31%;left:22%;top:49%;clip-path:polygon(26% 0,83% 9%,100% 46%,56% 100%,23% 73%,0 28%)}.eu{width:20%;height:19%;left:44%;top:16%;clip-path:polygon(0 16%,68% 0,100% 29%,81% 79%,27% 100%,8% 55%)}.af{width:15%;height:30%;left:49%;top:39%;clip-path:polygon(28% 0,86% 15%,100% 69%,53% 100%,7% 48%)}.as{width:29%;height:29%;left:62%;top:18%;clip-path:polygon(0 28%,34% 0,100% 27%,88% 76%,48% 62%,18% 100%)}.au{width:13%;height:13%;left:78%;top:68%;clip-path:polygon(0 20%,68% 0,100% 60%,39% 100%)}
.ship{position:absolute;width:7px;height:13px;background:var(--aqua);clip-path:polygon(50% 0,100% 100%,50% 77%,0 100%);filter:drop-shadow(0 0 5px #46d7d1);cursor:pointer}.ship.t{background:var(--gold);filter:drop-shadow(0 0 5px #ffc15d)}.ship.b{background:var(--lime);filter:drop-shadow(0 0 5px #bee86d)}
.float{position:absolute;background:#071720ee;border:1px solid #2c5361;box-shadow:0 14px 30px #0008}.leftbox{left:13px;top:13px;width:300px}.rightbox{right:13px;top:13px;width:340px}.ph{padding:10px 12px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#a8bec7}.kgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.k{padding:10px;background:#0c222d;font-size:10px;color:#91aab5}.k b{display:block;font-size:18px;color:white}.chips{padding:10px;display:flex;flex-wrap:wrap;gap:5px}.chip{padding:5px 7px;border:1px solid #315767;font-size:9px;color:#bdd0d7}.chip.sel{color:var(--aqua);border-color:var(--aqua)}
.bigmetric{padding:14px;border-bottom:1px solid var(--line)}.bigmetric b{font-size:30px;display:block}.source{display:inline-block;padding:3px 6px;border:1px solid var(--gold);color:var(--gold);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.dr{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #183642;font-size:10px}.dr span{color:#8ca5b0}.button{display:inline-block;background:var(--aqua);color:#062229;font-weight:900;padding:11px 15px;font-size:11px}.widebtn{display:block;margin:12px;text-align:center}
.page{max-width:1240px;margin:auto;padding:48px 31px 85px}.ey{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--aqua);font-weight:900}.page h1{font-size:49px;line-height:1.03;letter-spacing:-.045em;margin:10px 0 18px;max-width:980px}.lede{max-width:920px;font-size:18px;line-height:1.65;color:#b9ccd4}.section{border-top:1px solid var(--line);padding:34px 0}.section h2{font-size:27px;margin:0 0 13px}.section p{max-width:940px;line-height:1.75;color:#b7cbd3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--panel);border:1px solid var(--line);padding:18px;min-height:150px}.card h3{font-size:15px;margin:5px 0 9px}.card p{font-size:13px;line-height:1.6;margin:0}.tiny{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--lime)}
.tblwrap{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:920px;background:#091b24;font-size:11px}th,td{border-right:1px solid #203f4c;border-bottom:1px solid #203f4c;padding:10px;vertical-align:top}th{background:#102b37;color:white;position:sticky;top:54px;z-index:2;text-align:left}td:first-child,th:first-child{position:sticky;left:0;background:#0d2530;z-index:3;font-weight:800}.yes{color:var(--lime)}.partial{color:var(--gold)}.no{color:#8199a3}
.form{max-width:780px;background:#0e2733;border:1px solid #315867;padding:20px}.form input,.form select,.form textarea{width:100%;background:#071820;border:1px solid #315867;color:white;padding:11px;margin:5px 0 11px}.form button{border:0;background:var(--aqua);color:#062229;padding:12px 17px;font-weight:900}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price{font-size:31px;font-weight:900}.footer{padding:28px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#829ca7;font-size:10px}
@media(max-width:900px){.tnav a:not(.hot){display:none}.cards{grid-template-columns:1fr}.rightbox{width:285px}.leftbox{width:235px}.page h1{font-size:38px}}@media(max-width:650px){.search,.rightbox{display:none}.shell{grid-template-columns:47px 1fr}.leftbox{width:calc(100% - 26px)}.twocol{grid-template-columns:1fr}}

/* V6 REAL MAP */
.real-map-shell{height:calc(100vh - 54px);background:#071820}
#ctt-map{position:absolute;inset:0;background:#071820;z-index:1}
.real-map-shell .float{z-index:500}
.leaflet-control-container{font-family:Inter,system-ui,sans-serif}
.leaflet-control-zoom a{background:#0a202a;color:#eaf5f7;border-color:#315664}
.leaflet-control-attribution{background:#06131bd9!important;color:#78939e!important}
.leaflet-control-attribution a{color:#46d7d1!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0b222d;color:#edf7fa}
.ship-marker{background:transparent;border:0}
.ship-arrow{width:13px;height:20px;clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);background:#46d7d1;filter:drop-shadow(0 0 4px #46d7d1);transform-origin:50% 50%}
.ship-arrow.tanker{background:#ffc15d;filter:drop-shadow(0 0 4px #ffc15d)}
.ship-arrow.bulk{background:#bee86d;filter:drop-shadow(0 0 4px #bee86d)}
.ship-arrow.estimated{opacity:.72}
.map-summary,.map-panel{max-height:calc(100vh - 85px);overflow:auto}
.panel-empty{padding:16px;color:#9cb2bb;font-size:12px;line-height:1.55}
.vessel-title{padding:14px;border-bottom:1px solid var(--line)}
.vessel-title h2{font-size:18px;margin:4px 0}
.vessel-title small{color:#91aab5}
.vessel-status{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.dp{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 12px;border-bottom:1px solid #183642;font-size:10px}
.dp span{color:#8da7b1}.dp b{text-align:right;max-width:175px}
.dp .verified{color:var(--lime)}.dp .reported{color:var(--aqua)}.dp .guess{color:var(--gold)}
.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}
.panel-actions a{padding:9px;background:#153441;border:1px solid #315867;text-align:center;font-size:9px;font-weight:800}
.panel-actions a.primary{background:var(--aqua);color:#052229}
.data-note{padding:9px 11px;border-top:1px solid var(--line);font-size:9px;color:#8faab5;line-height:1.45}
.chip{background:transparent;cursor:pointer;color:#bdd0d7}
.map-legend{position:absolute;z-index:500;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:13px;align-items:center;background:#06131be8;border:1px solid #315867;padding:7px 10px;font-size:9px;color:#a9bec7}
.legend-dot{display:inline-block;width:8px;height:8px;margin-right:4px;background:#46d7d1;border-radius:50%}
.legend-dot.tanker{background:#ffc15d}.legend-dot.bulk{background:#bee86d}
@media(max-width:720px){.map-legend{display:none}.map-summary{width:230px}.map-panel{display:none}}

/* V7 BUSINESS PLATFORM */
.mega{position:relative}.mega-panel{display:none;position:absolute;left:60px;top:53px;width:min(1120px,calc(100vw - 90px));background:#071a23f7;border:1px solid #315867;box-shadow:0 20px 50px #000b;padding:18px;grid-template-columns:repeat(5,1fr);gap:17px;z-index:2000}
.mega:hover .mega-panel{display:grid}.mega-panel h4{font-size:9px;color:#46d7d1;text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px}.mega-panel a{display:block!important;height:auto!important;border:0!important;padding:5px 0!important;color:#b7cbd3!important;font-size:10px!important}.mega-panel a:hover{color:white!important}
.catalog-hero{padding:52px 31px 30px;background:linear-gradient(130deg,#071820,#0c2b37 55%,#102d31);border-bottom:1px solid var(--line)}
.catalog-hero h1{font-size:52px;line-height:1;margin:8px 0 15px;max-width:1000px;letter-spacing:-.05em}.catalog-hero p{font-size:17px;line-height:1.65;max-width:900px;color:#afc5ce}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.product-tile{background:#0c2430;border:1px solid #294e5d;padding:16px;min-height:160px;position:relative}.product-tile:hover{border-color:#46d7d1;transform:translateY(-1px)}.product-tile h3{font-size:14px;margin:8px 0}.product-tile p{font-size:11px;line-height:1.55;color:#9fb6bf}.product-tile .arrow{position:absolute;right:13px;bottom:11px;color:#46d7d1}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{border:1px solid #315867;background:#0b222d;padding:20px;min-height:380px}.plan.featured{border-color:#46d7d1;box-shadow:0 0 0 1px #46d7d1 inset}.plan h3{font-size:20px}.plan .cost{font-size:36px;font-weight:900;margin:12px 0}.plan ul{padding-left:18px;color:#a9bec7;font-size:12px;line-height:1.8}.plan .button{margin-top:12px}
.footer-mega{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;padding:42px 31px;background:#081a23;border-top:1px solid var(--line)}.footer-mega h4{font-size:10px;color:white;text-transform:uppercase;letter-spacing:.12em}.footer-mega a{display:block;color:#829ca7;font-size:10px;padding:4px 0}.footer-mega a:hover{color:#46d7d1}.legalbar{display:flex;justify-content:space-between;padding:15px 31px;border-top:1px solid #1d3b47;color:#6f8c97;font-size:9px;gap:20px;flex-wrap:wrap}
.feature-list{columns:2;column-gap:35px}.feature-list li{break-inside:avoid;margin:0 0 8px;color:#b0c5cd;font-size:12px}
.badge{display:inline-block;padding:4px 7px;border:1px solid #3b6574;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#a9c4ce}.badge.new{border-color:#bee86d;color:#bee86d}
.timeline{border-left:2px solid #315867;padding-left:20px}.timeline article{margin:0 0 25px}.timeline h3{margin:0 0 6px}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.footer-mega{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.product-grid,.plan-grid{grid-template-columns:1fr}.footer-mega{grid-template-columns:repeat(2,1fr)}.mega-panel{display:none!important}}