@import url("/assets/tokens.css");

:root {
  color-scheme: light;
  font-family: "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
  --page-pad: clamp(1.25rem, 5vw, 5.5rem);
  --max-width: 1720px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--jsk-deep-black); }
body { margin: 0; color: var(--jsk-titanium-black); background: var(--jsk-engineering-white); overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
::selection { color: var(--jsk-deep-black); background: var(--jsk-connection-orange); }

.skip-link { position: fixed; z-index: 1000; top: 0.5rem; left: 0.5rem; padding: 0.75rem 1rem; color: #fff; background: #000; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--jsk-connection-orange); outline-offset: 4px; }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; min-height: 80px; display: grid; grid-template-columns: minmax(150px, 240px) 1fr auto; align-items: center; gap: 2rem; padding: 0.75rem var(--page-pad); color: var(--jsk-engineering-white); border-bottom: 1px solid rgb(244 242 237 / 14%); transition: background 240ms ease, min-height 240ms ease, backdrop-filter 240ms ease; }
.site-header.is-scrolled { min-height: 66px; background: rgb(8 9 10 / 88%); backdrop-filter: blur(18px); }
.brand { width: min(168px, 16vw); height: 52px; }
.brand img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.primary-nav { justify-self: center; display: flex; align-items: center; gap: clamp(1.25rem, 2.6vw, 3rem); font-size: 0.86rem; letter-spacing: 0.06em; }
.primary-nav a { position: relative; color: rgb(244 242 237 / 72%); transition: color 180ms ease; }
.primary-nav a::after { content: ""; position: absolute; inset: auto 100% -0.65rem 0; height: 2px; background: var(--jsk-connection-orange); transition: inset 180ms ease; }
.primary-nav a:hover { color: #fff; }
.primary-nav a:hover::after { inset-right: 0; }
.header-cta { padding: 0.8rem 1.15rem; color: var(--jsk-deep-black); background: var(--jsk-connection-orange); font-weight: 750; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
.header-cta span { margin-left: 0.55rem; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; color: #fff; background: transparent; }
.menu-toggle span { display: block; width: 24px; height: 2px; margin: 6px auto; background: currentColor; transition: transform 180ms ease; }

.section-dark { color: var(--jsk-engineering-white); background: var(--jsk-titanium-black); }
.section-light { background: var(--jsk-engineering-white); }
.section-orange { background: var(--jsk-connection-orange); }
.section-silver { background: #deddd8; }
.eyebrow { display: flex; align-items: center; gap: 0.9rem; margin: 0 0 2rem; font-family: Menlo, Monaco, monospace; font-size: 0.7rem; letter-spacing: 0.13em; color: var(--jsk-precision-silver); }
.eyebrow span { display: grid; place-items: center; width: 2rem; aspect-ratio: 1; color: var(--jsk-deep-black); background: var(--jsk-connection-orange); font-weight: 800; clip-path: polygon(0 0, 76% 0, 100% 24%, 100% 100%, 24% 100%, 0 76%); }
.eyebrow-dark { color: rgb(8 9 10 / 66%); }
.eyebrow-dark span { color: var(--jsk-connection-orange); background: var(--jsk-deep-black); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 1.5rem; font-weight: 750; border: 1px solid transparent; transition: transform 180ms ease, background 180ms ease; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: var(--jsk-deep-black); background: var(--jsk-connection-orange); clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); }
.button-ghost { color: #fff; border-color: rgb(255 255 255 / 22%); }

.hero { position: relative; min-height: 100svh; padding: clamp(9rem, 16vh, 13rem) var(--page-pad) 3rem; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1.1fr); grid-template-rows: 1fr auto; gap: 3rem; overflow: hidden; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: -15% -10% auto auto; z-index: -2; width: 65vw; aspect-ratio: 1; background: radial-gradient(circle, rgb(255 90 31 / 17%), transparent 64%); }
.hero-grid { position: absolute; z-index: -3; inset: 0; opacity: 0.1; background-image: linear-gradient(rgb(255 255 255 / 28%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 28%) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent, #000 45%, #000); }
.signal-track { position: absolute; z-index: -1; height: 7px; background: var(--jsk-connection-orange); transform: rotate(-12deg); transform-origin: left center; box-shadow: 0 0 30px rgb(255 90 31 / 28%); }
.signal-track::after { content: ""; position: absolute; right: -9px; top: -7px; width: 21px; height: 21px; background: var(--jsk-connection-orange); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.signal-track-a { top: 70%; left: 49%; width: 68vw; }
.signal-track-b { top: 39%; left: 71%; width: 28vw; opacity: 0.35; }
.hero-copy { align-self: center; max-width: 760px; }
.hero h1 { margin: 0; font-size: clamp(4.4rem, 9vw, 10.5rem); line-height: 0.84; letter-spacing: -0.075em; font-weight: 900; }
.hero h1 em, .contact h2 em { color: var(--jsk-connection-orange); font-style: normal; }
.hero-lead { max-width: 640px; margin: 2.5rem 0 0; font-size: clamp(1rem, 1.35vw, 1.25rem); line-height: 1.9; color: rgb(244 242 237 / 68%); }
.hero-actions { display: flex; gap: 0.8rem; margin-top: 2.4rem; }
.hero-stage { position: relative; min-height: 590px; align-self: center; perspective: 1200px; }
.stage-orbit { position: absolute; top: 8%; left: 15%; width: 68%; aspect-ratio: 1; border: 1px solid rgb(244 242 237 / 14%); border-radius: 50%; transform: rotateX(68deg) rotateZ(-12deg); }
.stage-label { position: absolute; z-index: 4; padding: 0.45rem 0.65rem; font: 0.66rem/1 Menlo, monospace; color: var(--jsk-connection-orange); border: 1px solid rgb(255 90 31 / 46%); background: rgb(8 9 10 / 70%); }
.label-a { top: 8%; right: 17%; }.label-b { bottom: 24%; left: 2%; }.label-c { right: 2%; bottom: 11%; }
.product-object { position: absolute; filter: drop-shadow(0 42px 50px rgb(0 0 0 / 44%)); }
.charger-object { top: 11%; left: 28%; z-index: 3; width: 250px; height: 330px; padding: 2.5rem 2rem; border: 2px solid #41464a; color: var(--jsk-engineering-white); background: linear-gradient(145deg, #2f3336, #0b0d0e 62%); clip-path: polygon(0 8%, 8% 0, 90% 0, 100% 10%, 100% 92%, 92% 100%, 8% 100%, 0 92%); transform: rotate(-8deg) rotateY(-10deg); }
.charger-object::after { content: ""; position: absolute; inset: 8px; border: 1px solid rgb(255 255 255 / 7%); clip-path: inherit; }
.charger-object .pin { position: absolute; top: -40px; width: 22px; height: 65px; background: linear-gradient(90deg, #83898e, #e2e4e5, #777d82); }.pin-a { left: 68px; }.pin-b { right: 68px; }
.charger-object .port { position: absolute; right: 31px; bottom: 38px; width: 66px; height: 24px; border: 4px solid var(--jsk-connection-orange); }
.charger-object strong { display: block; margin-top: 6rem; font-size: 2rem; letter-spacing: -0.06em; }.charger-object small { display: block; margin-top: 0.4rem; font: 0.67rem Menlo, monospace; letter-spacing: 0.24em; color: var(--jsk-precision-silver); }
.cable-object { left: 1%; bottom: 14%; z-index: 2; width: 200px; height: 110px; transform: rotate(9deg); }
.cable-object .connector { position: absolute; width: 110px; height: 58px; border: 3px solid #595f64; background: #171a1c; clip-path: polygon(0 10px, 10px 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px)); }
.cable-object .connector::after { content: ""; position: absolute; top: 19px; right: -46px; width: 46px; height: 20px; background: var(--jsk-precision-silver); }
.cable-object .cord { position: absolute; top: 28px; left: -105px; width: 112px; height: 160px; border-left: 8px solid #383d41; border-bottom: 8px solid #383d41; border-radius: 0 0 0 60px; }
.earbuds-object { right: 6%; bottom: 6%; z-index: 4; width: 210px; height: 250px; transform: rotate(9deg); }
.earbuds-object .bud { position: absolute; top: 0; width: 78px; height: 102px; border: 2px solid #4b5054; background: linear-gradient(145deg, #292d30, #0d0f10); border-radius: 50% 50% 38% 38%; }
.earbuds-object .bud::after { content: ""; position: absolute; top: 80px; width: 28px; height: 120px; background: linear-gradient(90deg, #16191b, #393e42); border-radius: 0 0 16px 16px; }
.bud-left { left: 4px; transform: rotate(-12deg); }.bud-left::after { left: 42px; }.bud-right { right: 4px; transform: rotate(12deg); }.bud-right::after { right: 42px; }
.hero-footer { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: end; padding-top: 1.6rem; border-top: 1px solid rgb(255 255 255 / 14%); font-size: 0.75rem; color: rgb(244 242 237 / 55%); }
.hero-footer p { margin: 0; }.hero-meter { display: flex; gap: 0.7rem; align-items: center; font-family: Menlo, monospace; }.hero-meter i { width: 3.5vw; height: 1px; background: rgb(255 255 255 / 20%); }.hero-meter i:nth-of-type(2) { background: var(--jsk-connection-orange); }

.products { padding: clamp(6rem, 10vw, 11rem) var(--page-pad); }
.section-heading { display: grid; grid-template-columns: 0.8fr 1fr 0.8fr; align-items: end; gap: 2rem; margin-bottom: 5rem; }
.section-heading .eyebrow { align-self: start; color: #72777b; }
.section-heading h2, .manufacturing h2, .quality h2, .dealers h2, .contact h2 { margin: 0; font-size: clamp(3rem, 6vw, 7.2rem); line-height: 0.97; letter-spacing: -0.07em; font-weight: 900; }
.section-heading > p:last-child { max-width: 36rem; margin: 0; line-height: 1.9; color: #62676b; }
.product-list { border-top: 1px solid #c8c6c1; }
.product-row { position: relative; display: grid; grid-template-columns: 0.3fr 0.9fr 1.2fr 0.8fr; align-items: center; gap: 2rem; min-height: 250px; padding: 2rem 1.2rem; border-bottom: 1px solid #c8c6c1; overflow: hidden; transition: color 240ms ease, background 240ms ease; }
.product-row:hover { color: #fff; background: var(--jsk-titanium-black); }
.product-row-orange:hover { color: var(--jsk-deep-black); background: var(--jsk-connection-orange); }
.product-index { align-self: start; font: 0.8rem Menlo, monospace; color: #777c80; }
.product-name h3 { margin: 0; font-size: clamp(2.4rem, 4vw, 5rem); line-height: 1; letter-spacing: -0.06em; }.product-name p { margin: 0.7rem 0 0; font: 0.75rem Menlo, monospace; letter-spacing: 0.12em; color: #777c80; }
.product-description { max-width: 31rem; line-height: 1.8; color: #62676b; }.product-row:hover .product-description { color: rgb(255 255 255 / 65%); }.product-row-orange:hover .product-description { color: rgb(8 9 10 / 66%); }
.demo-tag { position: absolute; right: 1.2rem; bottom: 1rem; font: 0.62rem Menlo, monospace; color: #8a8f93; }
.line-icon { position: relative; justify-self: center; width: 160px; height: 120px; }
.charger-line { border: 8px solid currentColor; clip-path: polygon(0 14%, 14% 0, 86% 0, 100% 14%, 100% 86%, 86% 100%, 14% 100%, 0 86%); }.charger-line::before,.charger-line::after{content:"";position:absolute;top:-33px;width:8px;height:30px;background:currentColor}.charger-line::before{left:42px}.charger-line::after{right:42px}.charger-line span{position:absolute;inset:42% 30%;border-top:8px solid var(--jsk-connection-orange)}
.cable-line::before { content: ""; position: absolute; inset: 18px 48px; border: 7px solid currentColor; }.cable-line::after { content: ""; position: absolute; left: 80px; top: 76px; width: 95px; height: 80px; border-left: 7px solid currentColor; border-bottom: 7px solid currentColor; border-radius: 0 0 0 60px; }.cable-line span { position: absolute; width: 36px; height: 24px; left: 62px; top: -7px; background: var(--jsk-connection-orange); }
.earbuds-line span { position: absolute; top: 10px; width: 55px; height: 70px; border: 7px solid currentColor; border-radius: 50%; }.earbuds-line span::after { content: ""; position: absolute; top: 50px; width: 15px; height: 70px; background: currentColor; }.earbuds-line span:first-child { left: 15px; }.earbuds-line span:first-child::after { right: 0; }.earbuds-line span:last-child { right: 15px; }.earbuds-line span:last-child::after { left: 0; }

.manufacturing { position: relative; display: grid; grid-template-columns: 1fr 1.25fr; gap: 5rem; padding: clamp(6rem, 10vw, 11rem) var(--page-pad); overflow: hidden; }
.factory-code { position: absolute; right: -1vw; top: -4vw; font: 900 clamp(6rem, 18vw, 19rem)/1 "Avenir Next Condensed", sans-serif; letter-spacing: -0.08em; color: rgb(8 9 10 / 7%); white-space: nowrap; }
.manufacturing-copy { position: relative; z-index: 1; }.manufacturing-copy > p:last-child { max-width: 48rem; margin: 2.5rem 0 0; line-height: 2; font-size: 1.05rem; color: rgb(8 9 10 / 72%); }
.manufacturing-cards { position: relative; z-index: 1; display: grid; align-content: end; gap: 1rem; }
.manufacturing-cards article { display: grid; grid-template-columns: 70px 0.65fr 1fr; align-items: center; gap: 1rem; min-height: 135px; padding: 1.5rem 2rem; color: #fff; background: var(--jsk-titanium-black); clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px)); }.manufacturing-cards article:nth-child(2) { margin-left: 5%; }.manufacturing-cards article:nth-child(3) { margin-left: 10%; }
.manufacturing-cards span { color: var(--jsk-connection-orange); font: 0.8rem Menlo, monospace; }.manufacturing-cards h3 { margin: 0; font-size: 1.6rem; }.manufacturing-cards p { margin: 0; line-height: 1.7; color: rgb(255 255 255 / 58%); }

.quality { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(4rem, 8vw, 9rem); align-items: center; padding: clamp(7rem, 11vw, 12rem) var(--page-pad); }
.quality-visual { position: relative; width: min(42vw, 680px); aspect-ratio: 1; margin-inline: auto; }
.quality-ring { position: absolute; border: 1px solid rgb(255 255 255 / 15%); border-radius: 50%; }.ring-a { inset: 5%; }.ring-b { inset: 22%; border-color: rgb(255 90 31 / 46%); }
.quality-ring::before,.quality-ring::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--jsk-connection-orange)}.ring-a::before{top:18%;left:8%}.ring-a::after{right:9%;bottom:17%}.ring-b::before{top:49%;left:-7px}.ring-b::after{right:-7px;top:49%}
.quality-core { position: absolute; inset: 34%; display: grid; place-items: center; text-align: center; color: var(--jsk-deep-black); background: var(--jsk-connection-orange); clip-path: polygon(0 10%, 10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%); }.quality-core span { font: 900 clamp(3rem, 6vw, 7rem)/0.6 "Avenir Next Condensed", sans-serif; }.quality-core small { font: 0.55rem/1.5 Menlo, monospace; }
.quality-callout { position: absolute; padding: 0.65rem 1rem; font: 0.75rem Menlo, monospace; color: var(--jsk-precision-silver); border: 1px solid rgb(255 255 255 / 14%); background: rgb(8 9 10 / 70%); }.callout-a{top:5%;left:42%}.callout-b{top:48%;right:0}.callout-c{bottom:4%;left:44%}.callout-d{top:48%;left:0}
.quality-copy > p:nth-of-type(2) { max-width: 42rem; margin: 2.5rem 0; color: rgb(244 242 237 / 62%); line-height: 2; }
.quality-rules { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgb(255 255 255 / 15%); }.quality-rules li { display: flex; align-items: center; gap: 1.4rem; padding: 1.25rem 0; border-bottom: 1px solid rgb(255 255 255 / 15%); }.quality-rules span { color: var(--jsk-connection-orange); font: 0.7rem Menlo, monospace; }

.dealers { padding: clamp(6rem, 10vw, 11rem) var(--page-pad); }
.dealers-intro { display: grid; grid-template-columns: 0.55fr 1.35fr 0.75fr; gap: 2.5rem; align-items: end; }.dealers-intro > p:last-child { line-height: 1.9; color: #62676b; }
.dealer-path { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; align-items: center; gap: 1rem; margin-top: 6rem; }.dealer-path article { min-height: 240px; padding: 2rem; border: 1px solid #cac8c3; background: #edeae4; }.dealer-path article h3 { margin: 4rem 0 0.5rem; font-size: 1.6rem; }.dealer-path article p { margin: 0; color: #6e7376; }.dealer-path > i { height: 5px; background: var(--jsk-precision-silver); transform: rotate(-12deg); }.dealer-path .path-highlight { color: #fff; background: var(--jsk-titanium-black); border-color: var(--jsk-titanium-black); clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px)); }.path-number { font: 0.75rem Menlo, monospace; color: var(--jsk-connection-orange); }
.dealer-fit { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #cac8c3; }.dealer-fit > p { font-weight: 800; }.dealer-fit ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.6rem; margin: 0; padding: 0; list-style: none; }.dealer-fit li { padding: 0.6rem 0.9rem; border: 1px solid #b8b6b1; border-radius: var(--jsk-radius-pill); font-size: 0.85rem; }

.service { padding: clamp(6rem, 10vw, 11rem) var(--page-pad); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #aeadA8; border: 1px solid #aeada8; }.service-grid article { min-height: 290px; padding: 2.5rem; background: #deddd8; }.service-grid span { font: 0.7rem Menlo, monospace; color: #73787c; }.service-grid h3 { margin: 6rem 0 1rem; font-size: 2rem; }.service-grid p { margin: 0; line-height: 1.8; color: #62676b; }.service-grid article:last-child { color: #fff; background: var(--jsk-titanium-black); clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px)); }.service-grid article:last-child p { color: rgb(255 255 255 / 58%); }
.service-note { margin: 1.5rem 0 0; font: 0.72rem Menlo, monospace; color: #6b7074; }

.contact { position: relative; display: grid; grid-template-columns: 1.2fr 0.55fr; align-items: end; gap: 5rem; padding: clamp(7rem, 12vw, 13rem) var(--page-pad); overflow: hidden; }.contact::before { content: "JIESEKE"; position: absolute; right: -2vw; top: -2vw; font: 900 clamp(7rem, 19vw, 20rem)/1 "Avenir Next Condensed", sans-serif; letter-spacing: -0.07em; color: rgb(255 255 255 / 3%); }
.contact-line { position: absolute; right: -8%; bottom: 20%; width: 65%; height: 10px; background: var(--jsk-connection-orange); transform: rotate(-12deg); }.contact-copy { position: relative; z-index: 1; }.contact-copy > p:last-child { max-width: 42rem; margin: 2.5rem 0 0; line-height: 1.9; color: rgb(244 242 237 / 60%); }
.contact-card { position: relative; z-index: 1; min-height: 390px; padding: 2.5rem; color: var(--jsk-deep-black); background: var(--jsk-connection-orange); clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px)); }.contact-card img { width: 124px; }.contact-card p { margin: 3rem 0 1rem; font: 0.7rem Menlo, monospace; }.contact-card strong { font-size: 1.7rem; line-height: 1.5; }.contact-card small { position: absolute; left: 2.5rem; bottom: 2.5rem; }
.site-footer { display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 2rem; padding: 2rem var(--page-pad); color: rgb(244 242 237 / 55%); background: var(--jsk-deep-black); border-top: 1px solid rgb(255 255 255 / 12%); font-size: 0.75rem; }.site-footer p:nth-child(2) { justify-self: center; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity 700ms cubic-bezier(.2,.7,.2,1), transform 700ms cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1080px) {
  .site-header { grid-template-columns: 1fr auto; }.header-cta { display: none; }.menu-toggle { display: block; z-index: 3; }.primary-nav { position: fixed; top: 0; left: 0; width: 100vw; height: 100svh; display: grid; align-content: center; justify-items: center; gap: 2rem; font-size: 1.6rem; background: rgb(8 9 10 / 97%); opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(100%, 0, 0); transition: transform 240ms ease, opacity 180ms ease, visibility 0s linear 240ms; }.primary-nav.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .hero { grid-template-columns: 1fr; }.hero-stage { min-height: 500px; }.hero-copy { padding-top: 2rem; }.charger-object { left: 35%; }.hero-footer { margin-top: 2rem; }
  .section-heading, .dealers-intro { grid-template-columns: 1fr 1fr; }.section-heading .eyebrow, .dealers-intro .eyebrow { grid-column: 1 / -1; }.manufacturing { grid-template-columns: 1fr; }.quality { grid-template-columns: 1fr; }.quality-visual { width: min(82vw, 640px); }.dealer-path { grid-template-columns: repeat(2, 1fr); }.dealer-path > i { display: none; }.contact { grid-template-columns: 1fr 0.65fr; }
}

@media (max-width: 720px) {
  :root { --page-pad: 1.25rem; }.site-header { min-height: 64px; }.brand { width: 132px; height: 48px; }
  .hero { min-height: auto; padding-top: 8rem; }.hero h1 { font-size: clamp(4rem, 19vw, 6rem); }.hero-lead { line-height: 1.75; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-stage { min-height: 430px; margin-top: 1rem; }.charger-object { top: 9%; left: 22%; width: 190px; height: 260px; padding: 1.5rem; transform: rotate(-8deg) scale(.92); }.charger-object strong { margin-top: 5rem; }.cable-object { left: 6%; bottom: 8%; transform: rotate(9deg) scale(.72); }.earbuds-object { right: -4%; bottom: 1%; transform: rotate(9deg) scale(.7); }.stage-label { display: none; }.hero-footer { align-items: start; flex-direction: column; gap: 1.2rem; }.hero-meter { width: 100%; justify-content: space-between; }.hero-meter i { width: 8%; }
  .products, .manufacturing, .quality, .dealers, .service, .contact { padding-block: 6rem; }.section-heading, .dealers-intro { grid-template-columns: 1fr; margin-bottom: 3rem; }.section-heading .eyebrow, .dealers-intro .eyebrow { grid-column: auto; }.section-heading h2, .manufacturing h2, .quality h2, .dealers h2, .contact h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .product-row { grid-template-columns: 48px 1fr; gap: 1rem; padding: 2rem 0; }.product-description { grid-column: 2; }.line-icon { grid-column: 2; justify-self: start; transform: scale(.72); transform-origin: left center; }.demo-tag { right: 0; }
  .manufacturing-cards article { grid-template-columns: 42px 1fr; padding: 1.4rem; }.manufacturing-cards article p { grid-column: 2; }.manufacturing-cards article:nth-child(n) { margin-left: 0; }
  .quality-visual { width: 92vw; margin-left: -3vw; }.quality-copy { margin-top: 2rem; }
  .dealer-path { grid-template-columns: 1fr; }.dealer-path article { min-height: 190px; }.dealer-path article h3 { margin-top: 2.8rem; }.dealer-fit { align-items: flex-start; flex-direction: column; }.dealer-fit ul { justify-content: flex-start; }
  .service-grid { grid-template-columns: 1fr; }.service-grid article { min-height: 230px; }.service-grid h3 { margin-top: 3.5rem; }
  .contact { grid-template-columns: 1fr; }.contact-line { bottom: 40%; width: 130%; }.contact-card { min-height: 340px; }.site-footer { grid-template-columns: 1fr; text-align: left; }.site-footer img { width: 160px; }.site-footer p:nth-child(2) { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .reveal { opacity: 1; transform: none; }
}