/* Variant 1 «Дружній сервіс з доказами» — direction C in full */
.hdr{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:2px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:var(--s3);height:72px}
.hdr nav{display:flex;gap:28px;margin-left:auto;font:600 14px var(--f-sans);font-stretch:85%;letter-spacing:.06em;text-transform:uppercase}
.hdr nav a{text-decoration:none;position:relative;padding:6px 0}.hdr nav a::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--signal);transition:width .3s var(--ease)}.hdr nav a:hover::after{width:100%}
.hdr .tools{display:flex;gap:10px;align-items:center}
.burger{display:none}
.hero{position:relative;padding:var(--s6) 0 0;overflow:hidden}
.hero .grid{align-items:center}
.hero .lt{grid-column:1/7}
.hero .sub{margin-top:var(--s3);max-width:25em}
.hero .form{margin-top:var(--s4);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;max-width:640px}
.hero .micro{font-size:14px;color:var(--muted);margin-top:12px;display:flex;gap:18px;flex-wrap:wrap}
.hero .micro span::before{content:"✓ ";color:var(--ok);font-weight:800}
.hero .art{grid-column:7/13;position:relative;padding-bottom:70px;margin-right:-90px}
.hero .art .rh{position:absolute;left:-2%;bottom:0;width:58%;transform:rotate(-2deg);box-shadow:10px 10px 0 var(--signal)}
.live{position:absolute;right:0;top:-8px}
.facts{margin-top:var(--s6);display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
.facts>div{padding:24px var(--s3);border-left:2px solid var(--line);position:relative}.facts>div:first-child{border-left:0;padding-left:0}
.facts .n{font:800 clamp(40px,5vw,72px)/.9 var(--f-sans);font-stretch:75%;display:block}.facts .l{font:600 12px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts>div:hover .n{color:var(--signal-deep)}
.sec{padding:var(--s7) 0 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}
.trust{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut)}
.trust .big{font:800 clamp(56px,7vw,104px)/.85 var(--f-sans);font-stretch:75%}
.stars{display:flex;gap:4px;margin:12px 0}.stars i{width:22px;height:22px;background:var(--signal);clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.calc{display:grid;grid-template-columns:5fr 7fr;gap:0;border:2px solid var(--line);background:var(--surface)}
.calc .in{padding:var(--s4);display:grid;gap:18px;align-content:start}
.calc .out{padding:var(--s4);background:var(--ink);color:var(--paper);display:grid;gap:10px;align-content:space-between}
[data-theme=dark] .calc .out{background:var(--signal);color:#12151A}
.calc .price{font:800 clamp(56px,7vw,96px)/.9 var(--f-sans);font-stretch:75%}
.seg{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--line)}.seg button{height:48px;border:0;background:transparent;color:var(--text);font:700 14px var(--f-sans);font-stretch:85%;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .2s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}[data-theme=dark] .seg button[aria-pressed=true]{background:var(--signal);color:#12151A}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);align-items:start}
.steps .q-slip:nth-child(2){margin-top:var(--s5)}.steps .q-slip:nth-child(3){margin-top:var(--s3)}
.steps .no{font:800 88px/.8 var(--f-sans);font-stretch:75%;color:var(--signal);display:block;margin-bottom:12px}
.mini{margin-top:var(--s3);border:2px solid var(--line);padding:14px;display:grid;gap:10px;background:var(--bg);font:600 13px var(--f-mono)}
.slot{display:flex;gap:8px;flex-wrap:wrap}.slot span{padding:8px 10px;border:2px solid var(--line)}.slot span.on{background:var(--signal);color:#12151A}
.report{display:grid;grid-template-columns:5fr 7fr;gap:var(--gut);align-items:start}
.pts{display:grid;gap:0;border-top:2px solid var(--line)}
.pt{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair);transition:padding .25s var(--ease),background .25s}.pt:hover{padding-left:12px;background:var(--surface-2)}
.pt .i{font:600 12px var(--f-mono);color:var(--muted)}.pt small{display:block;color:var(--muted);font-size:13px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tabs button{height:40px;padding:0 14px;border:2px solid var(--line);background:transparent;color:var(--text);font:600 13px var(--f-mono);cursor:pointer}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}[data-theme=dark] .tabs button[aria-pressed=true]{background:var(--signal);color:#12151A}
.plates4{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:var(--s3)}
.insp{display:grid;grid-template-columns:56px 1.4fr 1fr 1fr 1fr auto;gap:var(--s2);align-items:center;padding:16px 0;border-bottom:2px solid var(--line);transition:background .25s,padding .25s var(--ease)}.insp:hover{background:var(--surface-2);padding-left:12px;padding-right:12px}
.av{width:56px;height:56px;background:var(--signal);display:grid;place-items:center;font:800 24px var(--f-sans);color:#12151A;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.rev{display:grid;grid-template-columns:5fr 4fr 3fr;gap:var(--gut);align-items:start}.rev blockquote{margin:0;font:700 22px/1.25 var(--f-sans);font-stretch:90%}.rev .by{margin-top:18px;font:600 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.rev .q-slip:nth-child(2){margin-top:var(--s4)}
.faq details{border-top:2px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:2px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font:700 22px var(--f-sans);font-stretch:85%}.faq summary::after{content:"+";font:500 28px/1 var(--f-mono);transition:transform .3s var(--ease)}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{max-width:44em;color:var(--muted);margin:12px 0 0}
.cta{margin-top:var(--s7);background:var(--signal);color:#12151A;padding:var(--s6) 0;position:relative;overflow:hidden}.cta .t-display{max-width:9em}
.cta .ring{position:absolute;right:-60px;top:-30px;opacity:.9;color:#12151A}
footer.f{padding:var(--s5) 0 120px;display:flex;gap:var(--s4);flex-wrap:wrap;justify-content:space-between;font-size:14px}
.sticky{display:none}
@media(max-width:900px){
 .hdr nav{display:none}.hdr .tools .q-btn{display:none}.burger{display:grid;margin-left:auto}.hdr .tools{margin-left:auto}
 .hero{padding-top:var(--s4)}.hero .lt{grid-column:1/-1}.hero .art{grid-column:1/-1;margin:var(--s3) 0 24px;padding-bottom:40px}.hero .form{grid-template-columns:1fr}.hero .art .rh{left:0;width:92%;bottom:0}
 .facts{grid-template-columns:repeat(2,1fr)}.facts>div:nth-child(3){border-left:0;padding-left:0}.facts>div:nth-child(n+3){border-top:2px solid var(--line)}
 .trust>*{grid-column:1/-1!important}.calc,.report,.rev,.steps{grid-template-columns:1fr}.steps .q-slip{margin-top:0!important}.rev .q-slip{margin-top:0!important}
 .insp{grid-template-columns:48px 1fr auto;row-gap:6px}.insp>:nth-child(n+3):nth-child(-n+5){display:none}.insp .av{width:48px;height:48px}
 .sec{padding-top:var(--s6)}.cta{margin-top:var(--s6)}.cta .ring{opacity:.25}
 .sticky{display:grid;grid-template-columns:1fr 1.4fr;gap:0;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);border-top:2px solid var(--line)}.sticky .q-btn{clip-path:none;min-height:60px;--bgc:transparent;--fg:var(--paper)}.sticky .q-btn:last-child{--bgc:var(--signal);--fg:#12151A}
 [data-theme=dark] .sticky{background:var(--surface-2)}
}