/* Variation C — Motor-Focused California
   Sunlit editorial. Photo-derived sage, steel blue, and warm neutral grounds with
   charcoal type, restrained brand red, Barlow Condensed display + Barlow utility. */

body{--body:'Barlow',ui-sans-serif,system-ui,-apple-system,sans-serif;--alabaster:#F6F2EA;--stone:#EEE5D8;--olive:#48513F;--accent:#6F9DB5;--accent-field:#A9C6D3;--sage:#74806A;--sage-dark:#59634D;--sage-field:#526A50;--blue-pale:#DDEAF0;--cream:#FBF6EC;background:var(--alabaster)}

.container{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.5vw,72px)}

/* ---------- shared navigation ---------- */
.site-nav{position:fixed;inset:0 0 auto;z-index:100;background:rgba(16,19,21,.76);color:var(--cream);
  border-bottom:1px solid rgba(251,246,236,.14);box-shadow:0 10px 34px rgba(10,12,13,.14);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}
.site-nav__in{width:100%;margin:0;padding:0 clamp(24px,2.5vw,44px);min-height:76px;
  display:flex;align-items:center;gap:clamp(18px,2vw,34px)}
.site-nav__logo{flex:0 0 auto;padding:17px 0}
.site-nav__logo img{width:240px;height:auto}
.site-nav__links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.4vw,24px);
  flex:1 1 auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site-nav__links::-webkit-scrollbar{display:none}
.site-nav__links a{position:relative;padding:27px 0 25px;color:rgba(251,246,236,.78);
  font-size:14px;font-weight:600;white-space:nowrap;transition:color .2s}
.site-nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-nav__links a:hover,.site-nav__links a[aria-current="page"]{color:var(--cream)}
.site-nav__links a:hover::after,.site-nav__links a[aria-current="page"]::after{transform:scaleX(1)}
.site-nav__call{flex:0 0 auto;padding:11px 15px;border:1px solid rgba(251,246,236,.72);
  border-radius:3px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.site-nav__call:hover{background:var(--cream);color:var(--charcoal)}
.site-nav + main .hero .container{padding-top:120px}
@media(max-width:1050px){
  .site-nav__in{min-height:0;flex-wrap:wrap;padding-top:9px}
  .site-nav__logo{padding:8px 0}.site-nav__logo img{width:225px}
  .site-nav__call{margin-left:auto}
  .site-nav__links{order:3;flex-basis:calc(100% + 2*clamp(20px,4.5vw,72px));justify-content:flex-start;
    margin:0 calc(-1*clamp(20px,4.5vw,72px));padding:0 clamp(20px,4.5vw,72px);
    border-top:1px solid rgba(251,246,236,.14)}
  .site-nav__links a{padding:13px 0 15px;font-size:14px}
  .site-nav__links a::after{bottom:8px}
  .site-nav + main .hero .container{padding-top:160px}
}
@media(max-width:460px){.site-nav__call{font-size:0;padding:10px 12px}.site-nav__call::after{content:"Call";font-size:14px}}

/* Decorative threshold lines are intentionally disabled. */
.rule{display:none}
.rule--h{height:2px}
.rule--v{width:2px}

/* ---------- motion ---------- */
[data-reveal]{opacity:1;transform:none}
.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,26px,0);
  transition:opacity .72s ease,transform .88s cubic-bezier(.2,.72,.2,1);
  transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal="right"]{transform:translate3d(30px,0,0)}
.motion-ready [data-reveal="image"]{transform:scale(.985)}
.motion-ready [data-reveal].is-revealed{opacity:1;transform:none}

.pathway__icon{transition:transform .35s cubic-bezier(.2,.72,.2,1),
  border-color .3s ease,background-color .3s ease}
.btn .arr{transition:transform .24s ease}
.equip__phones .dot{display:inline-block;transition:transform .25s ease}

@media (hover:hover) and (pointer:fine){
  .outcomes__img img,.outcome__img img,.pathways__photo-main,.pathways__motor img,.anatomy__media img,
  .maint__wide img,.maint__frame img,.ron__portrait img,.final__media img{
    transition:transform .85s cubic-bezier(.2,.72,.2,1)}
  .outcomes__img:hover img,.outcome__img:hover img,.pathways__photo:hover .pathways__photo-main,.pathways__motor:hover img,
  .anatomy__media:hover img,.maint__wide:hover img,.maint__frame:hover img,.ron__portrait:hover img,
  .final__media:hover img{transform:scale(1.025)}
  .pathway:hover .pathway__icon{transform:translateY(-3px);border-color:var(--accent);background:var(--cream)}
  .btn:hover .arr{transform:translate(4px,-1px)}
  .equip__phones a:hover .dot{transform:scale(1.35)}
}

