/* АдсМенеджер — общий стиль внутренних страниц (блог, статьи, инструкция, документы, 404) */
:root{
  --bg:#F5F6FA; --bg-2:#EEF0F7; --white:#fff;
  --ink:#0E1322; --ink-2:#4A5368; --ink-3:#8A93A6; --line:#E4E7EF; --line-2:#D5DAE6;
  --brand:#3855B1; --brand-600:#2D4696; --brand-400:#5C79DB; --brand-50:#EEF2FC; --brand-100:#DCE4F8;
  --navy:#0C1120; --navy-2:#131A2D; --navy-line:rgba(255,255,255,.09);
  --ok:#16A34A; --ok-2:#22C55E; --ok-50:#E7F7EE; --bad:#E5484D; --warn:#F5A524;
  --r-md:14px; --r-lg:22px; --r-xl:28px;
  --sh-1:0 1px 2px rgba(16,24,48,.04),0 2px 8px rgba(16,24,48,.04);
  --sh-2:0 2px 6px rgba(16,24,48,.04),0 12px 32px -8px rgba(16,24,48,.10);
  --sh-3:0 30px 70px -24px rgba(24,36,80,.28);
  --f:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{font-family:var(--f);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
ul{list-style:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono);font-feature-settings:"tnum"}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.12}
.h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.82rem;color:var(--brand);margin-bottom:14px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(56,85,177,.14)}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.98rem;padding:14px 26px;border-radius:14px;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn svg{width:16px;height:16px;transition:transform .2s}
.btn:hover svg{transform:translateX(3px)}
.btn-p{background:var(--brand);color:#fff;box-shadow:0 10px 24px -10px rgba(56,85,177,.7)}
.btn-p:hover{background:var(--brand-600);transform:translateY(-2px)}
.btn-o{background:var(--white);color:var(--ink);border:1.5px solid var(--line-2)}
.btn-o:hover{border-color:var(--brand);color:var(--brand)}
.btn-w{background:#fff;color:var(--navy)}
.btn-w:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(0,0,0,.5)}
.btn-sm{padding:10px 18px;font-size:.9rem;border-radius:12px}

/* логотипы и метки */
.lg{--c:#3855B1;width:34px;height:34px;border-radius:10px;background:var(--c);display:grid;place-items:center;flex-shrink:0;color:#fff;font-weight:700;font-size:.8rem}
.lg svg{width:58%;height:58%;fill:#fff}
.lg-raw{background:none}.lg-raw svg{width:100%;height:100%;fill:var(--c)}
.lg-sm{width:26px;height:26px;border-radius:8px;font-size:.62rem}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--brand-50);color:var(--brand);white-space:nowrap}
.c-rose{--tc:#D23C45;--tb:#FFECEE;--g1:#FFF1EC;--g2:#FFE1E5}
.c-sky{--tc:#1F7FB8;--tb:#E4F3FC;--g1:#E8F6FD;--g2:#D8E9FF}
.c-mint{--tc:#138A44;--tb:#E3F6EA;--g1:#E9F9F0;--g2:#D5F0E2}
.c-blue{--tc:#3855B1;--tb:#EAF0FF;--g1:#EEF2FF;--g2:#DCE5FB}
.c-lilac{--tc:#6B4FD8;--tb:#F0EBFF;--g1:#F3EEFF;--g2:#E3DDFF}
[class*="c-"] .tag,.tag[class*="c-"]{background:var(--tb);color:var(--tc)}

/* навигация */
.nav{position:sticky;top:0;z-index:100;background:rgba(245,246,250,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.nav.scrolled{border-bottom-color:var(--line);background:rgba(255,255,255,.9)}
.nav-in{height:72px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}
.brand img{width:32px;height:32px;border-radius:9px}
.brand b{color:var(--brand);font-weight:700}
.nav-links{display:flex;gap:4px;margin:0 auto}
.nav-links a{font-weight:500;font-size:.96rem;color:var(--ink-2);padding:8px 14px;border-radius:10px;transition:background .2s,color .2s}
.nav-links a:hover{background:var(--white);color:var(--ink)}
.nav-links a.active{color:var(--brand);background:var(--brand-50)}
.nav-links .new{position:relative}
.nav-links .new::after{content:"new";position:absolute;top:0;right:-2px;font-size:.58rem;font-weight:700;color:#fff;background:var(--brand);border-radius:6px;padding:1px 5px}
.nav-cta{display:flex;gap:10px}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:var(--white);border:1px solid var(--line);place-items:center}
.burger svg{width:20px;height:20px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round}
.mnav{display:none}

/* шапка страницы */
.page-hero{position:relative;padding:56px 0 44px;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 300px at 12% 0%,rgba(92,121,219,.14),transparent 70%),radial-gradient(520px 280px at 90% 20%,rgba(160,120,255,.11),transparent 70%)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 80% at 30% 0%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 30% 0%,#000 20%,transparent 70%)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;font-size:.88rem;color:var(--ink-3);margin-bottom:22px}
.crumbs a:hover{color:var(--brand)}
.crumbs span[aria-hidden]{opacity:.5}
.crumbs .cur{color:var(--ink-2)}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.3rem);max-width:880px}
.page-hero .sub{font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--ink-2);font-weight:400;max-width:640px;margin-top:16px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;font-weight:500;font-size:.92rem;color:var(--ink-3)}
.author{display:flex;align-items:center;gap:10px;color:var(--ink-2)}
.author .ava{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}
.meta i{width:4px;height:4px;border-radius:50%;background:var(--line-2)}

/* статья */
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;padding-bottom:80px}
.prose{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:52px 56px;box-shadow:var(--sh-1);min-width:0}
.prose>*+*{margin-top:18px}
.prose p,.prose li{font-size:1.07rem;line-height:1.75;color:#2A3144;font-weight:500}
.prose .lead{font-size:1.2rem;line-height:1.65;color:var(--ink);font-weight:500;padding-bottom:26px;border-bottom:1px solid var(--line)}
.prose h2{font-size:clamp(1.4rem,2.4vw,1.75rem);margin-top:44px;scroll-margin-top:96px}
.prose h3{font-size:1.2rem;margin-top:30px}
.prose strong{font-weight:600;color:var(--ink)}
.prose a{color:var(--brand);font-weight:500;border-bottom:1.5px solid var(--brand-100);transition:border-color .2s}
.prose a:hover{border-color:var(--brand)}
.prose ul,.prose ol{display:flex;flex-direction:column;gap:10px;padding-left:4px}
.prose ul>li{position:relative;padding-left:26px}
.prose ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--brand-400);box-shadow:0 0 0 4px var(--brand-50)}
.prose ol{counter-reset:ol;list-style:none}
.prose ol>li{position:relative;padding-left:40px;counter-increment:ol}
.prose ol>li::before{content:counter(ol);position:absolute;left:0;top:.1em;width:28px;height:28px;border-radius:9px;background:var(--brand-50);color:var(--brand);font-weight:700;font-size:.85rem;display:grid;place-items:center}
.prose li ul{margin-top:10px}
.prose blockquote{background:linear-gradient(135deg,var(--brand-50),#F3EEFF);border-radius:18px;padding:22px 26px;font-weight:600;font-size:1.12rem;color:var(--ink);border-left:4px solid var(--brand)}
.prose code{font-family:var(--mono);font-size:.88em;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:2px 7px;color:var(--brand);word-break:break-word}
.callout{display:flex;gap:14px;background:var(--ok-50);border-radius:18px;padding:18px 20px;font-size:1rem!important;font-weight:400;color:#1E4D30!important;line-height:1.65}
.callout.info{background:var(--brand-50);color:#26356B!important}
.callout .ci{width:30px;height:30px;border-radius:9px;background:var(--ok);flex-shrink:0;display:grid;place-items:center}
.callout.info .ci{background:var(--brand)}
.callout .ci svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.toc{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-1)}
.toc b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:12px}
.toc a{display:block;font-weight:500;font-size:.9rem;color:var(--ink-2);padding:7px 0 7px 12px;border-left:2px solid var(--line);transition:color .2s,border-color .2s;line-height:1.35}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--brand);border-color:var(--brand)}
.botcard{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden}
.botcard::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at 0% 0%,rgba(92,121,219,.45),transparent 70%)}
.botcard>*{position:relative}
.botcard img{width:44px;height:44px;border-radius:12px;margin-bottom:14px}
.botcard b{display:block;font-size:1.12rem;margin-bottom:6px}
.botcard p{color:rgba(255,255,255,.7);font-weight:400;font-size:.9rem;margin-bottom:16px}
.botcard .btn{width:100%}
.botcard .lgs{display:flex;gap:6px;margin-top:14px;justify-content:center;opacity:.9}

/* карточки статей */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);transition:transform .3s,box-shadow .3s}
.post:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.cover{position:relative;height:150px;background:linear-gradient(145deg,var(--g1),var(--g2));display:flex;align-items:flex-end;justify-content:space-between;padding:18px;overflow:hidden}
.cover::before{content:"";position:absolute;inset:0;opacity:.55;background-image:radial-gradient(rgba(14,19,34,.08) 1px,transparent 1px);background-size:16px 16px}
.cover .ico{position:relative;width:54px;height:54px;border-radius:16px;background:var(--tc);display:grid;place-items:center;box-shadow:0 12px 24px -10px var(--tc)}
.cover .ico svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cover .tag{position:relative;background:#fff}
.cover .deco{position:absolute;right:-20px;top:-20px;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.45)}
.post-b{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-b time{font-family:var(--mono);font-size:.76rem;color:var(--ink-3)}
.post-b b{font-size:1.14rem;line-height:1.32;font-weight:700}
.post-b p{color:var(--ink-2);font-weight:400;font-size:.94rem}
.post-b span.go{margin-top:auto;padding-top:6px;color:var(--brand);font-weight:600;font-size:.92rem}
.post.feat{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}
.post.feat .cover{height:auto;min-height:300px;align-items:center;justify-content:center}
.post.feat .cover .ico{width:96px;height:96px;border-radius:28px}
.post.feat .cover .ico svg{width:44px;height:44px}
.post.feat .cover .tag{position:absolute;left:22px;top:22px}
.post.feat .post-b{padding:40px;justify-content:center}
.post.feat .post-b b{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.post.feat .post-b p{font-size:1.02rem}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.flt{padding:9px 16px;border-radius:12px;background:var(--white);border:1px solid var(--line);font-weight:600;font-size:.9rem;color:var(--ink-2);transition:all .2s}
.flt:hover{border-color:var(--line-2);color:var(--ink)}
.flt.on{background:var(--brand);border-color:var(--brand);color:#fff}
.post[hidden]{display:none}

/* секции */
.sec{padding:0 0 90px}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.more{font-weight:600;color:var(--brand);display:inline-flex;align-items:center;gap:6px}
.more svg{width:16px;height:16px;transition:transform .2s}
.more:hover svg{transform:translateX(4px)}

/* CTA */
.cta{position:relative;margin:0 12px 12px;background:var(--navy);color:#fff;border-radius:40px;padding:84px 24px;text-align:center;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(92,121,219,.45),transparent 70%),radial-gradient(500px 260px at 50% 110%,rgba(130,90,255,.3),transparent 70%)}
.cta>*{position:relative}
.cta h2{font-size:clamp(1.8rem,3.8vw,2.8rem);max-width:760px;margin:0 auto 14px}
.cta p{color:rgba(255,255,255,.72);font-weight:500;font-size:1.05rem;max-width:620px;margin:0 auto 30px}
.cta .lgs{display:flex;gap:10px;justify-content:center;margin-top:32px;flex-wrap:wrap}

/* инструкция */
.steps-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.steps-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:12px;background:var(--white);border:1px solid var(--line);font-weight:600;font-size:.88rem;color:var(--ink-2);transition:border-color .2s,color .2s}
.steps-nav a span{width:24px;height:24px;border-radius:7px;background:var(--brand-50);color:var(--brand);display:grid;place-items:center;font-size:.76rem}
.steps-nav a:hover{border-color:var(--brand);color:var(--brand)}
.gsteps{display:flex;flex-direction:column;gap:18px;padding-bottom:80px}
.gstep{display:grid;grid-template-columns:200px 1fr;gap:32px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:40px 44px;box-shadow:var(--sh-1);scroll-margin-top:96px}
.gstep-l .n{font-weight:700;font-size:.82rem;letter-spacing:.1em;color:var(--brand)}
.gstep-l .big{font-size:3.6rem;font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--brand),#8B7BF0);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px}
.gstep-l .tag{margin-top:14px}
.gstep .prose{padding:0;border:0;box-shadow:none;background:none;border-radius:0}
.gstep .prose h2{margin-top:0}
.gstep .prose>h2+p{color:var(--ink-2)}

/* документы */
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start;padding-bottom:80px}
.doc .prose p,.doc .prose li{font-size:1rem}
.doc .prose h2{font-size:1.3rem;margin-top:36px}

/* 404 */
.e404{padding:70px 0 90px;text-align:center}
.e404 .num{font-size:clamp(6rem,18vw,11rem);font-weight:700;letter-spacing:-.06em;line-height:1;background:linear-gradient(135deg,var(--brand),#8B7BF0 60%,var(--brand-400));-webkit-background-clip:text;background-clip:text;color:transparent}
.e404 h1{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-top:6px}
.e404 p{color:var(--ink-2);font-weight:400;font-size:1.08rem;margin:14px auto 36px;max-width:520px}
.e404-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:960px;margin:0 auto;text-align:left}
.e404-g a{display:flex;flex-direction:column;gap:6px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--sh-1);transition:transform .25s,box-shadow .25s}
.e404-g a:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.e404-g .lg{margin-bottom:8px}
.e404-g b{font-size:1.05rem}
.e404-g small{color:var(--ink-3);font-weight:500;font-size:.86rem}

/* подвал */
footer{padding:40px 0 34px}
.f-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}
.f-links{display:flex;gap:6px 22px;flex-wrap:wrap;margin-left:auto}
.f-links a,.f-links button{font-weight:500;font-size:.9rem;color:var(--ink-2);transition:color .2s}
.f-links a:hover,.f-links button:hover{color:var(--brand)}
.f-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;font-size:.84rem;color:var(--ink-3);font-weight:500}
.f-bot .mono{font-size:.78rem}

