:root{
  --khaki:#646b52;--dark:#333;--muted:#aaa;--bg:#fff;--soft:#f2f2f0;--orange:#ee6b2d;
  --max:1216px;--display:"Dacia Block Extended","Arial Narrow",Arial,sans-serif;--body:"Read",Arial,sans-serif;
}
*{box-sizing:border-box}
body{font-synthesis:none}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--dark);background:var(--bg)}
img{display:block;max-width:100%}
button,a{font:inherit}
.container{width:min(calc(100% - 32px),var(--max));margin:auto}
.eyebrow{font-size:14px;font-weight:500;margin-bottom:8px}
h1,h2,h3{font-family:var(--display);margin:0}
.section-title{font-size:clamp(44px,5.2vw,80px);line-height:.94;text-transform:lowercase}

/* sticky model nav */
.model-nav{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #e5e5e5}
.model-nav-inner{height:64px;display:flex;align-items:center;gap:8px}
.model-nav-links{display:flex;gap:8px;overflow:auto;scrollbar-width:none}
.model-nav-links::-webkit-scrollbar{display:none}
.model-nav a{border:1px solid #d6d6d6;padding:8px 14px;white-space:nowrap;text-decoration:none;color:#111;font-size:13px;line-height:1;font-weight:400}
.model-nav-actions{margin-left:auto;display:flex;gap:10px}
.model-nav-actions a{min-width:175px;text-align:center;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.01em}
.model-nav-actions .offer{border-color:var(--khaki);color:var(--khaki)}
.nav-progress{position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--orange);transition:width .15s linear}

/* 1 Hero */
.hero{position:relative;height:min(760px,calc(100vh - 64px));min-height:560px;overflow:hidden;background:#111}
.hero img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 48%)}
.hero h1{position:absolute;z-index:2;left:max(38px,calc((100vw - var(--max))/2));bottom:30px;color:#fff;font-family:"Dacia Block Extended","Arial Narrow",Arial,sans-serif;font-size:clamp(60px,4.5vw,78px);font-weight:700;line-height:.86;letter-spacing:.015em}

/* 2 Reveal */
.reveal-section{padding:52px 0 72px}
.reveal-text{max-width:1420px;margin:0 auto;font-family:"Dacia Block",Arial,sans-serif;font-size:clamp(38px,3.1vw,52px);line-height:1.05;font-weight:400}
.reveal-word{color:#d2d2d2;transition:color .16s linear}
.reveal-word.is-active{color:#111}

/* 3 Grades */
.grades{background:#f2f2f2;padding:70px 0 44px}
.grades-stage{display:grid;grid-template-columns:1.7fr .9fr;gap:58px;align-items:center;min-height:520px}
.grade-car{width:100%;height:460px;object-fit:contain}

.grade-info .small{color:#777;font-size:15px}
.grade-info h2{font-family:"Dacia Block Extended",Arial,sans-serif;font-size:22px;line-height:1;font-weight:700}
.grade-info .monthly{font-family:"Dacia Block",Arial,sans-serif;font-size:21px;margin:24px 0 2px}
.grade-info .price{font-family:"Dacia Block",Arial,sans-serif;font-size:21px;margin:30px 0 4px}
.grade-info ul{padding:0;margin:26px 0;list-style:none}
.grade-info li{margin:9px 0;padding-left:27px;position:relative}
.grade-info li::before{content:"✓";position:absolute;left:0;font-size:22px}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;background:var(--khaki);color:#fff;text-decoration:none;border:0;font-weight:500;text-transform:uppercase}
.grade-thumbs-wrap{background:#fff;padding:25px 0 0}
.grade-thumbs-title{text-align:center;font-family:"Dacia Block",Arial,sans-serif;font-size:22px;margin-bottom:24px}
.grade-thumbs{display:flex;gap:10px;justify-content:center;overflow:auto;padding-bottom:18px}
.grade-thumb{width:170px;flex:0 0 170px;border:2px solid transparent;background:#f0f0f0;padding:10px;cursor:pointer}
.grade-thumb.is-active{border-color:#111}
.grade-thumb img{width:100%;height:90px;object-fit:contain}
.grade-thumb strong{display:block;text-align:center;margin-top:7px;text-transform:uppercase;font-family:"Dacia Block Extended",Arial,sans-serif;font-size:14px;line-height:1;font-weight:700}

/* 4 scroll sequence */
.sequence{position:relative;height:430vh;background:#111}
.sequence-sticky{position:sticky;top:64px;height:calc(100vh - 64px);overflow:hidden;background:#111}
.sequence-frame{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:auto}
.sequence-stats{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);width:min(calc(100% - 32px),980px);display:grid;grid-template-columns:repeat(4,1fr);gap:22px;color:#fff;text-align:center}
.stat{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.sequence.show-stats .stat{opacity:1;transform:none}
.sequence.show-stats .stat:nth-child(1){transition-delay:0s}
.sequence.show-stats .stat:nth-child(2){transition-delay:.01s}
.sequence.show-stats .stat:nth-child(3){transition-delay:.02s}
.sequence.show-stats .stat:nth-child(4){transition-delay:.03s}
.stat strong{display:block;font-family:"Dacia Block Extended",Arial,sans-serif;font-size:clamp(38px,3.25vw,54px);font-weight:700;line-height:.9}
.stat span{display:block;margin-top:8px;font-size:14px;line-height:1.35;font-weight:300}



/* 5 connectivity — fixed V4.3 */
.tech-scroll{
  position:relative;
  height:185vh;
  background:#fff;
}

.dc-tech-sticky{
  position:sticky;
  top:64px;
  height:calc(100vh - 64px);
  min-height:650px;
  display:grid;
  grid-template-columns:52% 48%;
  overflow:hidden;
  background:#fff;
}

.dc-tech-left{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:32px 56px 32px max(24px,calc((100vw - var(--max))/2));
  overflow:hidden;
}

.dc-tech-inner{
  width:min(100%,620px);
  min-width:0;
}

.dc-tech-heading{
  max-width:100%;
  margin:0 0 22px;
  font-family:"Dacia Block Extended",sans-serif;
  font-size:58px;
  font-weight:700;
  line-height:.92;
  letter-spacing:0;
  white-space:normal;
  overflow-wrap:normal;
}

.dc-tech-viewport{
  position:relative;
  height:410px;
  overflow:hidden;
}

.dc-tech-track{
  position:relative;
  will-change:transform;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
}

.dc-tech-item{
  display:block;
  width:100%;
  min-height:136px;
  padding:15px 0 18px;
  border:0;
  background:transparent;
  color:#c6c6c6;
  text-align:left;
  cursor:pointer;
}

.dc-tech-title{
  display:block;
  max-width:100%;
  font-family:"Dacia Block",sans-serif;
  font-size:42px;
  font-weight:400;
  line-height:1.02;
}

.dc-tech-desc{
  display:block;
  max-width:520px;
  max-height:0;
  margin-top:0;
  overflow:hidden;
  opacity:0;
  color:#333;
  font-family:"Read",sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.45;
  transition:max-height .28s ease, opacity .22s ease, margin-top .22s ease;
}

.dc-tech-item.is-active{
  color:#111;
}

.dc-tech-item.is-active .dc-tech-desc{
  max-height:64px;
  margin-top:10px;
  opacity:1;
}

.dc-tech-right{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#eee;
}

.dc-tech-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  visibility:hidden;
  transform:scale(1.01);
  transition:opacity .42s ease,visibility .42s ease,transform .65s ease;
}

.dc-tech-media.is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
}

@media(max-width:1100px){
  .dc-tech-heading{
    font-size:50px;
  }
  .dc-tech-title{
    font-size:36px;
  }
}

@media(max-width:900px){
  .tech-scroll{
    height:auto;
  }

  .dc-tech-sticky{
    position:relative;
    top:auto;
    height:auto;
    min-height:0;
    display:block;
  }

  .dc-tech-left{
    padding:54px 24px 26px;
  }

  .dc-tech-heading{
    font-size:44px;
  }

  .dc-tech-viewport{
    height:auto;
    overflow:visible;
  }

  .dc-tech-track{
    transform:none!important;
  }

  .dc-tech-item{
    min-height:0;
    padding:14px 0 18px;
    color:#999;
  }

  .dc-tech-title{
    font-size:34px;
  }

  .dc-tech-desc{
    max-height:none;
    margin-top:8px;
    opacity:1;
  }

  .dc-tech-right{
    height:72vh;
    min-height:460px;
  }
}

/* 6 banner */
.banner{position:relative;height:min(700px,72vw);min-height:520px;overflow:hidden}
.banner img{width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 52%)}
.banner-copy{position:absolute;z-index:2;left:max(24px,calc((100vw - var(--max))/2));top:18%;color:#fff}
.banner-copy .eyebrow{font-size:17px;font-weight:500}
.banner-copy h2{font-family:"Dacia Block Extended",Arial,sans-serif;font-size:clamp(50px,4.4vw,72px);font-weight:700;line-height:.92}

/* 7 engine tabs */
.engine-tabs{padding:90px 0;background:#fff}
.engine-layout{display:grid;grid-template-columns:1fr 1.25fr;min-height:620px}
.engine-left{display:flex;align-items:center;justify-content:center}
.engine-tab-list{display:grid;gap:8px;min-width:360px}
.engine-tab{border:0;background:none;text-align:left;font-family:"Dacia Block",Arial,sans-serif;font-size:33px;font-weight:400;color:#b7b7b7;cursor:pointer;padding:4px 0}
.engine-tab.is-active{color:#111}
.engine-right{background:#f1f2f2;display:flex;align-items:center;padding:72px}
.engine-panel{display:none;animation:panelIn .45s ease}
.engine-panel.is-active{display:block}
.engine-panel .super{font-size:15px;color:#555}
.engine-panel h3{font-family:"Dacia Block",Arial,sans-serif;font-size:30px;font-weight:400;line-height:1.05;margin:22px 0 42px}
.engine-metric{margin:30px 0}
.engine-metric small{display:block;color:#888;margin-bottom:5px}
.engine-metric strong{font-family:"Dacia Block",Arial,sans-serif;font-size:29px;font-weight:400}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 8 offset loop carousel */
.offset-section{padding:90px 0;background:#fff;overflow:hidden}
.offset-head{margin-bottom:34px}
.offset-viewport{overflow:visible;cursor:grab;user-select:none;touch-action:pan-y;-webkit-user-drag:none}
.offset-viewport.is-dragging{cursor:grabbing}
.offset-track{display:flex;gap:18px;will-change:transform;transform:translate3d(8vw,0,0)}
.offset-card{flex:0 0 min(420px,72vw);background:#f1f1f1}
.offset-card-media{aspect-ratio:4/3;overflow:hidden}
.offset-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.offset-card:hover img{transform:scale(1.025)}
.offset-card-copy{padding:20px 22px 24px}
.offset-card-copy h3{font-family:"Dacia Block",Arial,sans-serif;font-size:25px;font-weight:400;line-height:1.08;margin:0 0 9px}
.offset-card-copy p{margin:0;line-height:1.45;color:#555}
.offset-controls{width:min(calc(100% - 32px),var(--max));margin:24px auto 0;display:flex;justify-content:flex-end;gap:8px}
.offset-controls button{width:48px;height:48px;border:1px solid #111;background:#fff;cursor:pointer}

@media(max-width:900px){
 .model-nav-actions{display:none}
 .hero{min-height:620px;height:76vh}
 .grades-stage{grid-template-columns:1fr;min-height:0}
 .grade-car{height:340px}
 .sequence-sticky,.tech-sticky{top:64px}
 .sequence-stats{grid-template-columns:repeat(2,1fr);bottom:20px}
 .tech-scroll{height:auto}
 .tech-sticky{position:relative;height:auto;display:block}
 .tech-copy{padding:56px 24px}
 .tech-media-wrap{height:72vh}
 .tech-item{color:#999}
 .tech-item-desc{max-height:none;opacity:1;margin-top:10px}
 .engine-layout{grid-template-columns:1fr}
 .engine-left{padding:50px 16px}
 .engine-right{padding:44px 24px}
}
@media(max-width:560px){
 .model-nav-inner{height:58px}
 .model-nav a{padding:8px 10px;font-size:12px}
 .hero h1{left:18px;bottom:22px}
 .reveal-section{padding:42px 18px}
 .reveal-text{font-size:34px}
 .grade-thumbs{justify-content:flex-start}
 .sequence{height:420vh}
 .sequence-sticky{top:58px;height:calc(100vh - 58px)}
 .sequence-stats{grid-template-columns:repeat(2,1fr);gap:16px}
 .stat strong{font-size:32px}
 .banner{min-height:560px}
 .engine-tab-list{min-width:0;width:100%}
 .engine-tab{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}