/* GotCracked customer visual standard and authoritative final visual layer.
   Genuine, licensed electronics-repair photography may be used when it is
   identified as illustrative. Never imply that stock-photo people, customers,
   or locations are GotCracked staff, customers, or facilities. */
:root{
  --gc-visual-blue:#138cf6;
  --gc-visual-cyan:#39c8ff;
  --gc-visual-navy:#061222;
  --gc-visual-panel:#0a1b2f;
  --gc-visual-line:rgba(83,174,255,.24);
  --gc-visual-grid:rgba(104,184,255,.055);
}

/* Matte, diagram-led page backgrounds. */
html body .hero,
html body .request-page-hero{
  background-color:#030a16!important;
  background-image:
    radial-gradient(circle at 78% 34%,rgba(16,126,235,.18),transparent 30%),
    linear-gradient(var(--gc-visual-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--gc-visual-grid) 1px,transparent 1px),
    linear-gradient(135deg,#020813 0%,#061426 58%,#030a16 100%)!important;
  background-size:auto,52px 52px,52px 52px,auto!important;
  background-position:center!important;
}
html body .hero:after{
  background-image:linear-gradient(110deg,rgba(3,10,22,.08),rgba(3,10,22,.62))!important;
  mask-image:none!important;
}
.hero-visual{
  isolation:isolate;
  border:1px solid rgba(94,178,255,.12);
  border-radius:28px;
  background:
    linear-gradient(rgba(97,180,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(97,180,255,.045) 1px,transparent 1px),
    linear-gradient(145deg,rgba(10,32,57,.64),rgba(3,12,24,.2));
  background-size:34px 34px,34px 34px,auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.logo-stage{
  width:min(430px,82%)!important;
  border:1px solid rgba(81,171,255,.16);
  border-radius:24px;
  background:rgba(3,13,26,.66);
  box-shadow:0 24px 52px rgba(0,0,0,.24),inset 0 0 48px rgba(17,126,237,.07);
}
.logo-stage:before{
  width:76%!important;
  height:1px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,var(--gc-visual-cyan),transparent)!important;
  filter:none!important;
  opacity:.45!important;
}
.logo-stage img{
  width:84%!important;
  min-height:0!important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.48))!important;
}
.orbit{border-color:rgba(83,174,255,.12)!important}
.floating-card{
  background:rgba(5,17,33,.9)!important;
  backdrop-filter:none!important;
  border-color:rgba(90,176,255,.2)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
}

/* Remove every decorative raster introduced by the synthetic asset pass. */
.service-icon img,
.service-feature>img,
.guide-visual-image img,
.issue-card>img,
.journey-section-art,
.mail-in-photo,
.brand-panel img,
.media-status-art,
.support-accent,
.cta-support-art,
.appointment-art{
  display:none!important;
}

/* One consistent, locally served Lucide line icon per repair service. */
html body #services .service-icon{
  display:block!important;
  position:relative!important;
  width:48px!important;
  height:48px!important;
  margin:24px 0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:#45c6ff!important;
  box-shadow:none!important;
  transform:none!important;
  mask:var(--service-symbol) center/contain no-repeat;
  -webkit-mask:var(--service-symbol) center/contain no-repeat;
}
.service-card[data-service="Screen repair"] .service-icon{--service-symbol:url("assets/icons/lucide/smartphone.svg")}
.service-card[data-service="Free diagnostic"] .service-icon{--service-symbol:url("assets/icons/lucide/search-check.svg")}
.service-card[data-service="Device cleaning"] .service-icon{--service-symbol:url("assets/icons/lucide/brush.svg")}
.service-card[data-service="Computer tune-up"] .service-icon{--service-symbol:url("assets/icons/lucide/gauge.svg")}
.service-card[data-service="Custom PC build"] .service-icon{--service-symbol:url("assets/icons/lucide/computer.svg")}
.service-card[data-service="Virus removal"] .service-icon{--service-symbol:url("assets/icons/lucide/shield-check.svg")}
.service-card[data-service="Data recovery evaluation"] .service-icon{--service-symbol:url("assets/icons/lucide/hard-drive-download.svg")}
.service-card[data-service="Battery replacement"] .service-icon{--service-symbol:url("assets/icons/lucide/battery-charging.svg")}

