@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap");
#am-brakes-performance{--am-photo:url("hero.webp");--am-logo:url("logo.png");font-family:"DM Sans",Arial,sans-serif;}
#am-brakes-performance *{box-sizing:border-box;}
#am-brakes-performance [hidden]{display:none!important;}
#am-brakes-performance .am-page{--am-lime:#08743b;--am-forest:#073b2d;--am-ink:#102019;color:var(--am-ink);background:#f7f8f1;}
#am-brakes-performance h1,#am-brakes-performance h2,#am-brakes-performance p{margin:0;}
#am-brakes-performance h1{font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(52px,7.8vw,90px);font-weight:800;line-height:.94;letter-spacing:-1.5px;text-transform:uppercase;}
#am-brakes-performance h2{font-family:"Barlow Condensed",Arial,sans-serif;font-size:36px;line-height:1.02;letter-spacing:-.5px;font-weight:700;}
#am-brakes-performance p{font-size:16px;line-height:1.6;}
#am-brakes-performance .am-pad{padding-left:42px;padding-right:42px;}
#am-brakes-performance .am-brand{display:flex;gap:10px;align-items:center;min-width:0;}
#am-brakes-performance .am-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;border:0;padding:15px 23px;background:var(--am-lime);color:#102019;font:700 14px/1.3 "DM Sans",Arial,sans-serif;text-decoration:none;border-radius:3px;}
#am-brakes-performance .am-button span{font-size:21px;line-height:1;}
#am-brakes-performance .am-outline{border:1px solid #7e9789;background:transparent;color:inherit;}
#am-brakes-performance .am-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
#am-brakes-performance .am-eyebrow{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:2px;text-transform:uppercase;}
#am-brakes-performance .am-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--am-lime);margin-right:6px;}
#am-brakes-performance .am-photo{background-image:var(--am-photo);background-repeat:no-repeat;background-size:cover;background-position:center;}
#am-brakes-performance .am-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
#am-brakes-performance .am-step{padding-top:18px;border-top:1px solid #bdd0c0;}
#am-brakes-performance .am-step small{font-size:11px;letter-spacing:1.5px;font-weight:700;}
#am-brakes-performance .am-step h3{font-size:19px;font-weight:700;line-height:1.2;margin:14px 0 8px;}
#am-brakes-performance .am-step p{font-size:14px;}
#am-brakes-performance .am-performance{background:#080f0c;color:#f3f7ee;}
#am-brakes-performance .am-performance .am-hero{position:relative;min-height:496px;display:flex;align-items:center;padding-top:46px;padding-bottom:48px;isolation:isolate;}
#am-brakes-performance .am-performance .am-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--am-photo);background-size:cover;background-position:center 57%;}
#am-brakes-performance .am-performance .am-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080f0c 3%,#080f0ceb 32%,#080f0c3b 76%),linear-gradient(0deg,#080f0c,transparent 36%);}
#am-brakes-performance .am-performance .am-hero-copy{max-width:500px;}
#am-brakes-performance .am-performance .am-eyebrow{color:#08743b;margin-bottom:22px;}
#am-brakes-performance .am-performance h1 em{font-style:normal;color:#08743b;}
#am-brakes-performance .am-performance .am-hero p{max-width:350px;color:#d6e0d5;margin:22px 0 27px;}
#am-brakes-performance .am-performance .am-hero .am-note{font-size:12px;margin-top:15px;color:#c8d6c7;}
#am-brakes-performance .am-performance .am-work{padding-top:35px;padding-bottom:35px;}
#am-brakes-performance .am-performance .am-sectiontitle{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px;}
#am-brakes-performance .am-performance .am-sectiontitle>p{max-width:290px;color:#bcd0be;font-size:14px;}
#am-brakes-performance .am-performance .am-step{border-color:#36533e;}
#am-brakes-performance .am-performance .am-step small{color:#08743b;}
#am-brakes-performance .am-performance .am-step p{color:#bdcdbd;}
#am-brakes-performance .am-performance .am-bottom-cta{background:#08743b;color:#0e2115;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;}
#am-brakes-performance .am-performance .am-bottom-cta .am-button{background:#102019;color:#fff;}
@media (max-width:740px){#am-brakes-performance .am-pad{padding-left:24px;padding-right:24px;}
#am-brakes-performance .am-performance h1{font-size:64px;}
#am-brakes-performance .am-performance .am-hero{min-height:505px;}
#am-brakes-performance .am-performance .am-hero:before{background-position:66% center;}
#am-brakes-performance .am-performance .am-hero:after{background:linear-gradient(90deg,#080f0cf2,#080f0c91),linear-gradient(0deg,#080f0c,transparent 60%);}
#am-brakes-performance .am-performance .am-sectiontitle{display:block;}
#am-brakes-performance .am-sectiontitle>p{margin-top:15px;}
#am-brakes-performance .am-steps{gap:20px;}
#am-brakes-performance .am-performance .am-bottom-cta{align-items:start;flex-direction:column;}}
@media (max-width:540px){#am-brakes-performance .am-brand{gap:7px;}
#am-brakes-performance .am-pad{padding-left:20px;padding-right:20px;}
#am-brakes-performance .am-eyebrow{font-size:10px;letter-spacing:1.5px;}
#am-brakes-performance .am-performance .am-hero{padding-top:40px;min-height:500px;}
#am-brakes-performance .am-performance h1{font-size:clamp(55px,13.5vw,72px);}
#am-brakes-performance .am-actions{gap:8px;}
#am-brakes-performance .am-actions .am-button{padding:14px 15px;font-size:13px;gap:12px;}
#am-brakes-performance .am-steps{grid-template-columns:1fr;gap:23px;}
#am-brakes-performance .am-step h3{margin-top:10px;}}
#am-brakes-performance .am-brandbanner{padding:23px 42px 13px;background:#f5f7ef;color:#163d2a;border-block:1px solid #bdcdb9;}
#am-brakes-performance .am-banner-heading{text-align:center;font:700 11px/1.6 "DM Sans",Arial,sans-serif;letter-spacing:1.4px;}
#am-brakes-performance .am-banner-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;justify-items:center;align-items:center;width:100%;max-width:none;margin:22px 0 8px;}
#am-brakes-performance .am-banner-logos img{display:block;width:100%;max-width:none;height:88px;object-fit:contain;}
@media (max-width:740px){#am-brakes-performance .am-brandbanner{padding:22px 24px 12px;}
#am-brakes-performance .am-banner-logos{gap:20px;}}
@media (max-width:540px){#am-brakes-performance .am-brandbanner{padding:20px 20px 10px;}
#am-brakes-performance .am-banner-heading{font-size:10px;letter-spacing:1px;max-width:290px;margin:auto;}
#am-brakes-performance .am-banner-logos{gap:15px;margin-top:16px;}
#am-brakes-performance .am-banner-logos img{height:64px;max-width:none;}}
#am-brakes-performance .am-page{--am-green:#08743b;color-scheme:light;}
#am-brakes-performance .am-page h1,#am-brakes-performance .am-page h2,#am-brakes-performance .am-page h3{color:#123d2a!important;}
#am-brakes-performance .am-performance h1,#am-brakes-performance .am-performance h1 em,#am-brakes-performance .am-performance .am-work h2,#am-brakes-performance .am-performance .am-work h3{color:#ffffff!important;}
#am-brakes-performance .am-page .am-button{background:#08743b!important;color:#ffffff!important;border-color:#08743b!important;font-size:15px;}
#am-brakes-performance .am-page .am-button span{color:#ffffff!important;}
#am-brakes-performance .am-page .am-button:hover{background:#055a2e!important;}
#am-brakes-performance .am-performance .am-button.am-outline{background:#0d2418!important;border:1px solid #9eb8a6!important;color:#ffffff!important;}
#am-brakes-performance .am-performance .am-hero .am-eyebrow,#am-brakes-performance .am-performance .am-step small{color:#e4f1e6!important;}
#am-brakes-performance .am-performance .am-hero p{color:#ffffff!important;}
#am-brakes-performance .am-performance .am-hero .am-note{color:#e0eae1!important;font-size:14px;}
#am-brakes-performance .am-performance .am-bottom-cta{background:#08743b!important;color:#ffffff!important;}
#am-brakes-performance .am-performance .am-bottom-cta h2,#am-brakes-performance .am-performance .am-bottom-cta .am-eyebrow{color:#ffffff!important;}
#am-brakes-performance .am-performance .am-bottom-cta .am-button{background:#ffffff!important;color:#075b2f!important;border-color:#ffffff!important;}
#am-brakes-performance .am-performance .am-bottom-cta .am-button span{color:#075b2f!important;}
#am-brakes-performance .am-eyebrow{font-size:12px;letter-spacing:1.4px;}
#am-brakes-performance .am-banner-heading{color:#163d2a!important;font-size:12px;}
#am-brakes-performance .am-page .am-qualityline{font:700 16px/1.5 "DM Sans",Arial,sans-serif!important;margin:19px 0 0!important;max-width:100%!important;}
#am-brakes-performance .am-performance .am-qualityline{color:#ffffff!important;}
/* Brake-only header/footer palette; shared Exotic PPI styling stays separate. */
body.amsp-service-brakes{background:#080f0c!important;}
.amsp-service-brakes #am-service-page{background:#080f0c!important;}
.amsp-service-brakes #am-service-page>header{background:#080f0c!important;border-bottom:1px solid #314a3a;}
.amsp-service-brakes #am-service-page .ams-brand strong,.amsp-service-brakes #am-service-page .ams-brand small,.amsp-service-brakes #am-service-page .ams-navlinks>a{color:#ffffff!important;}
.amsp-service-brakes #am-service-page .ams-btn{background:#08743b!important;color:#ffffff!important;border-color:#08743b!important;}
.amsp-service-brakes #am-service-page .ams-btn span{color:#ffffff!important;}
.amsp-service-brakes #am-service-page .ams-mobile-action{background:#080f0cf5;}
#am-brakes-performance .am-page{width:100%;overflow:hidden;}
#am-brakes-performance .am-performance-faq{padding-top:35px;padding-bottom:40px;background:#101c15;color:#ffffff;}
#am-brakes-performance .am-performance-faq .am-eyebrow{color:#e4f1e6!important;}
#am-brakes-performance .am-performance-faq h2{color:#ffffff!important;margin:15px 0 24px;}
#am-brakes-performance .am-performance-faq details{border-top:1px solid #48624e;padding:18px 0;}
#am-brakes-performance .am-performance-faq summary{display:list-item;font:700 17px/1.5 'DM Sans',Arial,sans-serif;color:#ffffff!important;}
#am-brakes-performance .am-performance-faq details p{font:400 16px/1.7 'DM Sans',Arial,sans-serif;color:#dce8dd!important;margin-top:14px;}
#am-brakes-performance .am-brandbanner img{max-width:none;}
