:root{--bg:#061117;--panel:#0a1b22;--panel2:#10252c;--line:#1b353b;--text:#edf6f3;--muted:#88a2a3;--mint:#54e1bd;--cyan:#43bdda;--amber:#e2ad52;--red:#ef675f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}button,input{font:inherit}button,a{transition:.25s}button{cursor:pointer}a{text-decoration:none;color:inherit}header{height:76px;padding:0 4vw;display:flex;align-items:center;gap:4vw;border-bottom:1px solid var(--line);background:#07151beF;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;direction:ltr;min-width:max-content}.brand-mark{width:42px;height:42px;border:1px solid #3b6c6a;border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid var(--mint);border-radius:50%;inset:7px}.brand-mark:after{inset:13px}.brand-mark b{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 15px var(--mint)}.brand-mark i{position:absolute;width:18px;height:1px;background:#4e8c85}.brand-mark i:first-child{transform:rotate(45deg)}.brand-mark i:nth-child(2){transform:rotate(-45deg)}.brand strong{font-size:18px;letter-spacing:1.5px}.brand em{color:var(--mint);font-style:normal;font-weight:400}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.2px}nav{display:flex;gap:28px;margin:auto}nav a{font-size:14px;color:#9cb1b2;padding:28px 0;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";height:2px;background:var(--mint);position:absolute;bottom:0;left:0;right:0}.head-actions{display:flex;gap:8px;align-items:center}.head-actions button{border:1px solid var(--line);background:transparent;color:#c5d5d4;border-radius:7px;padding:9px 12px}.icon-btn{font-size:22px}.alerts span{width:7px;height:7px;background:var(--red);display:inline-block;border-radius:50%;margin-left:6px;box-shadow:0 0 10px var(--red)}.head-actions .account{background:var(--mint);color:#06201b;border-color:var(--mint);font-weight:600}.status-strip{min-height:40px;display:flex;align-items:center;gap:30px;padding:8px 4vw;border-bottom:1px solid var(--line);color:#829b9d;font-size:11px;direction:rtl}.status-strip b{color:#c7d8d6}.status-strip .coverage{margin-right:auto}.pulse{width:7px;height:7px;background:var(--mint);display:inline-block;border-radius:50%;margin-left:7px;box-shadow:0 0 0 5px #54e1bd18;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #54e1bd00}}.radar-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:690px;border-bottom:1px solid var(--line)}.map-panel{position:relative;overflow:hidden}.map-bg{position:absolute;inset:0;direction:ltr}.map-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061117 0%,transparent 35%),linear-gradient(0deg,#061117 0%,transparent 30%);pointer-events:none}.map-bg svg{width:100%;height:100%;position:absolute;object-fit:cover}.land{fill:#0b252b}.coast{fill:none;stroke:#2b595c;stroke-width:1.5}.labels text{fill:#56757a;font-size:13px;letter-spacing:1px}.radar-rings circle{fill:none;stroke:#4be0c6;stroke-width:1;stroke-opacity:.18;stroke-dasharray:3 6}.scan{fill:url(#scan);transform-origin:430px 450px;animation:radar 6s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.route{fill:none;stroke-width:1.5;stroke-dasharray:7 8;opacity:.6}.route.commercial{stroke:var(--cyan)}.route.suspect{stroke:var(--amber)}.ship{cursor:pointer;filter:drop-shadow(0 0 7px currentColor)}.ship path{fill:currentColor;stroke:#07151b;stroke-width:1}.ship.black{color:var(--red)}.ship.suspect{color:var(--amber)}.ship.commercial{color:var(--cyan)}.map-top{position:relative;z-index:2;padding:55px 5vw;display:flex;justify-content:space-between;direction:rtl;pointer-events:none}.eyebrow{text-transform:uppercase;color:var(--mint)!important;font-size:11px!important;letter-spacing:2px;font-weight:600;margin:0 0 14px}.map-top h1{font-size:52px;line-height:1.13;margin:0 0 18px;letter-spacing:-2px}.map-top h1 span{font-weight:300;color:#9bb1af}.map-top p{color:#9ab0b0;max-width:470px;line-height:1.8;font-size:15px}.kpi{border-right:1px solid var(--line);padding-right:18px;height:max-content;text-align:right}.kpi span,.kpi small{color:var(--muted);display:block;font-size:11px}.kpi strong{font-size:38px;font-weight:400;display:block}.kpi small i{color:var(--mint);font-style:normal}.map-tools{position:absolute;z-index:3;left:20px;top:245px;display:grid;gap:6px}.map-tools button{width:34px;height:34px;border:1px solid #244048;background:#0b1d24d9;color:#aac0bf;border-radius:5px}.coords{position:absolute;z-index:3;bottom:15px;left:20px;color:#507075;font:10px monospace}.legend{position:absolute;z-index:3;bottom:30px;right:28px;background:#08181eea;border:1px solid var(--line);padding:12px 16px;border-radius:7px;display:flex;gap:20px;direction:rtl;font-size:11px}.legend span{color:#9bb0af}.legend b{color:#fff;margin-right:5px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:6px}.dot.black{background:var(--red)}.dot.suspect{background:var(--amber)}.dot.commercial{background:var(--cyan)}.vessel-card{position:absolute;z-index:4;left:150px;top:350px;width:230px;padding:16px;background:#0b1d23f2;border:1px solid #244249;border-radius:8px;direction:rtl;display:none;box-shadow:0 20px 50px #0008}.vessel-card.show{display:block;animation:up .25s ease}.vessel-card button{position:absolute;left:9px;top:5px;color:#678286;background:none;border:0;font-size:18px}.vessel-card small{color:var(--muted)}.vessel-card h3{margin:5px 0 2px;direction:ltr;text-align:right}.vessel-card p{font-size:10px;color:#789397;margin:0 0 12px}.vessel-card div{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding:9px 0}.vessel-card div b{color:var(--red)}.vessel-card a{font-size:11px;color:var(--mint)}.intel-panel{background:#08171d;border-right:1px solid var(--line);padding:20px;z-index:3}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;border-bottom:1px solid var(--line);font-size:13px}.panel-title button{border:0;background:none;color:var(--mint);font-size:11px}.alert{padding:15px 13px;margin:12px 0;border:1px solid var(--line);border-radius:7px;position:relative;background:#0b1d23}.alert:before{content:"";position:absolute;right:0;top:14px;bottom:14px;width:2px}.alert.critical:before{background:var(--red)}.alert.warning:before{background:var(--amber)}.alert.info:before{background:var(--cyan)}.alert time{display:block;color:#5f7b7e;font-size:9px;margin-bottom:5px}.alert b{font-size:12px}.alert p{font-size:10px;line-height:1.6;color:#789194;margin:5px 0 8px}.alert>span{font-size:9px;padding:3px 7px;border-radius:10px;background:#173039;color:#9bb2b2}.critical>span{color:var(--red);background:#3a2021}.warning>span{color:var(--amber);background:#332a1c}.info>span{color:var(--cyan)}.watch{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.watch-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.watch-head span{color:var(--muted);font-size:10px}.watch-row{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #142a30}.flag{font-style:normal;font-size:8px;display:grid;place-items:center;width:27px;height:18px;border:1px solid #38545a;color:#a8babb}.watch-row div{flex:1}.watch-row b{display:block;font-size:11px;direction:ltr;text-align:right}.watch-row small{display:block;color:#71898c;font-size:9px}.watch-row em{font-style:normal;color:var(--amber);font-size:11px}.watch-more{width:100%;margin-top:12px;border:1px solid var(--line);background:transparent;color:#95aaa9;padding:8px;border-radius:5px;font-size:10px}.overview,.features{padding:90px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{font-size:36px;margin:0;font-weight:500}.section-heading>p{color:var(--muted);max-width:390px;line-height:1.8;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-grid article{position:relative;min-height:270px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,#0c1d23,#09171c);overflow:hidden}.service-grid article:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #294149;border-radius:50%;left:-70px;bottom:-90px}.service-icon{font-size:28px;color:var(--mint)}.service-grid article>small{position:absolute;left:25px;top:25px;color:#446269;font:11px monospace}.service-grid h3{font-size:21px;margin:27px 0 10px}.service-grid p{font-size:12px;color:var(--muted);line-height:1.8;max-width:310px}.service-grid a{position:absolute;bottom:24px;color:var(--mint);font-size:11px}.tag{position:absolute;bottom:24px;left:22px;font-size:9px}.tag.red{color:var(--red)}.tag.amber{color:var(--amber)}.tag.green{color:var(--mint)}.cargo{padding:90px 7vw;background:#091920;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;border-block:1px solid var(--line)}.cargo-copy h2,.reports h2,.subscribe h2{font-size:40px;line-height:1.3;margin:0 0 16px;font-weight:500}.cargo-copy>p,.reports>div>p,.subscribe p{color:var(--muted);line-height:1.8;font-size:13px}.cargo form{margin-top:30px}.cargo label{display:block;font-size:10px;color:#80989b;margin-bottom:7px}.cargo form div{display:flex}.cargo input{background:#061218;border:1px solid #284047;color:#fff;padding:13px;flex:1;border-radius:0 6px 6px 0;outline:none;direction:ltr;text-align:right}.cargo input:focus{border-color:var(--mint)}.cargo form button,.reports button{background:var(--mint);border:0;padding:0 22px;font-weight:600;color:#062019;border-radius:6px 0 0 6px}.cargo form small{color:#587377;font-size:9px}.shipment-card{background:#0c2027;border:1px solid #294149;padding:25px;border-radius:10px;box-shadow:0 30px 80px #0005}.shipment-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:11px}.shipment-head span{color:var(--muted)}.shipment-head b{direction:ltr}.shipment-head em{font-style:normal;margin-right:auto;color:var(--mint);background:#12342e;padding:4px 8px;border-radius:10px}.ship-name{display:flex;align-items:center;gap:12px;padding:22px 0}.container-icon{width:38px;height:38px;border:1px solid #315158;color:var(--mint);display:grid;place-items:center;border-radius:4px}.ship-name small{font-size:9px;color:var(--muted);display:block}.ship-name>span{margin-right:auto;font-size:9px;color:var(--muted);text-align:left}.ship-name>span strong{font-size:16px;color:#fff}.progress{height:2px;background:#284149;position:relative;margin:15px 10px 18px}.progress i{position:absolute;height:100%;background:var(--mint);right:0}.progress b{position:absolute;width:9px;height:9px;background:var(--mint);border-radius:50%;top:-3px;box-shadow:0 0 12px var(--mint)}.ports{display:flex;justify-content:space-between}.ports span{font-size:10px}.ports span:nth-child(2){text-align:center}.ports span:last-child{text-align:left}.ports b,.ports small{display:block}.ports small{color:var(--muted);font-size:8px}.shipment-foot{display:flex;gap:30px;margin-top:25px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.shipment-foot b{color:#dbe8e5}.shipment-foot button{margin-right:auto;background:transparent;border:0;color:var(--mint);font-size:9px}.features{background:#061117}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature-grid article{background:#08191f;padding:28px;min-height:180px}.feature-grid span{color:var(--mint);font-size:24px}.feature-grid h3{font-size:16px;margin:22px 0 6px}.feature-grid p{font-size:10px;color:var(--muted);line-height:1.7}.reports{padding:90px 8vw;background:linear-gradient(120deg,#0b2228,#071419);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;border-block:1px solid var(--line)}.reports button{border-radius:5px;padding:12px 20px;margin-top:18px}.report-stack{height:310px;position:relative}.report-stack article{position:absolute;inset:0;background:linear-gradient(145deg,#e2e0d2,#bab9ad);color:#102127;padding:32px;box-shadow:0 20px 60px #0007;transform:rotate(-1.5deg);z-index:3}.report-stack article:nth-child(2){background:#567476;transform:translate(13px,12px) rotate(3deg);z-index:2}.report-stack article:nth-child(3){background:#243d41;transform:translate(25px,21px) rotate(5deg);z-index:1}.report-stack span{color:#7c3a33;font-size:10px;text-transform:uppercase;letter-spacing:2px}.report-stack h3{font-size:28px;max-width:380px;margin:30px 0 10px}.report-stack p{color:#58676a;font-size:11px}.report-stack div{position:absolute;bottom:30px;border-top:1px solid #819191;width:calc(100% - 64px);padding-top:14px;font-size:10px;color:#596a6c}.report-stack div b{font-size:18px;color:#17272a}.report-stack div i{display:inline-block;width:1px;height:16px;background:#819191;margin:0 20px}.subscribe{padding:60px 7vw;display:flex;align-items:center;gap:4vw}.subscribe>div:first-child{max-width:410px}.subscribe h2{font-size:30px}.channels{display:flex;gap:7px;flex-wrap:wrap;max-width:390px}.channels button{border:1px solid var(--line);background:#0a1a20;color:#829b9c;padding:9px 12px;border-radius:18px;font-size:10px}.channels button.selected{border-color:#3cae93;color:var(--mint)}.subscribe-btn{margin-right:auto;background:var(--mint);color:#062019;border:0;border-radius:5px;padding:13px 22px;font-weight:600}footer{border-top:1px solid var(--line);padding:50px 7vw 25px;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:50px;align-items:start;color:var(--muted)}footer p{font-size:11px;line-height:1.8;max-width:400px}footer>div:nth-of-type(2){display:flex;gap:20px;font-size:11px;flex-wrap:wrap}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font-size:9px}.toast{position:fixed;bottom:25px;left:25px;background:var(--mint);color:#05211b;padding:13px 18px;border-radius:6px;font-size:12px;font-weight:600;transform:translateY(100px);opacity:0;transition:.3s;z-index:30}.toast.show{transform:translateY(0);opacity:1}@keyframes up{from{transform:translateY(6px);opacity:0}}@media(max-width:1050px){nav{display:none}.radar-shell{grid-template-columns:1fr}.intel-panel{display:none}.map-panel{min-height:650px}.service-grid{grid-template-columns:1fr}.cargo,.reports{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.subscribe{flex-wrap:wrap}.subscribe-btn{margin-right:0}}@media(max-width:680px){header{padding:0 18px}.head-actions .alerts,.head-actions .icon-btn{display:none}.status-strip{padding:8px 18px}.status-strip .weather,.status-strip .coverage{display:none}.map-top{padding:40px 24px}.map-top h1{font-size:38px}.kpi{display:none}.legend{right:12px;left:12px;justify-content:space-between;gap:4px}.overview,.features,.cargo,.reports{padding:65px 20px}.section-heading{display:block}.section-heading h2,.cargo-copy h2,.reports h2{font-size:30px}.section-heading>p{margin-top:12px}.feature-grid{grid-template-columns:1fr}.ports span:nth-child(2){display:none}.shipment-foot{gap:12px}.reports{gap:60px}.report-stack{height:260px}.report-stack h3{font-size:22px}.subscribe{padding:50px 20px}.subscribe-btn{width:100%}footer{grid-template-columns:1fr;padding:40px 20px}.map-tools{top:220px}.vessel-card{left:20px}.service-grid{gap:10px}}