@media (prefers-reduced-motion:reduce){
  [data-reveal],.motion-ready [data-reveal]{opacity:1!important;transform:none!important}
}

.btn--outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn--outline:hover{background:var(--ink);color:#fff}
.btn--outline.on-dark{color:#fff;border-color:#fff}
.btn--outline.on-dark:hover{background:#fff;color:var(--ink)}
.btn--red{background:var(--olive)}
.btn--red:hover{background:#374033}
.hero .btn--red{background:var(--sage)}
.hero .btn--red:hover{background:#829076}

.cta-note{font-size:14px;line-height:1.45;color:var(--ink-soft);max-width:150px}
.on-dark .cta-note,.cta-note.on-dark{color:rgba(255,255,255,.75)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--sage-field)}
.hero .container{position:relative;display:grid;grid-template-columns:minmax(340px,470px) 1fr;gap:48px;min-height:min(960px,100svh);padding-top:44px;padding-right:clamp(20px,4.5vw,72px);padding-bottom:64px;padding-left:clamp(20px,2.5vw,40px)}
.hero__brand img{width:clamp(290px,24vw,350px);height:auto;opacity:.96}
.hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:36px 0}
.hero__loc{font-size:14px;font-weight:500;color:rgba(251,246,236,.82);margin:26px 0 40px;letter-spacing:.01em}
.hero__loc .dot{color:var(--accent)}
.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(48px,6.4vw,92px);line-height:.94;letter-spacing:.002em;color:var(--cream)}
.hero__body{margin-top:26px;max-width:38ch;font-size:18px;line-height:1.55;color:rgba(251,246,236,.9)}
.hero__actions{margin-top:34px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hero__actions .btn{min-width:264px}
.hero__call{margin-top:14px}
.hero__call .btn{min-width:264px}
.hero__boundary{margin-top:34px;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(251,246,236,.76);max-width:34ch}
.hero__boundary svg{flex:none;margin-top:1px}
.hero__media{position:absolute;top:0;right:calc(50% - 50vw);bottom:56px;left:calc(50% - 50vw);z-index:1;overflow:hidden}
.hero__media::after{content:"";position:absolute;inset:0 auto 0 0;z-index:2;width:42%;pointer-events:none;background:rgba(82,106,80,.76);backdrop-filter:saturate(.9)}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;
  transform:scale(1.12);transform-origin:72% 62%;
  transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hero__motor-connector{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}
.hero__motor-connector path{fill:none;stroke:var(--accent);stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.hero__motor-callout{position:absolute;top:19%;right:5%;z-index:3;width:min(290px,38%);padding:14px 17px 15px 19px;background:rgba(251,246,236,.96);border:1px solid rgba(111,157,181,.52);border-left:5px solid var(--accent);box-shadow:0 14px 34px rgba(22,26,29,.16)}
.hero__motor-callout span{display:block;color:var(--olive);font-size:14px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.hero__motor-callout strong{display:block;margin-top:4px;font-family:var(--display);font-size:clamp(22px,2vw,29px);font-weight:600;line-height:.94;text-transform:uppercase;color:var(--charcoal)}
.hero__motor-callout p{margin-top:7px;font-size:14px;line-height:1.35;color:var(--ink-soft)}
.motion-ready .hero__motor-connector path{opacity:0;transition:opacity .5s ease;transition-delay:.42s}
.motion-ready .hero__motor-callout{opacity:0;clip-path:inset(0 0 0 100%);transform:translate3d(18px,0,0);transition:opacity .32s ease,clip-path .7s cubic-bezier(.2,.72,.2,1),transform .7s cubic-bezier(.2,.72,.2,1);transition-delay:1.04s}
.motion-ready .hero__motor-callout>span,.motion-ready .hero__motor-callout>strong,.motion-ready .hero__motor-callout>p{opacity:0;transform:translate3d(0,9px,0);transition:opacity .42s ease,transform .58s cubic-bezier(.2,.72,.2,1)}
.motion-ready .hero__media.is-revealed .hero__motor-connector path{opacity:1}
.motion-ready .hero__media.is-revealed .hero__motor-callout{opacity:1;clip-path:inset(0);transform:none}
.motion-ready .hero__media.is-revealed .hero__motor-callout>span{opacity:1;transform:none;transition-delay:1.3s}
.motion-ready .hero__media.is-revealed .hero__motor-callout>strong{opacity:1;transform:none;transition-delay:1.42s}
.motion-ready .hero__media.is-revealed .hero__motor-callout>p{opacity:1;transform:none;transition-delay:1.54s}
.hero .btn--outline{color:var(--cream);border-color:rgba(251,246,236,.88)}
.hero .btn--outline:hover{background:var(--cream);color:var(--sage-field)}
.hero .cta-note{color:rgba(251,246,236,.72)}
@media (hover:hover) and (pointer:fine){
  .hero__media:hover img{transform:scale(1.14)}
}
@media (prefers-reduced-motion:reduce){
  .hero__media img,.hero__media:hover img{transform:scale(1.12)}
  .hero__motor-connector path,.hero__motor-callout,.hero__motor-callout>*{opacity:1!important;clip-path:none!important;transform:none!important;stroke-dashoffset:0!important;transition:none!important}
}
.hero .rule--enter{top:212px;left:0;width:clamp(60px,10vw,156px)}
.hero .rule--cross{top:60%;left:30%;right:0}
.hero .rule--drop{top:60%;bottom:0;right:clamp(24px,6vw,86px)}

/* ---------- outcomes ---------- */
.outcomes{position:relative;background:var(--sage-field);color:var(--cream);padding:110px 0 120px;overflow:hidden}
.outcomes__intro{max-width:760px;margin-bottom:82px}
.outcomes__intro h2{font-family:var(--display);font-weight:600;font-size:clamp(44px,5vw,72px);line-height:.98;color:var(--cream)}
.outcomes__intro p{margin-top:24px;font-size:18px;line-height:1.6;color:rgba(251,246,236,.8);max-width:48ch}
.outcomes__journey{position:relative;display:grid;gap:92px;--journey-progress:1}
.outcomes__journey::before{content:"";position:absolute;top:20px;bottom:20px;left:48%;width:2px;transform:translateX(-1px) scaleY(var(--journey-progress));transform-origin:50% 0;background:var(--accent);transition:transform .12s linear;will-change:transform}
.outcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(72px,9vw,142px);align-items:center;min-height:280px}
.motion-ready .outcomes__journey{--journey-progress:0}
.motion-ready .outcome[data-journey-stop]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s ease,transform .88s cubic-bezier(.2,.72,.2,1)}
.motion-ready .outcome[data-journey-stop].is-revealed{opacity:1;transform:none}
.outcome::before{content:"";position:absolute;left:48%;top:50%;z-index:2;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);background:var(--accent);border:4px solid var(--sage-field);box-shadow:0 0 0 1px rgba(251,246,236,.48)}
.outcome__copy{max-width:430px}
.outcome__copy>span{display:block;margin-bottom:13px;color:var(--blue-pale);font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.outcome h3{font-family:var(--display);font-weight:600;font-size:clamp(30px,3vw,42px);line-height:1;color:var(--cream)}
.outcome p{margin-top:14px;font-size:16px;line-height:1.58;color:rgba(251,246,236,.74);max-width:38ch}
.outcome__img{width:112%;overflow:hidden;aspect-ratio:1.75/1;border:1px solid rgba(251,246,236,.24);padding:8px}
.outcome__img img{width:100%;height:100%;object-fit:cover}
.outcome:nth-child(odd) .outcome__img{justify-self:end}
.outcome:nth-child(even) .outcome__img{grid-column:2}
.outcome:nth-child(even) .outcome__copy{grid-column:1;grid-row:1;justify-self:end;text-align:right}

/* ---------- pathways ---------- */
.pathways{position:relative;background:var(--accent-field);padding:96px 0 64px}
.pathways .rule--top{top:34px;left:clamp(60px,8vw,132px);right:clamp(60px,8vw,132px)}
.pathways__lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:clamp(32px,4vw,64px);align-items:center;margin-bottom:64px}
.pathways__visuals{display:grid;grid-template-columns:minmax(0,3fr) minmax(150px,1.08fr);gap:12px;align-items:stretch;min-width:0}
.pathways__photo{position:relative;overflow:hidden;min-width:0;border:1px solid rgba(22,26,29,.3);padding:8px}
.pathways__photo-main{width:100%;height:100%;object-fit:cover;clip-path:inset(0)}
.pathways__motor{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;background:var(--charcoal)}
.pathways__motor img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:72% 50%}
.pathways__motor figcaption{padding:12px 13px 13px;color:#fff;background:rgba(22,26,29,.96)}
.pathways__motor span{display:block;margin-bottom:4px;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pathways__motor strong{display:block;color:#fff;font-family:var(--display);font-size:20px;font-weight:500;line-height:.96;text-transform:uppercase}
.pathways__lead h2{font-family:var(--display);font-weight:600;font-size:clamp(40px,4.6vw,66px);line-height:.98;text-transform:uppercase;color:var(--charcoal);letter-spacing:.005em}
.pathways__lead p{margin-top:22px;font-size:17.5px;line-height:1.6;color:rgba(22,26,29,.82);max-width:42ch}
.pathway{display:grid;grid-template-columns:64px minmax(220px,320px) minmax(0,1fr) minmax(230px,300px) minmax(0,150px);
  align-items:center;gap:clamp(16px,2.4vw,36px);padding:22px 0;border-top:1px solid rgba(22,26,29,.28);position:relative}
.pathway:first-of-type{border-top:1px solid rgba(22,26,29,.28)}
.pathway__icon{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--charcoal);display:grid;place-items:center;color:var(--charcoal)}
.pathway:nth-child(1) .pathway__icon{background:var(--cream);border-color:var(--accent)}
.pathway:nth-child(2) .pathway__icon{background:var(--cream);border-color:var(--olive)}
.pathway:nth-child(3) .pathway__icon{background:var(--cream);border-color:var(--charcoal)}
.pathway:nth-child(4) .pathway__icon{background:var(--cream);border-color:var(--olive)}
.pathway h3{font-family:var(--display);font-weight:600;font-size:27px;line-height:1;color:#000}
.pathway__desc{font-size:15.5px;line-height:1.5;color:rgba(22,26,29,.82);border-left:1px solid rgba(22,26,29,.28);padding-left:clamp(14px,2vw,28px);max-width:40ch}
.pathway__link{justify-self:start;display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:16.5px;color:var(--charcoal);border-left:1px solid rgba(22,26,29,.28);padding-left:clamp(14px,2vw,28px);align-self:center;min-height:44px}
.pathway__link .arr{color:var(--cream);transition:transform .18s ease}
.pathway__link:hover .arr{transform:translateX(5px)}
.pathway__note{font-size:14px;line-height:1.45;color:rgba(22,26,29,.7);border-left:1px solid rgba(22,26,29,.28);padding-left:14px}
.pathways__boundary{display:flex;align-items:center;gap:16px;border-top:1px solid rgba(22,26,29,.28);padding:20px 0 4px;font-size:15.5px;color:var(--charcoal)}
.pathways__boundary .pathway__icon{width:48px;height:48px}
.pathways__exit{position:relative;height:34px}
.pathways__exit .rule{bottom:0;left:0;width:clamp(150px,22vw,300px)}

/* ---------- anatomy ---------- */
.anatomy{position:relative;background:var(--cream);padding:110px 0;overflow:hidden}
.anatomy .rule--tl{top:44px;left:0;width:clamp(130px,17vw,270px)}
.anatomy .rule--tl-v{top:44px;left:clamp(130px,17vw,270px);height:26px}
.anatomy__grid{display:grid;grid-template-columns:minmax(320px,480px) minmax(0,1fr);gap:clamp(36px,5vw,84px);align-items:center}
.anatomy h2{font-family:var(--display);font-weight:500;font-size:clamp(44px,5.6vw,80px);line-height:1.04;letter-spacing:.055em;text-transform:uppercase;color:var(--charcoal)}
.anatomy__intro{margin-top:24px;font-size:17.5px;line-height:1.6;color:var(--ink);max-width:38ch}
.anatomy__list{margin-top:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;max-width:520px}
.anatomy__list li{display:flex;align-items:center;gap:12px;font-size:15.5px;color:var(--ink)}
.anatomy__list svg{flex:none;color:var(--accent)}
.anatomy__list li:nth-child(3n+2) svg{color:var(--sage)}
.anatomy__list li:nth-child(3n) svg{color:var(--olive)}
.anatomy__cta{margin-top:40px}
.anatomy__media{position:relative;aspect-ratio:1.24/1;overflow:hidden;border:1px solid rgba(22,26,29,.3);padding:8px}
.anatomy__media img{width:100%;height:100%;object-fit:cover}
.anatomy .rule--exit-h{bottom:56px;left:0;right:62%}
.anatomy .rule--exit-v2{bottom:0;right:38%;height:56px;width:2px}

/* ---------- maintenance ---------- */
.maint{position:relative;background:var(--stone);padding:96px 0 110px;overflow:hidden}
.maint .rule--in-v{top:0;right:clamp(180px,22vw,330px);height:64px}
.maint .rule--in-h{top:64px;right:0;width:clamp(180px,22vw,330px)}
.maint__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:clamp(36px,5vw,80px)}
.maint__wide{overflow:hidden;aspect-ratio:2.15/1;margin-left:calc(-1*clamp(20px,4.5vw,72px))}
.maint__wide img{width:100%;height:100%;object-fit:cover}
.maint__eyebrow{margin-top:44px;font-weight:700;font-size:16px;color:var(--ink-soft)}
.maint h2{margin-top:14px;font-family:var(--display);font-weight:500;font-size:clamp(38px,4.5vw,64px);line-height:1.06;letter-spacing:.06em;text-transform:uppercase;color:var(--charcoal)}
.maint__body{margin-top:20px;font-size:17px;line-height:1.6;color:var(--ink);max-width:52ch}
.maint__cta{margin-top:30px}
.maint__side{position:relative;padding:64px 0 0}
.maint__frame{position:relative;border:2px solid var(--sage);padding:14px}
.maint__frame img{width:100%;aspect-ratio:.72/1;object-fit:cover}
.maint__side .rule--drop{top:0;right:22%;height:64px}

/* ---------- familiar face ---------- */
.ron{position:relative;background:var(--sage-field);color:var(--cream);padding:96px 0}
.ron__grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:clamp(42px,5.5vw,88px);align-items:center}
.ron__portrait{position:relative;overflow:hidden;aspect-ratio:1.5/1;border:1px solid rgba(251,246,236,.28);padding:8px}
.ron__portrait::after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:4px;background:var(--accent)}
.ron__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ron__eyebrow{display:block;color:var(--blue-pale);font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.ron h2{margin-top:15px;font-family:var(--display);font-weight:600;font-size:clamp(44px,4.8vw,68px);line-height:.98;text-transform:uppercase;color:var(--cream)}
.ron__lead{margin-top:26px;font-family:var(--display);font-size:clamp(25px,2.4vw,34px);font-weight:500;line-height:1.08;color:var(--cream)}
.ron__copy>p:last-of-type{margin-top:18px;font-size:17px;line-height:1.65;color:rgba(251,246,236,.8);max-width:42ch}
.ron__signature{margin-top:30px;padding-top:20px;border-top:2px solid var(--accent);display:grid;gap:5px}
.ron__signature strong{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:var(--cream)}
.ron__signature span{font-size:14px;color:rgba(251,246,236,.7)}

/* ---------- equipment strip ---------- */
.equip{position:relative;background:var(--accent-field);padding:84px 0 96px}
.equip .rule--top{top:0;left:0;right:clamp(60px,12vw,180px)}
.equip__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:40px;align-items:end}
.equip__eyebrow,.equip__label{font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal)}
.equip__head h2{margin-top:12px;font-family:var(--display);font-size:clamp(42px,4.7vw,68px);font-weight:600;line-height:.94;text-transform:uppercase;color:var(--charcoal)}
.equip__head h2 em{color:var(--cream);font-style:normal;white-space:nowrap}
.equip__head>p{max-width:38ch;padding-left:24px;border-left:2px solid var(--sage);font-size:16px;line-height:1.55;color:rgba(22,26,29,.78)}
.equip__brand-viewport{margin-top:38px;overflow:hidden;border-top:1px solid rgba(22,26,29,.32);border-bottom:1px solid rgba(22,26,29,.32);padding:14px 0}
.equip__brand-track{display:flex;width:max-content;gap:18px;animation:equip-brand-scroll 38s linear infinite}
.equip__brand-viewport:hover .equip__brand-track{animation-play-state:paused}
.equip__brand-set{display:flex;gap:18px}
.equip__brand-set figure{width:clamp(164px,16vw,218px);height:112px;display:grid;place-items:center;padding:14px;background:rgba(251,246,236,.84);border:1px solid rgba(22,26,29,.18)}
.equip__brand-set img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:none;opacity:1;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.equip__brand-set figure:hover img{filter:none;opacity:1;transform:scale(1.035)}
@keyframes equip-brand-scroll{to{transform:translateX(calc(-50% - 9px))}}
@media (prefers-reduced-motion:reduce){.equip__brand-viewport{overflow-x:auto}.equip__brand-track{animation:none}.equip__brand-set[aria-hidden="true"]{display:none}}
.equip__brand-list{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;padding:13px 0 0;margin:0;color:rgba(22,26,29,.72);font-size:14px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}
.equip__brand-list li{display:flex;align-items:center;white-space:nowrap}
.equip__brand-list li:not(:last-child)::after{content:"·";margin:0 10px;color:var(--sage)}
.equip__coverage{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(520px,1.45fr);gap:clamp(36px,6vw,96px);align-items:start;margin-top:34px}
.equip__coverage>div{border-left:1px solid rgba(22,26,29,.34);padding-left:clamp(28px,4vw,64px)}
.equip__label{font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal)}
.equip__disclaimer{font-size:14px;line-height:1.55;color:rgba(22,26,29,.7);max-width:52ch}
.equip__phones{margin-top:26px;display:grid;gap:14px}
.equip__phones a{font-family:var(--display);font-weight:500;font-size:clamp(24px,2.2vw,31px);color:var(--charcoal);display:flex;align-items:baseline;gap:14px}
.equip__phones a:hover{color:var(--olive)}
.equip__phones .dot{color:var(--cream);font-size:20px}
.equip__phones .who{min-width:5.4em}
.equip .rule--exit-v{bottom:-56px;right:clamp(80px,14vw,230px);height:120px;z-index:3}
.equip .rule--exit-h{bottom:64px;right:0;width:clamp(80px,14vw,230px)}

