/* Головна: пошук по центру, аркуш поруч із кроками, цифри, калькулятор строку, каталог зразків. */
html{overflow-x:clip}
main{padding-top:8px}

/* перший екран */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:44px 40px}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}}
.hero-text .chips,.hero-text .cta{justify-content:flex-start}
.photo{position:relative;justify-self:center;width:100%;max-width:440px}
.photo img{display:block;width:100%;height:auto;aspect-ratio:760/900;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px rgba(26,31,87,.18)}
.photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:24px;background:var(--accent-soft);z-index:-1}
.badge{position:absolute;display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:14px;padding:10px 14px;box-shadow:0 12px 30px rgba(26,31,87,.14);font-size:14px;color:var(--ink);animation:bob 6s ease-in-out infinite}
.badge b{display:block;font-size:18px;line-height:1.1}
.badge span{color:var(--muted);font-size:13px}
.badge i{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;flex:none}
.badge svg{width:20px;height:20px;stroke:var(--accent-strong);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.badge.b1{left:-28px;top:12%}
.badge.b2{right:-20px;bottom:10%;animation-delay:-3s}
@media(max-width:560px){.photo img{aspect-ratio:4/3}.badge.b1{left:8px;top:8px}.badge.b2{right:8px;bottom:8px}}
@keyframes bob{50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.badge{animation:none}}
.hero h1{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.025em}
.hero h1 em{font-style:normal;color:var(--accent-strong);background:linear-gradient(transparent 62%,var(--accent-soft) 62%)}
.lead{color:var(--muted);font-size:19px;max-width:56ch;margin:16px 0 26px}
.search{position:relative;max-width:620px;text-align:left}
.search input{width:100%;font:inherit;font-size:17px;padding:16px 56px 16px 22px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 6px 24px rgba(26,31,87,.07)}
.search input:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.search svg.ic{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;stroke:var(--accent);stroke-width:2.6;fill:none;stroke-linecap:round;pointer-events:none}
.results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(26,31,87,.12);padding:8px;z-index:10;list-style:none;margin:0}
.results li > a,.results li > span{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--ink)}
.results li a:hover,.results li a:focus{background:var(--accent-soft);outline:0}
.results li > span{color:var(--muted)}
.results small{color:var(--muted);white-space:nowrap}
.results li a small{color:var(--accent-strong);font-weight:600}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;font-size:14px}
.chips span{color:var(--muted);align-self:center}
.chips button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:6px 14px;cursor:pointer}
.chips button:hover{border-color:var(--accent);color:var(--accent-strong)}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.cta .btn{padding:15px 24px;font-size:17px;display:inline-block;text-align:center}
.cta .btn span{opacity:.7;font-weight:500}

