:root{--deep:#0B3D2E;--sun:#FFC93C;--mint:#3BB98A;--surf:#F2F6F4;--ink:#13221C;--mute:#5E6E67;--line:#DDE6E1}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:var(--ink);font:16px/1.5 Manrope,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.disp{font-family:Unbounded,sans-serif}
header .wrap{display:flex;align-items:center;height:72px;gap:36px}
.logo{font:700 20px Unbounded;color:var(--deep)}.logo span{color:var(--mint)}
.mainnav{display:flex;gap:26px;font-weight:600;font-size:15px;color:var(--mute)}
.cta{margin-left:auto;background:var(--sun);padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px}
.hero{background:var(--deep);color:#fff;border-radius:28px;margin:8px 32px 0;padding:56px 56px;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.hero h1{font:700 44px/1.1 Unbounded;letter-spacing:-1px}
.hero h1 em{font-style:normal;color:var(--sun)}
.hero p{margin:18px 0 26px;color:#BFD6CC;font-size:18px;max-width:480px}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg a{border:1px solid #2F6A55;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}
.seg a.on{background:var(--sun);color:var(--ink);border-color:var(--sun)}
.card{background:#fff;color:var(--ink);border-radius:22px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.ch{display:flex;gap:20px;align-items:center}
.ring{width:108px;height:108px;border-radius:50%;background:conic-gradient(var(--mint) 0 88%,var(--line) 0);display:grid;place-items:center;flex:none}
.ring div{width:84px;height:84px;border-radius:50%;background:#fff;display:grid;place-items:center;font:700 28px Unbounded}
.ring small{display:block;font:600 11px Manrope;color:var(--mute);margin-top:-6px}
.ch h3{font:700 19px Unbounded}.ch p{font-size:14px;color:var(--mute)}
.badge{display:inline-block;margin-top:6px;background:#E2F5EC;color:#1C7A55;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.sub{margin-top:20px;display:grid;gap:10px}
.sub div{display:grid;grid-template-columns:110px 1fr 34px;align-items:center;gap:10px;font-size:14px}
.sub i{height:8px;border-radius:9px;background:var(--surf);position:relative;overflow:hidden}
.sub i b{position:absolute;inset:0 auto 0 0;background:var(--mint);border-radius:9px}
.sub span:last-child{font-weight:700;text-align:right}
h2{font:700 28px Unbounded;letter-spacing:-.5px;margin:64px 0 22px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile{background:var(--surf);border-radius:20px;padding:22px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}
.tile b{font-size:17px}.tile span{font:700 30px Unbounded;color:var(--deep)}
.tile.y{background:var(--sun)}
.top{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc{border:1px solid var(--line);border-radius:20px;padding:22px;position:relative}
.tc .pl{position:absolute;top:18px;right:20px;font:700 14px Unbounded;color:var(--mute)}
.tc h3{font:700 17px Unbounded;margin:14px 0 2px}
.tc p{font-size:14px;color:var(--mute)}
.sc{display:flex;align-items:baseline;gap:6px;margin-top:14px}
.sc b{font:700 34px Unbounded;color:var(--deep)}.sc span{color:var(--mute);font-size:14px}
.mini{display:flex;gap:4px;margin-top:10px}.mini i{flex:1;height:6px;border-radius:6px;background:var(--mint)}.mini i.l{background:var(--sun)}
.gt{border:2px solid var(--mint);background:#F4FBF8}
.warn{margin:64px 0 0;background:#FFF4D6;border-radius:24px;padding:28px 32px;display:flex;gap:32px;align-items:center}
.warn h3{font:700 22px Unbounded;flex:none;max-width:300px}
.warn p{font-size:15px;color:#5A4A1A}
.warn a{margin-left:auto;flex:none;background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px}
.lg{height:34px;display:flex;align-items:center}.lg img{max-height:100%;max-width:150px;object-fit:contain}
.card .lgbox{width:64px;height:56px;flex:none;display:grid;place-items:center}.card .lgbox img{max-width:100%;max-height:100%}
.ch3{display:flex;align-items:center;gap:12px}
.tc .lg{height:38px;margin-bottom:4px}.tc h3{font-size:15px;margin:10px 0 2px}
.ins{border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ir{display:grid;grid-template-columns:44px 170px 1fr 120px 90px;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line)}
.ir:last-child{border:0}.ir .n{font:700 15px Unbounded;color:var(--mute)}
.ir .lg{height:36px}.ir b{font-size:15px}.ir p{font-size:13px;color:var(--mute)}
.ir .s{font:700 22px Unbounded;color:var(--deep);text-align:right}
.ir .bar{height:8px;border-radius:9px;background:var(--surf);overflow:hidden}.ir .bar i{display:block;height:100%;background:var(--mint)}
footer{margin-top:64px;padding:28px 0;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
a{color:inherit;text-decoration:none}
main a{color:var(--deep)}p a,dd a,.src a,li a{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.mainnav a.on{color:var(--deep)}
.hero{margin-left:auto;margin-right:auto;max-width:1136px}
.tile b{color:var(--ink)}.tc{display:block;color:var(--ink)}.tc:hover,.ir:hover{background:#F7FAF8}
.ir{color:var(--ink)}.ir.gtrow{background:#F4FBF8;box-shadow:inset 4px 0 0 var(--mint)}
.ir .mute,.mute{color:var(--mute)}.small{font-size:14px}
.lg.ini{width:44px;height:36px;border-radius:10px;background:var(--ec,var(--deep));justify-content:center;font:700 13px Unbounded;color:#fff;letter-spacing:.02em;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.lgbox.ini{width:56px;border-radius:14px;background:var(--ec,var(--deep));font:700 18px Unbounded;color:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.ring{background:conic-gradient(var(--mint) 0 var(--p),var(--line) 0)}
.tag{font-style:normal;font-size:11px;font-weight:700;background:#FFF4D6;color:#7A5A00;padding:2px 8px;border-radius:999px;margin-left:6px;white-space:nowrap}
.tag.bad,.badge.bad{background:#FDE7E4;color:#A2301F}
.ir .bar0{height:8px}
h1{font:700 36px/1.15 Unbounded;letter-spacing:-.8px;margin:12px 0 14px}
.bc{font-size:13px;color:var(--mute);margin-top:24px}.bc a{color:var(--mute);text-decoration:underline}.bc i{font-style:normal;margin:0 8px}
.answer{font-size:18px;max-width:780px}.upd{font-size:13px;color:var(--mute);margin-top:8px}
.prof{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.prof .card{box-shadow:0 10px 30px rgba(11,61,46,.12);border:1px solid var(--line)}
.facts{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.facts dt,.facts dd{padding:12px 20px;border-bottom:1px solid var(--line)}.facts dt{background:var(--surf);font-weight:600;font-size:14px}
.cls{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cls li{background:var(--surf);border-radius:12px;padding:10px 14px;font-size:15px}.cls span{font:700 13px Unbounded;color:var(--deep);margin-right:10px}
.gtbox{margin-top:28px;background:var(--deep);color:#fff;border-radius:22px;padding:24px 28px;display:flex;gap:24px;align-items:center}
.gtbox p{color:#BFD6CC;font-size:15px;margin-top:4px}.gtbox a{margin-left:auto;flex:none;background:var(--sun);color:var(--ink);padding:12px 20px;border-radius:999px;font-weight:700;text-decoration:none}
.crit{width:100%;border-collapse:collapse;font-size:15px}.crit th,.crit td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}.crit th{background:var(--surf);font-size:13px}
.crit .tot td{font-weight:700}.cmp td,.cmp th{text-align:center}.cmp td:first-child,.cmp th:first-child{text-align:left}.cmp .gtr{background:#F4FBF8}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:20px}
.src{padding-left:20px;font-size:15px}.src li{margin:4px 0}
main ul{padding-left:22px}main ul li{margin:6px 0}main>p{margin:10px 0;max-width:820px}
.sib{display:flex;flex-wrap:wrap;gap:8px}.sib a{background:var(--surf);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}.sib a.all{background:var(--sun)}
.more{margin-top:14px;font-weight:700}
.flt{width:100%;max-width:420px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;font:inherit;margin-bottom:14px}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{margin-top:8px;color:var(--mute)}
.warn.sm{margin:24px 0 0}.warn.sm a{margin:0;background:none;color:inherit;padding:0;text-decoration:underline}
.fcats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px;font-weight:600}footer p{margin-top:6px;max-width:900px}footer a{text-decoration:underline}
@media(max-width:700px){
h1{font-size:26px}.answer{font-size:16px}.prof{grid-template-columns:1fr;gap:20px}
.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:4px}.facts dd{padding-top:4px}
.cls{grid-template-columns:1fr}.gtbox{flex-direction:column;align-items:flex-start}.gtbox a{margin-left:0}
.ir .tag{display:inline-block;margin:2px 0 0}
.wrap{padding:0 16px}.mainnav{display:none}.cta{font-size:13px;padding:8px 14px}
.hero{margin:4px 12px 0;padding:28px 20px;grid-template-columns:1fr;gap:24px;border-radius:22px}
.hero h1{font-size:28px}.hero p{font-size:16px}
.sub div{grid-template-columns:96px 1fr 30px}
h2{font-size:22px;margin-top:44px}
.tiles{grid-template-columns:1fr 1fr}.tile{min-height:110px;padding:16px}.tile span{font-size:24px}
.top{grid-template-columns:1fr}
.ir{grid-template-columns:28px 110px 1fr 48px;gap:10px;padding:14px}.ir .bar{display:none}.ir .lg{height:30px}.ir .lg img{max-width:110px}
.warn{flex-direction:column;align-items:flex-start;gap:12px;padding:22px}.warn a{margin-left:0}
}
/* лідери категорій */
.top{grid-template-columns:repeat(4,1fr)}
.tc{display:flex;flex-direction:column}.tc .ck{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mute);margin-bottom:12px}
.tc .tl{display:block;color:var(--ink);position:relative}.tc .tl .pl{top:-2px;right:0}
.tc ol{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:6px;font-size:13px}
.tc ol li{display:grid;grid-template-columns:24px 1fr auto;gap:6px}.tc ol span{color:var(--mute)}
.tc .all{margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;color:var(--deep)}
.lg.mk img,.lgbox.mk img{max-width:60px}.lg.sq img{max-width:36px;border-radius:8px}.lgbox.sq img{max-width:48px;border-radius:10px}
/* форма відгуку */
.rv{max-width:620px;display:grid;gap:18px;margin-top:28px}
.rv label{display:grid;gap:6px;font-weight:600;font-size:15px}
.rv input,.rv textarea{font:inherit;font-weight:400;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink)}
.rv input:focus,.rv textarea:focus{outline:2px solid var(--mint);border-color:var(--mint)}
.rv fieldset{border:0;padding:0;margin:0}.rv legend{font-weight:600;font-size:15px;margin-bottom:6px}
.stars{display:inline-flex;flex-direction:row-reverse;gap:4px}.stars input{position:absolute;opacity:0;width:1px;height:1px}
.stars label{font-size:34px;line-height:1;color:#D5DED9;cursor:pointer}
.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:var(--sun)}
.stars input:focus-visible+label{outline:2px solid var(--mint);border-radius:6px}
.rv .hp{position:absolute;left:-9999px}
.rv button{justify-self:start;background:var(--sun);border:0;border-radius:999px;padding:14px 26px;font:700 15px Manrope;cursor:pointer;color:var(--ink)}
.rv button:disabled{opacity:.6}.rv .small{font-size:13px}
.msg.ok{color:var(--deep);font-weight:700}.msg.err{color:#B3261E;font-weight:600}
@media(max-width:1000px){.top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.top{grid-template-columns:1fr}}
.rvsum{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center;background:var(--surf);border-radius:16px;padding:18px 20px;margin:0 0 16px}.rvsum p{margin:0}
.rvl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.rv{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.rv header{display:flex;flex-direction:column;gap:2px}
.rv .st{color:var(--sun);letter-spacing:2px;font-size:15px}.rv .st s{color:var(--line);text-decoration:none}.rv p{margin:0;font-size:15px;line-height:1.5}
.rvm{color:var(--mute);font-size:13px!important}.rv details{background:var(--surf);border-radius:10px;padding:8px 12px;font-size:14px}.rv summary{cursor:pointer;font-weight:600;color:var(--deep)}
.rvsrc{margin-top:auto;font-size:13px;font-weight:600}
@media(max-width:700px){.rvsum{grid-template-columns:1fr}}
.fbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:18px 0 6px;padding:0}
.fbox div{background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.fbox dt{font-size:12px;color:var(--mute);margin:0 0 2px}
.fbox dd{margin:0;font-weight:600;color:var(--ink)}
.rvmore{display:block;margin:14px auto 4px;padding:12px 22px;border:1.5px solid var(--deep);border-radius:999px;background:transparent;color:var(--deep);font:600 15px/1 inherit;font-family:inherit;cursor:pointer}
.rvmore:hover{background:var(--deep);color:#fff}
.rvmore:disabled{opacity:.5;cursor:wait}
.rvmore:focus-visible{outline:2px solid var(--sun);outline-offset:2px}
.chk{background:var(--surf);border-left:4px solid var(--sun);border-radius:10px;padding:16px 20px;margin:24px 0}
.chk ol{margin:8px 0 0;padding-left:20px}.chk li{margin:6px 0}