/* Custom PC feature becomes a blueprint, not a fabricated product render. */
.service-feature{
  position:relative!important;
  border:1px solid rgba(78,169,249,.2)!important;
  box-shadow:0 22px 50px rgba(4,24,48,.13)!important;
}
.service-feature:before{
  content:"";
  display:block;
  min-height:340px;
  border-right:1px solid rgba(78,169,249,.17);
  background:
    radial-gradient(circle at 27% 30%,transparent 0 28px,rgba(59,190,255,.75) 29px 31px,transparent 32px),
    radial-gradient(circle at 27% 70%,transparent 0 28px,rgba(59,190,255,.75) 29px 31px,transparent 32px),
    linear-gradient(90deg,transparent 18%,rgba(194,237,255,.8) 18.3% 18.6%,transparent 18.9% 72%,rgba(59,190,255,.7) 72.3% 72.6%,transparent 72.9%),
    linear-gradient(transparent 15%,rgba(59,190,255,.36) 15.3% 15.6%,transparent 15.9% 84%,rgba(59,190,255,.36) 84.3% 84.6%,transparent 84.9%),
    linear-gradient(rgba(91,176,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,176,255,.055) 1px,transparent 1px),
    #071729;
  background-size:auto,auto,auto,auto,28px 28px,28px 28px,auto;
  box-shadow:inset 0 0 0 42px rgba(3,12,24,.16),inset 0 0 0 44px rgba(74,167,249,.24);
}