/* ---------- final cta ---------- */
.final{position:relative;background:var(--charcoal);color:#fff;overflow:hidden}
.final__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);min-height:760px}
.final__media{position:relative}
.final__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.final__panel{position:relative;padding:clamp(48px,7vh,96px) clamp(28px,4.5vw,84px);display:flex;flex-direction:column;justify-content:center}
.final__panel::before{content:"";position:absolute;left:0;top:64px;bottom:64px;width:3px;background:var(--accent)}
.final h2{font-family:var(--display);font-weight:500;font-size:clamp(44px,4.9vw,72px);line-height:1.02;color:var(--alabaster)}
.final__body{margin-top:22px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.85);max-width:42ch}
.final__actions{margin-top:34px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.final__call{margin-top:14px}
.final__hr{margin-top:36px;width:min(420px,90%);height:2px;background:var(--accent)}
.final .btn--red{background:var(--accent);color:var(--charcoal);box-shadow:0 10px 30px rgba(111,157,181,.24)}
.final .btn--red:hover{background:#87ADC0}
.final__boundary{margin-top:22px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.7);max-width:46ch}

/* ---------- footer ---------- */
.foot{background:#101315;color:rgba(255,255,255,.72);padding:34px 0}
.foot .container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot img{width:150px;height:auto}
.foot p{font-size:14px}
.foot a{color:#fff;font-weight:600}
.foot a:hover{color:var(--accent)}

/* ---------- lead form ---------- */
.lead{position:relative;background:var(--cream);padding:clamp(76px,9vw,118px) 0}
.lead__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,6vw,88px);align-items:start}
.lead__eyebrow{font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-dark)}
.lead__copy h2{margin-top:14px;font-family:var(--display);font-weight:600;font-size:clamp(40px,4.6vw,66px);line-height:.98;letter-spacing:.005em;text-transform:uppercase;color:var(--charcoal)}
.lead__body{margin-top:22px;font-size:17px;line-height:1.62;color:var(--ink-soft);max-width:46ch}
.lead__trust{margin-top:34px;display:grid;gap:15px}
.lead__trust li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:var(--charcoal)}
.lead__trust svg{flex:none;color:var(--accent)}
.lead__trust a{border-bottom:1px solid rgba(111,157,181,.55)}
.lead__trust a:hover{color:var(--olive)}
.lead__card{position:relative;background:#fff;border:1px solid rgba(22,26,29,.1);border-radius:6px;
  padding:clamp(26px,3.4vw,44px);box-shadow:0 1px 2px rgba(22,26,29,.05),0 26px 60px -26px rgba(22,26,29,.32)}
