*,*::before,*::after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(900px 540px at 10% -10%, rgba(225, 29, 46, 0.1), transparent 55%),radial-gradient(900px 540px at 90% 0%, rgba(255, 77, 95, 0.1), transparent 55%),linear-gradient(180deg, #ffffff, #f6f7f9 55%, #ffffff);color:rgba(10,12,16,.92);line-height:1.5}::selection{background:rgba(225,29,46,.18)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1120px,100% - 40px);margin:0 auto}.fineprint{font-size:13px;margin-top:-6px}.skip-link{position:absolute;left:-9999px;top:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.16);background:rgba(0,0,0,.75);z-index:1000}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.75);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 0}.brand{display:flex;gap:5px;align-items:center;min-width:0}.brand-text{display:grid;line-height:1.1}.brand-name{font-weight:650;letter-spacing:-0.02em}.brand-sub{color:rgba(10,12,16,.55);font-size:12px;margin-top:2px}.nav{display:none;gap:16px;align-items:center;justify-content:center}.nav a{color:rgba(10,12,16,.7);font-size:14px;padding:8px 10px;border-radius:12px}.nav a:hover{background:rgba(0,0,0,.04);color:rgba(10,12,16,.92)}.header-cta{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end}.header-menu-btn{display:none}.header-cta--mobile{display:none}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:hsla(0,0%,100%,.82);color:rgba(10,12,16,.88);box-shadow:0 14px 30px rgba(10,12,16,.1);transition:transform 120ms ease,background 120ms ease,border-color 120ms ease}.icon-btn:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.94);border-color:rgba(225,29,46,.2)}.icon-btn:active{transform:translateY(1px)}.mobile-menu{border-top:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.88);backdrop-filter:blur(10px)}.mobile-menu-inner{padding:10px 0 14px;display:grid;gap:4px}.mobile-menu a{padding:12px 12px;border-radius:16px;color:rgba(10,12,16,.7);font-weight:600}.mobile-menu a:hover{background:rgba(0,0,0,.04);color:rgba(10,12,16,.92)}.mobile-menu-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(0,0,0,0);font-weight:600;font-size:14px;letter-spacing:-0.01em;transition:transform 120ms ease,background 120ms ease,border-color 120ms ease;user-select:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, rgba(225, 29, 46, 0.98), rgba(225, 29, 46, 0.78));color:hsla(0,0%,100%,.96);border-color:rgba(225,29,46,.35);box-shadow:0 18px 40px rgba(225,29,46,.18)}.btn-primary:hover{background:linear-gradient(180deg, rgb(225, 29, 46), rgba(225, 29, 46, 0.84))}.btn-ghost{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1);color:rgba(10,12,16,.92)}.btn-ghost:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.16)}.hero{padding:44px 0 26px}.hero-photo{position:relative;background:radial-gradient(900px 520px at 12% -10%, rgba(225, 29, 46, 0.22), transparent 60%),radial-gradient(760px 420px at 90% 10%, rgba(93, 225, 255, 0.16), transparent 55%),linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78) 40%, rgba(255, 255, 255, 0.92));border-bottom:1px solid rgba(0,0,0,.06)}.hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%),url("/sites/johns-used-tires/assets/img-a.webp");background-repeat:no-repeat;background-position:center;background-size:cover;filter:saturate(1.02) contrast(1.05);opacity:.75}.hero-photo .container{position:relative;z-index:1}.hero-grid{display:grid;gap:22px;align-items:start}.hero-copy .eyebrow{color:rgba(10,12,16,.55);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}h1{font-size:clamp(34px,5.4vw,54px);line-height:1.05;letter-spacing:-0.04em;margin:0 0 14px}.lead{margin:0 0 18px;color:rgba(10,12,16,.7);font-size:16px;max-width:54ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-pill{border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.65);border-radius:16px;padding:10px 12px;min-width:140px}.trust-title{display:block;font-weight:700;letter-spacing:-0.02em}.trust-sub{display:block;color:rgba(10,12,16,.55);font-size:12px}.hero-media{display:grid;gap:12px}.media-card{border-radius:22px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.65);box-shadow:0 18px 70px rgba(10,12,16,.16)}@media(prefers-reduced-motion: no-preference){.media-card{transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.media-card:hover{transform:translateY(-3px);border-color:hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.05)}}.media-card img{width:100%;height:auto}.media-card.secondary{opacity:.92;transform:translateY(-2px)}.media-caption{display:flex;align-items:center;gap:10px;padding:12px 14px;color:rgba(10,12,16,.7);font-size:13px;border-top:1px solid rgba(0,0,0,.08);background:hsla(0,0%,100%,.72)}.dot{width:8px;height:8px;border-radius:999px;background:#e11d2e;box-shadow:0 0 0 4px rgba(225,29,46,.12)}.section{padding:54px 0}@media(prefers-reduced-motion: no-preference){html.js-reveal-sections .section[data-reveal-section]:not(.is-visible){opacity:0;transform:translateY(20px)}html.js-reveal-sections .section[data-reveal-section].is-visible{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(0.22, 1, 0.36, 1),transform .6s cubic-bezier(0.22, 1, 0.36, 1)}}.section-alt{background:linear-gradient(180deg, rgba(0, 0, 0, 0.02), transparent 35%, rgba(0, 0, 0, 0.02));border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.section-head{display:grid;gap:8px;margin-bottom:20px}h2{margin:0;font-size:clamp(24px,3.2vw,34px);letter-spacing:-0.03em;line-height:1.15}.section-head p{margin:0;color:rgba(10,12,16,.7);max-width:70ch}.carousel{position:relative;border-radius:26px;border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.75);overflow:hidden;box-shadow:0 18px 70px rgba(10,12,16,.16)}.carousel:focus{outline:none;border-color:rgba(225,29,46,.35);box-shadow:0 0 0 4px rgba(225,29,46,.1),0 18px 70px rgba(10,12,16,.16)}.carousel-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{display:flex;width:100%;will-change:scroll-position}@media(prefers-reduced-motion: reduce){.carousel-track{transition:none}}.carousel-slide{flex:0 0 100%;margin:0;position:relative;aspect-ratio:16/9;background:rgba(0,0,0,.22);scroll-snap-align:start}.carousel-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.03) contrast(1.03)}.carousel:not(.carousel--reviews) .carousel-slide:first-child img{object-position:0px -260px}.carousel-slide::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 20% 0%, rgba(93, 225, 255, 0.1), transparent 55%),linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.28));pointer-events:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:16px;border:1px solid rgba(0,0,0,.14);background:hsla(0,0%,100%,.68);backdrop-filter:blur(10px);color:rgba(10,12,16,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform 120ms ease,background 120ms ease,border-color 120ms ease,opacity 120ms ease;opacity:.96}.carousel-btn span{font-size:22px;line-height:1}.carousel-btn:hover{background:hsla(0,0%,100%,.85);border-color:rgba(0,0,0,.22);transform:translateY(-50%) scale(1.02)}.carousel-btn:active{transform:translateY(-50%) scale(0.98)}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}.carousel-ui{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;background:linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.48))}.carousel-dots{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.carousel-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.22);background:rgba(0,0,0,.1);cursor:pointer;padding:0;transition:transform 120ms ease,background 120ms ease,border-color 120ms ease,width 120ms ease}.carousel-dot.is-active{width:22px;background:linear-gradient(90deg, rgba(225, 29, 46, 0.95), rgba(255, 77, 95, 0.85));border-color:rgba(225,29,46,.42)}.carousel-hint{color:rgba(10,12,16,.65);font-size:12px}.carousel--reviews{border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.02);overflow:visible}.carousel--reviews .carousel-viewport{border-radius:inherit;overflow:hidden}.carousel--reviews .carousel-slide{aspect-ratio:auto;background:rgba(0,0,0,0)}.carousel--reviews .carousel-slide::after{display:none}.carousel--reviews .review{height:auto;box-shadow:none}@media(min-width: 860px){.carousel--reviews .carousel-btn.prev{left:-22px}.carousel--reviews .carousel-btn.next{right:-22px}}@media(max-width: 859px){.carousel--reviews .carousel-btn.prev{left:12px}.carousel--reviews .carousel-btn.next{right:12px}}.site-footer .footer-credit{display:block}.cards{display:grid;gap:12px}.cards-4{grid-template-columns:1fr}.card{border:1px solid rgba(0,0,0,.1);background:linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.55));border-radius:22px;padding:18px 16px}@media(prefers-reduced-motion: no-preference){.card{transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.card:hover{transform:translateY(-3px);border-color:hsla(0,0%,100%,.2);background:linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03))}}.card h3{margin:0 0 8px;font-size:18px;letter-spacing:-0.02em}.card p{margin:0 0 12px;color:rgba(10,12,16,.7)}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:8px}.checklist li{position:relative;padding-left:24px;color:rgba(10,12,16,.7)}.checklist li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:6px;background:radial-gradient(circle at 30% 30%, #e11d2e, rgba(255, 255, 255, 0.2));box-shadow:0 0 0 4px rgba(225,29,46,.1)}.split{display:grid;gap:16px;align-items:start}.panel{border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.72);border-radius:22px;padding:18px 16px}.muted{color:rgba(10,12,16,.7)}.callout{margin-top:14px;border-radius:18px;border:1px solid rgba(225,29,46,.22);background:radial-gradient(600px 260px at 15% 10%, rgba(225, 29, 46, 0.12), transparent 55%),hsla(0,0%,100%,.7);padding:14px 14px}.callout-title{font-size:12px;color:rgba(10,12,16,.55);text-transform:uppercase;letter-spacing:.1em}.callout-link{display:inline-block;font-size:22px;font-weight:800;letter-spacing:-0.03em;margin-top:6px}.callout-sub{color:rgba(10,12,16,.7);margin-top:6px;font-size:13px}.bullets{margin:10px 0 0;padding-left:18px;color:rgba(10,12,16,.7);display:grid;gap:8px}.reviews{display:grid;gap:12px}.review{margin:0;border:1px solid rgba(0,0,0,.1);background:linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.55));border-radius:22px;padding:18px 16px}blockquote{margin:0 0 12px;color:rgba(10,12,16,.86);font-size:15px}.stars{color:rgba(225,29,46,.92);letter-spacing:.1em;margin-right:10px}.reviewer{font-weight:700;margin-right:10px}.review-date{color:rgba(10,12,16,.55);font-size:13px}.hours{margin:0}.hours .row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.08)}.hours .row:last-child{border-bottom:0}.hours dt{font-weight:650}.hours dd{margin:0;color:rgba(10,12,16,.7)}.contact-grid{display:grid;gap:12px;margin-top:18px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 10px}.microcopy{color:rgba(10,12,16,.7);border-top:1px solid rgba(0,0,0,.08);margin-top:14px;padding-top:12px}.local-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.local-links a{padding:8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.03);color:rgba(10,12,16,.7);font-size:13px}.local-links a:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.16)}.nearby{margin-top:14px;display:grid;gap:12px}.nearby-card{border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.03);border-radius:22px;padding:16px 16px}.nearby-card h3{margin:0 0 8px;font-size:16px;letter-spacing:-0.02em}.nearby-card p{margin:0;color:rgba(10,12,16,.7)}.site-footer{margin-top:40px;padding:40px 0 34px;color:hsla(0,0%,100%,.92);background:radial-gradient(900px 420px at 12% 0%, rgba(225, 29, 46, 0.22), transparent 60%),radial-gradient(760px 420px at 90% 10%, rgba(93, 225, 255, 0.16), transparent 55%),linear-gradient(180deg, rgba(11, 13, 16, 0.94), rgba(11, 13, 16, 0.98));border-top:1px solid hsla(0,0%,100%,.1)}.site-footer a{color:inherit}.footer-grid{align-items:start}.footer-inner{display:grid;gap:22px}.footer-left{display:grid;gap:12px}.footer-brand{font-weight:800;letter-spacing:-0.03em;line-height:1.15}.footer-meta{color:hsla(0,0%,100%,.72);display:flex;flex-wrap:wrap;gap:10px}.footer-meta a{color:hsla(0,0%,100%,.86);text-decoration:underline;text-decoration-color:hsla(0,0%,100%,.22);text-underline-offset:3px}.footer-meta a:hover{text-decoration-color:hsla(0,0%,100%,.46)}.footer-cols{display:grid;gap:16px}.footer-col-title{font-size:12px;color:hsla(0,0%,100%,.62);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.footer-col a{display:block;color:hsla(0,0%,100%,.78);padding:8px 10px;margin-left:-10px;border-radius:12px}.footer-col a:hover{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.96)}.footer-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.badge-icon{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);backdrop-filter:blur(10px);transition:transform 120ms ease,background 120ms ease,border-color 120ms ease}.badge-icon:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.24);background:hsla(0,0%,100%,.1)}.badge-icon:active{transform:translateY(1px)}.badge-icon svg{flex:0 0 auto}.badge-label{font-weight:700;letter-spacing:-0.01em;font-size:13px;color:hsla(0,0%,100%,.86)}.badge-icon--yelp{color:hsla(0,0%,100%,.92)}.badge-icon--yelp svg{color:#d32323}.badge-icon--google svg{color:#4285f4}.footer-bottom{margin-top:18px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.62);display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;align-items:center}.footer-credit{margin:0;color:hsla(0,0%,100%,.46)}.mobile-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px;border-radius:18px;border:1px solid rgba(0,0,0,.12);background:hsla(0,0%,100%,.82);backdrop-filter:blur(10px);box-shadow:0 18px 60px rgba(10,12,16,.18)}.mobile-bar-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.03);color:rgba(10,12,16,.92);font-weight:700;letter-spacing:-0.01em}.mobile-bar-btn.primary{background:linear-gradient(180deg, rgba(225, 29, 46, 0.98), rgba(225, 29, 46, 0.78));color:hsla(0,0%,100%,.96);border-color:rgba(225,29,46,.35)}@media(min-width: 860px){.header-inner{grid-template-columns:1fr auto auto}.nav{display:flex}.header-cta--desktop{display:flex}.header-cta--mobile{display:none}.header-menu-btn{display:none}.mobile-menu{display:none}.hero{padding:68px 0 40px}.hero-grid{grid-template-columns:1fr;gap:22px;align-items:center}.cards{grid-template-columns:repeat(3, 1fr)}.cards-4{grid-template-columns:repeat(4, 1fr)}.split{grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.reviews{grid-template-columns:repeat(3, 1fr)}.contact-grid{grid-template-columns:1fr 1fr}.nearby{grid-template-columns:repeat(4, 1fr)}.footer-inner.footer-grid{grid-template-columns:1.05fr .95fr;gap:28px}.footer-cols{grid-template-columns:repeat(3, 1fr)}.mobile-bar{display:none}}@media(max-width: 859px){body{padding-bottom:92px}.header-cta--desktop{display:none}.header-cta--mobile{display:flex;gap:10px;flex-wrap:nowrap}.header-inner{grid-template-columns:1fr auto;grid-auto-rows:auto;gap:10px 12px}.brand{align-self:center}.header-actions{align-self:center;justify-content:flex-end}.header-menu-btn{display:inline-flex}.header-cta--mobile{grid-column:1/-1;justify-content:flex-start}.mobile-menu-cta{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}.badge-label{display:none}}