/* Site styles: latest cascade retained; responsive rules stay in source order. */
:root { --orange: #b95634; --orange-2: #c96b45; --black: #0f0f0f; --charcoal: #1b1b1b; --gray: #6d6d6d; --light: #f7f7f7; --white: #fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #111; background: #fff; }
a { text-decoration: none; }
img { display: block; max-width: 100%; }
.container { max-width: 1360px!important; }
.topbar { height: 44px; background: #111; color: #fff; font-size: 11px; display: flex; align-items: center; }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; gap: 22px; height: 100%; }
.topbar-left, .topbar-right { display: flex; align-items: center; gap: 22px; }
.topbar a { color: #fff; }
.top-phone { display: flex; align-items: center; gap: 6px; padding-left: 16px; border-left: 1px solid rgba(255,255,255,.16); }
.top-phone small { opacity: .72; }
.top-phone strong { font-size: 17px; color: #ff5a24; }
.top-quote { height: 44px; padding: 0 16px; background: var(--orange); display: flex; align-items: center; gap: 10px; font-weight: 800; }
.top-quote i { font-size: 20px; font-style: normal; }
.main-header { height: 84px; background: #fff; display: flex; align-items: center; position: relative; z-index: 100; box-shadow: 0 1px 0 #eee; }
.navbar { height: 84px; padding: 0; }
.navbar-brand { display: flex; align-items: center; gap: 12px; color: #111; }
.navbar-nav { gap: 18px; }
.nav-link { font-size: 12px; font-weight: 800; color: #111!important; padding: 31px 3px!important; position: relative; }
.nav-link:after { content: ""; position: absolute; left: 0; bottom: 20px; width: 0; height: 2px; background: var(--orange); transition: .25s; }
.nav-link:hover:after, .nav-link.active:after { width: 100%; }
.logisfare-hero { height: calc(100vh - 128px); min-height: 690px; overflow: hidden; }
.hero-slider { position: relative; height: 100%; background: #111; overflow: hidden; }
.hero-slide { position: absolute; inset: 0; visibility: hidden; pointer-events: none; overflow: hidden; }
.hero-slide.active { visibility: visible; pointer-events: auto; z-index: 4; }
.hero-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg,rgba(10,10,10,.96),rgba(10,10,10,.72) 36%,rgba(10,10,10,.30) 68%,rgba(10,10,10,.12)); }
.hero-container { height: 100%; display: flex; align-items: center; position: relative; z-index: 10; padding-bottom: 138px; }
.hero-copy { width: min(760px,58%); color: #fff; }
.hero-kicker { display: block; color: var(--orange-2); font-size: 12px; letter-spacing: 1.4px; font-weight: 900; text-transform: uppercase; margin-bottom: 18px; }
.hero-title { display: block; font-size: clamp(54px,4.8vw,78px); font-weight: 900; line-height: .98; letter-spacing: -3px; margin-bottom: 24px; }
.hero-copy p { font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.78); max-width: 690px; margin-bottom: 28px; }
.hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.hero-call { display: grid; grid-template-columns: 54px auto; grid-template-rows: auto auto; column-gap: 12px; color: #fff; }
.hero-call>span { grid-row: 1/3; width: 54px; height: 54px; background: var(--orange); display: grid; place-items: center; border-radius: 3px; font-size: 23px; }
.hero-call small { font-size: 10px; opacity: .76; align-self: end; }
.hero-call strong { font-size: 25px; line-height: 1.1; }
.hero-btn { height: 54px; padding: 0 24px; background: var(--orange); color: #fff; display: inline-flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 900; }
.hero-btn:hover { background: #fff; color: #111; }
.hero-controls { position: absolute; right: 6%; top: 50%; transform: translateY(-50%); z-index: 40; display: flex; flex-direction: column; gap: 16px; }
.hero-arrow { width: 58px; height: 58px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .7); color: #111; display: grid; place-items: center; }
.hero-arrow:hover {background: rgba(218, 86, 25, 0.6); }
.hero-arrow span { width: 13px; height: 13px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.hero-arrow.next span { transform: rotate(45deg); }
.hero-arrow.prev span { transform: rotate(-135deg); }
.hero-benefits { position: absolute; z-index: 35; left: 50%; bottom: 26px; transform: translateX(-50%); width: min(1240px,calc(100% - 120px)); display: grid; grid-template-columns: repeat(3,1fr); background: rgba(13,13,13,.92); border: 1px solid rgba(255,255,255,.16); }
.benefit-item { min-height: 78px; padding: 14px 24px; display: grid; grid-template-columns: 42px 46px 1fr; align-items: center; color: #fff; }
.benefit-item+.benefit-item { border-left: 1px solid rgba(255,255,255,.16); }
.benefit-icon { font-size: 25px; color: #aaa; }
.benefit-item b { font-size: 29px; color: var(--orange-2); }
.benefit-item span { font-size: 13px; font-weight: 800; }
.benefit-item small { display: block; font-size: 12px; color: #aaa; margin-top: 4px; }
.hero-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; z-index: 50; background: rgba(255,255,255,.12); }
.hero-progress i { display: block; height: 100%; width: 0; background: var(--orange); }
.hero-progress i.running { animation: heroTimer 6.4s linear both; }
.hero-transition { position: absolute; inset: 0; z-index: 8; pointer-events: none; }
.transition-curtain { display: grid; grid-template-columns: repeat(5,1fr); }
.transition-curtain i { background: #171717; }
.active .transition-curtain i { animation: curtainUp .82s cubic-bezier(.77,0,.18,1) both; }
.active .transition-curtain i:nth-child(2) { animation-delay: .07s; }
.active .transition-curtain i:nth-child(3) { animation-delay: .14s; }
.active .transition-curtain i:nth-child(4) { animation-delay: .21s; }
.active .transition-curtain i:nth-child(5) { animation-delay: .28s; }
.transition-split i { position: absolute; left: 0; width: 100%; height: 50%; background: var(--orange); }
.transition-split i:first-child { top: 0; }
.transition-split i:last-child { bottom: 0; }
.active .transition-split i:first-child { animation: splitTop .92s cubic-bezier(.77,0,.18,1) both; }
.active .transition-split i:last-child { animation: splitBottom .92s cubic-bezier(.77,0,.18,1) both; }
.transition-tiles { display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(2,1fr); }
.transition-tiles i { background: #151515; }
.active .transition-tiles i { animation: tileReveal .72s cubic-bezier(.77,0,.18,1) both; }
.active .transition-tiles i:nth-child(2) { animation-delay: .06s; }
.active .transition-tiles i:nth-child(3) { animation-delay: .12s; }
.active .transition-tiles i:nth-child(4) { animation-delay: .18s; }
.active .transition-tiles i:nth-child(5) { animation-delay: .24s; }
.active .transition-tiles i:nth-child(6) { animation-delay: .30s; }
.active .transition-tiles i:nth-child(7) { animation-delay: .36s; }
.active .transition-tiles i:nth-child(8) { animation-delay: .42s; }
.hero-slide.active[data-transition="curtain"] .hero-bg { animation: bgPushRight 6.4s ease-out both; }
.hero-slide.active[data-transition="split"] .hero-bg { animation: bgPushLeft 6.4s ease-out both; }
.hero-slide.active[data-transition="tiles"] .hero-bg { animation: bgZoomOut 6.4s ease-out both; }
.hero-copy>* { opacity: 0; }
.hero-slide.active .hero-kicker { animation: heroTextUp .68s .48s both; }
.hero-slide.active .hero-title { animation: heroTextUp .78s .62s both; }
.hero-slide.active .hero-copy p { animation: heroTextUp .72s .78s both; }
.hero-slide.active .hero-actions { animation: heroTextUp .72s .94s both; }
@keyframes curtainUp {
  to { transform: translateY(-102%); }
}
@keyframes splitTop {
  to { transform: translateY(-102%); }
}
@keyframes splitBottom {
  to { transform: translateY(102%); }
}
@keyframes tileReveal {
  to { transform: scaleY(0); }
}
@keyframes bgPushRight {
  from { transform: scale(1.12) translateX(-2.5%); }
  to { transform: scale(1.035); }
}
@keyframes bgPushLeft {
  from { transform: scale(1.12) translateX(2.5%); }
  to { transform: scale(1.035); }
}
@keyframes bgZoomOut {
  from { transform: scale(1.16); }
  to { transform: scale(1.035); }
}
@keyframes heroTextUp {
  from { opacity: 0; transform: translateY(42px); }
  to { opacity: 1; transform: none; }
}
@keyframes heroTimer {
  from { width: 0; }
  to { width: 100%; }
}
.section-kicker { color: var(--orange); font-size: 12px; letter-spacing: 1.6px; font-weight: 900; margin-bottom: 14px; }
.why-strip { color: #fff; padding: 60px 0; }
.why-item { padding: 0 30px; text-align: center; border-left: 1px solid rgba(255,255,255,.16); }
.why-icon { color: var(--orange); font-size: 37px; margin-bottom: 16px; }
.why-item h3 { font-size: 15px; font-weight: 800; }
.why-item p { font-size: 13px; line-height: 1.7; color: #aaa; margin: 0; }
.accordion-item { border: 0; border-bottom: 1px solid #ddd; }
.accordion-button { padding: 22px 0; background: transparent!important; box-shadow: none!important; font-weight: 800; }
.accordion-button:not(.collapsed) { color: var(--orange)!important; }
.accordion-body { padding: 0 0 22px; color: #666; line-height: 1.75; }
.site-footer { padding: 70px 0; background: #0d0d0d; color: #fff; }
.site-footer h3 { font-size: 13px; }
.site-footer a { display: block; color: #aaa; margin: 8px 0; }
.site-footer p { font-size: 13px; color: #888; line-height: 1.7; }
.back-to-top { position: fixed; right: 22px; bottom: 50px; width: 46px; height: 46px; background: var(--orange); z-index: 9999; display: grid!important; place-items: center; opacity: 1!important; visibility: visible!important; }
.back-to-top span { width: 10px; height: 10px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg) translate(2px,2px); }
@media(max-width:1100px) {
  .topbar-left a:first-child { display: none; }
}
@media(max-width:991px) {
  .topbar { display: none; }
  .main-header, .navbar { height: auto; min-height: 76px; }
  .navbar-collapse { padding: 15px 0; }
  .nav-link { padding: 10px 0!important; }
  .logisfare-hero { height: calc(100svh - 76px); min-height: 720px; }
  .hero-copy { width: 76%; }
  .hero-container { padding-bottom: 170px; }
  .hero-benefits { width: calc(100% - 50px); }
  .why-item { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); padding: 25px; }
}
@media(max-width:767px) {
  .hero-copy { width: 100%; padding-right: 55px; }
  .hero-title { font-size: 42px; }
  .hero-copy p { font-size: 13px; }
  .hero-benefits { grid-template-columns: 1fr; bottom: 16px; }
  .benefit-item { min-height: 48px; padding: 7px 12px; }
  .benefit-item+.benefit-item { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .benefit-icon { font-size: 18px; }
  .benefit-item b { font-size: 22px; }
}
.restored-layout { position: relative; }
.restored-layout .eyebrow { color: var(--orange); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.7px; margin-bottom: 16px; }
.restored-layout h2 { font-size: clamp(36px,4vw,58px); line-height: 1.02; letter-spacing: -2.4px; font-weight: 900; margin: 0 0 28px; }
.restored-layout h2:after { content: ""; display: block; width: 56px; height: 3px; margin-top: 20px; background: var(--orange); }
.restored-layout p { font-size: 15px; line-height: 1.8; color: #666; }
.service-index { padding: 95px 0; color: #fff; }
.service-index h2 { color: #fff; }
.service-index p { color: #9c9c9c; }
.service-rail { border-top: 1px solid rgba(255,255,255,.13); }
.service-rail a { min-height: 84px; display: grid; grid-template-columns: 75px 1fr 1fr; align-items: center; color: #fff; border-bottom: 1px solid rgba(255,255,255,.13); transition: .25s; }
.service-rail a:hover { padding-left: 15px; background: #1d1d1d; }
.service-rail b { font-size: 12px; color: var(--orange); }
.service-rail span { font-size: 15px; font-weight: 900; }
.service-rail i { font-size: 10px; font-style: normal; color: #8e8e8e; }
.feature-dark { padding: 0; background: #111; color: #fff; }
.feature-visual { min-height: 720px; background-size: cover; background-position: center; position: relative; }
.feature-visual:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(17,17,17,.90)); }
.feature-visual span { position: absolute; left: 44px; bottom: 35px; color: #fff; z-index: 2; font-size: 10px; letter-spacing: 1.5px; font-weight: 900; }
.feature-copy { padding: 85px 7vw; background: #111; }
.feature-copy h2 { color: #fff; }
.feature-copy p { color: #b0b0b0; }
.detail-lines { margin-top: 30px; border-top: 1px solid rgba(255,255,255,.15); }
.detail-lines>div { padding: 21px 0; border-bottom: 1px solid rgba(255,255,255,.15); font-size: 12px; line-height: 1.7; color: #c4c4c4; }
.detail-lines b { color: #fff; }
.diagonal-feature { padding: 100px 0; background: #fff; overflow: hidden; }
.rail-recovery { padding: 90px 0; background: #242424; color: #fff; overflow: hidden; }
/* .rail-recovery:before { content: "03"; position: absolute; left: 2vw; top: 20px; color: rgba(255,255,255,.035); font-size: 150px; font-weight: 900; } */
.rail-grid { display: grid; grid-template-columns: 1fr 1.18fr; gap: 70px; }
.rail-title h2 { color: #fff; }
.rail-copy p { color: #bdbdbd; }
.rail-cta { grid-column: 1/-1; border-top: 1px solid rgba(255,255,255,.16); padding-top: 25px; display: flex; justify-content: space-between; align-items: center; }
.rail-cta span { font-size: 13px; font-weight: 900; }
.rail-cta a { background: var(--orange); color: #fff; padding: 14px 20px; font-size: 14px; font-weight: 900; }
.upgrade-showcase { padding: 100px 0; background: #f3f3f3; }
.upgrade-frame { display: grid; grid-template-columns: 1.08fr .92fr; background: #fff; box-shadow: 0 28px 70px rgba(17,17,17,.08); }
.upgrade-photo img { width: 100%; height: 100%; min-height: 590px; object-fit: cover; }
.upgrade-copy { padding: 65px; border-left: 5px solid var(--orange); }
#upgrade .upgrade-copy { align-content: center; }
.local-climate { padding: 75px 0; background: #fff; }
.climate-points { display: grid; grid-template-columns: 1fr 1fr; }
.climate-points span { position: relative; padding: 18px 16px 18px 30px; border-bottom: 1px solid #e2e2e2; font-size: 11px; font-weight: 900; }
.climate-points span:before { content: ""; position: absolute; left: 12px; top: 24px; width: 7px; height: 7px; background: var(--orange); }
.faq-editorial { padding: 95px 0; background: #f6f6f6; }
.faq-intro { position: sticky; top: 25px; align-self: flex-start; }
.faq-editorial .accordion-item { border: 0; border-bottom: 1px solid #d8d8d8; background: transparent; }
.faq-editorial .accordion-button { background: transparent!important; box-shadow: none!important; padding: 23px 0; font-size: 13px; font-weight: 900; color: #111!important; }
.faq-editorial .accordion-button:not(.collapsed) { color: var(--orange)!important; }
.faq-editorial .accordion-body { padding: 0 0 24px; color: #666; font-size: 12px; line-height: 1.75; }
.service-area { padding: 90px 0; background: #111; color: #fff; }
.service-area h2 { color: #fff; }
.area-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; }
.area-list { display: flex; flex-wrap: wrap; align-content: center; gap: 10px; }
.area-list span { border: 1px solid rgba(255,255,255,.20); padding: 11px 14px; font-size: 10px; }
.area-list span:hover { background: var(--orange); border-color: var(--orange); }
.area-grid address { grid-column: 1/-1; border-top: 1px solid rgba(255,255,255,.13); padding-top: 24px; color: #aaa; font-size: 11px; }
.contact-panel { padding: 95px 0; background: #fff; }
.contact-shell { box-shadow: 0 30px 80px rgba(17,17,17,.11); }
.contact-info { background: #171717; color: #fff; padding: 58px; }
.contact-info h2 { color: #fff; }
.contact-info a { display: block; color: #ddd; margin: 9px 0; font-size: 11px; }
.contact-info .contact-phone { font-size: 30px; font-weight: 900; color: #fff; margin: 24px 0; }
.contact-info p { color: #999; font-size: 12px; }
.contact-form-wrap { padding: 58px; background: #f4f4f4; }
.contact-form-wrap label { display: block; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
form .subject{display:none}
.contact-form-wrap .form-control, .contact-form-wrap .form-select { border: 0; border-bottom: 1px solid #bdbdbd; border-radius: 0; background: transparent; padding: 12px 0; box-shadow: none; }
.submit-btn { border: 0; background: var(--orange); color: #fff; padding: 15px 20px; font-size: 14px; font-weight: 900; }
.final-cta { padding: 58px 0; background: var(--orange); color: #fff; }
.final-cta span { font-size: 9px; letter-spacing: 1.5px; }
.final-cta h2 { font-size: clamp(34px,4vw,52px); margin: 8px 0 0; max-width: 760px; }
.final-cta a { background: #111; color: #fff; padding: 16px 22px; font-size: 11px; font-weight: 900; }
.final-cta i { font-size: 20px; margin-left: 14px; font-style: normal; }
.restored-footer { color: #fff; }
.restored-footer a { display: block; color: #aaa; margin: 8px 0; }
.restored-footer p { color: #888; }
.footer-bottom { color: #777; font-size: 14px; }
@media(max-width:991px) {
  .rail-grid, .upgrade-frame, .area-grid { grid-template-columns: 1fr; }
  .rail-cta, .area-grid address { grid-column: auto; }
  .feature-visual { min-height: 460px; }
  .feature-copy { padding: 60px 8vw; }
  .faq-intro { position: static; }
}
@media(max-width:767px) {
  .diagonal-feature, .rail-recovery, .upgrade-showcase, .faq-editorial, .service-area, .contact-panel { padding: 72px 0; }
  .rail-recovery:before { display: none; }
  .service-rail a { grid-template-columns: 50px 1fr; }
  .service-rail i { grid-column: 2; }
  .upgrade-copy { padding: 38px 28px; border-left: 0; border-top: 5px solid var(--orange); }
  .climate-points { grid-template-columns: 1fr; }
  .rail-cta { align-items: flex-start; flex-direction: column; gap: 18px; }
  .contact-info, .contact-form-wrap { padding: 38px 28px; }
  .footer-bottom { flex-direction: column; }
}
.services-dropdown .dropdown-item { white-space: normal; }
.navbar .dropdown-toggle::after { margin-left: 6px; vertical-align: 2px; }
.offers-showcase-ref { position: relative; overflow: hidden; isolation: isolate; }
.offers-showcase-ref .container { position: relative; z-index: 3; }
.offers-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 70px; align-items: center; }
.offers-intro { padding-left: 20px; }
.offers-kicker { display: flex; align-items: center; gap: 6px; color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; }
.offers-kicker i { width: 10px; height: 2px; background: var(--orange); display: inline-block; }
.offers-intro h2 { margin: 0; font-size: clamp(42px,4vw,58px); line-height: 1; letter-spacing: -2.4px; font-weight: 900; color: #151515; }
.offers-intro p { max-width: 290px; margin: 25px 0 28px; font-size: 14px; line-height: 1.65; color: #7c7c7c; }
.offers-nav { display: flex; align-items: center; gap: 14px; }
.offers-nav button { width: 38px; height: 38px; border: 0; border-radius: 6px; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.06); display: grid; place-items: center; cursor: pointer; color: #111; transition: .2s; }
.offers-nav button:hover { background: var(--orange); color: #fff; }
.offers-nav button span { width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.offers-nav strong { font-size: 13px; color: #161616; }
.offers-nav strong em { color: var(--orange); font-style: normal; }
.offers-cards-window { min-width: 0; }
.offers-cards-track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.offer-card { min-width: 0; transition: transform .28s ease,box-shadow .28s ease; }
.offer-card h3 { margin: 8px 0 10px; font-size: 19px; line-height: 1.15; font-weight: 900; color: #171717; }
.offer-card p { min-height: 58px; margin: 0 0 13px; color: #7d7d7d; font-size: 13px; line-height: 1.55; }
.offer-card a { color: #666; font-size: 11px; font-weight: 700; }
.offer-card a i { margin-left: 7px; color: var(--orange); font-style: normal; }
.more-offers-row { display: flex; justify-content: center; }
.more-offers-btn { min-width: 200px; height: 50px; border: 1px solid var(--orange); color: var(--orange); background: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 0 20px; font-size: 14px; font-weight: 900; letter-spacing: .35px; transition: .25s; }
.more-offers-btn:hover { background: var(--orange); color: #fff; }
.more-offers-btn i { font-size: 18px; font-style: normal; }
@media(max-width:1100px) {
  .offers-layout { grid-template-columns: 270px minmax(0,1fr); gap: 42px; }
  .offer-card h3 { font-size: 17px; }
}
@media(max-width:991px) {
  .offers-layout { grid-template-columns: 1fr; }
  .offers-intro { max-width: 650px; padding-left: 0; }
  .offers-intro p { max-width: 570px; }
}
@media(max-width:767px) {
  .offers-cards-track { grid-template-columns: 1fr; }
  .offer-card p { min-height: 0; }
}
.offers-showcase-ref { padding: 88px 0 0; min-height: 610px; background: #f7f7f7; }
.offers-layout { padding-bottom: 76px; }
.offers-cards-track { align-items: stretch; }
.offer-card { background: transparent; box-shadow: none; overflow: visible; transform: none; }
.offer-card:hover { transform: none; box-shadow: none; }
.coupon-ticket { position: relative; height: 100%; min-height: 315px; background: #fff; color: #111; border: 1px dashed #444; transition: background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease; }
.coupon-inner { height: 100%; min-height: 315px; padding: 48px 28px 34px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.coupon-ticket strong { display: block; color: var(--orange); font-size: 42px; line-height: 1; letter-spacing: -1.5px; font-weight: 900; transition: color .28s ease; }
.coupon-ticket h3 { margin: 18px 0 26px; max-width: 230px; font-size: 21px; line-height: 1.3; font-weight: 900; color: inherit; }
.coupon-ticket a { min-width: 170px; height: 48px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; background: var(--orange); color: #fff; font-size: 14px; font-weight: 900; border: 1px solid var(--orange); transition: background .28s ease,color .28s ease,border-color .28s ease; }
.coupon-ticket a i { font-style: normal; font-size: 16px; }
.featured-offer .coupon-ticket { background: var(--orange); color: #fff; border-color: #fff; outline: 5px solid var(--orange); outline-offset: -1px; }
.featured-offer .coupon-ticket:after { content: ""; position: absolute; inset: 8px; border: 1px dashed rgba(255,255,255,.8); pointer-events: none; }
.featured-offer .coupon-ticket strong { color: #fff; }
.featured-offer .coupon-ticket a { background: #fff; color: var(--orange); border-color: #fff; }
.offer-card:not(.featured-offer):hover .coupon-ticket { background: var(--orange); color: #fff; border-color: #fff; transform: translateY(-5px); }
.offer-card:not(.featured-offer):hover .coupon-ticket strong { color: #fff; }
.offer-card:not(.featured-offer):hover .coupon-ticket a { background: #fff; color: var(--orange); border-color: #fff; }
.featured-offer:hover .coupon-ticket { background: #fff; color: #111; border-color: #444; outline-color: transparent; transform: translateY(-5px); }
.featured-offer:hover .coupon-ticket:after { opacity: 0; }
.featured-offer:hover .coupon-ticket strong { color: var(--orange); }
.featured-offer:hover .coupon-ticket a { background: var(--orange); color: #fff; border-color: var(--orange); }
.more-offers-row { padding-top: 28px; }
@media(max-width:991px) {
  .offers-showcase-ref { padding-top: 72px; }
  .offers-layout { padding-bottom: 65px; }
}
@media(max-width:767px) {
  .coupon-ticket, .coupon-inner { min-height: 270px; }
  .coupon-ticket strong { font-size: 36px; }
  .coupon-ticket h3 { font-size: 19px; }
}
.offers-fixed { position: relative; overflow: hidden; background: #f7f7f7; padding: 88px 0 0; min-height: 610px; isolation: isolate; }
.offers-fixed .container { position: relative; z-index: 2; }
.offers-fixed .offers-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 70px; align-items: center; padding-bottom: 78px; }
.offers-fixed .offers-cards-track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; align-items: stretch; }
.offers-fixed .offer-card { background: transparent; box-shadow: none; min-width: 0; padding: 0; }
.offers-fixed .coupon-ticket { position: relative; height: 100%; border: 1px dashed #444; background: #fff; color: #111; transition: background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease; }
.offers-fixed .coupon-inner { height: 100%; padding: 50px 28px 34px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.offers-fixed .coupon-notch { position: absolute; transform: translateY(-50%); }
.offers-fixed .coupon-ticket strong { color: var(--orange); font-size: 42px; line-height: 1; font-weight: 900; letter-spacing: -1.5px; transition: color .28s ease; }
.offers-fixed .coupon-ticket h3 { margin: 18px 0 28px; max-width: 230px; font-size: 21px; line-height: 1.3; font-weight: 900; color: inherit; }
.offers-fixed .coupon-ticket a { min-width: 170px; height: 48px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; background: var(--orange); color: #fff; border: 1px solid var(--orange); font-size: 14px; font-weight: 900; transition: .28s ease; }
.offers-fixed .coupon-ticket a i { font-style: normal; font-size: 16px; }
.offers-fixed .featured-offer .coupon-ticket { background: var(--orange); color: #fff; border-color: #fff; outline: 5px solid var(--orange); outline-offset: -1px; }
.offers-fixed .featured-offer .coupon-ticket:after { content: ""; position: absolute; inset: 8px; border: 1px dashed rgba(255,255,255,.82); pointer-events: none; }
.offers-fixed .featured-offer .coupon-ticket strong { color: #fff; }
.offers-fixed .featured-offer .coupon-ticket a { background: #fff; color: var(--orange); border-color: #fff; }
.offers-fixed .offer-card:not(.featured-offer):hover .coupon-ticket { background:  #111; color: #fff; border-color: #fff; transform: translateY(-6px); }
.offers-fixed .offer-card:not(.featured-offer):hover .coupon-ticket strong { color: #fff; }
.offers-fixed .offer-card:not(.featured-offer):hover .coupon-ticket a { background: #fff; color: var(--orange); border-color: #fff; }
.offers-fixed .featured-offer:hover .coupon-ticket { background: #fff; color: #111; border-color: #444; outline-color: transparent; transform: translateY(-6px); }
.offers-fixed .featured-offer:hover .coupon-ticket:after { opacity: 0; }
.offers-fixed .featured-offer:hover .coupon-ticket strong { color: var(--orange); }
.offers-fixed .featured-offer:hover .coupon-ticket a { background: var(--orange); color: #fff; border-color: var(--orange); }
@media(max-width:991px) {
  .offers-fixed .offers-layout { grid-template-columns: 1fr; gap: 42px; padding-bottom: 65px; }
}
@media(max-width:767px) {
  .offers-fixed .offers-cards-track { grid-template-columns: 1fr; }
}
#about .row { --bs-gutter-x: 5.4rem; }
.offers-fixed .coupon-notch { background: #f7f7f7; }
.offers-fixed .featured-offer .coupon-ticket { overflow: visible; }
.offers-fixed .featured-offer .coupon-notch { width: 25px; height: 50px; top: 50%; z-index: 20; }
.offers-fixed .featured-offer .notch-left { left: -5px; border-radius: 0 25px 25px 0; }
.offers-fixed .featured-offer .notch-right { right: -5px; border-radius: 25px 0 0 25px; }
@media(max-width:1199px) {
  #about .row { --bs-gutter-x: 3.5rem; }
}
#about .row { --bs-gutter-x: 4.6rem; align-items: center!important; }
#about .col-lg-5 { width: 51%; }
#about .col-lg-7 { width: 49%; }
.offers-fixed .coupon-percent { position: absolute; left: 50%; transform: translateX(-50%); display: grid; place-items: center; z-index: 25; transition: background .28s ease,color .28s ease,border-color .28s ease; }
.offers-fixed .offer-card:not(.featured-offer):hover .coupon-notch { background: #f7f7f7; }
.offers-fixed .coupon-ticket, .offers-fixed .coupon-inner { min-height: 320px; }
@media(max-width:1199px) {
  #about .col-lg-5 { width: 49%; }
  #about .col-lg-7 { width: 51%; }
  #about .row { --bs-gutter-x: 3.2rem; }
}
@media(max-width:991px) {
  #about .col-lg-5, #about .col-lg-7 { width: 100%; }
}
.services-hover-dropdown { position: relative; }
.services-hover-dropdown:hover > .services-dropdown { display: block; opacity: 1; visibility: visible; transform: translateY(0); }
.services-dropdown { display: block; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .2s ease,transform .2s ease,visibility .2s ease; width: 310px; padding: 10px 0; border: 0; border-radius: 0; background: #fff; box-shadow: 0 18px 42px rgba(0,0,0,.14); margin-top: -8px!important; }
.services-dropdown .dropdown-item { position: relative; padding: 10px 18px; font-size: 12px; font-weight: 700; line-height: 1.25; color: #151515; background: #fff; transition: color .2s ease,background .2s ease,padding-left .2s ease; }
.services-dropdown .dropdown-item::after { content: ""; position: absolute; left: 18px; bottom: 5px; width: 0; height: 1px; background: var(--orange); transition: width .22s ease; }
.services-dropdown .dropdown-item:hover, .services-dropdown .dropdown-item:focus { color: var(--orange); background: #f7f7f7; padding-left: 22px; }
.services-dropdown .dropdown-item:hover::after, .services-dropdown .dropdown-item:focus::after { width: 42px; }
.offers-fixed .offer-card:not(.featured-offer) .coupon-notch, .offers-fixed .featured-offer .coupon-notch { background: #f7f7f7; }
.offers-fixed .coupon-notch { width: 24px; height: 48px; top: 50%; z-index: 30; }
.offers-fixed .notch-left { left: -1px; border-radius: 0 24px 24px 0; }
.offers-fixed .notch-right { right: -1px; border-radius: 24px 0 0 24px; }
.offers-fixed .coupon-percent { top: -30px; width: 64px; height: 64px; border-radius: 50%; background: #2b2b2b; border: 6px solid #f7f7f7; color: #fff; font-size: 29px; font-weight: 900; line-height: 1; box-shadow: 0 8px 18px rgba(0,0,0,.14),
    inset 0 -4px 0 rgba(255,255,255,.06); }
.offers-fixed .featured-offer .coupon-percent { background: #fff; color: var(--orange); border-color: var(--orange); box-shadow: 0 8px 18px rgba(0,0,0,.12),
    inset 0 -4px 0 rgba(216,74,27,.08); }
.offers-fixed .offer-card:not(.featured-offer):hover .coupon-percent { background: #fff; color: var(--orange); border-color: var(--orange); }
.offers-fixed .featured-offer:hover .coupon-percent { background: #2b2b2b; color: #fff; border-color: #f7f7f7; }
.offers-nav.offers-percent-mark { display: flex; align-items: center; justify-content: flex-start; margin-top: 28px; }
.percent-3d { display: inline-flex; align-items: center; justify-content: center; width: 84px; height: 84px; border-radius: 50%; background: linear-gradient(145deg,#c96b45,#c43e13); color: #fff; font-size: 42px; font-weight: 900; line-height: 1; transform: rotate(-8deg); box-shadow: 0 12px 0 #8f2a0b,
    0 18px 28px rgba(0,0,0,.18),
    inset 0 3px 6px rgba(255,255,255,.24),
    inset 0 -6px 10px rgba(0,0,0,.12); text-shadow: 0 2px 0 rgba(0,0,0,.18),
    0 4px 8px rgba(0,0,0,.12); user-select: none; }
@media(max-width:991px) {
  .main-header .navbar-collapse { width: 100%; }
  .services-dropdown { position: static!important; display: none; opacity: 1; visibility: visible; transform: none; width: 100%; margin-top: 0!important; box-shadow: none; border-top: 1px solid #eee; }
  .services-hover-dropdown:hover > .services-dropdown { display: block; }
}
@media(max-width:767px) {
  .offers-fixed .coupon-percent { width: 56px; height: 56px; top: -26px; font-size: 25px; }
  .percent-3d { width: 70px; height: 70px; font-size: 34px; box-shadow: 0 9px 0 #8f2a0b,
      0 14px 22px rgba(0,0,0,.16),
      inset 0 3px 5px rgba(255,255,255,.22),
      inset 0 -5px 8px rgba(0,0,0,.12); }
}
.main-header .navbar { min-height: 84px; display: flex; align-items: center; justify-content: space-between; padding: 0; }
.main-header .navbar-brand { flex: 0 0 auto; margin-right: 34px; }
.main-header .navbar-collapse { flex-grow: 1; justify-content: flex-end; }
.main-header .navbar-nav { display: flex; align-items: center; gap: 24px; margin-left: auto!important; }
.main-header .nav-link { position: relative; color: #111!important; font-size: 12px; font-weight: 800; padding: 31px 0!important; white-space: nowrap; }
.main-header .nav-link::after { content: ""; position: absolute; left: 0; bottom: 20px; width: 0; height: 2px; background: var(--orange); transition: width .22s ease; }
.main-header .nav-link:hover::after, .main-header .nav-link.active::after, .main-header .services-hover-dropdown:hover > .nav-link::after { width: 100%; }
.main-header .services-hover-dropdown { position: relative; }
.main-header .services-dropdown { width: 310px; padding: 10px 0; margin: 0!important; border: 0; border-radius: 0; background: rgba(255,255,255,.94); box-shadow: 0 18px 40px rgba(0,0,0,.14); }
.main-header .services-dropdown .dropdown-item { position: relative; padding: 10px 18px; color: #151515; background: transparent; font-size: 12px; line-height: 1.25; font-weight: 700; white-space: normal; transition: color .2s ease, background .2s ease, padding-left .2s ease; }
.main-header .services-dropdown .dropdown-item::after { content: ""; position: absolute; left: 18px; bottom: 5px; width: 0; height: 1px; background: var(--orange); transition: width .2s ease; }
.main-header .services-dropdown .dropdown-item:hover, .main-header .services-dropdown .dropdown-item:focus { color: var(--orange); background: #f6f6f6; padding-left: 22px; }
.main-header .services-dropdown .dropdown-item:hover::after, .main-header .services-dropdown .dropdown-item:focus::after { width: 42px; }
.main-header .services-hover-dropdown > .nav-link { transition: color .2s ease, background .2s ease, text-indent .2s ease; }
.main-header .services-hover-dropdown:hover > .nav-link,
.main-header .services-hover-dropdown > .nav-link:focus,
.main-header .services-hover-dropdown > .nav-link.show { color: var(--orange)!important; background: #f6f6f6; text-indent: 4px; }
.main-header .services-hover-dropdown > .nav-link::after { border: 0; margin-left: 0; height: 1px; }
.main-header .services-hover-dropdown:hover > .nav-link::after,
.main-header .services-hover-dropdown > .nav-link:focus::after,
.main-header .services-hover-dropdown > .nav-link.show::after { width: 42px; }
@media (min-width:992px) {
  .main-header .services-hover-dropdown > .dropdown-menu { display: block; opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
  .main-header .services-hover-dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
}
.main-header .navbar-toggler { width: 46px; height: 42px; padding: 8px; border: 1px solid #ddd; border-radius: 0; background: #fff; box-shadow: none!important; display: none; flex-direction: column; justify-content: center; gap: 5px; }
.main-header .navbar-toggler-line { display: block; width: 100%; height: 2px; background: #111; }
.more-offers-btn .more-offers-percent { width: 28px; height: 28px; border-radius: 50%; background: var(--orange); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; font-weight: 900; box-shadow: inset 0 -2px 0 rgba(0,0,0,.12); }
.more-offers-btn:hover .more-offers-percent { background: #fff; color: var(--orange); }
@media (max-width:991.98px) {
  .main-header { height: auto!important; min-height: 76px; }
  .main-header .navbar { min-height: 76px; flex-wrap: wrap; }
  .main-header .navbar-toggler { display: flex; margin-left: auto; }
  .main-header .navbar-collapse { flex-basis: 100%; width: 100%; justify-content: flex-start; background: #fff; padding: 10px 0 18px; }
  .main-header .navbar-nav { width: 100%; display: block; margin: 0!important; }
  .main-header .nav-item { width: 100%; }
  .main-header .nav-link { width: 100%; padding: 12px 0!important; border-bottom: 1px solid #eee; }
  .main-header .nav-link::after { bottom: 0; }
  .main-header .services-hover-dropdown > .dropdown-menu { position: static!important; width: 100%; display: none; opacity: 1; visibility: visible; transform: none; pointer-events: auto; box-shadow: none; border-bottom: 1px solid #eee; padding: 4px 0 8px 14px; }
  .main-header .services-hover-dropdown > .dropdown-menu.show { display: block; }
  .main-header .services-dropdown .dropdown-item { padding: 9px 10px 9px 18px; font-size: 12px; }
}
.intro-ref-v15 { padding: 92px 0 105px; background: #fff; overflow: hidden; }
.intro-ref-v15 .container { max-width: 1280px!important; }
.intro-ref-row { min-height: 620px; }
.intro-ref-visual { position: relative; min-height: 620px; }
.intro-image-stage { position: relative; height: 620px; width: 100%; }
.intro-main-image { position: absolute; left: 3%; top: 0; width: 64%; height: 505px; overflow: hidden; border-radius: 5px; z-index: 2; opacity: 0; transform: translateY(28px); transition: .85s cubic-bezier(.22,.8,.25,1); }
.intro-main-image img, .intro-second-image img { width: 100%; height: 100%; object-fit: cover; }
.intro-second-image { position: absolute; right: 0; bottom: 8px; width: 48%; height: 350px; overflow: hidden; border-radius: 5px; box-shadow: 0 18px 42px rgba(0,0,0,.12); z-index: 4; opacity: 0; transform: translate(35px,25px); transition: .9s .12s cubic-bezier(.22,.8,.25,1); }
.intro-round-seal { position: absolute; left: -1%; bottom: 70px; width: 200px; height: 200px; border-radius: 50%; z-index: 6; background: #fff; border: 12px solid #fafafa; box-shadow: 0 15px 38px rgba(0,0,0,.09); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; opacity: 0; transform: scale(.82) rotate(-10deg); transition: .9s .22s cubic-bezier(.22,.8,.25,1); }
.intro-round-seal span { font-size: 9px; letter-spacing: 1.5px; font-weight: 900; color: var(--orange); margin-bottom: 7px; }
.intro-round-seal strong { font-size: 17px; line-height: 1.05; }
.intro-round-seal small { font-size: 9px; color: #777; margin-top: 7px; font-weight: 700; }
.intro-ref-copy { padding-left: 54px; }
.intro-ref-kicker { display: flex; align-items: center; gap: 7px; color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: 1.5px; margin-bottom: 15px; }
.intro-ref-kicker i { display: block; width: 11px; height: 2px; background: var(--orange); }
.intro-title-box { position: relative; max-width: 680px; }
.intro-title-triangle { position: absolute; left: 37%; top: -60px; width: 125px; height: 125px; clip-path: polygon(0 0,100% 50%,0 100%); background: #f2f2f2; z-index: 0; }
.intro-title-box h2 { position: relative; z-index: 1; margin: 0 0 26px; max-width: 670px; font-size: clamp(43px,4vw,61px); line-height: 1.02; letter-spacing: -2.5px; font-weight: 900; }
.intro-ref-copy>p { max-width: 690px; font-size: 14px; line-height: 1.75; color: #727272; margin-bottom: 12px; }
.intro-stat-row { display: flex; align-items: center; margin: 28px 0 27px; }
.intro-stat-row strong { font-size: 36px; line-height: 1; font-weight: 900; padding-right: 30px; border-right: 1px solid #ddd; }
.intro-stat-row span { padding-left: 30px; font-size: 17px; line-height: 1.22; font-weight: 800; }
.intro-ref-actions { display: flex; gap: 18px; flex-wrap: wrap; }
.intro-ref-actions a { min-height: 54px; padding: 0 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; background: var(--orange); color: #fff; transition: .25s; }
.intro-ref-actions a:hover { background: #111; transform: translateY(-3px); }
.intro-contact-row { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e2e2e2; display: flex; gap: 22px; flex-wrap: wrap; }
.intro-contact-row a { overflow-wrap: anywhere; min-width: 0; font-size: 14px; font-weight: 900; color: #111; }
.intro-contact-row a:hover { color: var(--orange); }
.intro-ref-v15.intro-in .intro-main-image, .intro-ref-v15.intro-in .intro-second-image { opacity: 1; transform: none; }
.intro-ref-v15.intro-in .intro-round-seal { opacity: 1; transform: scale(1) rotate(-6deg); }
.brands-ref-head { text-align: center; }
.brands-ref-head h2 { font-size: clamp(34px,3vw,48px); font-weight: 900; margin: 0; letter-spacing: -1.8px; }
.brands-ref-carousel { grid-template-columns: 44px 1fr 44px; gap: 16px; align-items: center; }
.brands-ref-track { transition: transform .4s ease; }
.brands-ref-arrow { width: 42px; height: 42px; border: 0; background: #111; color: #fff; place-items: center; }
.brands-ref-arrow:hover { background: var(--orange); }
.brands-ref-arrow span { width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.brands-ref-next span { transform: rotate(45deg); }
.brands-ref-prev span { transform: rotate(-135deg); }
@media(max-width:991px) {
  .intro-ref-visual { min-height: 590px; margin-bottom: 40px; }
  .intro-image-stage { height: 590px; max-width: 760px; margin: auto; }
  .intro-ref-copy { padding: 0; }
}
@media(max-width:767px) {
  .intro-ref-v15 { padding: 72px 0 82px; }
  .intro-ref-visual { min-height: 470px; }
  .intro-image-stage { height: 470px; }
  .intro-main-image { left: 0; width: 78%; height: 395px; }
  .intro-second-image { width: 54%; height: 255px; }
  .intro-round-seal { width: 145px; height: 145px; left: 0; bottom: 15px; }
  .intro-title-box h2 { font-size: 38px; }
  .intro-stat-row { align-items: flex-start; flex-direction: column; }
  .intro-stat-row strong { border-right: 0; border-bottom: 1px solid #ddd; padding: 0 0 13px; width: 100%; }
  .intro-stat-row span { padding: 13px 0 0; }
  .brands-ref-carousel { grid-template-columns: 36px 1fr 36px; }
}
.garage-types-section { background: #fff; overflow: hidden; }
.garage-types-section .container { max-width: 1360px!important; }
.garage-types-head { display: grid; grid-template-columns: 1.15fr .8fr auto; align-items: end; }
.garage-types-head h2 { margin: 0; max-width: 690px; font-weight: 900; }
.garage-types-head p { margin: 0; color: #6e6e6e; }
.garage-types-cta { border: 1px solid var(--orange); color: var(--orange); display: inline-flex; align-items: center; justify-content: center; gap: 18px; font-weight: 900; transition: .25s ease; }
.garage-types-cta:hover { background: var(--orange); color: #fff; }
.garage-types-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
.garage-type-card { position: relative; background: #181818; color: #fff; overflow: hidden; opacity: 0; transform: translateY(42px) scale(.97); transition: opacity .72s ease,
    transform .72s cubic-bezier(.22,.8,.25,1),
    box-shadow .35s ease; }
.garage-type-card:nth-child(1) { transition-delay: .0s; }
.garage-type-card:nth-child(2) { transition-delay: .3s; }
.garage-type-card:nth-child(3) { transition-delay: .6s; }
.garage-type-card:nth-child(4) { transition-delay: .9s; }
.garage-type-card:nth-child(5) { transition-delay: 1.2s; }
.garage-type-image { position: relative; height: 235px; overflow: hidden; }
.garage-type-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.22,.8,.25,1),filter .45s ease; }
.garage-type-index { position: absolute; left: 0; bottom: 0; width: 48px; height: 48px; background: var(--orange); color: #fff; display: grid; place-items: center; font-size: 11px; font-weight: 900; transition: width .35s ease,background .35s ease,color .35s ease; }
.garage-type-body { min-height: 165px; padding: 24px 20px 22px; position: relative; }
.garage-type-body h3 { margin: 0 0 11px; font-size: 18px; line-height: 1.2; font-weight: 900; }
.garage-type-body p { min-height: 56px; margin: 0 0 18px; color: #aaa; font-size: 12px; line-height: 1.65; transition: color .3s ease; }
.garage-type-body a { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; font-weight: 900; }
.garage-type-body a i { color: var(--orange); font-style: normal; font-size: 17px; transition: transform .3s ease; }
.garage-type-card:hover { transform: translateY(-12px); box-shadow: 0 24px 45px rgba(0,0,0,.16); }
.garage-type-card:hover .garage-type-image img { transform: scale(1.10); filter: saturate(1.08) contrast(1.03); }
.garage-type-card:hover .garage-type-index { width: 100%; background: var(--orange); justify-content: flex-start; padding-left: 18px; }
.garage-type-card:hover .garage-type-body { background: var(--orange); }
.garage-type-card:hover .garage-type-body p { color: rgba(255,255,255,.82); }
.garage-type-card:hover .garage-type-body a i { transform: translateX(6px); color: #fff; }
.garage-type-card::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 3px; background: var(--orange); z-index: 5; transition: left .45s ease; }
.garage-type-card:hover::before { left: 0; }
@media(max-width:1199px) {
  .garage-types-grid { grid-template-columns: repeat(3,1fr); }
}
@media(max-width:991px) {
  .garage-types-head { grid-template-columns: 1fr; }
  .garage-types-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:767px) {
  .garage-types-grid { grid-template-columns: 1fr; }
  .garage-type-card:nth-child(n) { transition-delay: 0s; }
  .garage-type-image { height: 270px; }
}
.garage-types-section .garage-type-card { opacity: 0; transform: translateY(54px) scale(.965); transition: opacity 1.05s ease,
    transform 1.05s cubic-bezier(.16,.78,.24,1),
    box-shadow .38s ease,
    background .38s ease; }
.garage-types-section .garage-type-card:nth-child(1) { transition-delay: 0s; }
.garage-types-section .garage-type-card:nth-child(2) { transition-delay: .3s; }
.garage-types-section .garage-type-card:nth-child(3) { transition-delay: .6s; }
.garage-types-section .garage-type-card:nth-child(4) { transition-delay: .9s; }
.garage-types-section .garage-type-card:nth-child(5) { transition-delay: 1.2s; }
.garage-types-section.types-visible .garage-type-card { opacity: 1; transform: translateY(0) scale(1); }
.garage-types-section.types-intro-done .garage-type-card { transition-delay: 0s!important; transition: transform .38s cubic-bezier(.22,.8,.25,1),
    box-shadow .38s ease,
    background .38s ease; }
.garage-types-section.types-intro-done .garage-type-card:hover { transform: translateY(-10px); box-shadow: 0 24px 48px rgba(0,0,0,.17); }
.garage-types-section .garage-type-image img { transition: transform .65s cubic-bezier(.22,.8,.25,1),
    filter .45s ease; }
.garage-types-section.types-intro-done .garage-type-card:hover .garage-type-image img { transform: scale(1.08); filter: saturate(1.05) contrast(1.03); }
.garage-types-section .garage-type-index { transition: width .36s ease,
    background .36s ease,
    color .36s ease,
    padding .36s ease; }
.garage-types-section.types-intro-done .garage-type-card:hover .garage-type-index { width: 100%; justify-content: flex-start; padding-left: 18px; background: var(--orange); color: #fff; }
.garage-types-section .garage-type-body { transition: background .36s ease,color .36s ease; }
.garage-types-section.types-intro-done .garage-type-card:hover .garage-type-body { background: var(--orange); }
.garage-types-section.types-intro-done .garage-type-card:hover .garage-type-body h3, .garage-types-section.types-intro-done .garage-type-card:hover .garage-type-body a { color: #fff; }
.garage-types-section.types-intro-done .garage-type-card:hover .garage-type-body p { color: rgba(255,255,255,.84); }
.garage-types-section.types-intro-done .garage-type-card:hover .garage-type-body a i { color: #fff; transform: translateX(6px); }
.garage-types-section .garage-type-card::before { transition: left .42s ease; }
.garage-types-section.types-intro-done .garage-type-card:hover::before { left: 0; }
@media(max-width:767px) {
  .garage-types-section .garage-type-card:nth-child(n) { transition-delay: 0s; }
}
.garage-types-grid-six { grid-template-columns: repeat(3,1fr); }
.garage-types-grid-six .garage-type-card { background: #181818; min-height: 100%; }
.garage-types-grid-six .garage-type-body { background: #181818; transition: background .42s cubic-bezier(.22,.8,.25,1),
    color .42s ease; }
.garage-types-grid-six .garage-type-body::before { content: ""; position: absolute; inset: 0; background: rgba(216,74,27,.72); transform: scaleX(0); transform-origin: left center; transition: transform .5s cubic-bezier(.22,.8,.25,1); z-index: 0; pointer-events: none; }
.garage-types-grid-six .garage-type-body > * { position: relative; z-index: 2; }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover { box-shadow: 0 24px 48px rgba(0,0,0,.18); }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-image img { transform: scale(1.08); filter: saturate(1.05) contrast(1.03); }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-body::before { transform: scaleX(1); }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-body { background: var(--orange); }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-body h3, .garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-body a { color: #fff; }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-body p { color: rgba(255,255,255,.86); }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-body a i { color: #fff; transform: translateX(6px); }
.garage-types-grid-six .garage-type-index { background: var(--orange); transition: width .5s cubic-bezier(.22,.8,.25,1),
    background .35s ease,
    padding .5s cubic-bezier(.22,.8,.25,1); }
.garage-types-grid-six .garage-type-index::after { content: ""; position: absolute; inset: 0; background: rgba(216,74,27,.70); z-index: -1; }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover .garage-type-index { width: 100%; justify-content: flex-start; padding-left: 18px; background: rgba(216,74,27,.75); }
.garage-types-grid-six .garage-type-card::before { background: rgba(216,74,27,.72); }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover::before { left: 0; }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover { background: var(--orange); }
@media(max-width:1199px) {
  .garage-types-grid-six { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:767px) {
  .garage-types-grid-six { grid-template-columns: 1fr; }
}
.garage-types-section { padding: 54px 0 58px; min-height: calc(100vh - 80px); display: flex; align-items: center; }
.garage-types-section .container { width: 100%; }
.garage-types-head { margin-bottom: 24px; gap: 34px; }
.garage-types-head h2 { font-size: clamp(34px,3.25vw,50px); line-height: 1; letter-spacing: -2px; }
.garage-types-head p { font-size: 12.5px; line-height: 1.6; max-width: 420px; }
.garage-types-cta { height: 46px; padding: 0 18px; font-size: 14px; }
.garage-types-grid-six { gap: 14px; }
.garage-types-grid-six .garage-type-image { height: 185px; }
.garage-types-grid-six .garage-type-body { min-height: 140px; padding: 18px 18px 16px; }
.garage-types-grid-six .garage-type-body h3 { font-size: 17px; line-height: 1.15; margin-bottom: 8px; }
.garage-types-grid-six .garage-type-body p { min-height: 42px; margin-bottom: 12px; font-size: 10.5px; line-height: 1.5; }
.garage-types-grid-six .garage-type-body a { font-size: 10px; }
.garage-types-grid-six .garage-type-index { width: 42px; height: 42px; font-size: 10px; }
.garage-types-section.types-intro-done .garage-types-grid-six .garage-type-card:hover { transform: translateY(-7px); }
.brands-ref-v15 { padding: 58px 0 62px; background: #f6f6f6; }
.brands-ref-head { margin-bottom: 28px; }
.brands-ref-window { -webkit-mask-image: linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%); }
.brands-ref-slide { padding: 16px; background: #fff; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; }
.brands-ref-slide img { max-width: 88%; max-height: 67px; object-fit: contain; }
@media(max-width:1199px) {
  .garage-types-section { min-height: auto; }
  .brands-ref-slide { flex-basis: 170px!important; }
}
@media(max-width:991px) {
  .garage-types-section { padding: 62px 0; }
  .garage-types-grid-six .garage-type-image { height: 205px; }
}
@media(max-width:767px) {
  .garage-types-section { min-height: auto; padding: 56px 0; }
  .garage-types-grid-six .garage-type-image { height: 245px; }
  .garage-types-grid-six .garage-type-body { min-height: 0; }
  .brands-ref-slide img { max-height: 58px; }
}
#opener.diagonal-feature { overflow: hidden; }
#opener .opener-visual-v20 { position: relative; width: 100%; min-height: 525px; padding: 28px 22px 38px 34px; }
#opener .opener-main-frame { position: absolute; right: 0; top: 28px; width: 85%; height: 440px; overflow: hidden; background: #e9e9e9; border: 8px solid #fff; box-shadow: 0 22px 45px rgba(0,0,0,.10); }
#opener .opener-main-frame img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.22,.8,.25,1); }
#opener .opener-detail-frame { position: absolute; left: 0; bottom: -60px; width: 50%; height: 250px; overflow: hidden; background: #fff; border: 8px solid #fff; box-shadow: 0 18px 38px rgba(0,0,0,.12); }
#opener .opener-detail-frame img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.22,.8,.25,1); }
#opener .opener-accent-v20 { position: absolute; left: 18%; top: 0; width: 6px; height: 135px; background: var(--orange); z-index: 2; opacity: 0; transform: scaleY(0); transform-origin: top; transition: opacity .45s .38s ease,
    transform .7s .38s cubic-bezier(.16,.78,.24,1); }
#opener .opener-number-v20 { position: absolute; right: 3%; top: -24px; z-index: 1; font-size: 120px; line-height: 1; font-weight: 900; color: rgba(17,17,17,.055); }
#opener.opener-visible .opener-main-frame { opacity: 1; transform: none; }
#opener.opener-visible .opener-accent-v20 { opacity: 1; transform: scaleY(1); }
#opener .opener-visual-v20:hover .opener-main-frame img { transform: scale(1.045); }
#opener .opener-visual-v20:hover .opener-detail-frame img { transform: scale(1.07); }
#opener .opener-visual-v20:hover .opener-detail-frame { box-shadow: 0 22px 48px rgba(0,0,0,.16); }
@media(max-width:991px) {
  #opener .opener-visual-v20 { max-width: 720px; min-height: 560px; margin: 25px auto 0; }
  #opener .opener-main-frame { width: 76%; height: 430px; }
  #opener .opener-detail-frame { width: 42%; height: 230px; }
}
@media(max-width:767px) {
  #opener .opener-visual-v20 { min-height: 460px; padding: 20px 0 25px; }
  #opener .opener-main-frame { right: 0; top: 30px; width: 88%; height: 340px; }
  #opener .opener-detail-frame { left: 0; bottom: 0; width: 48%; height: 185px; }
  #opener .opener-number-v20 { font-size: 82px; top: -8px; }
  #opener .opener-accent-v20 { left: 8%; height: 100px; }
}
.brands-ref-v15 { overflow: hidden; }
.brands-ref-carousel { display: block!important; position: relative; }
.brands-ref-arrow { display: none!important; }
.brands-ref-window { position: relative; overflow: hidden; padding: 10px 0 16px; -webkit-mask-image: linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image: linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%); }
.brands-ref-track { display: flex!important; width: max-content!important; gap: 16px; transform: none!important; animation: brandsMoveV21 26s linear infinite!important; will-change: transform; }
.brands-ref-window:hover .brands-ref-track { animation-play-state: paused!important; }
.brands-ref-slide { flex: 0 0 190px!important; width: 190px!important; height: 106px; transition: transform .32s cubic-bezier(.22,.8,.25,1),
    box-shadow .32s ease,
    border-color .32s ease; }
.brands-ref-slide img { transition: transform .32s cubic-bezier(.22,.8,.25,1); }
.brands-ref-slide:hover { transform: scale(1.06); box-shadow: 0 15px 32px rgba(0,0,0,.12); border-color: rgba(216,74,27,.4); z-index: 5; }
.brands-ref-slide:hover img { transform: scale(1.12); }
@keyframes brandsMoveV21 {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(-50% - 8px),0,0); }
}
#opener .opener-visual-v20 { isolation: isolate; }
#opener .opener-orange-panel-v21 { position: absolute; right: 10%; top: -15px; width: 38%; height: 80%; background: var(--orange); z-index: 0; opacity: 0; transform: scaleY(.15); transform-origin: bottom; transition: transform .9s cubic-bezier(.16,.78,.24,1),
    opacity .55s ease; }
#opener .opener-main-frame { z-index: 3; clip-path: inset(100% 0 0 0); opacity: 1; transform: none; transition: clip-path 1.05s .18s cubic-bezier(.16,.78,.24,1),
    box-shadow .35s ease; }
#opener .opener-detail-frame { z-index: 5; opacity: 0; transform: translateX(-52px) scale(.9); transition: opacity .82s .52s ease,
    transform .82s .52s cubic-bezier(.16,.78,.24,1),
    box-shadow .35s ease; }
#opener .opener-number-v20 { opacity: 0; transform: scale(.72); transform-origin: center; transition: opacity .6s .72s ease,
    transform .7s .72s cubic-bezier(.16,.78,.24,1); }
#opener .opener-accent-v20 { display: none!important; }
#opener.opener-visible .opener-orange-panel-v21 { opacity: 1; transform: scaleY(1); }
#opener.opener-visible .opener-main-frame { clip-path: inset(0 0 0 0); }
#opener.opener-visible .opener-detail-frame { opacity: 1; transform: none; }
#opener.opener-visible .opener-number-v20 { opacity: 1; transform: scale(1); }
#offtrack.rail-recovery { min-height: 610px; display: flex; align-items: center; padding-top: 70px; padding-bottom: 70px; }
#offtrack.rail-recovery .container { width: 100%; }
#offtrack .rail-grid { align-items: center; }
#offtrack.rail-recovery::before { font-size: 190px!important; line-height: .8; top: 50%!important; transform: translateY(-50%); left: 2vw!important; color: rgba(255,255,255,.045)!important; }
#offtrack .rail-title, #offtrack .rail-copy { align-self: center; }
#offtrack .rail-title h2 { margin-bottom: 0; }
#offtrack .rail-cta { margin-top: 18px; }
#offtrack .rail-cta a { padding: 16px 24px; font-size: 14px; min-width: 150px; text-align: center; }
@media(max-width:991px) {
  .brands-ref-slide { flex-basis: 170px!important; width: 170px!important; }
  #offtrack.rail-recovery { min-height: auto; }
  #offtrack.rail-recovery::before { font-size: 135px!important; top: 35px!important; transform: none; }
}
@media(max-width:767px) {
  .brands-ref-track { animation-duration: 22s!important; gap: 12px; }
  .brands-ref-slide { flex-basis: 145px!important; width: 145px!important; height: 92px; }
  #opener .opener-orange-panel-v21 { width: 45%; height: 70%; right: 5%; }
}
#faq.faq-editorial { display: flex; align-items: center; }
#faq.faq-editorial > .container { width: 100%; }
#areas.service-area { padding-top: 76px; padding-bottom: 76px; }
#areas .area-grid { margin-bottom: 34px; }
#areas .local-map-v22 { margin-top: 34px; width: 100%; height: 390px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: #1a1a1a; }
#areas .local-map-v22 iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(1) contrast(1.05) brightness(.9); }
@media(max-width:991px) {
  #areas .local-map-v22 { height: 340px; }
}
@media(max-width:767px) {
  #areas .local-map-v22 { height: 300px; }
}
#faq.faq-editorial { min-height: 650px; padding-top: 72px; padding-bottom: 72px; }
#faq .row { align-items: center; }
#faq .faq-intro { position: relative; }
#faq .faq-intro h2 { font-size: clamp(38px,3.4vw,52px)!important; line-height: 1.03!important; letter-spacing: -2px!important; max-width: 430px; margin-bottom: 18px; }
#faq .faq-intro p { font-size: 14px!important; line-height: 1.65!important; max-width: 420px; margin-bottom: 24px; }
#faq .faq-image-v23 { position: relative; width: 100%; max-width: 430px; height: 250px; overflow: hidden; background: #111; }
#faq .faq-image-v23 img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.8,.25,1); }
#faq .faq-image-v23 span { position: absolute; left: 0; bottom: 0; background: var(--orange); color: #fff; padding: 10px 14px; font-size: 9px; font-weight: 900; letter-spacing: 1px; }
#faq .faq-image-v23:hover img { transform: scale(1.06); }
#faq .accordion-button { font-size: 15px!important; line-height: 1.4; padding: 22px 0!important; }
#faq .accordion-body { font-size: 13px!important; line-height: 1.75!important; padding-bottom: 22px!important; }
#opener .opener-copy-v23 { position: relative; }
#opener .opener-text-step { opacity: 0; transform: translateX(-36px); filter: blur(2px); transition: opacity .7s ease,
    transform .8s cubic-bezier(.16,.78,.24,1),
    filter .7s ease; }
#opener .opener-text-step-1 { transition-delay: .12s; }
#opener .opener-text-step-2 { transition-delay: .28s; }
#opener .opener-text-step-3 { transition-delay: .48s; }
#opener .opener-text-step-4 { transition-delay: .68s; }
#opener.opener-visible .opener-text-step { opacity: 1; transform: none; filter: blur(0); }
#opener .opener-text-step-2 { position: relative; }
#opener .opener-text-step-2::after { content: ""; display: block; width: 0; height: 3px; margin-top: 18px; background: var(--orange); transition: width .65s .5s cubic-bezier(.16,.78,.24,1); }
#opener.opener-visible .opener-text-step-2::after { width: 48px; }
#opener .opener-text-step-2 h2 { margin-bottom: 0!important; }
#opener .opener-text-step-2 h2::after { content: none; }
#opener .opener-text-step-3 p, #opener .opener-text-step-4 p { margin-bottom: 14px; }
@media(max-width:991px) {
  #faq.faq-editorial { min-height: auto; }
  #faq .faq-image-v23 { margin-bottom: 30px; max-width: 520px; }
}
@media(max-width:767px) {
  #faq .faq-intro h2 { font-size: 36px!important; }
  #faq .faq-image-v23 { height: 190px; }
  #opener .opener-text-step { transform: translateY(25px); }
}
.why-strip { background: #232323!important; padding-top: 62px!important; padding-bottom: 62px!important; border-bottom: 1px solid rgba(255,255,255,.08); }
.why-strip .why-item { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 26px 30px!important; }
.why-strip .why-item h3 { font-size: 16px!important; line-height: 1.25!important; margin: 12px 0 8px!important; }
.why-strip .why-item p { font-size: 13px!important; line-height: 1.65!important; color: #c6c6c6!important; max-width: 220px; }
.why-strip .why-icon { width: 48px; height: 48px; border: 1px solid rgba(216,74,27,.65); border-radius: 50%; display: grid!important; place-items: center; margin: 0 auto 8px!important; color: var(--orange)!important; font-size: 20px!important; line-height: 1!important; background: rgba(216,74,27,.06); }
.service-index { background: #151515!important; padding-top: 78px!important; padding-bottom: 86px!important; }
.service-index .service-rail { background: #1c1c1c; border: 1px solid rgba(255,255,255,.08)!important; }
.service-index .service-rail a { min-height: 76px!important; padding: 0 24px!important; border-bottom: 1px solid rgba(255,255,255,.08)!important; }
.service-index .service-rail a:last-child { border-bottom: 0!important; }
.service-index .service-rail a:hover { background: #262626!important; padding-left: 30px!important; }
.service-index .service-rail b { font-size: 13px!important; color: var(--orange)!important; }
.service-index .service-rail span { font-size: 15px!important; line-height: 1.3!important; }
.service-index .service-rail i { font-size: 11px!important; line-height: 1.4!important; color: #a9a9a9!important; }
.why-strip + .service-index { border-top: 18px solid #f3f3f3; }
@media(max-width:991px) {
  .why-strip .why-item { min-height: 150px; }
}
#brands .brands-ref-window { overflow: hidden!important; mask-image: linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%); -webkit-mask-image: linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%); }
#brands .brands-ref-track { display: flex!important; width: max-content!important; gap: 16px!important; }
#brands .brands-ref-slide { flex: 0 0 190px!important; width: 190px!important; height: 106px!important; }
.reveal-section .reveal-item { opacity: 0; transform: translateY(34px); transition: opacity .78s var(--delay,0s) ease,
    transform .9s var(--delay,0s) cubic-bezier(.16,.78,.24,1); }
.reveal-section.is-visible .reveal-item { opacity: 1; transform: none; }
.why-strip.why-v25 { position: relative; overflow: hidden; padding: 96px 0!important; background: #202020!important; color: #fff; border: 0!important; isolation: isolate; }
.why-v25:before { content: ""; position: absolute; width: 420px; height: 420px; right: -140px; top: -210px; border: 1px solid rgba(216,74,27,.18); border-radius: 50%; box-shadow: 0 0 0 58px rgba(216,74,27,.025),0 0 0 116px rgba(216,74,27,.018); z-index: -1; }
.why-v25-gridline { position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to right,#000 0,transparent 70%); -webkit-mask-image: linear-gradient(to right,#000 0,transparent 70%); }
.why-v25-shell { display: grid; grid-template-columns: .82fr 2.18fr; gap: 58px; align-items: stretch; }
.why-v25-intro { position: relative; min-height: 370px; padding: 36px 38px 42px 0; border-right: 1px solid rgba(255,255,255,.13); }
.why-v25 .section-kicker { color: var(--orange)!important; font-size: 10px; letter-spacing: 1.8px; font-weight: 900; }
.why-v25-intro h2 { margin: 14px 0 24px; color: #fff!important; font-size: clamp(44px,4.25vw,68px)!important; line-height: .98!important; letter-spacing: -3px!important; }
.why-v25-intro h2:after { content: ""; display: block; width: 58px; height: 3px; margin-top: 24px; background: var(--orange); }
.why-v25-intro p { max-width: 330px; color: #aaa!important; font-size: 14px!important; line-height: 1.75!important; }
.why-v25-index { position: absolute; left: -8px; bottom: -12px; font-size: 118px; line-height: 1; font-weight: 900; letter-spacing: -7px; color: rgba(255,255,255,.035); user-select: none; }
.why-v25-cards { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.12); border-left: 1px solid rgba(255,255,255,.12); }
.why-v25 .why-item { position: relative; min-height: 190px!important; margin: 0!important; padding: 34px 32px 30px!important; border: 0!important; border-right: 1px solid rgba(255,255,255,.12)!important; border-bottom: 1px solid rgba(255,255,255,.12)!important; background: rgba(255,255,255,.018); text-align: left!important; transition: background .35s ease,
    transform .35s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease!important; }
.why-v25 .why-item:hover { background: #272727!important; transform: translateY(-5px); border-color: rgba(216,74,27,.55)!important; }
.why-v25 .why-icon { margin: 0 0 25px!important; border-radius: 0!important; display: grid!important; place-items: center; transition: transform .45s cubic-bezier(.2,.8,.2,1),background .35s ease!important; }
.why-v25 .why-icon svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
.why-v25 .why-card-no { position: absolute; right: 22px; top: 20px; color: #666; font-size: 10px; font-weight: 900; letter-spacing: 1px; }
.why-v25 .why-item h3 { color: #fff!important; font-size: 17px!important; line-height: 1.2!important; margin-bottom: 9px!important; }
.why-v25 .why-item p { max-width: 290px; color: #aaa!important; font-size: 13px!important; line-height: 1.65!important; }
.service-index.service-index-v25 { position: relative; overflow: hidden; padding: 100px 0!important; background: #111!important; border-top: 14px solid #f2f2f2!important; color: #fff; isolation: isolate; }
.service-index-v25:before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,var(--orange) 0 17%,transparent 17%); }
.service-index-v25-mark { position: absolute; right: -20px; top: 24px; color: rgba(255,255,255,.025); font-size: clamp(90px,12vw,190px); font-weight: 900; letter-spacing: -10px; line-height: .8; user-select: none; }
.service-index-v25-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.45fr; gap: 76px; align-items: start; }
.service-index-v25-head { position: sticky; top: 35px; padding-top: 10px; }
.service-index-v25-head h2 { color: #fff!important; font-size: clamp(44px,4.3vw,66px)!important; line-height: .98!important; letter-spacing: -3.2px!important; }
.service-index-v25-head p { max-width: 430px; color: #9e9e9e!important; font-size: 14px!important; line-height: 1.8!important; }
.service-index-v25-cta { display: inline-flex; align-items: center; gap: 18px; margin-top: 14px; padding: 14px 18px; border: 1px solid rgba(255,255,255,.18); color: #fff!important; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .8px; transition: background .3s ease,border-color .3s ease,color .3s ease; }
.service-index-v25-cta span { font-size: 18px; color: var(--orange); }
.service-index-v25-cta:hover { background: var(--orange); border-color: var(--orange); }
.service-index-v25-cta:hover span { color: #fff; }
.service-index-v25 .service-rail-v25 { display: block!important; background: transparent!important; border: 0!important; }
.service-index-v25 .service-rail-v25 a { position: relative; display: grid!important; grid-template-columns: 72px minmax(210px,1fr) minmax(180px,.75fr) 36px!important; gap: 20px; align-items: center; min-height: 112px!important; padding: 22px 8px 22px 0!important; border: 0!important; border-bottom: 1px solid rgba(255,255,255,.13)!important; background: transparent!important; overflow: hidden; color: #fff; }
.service-index-v25 .service-rail-v25 a:first-child { border-top: 1px solid rgba(255,255,255,.13)!important; }
.service-index-v25 .service-rail-v25 a:before { inset: 0; }
.service-index-v25 .service-rail-v25 a:hover:before { transform-origin: left; }
.service-index-v25 .service-rail-v25 b { color: var(--orange)!important; font-size: 26px!important; font-weight: 900; letter-spacing: -1px; }
.service-index-v25 .service-rail-v25 span { color: #fff!important; font-size: 18px!important; font-weight: 900; line-height: 1.25!important; }
.service-index-v25 .service-rail-v25 span small { display: block; margin-bottom: 6px; color: #777; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 1.2px; }
.service-index-v25 .service-rail-v25 i { color: #999!important; font-size: 14px!important; line-height: 1.5!important; font-style: normal!important; }
.service-index-v25 .service-rail-v25 em { color: var(--orange); font-size: 22px; font-style: normal; transform: translate(-6px,6px); }
.service-index-v25 .service-rail-v25 a:hover b, .service-index-v25 .service-rail-v25 a:hover em { color: #fff!important; }
.local-climate.local-climate-v25 { position: relative; overflow: hidden; padding: 150px 0!important; background: #fff!important; }
.local-climate-v25:before { content: "AWARENESS"; position: absolute; left: 0px; bottom: 0px; color: #f4f4f4; font-size: clamp(90px,14vw,210px); font-weight: 900; letter-spacing: -9px; line-height: .75; pointer-events: none; }
.climate-v25-shell { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.45fr; gap: 74px; align-items: start; }
.climate-v25-copy { padding: 12px 36px 32px 0; border-right: 1px solid #e5e5e5; }
.climate-v25-copy h2 { font-size: clamp(44px,4.1vw,64px)!important; line-height: .99!important; letter-spacing: -3px!important; }
.climate-v25-copy p { max-width: 430px; color: #666!important; font-size: 14px!important; line-height: 1.8!important; }
.climate-points-v25 { display: grid!important; grid-template-columns: repeat(2,1fr)!important; gap: 14px!important; }
.climate-points-v25 article { position: relative; min-height: 190px; padding: 30px 28px 26px; border: 1px solid #e4e4e4; background: #fafafa; overflow: hidden; transition: transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease; }
.climate-points-v25 article:after { content: ""; position: absolute; right: -28px; bottom: -28px; width: 95px; height: 95px; border: 18px solid rgba(216,74,27,.06); border-radius: 50%; }
.climate-points-v25 article:hover { transform: translateY(-6px); border-color: rgba(216,74,27,.45); background: #fff; }
.climate-points-v25 b { display: block; color: var(--orange); font-size: 11px; letter-spacing: 1.3px; margin-bottom: 28px; }
.climate-points-v25 span { display: block!important; padding: 0!important; border: 0!important; color: #111; font-size: 18px!important; font-weight: 900; line-height: 1.2; }
.climate-points-v25 span:before { display: none!important; }
.climate-points-v25 small { display: block; margin-top: 11px; max-width: 280px; color: #737373; font-size: 11px; line-height: 1.65; }
#faq.faq-editorial-v25 { position: relative; padding: 100px 0!important; background: #f3f3f3!important; min-height: 0!important; display: block!important; overflow: hidden; }
#faq.faq-editorial-v25:before { content: "?"; position: absolute; left: 4vw; top: -20px; color: rgba(17,17,17,.05); font-size: 450px; line-height: 1; font-weight: 900; }
#faq.faq-editorial-v25 .row { position: relative; z-index: 2; }
#faq.faq-editorial-v25 .faq-intro { padding-right: 28px; }
#faq.faq-editorial-v25 .faq-intro h2 { font-size:clamp(30px,2.6vw,50px)!important; line-height: 1.2!important; letter-spacing: -2.8px!important; }
#faq.faq-editorial-v25 .faq-image-v23 { margin-top: 28px; }
#faq.faq-editorial-v25 .faq-questions-col { display: flex; flex-direction: column; }
#faq .faq-questions-image { position: relative; width: 100%; height: 370px; margin-bottom: 22px; overflow: hidden; background: #ddd; }
#faq .faq-questions-image:before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(17,17,17,.72)); z-index: 1; pointer-events: none; }
#faq .faq-questions-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.16,.78,.24,1); }
#faq .faq-questions-image:hover img { transform: scale(1.035); }
#faq .faq-image-tag { position: absolute; left: 24px; right: 24px; bottom: 22px; z-index: 2; color: #fff; }
#faq .faq-image-tag span { display: block; margin-bottom: 4px; color: #ffb096; font-size: 12px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; }
#faq .faq-image-tag b { font-size: 17px; }
#faq.faq-editorial-v25 .accordion { padding: 0 24px; border: 1px solid #ddd; background: #fff; }
#faq.faq-editorial-v25 .accordion-item { border-color: #e5e5e5!important; }
#faq.faq-editorial-v25 .accordion-button { padding: 24px 0!important; font-size: 15px!important; }
#faq.faq-editorial-v25 .accordion-body { padding: 0 0 25px!important; max-width: 780px; color: #666!important; font-size: 14px!important; line-height: 1.8!important; }
@media(max-width:1199px) {
  .why-v25-shell { grid-template-columns: 1fr 2fr; gap: 38px; }
  .service-index-v25-layout { grid-template-columns: .9fr 1.4fr; gap: 45px; }
  .climate-v25-shell { gap: 45px; }
}
@media(max-width:991px) {
  .why-v25-shell, .service-index-v25-layout, .climate-v25-shell { grid-template-columns: 1fr; }
  .why-v25-intro { min-height: 0; padding-right: 0; padding-bottom: 28px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .why-v25-index { display: none; }
  .service-index-v25-head { position: static; }
  .climate-v25-copy { padding-right: 0; padding-bottom: 28px; border-right: 0; border-bottom: 1px solid #e4e4e4; }
  #faq.faq-editorial-v25 .faq-intro { padding-right: 0; }
  #faq .faq-questions-image { height: 360px; }
}
@media(max-width:767px) {
  .why-strip.why-v25, .service-index.service-index-v25, .local-climate.local-climate-v25, #faq.faq-editorial-v25 { padding: 72px 0!important; }
  #brands .brands-ref-track { gap: 12px!important; }
  #brands .brands-ref-slide { flex-basis: 145px!important; width: 145px!important; height: 92px!important; }
  .why-v25-cards, .climate-points-v25 { grid-template-columns: 1fr!important; }
  .why-v25 .why-item { min-height: 170px!important; }
  .service-index-v25 .service-rail-v25 a { grid-template-columns: 48px 1fr 30px!important; gap: 14px; min-height: 102px!important; }
  .service-index-v25 .service-rail-v25 i { display: none; }
  .service-index-v25 .service-rail-v25 em { grid-column: 3; }
  #faq .faq-questions-image { height: 250px; }
  #faq.faq-editorial-v25 .accordion { padding: 0 18px; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal-section .reveal-item { opacity: 1!important; transform: none!important; transition: none!important; }
}
#upgrade.upgrade-v26 { overflow: hidden; }
#upgrade.upgrade-v26 .upgrade-frame { position: relative; z-index: 1; }
#upgrade.upgrade-v26 .upgrade-photo-v26 { position: relative; z-index: 1; overflow: visible; }
#upgrade.upgrade-v26 .upgrade-photo-v26 img { position: relative; z-index: 2; display: block; }
#upgrade.upgrade-v26 .upgrade-orange-square-v26 { position: absolute; z-index: 0; width: 66%; height: 66%; left: -34px; top: -34px; background: var(--orange); opacity: .96; transform: translate3d(-22px,-22px,0) scale(.86) rotate(-3deg); transform-origin: center; transition: transform 1.05s cubic-bezier(.16,.78,.24,1),
    opacity .75s ease; box-shadow: 0 18px 42px rgba(216,74,27,.16); }
#upgrade.upgrade-v26.is-visible .upgrade-orange-square-v26 { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
#upgrade.upgrade-v26 .upgrade-photo-v26.reveal-item { opacity: 0; transform: translate3d(-46px,22px,0); transition: opacity .82s var(--delay,0s) ease,
    transform 1.05s var(--delay,0s) cubic-bezier(.16,.78,.24,1); }
#upgrade.upgrade-v26 .upgrade-copy-v26.reveal-item { opacity: 0; transform: translate3d(0,38px,0); transition: opacity .8s var(--delay,0s) ease,
    transform .95s var(--delay,0s) cubic-bezier(.16,.78,.24,1); }
#upgrade.upgrade-v26.is-visible .upgrade-photo-v26.reveal-item, #upgrade.upgrade-v26.is-visible .upgrade-copy-v26.reveal-item { opacity: 1; transform: none; }
.service-index-v25 .service-rail-v25 a { transition: background-color .34s ease,
    border-color .34s ease,
    transform .34s cubic-bezier(.2,.8,.2,1),
    padding .34s cubic-bezier(.2,.8,.2,1)!important; }
.service-index-v25 .service-rail-v25 a:before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; right: auto; background: var(--orange); transform: scaleY(.28); transform-origin: center; opacity: 0; transition: transform .34s cubic-bezier(.2,.8,.2,1),
    opacity .25s ease; z-index: 0; }
.service-index-v25 .service-rail-v25 a:after { content: ""; position: absolute; inset: 8px 0; background: linear-gradient(90deg,rgba(216,74,27,.12),rgba(216,74,27,.035) 45%,rgba(255,255,255,.018)); opacity: 0; transition: opacity .34s ease; z-index: 0; pointer-events: none; }
.service-index-v25 .service-rail-v25 a > * { position: relative; z-index: 1; }
.service-index-v25 .service-rail-v25 a:hover { padding-left: 14px!important; transform: translateX(4px); background: rgba(255,255,255,.025)!important; border-color: rgba(216,74,27,.32)!important; }
.service-index-v25 .service-rail-v25 a:hover:before { transform: scaleY(1); opacity: 1; }
.service-index-v25 .service-rail-v25 a:hover:after { opacity: 1; }
.service-index-v25 .service-rail-v25 a:hover b { color: var(--orange)!important; }
.service-index-v25 .service-rail-v25 a:hover span small { color: #a8a8a8!important; }
.service-index-v25 .service-rail-v25 a:hover i { color: #c7c7c7!important; }
.service-index-v25 .service-rail-v25 a:hover em { color: var(--orange)!important; transform: translate(0,0) rotate(0deg); }
.service-index-v25 .service-rail-v25 span, .service-index-v25 .service-rail-v25 b, .service-index-v25 .service-rail-v25 i, .service-index-v25 .service-rail-v25 em, .service-index-v25 .service-rail-v25 span small { transition: color .28s ease,transform .3s ease!important; }
@media(max-width:991px) {
  #upgrade.upgrade-v26 .upgrade-orange-square-v26 { width: 64%; height: 64%; left: -18px; top: -24px; }
}
@media(max-width:767px) {
  #upgrade.upgrade-v26 { overflow: hidden; }
  #upgrade.upgrade-v26 .upgrade-orange-square-v26 { width: 58%; height: 58%; left: -8px; top: -14px; }
  .service-index-v25 .service-rail-v25 a:hover { transform: none; padding-left: 10px!important; }
}
@media(prefers-reduced-motion:reduce) {
  #upgrade.upgrade-v26 .upgrade-orange-square-v26, #upgrade.upgrade-v26 .upgrade-photo-v26.reveal-item, #upgrade.upgrade-v26 .upgrade-copy-v26.reveal-item, .service-index-v25 .service-rail-v25 a, .service-index-v25 .service-rail-v25 a:before, .service-index-v25 .service-rail-v25 a:after { transition: none!important; transform: none!important; }
  #upgrade.upgrade-v26 .upgrade-photo-v26.reveal-item, #upgrade.upgrade-v26 .upgrade-copy-v26.reveal-item { opacity: 1!important; }
}
body, button, input, select, textarea { font-family: "Segoe UI Variable Text","Segoe UI","Helvetica Neue",Arial,sans-serif!important; }
body .container h2, body #faq h2, body #offtrack h2, body #opener h2, body #spring h2, body #upgrade h2, body #areas h2, body #contact h2 { font-family: "Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,sans-serif!important; font-size: clamp(30px,2.6vw,42px)!important; line-height: 1.08!important; letter-spacing: -1.15px!important; font-weight: 800!important; }
body .container h3, body #faq h3, body #offtrack h3, body #opener h3, body #spring h3, body #upgrade h3, body #areas h3, body #contact h3 { font-family: "Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,sans-serif!important; font-size: clamp(15px,1.15vw,18px)!important; line-height: 1.25!important; letter-spacing: -.2px!important; font-weight: 750!important; }
body .garage-type-body h3, body .why-v25 .why-item h3, body #faq .accordion-header h3, body .site-footer h3 { font-size: 15px!important; letter-spacing: 0!important; }
body #brands .brands-ref-head h2 { font-size: clamp(30px,2.45vw,40px)!important; letter-spacing: -1px!important; }
#brands .brands-ref-track { animation-play-state: running!important; }
#brands .brands-ref-window:hover .brands-ref-track { animation-play-state: paused!important; }
@media(max-width:767px) {
  body .container h2, body #faq h2, body #offtrack h2, body #opener h2, body #spring h2, body #upgrade h2, body #areas h2, body #contact h2 { font-size: clamp(28px,8.4vw,36px)!important; letter-spacing: -.8px!important; }
  body .container h3, body #faq h3, body #offtrack h3, body #opener h3, body #spring h3, body #upgrade h3, body #areas h3, body #contact h3 { font-size: 15px!important; }
  #brands .brands-ref-track { animation-name: brandsContinuousV27Mobile!important; animation-duration: 23s!important; }
  @keyframes brandsContinuousV27Mobile {
    from { margin-left: 0; }
    to { margin-left: -1727px; }
  }
}
@media(prefers-reduced-motion:reduce) {
  #brands .brands-ref-track { animation-play-state: running!important; }
  #brands .brands-ref-window:hover .brands-ref-track { animation-play-state: paused!important; }
}
.navbar-brand .site-logo { display: block; width: clamp(190px,18vw,250px); height: auto; object-fit: contain; }
.footer-logo-link { display: inline-flex; margin-bottom: 20px; }
.footer-logo { width: min(250px,100%); height: auto; object-fit: contain; filter: brightness(0) invert(1); }
.hero-bg { position: absolute!important; inset: -2%!important; width: 104%!important; height: 104%!important; object-fit: cover!important; object-position: center!important; display: block!important; transform: scale(1.08); z-index: 0; }
.feature-visual { overflow: hidden; }
.feature-visual-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
.feature-visual > span { position: relative; z-index: 2; }
body { font-size: 16px!important; }
body p, body .accordion-body, body .detail-lines div, body .service-index-v25 p, body .why-v25 p, body .local-climate-v25 p, body .faq-editorial-v25 p, body .contact-info p, body .contact-form-wrap label { font-size: 15px!important; line-height: 1.72!important; }
body p, body .service-index-v25 p, body .why-v25 p, body .local-climate-v25 p, body .faq-editorial-v25 p, body .contact-info p { font-size: 16px!important; }
body .topbar { font-size: 12.5px!important; }
body .topbar a, body .topbar span, body .nav-link, body .dropdown-item { font-size: 13px!important; }
body .hero-copy p { font-size: 17px!important; line-height: 1.7!important; }
body .hero-call small, body .hero-btn, body .intro-ref-actions a, body .submit-btn { font-size: 12px!important; }
body .hero-btn, body .intro-ref-actions a, body .submit-btn { font-size: 14px!important; }
body .garage-type-body p, body .why-v25 .why-item p, body .service-rail-v25 i, body .climate-points-v25 small { font-size: 13.5px!important; line-height: 1.6!important; }
body .garage-type-body p, body .why-v25 .why-item p { font-size: 14.5px!important; }
body .eyebrow, body .intro-ref-kicker, body .offers-kicker { font-size: 12px!important; }
body .accordion-button { font-size: 14.5px!important; line-height: 1.45!important; }
body .area-list span { font-size: 13px!important; }
body .contact-info a:not(.contact-phone) { font-size: 14px!important; }
body .contact-form-wrap .form-control, body .contact-form-wrap .form-select { font-size: 15px!important; }
.restored-footer { padding: 72px 0 28px!important; }
.restored-footer .footer-main-row { align-items: flex-start; }
.restored-footer p, .restored-footer a { font-size: 14px!important; line-height: 1.65!important; }
.restored-footer p { font-size: 15px!important; }
.restored-footer h3 { font-size: 16px!important; margin-bottom: 20px!important; }
.footer-about-col > p { max-width: 470px; color: #aaa!important; }
.footer-social { display: flex; gap: 10px; margin-top: 22px; }
.footer-social a { width: 42px; height: 42px; margin: 0!important; border: 1px solid #343434; display: grid!important; place-items: center; color: #fff!important; transition: transform .25s ease,border-color .25s ease,background .25s ease; }
.footer-social a:hover { transform: translateY(-3px); border-color: var(--orange); background: var(--orange); }
.footer-social svg { width: 17px; height: 17px; fill: currentColor; }
.footer-data-list { display: grid; gap: 13px; }
.footer-data-item { display: grid!important; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; margin: 0!important; color: #ddd!important; }
.footer-data-icon { display: grid; place-items: center; color: var(--orange); }
.footer-data-icon svg { fill: currentColor; }
.footer-data-item > span:last-child { min-width: 0; }
.footer-data-item small { display: block; color: #777; font-size: 12px!important; line-height: 1.2; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 3px; }
.footer-data-item strong { display: block; color: #ddd; font-size: 13.5px!important; line-height: 1.45; font-weight: 600; overflow-wrap: anywhere; }
.footer-bottom { margin-top: 46px!important; padding-top: 22px!important;padding-right: 50px; border-top: 1px solid #242424!important; display: flex!important; justify-content: space-between!important; gap: 20px!important; flex-wrap: wrap!important; }
.footer-bottom span, .footer-bottom a { font-size: 14px!important; color: #777!important; margin: 0!important; }
#brands .brands-ref-track { animation: none!important; margin-left: 0!important; transform: translate3d(0,0,0)!important; transition: none!important; will-change: transform!important; }
#brands .brands-ref-window:hover .brands-ref-track { animation: none!important; }
@media(max-width:991px) {
  .container { --bs-gutter-x: 40px; padding-left: 20px; padding-right: 20px; }
  .container .row { --bs-gutter-x: 24px; }
  .footer-contact-col { margin-top: 8px; }
  body p, body .accordion-body, body .detail-lines div { font-size: 14.5px!important; }
body p { font-size: 15.5px!important; }
}
@media(max-width:767px) {
  body { font-size: 15px!important; }
  body .hero-copy p, body p, body .accordion-body, body .detail-lines div { font-size: 14px!important; }
body .hero-copy p, body p { font-size: 15px!important; }
  .navbar-brand .site-logo { width: 190px; }
  .footer-bottom { display: grid!important; padding-right: 0; overflow-wrap: anywhere; }
}
#about.intro-ref-v15 { position: relative; background: radial-gradient(circle at 13% 20%, rgba(222,73,24,.055), transparent 25%),
    linear-gradient(180deg,#fff 0%,#fbfbfb 100%)!important; }
#about .intro-image-stage { isolation: isolate; }
#about .intro-orange-panel { position: absolute; z-index: -2; left: -34px; top: 34px; width: 68%; height: 70%; background: var(--orange); opacity: 0; transition: opacity .7s ease .02s, transform 1s cubic-bezier(.16,.8,.2,1) .02s; box-shadow: 0 28px 60px rgba(151,48,14,.13); }
#about .intro-outline-panel { position: absolute; z-index: -1; width: 46%; height: 46%; right: 2%; bottom: -2%; border: 2px solid rgba(185,86,52,.22); opacity: 0; transform: translate(42px,36px); transition: opacity .65s ease .22s, transform .9s cubic-bezier(.16,.8,.2,1) .22s; }
#about.intro-in .intro-orange-panel { opacity: 1; }
#about.intro-in .intro-outline-panel { opacity: 1; transform: translate(0,0); }
#about .intro-main-image { box-shadow: 0 28px 60px rgba(0,0,0,.10)!important; }
#about .intro-main-image:after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.45); pointer-events: none; }
#about .intro-second-image { box-shadow: 0 22px 50px rgba(0,0,0,.14)!important; }
#about .intro-main-image img, #about .intro-second-image img { transition: transform 1.25s cubic-bezier(.16,.8,.2,1), filter .5s ease; }
#about .intro-main-image:hover img { transform: scale(1.025); }
#about .intro-second-image:hover img { transform: scale(1.045); }
#about .intro-round-seal { box-shadow: 0 18px 42px rgba(0,0,0,.13),0 0 0 12px rgba(255,255,255,.65)!important; }
#about .intro-round-seal:after { content: ""; position: absolute; inset: 12px; border: 1px dashed rgba(185,86,52,.35); border-radius: 50%; animation: introSealOrbitV30 15s linear infinite; pointer-events: none; }
@keyframes introSealOrbitV30 {
  to { transform: rotate(360deg); }
}
#about .intro-ref-kicker { color: var(--orange)!important; }
#about .intro-contact-row { position: relative; padding-top: 18px!important; }
#about .intro-contact-row:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(90deg,var(--orange) 0 54px,#dedede 54px 100%); }
.why-v25 .why-icon { width: 82px!important; height: 82px!important; margin-bottom: 24px!important; border: 0!important; background: transparent!important; color: #e78355!important; box-shadow: none!important; }
.why-v25 .why-icon svg { width: 68px!important; height: 68px!important; stroke-width: 2.8!important; }
.why-v25 .why-item:hover .why-icon { color: #ff6b35!important; background: transparent!important; transform: translateY(-4px) scale(1.08)!important; filter: drop-shadow(0 10px 18px rgba(222,73,24,.16)); }
.why-v25 .why-item:after { content: ""; position: absolute; left: 32px; bottom: 0; width: 0; height: 2px; background: var(--orange); transition: width .38s cubic-bezier(.2,.8,.2,1); }
.why-v25 .why-item:hover:after { width: 56px; }
.restored-footer { position: relative; overflow: hidden; background: radial-gradient(circle at 83% 20%,rgba(222,73,24,.09),transparent 22%),
    #0d0d0d!important; border-top: 4px solid var(--orange); }
.restored-footer:before { content: ""; position: absolute; right: 3%; top: 30px; width: 210px; height: 110px; opacity: .16; background-image: radial-gradient(circle, var(--orange) 1.6px, transparent 1.7px); background-size: 14px 14px; pointer-events: none; }
.restored-footer .container { position: relative; z-index: 1; }
.restored-footer h3 { position: relative; padding-bottom: 12px; color: #fff!important; }
.restored-footer h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 38px; height: 2px; background: var(--orange); }
.restored-footer .col-6.col-lg-2 > a { position: relative; padding-left: 16px; color: #bbb!important; transition: color .25s ease,transform .25s ease; }
.restored-footer .col-6.col-lg-2 > a:before { content: "›"; position: absolute; left: 0; color: var(--orange); font-size: 19px; line-height: 1; top: 1px; }
.restored-footer .col-6.col-lg-2 > a:hover { color: #fff!important; transform: translateX(4px); }
.footer-data-item { position: relative; padding: 9px 10px 9px 0; border-bottom: 1px solid rgba(255,255,255,.07); transition: background .25s ease,transform .25s ease; }
.footer-data-item:hover { background: linear-gradient(90deg,rgba(222,73,24,.08),transparent 70%); transform: translateX(3px); }
.footer-data-icon { width: 46px!important; height: 46px!important; border: 1px solid rgba(222,73,24,.7)!important; background: rgba(222,73,24,.06); transition: background .25s ease,color .25s ease,transform .25s ease; }
.footer-data-item:hover .footer-data-icon { background: var(--orange); color: #fff; transform: rotate(-4deg); }
.footer-data-icon svg { width: 21px!important; height: 21px!important; }
.footer-social a { border-color: rgba(222,73,24,.45)!important; background: rgba(255,255,255,.02); }
.footer-bottom { position: relative; }
.footer-bottom:before { content: ""; position: absolute; left: 0; top: -1px; width: 92px; height: 2px; background: var(--orange); }
@media(max-width:991px) {
  #about .intro-orange-panel { left: -16px; top: 28px; width: 62%; height: 65%; }
  #about .intro-outline-panel { right: 4%; bottom: 1%; }
}
@media(max-width:767px) {
  #about .intro-orange-panel { left: -10px; top: 20px; width: 64%; height: 61%; }
  #about .intro-outline-panel { width: 48%; height: 40%; right: 0; bottom: 0; }
  .why-v25 .why-icon { width: 72px!important; height: 72px!important; }
  .why-v25 .why-icon svg { width: 58px!important; height: 58px!important; }
  .restored-footer:before { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  #about .intro-round-seal:after { animation: none!important; }
}
#about .intro-orange-panel { transform: translate(-54px,-36px) rotate(0deg) scale(.94)!important; border-radius: 2px; }
#about.intro-in .intro-orange-panel { transform: translate(0,0) rotate(0deg) scale(1)!important; }
#spring { overflow: hidden; }
#spring .feature-copy { display: flex; flex-direction: column; justify-content: center; }
#spring .spring-text-step { opacity: 0; transform: translate3d(0,30px,0); filter: blur(3px); transition: opacity .65s ease,
    transform .85s cubic-bezier(.16,.8,.2,1),
    filter .7s ease; }
#spring.spring-intro-in .spring-text-step { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }
#spring .spring-text-step-1 { transition-delay: .03s; }
#spring .spring-text-step-2 { transition-delay: .13s; }
#spring .spring-text-step-3 { transition-delay: .25s; }
#spring .spring-text-step-4 { transition-delay: .38s; }
#spring .spring-text-step-5 { transition-delay: .50s; }
#spring .spring-text-step-6 { transition-delay: .62s; }
#spring .feature-visual-img { transform: scale(1.045); opacity: .2; transition: transform 1.15s cubic-bezier(.16,.8,.2,1),opacity .8s ease; }
#spring.spring-intro-in .feature-visual-img { transform: scale(1); opacity: 1; }
#faq.faq-editorial-v25 .row { align-items: center!important; }
#faq.faq-editorial-v25 .faq-intro, #faq.faq-editorial-v25 .faq-questions-col { align-self: center!important; }
#faq.faq-editorial-v25 .faq-intro { position: relative!important; top: auto!important; }
#opener .row, #about .intro-ref-row { align-items: center!important; }
#areas { overflow-x: clip; }
#areas .area-grid { align-items: center; }
#areas .area-coverage-side { display: flex; flex-direction: column; justify-content: center; gap: 24px; }
#areas .area-zip-block { padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); }
#areas .area-zip-label { display: block; margin-bottom: 12px; color: var(--orange); font-size: 12px; line-height: 1; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; }
#areas .area-zip-list { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 18px; }
#areas .area-zip-list span { min-width: 68px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.18); color: #d7d7d7; text-align: center; font-size: 13px; font-weight: 700; transition: background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease; }
#areas .area-zip-list span:hover { color: #fff; border-color: rgba(185,86,52,.78); background: rgba(185,86,52,.14); transform: translateY(-2px); }
#areas .area-locations-btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-width: 150px; padding: 14px 20px; background: var(--orange); color: #fff!important; font-size: 14px; line-height: 1; font-weight: 900; letter-spacing: .35px; text-transform: uppercase; transition: transform .25s ease,background .25s ease; }
#areas .area-locations-btn span { font-size: 18px; line-height: 1; transition: transform .25s ease; }
#areas .area-locations-btn:hover { background: #c96b45; transform: translateY(-2px); }
#areas .area-locations-btn:hover span { transform: translateX(4px); }
@media(max-width:991px) {
  #faq.faq-editorial-v25 .row { align-items: stretch!important; }
  #faq.faq-editorial-v25 .faq-intro, #faq.faq-editorial-v25 .faq-questions-col { align-self: auto!important; }
  #areas .area-coverage-side { gap: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  #spring .spring-text-step, #spring .feature-visual-img { transition: none!important; opacity: 1!important; transform: none!important; filter: none!important; }
}
.footer-offers-box { margin-top: 30px; max-width: 470px; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.09); position: relative; }
.footer-offers-box:before { content: ""; position: absolute; left: 0; top: -1px; width: 74px; height: 2px; background: var(--orange); }
.footer-offers-copy { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.footer-offers-kicker { color: var(--orange); font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: .16em; }
.footer-offers-copy strong { color: #fff; font-size: 15px; line-height: 1.45; font-weight: 700; }
.restored-footer .footer-offers-btn { width: 100%; min-height: 54px; margin: 0!important; padding: 0 18px; display: flex!important; align-items: center; justify-content: space-between; gap: 16px; color: #fff!important; background: var(--orange); border: 1px solid var(--orange); font-size: 14px!important; line-height: 1!important; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; transition: background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease; }
.footer-offers-btn svg { width: 20px; height: 20px; fill: currentColor; flex: 0 0 20px; transition: transform .25s ease; }
.restored-footer .footer-offers-btn:hover { background: #fff; color: #111!important; border-color: #fff; transform: translateY(-2px); }
.footer-offers-btn:hover svg { transform: translateX(4px); }
@media(max-width:991px) {
  .footer-offers-box { max-width: 100%; }
}
body .hero-call.hero-call-large { grid-template-columns: 62px auto; column-gap: 14px; padding: 8px 14px 8px 8px; min-height: 70px; align-items: center; }
body .hero-call.hero-call-large>span { width: 62px; height: 62px; font-size: 26px; }
body .hero-call.hero-call-large small { font-size: 12px!important; }
body .hero-call.hero-call-large strong { font-size: 28px!important; }
body .final-cta a { padding: 20px 30px!important; min-height: 62px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px!important; }
@media (max-width:767.98px) {
  body .hero-call.hero-call-large { grid-template-columns: 54px auto; min-height: 62px; }
  body .hero-call.hero-call-large>span { width: 54px; height: 54px; font-size: 23px; }
  body .hero-call.hero-call-large strong { font-size: 23px!important; }
  body .final-cta a { padding: 17px 22px!important; min-height: 56px; font-size: 14px!important; }
}
#offers .offers-kicker, .why-v25 .section-kicker, #faq .section-kicker, #areas .section-kicker { position: relative; display: inline-flex; align-items: center; overflow: hidden; }
#offers .offers-kicker:after, .why-v25 .section-kicker:after, #faq .section-kicker:after, #areas .section-kicker:after { content: ""; width: 0; height: 2px; margin-left: 12px; background: var(--orange); transition: width .75s cubic-bezier(.2,.75,.2,1) .25s; }
#offers.motion-in .offers-kicker:after, .why-v25.is-visible .section-kicker:after, #faq.is-visible .section-kicker:after, #areas.is-visible .section-kicker:after { width: 42px; }
.why-v25 .why-v25-intro, #faq .faq-intro, #faq .faq-questions-col, #areas .area-coverage-side { will-change: transform,opacity; }
.why-v25:not(.is-visible) .why-v25-intro, #faq:not(.is-visible) .faq-intro, #areas:not(.is-visible) .area-coverage-copy { opacity: 0; transform: translate3d(-34px,0,0); }
#faq:not(.is-visible) .faq-questions-col, #areas:not(.is-visible) .area-coverage-side { opacity: 0; transform: translate3d(34px,0,0); }
.why-v25.is-visible .why-v25-intro, #faq.is-visible .faq-intro, #faq.is-visible .faq-questions-col, #areas.is-visible .area-coverage-side { opacity: 1; transform: none; transition: opacity .72s ease,transform .9s cubic-bezier(.2,.75,.2,1); }
#faq.is-visible .faq-questions-col, #areas.is-visible .area-coverage-side { transition-delay: .12s; }
@media(prefers-reduced-motion:reduce) {
  .why-v25 .why-v25-intro, #faq .faq-intro, #faq .faq-questions-col, #areas .area-coverage-side { transition: none!important; animation: none!important; opacity: 1!important; transform: none!important; }
}
#areas .eyebrow { position: relative; display: inline-flex; align-items: center; overflow: hidden; }
#areas .eyebrow:after { content: ""; width: 0; height: 2px; margin-left: 12px; background: var(--orange); transition: width .75s cubic-bezier(.2,.75,.2,1) .25s; }
#areas.is-visible .eyebrow:after { width: 42px; }
#areas .area-grid>div:first-child { will-change: transform,opacity; }
#areas:not(.is-visible) .area-grid>div:first-child { opacity: 0; transform: translate3d(-34px,0,0); }
#areas.is-visible .area-grid>div:first-child { opacity: 1; transform: none; transition: opacity .72s ease,transform .9s cubic-bezier(.2,.75,.2,1); }
.offers-percent-glow { position: absolute; left: clamp(18px,4vw,72px); top: 50%; width: 210px; height: 300px; transform: translateY(-50%); z-index: 0; pointer-events: none; overflow: visible; }
.percent-glow { position: absolute; display: block; font-family: "Segoe UI Variable","Segoe UI",Arial,sans-serif; font-weight: 800; line-height: 1; color: var(--orange); user-select: none; transform-origin: center; will-change: transform,opacity,filter; text-shadow: 0 0 0 rgba(185,86,52,0); }
.percent-glow-lg { font-size: 150px; left: 0; top: 42px; opacity: .11; animation: percentShineA 4.8s ease-in-out infinite; }
.percent-glow-md { font-size: 88px; left: 112px; top: 8px; opacity: .20; animation: percentShineB 4.1s ease-in-out .65s infinite; }
.percent-glow-sm { font-size: 58px; left: 126px; top: 174px; opacity: .30; animation: percentShineA 3.7s ease-in-out 1.15s infinite; }
.percent-glow-xs { font-size: 34px; left: 68px; top: 236px; opacity: .42; animation: percentShineB 3.25s ease-in-out 1.65s infinite; }
@keyframes percentShineA {
  0%,100% { transform: scale(.88); opacity: .10; filter: blur(.15px); text-shadow: 0 0 0 rgba(185,86,52,0); }
  48% { transform: scale(1.07); opacity: .34; filter: blur(0); text-shadow: 0 0 20px rgba(185,86,52,.18); }
  62% { transform: scale(1.01); opacity: .22; text-shadow: 0 0 8px rgba(185,86,52,.10); }
}
@keyframes percentShineB {
  0%,100% { transform: scale(.92); opacity: .16; filter: blur(0); text-shadow: 0 0 0 rgba(185,86,52,0); }
  42% { transform: scale(1.13); opacity: .48; filter: blur(0); text-shadow: 0 0 16px rgba(185,86,52,.22); }
  58% { transform: scale(1.03); opacity: .28; text-shadow: 0 0 6px rgba(185,86,52,.12); }
}
@media(max-width:991.98px) {
  .offers-percent-glow { left: -8px; width: 165px; height: 250px; opacity: .8; }
  .percent-glow-lg { font-size: 112px; top: 48px; }
  .percent-glow-md { font-size: 66px; left: 84px; }
  .percent-glow-sm { font-size: 44px; left: 94px; top: 155px; }
  .percent-glow-xs { font-size: 28px; left: 48px; top: 205px; }
}
@media(max-width:767.98px) {
  .offers-percent-glow { left: -24px; opacity: .55; transform: translateY(-50%) scale(.82); }
}
@media(prefers-reduced-motion:reduce) {
  .percent-glow { animation: none!important; filter: none!important; text-shadow: none!important; }
}
.section-kicker, .restored-layout .eyebrow, .footer-offers-kicker { display: inline-flex; align-items: center; width: auto; }
.section-kicker::after, .restored-layout .eyebrow::after, .footer-offers-kicker::after { content: ""; flex: 0 0 82px; width: 82px !important; height: 2px; margin-left: 13px; opacity: 1; transform: none; transition: none; background: linear-gradient(90deg,
      var(--orange) 0 9px,
      transparent 9px 15px,
      var(--orange) 15px 24px,
      transparent 24px 30px,
      var(--orange) 30px 39px,
      transparent 39px 51px,
      var(--orange) 51px 82px
    ); }
.offers-kicker::after, .intro-ref-kicker::after { content: ""; display: block; flex: 0 0 31px; width: 31px !important; height: 2px; margin-left: 12px; background: var(--orange); opacity: 1; transform: none; transition: none; }
@media (max-width:575.98px) {
  .section-kicker::after, .restored-layout .eyebrow::after, .footer-offers-kicker::after { flex-basis: 62px; width: 62px !important; background: linear-gradient(90deg,var(--orange) 0 7px,transparent 7px 12px,var(--orange) 12px 19px,transparent 19px 24px,var(--orange) 24px 31px,transparent 31px 40px,var(--orange) 40px 62px); }
}


/* =========================================================
   GARAGE DOORS REPAIR BAYTOWN
   TEXT INTRO SECTION

   UNIQUE PREFIX:
   gdbrx-
========================================================= */

.gdbrx-intro-section {

    --gdbrx-orange: #b95634;
    --gdbrx-orange-dark: #964129;

    --gdbrx-dark: #101010;
    --gdbrx-text: #626262;

    --gdbrx-bg: #f7f5f2;

    --gdbrx-line:
        rgba(17, 17, 17, 0.12);

    position: relative;

    overflow: hidden;

    padding:
        100px 0 75px;

    background:
        var(--gdbrx-bg);
}


/* =========================================================
   CONTAINER
========================================================= */

.gdbrx-intro-section .container {

    position: relative;

    z-index: 2;
}


/* =========================================================
   LARGE BACKGROUND WORD
========================================================= */

.gdbrx-intro-watermark {

    position: absolute;

    right: -35px;

    bottom: -10px;

    z-index: 0;

    color:
        rgba(17, 17, 17, 0.026);

    font-size:
        clamp(120px, 16vw, 250px);

    line-height:
        .72;

    font-weight:
        900;

    letter-spacing:
        -.075em;

    white-space:
        nowrap;

    user-select:
        none;

    pointer-events:
        none;
}


/* =========================================================
   MAIN TWO COLUMN LAYOUT
========================================================= */

.gdbrx-intro-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .93fr)
        minmax(0, 1.07fr);

    align-items:
        center;

    gap:
        90px;

    padding-bottom:
        65px;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.gdbrx-intro-left {

    position: relative;

    max-width:
        680px;
}


/* SMALL KICKER */

.gdbrx-intro-kicker {

    display: flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-bottom:
        25px;

    color:
        var(--gdbrx-orange);

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .17em;

    text-transform:
        uppercase;
}


.gdbrx-intro-kicker-dot {

    display:
        block;

    width:
        9px;

    height:
        2px;

    background:
        var(--gdbrx-orange);
}


.gdbrx-intro-kicker-line {

    display:
        block;

    width:
        38px;

    height:
        1px;

    margin-left:
        4px;

    background:
        var(--gdbrx-orange);
}


/* =========================================================
   H2
========================================================= */

.gdbrx-intro-title {

    max-width:
        680px;

    margin:
        0;

    color:
        var(--gdbrx-dark);

    font-size:
        clamp(37px, 3.8vw, 58px);

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        -.042em;
}


.gdbrx-intro-title span {

    display:
        block;

    margin-top:
        8px;

    color:
        var(--gdbrx-orange);
}


/* =========================================================
   SMALL LABELS
========================================================= */

.gdbrx-intro-tags {

    display: flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        13px 22px;

    margin-top:
        35px;

    padding-top:
        23px;

    border-top:
        1px solid var(--gdbrx-line);
}


.gdbrx-intro-tags span {

    position: relative;

    padding-left:
        13px;

    color:
        #555555;

    font-size:
        13px;

    line-height:
        1.4;

    font-weight:
        700;
}


.gdbrx-intro-tags span::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        50%;

    width:
        5px;

    height:
        5px;

    background:
        var(--gdbrx-orange);

    transform:
        translateY(-50%);
}


/* =========================================================
   RIGHT TEXT SIDE
========================================================= */

.gdbrx-intro-right {

    position:
        relative;

    padding:
        10px 0 10px 48px;

    border-left:
        1px solid var(--gdbrx-line);
}


/* ORANGE GEAR */
.gdbrx-intro-emblem {
    position: absolute;
    left: -80px;
    top: -50px;
    display: block;
    width: 100px;
    height: 100px;
}

.gdbrx-intro-emblem-front {
    position: absolute;
    inset: 0;
    width: 80%;
    height: 80%;
    object-fit: contain;
    z-index: 1;
    pointer-events: none;
    transform: translate(35px, 30px);
}

.gdbrx-intro-gear {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--gdbrx-orange);
    transform-origin: center;
    animation: gdbrxGearSpin 10s linear infinite;
    opacity:.8
}

@keyframes gdbrxGearSpin {
    to { transform: rotate(360deg); }
}


/* =========================================================
   TEXT
========================================================= */

.gdbrx-intro-copy {

    max-width:
        690px;
}


.gdbrx-intro-copy p {

    margin:
        0;

    color:
        var(--gdbrx-text);

    font-size: 17.5px;

    line-height:
        1.8;
}


.gdbrx-intro-copy p + p {

    margin-top:
        18px;
}


.gdbrx-intro-copy strong {

    color:
        var(--gdbrx-dark);

    font-weight:
        700;
}


/* =========================================================
   BOTTOM FEATURE STRIP
========================================================= */

.gdbrx-intro-features {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid var(--gdbrx-line);

    border-bottom:
        1px solid var(--gdbrx-line);
}


/* =========================================================
   FEATURE
========================================================= */

.gdbrx-intro-feature {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        auto 1fr;

    gap:
        20px;

    align-items:
        start;

    min-height:
        165px;

    padding:
        30px 32px;

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;
}


.gdbrx-intro-feature
+
.gdbrx-intro-feature {

    border-left:
        1px solid var(--gdbrx-line);
}


/* TOP HOVER LINE */

.gdbrx-intro-feature::before {

    content:
        "";

    position:
        absolute;

    top:
        -1px;

    left:
        0;

    width:
        0;

    height:
        3px;

    background:
        var(--gdbrx-orange);

    transition:
        width
        .45s
        cubic-bezier(.2,.7,.2,1);
}


/* FEATURE NUMBER */

.gdbrx-feature-number {

    color:
        var(--gdbrx-orange);

    font-size:
        15px;

    line-height:
        1;

    font-weight:
        800;
}


/* SMALL LABEL */

.gdbrx-feature-content small {

    display:
        block;

    margin-bottom:
        9px;

    color:
        #8f8f8f;

    font-size:
        12px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .14em;
}


/* FEATURE TITLE */

.gdbrx-feature-content h3 {

    margin:
        0 0 9px;

    color:
        var(--gdbrx-dark);

    font-size:
        19px;

    line-height:
        1.2;

    font-weight:
        800;
}


/* FEATURE TEXT */

.gdbrx-feature-content p {

    max-width:
        290px;

    margin:
        0;

    color:
        #707070;

    font-size: 15px;

    line-height:
        1.65;
}


/* =========================================================
   FEATURE HOVER
========================================================= */

@media (hover: hover) {

    .gdbrx-intro-feature:hover {

        z-index:
            2;

        background:
            #ffffff;

        transform:
            translateY(-5px);

        box-shadow:
            0 17px 45px
            rgba(0, 0, 0, .055);
    }


    .gdbrx-intro-feature:hover::before {

        width:
            100%;
    }

}


/* =========================================================
   SAFE LOAD MOTION
   NO JAVASCRIPT REQUIRED
========================================================= */

.gdbrx-intro-left {

    animation:
        gdbrxIntroLeft
        .85s
        cubic-bezier(.2,.7,.2,1)
        both;
}


.gdbrx-intro-right {

    animation:
        gdbrxIntroRight
        .9s
        cubic-bezier(.2,.7,.2,1)
        .12s
        both;
}


.gdbrx-intro-feature:nth-child(1) {

    animation:
        gdbrxIntroFeature
        .75s
        cubic-bezier(.2,.7,.2,1)
        .25s
        both;
}


.gdbrx-intro-feature:nth-child(2) {

    animation:
        gdbrxIntroFeature
        .75s
        cubic-bezier(.2,.7,.2,1)
        .36s
        both;
}


.gdbrx-intro-feature:nth-child(3) {

    animation:
        gdbrxIntroFeature
        .75s
        cubic-bezier(.2,.7,.2,1)
        .47s
        both;
}


/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes gdbrxIntroLeft {

    from {

        opacity:
            0;

        transform:
            translateX(-28px);
    }

    to {

        opacity:
            1;

        transform:
            translateX(0);
    }
}


@keyframes gdbrxIntroRight {

    from {

        opacity:
            0;

        transform:
            translateY(24px);
    }

    to {

        opacity:
            1;

        transform:
            translateY(0);
    }
}


@keyframes gdbrxIntroFeature {

    from {

        opacity:
            0;

        transform:
            translateY(20px);
    }

    to {

        opacity:
            1;

        transform:
            translateY(0);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .gdbrx-intro-section {

        padding:
            85px 0 65px;
    }


    .gdbrx-intro-grid {

        grid-template-columns:
            1fr;

        gap:
            48px;

        align-items:
            start;

        padding-bottom:
            50px;
    }


    .gdbrx-intro-left {

        max-width:
            760px;
    }


    .gdbrx-intro-emblem {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 34px;
    }

    .gdbrx-intro-right {

        max-width:
            780px;
    }


    .gdbrx-intro-features {

        grid-template-columns:
            1fr;
    }


    .gdbrx-intro-feature {

        min-height:
            auto;
    }


    .gdbrx-intro-feature
    +
    .gdbrx-intro-feature {

        border-left:
            0;

        border-top:
            1px solid var(--gdbrx-line);
    }


    .gdbrx-intro-watermark {

        font-size:
            180px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .gdbrx-intro-section {

        padding:
            65px 0 48px;
    }


    .gdbrx-intro-grid {

        gap:
            38px;

        padding-bottom:
            40px;
    }


    .gdbrx-intro-kicker {

        font-size:
            10px;

        letter-spacing:
            .12em;
    }


    .gdbrx-intro-title {

        font-size:
            36px;

        line-height:
            1.04;
    }


    .gdbrx-intro-title span {

        margin-top:
            7px;
    }


    .gdbrx-intro-tags {

        margin-top:
            28px;
    }


    .gdbrx-intro-right {

        padding:
            24px 0 0 0;

        border-left:
            0;

        border-top:
            1px solid var(--gdbrx-line);
    }


    .gdbrx-intro-emblem {

        top:
            0;

        left:
            0;
    }


    .gdbrx-intro-copy p {

        font-size: 17px;

        line-height:
            1.72;
    }


    .gdbrx-intro-feature {

        grid-template-columns:
            36px 1fr;

        gap:
            14px;

        padding:
            25px 15px;
    }


    .gdbrx-feature-content h3 {

        font-size:
            17px;
    }


    .gdbrx-intro-watermark {

        right:
            -15px;

        bottom:
            15px;

        font-size:
            105px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .gdbrx-intro-left,
    .gdbrx-intro-right,
    .gdbrx-intro-gear,
    .gdbrx-intro-feature {

        animation:
            none !important;

        opacity:
            1 !important;

        transform:
            none !important;
    }

}

/* Slightly larger text for the header call-to-action. */
body .topbar a.top-quote { font-size: 14px!important; }

/* Opener repair: repair or replace call button. */
#upgrade .opener-call-now { display: inline-flex; align-items: center; justify-content: center; margin-top: 14px; padding: 15px 28px; background: var(--orange); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color .2s ease; }
#upgrade .opener-call-now:hover { background: #242424; color: #fff; }
#upgrade .opener-call-now:focus-visible { outline: 3px solid #242424; outline-offset: 4px; }