/* ═══════════════════════════════════════════════════════════════════════
   LÅSSMED247 — site.css
   Konsoliderad i PASS F. Filen är indelad i åtta lager och varje selektor
   förekommer på exakt ett ställe. Lägg aldrig till ett nytt block i slutet
   av filen — komponenten ska ändras där den redan är definierad.

     1 · Tokens                 färger, skala, radier, avstånd
     2 · Reset och bas          elementstandarder
     3 · Typografi              rubriker och löptext
     4 · Layout och spalter     sidbredd, rutnät, mittlinje
     5 · Komponenter            kort, paneler, tabeller, FAQ, bilder
     6 · Formulär och leadflöde fält, knappar, guidat flöde
     7 · Tillgänglighet         fokus, hopplänk, tillståndsklasser
     8 · Responsivt             samtliga mediefrågor, sorterade

   Skriven av pass_f.py. Verifierad med cssfinger.py: beräknad stil för
   25 600 element på 24 sidor i fyra bredder är identisk med föregående
   version.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1 · TOKENS ────────────────────────────────────────────────────────── */
:root{--fs-micro:12px;--fs-meta:13px;--fs-ui:15px;--fs-body:17px;--fs-lede:19px;--fs-h3:21px;--fs-h4:24px;--fs-h2-text:clamp(25px,2.6vw,34px);--fs-h2:clamp(28px,3.4vw,42px);--fs-h1:clamp(38px,5vw,58px);--fs-hero:clamp(40px,5.2vw,66px);--fw-normal:500;--fw-medium:600;--fw-bold:700;--fw-strong:800;--fw-display:900;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--blk-lg:80px;--blk-md:64px;--blk-sm:40px;--rub-top:40px;--rub-bot:12px;--p-bot:14px;--pad-panel:24px;--pad-rad:16px;--spalt-text:720px;--spalt-bred:1180px;--gutter:24px;
  /* Palett. Namngivna värden så att en färgändring görs på ett ställe. */
  --vit:#fff;--teal:#19d3b0;--gold:#ddb865;--ink:#0e151c;--ink-2:#101820;--ink-3:#0b1117;--text:#15202b;--text-2:#42525d;--text-3:#5a6a74;--text-4:#52616d;--teal-mork:#0a6f5d;--teal-text:#07110f;--soft:#f4f8f8;--line:#dfe7eb;--line-2:#dce3e8;--line-3:#dfe6ea;--ljus-text:#b8c4cd}

/* ── 2 · RESET OCH BAS ─────────────────────────────────────────────────── */
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--vit);line-height:1.65}
a{color:inherit}
img{max-width:100%}

