:root{--red:#f5053d;--rose:#f5053d;--acc:linear-gradient(100deg,#f5053d 0%,#f5053d 100%);--ink:#1d1d1b;--grey:#8a8a85;--line:#e6e4de;--bg:#fafafa;--muted:#5c5c58;--wine:#1a0c10}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Advent Pro",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.mono{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.k{color:#f5053d}
.g{background:var(--acc);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.ph{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1px solid var(--red);border-radius:3px;padding:1px 5px;vertical-align:middle}
.note{position:sticky;top:0;z-index:95;background:var(--ink);color:#fff;text-align:center;font-size:14px;padding:7px 16px}
.note b{color:#f5053d}
svg.em{display:block;height:auto;aspect-ratio:1268/1956}
svg.wm{display:block;height:auto;aspect-ratio:1246/158}

/* аура сторінки */
.aura{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.aura i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6}
.aura i:nth-child(1){width:560px;height:560px;left:-160px;top:20%;background:#ececea;animation:dr1 26s ease-in-out infinite alternate}
.aura i:nth-child(2){width:480px;height:480px;right:-140px;top:55%;background:#f4f4f2;animation:dr2 30s ease-in-out infinite alternate}
.aura i:nth-child(3){width:380px;height:380px;left:40%;top:80%;background:#e6e4de;animation:dr1 34s ease-in-out infinite alternate-reverse}
@keyframes dr1{to{transform:translate(160px,-120px) scale(1.15)}}
@keyframes dr2{to{transform:translate(-180px,-80px) scale(.9)}}

/* поява: бенто-плитки з'являються каскадом */
.rv{opacity:0;transform:translateY(26px);transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.22,.9,.24,1)}
.rv.in{opacity:1;transform:none}
.stg>*{opacity:0;transform:translateY(30px) scale(.975);transition:opacity 1s ease,transform 1.1s cubic-bezier(.22,.9,.24,1)}
.stg.in>*{opacity:1;transform:none}
.stg.in>*:nth-child(2){transition-delay:.08s}.stg.in>*:nth-child(3){transition-delay:.16s}.stg.in>*:nth-child(4){transition-delay:.24s}
.stg.in>*:nth-child(5){transition-delay:.32s}.stg.in>*:nth-child(6){transition-delay:.4s}.stg.in>*:nth-child(7){transition-delay:.48s}
@media (prefers-reduced-motion:reduce){.rv,.stg>*{opacity:1!important;transform:none!important;transition:none!important}*{animation:none!important}}

/* скло + «прожектор» під курсором (для всіх плиток) */
.gl{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 20px 44px -30px rgba(17,17,16,.3);transition:transform .65s cubic-bezier(.22,.9,.24,1),box-shadow .65s}
.gl::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:linear-gradient(135deg,#fff,rgba(255,255,255,.15) 30%,rgba(255,255,255,0) 55%,rgba(255,255,255,.4) 80%,#fff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.gl::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(245,5,61,0.1),transparent 60%)}
.gl:hover{transform:translateY(-4px);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 30px 60px -34px rgba(245,5,61,0.35)}
.gl:hover::after{opacity:1}

/* НАВІГАЦІЯ */
.nav{position:fixed;left:50%;top:46px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:7px;padding:7px 7px 7px 18px;border-radius:999px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 1px #fff,0 10px 30px -18px rgba(17,17,16,.3)}
.nav .em{width:20px}
.nav ul{display:flex;list-style:none;gap:2px;margin:0 9px}
.nav ul a{display:block;white-space:nowrap;padding:10px 15px;border-radius:999px;font-size:16.5px;color:#55554f;transition:background .25s,color .25s}
.nav ul a:hover{background:rgba(17,17,16,.05);color:var(--ink)}
.nav .go{padding:11px 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:15.4px;font-weight:600;letter-spacing:.06em;white-space:nowrap;transition:transform .25s}
.nav .go:hover{transform:scale(1.04)}

/* HERO: поле ризиків + завуальований щит */
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:130px 0 110px}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(900px 600px at 80% 30%,rgba(245,5,61,0.1),transparent 60%),linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.field{position:absolute;inset:0;z-index:0;pointer-events:none}
.rw{position:absolute;left:0;top:0;opacity:.6;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#bdbbb3;white-space:nowrap;padding:6px 10px;border:1px solid rgba(17,17,16,.07);border-radius:999px;background:rgba(255,255,255,.5);transition:color .3s,border-color .3s,background .3s;will-change:transform}
.rw b{font-weight:400}.rw em{display:none;font-style:normal}
.rw.hit{color:#7a7973;opacity:.9}
.rw.ok{color:var(--ink);opacity:1;border-color:rgba(245,5,61,0.3);background:#fff;box-shadow:0 10px 24px -14px rgba(245,5,61,0.45)}
.rw.ok b{display:none}.rw.ok em{display:inline;animation:okIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes okIn{from{opacity:0;letter-spacing:.3em}to{opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadeS{to{opacity:1}}
/* курсор: м'яке світло, що «проявляє» і відсуває ризики */
.glow{position:absolute;z-index:1;left:0;top:0;width:0;height:0;pointer-events:none;will-change:transform,opacity}
.glow .halo{position:absolute;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,5,61,0.168) 0%,rgba(245,5,61,0.06) 40%,transparent 70%);filter:blur(6px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.glow .dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--ink);transition:transform .3s,opacity .3s}
.glow .wave{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;border:1px solid rgba(245,5,61,0.45);opacity:0}
.glow .wave.go{animation:wave 1s cubic-bezier(.2,.8,.2,1)}
@keyframes wave{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(40)}}
.glow.idle .dot{opacity:0;transform:scale(.4)}
.glow.near .halo{transform:scale(1.15)}
.hero{cursor:none}
.hero a,.hero button{cursor:pointer}
.hero .in{position:relative;z-index:2;width:100%}
.live{display:inline-flex;align-items:center;gap:10px;color:#6d6d68}
.live i{width:8px;height:8px;border-radius:50%;background:#2bd36b;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(43,211,107,.6)}70%{box-shadow:0 0 0 10px rgba(43,211,107,0)}100%{box-shadow:0 0 0 0 rgba(43,211,107,0)}}
.hero h1{font-size:clamp(56px,8.4vw,140px);line-height:.94;font-weight:500;letter-spacing:-.035em;margin:0 0 34px}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln>span{display:block;transform:translateY(105%);animation:up 1.2s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .ln:nth-child(2)>span{animation-delay:.12s}
.kick{display:flex;align-items:center;gap:16px;font-size:clamp(15px,1.35vw,19px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6b6a65;max-width:640px;line-height:1.5;opacity:0;animation:fadeK 1s .5s ease forwards}
.kick::before{content:"";flex:none;width:44px;height:1px;background:var(--acc)}
@keyframes fadeK{to{opacity:1}}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom}
.hero h1 .w span{display:inline-block;transform:translateY(110%);animation:up 1.2s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .w:nth-of-type(2) span{animation-delay:.08s}.hero h1 .w:nth-of-type(3) span{animation-delay:.16s}.hero h1 .w:nth-of-type(4) span{animation-delay:.24s}
@keyframes up{to{transform:none}}
.hero .lead{font-size:23px;line-height:1.45;color:var(--muted);max-width:620px}
.hero .btns{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:12px;padding:18px 26px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.06em;transition:transform .25s,background .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn.dk{background:var(--ink);color:#fff;box-shadow:0 16px 34px -18px rgba(17,17,16,.6)}
.btn.lt{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px #fff,0 10px 26px -18px rgba(17,17,16,.35)}
.btn.lt b{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;background:#f4f4f2;color:var(--red);font-size:12px}
.hint{margin-top:40px;color:#9a9a94}
.marq{position:absolute;left:0;right:0;bottom:28px;z-index:2;margin:0;border-top:1px solid rgba(17,17,16,.07);overflow:hidden;white-space:nowrap;padding:16px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq div{display:inline-block;animation:mq 70s linear infinite}
.marq span{font-size:17px;letter-spacing:.14em;text-transform:uppercase;color:#a3a39d;margin:0 16px}
.marq b{color:#f5053d;font-size:10px;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}

/* секції */
section{padding:120px 0}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:44px}
.sh h2{font-size:clamp(42px,5.4vw,84px);line-height:.95;font-weight:500;letter-spacing:-.02em;margin-top:14px;max-width:900px}
.sh p{font-size:19px;line-height:1.55;color:var(--muted);max-width:420px}

/* BENTO 1 */
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:12px}
.b{padding:26px;display:flex;flex-direction:column}
.b .mono{color:var(--grey)}
.b h3{font-size:28px;line-height:1.1;font-weight:500;margin-top:auto}
.b p{font-size:16px;line-height:1.45;color:var(--muted);margin-top:8px}
.b1{grid-column:span 7;grid-row:span 3;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.75))}
.b1 h3{font-size:clamp(34px,3.6vw,54px);max-width:520px}
.b1 .num{font-size:clamp(90px,11vw,170px);line-height:.85;font-weight:500;letter-spacing:-.04em;margin-top:18px}
.b1 .num small{font-size:.3em;color:var(--ink);letter-spacing:0;margin-left:10px;-webkit-text-fill-color:var(--ink)}
.b2{grid-column:span 5;grid-row:span 2;background:linear-gradient(150deg,rgba(255,255,255,.7),rgba(255,255,255,.75))}
.b2 h3{font-size:34px}
.b2 .bar{height:6px;border-radius:9px;background:rgba(245,5,61,0.12);margin-top:16px;overflow:hidden}
.b2 .bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:9px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.stg.in .b2 .bar i{width:72%}
.b2 .play{position:absolute;right:22px;top:22px;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .3s}
.b2:hover .play{transform:rotate(-45deg) scale(1.08)}
.b3{grid-column:span 5;grid-row:span 1;flex-direction:row;align-items:center;gap:18px}
.faces{display:flex}
.faces img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #fff;margin-left:-14px;background:#ddd}
.faces img:first-child{margin-left:0}
.b3 h3{margin:0;font-size:22px}
.b4{grid-column:span 4;grid-row:span 2}
.b4 .dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#d9d8d3 1.2px,transparent 1.2px);background-size:14px 14px;opacity:.55}
.b4 .pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(245,5,61,0.1);animation:pin 2.4s ease-in-out infinite}
.b4 .pin:nth-of-type(2){animation-delay:.6s}.b4 .pin:nth-of-type(3){animation-delay:1.2s}.b4 .pin:nth-of-type(4){animation-delay:1.8s}
@keyframes pin{50%{box-shadow:0 0 0 12px rgba(245,5,61,0.0)}}
.b4 .pin.pt{background:#fff;border:2px solid var(--red)}
.b4 .pin::after{content:attr(data-c);position:absolute;left:18px;top:-4px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink);white-space:nowrap}
.b5{grid-column:span 4;grid-row:span 2;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.6))}
.shT{display:grid;grid-template-columns:1fr 38%;grid-template-areas:"t s" "p s";align-content:center;column-gap:18px;padding-top:44px}
.shT>.mono{position:absolute;left:26px;top:26px}
.shT h3{grid-area:t;align-self:end;margin:0}
.shT p{grid-area:p;align-self:start}
.shT h3{font-size:24px}
.shw{grid-area:s;position:relative;align-self:center;justify-self:center;height:210px;aspect-ratio:1268/1956}
.shw svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.shd .ld path{fill:rgba(29,29,27,var(--fa,0));stroke:#1d1d1b;stroke-width:22}
.shr .lr path{fill:rgba(245,5,61,var(--fa,0));stroke:#f5053d;stroke-width:22}
.shd path,.shr path{transition:fill .5s ease}
.b5 .clock{font-size:78px;line-height:1;font-weight:500;letter-spacing:-.03em;margin-top:14px}
.b6{grid-column:span 4;grid-row:span 2}
.tagc{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tagc a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:15px;background:rgba(255,255,255,.6);transition:background .25s,color .25s,border-color .25s}
.tagc a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ДЛЯ КОГО */
.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.au{padding:32px;min-height:340px;display:flex;flex-direction:column}
.au .ic{width:54px;height:54px;border-radius:16px;background:#f4f4f2;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.au .ic svg{width:26px;height:26px;stroke:var(--red);fill:none;stroke-width:1.6}
.au h3{font-size:32px;font-weight:500;line-height:1.05;margin-bottom:12px}
.au p{font-size:17px;line-height:1.55;color:var(--muted)}
.au ul{list-style:none;margin-top:auto;padding-top:22px;display:grid;gap:8px}
.au li{font-size:16px;display:flex;gap:10px;align-items:center}
.au li::before{content:"";width:16px;height:1px;background:var(--red)}

/* ПРАКТИКИ — тепла темна палітра з «живим» градієнтом */
.prs{position:relative;margin:0 32px;border-radius:36px;padding:110px 0;color:#fff;overflow:hidden;isolation:isolate;background:#121315}
.prs .mesh{position:absolute;inset:-20%;z-index:-1;filter:blur(60px);opacity:.95}
.prs .mesh i{position:absolute;border-radius:50%}
.prs .mesh i:nth-child(1){width:55%;height:60%;left:5%;top:0;background:#3a0f18;animation:m1 18s ease-in-out infinite alternate}
.prs .mesh i:nth-child(2){width:45%;height:55%;right:0;top:10%;background:#4d1520;opacity:.7;animation:m2 22s ease-in-out infinite alternate}
.prs .mesh i:nth-child(3){width:50%;height:50%;left:30%;bottom:-5%;background:#1c2530;animation:m1 26s ease-in-out infinite alternate-reverse}
.prs .mesh i:nth-child(4){width:30%;height:35%;left:60%;bottom:10%;background:#2a2b2f;opacity:.45;animation:m2 16s ease-in-out infinite alternate}
@keyframes m1{to{transform:translate(18%,12%) scale(1.15)}}
@keyframes m2{to{transform:translate(-20%,15%) scale(.9)}}
.prs::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.prs .sh p{color:rgba(255,255,255,.7)}
.prs .mono.k{color:#f5053d}
.pg{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:12px;perspective:1200px}
.pc{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;padding:30px;display:flex;flex-direction:column;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 1px rgba(255,255,255,.2);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.9,.24,1),background .5s}
.pc::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 60%)}
.pc:hover{background:rgba(255,255,255,.12)}.pc:hover::after{opacity:1}
.pc .top{display:flex;justify-content:space-between;align-items:flex-start}
.pc .ic{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.pc .ic svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.5}
.pc .ar{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:transform .45s,background .35s,color .35s}
.pc:hover .ar{background:#fff;color:var(--ink);transform:rotate(-45deg)}
.pc h3{font-size:34px;line-height:1.05;font-weight:500;margin:24px 0 10px}
.pc p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.72)}
.pc ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:22px}
.pc li{font-size:14px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}
.pc .usp{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.pc .usp span{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:16px}
.pc .usp span::before{content:"";width:7px;height:7px;border-radius:50%;background:#f5053d;box-shadow:0 0 0 4px rgba(245,5,61,0.18)}
.pc .stat{margin-top:18px;display:flex;gap:26px}
.pc .stat b{display:block;font-size:44px;font-weight:500;line-height:1}
.pc .stat span{font-size:14px;color:rgba(255,255,255,.65)}
.p1{grid-column:span 7;grid-row:span 3;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(245,5,61,0.108))}
.p1 h3{font-size:clamp(40px,4vw,60px)}
.p2{grid-column:span 5;grid-row:span 2}
.p3{grid-column:span 5;grid-row:span 1;flex-direction:row;align-items:center;gap:20px}
.p3 h3{margin:0;font-size:28px}.p3 p{font-size:15px}
.p4,.p5,.p6{grid-column:span 4;grid-row:span 2}
.p6{background:#fff;color:var(--ink);border-color:#fff}
.p6 p{color:var(--muted)}.p6 .ic{background:#f4f4f2}.p6 .ic svg{stroke:var(--red)}.p6 .ar{border-color:var(--line)}
.p6:hover{background:#fff}
.p6 li{background:#f4f3ef;border-color:var(--line)}.p6:hover .ar{background:var(--ink);color:#fff}
.p6::after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(245,5,61,0.1),transparent 60%)}

/* КВІЗ 2.0 */
.quiz{margin:0 32px;border-radius:36px;padding:100px 0;position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.75));border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 70px -40px rgba(245,5,61,0.35)}
.quiz .orb{position:absolute;width:520px;height:520px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(245,5,61,0.2),transparent 70%);filter:blur(20px);pointer-events:none}
.qgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:stretch}
.qcard{padding:34px;min-height:520px;display:flex;flex-direction:column}
.qhead{display:flex;justify-content:space-between;align-items:center;color:var(--grey)}
.qprog{height:6px;border-radius:9px;background:#efeee9;margin:16px 0 30px;overflow:hidden}
.qprog i{display:block;height:100%;width:0;background:var(--acc);border-radius:9px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.cat{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;background:#f4f4f2;color:var(--red);font-size:14px;margin-bottom:18px}
.qq{font-size:clamp(28px,2.7vw,40px);line-height:1.15;font-weight:500;min-height:2.4em;transition:opacity .2s,transform .3s}
.qq.out{opacity:0;transform:translateX(-12px)}
.why{font-size:16px;line-height:1.5;color:var(--muted);margin-top:12px;min-height:3em}
.qa{display:grid;gap:10px;margin-top:auto;padding-top:26px}
.qa button{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.7);font-size:19px;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:background .2s,border-color .2s,transform .15s}
.qa button:hover{background:#fff;border-color:#d4d2cb}
.qa button:active{transform:scale(.985)}
.qa button kbd{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--grey);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
.start{display:grid;gap:10px;margin-top:10px}
.start button{display:flex;align-items:center;gap:18px;padding:22px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.75);text-align:left;transition:transform .25s,border-color .25s,background .25s}
.start button:hover{transform:translateY(-2px);border-color:#e2e2e0;background:#fff}
.start .ic{width:48px;height:48px;border-radius:14px;background:#f4f4f2;display:flex;align-items:center;justify-content:center;flex:none}
.start .ic svg{width:24px;height:24px;stroke:var(--red);fill:none;stroke-width:1.6}
.start b{display:block;font-size:22px;font-weight:500}.start span{font-size:15px;color:var(--muted)}
.qside{display:flex;flex-direction:column;gap:12px}
.score{padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.ring{position:relative;width:180px;height:180px}
.ring svg{transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10}
.ring .bgc{stroke:#efeee9}
.ring .fg{stroke:url(#rg);stroke-linecap:round;stroke-dasharray:540;stroke-dashoffset:540;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:54px;font-weight:500;line-height:1}
.ring b small{font-size:12px;font-family:"JetBrains Mono",monospace;color:var(--grey);margin-top:6px;letter-spacing:.06em}
.lvl{margin-top:14px;font-size:21px}
.cats{width:100%;display:grid;gap:10px;margin-top:22px;text-align:left}
.cr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:15px}
.cr .bar{grid-column:span 2;height:5px;border-radius:9px;background:#efeee9;overflow:hidden}
.cr .bar i{display:block;height:100%;width:0;background:var(--acc);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.cr em{font-style:normal;color:var(--grey);font-family:"JetBrains Mono",monospace;font-size:12px}
.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bd{padding:14px 8px;text-align:center;font-size:13px;color:#a3a39d;border-radius:18px}
.bd span{display:block;font-size:22px;margin-bottom:4px;filter:grayscale(1);opacity:.35;transition:filter .4s,opacity .4s,transform .5s}
.bd.got{color:var(--ink);background:linear-gradient(160deg,#fff,#f4f4f2)}
.bd.got span{filter:none;opacity:1;transform:scale(1.15)}
.toast{position:fixed;left:50%;bottom:30px;z-index:90;transform:translate(-50%,40px);opacity:0;padding:14px 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;pointer-events:none}
.toast.on{transform:translate(-50%,0);opacity:1}
.res{display:none;flex-direction:column}
.res .qq{min-height:0}
.res .recs{list-style:none;display:grid;gap:10px;margin:20px 0 26px}
.res .recs li{display:flex;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:17px;line-height:1.4}
.res .recs li b{flex:none;width:26px;height:26px;border-radius:50%;background:#f4f4f2;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:13px}
.res .acts{display:flex;gap:10px;flex-wrap:wrap}
.disc{margin-top:16px;color:#9a9a94;font-size:14px}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:89}

/* ЧОМУ МИ */
.why-g{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(170px,auto);gap:12px}
.w{padding:30px;display:flex;flex-direction:column}
.w .n{font-size:clamp(64px,6vw,96px);line-height:.9;font-weight:500;letter-spacing:-.03em}
.w h3{font-size:28px;font-weight:500;line-height:1.1;margin-top:auto}
.w p{font-size:17px;line-height:1.55;color:var(--muted);margin-top:10px}
.w1{grid-column:span 5;grid-row:span 2}
.w2{grid-column:span 7;grid-row:span 1}
.w3{grid-column:span 4;grid-row:span 1}
.btn.soft{position:relative;padding:12px 12px 12px 24px;background:rgba(255,255,255,.7);border:1px solid rgba(17,17,16,.1);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 1px #fff,0 2px 6px -2px rgba(17,17,16,.08),0 10px 24px -18px rgba(17,17,16,.25);
  transition:transform .9s cubic-bezier(.22,.9,.24,1),box-shadow .9s cubic-bezier(.22,.9,.24,1),background .9s ease}
.btn.soft .sa{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.btn.soft .sa i{font-style:normal}.btn.soft .sa i+i{display:none}
@media (hover:hover){
  .btn.soft:hover{transform:translateY(-4px);background:#fff;box-shadow:inset 0 1px 1px #fff,0 6px 12px -6px rgba(17,17,16,.12),0 28px 48px -24px rgba(17,17,16,.38)}
}
.btn.soft:active{transform:translateY(-1px);transition-duration:.3s}
.kin .ch{font-weight:var(--w,500);transition:font-weight .6s cubic-bezier(.22,.9,.24,1)}
.w4{grid-column:span 3;grid-row:span 1;background:linear-gradient(150deg,rgba(255,255,255,.7),rgba(255,255,255,.7))}
.quote{font-size:clamp(26px,2.4vw,36px);line-height:1.25;font-weight:400}
.quote::before{content:"“";display:block;font-size:80px;line-height:.6;color:#e2e2e0;margin-bottom:10px}

/* ПРОЦЕС */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none}
.step{padding:28px;min-height:260px;display:flex;flex-direction:column}
.step .n{font-family:"JetBrains Mono",monospace;font-size:12px;color:#f5053d}
.step .big{font-size:84px;line-height:1;font-weight:500;letter-spacing:-.04em;color:#efe9ea;margin-top:6px;transition:color .4s}
.step:hover .big{color:#e6e6e4}
.step h3{font-size:26px;font-weight:500;margin-top:auto}
.step p{font-size:16px;line-height:1.5;color:var(--muted);margin-top:8px}

/* ПРО НАС (SEO-текст) */
.about{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about .txt{padding:36px}
.about .txt p{font-size:18px;line-height:1.7;color:var(--muted)}
.about .txt p+p{margin-top:14px}
.about .txt strong{color:var(--ink);font-weight:500}
.about .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{padding:26px;display:flex;flex-direction:column;justify-content:flex-end;min-height:170px}
.fact b{font-size:60px;line-height:1;font-weight:500;letter-spacing:-.03em}
.fact span{font-size:16px;color:var(--muted);margin-top:8px}


/* МОДАЛЬНЕ ВІКНО */
.mdl{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(29,29,27,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.mdl.on{opacity:1;visibility:visible}
.mdl-box{width:100%;max-width:520px;padding:40px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.88));transform:translateY(20px) scale(.97);transition:transform .6s cubic-bezier(.22,.9,.24,1)}
.mdl-box:hover{transform:translateY(20px) scale(.97)}
.mdl.on .mdl-box,.mdl.on .mdl-box:hover{transform:none}
.mdl-x{position:absolute;right:18px;top:18px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.7);font-size:24px;line-height:1;transition:transform .3s,background .3s}
.mdl-x:hover{transform:rotate(90deg);background:#fff}
.mdl h2{font-size:40px;font-weight:500;line-height:1.05;margin:12px 0 10px}
.mdl-sub{font-size:17px;line-height:1.5;color:var(--muted);margin-bottom:22px}
.mdl form{display:grid;gap:12px}
.mdl label span{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.mdl input{width:100%;font:inherit;font-size:18px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.85);outline:none;transition:border-color .25s,box-shadow .25s}
.mdl input:focus{border-color:#e2e2e0;box-shadow:0 0 0 4px rgba(245,5,61,0.08)}
.mdl form .btn{justify-content:center;margin-top:6px}
.mdl-note{color:#a3a39d;text-align:center;font-size:11px}
.mdl-ok{display:none;text-align:center;padding:30px 0 10px}
.mdl-ok .ck{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--acc);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}
.mdl-ok h3{font-size:32px;font-weight:500}.mdl-ok p{color:var(--muted);font-size:17px;margin-top:8px}
.mdl.sent form{display:none}.mdl.sent .mdl-ok{display:block}
html.lock,html.lock body{overflow:hidden}
@media (max-width:980px){.mdl{align-items:flex-end;padding:10px}.mdl-box{padding:28px 22px}.mdl h2{font-size:32px}}

/* ГАЙДИ в тесті */
.lib{padding:18px}
.lib:hover{transform:none}
.lib .mono{color:var(--grey);margin-bottom:10px;display:block}
.gd{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px dashed #dddbd4;margin-top:8px;transition:border-color .4s,background .4s}
.gd .fi{position:relative;flex:none;width:40px;height:50px;display:block;transition:transform .8s cubic-bezier(.22,.9,.24,1)}
.gd .fi svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 8px rgba(17,17,16,.1))}
.gd .fi .pg{fill:#f4f3ef;stroke:#dcdad3;stroke-width:1}
.gd .fi .fo{fill:#e7e5df;stroke:#dcdad3;stroke-width:1}
.gd .fi .ln{stroke:#d6d3cb;stroke-width:1.6;stroke-linecap:round}
.gd .fi .bd{fill:#c9c6be;transition:fill .6s}
.gd .fi text{font-family:"JetBrains Mono",monospace;font-size:6px;font-weight:500;fill:#fff;letter-spacing:.5px}
.gd .fi .lk{position:absolute;right:-5px;bottom:4px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(17,17,16,.15)}
.gd .fi .lk::before{content:"";position:absolute;left:5px;top:6.5px;width:6px;height:5px;border-radius:1px;background:#a3a39d}
.gd .fi .lk::after{content:"";position:absolute;left:5.5px;top:3px;width:3px;height:3.5px;border:1.2px solid #a3a39d;border-bottom:0;border-radius:3px 3px 0 0}
.gd.open .fi{transform:rotate(-4deg) translateY(-2px)}
.gd.open .fi .pg{fill:#fff;stroke:#e2e2e0}
.gd.open .fi .fo{fill:#ececea;stroke:#e2e2e0}
.gd.open .fi .ln{stroke:#f0b3c1}
.gd.open .fi .bd{fill:url(#rg)}
.gd.open .fi .lk{display:none}
.gd b{display:block;font-size:16px;font-weight:500;line-height:1.25}
.gd small{font-size:13px;color:#a3a39d}
.gd a{display:none;margin-left:auto;flex:none;padding:8px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px}
.gd.open{border-style:solid;border-color:#e2e2e0;background:#fff}
.gd.open a{display:inline-block}
.gd.open small{color:#f5053d}
.gift{display:none;flex-direction:column;align-items:flex-start;flex:1}
.gift .box{width:100%;margin:22px 0;padding:24px;border-radius:20px;background:linear-gradient(150deg,#fff,#f4f4f2);border:1px solid #f7d3dc;display:flex;gap:20px;align-items:center;animation:gIn .7s cubic-bezier(.2,.8,.2,1)}
@keyframes gIn{from{opacity:0;transform:scale(.92) rotate(-1.5deg)}to{opacity:1;transform:none}}
.gift .doc{flex:none;width:74px;height:92px;border-radius:12px;background:var(--acc);color:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-family:"JetBrains Mono",monospace;font-size:12px;position:relative;box-shadow:0 18px 30px -16px rgba(245,5,61,0.6);animation:fl 3s ease-in-out infinite}
.gift .doc::before{content:"";position:absolute;right:0;top:0;border:12px solid transparent;border-top-color:#fff;border-right-color:#fff}
@keyframes fl{50%{transform:translateY(-6px) rotate(2deg)}}
.gift h4{font-size:24px;font-weight:500;line-height:1.2}
.gift p{font-size:15px;color:var(--muted);margin-top:4px}
.gift .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.res .guides{display:grid;gap:8px;margin-bottom:20px}


/* CTA з папкою */
.cta2{margin:0 32px;border-radius:36px;padding:80px 0;position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,255,255,.8));border:1px solid rgba(255,255,255,.95);box-shadow:0 40px 80px -50px rgba(245,5,61,0.35)}
.cta2::before{content:"";position:absolute;right:-120px;bottom:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(245,5,61,0.14),transparent 65%);pointer-events:none}
.cta2-g{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;position:relative}
.cta2 h2{font-size:clamp(40px,4.6vw,72px);line-height:1;font-weight:500;letter-spacing:-.025em;margin-top:14px}
.cta2-t p{font-size:19px;line-height:1.55;color:var(--muted);max-width:520px;margin-top:18px}
.cta2-acts{margin-top:30px;max-width:420px}
.cta2-alt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:15px;line-height:1.5;color:#8a8a85}
.cta2-alt a{color:inherit;transition:color .6s}
.cta2-alt a:hover{color:var(--ink)}
.cta2-alt .dt{color:#c8c6bf}
/* реалістична папка */
.fold-wrap{position:relative;height:420px;perspective:1400px}
.fold{--p:0;--h:0;position:absolute;left:12%;top:24%;width:210px;aspect-ratio:1414/2000;transform:rotateX(14deg) rotateY(-8deg) rotateZ(-7deg);transform-style:preserve-3d}
.f-shadow{position:absolute;left:-6%;right:-18%;bottom:-8%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,15,20,.35),transparent);filter:blur(10px);transform:translateZ(-2px)}
.f-back{position:absolute;inset:0;transform:translate(7px,-6px);border-radius:3px 8px 8px 3px;background:linear-gradient(135deg,#9e241c,#b8322a 45%,#8f1f18);box-shadow:0 1px 0 rgba(255,255,255,.08) inset}
.sheet{position:absolute;left:5%;top:3%;width:88%;aspect-ratio:210/297;border-radius:1px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06),0 8px 18px -10px rgba(40,20,20,.35);transition:transform 1s cubic-bezier(.22,.9,.24,1)}
.sheet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.02) brightness(1.03)}
.sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.4),rgba(255,255,255,0) 30%,rgba(0,0,0,0) 75%,rgba(0,0,0,.035))}
.sheet .curl{position:absolute;right:0;bottom:0;width:22%;height:14%;background:radial-gradient(120% 120% at 100% 100%,transparent 55%,rgba(0,0,0,.08) 62%,rgba(255,255,255,.7) 70%,transparent 72%)}
.s1{transform:translate(calc((var(--p) + var(--h)*.12)*52%),calc((var(--p) + var(--h)*.12)*-40%)) rotate(calc((var(--p) + var(--h)*.12)*9deg))}
.f-front{position:absolute;inset:0;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,-1px 0 0 rgba(0,0,0,.15),0 26px 40px -24px rgba(60,15,20,.55);transform:translateZ(1px)}
.f-front img{display:block;width:100%;height:100%;object-fit:cover}
.f-front::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 28%,rgba(0,0,0,0) 60%,rgba(0,0,0,.14) 100%),linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,0) 6%)}
.f-front::before{content:"";position:absolute;inset:0;z-index:1;opacity:.12;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");background-size:90px}
@media (max-width:980px){
  .cta2{margin:0 10px;border-radius:26px;padding:50px 0}
  .cta2-g{grid-template-columns:1fr}
  .fold-wrap{height:320px}.fold{left:22%;width:170px}
}

/* прес-релізи: динамічна плитка */
.prsl{padding:28px 30px}
.prs-h{display:flex;justify-content:space-between;align-items:center}
.prs-h .mono{color:#8a8a85}
.prs-w{position:relative;flex:1;margin-top:10px}
.prs-s{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(14px);filter:blur(6px);pointer-events:none;transition:opacity 1.1s cubic-bezier(.22,.9,.24,1),transform 1.2s cubic-bezier(.22,.9,.24,1),filter 1.1s}
.prs-s.on{opacity:1;transform:none;filter:none;pointer-events:auto}
.prs-s .mono{color:#f5053d}
.prs-s .ttl{font-size:clamp(28px,2.7vw,40px);line-height:1.12;font-weight:500;letter-spacing:-.015em;margin-top:16px;max-width:620px}
.prs-s p{font-size:17px;line-height:1.55;color:var(--muted);margin-top:14px;max-width:600px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.prs-s .rd{margin-top:16px;font-size:15px;color:#f5053d}
.prs-f{display:flex;align-items:center;gap:16px;margin-top:18px}
.prsl{position:relative}
.prs-dots{display:flex;gap:6px;flex:none}
.prs-dots button{width:6px;height:6px;border-radius:50%;background:rgba(17,17,16,.14);transition:background .6s,width .6s cubic-bezier(.22,.9,.24,1)}
.prs-dots button.on{width:20px;border-radius:4px;background:var(--red)}
.prs-bar{flex:1;height:2px;border-radius:2px;background:rgba(17,17,16,.08);overflow:hidden}
.prs-bar i{display:block;height:100%;width:0;background:var(--acc)}
.prs-next{color:#a3a39d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%;transition:opacity .6s}
.svc h3{margin-top:10px;font-size:26px}
.svl{list-style:none;display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}
.svl li{font-size:15px;line-height:1.3;display:flex;gap:8px;color:#3a3a37}
.svl li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#e2e2e0;margin-top:6px}
.svm{margin-top:auto;padding-top:14px;font-size:15px;color:#f5053d;display:inline-flex;gap:8px}
.svm i{font-style:normal;transition:transform .8s cubic-bezier(.22,.9,.24,1)}
.svc:hover .svm i{transform:translateX(4px)}
.qt1 .quote{font-size:clamp(22px,2vw,29px);line-height:1.35}
.qa1{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:22px}
.qa1 img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;filter:grayscale(.2)}
.qa1 b{display:block;font-weight:500;font-size:18px}.qa1 span{font-size:14px;color:#8a8a85}
.btn.soft.big-soft{padding:14px 14px 14px 28px;font-size:16px;gap:16px}
.btn.soft.big-soft .sa{width:44px;height:44px}

/* FAQ — картки, що перевертаються */
.flg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fl{perspective:1400px;height:300px;cursor:pointer;outline:none}
.fl.more{display:none}.flg.all .fl.more{display:block}
.fl-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.fl.on .fl-in{transform:rotateY(180deg)}
.fl-f,.fl-b{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:26px;display:flex;flex-direction:column}
.fl-f,.fl-b{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.fl-f{background:rgba(255,255,255,.78)}
.fl-f,.fl-f:hover{transform:none}
.fl-b,.fl-b:hover{transform:rotateY(180deg)}
.fl-f::after,.fl-b::after{display:none}
.fl-in{transition:transform .95s cubic-bezier(.22,.9,.24,1)}
.fl-f,.fl-b{transition:box-shadow .5s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .fl:hover .fl-in{transform:translateY(-8px)}
  .fl.on:hover .fl-in{transform:translateY(-8px) rotateY(180deg)}
  .fl:hover .fl-f,.fl:hover .fl-b{box-shadow:inset 0 1px 1px #fff,0 34px 50px -30px rgba(17,17,16,.28)}
}
.fl-b{transform:rotateY(180deg);background:linear-gradient(160deg,#fff,#f4f4f2)}
.fl-t{display:flex;justify-content:space-between;align-items:center}
.fl-t .mono{color:#a3a39d}
.chip{font-size:13px;padding:5px 10px;border-radius:999px;background:rgba(17,17,16,.05);color:var(--muted)}
.fl-f h3{font-size:23px;line-height:1.2;font-weight:500;margin-top:18px}
.fl-p{margin-top:12px;font-size:16px;line-height:1.6}
.fl-p p{margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fl-b h4{font-size:18px;font-weight:500;line-height:1.3;margin-top:12px}
.fl-h{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#f5053d}
.fl-h i{font-style:normal;display:inline-block;transition:transform .5s}
.fl:hover .fl-h i{transform:rotate(180deg)}
.fl-b p{font-size:16px;line-height:1.55;color:var(--muted);margin-top:8px;overflow:auto}
.fl-c{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:18px}
.fx{margin-top:auto;padding-top:12px;font-size:14px;color:#f5053d;border-top:1px solid rgba(245,5,61,0.15)}
.flm{display:flex;justify-content:center;margin-top:18px}
.flg.all + .flm{display:none}
@media (max-width:980px){
  .flg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -18px;padding:4px 18px 16px;scrollbar-width:none}
  .flg::-webkit-scrollbar{display:none}
  .fl,.fl.more{display:block;flex:0 0 84%;scroll-snap-align:center;height:320px}
  .flm{display:none}
}
/* БЛОГ бенто */
.posts{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.post{padding:28px;display:flex;flex-direction:column;min-height:250px}
.post .mono{color:var(--grey)}.post .mono b{color:#f5053d;font-weight:500}
.post h3{font-size:26px;line-height:1.2;font-weight:500;margin:16px 0}
.post p{font-size:16px;line-height:1.5;color:var(--muted)}
.post .r{margin-top:auto;padding-top:18px;font-size:15px;color:#f5053d}
.post.big{grid-column:span 6;grid-row:span 2;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.7))}
.post.big h3{font-size:clamp(32px,3vw,44px)}
.post.sm{grid-column:span 3}
.post.sm h3{font-size:21px}

/* CTA */
.cta{margin:0 32px;border-radius:36px;padding:90px 0;background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(255,255,255,.85));border:1px solid rgba(255,255,255,.95)}
.cta-g{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.cta h2{font-size:clamp(40px,5vw,78px);line-height:.98;font-weight:500;letter-spacing:-.025em;margin-top:14px}
.cta p{font-size:19px;margin-top:20px;max-width:480px;color:var(--muted);line-height:1.55}
.cta-card{padding:26px}
.cta-card:hover{transform:none}
.pulse{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 28px;border-radius:999px;background:var(--ink);color:#fff;font-size:17px;font-weight:600;letter-spacing:.04em;overflow:hidden;isolation:isolate;transition:transform .5s cubic-bezier(.22,.9,.24,1),box-shadow .5s}
.pulse::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(-100%);animation:shine 3.6s ease-in-out infinite}
.pulse::after{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-2;box-shadow:0 0 0 0 rgba(245,5,61,0.45);animation:ring 2.8s ease-out infinite}
@keyframes shine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(245,5,61,0.35)}70%,100%{box-shadow:0 0 0 18px rgba(245,5,61,0.0)}}
.pl-a{flex:none;width:54px;height:54px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;font-size:22px;animation:nudge 2.8s ease-in-out infinite;transition:transform .5s cubic-bezier(.22,.9,.24,1)}
@keyframes nudge{0%,70%,100%{transform:none}80%{transform:translateX(4px)}90%{transform:translateX(-1px)}}
.pulse:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px rgba(17,17,16,.6)}
.pulse:hover .pl-a{transform:rotate(-45deg);animation:none}
.cta-alt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.cta-alt a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.95);font-size:17px;transition:background .4s}
.cta-alt a:hover{background:#fff}
.cta-alt .mono{color:#a3a39d;font-size:11px}

/* FOOTER */
footer{padding:90px 0 40px}
.fg{display:grid;grid-template-columns:34% 1fr;gap:40px}
.tiles{display:flex;gap:8px;margin-bottom:18px}
.tile{position:relative;height:88px;border:1px solid rgba(17,17,16,.12);border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.5)}
.tile.e{flex:0 0 88px}.tile.e::after{content:"";position:absolute;left:30%;right:30%;bottom:-1px;height:2px;background:var(--red)}
.tile.n{flex:1;padding:0 18px}.tile .em{width:36px}.tile .wm{width:100%;max-width:190px}
.tile small{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#6f6e68;margin-top:9px;white-space:nowrap}
.tile.n{min-width:0}
@media (max-width:380px){.tile.e{flex-basis:72px}.tile.n{padding:0 10px}.tile small{font-size:10.5px;letter-spacing:.08em}}
.offs{display:grid;grid-template-columns:repeat(4,1fr);font-size:17px;line-height:1.5;font-style:normal}
.off{padding:0 20px;border-left:1px solid #d6d5cf}.off:first-child{padding-left:0;border:0}
.off b{display:block;color:var(--red);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.off span{display:block;color:#8a8a8a}.off p{color:#555;margin:10px 0 6px}
.fb{display:flex;gap:28px;margin-top:28px;padding-top:18px;border-top:1px solid #d6d5cf;font-size:17px}
.fb a{color:var(--red)}.fb .c{margin-left:auto;color:#8a8a8a}

@media (max-width:980px){
  .wrap{padding:0 18px}
  .nav{top:auto;bottom:16px;padding:6px 6px 6px 14px}
  .nav ul{display:none}
  .hero{padding-top:110px;min-height:auto;padding-bottom:0}
  .hero .lead{font-size:19px}
  .hero{cursor:auto}
  .field{display:none}
  .glow .dot{display:none}
  .rw{font-size:11px}
  section{padding:80px 0}
  .bento,.pg,.why-g,.posts{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .bento>*,.pg>*,.why-g>*,.posts>*{grid-column:span 2!important;grid-row:auto!important;min-height:200px}
  .b3,.p3{min-height:0!important;flex-direction:column;align-items:flex-start}
  .b4,.b5,.w3,.w4{grid-column:span 1!important}
  .shT{min-height:300px!important}.shw{height:180px}
  .aud,.steps,.about,.qgrid{grid-template-columns:1fr}
  .prs,.quiz,.cta{margin:0 10px;border-radius:26px}
  .cta{padding:56px 0}.cta-g{grid-template-columns:1fr;gap:24px}.cta-alt{grid-template-columns:1fr}
  .prs,.quiz{padding:64px 0}
  .qcard{padding:22px;min-height:0}
  .qa kbd{display:none}
  .fg{grid-template-columns:1fr}
  .offs{grid-template-columns:1fr 1fr;gap:24px 18px;font-size:16px}.off{padding:0;border:0}
  .fb{flex-wrap:wrap;gap:14px;font-size:14px}
  .badges{grid-template-columns:repeat(4,1fr)}
}

/* ===== АДАПТИВ: телефони і планшети + швидкодія ===== */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
@supports (overflow:clip){html,body{overflow-x:clip}}
.hero{min-height:100vh;min-height:100svh}
img{max-width:100%}
.post h3,.fl-f h3,.pc h3,.ttl,.au h3,.w h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
/* прес-релізи: слайди в одній клітинці — висота плитки = найдовший слайд */
.prs-w{display:grid}
.prs-s{position:relative;inset:auto;grid-area:1/1}
/* кнопка меню (лише мобільні) */
.mb{display:none;width:44px;height:44px;border-radius:50%;position:relative;flex:none}
.mb i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.22,.9,.24,1),top .5s}
.mb i:first-child{top:17px}.mb i+i{top:25px}
.mb[aria-expanded=true] i:first-child{top:21px;transform:rotate(45deg)}.mb[aria-expanded=true] i+i{top:21px;transform:rotate(-45deg)}
.msheet{position:fixed;inset:0;z-index:79;background:rgba(250,249,246,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.msheet.on{opacity:1;visibility:visible}
.ms-in{position:absolute;left:14px;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));display:grid;gap:6px;padding:14px;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 30px 60px -30px rgba(17,17,16,.35);transform:translateY(16px);transition:transform .6s cubic-bezier(.22,.9,.24,1)}
.msheet.on .ms-in{transform:none}
.ms-in>a{display:block;padding:16px 18px;border-radius:16px;font-size:24px;font-weight:500}
.ms-in>a:active{background:rgba(17,17,16,.05)}
.ms-c{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 18px 6px;border-top:1px solid var(--line);font-size:15px;color:#8a8a85}
/* дотикові екрани: без «липких» hover-ефектів і 3D-нахилів */
@media (hover:none){
  .gl:hover,.b:hover,.post:hover,.pc:hover{transform:none!important}
  .gl:hover::after,.pc:hover::after{opacity:0}
  .fl:hover .fl-in{transform:none}.fl.on .fl-in,.fl.on:hover .fl-in{transform:rotateY(180deg)}
}
/* планшет альбомний */
@media (min-width:981px) and (max-width:1180px){
  .wrap{padding:0 26px}
  .nav ul a{padding:9px 11px;font-size:15.5px}
  .b3 h3{font-size:19px}.faces img{width:40px;height:40px}
  .b2 h3{font-size:28px}
  .pc h3{font-size:28px}.p1 h3{font-size:40px}
}
/* планшет портретний і телефони */
@media (max-width:980px){
  .hero{min-height:auto;padding:118px 0 0}
  .marq{position:relative;bottom:auto;margin-top:56px}
  .nav{bottom:calc(14px + env(safe-area-inset-bottom));gap:4px;padding:5px 5px 5px 14px}
  .nav .em{width:20px}
  .mb{display:block}
  .nav .go{padding:12px 18px}
  /* швидкодія: прибираємо важке розмиття з-під карток і постійні анімації фону */
  .gl{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.88)}
  .pc{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.1)}
  .pc.p6{background:#fff}
  .pc.p1{background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(245,5,61,0.108))}
  .aura i{animation:none!important;filter:blur(50px);opacity:.45}
  .prs .mesh i{animation:none!important}
  .prs .mesh{filter:blur(40px)}
  .prs::after{display:none}
  .fold-wrap{height:300px}
  .post.big h3{font-size:28px}
  .prsl{min-height:0!important}
  .prs-s .ttl{font-size:28px}
  .fl-b p{font-size:15.5px}
}
@media (max-width:640px){
  .b4,.b5,.w3,.w4{grid-column:span 2!important}
  .b4{min-height:240px!important}
  section{padding:64px 0}
  .sh{margin-bottom:28px}
  .sh h2{font-size:clamp(38px,10.5vw,54px)}
  .hero h1{font-size:clamp(52px,15vw,76px)}
  .kick{font-size:13px;letter-spacing:.14em;gap:12px}
  .kick::before{width:28px}
  .btn{padding:16px 22px}
  .shT{grid-template-columns:1fr 34%}
  .qcard{padding:20px}
  .qq{font-size:26px}
  .qa button{padding:15px 16px;font-size:17px}
  .ring{width:150px;height:150px}.ring svg{width:150px;height:150px}.ring b{font-size:44px}
  .w1 .quote,.qt1 .quote{font-size:21px}
  .cta2 h2{font-size:40px}
  .cta2-t p{font-size:17px}
  .fold{width:150px;left:26%}
  .fold-wrap{height:260px}
  .offs{font-size:15px}
  .fb{font-size:13px}
  .mdl-box{max-height:88svh;overflow:auto}
  .mdl input{font-size:16px}
}
@media (max-width:370px){
  .nav .go{padding:11px 14px;font-size:14px}
  .hero h1{font-size:48px}
  .svl li{font-size:14px}
}

/* ===== ПРЕМІУМ-ПАЛІТРА: графіт · бордо · тепле золото ===== */
:root{--gold:#f5053d;--gold2:#f5053d;--wine:#f5053d;--char:#1b1c1e}
body{background:var(--bg)}
.aura i{opacity:.35!important}
.aura i:nth-child(1){background:#f1f1ef!important}.aura i:nth-child(2){background:#f3f3f1!important}.aura i:nth-child(3){background:#ececea!important}
.hero::before{background:radial-gradient(900px 600px at 82% 28%,rgba(29,29,27,.035),transparent 60%),linear-gradient(180deg,#fff 0%,var(--bg) 100%)!important}
.glow .halo{background:radial-gradient(circle,rgba(245,5,61,.07) 0%,rgba(245,5,61,.025) 45%,transparent 70%)!important}
.mono.k,.k{color:var(--gold)!important}
.kick::before{background:var(--gold)!important}
.g{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f5053d;-webkit-text-fill-color:#f5053d}
.nav .go,.btn.dk{background:var(--char)!important}
.gl{border-color:rgba(255,255,255,.9)}
.b2{background:linear-gradient(150deg,#fff,#f4f4f2)!important}
.b2 .play{background:var(--wine)!important}
.b1,.post.big,.fl-b,.cta2,.quiz{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.75))!important}
.cta2::before,.quiz .orb{background:radial-gradient(circle,rgba(245,5,61,0.084),transparent 65%)!important}
.prs-dots button.on{background:var(--wine)!important}
.prs-bar i{background:linear-gradient(90deg,var(--wine),var(--gold))!important}
.b4 .pin{background:var(--wine)!important;box-shadow:0 0 0 6px rgba(245,5,61,0.08)!important}
.b4 .pin.pt{background:#fff!important;border-color:var(--gold)!important;box-shadow:0 0 0 6px rgba(245,5,61,0.072)!important}
.svl li::before,.w5 li::before,.au li::before{background:var(--gold)!important}
.au .ic,.start .ic,.p6 .ic{background:#f4f4f2!important}
.au .ic svg,.start .ic svg,.p6 .ic svg{stroke:var(--wine)!important}
.marq b{color:var(--gold)!important}
/* Практики — глибокий графіт з бордо */
.prs{background:#131416!important}
.prs .mesh{opacity:.85}
.pc .usp span::before{background:var(--gold2)!important;box-shadow:0 0 0 4px rgba(245,5,61,0.18)!important}
.p1{background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(245,5,61,0.35))!important}
section.dark .pc:hover h3,.pc:hover h3{background:none;-webkit-text-fill-color:initial}
/* кнопки — золотий акцент */
.btn.soft .sa{background:var(--char)!important}
.pl-a{background:var(--wine)!important}

.mb{width:auto!important;height:44px!important;border-radius:999px!important;padding:0 16px 0 12px;background:#fff!important;border:1px solid rgba(27,28,30,.14)!important;display:none;align-items:center;gap:9px;box-shadow:0 4px 12px -6px rgba(27,28,30,.25)}
.mb .mbi{position:relative;width:18px;height:12px;display:block}
.mb .mbi i{position:absolute;left:0!important;right:0!important;height:2px!important;background:var(--char)!important;border-radius:2px;transition:transform .5s cubic-bezier(.22,.9,.24,1),top .5s,opacity .3s}
.mb .mbi i:nth-child(1){top:0!important}.mb .mbi i:nth-child(2){top:5px!important}.mb .mbi i:nth-child(3){top:10px!important}
.mb .mbt{font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--char)}
.mb[aria-expanded=true] .mbi i:nth-child(1){top:5px!important;transform:rotate(45deg)}
.mb[aria-expanded=true] .mbi i:nth-child(2){opacity:0}
.mb[aria-expanded=true] .mbi i:nth-child(3){top:5px!important;transform:rotate(-45deg)}
@media (max-width:980px){.mb{display:inline-flex!important}}
@media (max-width:370px){.mb .mbt{display:none}.mb{padding:0 13px!important}}

/* FAQ — елегантний акордеон */
.acc{max-width:1040px;border-top:1px solid rgba(27,28,30,.12)}
.ac{border-bottom:1px solid rgba(27,28,30,.12)}
.ac h3{margin:0;font:inherit}
.ac-q{width:100%;display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:12px;padding:26px 0;text-align:left;cursor:pointer;color:var(--char)}
.ac-n{font-family:"JetBrains Mono",monospace;font-size:12px;color:#a3a39d;transition:color .5s}
.ac-t{font-size:clamp(20px,1.9vw,26px);font-weight:500;line-height:1.25;transition:color .5s}
.ac-t small{display:block;margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a3a39d;font-weight:400}
.ac-i{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid rgba(27,28,30,.15);transition:background .5s,border-color .5s,transform .6s cubic-bezier(.22,.9,.24,1)}
.ac-i::before,.ac-i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--char);transform:translate(-50%,-50%);transition:background .5s,transform .6s cubic-bezier(.22,.9,.24,1)}
.ac-i::after{transform:translate(-50%,-50%) rotate(90deg)}
.ac-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.22,.9,.24,1)}
.ac-p>div{overflow:hidden;padding-left:68px;padding-right:52px}
.ac-p p{font-size:18px;line-height:1.7;color:var(--muted);padding-bottom:24px;max-width:780px;opacity:0;transform:translateY(-6px);transition:opacity .6s,transform .7s cubic-bezier(.22,.9,.24,1)}
.ac-p .fx{display:inline-block;margin:0 0 26px;font-size:15px;color:var(--wine);border-bottom:1px solid rgba(245,5,61,0.3);padding:0 0 2px}
.ac.open .ac-p{grid-template-rows:1fr}
.ac.open .ac-p p{opacity:1;transform:none}
.ac.open .ac-n{color:var(--gold)}
.ac.open .ac-i{background:var(--char);border-color:var(--char);transform:rotate(180deg)}
.ac.open .ac-i::before{background:#fff}.ac.open .ac-i::after{background:#fff;transform:translate(-50%,-50%) rotate(0)}
@media (hover:hover){.ac-q:hover .ac-t{color:var(--wine)}.ac-q:hover .ac-i{border-color:var(--gold)}}
.ac-q:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}
@media (max-width:640px){.ac-q{grid-template-columns:34px 1fr 34px;padding:20px 0}.ac-p>div{padding-left:46px;padding-right:0}.ac-p p{font-size:16.5px}.ac-t{font-size:19px}}

/* скринінг — стриманий діловий інтерфейс */
.quiz{border:1px solid rgba(27,28,30,.08)!important;box-shadow:0 30px 70px -50px rgba(27,28,30,.35)!important}
.quiz .orb{display:none}
.qcard,.score,.lib{background:#fff!important;border:1px solid rgba(27,28,30,.08)!important;box-shadow:0 1px 2px rgba(27,28,30,.04)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.qcard:hover,.score:hover,.lib:hover{transform:none!important}
.qprog{height:3px!important;background:#ecebe6!important}
.qprog i{background:var(--char)!important}
.cat{background:transparent!important;border:1px solid rgba(245,5,61,0.3);color:#f5053d!important;border-radius:6px!important;font-family:"JetBrains Mono",monospace;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
.qa button{border-radius:10px!important;background:#fff!important;border-color:rgba(27,28,30,.14)!important}
.qa button:hover{border-color:var(--char)!important}
.start button{border-radius:12px!important;background:#fff!important}
.start button:hover{border-color:var(--gold)!important}
.idx{width:100%;text-align:left}
.idx-l{color:#8a8a85}
.idx-n{margin:14px 0 18px;font-size:64px;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--char)}
.idx-n small{font-size:18px;color:#a3a39d;margin-left:6px;letter-spacing:0}
.idx-bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(245,5,61,0.14),rgba(245,5,61,0.108) 55%,rgba(27,28,30,.12));overflow:hidden}
.idx-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--char);transition:width 1s cubic-bezier(.22,.9,.24,1)}
.idx-bar span{position:absolute;top:0;bottom:0;width:2px;background:#fff}.idx-bar .t1{left:50%}.idx-bar .t2{left:80%}
.idx-s{display:flex;justify-content:space-between;margin-top:8px;color:#a3a39d;font-size:10px}
.lvl{text-align:left;width:100%;margin-top:16px;font-size:19px}
.cr .bar i{background:var(--char)!important}
.cr .bar{height:3px!important}
.res .recs li{border-radius:10px!important;background:#fcfcfb!important}
.res .recs li b{background:transparent!important;border:1px solid var(--gold);color:#f5053d!important}
.gift .box{background:#fcfcfb!important;border-color:rgba(245,5,61,0.21)!important;animation:none!important}
.gift .doc{background:var(--wine)!important;animation:none!important;box-shadow:0 14px 24px -16px rgba(245,5,61,0.6)!important}
.gd{border-radius:10px!important}
.gd.open{border-color:rgba(245,5,61,0.3)!important}
.gd.open .fi .pg{stroke:#e2e2e0!important}.gd.open .fi .fo{fill:#f4f4f2!important;stroke:#e2e2e0!important}.gd.open .fi .ln{stroke:#e2e2e0!important}
.gd.open .fi .bd{fill:var(--wine)!important}
.toast{background:var(--char)!important}
.cta2::before,.quiz .orb{display:none!important}
.b1,.post.big,.fl-b,.cta2,.quiz{background:#fff!important}
.aura i{opacity:.2!important}

/* ===== ЧИТАБЕЛЬНІСТЬ ===== */
:root{--muted:#4d4d4a}
body{font-size:18px}
.mono{font-size:12.5px;letter-spacing:.07em}
.b .mono,.b1 .mono,.post .mono,.fl-t .mono,.qhead,.idx-l,.cr em,.ac-t small{color:#6f6f6b!important}
.b p,.au p,.w p,.post p,.step p,.pc p{font-size:17px;line-height:1.6}
.pc p{color:rgba(255,255,255,.82)}
.p6 p{color:var(--muted)}
.post p{color:var(--muted);margin-top:4px}
.post.sm p{font-size:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.post.big p{font-size:18px}
.post.sm h3{font-size:22px}
.post .r{font-size:15.5px}
.svl li{font-size:16px}
.prs-s p{font-size:17.5px;color:var(--muted)}
.why,.start span span,.gd small,.cr,.disc{font-size:16px!important}
.gd b{font-size:17px}
.qa button{font-size:19px!important}
.res .recs li{font-size:17px!important;line-height:1.5}
.au li,.w5 li{font-size:16.5px}
.tagc a,.pc li,.chip{font-size:14.5px}
.fb,.off span{color:#6f6f6b}
.cta2-alt{font-size:16px!important;color:#6f6f6b!important}
.ac-p p{color:var(--muted)}
.kick{color:#4d4d4a}
.marq span{color:#8a8a85}
@media (max-width:640px){body{font-size:17px}.b p,.au p,.w p,.post p,.pc p{font-size:16.5px}.post.sm p{font-size:15.5px}.mono{font-size:12px}}
/* ===== СКРИНІНГ: чіткіші рамки і легкі повітряні тіні ===== */
.quiz{box-shadow:0 40px 90px -60px rgba(27,28,30,.35)!important}
.qcard,.score,.lib{border:1px solid rgba(27,28,30,.13)!important;border-radius:22px!important;
  box-shadow:0 1px 2px rgba(27,28,30,.05),0 10px 24px -12px rgba(27,28,30,.12),0 30px 60px -36px rgba(27,28,30,.22)!important}
.qa button,.start button{border:1px solid rgba(27,28,30,.18)!important;box-shadow:0 1px 2px rgba(27,28,30,.04),0 8px 18px -14px rgba(27,28,30,.25);transition:border-color .5s,box-shadow .6s cubic-bezier(.22,.9,.24,1),transform .6s cubic-bezier(.22,.9,.24,1)!important}
@media (hover:hover){.qa button:hover,.start button:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(27,28,30,.05),0 16px 30px -18px rgba(27,28,30,.35)}}
.gd{border:1px solid rgba(27,28,30,.14)!important;box-shadow:0 6px 16px -12px rgba(27,28,30,.22)}
.res .recs li{border:1px solid rgba(27,28,30,.12)!important;box-shadow:0 6px 16px -12px rgba(27,28,30,.18)}
.gift .box{border:1px solid rgba(27,28,30,.13)!important;box-shadow:0 12px 30px -20px rgba(27,28,30,.3)}

/* Практики: однакові кути, без нахилу і стрілок, біле світіння контуру */
.pg{perspective:none}
.pc{border-radius:24px!important;transform:none!important;transform-style:flat!important;-webkit-mask-image:-webkit-radial-gradient(white,black);transition:box-shadow .8s cubic-bezier(.22,.9,.24,1),border-color .8s,background .8s!important}
.pc::before,.pc::after{border-radius:inherit}
.pc .ar{display:none!important}
@media (hover:hover){
  .pc:hover{border-color:rgba(255,255,255,.45)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 0 0 1px rgba(255,255,255,.18),0 0 28px rgba(255,255,255,.14),0 0 60px -10px rgba(255,255,255,.12)!important}
  .pc:hover::after{opacity:0!important}
  .p6:hover{box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 32px rgba(255,255,255,.35)!important}
}
/* ще трохи більший основний текст */
.b p,.au p,.w p,.post p,.pc p,.prs-s p,.fl-f p{font-size:18px!important;line-height:1.62!important}
.post.sm p{font-size:17px!important}
.post.big p,.ac-p p,.cta2-t p,.w5 p{font-size:19px!important}
.why,.svl li,.au li,.gd small,.cr,.res .recs li{font-size:17px!important}
.qt1 .quote{font-size:clamp(23px,2.1vw,30px)!important}
@media (max-width:640px){.b p,.au p,.w p,.post p,.pc p,.prs-s p{font-size:17px!important}.post.big p,.ac-p p,.cta2-t p{font-size:17.5px!important}}

/* ===== ЄДИНА ТИПОГРАФІКА ДЛЯ ЛЕГКОГО ЧИТАННЯ ===== */
:root{--fs-body:19px;--fs-label:15px}
body{font-weight:430}
/* увесь основний текст — один розмір */
p,li,.why,.au p,.au li,.w p,.b p,.post p,.pc p,.prs-s p,.fl-f p,.ac-p p,.cta2-t p,.w5 p,.svl li,
.qa1 span,.gd small,.cr,.res .recs li,.fx,.ac-p .fx,.cta2-alt,.cta2-alt a,.start span span,.disc,.p3 p,.b3 p,.mdl-sub,.post .r,.svm,.prs-s .rd{
  font-size:var(--fs-body)!important;line-height:1.6!important}
.post.sm p{font-size:var(--fs-body)!important;-webkit-line-clamp:5}
.qa1 span{display:block;margin-top:2px}
.qq{line-height:1.2!important}
/* усі підписи-мітки — читабельні, одним шрифтом сайту */
.mono,.k,.qhead,.ac-t small,.idx-l,.idx-s,.cat,.chip,.fl-t .mono,.post .mono,.prs-h .mono,.prs-s .mono{
  font-family:"Advent Pro",Arial,sans-serif!important;font-size:var(--fs-label)!important;font-weight:600!important;letter-spacing:.12em!important}
.ac-n,.gd .fi text{font-family:"JetBrains Mono",monospace}
.tagc a,.pc li,.usp span{font-size:16px!important}
@media (max-width:640px){:root{--fs-body:17.5px;--fs-label:14px}}
/* ===== МЕНЮ +7% ===== */
.nav{gap:7.5px;padding:7.5px 7.5px 7.5px 19px}
@media (min-width:981px){.nav{top:44px}}
.nav .em{width:21.5px}
.nav ul a{padding:10.7px 16px;font-size:17.6px}
.nav .go{padding:11.8px 21.4px;font-size:16.5px}
@media (min-width:981px) and (max-width:1180px){.nav ul a{padding:9.6px 11.8px;font-size:16.6px}}
@media (max-width:980px){
  .nav{gap:5px;padding:5.5px 5.5px 5.5px 15px}
  .nav .go{padding:13px 19px;font-size:16px}
  .mb{height:47px!important;padding:0 17px 0 13px}
  .mb .mbt{font-size:16px}
  .mb .mbi{width:19px;height:13px}
  .ms-in>a{font-size:25.5px}
  .ms-in{bottom:calc(92px + env(safe-area-inset-bottom))}
}
.bento{grid-auto-rows:minmax(150px,auto)}
.svl{gap:4px}
.svl li{line-height:1.4!important}

/* ЦИТАТА — редакційний формат */
.qx{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center;margin:0 0 28px;padding:48px 56px;border-radius:28px;background:#fff;border:1px solid rgba(27,28,30,.08);box-shadow:0 1px 2px rgba(27,28,30,.04),0 30px 70px -44px rgba(27,28,30,.3)}
.qx-ph{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#ececea}
.qx-ph img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.05)}
.qx-ph::after{content:"";position:absolute;left:0;bottom:0;width:4px;height:42%;background:#f5053d}
.qx-b{position:relative;padding-left:34px;border-left:2px solid #f5053d}
.qx-m{position:absolute;left:24px;top:-58px;font-size:150px;line-height:1;color:#f5053d;font-weight:500;opacity:.9}
.qx blockquote{margin:0}
.qx blockquote p{font-size:clamp(26px,2.5vw,36px)!important;line-height:1.38!important;font-weight:400;color:var(--char);letter-spacing:-.005em}
.qx figcaption{display:flex;flex-direction:column;gap:4px;margin-top:30px}
.qx figcaption b{font-size:21px;font-weight:600}
.qx figcaption span{font-size:var(--fs-body)!important;color:#6f6f6b}
/* цінності */
.vx{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vx-c{padding:34px 32px;display:flex;flex-direction:column}
.vx-c:hover{transform:none}
.vx-l{display:block;width:36px;height:2px;background:#f5053d;margin-bottom:24px}
.vx-c h3{font-size:26px;line-height:1.18;font-weight:500;margin-bottom:14px}
.vx-c p{color:var(--muted)}
@media (max-width:980px){
  .qx{grid-template-columns:1fr;gap:28px;padding:28px 22px}
  .qx-ph{max-width:240px;aspect-ratio:1/1}
  .qx-b{padding-left:22px}
  .qx-m{left:14px;top:-40px;font-size:100px}
  .vx{grid-template-columns:1fr}
}

.acc2{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
.acc2 .acc{max-width:none}
.ac-p>div{padding-right:8px!important}
@media (max-width:980px){.acc2{grid-template-columns:1fr}.acc2 .acc+.acc{border-top:0}}

/* блог: автор як дата, напівжирний */
.post .r{display:flex;justify-content:space-between;align-items:center;gap:12px}
.post .r .pau{color:#6f6f6b;font-weight:600}
.post .r .rd2{color:#f5053d;white-space:nowrap}
/* цитата — скромніше */
.qx{grid-template-columns:168px 1fr!important;gap:40px!important;padding:36px 44px!important;box-shadow:0 1px 2px rgba(27,28,30,.04),0 18px 44px -34px rgba(27,28,30,.25)!important;border-color:rgba(27,28,30,.1)!important}
.qx-ph{aspect-ratio:1/1!important;border-radius:50%!important;width:168px}
.qx-ph img{filter:none!important}
.qx-ph::after{display:none}
.qx-b{border-left-width:1.5px!important;padding-left:30px!important}
.qx-m{font-size:96px!important;top:-34px!important;left:22px!important}
.qx blockquote p{font-size:clamp(22px,2vw,28px)!important;line-height:1.45!important}
.qx figcaption{margin-top:22px!important}
.qx figcaption b{font-size:19px!important}
@media (max-width:980px){.qx{grid-template-columns:1fr!important;padding:26px 22px!important;gap:22px!important}.qx-ph{width:96px}.qx-m{font-size:72px!important;top:-26px!important;left:12px!important}}

/* СЛОВО ПАРТНЕРІВ — слайдер */
.qz{position:relative;margin:0 0 28px;padding:44px 48px 28px;border-radius:24px;background:#fff;border:1px solid rgba(27,28,30,.1);box-shadow:0 1px 2px rgba(27,28,30,.04),0 18px 44px -34px rgba(27,28,30,.25);overflow:hidden}
.qz-m{position:absolute;right:40px;top:6px;font-size:190px;line-height:1;color:#f5053d;opacity:.12;font-weight:500;pointer-events:none}
.qz-w{display:grid}
.qs{grid-area:1/1;display:grid;grid-template-columns:184px 1fr;gap:44px;align-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 1s cubic-bezier(.22,.9,.24,1),transform 1.1s cubic-bezier(.22,.9,.24,1),visibility 1s}
.qs.on{opacity:1;visibility:visible;transform:none}
.qs-ph{width:184px;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:#ececea}
.qs-ph img{width:100%;height:100%;object-fit:cover;object-position:center top}
.qs-pr{font-size:var(--fs-label)!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f5053d;margin-bottom:14px}
.qs blockquote{margin:0}
.qs blockquote p{font-size:clamp(21px,1.9vw,26px)!important;line-height:1.5!important;color:var(--char);font-weight:400}
.qs figcaption{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:18px}
.qs figcaption b{font-size:19px;font-weight:600}
.qs figcaption span{font-size:var(--fs-body)!important;color:#6f6f6b}
.qz-t{display:flex;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(27,28,30,.08)}
.qt{flex:1;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;text-align:left;position:relative;transition:background .6s}
.qt img{width:34px;height:34px;border-radius:10px;object-fit:cover;object-position:top;filter:grayscale(1);opacity:.6;transition:filter .6s,opacity .6s}
.qt span{font-size:16px;color:#8a8a85;font-weight:500;transition:color .6s}
.qt i{position:absolute;left:10px;right:10px;bottom:0;height:2px;background:rgba(27,28,30,.06);border-radius:2px;overflow:hidden}
.qt i b{display:block;height:100%;width:0;background:#f5053d}
.qt.on img{filter:none;opacity:1}.qt.on span{color:var(--char)}
.qt:hover{background:rgba(27,28,30,.03)}
@media (max-width:980px){
  .qz{padding:26px 20px 18px}
  .qs{grid-template-columns:1fr;gap:18px}
  .qs-ph{width:96px}
  .qz-m{font-size:120px;right:16px}
  .qt span{display:none}.qt{flex:none}.qz-t{justify-content:center}
}
/* БЛОГ — головна стаття горизонтально на всю ширину */
.post.big{grid-column:span 12!important;grid-row:auto!important;display:grid!important;grid-template-columns:1.1fr 1fr;gap:12px 56px;padding:40px 44px!important;min-height:0!important}
.post.big .mono{grid-column:1/-1}
.post.big h3{grid-column:1;font-size:clamp(30px,2.8vw,42px)!important;margin:6px 0 0!important;line-height:1.15}
.post.big p{grid-column:2;grid-row:2/span 2;margin:10px 0 0!important;font-size:var(--fs-body)!important}
.post.big .r{grid-column:1;align-self:end;justify-content:flex-start!important;gap:22px!important;padding-top:26px}
.post.sm{grid-column:span 3!important}
.pav{width:36px;height:36px;border-radius:10px;object-fit:cover;object-position:top;flex:none}
.post .r{gap:10px}
.post .r .pau{display:flex;align-items:center;gap:10px}
@media (max-width:980px){.post.big{grid-template-columns:1fr;padding:26px!important}.post.big p{grid-column:1;grid-row:auto}.post.big .r{grid-column:1}.post.sm{grid-column:span 2!important}}
.post.sm .rd2{display:none}
.post.sm .r .pau{font-size:17px}
.post.sm{padding:26px!important}

/* ===== КОНЦЕПТ 8 ===== */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h2.lbl{font-size:15px!important;line-height:1.3!important;margin:0!important;max-width:none}
.sh:has(> div > h2.lbl:only-child){margin-bottom:22px}
/* ієрархія: bento лише в «Суть» і «Практики»; решта — чисті колонки без карток */
.aud{gap:0 48px!important}
.au{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:26px 0 0!important;border-top:1px solid rgba(27,28,30,.16)!important;min-height:0!important}
.au .ic{background:none!important;width:auto;height:auto;margin-bottom:18px;justify-content:flex-start}
.vx{gap:0 48px!important}
.vx-c{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:26px 0 0!important;border-top:1px solid rgba(27,28,30,.16)!important}
.vx-l{display:none}
.vx-c h3{margin-bottom:12px}
/* БЛОГ: три рівні колонки */
.bl3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px}
.bp{display:flex;flex-direction:column;padding-top:24px;border-top:1px solid rgba(27,28,30,.16);transition:border-color .6s}
.bp-m{font-size:var(--fs-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6f6f6b}
.bp-m b{color:#f5053d;font-weight:600}
.bp h3{font-size:25px;line-height:1.22;font-weight:500;margin:14px 0 12px;transition:color .6s}
.bp p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bp-a{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px}
.bp-a .pau{display:flex;align-items:center;gap:10px;color:#6f6f6b;font-weight:600;font-size:17px}
.bp-a .rd2{color:#f5053d;white-space:nowrap;font-size:17px}
@media (hover:hover){.bp:hover{border-color:#f5053d}.bp:hover h3{color:#f5053d}}
/* СКРИНІНГ */
.urg{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center;padding:26px 30px;margin-bottom:22px;border-radius:24px;background:#1b1c1e;color:#fff}
.urg-t b{display:block;font-size:24px;font-weight:500;line-height:1.2}
.urg-t span{display:block;margin-top:8px;color:rgba(255,255,255,.75);font-size:var(--fs-body)}
.urg-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.urg .gd{margin:0;background:#fff;color:var(--char);border:0!important;align-items:center;flex-wrap:wrap}
.urg .gd small{color:#6f6f6b!important;font-size:15px!important;line-height:1.4!important}
.gdl{margin-left:auto;font-size:15px;color:#f5053d;font-weight:600;white-space:nowrap}
.scr{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}
.qcard{padding:34px;min-height:0}
.qhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.qback{font-size:16px;font-weight:600;color:var(--char);padding:6px 12px;border-radius:999px;border:1px solid rgba(27,28,30,.16);letter-spacing:0}
.qback:disabled{opacity:.35;cursor:default}
.qq{outline:none}
.qq:focus-visible{outline:2px solid #f5053d;outline-offset:6px;border-radius:6px}
.qa button.sel{border-color:var(--char)!important;background:#1b1c1e!important;color:#fff}
.qa button.sel kbd{color:#fff;border-color:rgba(255,255,255,.4)}
.qa button:focus-visible,.start button:focus-visible,.cpause:focus-visible,.slot input:focus-visible+span{outline:2px solid #f5053d;outline-offset:3px}
.rblk{margin-top:22px}
.rblk h4{font-size:var(--fs-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6f6f6b;margin-bottom:10px}
.att{list-style:none;display:grid;gap:8px}
.att li{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;background:#fafafa;border:1px solid rgba(27,28,30,.1)}
.att li.ok,.att li.more{display:block}
.av{flex:none;font-size:13px!important;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}
.av.v0{background:rgba(245,5,61,.1);color:#b0002a}.av.v1{background:rgba(27,28,30,.07);color:#4d4d4a}
.recs{list-style:decimal;padding-left:22px;display:grid;gap:8px;margin:0!important}
.recs li{display:list-item!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.lim{margin-top:18px;padding:12px 14px;border-left:2px solid #f5053d;background:#fafafa;color:#4d4d4a;font-size:16px!important}
.res .acts,#qres .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.qside .score{padding:28px}
.pnote{margin-top:12px;color:#6f6f6b;font-size:16px!important}
.cats{margin-top:22px}
/* кнопка паузи каруселей */
.cpause{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(27,28,30,.16);display:inline-flex;align-items:center;justify-content:center;background:#fff}
.cpause svg{width:14px;height:14px;fill:var(--char)}
.cpause .pl{display:none}.cpause.paused .pa{display:none}.cpause.paused .pl{display:block}
.qz-t{align-items:center}
/* МОДАЛЬНЕ ВІКНО: дата і час */
.mdl{padding:16px!important}
.mdl-box{max-width:600px!important;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mf2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mdl fieldset{border:0;padding:0;margin:0;min-width:0}
.mdl legend{font-size:14px;color:var(--muted);margin-bottom:6px;padding:0}
.fmt{display:flex;flex-wrap:wrap;gap:6px;align-content:end}
.fmt legend{width:100%}
.fmt label,.slot{position:relative}
.mdl .fmt input,.mdl .slot input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;padding:0}
.mdl .fmt label span,.mdl .slot span{margin:0;color:var(--char);display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid rgba(27,28,30,.16);background:#fff;font-size:16px;cursor:pointer;transition:background .4s,border-color .4s,color .4s}
.mdl .fmt input:checked+span,.mdl .slot input:checked+span{background:#1b1c1e;border-color:#1b1c1e;color:#fff}
.slots>div{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.mdl .slot span{width:100%;padding:0}
.mdl-err{min-height:1.2em;color:#b0002a;font-size:15px!important;margin:0}
.mdl-note{font-size:14px!important;color:#6f6f6b;text-align:center;margin:0}
@media (max-width:640px){.mf2{grid-template-columns:1fr}.slots>div{grid-template-columns:repeat(3,1fr)}}
@media (max-height:560px){.mdl{align-items:flex-start!important}}
/* ===== АДАПТИВ ===== */
@media (max-width:980px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .urg{grid-template-columns:1fr;padding:22px}
  .scr{grid-template-columns:1fr}
  .bl3{grid-template-columns:1fr 1fr;gap:28px 32px}
  .bl3 .bp:nth-child(3){grid-column:1/-1}
}
@media (min-width:641px) and (max-width:980px){
  section{padding:64px 0}
  .aud{grid-template-columns:1fr 1fr!important;gap:28px 32px!important}
  .aud .au:nth-child(3){grid-column:1/-1}
  .vx{grid-template-columns:1fr 1fr!important;gap:28px 32px!important}
  .vx .vx-c:nth-child(3){grid-column:1/-1}
  .pg{grid-template-columns:1fr 1fr!important}
  .pg>*{grid-column:span 1!important}
  .pg>.p1{grid-column:1/-1!important}
  .pg>*:last-child:nth-child(even){grid-column:1/-1!important}
  .acc2{grid-template-columns:1fr 1fr!important;gap:0 32px!important}
  .fg{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .urg-g{grid-template-columns:1fr}
  .bl3{grid-template-columns:1fr}
  .bl3 .bp:nth-child(3){grid-column:auto}
  .qcard{padding:22px}
  .aud,.vx{gap:24px!important}
}
@media (max-width:420px){.offs{grid-template-columns:1fr!important}}
@media (min-width:981px) and (max-width:1180px){
  .offs{grid-template-columns:1fr 1fr!important;gap:22px 0}
  .off{padding:0 18px!important}.off:nth-child(3){border-left:0!important;padding-left:0!important}
  .bl3{gap:0 32px}
}

/* ===== КОНЦЕПТ 9 ===== */
@media (max-width:640px){.b2 h3,.b2 .mono{padding-right:64px}}
.sh h2{margin-top:0}
.prs{clip-path:inset(0 round 36px)}
.p3 .ic{flex:none}
.scr-h{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:end;margin-bottom:28px}
.scr-h h2{font-size:clamp(38px,4.2vw,64px);line-height:1;font-weight:500;letter-spacing:-.02em}
.scr-m{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(27,28,30,.14);padding:0;margin:0}
.scr-m li{padding:14px 0 2px;font-size:15px;color:var(--muted);line-height:1.3}
.scr-m li+li{padding-left:18px;border-left:1px solid rgba(27,28,30,.1)}
.scr-m b{display:block;font-size:34px;font-weight:500;color:var(--char);line-height:1;margin-bottom:6px}
.urg{grid-template-columns:1.35fr 1fr!important;gap:16px!important;padding:12px!important;margin-bottom:16px}
.urg-t{padding:18px 20px}
.urg-g{grid-template-columns:1fr!important;gap:8px!important}
.urg .gd{flex-wrap:nowrap;padding:12px 16px}
.urg .gd>span:nth-child(2){flex:1;min-width:0}
.urg .gdl{flex:none;margin-left:12px;white-space:nowrap}
.scr{align-items:stretch!important}
.qside{height:100%}
.qside .score{flex:1;display:flex;flex-direction:column}
.qside .cats{margin-top:auto;padding-top:22px}
@media (max-width:980px){
  .scr-h{grid-template-columns:1fr;gap:20px}
  .urg{grid-template-columns:1fr!important}
  .urg-t{padding:10px 10px 4px}
  .qside{height:auto}
}
@media (min-width:641px) and (max-width:980px){.urg-g{grid-template-columns:1fr 1fr!important}.urg .gd{flex-wrap:wrap}}
@media (max-width:980px){.prs{clip-path:inset(0 round 26px)}.pc{border-radius:20px!important}}
@media (max-width:640px){.urg .gd{display:grid!important;grid-template-columns:40px 1fr;column-gap:14px;row-gap:8px;align-items:start}.urg .gd .fi{grid-row:1/3}.urg .gdl{margin:0;grid-column:2}}
@media (max-width:420px){.scr-m b{font-size:28px}.scr-m li+li{padding-left:12px}}

/* ===== КОНЦЕПТ 10 ===== */
.faces .more{flex:none;width:48px;height:48px;margin-left:-14px;border-radius:50%;border:3px solid #fff;background:#1b1c1e;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;position:relative}
@media (min-width:981px){
  #blog .sh{flex-wrap:nowrap;align-items:flex-end}
  #bl-h{white-space:nowrap;max-width:none;font-size:clamp(42px,5vw,74px)}
  #blog .sh .btn{flex:none}
}
@media (min-width:981px) and (max-width:1180px){.faces .more{width:40px;height:40px;font-size:13px}}
@media (max-width:980px){
  .b3{gap:20px!important}
  .b3 .faces{display:flex;width:100%;max-width:440px}
  .b3 .faces img,.b3 .faces .more{flex:1 1 0;min-width:0;max-width:none;width:auto;height:auto;aspect-ratio:1;margin:0 0 0 -4%;border:3px solid #fff;position:relative;box-sizing:border-box}
  .b3 .faces>*:first-child{margin-left:0}
  .b3 .faces>*:nth-child(1){z-index:6}.b3 .faces>*:nth-child(2){z-index:5}.b3 .faces>*:nth-child(3){z-index:4}.b3 .faces>*:nth-child(4){z-index:3}.b3 .faces>*:nth-child(5){z-index:2}
  .b3 .faces .more{font-size:clamp(15px,4.4vw,22px)}
  .b3>div:last-child{width:100%}
}
@media (min-width:981px){.b3 .faces img,.faces .more{width:44px;height:44px;margin-left:-12px}.b3 .faces img:first-child{margin-left:0}}

/* ===== КОНЦЕПТ 11 ===== */
/* hero: текст одразу, без анімації */
.hero h1 .ln>span{transform:none!important;animation:none!important}
.kick{opacity:1!important;animation:none!important}
/* ризики: плавна ненав'язлива поява */
.rw{animation:rwIn 1.8s cubic-bezier(.22,.9,.24,1) backwards}
@keyframes rwIn{from{opacity:0;filter:blur(6px);scale:.88}}
/* решта блоків: ледь помітна поява */
.rv{transform:translateY(12px);transition:opacity .9s ease,transform 1s cubic-bezier(.22,.9,.24,1)}
.stg>*{transform:translateY(14px);transition:opacity .9s ease,transform 1s cubic-bezier(.22,.9,.24,1)}
/* другий екран: помітна вступна анімація плиток */
.bento.stg{perspective:1400px}
.bento.stg>*{opacity:0;transform:translateY(80px) rotateX(14deg) scale(.93);filter:blur(10px);transform-origin:50% 100%;
  transition:opacity 1.1s ease,transform 1.5s cubic-bezier(.16,1,.3,1),filter 1.1s ease}
.bento.stg.in>*{opacity:1;transform:none;filter:none}
.bento.stg.in>*:nth-child(1){transition-delay:0s}.bento.stg.in>*:nth-child(2){transition-delay:.13s}.bento.stg.in>*:nth-child(3){transition-delay:.26s}
.bento.stg.in>*:nth-child(4){transition-delay:.39s}.bento.stg.in>*:nth-child(5){transition-delay:.52s}.bento.stg.in>*:nth-child(6){transition-delay:.65s}
.bento .b h3,.bento .b p,.bento .b .mono,.bento .svl li,.bento .prs-f,.bento .svm{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.9,.24,1)}
.bento.stg.in .b h3,.bento.stg.in .b p,.bento.stg.in .b .mono,.bento.stg.in .svl li,.bento.stg.in .prs-f,.bento.stg.in .svm{opacity:1;transform:none}
.bento.stg.in>*:nth-child(1) :is(h3,p,.mono,.prs-f){transition-delay:.45s}
.bento.stg.in>*:nth-child(2) :is(h3,p,.mono){transition-delay:.6s}
.bento.stg.in>*:nth-child(3) :is(h3,p,.mono){transition-delay:.75s}
.bento.stg.in>*:nth-child(4) :is(h3,p,.mono){transition-delay:.9s}
.bento.stg.in>*:nth-child(5) :is(h3,p,.mono){transition-delay:1.05s}
.bento.stg.in>*:nth-child(6) :is(h3,p,.mono,.svm){transition-delay:1.2s}
.bento.stg.in .svl li:nth-child(1){transition-delay:1.25s}.bento.stg.in .svl li:nth-child(2){transition-delay:1.33s}.bento.stg.in .svl li:nth-child(3){transition-delay:1.41s}.bento.stg.in .svl li:nth-child(4){transition-delay:1.49s}.bento.stg.in .svl li:nth-child(5){transition-delay:1.57s}
.bento .faces>*{opacity:0;transform:translateX(-18px) scale(.8);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.bento.stg.in .faces>*{opacity:1;transform:none}
.bento.stg.in .faces>*:nth-child(1){transition-delay:.7s}.bento.stg.in .faces>*:nth-child(2){transition-delay:.78s}.bento.stg.in .faces>*:nth-child(3){transition-delay:.86s}.bento.stg.in .faces>*:nth-child(4){transition-delay:.94s}.bento.stg.in .faces>*:nth-child(5){transition-delay:1.02s}.bento.stg.in .faces>*:nth-child(6){transition-delay:1.1s}
.bento .b4 .pin{scale:0;transition:scale .7s cubic-bezier(.34,1.56,.64,1)}
.bento.stg.in .b4 .pin{scale:1}
.bento.stg.in .b4 .pin:nth-of-type(1){transition-delay:1s}.bento.stg.in .b4 .pin:nth-of-type(2){transition-delay:1.15s}.bento.stg.in .b4 .pin:nth-of-type(3){transition-delay:1.3s}.bento.stg.in .b4 .pin:nth-of-type(4){transition-delay:1.45s}
@media (prefers-reduced-motion:reduce){.bento.stg>*,.bento .b h3,.bento .b p,.bento .b .mono,.bento .svl li,.bento .prs-f,.bento .svm,.bento .faces>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.bento .b4 .pin{scale:1!important}}
/* скринінг: кнопка поруч з гайдами + прихована панель */
.scr-tg{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border-radius:10px;border:0;background:#f5053d;color:#fff;font:inherit;cursor:pointer;box-shadow:0 14px 30px -16px rgba(245,5,61,.7);transition:background .4s,transform .4s}
.scr-tg .st-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.scr-tg .st-ic svg{width:24px;height:24px}
.scr-tg .st-t{flex:1;min-width:0}
.scr-tg b{display:block;font-size:17px;font-weight:600;line-height:1.25}
.scr-tg small{display:block;margin-top:3px;font-size:15px;color:rgba(255,255,255,.82)}
.scr-tg .st-pl{flex:none;width:36px;height:36px;border-radius:50%;background:#fff;position:relative;transition:transform .5s cubic-bezier(.22,.9,.24,1)}
.scr-tg .st-pl::before,.scr-tg .st-pl::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:#f5053d;border-radius:2px}
.scr-tg .st-pl::after{transform:rotate(90deg)}
.scr-tg[aria-expanded="true"] .st-pl{transform:rotate(45deg)}
@media (hover:hover){.scr-tg:hover{background:#d80436}}
.scr-tg:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.scr-p{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .8s cubic-bezier(.22,.9,.24,1),opacity .6s ease}
.scr-p.open{grid-template-rows:1fr;opacity:1}
.scr-in{min-height:0;overflow:hidden}
.scr-pad{padding-top:40px}
.scr-p .scr-h{margin-bottom:22px}
@media (prefers-reduced-motion:reduce){.scr-p{transition:none}}

/* практики: компактніше на ~15% */
@media (min-width:1181px){.prs{padding:110px 0 108px!important}.prs .sh{margin-bottom:38px}.prs .sh h2{font-size:clamp(56px,5vw,76px)}.pg{grid-auto-rows:minmax(176px,auto)!important}}
.prs{padding:96px 0!important}
.prs .sh{margin-bottom:30px}
.prs .sh h2{font-size:clamp(36px,4.4vw,68px)}
.pg{gap:12px;grid-auto-rows:minmax(142px,auto)}
.pc{padding:24px 26px!important}
.pc .ic{width:44px;height:44px;border-radius:14px}.pc .ic svg{width:22px;height:22px}
.pc h3{font-size:30px;margin:18px 0 8px}
.p1 h3{font-size:clamp(32px,3vw,46px)!important}
.p3 h3{font-size:24px;margin:0}
.pc ul{padding-top:16px}
.pc .usp{margin-top:14px}
.pc .usp span{padding:8px 12px}
.pc li{padding:5px 10px}
@media (max-width:980px){.prs{padding:58px 0!important}.pc{padding:22px!important}.pc h3{font-size:26px}.p1 h3{font-size:32px!important}}
@media (max-width:640px){.prs{padding:50px 0!important}.pc{padding:22px!important}.pc h3{font-size:24px;margin:12px 0 6px}.p1 h3{font-size:28px!important}.pg>*{min-height:0!important}}

/* мобільні/планшет: кожна плитка з'являється, коли доходить до екрана */
@media (max-width:980px){
  .bento.stg.in>*:not(.tin){opacity:0;transform:translateY(60px) rotateX(10deg) scale(.95);filter:blur(8px)}
  .bento.stg.in>*{transition-delay:0s!important}
  .bento.stg.in>*:not(.tin) :is(h3,p,.mono,.prs-f,.svm,li),.bento.stg.in>*:not(.tin) .faces>*{opacity:0;transform:translateY(12px)}
  .bento.stg.in>* :is(h3,p,.mono,.prs-f,.svm){transition-delay:.3s!important}
  .bento.stg.in .faces>*,.bento.stg.in .svl li,.bento.stg.in .b4 .pin{transition-delay:.45s!important}
  .bento.stg.in>*:not(.tin) .pin{scale:0}
}

/* ===== КОНЦЕПТ 12: блок гайдів + скринінгу ===== */
.urg{display:grid!important;grid-template-columns:1.2fr 1fr!important;grid-template-areas:"t1 g" "hr hr" "t2 b";column-gap:48px!important;row-gap:0!important;align-items:center!important;padding:40px 44px!important;border-radius:28px}
.urg-t1{grid-area:t1;font-size:24px;line-height:1.4;font-weight:500;color:#fff;margin:0;max-width:560px}
.urg-t2{grid-area:t2;font-size:var(--fs-body,19px);line-height:1.55;color:rgba(255,255,255,.72);margin:0;max-width:560px}
.urg-hr{grid-area:hr;display:block;height:1px;background:rgba(255,255,255,.12);margin:32px 0}
.urg-g{grid-area:g;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.urg-b{grid-area:b}
.urg .gd{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:16px!important;padding:20px!important;height:100%;border-radius:14px!important;text-decoration:none;transition:transform .5s cubic-bezier(.22,.9,.24,1),box-shadow .5s}
.urg .gd .fi{width:34px;height:42px}
.urg .gd-t{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:space-between}
.urg .gd-t b{font-size:18px;font-weight:600;line-height:1.3;color:var(--char)}
.urg .gdl{margin:0!important;font-size:15px;font-weight:600;color:#f5053d;display:inline-flex;align-items:center;gap:6px}
.urg .gdl::after{content:"↓";font-size:15px}
@media (hover:hover){.urg .gd:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}}
.scr-tg{padding:18px 20px!important;border-radius:14px!important}
.scr-tg b{font-size:18px!important}
@media (max-width:980px){
  .urg{grid-template-columns:1fr!important;grid-template-areas:"t1" "g" "hr" "t2" "b";padding:28px 24px!important;row-gap:20px!important}
  .urg-hr{margin:8px 0}
  .urg-t1{font-size:21px;max-width:none}.urg-t2{max-width:none}
}
@media (max-width:640px){
  .urg{padding:24px 18px!important;border-radius:22px}
  .urg .gd{padding:16px!important;gap:12px!important}
  .urg .gd-t b{font-size:16.5px}
  .urg .gd{display:flex!important}
}
@media (max-width:980px){.urg{grid-template-columns:minmax(0,1fr)!important}.urg-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.urg>*{min-width:0}}
@media (max-width:640px){.urg .gdl{white-space:normal!important;font-size:14px;display:inline!important}.urg .gd-t b{font-size:16px}}
@media (max-width:360px){.urg-g{grid-template-columns:minmax(0,1fr)!important}}
/* плавне і красиве розгортання скринінгу */
.scr-p{opacity:1!important;transition:grid-template-rows 1.15s cubic-bezier(.65,.05,.25,1)!important}
.scr-p .scr-pad>*,.scr-p .scr>*{opacity:0;transform:translateY(34px) scale(.985);filter:blur(8px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,.9,.24,1),filter .7s ease}
.scr-p .scr-pad>.scr{opacity:1;transform:none;filter:none}
.scr-p.open .scr-pad>*,.scr-p.open .scr>*{opacity:1;transform:none;filter:none}
.scr-p.open .scr-h{transition-delay:.25s}
.scr-p.open .scr>*:nth-child(1){transition-delay:.42s}
.scr-p.open .scr>*:nth-child(2){transition-delay:.56s}
.scr-p.open .disc{transition-delay:.7s}
.scr-p:not(.open) .scr-pad>*,.scr-p:not(.open) .scr>*{transition-duration:.35s;transition-delay:0s}
.scr-p:not(.open){transition-duration:.8s!important}
@media (prefers-reduced-motion:reduce){.scr-p .scr-pad>*,.scr-p .scr>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

/* ===== КОНЦЕПТ 13: «Усі публікації» ===== */
.bl-c{margin-top:52px;display:flex;align-items:center;gap:28px}
.bl-c>i{flex:1;height:1px;background:rgba(27,28,30,.14)}
.bl-d{display:inline-flex;align-items:center;gap:14px;padding:7px 7px 7px 26px;border-radius:999px;background:#ecebe8;border:1px solid rgba(27,28,30,.06);color:#1b1c1e;font-size:16px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:background .45s,box-shadow .45s,transform .45s cubic-bezier(.22,.9,.24,1)}
.bl-d b{width:40px;height:40px;border-radius:50%;background:#f5053d;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:400;font-size:18px;transition:transform .45s cubic-bezier(.22,.9,.24,1)}
@media (hover:hover){.bl-d:hover{background:#e4e3df;transform:translateY(-2px);box-shadow:0 14px 26px -18px rgba(27,28,30,.45)}.bl-d:hover b{transform:translateX(3px)}}
.bl-d:focus-visible{outline:2px solid #f5053d;outline-offset:3px}
#blog .sh{justify-content:flex-start}
@media (max-width:640px){.bl-c{margin-top:36px;gap:16px}}
.bl-btn{flex:none;white-space:nowrap}

/* ===== КОНЦЕПТ 15: практики ===== */
@media (min-width:981px){
  .pg{grid-auto-rows:auto!important}
  .pg>.p1{grid-column:1/7!important;grid-row:1!important}
  .pg>.p2{grid-column:7/13!important;grid-row:1!important}
  .pg>.p5{grid-column:1/9!important;grid-row:2!important}
  .pg>.p6{grid-column:9/13!important;grid-row:2!important}
  .pg>.p4{grid-column:1/7!important;grid-row:3!important}
  .pg>.p3{grid-column:7/13!important;grid-row:3!important}
  .pg>.p3{flex-direction:column!important;align-items:flex-start!important;gap:0!important}
  .pg>.p3 h3{font-size:30px!important;margin:18px 0 8px!important}.pg>.p3 p{font-size:18px!important}
  .pc ul.vl{column-count:2;column-gap:32px}
  .pc ul.vl li{break-inside:avoid}
  .pc ul.vl li:nth-child(4){border-top:0}
}
.p1{background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(245,5,61,.16))!important}
.p1 h3{font-size:clamp(30px,2.6vw,38px)!important;line-height:1.1}
.pc ul.vl{display:block;padding-top:18px}
.pc ul.vl li{background:none;border:0;border-radius:0;padding:9px 0 9px 22px;position:relative;font-size:16px;line-height:1.4;border-top:1px solid rgba(255,255,255,.1)}
.pc ul.vl li:first-child{border-top:0}
.pc ul.vl li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:1.5px;background:#f5053d}
@media (max-width:640px){.p1 h3{font-size:28px!important}.pc ul.vl li{font-size:15.5px}}

/* ===== КОНЦЕПТ 16: практики (нова структура) ===== */
.pv{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.pv-c{position:relative;display:flex;flex-direction:column;padding:32px 34px 28px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:border-color .6s,background .6s,box-shadow .6s}
.p-crim{grid-column:span 7;background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(245,5,61,.13))}
.p-gov{grid-column:span 5}
.p-biz{grid-column:span 5}
.p-fin{grid-column:span 7}
.p-priv{grid-column:span 12;background:#fff;color:var(--char);border-color:#fff}
.pv-top{display:flex;align-items:center;gap:14px}
.pv-ic{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex:none}
.pv-ic svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:1.5}
.p-priv .pv-ic{background:#f4f3f0}.p-priv .pv-ic svg{stroke:#f5053d}
.pv-n{font-family:"JetBrains Mono",monospace;font-size:14px;letter-spacing:.14em;color:rgba(255,255,255,.4)}
.p-priv .pv-n{color:#a3a39d}
.pv-24{margin-left:auto;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;border:1px solid rgba(245,5,61,.45);background:rgba(245,5,61,.12);font-size:14px;font-weight:600;letter-spacing:.08em}
.pv-24 i{width:8px;height:8px;border-radius:50%;background:#f5053d;box-shadow:0 0 0 0 rgba(245,5,61,.6);animation:pv24 2.2s ease-out infinite}
@keyframes pv24{0%{box-shadow:0 0 0 0 rgba(245,5,61,.55)}70%,100%{box-shadow:0 0 0 10px rgba(245,5,61,0)}}
.pv-k{margin-top:22px;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#f5053d}
.pv-c h3{margin:10px 0 0;font-size:clamp(26px,2.2vw,32px);line-height:1.12;font-weight:500;letter-spacing:-.01em;max-width:620px}
.pv-i{margin-top:14px;color:rgba(255,255,255,.74)!important;max-width:680px}
.p-priv .pv-i{color:var(--muted)!important}
.pv-l{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:0}
.pv-l li{padding:12px 0 12px 24px;border-top:1px solid rgba(255,255,255,.1);position:relative;font-size:17px;line-height:1.5}
.pv-l li::before{content:"";position:absolute;left:0;top:23px;width:11px;height:1.5px;background:#f5053d}
.pv-l b{display:block;font-weight:600;color:#fff}
.pv-l span{display:block;color:rgba(255,255,255,.66)}
.p-priv .pv-l li{border-color:rgba(27,28,30,.1)}.p-priv .pv-l b{color:var(--char)}.p-priv .pv-l span{color:var(--muted)}
.p-priv .pv-l{grid-template-columns:repeat(4,1fr);column-gap:28px}
.p-priv .pv-l li{padding-left:0}.p-priv .pv-l li::before{top:-1px;width:28px;height:2px}
.p-priv .pv-l li{border-top:1px solid rgba(27,28,30,.12);padding-top:18px}
.p-priv{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);column-gap:48px;align-items:start}
.p-priv>.pv-top,.p-priv>.pv-k,.p-priv>h3,.p-priv>.pv-i{grid-column:1}
.p-priv>.pv-l{grid-column:2;grid-row:1/6;margin-top:0;align-self:center}
.p-priv>.pv-more{grid-column:1}
.pv-more{margin-top:auto;padding-top:22px;font-size:15px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:10px;opacity:.85}
.pv-more i{font-style:normal;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;transition:background .45s,border-color .45s,transform .45s}
.p-priv .pv-more{color:var(--char)}.p-priv .pv-more i{border-color:rgba(27,28,30,.2)}
@media (hover:hover){.pv-c:hover{border-color:rgba(255,255,255,.28);box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}.pv-c:hover .pv-more i{background:#f5053d;border-color:#f5053d;transform:translateX(3px)}.p-priv:hover{border-color:#fff}.p-priv:hover .pv-more i{color:#fff}}
.pv-c:focus-visible{outline:2px solid #f5053d;outline-offset:3px}
@media (max-width:1180px){.p-priv .pv-l{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){
  .pv{grid-template-columns:1fr}
  .pv-c{grid-column:auto!important;padding:26px 24px 24px}
  .p-priv{display:flex}
  .p-priv .pv-l{margin-top:22px;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .pv-c{padding:22px 20px;border-radius:20px}
  .pv-c h3{font-size:25px}
  .pv-l li{font-size:16px;padding:12px 0 12px 22px}.pv-l li::before{top:23px}
  .p-priv .pv-l{grid-template-columns:1fr}
  .p-priv .pv-l li{padding-left:0}
  .pv-24{padding:6px 11px;font-size:13px}
}
@media (max-width:640px){.pv-l span{display:none}.pv-l li{padding:10px 0 10px 22px}.pv-l li::before{top:21px}.p-priv .pv-l li{padding:14px 0 4px}}
@media (prefers-reduced-motion:reduce){.pv-24 i{animation:none}}

.pv-c,.pvt-h{transition:background .5s ease,border-color .5s ease,box-shadow .6s ease,transform .6s cubic-bezier(.22,.9,.24,1)!important}
@media (hover:hover){
 .pv-c:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.34)!important;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 70px -36px rgba(255,255,255,.22)!important;transform:translateY(-3px)}
 .p-crim:hover{background:linear-gradient(155deg,rgba(255,255,255,.16),rgba(245,5,61,.2))!important}
 .p-priv:hover{background:#fff!important;border-color:#fff!important;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 30px 70px -30px rgba(255,255,255,.35)!important}
}

.pvt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);grid-template-rows:repeat(5,auto) 1fr;column-gap:14px;row-gap:10px}
.pvt-i{display:contents}
.pvt-h{grid-column:1;grid-row:var(--r);display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font:inherit;cursor:pointer}
.pvt-h .pv-ic{width:42px;height:42px}
.pvt-t{flex:1;font-size:19px;line-height:1.3;font-weight:500}
.pvt-a{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);position:relative;flex:none;transition:transform .5s,background .5s,border-color .5s}
.pvt-a::before{content:"→";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px}
.pvt-i.on .pvt-h{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.36)}
.pvt-i.on .pvt-a{background:#f5053d;border-color:#f5053d}
@media (hover:hover){.pvt-h:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3)}}
.pvt-b{grid-column:2;grid-row:1/7;display:none;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(245,5,61,.1));padding:34px 38px}
.pvt-i.on .pvt-b{display:block;animation:pvtIn .6s cubic-bezier(.22,.9,.24,1)}
@keyframes pvtIn{from{opacity:0;transform:translateY(10px)}}
.pvt-hd{display:flex;align-items:flex-start;gap:16px}.pvt-hd h3{flex:1;margin:0;font-size:clamp(26px,2.2vw,32px);line-height:1.12;font-weight:500}
.pvt .pv-l{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
.pvt .pv-l li:nth-child(2){border-top:1px solid rgba(255,255,255,.1)}
.pvt-go{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:15px;font-weight:600;color:#fff;text-decoration:none;opacity:.85}
.pvt-go i{font-style:normal;color:#f5053d}
@media (max-width:980px){
 .pvt{display:flex;flex-direction:column;gap:10px}
 .pvt-i{display:block}
 .pvt-b{border:0;background:none;padding:6px 6px 14px}
 .pvt-hd h3{display:none}.pvt-hd{justify-content:flex-start}
 .pvt .pv-l{grid-template-columns:1fr}
 .pvt-i.on .pvt-a{transform:rotate(90deg)}
}
@media (max-width:640px){.pvt .pv-l span{display:block!important}.pvt-t{font-size:17px}}

/* ===== КОНЦЕПТ 18: вкладки — рівна висота + плавні переходи ===== */
@media (min-width:981px){
 .pvt{position:relative;grid-template-columns:minmax(0,.86fr) minmax(0,1.6fr)!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;row-gap:10px!important;column-gap:16px!important}
 .pvt-h{position:relative;z-index:1;height:100%;background:transparent!important;border-color:rgba(255,255,255,.1)!important;padding:16px 20px;transition:border-color .6s ease,color .6s ease!important}
 .pvt-h .pv-ic{transition:background .6s ease}
 .pvt-t{color:rgba(255,255,255,.7);transition:color .6s ease}
 .pvt-i.on .pvt-t{color:#fff}
 .pvt-i.on .pvt-h{border-color:transparent!important}
 .pvt-i.on .pvt-h .pv-ic{background:rgba(245,5,61,.18)}
 .pvt-a{opacity:.5;transition:opacity .6s,background .6s,border-color .6s,transform .7s cubic-bezier(.22,.9,.24,1)!important}
 .pvt-i.on .pvt-a{opacity:1;transform:translateX(4px)}
 .pvt-ind{position:absolute;left:0;top:0;z-index:0;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.34);box-shadow:0 24px 50px -30px rgba(0,0,0,.8),inset 3px 0 0 #f5053d;pointer-events:none;
   transition:transform .75s cubic-bezier(.22,.9,.24,1),height .75s cubic-bezier(.22,.9,.24,1),opacity .4s}
 @media (hover:hover){.pvt-h:hover .pvt-t{color:#fff}.pvt-h:hover{border-color:rgba(255,255,255,.24)!important}}
 /* усі панелі в одній клітинці: висота = найвища панель = висота списку ліворуч */
 .pvt-b{display:block!important;grid-column:2!important;grid-row:1/6!important;opacity:0;visibility:hidden;transform:translateY(10px) scale(.992);filter:blur(4px);
   transition:opacity .45s ease,transform .6s cubic-bezier(.22,.9,.24,1),filter .45s ease,visibility 0s .6s;animation:none!important;padding:30px 34px!important}
 .pvt-i.on .pvt-b{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .7s ease .12s,transform .9s cubic-bezier(.22,.9,.24,1) .12s,filter .7s ease .12s,visibility 0s}
 .pvt .pv-l{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:30px;margin-top:18px}
 .pvt .pv-l li{padding:12px 0 12px 22px;font-size:16.5px}
 .pvt .pv-l li::before{top:22px}
 .pvt .pv-l li{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .7s cubic-bezier(.22,.9,.24,1)}
 .pvt-i.on .pv-l li{opacity:1;transform:none;transition-delay:calc(.28s + var(--d)*.07s)}
 .pvt .pv-i{margin-top:12px}
}
@media (min-width:981px){.pvt-b{background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(245,5,61,.09))}}
@media (max-width:980px){.pvt-b{background:none!important;border:0!important}}
@media (max-width:980px){.pvt-ind{display:none}
 .pvt-b{display:grid!important;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.22,.9,.24,1),opacity .5s;opacity:0;animation:none!important;padding:0 6px!important}
 .pvt-b>.pvt-in{min-height:0;overflow:hidden}
 .pvt-i.on .pvt-b{grid-template-rows:1fr;opacity:1;padding:6px 6px 14px!important}
 .pvt-a{transition:transform .5s cubic-bezier(.22,.9,.24,1),background .5s}
}
@media (prefers-reduced-motion:reduce){.pvt-ind,.pvt-b,.pvt .pv-l li{transition:none!important}}

@media (min-width:981px){
 .pvt-b{display:flex!important;flex-direction:column}
 .pvt-in{flex:1;display:flex;flex-direction:column;justify-content:center}
 .pvt .pv-l:not(:has(li:nth-child(5))){grid-template-columns:1fr!important}
 .pvt .pv-l:not(:has(li:nth-child(5))) li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:24px;align-items:baseline}
 .pvt .pv-l:not(:has(li:nth-child(5))) li:nth-child(2){border-top:1px solid rgba(255,255,255,.1)}
}

/* ===== КОНЦЕПТ 19: мобільна версія ===== */
.qt-s{display:none;font-style:normal}
/* нижнє меню: ширше і вище */
@media (max-width:980px){
  .nav{width:min(calc(100vw - 24px),480px);justify-content:space-between;gap:8px!important;padding:8px 8px 8px 18px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;border-radius:999px}
  .nav .em{width:24px!important}
  .mb{height:52px!important;padding:0 20px 0 16px!important}
  .mb .mbt{font-size:16px}
  .nav .go{flex:1;height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px!important;font-size:15.5px!important}
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}
@media (max-width:370px){.nav .go{font-size:14px!important;padding:0 14px!important}}
/* CTA на телефоні: спрощено */
@media (max-width:640px){
  .cta2{padding:34px 0 30px!important}
  .cta2-g{display:block!important;position:relative}
  .fold-wrap{position:absolute!important;right:18px;top:4px;width:64px!important;height:90px!important;perspective:none!important;margin:0!important;transform:rotate(7deg);pointer-events:none;z-index:0}
  .fold-wrap .fold{left:0!important;top:0!important;width:100%!important;transform:none!important;animation:none!important}
  .cta2-t{position:relative;z-index:1}
  .cta2 h2{font-size:38px!important;max-width:74%;margin-top:4px}
  .cta2-t>p{margin-top:16px;font-size:17px!important}
  .cta2-acts{max-width:none!important;margin-top:24px}
  .cta2-acts .btn{width:100%;justify-content:space-between}
  .cta2-alt{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:14px}
  .cta2-alt .dt{display:none}
  .cta2-alt a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 10px;border-radius:14px;border:1px solid rgba(27,28,30,.1);background:#fff;color:var(--char)!important;font-size:15px!important;font-weight:500;text-decoration:none;white-space:nowrap}
  .cta2-alt .ca-ph::before{content:"";width:16px;height:16px;flex:none;background:#f5053d;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
  .cta2-alt .ca-ml::before{content:"@";color:#f5053d;font-weight:600}
  .cta2-alt .ca-nt{grid-column:1/-1;text-align:center;font-size:14px!important;color:#8a8a85}
}
@media (max-width:380px){.cta2-alt{grid-template-columns:1fr}.cta2 h2{font-size:34px!important}}
/* цитати партнерів на телефоні */
@media (max-width:640px){
  .qz{padding:22px 20px 16px!important;border-radius:22px}
  .qz-m{font-size:96px!important;right:14px!important;top:0!important}
  .qs{grid-template-columns:64px 1fr!important;grid-template-areas:"ph cap" "q q";gap:16px 14px!important;align-items:center}
  .qs-b{display:contents}
  .qs-ph{grid-area:ph;width:64px!important;border-radius:18px!important}
  .qs figcaption{grid-area:cap;margin:0!important;display:block!important}
  .qs figcaption b{display:block;font-size:18px}
  .qs figcaption span{display:block;font-size:15px!important;line-height:1.35;margin-top:2px}
  .qs-pr{display:none}
  .qs blockquote{grid-area:q;border-left:2px solid #f5053d;padding-left:16px}
  .qs blockquote p{font-size:18px!important;line-height:1.55!important}
  .qz-t{margin-top:20px!important;padding-top:14px!important;gap:6px!important;justify-content:stretch!important}
  .qt{flex:1!important;justify-content:center;padding:8px 6px 12px!important;gap:7px!important}
  .qt img{width:26px!important;height:26px!important;border-radius:8px!important}
  .qt span{display:none!important}.qt-s{display:inline;font-size:14px;color:#8a8a85;font-weight:500;transition:color .6s}
  .qt.on .qt-s{color:var(--char)}
  .qt i{left:6px!important;right:6px!important}
}
@media (max-width:460px){.qt img{display:none}.qt-s{font-size:14.5px}.qt{min-width:0}.qt-s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:360px){.qt-s{font-size:12.5px}.qt{padding:8px 2px 12px!important}}

/* ===== WordPress-інтеграція ===== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.note{display:none!important}
@media (max-width:980px){html{margin-top:0!important}}
@media (min-width:981px){.admin-bar .nav{top:76px!important}}
.mdl-box button[disabled]{opacity:.6;cursor:progress}

/* v1.0.3: офіси у підвалі ширші на ~5% */
@media (min-width:981px){.fg{grid-template-columns:30.5% 1fr!important}}

/* ===== v1.0.4 ===== */
/* дубль блогу / стара модалка зі сніпетів попередньої головної */
#syn-home-grid,#syn-meet,.syn-grid{display:none!important}
@media (max-width:640px){
  /* «Кого ми захищаємо»: іконка і заголовок в один рядок */
  .au{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
  .au>*{grid-column:1/-1}
  .au>.ic{grid-column:1;margin:0!important}
  .au>h3{grid-column:2;margin:0!important}
  .au>p{margin-top:12px}
  /* послуги: без позначки 24/7 на телефоні */
  .pvt .pv-24,.pv-24{display:none!important}
  /* цитати партнерів: лаконічний перемикач — аватари + стрілки */
  .qz-t{justify-content:flex-start!important;align-items:center!important;gap:10px!important;margin-top:18px!important;padding-top:16px!important}
  .qt{flex:none!important;width:40px;height:40px;padding:0!important;border-radius:50%!important;justify-content:center;background:none!important}
  .qt img{display:block!important;width:36px!important;height:36px!important;border-radius:50%!important;filter:grayscale(1);opacity:.45;box-shadow:0 0 0 2px transparent;transition:opacity .5s,filter .5s,box-shadow .5s}
  .qt.on img{filter:none;opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px #f5053d}
  .qt span,.qt-s,.qt i{display:none!important}
  .qz-nav{display:flex!important;margin-left:auto;gap:8px;align-items:center}
  .qz-nav .qz-c{font-size:14px;color:#8a8a85;margin-right:4px;letter-spacing:.04em}
  .qz-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(27,28,30,.14);background:#fff;color:var(--char);font-size:17px;display:inline-flex;align-items:center;justify-content:center}
  .qz-nav button:active{background:#f4f3f0}
  /* «Розкажіть про вашу справу»: папка вище й лівіше, трохи виходить за межі блоку */
  #cta{padding-top:48px!important}
  .cta2{overflow:visible!important}
  .fold-wrap{top:-66px!important;right:40px!important;width:74px!important;height:104px!important;transform:rotate(8deg)!important;z-index:2!important}
}
@media (max-width:380px){.fold-wrap{right:24px!important;width:64px!important}.qz-nav .qz-c{display:none}}
.qz-nav{display:none}

/* ===== v1.0.5: цитати на телефоні — без великого фото, без стрілок; нова анімація ===== */
@media (max-width:640px){
  .qz-nav{display:none!important}
  .qs{grid-template-columns:1fr!important;grid-template-areas:"cap" "q"!important;gap:14px!important}
  .qs-ph{display:none!important}
  .qs figcaption{padding-right:56px}
  /* перехід: цитата «виїжджає» збоку з розмиттям, червона лінія виростає зверху */
  .qs{transform:translateX(28px)!important;filter:blur(6px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,.9,.24,1),filter .7s ease,visibility 0s .9s!important}
  .qs.on{transform:none!important;filter:none;transition:opacity .8s ease .1s,transform 1s cubic-bezier(.22,.9,.24,1) .1s,filter .8s ease .1s,visibility 0s!important}
  .qs blockquote{border-left:0!important;position:relative}
  .qs blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#f5053d;transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.22,.9,.24,1)}
  .qs.on blockquote::before{transform:scaleY(1);transition-delay:.35s}
  .qs figcaption{opacity:0;transform:translateY(6px);transition:opacity .6s,transform .7s cubic-bezier(.22,.9,.24,1)}
  .qs.on figcaption{opacity:1;transform:none;transition-delay:.2s}
  /* аватари-перемикачі по центру, активний трохи більший */
  .qz-t{justify-content:center!important;gap:14px!important}
  .qt{width:48px;height:48px}
  .qt img{transition:opacity .5s,filter .5s,box-shadow .5s,transform .6s cubic-bezier(.22,.9,.24,1)!important}
  .qt.on img{transform:scale(1.14)}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){.qs,.qs.on,.qs figcaption{transform:none!important;filter:none!important;transition:none!important}.qs blockquote::before{transform:none;transition:none}}

/* ===== v1.0.6 ===== */
/* підвал: колонки офісів ширші, більше повітря між ними */
@media (min-width:981px){.fg{grid-template-columns:25.5% 1fr!important}.off{padding:0 26px}.off:first-child{padding-left:0}}
/* вікно подяки: мінімалістично */
.mdl-ok{padding:44px 8px 30px!important}
.mdl-ok .ck{width:76px!important;height:76px!important;margin:0 auto 22px!important;background:none!important;border-radius:0!important}
.mdl-ok .ck svg{width:100%;height:100%;fill:none;stroke:#f5053d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mdl-ok .ck circle{stroke:rgba(245,5,61,.25);stroke-dasharray:151;stroke-dashoffset:151}
.mdl-ok .ck path{stroke-width:2.2;stroke-dasharray:40;stroke-dashoffset:40}
.mdl.sent .mdl-ok .ck circle{animation:okDraw .9s cubic-bezier(.22,.9,.24,1) forwards}
.mdl.sent .mdl-ok .ck path{animation:okDraw .6s cubic-bezier(.22,.9,.24,1) .55s forwards}
@keyframes okDraw{to{stroke-dashoffset:0}}
.mdl-ok h3{font-size:34px!important;font-weight:500;letter-spacing:-.01em}
.mdl-ok p{max-width:360px;margin:10px auto 0!important;font-size:17px!important;line-height:1.55;color:var(--muted)}
.mdl.sent .mdl-ok>*{animation:okIn2 .7s cubic-bezier(.22,.9,.24,1) both}.mdl.sent .mdl-ok>h3{animation-delay:.25s}.mdl.sent .mdl-ok>p{animation-delay:.38s}
@keyframes okIn2{from{opacity:0;transform:translateY(8px)}}
.mdl.sent .mdl-x{opacity:.6}
@media (prefers-reduced-motion:reduce){.mdl-ok .ck circle,.mdl-ok .ck path{stroke-dashoffset:0;animation:none!important}.mdl.sent .mdl-ok>*{animation:none!important}}
@media (max-width:640px){
  /* «Присутність»: вища плитка, міста не налазять на текст */
  .b4{min-height:340px!important}
  .b4 .pin:nth-of-type(1){top:36%!important}
  .b4 .pin:nth-of-type(2){top:27%!important}
  .b4 .pin:nth-of-type(3){top:42%!important}
  .b4 .pin:nth-of-type(4){top:52%!important}
  /* «Кого ми захищаємо»: без іконок */
  .au>.ic{display:none!important}
  .au>h3{grid-column:1/-1!important}
  /* послуги: стрілка відкритої вкладки прозора */
  .pvt-i.on .pvt-a{background:transparent!important;border-color:rgba(255,255,255,.28)!important}
  /* папка: трохи нижче й правіше */
  .fold-wrap{top:-52px!important;right:34px!important}
  /* форма: компактно, без e-mail, вибір часу колесом */
  .mdl-box{padding:24px 20px 20px!important}
  .mdl .mono.k{display:none}
  .mdl h2{font-size:28px!important;margin:0 48px 6px 0!important}
  .mdl-sub{font-size:15px!important;margin-bottom:14px!important}
  .mdl form{gap:10px!important}
  .mdl form>label:has(input[type=email]){display:none!important}
  .mdl input{padding:12px 14px!important}
  .mdl .mf2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .mdl .mf2:has(input[name=n]){grid-template-columns:1fr!important}
  .mdl .fmt{flex-wrap:nowrap}
  .mdl .fmt label span{min-height:46px!important;padding:0 12px!important;font-size:15px!important}
  .whl-w{position:relative;height:132px;border-radius:14px;border:1px solid rgba(27,28,30,.12);background:#fff;overflow:hidden;perspective:500px}
  .whl-w::before{content:"";position:absolute;left:8px;right:8px;top:44px;height:44px;border-radius:10px;background:#f3f2ef;pointer-events:none}
  .whl-w::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#fff,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,#fff)}
  .whl{position:relative;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;padding:44px 0;scrollbar-width:none;overscroll-behavior:contain;outline:none;-webkit-overflow-scrolling:touch}
  .whl::-webkit-scrollbar{display:none}
  .whl-i{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:20px;color:#8a8a85;font-variant-numeric:tabular-nums;transition:color .2s;cursor:pointer}
  .whl-i.on{color:var(--char);font-weight:600}
  .mdl-note{font-size:12.5px!important}
}
.mdl .slots>.whl-w{display:block!important}
.mdl.sent h2,.mdl.sent .mdl-sub,.mdl.sent .mono.k{display:none!important}
/* ===== v1.0.7 (мобільна) ===== */
@media (max-width:640px){
  /* перший екран: інтервали між заголовком, підзаголовком і кнопкою +10% */
  .hero .kick{margin-top:0!important;padding-top:4px}
  .hero .btns{margin-top:38px!important}
}
@media (max-width:980px){
  /* другий екран: плитки видно одразу, лише легка вхідна анімація */
  .bento.stg>*,.bento.stg.in>*,.bento.stg.in>*:not(.tin){opacity:1!important;transform:none!important;filter:none!important;transition:box-shadow .5s,border-color .5s!important;animation:bIn .8s cubic-bezier(.22,.9,.24,1) both}
  .bento.stg>*:nth-child(2){animation-delay:.06s}.bento.stg>*:nth-child(3){animation-delay:.12s}.bento.stg>*:nth-child(4){animation-delay:.18s}.bento.stg>*:nth-child(5){animation-delay:.24s}.bento.stg>*:nth-child(6){animation-delay:.3s}
  .bento .b h3,.bento .b p,.bento .b .mono,.bento .svl li,.bento .prs-f,.bento .svm,.bento .faces>*,
  .bento.stg.in>*:not(.tin) :is(h3,p,.mono,.prs-f,.svm,li),.bento.stg.in>*:not(.tin) .faces>*{opacity:1!important;transform:none!important;transition:none!important}
  .bento .b4 .pin,.bento.stg.in>*:not(.tin) .pin{scale:1!important;transition:none!important}
}
@keyframes bIn{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.bento.stg>*{animation:none!important}}

/* ===== v1.0.8 (мобільна) ===== */
@media (max-width:980px){
  /* перший екран: повністю білий фон */
  .hero,.hero::before{background:#fff!important}
  .hero::after,.hero .glow,.hero .field{display:none!important}
  body.synegor-home .aura{display:none!important}
}
@media (max-width:640px){
  /* форма: формат зустрічі не налазить на дату */
  .mdl .mf2:has(input[type=date]){grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end}
  .mdl input[type=date]{min-width:0;width:100%;-webkit-appearance:none;appearance:none;display:block;min-height:46px}
  .mdl .fmt{justify-self:end;gap:6px!important}
}

/* v1.1.2: герб у меню веде на головну */
.em-a{display:inline-flex;align-items:center;line-height:0;border-radius:10px}
.em-a:focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* v1.4.2: однакові заголовки сторінок (головна CTA, блог, команда) */
.bh h1,.th h1,#cta-h{font-size:clamp(40px,4.6vw,72px)!important;line-height:1.02!important;letter-spacing:-.025em!important;font-weight:500!important}
@media (max-width:980px){.bh h1,.th h1,#cta-h{font-size:clamp(38px,10.5vw,54px)!important}}
/* v1.4.2: папка на головній трохи правіше */
@media (min-width:1241px){.fold{left:20%}}
/* v1.4.2: без підсвітки за курсором у модальному вікні */
.mdl-box.gl::after{display:none!important}

/* v2.3.2: мобільний перший екран — вищий, з логотипом; статичний, з анімацією появи (як у фірмовому ролику) */
.hero-em{display:none}
@media (max-width:980px){
 .hero{min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);padding:70px 0 0!important;display:flex;flex-direction:column}
 .hero .in{flex:1;display:flex;flex-direction:column;justify-content:center}
 .hero .marq{margin-top:26px!important}
 .hero-em{display:inline-flex;flex-direction:column;align-items:center;align-self:flex-start;gap:12px;margin:0 0 30px}
 .hero-em .hem{display:block;height:116px;width:auto;aspect-ratio:1268/1956;overflow:visible}
 .hero-em path,.hero-em .w-l,.hero-em .w-r{transform-box:fill-box}
 .hero-em .a-pom,.hero-em .a-grip{animation:hA-drop 0.51s cubic-bezier(.2,.8,.2,1) 0.09s both;transform-origin:50% 0}
 .hero-em .a-grip{animation-delay:0.15s}
 .hero-em .a-guard{animation:hA-x 0.34s cubic-bezier(.2,.8,.2,1) 0.42s both;transform-origin:50% 50%}
 .hero-em .a-tl{animation:hA-x 0.3s cubic-bezier(.2,.8,.2,1) 0.61s both;transform-origin:100% 50%}
 .hero-em .a-tr{animation:hA-x 0.3s cubic-bezier(.2,.8,.2,1) 0.61s both;transform-origin:0 50%}
 .hero-em .a-sl,.hero-em .a-sr{animation:hA-y 0.34s cubic-bezier(.2,.8,.2,1) 0.77s both;transform-origin:50% 0}
 .hero-em .a-bl{animation:hA-in 0.3s ease-out 0.98s both;transform-origin:0 0}
 .hero-em .a-br{animation:hA-in 0.3s ease-out 0.98s both;transform-origin:100% 0}
 .hero-em .a-bd{animation:hA-y 0.3s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 0}
 .hero-em .a-b1{animation-delay:0.66s}.hero-em .a-b2{animation-delay:0.75s}.hero-em .a-b3{animation-delay:0.82s}.hero-em .a-b4{animation-delay:0.88s}.hero-em .a-b5{animation-delay:0.95s}.hero-em .a-b6{animation-delay:1.02s}
 .hero-em .a-s{animation:hA-s 0.42s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 50%}
 .hero-em .a-s1{animation-delay:1.1s}.hero-em .a-s2{animation-delay:1.19s}.hero-em .a-s3{animation-delay:1.26s}.hero-em .a-s4{animation-delay:1.33s}
}
@keyframes hA-drop{from{opacity:0;transform:translateY(-260%) scaleY(2.4)}to{opacity:1;transform:none}}
@keyframes hA-x{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
@keyframes hA-y{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}
@keyframes hA-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes hA-s{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes hA-w{from{opacity:0;transform:scaleX(1.35)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero-em path,.hero-em g{animation:none!important}}
/* v2.3: фон без «кружечків» (м'які плями давали смуги-кола на деяких екранах) */
.aura{display:none!important}

/* v2.3.4: герб у плитці «Наш підхід» — та сама анімація збирання, коли плитка з'являється на екрані */
.shw .sha{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sha path{transform-box:fill-box}
.shT.ready:not(.go) .sha path{opacity:0}
.shT.go .sha .a-pom,.shT.go .sha .a-grip{animation:hA-drop 0.51s cubic-bezier(.2,.8,.2,1) 0.09s both;transform-origin:50% 0}
.shT.go .sha .a-grip{animation-delay:0.15s}
.shT.go .sha .a-guard{animation:hA-x 0.34s cubic-bezier(.2,.8,.2,1) 0.42s both;transform-origin:50% 50%}
.shT.go .sha .a-tl{animation:hA-x 0.3s cubic-bezier(.2,.8,.2,1) 0.61s both;transform-origin:100% 50%}
.shT.go .sha .a-tr{animation:hA-x 0.3s cubic-bezier(.2,.8,.2,1) 0.61s both;transform-origin:0 50%}
.shT.go .sha .a-sl,.shT.go .sha .a-sr{animation:hA-y 0.34s cubic-bezier(.2,.8,.2,1) 0.77s both;transform-origin:50% 0}
.shT.go .sha .a-bl{animation:hA-in 0.3s ease-out 0.98s both;transform-origin:0 0}
.shT.go .sha .a-br{animation:hA-in 0.3s ease-out 0.98s both;transform-origin:100% 0}
.shT.go .sha .a-bd{animation:hA-y 0.3s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 0}
.shT.go .sha .a-b1{animation-delay:0.66s}.shT.go .sha .a-b2{animation-delay:0.75s}.shT.go .sha .a-b3{animation-delay:0.82s}.shT.go .sha .a-b4{animation-delay:0.88s}.shT.go .sha .a-b5{animation-delay:0.95s}.shT.go .sha .a-b6{animation-delay:1.02s}
.shT.go .sha .a-s{animation:hA-s 0.42s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 50%}
.shT.go .sha .a-s1{animation-delay:1.1s}.shT.go .sha .a-s2{animation-delay:1.19s}.shT.go .sha .a-s3{animation-delay:1.26s}.shT.go .sha .a-s4{animation-delay:1.33s}
@media (prefers-reduced-motion:reduce){.sha path{animation:none!important;opacity:1!important}}
/* v2.3.5: розвантажена мобільна головна — без плитки «Наш підхід» і трьох блоків після цитат партнерів */
@media (max-width:760px){#about .shT,#why .vx{display:none!important}}

/* v2.3.6: мобільний перший екран — герб ліворуч у рядок із заголовком, висотою як два рядки заголовка */
.hero-hd{display:contents}
@media (max-width:980px){
 .hero-hd{--f:clamp(36px,calc((100vw - 2 * var(--gut,18px) - 8px) / 7.3),88px);display:flex;align-items:center;gap:calc(var(--f)*.36);margin:0 0 34px}
 .hero-hd .hero-em{margin:0;display:block;flex:none}
 .hero-hd .hero-em .hem{height:calc(var(--f)*1.86);width:calc(var(--f)*1.86*.648)}
 .hero-hd h1{margin:0!important;font-size:var(--f)!important;min-width:0}
}
/* v2.3.6: блок цитат партнерів рівновіддалений від «Практик» і «Частих запитань» */
@media (max-width:760px){#why{padding-bottom:28px!important}}

/* v2.4: щит у «Наш підхід» — без мерехтіння: власний шар, ховається до старту ще до завантаження скрипта, після анімації — статичний */
html.sjs .shT:not(.go) .sha path{opacity:0}
.shw{will-change:transform;contain:paint;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.shT.done .sha path{animation:none!important;opacity:1!important;transform:none!important}
.bento.stg>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.bento.stg.rvd{perspective:none}

/* v2.5: ВИВІСКА ОФІСУ — під час прокрутки підсвітка плавно вмикається (--on: 0…1 задає скрипт) */
.sgn{padding:20px 0 0}
.sgn-f{position:relative;margin:0;aspect-ratio:3/1;border-radius:28px;overflow:hidden;background:#231a15;isolation:isolate;--on:0;--pz:0;
 box-shadow:0 1px 2px rgba(27,28,30,.06),0 40px 80px -50px rgba(27,28,30,.55)}
.sgn-l{position:absolute;inset:0;display:block}
.sgn-l img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.07 - var(--pz) * .07));transform-origin:50% 50%;will-change:transform}
.sgn-off img{filter:brightness(calc(.78 - var(--on) * .12)) saturate(.9)}
.sgn-on{opacity:var(--on)}
/* м'яке світіння на краях, коли вивіска увімкнена */
.sgn-f::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
 background:radial-gradient(60% 55% at 50% 48%,rgba(255,244,228,calc(var(--on) * .10)),rgba(255,244,228,0) 70%),linear-gradient(180deg,rgba(20,14,11,0) 55%,rgba(20,14,11,.62) 100%)}
.sgn-c{position:absolute;left:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);bottom:clamp(18px,2.6vw,34px);z-index:3;display:flex;align-items:flex-end;gap:10px 22px;flex-wrap:wrap;color:#fff;
 opacity:calc((var(--on) - .6) * 2.5);transform:translateY(calc((1 - var(--on)) * 12px))}
.sgn-k{flex-basis:100%;font:500 12px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.sgn-c b{font-weight:500;font-size:clamp(17px,1.6vw,22px);line-height:1.3;letter-spacing:.005em}
.sgn-c a{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 border:1px solid rgba(255,255,255,.22);color:#fff;font-size:15.5px;font-weight:500;transition:background .4s,color .4s}
.sgn-c a i{font-style:normal;transition:transform .4s}
@media (hover:hover){.sgn-c a:hover{background:#fff;color:#1d1d1b}.sgn-c a:hover i{transform:translateX(3px)}}
@media (max-width:980px){.sgn-f{border-radius:22px}}
@media (max-width:640px){
 .sgn-f{aspect-ratio:auto;display:grid;grid-template-rows:auto auto;background:#1b1c1e}
 .sgn-l{position:relative;grid-area:1/1;aspect-ratio:2.16/1}
 .sgn-f::after{bottom:auto;height:0;background:none}
 .sgn-c{position:relative;left:auto;right:auto;bottom:auto;grid-area:2/1;padding:16px 18px 18px;opacity:1;transform:none}
 .sgn-c a{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.sgn-f{--on:1!important;--pz:1!important}}