/* HOME / WHITE MOTION
   This file only refines the homepage. Background layers are CSS/SVG,
   do not intercept input, and honour both user pause and reduced motion. */
.hero.hero-motion{
  --hero-orange:#ed632b;--hero-orange-ink:#b64518;--hero-peach:#fff4e9;
  --ambient-x:0px;--ambient-y:0px;isolation:isolate;overflow:hidden;
  background:#fff;position:relative;padding:46px 0 64px;
  border-bottom:1px solid #dce0e6;
}
.hero-motion .hero-inner{position:relative;z-index:2}
.hero-motion .hero-eyebrow{
  background:rgba(255,255,255,.82);border:1px solid #eedaca;
  box-shadow:0 3px 12px #7b4f2005;font-size:12px;letter-spacing:-.2px;
  color:#9c562f;padding:6px 13px;margin-bottom:20px;
}
.hero-motion h1{
  font-size:51px;font-weight:800;letter-spacing:-2.7px;line-height:1.22;
  color:#333945;text-wrap:balance;
}
.hero-motion h1>span{
  font-size:84px;line-height:1.22;letter-spacing:-4.7px;
  margin-top:7px;color:#1c212a;font-weight:900;
}
.hero-motion h1 .hero-period{color:var(--hero-orange);letter-spacing:-4px}
.hero-motion .hero-subtitle{
  font-size:18px;line-height:1.8;color:#626977;
  margin:20px auto 0;letter-spacing:-.48px;
}
.hero-motion .hero-actions{margin-top:26px;gap:12px}
.hero-motion .hero-actions .button{
  font-size:15px;min-height:51px;padding:14px 23px;border-radius:10px;
}
.hero-motion .hero-actions .button-dark{
  background:linear-gradient(110deg,#ee692f,#e65c25);border-color:#e66229;color:white;
  box-shadow:0 5px 14px #dc601622,inset 0 1px #ffffff30;
}
.hero-motion .hero-actions .button-dark:hover{
  background:#d9511c;border-color:#d9511c;box-shadow:0 8px 22px #cc55182a;
  transform:translateY(-2px);
}
.hero-motion .hero-actions .button-outline{
  background:rgba(255,255,255,.94);border-color:#d4d9e1;color:#313a46;
  box-shadow:0 2px 4px #17203403;
}
.hero-motion .hero-actions .button-outline:hover{border-color:#bdc5d0;background:white;transform:translateY(-2px)}
/* Three equal-weight, genuinely navigable orange highlights. */
.hero-benefits{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;
  width:min(586px,100%);margin:27px auto 0;
  animation:benefits-arrive .65s .24s both;
}
.hero-benefit{
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:57px;
  padding:10px 12px;border:1px solid #f1c9ad;border-radius:11px;
  background:linear-gradient(150deg,rgba(255,250,244,.95),rgba(255,241,228,.94));
  color:var(--hero-orange-ink);font-size:15px;font-weight:800;letter-spacing:-.45px;
  box-shadow:0 2px 4px #a35f2105,inset 0 1px #fff;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s;
}
.hero-benefit:hover{
  transform:translateY(-3px);background:#fff0e1;border-color:#e6a16e;
  box-shadow:0 7px 20px #be652316;color:#9a380f;
}
.hero-benefit:focus-visible{outline:3px solid #d85d26;outline-offset:4px}
.hero-benefit .benefit-icon{
  display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;
  border-radius:9px;background:#ee692e;color:#fff;flex-shrink:0;
  box-shadow:inset 0 1px #ffffff38,0 2px 5px #e568241c;
}
.hero-benefit .benefit-icon .icon{width:18px;height:18px;stroke-width:1.8;color:#fff}
.hero-lower-bar{
  position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:3;
  display:flex;align-items:center;justify-content:space-between;pointer-events:none;
}
.hero-signature{
  display:flex;align-items:center;gap:9px;font:600 9px/1.5 Arial,sans-serif;
  letter-spacing:1.6px;color:#96918c;
}
.hero-signature>span{width:19px;height:1px;background:#d99b6b}
.ambient-toggle{
  display:inline-flex;align-items:center;gap:9px;padding:5px 5px 5px 12px;
  min-height:32px;border:1px solid #e7dcd2;border-radius:50px;background:#ffffffc9;
  color:#817565;font-size:10px;font-weight:600;pointer-events:auto;
}
.ambient-toggle:hover{border-color:#cda988;background:#fff8f0;color:#805030}
.ambient-toggle:focus-visible{outline:2px solid #cf602f;outline-offset:3px}
.ambient-toggle-icon{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#f8ede2;color:#ac6b36}
.ambient-toggle-icon .icon{width:12px;height:12px;stroke-width:1.8}
.ambient-toggle:disabled{cursor:default;opacity:.7}
/* Decorative scene: the middle remains quiet so text never competes with it. */
.hero-ambient{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;user-select:none}
.ambient-parallax{position:absolute;inset:-16px;transform:translate3d(var(--ambient-x),var(--ambient-y),0);transition:transform 1.7s cubic-bezier(.16,.55,.28,1)}
.ambient-glow{position:absolute;pointer-events:none;border-radius:50%;will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.ambient-glow-left{
  width:780px;height:610px;left:-290px;top:22px;
  background:radial-gradient(ellipse at center,#fbcf9f50 0%,#ffe9d348 27%,#fff3e836 48%,transparent 70%);
  animation-name:glow-left;animation-duration:12s;
}
.ambient-glow-right{
  width:760px;height:630px;right:-220px;top:-255px;
  background:radial-gradient(ellipse at center,#f2be8563 0%,#ffe1bb51 24%,#fff0e337 45%,transparent 69%);
  animation-name:glow-right;animation-duration:16s;animation-delay:-5s;
}
.ambient-glow-bottom{
  width:960px;height:310px;left:calc(50% - 480px);bottom:-213px;
  background:radial-gradient(ellipse at center,#fbd2a649,transparent 68%);
  animation-name:glow-floor;animation-duration:11s;animation-delay:-4s;
}
.ambient-dots{
  position:absolute;inset:0;background-image:radial-gradient(#c19a721f .8px,transparent .8px);background-size:24px 24px;
  mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);
  opacity:.8;
}
.ambient-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ambient-contours{stroke:url(#ambient-stroke);stroke-width:.85}
.ambient-trace{stroke:#e58543;stroke-width:1.45;stroke-linecap:round;stroke-dasharray:37 963;animation:trace-travel 17s linear infinite;opacity:.49}
.trace-two{stroke:#e6a364;stroke-width:1.1;stroke-dasharray:25 975;animation-duration:23s;animation-delay:-11s;opacity:.54}
.ambient-node{animation:node-drift 8s ease-in-out infinite alternate}
.node-two{animation-duration:9s;animation-delay:-3s}.node-three{animation-duration:7s;animation-delay:-2s}.node-four{animation-duration:10s;animation-delay:-4s}.node-five{animation-duration:11s;animation-delay:-5s}
.ambient-center-clear{
  position:absolute;left:50%;top:50%;width:860px;height:590px;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,#fff5 0%,#fff2 44%,transparent 72%);
}
.ambient-bottom-line{position:absolute;bottom:0;left:0;right:0;height:1px;overflow:hidden;background:linear-gradient(90deg,transparent,#efd8c1,transparent)}
.ambient-bottom-line>span{
  position:absolute;width:20%;height:1px;left:-20%;background:linear-gradient(90deg,transparent,#e79957aa,transparent);
  animation:line-glide 13s ease-in-out infinite;
}
.hero-motion[data-ambient-state="paused"] .ambient-glow,
.hero-motion[data-ambient-state="paused"] .ambient-trace,
.hero-motion[data-ambient-state="paused"] .ambient-node,
.hero-motion[data-ambient-state="paused"] .ambient-bottom-line>span{animation-play-state:paused}
@keyframes glow-left{from{transform:translate3d(-40px,18px,0) scale(.97)}to{transform:translate3d(140px,-40px,0) scale(1.06)}}
@keyframes glow-right{from{transform:translate3d(55px,0,0) scale(1.04)}to{transform:translate3d(-100px,140px,0) scale(.98)}}
@keyframes glow-floor{from{transform:translate3d(-60px,18px,0) scale(.95)}to{transform:translate3d(95px,-24px,0) scale(1.06)}}
@keyframes trace-travel{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes node-drift{from{transform:translate3d(0,-7px,0);opacity:.65}to{transform:translate3d(6px,7px,0);opacity:1}}
@keyframes line-glide{from{left:-20%}to{left:110%}}
@keyframes benefits-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* A clearer transition into content; no site-wide colour replacement. */
body[data-route="home"] .market-section{border-top:0;background:#f7f8fa}
body[data-route="home"] .market-heading{padding-bottom:20px;border-bottom-color:#d9dfe7}
body[data-route="home"] .home-tabs button[aria-selected="true"]{color:#b3491d;border-color:#e8c7af;background:#fffaf6}
body[data-route="home"] .dealer-card{border-color:#d3dce6;box-shadow:0 2px 5px #1f293c03}
body[data-route="home"] .dealer-card:hover{border-color:#dfb99a;box-shadow:0 11px 28px #80512310}
body[data-route="home"] .dealer-kind{color:#af5930}
@media(min-width:1600px){
 .hero.hero-motion{padding:54px 0 70px}.hero-motion h1{font-size:55px}.hero-motion h1>span{font-size:89px}
 .hero-motion .hero-subtitle{font-size:19px}.hero-benefits{width:600px}
}
@media(max-width:1100px){
 .hero.hero-motion{padding:42px 0 60px}.hero-motion h1{font-size:47px}.hero-motion h1>span{font-size:76px}
 .hero-motion .hero-subtitle{font-size:17px}.ambient-glow-left{left:-360px}.ambient-glow-right{right:-330px}
 .hero-signature{font-size:8px;letter-spacing:1.2px}
}
@media(max-width:850px){
 .hero-motion h1{font-size:43px}.hero-motion h1>span{font-size:69px}
 .hero-benefits{max-width:554px;gap:9px}.hero-benefit{font-size:14px;gap:8px;padding:10px;min-height:55px}
 .hero-signature{display:none}.hero-lower-bar{justify-content:flex-end}
}
@media(max-width:600px){
 .hero.hero-motion{padding:37px 0 59px}
 .hero-motion .hero-eyebrow{font-size:10px;gap:6px;padding:5px 10px;margin-bottom:20px;background:#ffffffdc}
 .hero-motion h1{font-size:33px;letter-spacing:-1.65px;line-height:1.24}
 .hero-motion h1>span{font-size:52px;letter-spacing:-2.9px;line-height:1.23;margin-top:8px}
 .hero-motion h1 .hero-period{letter-spacing:-2.5px}
 .hero-motion .hero-subtitle{font-size:14px;line-height:1.85;max-width:310px;margin-top:19px;letter-spacing:-.35px}
 .hero-motion .hero-actions{gap:8px;margin-top:22px}
 .hero-motion .hero-actions .button{font-size:12px;min-height:45px;padding:12px 13px;gap:7px;border-radius:8px}
 .hero-benefits{gap:8px;width:100%;margin-top:25px}
 .hero-benefit{flex-direction:column;gap:7px;padding:12px 4px 10px;min-height:81px;border-radius:10px;font-size:12px;letter-spacing:-.45px;line-height:1.5;white-space:nowrap}
 .hero-benefit .benefit-icon{width:28px;height:28px;border-radius:8px}.hero-benefit .benefit-icon .icon{width:16px;height:16px}
 .hero-lower-bar{bottom:13px}.ambient-toggle{font-size:9px;padding:3px 4px 3px 10px;gap:7px;min-height:29px}
 .ambient-toggle-icon{width:20px;height:20px}.ambient-toggle-icon .icon{width:11px;height:11px}
 .ambient-dots{background-size:22px 22px;opacity:.7}
 .ambient-glow-left{width:550px;height:520px;left:-350px;top:-30px;opacity:.85;animation-duration:15s}
 .ambient-glow-right{width:580px;height:480px;right:-390px;top:-200px;opacity:.95;animation-duration:19s}
 .ambient-glow-bottom{opacity:.6}.ambient-lines{opacity:.75;width:930px;left:50%;transform:translateX(-50%)}
 .ambient-nodes{opacity:.65}.ambient-center-clear{width:390px;height:430px}
 body[data-route="home"] .market-heading{padding-bottom:17px}
}
@media(max-width:370px){
 .hero-motion h1{font-size:30px;letter-spacing:-1.45px}.hero-motion h1>span{font-size:47px;letter-spacing:-2.5px}
 .hero-motion .hero-subtitle{font-size:13px;max-width:280px}
 .hero-motion .hero-actions .button{font-size:11px;padding:12px 10px;gap:6px}
 .hero-benefits{gap:6px}.hero-benefit{font-size:11px;min-height:77px;padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
 .hero-motion .ambient-glow,.hero-motion .ambient-node,.hero-motion .ambient-trace,.hero-motion .ambient-bottom-line>span{animation:none!important}
 .hero-motion .ambient-parallax{transform:none!important;transition:none!important}
 .hero-motion .hero-eyebrow,.hero-motion h1,.hero-motion .hero-subtitle,.hero-motion .hero-actions,.hero-benefits{animation:none!important}
 .hero-benefit,.hero-motion .button{transition:none!important}.hero-benefit:hover,.hero-motion .button:hover{transform:none!important}
}