@font-face{font-family:'Inter Display';font-weight:500;font-display:swap;src:url(/fonts/InterDisplay-Medium.woff) format('woff')}
@font-face{font-family:'Inter Display';font-weight:600;font-display:swap;src:url(/fonts/InterDisplay-SemiBold.woff) format('woff')}
@font-face{font-family:'Inter Display';font-weight:700;font-display:swap;src:url(/fonts/InterDisplay-Bold.woff) format('woff')}
:root{--lime:#C9F16A;--forest:#155B39;--deep:#0E3B24;--yellow:#FFC02E;--paper:#F4F6F1;--ink:#0A2B1A;--mut:#4d6b58}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--deep);scroll-behavior:smooth}
body{font-family:'Inter Display','Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.wrap{max-width:1296px;margin:0 auto;padding:0 24px}
nav.top{position:absolute;z-index:20;left:24px;right:24px;top:20px;max-width:1296px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--deep);border-radius:999px;box-shadow:0 0 0 1.5px rgba(201,241,106,.5);padding:12px 16px 12px 24px;color:var(--paper)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo svg{width:36px;height:36px}.logo b{display:block;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.logo span{display:block;font-size:13px;font-weight:500;color:var(--lime)}
.links{display:flex;gap:28px;font-size:16px;font-weight:500}.links a{text-decoration:none}.links a.on{color:var(--lime)}
.nr{display:flex;align-items:center;gap:12px}.lang{font-size:15px;font-weight:600;border:1.5px solid rgba(244,246,241,.4);border-radius:999px;padding:8px 14px;text-decoration:none}
.cta-n{background:var(--yellow);color:var(--ink);font-weight:600;font-size:16px;border-radius:999px;padding:12px 24px;text-decoration:none}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--paper);place-items:center;align-content:center;gap:6px}.burger i{display:block;width:20px;height:3px;background:var(--deep);border-radius:2px}
.hero{background:var(--deep);color:var(--paper);position:relative;overflow:hidden;padding:200px 0 120px;border-radius:0 0 64px 64px}
.hero .wall{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;color:#1A5A3D;pointer-events:none}
.hero .row{white-space:nowrap;font-size:56px;line-height:1.2;font-weight:500;letter-spacing:-.02em;display:flex;gap:56px;width:max-content}
.hero .row:nth-child(even){margin-left:-300px}
.hero .in{position:relative;z-index:2}
.tag{display:inline-flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);font-size:15px;font-weight:600;border-radius:999px;padding:8px 16px}.tag i{width:8px;height:8px;background:var(--forest);transform:rotate(45deg)}
h1{font-size:112px;line-height:.98;font-weight:700;letter-spacing:-.04em;margin-top:24px;max-width:9em}
.lead{font-size:24px;line-height:1.4;font-weight:500;margin-top:32px;max-width:26em;color:#D6E6DA}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin:64px 0 48px}
.chip{font:inherit;font-size:17px;font-weight:600;border:0;border-radius:999px;padding:12px 24px;background:#E4EBE0;color:var(--ink);cursor:pointer}.chip.on{background:var(--deep);color:var(--lime)}
.feat{position:relative;display:grid;grid-template-columns:1.1fr 1fr;background:var(--lime);border-radius:48px;overflow:hidden;transform:rotate(-.6deg);box-shadow:0 30px 60px -30px rgba(14,59,36,.5)}
.feat .cov{background:var(--deep);color:var(--lime);display:flex;align-items:center;justify-content:center;font-size:260px;font-weight:700;letter-spacing:-.06em;position:relative;min-height:420px}
.feat .cov small{position:absolute;left:32px;bottom:28px;font-size:18px;font-weight:600;letter-spacing:0;color:var(--paper);opacity:.8}
.feat .tx{padding:56px 56px 48px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.cat{align-self:flex-start;font-size:14px;font-weight:600;background:var(--deep);color:var(--lime);border-radius:999px;padding:6px 14px}
.feat h2{font-size:48px;line-height:1.04;letter-spacing:-.03em}
.feat p,.card p{font-size:19px;line-height:1.45;font-weight:500}
.more{font-weight:600;font-size:17px;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.more:after{content:'→'}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:72px 0 96px}
.card{border-radius:40px;padding:0;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .25s}
.card:hover{transform:rotate(0)!important;translate:0 -6px}
.card .cv{height:200px;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:700;letter-spacing:-.05em;position:relative;overflow:hidden}
.card .cv svg{position:absolute;right:20px;bottom:-24px;width:120px;opacity:.18}
.card .bd{padding:28px 32px 32px;display:flex;flex-direction:column;gap:14px;flex:1}
.card h3{font-size:28px;line-height:1.1;letter-spacing:-.025em}
.c1{background:#fff;transform:rotate(.8deg)}.c1 .cv{background:var(--yellow)}
.c2{background:var(--forest);color:var(--paper);transform:rotate(-.7deg);border-radius:40px 40px 120px 40px}.c2 .cv{background:var(--lime);color:var(--ink)}.c2 .cat{background:var(--lime);color:var(--ink)}
.c3{background:var(--yellow);transform:rotate(.5deg)}.c3 .cv{background:var(--deep);color:var(--yellow)}
.c4{background:#fff;transform:rotate(-.6deg);border-radius:120px 40px 40px 40px}.c4 .cv{background:var(--forest);color:var(--lime)}
.c5{background:var(--lime);transform:rotate(.7deg)}.c5 .cv{background:var(--paper);color:var(--forest)}
.c6{background:var(--deep);color:var(--paper);transform:rotate(-.5deg)}.c6 .cv{background:var(--yellow);color:var(--ink)}.c6 .cat{background:var(--yellow);color:var(--ink)}
.c7{background:var(--yellow);transform:rotate(-.6deg);border-radius:40px 120px 40px 40px}.c7 .cv{background:var(--forest);color:var(--yellow)}
.sub{background:var(--lime);border-radius:64px 64px 0 0;padding:96px 0 112px;position:relative;overflow:hidden}
.sub .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sub h2{font-size:72px;line-height:1;letter-spacing:-.04em}.sub p{font-size:21px;line-height:1.45;font-weight:500;margin-top:20px;max-width:24em}
.frm{background:#fff;border-radius:40px;padding:32px;display:flex;flex-direction:column;gap:12px;transform:rotate(.8deg);box-shadow:0 30px 50px -30px rgba(14,59,36,.5)}
.frm input{font:inherit;font-size:18px;border:0;background:var(--paper);border-radius:999px;padding:18px 24px;color:var(--ink)}
.frm button{font:inherit;font-size:18px;font-weight:600;border:0;border-radius:999px;padding:18px;background:var(--deep);color:var(--lime);cursor:pointer}
.frm small{font-size:14px;color:var(--mut);padding:0 8px}
footer{background:var(--deep);color:var(--paper);padding:64px 0 32px;position:relative;overflow:hidden}
footer .cols{display:flex;gap:64px;flex-wrap:wrap;margin:40px 0 64px}footer h4{font-size:17px;font-weight:600;color:var(--lime);margin-bottom:12px}footer a{display:block;font-size:18px;line-height:1.8;text-decoration:none}
footer .sl{font-size:48px;line-height:1.05;font-weight:700;letter-spacing:-.03em;max-width:12em}
footer .bot{display:flex;justify-content:space-between;color:#A9C4B3;font-size:16px;font-weight:500;gap:16px;flex-wrap:wrap}
footer .rn{position:absolute;right:6%;top:40px;width:220px;opacity:.28}
.art-h{background:var(--deep);color:var(--paper);padding:180px 0 72px;border-radius:0 0 64px 64px;position:relative;overflow:hidden}
.art-h .rn{position:absolute;right:5%;bottom:-30px;width:260px;opacity:.2}
.art-h h1{font-size:84px;max-width:12em;margin-top:24px}
.meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:32px;font-size:17px;font-weight:500;color:#D6E6DA}
.meta .dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.art{max-width:760px;margin:0 auto;padding:72px 24px 24px;font-size:22px;line-height:1.6;font-weight:500}
.art p{margin-bottom:28px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0}
.st{border-radius:32px;padding:28px 24px;display:flex;flex-direction:column;gap:6px}
.st b{font-size:56px;line-height:1;letter-spacing:-.04em}.st span{font-size:16px;line-height:1.35}
.st1{background:var(--lime);transform:rotate(-1.2deg)}.st2{background:var(--deep);color:var(--paper);transform:rotate(.8deg)}.st2 b{color:var(--lime)}.st3{background:var(--yellow);transform:rotate(-.6deg)}
.takeaway{background:var(--forest);color:var(--paper);border-radius:48px 48px 120px 48px;padding:40px 44px;margin:56px 0;transform:rotate(.4deg)}
.takeaway h3{font-size:30px;letter-spacing:-.02em;color:var(--lime);margin-bottom:14px}.takeaway p{margin:0;font-size:21px}
.src{font-size:16px;line-height:1.5;color:var(--mut);border-top:2px solid #D9E2D5;padding-top:20px;margin-top:40px}
.src a{color:var(--forest);font-weight:600}
.cta{background:var(--yellow);border-radius:56px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:32px;margin:64px 0 24px;transform:rotate(-.5deg)}
.cta h3{font-size:40px;line-height:1.05;letter-spacing:-.03em}.cta a{background:var(--deep);color:var(--lime);font-weight:600;font-size:18px;border-radius:999px;padding:18px 32px;text-decoration:none;white-space:nowrap}
.rel{max-width:1296px;margin:0 auto;padding:48px 24px 96px}.rel h2{font-size:48px;letter-spacing:-.03em;margin-bottom:32px}
.rel .grid{margin:0;grid-template-columns:repeat(2,1fr)}
@media(max-width:1100px){.links{display:none}.burger{display:grid}h1{font-size:84px}.feat{grid-template-columns:1fr}.feat .cov{min-height:260px;font-size:180px}.grid{grid-template-columns:repeat(2,1fr)}.sub .wrap{grid-template-columns:1fr}.art-h h1{font-size:64px}}
@media(max-width:700px){.feat .cov{flex-direction:column;gap:8px;padding:24px 16px}.feat .cov small{position:static}nav.top{left:12px;right:12px;top:12px;padding:8px 8px 8px 16px}.logo b{font-size:18px}.logo svg{width:30px;height:30px}.cta-n{display:none}
.hero{padding:136px 0 72px;border-radius:0 0 40px 40px}.hero .row{font-size:32px;gap:24px}.wrap{padding:0 16px}h1{font-size:52px}.lead{font-size:19px;margin-top:20px}
.chips{margin:40px 0 32px;gap:8px}.chip{font-size:15px;padding:10px 18px}
.feat{border-radius:32px}.feat .cov{min-height:180px;font-size:120px}.feat .tx{padding:28px 24px}.feat h2{font-size:32px}.feat p,.card p{font-size:17px}
.grid{grid-template-columns:1fr;gap:24px;margin:48px 0 64px}.card h3{font-size:25px}.card .cv{height:150px;font-size:72px}
.sub{border-radius:40px 40px 0 0;padding:64px 0 72px}.sub h2{font-size:44px}.sub p{font-size:18px}.frm{padding:20px;border-radius:32px}
footer .sl{font-size:32px}footer .cols{gap:32px}footer .rn{width:140px;top:auto;bottom:100px;right:-20px}
.art-h{padding:120px 0 48px;border-radius:0 0 40px 40px}.art-h h1{font-size:40px}.meta{font-size:15px;gap:10px}.art{font-size:19px;padding:48px 16px 8px}.stats{grid-template-columns:1fr;gap:16px}.st b{font-size:44px}
.takeaway{padding:28px 24px;border-radius:32px 32px 80px 32px}.takeaway h3{font-size:24px}.takeaway p{font-size:18px}.cta{flex-direction:column;align-items:flex-start;padding:32px 24px;border-radius:36px}.cta h3{font-size:30px}
.rel{padding:32px 16px 64px}.rel h2{font-size:34px}.rel .grid{grid-template-columns:1fr}}

.art-h{padding-bottom:64px}
.by{display:flex;align-items:center;gap:14px;margin-top:40px;font-size:17px;font-weight:500;color:#D6E6DA;flex-wrap:wrap}
.by .av{width:48px;height:48px;border-radius:50%;background:var(--lime);display:grid;place-items:center}.by .av svg{width:28px;height:28px}
.by b{display:block;color:var(--paper);font-size:18px;font-weight:600}.by div span{font-size:14px;color:var(--lime)}
.by .dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.art .lede{font-size:28px;line-height:1.35;font-weight:700;letter-spacing:-.02em}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 72px}.tags a{font-size:16px;font-weight:600;background:#E4EBE0;border-radius:999px;padding:10px 20px;text-decoration:none}.tags a:hover{background:var(--lime)}
@media(max-width:700px){.art .lede{font-size:22px}.tags{margin:32px 0 48px}.by{margin-top:28px;gap:10px}}

.tags{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0}.tags a{font-size:16px;font-weight:600;text-decoration:none;background:#E4EBE0;border-radius:999px;padding:8px 16px}
.back{display:inline-block;margin:40px 0 72px;font-weight:600;font-size:17px;text-decoration:none}
.art .src{margin-top:40px}

@media(max-width:700px){.art-h .rn{width:120px;right:-24px;bottom:-16px;opacity:.14}footer .rn{opacity:.12}}
/* v2: без білого/паперового на паперовому тлі, простіші картки */
.c1{background:var(--yellow)}.c1 .cv{background:var(--deep);color:var(--yellow)}
.c4{background:var(--lime)}.c4 .cv{background:var(--forest);color:var(--lime)}
.c5{background:var(--forest);color:var(--paper)}.c5 .cv{background:var(--yellow);color:var(--ink)}.c5 .cat{background:var(--lime);color:var(--ink)}
.c3{background:var(--deep);color:var(--paper)}.c3 .cv{background:var(--yellow);color:var(--ink)}.c3 .cat{background:var(--yellow);color:var(--ink)}
.c6{background:var(--lime);color:var(--ink)}.c6 .cv{background:var(--deep);color:var(--lime)}.c6 .cat{background:var(--deep);color:var(--lime)}
.card .bd{gap:16px}.card h3{font-size:30px}
.dt{font-size:16px;font-weight:500;opacity:.8;display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.tg{font-size:16px;font-weight:600;background:var(--deep);color:var(--lime);border-radius:999px;padding:8px 18px;text-decoration:none}
.tg.y{background:var(--yellow);color:var(--ink)}.tg.l{background:var(--lime);color:var(--ink)}
.art-h h1{font-size:76px}
.art h2{font-size:34px;letter-spacing:-.025em;line-height:1.1;margin:48px 0 20px}
.art-tags{border-top:2px solid #C5D2C0;margin-top:56px;padding-top:28px}.art-tags small{display:block;font-size:15px;font-weight:600;color:var(--mut);margin-bottom:12px}
.art-tags .tags{margin-top:0}
.sub{padding:80px 0 96px}.sub h2{font-size:64px}
@media(max-width:700px){.art-h h1{font-size:38px}.art h2{font-size:26px}.card h3{font-size:24px}.sub h2{font-size:40px}}
.tags a.tg{background:var(--deep);color:var(--lime);padding:8px 18px}.tags a.tg.y{background:var(--yellow);color:var(--ink)}.tags a.tg.l{background:var(--lime);color:var(--ink)}

/* ===== доповнення: адмінка генерує ці елементи ===== */
html{scroll-padding-top:24px}
a:focus-visible,button:focus-visible,.chip:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
nav.top .logo{color:var(--paper)}
.links a,.mpanel a{color:var(--paper)}
.lang,.cta-n{color:inherit}.cta-n{color:var(--ink)}
.burger{cursor:pointer}
.burger i{transition:transform .3s}
body.menu .burger i:first-child{transform:translateY(4.5px) rotate(45deg)}body.menu .burger i:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.mpanel{display:none;position:fixed;z-index:19;left:12px;right:12px;top:84px;background:var(--deep);border-radius:32px;padding:12px 28px 28px;flex-direction:column;box-shadow:0 30px 50px -20px rgba(0,0,0,.5),0 0 0 1.5px rgba(244,246,241,.1)}
.mpanel a{text-decoration:none;font-size:24px;font-weight:600;padding:10px 0;letter-spacing:-.02em}.mpanel a.on{color:var(--lime)}
.mpanel a.cta-n{margin-top:12px;text-align:center;font-size:18px;color:var(--ink);padding:14px}
body.menu .mpanel{display:flex}
@media(min-width:1101px){.mpanel{display:none!important}}
.chips a.chip{text-decoration:none}
.chip:hover{background:var(--lime)}
.feat:hover .more{text-decoration:underline}
.feat .tx p{max-width:30em}
.card .cv{text-align:center;line-height:1}
.empty{font-size:22px;font-weight:500;background:#fff;border-radius:40px;padding:48px;margin:0 0 96px;text-align:center}
.pager{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-48px 0 96px;font-weight:600;font-size:17px}
.pager a{background:var(--deep);color:var(--lime);border-radius:999px;padding:14px 26px;text-decoration:none}
.hero .tag,.art-h .tag{text-decoration:none}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:500;color:#A9C4B3;margin-bottom:24px}
.crumbs a{color:#D6E6DA;text-decoration:none}.crumbs a:hover{color:var(--lime)}
.art-h .tag{margin-bottom:0}
.by a{text-decoration:none}.by a:hover b{color:var(--lime)}
.by time{color:inherit}
.art .lede{margin-bottom:36px}
.art .body h2{scroll-margin-top:24px}.art .body h3{font-size:26px;letter-spacing:-.02em;line-height:1.15;margin:36px 0 16px}
.art a{color:var(--forest);font-weight:600;text-underline-offset:3px}
.art ul,.art ol{margin:0 0 28px 1.2em}.art li{margin-bottom:10px}.art li::marker{color:var(--forest);font-weight:700}
.art blockquote{border-left:6px solid var(--lime);padding:6px 0 6px 28px;margin:0 0 28px;font-size:1.12em;font-weight:600;letter-spacing:-.01em}
.art blockquote p{margin:0}
.art figure{margin:40px 0}.art figure img{display:block;width:100%;height:auto;border-radius:32px}
.art figcaption{font-size:16px;color:var(--mut);margin-top:12px}
.art hr{border:0;border-top:2px solid #D9E2D5;margin:48px 0}
.art code{font-size:.9em;background:#E4EBE0;border-radius:8px;padding:2px 6px}
.art sup.cite{font-size:.6em;font-weight:700;margin-left:2px}.art sup.cite a{text-decoration:none}
.takeaway ul{margin:0 0 0 1.1em}.takeaway li{font-size:20px;margin-bottom:8px}.takeaway li::marker{color:var(--lime)}
.takeaway.summary{transform:rotate(-.3deg);margin:0 0 48px}
.takeaway h2,.takeaway h3{font-size:30px;letter-spacing:-.02em;color:var(--lime);margin:0 0 14px}
.takeaway a{color:var(--lime)}
.toc{background:#E4EBE0;border-radius:32px;padding:28px 32px;margin:0 0 48px;font-size:18px}
.toc b{display:block;font-size:15px;color:var(--mut);margin-bottom:10px}.toc ol{margin:0 0 0 1.2em}.toc li{margin-bottom:6px}.toc a{color:var(--ink);font-weight:600;text-decoration:none}.toc a:hover{color:var(--forest);text-decoration:underline}
.faq{margin-top:56px}.faq h3{font-size:24px;letter-spacing:-.02em;line-height:1.2;margin:28px 0 10px}.faq p{margin-bottom:16px}
.src h2{font-size:22px;margin:0 0 12px;color:var(--ink)}.src ol{margin:0 0 0 1.2em;font-size:16px}.src li{margin-bottom:8px}.src li:target{background:var(--lime);border-radius:8px}
.tr{margin-top:28px;font-weight:600}
.bio{background:#fff;border-radius:40px;padding:40px 48px;margin:64px 0 48px;font-size:21px;line-height:1.55;max-width:900px}
.bio-l{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.bio-l a{font-size:16px;font-weight:600;background:var(--deep);color:var(--lime);border-radius:999px;padding:8px 18px;text-decoration:none}
.sec-h{font-size:48px;letter-spacing:-.03em;margin:0 0 -32px}
main.wrap+.sub,main+.sub{margin-top:0}
.rel{padding-top:24px}
.sub .wrap>div>p{font-size:21px;line-height:1.45;font-weight:500;margin-top:20px;max-width:24em}
.frm .consent{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.frm .consent input{flex:none;width:20px;height:20px;padding:0;margin-top:2px;accent-color:var(--forest)}
.frm .consent small{padding:0}.frm .consent a{color:var(--forest)}
.frm .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.frm .form-msg{font-size:16px;font-weight:600;color:var(--forest);padding:0 8px}.frm .form-msg:empty{display:none}.frm .form-msg.err{color:#A3261B}
.frm button:disabled{opacity:.7;cursor:default}
footer .bot a,footer .bot button{display:inline;color:inherit;font:inherit;font-size:16px;line-height:1.5;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
footer .logo{color:var(--paper)}
footer .sl{margin-top:32px}
.ck{position:fixed;left:24px;bottom:24px;z-index:100;max-width:560px;background:var(--paper);color:var(--ink);border-radius:32px;padding:24px 28px;box-shadow:0 24px 48px -16px rgba(0,0,0,.55);font-size:17px;line-height:1.4;font-weight:500;display:none}
.ck.show{display:block}.ck a{color:var(--ink)}
.ck-b{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.ck-b button{font:600 17px 'Inter Display','Inter',system-ui,sans-serif;border-radius:999px;padding:12px 24px;cursor:pointer;border:2px solid var(--deep);background:var(--deep);color:var(--lime)}
.ck-b button[data-ck=denied]{background:transparent;color:var(--deep)}
.preview-bar{position:fixed;z-index:200;left:50%;bottom:16px;transform:translateX(-50%);background:var(--yellow);color:var(--ink);font-weight:600;border-radius:999px;padding:10px 22px;box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
/* сторінки підтвердження підписки */
body.mini{background:var(--lime);min-height:100vh;display:grid;place-items:center;padding:24px}
.mini-c{background:#fff;border-radius:40px;padding:48px;max-width:560px;width:100%;font-size:19px;line-height:1.5}
.mini-c .logo{display:block;text-decoration:none;color:var(--ink);margin-bottom:28px}.mini-c .logo b{display:block;font-size:22px}.mini-c .logo span{font-size:14px;color:var(--forest)}
.mini-c h1{font-size:40px;line-height:1.05;letter-spacing:-.03em;margin:0 0 16px;max-width:none}
.mini-c p{margin-bottom:16px}.mini-c .hint{font-size:15px;color:var(--mut)}
.btn{display:inline-block;font:600 18px 'Inter Display','Inter',system-ui,sans-serif;border:0;border-radius:999px;padding:16px 30px;background:var(--deep);color:var(--lime);cursor:pointer;text-decoration:none}
@media(max-width:700px){
 .mpanel{top:72px}
 .empty{font-size:18px;padding:32px 24px;border-radius:32px}
 .pager{margin:-24px 0 64px;font-size:15px}.pager a{padding:12px 18px}
 .crumbs{font-size:13px;margin-bottom:16px}
 .toc{padding:22px 24px;font-size:16px;border-radius:24px}
 .takeaway li{font-size:17px}.takeaway h2,.takeaway h3{font-size:24px}
 .art figure img{border-radius:24px}
 .faq h3{font-size:20px}
 .bio{padding:28px 24px;font-size:18px;border-radius:32px;margin:40px 0 32px}.sec-h{font-size:34px;margin:0 0 -16px}
 .sub .wrap>div>p{font-size:18px}
 .ck{left:16px;right:16px;bottom:16px;padding:20px;font-size:15px}
 .mini-c{padding:32px 24px;border-radius:32px}.mini-c h1{font-size:30px}
 footer .bot{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* картки — це посилання: без підкреслення, колір від картки */
a.feat,a.card{text-decoration:none}
.art .cta a{color:var(--lime);text-decoration:none}
.art .cta a:hover{filter:brightness(1.15)}
/* ===== сторінки: напрями, методологія, кейси, добірки, діагностика ===== */
.pg-h h1{max-width:14em}
.pg-lead{font-size:24px;line-height:1.4;font-weight:500;color:#D6E6DA;max-width:34em;margin-top:24px}
.hero-btn{display:inline-block;margin-top:32px;background:var(--yellow);color:var(--ink);font-weight:600;font-size:18px;border-radius:999px;padding:16px 30px;text-decoration:none}
.hero-btn:hover{filter:brightness(1.06)}
.art.pg{max-width:960px}
.art.pg .body>p,.art.pg .body>ul,.art.pg .body>ol,.art.pg .body>h2,.art.pg .body>h3,.art.pg .body>blockquote,.art.pg .faq,.art.pg .src,.art.pg .summary,.art.pg .toc{max-width:760px}
.pg-client{font-size:20px;margin-bottom:28px}
.pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:36px 0 44px}
.pcards:has(>:nth-child(3):last-child),.pcards:has(>:nth-child(5):last-child),.pcards:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.pcards:has(>:only-child){grid-template-columns:1fr}
.pc{border-radius:32px;padding:28px 28px 30px}
.pc h3{font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.pc p{font-size:18px;line-height:1.45;margin:0}
.pc1{background:var(--lime);transform:rotate(-.6deg)}.pc2{background:var(--deep);color:var(--paper);transform:rotate(.5deg)}.pc2 h3{color:var(--lime)}
.pc3{background:var(--yellow);transform:rotate(.4deg)}.pc4{background:var(--forest);color:var(--paper);transform:rotate(-.4deg)}.pc4 h3{color:var(--lime)}
.pc a{color:inherit}
.cmp{margin:40px 0 48px}
.cmp-t{font-size:26px;letter-spacing:-.02em;margin:0 0 16px}
.cmp-g{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cmp-s{border-radius:32px;padding:26px 28px 28px;font-size:18px;line-height:1.5}
.cmp-s p{margin:0 0 12px}.cmp-s p.li{padding-left:18px;position:relative}.cmp-s p.li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;transform:rotate(45deg);background:currentColor}
.cmp-s figure{margin:12px 0}.cmp-s img{border-radius:18px}
.cmp-b{background:#E4EBE0;color:#44614F}
.cmp-a{background:var(--lime);color:var(--ink);box-shadow:0 20px 40px -24px rgba(14,59,36,.45)}
.cmp-l{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 14px;margin-bottom:14px;background:#fff;color:var(--ink)}
.cmp-a .cmp-l{background:var(--deep);color:var(--lime)}
.lead-sec{background:var(--lime);border-radius:64px 64px 0 0;padding:88px 24px 96px;margin-top:72px}
.lead-in{max-width:920px;margin:0 auto}
.lead-in h2{font-size:64px;line-height:1;letter-spacing:-.04em}
.lead-in>p{font-size:21px;font-weight:500;margin:18px 0 32px;max-width:32em}
.leadform{background:#fff;border-radius:40px;padding:36px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 50px -30px rgba(14,59,36,.5)}
.lf3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.leadform .fl{display:block}.leadform .fl span{display:block;font-size:16px;font-weight:600;margin:0 0 6px 10px}
.leadform input[type=text],.leadform input[type=email],.leadform input[type=tel],.leadform textarea{width:100%;font:500 18px 'Inter Display','Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);border:0;border-radius:26px;padding:16px 22px;outline:none}
.leadform textarea{resize:vertical;min-height:110px}
.leadform input:focus-visible,.leadform textarea:focus-visible{box-shadow:0 0 0 3px var(--forest)}
.leadform .fl.bad input{box-shadow:0 0 0 2px #A3261B}
.leadform .fe{display:block;font-size:14px;line-height:1.3;font-weight:500;color:#A3261B;margin:6px 0 0 10px}.leadform .fe:empty{display:none}
.leadform .consent{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;font-size:16px;line-height:1.4;font-weight:500;cursor:pointer}
.leadform .consent input{flex:none;width:22px;height:22px;margin-top:1px;accent-color:var(--forest)}.leadform .consent>span{flex:1 1 0;min-width:0}
.leadform .consent .fe{flex:0 0 100%;margin-left:34px}.leadform .consent a{color:var(--forest)}
.leadform .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lf-btn{align-self:flex-start;font:600 20px 'Inter Display','Inter',system-ui,sans-serif;border:0;border-radius:999px;padding:18px 40px;background:var(--deep);color:var(--lime);cursor:pointer}
.lf-btn:disabled{opacity:.7}
.leadform .form-msg{font-size:17px;font-weight:600;color:var(--forest)}.leadform .form-msg:empty{display:none}.leadform .form-msg.err{color:#A3261B}
/* діагностика */
.diag{margin:24px 0 40px}
.dg-card{background:#fff;border-radius:40px;padding:40px 44px;box-shadow:0 30px 50px -34px rgba(14,59,36,.45)}
.dg-card h2{font-size:40px;line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
.dg-card>p{font-size:19px;line-height:1.5;margin:0 0 20px}
.dg-types{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.dg-type{font:inherit;text-align:left;border:0;cursor:pointer;border-radius:28px;padding:26px 28px;background:var(--lime);color:var(--ink);transition:transform .2s}
.dg-type:nth-child(2){background:var(--yellow)}.dg-type:hover{transform:translateY(-3px)}
.dg-type b{display:block;font-size:22px;line-height:1.15;margin-bottom:6px}.dg-type span{font-size:16px;font-weight:500}
.dg-prog{height:10px;border-radius:999px;background:#E4EBE0;overflow:hidden;margin-bottom:18px}.dg-prog span{display:block;height:100%;background:var(--forest);transition:width .3s}
.dg-step{font-size:15px;font-weight:600;color:var(--mut)!important;margin:0 0 6px!important}
.dg-q{border:0;margin:22px 0 0;padding:20px 0 0;border-top:2px solid #E4EBE0}
.dg-q legend{font-size:19px;line-height:1.4;font-weight:600;margin-bottom:12px;padding:0}.dg-q legend span{color:var(--forest)}
.dg-q.bad legend{color:#A3261B}
.dg-scale{display:flex;flex-wrap:wrap;gap:8px}
.dg-opt{cursor:pointer}.dg-opt input{position:absolute;opacity:0;pointer-events:none}
.dg-opt span{display:inline-block;font-size:15px;font-weight:600;border-radius:999px;padding:10px 16px;background:#E4EBE0;color:var(--ink)}
.dg-opt.on span{background:var(--deep);color:var(--lime)}
.dg-opt input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}
.dg-err{color:#A3261B;font-weight:600;min-height:1em;margin:14px 0 0!important}
.dg-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}
.dg-nav button,.dg-cta button{font:600 18px 'Inter Display','Inter',system-ui,sans-serif;border:0;border-radius:999px;padding:15px 28px;cursor:pointer}
.dg-next{background:var(--deep);color:var(--lime)}.dg-send{background:var(--lime);color:var(--ink)}.dg-cta .dg-again{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px rgba(244,246,241,.5)}.dg-back,.dg-again{background:#E4EBE0;color:var(--ink)}
.dg-level{font-size:20px!important}
.dg-res-g{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;margin:8px 0 28px}
.dg-radar{width:100%;height:auto;display:block}
.dg-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.dg-bars li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:16px;font-weight:600}
.dg-bars i{grid-column:1/-1;height:10px;border-radius:999px;background:#E4EBE0;overflow:hidden}.dg-bars em{display:block;height:100%;background:var(--forest)}
.dg-pr-h{font-size:28px;letter-spacing:-.02em;margin:8px 0 14px}
.dg-pr{margin:0 0 8px 0;padding:0;list-style:none;counter-reset:pr;display:flex;flex-direction:column;gap:14px}
.dg-pr li{counter-increment:pr;background:var(--paper);border-radius:24px;padding:22px 24px 22px 70px;position:relative}
.dg-pr li::before{content:counter(pr);position:absolute;left:20px;top:20px;width:36px;height:36px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:700}
.dg-pr b{display:block;font-size:19px;margin-bottom:6px}.dg-pr p{margin:0;font-size:17px;line-height:1.5}
.dg-cta{margin-top:24px;background:var(--deep);color:var(--paper);border-radius:32px;padding:26px 28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dg-cta p{flex:1 1 320px;margin:0;font-size:18px;line-height:1.45}
.diag-form .lead-sec{margin-top:24px}
@media(max-width:1100px){.lf3{grid-template-columns:1fr 1fr}.lf3 .fl:last-child{grid-column:1/-1}.lead-in h2{font-size:48px}}
@media(max-width:700px){
 .pg-lead{font-size:19px}.hero-btn{font-size:16px;padding:14px 24px;margin-top:24px}
 .cmp-g{grid-template-columns:1fr}.pcards,.pcards:has(>:nth-child(3):last-child),.pcards:has(>:nth-child(5):last-child),.pcards:has(>:nth-child(6):last-child){grid-template-columns:1fr}.pc{border-radius:24px;padding:22px}.pc h3{font-size:21px}.pc p{font-size:16px}
 .lead-sec{border-radius:40px 40px 0 0;padding:56px 16px 64px}.lead-in h2{font-size:36px}.lead-in>p{font-size:17px}
 .leadform{padding:22px;border-radius:28px}.lf3{grid-template-columns:1fr}.leadform input[type=text],.leadform input[type=email],.leadform input[type=tel],.leadform textarea{font-size:16px;padding:14px 18px}
 .lf-btn{width:100%;font-size:18px}
 .dg-card{padding:24px 20px;border-radius:28px}.dg-card h2{font-size:28px}.dg-types,.dg-res-g{grid-template-columns:1fr}
 .dg-q legend{font-size:17px}.dg-opt span{font-size:14px;padding:9px 13px}.dg-pr li{padding:18px 18px 18px 60px}
}