@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root {
  color-scheme: light;
  --navy: #102d3c;
  --navy-deep: #092431;
  --teal: #087c73;
  --teal-light: #40b7a6;
  --mint: #eaf7f3;
  --cream: #f7f4ed;
  --white: #fff;
  --ink: #173140;
  --muted: #65757d;
  --line: #dbe4e3;
  --shadow: 0 22px 60px rgba(13, 42, 54, 0.13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--white); color: var(--ink); font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.site-shell { min-height: 100vh; overflow: hidden; }
.skip-link { position: fixed; z-index: 99; top: 8px; left: 8px; padding: 10px 14px; background: white; color: var(--navy); transform: translateY(-140%); }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.site-nav { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr auto 1fr; min-height: 78px; align-items: center; gap: 32px; padding: 12px clamp(22px, 5vw, 78px); background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(219,228,227,.8); }
.site-brand { display: inline-flex; width: fit-content; align-items: center; gap: 10px; color: var(--navy); font-family: "Manrope", sans-serif; font-size: 1.18rem; font-weight: 800; text-decoration: none; }
.site-brand img { width: 42px; height: 42px; border-radius: 11px; }
.site-brand span span { color: var(--teal); }
.site-links, .nav-actions { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 38px); }
.site-links a, .nav-actions a { color: #526671; font-size: .9rem; font-weight: 700; text-decoration: none; }
.site-links a:hover, .site-links a.current, .text-link:hover { color: var(--teal); }
.nav-actions { justify-content: flex-end; gap: 22px; }
.button-link, .primary-action, .secondary-action, .plan-action { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border-radius: 8px; padding: 0 20px; font-weight: 800; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button-link { min-height: 44px; background: var(--teal); color: white !important; }
.button-link:hover, .primary-action:hover, .plan-action:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(8,124,115,.22); }

.hero { position: relative; min-height: 720px; color: white; background: var(--navy); }
.hero::before { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,36,49,.98) 0%, rgba(8,36,49,.9) 38%, rgba(8,36,49,.42) 100%), url("./assets/body-shop-progress.png") 80% center / cover no-repeat; content: ""; }
.hero::after { position: absolute; inset: auto 0 0; height: 190px; background: linear-gradient(0deg, rgba(6,31,41,.75), transparent); content: ""; }
.hero-inner { position: relative; z-index: 1; display: grid; width: min(1440px, 100%); min-height: 720px; grid-template-columns: minmax(430px,.85fr) minmax(620px,1.15fr); align-items: center; gap: clamp(40px, 5vw, 86px); margin: auto; padding: 80px clamp(24px,5vw,78px); }
.hero-content { align-self: center; }
.eyebrow { margin: 0 0 16px; color: var(--teal); font-family: "Manrope",sans-serif; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow.light { color: #81d8cb; }
.hero h1, .pricing-hero h1 { margin: 0; font-family: "Manrope",sans-serif; font-size: clamp(3.4rem,5vw,5.55rem); font-weight: 800; letter-spacing: -.055em; line-height: .98; }
.hero h1 em, .pricing-hero h1 em { color: #62d1bf; font-style: normal; }
.hero-copy { max-width: 610px; margin: 26px 0 30px; color: rgba(255,255,255,.82); font-size: clamp(1.05rem,1.3vw,1.25rem); line-height: 1.6; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.primary-action { background: var(--teal); color: white; }
.primary-action.bright { background: #27a997; box-shadow: 0 15px 30px rgba(0,0,0,.18); }
.secondary-action { border: 1px solid rgba(255,255,255,.4); color: white; }
.secondary-action:hover { background: rgba(255,255,255,.09); }
.play-icon { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; font-size: .55rem; }
.micro-copy { margin: 18px 0 0; color: rgba(255,255,255,.64); font-size: .8rem; }
.micro-copy span { margin-right: 4px; color: #70d4c5; }

.hero-product { position: relative; width: 100%; }
.product-capture { overflow: hidden; width: min(760px,100%); margin: 0; border: 1px solid rgba(255,255,255,.28); border-radius: 16px; background: #f8f5ee; box-shadow: 0 35px 90px rgba(0,0,0,.38); color: var(--ink); transform: perspective(1600px) rotateY(-3deg) rotateX(1deg); }
.capture-bar { display: flex; height: 42px; align-items: center; gap: 7px; padding: 0 16px; background: #fff; border-bottom: 1px solid #e3e8e6; }.capture-bar span { width: 8px; height: 8px; border-radius: 50%; background: #d4dfdc; }.capture-bar strong { margin-left: 7px; color: #697a80; font-size: .62rem; font-weight: 700; }.capture-viewport { aspect-ratio: 3417/1698; overflow: hidden; background: #f8f5ee; }.capture-viewport img { display: block; width: 100%; height: 100%; object-fit: cover; }.product-capture figcaption { padding: 12px 18px; background: #fff; color: #64767d; font-size: .68rem; line-height: 1.45; }
.mock-window { overflow: hidden; width: min(760px,100%); border: 1px solid rgba(255,255,255,.24); border-radius: 16px; background: #f7faf9; box-shadow: 0 35px 90px rgba(0,0,0,.38); color: var(--ink); transform: perspective(1600px) rotateY(-3deg) rotateX(1deg); }
.mock-topbar { display: flex; height: 54px; align-items: center; justify-content: space-between; padding: 0 20px; background: white; border-bottom: 1px solid #e5eceb; }
.mock-brand { display: flex; align-items: center; gap: 8px; font-size: .76rem; }.mock-brand img { width: 26px; height: 26px; border-radius: 6px; }.mock-shop { color: var(--muted); font-size: .65rem; }
.mock-body { display: grid; grid-template-columns: 112px 1fr; min-height: 400px; }
.mock-sidebar { display: flex; flex-direction: column; gap: 8px; padding: 25px 12px; background: #113646; color: rgba(255,255,255,.6); font-size: .63rem; }
.mock-sidebar span { padding: 9px 10px; border-radius: 5px; }.mock-sidebar .active { background: rgba(75,190,173,.2); color: white; }
.mock-main { min-width: 0; padding: 28px; }
.mock-heading { display: flex; align-items: center; justify-content: space-between; }.mock-heading div { display: grid; gap: 4px; }.mock-heading small { color: #849299; font-size: .5rem; letter-spacing: .12em; }.mock-heading strong { color: var(--navy); font-size: 1.15rem; }.mock-heading button { border: 0; border-radius: 6px; padding: 9px 12px; background: var(--teal); color: white; font: inherit; font-size: .6rem; font-weight: 700; }
.mock-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 20px 0; }.mock-stats div { display: grid; gap: 4px; border: 1px solid #e1e9e7; border-radius: 7px; padding: 13px; background: white; }.mock-stats small { color: #77898f; font-size: .52rem; }.mock-stats strong { color: var(--navy); font-size: 1.25rem; }.mock-stats span { color: var(--teal); font-size: .5rem; }
.mock-card { border: 1px solid #e1e9e7; border-radius: 8px; background: white; }.mock-card-title { display: flex; justify-content: space-between; padding: 14px; border-bottom: 1px solid #eef2f1; font-size: .65rem; }.mock-card-title span { color: var(--teal); }.repair-row { display: grid; grid-template-columns: 30px minmax(125px,1fr) auto 75px; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #eef2f1; }.repair-row:last-child { border: 0; }.repair-row div { display: grid; gap: 3px; }.repair-row strong { font-size: .6rem; }.repair-row small, .eta { color: #849299; font-size: .5rem; }.car-dot { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 7px; background: #dff3ef; color: var(--teal); font-size: .52rem; font-weight: 800; }.car-dot.gold { background: #f9eed8; color: #a86c12; }.car-dot.blue { background: #e1edf5; color: #3f7190; }.status-pill { border-radius: 99px; padding: 5px 8px; background: #dff3ef; color: var(--teal); font-size: .48rem; }.status-pill.gold { background: #f9eed8; color: #9a650f; }.status-pill.blue { background: #e1edf5; color: #3f7190; }
.floating-update, .floating-rating { position: absolute; display: flex; border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.97); color: var(--ink); box-shadow: var(--shadow); }
.floating-update { right: -12px; bottom: -38px; align-items: center; gap: 10px; border-radius: 9px; padding: 12px 16px; }.floating-update div { display: grid; gap: 2px; }.floating-update strong { font-size: .72rem; }.floating-update small { color: var(--muted); font-size: .56rem; }.success-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #dff4ee; color: var(--teal); font-weight: 800; }
.floating-rating { left: -32px; bottom: -85px; width: 220px; flex-direction: column; gap: 4px; border-radius: 9px; padding: 13px 16px; }.floating-rating span { color: #e9a72b; font-size: .7rem; letter-spacing: .1em; }.floating-rating strong { font-size: .64rem; line-height: 1.35; }.floating-rating small { color: var(--muted); font-size: .54rem; }

.trust-strip { display: flex; min-height: 105px; align-items: center; justify-content: space-between; gap: 30px; padding: 24px clamp(24px,7vw,110px); background: var(--cream); border-bottom: 1px solid #ece6dc; }.trust-strip > p { max-width: 250px; color: var(--navy); font-family: "Manrope",sans-serif; font-size: .84rem; font-weight: 800; }.trust-strip div { display: flex; flex-wrap: wrap; gap: clamp(20px,4vw,55px); color: #596c73; font-size: .82rem; font-weight: 600; }.trust-strip b { color: var(--teal); }
.section { padding: clamp(74px,8vw,120px) clamp(24px,7vw,110px); }.section.centered { background: white; }.section-heading { max-width: 740px; }.centered-copy { margin: 0 auto 52px; text-align: center; }.section-heading h2, .feature-copy h2, .final-cta h2, .faq-section h2 { margin: 0; color: var(--navy); font-family: "Manrope",sans-serif; font-size: clamp(2.15rem,4vw,3.65rem); letter-spacing: -.045em; line-height: 1.08; }.section-heading > p:last-child, .feature-copy > p, .faq-section > div > p:last-child { color: var(--muted); line-height: 1.65; }
.steps-grid { display: grid; max-width: 1180px; grid-template-columns: repeat(3,1fr); gap: 28px; margin: auto; counter-reset: steps; }.steps-grid article { position: relative; min-height: 280px; border: 1px solid var(--line); border-radius: 12px; padding: 36px 30px; background: white; box-shadow: 0 16px 40px rgba(20,53,65,.06); }.step-number { position: absolute; top: 22px; right: 24px; color: #dbe8e5; font-family: "Manrope"; font-size: 1.6rem; font-weight: 800; }.step-icon { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 28px; border: 1px solid rgba(11,129,120,.08); border-radius: 12px; background: var(--mint); color: var(--teal); }.step-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.steps-grid h3 { margin: 0 0 12px; color: var(--navy); font: 800 1.15rem "Manrope"; }.steps-grid p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.65; }

.feature-showcase { display: grid; grid-template-columns: minmax(420px,.9fr) minmax(460px,1.1fr); align-items: center; gap: clamp(50px,8vw,130px); padding: clamp(80px,9vw,130px) clamp(24px,8vw,130px); background: var(--navy); color: white; }.feature-copy h2 { color: white; }.feature-copy > p { color: rgba(255,255,255,.7); }.check-list { display: grid; gap: 24px; margin: 35px 0; padding: 0; list-style: none; }.check-list li { display: flex; gap: 16px; }.check-list li > span { display: grid; flex: 0 0 28px; height: 28px; place-items: center; border-radius: 50%; background: rgba(65,183,166,.18); color: #69d4c3; }.check-list strong { font-family: "Manrope"; font-size: .98rem; }.check-list p { margin: 5px 0 0; color: rgba(255,255,255,.63); font-size: .86rem; line-height: 1.55; }.inline-link { color: #6bd4c4; font-weight: 800; text-decoration: none; }
.phone-scene { position: relative; display: grid; min-height: 570px; place-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(63,179,162,.25), transparent 64%); }.phone { width: 270px; border: 9px solid #071d27; border-radius: 36px; padding: 7px; background: #071d27; box-shadow: 0 45px 80px rgba(0,0,0,.44); transform: rotate(3deg); }.phone-notch { position: absolute; z-index: 2; width: 90px; height: 18px; margin-left: 74px; border-radius: 0 0 13px 13px; background: #071d27; }.phone-screen { min-height: 520px; overflow: hidden; border-radius: 24px; padding: 30px 20px 20px; background: #f8faf8; color: var(--ink); }.customer-brand { display: flex; align-items: center; gap: 7px; margin-bottom: 28px; font-size: .65rem; }.customer-brand img { width: 24px; height: 24px; border-radius: 6px; }.phone-screen > small { color: #7c8d92; font-size: .48rem; letter-spacing: .12em; }.phone-screen h3 { margin: 7px 0 17px; color: var(--navy); font: 800 1.2rem "Manrope"; }.progress-line { display: flex; gap: 4px; }.progress-line i { width: 37px; height: 4px; border-radius: 3px; background: var(--teal); }.progress-line i:last-child { background: #d5e1df; }.status-summary { margin: 22px 0 14px; border-radius: 8px; padding: 14px; background: var(--mint); }.status-summary span { display: block; color: var(--muted); font-size: .52rem; }.status-summary strong { color: var(--teal); font-size: .82rem; }.status-summary p { margin: 13px 0 0; color: var(--muted); font-size: .58rem; line-height: 1.6; }.status-summary b { color: var(--navy); }.photo-preview { height: 110px; border-radius: 8px; background: linear-gradient(rgba(9,36,49,.06),rgba(9,36,49,.12)), url("./assets/body-shop-progress.png") center / cover; }.phone-note { color: var(--muted); font-size: .6rem; line-height: 1.5; }
.actual-customer-view { height: 520px; min-height: 0; padding: 0; }.actual-customer-view img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.testimonial { background: var(--cream); }.testimonial blockquote { max-width: 900px; margin: auto; text-align: center; }.quote-mark { color: var(--teal); font: 800 4.5rem/1 Georgia,serif; }.testimonial blockquote > p { margin: -22px 0 34px; color: var(--navy); font-family: "Manrope"; font-size: clamp(1.45rem,2.7vw,2.35rem); font-weight: 700; line-height: 1.4; }.testimonial footer { display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; }.avatar { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--navy); color: white; font-size: .7rem; font-weight: 800; }.testimonial footer div { display: grid; }.testimonial footer strong { font-size: .8rem; }.testimonial footer small { color: var(--muted); font-size: .7rem; }.stars { margin-left: 12px; color: #e5a72e; font-size: .75rem; letter-spacing: .1em; }
.final-cta { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 70px clamp(24px,8vw,130px); background: var(--teal); color: white; }.final-cta h2 { color: white; font-size: clamp(2rem,3.6vw,3.35rem); }.final-cta p:last-child { margin-bottom: 0; color: rgba(255,255,255,.75); }.final-cta .primary-action { flex: 0 0 auto; background: white; color: var(--teal); }

.site-footer { display: grid; grid-template-columns: 1fr 1.4fr auto auto; align-items: center; gap: 28px; padding: 34px clamp(24px,5vw,78px); background: white; border-top: 1px solid var(--line); }.site-footer > p { margin: 0; color: var(--muted); font-size: .73rem; }.site-footer nav { display: flex; gap: 20px; }.site-footer nav a { color: #596c73; font-size: .72rem; font-weight: 700; text-decoration: none; }

/* Shared policy and support pages */
.page-hero { padding: 105px clamp(24px,8vw,130px) 58px; background: linear-gradient(145deg,var(--mint),#fbfcfa); }
.page-hero h1 { max-width: 900px; margin: 0 0 18px; color: var(--navy); font: 800 clamp(2.6rem,5vw,4.8rem)/1.02 "Manrope",sans-serif; letter-spacing: -.05em; }
.page-hero > p:not(.eyebrow) { max-width: 720px; color: var(--muted); line-height: 1.65; }
.content-band { padding: 70px clamp(24px,8vw,130px); }
.policy-page { display: grid; max-width: 980px; gap: 18px; }
.policy-card { border: 1px solid var(--line); border-radius: 12px; padding: clamp(22px,3vw,32px); background: white; box-shadow: 0 12px 32px rgba(15,49,61,.05); }
.policy-card.notice { border-color: #ead8af; background: #fffaf0; }
.policy-card h2 { margin: 0 0 12px; color: var(--navy); font: 800 clamp(1.35rem,2.5vw,2rem)/1.15 "Manrope",sans-serif; }
.policy-card p { color: var(--muted); line-height: 1.65; }
.policy-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.policy-grid article { border: 1px solid var(--line); border-radius: 10px; padding: 18px; background: var(--cream); }.policy-grid p { margin-bottom: 0; }

/* Pricing */
.pricing-page { background: #fbfcfa; }.pricing-hero { padding: 95px 24px 62px; text-align: center; background: linear-gradient(180deg,#edf8f5 0%,#fbfcfa 100%); }.pricing-hero h1 { color: var(--navy); font-size: clamp(3rem,5vw,5rem); }.pricing-hero > p:not(.eyebrow) { max-width: 650px; margin: 24px auto; color: var(--muted); font-size: 1.05rem; line-height: 1.65; }.trial-proof { display: flex; justify-content: center; gap: 28px; color: #526d72; font-size: .79rem; font-weight: 700; }.trial-proof span::first-letter { color: var(--teal); }
.pricing-section { padding: 20px clamp(24px,6vw,92px) 90px; }.pricing-grid { display: grid; max-width: 1210px; grid-template-columns: repeat(3,1fr); align-items: stretch; gap: 18px; margin: auto; }.price-plan { position: relative; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 14px; padding: 34px; background: white; box-shadow: 0 12px 36px rgba(15,49,61,.06); }.price-plan.featured { border: 2px solid var(--teal); box-shadow: 0 22px 55px rgba(8,124,115,.14); }.popular-badge { position: absolute; top: 0; right: 28px; padding: 8px 13px; border-radius: 0 0 8px 8px; background: var(--teal); color: white; font-size: .58rem; font-weight: 800; letter-spacing: .12em; }.plan-icon { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 22px; border-radius: 9px; background: var(--mint); color: var(--teal); }.plan-top .eyebrow { margin-bottom: 8px; }.plan-top h2 { min-height: 48px; margin: 0; color: var(--navy); font: 700 .95rem/1.5 "DM Sans"; }.price { display: flex; align-items: baseline; gap: 7px; margin-top: 28px; }.price strong { color: var(--navy); font: 800 2.9rem/1 "Manrope"; letter-spacing: -.05em; }.price span { color: var(--muted); font-size: .78rem; }.annual-note { margin: 8px 0 22px; color: var(--muted); font-size: .7rem; }.annual-note strong { color: var(--teal); }.plan-action { width: 100%; }.plan-action.outline { border: 1px solid var(--teal); color: var(--teal); }.plan-action.solid { background: var(--teal); color: white; }.plan-divider { height: 1px; margin: 28px 0 23px; background: var(--line); }.includes { margin: 0 0 14px; color: var(--navy); font-size: .75rem; font-weight: 800; }.price-plan ul { display: grid; gap: 12px; margin: 0; padding: 0; color: #66777e; font-size: .78rem; list-style: none; }.price-plan li { position: relative; padding-left: 23px; line-height: 1.45; }.price-plan li::before { position: absolute; left: 0; color: var(--teal); font-weight: 800; content: "✓"; }.pricing-assurance { display: flex; max-width: 880px; align-items: center; gap: 16px; margin: 34px auto 0; border-radius: 10px; padding: 20px 24px; background: #edf7f4; }.shield { display: grid; flex: 0 0 42px; height: 42px; place-items: center; border-radius: 50%; background: white; color: var(--teal); font-weight: 800; }.pricing-assurance strong { color: var(--navy); font-size: .8rem; }.pricing-assurance p { margin: 5px 0 0; color: var(--muted); font-size: .73rem; }.pricing-assurance a { color: var(--teal); font-weight: 800; }
.annual-promo-notice { display: flex; max-width: 760px; align-items: center; justify-content: center; gap: 12px; margin: 0 auto 22px; border: 1px solid #e7c77b; border-radius: 10px; padding: 12px 16px; background: #fff9e9; color: #5f542f; text-align: left; }.annual-promo-notice span { flex: 0 0 auto; border-radius: 999px; padding: 6px 9px; background: #f5df9d; color: #5c4813; font-size: .66rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.annual-promo-notice p { margin: 0; font-size: .76rem; line-height: 1.45; }
.comparison-section { padding: 90px clamp(24px,8vw,130px); background: white; }.comparison-wrap { max-width: 1000px; overflow-x: auto; margin: auto; border: 1px solid var(--line); border-radius: 12px; }.comparison-wrap table { width: 100%; min-width: 650px; border-collapse: collapse; }.comparison-wrap th,.comparison-wrap td { height: 62px; padding: 14px 22px; border-bottom: 1px solid var(--line); text-align: center; font-size: .8rem; }.comparison-wrap thead th { height: 70px; color: var(--navy); font-family: "Manrope"; }.comparison-wrap th:first-child { width: 42%; text-align: left; }.comparison-wrap tbody th { color: #53676f; font-weight: 600; }.comparison-wrap tbody tr:last-child th,.comparison-wrap tbody tr:last-child td { border-bottom: 0; }.featured-col { background: #f0f8f6; }.table-check { display: inline-grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #daf1eb; color: var(--teal); font-weight: 800; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px,8vw,120px); padding: 95px clamp(24px,8vw,130px); background: var(--navy); color: white; }.faq-section h2 { color: white; }.faq-section > div > p:last-child { color: rgba(255,255,255,.6); }.faq-section a { color: #6ad1c2; }.faq-list details { border-bottom: 1px solid rgba(255,255,255,.17); }.faq-list summary { position: relative; padding: 22px 38px 22px 0; cursor: pointer; font-family: "Manrope"; font-size: .92rem; font-weight: 700; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { position: absolute; right: 4px; color: #67d2c2; font-size: 1.3rem; content: "+"; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { margin: -4px 40px 22px 0; color: rgba(255,255,255,.65); font-size: .82rem; line-height: 1.6; }

@media (max-width: 1080px) {
  .site-nav { grid-template-columns: 1fr auto; }.site-links { display: none; }
  .hero-inner { grid-template-columns: 1fr; padding-top: 85px; padding-bottom: 130px; }.hero-product { width: min(760px,96%); margin: 10px auto 0; }
  .feature-showcase { grid-template-columns: 1fr 1fr; gap: 45px; }.site-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .site-nav { min-height: 68px; padding: 10px 18px; }.site-brand img { width: 36px; height: 36px; }.site-brand { font-size: 1.05rem; }.nav-actions .text-link { display: none; }.button-link { min-height: 40px; padding: 0 14px; font-size: .78rem !important; }
  .hero-inner { min-height: auto; padding: 70px 20px 125px; }.hero h1 { font-size: clamp(2.7rem,13vw,4.2rem); }.hero-copy { font-size: 1rem; }.hero-actions { flex-direction: column; align-items: stretch; }.mock-body { grid-template-columns: 1fr; }.mock-sidebar { display: none; }.mock-main { padding: 16px; }.mock-stats { gap: 6px; }.mock-stats div { padding: 9px; }.mock-heading strong { font-size: .9rem; }.repair-row { grid-template-columns: 28px 1fr auto; }.repair-row .eta { display: none; }.floating-rating { display: none; }.floating-update { right: -8px; bottom: -45px; }
  .trust-strip { align-items: flex-start; flex-direction: column; }.trust-strip div { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 25px; }
  .steps-grid, .pricing-grid { grid-template-columns: 1fr; }.steps-grid article { min-height: auto; }
  .feature-showcase, .faq-section { grid-template-columns: 1fr; }.feature-showcase { padding-inline: 24px; }.phone-scene { min-height: 540px; }.final-cta { align-items: flex-start; flex-direction: column; }.final-cta .primary-action { width: 100%; }
  .testimonial footer { flex-wrap: wrap; }.site-footer { grid-template-columns: 1fr; text-align: center; }.site-footer .site-brand, .site-footer nav { justify-self: center; }.site-footer nav { flex-wrap: wrap; justify-content: center; }
  .pricing-hero { padding-top: 72px; }.pricing-hero h1 { font-size: clamp(2.65rem,12vw,4rem); }.trial-proof { align-items: center; flex-direction: column; gap: 9px; }.pricing-section { padding-inline: 18px; }.price-plan { padding: 30px 26px; }.comparison-section { padding-inline: 18px; }.faq-section { gap: 25px; }
  .annual-promo-notice { align-items: flex-start; flex-direction: column; gap: 8px; }
  .page-hero { padding-top: 72px; }.policy-grid { grid-template-columns: 1fr; }
}

.pricing-grid .plan-icon { width: 42px; height: 42px; border: 1px solid rgba(11,129,120,.08); border-radius: 10px; background-color: var(--mint); background-position: center; background-repeat: no-repeat; background-size: 23px 23px; font-size: 0; }
.pricing-grid .price-plan:nth-child(1) .plan-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8178' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.4 2.4-2.8-2.8Z'/%3E%3C/svg%3E"); }
.pricing-grid .price-plan:nth-child(2) .plan-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8178' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v10h16V10M3 10l2-6h14l2 6'/%3E%3Cpath d='M3 10c0 1.4 1 2.5 2.3 2.5S7.7 11.4 7.7 10c0 1.4 1 2.5 2.3 2.5s2.3-1.1 2.3-2.5c0 1.4 1 2.5 2.3 2.5S17 11.4 17 10c0 1.4 1 2.5 2.3 2.5S21 11.4 21 10'/%3E%3Cpath d='M8 20v-5h8v5'/%3E%3C/svg%3E"); }
.pricing-grid .price-plan:nth-child(3) .plan-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8178' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { transition: none !important; } }