/* ============================================================
   NEELKANTH GROUP — Modern Corporate Experience 2026
   Layered after style.css so the legacy content remains intact.
   ============================================================ */

:root{
  --ink:#061a32;
  --ink-2:#0a2a4c;
  --abyss:#03111f;
  --blue:#138cff;
  --blue-soft:#74bcff;
  --brass:#caa35f;
  --brass-hi:#e7c98d;
  --salt:#f3f6f9;
  --paper:#ffffff;
  --mist:#b4c2d3;
  --slate:#4f6175;
  --line-d:rgba(202,163,95,.28);
  --line-l:rgba(6,26,50,.11);
  --shadow-sm:0 12px 35px -25px rgba(3,17,31,.35);
  --shadow:0 34px 90px -42px rgba(3,17,31,.58);
  --radius-sm:12px;
  --radius:22px;
  --radius-lg:34px;
  --max:1320px;
}

html{scroll-padding-top:110px}
body{
  background:#f8fafc;
  color:var(--ink);
  font-size:16px;
  line-height:1.72;
  letter-spacing:-.003em;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(19,140,255,.25);color:var(--ink)}
.skip-link{
  position:fixed;left:18px;top:12px;z-index:9999;
  transform:translateY(-160%);background:#fff;color:var(--ink);
  padding:10px 16px;border-radius:8px;font-weight:700;box-shadow:var(--shadow-sm)
}
.skip-link:focus{transform:none}
.wrap{max-width:var(--max);padding-inline:clamp(20px,3vw,38px)}
.wrap-wide{max-width:1500px;padding-inline:clamp(18px,2.5vw,34px)}

