*{box-sizing:border-box}
:root{--red:#A72024;--red-light:#c52c31;--black:#080808;--black-2:#101010;--surface:#151515;--white:#f4f3f0;--muted:#8c8c8c;--line:#292929}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.container{width:min(1200px,calc(100% - 36px));margin:auto}
.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}
.brand{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em}.brand-logo{display:block;width:150px;height:auto;object-fit:contain}
.brand b{font-weight:400;color:#aaa}
.brand-symbol{font-size:12px;border:1px solid #777;padding:3px 5px;letter-spacing:-.08em}
.desktop-nav{display:none}
.header-cta{display:none;border:1px solid rgba(255,255,255,.5);padding:10px 15px;font:500 10px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.menu-toggle{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.35);color:#fff;width:40px;height:40px;border-radius:50%;font-size:17px}
.eyebrow{font:500 10px/1.2 Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 17px}
.eyebrow.dark{color:#666}
.section{padding:90px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:51px;padding:0 21px;border:1px solid transparent;text-transform:uppercase;font:600 10px Oswald,sans-serif;letter-spacing:.12em;cursor:pointer;transition:.2s ease}
.btn span{font-size:16px;line-height:0}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-light)}
.btn-outline{border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.18)}
.btn-white{background:#fff;color:#111}
.text-link{display:inline-flex;gap:13px;padding-bottom:7px;border-bottom:1px solid currentColor;font:600 10px Oswald,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.dark-link{color:#111}

/* Placeholder */
.placeholder-image{position:relative;overflow:hidden;background:radial-gradient(circle at 65% 38%,#485158 0,#293137 30%,#101417 73%,#070707 100%)}
.placeholder-image:before{content:"";position:absolute;left:8%;right:8%;top:35%;height:28%;border:1px solid rgba(255,255,255,.12);border-radius:48% 52% 40% 45%;transform:skewX(-7deg)}
.placeholder-image:after{content:attr(data-label);position:absolute;left:0;right:0;top:calc(50% - 6px);text-align:center;color:rgba(255,255,255,.4);font:500 10px Oswald,sans-serif;letter-spacing:.22em}
.hero{position:relative;min-height:750px;display:flex;align-items:flex-end;overflow:hidden;background:#080808}
.hero-media{position:absolute;inset:0}
.hero-media:before{top:45%;height:20%;left:8%;right:5%}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.1) 35%,rgba(0,0,0,.94) 92%)}
.hero-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%);opacity:.35}
.hero-content{position:relative;padding-bottom:75px}
.hero-topline{position:absolute;top:-650px;left:0;right:0;display:flex;justify-content:space-between;color:#aaa;font:500 9px Oswald,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.hero-copy{max-width:720px}
.hero h1{font:500 clamp(61px,15vw,128px)/.87 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:0}
.hero h1 span{color:var(--red)}
.hero-description{max-width:500px;color:#c4c4c4;font-size:14px;margin:25px 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px}
.hero-model-name{position:absolute;right:-25px;bottom:80px;font:600 clamp(48px,13vw,120px)/1 Oswald,sans-serif;letter-spacing:.03em;color:rgba(255,255,255,.055);text-transform:uppercase}
.scroll-cue{display:none}

/* Intro */
.intro{background:#f1f1ef;color:#111}
.intro-grid{display:grid;gap:40px}
.intro h2,.versions h2,.gallery h2{font:500 clamp(49px,11vw,100px)/.9 Oswald,sans-serif;text-transform:uppercase;margin:0;letter-spacing:-.025em}
.intro h2 em,.versions h2 em,.gallery h2 em{font-style:normal;color:var(--red)}
.intro-copy .lead{font-size:21px;line-height:1.25;font-weight:500;margin:0 0 18px}
.intro-copy>p:not(.lead){color:#5f6263;max-width:500px;font-size:14px;margin-bottom:28px}

/* Stats */
.stats-band{background:var(--red);padding:45px 0}
.stats-grid{display:grid;grid-template-columns:1fr;gap:30px}
.stat{border-left:1px solid rgba(255,255,255,.3);padding-left:18px}
.stat-number{font:500 clamp(54px,11vw,82px)/.85 Oswald,sans-serif}
.stat-number sup{font-size:.32em;margin-left:5px;vertical-align:top;top:.1em;position:relative}
.stat-label{font:500 10px Oswald,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:10px;color:rgba(255,255,255,.72)}

/* Visual */
.visual-break{min-height:680px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.visual-image{position:absolute;inset:0}
.visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.87) 90%)}
.visual-content{position:relative;padding-bottom:65px}
.visual-content h2{font:500 clamp(53px,11vw,105px)/.9 Oswald,sans-serif;text-transform:uppercase;margin:0 0 25px}
.visual-content h2 em{color:var(--red);font-style:normal}
.visual-content>p{max-width:440px;color:#c5c5c5;font-size:13px}

/* Versions */
.versions{background:#0e0e0e}
.section-heading{display:grid;gap:25px;margin-bottom:48px}
.section-heading>p{color:#737373;max-width:450px;font-size:13px;margin:0}
.version-grid{display:grid;gap:14px}
.version-card{background:#171717;border:1px solid #292929}
.version-image{height:270px}
.version-body{padding:24px}
.version-title-row{display:flex;justify-content:space-between;gap:15px}
.version-index{font:500 10px Oswald,sans-serif;color:var(--red);letter-spacing:.15em}
.version-card h3{font:500 27px/1 Oswald,sans-serif;text-transform:uppercase;margin:8px 0 0}
.circle-btn{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid #4a4a4a;background:transparent;color:#fff;cursor:pointer}
.version-card ul{list-style:none;padding:22px 0 0;margin:20px 0 0;border-top:1px solid #292929}
.version-card li{display:flex;gap:10px;color:#b8b8b8;font-size:12px;padding:7px 0}
.version-card li span{color:var(--red);font-weight:700}

/* Technology */
.technology{background:#111;color:#fff}
.tech-intro{display:grid;gap:30px;margin-bottom:50px}
.tech-intro h2{font:500 clamp(51px,11vw,98px)/.9 Oswald,sans-serif;text-transform:uppercase;margin:0}
.tech-intro h2 em{font-style:normal;color:var(--red)}
.tech-intro>p{max-width:430px;color:#858585;font-size:13px}
.tech-list{border-top:1px solid #2a2a2a}
.tech-item{display:grid;grid-template-columns:45px 1fr 30px;gap:12px;align-items:start;padding:28px 0;border-bottom:1px solid #2a2a2a}
.tech-number{font:500 10px Oswald,sans-serif;color:var(--red);letter-spacing:.1em}
.tech-item h3{font:500 25px/1 Oswald,sans-serif;text-transform:uppercase;margin:0}
.tech-item p{grid-column:2;color:#777;font-size:12px;max-width:500px;margin:8px 0 0}
.tech-arrow{justify-self:end;color:#777}

/* Interior */
.interior{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden}
.interior-image{position:absolute;inset:0}
.interior-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.45) 55%,rgba(0,0,0,.15))}
.interior-content{position:relative}
.interior-content h2{font:500 clamp(56px,12vw,112px)/.86 Oswald,sans-serif;text-transform:uppercase;margin:0 0 25px}
.interior-content h2 em{font-style:normal;color:var(--red)}
.interior-content>p:not(.eyebrow){max-width:440px;color:#c4c4c4;font-size:13px;margin-bottom:30px}

/* Gallery */
.gallery{background:#f1f1ef;color:#111}
.gallery-heading>p{color:#65686a}
.gallery-grid{display:grid;grid-template-columns:1fr;gap:10px}
.gallery-item{min-height:260px}
.gallery-item.gallery-large{min-height:450px}
.gallery-item span{position:absolute;left:18px;bottom:18px;font:500 11px Oswald,sans-serif;letter-spacing:.16em;color:#fff}

/* Conversion */
.conversion{position:relative;min-height:900px;display:flex;align-items:center;overflow:hidden}
.conversion-image{position:absolute;inset:0}
.conversion-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.8) 46%,rgba(0,0,0,.55) 100%)}
.conversion-grid{position:relative;display:grid;gap:55px}
.conversion-copy h2{font:500 clamp(58px,12vw,110px)/.87 Oswald,sans-serif;text-transform:uppercase;margin:0}
.conversion-copy h2 em{font-style:normal;color:var(--red)}
.conversion-copy>p:not(.eyebrow){max-width:440px;color:#b7b7b7;font-size:14px}
.contact-points{margin-top:40px;display:grid;gap:14px}
.contact-points div{display:flex;gap:15px;align-items:center;border-top:1px solid #2b2b2b;padding-top:13px}
.contact-points span{font:500 10px Oswald,sans-serif;color:var(--red)}
.contact-points strong{font:500 14px Oswald,sans-serif;text-transform:uppercase}
.lead-form{background:rgba(17,17,17,.9);border:1px solid #303030;padding:25px;display:grid;gap:13px;backdrop-filter:blur(8px)}
.form-header{padding-bottom:12px;border-bottom:1px solid #303030}
.form-header span{display:block;font:500 25px Oswald,sans-serif;text-transform:uppercase}
.form-header small{color:#777;font-size:11px}
.lead-form label span{display:block;font:500 9px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#888;margin-bottom:6px}
.lead-form input,.lead-form select{width:100%;height:51px;border:1px solid #353535;background:#0b0b0b;color:#fff;padding:0 13px;outline:none;border-radius:0}
.lead-form input:focus,.lead-form select:focus{border-color:var(--red)}
.lead-form select option{color:#111}
.form-submit{width:100%;margin-top:4px}
.form-note{font-size:9px;color:#666}
.form-message{min-height:18px;font-size:11px}

/* Footer */
.footer{background:#050505;border-top:1px solid #1b1b1b;padding:55px 0 90px}
.footer-main{display:grid;gap:40px}
.footer-brand p{color:#777;margin:13px 0 2px;font:500 14px Oswald,sans-serif;text-transform:uppercase}
.footer-brand>span{font-size:11px;color:#555}
.brand-footer{font-size:16px}
.footer-title{display:block;font:500 10px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#fff;margin-bottom:14px}
.footer-column a{display:block;color:#777;font-size:12px;margin:8px 0}
.footer-bottom{border-top:1px solid #1b1b1b;margin-top:45px;padding-top:18px;display:flex;flex-direction:column;gap:7px;color:#555;font-size:9px;text-transform:uppercase;letter-spacing:.07em}

/* Sticky */
.mobile-sticky-cta{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;background:#0b0b0b;border-top:1px solid #292929}
.mobile-sticky-cta a{display:flex;align-items:center;justify-content:center;height:57px;font:600 10px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.mobile-sticky-cta .sticky-red{background:var(--red)}

@media (min-width:700px){
  .container{width:min(1200px,calc(100% - 70px))}
  .site-header{padding:25px 35px}
  .desktop-nav{display:flex;gap:28px;color:#c8c8c8;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
  .header-cta{display:block}
  .menu-toggle{display:none}
  .hero{min-height:900px}
  .hero-content{padding-bottom:110px}
  .hero-topline{top:-770px}
  .intro{padding:125px 0}
  .intro-grid{grid-template-columns:1fr 1fr;gap:90px;align-items:end}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .stat{padding-left:25px}
  .visual-break{min-height:800px}
  .section-heading{grid-template-columns:1fr 1fr;align-items:end}
  .version-grid{grid-template-columns:1fr 1fr}
  .version-image{height:360px}
  .tech-intro{grid-template-columns:1fr 1fr;align-items:end}
  .tech-item{grid-template-columns:70px 1fr 50px}
  .interior{min-height:850px}
  .gallery-grid{grid-template-columns:1.5fr 1fr;grid-template-rows:300px 300px}
  .gallery-item.gallery-large{grid-row:span 2;min-height:100%}
  .gallery-item.gallery-small{min-height:300px}
  .conversion{min-height:900px}
  .conversion-grid{grid-template-columns:1fr 500px;align-items:center}
  .footer-main{grid-template-columns:2fr 1fr 1fr}
  .footer-bottom{flex-direction:row;justify-content:space-between}
  .mobile-sticky-cta{display:none}
}

@media (min-width:1100px){
  .hero h1{font-size:135px}
  .hero-description{font-size:15px}
  .version-image{height:430px}
  .lead-form{padding:32px}
}


/* Official supplied OMODA 5 assets */
.hero-photo{position:absolute;inset:0;background-image:url('../../storage/images/hero.jpg');background-size:cover;background-position:center 58%;}
.hero-photo:before{display:none}
.luxury-photo,.prestige-photo{background-color:#080808;background-repeat:no-repeat;background-position:center;background-size:contain;}
.luxury-photo{background-image:url('../../storage/images/luxury.webp');}
.prestige-photo{background-image:url('../../storage/images/prestige.webp');}
.brand-footer .brand-logo{width:190px}
@media (max-width:699px){.hero-photo{background-position:center 58%;}.hero{min-height:700px}.brand-logo{width:125px}.version-image{height:270px}}
@media (min-width:700px){.hero-photo{background-position:center center}}


/* V6 — preserve V3 visual language; only add functional image/form styles. */
.section-bg-image{background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;}
.version-image,.gallery-item{position:relative;display:block;width:100%;border:0;padding:0;overflow:hidden;cursor:pointer;background:#111;appearance:none;-webkit-appearance:none;}
.version-image img,.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;}
.version-image img{object-fit:contain;background:#080808;}
.image-zoom-hint{position:absolute;right:16px;bottom:14px;background:rgba(0,0,0,.65);color:#fff;padding:7px 9px;font:500 9px Oswald,sans-serif;letter-spacing:.12em;}
.gallery-item span{z-index:2;}
.gallery-item span b{font-weight:500;}
.form-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:-2px 0 3px;}
.form-progress i{height:3px;background:#303030;display:block;transition:background .2s ease;}
.form-progress i.is-active{background:var(--red);}
.form-step{display:none!important;}
.form-step.is-active{display:grid!important;gap:13px;}
.form-step-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;}
.form-step-actions .btn{width:100%;}
.form-back{border:0;background:transparent;color:#777;padding:10px;cursor:pointer;font:500 10px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.form-back:hover{color:#fff;}
.city-note{font-size:11px;color:#777;line-height:1.5;border-left:2px solid var(--red);padding-left:10px;}
.form-message.is-error{color:#ff8588;}
.input-error{border-color:#ff5257!important;}
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.92);opacity:0;visibility:hidden;transition:.2s ease;}
.lightbox.is-open{opacity:1;visibility:visible;}
.lightbox img{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;}
.lightbox-close{position:absolute;top:18px;right:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);background:#111;color:#fff;border-radius:50%;font-size:27px;cursor:pointer;}
.no-scroll{overflow:hidden;}
@media(max-width:699px){.form-step-actions{grid-template-columns:1fr 2fr}.lightbox img{max-width:96vw;max-height:82vh}}