@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
:root{--blue:#173fc0;--blue-deep:#0d2a8c;--blue-soft:#d6defc;--paper:#f5f5ef;--cool:#e9ebf0;--ink:#11151d;--muted:#525967;--orange:#ff5729;--orange-deep:#a82b0d;--green:#17633f;--line:#b8bdc8;--white:#fff;--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:Arial,Helvetica,sans-serif;--pad:clamp(1.25rem,4vw,4rem);--space:clamp(5rem,10vw,9rem);--shadow:0 18px 45px rgba(10,19,44,.18);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;scrollbar-color:var(--orange) var(--ink);scrollbar-width:thin}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;min-width:18rem;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--body);text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:var(--body)}
::selection{background:var(--orange);color:var(--ink)}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--ink)}*::-webkit-scrollbar-thumb{background:var(--orange);border:2px solid var(--ink)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}
button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(255,87,41,.22)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.75rem 1rem;background:#fff;color:var(--ink);font-weight:700;transform:translateY(-150%);transition:transform .18s var(--ease)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;display:flex;min-height:4.75rem;align-items:center;justify-content:space-between;gap:2rem;padding:0 var(--pad);border-bottom:1px solid rgba(17,21,29,.24);background:rgba(245,245,239,.96)}
.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}
.brand-mark{position:relative;display:grid;width:2.75rem;height:2.75rem;place-items:center;overflow:hidden;background:var(--blue);color:#fff;font:600 1.2rem/1 var(--display);letter-spacing:.02em}.brand-mark i{position:absolute;right:-.5rem;bottom:-.5rem;width:1.35rem;height:1.35rem;border:.3rem solid var(--orange);transform:rotate(45deg)}
.brand-name{font:600 1.45rem/1 var(--display);letter-spacing:.015em;text-transform:uppercase}
.desktop-nav{display:flex;align-items:center;gap:clamp(1.1rem,2.5vw,2.5rem);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.desktop-nav a{display:inline-flex;min-height:2.75rem;align-items:center;text-decoration:none}.desktop-nav a:not(.nav-action){background:linear-gradient(var(--blue),var(--blue)) 0 100%/0 2px no-repeat;transition:background-size .22s var(--ease)}.desktop-nav a:not(.nav-action):hover{background-size:100% 2px}.nav-action{padding:0 1rem;background:var(--orange)}.nav-action:hover{background:var(--ink);color:#fff}
.nav-toggle{display:none;width:3rem;height:3rem;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent;cursor:pointer}.nav-toggle svg{width:1.5rem;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8}
.mobile-nav{position:fixed;inset:4.75rem 0 auto;z-index:49;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.mobile-nav a{display:flex;min-height:3.75rem;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid #ffffff33;font:600 1.35rem/1 var(--display);letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.mobile-nav a:after{content:"";width:.65rem;height:.65rem;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:rotate(45deg)}
.hero{display:grid;min-height:calc(100svh - 4.75rem);grid-template-columns:minmax(20rem,.78fr) minmax(34rem,1.22fr);background:var(--blue)}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) var(--pad);color:#fff}.hero-copy:after{content:"";position:absolute;right:-1.75rem;top:50%;z-index:-1;width:3.5rem;height:3.5rem;background:var(--blue);transform:translateY(-50%) rotate(45deg)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:600;text-wrap:balance}h1{max-width:9ch;margin-bottom:1.75rem;font-size:clamp(4rem,7vw,6rem);line-height:.88;letter-spacing:-.025em;text-transform:uppercase}
.hero-intro{max-width:37rem;margin-bottom:2.25rem;color:var(--blue-soft);font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;padding:.7rem 1.25rem;border:1px solid transparent;font-size:.82rem;font-weight:800;letter-spacing:.045em;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .18s,color .18s,box-shadow .24s var(--ease),transform .24s var(--ease)}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #070e2233}.button-light{background:#fff;color:var(--blue-deep)}.button-light:hover{background:var(--orange);color:var(--ink)}.button-primary{border-color:var(--ink);background:var(--ink);color:#fff;cursor:pointer}.button-primary:hover{background:var(--blue)}.button-primary:disabled{cursor:wait;opacity:.62;transform:none;box-shadow:none}
.text-link{font-size:.86rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.text-link-light{color:#fff;text-decoration-color:var(--orange)}.transaction-note{margin:1.5rem 0 0;color:var(--blue-soft);font-size:.78rem}
.assembly-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:clamp(1.5rem,3vw,3rem);background:var(--paper);color:var(--ink)}.assembly-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#11151d0e 1px,transparent 1px),linear-gradient(90deg,#11151d0e 1px,transparent 1px);background-size:2rem 2rem;mask-image:linear-gradient(#000b,transparent 88%)}
.assembly-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ink);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.assembly-figure{position:relative;z-index:1;display:flex;min-height:28rem;flex-direction:column;justify-content:center;margin:0}.assembly-drawing{display:block;width:100%;max-height:34rem;overflow:visible}.assembly-drawing *{vector-effect:non-scaling-stroke}.datum-lines{fill:none;stroke:var(--line);stroke-dasharray:3 7;stroke-width:1}.vehicle-shell{fill:#173fc00f;stroke:var(--ink);stroke-linecap:square;stroke-linejoin:bevel;stroke-width:1.4}.exploded-part{fill:#fff;stroke:var(--blue);stroke-linecap:square;stroke-linejoin:bevel;stroke-width:2;transition:transform .42s var(--ease)}
.assembly-panel:is(:hover,:focus-within) .part-engine{transform:translate(-10px,-5px)}.assembly-panel:is(:hover,:focus-within) .part-gearbox{transform:translate(14px,2px)}.assembly-panel:is(:hover,:focus-within) .part-wheel{transform:translate(-8px)}.assembly-panel:is(:hover,:focus-within) .part-suspension{transform:translate(8px,-8px)}
.callout-lines{fill:none;stroke:var(--orange);stroke-width:1.2}.callout-numbers circle{fill:var(--orange)}.callout-numbers text{fill:var(--ink);font:600 15px var(--display);text-anchor:middle}.assembly-figure figcaption{margin-top:-.5rem;color:var(--muted);font-size:.72rem;text-align:right}
.callout-list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--ink)}.callout-list button{min-height:4.25rem;padding:.7rem;border:0;border-right:1px solid var(--line);background:#f5f5efc7;color:var(--orange-deep);font:600 1rem/1.2 var(--display);text-align:left;cursor:pointer;transition:background-color .18s,color .18s}.callout-list button:last-child{border-right:0}.callout-list button span{display:block;color:var(--ink);font-size:1.05rem;text-transform:uppercase}.callout-list button:is(:hover,.is-active){background:var(--orange);color:var(--ink)}
.process-section,.stock-section{padding:var(--space) var(--pad)}.process-section{background:var(--paper)}
.section-heading{display:grid;max-width:78rem;margin:0 auto clamp(3.5rem,7vw,6rem);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:end;gap:3rem}.section-heading h2,.services-intro h2,.inquiry-guide h2{margin-bottom:0;font-size:clamp(3rem,5vw,5.35rem);line-height:.94;letter-spacing:-.02em;text-transform:uppercase}.section-heading p,.services-intro p,.inquiry-guide>p{max-width:65ch;margin-bottom:0;color:var(--muted)}
.trace-flow{display:grid;max-width:78rem;margin:0 auto;padding:0;grid-template-columns:repeat(4,1fr);list-style:none}.trace-flow li{position:relative;min-height:14rem;padding:1.5rem 1.5rem 1rem 0;border-top:2px solid var(--ink)}.trace-flow li:not(:last-child):after{content:"";position:absolute;top:-.38rem;right:1.5rem;width:.65rem;height:.65rem;border-top:2px solid var(--ink);border-right:2px solid var(--ink);background:var(--paper);transform:rotate(45deg)}.trace-code{display:inline-block;margin-bottom:3.5rem;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.08em}.trace-flow h3{margin-bottom:.6rem;font-size:1.65rem;line-height:1;text-transform:uppercase}.trace-flow p{max-width:26ch;margin:0;color:var(--muted);font-size:.9rem}
.stock-section{background:var(--cool)}.section-heading-wide{align-items:start}.stock-table{max-width:86rem;margin:auto;border-top:2px solid var(--ink)}.stock-table-head,.stock-row{display:grid;grid-template-columns:.8fr 2fr 1.4fr .8fr .8fr;gap:1.25rem;align-items:center}.stock-table-head{min-height:2.75rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stock-row{min-height:7.25rem;padding:1.25rem 0;border-top:1px solid var(--line);transition:background-color .18s}.stock-row:hover{background:#ffffff94}.stock-ref,.stock-price,.stock-status{font-variant-numeric:tabular-nums}.stock-ref{color:var(--blue);font:600 1.25rem var(--display)}.stock-name span{display:block;margin-bottom:.2rem;color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.stock-name h3{margin:0;font-size:1.65rem;line-height:1.05;text-transform:uppercase}.stock-vehicle,.stock-price,.stock-status{margin:0}.stock-price{font:600 1.45rem var(--display)}.stock-status{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;text-transform:uppercase}.stock-status span{width:.7rem;height:.7rem;background:var(--green)}.stock-status[data-status=sold] span{background:var(--orange-deep)}.data-note{max-width:86rem;margin:1.5rem auto 0;color:var(--muted);font-size:.78rem}
.services-section{display:grid;padding:var(--space) var(--pad);grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr);gap:clamp(3rem,8vw,8rem);background:var(--ink);color:#fff}.services-intro{align-self:start;position:sticky;top:7rem}.services-intro h2{max-width:10ch}.services-intro p{margin-top:1.75rem;color:#c4c9d4}.service-index{border-top:1px solid #ffffff6b}.service-index button{display:grid;width:100%;min-height:8rem;padding:1.5rem 0;grid-template-columns:4rem 1fr 2rem;gap:1.25rem;align-items:center;border:0;border-bottom:1px solid #ffffff40;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:color .18s,padding .26s var(--ease)}.service-index button:is(:hover,:focus-visible){padding-left:1rem;color:var(--orange)}.service-code{color:var(--orange);font:600 1.3rem var(--display)}.service-index strong,.service-index small{display:block}.service-index strong{font:600 clamp(1.7rem,3vw,2.7rem)/1 var(--display);text-transform:uppercase}.service-index small{margin-top:.45rem;color:#c4c9d4;font-size:.85rem}.service-index i{width:.9rem;height:.9rem;justify-self:end;border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}
.inquiry-section{display:grid;grid-template-columns:minmax(20rem,.75fr) minmax(30rem,1.25fr);background:var(--orange)}.inquiry-guide{padding:var(--space) var(--pad)}.inquiry-guide h2{max-width:9ch}.inquiry-guide>p{margin-top:1.75rem;color:#341308}.record-progress{margin-top:4rem;padding-top:1.25rem;border-top:1px solid var(--ink)}.record-progress>div:first-child{display:flex;justify-content:space-between;gap:1rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.progress-track{height:.65rem;margin-top:.75rem;background:#11151d33}.progress-track i{display:block;width:0;height:100%;background:var(--blue);transition:width .5s var(--ease)}.request-tips{margin:3rem 0 0}.request-tips div{display:grid;padding:.8rem 0;grid-template-columns:5.5rem 1fr;gap:1rem;border-top:1px solid #11151d4d}.request-tips dt{font:600 1.1rem var(--display);text-transform:uppercase}.request-tips dd{margin:0;color:#341308;font-size:.86rem}
.inquiry-form{padding:var(--space) clamp(1.5rem,5vw,5rem);background:var(--paper)}.form-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:3rem;padding:.75rem 0;border-top:2px solid var(--ink);border-bottom:1px solid;font-size:.7rem;font-weight:800;letter-spacing:.08em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1.25rem}.form-grid label>span{display:block;margin-bottom:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.form-grid b{color:var(--orange-deep)}.field-wide{grid-column:1/-1}
input,select,textarea{width:100%;border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font-size:1rem}input,select{min-height:3.25rem;padding:.7rem .8rem}textarea{min-height:9rem;padding:.8rem;line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:#646b77;opacity:1}input:hover,select:hover,textarea:hover{border-color:var(--blue)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.form-submit{display:flex;min-height:5rem;align-items:center;gap:1.25rem;margin-top:2rem}.form-submit p{margin:0;color:var(--muted);font-size:.85rem}.form-submit p[data-state=success]{color:var(--green);font-weight:700}.form-submit p[data-state=error]{color:var(--orange-deep);font-weight:700}
.site-footer{display:grid;padding:3.5rem var(--pad);grid-template-columns:1fr 1fr auto;gap:3rem;background:var(--blue-deep);color:#fff}.brand-footer{color:#fff}.brand-footer .brand-mark{background:#fff;color:var(--blue-deep)}.site-footer p{max-width:38ch;margin:1rem 0 0;color:var(--blue-soft);font-size:.86rem}.footer-note strong{color:var(--orange);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.footer-note p{margin-top:.45rem}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:1rem;color:var(--blue-soft);font-size:.78rem}.footer-meta a{color:#fff}
@media(max-width:1100px){.hero{grid-template-columns:minmax(19rem,.72fr) minmax(30rem,1.28fr)}.callout-list{grid-template-columns:repeat(3,1fr)}.callout-list button{border-bottom:1px solid var(--line)}.trace-flow{grid-template-columns:repeat(2,1fr);gap:2rem 0}.trace-flow li:nth-child(2):after{display:none}}
@media(max-width:900px){.desktop-nav{display:none}.nav-toggle{display:inline-flex}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{min-height:38rem}.hero-copy:after{right:auto;top:auto;left:50%;bottom:-1.75rem;transform:translateX(-50%) rotate(45deg)}.assembly-panel{min-height:42rem}.assembly-figure{min-height:27rem}.section-heading,.services-section,.inquiry-section{grid-template-columns:1fr}.section-heading{gap:1.5rem}.stock-table-head{display:none}.stock-row{grid-template-columns:.75fr 1.75fr 1.2fr .7fr}.stock-status{grid-column:2/-1}.services-intro{position:static}.services-intro h2{max-width:14ch}.inquiry-guide{padding-bottom:4rem}.site-footer{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1;flex-direction:row;align-items:center}}
@media(max-width:620px){:root{--pad:1.15rem}.site-header{min-height:4.25rem}.brand-name{font-size:1.25rem}.brand-mark{width:2.5rem;height:2.5rem}.mobile-nav{inset-block-start:4.25rem}.hero-copy{min-height:34rem;padding-block:4.5rem}h1{font-size:clamp(3.5rem,18vw,5rem)}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.assembly-panel{min-height:38rem;padding:1.25rem var(--pad)}.assembly-meta{font-size:.62rem}.assembly-figure{min-height:22rem}.assembly-drawing{transform:scale(1.08)}.callout-list{grid-template-columns:repeat(2,1fr)}.callout-list button:nth-child(even){border-right:0}.section-heading h2,.services-intro h2,.inquiry-guide h2{font-size:clamp(2.8rem,14vw,4rem)}.trace-flow{grid-template-columns:1fr;gap:1.25rem}.trace-flow li{min-height:0;padding:1.5rem 0 2rem}.trace-flow li:after{display:none}.trace-code{margin-bottom:2rem}.stock-row{grid-template-columns:5rem 1fr;gap:.75rem 1rem;padding:1.5rem 0}.stock-ref{grid-row:1/3}.stock-vehicle,.stock-price,.stock-status{grid-column:2}.service-index button{min-height:7.5rem;grid-template-columns:3rem 1fr 1rem;gap:.75rem}.service-index strong{font-size:1.7rem}.inquiry-form{padding:4.5rem var(--pad)}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-submit{align-items:stretch;flex-direction:column}.site-footer{grid-template-columns:1fr}.footer-meta{grid-column:auto;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.exploded-part{transform:none!important}}
