:root{
  --navy:#073b5c; --navy-2:#092f48; --blue:#0b6f97; --cyan:#20b9c7; --cyan-2:#60d6df;
  --gold:#f3c95f; --ink:#102633; --muted:#6d7f89; --bg:#f4f8fa; --white:#fff; --line:#dfe9ee;
  --shadow:0 20px 60px rgba(7,59,92,.13); --radius:28px; --container:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:dana,Tahoma,sans-serif;background:#fff;color:var(--ink);line-height:1.9;overflow-x:hidden} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button,input,select,textarea{font:inherit}.container{width:var(--container);margin:auto}.page-loader{position:fixed;inset:0;background:#fff;z-index:9999;display:grid;place-items:center;transition:.55s}.page-loader.hide{opacity:0;visibility:hidden}.loader-mark{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,var(--navy),var(--cyan));display:grid;place-items:center;color:#fff;font-size:34px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(.92);opacity:.7}}
.header{position:fixed;top:0;right:0;left:0;z-index:1000;padding:16px 0;transition:.35s}.header.scrolled{padding:9px 0;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(7,59,92,.08)}.nav-wrap{display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:58px;height:58px;object-fit:contain;border-radius:14px;background:#fff;padding:3px}.brand-copy{display:flex;flex-direction:column;line-height:1.5}.brand-copy strong{font-size:15px}.brand-copy span{font-size:10px;letter-spacing:.4px;color:#8194a0}.header:not(.scrolled) .brand-copy strong,.header:not(.scrolled) .brand-copy span{color:#fff}.nav{display:flex;align-items:center;gap:25px;margin-inline-start:auto}.nav a{font-size:14px;font-weight:600;color:#fff;opacity:.85;position:relative}.header.scrolled .nav a{color:var(--ink)}.nav a:after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:2px;background:var(--cyan);transition:.3s}.nav a:hover:after,.nav a.active:after{width:100%}.nav-cta{background:linear-gradient(135deg,var(--cyan),#1aa3b7);color:white;padding:12px 18px;border-radius:14px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 26px rgba(32,185,199,.22)}.menu-btn{display:none;border:0;background:transparent;color:white;font-size:32px}.header.scrolled .menu-btn{color:var(--navy)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero-bg{position:absolute;inset:0;background:url('assets/images/port-container.jpg') center/cover no-repeat;transform:scale(1.04)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,28,44,.72),rgba(3,28,44,.93) 55%,rgba(3,28,44,.98));}.hero-overlay:after{content:"";position:absolute;inset:auto -10% -35% auto;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,rgba(32,185,199,.22),transparent 67%)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding-top:105px}.hero-copy{color:#fff}.eyebrow{display:flex;align-items:center;gap:10px;color:#bcebf0;font-size:14px;font-weight:600;margin-bottom:18px}.eyebrow span{width:35px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.25;margin:0 0 22px;font-weight:900;letter-spacing:-1px}.hero h1 em{font-style:normal;color:var(--cyan-2)}.hero-copy>p{font-size:17px;color:#d6e4eb;max-width:720px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:15px;font-weight:800;font-size:14px;border:0;cursor:pointer;transition:.3s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--cyan),#1689a8);box-shadow:0 14px 30px rgba(24,158,181,.25)}.btn-glass{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px)}.hero-features{display:flex;gap:28px;margin-top:36px}.hero-features>div{display:flex;gap:10px;align-items:center}.hero-features i{font-size:28px;color:var(--cyan-2)}.hero-features span{display:flex;flex-direction:column}.hero-features b{font-size:13px}.hero-features small{color:#9eb6c2;font-size:11px}.hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:24px;border-radius:30px;backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.25);color:white}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-weight:800}.live-dot{font-size:11px;font-weight:500;color:#bce6d4;display:flex;align-items:center;gap:7px}.live-dot i{width:8px;height:8px;background:#5de293;border-radius:50%;box-shadow:0 0 0 6px rgba(93,226,147,.1)}.service-mini{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.mini-icon{width:45px;height:45px;border-radius:14px;background:rgba(32,185,199,.16);display:grid;place-items:center;color:var(--cyan-2);font-size:23px}.service-mini div:nth-child(2){display:flex;flex-direction:column}.service-mini strong{font-size:13px}.service-mini span{font-size:11px;color:#acc1cc}.service-mini>i{opacity:.65}.panel-link{display:flex;justify-content:center;align-items:center;gap:8px;background:white;color:var(--navy);padding:12px;border-radius:13px;margin-top:10px;font-size:13px;font-weight:800}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:3;color:#d4e5eb;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.scroll-indicator span{width:22px;height:34px;border:1px solid rgba(255,255,255,.45);border-radius:20px;position:relative}.scroll-indicator span:after{content:"";width:3px;height:7px;border-radius:4px;background:white;position:absolute;top:7px;left:50%;transform:translateX(-50%);animation:scroll 1.4s infinite}@keyframes scroll{to{transform:translate(-50%,10px);opacity:0}}
.trust-strip{background:#fff;position:relative;z-index:5;box-shadow:0 20px 50px rgba(9,47,72,.05)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:25px 24px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;border-left:1px solid #edf2f4}.trust-grid>div:last-child{border-left:0}.trust-grid i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;background:#eef9fa;color:var(--cyan);font-size:22px;border-radius:13px}.trust-grid strong{font-size:13px}.trust-grid span{font-size:11px;color:var(--muted)}
.section{padding:110px 0}.services{background:linear-gradient(#fff,#f6fafb)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.section-head>div{max-width:650px}.section-head p{max-width:470px;color:var(--muted);margin:0;font-size:14px}.section-kicker{display:inline-block;color:var(--cyan);font-size:13px;font-weight:800;margin-bottom:10px}.section-head h2,.about-copy h2,.route-copy h2,.contact-copy h2{font-size:clamp(32px,3.5vw,50px);line-height:1.45;margin:0;font-weight:900;letter-spacing:-.5px}.section h2 span{color:var(--cyan)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:285px;overflow:hidden;transition:.35s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#ccebef}.service-card .num{position:absolute;top:20px;left:20px;color:#bfd0d8;font-size:12px;font-weight:800}.service-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#e9f8fa,#f4fbfc);color:var(--cyan);display:grid;place-items:center;font-size:29px;margin-bottom:25px}.service-card h3{margin:0 0 10px;font-size:20px}.service-card p{font-size:13px;color:var(--muted);margin-bottom:20px}.service-card a{color:var(--blue);font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:6px}.service-card.featured{grid-row:span 2;min-height:590px;padding:0;border:0;color:white}.card-image,.card-shade{position:absolute;inset:0}.card-image.ocean{background:url('assets/images/commercial-ship.jpg') center/cover}.card-shade{background:linear-gradient(0deg,rgba(4,41,61,.96),rgba(4,41,61,.05) 65%)}.featured .card-content{position:absolute;right:0;left:0;bottom:0;padding:32px}.featured .num{color:#c6dbe3}.featured .card-content>i{font-size:40px;color:var(--cyan-2)}.featured h3{font-size:27px}.featured p{color:#d9e8ed}.featured a{color:#fff}
.routes{background:linear-gradient(135deg,#062f48,#085978);color:#fff;overflow:hidden}.route-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-kicker.light{color:var(--cyan-2)}.route-copy p{color:#c1d4dc}.route-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0 32px}.route-list>div{display:flex;gap:10px;align-items:start;padding:12px 0}.route-list i{color:var(--gold);margin-top:4px}.route-list span{display:flex;flex-direction:column}.route-list b{font-size:14px}.route-list small{font-size:11px;color:#9db6c1}.btn-light{background:#fff;color:var(--navy)}.map-card{height:520px;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f3fafb,#dceff2);box-shadow:0 30px 80px rgba(0,0,0,.2)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(7,59,92,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(7,59,92,.06) 1px,transparent 1px);background-size:35px 35px}.sea-shape{position:absolute;background:linear-gradient(135deg,#9fe5ea,#58c4d0);opacity:.85;border-radius:48% 52% 55% 45% / 57% 42% 58% 43%}.sea-shape.one{width:390px;height:220px;right:-55px;top:100px;transform:rotate(-15deg)}.sea-shape.two{width:300px;height:180px;left:-60px;bottom:80px;transform:rotate(18deg)}.route-line{position:absolute;height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 8px,transparent 8px 15px);transform-origin:right center}.line-a{width:240px;right:150px;top:280px;transform:rotate(-20deg)}.line-b{width:210px;right:155px;top:290px;transform:rotate(25deg)}.pin{position:absolute;color:var(--navy);font-size:12px;font-weight:900;display:flex;flex-direction:column;align-items:center}.pin i{width:18px;height:18px;background:var(--navy);border:5px solid white;border-radius:50%;box-shadow:0 5px 18px rgba(7,59,92,.3)}.pin-iran{right:90px;top:240px}.pin-dubai{left:95px;top:145px}.pin-qatar{left:130px;bottom:110px}.ship-icon{position:absolute;right:43%;top:47%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:28px;box-shadow:0 12px 30px rgba(7,59,92,.18)}.map-note{position:absolute;right:25px;left:25px;bottom:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:15px;border-radius:18px;color:var(--navy);display:flex;align-items:center;gap:12px}.map-note>i{font-size:28px;color:var(--cyan)}.map-note span{display:flex;flex-direction:column}.map-note b{font-size:13px}.map-note small{font-size:10px;color:#70848e}
.about-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.about-media{position:relative;min-height:550px}.about-photo{position:absolute;inset:0 30px 30px 0;border-radius:32px;background:url('assets/images/about-office.jpg') center/cover;box-shadow:var(--shadow)}.experience-card{position:absolute;left:0;bottom:0;background:#fff;border-radius:20px;padding:17px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 50px rgba(7,59,92,.16);max-width:285px}.experience-card i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eaf9fa;color:var(--cyan);font-size:27px}.experience-card div{display:flex;flex-direction:column}.experience-card strong{font-size:14px}.experience-card span{font-size:10px;color:var(--muted)}.dots{position:absolute;width:120px;height:120px;right:-15px;bottom:-10px;z-index:-1;background-image:radial-gradient(var(--cyan) 1.4px,transparent 1.4px);background-size:10px 10px;opacity:.5}.about-copy p{color:var(--muted);font-size:14px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.about-points div{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.about-points i{width:24px;height:24px;display:grid;place-items:center;background:#e8f8f9;color:var(--cyan);border-radius:8px}.text-link{font-size:13px;color:var(--blue);font-weight:800;display:inline-flex;align-items:center;gap:8px}
.process{background:#f6f9fa}.section-head.centered{flex-direction:column;align-items:center;text-align:center;gap:15px}.section-head.centered p{max-width:600px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.process-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 24px;min-height:265px}.process-step>span{position:absolute;top:20px;left:20px;font-size:11px;color:#b3c5ce;font-weight:900}.step-icon{width:55px;height:55px;border-radius:17px;background:#eaf8fa;color:var(--cyan);display:grid;place-items:center;font-size:27px;margin-bottom:22px}.process-step h3{font-size:17px;margin:0 0 8px}.process-step p{font-size:12px;color:var(--muted);margin:0}.process-step:not(:last-child):after{content:"";position:absolute;width:22px;height:2px;background:#cde4e8;left:-21px;top:50%}
.cta-section{padding:0 0 110px;background:#f6f9fa}.cta-box{position:relative;overflow:hidden;border-radius:32px;padding:54px 55px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:35px;background:#074c68;box-shadow:0 30px 70px rgba(7,59,92,.18)}.cta-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,58,80,.92),rgba(5,58,80,.68)),url('assets/images/cta-logistics.jpg') center/cover;opacity:.95}.cta-copy,.cta-box>.btn{position:relative;z-index:2}.cta-copy span{font-size:12px;color:#a9e3e9}.cta-copy h2{font-size:30px;line-height:1.5;margin:7px 0;max-width:680px}.cta-copy p{font-size:12px;color:#c9dce2;margin:0}.btn-white{background:#fff;color:var(--navy);min-width:165px}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.contact-copy>p{color:var(--muted);font-size:14px}.contact-items{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}.contact-items>div{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:17px;padding:14px}.contact-items i{width:42px;height:42px;display:grid;place-items:center;background:#eef9fa;color:var(--cyan);font-size:22px;border-radius:13px}.contact-items span{display:flex;flex-direction:column}.contact-items small{font-size:10px;color:var(--muted)}.contact-items b{font-size:12px}.contact-note{background:#fff8e6;border:1px solid #f5e2a4;border-radius:14px;padding:12px 14px!important;font-size:11px!important;color:#7e6830!important;display:flex;gap:8px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.form-title{display:flex;gap:12px;align-items:center;margin-bottom:25px}.form-title>i{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--cyan));color:#fff;display:grid;place-items:center;font-size:24px}.form-title div{display:flex;flex-direction:column}.form-title strong{font-size:17px}.form-title span{font-size:11px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#48606c;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dbe7eb;border-radius:13px;padding:12px 13px;outline:none;background:#fbfdfe;color:var(--ink);transition:.2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(32,185,199,.09)}.contact-form textarea{resize:vertical}.full{width:100%}.form-success{display:none;margin-top:12px;background:#e8f8ef;color:#2f8052;border-radius:12px;padding:10px;font-size:11px}.form-success.show{display:flex;align-items:center;gap:7px}
.footer{background:#062c42;color:#c2d1d8;padding:70px 0 20px}.footer .brand-copy strong{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-brand p{font-size:12px;color:#9cb2bd;max-width:390px}.footer-grid h4{color:#fff;font-size:14px;margin:0 0 18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid a,.footer-grid span{font-size:11px;color:#9cb2bd;transition:.2s}.footer-grid a:hover{color:#fff}.socials{display:flex;gap:8px;margin-top:16px}.socials a{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:20px;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;margin-top:45px;display:flex;justify-content:space-between;font-size:10px;color:#829ba7}.to-top{position:fixed;left:22px;bottom:22px;width:45px;height:45px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-size:24px;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;z-index:900;box-shadow:0 12px 25px rgba(7,59,92,.2)}.to-top.show{opacity:1;visibility:visible;transform:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}
@media(max-width:1024px){.nav,.nav-cta{display:none}.menu-btn{display:block;margin-inline-start:auto}.nav.open{display:flex;position:absolute;top:80px;right:20px;left:20px;background:#fff;border-radius:18px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.open a{color:var(--ink);padding:7px 10px}.hero-content{grid-template-columns:1fr;gap:30px;padding:140px 0 90px}.hero-panel{max-width:650px}.trust-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr 1fr}.service-card.featured{grid-row:auto;grid-column:span 2;min-height:450px}.route-layout,.about-layout,.contact-layout{grid-template-columns:1fr}.route-visual{max-width:700px}.about-media{min-height:500px;max-width:700px}.process-grid{grid-template-columns:1fr 1fr}.process-step:not(:last-child):after{display:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.header:not(.scrolled) .brand-copy{display:none}}
@media(max-width:700px){:root{--container:min(100% - 28px,1180px)}.header{padding:10px 0}.brand img{width:50px;height:50px}.hero{min-height:auto}.hero-content{padding:115px 0 75px}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-features{flex-direction:column;gap:12px}.hero-panel{padding:18px}.scroll-indicator{display:none}.trust-grid,.services-grid,.route-list,.about-points,.process-grid,.contact-items,.form-row,.footer-grid{grid-template-columns:1fr}.trust-grid>div{border-left:0;border-bottom:1px solid #edf2f4}.section{padding:75px 0}.section-head{flex-direction:column;align-items:start;gap:18px;margin-bottom:35px}.section-head h2,.about-copy h2,.route-copy h2,.contact-copy h2{font-size:34px}.service-card.featured{grid-column:auto;min-height:420px}.route-layout,.about-layout,.contact-layout{gap:40px}.map-card{height:430px}.about-media{min-height:420px}.about-photo{inset:0 0 28px 0}.experience-card{left:10px}.cta-section{padding-bottom:75px}.cta-box{padding:35px 24px;flex-direction:column;align-items:start}.cta-copy h2{font-size:24px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.contact-form{padding:20px}.menu-btn{display:block}.nav.open{top:70px}}

/* Blog */
.blog-section{background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.35s;box-shadow:0 10px 35px rgba(7,59,92,.05)}.blog-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#ccebef}.blog-image{height:235px;display:block;position:relative;overflow:hidden;background:#eaf2f5}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,41,61,.28),transparent 55%)}.blog-category{position:absolute;right:16px;top:16px;z-index:2;background:rgba(255,255,255,.94);color:var(--navy);padding:7px 11px;border-radius:11px;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}.blog-body{padding:22px}.blog-meta{display:flex;align-items:center;gap:14px;color:#78909b;font-size:10px;margin-bottom:12px}.blog-meta span{display:flex;align-items:center;gap:4px}.blog-meta i{color:var(--cyan);font-size:14px}.blog-body h3{font-size:18px;line-height:1.65;margin:0 0 10px}.blog-body h3 a{color:var(--ink)}.blog-body p{font-size:12px;line-height:2;color:var(--muted);margin:0 0 16px}.blog-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;font-weight:900}.blog-more{display:flex;justify-content:center;margin-top:35px}.btn-outline{border:1px solid #cfe0e6;background:#fff;color:var(--navy)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}

/* Floating contact actions */
.contact-float{position:fixed;right:20px;bottom:22px;z-index:950;display:flex;flex-direction:column;gap:10px}.float-action{height:50px;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 13px 0 16px;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.16);font-size:12px;font-weight:900;transition:.25s}.float-action i{font-size:25px}.float-action span{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .28s ease,opacity .22s ease}.float-action:hover span{max-width:105px;opacity:1}.float-action.whatsapp{background:linear-gradient(135deg,#25d366,#17ae51)}.float-action.phone{background:linear-gradient(135deg,var(--cyan),#157f9c)}.float-action:hover{transform:translateY(-2px)}

/* Blog page */
.blog-hero{padding:155px 0 75px;background:linear-gradient(135deg,#052e45,#07516f);color:#fff;position:relative;overflow:hidden}.blog-hero:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(32,185,199,.22),transparent 68%);left:-160px;bottom:-280px}.blog-hero .container{position:relative;z-index:2}.blog-hero h1{font-size:clamp(38px,5vw,64px);margin:8px 0 12px}.blog-hero p{max-width:700px;color:#c8dce4;font-size:14px}.article-list{display:grid;gap:28px}.article-card{display:grid;grid-template-columns:360px 1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 10px 35px rgba(7,59,92,.05)}.article-card img{width:100%;height:100%;min-height:290px;object-fit:cover}.article-content{padding:30px}.article-content h2{font-size:24px;line-height:1.65;margin:8px 0 12px}.article-content p{color:var(--muted);font-size:13px;line-height:2.1}.article-content .tag{display:inline-block;background:#eaf9fa;color:var(--cyan);font-size:10px;font-weight:900;padding:7px 11px;border-radius:10px}.article-content ul{padding-right:18px;color:#536b77;font-size:12px;line-height:2}.article-content li{margin-bottom:3px}

@media(max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr}.blog-card:last-child{grid-column:span 2}.article-card{grid-template-columns:300px 1fr}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-card:last-child{grid-column:auto}.blog-image{height:220px}.contact-float{right:14px;bottom:14px}.float-action{width:48px;height:48px;padding:0;justify-content:center;border-radius:15px}.float-action span,.float-action:hover span{display:none}.to-top{left:14px;bottom:14px}.article-card{grid-template-columns:1fr}.article-card img{min-height:220px;height:220px}.article-content{padding:22px}.blog-hero{padding:125px 0 55px}}


/* Inner pages */
.developer-credit{color:#6ee3ea!important;font-weight:900}.developer-credit:hover{color:#fff!important}.inner-hero{min-height:560px;padding:155px 0 80px;display:flex;align-items:center;position:relative;background-size:cover;background-position:center;overflow:hidden;color:#fff}.about-hero{background-image:url('assets/images/commercial-ship.jpg')}.contact-hero{background-image:url('assets/images/port-container.jpg')}.inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,55,.55),rgba(4,36,55,.93) 55%,rgba(4,36,55,.98))}.inner-hero-content{position:relative;z-index:2;max-width:850px;margin-inline-start:auto}.inner-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.4;margin:5px 0 18px}.inner-hero h1 span{color:var(--cyan-2)}.inner-hero p{color:#d2e3e9;max-width:760px;font-size:15px}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:11px;color:#a9c4cf;margin-top:26px}.breadcrumb a{color:#fff}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-gallery{position:relative;min-height:570px}.story-main{position:absolute;inset:0 80px 65px 0;width:calc(100% - 80px);height:calc(100% - 65px);object-fit:cover;border-radius:32px}.story-small{position:absolute;left:0;bottom:0;width:240px;height:200px;object-fit:cover;border:8px solid #fff;border-radius:26px;box-shadow:var(--shadow)}.story-badge{position:absolute;right:20px;bottom:15px;max-width:270px;background:#fff;padding:18px;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:45px 1fr;gap:0 11px}.story-badge i{grid-row:1/3;width:45px;height:45px;border-radius:14px;background:#eaf9fa;color:var(--cyan);display:grid;place-items:center;font-size:24px}.story-badge strong{font-size:12px}.story-badge span{font-size:10px;color:var(--muted)}.story-copy h2{font-size:clamp(32px,3.6vw,50px);line-height:1.55;margin:0 0 20px}.story-copy h2 span{color:var(--cyan)}.story-copy>p{color:var(--muted);font-size:13px}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.values-grid>div{padding:16px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:38px 1fr;gap:0 10px}.values-grid i{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#edf9fa;color:var(--cyan);display:grid;place-items:center;font-size:19px}.values-grid b{font-size:12px}.values-grid small{font-size:10px;color:var(--muted)}.stats-section{background:#f5f9fb}.feature-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-panels article{padding:30px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px rgba(7,59,92,.04)}.feature-panels i{font-size:36px;color:var(--cyan)}.feature-panels h3{font-size:19px;margin:12px 0 7px}.feature-panels p{font-size:12px;color:var(--muted);margin:0}.contact-page{background:linear-gradient(#fff,#f6fafb)}.contact-items.big>div{background:#fff}.contact-photo{margin-top:24px;position:relative;border-radius:24px;overflow:hidden;min-height:250px}.contact-photo img{width:100%;height:250px;object-fit:cover}.contact-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,40,60,.72),transparent 60%)}.contact-photo>div{position:absolute;z-index:2;right:18px;bottom:16px;color:#fff;display:flex;align-items:center;gap:10px}.contact-photo>div>i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:24px;backdrop-filter:blur(8px)}.contact-photo span{display:flex;flex-direction:column}.contact-photo b{font-size:13px}.contact-photo small{font-size:10px;color:#cce0e7}.hp-field{position:absolute!important;left:-99999px!important;opacity:0!important}.form-success.error{display:flex;background:#fff0f0;color:#a33;border:1px solid #ffd3d3}.form-success.loading{display:flex;background:#eef8fb;color:#21657b}.contact-banner{padding:0 0 100px;background:#f6fafb}.contact-banner-inner{padding:28px 32px;border-radius:26px;background:linear-gradient(135deg,#0b7e8f,#07516f);display:flex;justify-content:space-between;align-items:center;color:#fff}.contact-banner-inner>div{display:flex;align-items:center;gap:14px}.contact-banner-inner>div>i{font-size:42px}.contact-banner-inner span{display:flex;flex-direction:column}.contact-banner-inner strong{font-size:16px}.contact-banner-inner small{font-size:11px;color:#c7e9ec}
@media(max-width:1024px){.story-layout{grid-template-columns:1fr;gap:45px}.story-gallery{max-width:760px}.feature-panels{grid-template-columns:1fr 1fr}.feature-panels article:last-child{grid-column:span 2}.inner-hero{min-height:500px}}
@media(max-width:700px){.inner-hero{min-height:430px;padding:125px 0 55px}.inner-hero h1{font-size:38px}.story-gallery{min-height:420px}.story-main{inset:0 0 50px 0;width:100%;height:calc(100% - 50px)}.story-small{width:165px;height:145px}.story-badge{right:10px;bottom:5px;max-width:235px}.values-grid,.feature-panels{grid-template-columns:1fr}.feature-panels article:last-child{grid-column:auto}.contact-banner{padding-bottom:70px}.contact-banner-inner{align-items:flex-start;flex-direction:column;gap:20px;padding:25px}.contact-items.big{grid-template-columns:1fr}}