/* ── 3 · TYPOGRAFI ─────────────────────────────────────────────────────── */
.wordmark{font-size:var(--fs-lede)}
.wordmark span{color:var(--teal)}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em}
h1{font-size:var(--fs-hero);margin:16px 0 22px;max-width:850px}
h2{font-size:var(--fs-h2);margin:12px 0 18px}
h3{font-size:var(--fs-h3)}
.lede{font-size:var(--fs-lede);color:#51606b;max-width:760px}
.dark .lede{color:var(--ljus-text)}
.lead-form.is-progressive .fineprint{margin-bottom:0}
.eyebrow{display:inline-flex;color:var(--teal-mork);font-size:var(--fs-micro);font-weight:var(--fw-display);letter-spacing:.13em;text-transform:uppercase}
.hero .eyebrow,.section.dark .eyebrow,.content-hero .eyebrow,.callback .eyebrow,footer .eyebrow{color:var(--teal)}
.fineprint{font-size:var(--fs-micro)!important;color:var(--text-3)!important;margin-bottom:0}
.problem-panel .eyebrow,.lead-form .eyebrow,.hero .problem-panel .eyebrow{color:var(--teal-mork)}
main>section.section>.lede,
main>section.section>.inner>p{max-width:var(--spalt-text)}
h1,h2,h3,h4{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}

/* ── 4 · LAYOUT OCH SPALTER ────────────────────────────────────────────── */
.hero-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-12);align-items:center}
.section{max-width:1180px;margin:auto;padding:var(--blk-lg) 24px}
.section.dark{max-width:none;background:var(--ink);color:var(--vit)}
.section.dark>.inner{max-width:1180px;margin:auto}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:34px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);margin-top:30px}
.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:30px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.content-wrap{max-width:980px;margin:auto;padding:var(--blk-md) 24px}
.content-wrap p,.content-wrap li{font-size:var(--fs-body)}
.content-wrap h2{margin-top:var(--rub-top)}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.related a{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:var(--pad-rad);text-decoration:none;font-weight:var(--fw-strong)}
.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:var(--sp-8)}
.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:30px}
.related-intents{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin:1.2rem 0 2rem}
.related-intents a{border:1px solid #ced9df;border-radius:var(--r-pill);padding:.55rem .85rem;text-decoration:none}
.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin:18px 0}
.choice-row a{border:1px solid #d8e1e5;border-radius:var(--r-sm);padding:15px;text-decoration:none;font-weight:var(--fw-strong);background:var(--vit)}
.choice-row a:hover{border-color:var(--teal);box-shadow:0 8px 24px rgba(14,31,39,.08)}
.trust-price-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin:18px 0}
.trust-price-strip span{display:flex;align-items:center;min-height:54px;padding:12px;border-radius:var(--r-sm);background:#f4f8f7;font-size:var(--fs-micro);font-weight:var(--fw-bold)}
.lead-form.is-progressive .quick-grid{display:none}
.lead-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.situation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:32px}
.section.dark .intermediary-disclosure,.content-hero .intermediary-disclosure,.hero .intermediary-disclosure,footer .intermediary-disclosure{color:#dbe4e9}
.dark .card a,.section.dark .card a{color:var(--teal)}
.content-wrap p,.section p,.section li{overflow-wrap:break-word}
.price-table{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:26px;background:var(--vit)}
main>.v24{max-width:980px;margin:0 auto;padding:0 24px}
main>.v24:first-of-type{padding-top:var(--blk-md)}
main>.v24 h2{font-size:var(--fs-h2-text);margin:var(--rub-top) 0 var(--rub-bot)}
main>.v24 p,main>.v24 li,main>.v24 dd{font-size:var(--fs-body)}
main>.v24.answer-first>.lead{font-size:var(--fs-lede);color:var(--text-2)}
main>.faq+.v24.local-related{padding-bottom:var(--blk-md)}
.content-hero .intermediary-disclosure,
.hero .intermediary-disclosure,
.section.dark .intermediary-disclosure,
.callback .intermediary-disclosure,
footer .intermediary-disclosure{color:#dbe4e9}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
main>.v24,
main>article.content-wrap,
main>section.section,
main>.buyer-control,
main>figure,
main>p.intermediary-disclosure{max-width:var(--spalt-bred);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
main>.v24>p,
main>.v24>ul,
main>.v24>ol,
main>.v24>dl,
main>article.content-wrap>p,
main>section.section>p,
main>.buyer-control p,
.faq details>*:not(summary),
.local-note>p,
.answer-first>.lead,
.tell-installer>p,
.price-drivers>p{max-width:var(--spalt-text)}
main>section.section.intent-visual{max-width:var(--spalt-bred);padding:0 var(--gutter)}
main>.v24.local-related,
main>.v24.guide-browser,
main>section.city-problem-grid{max-width:var(--spalt-bred)}
main>.v24.answer-first>p,
main>.v24.answer-first>ol,
main>.v24.answer-first>ol>li,
main>.v24.local-note>p,
main>.v24.local-note>h2+p,
main>.v24.tell-installer>p,
main>.v24.tell-installer>ul,
main>.v24.tell-installer>ul>li,
main>.v24.price-drivers>p,
main>.v24.price-drivers>dl,
main>.v24.guide-body>p,
main>article.content-wrap>p,
main>article.content-wrap>ul,
main>article.content-wrap>ol,
main>section.section>div>p,
main>.v24>div>p{max-width:var(--spalt-text)}
main>article.content-wrap h2{font-size:var(--fs-h2-text);margin:var(--rub-top) 0 var(--rub-bot)}
main>article.content-wrap h3{font-size:var(--fs-lede)}
main>.v24.faq>h2,main>.v24.guide-body>h2{text-align:left}
.content-hero .inner{max-width:var(--spalt-bred);margin:auto;padding:0 var(--gutter)}
.content-hero .inner>p{max-width:var(--spalt-text)}
main>.v24.faq details{max-width:820px}

/* ── 5 · KOMPONENTER ───────────────────────────────────────────────────── */
*{box-sizing:border-box}
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,21,28,.94);backdrop-filter:blur(16px);border-bottom:1px solid #25333f}
.nav{height:72px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:var(--sp-8)}
.brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--vit);text-decoration:none;font-weight:var(--fw-display);letter-spacing:-.04em}
.brandmark{display:inline-flex;width:34px;height:34px}
.brandmark svg{width:100%;height:100%}
.desktop-nav{display:flex;gap:var(--sp-6);margin-left:auto}
.desktop-nav a{color:#d9e0e6;text-decoration:none;font-size:var(--fs-ui);font-weight:var(--fw-medium)}
.nav-cta{background:var(--teal);color:var(--teal-text);text-decoration:none;padding:11px 17px;border-radius:var(--r-sm);font-weight:var(--fw-strong);font-size:var(--fs-ui)}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--vit);font-size:var(--fs-h4)}
.hero{background:radial-gradient(circle at 80% 15%,rgba(25,211,176,.16),transparent 26%),linear-gradient(145deg,var(--ink),#14212b 55%,var(--ink-2));color:var(--vit);padding:var(--blk-lg) 24px calc(var(--blk-lg) - 8px)}
.hero p{font-size:var(--fs-lede);color:#c4d0d9;max-width:680px}
.hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin:30px 0 24px}
.problem-panel{background:#f8fafb;color:var(--text);border-radius:var(--r-md);padding:var(--pad-panel);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.problem-panel h2{font-size:var(--fs-h4);margin-top:0}
.problem-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.problem-choices a{background:var(--vit);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:var(--pad-rad);text-decoration:none;font-weight:var(--fw-strong)}
.problem-choices a:hover{border-color:var(--teal);box-shadow:0 8px 24px rgba(15,184,154,.12)}
.card{border:1px solid #e0e6ea;border-radius:var(--r-md);padding:var(--pad-panel);background:var(--vit)}
.dark .card{background:#17222d;border-color:#2b3946}
.card p{color:var(--text-4)}
.dark .card p{color:#b7c2cb}
.step{background:var(--vit);border:1px solid var(--line-3);padding:var(--pad-panel);border-radius:var(--r-md)}
.step:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--teal);font-weight:var(--fw-display);margin-bottom:16px}
.callback{max-width:1180px;margin:0 auto 82px;padding:36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--sp-12);background:var(--ink-2);color:var(--vit);border-radius:var(--r-lg)}
.callback p{color:var(--ljus-text)}
.mini-trust{display:grid;gap:var(--sp-2);font-size:var(--fs-ui);color:#dce6ec}
.callout{background:#edf9f6;border-left:4px solid var(--teal);padding:18px 20px;border-radius:var(--r-sm);margin:28px 0}
.city-nav{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:24px}
.city-nav a{padding:8px 11px;border-radius:var(--r-pill);background:#eef3f5;text-decoration:none;font-size:var(--fs-meta);font-weight:var(--fw-bold)}
footer{background:var(--ink-3);color:#c1ccd4;padding:var(--blk-md) 24px var(--sp-6)}
footer h3{color:var(--vit);font-size:var(--fs-ui)}
footer a{display:block;color:var(--ljus-text);text-decoration:none;margin:8px 0;font-size:var(--fs-ui)}
footer p{max-width:390px;font-size:var(--fs-ui)}
.footer-bottom{max-width:1180px;margin:36px auto 0;padding-top:20px;border-top:1px solid #26323d;display:flex;justify-content:space-between;gap:var(--sp-6);font-size:var(--fs-micro)}
.visual-card{border:1px solid var(--line-3);border-radius:var(--r-md);overflow:hidden;background:var(--vit)}
.visual-card .copy{padding:var(--pad-panel)}
.visual-card h3{margin-top:0}
.visual-card p{color:var(--text-4)}
.segment-strip{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:24px}
.segment-strip a{padding:9px 12px;border:1px solid #d8e0e5;border-radius:var(--r-pill);text-decoration:none;font-weight:var(--fw-bold);font-size:var(--fs-meta)}
.hero-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:26px}
.hero-proof{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);padding:13px 14px;border-radius:var(--r-sm)}
.hero-proof strong{display:block;color:var(--vit);font-size:var(--fs-meta)}
.hero-proof small{display:block;color:#9fb0bc;font-size:var(--fs-micro);margin-top:2px}
.intent-strip{max-width:1180px;margin:0 auto;padding:0 24px;transform:translateY(-25px)}
.intent-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);background:var(--vit);border:1px solid var(--line-3);border-radius:var(--r-md);box-shadow:0 18px 48px rgba(9,21,29,.12);overflow:hidden}
.intent-strip a{padding:17px 18px;text-decoration:none;border-right:1px solid #e6ebee}
.intent-strip a:last-child{border-right:0}
.intent-strip strong{display:block;font-size:var(--fs-ui)}
.commercial-visual img{width:100%;max-width:320px;margin:auto;display:block;border-radius:var(--r-md)}
.commercial-visual ul{padding-left:20px}
.commercial-visual li{margin:7px 0}
.sticky-callback{display:none;position:fixed;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:80;text-align:center;background:var(--teal);color:var(--teal-text);text-decoration:none;font-weight:var(--fw-display);padding:14px;border-radius:var(--r-sm);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.sticky-callback:before{content:'↗';margin-right:8px}
.proof-inline{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin:14px 0 0}
.proof-inline span{font-size:var(--fs-micro);padding:7px 9px;border-radius:var(--r-pill);background:#edf9f6;color:#156d60;font-weight:var(--fw-bold)}
.editorial-visual{margin:2.2rem 0 2.6rem;border-radius:var(--r-lg);overflow:hidden;background:var(--ink);box-shadow:0 20px 60px rgba(5,12,18,.15)}
.editorial-visual img{display:block;width:100%;height:auto}
.buyer-check{border-radius:var(--r-lg);padding:1.4rem;background:#f1f7f6;border:1px solid #cce9e2;margin:2rem 0}
.buyer-check h3{margin-top:0}
.buyer-check ul{padding-left:1.2rem}
.official-note{border-left:4px solid var(--gold);background:#fff9ea;padding:1rem 1.1rem;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:1.3rem 0}
.official-note a{font-weight:var(--fw-bold)}
.intent-visual{max-width:1200px;margin:2rem auto}
.intent-visual img{width:100%;height:auto;border-radius:var(--r-lg)}
.authority-visual{border:1px solid #dbe4e9;border-radius:var(--r-lg);overflow:hidden;background:#0f1820;margin:28px 0}
.authority-visual img{display:block;width:100%;height:auto}
.money-box{border:1px solid #cfe1dc;background:linear-gradient(145deg,#f5fbf9,var(--vit));padding:var(--pad-panel);border-radius:var(--r-md);margin:var(--sp-8) 0}
.money-box h3{margin-top:0}
.hero .intermediary-badge{color:#c9fff5}
.trust-ribbon{margin:0 auto;max-width:1180px;padding:16px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.trust-ribbon>div{background:#121c24;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);padding:14px}
.trust-ribbon strong{display:block;color:var(--vit)}
.trust-ribbon small{color:#9fb2bf}
.hero-side{display:grid;gap:var(--sp-4);align-content:start}
.hero-photo-card picture,.hero-photo-card img{display:block;width:100%;height:auto}
.hero-photo-card figcaption strong{color:var(--gold)}
.editorial-core .decision-checklist{margin-top:22px;padding:20px;border:1px solid rgba(25,211,176,.2);border-radius:var(--r-md);background:rgba(25,211,176,.04)}
.editorial-core .decision-checklist ul{margin:10px 0 0;padding-left:20px}
.editorial-core .decision-checklist li+li{margin-top:7px}
.context-photo-card{max-width:1180px;margin:8px auto 34px;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.09);background:#0b1218;box-shadow:0 18px 45px rgba(0,0,0,.14)}
.context-photo-card picture,.context-photo-card img{display:block;width:100%;height:auto}
.context-photo-card img{aspect-ratio:3/2;object-fit:cover}
.context-photo-card figcaption{padding:12px 16px;color:#b8c5cc;font-size:var(--fs-meta);border-top:1px solid rgba(255,255,255,.07)}
.buyer-control{max-width:1180px;margin:28px auto;padding:0 20px}
.buyer-control-inner{border:1px solid rgba(221,184,101,.3);border-radius:var(--r-lg);padding:var(--pad-panel);background:linear-gradient(135deg,rgba(221,184,101,.07),rgba(25,211,176,.035))}
.buyer-control h2{margin:.35rem 0 .65rem}
.buyer-control ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);list-style:none;padding:0;margin:20px 0}
.buyer-control li{padding:var(--pad-rad);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);background:rgba(14,21,28,.74)}
.buyer-control li strong,.buyer-control li span{display:block}
.buyer-control li strong{color:#f6e1a6;margin-bottom:5px}
.buyer-control li span{color:#c1ccd2;font-size:var(--fs-ui);line-height:1.5}
.commercial-photo-card{margin:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);overflow:hidden;background:#111a22;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.commercial-photo-card picture,.commercial-photo-card img{display:block;width:100%}
.commercial-photo-card img{height:auto;aspect-ratio:16/10;object-fit:cover}
.commercial-photo-card figcaption{padding:.75rem 1rem;color:#9fb1bb;font-size:var(--fs-meta);line-height:1.45}
.premium-decision-assistant{max-width:1180px;margin:-8px auto 34px;padding:0 20px;position:relative;z-index:4}
.premium-assistant-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,1fr);gap:var(--sp-6);align-items:center;padding:var(--pad-panel);border:1px solid rgba(221,184,101,.28);border-radius:var(--r-lg);background:linear-gradient(135deg,#0e1b22 0%,#122a32 58%,#102329 100%);box-shadow:0 24px 70px rgba(4,12,16,.17)}
.premium-assistant-copy h2{margin:.35rem 0 .65rem;color:var(--vit)}
.premium-assistant-copy p{margin:0;color:#b9c8cf;max-width:62ch}
.premium-assistant-result{grid-column:1/-1;display:flex;justify-content:space-between;gap:var(--sp-4);align-items:center;padding:12px 14px;border-top:1px solid rgba(255,255,255,.09);color:#adbec5}
.premium-assistant-result strong{color:var(--teal)}
.premium-assistant-result span{font-size:var(--fs-meta)}
.premium-page-photo,.premium-proof-photo{margin:clamp(28px,5vw,64px) auto;max-width:1180px;border-radius:var(--r-lg);overflow:hidden;background:var(--ink-2);border:1px solid rgba(25,211,176,.18);box-shadow:0 24px 70px rgba(0,0,0,.16)}
.premium-page-photo picture,.premium-proof-photo picture,.hero-photo-card picture{display:block;aspect-ratio:3/2;overflow:hidden}
.premium-page-photo img,.premium-proof-photo img,.hero-photo-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.premium-page-photo:hover img,.premium-proof-photo:hover img{transform:scale(1.018)}
.premium-page-photo figcaption,.premium-proof-photo figcaption{font-size:var(--fs-meta);line-height:1.5;color:#aebbc4;padding:12px 16px;background:#111a22}
.hero-photo-card{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.10);background:#0b1218;box-shadow:0 30px 80px rgba(2,13,20,.24)}
.hero-photo-card figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--ink-2),#0d151b);backdrop-filter:blur(10px);font-size:var(--fs-meta);color:#dce6ea}
.revenue-situations{padding-top:var(--blk-md)}
.situation-card{display:block;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--vit);box-shadow:0 10px 32px rgba(14,21,28,.06)}
.situation-card picture{display:block;aspect-ratio:3/2;overflow:hidden;background:#e8eeee}
.situation-card img{width:100%;height:100%;object-fit:cover;display:block}
.situation-card>span,.situation-card>h3,.situation-card>p,.situation-card>strong{margin-left:20px;margin-right:20px}
.situation-card>span{display:inline-block;margin-top:18px;padding:5px 9px;border-radius:var(--r-pill);background:#e7faf5;color:#087c69;font-size:var(--fs-micro);font-weight:var(--fw-display);text-transform:uppercase;letter-spacing:.08em}
.situation-card h3{margin-top:11px;margin-bottom:8px}
.situation-card p{color:#53636e;margin-top:0}
.situation-card>strong{display:block;color:#087c69;margin-bottom:21px}
.hero-photo-card,.premium-page-photo,.context-photo-card,.premium-proof-photo{box-shadow:0 24px 70px rgba(6,15,20,.18)}
.premium-page-photo{overflow:hidden}
.premium-page-photo img{transition:transform .4s ease}
.intermediary-badge{display:inline-flex;align-items:center;gap:var(--sp-2);margin:.7rem 0 1rem;padding:.42rem .7rem;border:1px solid rgba(25,211,176,.32);border-radius:var(--r-pill);background:rgba(221,184,101,.08);color:#bdf8ed;font-size:var(--fs-meta);font-weight:var(--fw-bold);letter-spacing:.01em;border-color:rgba(221,184,101,.45);backdrop-filter:blur(6px)}
.card a{color:#067463;font-weight:var(--fw-strong);text-decoration:none}
.intent-strip span{font-size:var(--fs-micro);color:var(--text-3)}
[tabindex="-1"]:focus{outline:none}
.pda-slot{min-height:328px}
.sticky-callback-nav{display:block}
.problem-choices a>span{display:block}
.problem-choices a>small{display:block;margin-top:4px;font-size:var(--fs-micro);font-weight:var(--fw-medium);color:var(--text-3);letter-spacing:.01em}
.visual-card img{width:100%;display:block;aspect-ratio:auto;object-fit:contain;height:auto;background:var(--ink-2)}
.faq details{border-top:1px solid #e2e8ec;padding:0;border:1px solid #e2e8ec;border-radius:var(--r-sm);margin:10px 0;background:var(--vit);overflow:hidden}
.faq details[open]{border-color:#cfe0dc;box-shadow:0 8px 24px rgba(14,21,28,.06)}
.faq summary{cursor:pointer;font-weight:var(--fw-strong);list-style:none;padding:16px 46px 16px 18px;position:relative;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--teal-mork);border-bottom:2px solid var(--teal-mork);transform:rotate(45deg);transition:transform .18s ease}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq details>*:not(summary){padding:0 18px 16px}
.market-prices{max-width:1180px;margin:0 auto;padding:var(--blk-md) 24px}
.price-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-3);padding:16px 18px;border-bottom:1px solid #eef3f5;align-items:center}
.price-row:last-child{border-bottom:0}
.price-head{background:var(--ink);color:var(--vit);font-weight:var(--fw-strong);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.06em}
.price-row strong{display:block;font-size:var(--fs-ui)}
.price-row small{display:block;color:var(--text-3);font-size:var(--fs-micro);margin-top:2px}
.price-row span:nth-child(2),.price-row span:nth-child(3){font-weight:var(--fw-strong);font-variant-numeric:tabular-nums}
.price-row:not(.price-head) span:nth-child(2){color:var(--teal-mork)}
.price-source{font-size:var(--fs-meta);color:var(--text-3);margin-top:14px;line-height:1.6}
.price-source a{color:#067463;font-weight:var(--fw-bold)}
.price-cta{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;margin-top:26px;padding:20px 22px;border-radius:var(--r-md);background:#edf9f6;border:1px solid #c8eee5}
.price-cta strong{display:block;font-size:var(--fs-body)}
.price-cta span{display:block;color:#3f5057;font-size:var(--fs-ui);margin-top:3px}
.do-now{counter-reset:donow;list-style:none;padding:0;margin:26px 0 0;display:grid;gap:var(--sp-3)}
.do-now li{position:relative;padding:16px 18px 16px 60px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--vit)}
.do-now li:before{counter-increment:donow;content:counter(donow);position:absolute;left:16px;top:15px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal);color:var(--teal-text);font-weight:var(--fw-display);font-size:var(--fs-ui)}
.do-now strong{display:block;margin-bottom:3px}
.local-note>h2+p{border-left:4px solid var(--gold);background:#fff9ea;padding:15px 18px;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:14px 0 0}
.local-note>h2+p+p{margin:16px 0 0;color:var(--text-2)}
.tell-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:var(--sp-2)}
.tell-list li{position:relative;padding:12px 16px 12px 42px;border-radius:var(--r-sm);background:var(--soft);border:1px solid #e3ebeb}
.tell-list li:before{content:'?';position:absolute;left:16px;top:12px;color:var(--teal-mork);font-weight:var(--fw-display)}
.driver-list{margin:22px 0 0;display:grid;gap:var(--sp-4)}
.driver-list dt{font-weight:var(--fw-strong);color:var(--ink)}
.driver-list dd{margin:4px 0 0;color:var(--text-2)}
.city-nav.secondary{margin-top:10px}
.city-nav.secondary a{background:var(--vit);border:1px solid var(--line-2)}
.commercial-visual{display:block;grid-template-columns:.8fr 1.2fr;gap:var(--sp-8);align-items:center;border:1px solid #dce4e8;background:linear-gradient(135deg,#f8fbfb,var(--vit));padding:var(--pad-panel);border-radius:var(--r-md);margin:30px auto;padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem)}
.commercial-visual-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--sp-8);align-items:center}
.commercial-visual-copy h2{max-width:15ch;margin:.45rem 0 1rem;margin-top:0}
.intermediary-disclosure{max-width:760px;margin:12px auto;padding:10px 14px;border-left:3px solid #d6b052;background:rgba(214,176,82,.07);color:#4a5560;font-size:var(--fs-meta);line-height:1.55;border-radius:0 var(--r-sm) var(--r-sm) 0}
.situation-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin:22px 0 8px}
.situation-choices a{display:block;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:var(--pad-rad);text-decoration:none;background:var(--vit)}
.situation-choices a:hover{border-color:var(--teal);box-shadow:0 8px 24px rgba(15,184,154,.12)}
.situation-choices strong{display:block;font-weight:var(--fw-strong)}
.situation-choices span{display:block;font-size:var(--fs-ui);color:var(--text-3);margin-top:2px}
.guide-tools{display:grid;gap:var(--sp-4);margin:22px 0 8px}
.guide-search{display:block}
.guide-search span{display:block;font-size:var(--fs-micro);font-weight:var(--fw-strong);margin-bottom:6px}
.guide-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.guide-count{font-size:var(--fs-ui);color:var(--text-3);min-height:21px;margin:6px 0 0}
.guide-browser h3{font-size:var(--fs-h3);margin:34px 0 12px}
.guide-card{display:block;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:var(--pad-rad);text-decoration:none;background:var(--vit)}
.guide-card:hover{border-color:var(--teal);box-shadow:0 8px 24px rgba(15,184,154,.12)}
.guide-card strong{display:block;font-weight:var(--fw-strong)}
.guide-card span{display:block;font-size:var(--fs-ui);color:var(--text-3);margin-top:3px}
.guide-tom{margin-top:18px;padding:14px 18px;border-left:4px solid var(--gold);background:#fff9ea;border-radius:0 var(--r-sm) var(--r-sm) 0}
.b2b-block{display:grid;gap:var(--sp-3);margin:0 0 var(--sp-3);padding:var(--pad-rad);border-radius:var(--r-sm);background:var(--soft);border:1px solid #e0e9e9}
.b2b-intro{margin:0;font-size:var(--fs-micro);color:#4a5966;line-height:1.5}
.b2b-block label{margin:0!important}
p.intermediary-disclosure{max-width:var(--spalt-bred)!important;border-left:3px solid #d6b052;background:rgba(214,176,82,.07);padding:12px 18px;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:26px auto}
.hero-photo-card,.context-photo-card,.premium-page-photo{overflow:hidden}
.hero+.trust-ribbon{padding-top:34px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--vit)}
.table-wrap table{display:table;width:100%;border-collapse:collapse;border:0;border-radius:0;margin:0;table-layout:auto;min-width:520px}
.table-wrap th,.table-wrap td{text-align:left;padding:13px 16px;border-bottom:1px solid #eaf0f2;font-size:var(--fs-ui);line-height:1.55;vertical-align:top}
.table-wrap thead th{background:var(--soft);font-size:var(--fs-micro);font-weight:var(--fw-strong);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);border-bottom:1px solid var(--line)}
.table-wrap tbody tr:last-child td{border-bottom:0}
.table-wrap tbody tr:nth-child(even) td{background:#fafcfc}
.table-wrap td:first-child{font-weight:var(--fw-bold);color:var(--ink)}
.hero-photo-card figcaption,
.context-photo-card figcaption,
.premium-page-photo figcaption{position:static;background:var(--ink-2);color:#c4d0d9;font-size:var(--fs-meta);padding:10px 14px;line-height:1.5;min-height:calc(2 * 1.5em + 20px);box-sizing:border-box}
.guide-body p{margin:0 0 var(--p-bot)}
.guide-body h2{margin:var(--rub-top) 0 var(--rub-bot)}
.price-row .span2{grid-column:span 2}
.content-hero{background:var(--ink-2);color:var(--vit);padding:var(--blk-md) 24px;padding-left:0;padding-right:0}
.content-hero h1{font-size:var(--fs-h1);max-width:900px}
.commercial-visual>div>p,
.commercial-visual>div>ul,
.commercial-visual>div>li{max-width:var(--spalt-text)}
main p,
main li,
main dd{max-width:var(--spalt-text)}
main .price-row p,
main table p,
main table li{max-width:none}

/* ── 6 · FORMULÄR OCH LEADFLÖDE ────────────────────────────────────────── */

/* Hopfällbar valfri beskrivning i sista steget. */
.lead-fold{border:0;margin:0}
.lead-fold>summary{list-style:none;cursor:pointer;font-size:var(--fs-meta);font-weight:var(--fw-bold);
  color:#0a6f5d;padding:6px 0 10px;display:inline-flex;align-items:center;gap:var(--sp-2)}
.lead-fold>summary::-webkit-details-marker{display:none}
.lead-fold>summary::after{content:'+';font-weight:var(--fw-display)}
.lead-fold[open]>summary::after{content:'–'}
.lead-fold>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--r-xs)}
.lead-fold label{margin-bottom:var(--sp-3)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:14px 20px;border-radius:var(--r-sm);text-decoration:none;font-weight:var(--fw-strong);border:1px solid transparent;cursor:pointer;font:inherit}
.btn.primary{background:var(--teal);color:#081411}
.btn.secondary{border-color:#42515f;color:var(--vit);background:#17222d}
.btn.full{width:100%}
.lead-form label{display:block;margin-bottom:13px}
.lead-form label>span{display:block;font-size:var(--fs-micro);font-weight:var(--fw-strong);margin-bottom:6px}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cfd8de;border-radius:var(--r-xs);font:inherit;background:var(--vit)}
.consent input{width:auto;margin-top:4px}
.consent span{font-weight:var(--fw-normal)!important;margin:0!important}
.lead-form button{min-height:52px}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:3px solid rgba(25,211,176,.18);border-color:var(--teal)}
.lead-form select[name="job_type"]{min-height:48px}
.lead-form select[name="urgency"]{font-weight:var(--fw-bold)}
.premium-intent-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.premium-intent-buttons button{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm);background:#162d35;color:#f7fafb;padding:14px 15px;text-align:left;font:inherit;font-weight:var(--fw-strong);cursor:pointer;transition:.18s ease}
.premium-intent-buttons button:hover{border-color:var(--teal);transform:translateY(-1px)}
.premium-intent-buttons button.is-selected{border-color:var(--gold);background:rgba(221,184,101,.11);box-shadow:inset 0 0 0 1px rgba(221,184,101,.18)}
.lead-form.is-progressive{position:relative}
.lead-wizard{display:grid;gap:var(--sp-4)}
.lead-wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin:0 0 4px}
.lead-wizard-progress span{height:5px;border-radius:var(--r-pill);background:#dce5e8;overflow:hidden}
.lead-wizard-progress span.is-active{background:linear-gradient(90deg,var(--teal),var(--gold))}
.lead-wizard-head{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:baseline}
.lead-wizard-head strong{font-size:var(--fs-ui)}
.lead-step{display:none;gap:var(--sp-3)}
.lead-step.is-active{display:grid}
.lead-step label{margin:0}
.lead-quick-choices{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.lead-quick-choices button{border:1px solid #ccd8dd;background:#f7fafb;color:#20333c;border-radius:var(--r-pill);padding:8px 11px;font:inherit;font-size:var(--fs-meta);font-weight:var(--fw-strong);cursor:pointer}
.lead-quick-choices button.is-selected{border-color:var(--teal);background:#e8fbf6;color:#096658}
.lead-wizard-actions{display:flex;gap:var(--sp-3);align-items:center}
.lead-wizard-actions .btn{flex:1}
.lead-wizard-back{border:0;background:transparent;color:#566b76;font-weight:var(--fw-bold);padding:10px;cursor:pointer}
.lead-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);padding:12px;border:1px solid #e0e7ea;border-radius:var(--r-sm);background:#f8fbfc}
.lead-summary div{min-width:0}
.lead-summary small,.lead-summary strong{display:block}
.lead-summary strong{font-size:var(--fs-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-context-message{padding:10px 12px;border-left:3px solid var(--gold);background:#fff9ea;color:#5d512e;font-size:var(--fs-meta);line-height:1.5}
.lead-detail-choices{display:grid;gap:var(--sp-2);padding:12px 0 2px}
.lead-detail-label{font-size:var(--fs-meta);font-weight:var(--fw-strong);color:#52656f}
.lead-detail-choices .lead-quick-choices{margin:0}
.lead-detail-choices .lead-quick-choices button{font-size:var(--fs-meta)}
.btn,.problem-choices a,.situation-card,.nav-cta{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.lead-form{background:var(--vit);color:var(--text);padding:var(--pad-panel);border-radius:var(--r-md);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.lead-wizard-head small{color:var(--text-3)}
.lead-summary small{color:#5f6f79;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em}
.premium-intent-buttons button:focus-visible{border-color:var(--teal);outline:3px solid var(--gold);outline-offset:3px}
.consent input[type=checkbox]{width:24px;height:24px;min-width:24px;margin-top:1px;accent-color:var(--teal-mork)}
.consent{display:flex!important;gap:var(--sp-2);align-items:center;font-size:var(--fs-micro);color:var(--text-4)}
.consent a{display:inline-block;min-height:24px;line-height:24px;padding:0 2px}
.guide-search input{max-width:520px}
.guide-chips button{border:1px solid #ccd8dd;background:#f7fafb;color:#20333c;border-radius:var(--r-pill);padding:9px 14px;font:inherit;font-size:var(--fs-ui);font-weight:var(--fw-strong);cursor:pointer;min-height:36px}
.guide-chips button:hover{border-color:var(--teal)}
.guide-chips button.is-on{border-color:var(--teal);background:#e8fbf6;color:#096658}
.guide-chips button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ── 7 · TILLGÄNGLIGHET OCH UTILITIES ──────────────────────────────────── */

/* Grundregel: allt som kan få tangentbordsfokus ska visa det. Utan denna
   saknade inline-länkar i formulärens samtyckesrad markering helt. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:var(--r-xs)}
.skip-link{position:absolute;top:0;left:0;z-index:200;background:var(--teal);color:var(--teal-text);padding:12px 18px;border-radius:0 0 var(--r-sm) 0;font-weight:var(--fw-strong);text-decoration:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}
.faq summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.guide-card[hidden]{display:none}
.b2b-block[hidden]{display:none}
.table-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ── 8 · RESPONSIVT ──────────────────────────────────────────────────────
   Alla mediefrågor samlade här, sorterade från bred till smal.
   Tidigare låg de utspridda i sex olika patchblock. */

/* Snabbknappen på stora skärmar.
   På telefon ligger den fast hela tiden — skärmen är kort och tummen är
   nära. På laptop är en permanent bar över innehållet påträngande, så där
   glider den in först när hero-knappen har rullat ur bild och tonar ut
   igen när formuläret syns. Klassen sätts av site.js. */
@media(min-width:821px){
  .sticky-callback{
    display:inline-flex;align-items:center;gap:var(--sp-2);
    left:auto;right:var(--sp-6);bottom:var(--sp-6);width:auto;max-width:340px;
    padding:14px 20px;border-radius:var(--r-pill);
    box-shadow:0 14px 40px rgba(9,21,29,.26);
    opacity:0;transform:translateY(14px);pointer-events:none;
    transition:opacity .18s ease,transform .18s ease;
  }
  .sticky-callback.ar-synlig{opacity:1;transform:none;pointer-events:auto}
}
@media(min-width:821px) and (prefers-reduced-motion:reduce){
  .sticky-callback{transition:none}
}
@media(min-width:1000px){
  .hero-grid{grid-template-columns:1.15fr .85fr;gap:var(--sp-12);align-items:start}
  .hero h1{font-size:var(--fs-hero);max-width:none}
  .hero-photo-card{margin-bottom:18px}
  .hero-photo-card img{aspect-ratio:16/10;object-fit:cover;object-position:center 42%;height:auto}
}
@media(min-width:900px){
  .lead-form .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:760px){
  .premium-page-photo figcaption,
  .context-photo-card figcaption,
  .hero-photo-card figcaption{min-height:calc(1 * 1.5em + 20px)}
}
@media(max-width:820px){
  .desktop-nav,.nav-cta{display:none}
  .menu-toggle{display:block}
  .hero-grid,.callback{grid-template-columns:1fr}
  .grid3,.grid2,.steps,.related{grid-template-columns:1fr}
  .problem-choices{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .visual-grid{grid-template-columns:1fr}
  .hero-proof-grid,.intent-strip-inner,.trust-cards{grid-template-columns:1fr}
  .intent-strip{transform:none;padding-top:18px}
  .intent-strip a{border-right:0;border-bottom:1px solid #e6ebee}
  .intent-strip a:last-child{border-bottom:0}
  .commercial-visual{grid-template-columns:1fr}
  .choice-row,.guide-money-grid,.trust-price-strip,.city-proof{grid-template-columns:1fr}
  .commercial-visual-grid{grid-template-columns:1fr}
  .commercial-visual-copy h2{max-width:none}
  .premium-assistant-inner{grid-template-columns:1fr}
  .premium-assistant-result{display:grid}
  .lead-step-grid{grid-template-columns:1fr}
  .lead-summary{grid-template-columns:1fr 1fr}
  .premium-decision-assistant{padding:0 14px;margin-bottom:26px}
  .premium-page-photo,.premium-proof-photo{border-radius:var(--r-md);margin:28px 16px}
  .hero-photo-card picture{aspect-ratio:4/3}
  .situation-grid{grid-template-columns:1fr}
  .pda-slot{min-height:430px}
  .site-header .nav{position:relative;flex-wrap:wrap;height:auto;min-height:72px;align-items:center}
  .desktop-nav.mobile-open{display:flex;flex-direction:column;gap:0;order:3;width:calc(100% + 48px);margin:0 -24px;padding:4px 24px 8px;background:var(--ink);border-top:1px solid #25333f}
  .desktop-nav.mobile-open a{padding:16px 2px;font-size:var(--fs-body);color:#eef3f6;border-bottom:1px solid #1e2b36}
  .desktop-nav.mobile-open a:last-child{border-bottom:0}
  .desktop-nav.mobile-open~.nav-cta{display:inline-flex;order:4;width:calc(100% + 48px);margin:0 -24px;border-radius:0;justify-content:center;padding:16px}
  .menu-toggle[aria-expanded="true"]{color:var(--teal)}
  footer a{display:inline-flex;align-items:center;min-height:24px;padding:3px 0}
  .card a,.related a,.visual-card a,.situation-card>strong,.choice-row a{display:inline-flex;align-items:center;min-height:24px}
  .city-nav a,.segment-strip a,.proof-inline span{min-height:24px;display:inline-flex;align-items:center}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .sticky-callback{display:block;bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:0 10px 35px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-ui);padding:13px 14px}
}
@media(max-width:800px){
  .buyer-control ol{grid-template-columns:1fr}
  .context-photo-card{margin:4px 16px 26px}
  .buyer-control{padding:0 16px}
}
@media(max-width:760px){
  .editorial-visual,.intent-visual img{border-radius:var(--r-md)}
  .trust-ribbon{grid-template-columns:1fr 1fr;padding:12px}
  .intermediary-badge{font-size:var(--fs-meta)}
  .trust-ribbon>div{padding:12px}
  .price-row{grid-template-columns:1fr;gap:var(--sp-1);padding:14px 16px}
  .price-head{display:none}
  .price-row span:nth-child(2):before{content:'Med ROT: ';font-weight:var(--fw-medium);color:var(--text-3);text-transform:none;letter-spacing:0}
  .price-row span:nth-child(3):before{content:'Utan ROT: ';font-weight:var(--fw-medium);color:var(--text-3)}
  .price-cta{flex-direction:column;align-items:stretch}
  .price-cta .btn{width:100%}
  .commercial-visual-grid{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .price-row .span2{grid-column:auto}
}
@media(max-width:640px){
  .pda-slot{min-height:515px}
  .situation-choices{grid-template-columns:1fr}
}
@media(max-width:600px){
  .intermediary-badge{border-radius:var(--r-sm);padding:.6rem .8rem;line-height:1.45;font-size:var(--fs-meta);max-width:100%}
}
@media(max-width:560px){
  .table-wrap th,.table-wrap td{padding:11px 13px;font-size:var(--fs-ui)}
}
@media(max-width:520px){
  .hero{padding-top:var(--blk-md)}
  .problem-choices,.quick-grid,.footer-grid{grid-template-columns:1fr}
  .callback{border-radius:0;margin-bottom:0;padding:var(--sp-8) var(--gutter)}
  .section{padding:var(--blk-md) var(--gutter)}
  .hero-proof-grid{grid-template-columns:1fr}
  .sticky-callback{font-size:var(--fs-ui)}
  main>.v24:first-of-type{padding-top:var(--blk-sm)}
  .do-now li{padding:14px 15px 14px 52px}
  .do-now li:before{left:13px}
  :root{--blk-lg:56px;--blk-md:44px;--blk-sm:32px;--rub-top:32px;--pad-panel:16px}
}
@media(max-width:480px){
  .premium-intent-buttons{grid-template-columns:1fr}
  .lead-summary{grid-template-columns:1fr}
  .lead-wizard-actions{align-items:stretch}
  .lead-wizard-actions .btn{min-width:0}
}
@media(max-width:430px){
  h1{font-size:min(2em,7.4vw)}
}
@media(max-width:420px){
  .pda-slot{min-height:621px}
}
@media(prefers-reduced-motion:reduce){
  .premium-page-photo img,.premium-proof-photo img,.hero-photo-card img{transition:none!important}
  html{scroll-behavior:auto}
  .btn,.problem-choices a,.situation-card,.nav-cta,.premium-page-photo img{transition:none!important}
}
@media(hover:hover){
  .btn:hover,.nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
  .situation-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(14,21,28,.13);border-color:#b9dcd4}
}