/* велика біла картка: аркуш + кроки */
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:44px;box-shadow:0 2px 6px rgba(26,31,87,.03)}
@media(max-width:560px){.card{padding:24px 18px;border-radius:16px}}
.show{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
@media(max-width:900px){.show{grid-template-columns:minmax(0,1fr);gap:36px}}
.stage{position:relative;max-width:500px;width:100%;justify-self:center}
.stack{position:relative}
.stack::before,.stack::after{content:"";position:absolute;inset:0;background:var(--paper);border:1px solid var(--line);border-radius:4px}
.stack::before{transform:rotate(-4deg) translate(-10px,8px)}
.stack::after{transform:rotate(2.5deg) translate(8px,4px)}
@media(max-width:560px){.stack::before{transform:rotate(-2deg) translate(-4px,6px)}.stack::after{transform:rotate(1.5deg) translate(3px,3px)}}
.paper{position:relative;z-index:1;background:var(--paper);color:var(--paper-ink);font-family:var(--font-doc);font-size:14.5px;line-height:1.55;padding:34px 36px 30px;border-radius:4px;border:1px solid var(--line);box-shadow:0 18px 48px var(--paper-shadow);height:470px;overflow:hidden;transition:opacity .35s ease,transform .35s ease}
.paper.out{opacity:0;transform:translateY(10px)}
@media(max-width:560px){.paper{font-size:12.5px;padding:24px 18px 22px;height:420px}}
.paper p{margin:0 0 7px}
.paper .to{padding-left:42%;margin-bottom:16px}
.paper .to p{margin:0}
.paper .ttl{text-align:center;font-weight:700;margin:18px 0 12px;line-height:1.35}
.paper .body{text-align:justify;text-indent:1.1cm}
.paper .ask{text-align:center;font-weight:700;margin:14px 0 6px}
.paper .lines{display:grid;gap:9px;margin-top:14px}
.paper .lines i{display:block;height:7px;border-radius:4px;background:#ECEEF2}
.paper .lines i:nth-child(2){width:86%}
.paper .lines i:nth-child(3){width:64%}
.v{background:var(--hl);color:var(--hl-ink);border-radius:2px;padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .6s ease}
.v:empty{display:inline-block;min-width:7ch;height:1.05em;vertical-align:-2px}
.v.typing{background:var(--accent-soft);color:#11163F}
.v.typing::after{content:"";display:inline-block;width:1.5px;height:1.05em;background:var(--accent-strong);vertical-align:-2px;margin-left:1px;animation:blink .8s steps(1) infinite}
.v.done{background:transparent;color:inherit}
@keyframes blink{50%{opacity:0}}
.seal{position:absolute;z-index:2;right:26px;bottom:26px;width:74px;height:74px;border-radius:50%;border:3px solid var(--gold);display:grid;place-items:center;transform:rotate(-12deg) scale(.6);opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.3,1.6,.6,1)}
.seal::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px solid var(--gold)}
.seal svg{width:30px;height:30px;stroke:#C99A00;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.seal.on{opacity:1;transform:rotate(-12deg) scale(1)}
.tag{position:absolute;z-index:3;top:-13px;right:18px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--panel);color:var(--muted);border:1px solid var(--line)}
.tag.live{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.switch{display:flex;gap:6px;margin-top:22px;justify-content:center;flex-wrap:wrap}
.switch button{font:inherit;font-size:13px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:6px 12px;cursor:pointer;position:relative;overflow:hidden}
.switch button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
.switch button .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);width:0}
.switch button[aria-pressed="true"] .bar{width:var(--p,0%)}
.how h2{font-size:clamp(24px,3vw,30px);margin-bottom:26px}
.how ol{list-style:none;margin:0;padding:0;display:grid;gap:26px;counter-reset:s}
.how li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
.how li::before{content:counter(s);grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;display:grid;place-items:center;font-size:15px}
.how b{font-size:18px;color:var(--ink)}
.how span{color:var(--muted)}
.how .btn{margin-top:30px}