/* Diagnostics panel: a literal interface diagram, never a fake workbench. */
.guide-visual-image{
  position:relative!important;
  min-height:330px!important;
  background:
    linear-gradient(rgba(90,174,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,174,255,.055) 1px,transparent 1px),
    #041223!important;
  background-size:28px 28px!important;
}
.guide-visual-image:before{
  content:"";
  position:absolute;
  width:min(39%,170px);
  aspect-ratio:.64;
  left:18%;top:50%;transform:translateY(-50%);
  border:3px solid #42c4ff;border-radius:18px;
  background:linear-gradient(145deg,rgba(66,196,255,.04),rgba(66,196,255,.12));
  box-shadow:0 0 0 8px rgba(66,196,255,.04);
}
.guide-visual-image:after{
  content:"";
  position:absolute;
  left:48%;right:9%;top:48%;height:50px;
  background:linear-gradient(135deg,transparent 0 12%,#d8f6ff 13% 15%,transparent 16% 28%,#42c4ff 29% 32%,transparent 33% 47%,#d8f6ff 48% 51%,transparent 52% 66%,#42c4ff 67% 70%,transparent 71%);
  border-bottom:1px solid rgba(66,196,255,.28);
}

/* Human-free symptom cards use the existing controlled SVG diagrams. */
.issue-card{
  grid-template-columns:180px minmax(0,1fr)!important;
}
.issue-card:nth-child(-n+3):before{
  content:"";
  display:block;
  min-height:255px;
  border-right:1px solid #dfeaf4;
  background-color:#061426;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.issue-card:nth-child(1):before{background-image:url("assets/issue-cracked-screen.svg")}
.issue-card:nth-child(2):before{background-image:url("assets/issue-battery-health.svg")}
.issue-card:nth-child(3):before{background-image:url("assets/issue-laptop-thermal.svg")}
.issue-card:nth-child(4)>.console-platforms{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:255px!important;
  align-self:stretch!important;
}

/* Process, shipping, warranty, support, and form states stay diagrammatic. */
.process-copy:before{
  content:"";
  display:block;
  width:min(100%,350px);height:176px;margin:0 0 22px;border:1px solid rgba(93,176,255,.17);border-radius:18px;
  background:
    radial-gradient(circle at 12% 50%,#39c8ff 0 5px,rgba(57,200,255,.17) 6px 18px,transparent 19px),
    radial-gradient(circle at 37% 50%,#39c8ff 0 5px,rgba(57,200,255,.17) 6px 18px,transparent 19px),
    radial-gradient(circle at 63% 50%,#39c8ff 0 5px,rgba(57,200,255,.17) 6px 18px,transparent 19px),
    radial-gradient(circle at 88% 50%,#39c8ff 0 5px,rgba(57,200,255,.17) 6px 18px,transparent 19px),
    linear-gradient(90deg,transparent 12%,rgba(57,200,255,.42) 12.5% 87.5%,transparent 88%),
    linear-gradient(rgba(90,174,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,174,255,.045) 1px,transparent 1px),#07172a;
  background-size:auto,auto,auto,auto,auto,24px 24px,24px 24px,auto;
}
.mail-in-copy:before{
  content:"";
  display:block;
  width:100%;height:220px;margin:24px 0;border:1px solid #d7e6f3;border-radius:18px;
  background:
    linear-gradient(145deg,transparent 0 38%,rgba(22,143,241,.19) 38.5% 61.5%,transparent 62%),
    linear-gradient(35deg,transparent 0 46%,rgba(22,143,241,.38) 46.5% 48%,transparent 48.5%),
    linear-gradient(rgba(63,147,225,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(63,147,225,.06) 1px,transparent 1px),#f8fbfe;
  background-size:auto,auto,26px 26px,26px 26px,auto;
  box-shadow:inset 0 0 0 30px rgba(255,255,255,.34);
}
.brand-panel{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  background:
    linear-gradient(rgba(87,174,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(87,174,255,.055) 1px,transparent 1px),
    linear-gradient(145deg,#061629,#030a16)!important;
  background-size:30px 30px,30px 30px,auto!important;
}
.brand-panel:before{
  content:"";
  width:40%;aspect-ratio:.82;
  background:linear-gradient(160deg,#38c7ff,#0874ef);
  clip-path:polygon(50% 0,91% 15%,84% 69%,50% 100%,16% 69%,9% 15%);
  box-shadow:0 20px 45px rgba(5,124,237,.24);
}
.brand-panel:after{
  content:"";
  position:absolute;
  width:72px;height:34px;
  border-left:8px solid #fff;border-bottom:8px solid #fff;
  transform:rotate(-45deg) translate(4px,-8px);
}
.media-placeholder:before{
  content:"▶";
  flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(79,184,255,.38);border-radius:50%;color:#54cbff;background:#081c31;font-size:16px;
}
.media-thumb img{display:none!important}
.media-thumb:before{content:"▶";display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.46);border-radius:50%;color:#fff;font-size:19px;background:rgba(3,13,26,.38)}
.faq-grid>div:first-child:before{
  content:"?";
  width:72px;height:72px;margin:0 0 22px;display:grid;place-items:center;border:1px solid rgba(33,144,234,.28);border-radius:18px;background:#eaf6ff;color:#0878e3;font-size:34px;font-weight:850;
}
.final-cta .container:before{
  content:"";
  display:block;width:150px;height:58px;margin:0 auto 13px;
  background:radial-gradient(circle at 10% 50%,#39c8ff 0 4px,transparent 5px),radial-gradient(circle at 35% 50%,#39c8ff 0 4px,transparent 5px),radial-gradient(circle at 65% 50%,#39c8ff 0 4px,transparent 5px),radial-gradient(circle at 90% 50%,#39c8ff 0 4px,transparent 5px),linear-gradient(90deg,transparent 10%,rgba(57,200,255,.42) 10.5% 89.5%,transparent 90%);
}
.booking-intro:has(.appointment-art):before{
  content:"";
  display:block;width:min(100%,250px);height:142px;margin:0 0 22px;border:1px solid rgba(84,173,255,.2);border-radius:16px;
  background:
    radial-gradient(circle at 76% 60%,transparent 0 24px,#39c8ff 25px 27px,transparent 28px),
    linear-gradient(90deg,transparent 15%,rgba(216,246,255,.78) 15.5% 16.5%,transparent 17% 53%,rgba(216,246,255,.78) 53.5% 54.5%,transparent 55%),
    linear-gradient(transparent 27%,rgba(57,200,255,.4) 27.5% 29%,transparent 29.5%),
    linear-gradient(rgba(90,174,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,174,255,.05) 1px,transparent 1px),#07192c;
  background-size:auto,auto,auto,22px 22px,22px 22px,auto;
}

/* State art becomes compact UI feedback instead of decorative renders. */
.tracker-result:before,
.form-success:before,
.account-login-card:before,
.account-empty:before{
  background:none!important;
  filter:none!important;
  box-sizing:border-box!important;
}
.tracker-result:before,
.form-success:before{
  content:"✓"!important;
  width:64px!important;height:64px!important;margin:0 auto 14px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(52,193,151,.45)!important;border-radius:50%!important;background:rgba(52,193,151,.1)!important;color:#55d8ae!important;font-size:27px!important;font-weight:900!important;
}
.request-submit-error:not(:empty):before{
  content:"!"!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(180,35,24,.28)!important;border-radius:10px!important;background:#fff1ef!important;color:#b42318!important;font-weight:900!important;
}
.account-login-card:before{
  content:""!important;
  width:76px!important;height:76px!important;margin:-3px auto 16px!important;display:block!important;
  border:2px solid #78baff!important;border-radius:20px!important;
  background:linear-gradient(90deg,transparent 43%,#78baff 44% 56%,transparent 57%),linear-gradient(transparent 58%,#78baff 59% 65%,transparent 66%)!important;
}
.account-empty:before{
  content:""!important;
  width:74px!important;height:52px!important;margin:0 auto 14px!important;display:block!important;
  border:2px solid #4f83b6!important;border-top:0!important;border-radius:6px 6px 14px 14px!important;
  background:linear-gradient(135deg,transparent 45%,rgba(92,154,214,.18) 46% 54%,transparent 55%)!important;
}

@media(max-width:700px){
  .hero-visual{border-radius:18px!important}
  .logo-stage{width:min(270px,80vw)!important;border-radius:18px!important}
  html body #services .service-icon{width:40px!important;height:40px!important;margin:12px 0 10px!important;transform:none!important}
  .service-feature:before{min-height:210px;border-right:0;border-bottom:1px solid rgba(78,169,249,.17);box-shadow:inset 0 0 0 24px rgba(3,12,24,.16),inset 0 0 0 26px rgba(74,167,249,.24)}
  .guide-visual-image{min-height:190px!important}
  .guide-visual-image:before{left:14%;width:30%;border-radius:12px}
  .guide-visual-image:after{left:44%;right:7%;height:40px}
  .issue-card{grid-template-columns:104px minmax(0,1fr)!important}
  .issue-card:nth-child(-n+3):before{min-height:180px;background-size:cover}
  .issue-card:nth-child(4)>.console-platforms{width:104px!important;min-width:104px!important;max-width:104px!important;min-height:180px!important}
  .process-copy:before{width:100%;height:145px;margin-bottom:18px}
  .mail-in-copy:before{height:166px;margin:18px 0}
  .booking-intro:has(.appointment-art):before{width:100%;height:130px}
}

/* Authentic repair photography and the tighter editorial homepage rhythm.
   These rules live in the final asset layer so legacy diagram styling cannot
   win the cascade during first paint. Sources and hashes are recorded in
   ASSET_PROVENANCE.md and the public credits page. */
:root{
  --gc-ink:#07111f;
  --gc-blue:#078cf0;
  --gc-cyan:#34c8ff;
  --gc-paper:#f4f7fa;
  --gc-line:#d9e3ed;
}

html body .hero{min-height:720px;background:#020812!important;background-image:none!important}
html body .hero:after{background:linear-gradient(90deg,rgba(2,8,18,.16),rgba(2,8,18,.5))!important}
html body .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:54px;min-height:610px;padding:52px 0 58px}
html body .hero h1{font-size:clamp(52px,5.35vw,78px);max-width:760px}
html body .hero-lede{max-width:650px}
html body .hero-visual{
  display:block!important;
  position:relative;
  height:480px!important;
  min-height:480px;
  overflow:hidden;
  border:1px solid rgba(117,197,255,.28)!important;
  border-radius:30px!important;
  background:radial-gradient(circle at 7% 14%,#10375a 0,#071b31 38%,#071321 100%)!important;
  box-shadow:0 34px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.hero-assessment{height:100%;display:flex;flex-direction:column;padding:26px;color:#eff7ff}
.hero-assessment-kicker{margin:0 0 9px;color:#78c9ff;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.hero-assessment h2{margin:0;font-size:31px;line-height:1.12;letter-spacing:-.04em}
.hero-assessment-intro{margin:10px 0 0;max-width:40ch;color:#bbd0e3;font-size:13px;line-height:1.5}
.hero-assessment-body{display:grid;grid-template-columns:176px minmax(0,1fr);gap:18px;align-items:center;margin:19px 0 0}
.hero-photo-wrap{display:block;width:176px;height:230px;overflow:hidden;background:#fff;border:1px solid #abc0d5;border-radius:13px}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:24% center;filter:none}
.hero-symptoms{display:grid;gap:9px}
.hero-symptoms a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:53px;padding:11px 12px;border:1px solid #315675;border-radius:10px;background:#102e49;color:#e6f3ff;font-size:12px;font-weight:750;line-height:1.3;text-decoration:none}
.hero-symptoms a:hover,.hero-symptoms a:focus-visible{background:#17436a;border-color:#59b8ff;outline:none}
.hero-symptoms a span{color:#6ac7ff;font-size:15px}
html body .hero-visual .orbit,html body .hero-visual .logo-stage{display:none!important}
.photo-context{margin:auto 0 0;padding-top:13px;color:#b6c9dc;font-size:10px;line-height:1.4;letter-spacing:.01em}
.photo-context a{color:#bfeaff}
.trust-row{margin-top:37px}

.device-strip{background:#f8fbfe}
.brand-coverage{padding:19px 0 23px}
.repair-finder{background:#fff}
.services{background:var(--gc-paper)}
#services .service-card{background:#fff!important;border-color:var(--gc-line)!important;box-shadow:0 10px 28px rgba(18,45,74,.05)}
#services .service-card.featured{background:#071421!important;border-color:#183859!important}
html body .service-feature{
  grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr)!important;
  min-height:420px;
  background:#071421!important;
  border-color:rgba(88,177,255,.32)!important;
}
html body .service-feature:before{display:none!important}
html body .service-feature>img{display:block!important;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.05)}
html body .service-feature>div{align-self:center;padding:52px!important}
.guide-visual{box-shadow:0 24px 55px rgba(9,36,66,.14)}
html body .guide-visual-image{min-height:360px!important;background:#061322!important}
html body .guide-visual-image:before,html body .guide-visual-image:after{display:none!important}
html body .guide-visual-image img{display:block!important;width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04)}

.legal-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid #142033}
.legal-summary p{margin:0;color:#90a1b4;font-size:11px;line-height:1.65}
.legal-summary strong{color:#d8e3ee}
.booking-note a,
footer .footer-grid a,
footer .trademark-notice a,
footer .legal-summary a,
footer .footer-bottom a{color:#a9dcff;text-decoration-color:rgba(169,220,255,.58);text-underline-offset:3px}
.booking-form .check-label a{color:#0669c8;text-decoration-color:rgba(6,105,200,.48);text-underline-offset:3px}
.booking-note a:hover,
footer a:hover{color:#fff;text-decoration-color:currentColor}
.booking-note a:focus-visible,
footer a:focus-visible{outline:3px solid #42c7ff;outline-offset:3px;border-radius:3px;color:#fff}
.booking-form .check-label a:focus-visible{outline:3px solid #087cf3;outline-offset:3px;border-radius:3px}
.footer-bottom{gap:24px}

.credits-page .request-page-shell{grid-template-columns:minmax(250px,.56fr) minmax(0,1.44fr)}
.credits-page .booking-form{display:block;background:#fff}
.credits-page .booking-form h2{margin:34px 0 10px;font-size:22px;letter-spacing:-.02em}
.credits-page .booking-form h2:first-child{margin-top:0}
.credits-page .booking-form p,.credits-page .booking-form li{color:#4f6072;font-size:14px;line-height:1.72}
.credits-page .booking-form ul{padding-left:20px}
.credits-page .booking-form a{color:#0669c8;font-weight:700}
.credits-page .credits-updated{font-size:12px;color:#718195}

@media(max-width:980px){
  html body .hero-grid{grid-template-columns:1fr;gap:36px;padding-top:64px}
  .hero-copy{text-align:left}
  .hero-lede{margin-left:0}.hero-actions,.trust-row{justify-content:flex-start}
  html body .hero-visual{height:460px!important;min-height:460px}
  html body .service-feature{grid-template-columns:1fr!important}
  html body .service-feature>img{min-height:320px;max-height:380px}
  .credits-page .request-page-shell{grid-template-columns:1fr}
}

@media(max-width:650px){
  html body .hero-grid{padding:46px 0 44px;gap:28px}
  html body .hero h1{font-size:46px}
  .hero-actions{display:grid}
  .trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .trust-row div{padding-left:10px}
  html body .hero-visual{height:404px!important;min-height:404px;border-radius:20px!important}
  .hero-assessment{padding:18px}
  .hero-assessment h2{font-size:25px}
  .hero-assessment-intro{font-size:12px;margin-top:8px}
  .hero-assessment-body{grid-template-columns:128px minmax(0,1fr);gap:10px;margin-top:14px}
  .hero-photo-wrap{width:128px;height:182px}
  .hero-symptoms{gap:7px}
  .hero-symptoms a{min-height:49px;padding:8px;font-size:11px}
  .photo-context{font-size:9px;padding-top:10px}
  html body .service-feature{min-height:0}
  html body .service-feature>img{min-height:260px;max-height:300px;object-position:center 65%}
  html body .service-feature>div{padding:28px 22px!important}
  html body .guide-visual-image,html body .guide-visual-image img{min-height:220px!important}
  .legal-summary{grid-template-columns:1fr;gap:14px}
}

@media(prefers-reduced-motion:reduce){.hero-photo,.service-feature>img,.guide-visual-image img{filter:none}}
@media(max-width:390px){
  .issue-card{grid-template-columns:92px minmax(0,1fr)!important}
  .issue-card:nth-child(-n+3):before{min-height:190px}
  .issue-card:nth-child(4)>.console-platforms{width:92px!important;min-width:92px!important;max-width:92px!important;min-height:190px!important}
}
@media(prefers-reduced-motion:reduce){
  .logo-stage img,.floating-card{filter:none!important}
}

/* Reliability: customer content never waits on scroll observers. */
.reveal,
.reveal.visible,
html.gc-motion-ready .reveal:not(.visible),
html.gc-motion-ready .reveal.visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

/* Customer growth, Learn bridge, and genuine social brand controls */
.repair-finder{padding:48px 0 28px;background:#fff}
.repair-finder-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:40px;align-items:end;margin-bottom:22px}
.repair-finder-heading h2{margin:0;font-size:clamp(34px,3.6vw,49px);line-height:1;letter-spacing:-.045em}
.repair-finder-heading>p{margin:0;color:#657487;font-size:13px;line-height:1.65}
.repair-finder-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.repair-finder-grid>a{min-height:190px;padding:21px;border:1px solid #e3eaf2;border-radius:16px;background:#f7f9fc;color:#0c1728;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.repair-finder-grid>a:hover{transform:translateY(-4px);border-color:#9fd8ff;box-shadow:0 16px 38px rgba(5,26,57,.1)}
.repair-finder-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e5f4ff;color:#077bea;font-size:21px;font-weight:800;margin-bottom:20px}
.repair-finder-grid strong{font-size:16px;line-height:1.2}
.repair-finder-grid small{font-size:11px;color:#6f7f92;line-height:1.5;margin:8px 0 17px}
.repair-finder-grid b{margin-top:auto;color:#087cf0;font-size:11px}
.repair-finder-grid>a.repair-finder-unsure{background:#06101f;color:#fff;border-color:#17314e}
.repair-finder-unsure .repair-finder-icon{background:#0d2c4c;color:#37beff}
.repair-finder-grid>a.repair-finder-unsure small{color:#93a8bd}.repair-finder-grid>a.repair-finder-unsure b{color:#3ec4ff}
.learn-bridge{margin-top:24px;border:1px solid #d9e6f2;border-radius:18px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#f7fbff,#edf6ff)}
.learn-bridge .eyebrow{margin-bottom:7px}.learn-bridge h3{margin:0;font-size:22px;letter-spacing:-.035em}.learn-bridge p:not(.eyebrow){margin:6px 0 0;color:#68798c;font-size:12px;max-width:700px}
.social-media-links,.footer-social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-profile-button{display:inline-flex!important;align-items:center;gap:9px;min-height:44px;padding:7px 12px 7px 8px!important;border:1px solid #31516f!important;border-radius:12px!important;background:#0b1e31!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;margin:0!important}
.social-profile-button:hover{border-color:#2dbbff!important;background:#10283f!important}
.social-profile-button>span:last-child{color:#6a9fc4;font-size:11px;margin-left:2px}
.social-profile-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#050b12;flex:0 0 30px}
.social-profile-icon img{width:22px;height:22px;object-fit:contain;display:block}
.footer-social-links{margin-top:18px}.footer-social-links .social-profile-button{padding:6px!important;min-height:38px}.footer-social-links .social-profile-button>span:not(.social-profile-icon){display:none}.footer-social-links .social-profile-icon{width:28px;height:28px;flex-basis:28px}.footer-social-links .social-profile-icon img{width:21px;height:21px}
@media(max-width:980px){.repair-finder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.repair-finder-heading{grid-template-columns:1fr;gap:12px}}
@media(max-width:650px){.repair-finder{padding:34px 0 18px}.repair-finder-grid{grid-template-columns:1fr 1fr}.repair-finder-grid>a{min-height:170px;padding:17px}.repair-finder-grid>a.repair-finder-unsure{grid-column:1/-1}.learn-bridge{align-items:flex-start;flex-direction:column;padding:20px}.learn-bridge .button{width:100%}}