/* Pozyko — дизайн-система з Claude Design («Official & Calm»).
   Paper + deep navy + зелений акцент. IBM Plex Serif (заголовки) / Sans (текст) / Mono (числа, labels). */
:root{
  --paper:#f4f3ef; --card:#fbfaf8; --ink:#14181d;
  --navy:#1f3c5d; --navy-d:#14283e; --navy-panel:#1a3150; --navy-line:#2c4460;
  --line:#dedbd4; --line-2:#cfd5dd; --muted:#5a6470; --muted-2:#4c5561;
  --green:#2f6b4f; --green-dot:#6fcf97; --green-tint:#eef5f0; --green-line:#cfe2d7;
  --footer:#14181d; --footer-line:#2a2f36; --footer-fg:#9aa3ad;
  --wrap:1180px; --read:760px;
  --serif:"IBM Plex Serif",Georgia,serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--navy);text-decoration:none}
a:hover{color:var(--navy-d);text-decoration:underline}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;text-wrap:balance}
strong{font-weight:600}
.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--mono);font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}

/* container helpers */
.container{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
main{display:block}

/* ── Header ── */
.hdr{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hdr__in{max-width:var(--wrap);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px}
.logo:hover{text-decoration:none}
.logo__mark{width:30px;height:30px;background:var(--navy);display:grid;place-items:center;color:var(--card);font-weight:700;font-size:15px;border-radius:3px;font-family:var(--sans)}
.logo__txt b{display:block;font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1;color:var(--ink)}
.logo__txt small{display:block;font-family:var(--mono);font-size:9.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.hdr__nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:15px}
.hdr__nav a{color:#3c454f}
.hdr__tel{display:flex;align-items:center;gap:8px;background:var(--navy);color:var(--card)!important;padding:9px 14px;border-radius:3px;font-weight:600;white-space:nowrap;font-family:var(--mono)}
.hdr__tel:hover{background:var(--navy-d);text-decoration:none}
.hdr__tel .dot,.dot{width:6px;height:6px;border-radius:50%;background:var(--green-dot);display:inline-block}

/* ── Trust bar ── */
.tbar{background:var(--navy-d);color:#c3d0de}
.tbar__in{max-width:var(--wrap);margin:0 auto;padding:9px 20px;display:flex;justify-content:center;gap:10px 22px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.tbar .sep{opacity:.4}

/* ── Hero (home) ── */
.hero{max-width:var(--wrap);margin:0 auto;padding:40px 20px 44px}
.hero__lead{max-width:680px}
.hero h1{font-size:clamp(31px,6.2vw,50px);line-height:1.1;letter-spacing:-.015em;margin:0 0 18px}
.hero__sub{font-size:clamp(15.5px,2.2vw,18px);line-height:1.6;color:var(--muted-2);margin:0 0 26px;max-width:52ch;text-wrap:pretty}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:0 0 26px;max-width:900px;padding:0;list-style:none}
.stats li{list-style:none;background:var(--card);padding:15px 16px}
.stats b{display:block;font-family:var(--serif);font-size:21px;font-weight:600;margin-bottom:2px;color:var(--ink)}
.stats span{font-size:13px;color:var(--muted);line-height:1.45}
.hero__cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hero__cta .link{color:#3c454f;font-size:15px;padding:15px 4px}

/* ── Buttons ── */
.btn{display:inline-block;background:var(--navy);color:var(--card);padding:15px 24px;border-radius:3px;font-weight:600;font-size:16px;border:0;cursor:pointer;text-align:center}
.btn:hover{background:var(--navy-d);color:var(--card);text-decoration:none}
.btn--ghost{background:var(--card);color:var(--navy);border:1px solid var(--line-2)}
.btn--ghost:hover{background:var(--card);border-color:var(--navy);color:var(--navy)}
.btn--green{background:var(--green)}
.btn--green:hover{background:#245a41;color:#fff}

/* ── Band sections (home) ── */
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}
.band--dark{background:var(--navy-d);color:#e8edf3;border-color:var(--navy-line)}
.band--dark h2{color:var(--card)}
.band--dark .eyebrow{color:#8fa3ba}

/* ── City cards ── */
.citycards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:860px;list-style:none;padding:0;margin:0}
.citycard{border:1px solid var(--line-2);border-radius:4px;background:#fff;padding:20px;display:block}
.citycard:hover{border-color:var(--navy);text-decoration:none;box-shadow:0 8px 24px -18px rgba(20,40,62,.6)}
.citycard__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.citycard__name{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--ink)}
.citycard__arrow{font-size:20px;color:var(--navy)}
.citycard__sub{font-size:14.5px;color:var(--muted-2);line-height:1.55;margin-top:6px}
.pill{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13px;color:var(--green);background:var(--green-tint);border:1px solid var(--green-line);border-radius:3px;padding:5px 10px}
.pill .dot{background:var(--green)}
.note{font-size:13.5px;color:var(--muted);margin-top:14px;line-height:1.55}

/* ── Steps (about) ── */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:32px;align-items:start}
.steps{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.steps li{background:var(--card);padding:16px 18px;display:flex;gap:13px}
.steps .n{font-family:var(--mono);font-size:11px;color:var(--navy);padding-top:3px}
.steps b{font-weight:600;font-size:15.5px;display:block}
.steps span{font-size:14px;color:var(--muted);line-height:1.5}

/* ── Safety grid (dark) ── */
.safe{display:grid;gap:1px;background:var(--navy-line);border:1px solid var(--navy-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.safe li{background:var(--navy-panel);padding:18px;display:flex;gap:10px;align-items:flex-start}
.safe .ok{color:var(--green-dot);font-size:16px;line-height:1.3}
.safe b{font-weight:600;font-size:16px;color:var(--card);display:block;margin-bottom:4px}
.safe span{font-size:14px;color:#b3c2d3;line-height:1.5}
.band--dark .morelink{display:inline-block;margin-top:20px;color:#cfe0f0;font-weight:500;border-bottom:1px solid #476b93}
.band--dark .morelink:hover{color:#fff;text-decoration:none}

/* ── Final CTA + inline form ── */
.ctagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;align-items:start}
.ctagrid__h{font-size:clamp(23px,4vw,32px);margin:0 0 10px}
.ctagrid__p{font-size:15.5px;color:var(--muted);margin:0 0 20px;max-width:44ch;line-height:1.6}
.btn--phone{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-family:var(--mono)}
.btn--phone .dot{background:var(--green-dot)}
.cta-hours{font-size:11.5px;color:var(--muted);margin-top:12px;letter-spacing:.04em}
.reqform{background:#fff;border:1px solid var(--line-2);border-radius:5px;box-shadow:0 1px 2px rgba(20,24,29,.05),0 12px 32px -20px rgba(20,40,62,.35);overflow:hidden}
.reqform__head{background:var(--navy-d);color:var(--card);padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;font-size:15.5px}
.reqform__tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9db0c6}
.reqform__body{padding:18px;display:grid;gap:14px}
.fld label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.fld input{width:100%;font-family:inherit;font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:3px;padding:13px 12px}
.fld input:focus{outline:none;border-color:var(--navy);background:#fff}
.pledge{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pledge__opt{position:relative}
.pledge__opt input{position:absolute;opacity:0;width:0;height:0}
.pledge__opt span{display:block;text-align:center;font-weight:600;font-size:15px;padding:13px 10px;border-radius:3px;cursor:pointer;border:1px solid var(--line-2);background:var(--card);color:var(--muted-2)}
.pledge__opt input:checked+span{border-color:var(--navy);background:#eef2f7;color:var(--navy-d)}
.pledge__opt input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
.reqform .btn{width:100%}
.reqform__note{font-size:12.5px;color:var(--muted);line-height:1.5}
.hp{position:absolute;left:-9999px}

/* ══ Content pages (money/info/hub/legal) — читабельна колонка ══ */
.page{max-width:var(--read);margin:0 auto;padding:26px 20px 64px}
.page h1{font-size:clamp(27px,5vw,38px);line-height:1.15;margin:.2em 0 .4em}
.page h2{font-size:1.4rem;margin:1.7em 0 .5em}
.tldr{font-size:1.05rem;color:var(--ink);border-left:3px solid var(--navy);background:var(--card);padding:14px 18px;border-radius:0 6px 6px 0;margin:1em 0}
.page section{padding:2px 0 8px;margin-top:22px;border-top:1px solid var(--line)}
.page section ul{padding-left:0}
.page section ul li{list-style:none;position:relative;padding-left:1.7em;margin:.35em 0}
.page section ul li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:700}
.page section ol{padding-left:1.4em}
.page em{color:var(--navy);font-style:normal;font-weight:600}
.cta-inline{font-weight:500;background:var(--green-tint);border:1px solid var(--green-line);padding:11px 15px;border-radius:6px;color:var(--ink)}

/* cards on hub/home content */
.cards{list-style:none;padding:0;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:.5em 0}
.cards li{border:1px solid var(--line-2);border-radius:6px;padding:16px 18px;background:#fff}
.cards li:hover{border-color:var(--navy)}
.cards li::before{content:none}
.cards a{font-weight:600;text-decoration:none;color:var(--ink)}
.cards small{color:var(--muted);display:block;margin-top:4px;font-size:.9rem}

/* calculator */
.calc{border:1px solid var(--line);border-radius:8px;padding:22px;margin:22px 0;background:var(--card)}
.calc__title{margin:0 0 10px;font-size:1.15rem}
.calc label{font-weight:500;font-size:.92rem;color:var(--muted)}
.calc__inline{display:flex;gap:8px;margin-top:6px}
.calc input,.calc select{padding:13px;font-size:1.05rem;border:1px solid var(--line-2);border-radius:6px;background:#fff;color:var(--ink);font-family:inherit}
.calc input{flex:1;min-width:0;font-family:var(--mono)}
.calc select{font-weight:600}
.calc input:focus,.calc select:focus{outline:2px solid var(--navy);outline-offset:1px;border-color:transparent}
.calc__out{margin:14px 0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:6px}
.calc__out p{margin:.15em 0}
.calc__out strong{font-family:var(--serif);color:var(--navy);font-size:1.2rem}
.calc__note{color:var(--muted);font-size:.85rem;margin-top:8px}
.calc .btn{margin-top:8px;font-size:15px;padding:13px 22px}

/* toc */
.toc{font-size:.88rem;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 15px;margin:16px 0;line-height:2}
.toc a{text-decoration:none;white-space:nowrap}

/* lead form */
.lead{background:var(--navy-d);color:#e8edf3;border-radius:8px;padding:24px;margin-top:30px}
.lead h2{margin-top:0;color:#fff}
.lead__form{display:grid;gap:10px;margin-top:8px}
.lead__form input{padding:13px;font-size:1rem;border:1px solid var(--navy-line);border-radius:6px;background:#0e1d31;color:#fff}
.lead__form input::placeholder{color:#8fa3ba}
.lead__form .btn{background:var(--green)}
.lead__note{color:#a9b6c4;font-size:.85rem}
.lead__note a{color:#fff}

/* faq */
details{border-bottom:1px solid var(--line);padding:12px 0}
summary{cursor:pointer;font-weight:600;list-style:none}
summary::-webkit-details-marker{display:none}

/* ── Footer ── */
.ftr{background:var(--footer);color:var(--footer-fg);padding:32px 20px 96px}
.ftr__in{max-width:var(--wrap);margin:0 auto}
.ftr__disc{border:1px solid var(--footer-line);border-radius:4px;padding:16px 18px;font-size:13.5px;line-height:1.65;color:#c0c7cf;margin-bottom:26px}
.ftr__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;font-size:14px;line-height:1.7}
.ftr__cols a{color:#c7ced6;display:block}
.ftr__brand{color:var(--paper);font-weight:700;font-size:17px;margin-bottom:8px;font-family:var(--serif)}
.ftr__blurb{font-size:13.5px}
.ftr__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ftr__req{font-size:13.5px;color:var(--footer-fg);margin-top:6px}
.ftr__tel{color:var(--paper)!important;font-size:17px;font-weight:600;font-family:var(--mono)}
.ftr__hours{font-size:13.5px;margin:4px 0}

/* ── Мобільне меню (details/summary, без JS) ── */
.hdr__menu{display:none;position:relative}
.hdr__menu>summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:3px;background:var(--card)}
.hdr__menu>summary::-webkit-details-marker{display:none}
.hdr__menu>summary::marker{content:none;font-size:0}
.hdr__menu .bars,.hdr__menu .bars::before,.hdr__menu .bars::after{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px;content:""}
.hdr__menu .bars{position:relative}
.hdr__menu .bars::before{position:absolute;top:-6px}
.hdr__menu .bars::after{position:absolute;top:6px}
.hdr__menu[open]>summary{border-color:var(--navy)}
.hdr__menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:min(78vw,290px);background:#fff;border:1px solid var(--line-2);border-radius:4px;box-shadow:0 14px 34px -18px rgba(20,40,62,.55);padding:6px;display:grid;gap:2px;z-index:40}
.hdr__menu-panel a{display:block;padding:12px 14px;border-radius:3px;font-size:15.5px;color:var(--ink)}
.hdr__menu-panel a:hover{background:var(--green-tint);text-decoration:none;color:var(--navy-d)}

/* ── Sticky mobile call ── */
.callbar{display:none}
@media(max-width:720px){
  /* Компактна шапка: ховаємо десктоп-nav і телефон (він у нижній панелі), тагляйн і зайві відступи */
  .hdr__nav{display:none}
  .hdr__menu{display:block}
  .hdr__in{padding:9px 16px}
  .logo__mark{width:28px;height:28px;font-size:14px}
  .logo__txt b{font-size:17px}
  .tbar__in{padding:7px 16px;font-size:10px;gap:6px 12px}
  .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:10px 14px;gap:8px;box-shadow:0 -6px 20px -14px rgba(20,24,29,.5)}
  .callbar a{flex:1;text-align:center;border-radius:3px;padding:13px 10px;font-weight:600;font-size:15px}
  .callbar .c-tel{background:var(--navy);color:var(--card)}
  .callbar .c-tel:hover{text-decoration:none}
  .callbar .c-msg{border:1px solid var(--line-2);color:var(--navy)}
  .cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ═══ Money-page design (Claude Design «Lviv Auto Pledge») ═══ */
.mpage{display:block}
.crumb{max-width:var(--wrap);margin:0 auto;padding:14px 20px 0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.crumb a{color:var(--muted)}
.crumb .cur{color:var(--ink)}

/* hero 2-col */
.mhero{max-width:var(--wrap);margin:0 auto;padding:22px 20px 40px}
.mhero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:34px;align-items:start}
.mhero__lead{max-width:580px}
.mhero h1{font-size:clamp(30px,5.8vw,46px);line-height:1.12;letter-spacing:-.015em;margin:0 0 18px}
.mhero__sub{font-size:clamp(15.5px,2.2vw,17.5px);line-height:1.62;color:#3c454f;margin:0 0 22px;max-width:54ch;text-wrap:pretty}
.ministats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.ministats li{background:var(--card);padding:14px 16px}
.ministats b{display:block;font-family:var(--serif);font-size:20px;font-weight:600}
.ministats span{font-size:13px;color:var(--muted);line-height:1.45}

/* calculator widget */
.calcw{background:var(--card);border:1px solid var(--line-2);border-radius:5px;box-shadow:0 1px 2px rgba(20,24,29,.05),0 12px 32px -18px rgba(20,40,62,.35);overflow:hidden}
.calcw__head{background:var(--navy-d);color:var(--card);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;font-size:15.5px}
.calcw__tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9db0c6}
.calcw__body{padding:18px}
.calcw__lab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.cur3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.terms4{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.curbtn,.tbtn{font-family:var(--mono);font-weight:500;border-radius:3px;cursor:pointer;border:1px solid var(--line-2);background:var(--card);color:var(--muted-2)}
.curbtn{font-size:14px;padding:11px 8px}
.tbtn{font-size:13px;padding:9px 12px;flex:1 1 auto;min-width:60px}
.curbtn.is-on,.tbtn.is-on{border-color:var(--navy);background:#eef2f7;color:var(--navy-d)}
.calcw__rl{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:10px}
.calcw__rl .mono{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.calcw__valnum{font-weight:600;font-size:16px}
.cw-range{width:100%;margin:4px 0;accent-color:var(--navy)}
.calcw__mm{display:flex;justify-content:space-between;font-size:10.5px;color:#98a0aa;margin-bottom:18px}
.calcw__out{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}
.calcw__or{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14.5px;color:var(--muted-2)}
.calcw__sum{font-family:var(--serif);font-size:27px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.calcw__month{font-weight:600;font-size:17px;color:var(--ink)}
.calcw__first{font-size:14px;color:var(--green)}
.calcw__cta{display:block;text-align:center;width:100%;margin-top:18px}
.calcw__note{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:10px;text-align:center}

/* toc pills */
.tocnav{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tocnav__in{max-width:var(--wrap);margin:0 auto;padding:16px 20px}
.tocnav__pills{display:flex;gap:8px;flex-wrap:wrap}
.tocnav__pills a{border:1px solid #d7d5ce;background:#fff;border-radius:3px;padding:8px 13px;font-size:14px;color:#3c454f}
.tocnav__pills a:hover{border-color:var(--navy);text-decoration:none}

/* section headings on money page */
.msec{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
.band .msec{max-width:var(--wrap)}
.msec h2,.band__in h2{font-size:clamp(25px,4.2vw,34px);margin:0 0 22px}
.band__in{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
.msplit{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:32px;align-items:start}

/* steps cards */
.stepcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,188px),1fr));gap:10px;padding:0;list-style:none}
.stepcards li{list-style:none;background:var(--card);padding:18px;border:1px solid var(--line);border-radius:4px}
.stepcards .k{font-family:var(--mono);font-size:10.5px;color:var(--navy);letter-spacing:.1em;margin-bottom:8px}
.stepcards .k.p{color:var(--muted)}
.stepcards b{font-weight:600;font-size:15.5px;display:block;margin-bottom:5px}
.stepcards span{font-size:14px;color:var(--muted);line-height:1.55}

/* generic inline cta box */
.ctabox{margin-top:18px;border:1px solid var(--line-2);background:#fff;border-radius:4px;padding:16px 18px;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.ctabox span{font-size:15px;color:#3c454f}
.ctabox .btn{padding:12px 20px;font-size:15px}

/* terms table */
.ttable{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.ttable__r{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #ecebe6;font-size:15px}
.ttable__r:last-child{border-bottom:0}
.ttable__r .k{color:var(--muted-2)}
.ttable__r .v{font-weight:600}
.ttable__r .v.g{color:var(--green)}
.example{border:1px solid var(--line-2);border-radius:4px;background:#fff;padding:18px}
.example .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.example__r{display:flex;justify-content:space-between;align-items:baseline}
.example__r.top{padding-bottom:10px;border-bottom:1px solid #ecebe6}
.example__r.bot{padding-top:10px}
.example__r .k{font-size:15px;color:var(--muted-2)}
.example__big{font-family:var(--serif);font-size:22px;font-weight:600}
.example__sum{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--navy)}

/* fact / info grid (valuation, docs, notary) */
.infogrid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.infogrid li{background:var(--card);padding:16px 18px}
.infogrid b{font-weight:600;font-size:15.5px;display:block;margin-bottom:3px}
.infogrid span{font-size:14px;color:var(--muted);line-height:1.5}
.docs li{display:flex;gap:13px;align-items:baseline;padding:15px 18px}
.docs .n{font-family:var(--mono);font-size:11px;color:var(--navy)}
.docs .t{font-size:15.5px;font-weight:500}

/* cars grid */
.cargrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.cargrid li{background:#fff;padding:18px}
.cargrid .ok{color:var(--green);font-size:15px;margin-bottom:6px}
.cargrid b{font-weight:600;font-size:15.5px;display:block;margin-bottom:4px}
.cargrid span{font-size:14px;color:var(--muted);line-height:1.5}

/* notary dark points */
.dpoints{display:grid;gap:1px;background:var(--navy-line);border:1px solid var(--navy-line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.dpoints li{background:var(--navy-panel);padding:16px 18px}
.dpoints b{font-weight:600;font-size:15.5px;color:var(--card);display:block;margin-bottom:4px}
.dpoints span{font-size:14px;color:#b3c2d3;line-height:1.5}
.band--dark .msub{font-size:15.5px;line-height:1.62;color:#c1cddb;margin:0;max-width:46ch}

/* risks */
.riskcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:0;list-style:none}
.riskcards li{list-style:none;border:1px solid var(--line);background:var(--card);border-radius:4px;padding:18px}
.riskcards b{font-weight:600;font-size:15.5px;display:block;margin-bottom:5px}
.riskcards span{font-size:14.5px;color:var(--muted-2);line-height:1.55}

/* compare 3-col */
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.compare li{background:#fff;padding:20px}
.compare .h{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--muted)}
.compare li.us .h{color:var(--navy)}
.compare .rows{display:grid;gap:7px;font-size:14.5px;color:#3c454f;line-height:1.5}
.compare li:not(.us) .rows{color:var(--muted)}

/* faq accordion (money page) */
.faqbox{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.faqbox details{background:var(--card);padding:0;border:0}
.faqbox summary{padding:16px 18px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faqbox summary .pm{font-family:var(--mono);color:var(--navy)}
.faqbox details[open] summary .pm::after{content:"–"}
.faqbox summary .pm::after{content:"+"}
.faqbox details>p{padding:0 18px 16px;margin:0;font-size:14.5px;color:var(--muted-2);line-height:1.6}

/* ── City hub (routing page) ── */
.hub-hero{padding-top:22px;padding-bottom:36px}
.hub-hero .hero__lead{max-width:760px}
.hub-hero h1{font-size:clamp(30px,5.6vw,44px);text-wrap:balance}
.cardspec{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:14.5px;color:#3c454f}
.cardspec li{list-style:none}
.factrow{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;list-style:none;padding:0;margin:0}
.factrow li{list-style:none;background:var(--card);padding:14px 16px;display:flex;justify-content:space-between;gap:12px;font-size:15px;align-items:baseline}
.factrow li>span{color:var(--muted-2)}
.factrow li>b{font-weight:600;text-align:right}
.factrow li>a{font-weight:600;text-align:right}
.coverbox{margin-top:22px;border:1px solid var(--line);background:var(--card);border-radius:4px;padding:16px 18px}
.coverbox p{margin:0;font-size:15px;color:#3c454f;line-height:1.6;max-width:72ch}

/* ── Info article extras ── */
.formula{margin-top:20px;border:1px solid var(--line);background:var(--card);border-radius:4px;padding:16px 18px}
.formula__eq{font-size:15px;color:var(--ink)}
.example__note{font-size:14px;color:var(--muted);line-height:1.55;margin:12px 0 0}

/* dark-band article paragraph (info pages) — ширший рядок, як у дизайні */
.band--dark .msub.wide{max-width:62ch;font-size:16.5px;color:#c9d5e3;line-height:1.65;margin-bottom:14px}

/* dark-band stepcards (info #realty) + doc cards (info #cost) */
.band--dark .stepcards li{background:var(--navy-panel);border-color:var(--navy-line)}
.band--dark .stepcards .k{color:#8fa3ba}
.band--dark .stepcards b{color:#fbfaf8}
.band--dark .stepcards span{color:#b3c2d3}
.doccard{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:20px}
.doccard__lab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:12px}
.doccard .cardspec{margin-top:0;font-size:15px}

/* info-page hero: широкий lead (h1 в рядок) + ministats окремим блоком у 1 ряд */
.mhero--info .mhero__lead{max-width:720px}
.mhero--info .ministats{max-width:760px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* ширший читальний абзац у світлих інфо-секціях (як #what у дизайні — 62ch) */
.mhero__sub.wide{max-width:72ch}

/* checklist cards (документи) + note callouts */
.stepcards .ck{color:var(--green);font-size:14px;margin-right:5px;vertical-align:middle}
.band--dark .stepcards .ck{color:var(--green-dot)}
.goodnote{margin-top:10px;border:1px solid var(--green-line);background:var(--green-tint);border-radius:4px;padding:14px 18px;font-size:15px;color:var(--green);line-height:1.55}
.band--dark .infonote{margin-top:10px;border:1px solid var(--navy-line);background:var(--navy-panel);border-radius:4px;padding:14px 18px;font-size:15px;color:#c9d5e3;line-height:1.55}

/* link cards ("Що далі" / next-step на інфо-сторінках) — на всю ширину, назва 22px */
.linkcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.linkcard{border:1px solid var(--line-2);border-radius:4px;background:#fff;padding:20px;display:block}
.linkcard:hover{border-color:var(--navy);text-decoration:none;box-shadow:0 8px 24px -18px rgba(20,40,62,.6)}
.linkcard__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.linkcard__name{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink)}
.linkcard__arrow{font-size:19px;color:var(--navy)}
.linkcard__sub{font-size:14.5px;color:var(--muted-2);line-height:1.55;margin-top:6px}

/* numbered rows (#contract) + checklist (#attention) + owner doccard title/desc + dark linkcard */
.numlist{display:grid;gap:10px;max-width:820px;list-style:none;padding:0;margin:0}
.numlist li{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;list-style:none}
.numlist .n{font-family:var(--mono);font-size:11px;color:var(--navy);letter-spacing:.1em}
.numlist b{font-weight:600;font-size:16px;display:block;margin-bottom:3px}
.numlist span{font-size:14.5px;color:var(--muted);line-height:1.55}
.band--dark .numlist li{background:var(--navy-panel);border-color:var(--navy-line)}
.band--dark .numlist .n{color:var(--green-dot)}
.band--dark .numlist b{color:#fbfaf8}
.band--dark .numlist span{color:#b3c2d3}
.checklist{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.checklist li{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:16px 18px;display:flex;gap:12px;list-style:none}
.checklist .ok{color:var(--green);font-size:15px;line-height:1.4}
.checklist b{font-weight:600;font-size:15.5px;display:block;margin-bottom:3px}
.checklist span{font-size:14.5px;color:var(--muted);line-height:1.55}
.doccard b{display:block;font-weight:600;font-size:16px;margin-bottom:6px}
.doccard p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.band--dark .linkcard{border-color:transparent}

/* red-flag numbered rows — червоні номери */
.band--dark .numlist.warn .n{color:#e8a5a5}

/* process-step numbered rows — зелені номери на світлому */
.numlist.good .n{color:var(--green)}

/* comparison table (#compare) */
.cmptable{border:1px solid var(--line);border-radius:4px;background:#fff;overflow-x:auto}
.cmptable table{border-collapse:collapse;width:100%;min-width:680px;font-size:14.5px}
.cmptable th,.cmptable td{text-align:left;padding:13px 16px;border-bottom:1px solid #ecebe6}
.cmptable thead th{border-bottom:1px solid var(--line);color:#3c454f;font-weight:600}
.cmptable thead th:first-child{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.cmptable td.c{color:var(--muted-2)}
.cmptable .us{background:var(--green-tint);border-bottom-color:var(--green-line)}
.cmptable td.us{font-weight:600}
.cmptable thead th.us{color:var(--navy-d)}
.cmptable tbody tr:last-child td{border-bottom:0}

/* pros/cons cards (#options) */
.procon{display:flex;flex-wrap:wrap;gap:10px}
.procon__card{flex:1 1 300px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:20px}
.procon__card.hl{border-color:var(--navy)}
.procon__lab{color:var(--muted);margin-bottom:12px}
.procon__card.hl .procon__lab{color:var(--navy)}
.procon__list{display:grid;gap:7px;font-size:14.5px;line-height:1.5;color:#3c454f;list-style:none;padding:0;margin:0}
.procon__list li{display:flex;gap:9px;list-style:none}
.procon__list li.con{color:var(--muted)}
.procon__list .y{color:var(--green)}
.procon__list .m{color:#98a0aa}

/* довгий заголовок — менший шрифт + ширший lead, щоб лягав у 2 рядки */
.mhero--long .mhero__lead{max-width:820px}
.mhero--long h1{font-size:clamp(28px,5vw,42px)}

/* highlighted contrast card (#what іпотека vs кредит) */
.doccard.hl{background:#fff;border-color:var(--navy)}
.doccard.hl .doccard__lab{color:var(--navy)}

/* feature cards (окремі білі картки, 3 в ряд — #objects іпотека) */
.featcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px;list-style:none;padding:0;margin:0}
.featcards li{background:#fff;border:1px solid var(--line);border-radius:4px;padding:20px;list-style:none}
.featcards .ok{color:var(--green);font-size:15px;margin-bottom:6px}
.featcards b{font-weight:600;font-size:16px;display:block;margin-bottom:5px}
.featcards span{font-size:14.5px;color:var(--muted);line-height:1.55}

/* role list (#how — крок + виконавець) */
.rolelist{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.rolelist li{background:#fff;border:1px solid var(--line);border-radius:4px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;list-style:none}
.rolelist .n{font-family:var(--mono);font-size:11px;color:var(--green);letter-spacing:.1em}
.rolelist .t{font-weight:600;font-size:16px}
.rolelist .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right}
.rolelist .who.us{color:var(--navy)}

/* dark-band checklist (#safe on pro-nas) */
.band--dark .checklist li{background:var(--navy-panel);border-color:var(--navy-line)}
.band--dark .checklist .ok{color:var(--green-dot)}
.band--dark .checklist b{color:#fbfaf8}
.band--dark .checklist span{color:#b3c2d3}

/* contact button row (kontakty) */
.btnrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* ── Offer + risk reversal ── */
.offerbox{margin-top:22px;max-width:760px;border:1px solid var(--green-line);background:var(--green-tint);border-radius:4px;padding:16px 18px}
.offerbox b{display:block;font-weight:600;font-size:16.5px;color:var(--ink);margin-bottom:5px;line-height:1.45}
.offerbox span{font-size:14.5px;color:var(--green);line-height:1.55}
.riskline{font-size:13.5px;color:var(--green);line-height:1.5;margin:0 0 14px;display:flex;gap:8px;align-items:flex-start}
.riskline::before{content:"✓";font-weight:700}

/* thank-you: галочка успіху */
.okmark{width:52px;height:52px;border-radius:50%;background:var(--green-tint);border:1px solid var(--green-line);color:var(--green);display:grid;place-items:center;font-size:26px;margin-bottom:18px}