/* Platform-first presentation adapted from the supplied Misfit Diesel storefront. */
:root{--red:#e33b32;--platform-panel:#191b1e;--platform-line:#303338}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.announcement{background:var(--red);color:#fff;letter-spacing:.13em}
.announcement span{color:#fff}
.hero{min-height:530px;padding:72px 7% 65px;background:radial-gradient(ellipse at 78% 40%,#393c40,#17191c 44%,#101113 78%);display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}
.hero .hero-grid,.hero .hero-logo,.hero .hero-proof,.hero .hero-bottom{display:none}
.hero .hero-content{padding:0;position:relative;max-width:670px}
.hero h1{font-size:clamp(64px,8.2vw,112px);line-height:.9;letter-spacing:-.02em;margin:24px 0}
.hero .hero-lede{font-size:1rem;margin-bottom:8px}
.hero .hero-body{font-size:.84rem;max-width:430px;margin-top:0}
.hero .hero-actions{gap:12px;flex-wrap:wrap}
.hero .hero-art{width:100%;min-height:360px;transform:none;border:1px solid #44474b;position:relative;inset:auto;opacity:1}
.hero .hero-brand-art{background:#080909}
.hero .hero-brand-art:after{display:none}
.hero .hero-brand-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:38px 12px 48px}
.hero .hero-actions .button{font-size:.67rem;padding:16px 20px}
.platform-section{padding-top:58px;padding-bottom:35px;scroll-margin-top:90px}
.platform-section>h2{font:800 clamp(36px,4vw,52px)/1.05 'Barlow Condensed',sans-serif;margin:12px 0 28px}
.platform-section>h2>span{color:var(--red)}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#292c30,#17191b);border:1px solid var(--platform-line);padding:26px;min-height:244px;transition:transform .2s,border-color .2s}
.platform-card:hover{border-color:var(--red);transform:translateY(-4px)}
.platform-mark{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--red)}
.platform-mark>span{font-size:.54rem;letter-spacing:.1em;color:#a4a8ad}
.platform-card h3{font:800 30px 'Barlow Condensed',sans-serif;margin:24px 0 8px}
.platform-card p{font-size:.68rem;color:#aeb1b5;line-height:1.8;margin-bottom:20px}
.platform-action{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;letter-spacing:.1em;font-weight:700;margin-top:auto;padding-top:16px;border-top:1px solid #36393e}
.platform-action b{font-size:1.2rem;color:var(--red)}
.platform-note{font-size:.72rem;color:#a4a8ad;line-height:1.8;margin-top:20px}
#main>.vehicle-picker{margin:8px 7% 45px;padding:28px;background:#191b1e;border:1px solid #303338}
.shop-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}
.category-sidebar{background:#151719;border:1px solid var(--platform-line);padding:20px;position:sticky;top:110px}
.category-sidebar h2{font:800 23px 'Barlow Condensed',sans-serif;margin:0 0 18px}
.category-sidebar a{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--platform-line);padding:14px 0;font-size:.7rem;color:#b8bbc0;line-height:1.5}
.category-sidebar a[aria-current]{color:#fff;box-shadow:inset 3px 0 var(--red);padding-left:10px}
.category-sidebar a:hover{color:#f07870}
.shop-results{min-width:0}.shop-results .results-line{margin-top:0}
.shop-results .product-grid{gap:16px}.product-card{background:#191b1e;border-color:#303338}.product-card h3{font-size:1.45rem}
.button-red{background:var(--red)}
@media(max-width:1100px){.hero{padding:60px 5%}.hero .hero-art{min-height:310px}.hero .hero-actions .button{padding:13px}.shop-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-mark>span{display:none}}
@media(max-width:740px){html{scroll-padding-top:80px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:50px 6% 30px;min-height:0}.hero h1{font-size:clamp(64px,14vw,96px)}.hero .hero-art{min-height:240px;margin-top:30px}.platform-section{padding-top:38px}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:190px;padding:22px}.platform-card h3{margin-top:18px}.platform-mark>span{display:block}.platform-card p{margin-bottom:14px}#main>.vehicle-picker{margin:0 5% 30px;padding:22px}.shop-layout{grid-template-columns:1fr;gap:18px}.category-sidebar{position:static;padding:15px}.category-sidebar h2{margin-bottom:12px}.category-sidebar a{display:inline-flex;margin:4px;padding:9px 12px;border:1px solid var(--platform-line)}.category-sidebar a[aria-current]{padding-left:12px}.shop-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-results .product-card h3{font-size:1.2rem}}
@media(max-width:420px){.shop-results .product-grid{grid-template-columns:1fr}.hero .hero-actions{align-items:stretch;flex-direction:column}.hero .hero-actions .button{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.platform-card{transition:none}.platform-card:hover{transform:none}}