:root{--red:#ed080d;--black:#0c1219;--gold:#efc68c;--font:'Inter',Arial,sans-serif;--head:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);font-family:var(--font)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{max-width:1190px;margin:auto;padding:0 28px}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 16px #00000012}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:185px;flex-shrink:0}.brand img{height:80px;width:170px;object-fit:contain}.nav nav{display:flex;gap:30px;align-items:center}.nav nav a{font-size:14px;font-weight:600;white-space:nowrap;padding:11px 0}.nav nav a:hover,.nav nav .active{color:var(--red)}.nav nav .active{border-bottom:3px solid var(--red)}.phone,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;font-weight:700}.phone{padding:16px 24px;background:var(--red);color:white;white-space:nowrap}.phone svg,.btn svg{width:20px;height:20px}.menu{display:none;border:0;background:white;cursor:pointer}.hero{min-height:550px;position:relative;overflow:hidden;background:linear-gradient(102deg,#f3f5f5 0%,#fff3e4 43%,#b6d3e6 72%,#b4a28f 100%)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#f5f8f9ee 0%,#ffffffb8 43%,transparent 75%),url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?w=1600&q=85') right center/cover;opacity:.92}.hero-inner{position:relative;min-height:550px;padding-top:75px}.hero-copy{position:relative;z-index:3;max-width:760px}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:800;color:#444}.hero h1{font:900 clamp(40px,5.4vw,75px)/.95 var(--head);margin:16px 0;color:#10151c;text-shadow:0 1px 1px #ffffffb8}.hero h1 span,.section h2 span,.why h2 span,.vehicles h2 span{color:var(--red)}.hero-sub{font-size:clamp(16px,1.8vw,22px);line-height:1.5;margin:16px 0 24px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 24px;font-size:15px;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(.94)}.btn.red{background:var(--red);color:#fff}.btn.dark{background:#0b1219;color:#fff}.hero-logo{position:absolute;right:8%;top:25px;width:245px;z-index:2;filter:drop-shadow(0 6px 8px #ffffff80)}.hero-logo img{width:100%;height:170px;object-fit:contain}.hero-cars{position:absolute;bottom:0;left:0;width:100%;height:260px;object-fit:cover;object-position:center bottom;z-index:2;mask-image:linear-gradient(to bottom,transparent 0%,black 16%)}.benefits{background:#0b1219;color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:24px;padding-bottom:24px}.benefit{display:flex;align-items:center;justify-content:center;gap:15px;padding:4px 16px;border-right:1px solid #ffffff40}.benefit:last-child{border:0}.benefit svg{height:39px;width:39px;stroke-width:1.9;flex-shrink:0}.benefit b{display:block;font:700 21px var(--head)}.benefit small{font-size:12px;display:block;margin-top:3px}.section{padding-top:55px;padding-bottom:65px}.section h2,.why h2,.vehicles h2,.footer h2{font:900 clamp(36px,4.4vw,52px)/1 var(--head);margin:0}.underline{width:70px;height:4px;background:var(--red);margin:12px 0 24px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.service-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 24px #00000014}.service-card>img{width:100%;height:155px;object-fit:cover}.service-content{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px}.service-content h3{font:800 23px/1.05 var(--head);margin:0 0 7px}.service-content p{font-size:12px;line-height:1.5;margin:0}.service-content a{background:var(--red);color:white;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.service-content a svg{width:18px}.vehicles{background:#f5f6f7;border-top:1px solid #eee}.vehicles-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:35px;padding-bottom:35px}.vehicles p{max-width:650px;line-height:1.6}.red-text{color:var(--red)}.why{position:relative;overflow:hidden;min-height:315px;padding:40px 0 35px;background:linear-gradient(90deg,#fff 0%,#fff 54%,#fff9f2 100%)}.why .wrap{position:relative;z-index:2}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:720px}.why-item{text-align:center;padding:4px 17px;border-right:1px solid #ccc}.why-item:last-child{border:0}.why-item svg{height:37px;width:37px;color:var(--red);stroke-width:2.5}.why-item h3{font:800 20px/1.02 var(--head);margin:10px 0}.why-item p{font-size:12px;line-height:1.4;margin:0}.why-suv{position:absolute;right:0;bottom:0;width:35%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 26%)}.footer{background:linear-gradient(90deg,#091018,#141c24);color:#fff;padding-top:38px}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:start;padding-bottom:38px}.footer-logo img{width:230px;max-height:200px;object-fit:contain;background:#fff;border-radius:8px;padding:8px}.footer h2{font-size:38px}.footer h3{font:800 28px var(--head);margin:7px 0 24px}.footer a,.footer p{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.footer svg{width:20px;height:20px;flex-shrink:0;color:var(--red)}.social{border-left:1px solid #ffffff45;padding-left:34px}.social svg{color:#f0448c}.copyright{text-align:center;border-top:1px solid #ffffff20;padding:15px;font-size:12px;color:#c7c7c7}@media(max-width:950px){.nav nav{gap:13px}.brand{width:140px}.brand img{width:140px}.phone{padding:13px}.hero-logo{right:2%;width:180px}.hero-copy{max-width:670px}.hero h1{font-size:58px}.why-suv{opacity:.35}.why-grid{max-width:100%}}@media(max-width:720px){.wrap{padding-left:18px;padding-right:18px}.nav{height:72px}.brand img{height:65px}.top-phone{margin-left:auto;font-size:12px;padding:11px}.menu{display:block;order:3}.menu svg{width:27px;height:27px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:16px 24px;box-shadow:0 12px 20px #0002}.nav nav.open{display:flex}.nav nav a{padding:10px}.hero,.hero-inner{min-height:650px}.hero-inner{padding-top:40px}.hero-logo{width:120px;right:12px;top:8px;opacity:.8}.hero-copy{padding-top:100px}.hero h1{font-size:clamp(38px,9vw,56px)}.hero-sub{font-size:16px}.hero-cars{height:200px;object-position:center}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:20px}.benefit{justify-content:flex-start;padding:6px;border:0}.benefit svg{height:29px;width:29px}.benefit b{font-size:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.vehicles-inner{display:block}.why{padding-bottom:45px}.why-grid{grid-template-columns:repeat(2,1fr);gap:22px}.why-suv{opacity:.12;width:100%}.footer-grid{grid-template-columns:1fr;gap:15px}.social{border:0;padding-left:0}.footer-logo img{width:190px}}@media(max-width:420px){.top-phone{font-size:0;gap:0}.top-phone svg{width:20px}.service-grid{grid-template-columns:1fr}.service-card>img{height:185px}.hero h1{font-size:40px}.hero-cars{height:155px}.benefit small{font-size:11px}}

/* Redesigned cinematic hero — independent from reference mockup */
.hero-v2{min-height:660px;background:#101820;color:white;isolation:isolate}
.hero-v2-photo{position:absolute;inset:0;background:linear-gradient(90deg,#0a1019 0%,#0a1019f0 35%,#0a1019b8 67%,#0a10197a 100%),url('assets/port.jpg') center/cover;z-index:-1}
.hero-v2:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background:radial-gradient(ellipse at 82% 52%,#f23a23 0%,transparent 45%)}
.hero-v2-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:8px;min-height:660px;padding-top:55px;padding-bottom:58px;position:relative}
.hero-v2-copy{position:relative;z-index:3}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:2.6px;color:#ffbdab}.kicker-line{height:2px;width:35px;background:#ff241d}
.hero-v2 h1{font:900 clamp(54px,6.6vw,94px)/.91 var(--head);letter-spacing:.3px;color:#fff;margin:26px 0 24px;text-shadow:none}
.hero-v2 h1 em{font-style:normal;color:#ff2525}.hero-v2-lead{font-size:clamp(20px,2.3vw,30px);line-height:1.3;margin:0 0 15px;font-weight:500}.hero-v2-lead strong{color:#fff}.hero-v2-desc{color:#cbd1d7;font-size:15px;line-height:1.8;max-width:480px;margin-bottom:26px}.outline-light{color:white;border:1px solid #ffffff85;background:#ffffff12;backdrop-filter:blur(5px)}
.hero-v2-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:42px}.hero-v2-tags span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#e2e5e8}.hero-v2-tags svg{height:19px;width:19px;color:#ff3d34}
.hero-v2-visual{height:450px;position:relative;display:flex;align-items:end;justify-content:center}.hero-v2-visual>img{width:115%;max-width:none;position:relative;z-index:2;filter:drop-shadow(0 24px 22px #0009);object-fit:contain;max-height:360px}.visual-ring{position:absolute;top:5%;left:12%;height:360px;width:360px;border:1px solid #ffffff3b;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff04}.visual-caption{position:absolute;bottom:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:#15191e;padding:14px 18px;border-left:5px solid #ee1018;box-shadow:0 14px 30px #0005;border-radius:6px}.visual-caption svg{color:#e10c12}.visual-caption b,.visual-caption small{display:block}.visual-caption b{font-size:12px;letter-spacing:1px}.visual-caption small{font-size:11px;color:#626a72;margin-top:3px}.hero-bottom-stroke{position:absolute;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,#ed080d 0%,#ed080d 32%,#fff 32%,#fff 35%,transparent 35%)}
@media(max-width:850px){.hero-v2-layout{grid-template-columns:1fr;padding-top:70px;padding-bottom:35px}.hero-v2{min-height:unset}.hero-v2-visual{height:290px}.hero-v2-visual>img{max-height:270px;width:100%}.visual-ring{height:230px;width:230px;left:28%;top:0}.hero-v2 h1{font-size:clamp(53px,10vw,83px)}.hero-v2-tags{margin-top:24px}}
@media(max-width:520px){.hero-v2-layout{padding-top:48px}.hero-v2 h1{font-size:clamp(47px,12vw,64px)}.hero-v2-visual{height:220px}.hero-v2-visual>img{max-height:200px}.visual-ring{height:160px;width:160px}.visual-caption{padding:8px 10px;bottom:-7px;right:0}.visual-caption small{display:none}.hero-v2-tags{gap:12px}.hero-v2-tags span{font-size:10px}.hero-v2-desc{font-size:14px}}

/* Hero update: full-width port-and-vehicle image, no separate right-side graphic */
.hero-v2{min-height:680px;background:#091522;position:relative}
.hero-v2-photo{background:linear-gradient(90deg,rgba(4,13,25,.94) 0%,rgba(4,13,25,.78) 32%,rgba(4,13,25,.12) 72%),url('assets/hero-port-4k.png') center center/cover no-repeat}
.hero-v2-layout{display:flex;align-items:flex-start;min-height:680px;padding-top:90px;padding-bottom:210px}
.hero-v2-copy{max-width:670px}
.hero-v2 h1{font-size:clamp(52px,6.8vw,94px);text-shadow:0 3px 16px #0009}
.hero-v2-desc{color:#fff;text-shadow:0 2px 8px #000}
.hero-v2-tags span{color:#fff;text-shadow:0 2px 6px #000}
@media(max-width:850px){.hero-v2-layout{min-height:650px;padding-top:65px;padding-bottom:210px}.hero-v2-photo{background-position:60% center;background-image:linear-gradient(90deg,rgba(4,13,25,.94),rgba(4,13,25,.55)),url('assets/hero-port-4k.png')}}
@media(max-width:520px){.hero-v2-layout{min-height:720px;padding-top:52px;padding-bottom:155px}.hero-v2 h1{font-size:clamp(45px,11vw,64px)}.hero-v2-tags{margin-top:20px}.hero-v2-photo{background-position:57% center}}