/* цифри */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel);border-radius:16px;padding:26px 10px;margin-top:40px;text-align:center}
.stats div{padding:4px 16px}
.stats div+div{border-left:1px solid #D8DCE5}
.stats b{display:block;font-size:clamp(30px,4.4vw,44px);font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.stats span{color:var(--muted);font-size:15px}
.stats b span{color:inherit;font-size:inherit}
@media(max-width:620px){.stats{grid-template-columns:minmax(0,1fr);padding:10px 18px}.stats div{padding:14px 0}.stats div+div{border-left:0;border-top:1px solid #D8DCE5}}

/* розділи */
.sect{padding-block:64px 0}
.sect-head{text-align:center;max-width:680px;margin:0 auto 32px}
.sect h2{font-size:clamp(26px,3.6vw,36px);letter-spacing:-.02em}
.sect-head p{color:var(--muted);margin:10px 0 0}

/* калькулятор строку */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
@media(max-width:860px){.calc{grid-template-columns:minmax(0,1fr);gap:24px}}
.calc h2{font-size:clamp(24px,3.2vw,32px)}
.calc .intro p{color:var(--muted);margin:12px 0 0}
.calc-box{background:var(--panel);border-radius:16px;padding:24px}
.calc-box label{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}
.calc-row{display:flex;gap:10px;flex-wrap:wrap}
.calc-row select{flex:1 1 200px;font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.verdict .acts{display:flex;gap:8px;flex-wrap:wrap}
.calc-row input{flex:1 1 200px;font:inherit;font-size:17px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.calc-row input:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.calc-box .alt{margin-top:10px;font-size:14px}
.calc-box .alt button{font:inherit;background:none;border:0;padding:0;color:var(--accent-strong);text-decoration:underline;cursor:pointer}
.verdict{margin-top:16px;border-radius:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line)}
.verdict b{display:block;font-size:20px;color:var(--ink);margin-bottom:4px}
.verdict.ok{border-color:var(--accent);background:var(--accent-soft)}
.verdict.late{border-color:#F3C77A;background:var(--warn-bg)}
.verdict p{margin:0 0 12px;color:var(--text)}
.verdict small{display:block;color:var(--muted);margin-top:10px;font-size:13px}

/* каталог */
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px}
@media(max-width:900px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.catalog{grid-template-columns:minmax(0,1fr);gap:28px}}
.cat h3{font-size:17px;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cat h3 i{width:32px;height:32px;border-radius:9px;background:var(--accent-soft);display:grid;place-items:center;flex:none}
.cat h3 svg{width:18px;height:18px;stroke:var(--accent-strong);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cat ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cat li{position:relative;padding:6px 0 6px 18px;font-size:15px;line-height:1.4;color:var(--muted)}
.cat li::before{content:"";position:absolute;left:2px;top:13px;width:6px;height:6px;border-radius:50%;background:#C9CED9}
.cat li.live::before{background:var(--accent)}
.cat li a{color:var(--ink);font-weight:600;text-decoration:none}
.cat li a:hover{color:var(--accent-strong);text-decoration:underline}
.cat li em{font-style:normal;font-size:12px;font-weight:600;margin-left:6px;padding:2px 8px;border-radius:99px;white-space:nowrap}
.cat li.live em{background:var(--accent);color:var(--accent-ink)}
.cat li:not(.live) em{background:var(--panel);color:var(--muted)}
.cat li mark{background:var(--hl);color:inherit;border-radius:2px}
.cat-note{text-align:center;color:var(--muted);font-size:15px;margin-top:28px}
.empty{text-align:center;color:var(--muted);padding:12px}

/* довіра */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.trust{grid-template-columns:minmax(0,1fr)}}
.trust div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.trust i{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:14px}
.trust svg{width:22px;height:22px;stroke:var(--accent-strong);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.trust b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}
.trust span{color:var(--muted);font-size:15px}

/* питання */
.faq{max-width:820px;margin-inline:auto}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px}
summary{font-weight:600;color:var(--ink);cursor:pointer}
details p{color:var(--muted);margin:10px 0 0;max-width:70ch}

/* заклик і поширення */
.band{background:var(--navy);color:#fff;border-radius:20px;padding:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:center;margin-top:64px}
@media(max-width:760px){.band{grid-template-columns:minmax(0,1fr);padding:30px 22px}}
.band h2{color:#fff;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.02em}
.band p{margin:10px 0 0;color:#C9CCE6;max-width:56ch}
.band .acts{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.share a,.share button{font:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;cursor:pointer}
.share a:hover,.share button:hover{background:rgba(255,255,255,.14)}
.share svg{width:16px;height:16px;fill:currentColor}

/* перший екран: підпис над заголовком */
.eyebrow{display:inline-flex;font-size:14px;font-weight:600;color:var(--accent-strong);background:var(--accent-soft);padding:5px 14px;border-radius:99px;margin-bottom:18px}

/* відгуки */
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:900px){.reviews{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.reviews{grid-template-columns:minmax(0,1fr)}}
.rev{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px}
.rev .st{color:var(--gold);letter-spacing:2px;font-size:18px}
.rev .st span{color:#D8DCE5}
.rev p{margin:0;color:var(--text);white-space:pre-line}
.rev small{color:var(--muted);font-size:14px}
.rev small a{color:var(--accent-strong)}
.rev-empty{text-align:center;color:var(--muted)}
.rev-cta{text-align:center;margin-top:22px}
.rev-form{max-width:640px;margin:22px auto 0;display:grid;gap:14px;padding:28px}
.rev-form h3{font-size:20px}
.rev-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.rev-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.rev-grid{grid-template-columns:1fr}}
.rev-form input[type=text],.rev-form select,.rev-form textarea{font:inherit;font-size:16px;font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.rev-form textarea{min-height:120px;resize:vertical}
.rev-form .rev-consent{grid-template-columns:auto 1fr;font-weight:400;color:var(--muted);align-items:start}
.rev-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-strong)}
.stars{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.stars legend{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px;float:left;width:100%}
.stars input{position:absolute;opacity:0;pointer-events:none}
.stars label{font-size:32px;line-height:1;color:#D8DCE5;cursor:pointer;display:block}
.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:var(--gold)}
.stars input:focus-visible+label{outline:2px solid var(--accent-strong);border-radius:4px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rev-msg{margin:0;font-size:15px}
.rev-msg.err{color:var(--err)}
.rev-msg.ok{color:var(--ok)}

/* каталог: фільтр і картки */
.cat-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 22px}
.cat-filter button{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:7px 14px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cat-filter button:hover{border-color:var(--accent);color:var(--ink)}
.cat-filter button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.dcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.dcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dcards{grid-template-columns:minmax(0,1fr)}}
.dcard{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.dcard:hover,.dcard:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,31,87,.10);border-color:var(--accent)}
.dcard i{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:4px}
.dcard i svg{width:20px;height:20px;stroke:var(--accent-strong);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dcard b{font-size:16px;line-height:1.35;color:var(--ink)}
.dcard .cname{font-size:13px;color:var(--muted)}
.dfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:10px}
.dfoot em{font-style:normal;font-weight:700;color:var(--ink)}
.dfoot .go{font-weight:600;font-size:14px;color:var(--accent-strong);transition:transform .2s}
.dcard:hover .go{transform:translateX(3px)}
.soon-box{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.soon-box summary{font-weight:600;color:var(--ink);cursor:pointer}
.soon-box summary span{display:inline-block;margin-left:6px;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--panel);color:var(--muted)}
.soon-box ul{list-style:none;padding:0;margin:12px 0 0;columns:2;column-gap:28px}
.soon-box li{break-inside:avoid;padding:5px 0;color:var(--muted);font-size:15px}
@media(max-width:560px){.soon-box ul{columns:1}}
/* перевірка документів (поки немає відгуків) */
.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:860px){.checks{grid-template-columns:minmax(0,1fr)}}
.checks div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.checks i{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:12px}
.checks svg{width:22px;height:22px;stroke:var(--accent-strong);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.checks b{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}
.checks span{color:var(--muted);font-size:15px}

/* липка кнопка на телефоні */
.sticky{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;display:none}
.sticky .btn{width:100%;padding:15px;font-size:17px;box-shadow:0 10px 30px rgba(26,31,87,.25)}
@media(max-width:760px){.sticky.on{display:block}}

@media(max-width:760px){.foot{padding-bottom:96px}}

/* ---------- оновлення дизайну ---------- */
/* фон першого екрана: м'які кольорові плями */
.hero{position:relative}

/* пошук: іконка зліва, кнопка «Знайти» справа */
.search{display:flex;align-items:center}
.search .sic{position:absolute;left:20px;top:50%;width:22px;height:22px;margin-top:-11px;color:var(--accent-strong);pointer-events:none}
.search input{padding:16px 120px 16px 54px}
.search input::-webkit-search-cancel-button{display:none}
.search .sgo{position:absolute;right:7px;top:7px;bottom:7px;border-radius:99px;padding:0 22px}
.results li a.act{background:var(--accent-soft)}
.results li a span mark{background:var(--hl);color:inherit;border-radius:3px}
.results li > span{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--muted)}
/* підпис над заголовком розділу */
.sect-head .eyebrow{margin-bottom:12px}
/* як ми перевіряємо: одразу після першого екрана */
.checks-sect{padding-top:28px}
.checks div{position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;padding:24px}
.checks div::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--accent),#3FDDB2);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.checks div:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.checks div:hover::after{transform:scaleX(1)}
.checks .ic{width:22px;height:22px;color:var(--accent-strong)}
.checks i{color:var(--accent-strong)}
.js .checks-sect.reveal .checks div{opacity:0;transform:translateY(14px);transition:opacity .5s ease calc(var(--i) * .12s),transform .5s ease calc(var(--i) * .12s)}
.js .checks-sect.reveal.in .checks div{opacity:1;transform:none}
.checks-more{text-align:center;color:var(--muted);margin:20px 0 0}
.checks-more a{font-weight:600}
/* каталог */
.cat-filter button{display:inline-flex;align-items:center;gap:7px}
.cat-filter button .ic{width:16px;height:16px}
.dcard{border-radius:18px;padding:20px}
.dcard i{color:var(--accent-strong)}
.dcard i .ic{width:20px;height:20px}
.dfoot .go{display:inline-flex;align-items:center;gap:4px}
.dfoot .go .ic{width:16px;height:16px;stroke-width:2.2}
.dcard:hover i{background:var(--accent);color:var(--accent-ink)}
.dcard i{transition:background .2s,color .2s}
.empty a{font-weight:600}
/* довіра */
.trust i{color:var(--accent-strong)}
.trust .ic{width:22px;height:22px}
/* заклик унизу */
.band{background:linear-gradient(135deg,#1A1F57 0%,#262C78 60%,#1F5E68 140%);position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,150,.25),transparent 70%);pointer-events:none}
.band .acts{position:relative;z-index:1}
.consult-cta.big{justify-content:center;padding:15px 24px;font-size:17px;background:linear-gradient(135deg,#0E9E79,#00C896);box-shadow:0 10px 26px rgba(0,200,150,.3)}
.consult-cta.big::after{background:linear-gradient(135deg,#0E9E79,#00C896)}
.consult-cta.big .dot{background:#fff}
.btn.ghost-light{padding:15px 24px;font-size:17px;background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
/* липка кнопка консультації на телефоні */
.sticky .consult-cta{width:100%;justify-content:center;padding:15px;font-size:16px;box-shadow:0 10px 30px rgba(26,31,87,.3)}
/* калькулятор: поле дати на всю ширину */
.calc-row .ui-select,.calc-row .ui-date{flex:1 1 200px;background:var(--surface)}
.calc-row .ui-date .ui-date-t{font-size:17px}
@media(max-width:560px){
  .search input{padding:15px 16px 15px 50px;font-size:16px}
  .search .sgo{display:none}
  .hero h1{font-size:34px}
  .lead{font-size:17px}
  .chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chips span,.chips button{flex:none}
  .cat-filter{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none}
  .cat-filter::-webkit-scrollbar{display:none}
  .cat-filter button{flex:none}
  .sect{padding-top:48px}
}

/* блок «Як це працює»: картка трохи над фоном */
.show-card{margin-top:72px;box-shadow:var(--shadow)}

/* темний заклик унизу: сяйво, що переливається */
.band::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(0,200,150,.18) 60deg,transparent 140deg,rgba(120,130,255,.14) 220deg,transparent 300deg);animation:aurora 24s linear infinite;pointer-events:none}
.band > *{position:relative;z-index:1}
@keyframes aurora{to{transform:rotate(360deg)}}

@media(max-width:560px){.show-card{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.band::before{animation:none}}
/* новий заголовок: два короткі рядки й підзаголовок меншим кеглем */
.hero h1 em{display:block;font-size:.58em;letter-spacing:-.015em;margin-top:12px;background:none}
.hero h1 em::after{content:"";display:block;width:72px;height:4px;border-radius:2px;margin-top:14px;background:linear-gradient(90deg,var(--accent),#3FDDB2)}
/* плашки на фото: м'яка поява й дуже плавне погойдування (окремий шар, без смикання) */
.badge{animation:badgeIn .9s var(--ease) both,bob2 9s cubic-bezier(.45,0,.55,1) .9s infinite;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.badge.b2{animation-delay:.25s,1.15s;animation-duration:.9s,10s}
@keyframes badgeIn{from{opacity:0;transform:translate3d(0,12px,0) scale(.96)}}
@keyframes bob2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
/* заголовки виразніші */
.hero h1{font-weight:800}
.sect h2,.how h2,.calc h2,.band h2{font-weight:800;letter-spacing:-.025em}
.sect-head h2{font-size:clamp(28px,4vw,40px)}


/* ---------- заголовки секцій: ліворуч, виразний підпис із номером ---------- */
.sect-head{text-align:left;max-width:760px;margin:0 0 36px}
.sect-head h2{font-size:clamp(30px,4.2vw,44px);line-height:1.1}
.sect-head p{font-size:17px;max-width:62ch}
.eyebrow.sect-label{display:inline-flex;align-items:center;gap:12px;background:none;padding:0;border-radius:0;margin-bottom:14px;font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}
.eyebrow.sect-label::before{content:attr(data-n);display:grid;place-items:center;min-width:38px;height:38px;padding:0 6px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#3FDDB2);color:var(--accent-ink);font-size:14px;letter-spacing:0;box-shadow:0 6px 16px rgba(0,200,150,.28)}
.eyebrow.sect-label::after{content:"";width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}
/* смужка-підпис плавно «виростає», коли секція з'являється */
.js .reveal .eyebrow.sect-label::after{transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease) .2s}
.js .reveal.in .eyebrow.sect-label::after{transform:none}
/* решта вмісту вирівняна по тій самій лінії */
.cat-filter{justify-content:flex-start}
.checks-more,.rev-cta,.rev-empty{text-align:left}
.faq{margin-inline:0;max-width:880px}
.calc .eyebrow.sect-label{margin-bottom:16px}
@media(max-width:560px){.sect-head h2{font-size:30px}.eyebrow.sect-label{font-size:13px;gap:10px}.eyebrow.sect-label::before{min-width:34px;height:34px;font-size:13px}}
/* кнопка «Поставити питання юристу» в темному блоці: без анімацій */
.consult-cta.big::before,.consult-cta.big .shine{display:none}
.consult-cta.big .dot{animation:none}
.consult-cta.big,.consult-cta.big:hover{transform:none;transition:box-shadow .2s}


/* відступи між секціями (фон тепер один на всю сторінку, див. .page-bg у site.css) */
.sect{padding-top:96px}
.checks-sect{padding-top:56px}
@media(max-width:560px){.sect{padding-top:64px}.checks-sect{padding-top:40px}}
/* «Поширені запитання»: заголовок ліворуч, як в інших секціях, а список питань по центру */
#faq .faq{margin-inline:auto;max-width:860px}