/* JustForAuto UI/UED system 2.0 */
:root{--jfa-blue:#155EEF;--jfa-lime:#B8F23A;--jfa-orange:#FF6B35;--jfa-ink:#0B1018;--jfa-graphite:#111827;--jfa-paper:#F6F8FB;--jfa-mist:#E8F0FF;--jfa-line:rgba(148,163,184,.28);--jfa-shadow:0 24px 70px rgba(15,23,42,.14)}
::selection{background:var(--jfa-lime);color:var(--jfa-ink)}
a,button,input,textarea,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--jfa-lime)}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);border-bottom:1px solid var(--jfa-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.admin-bar .site-header{top:32px}.nav-wrap{min-height:76px;padding:12px 0}.brand{flex:0 0 auto}.jfa-brand-lockup{display:flex;align-items:center;gap:10px}.jfa-brand-symbol{width:46px;height:46px;display:block}.jfa-brand-word{font-family:"Space Grotesk",Inter,sans-serif;font-size:1.14rem;font-weight:700;letter-spacing:.015em;color:var(--jfa-graphite)}.jfa-mark-blue{fill:var(--jfa-blue)}.jfa-mark-dark{fill:var(--jfa-graphite)}.jfa-mark-lime{fill:var(--jfa-lime)}.primary-nav{margin-left:auto}.primary-nav ul{gap:23px}.primary-nav a{position:relative;font-size:.84rem;font-weight:700}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--jfa-blue);transition:right .2s ease}.primary-nav a:hover:after,.primary-nav .current-menu-item>a:after{right:0}.nav-cta{margin-left:3px;background:var(--jfa-graphite);transition:transform .2s ease,background .2s ease}.nav-cta:hover{transform:translateY(-2px);background:var(--jfa-blue)}.nav-toggle{display:none;align-items:center;gap:10px;border:0;background:transparent;color:var(--jfa-graphite);font:700 .8rem Inter,sans-serif;min-width:48px;min-height:48px}.nav-toggle-lines{display:grid;gap:4px}.nav-toggle-lines i{display:block;width:22px;height:2px;background:currentColor;transition:.2s}.nav-toggle[aria-expanded=true] .nav-toggle-lines i:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-lines i:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-lines i:last-child{transform:translateY(-6px) rotate(-45deg)}
.home-cinema{position:relative;min-height:min(820px,calc(100vh - 102px));display:flex;align-items:center;overflow:hidden;background:var(--jfa-ink);color:#fff}.home-cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-cinema-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,20,.92) 0%,rgba(6,11,20,.72) 34%,rgba(6,11,20,.12) 69%,rgba(6,11,20,.28) 100%),linear-gradient(0deg,rgba(6,11,20,.72),transparent 42%)}.home-cinema-content{position:relative;z-index:2;padding:100px 0 120px}.home-cinema-content .eyebrow{color:var(--jfa-lime)}.home-cinema h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(4rem,8.6vw,8rem);line-height:.82;letter-spacing:-.082em;margin:18px 0 30px;max-width:850px}.home-cinema h1 span{color:var(--jfa-lime)}.home-cinema-content>p{max-width:610px;font-size:1.15rem;line-height:1.7;color:#D7DFE8}.button-glass{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(17,24,39,.38);backdrop-filter:blur(8px)}.cinema-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.cinema-proof span{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,10,18,.28);font-size:.76rem;font-weight:700;color:#D9E2EC}.cinema-proof b{color:var(--jfa-lime);font-size:.68rem}.cinema-caption{position:absolute;right:30px;bottom:28px;z-index:2;text-align:right;letter-spacing:.12em}.cinema-caption span{display:block;font:700 .72rem "Space Grotesk",sans-serif}.cinema-caption small{color:#C6D0DC;font-size:.62rem}
.culture-intro{padding:112px 0;background:#fff}.culture-intro-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:end}.culture-intro h2,.fitment-copy h2,.journal-teaser h2,.b2b-home h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.9rem,5.8vw,5.8rem);line-height:.86;letter-spacing:-.078em;margin:16px 0 0}.culture-intro-grid p{font-size:1.08rem;color:var(--slate);margin:0 0 18px}.text-link{display:inline-flex;gap:8px;align-items:center;margin-top:10px;color:var(--jfa-blue);font-weight:800}.scene-duo{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.scene-panel{position:relative;overflow:hidden;min-height:640px}.scene-panel-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.scene-panel:hover .scene-panel-image{transform:scale(1.025)}.scene-panel-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,20,.86),rgba(6,11,20,.04) 62%)}.scene-panel-content{position:absolute;left:clamp(24px,5vw,74px);right:30px;bottom:55px;color:#fff}.scene-number{font-size:.7rem;letter-spacing:.15em;color:var(--jfa-lime);font-weight:800}.scene-panel h3{font:700 clamp(2.5rem,4vw,4.7rem)/.88 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:12px 0}.scene-panel p{color:#D7DFE8;font-size:1rem}
.ecosystem-section{background:var(--jfa-paper)}.vehicle-grid{grid-template-columns:repeat(3,1fr)}.vehicle-card{padding:0;min-height:390px;overflow:hidden;border:0;background:#fff}.vehicle-card-media{display:block;position:relative;height:205px;overflow:hidden;background:#DCE5F1}.vehicle-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.vehicle-card:hover .vehicle-card-media img{transform:scale(1.04)}.vehicle-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,24,39,.24),transparent 60%)}.vehicle-card-body{display:flex;flex-direction:column;flex:1;padding:23px}.vehicle-card-status{display:inline-flex;align-self:flex-start;margin-top:16px;padding:5px 9px;border-radius:999px;background:var(--jfa-mist);color:var(--jfa-blue);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.fitment-lab{padding:110px 0;background:linear-gradient(120deg,#0B1018,#111D31);color:#fff}.fitment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.fitment-copy .eyebrow{color:var(--jfa-lime)}.fitment-copy p{color:#B9C4D2;max-width:510px;margin:25px 0 30px}.fitment-stack{display:grid;gap:10px;position:relative}.fitment-stack:before{content:"";position:absolute;left:29px;top:35px;bottom:35px;width:2px;background:linear-gradient(var(--jfa-blue),var(--jfa-lime))}.fitment-stack article{position:relative;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px;padding:22px 25px 22px 60px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.045)}.fitment-stack article:before{content:"";position:absolute;left:22px;width:15px;height:15px;border:3px solid var(--jfa-blue);background:var(--jfa-ink);border-radius:50%}.fitment-stack span{font-size:.68rem;letter-spacing:.14em;color:#91A2B7;font-weight:800}.fitment-stack strong{font:600 1rem "Space Grotesk",sans-serif}.fitment-stack .fitment-active{border-color:rgba(184,242,58,.45);background:rgba(184,242,58,.08)}.fitment-stack .fitment-active:before{border-color:var(--jfa-lime)}
.center-action{text-align:center;margin-top:30px}.journal-teaser{padding:110px 0;background:var(--jfa-mist)}.journal-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.journal-teaser p{max-width:520px;color:var(--slate);margin:24px 0 28px}.journal-lines{display:grid}.journal-lines span{font:700 clamp(1.7rem,3.2vw,3.4rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.05em;padding:19px 0;border-bottom:1px solid rgba(21,94,239,.23);color:var(--jfa-blue)}.journal-lines span:nth-child(even){color:var(--jfa-graphite)}.b2b-home{padding:100px 0;background:var(--jfa-blue);color:#fff}.b2b-home-grid{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.b2b-home .eyebrow{color:var(--jfa-lime)}.b2b-home p{max-width:580px;color:#DCE6FF}.b2b-home-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.b2b-home .button-primary{background:var(--jfa-lime)}.b2b-home .button-secondary{border-color:rgba(255,255,255,.45)}
.about-manifesto{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;padding:40px 0 60px}.about-manifesto span,.about-story small{font-size:.69rem;letter-spacing:.15em;font-weight:850;color:var(--jfa-blue)}.about-manifesto h2{font:700 clamp(2.6rem,5vw,5rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:14px 0}.about-manifesto p{font-size:1.14rem;color:var(--slate)}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-principles article{padding:26px;border-radius:14px;background:#fff;border:1px solid var(--jfa-line)}.about-principles span{color:var(--jfa-lime);background:var(--jfa-graphite);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:.7rem;font-weight:800}.about-principles h3{font:700 1.55rem/1 "Space Grotesk",sans-serif;letter-spacing:-.05em}.about-principles p{font-size:.92rem;color:var(--slate)}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:85px 0}.about-story-statement{background:var(--jfa-graphite);color:#fff;padding:36px;border-radius:18px}.about-story blockquote{font:600 clamp(1.7rem,3vw,2.8rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:20px 0}.about-system{padding:55px 0}.about-system h2,.about-global h2{font:700 clamp(2.5rem,4.5vw,4.5rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.07em}.about-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.about-system-grid article{padding:22px;background:var(--jfa-mist);border-radius:10px}.about-system-grid b{color:var(--jfa-blue);font-size:.75rem;letter-spacing:.1em}.about-system-grid p{font-size:.9rem;color:var(--slate)}.about-global{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0;border-top:1px solid var(--jfa-line)}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.site-footer{padding:62px 0 24px}.footer-identity{max-width:520px}.footer-brand .jfa-brand-word{color:#fff}.footer-identity p{max-width:430px}.footer-manifesto{font-size:.68rem;letter-spacing:.15em;color:var(--jfa-lime);font-weight:800;margin-top:18px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:38px;font-size:.72rem;color:#758397}
@media(max-width:1100px){.primary-nav ul{gap:15px}.primary-nav a{font-size:.76rem}.nav-cta{padding:9px 12px}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.admin-bar .site-header{top:46px}.nav-toggle{display:flex;margin-left:auto}.nav-cta{display:none}.primary-nav{position:fixed;top:0;right:0;bottom:0;width:min(420px,88vw);padding:112px 32px 40px;background:var(--jfa-graphite);transform:translateX(102%);visibility:hidden;transition:transform .28s ease,visibility .28s ease;box-shadow:-20px 0 60px rgba(0,0,0,.32);z-index:90}.nav-open .primary-nav{transform:translateX(0);visibility:visible}.nav-open{overflow:hidden}.primary-nav ul{display:grid;gap:0}.primary-nav li{border-bottom:1px solid rgba(255,255,255,.12)}.primary-nav a{display:block;padding:18px 0;color:#fff;font:600 1.35rem "Space Grotesk",sans-serif}.nav-toggle[aria-expanded=true]{position:relative;z-index:100;color:#fff}.culture-intro-grid,.fitment-grid,.journal-teaser-grid,.b2b-home-grid,.about-manifesto,.about-story,.about-global{grid-template-columns:1fr;gap:34px}.scene-duo{grid-template-columns:1fr}.scene-panel{min-height:520px}.b2b-home-actions{justify-content:flex-start}.about-system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-notice{display:none}.nav-wrap{min-height:68px}.jfa-brand-symbol{width:39px;height:39px}.jfa-brand-word{font-size:1rem}.home-cinema{min-height:690px}.home-cinema-image{object-position:61% center}.home-cinema-content{padding:85px 0 115px}.home-cinema h1{font-size:clamp(3.6rem,16vw,5.4rem)}.home-cinema-content>p{font-size:1rem;max-width:92%}.cinema-caption{right:16px;bottom:18px}.cinema-proof{gap:6px}.cinema-proof span{font-size:.65rem}.culture-intro{padding:75px 0}.scene-panel{min-height:430px}.vehicle-grid{grid-template-columns:1fr}.fitment-stack article{grid-template-columns:1fr;padding-left:54px}.journal-lines span{font-size:1.7rem}.about-principles,.about-system-grid{grid-template-columns:1fr}.footer-grid,.footer-bottom{display:grid;gap:24px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr)}.jfa-triplet-content h1{font-size:clamp(3rem,14vw,4.3rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-panel-image,.nav-cta,.vehicle-card-media img,.primary-nav{transition:none!important}}