h1,h2,h3,h4,.disp{
  font-family:var(--ff-disp);
  font-feature-settings:"kern" 1,"ss01" 1;
}
p{max-width:75ch}
.eyebrow{font-size:11px;letter-spacing:.23em;color:var(--brass);gap:12px}
.eyebrow::before{width:38px}
.lede{font-size:clamp(18px,1.7vw,21px);line-height:1.65;color:#526479}

/* ---------- Utility bar + navigation ---------- */
.topbar{
  background:linear-gradient(90deg,#020c17,#071c33 58%,#0a2745);
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:11.5px;
}
.topbar .wrap-wide{min-height:34px}
.topbar .tb-left{gap:22px}
.topbar .tb-social a{width:27px;height:27px}
.site-header{
  background:rgba(5,23,43,.88);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:none;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.site-header.scrolled{
  background:rgba(3,17,31,.96);
  box-shadow:0 18px 45px -32px rgba(0,0,0,.85);
}
.nav{min-height:82px}
.brand{gap:14px}
.brand img{height:47px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}
.brand .b-name{
  font-family:var(--ff-body);
  font-size:19px;font-weight:500;letter-spacing:.15em;
}
.brand .b-sub{font-size:8px;letter-spacing:.3em;color:#d7b878;margin-top:5px}
.nav-links{gap:2px}
.nav-links>li>a{
  position:relative;padding:29px 14px 27px;
  font-size:12px;font-weight:600;letter-spacing:.115em;
}
.nav-links>li>a::before{
  content:"";position:absolute;left:14px;right:14px;bottom:20px;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--brass));
  transform:scaleX(0);transform-origin:left;transition:transform .28s ease;
}
.nav-links>li>a:hover::before,.nav-links>li>a.active::before{transform:scaleX(1)}
.nav-links>li>a.active::after{display:none}
.nav-cta{padding:12px 20px;border-radius:4px;background:var(--brass);border-color:var(--brass);color:#06172b}
.sub{
  width:680px;min-width:680px;left:50%;transform:translate(-50%,14px);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;
  padding:13px;background:rgba(5,25,47,.985);border-radius:0 0 18px 18px;
  border:1px solid rgba(202,163,95,.24);border-top:2px solid var(--brass);
}
.has-sub:hover .sub,.has-sub:focus-within .sub{transform:translate(-50%,0)}
.sub a{
  min-height:53px;padding:13px 15px;border:0;border-radius:9px;
  background:rgba(255,255,255,.02);font-size:13px;
}
.sub a:hover{padding-left:18px;background:rgba(19,140,255,.12)}
.sub a .n{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(202,163,95,.28);border-radius:50%;font-size:9px}

/* ---------- Buttons ---------- */
.btn{
  border-radius:5px;padding:15px 25px;
  font-size:11.5px;letter-spacing:.15em;
  overflow:hidden;isolation:isolate;
}
.btn::before{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.16),transparent 45%);
  transform:translateX(-105%);transition:transform .5s ease;z-index:-1
}
.btn:hover::before{transform:translateX(100%)}
.btn-solid{box-shadow:0 14px 34px -20px rgba(202,163,95,.8)}

/* ---------- Home hero ---------- */
.hero{
  min-height:720px;max-height:980px;height:calc(100svh - 116px);
  background:#03111f;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 78%);mask-image:linear-gradient(90deg,#000 0%,transparent 78%);
}
.hero-bg .slide{filter:saturate(.92) contrast(1.04);background-position:center}
.hero-bg::after{
  background:
    radial-gradient(circle at 73% 42%,rgba(17,140,255,.14),transparent 32%),
    linear-gradient(90deg,rgba(2,13,25,.96) 4%,rgba(3,17,31,.82) 42%,rgba(3,17,31,.38) 72%,rgba(3,17,31,.62) 100%);
}
.hero-inner{z-index:3}
.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:clamp(44px,6vw,96px)}
.hero-copy .eyebrow{color:#e2bd77;margin-bottom:24px}
.hero-copy h1{
  font-size:clamp(48px,6.25vw,84px);line-height:.93;
  letter-spacing:-.035em;max-width:12ch;margin-bottom:25px;
  text-wrap:balance;
}
.hero-copy p{font-size:clamp(16px,1.35vw,19px);line-height:1.66;max-width:50ch;color:#c2cfdd}
.hero-copy .btn{margin-top:4px;background:rgba(3,17,31,.18);backdrop-filter:blur(7px)}
.hero-index{
  border:1px solid rgba(255,255,255,.13);padding:24px 24px 20px;
  border-radius:20px;background:rgba(5,25,47,.52);
  box-shadow:0 30px 70px -45px rgba(0,0,0,.85);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.hero-index .hi-label{font-size:10px;color:#d9b775;margin-bottom:12px}
.hero-index button{
  padding:10px 8px;border-radius:8px;font-size:13px;
  transition:background .25s,color .25s,transform .25s;
}
.hero-index button:hover,.hero-index button.on{background:rgba(255,255,255,.075);transform:translateX(3px)}
.hero-index button .bar{left:-25px;background:linear-gradient(var(--blue),var(--brass));width:2px}
.hero-coord{left:clamp(20px,2.5vw,36px);bottom:24px;font-size:9.5px}
.hero-scroll{right:clamp(20px,2.5vw,36px);bottom:22px}

/* ---------- Sections / editorial split ---------- */
.sec{padding:clamp(82px,8vw,126px) 0}
.sec-head{margin-bottom:clamp(38px,4.5vw,62px)}
.sec-head h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.025em;max-width:22ch}
.split{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(48px,7vw,96px)}
.split p{font-size:16px;line-height:1.8}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.checks li{font-size:14px;border-bottom:1px solid var(--line-l)}
.fig .fig-main{height:610px;border-radius:22px;object-position:center;box-shadow:var(--shadow)}
.fig .fig-frame{inset:24px -20px -20px 24px;border-radius:22px;border-color:rgba(202,163,95,.62)}
.fig .fig-tag{left:20px;bottom:20px;border:0;border-radius:7px;padding:13px 18px;background:rgba(3,17,31,.9);backdrop-filter:blur(9px)}
.stamp{top:-52px;right:-22px;width:126px;height:126px}

/* ---------- Approved at-a-glance section ---------- */
.overview-deck{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 14% 8%,rgba(19,140,255,.18),transparent 33%),
    radial-gradient(circle at 90% 70%,rgba(202,163,95,.08),transparent 32%),
    linear-gradient(180deg,#061a32 0%,#041426 100%);
}
.overview-deck::before{
  content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
}
.overview-deck .wrap{position:relative;z-index:1}
.overview-deck .overview-head{margin-bottom:34px}
.overview-deck .eyebrow{color:#4da9ff}
.overview-deck .eyebrow::before{background:#4da9ff}
.overview-deck h2{font-size:clamp(40px,5vw,68px);max-width:16ch}
.overview-metrics{
  overflow:hidden;border-radius:20px;
  border:1px solid rgba(174,197,222,.25);
  background:rgba(255,255,255,.02);
  box-shadow:0 40px 80px -56px rgba(0,0,0,.8)
}
.metric-card{min-height:182px;padding:31px 34px;background:rgba(4,20,38,.28);transition:background .3s,transform .3s}
.metric-card:hover{background:rgba(19,140,255,.08)}
.metric-value{font-size:clamp(46px,4.6vw,64px);font-weight:600}
.metric-value span,.metric-value em{color:#289cff}
.metric-card p{font-size:12px;letter-spacing:.13em;color:#d7e1ec}
.metric-rule{width:42px;height:3px;margin:18px 0 13px}
.journey-wrap{margin-top:44px}
.journey-head{margin-bottom:14px}
.journey-head h3{font-size:clamp(22px,2.2vw,31px);letter-spacing:.015em}
.journey-head span{background:linear-gradient(90deg,rgba(255,255,255,.48),transparent)}
.journey-grid{gap:clamp(26px,4vw,54px)}
.journey-item{grid-template-columns:62px minmax(0,1fr);gap:15px;padding:16px 0;align-items:start}
.journey-year{font-size:12px;color:#d3a450;padding-top:5px}
.journey-body{display:grid;grid-template-columns:minmax(135px,.72fr) minmax(0,1.28fr);gap:15px;align-items:start}
.journey-body h4{font-family:var(--ff-body);font-size:15px;line-height:1.3;margin:0;color:#fff;font-weight:600}
.journey-body p{font-family:var(--ff-disp);font-size:15px;line-height:1.42;color:#aebed0;font-style:italic;text-align:right}
.journey-figure{margin-top:36px;border-radius:20px;box-shadow:0 28px 72px -44px rgba(0,0,0,.9)}
.journey-figure img{aspect-ratio:2.3/1;filter:saturate(.85) contrast(1.03)}
.journey-figure figcaption{left:18px;bottom:18px;border-radius:5px;background:#0b89f5;padding:10px 14px}

/* ---------- Division bento ---------- */
.div-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:106px;
  gap:18px;background:none;border:0;
}
.plate{
  grid-column:span 4;grid-row:span 3;min-height:0;
  border-radius:22px;padding:28px 27px;isolation:isolate;
  color:#fff;background:#071a31;box-shadow:var(--shadow-sm);
  border:1px solid rgba(6,26,50,.08);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .38s;
}
.plate:nth-child(1),.plate:nth-child(4),.plate:nth-child(5){grid-column:span 7}
.plate:nth-child(2),.plate:nth-child(3),.plate:nth-child(6){grid-column:span 5}
.plate:nth-child(7){grid-column:span 5}
.plate:nth-child(8){grid-column:span 7}
.plate .p-img{opacity:1;transform:scale(1.02);filter:saturate(.88) contrast(1.03)}
.plate::after{opacity:1;background:linear-gradient(180deg,rgba(3,17,31,.16) 2%,rgba(3,17,31,.42) 45%,rgba(3,17,31,.94) 100%)}
.plate::before{
  content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.1);z-index:3;pointer-events:none
}
.plate:hover{transform:translateY(-7px);box-shadow:0 34px 80px -42px rgba(3,17,31,.68);border-color:rgba(19,140,255,.34)}
.plate:hover .p-img{transform:scale(1.07)}
.plate .n{margin-top:auto;color:#e5bd75;font-size:10px}
.plate h3{font-size:clamp(24px,2.35vw,34px);margin:10px 0 8px;color:#fff;max-width:15ch}
.plate p{font-size:14px;line-height:1.55;color:#d3dde7;max-width:46ch}
.plate .go{margin-top:12px;padding-top:0;color:#e6c482;font-size:10.5px}

/* ---------- Clients ---------- */
.clients{background:#f2f5f8}
.marquee{padding:8px 0}
.m-track{gap:16px}
.m-cell{
  width:185px;height:104px;border-radius:14px;border:1px solid rgba(6,26,50,.08);
  box-shadow:0 15px 35px -30px rgba(3,17,31,.5);transition:transform .25s,border-color .25s
}
.m-cell:hover{transform:translateY(-3px);border-color:rgba(19,140,255,.26)}
.m-cell img{filter:grayscale(1);opacity:.66;max-height:56px}

/* ---------- CTA ---------- */
.cta{background:#f8fafc;padding:74px 0}
.cta::before,.cta::after{display:none}
.cta .wrap{
  background:
    linear-gradient(90deg,rgba(3,17,31,.97),rgba(6,36,66,.84)),
    url('../img/slider/shipping.jpg') center/cover;
  padding:clamp(42px,5vw,68px);border-radius:28px;box-shadow:var(--shadow);
}
.cta h2{font-size:clamp(34px,4vw,52px)}

/* ---------- Inner page hero ---------- */
.page-hero{min-height:535px;align-items:flex-end;background:#03111f}
.page-hero .ph-bg{background-position:center;transform:scale(1.01)}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:76px 76px;
}
.page-hero::after{
  background:linear-gradient(75deg,rgba(3,17,31,.95) 5%,rgba(3,17,31,.72) 43%,rgba(3,17,31,.18) 80%),linear-gradient(0deg,rgba(3,17,31,.72),transparent 48%);
}
.page-hero .wrap{padding-top:170px;padding-bottom:68px}
.crumbs{font-size:10px;color:#becbdd;margin-bottom:22px}
.page-hero h1{font-size:clamp(48px,6vw,78px);line-height:.95;max-width:15ch;letter-spacing:-.035em;text-wrap:balance}
.ph-num{right:clamp(22px,3vw,44px);bottom:55px;border-radius:7px;border-color:rgba(255,255,255,.16);background:rgba(3,17,31,.62);backdrop-filter:blur(10px)}

/* ---------- Division content ---------- */
.d-intro{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:clamp(48px,7vw,94px)}
.d-body h2{font-size:clamp(36px,4vw,55px);line-height:1.02;margin:18px 0 25px}
.d-body p{font-size:16px;line-height:1.82}
.glance{
  top:116px;padding:34px;border-radius:22px;border-top:0;
  background:linear-gradient(160deg,#071f3b,#041426);
  box-shadow:0 34px 70px -46px rgba(3,17,31,.88);
  overflow:hidden;
}
.glance::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--brass))}
.glance .g-title{font-size:10px;color:#e4bd75}
.glance dl div{padding:14px 0}
.glance dt{font-size:9.5px;color:#96abc0}
.glance dd{font-size:14px}
.glance .iso{border-radius:9px;background:rgba(19,140,255,.08)}
.d-detail{background:#f1f5f8}
.d-detail .cols{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.d-detail .cols>div{
  padding:30px 28px;border-radius:18px;background:#fff;border:1px solid rgba(6,26,50,.08);
  box-shadow:0 20px 50px -42px rgba(3,17,31,.58)
}
.d-detail h3{font-size:24px;margin-bottom:20px}
.d-detail ul li{font-size:14.5px;line-height:1.55;padding:9px 0}
.d-detail p{font-size:15px;line-height:1.75}
.gallery{background:linear-gradient(180deg,#061a32,#03111f)}
.g-row{gap:20px;padding-bottom:22px}
.g-row figure{width:min(520px,84vw);border-radius:18px;overflow:hidden;background:#071d36;border:1px solid rgba(255,255,255,.08)}
.g-row img{height:345px;transition:transform .6s ease,filter .4s;filter:saturate(.9)}
.g-row figure:hover img{transform:scale(1.035);filter:saturate(1)}
.g-row figcaption{background:rgba(3,17,31,.9);backdrop-filter:blur(8px)}
.pager{background:#03111f}
.pager .wrap{padding:28px 38px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}

/* ---------- Dealership pages ---------- */
.dealership-select{background:#f2f5f8}
.dealer-grid{gap:24px}
.dealer-card{min-height:610px;border-radius:22px;border-color:rgba(6,26,50,.08);box-shadow:var(--shadow-sm)}
.dealer-img{height:315px}
.dealer-copy{padding:30px 30px 32px}
.dealer-copy h3{font-size:32px}
.dealer-kicker{color:#1a83e8}
.dealer-link{color:#a8792d}
.brand-nav{background:#f4f7fa}
.brand-back{font-size:11px}
.brand-nav-card{border-radius:15px}

/* ---------- SCHWING page unified with site ---------- */
.schwing-page{background:#f6f8fb}
.schwing-profile{
  padding:54px 0 92px;
  background:
    radial-gradient(circle at 88% 5%,rgba(19,140,255,.09),transparent 27%),
    linear-gradient(180deg,#fff 0%,#f4f7fa 100%);
}
.schwing-crumbs{margin-bottom:38px}
.schwing-hero-grid{gap:clamp(38px,5vw,72px)}
.schwing-copy h1{font-size:clamp(48px,5vw,72px);line-height:.94;letter-spacing:-.035em}
.schwing-subtitle{font-size:clamp(23px,2.2vw,31px);color:#53677d}
.schwing-lede{font-size:16px;line-height:1.82}
.schwing-image-frame{border-radius:22px;border-color:rgba(6,62,112,.16);padding:18px;background:linear-gradient(160deg,#eaf5fb,#fff);box-shadow:var(--shadow)}
.schwing-hero-figure figcaption{border-radius:0 0 12px 12px;padding:11px 16px}
.schwing-info-grid{gap:20px;margin-top:48px}
.schwing-panel{border-radius:16px;border-color:rgba(6,26,50,.1);box-shadow:0 20px 50px -42px rgba(3,17,31,.52)}
.schwing-panel h2{padding:15px 18px;background:linear-gradient(100deg,#071e39,#0d3158)}
.schwing-product-grid{gap:18px;margin-top:25px}
.schwing-product-card{border-radius:16px;border-color:rgba(6,26,50,.1);box-shadow:0 18px 45px -40px rgba(3,17,31,.55)}
.schwing-product-media{padding:18px;background:linear-gradient(160deg,#edf7fc,#fff)}
.schwing-product-card figcaption{padding:12px}
.schwing-iso{border-radius:15px;background:#fff;box-shadow:0 16px 40px -38px rgba(3,17,31,.55)}
.schwing-contact-bar{border-radius:14px;border-top:0;background:linear-gradient(90deg,#061d37,#0b3159);padding:22px 25px}

/* ---------- Mission cards / generations / leadership ---------- */
.gens{gap:20px}
.gen,.mvv article{
  border-radius:18px!important;border:1px solid rgba(6,26,50,.08)!important;
  box-shadow:0 20px 50px -42px rgba(3,17,31,.55)!important;
}
.mvv article{background:rgba(255,255,255,.04)}
.essay{max-width:960px}
.essay p{font-size:17px;line-height:1.9}
.pull{border-radius:18px;background:linear-gradient(135deg,#061c34,#0b3158);color:#EAF2FB;padding:26px 34px 26px 30px}

/* ---------- Contact / career forms ---------- */
.addr-plate,.map-frame,.form-grid{
  border-radius:18px!important;
}
.addr-plate{box-shadow:0 18px 45px -40px rgba(3,17,31,.5);border-color:rgba(6,26,50,.09)}
.map-frame{overflow:hidden;box-shadow:var(--shadow-sm)}
.form-grid{padding:30px;background:#fff;border:1px solid rgba(6,26,50,.08);box-shadow:0 24px 55px -45px rgba(3,17,31,.55)}
.f-field input,.f-field select,.f-field textarea{border-radius:8px;background:#f8fafc;border-color:rgba(6,26,50,.12)}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(19,140,255,.09)}

/* ---------- Footer ---------- */
.site-footer{background:#020e1b;border-top:0;position:relative;overflow:hidden}
.site-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;
  background:radial-gradient(circle at 10% 15%,rgba(19,140,255,.22),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px
}
.f-main{position:relative;z-index:1;padding:82px 0 60px;gap:clamp(34px,5vw,72px)}
.f-brand img{height:76px;width:auto;margin-bottom:22px}
.f-brand p{font-size:14px;line-height:1.75;color:#9bacc0}
.f-col h4{font-size:12px;letter-spacing:.19em;color:#e0bd7b}
.f-col li,.f-col a{font-size:13px}
.f-bottom{position:relative;z-index:1;background:rgba(0,0,0,.18)}
.wa-float{width:58px;height:58px;right:22px;bottom:22px;border:3px solid rgba(255,255,255,.8)}

/* ---------- Scroll progress + back to top ---------- */
.nk-progress{position:fixed;left:0;top:0;z-index:120;width:100%;height:3px;pointer-events:none}
.nk-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--brass));box-shadow:0 0 10px rgba(19,140,255,.4)}
.nk-top{
  position:fixed;right:28px;bottom:94px;z-index:39;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(3,17,31,.9);color:#fff;
  display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);
  transition:.25s;box-shadow:0 14px 32px -20px rgba(0,0,0,.7)
}
.nk-top.show{opacity:1;visibility:visible;transform:none}
.nk-top:hover{background:var(--blue)}

/* ---------- Reveal motion ---------- */
.js .rv{opacity:0;transform:translateY(24px);filter:blur(3px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.js .rv.in{opacity:1;transform:none;filter:none}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .nav-links>li>a{padding-inline:10px;font-size:11px}
  .nav-cta{display:none}
  .hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:42px}
  .d-detail .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  .nav-cta{display:none}
  .m-menu{background:linear-gradient(160deg,#03111f,#082a4c)}
  .m-menu.open{box-shadow:-20px 0 70px rgba(0,0,0,.3)}
  .m-menu a{font-size:27px}
  .m-menu .m-sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .m-menu .m-sub a{font-size:14px}
}
@media(max-width:980px){
  .hero{height:auto;min-height:780px;padding:105px 0 110px}
  .hero-grid{grid-template-columns:1fr;gap:45px}
  .hero-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
  .hero-index .hi-label{grid-column:1/-1}
  .split{grid-template-columns:1fr}
  .fig .fig-main{height:500px}
  .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-grid{grid-template-columns:1fr;gap:0}
  .div-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .plate,.plate:nth-child(n){grid-column:auto;grid-row:auto;min-height:390px}
  .d-intro{grid-template-columns:1fr}
  .glance{position:relative;top:auto}
  .d-detail .cols{grid-template-columns:1fr 1fr}
  .f-main{grid-template-columns:1.4fr 1fr 1fr}
  .f-main .f-col:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .topbar .tb-left a:not(:first-child){display:none}
  .brand .b-name{font-size:15px;letter-spacing:.09em}
  .page-hero{min-height:410px}
  .page-hero .wrap{padding-top:130px;padding-bottom:50px}
  .page-hero h1{font-size:clamp(42px,12vw,62px)}
  .checks{grid-template-columns:1fr}
  .overview-deck h2{font-size:clamp(38px,11vw,54px)}
  .metric-card{min-height:160px;padding:25px}
  .journey-body{grid-template-columns:1fr;gap:6px}
  .journey-body p{text-align:left;font-size:15px}
  .journey-item{grid-template-columns:50px minmax(0,1fr)}
  .journey-figure img{aspect-ratio:1.55/1}
  .d-detail .cols{grid-template-columns:1fr}
  .dealer-grid{grid-template-columns:1fr}
  .cta .wrap{padding:42px 27px}
  .cta-btns{width:100%}
  .cta-btns .btn{flex:1;justify-content:center}
  .f-main{grid-template-columns:1fr 1fr}
  .f-brand{grid-column:1/-1}
  .form-grid{padding:22px}
}
@media(max-width:560px){
  .sec{padding:74px 0}
  .hero{min-height:720px;padding-top:82px}
  .hero-copy h1{font-size:clamp(44px,14vw,61px)}
  .hero-index{grid-template-columns:1fr;padding:18px}
  .hero-index button{padding:8px}
  .fig .fig-main{height:400px}
  .stamp{width:92px;height:92px;right:5px}
  .overview-metrics{grid-template-columns:1fr}
  .metric-card{border-right:0!important;border-bottom:1px solid rgba(169,190,215,.22)!important}
  .metric-card:last-child{border-bottom:0!important}
  .journey-head h3{white-space:normal}
  .journey-item{grid-template-columns:1fr;gap:8px}
  .journey-year{padding-top:0}
  .div-grid{grid-template-columns:1fr;gap:14px}
  .plate,.plate:nth-child(n){min-height:380px}
  .g-row img{height:280px}
  .m-menu .m-sub{grid-template-columns:1fr}
  .schwing-copy h1{font-size:clamp(40px,12vw,52px)}
  .schwing-actions{display:grid}
  .schwing-actions .btn{width:100%;justify-content:center}
  .schwing-iso{font-size:18px}
  .f-main{grid-template-columns:1fr}
  .f-brand,.f-main .f-col:last-child{grid-column:auto}
  .f-bottom .wrap{display:block;text-align:center}
  .nk-top{right:18px;bottom:88px}
  .wa-float{right:16px;bottom:18px}
}

@media(prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;filter:none}
  .plate,.plate .p-img,.g-row img,.metric-card{transition:none}
}