/* появление */
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.js .rv.on{opacity:1;transform:none}
.js .rv[data-d="1"]{transition-delay:.08s}.js .rv[data-d="2"]{transition-delay:.16s}.js .rv[data-d="3"]{transition-delay:.24s}

/* cookie */
.cc-root{position:fixed;left:0;right:0;bottom:0;z-index:9000;padding:16px;display:flex;justify-content:center;pointer-events:none}
.cc-root[hidden]{display:none}
.cc-card{pointer-events:auto;width:100%;max-width:640px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 30px 70px -20px rgba(16,24,48,.35);animation:ccIn .4s ease both}
@keyframes ccIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cc-text{font-size:.9rem;line-height:1.6;color:var(--ink-2);font-weight:400;margin-bottom:16px}
.cc-text a,.cc-sub a{color:var(--brand);border-bottom:1px solid var(--brand-100)}
.cc-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cc-b{font-weight:600;font-size:.9rem;padding:11px 20px;border-radius:12px;transition:background .2s,color .2s,border-color .2s}
.cc-b-1{background:var(--brand);color:#fff;min-width:100px}.cc-b-1:hover{background:var(--brand-600)}
.cc-b-2{border:1.5px solid var(--line-2);color:var(--ink)}.cc-b-2:hover{border-color:var(--brand);color:var(--brand)}
.cc-b-3{color:var(--ink-3)}.cc-b-3:hover{color:var(--ink)}
.cc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cc-back{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg)}
.cc-back svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cc-title{font-weight:700;font-size:1.05rem}
.cc-sub{font-size:.84rem;color:var(--ink-3);font-weight:400;margin-bottom:12px}
.cc-list{border-top:1px solid var(--line);margin-bottom:16px;max-height:min(46vh,340px);overflow-y:auto}
.cc-row{border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0}
.cc-exp{justify-self:start;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;text-align:left}
.cc-plus{position:relative;width:11px;height:11px;flex-shrink:0}
.cc-plus::before,.cc-plus::after{content:"";position:absolute;background:var(--ink-3);transition:transform .2s,opacity .2s}
.cc-plus::before{left:0;top:5px;width:11px;height:2px}.cc-plus::after{left:5px;top:0;width:2px;height:11px}
.cc-exp[aria-expanded="true"] .cc-plus::after{transform:rotate(90deg);opacity:0}
.cc-desc{grid-column:1/-1;font-size:.82rem;color:var(--ink-3);font-weight:400;padding-left:21px}
.cc-desc[hidden]{display:none}
.cc-always,.cc-state{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.cc-ctl{display:inline-flex;align-items:center;gap:10px}
.cc-sw{position:relative;width:40px;height:23px;border-radius:99px;background:var(--line-2);transition:background .2s;flex-shrink:0}
.cc-sw::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.cc-sw[aria-checked="true"]{background:var(--brand)}
.cc-sw[aria-checked="true"]::after{transform:translateX(17px)}

/* адаптив: планшет */

/* ═══════════ Notion-стиль: шрифт, палитра, плашки, UI ═══════════ */
:root{
  --bg:#FFFFFF; --bg-2:#F7F6F3; --white:#fff;
  --ink:#191918; --ink-2:#55534E; --ink-3:#8F8C87; --line:#ECEBE8; --line-2:#DFDDD8;
  --brand-50:#EEF2FB; --brand-100:#DCE3F6;
  --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:18px;
  --sh-1:0 1px 2px rgba(15,15,15,.04);
  --sh-2:0 1px 3px rgba(15,15,15,.04),0 10px 28px -8px rgba(15,15,15,.09);
  --sh-3:0 2px 6px rgba(15,15,15,.04),0 28px 64px -20px rgba(15,15,15,.18);
  --f:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --n-gray:#F1F1EF; --n-gray-t:#6F6E69;
  --n-brown:#F4EEEE; --n-brown-t:#9F6B53;
  --n-orange:#FBECDD; --n-orange-t:#C2600F;
  --n-yellow:#FBF3DB; --n-yellow-t:#A8741A;
  --n-green:#EDF3EC; --n-green-t:#3E7A57;
  --n-blue:#E7F3F8; --n-blue-t:#2F74A0;
  --n-purple:#F6F3F9; --n-purple-t:#8458A8;
  --n-pink:#FAF1F5; --n-pink-t:#B34480;
  --n-red:#FDEBEC; --n-red-t:#C4443F;
}
body{letter-spacing:-.006em}
h1,h2,h3{font-weight:700;letter-spacing:-.035em}
.h2{letter-spacing:-.04em}
b,strong{font-weight:600}

/* кнопки как у Notion */
.btn{border-radius:8px;font-weight:600;padding:11px 20px;font-size:1rem;box-shadow:none}
.btn-p,.btn-p:hover{box-shadow:none;transform:none}
.btn-p:hover{background:var(--brand-600)}
.btn-o{background:var(--brand-50);color:var(--brand);border:0}
.btn-o:hover{background:var(--brand-100);color:var(--brand)}
.btn-w:hover{transform:none;box-shadow:none;background:#F0F0EE}
.btn-sm{padding:8px 14px;border-radius:8px;font-size:.92rem}

/* теги-плашки в палитре Notion */
.tag{border-radius:5px;font-weight:500;padding:2px 8px;font-size:.8rem;letter-spacing:0;background:var(--n-blue);color:var(--n-blue-t)}
.tag-g,.st-ok{background:var(--n-green)!important;color:var(--n-green-t)!important}
.tag-o{background:var(--n-orange)!important;color:var(--n-orange-t)!important}
.tag-v{background:var(--n-purple)!important;color:var(--n-purple-t)!important}
.st-bad{background:var(--n-red)!important;color:var(--n-red-t)!important}
.st{border-radius:5px;font-weight:500}

.eyebrow{color:var(--ink-3);font-weight:500;font-size:.95rem;letter-spacing:0}
.eyebrow::before{width:7px;height:7px;background:var(--brand);box-shadow:none}

/* навигация */
.nav{background:rgba(255,255,255,.86)}
.nav.scrolled{background:rgba(255,255,255,.94)}
.nav-links a{font-weight:500}
.nav-links a:hover{background:var(--bg-2)}
.nav-links a.active{background:var(--bg-2);color:var(--ink)}
.nav-links .new::after{font-weight:600;border-radius:4px}
.brand,.brand b{font-weight:700}
.burger{border-radius:8px}

/* карточки: плоские, тонкая рамка */
.chip{border-radius:10px;box-shadow:none;font-weight:500}
.chip .lg{border-radius:7px}
.chip .lg-raw{border-radius:0}

/* появление с лёгким размытием */
.js .rv{filter:blur(6px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease}
.js .rv.on{filter:none}

/* cookie */
.cc-card{border-radius:14px}
.cc-b{border-radius:8px;font-weight:600}

.t-gray{background:var(--n-gray)!important;color:var(--n-gray-t)!important}
.t-green{background:var(--n-green)!important;color:var(--n-green-t)!important}
.t-blue{background:var(--n-blue)!important;color:var(--n-blue-t)!important}
.t-red{background:var(--n-red)!important;color:var(--n-red-t)!important}
.t-orange{background:var(--n-orange)!important;color:var(--n-orange-t)!important}
.t-yellow{background:var(--n-yellow)!important;color:var(--n-yellow-t)!important}
.t-purple{background:var(--n-purple)!important;color:var(--n-purple-t)!important}

.prose{border-radius:16px;box-shadow:none}
.prose p,.prose li{font-weight:400;color:#37352F}
.prose .lead{font-weight:500}
.prose blockquote{background:var(--bg-2);border-left:3px solid var(--ink);border-radius:4px;font-weight:500}
.prose ul>li::before{width:6px;height:6px;top:.75em;background:var(--ink);box-shadow:none}
.prose ol>li::before{border-radius:6px;background:var(--bg-2);color:var(--ink);font-weight:600}
.prose code{background:#F1F1EF;border:0;color:#EB5757;border-radius:4px}
.callout{border-radius:8px;background:var(--n-green);color:#2C4A39!important}
.callout.info{background:var(--n-blue);color:#22465C!important}
.callout .ci{border-radius:6px}
.page-hero::before,.page-hero::after{display:none}
.page-hero h1{letter-spacing:-.045em}
.page-hero .sub{font-weight:400}
.toc,.botcard{border-radius:14px;box-shadow:none}
.toc a{font-weight:500}
.botcard{background:var(--ink)}
.post{border-radius:14px;box-shadow:none}
.post:hover{box-shadow:var(--sh-2)}
.cover{background:var(--g1)}
.cover .ico{border-radius:50%;box-shadow:none;border:1.7px solid #191918}
.post.feat .cover .ico{border-radius:50%}
.c-rose{--tc:#F0524F;--tb:var(--n-red);--g1:var(--n-red)}
.c-sky{--tc:#2E83E6;--tb:var(--n-blue);--g1:var(--n-blue)}
.c-mint{--tc:#22A55B;--tb:var(--n-green);--g1:var(--n-green)}
.c-blue{--tc:#3855B1;--tb:#EEF2FB;--g1:#EEF2FB}
.c-lilac{--tc:#8B5CF6;--tb:var(--n-purple);--g1:var(--n-purple)}
.cover .tag{color:var(--ink-2)!important}
.filters .flt{border-radius:8px;font-weight:500}
.flt.on{background:var(--ink);border-color:var(--ink)}
.gstep{border-radius:16px;box-shadow:none}
.gstep-l .big{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);font-weight:700}
.steps-nav a{border-radius:8px;font-weight:500}
.steps-nav a span{border-radius:5px}
.cta{border-radius:24px;background:var(--ink)}
.e404 .num{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink)}
.e404-g a{border-radius:14px;box-shadow:none}
.e404-g a:hover{box-shadow:var(--sh-2)}
@media (max-width:1080px){
  .nav-links{display:none}
  .burger{display:grid;margin-left:auto}
  .nav-cta .btn-o{display:none}
  .mnav{display:none;position:fixed;top:72px;left:0;right:0;z-index:99;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px 22px;box-shadow:var(--sh-2)}
  .mnav.open{display:block}
  .mnav a{display:block;padding:13px 4px;font-weight:600;border-bottom:1px solid var(--line)}
  .art-grid,.doc-grid{grid-template-columns:1fr}
  .side{position:static;display:none}
  .posts{grid-template-columns:repeat(2,1fr)}
  .post.feat{grid-template-columns:1fr}
  .post.feat .cover{min-height:220px}
  .gstep{grid-template-columns:1fr;gap:18px}
  .gstep-l{display:flex;align-items:center;gap:16px}
  .gstep-l .big{font-size:2.6rem;margin:0}
  .gstep-l .tag{margin:0}
  .e404-g{grid-template-columns:repeat(2,1fr)}
}
/* адаптив: телефон */
@media (max-width:680px){
  .wrap{padding:0 16px}
  .nav-in{gap:12px;height:64px}
  .mnav{top:64px}
  .nav-cta .btn{padding:9px 14px;font-size:.84rem}
  .brand{font-size:1.05rem}
  .page-hero{padding:34px 0 28px}
  .prose{padding:28px 20px;border-radius:22px}
  .prose p,.prose li{font-size:1.02rem}
  .prose .lead{font-size:1.1rem}
  .prose h2{margin-top:34px}
  .posts{grid-template-columns:1fr}
  .post.feat .post-b{padding:24px}
  .gstep{padding:26px 20px;border-radius:22px}
  .cta{margin:0 6px 6px;border-radius:28px;padding:64px 18px}
  .e404-g{grid-template-columns:1fr}
  .f-links{margin-left:0}
  .meta{font-size:.86rem}
}
@media (max-width:400px){.nav-in{gap:8px}.brand{font-size:.95rem;gap:8px}.brand img{width:28px;height:28px}.nav-cta .btn{padding:8px 11px;font-size:.78rem}.burger{width:40px;height:40px}}
@media (max-width:340px){.nav .brand span{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}