:root{--navy:#072645;--navy2:#0e3f73;--blue:#174f8e;--orange:#f36f14;--orange2:#ff8a29;--white:#fff;--soft:#f4f7fb;--line:#dde7f2;--text:#24364b;--muted:#66788f;--shadow:0 24px 60px rgba(7,38,69,.14);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:linear-gradient(90deg,#071f3a,#0c3158);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0;align-items:center}.topbar span{opacity:.94;margin-right:18px}.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #edf2f7}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.logo img{width:248px;height:auto}.menu{display:flex;gap:30px;align-items:center;font-weight:800;font-size:14px;color:#0d2b4d}.menu a{position:relative}.menu a.active,.menu a:hover{color:var(--orange)}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;border-radius:4px;background:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 22px;font-weight:900;border:2px solid transparent;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 12px 25px rgba(243,111,20,.28)}.btn-outline{border-color:var(--navy2);color:var(--navy);background:#fff}.btn:hover{transform:translateY(-2px)}.mobile-toggle{display:none;background:var(--navy);color:#fff;border:0;padding:12px;border-radius:10px}.hero{position:relative;min-height:570px;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.83) 38%,rgba(255,255,255,.2) 62%),url('assets/hero-ship-premium.jpg') center/cover no-repeat;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(255,255,255,.1),rgba(7,38,69,.1));pointer-events:none}.hero-content{position:relative;z-index:2;max-width:560px;padding:60px 0}.eyebrow{color:var(--orange);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:13px 0 18px;color:var(--navy);letter-spacing:-2px}.hero p{font-size:18px;color:#173453;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.slider-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.slider-dots span{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid rgba(7,38,69,.2)}.slider-dots span:first-child{background:var(--orange)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(7,38,69,.55);color:#fff;font-size:24px}.hero-arrow.left{left:22px}.hero-arrow.right{right:22px}.trustbar{background:linear-gradient(90deg,#082643,#0e3a66);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.trust-item{padding:28px 20px;border-right:1px solid rgba(255,255,255,.12);display:flex;gap:15px;align-items:flex-start}.ico{font-size:33px;color:var(--orange)}.trust-item b{display:block;font-size:15px}.trust-item small{opacity:.86}.section{padding:78px 0}.section-soft{background:linear-gradient(180deg,#f7faff,#fff)}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:clamp(28px,3vw,42px);color:var(--navy);margin:6px 0 8px;line-height:1.15}.section-title p{color:var(--muted);max-width:720px;margin:auto}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:62px;align-items:center}.photo-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #eef3f9;background:#fff}.photo-card img{width:100%;height:330px;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.stat b{font-size:34px;color:var(--blue);display:block;line-height:1}.stat span{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e8eef5;border-radius:18px;box-shadow:0 14px 35px rgba(7,38,69,.08);overflow:hidden;transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card img{height:178px;width:100%;object-fit:cover}.card-body{padding:24px}.card h3{margin:0 0 8px;color:var(--navy);font-size:20px}.card p{color:var(--muted);margin:0 0 14px}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#fff3eb;color:#b94d07;padding:6px 10px;border-radius:30px;font-size:12px;font-weight:800}.cta{background:linear-gradient(135deg,#082643,#0d4276);color:#fff;border-radius:26px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(243,111,20,.16)}.cta h2{margin:0;font-size:30px}.page-hero{background:linear-gradient(90deg,rgba(7,38,69,.94),rgba(7,38,69,.72)),url('assets/port-crane-premium.jpg') center/cover no-repeat;color:#fff;padding:86px 0}.page-hero h1{color:#fff}.page-hero p{max-width:720px;font-size:18px;opacity:.92}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{background:#fff;border:1px solid #e9eef5;border-radius:18px;padding:26px;box-shadow:0 12px 32px rgba(7,38,69,.06)}.feature b{color:var(--navy);display:block;font-size:18px}.service-detail{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(7,38,69,.08);margin-bottom:28px}.service-detail img{height:260px;width:100%;object-fit:cover}.service-detail .txt{padding:30px}.service-detail h2{color:var(--navy);margin:0 0 8px}.list-check{padding-left:0;list-style:none}.list-check li{margin:8px 0;padding-left:28px;position:relative}.list-check li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:950}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product{padding:22px;border-radius:18px;background:#fff;border:1px solid #e8eef5;text-align:center;box-shadow:0 10px 25px rgba(7,38,69,.06)}.product img{height:110px;width:100%;object-fit:cover;border-radius:13px;margin-bottom:12px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article{padding:30px;background:#fff;border-radius:22px;border:1px solid #e8eef5;box-shadow:0 12px 30px rgba(7,38,69,.06)}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-card{background:#fff;border-radius:24px;border:1px solid #e8eef5;padding:34px;box-shadow:var(--shadow)}.footer{background:#061d35;color:#dbe7f5;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:34px}.footer img{width:230px;background:#fff;border-radius:12px;padding:8px}.footer h3{color:#fff}.footer a{display:block;margin:8px 0;color:#dbe7f5}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;color:#9fb1c7;font-size:13px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:64px;height:64px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 12px 30px rgba(37,211,102,.4);z-index:80}.sticky-cta{background:linear-gradient(90deg,#071f3a,#0d4276);color:#fff;padding:22px 0}.sticky-cta .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky-cta b{font-size:20px}.wow-line{height:4px;width:80px;background:var(--orange);border-radius:4px;margin:0 0 20px}@media(max-width:980px){.menu{position:absolute;top:88px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:22px;border-bottom:1px solid #e8eef5}.menu.open{display:flex}.mobile-toggle{display:block}.trust-grid,.stats,.feature-grid{grid-template-columns:repeat(2,1fr)}.split,.service-detail,.contact-box{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:620px;background-position:center right}.hero-content{max-width:100%;background:rgba(255,255,255,.78);padding:34px;border-radius:22px}.topbar .container{display:block}.sticky-cta .container,.cta{display:block;text-align:center}.cta .btn,.sticky-cta .btn{margin-top:18px}}@media(max-width:620px){.logo img{width:200px}.hero h1{font-size:35px}.cards,.blog-grid,.footer-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.hero-arrow{display:none}.section{padding:54px 0}.product-grid{grid-template-columns:1fr}}

/* V5 image quality fix: high-res 3D visuals, no pixelated stretching */
.hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.86) 38%,rgba(255,255,255,.12) 66%),url('assets/hero-ship-premium.jpg');}
.card img,.service-detail img,.product img,.photo-card img{image-rendering:auto;filter:saturate(1.05) contrast(1.04);}
.card img{height:210px}.service-detail img{height:320px}.product img{height:140px}.photo-card img{height:390px}
@media(max-width:620px){.card img{height:230px}.photo-card img{height:260px}.service-detail img{height:240px}}