.lead__card::before{content:"";position:absolute;left:0;top:clamp(26px,3.4vw,44px);bottom:clamp(26px,3.4vw,44px);width:3px;background:var(--accent);border-radius:0 3px 3px 0}
.lead-form{display:grid;gap:18px}
.lead-form__intro{font-size:14px;color:var(--ink-soft)}
.lead-form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lead-form label{display:grid;gap:7px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--charcoal)}
.lead-form__req{color:var(--red)}
.lead-form__opt{font-weight:400;color:var(--ink-soft)}
.lead-form input,.lead-form select,.lead-form textarea{font-family:var(--body);font-size:16px;color:var(--ink);
  background-color:var(--alabaster);border:1px solid rgba(22,26,29,.16);border-radius:4px;padding:12px 13px;width:100%;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.lead-form textarea{resize:vertical;min-height:112px}
.lead-form select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%234A4F53' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.lead-form input:hover,.lead-form select:hover,.lead-form textarea:hover{border-color:rgba(22,26,29,.34)}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:none;background-color:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(111,157,181,.28)}
.lead-form input[aria-invalid="true"],.lead-form textarea[aria-invalid="true"],.lead-form select[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px rgba(190,30,68,.15)}
.lead-form .ic-form__error{display:block;margin-top:2px;font-size:14px;font-weight:600;color:var(--red)}
.lead-form__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-form__turnstile{min-height:65px}
.lead-form__status{font-size:14px;font-weight:600;margin:-4px 0}
.lead-form__status:empty{display:none}
.lead-form__status[data-tone="error"]{color:var(--red)}
.lead-form__status[data-tone="ok"]{color:var(--sage-dark)}
.lead-form__submit{width:100%}
.lead-form__note{font-size:14px;line-height:1.5;color:var(--ink-soft)}
.lead-form__success{text-align:center;padding:26px 8px}
.lead-form__success svg{color:var(--sage-field);margin:0 auto 12px}
.lead-form__success h3{font-family:var(--display);font-weight:600;font-size:32px;text-transform:uppercase;color:var(--charcoal)}
.lead-form__success p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--ink-soft)}
.lead-form__success a{color:var(--red);font-weight:700}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .hero .container{grid-template-columns:1fr;min-height:0;padding-bottom:0}
  .hero__media{position:relative;inset:auto;left:calc(-1*clamp(20px,4.5vw,72px));width:calc(100% + 2*clamp(20px,4.5vw,72px));height:420px;order:2;margin-top:12px}
  .hero__media img,.hero__media:hover img{transform:none}
  .hero__media img{-webkit-mask-image:none;mask-image:none}
  .hero__media::after{display:none}
  .hero__motor-callout{top:2%;right:5%}
  .hero__motor-connector{display:none}
  .hero .rule--cross,.hero .rule--drop{display:none}
  .outcomes__intro{margin-bottom:58px}
  .outcomes__journey{gap:64px}
  .outcomes__journey::before{left:18px}
  .outcome{grid-template-columns:1fr;gap:24px;min-height:0;padding-left:54px}
  .outcome::before{left:18px;top:clamp(70px,18vw,120px)}
  .outcome__img,.outcome:nth-child(even) .outcome__img{grid-column:1;grid-row:auto;width:100%;justify-self:stretch}
  .outcome__copy,.outcome:nth-child(even) .outcome__copy{grid-column:1;grid-row:auto;justify-self:start;text-align:left}
  .outcome__copy{max-width:620px}
  /* Horizontal reveal slides content 30px right; on narrow viewports that
     pushes past the edge and adds document scroll width. Reveal vertically
     here instead (matches the default reveal); desktop keeps the slide. */
  .motion-ready [data-reveal="right"]{transform:translate3d(0,26px,0)}
  /* minmax(0,1fr) lets these single columns shrink below their content's
     min-content width (e.g. the 300px Turnstile widget) so they never force
     horizontal overflow on small screens. */
  .pathways__lead{grid-template-columns:minmax(0,1fr)}
  .pathway{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"icon name" "icon desc" "icon link";row-gap:8px}
  .pathway__icon{grid-area:icon}
  .pathway h3{grid-area:name}
  .pathway__desc{grid-area:desc;border-left:0;padding-left:0}
  .pathway__link{grid-area:link;border-left:0;padding-left:0}
  .pathway__note{display:none}
  .anatomy__grid{grid-template-columns:1fr}
  .anatomy__media{aspect-ratio:1.5/1}
  .maint__grid{grid-template-columns:1fr}
  .maint__wide{margin-left:0;aspect-ratio:1.8/1}
  .maint__side{padding-top:0;max-width:380px}
  .maint__side .rule--drop{display:none}
  .ron__grid{grid-template-columns:minmax(0,1fr)}
  .ron__portrait{aspect-ratio:1.55/1}
  .ron__copy{max-width:680px}
  .equip__head,.equip__coverage{grid-template-columns:1fr}
  .equip__head>p{padding-left:0;border-left:0}
  .equip__coverage>div{border-left:0;padding-left:0;border-top:1px solid rgba(22,26,29,.34);padding-top:32px}
  .final__grid{grid-template-columns:1fr;min-height:0}
  .final__media{height:380px}
  .lead__grid{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:640px){
  .hero h1{font-size:48px}
  .hero__actions .btn,.hero__call .btn{width:100%;min-width:0}
  .hero__media{height:auto;display:grid;background:var(--sage-field)}
  .hero__media::after{display:none}
  .hero__media img{height:310px;object-position:100% 50%}
  .hero__motor-callout{position:relative;top:auto;right:auto;width:auto;margin:0 20px;padding:13px 16px 14px;transform:translateY(-16px)}
  .motion-ready .hero__motor-callout,.motion-ready .hero__media.is-revealed .hero__motor-callout{clip-path:none}
  .motion-ready .hero__media.is-revealed .hero__motor-callout{transform:translateY(-16px)}
  .hero__motor-callout::before{content:"";display:block;position:absolute;left:30%;top:-76px;width:4px;height:76px;background:var(--accent);border-radius:999px;opacity:.95}
  .hero__motor-callout::after{display:none}
  .equip{padding:68px 0 76px}.equip__head{gap:20px}.equip__head h2{font-size:46px}.equip__brand-viewport{margin-top:28px}.equip__brand-set figure{width:154px;height:100px}.equip__coverage{margin-top:28px}.equip__phones a{font-size:22px;gap:9px}.equip__phones .who{min-width:5em}
  .hero__motor-callout strong{font-size:25px}
  .pathways__visuals{grid-template-columns:1fr;gap:10px}
  .pathways__photo{aspect-ratio:auto;margin-bottom:0}
  .pathways__photo-main{height:250px}
  .pathways__motor{grid-template-columns:118px 1fr;grid-template-rows:128px;border:1px solid rgba(72,81,63,.22);background:var(--cream)}
  .pathways__motor img{height:128px;object-position:72% 55%}
  .pathways__motor figcaption{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;color:var(--charcoal);background:var(--alabaster)}
  .pathways__motor span{color:var(--accent)}
  .pathways__motor strong{color:var(--charcoal);font-size:22px}
  .outcomes{padding:72px 0 80px}
  .outcomes__intro{margin-bottom:48px}
  .outcomes__journey{gap:52px}
  .outcomes__journey::before{left:10px}
  .outcome{gap:20px;padding-left:38px}
  .outcome::before{left:10px;top:72px}
  .outcome__img{aspect-ratio:1.55/1;padding:5px}
  .pathways,.anatomy,.maint,.ron,.equip,.lead{padding-top:64px;padding-bottom:64px}
  .lead-form__row{grid-template-columns:1fr}
  .ron__portrait{aspect-ratio:1.25/1;padding:5px}
  .ron__portrait::after{left:5px;right:5px;bottom:5px;height:3px}
  .final__actions .btn,.final__call .btn{width:100%}
}
@media (max-width:360px){
  /* The Turnstile widget renders at a fixed 300px and cannot reflow. Below
     ~347px that exceeds the card gutters and adds document scroll width, so
     scale its layout box down to fit. zoom (not transform) shrinks the box
     itself, keeping the control fully visible — never clipped — and out of
     the horizontal overflow. Purely a responsive layout fit; no widget config
     is changed. */
  .lead-form__turnstile{zoom:.78}
}