body{margin:0;font-family:Arial,sans-serif;background:#111;color:#eee;line-height:1.6} .hero{height:80vh;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url("hero-transaxle-redacted.jpeg") center/cover;display:flex;align-items:center;justify-content:center;text-align:center}.overlay{max-width:800px}.tag{font-size:1.4rem;color:#c33}.btn{background:#a32020;color:#fff;padding:12px 24px;text-decoration:none;border-radius:4px}section{max-width:1100px;margin:auto;padding:24px 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.card{background:#222;padding:20px;border:1px solid #333;border-left:4px solid #c33}footer{text-align:center;padding:30px;background:#000}footer nav{display:flex;justify-content:center;gap:20px;margin-top:8px}footer a,.legal-page a{color:#eee;text-decoration:underline;text-underline-offset:3px}footer a:hover,.legal-page a:hover{color:#c33}
.overlay h1{position:relative;top:-20px;width:min(76vw,520px);margin:0 auto}.overlay h1 img{display:block;width:100%;height:auto}.overlay .tag,.overlay>p:not(.tag),.overlay>.btn{position:relative;top:48px}.section-nav{background:#181818;border-bottom:1px solid #333}.section-nav-links{display:flex;gap:8px;max-width:1100px;margin:0 auto;padding:0 20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.section-nav a{flex:0 0 auto;display:block;padding:12px 14px;color:#eee;font-weight:bold;white-space:nowrap}.section-nav a:hover,.section-nav a:focus-visible{color:#ff7777;text-decoration:underline;text-underline-offset:4px}.card img{display:block;width:calc(100% + 40px);height:180px;object-fit:cover;object-position:center;margin:0 -20px 12px}.cards .card:first-child img{object-position:center 70%}.model-cards .card{display:flex;flex-direction:column}.model-cards .card h3{min-height:3.2em;margin:0 0 12px}.model-cards .card p{margin-top:auto}.support-topic{padding:12px 0}.support hr{display:none}a{text-decoration:none;color:#ff7777}a:hover{color:#fff}.contact-cta{display:inline-block;padding:12px 20px;border-radius:4px;background:#a32020;color:#fff;font-weight:bold}.contact-cta:hover,.contact-cta:focus-visible{background:#c33;color:#fff}tr th,tr td{border:1px solid #e6e6e6}tr th{background-color:#f5f5f5}
.legal-page{max-width:900px;margin:0 auto;padding:32px 20px 64px}.legal-header{padding:20px;background:#000}.legal-header a{color:#eee;text-decoration:none}.legal-page h1{margin:0 0 20px}.legal-page h2{margin:16px 0 4px;font-size:1.2rem}.legal-page main section{max-width:none;padding:8px 20px}.legal-page p{margin:8px 0}.legal-page ul{padding-left:24px}.legal-page footer{margin:0 -20px -64px}
@media(max-width:600px){.cards{grid-template-columns:1fr}.overlay h1{width:min(88vw,520px)}}
@media(max-width:480px){footer nav{flex-direction:column;gap:4px}.legal-page{padding-top:24px}}
body>section>p,.support-topic>p,.legal-page main section p:not(:has(br)){text-align:justify;hyphens:auto}