@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600&family=Prata&family=Caveat:wght@500&display=swap');
:root{--paper:#f8f7f3;--ink:#192a26;--muted:#65716a;--line:#d8dcd3;--accent:#ac6c40;--serif:'Prata',Georgia,serif;--fs-h1:clamp(42px,5vw,68px);--fs-h2:clamp(30px,3vw,46px);--fs-h2-lg:clamp(34px,3.6vw,54px);--fs-h3:22px;--fs-lead:16px;--fs-body:15px;--pad:calc((100% - min(100%,1600px))/2 + min(100%,1600px)*0.05)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:210px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Golos Text',Arial,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}figure,p,h1,h2,h3,blockquote{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}/* ---- Topbar (коммерческая полоса) ---- */
.topbar{background:var(--ink);color:#e6e8df;font-size:12.5px}
.topbar-inner{margin:0;padding:0 var(--pad);height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-tagline{color:#c3cabf;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-right{display:flex;align-items:center;gap:24px;flex-shrink:0}
.topbar-hours{color:#9fb0a5;font-size:11.5px;letter-spacing:.03em}
.topbar-phone{display:inline-flex;align-items:center;gap:8px;font-weight:550;font-size:13.5px;color:#fff}
.topbar-phone:hover{color:var(--accent)}
.tp-ic{color:var(--accent);font-size:12px}

/* ---- Header ---- */
body>header{height:160px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 var(--pad);position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(16,32,26,.06)}
.brand{display:flex;flex-direction:row;align-items:center;gap:16px;line-height:1;flex-shrink:0}
.brand-logo{display:block;width:auto;max-width:100%;height:120px;object-fit:contain;object-position:left center;flex-shrink:0}
.footer-brand .brand-logo{height:96px}
.brand-tagline{display:block;white-space:nowrap;text-align:left;font-size:12.5px;line-height:1.55;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:550;padding-left:20px;border-left:1px solid var(--line)}
.footer-brand .brand-tagline{color:#c6a987;border-left-color:#42524a}
.brand-logo--light{filter:brightness(0) invert(1)}
.brand-word{font-family:var(--serif);font-size:52px;line-height:.85;letter-spacing:-.075em;display:block}
.brand-word>span{font:10px/1 'Golos Text',sans-serif;display:block;letter-spacing:.24em;margin-top:10px;margin-left:4px;color:var(--ink)}
.brand-desc{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:550;margin-left:4px}
nav{display:flex;gap:34px;font-size:15px;font-weight:450;margin-left:auto}
nav a{position:relative;padding:4px 0}
nav a:hover{color:var(--accent)}
nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-2px;height:1.5px;background:var(--accent);transition:right .3s}
nav a:hover::after{right:0}
.header-tools{display:flex;align-items:center;gap:22px;flex-shrink:0}
.header-cta.primary{border:0;color:#fff;font-size:13.5px;padding:14px 22px;gap:18px}
.header-cta.primary span{margin:0;font-size:16px}
#menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;padding:0;flex-shrink:0}
#menu span{display:block;height:2px;width:26px;background:var(--ink);transition:.3s;border-radius:2px}
#menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#menu[aria-expanded="true"] span:nth-child(2){opacity:0}
#menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---- Menu panel (полное меню, десктоп+мобайл) ---- */
.menu-panel{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 30px 70px rgba(16,32,26,.12);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s,visibility .45s}
.menu-panel.open{transform:translateY(0);opacity:1;visibility:visible}
.menu-close{position:absolute;top:26px;right:5%;z-index:2;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;font-size:30px;line-height:1;color:var(--ink);display:grid;place-items:center;background:var(--paper);transition:.2s}
.menu-close:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.menu-panel-inner{max-width:1296px;margin:auto;padding:150px 5% 55px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}
.mp-title{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.mp-col>a{display:block;padding:12px 0;font-size:16px;transition:color .2s}
.mp-col>a:hover{color:var(--accent)}
.mp-services a b{font:400 22px/1.3 var(--serif);display:block}
.mp-services a small{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
.mp-contact .mp-phone{font-family:var(--serif);font-size:30px;letter-spacing:-.03em;padding:6px 0 4px}
.mp-contact .mp-hours{display:block;font-size:12.5px;color:var(--muted);margin-bottom:16px}
.mp-contact .mp-link{display:inline-block;font-size:13.5px;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:3px;margin-bottom:24px}
.mp-contact .primary{border:0;color:#fff}
body.menu-open{overflow:hidden}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;max-width:1600px;margin:auto;border-block:1px solid var(--line)}.hero-copy{padding:65px 35px 25px;padding-left:calc(min(100vw,1600px)*0.05);display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:.15em;display:block;font-weight:500}h1{font-family:var(--serif);font-size:clamp(40px,4.35vw,70px);line-height:1.26;letter-spacing:-.055em;font-weight:400;margin:44px 0 28px}em{font-family:var(--serif);font-style:normal;color:var(--accent);font-weight:400}.hero-copy>p{max-width:450px;font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:30px}.primary{display:inline-flex;background:var(--ink);color:white;padding:17px 24px;font-size:14px;align-items:center;gap:35px}.primary:hover{background:#365146}.primary span{font-size:20px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-call{font-family:var(--serif);font-size:22px;letter-spacing:-.02em;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:3px}
.hero-call:hover{color:var(--accent);border-color:var(--accent)}
.hero-foot{width:100%;display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:auto;padding-top:48px}
.hero-foot>span{font-size:13px;font-weight:500;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:7px 16px;background:#fff}.hero-image{position:relative;min-width:0;overflow:hidden;margin-right:calc(min(100vw,1600px)*0.05)}.hero-image img{object-position:49% center;filter:saturate(.55)}.hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#10201a99);pointer-events:none}.hero-image figcaption{position:absolute;bottom:26px;left:30px;right:26px;z-index:1;color:white;display:flex;justify-content:space-between;font-size:13px}.hero-image small{font-size:9px;letter-spacing:.1em}.photo-index{position:absolute;right:25px;top:26px;color:white;border:1px solid #ffffff99;padding:7px 12px;font-size:11px;letter-spacing:.2em}.navigator{max-width:1600px;margin:auto;padding:34px 5%;display:grid;grid-template-columns:1fr repeat(3,1.15fr);border-bottom:1px solid var(--line);gap:25px}.nav-intro .eyebrow{font-size:9px;color:var(--muted)}.nav-intro p{font-family:var(--serif);font-size:22px;line-height:1.5;margin-top:10px}.navigator>button{border-left:1px solid var(--line);text-align:left;padding:6px 0 6px 28px}.navigator small{display:block;font-size:10px;color:var(--accent);letter-spacing:.1em}.navigator strong{font-weight:450;font-size:21px;display:flex;justify-content:space-between;margin:12px 0 7px}.navigator>button>span{font-size:12px;color:var(--muted)}.navigator button:hover strong{color:var(--accent)}.section{max-width:1600px;margin:auto;padding:100px 5%}h2{font:400 var(--fs-h2)/1.25 var(--serif);letter-spacing:-.045em}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:18px}.section-heading>.eyebrow{grid-row:span 2;margin-top:12px}.section-heading>p{font-size:var(--fs-lead);line-height:1.7;color:var(--muted);margin:5px 0 35px}
.section-heading--stacked{display:block;max-width:620px}
.section-heading--stacked>.eyebrow{margin:0 0 20px;color:var(--accent)}
.section-heading--stacked>h2{margin-bottom:18px}
.section-heading--stacked>p{max-width:480px;line-height:1.75;margin:0}.expert-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;margin-top:20px}.expert-layout>figure{align-self:start}.expert-layout img{height:430px;filter:saturate(.45);object-position:center}.expert-layout figcaption{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;margin-top:12px}.expert-layout figcaption small{font-size:9px}.service-list details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-list summary{display:flex;align-items:center;padding:26px 0;gap:22px}.service-list summary>span{font-size:11px;color:var(--accent)}.service-list h3{font-weight:400;font-size:var(--fs-h3);line-height:1.4}.service-list summary>b{font-size:20px;font-weight:400;margin-left:auto}.service-list details[open] summary>b{transform:rotate(45deg)}.service-content{margin:0 0 28px}.service-content p{color:var(--muted);font-size:var(--fs-body);line-height:1.7;margin-bottom:22px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;padding:0 0 8px;border-bottom:1px solid var(--ink);transition:color .25s,border-color .25s}.text-link span,.text-link b{font-weight:400;transition:transform .25s}
.text-link:hover{color:var(--accent);border-color:var(--accent)}
.text-link:hover span,.text-link:hover b{transform:translateX(4px)}.industry{border-top:1px solid var(--line);padding-top:28px;margin-top:14px}.industry>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.industry>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.industry a{font-size:12px;border-bottom:1px solid #c3c8bf;padding:0 0 4px;transition:color .25s,border-color .25s}.industry a:hover{color:var(--accent);border-color:var(--accent)}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-top:30px;padding-bottom:40px}.story + .timeline.section,.timeline + .team-block.section,.team-block + .values.section{padding-top:0}
.story + .timeline.section{padding-top:40px}.story-photo{position:relative;align-self:start}.story-photo img{height:660px;object-position:50% 25%;filter:saturate(.55)}.story-copy{padding-top:30px}.story-copy h2{margin:32px 0}.story-copy blockquote{font-family:var(--serif);font-size:23px;line-height:1.6;margin:32px 0 25px}.story-copy>p{font-size:var(--fs-lead);line-height:1.7;color:var(--muted);margin-bottom:18px}.founder{margin-top:26px;display:flex;align-items:center;gap:25px}.founder>span{font:35px var(--serif)}.founder small{font-size:11px;color:var(--muted);max-width:180px}.history{margin-top:30px;border-top:1px solid var(--line);padding-top:16px}.history summary{display:flex;justify-content:space-between;font-size:13px}.history li{font-size:14px;margin:12px 0}.investment{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1600px;margin:auto;background:var(--ink);color:#f4f2eb}.investment>figure{position:relative}.investment img{filter:saturate(.4);max-height:760px;min-height:100%;object-position:50% 50%}.investment figcaption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:white;text-shadow:0 1px 4px black}.investment-copy{padding:70px 12% 65px 10%}.investment .eyebrow{color:#bdc6bd}.investment h2{margin:32px 0 23px;font-size:var(--fs-h2)}.investment em{color:#c6a987}.investment p{color:#bbc5bd;font-size:var(--fs-lead);line-height:1.7}.investment ol{padding:0;list-style:none;margin:25px 0 30px}.investment li{border-bottom:1px solid #42524a;padding:15px 0;display:flex;gap:18px;font-size:13px}.investment li span{color:#c6a987;font-size:10px}.light{background:#eee9df;color:var(--ink);font-size:13px;padding:16px 20px;gap:20px}.light:hover{background:#fff}.legal{display:block;margin-top:20px;color:#aebbb1;font-size:11px;line-height:1.7}.journal-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:18px}.edition{font-size:10px;letter-spacing:.1em}.journal-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 40px}.journal-title h2{font-size:var(--fs-h2)}.journal-title p{font-size:var(--fs-lead);color:var(--muted)}.journal-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:65px}.photo-button{display:block;position:relative;padding:0;width:100%;overflow:hidden}.photo-button img{height:380px;filter:saturate(.45);transition:transform .6s}.photo-button:hover img{transform:scale(1.025)}.image-tag{position:absolute;top:17px;left:18px;background:#f4f0e7;padding:6px 10px;font-size:9px;letter-spacing:.12em}.play{position:absolute;bottom:20px;right:20px;background:var(--paper);width:50px;height:50px;border-radius:50%;font-size:24px;display:grid;place-items:center}.article-meta{font-size:10px;letter-spacing:.1em;color:var(--accent);display:flex;justify-content:space-between;align-items:center}.feature-article>.article-meta{margin:20px 0 14px}.feature-article h3 a{display:block;text-align:left;font:400 25px/1.4 var(--serif);letter-spacing:-.03em;transition:color .25s}.feature-article h3 a:hover{color:var(--accent)}.feature-article p{font-size:var(--fs-body);color:var(--muted);margin-top:15px}.reading-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--ink);padding-bottom:18px}.reading-list>.reading-item{display:block;text-align:left;width:100%;padding:25px 0;border-bottom:1px solid var(--line);transition:padding-left .3s var(--ease)}.reading-list>.reading-item:hover{padding-left:12px}.reading-list>.reading-item:hover h3{color:var(--accent)}.reading-item h3{transition:color .25s}.reading-list h3{font:400 21px/1.4 var(--serif);letter-spacing:-.03em;margin:17px 0}.reading-list .text-link{border:0;width:100%;font-size:11px;padding:0}.article-meta i{font-style:normal;letter-spacing:0;border:1px solid #c7c8b9;color:var(--ink);padding:2px 6px;font-size:10px}.community{display:grid;grid-template-columns:1fr 1.15fr;gap:45px 70px;background:#e8eae2;padding-top:65px;padding-bottom:35px}.community-heading{padding-top:35px}.community h2{font-size:var(--fs-h2);margin:30px 0 25px}.community p{font-size:var(--fs-lead);color:var(--muted);line-height:1.8}.community-heading .text-link{margin-top:30px}.community-photo img{height:390px;filter:saturate(.45);object-position:35% center}.community-photo figcaption{font-size:15px;margin-top:15px}.community-photo figcaption span{display:block;font-size:9px;letter-spacing:.09em;color:var(--muted);margin-top:5px}.community-bottom{grid-column:1/-1;display:flex;align-items:center;border-top:1px solid #c5c9bd;gap:50px;padding-top:20px}.big-number{font:92px/1.3 var(--serif);letter-spacing:-.08em}.community-bottom p{font-size:var(--fs-lead)}.community-bottom>span:last-child{margin-left:auto;font-size:10px;letter-spacing:.12em}footer{background:var(--ink);color:#eeeae0;padding:70px 0 28px;border-top:1px solid #384c43}
.footer-top,.footer-legal,.footer-bottom,.credits{padding-left:5%;padding-right:5%}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.15fr;gap:50px;max-width:1600px;margin:auto;padding-bottom:48px;border-bottom:1px solid #384c43}
.footer-brand .brand{color:#f4f2eb}
.footer-brand p{font-size:14px;line-height:1.7;color:#aebbb1;margin:20px 0 24px;max-width:300px}
.footer-social{display:flex;flex-wrap:wrap;gap:10px}
.footer-social a{font-size:12px;letter-spacing:.02em;border:1px solid #4a5d53;border-radius:999px;padding:7px 15px;color:#dfe4dc;transition:all .25s}
.footer-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8b9c92;margin-bottom:6px}
.footer-col a{font-size:14px;color:#dfe4dc;transition:color .2s}
.footer-col a:hover{color:var(--accent)}
.footer-contacts a{font-size:15px}
.footer-addr{font-size:13px;color:#aebbb1;line-height:1.5}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 30px;max-width:1600px;margin:26px auto 0;color:#8b9c92;font-size:12px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 30px;margin:22px auto 0;padding-top:22px;border-top:1px solid #384c43;max-width:1600px;color:#8b9c92;font-size:12px}
.footer-policy{display:flex;flex-wrap:wrap;gap:10px 24px}
.footer-policy a{color:#aebbb1;transition:color .2s}
.footer-policy a:hover{color:var(--accent);text-decoration:underline}
.footer-up{color:#aebbb1;white-space:nowrap;transition:color .2s}
.footer-up:hover{color:var(--accent)}.footer-bottom p{max-width:590px}.footer-bottom>a{white-space:nowrap}.credits{max-width:1600px;margin:20px auto 0;font-size:11px;color:#afbab1}.credits summary{font-size:11px}.credits p{margin:12px 0}.credits a{text-decoration:underline}dialog{border:0;padding:45px;width:min(640px,calc(100% - 28px));max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0e1914bb;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:7px;font-size:29px}.modal-kicker{font-size:11px;letter-spacing:.1em;color:var(--accent);margin-bottom:20px}dialog h2{font-size:30px;margin-bottom:22px}dialog p{margin:14px 0;color:var(--muted);font-size:15px}dialog .choice{width:100%;text-align:left;padding:17px;border:1px solid var(--line);margin:5px 0}.choice:hover{background:#e8eae2}dialog li{margin-bottom:13px}dialog .primary{margin-top:18px}dialog .check{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}dialog input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0}dialog .disclaimer{font-size:12px;margin-top:20px}dialog .back{padding:12px 0;text-decoration:underline;font-size:13px}.result-step{border-left:2px solid var(--accent);padding:0 0 5px 18px;margin:20px 0}.result-step p{font-size:14px}.quiz-progress{height:2px;background:var(--line);margin:15px 0 25px}.quiz-progress span{height:100%;display:block;background:var(--accent)}.sez-feedback{background:#e8eae2;padding:15px;font-size:14px;margin-top:15px}
/* ---- Плавающая кнопка связи (бабл) ---- */
.contact-fab{position:fixed;right:clamp(18px,3vw,32px);bottom:clamp(18px,3vw,32px);z-index:55;display:flex;align-items:center;gap:12px;background:var(--ink);color:#f4f2eb;padding:14px 20px 14px 16px;border-radius:999px;box-shadow:0 14px 34px rgba(16,32,26,.28);transition:transform .25s,background .25s,box-shadow .25s}
.contact-fab:hover{transform:translateY(-3px);background:#2a4037;box-shadow:0 18px 40px rgba(16,32,26,.34)}
.contact-fab svg{width:24px;height:24px;flex-shrink:0}
.contact-fab-label{font-size:14px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
.contact-fab-dot{position:absolute;top:12px;right:16px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--paper)}
/* ---- Модальное окно связи (мессенджеры) ---- */
.contact-choices{display:grid;gap:14px;margin:26px 0 22px}
.contact-choice{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);background:#fff;transition:border-color .2s,background .2s,transform .2s}
.contact-choice:hover{border-color:var(--accent);background:#fbfaf6;transform:translateX(3px)}
.cc-icon{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.cc-icon svg{width:24px;height:24px}
.cc-tg .cc-icon{background:#2aabee}
.cc-max .cc-icon{background:linear-gradient(135deg,#2e7bff,#8b5cf6)}
.cc-text{display:flex;flex-direction:column;gap:2px}
.cc-text b{font-weight:600;font-size:16px}
.cc-text span{font-size:13px;color:var(--muted)}
.cc-go{margin-left:auto;font-size:18px;color:var(--muted);transition:transform .2s,color .2s}
.contact-choice:hover .cc-go{transform:translateX(4px);color:var(--accent)}
.contact-note{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0}
@media(max-width:760px){.contact-fab-label{display:none}.contact-fab{padding:15px;gap:0}}
/* ---- Контакты ---- */
.contacts{max-width:1600px;margin:auto;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.contacts-cta-banner{background:var(--ink);color:#f4f2eb;display:flex;align-items:center;justify-content:space-between;gap:40px 60px;flex-wrap:wrap;padding:clamp(48px,6vw,80px) clamp(28px,8%,120px)}
.ccb-text{max-width:560px}
.contacts-cta-banner .eyebrow{color:#bdc6bd;margin-bottom:18px}
.contacts-cta-banner h2{color:#f4f2eb;margin-bottom:16px}
.contacts-cta-banner em{color:#c6a987}
.ccb-text>p{font-size:var(--fs-lead);line-height:1.7;color:#bcc6bd}
.ccb-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
.ccb-action .primary{border:0;color:#fff;background:var(--accent)}
.ccb-action .primary:hover{background:#95562f}
.ccb-note{font-size:12.5px;color:#9fb0a5;letter-spacing:.02em}
.contacts-inner{max-width:1440px;margin:auto;padding:clamp(44px,5vw,64px) 5% clamp(56px,7vw,90px)}
.contacts-head{max-width:640px}
.contacts-head h2{margin:14px 0 16px}
.contacts-head>p{font-size:var(--fs-lead);color:var(--muted);line-height:1.7}
.contacts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:50px 0 40px}
.contact-block{background:var(--paper);padding:32px 28px;display:flex;flex-direction:column;gap:8px}
.cb-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.cb-value{font:400 25px/1.2 var(--serif);letter-spacing:-.02em;word-break:break-word}
a.cb-value[href^="mailto"]{font-family:'Golos Text',sans-serif;font-size:15px;font-weight:500;letter-spacing:0;word-break:normal;overflow-wrap:anywhere}
a.cb-value:hover{color:var(--accent)}
.cb-static{color:var(--ink)}
.contact-block small{font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:6px}
/* ---- Page hero (внутренние страницы) ---- */
.page-hero{display:grid;grid-template-columns:1.5fr .9fr;align-items:end;gap:40px 60px;max-width:1440px;margin:auto;padding:clamp(48px,6vw,84px) 5% clamp(40px,4vw,56px);border-bottom:1px solid var(--line)}
.page-hero .eyebrow{color:var(--accent);margin-bottom:22px}
.page-hero h1{font:400 var(--fs-h1)/1.08 var(--serif);letter-spacing:-.045em;margin-bottom:22px}
.page-hero-text>p{max-width:520px;font-size:var(--fs-lead);line-height:1.7;color:var(--muted)}
.page-hero-aside{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 28px;background:#eef0e9;border:1px solid var(--line)}
.phe-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.phe-phone{font:400 clamp(26px,2.4vw,32px)/1.1 var(--serif);letter-spacing:-.02em;color:var(--ink);margin:2px 0}
.phe-phone:hover{color:var(--accent)}
.phe-hours{font-size:13px;color:var(--muted);margin-bottom:18px}
.page-hero-aside .primary{border:0;color:#fff}
/* ---- Активный пункт меню ---- */
nav a[aria-current=page]{color:var(--accent)}
/* ---- Блок принципов (страница «О нас») ---- */
.values .contacts-grid{margin-top:44px}
/* ---- Якоря направлений (hero услуг) ---- */
.service-anchors{display:flex;flex-direction:column;gap:2px;width:100%;margin-bottom:18px}
.service-anchors a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;transition:color .2s,padding-left .25s var(--ease)}
.service-anchors a:last-child{border-bottom:0}
.service-anchors a b{font:400 15px var(--serif);color:var(--accent)}
.service-anchors a:hover{color:var(--accent);padding-left:6px}
/* ---- Боковой блок направления «с чего начать» ---- */
.direction-aside{align-self:start;background:#eef0e9;border:1px solid var(--line);padding:28px 26px}
.aside-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.direction-aside h3{font:400 21px var(--serif);margin:10px 0 12px}
.direction-aside p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:18px}
/* ---- Пакеты услуг ---- */
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.package-grid--two{grid-template-columns:repeat(2,1fr);max-width:820px}
.package-card{background:var(--paper);padding:32px 26px;display:flex;flex-direction:column}
.pc-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.package-card h3{font:400 26px var(--serif);letter-spacing:-.02em;margin-bottom:8px}
.package-card>p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:18px}
.pc-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px}
.pc-list li{font-size:14px;padding-left:18px;position:relative}
.pc-list li:before{content:"—";position:absolute;left:0;color:var(--accent)}
.pc-fit{margin-top:auto;font-size:12.5px;font-weight:500;color:var(--ink);border-top:1px solid var(--line);padding-top:16px}
.package-card--accent{background:var(--ink);color:#f4f2eb}
.package-card--accent .pc-fit{color:#f4f2eb;border-top-color:#3a4d44}
.package-card--accent .package-card>p,.package-card--accent>p{color:#bcc6bd}
.package-card--accent .pc-list li:before{color:var(--gold-soft,#c6a987)}
.package-card .primary{margin-top:18px;justify-content:center;width:100%;border:0;color:#fff}
.package-card--accent .primary{background:var(--accent)}
.package-card--accent .primary:hover{background:#95562f}
/* ---- Hero trust-строка (услуги) ---- */
.hero-trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 12px}
.hero-trust li{font-size:13px;font-weight:500;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:7px 15px;background:#fff}
/* ---- Отрасли (услуги) ---- */
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.industry-card{background:var(--paper);padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:background .25s}
.industry-card h3{font:400 24px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:12px;max-width:85%}
.industry-card p{font-size:14px;color:var(--muted);line-height:1.65}
.ic-arrow{position:absolute;top:28px;right:26px;font-size:18px;color:var(--accent);transition:transform .25s}
.industry-card:hover{background:#fff}
.industry-card:hover .ic-arrow{transform:translate(3px,-3px)}
.industry-card:hover h3{color:var(--accent)}
/* ---- Таймлайн истории ---- */
.timeline-list{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.timeline-list>li{background:var(--paper);padding:30px 32px;display:flex;gap:22px;align-items:flex-start}
.tl-num{font:400 26px/1 var(--serif);color:var(--accent);flex-shrink:0}
.timeline-list h3{font-weight:450;font-size:19px;margin-bottom:8px}
.timeline-list p{font-size:14px;color:var(--muted);line-height:1.7}
.timeline-list>li:last-child{grid-column:1/-1;background:var(--ink);color:#f4f2eb}
.timeline-list>li:last-child .tl-num{color:var(--gold-soft,#c6a987)}
.timeline-list>li:last-child p{color:#bcc6bd}
/* ---- Команда (страница «О нас») ---- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.team-card{background:var(--paper);padding:34px 30px;display:flex;flex-direction:column;gap:10px}
.tc-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.team-card h3{font-weight:450;font-size:21px}
.team-card p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:6px}
.team-card .text-link{margin-top:auto;align-self:flex-start}
/* ---- Карта на странице контактов ---- */
.contact-map{margin:40px 0;border:1px solid var(--line);overflow:hidden}
.contact-map iframe{display:block;width:100%;height:440px;border:0;filter:saturate(.85)}

/* ---- Журнал: портал ---- */
.journal-hero{align-items:end}
.journal-hero .page-hero-text{max-width:720px}
.journal-filters{padding-top:clamp(34px,4vw,54px);padding-bottom:0;display:flex;flex-direction:column;gap:20px}
.filter-group{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:20px}
.filter-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:9px}
.filter-chips{display:flex;flex-wrap:wrap;gap:10px}
.filter-chip{font-size:13px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);transition:.2s}
.filter-chip:hover{border-color:var(--accent);color:var(--accent)}
.filter-chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.journal-featured-wrap{padding-bottom:0}
.journal-featured{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(34px,4vw,60px);margin-top:20px;align-items:start}
.feature-side{display:flex;flex-direction:column}
/* Список анонсов справа в featured */
.feature-digest{display:block;border-top:1px solid var(--line);padding:22px 0;transition:padding-left .3s}
.feature-side .feature-digest:first-child{border-top:0;padding-top:0}
.feature-digest:hover{padding-left:8px}
.feature-digest:hover h3{color:var(--accent)}
.feature-digest h3{font:400 20px/1.35 var(--serif);letter-spacing:-.02em;margin-top:10px;transition:color .25s}
.feature-digest p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-top:8px}
.journal-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.journal-count{font-size:12px;letter-spacing:.06em;color:var(--muted);white-space:nowrap;padding-bottom:5px}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 34px;margin-top:34px}
.journal-empty{margin-top:40px;font-size:var(--fs-lead);color:var(--muted)}
/* Карточка материала */
.journal-card{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:20px;transition:padding-left .3s}
.journal-card:hover{padding-left:8px}
.journal-card:hover h3{color:var(--accent)}
.journal-card .jc-cover{position:relative;overflow:hidden;margin-bottom:18px}
.journal-card .jc-cover img{height:210px;filter:saturate(.5);transition:transform .5s}
.journal-card:hover .jc-cover img{transform:scale(1.03)}
.jc-play{position:absolute;left:16px;bottom:14px;width:42px;height:42px;border-radius:50%;background:rgba(15,25,20,.62);color:#fff;display:grid;place-items:center;font-size:14px;padding-left:3px}
.jc-body{display:flex;flex-direction:column;flex:1}
.jc-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.jc-type{font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:4px 9px;border-radius:3px;color:#fff}
.jc-type--article{background:#365146}
.jc-type--note{background:#7d6a4e}
.jc-type--video{background:#8a4a33}
.jc-type--case{background:#40616b}
.jc-cat{font-size:11px;letter-spacing:.05em;color:var(--muted)}
.journal-card h3{font:400 var(--fs-h3)/1.35 var(--serif);letter-spacing:-.02em;transition:color .25s}
.journal-card p{font-size:var(--fs-body);color:var(--muted);line-height:1.6;margin-top:10px}
.jc-foot{display:flex;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:16px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.jc-foot span:not(:first-child){position:relative;padding-left:16px}
.jc-foot span:not(:first-child):before{content:'·';position:absolute;left:5px}
/* Крупная featured-карточка */
.feature-lead{border-top:0;padding-top:0}
.feature-lead:hover{padding-left:0}
.feature-lead .jc-cover img{height:clamp(300px,34vw,430px)}
.feature-lead h3{font-size:clamp(25px,2.6vw,36px);line-height:1.28;margin-top:6px}
.feature-lead p{font-size:var(--fs-lead);line-height:1.7}
/* ---- Статья ---- */
.article{max-width:1280px;margin:auto;padding:clamp(30px,3vw,44px) 5% clamp(60px,7vw,90px)}
.article-heading{max-width:900px;margin-bottom:38px}
.article-crumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin:0 0 32px;font-weight:400}
.article-crumbs a{padding:0}
.article-crumbs a::after{display:none}
.article-crumbs a:hover{color:var(--accent)}
.article-heading .eyebrow{color:var(--accent);margin-bottom:22px}
.article-heading h1{font:400 clamp(34px,4.2vw,58px)/1.2 var(--serif);letter-spacing:-.045em;margin-bottom:26px}
.article-heading>p{font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:var(--muted);max-width:820px;margin:0}
.article-meta-line{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);margin-top:30px;padding-top:19px;font-size:12px;color:var(--muted)}
.article-cover{margin-bottom:clamp(40px,5vw,64px)}
.article-cover img{height:clamp(280px,38vw,460px);filter:saturate(.5)}
.article-cover figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:12px}
.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:space-between;gap:55px}
.article-toc{position:sticky;top:30px;align-self:start}
.article-toc .aside-label{display:block;margin-bottom:18px}
.article-toc ol{list-style:decimal-leading-zero;padding-left:26px;margin:0 0 30px}
.article-toc li{padding:0 0 14px 5px;font-size:13px;line-height:1.55;color:var(--muted)}
.article-toc a:hover{color:var(--accent)}
.article-body{font-size:17px;line-height:1.85;counter-reset:article-sec}
.article-summary{border-left:3px solid var(--accent);padding:5px 0 5px 25px;margin-bottom:45px}
.article-summary p{font-size:var(--fs-lead);line-height:1.7;margin:0}
.article-body section{scroll-margin-top:30px;margin:0 0 52px}
/* Автонумерация разделов тела (редактор номера не проставляет) */
.article-body section>h2:first-child{counter-increment:article-sec}
.article-body section>h2:first-child::before{content:counter(article-sec,decimal-leading-zero);display:block;font:400 12px/1 'Golos Text',sans-serif;letter-spacing:.1em;color:var(--accent);margin-bottom:14px}
.article-body h2{font:400 clamp(26px,2.6vw,34px)/1.3 var(--serif);letter-spacing:-.03em;margin:0 0 22px}
.article-body h3{font-weight:500;font-size:21px;line-height:1.5;margin:26px 0 12px}
.article-body p{margin:0 0 20px}
.article-body ul{padding-left:22px;margin:20px 0}
.article-body li{margin:9px 0;line-height:1.7}
.article-body blockquote{font:400 clamp(20px,2vw,24px)/1.6 var(--serif);color:var(--ink);border-left:3px solid var(--line);padding-left:26px;margin:30px 0}
/* Ссылки в теле: инлайновые — акцентное подчёркивание */
.article-body p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;transition:color .2s}
.article-body p a:hover{color:var(--accent)}
/* Ссылка-кнопка — единственный потомок абзаца: со стрелкой */
.article-body p>a:only-child{display:inline-flex;align-items:center;gap:10px;font-size:13px;text-decoration:none;padding:0 0 8px;border-bottom:1px solid var(--ink)}
.article-body p>a:only-child::after{content:'\2197';font-size:15px;transition:transform .25s}
.article-body p>a:only-child:hover{color:var(--accent);border-color:var(--accent)}
.article-body p>a:only-child:hover::after{transform:translateX(4px)}
.article-callout{background:#eee9df;padding:28px 30px;margin:28px 0}
.article-callout h3{margin:0 0 12px}
.article-callout p,.article-callout li{color:var(--ink)}
.article-callout ul{margin-bottom:0}
.article-cta{margin:clamp(48px,6vw,70px) 0 40px}
.article-cta+p{font-size:13px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin:0}
.article-end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:40px}
/* --- Статья: подпись автора, инструменты, прогресс, читайте также --- */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:70}
.reading-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}
.article-byline{display:flex;align-items:center;gap:14px;margin-top:26px}
.article-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#f4f2eb;display:grid;place-items:center;font:400 22px var(--serif)}
.article-byline-text{display:flex;flex-direction:column;gap:3px}
.article-byline-text b{font-weight:550;font-size:15px}
.article-byline-text small{font-size:12px;color:var(--muted)}
.article-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px}
.article-tag{font-size:12px;letter-spacing:.03em;color:var(--ink);background:#eee9df;padding:7px 14px;border-radius:999px;transition:.2s}
.article-tag:hover{background:var(--accent);color:#fff}
.article-share{display:flex;align-items:center;gap:10px}
.share-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.share-btn{font-size:11px;letter-spacing:.04em;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;transition:.2s}
.share-btn:hover{border-color:var(--accent);color:var(--accent)}
.share-btn.is-copied{background:var(--ink);color:#fff;border-color:var(--ink)}
.article-toc a{transition:color .25s,border-color .25s}
.article-toc a.is-active{color:var(--accent);font-weight:550}
.article-toc li:has(a.is-active){color:var(--ink)}
.related{border-top:1px solid var(--line);margin-top:20px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:34px}
/* ---- Навигатор предпринимателя ---- */
.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.route-card{position:relative;min-height:300px;padding:30px 32px 26px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:transform .2s,background .2s}
.route-card:hover{transform:translateY(-4px);background:#e8eae2}
.route-num{font-size:11px;letter-spacing:.12em;color:var(--accent)}
.route-body h3{font:400 clamp(28px,3vw,42px)/1.12 var(--serif);letter-spacing:-.03em;margin:16px 0 14px}
.route-body p{max-width:400px;color:var(--muted);font-size:14px;line-height:1.7}
.route-note{font-size:11px;letter-spacing:.05em;color:var(--muted)}
.route-arrow{position:absolute;top:28px;right:30px;font-size:20px;color:var(--accent);transition:transform .25s}
.route-card:hover .route-arrow{transform:translate(4px,-4px)}
.route-card--dark{background:var(--ink);color:#f4f2eb;border-color:var(--ink)}
.route-card--dark:hover{background:#2a4037}
.route-card--dark .route-body p{color:#bdc8c0}
.route-card--dark .route-note{color:#8ea298}
.route-card--image{padding:0;border:0;overflow:hidden;color:#f4f2eb}
.route-card--image:hover{transform:translateY(-4px);background:none}
.route-card--image img{position:absolute;inset:0;filter:saturate(.4) brightness(.6)}
.route-card--image .route-overlay{position:relative;z-index:1;padding:30px 32px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;height:100%;min-height:300px;background:linear-gradient(180deg,#14221d33,#14221dcc)}
.route-card--image .route-body p{color:#e6e8df}
.route-card--image .route-note{color:#cdd4cb}
.route-card--image .route-arrow{color:#fff}
.decision{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px;align-items:center;background:#e8eae2}
.decision-copy h2{margin:22px 0 18px}
.decision-copy>p{font-size:var(--fs-lead);color:var(--muted);line-height:1.7;margin-bottom:28px}
.decision-list{list-style:none;margin:0;padding:0;counter-reset:dec}
.decision-list li{counter-increment:dec;border-top:1px solid #c5c9bd;padding:22px 0;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:18px}
.decision-list li:before{content:counter(dec,decimal-leading-zero);font:400 22px var(--serif);color:var(--accent)}
.decision-list h3{font-weight:450;font-size:20px;line-height:1.35}
.platform-map .section-heading h2{white-space:nowrap}
.map-links{margin-top:20px;border-top:1px solid var(--line)}
.map-links a{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:24px;padding:26px 4px;border-bottom:1px solid var(--line);transition:padding-left .3s}
.map-links a:hover{padding-left:14px}
.map-label{font-size:11px;letter-spacing:.1em;color:var(--accent)}
.map-value{font:400 clamp(20px,2vw,26px)/1.35 var(--serif);letter-spacing:-.02em;display:flex;justify-content:space-between;gap:20px;align-items:center}
.map-links a:hover .map-value{color:var(--accent)}
.page-note{max-width:1440px;margin:auto;padding:0 5% clamp(48px,6vw,80px)}
.page-note p{max-width:760px;font-size:13px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin:0}
/* ---- Правовые документы (соглашение, политика) ---- */
.legal-doc{max-width:840px;padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(32px,4vw,48px);font-size:16px;line-height:1.8}
.legal-doc h2{font:400 clamp(22px,2.2vw,28px)/1.3 var(--serif);letter-spacing:-.02em;margin:44px 0 16px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc h3{font-weight:500;font-size:19px;line-height:1.5;margin:26px 0 10px}
.legal-doc p{margin:0 0 16px;color:var(--ink)}
.legal-doc ul{padding-left:22px;margin:16px 0}
.legal-doc li{margin:8px 0;line-height:1.7}
.legal-doc a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.legal-doc a:hover{color:var(--accent)}
/* ---- Страница услуги: бухгалтерия ---- */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:11px;font-size:11px;color:var(--muted);margin:0 0 26px}
.breadcrumbs a:hover{color:var(--accent)}
.pc-price{font-size:18px;margin:16px 0 16px;font-family:var(--serif)}
.package-card--accent .pc-price{color:#f4f2eb}
.package-card .primary{margin-top:18px}
.need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:20px}
.need-num{font-size:11px;letter-spacing:.12em;color:var(--accent)}
.need-card h3{font:400 clamp(24px,2.4vw,32px)/1.15 var(--serif);letter-spacing:-.02em;margin:16px 0 12px}
.need-card p{color:var(--muted);font-size:14px;line-height:1.7;max-width:320px}
.scope{background:#e8eae2}
.scope-list{margin:30px 0 0;border-top:1px solid #c4c9be}
.scope-item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #c4c9be}
.scope-num{font-size:11px;letter-spacing:.1em;color:var(--accent)}
.scope-body h3{font:400 var(--fs-h3)/1.3 var(--serif);letter-spacing:-.01em;margin-bottom:6px}
.scope-body p{font-size:14px;color:var(--muted);line-height:1.65;max-width:640px}
.page-note-inline{max-width:840px;margin-top:26px}
.page-note-inline p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.process-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:none}
.process-step{border-top:2px solid var(--ink);padding-top:20px}
.process-num{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.process-body h3{font:400 var(--fs-h3)/1.3 var(--serif);letter-spacing:-.02em;margin:14px 0 10px}
.process-body p{font-size:14px;color:var(--muted);line-height:1.7}
.faq-list{margin-top:30px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary h3{font:400 clamp(18px,2vw,22px)/1.35 var(--serif);letter-spacing:-.01em}
.faq-list summary b{font-size:22px;font-weight:400;color:var(--accent);flex-shrink:0;transition:transform .25s}
.faq-list details[open] summary b{transform:rotate(45deg)}
.faq-answer{padding:0 45px 22px 0}
.faq-answer p{color:var(--muted);font-size:14.5px;line-height:1.75;max-width:640px;margin:0}

@media(max-width:1360px){nav{display:none}}
@media(max-width:1100px){.package-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.journal-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.journal-featured{grid-template-columns:1fr}.decision{grid-template-columns:1fr;gap:36px}.need-grid{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr}.feature-side .feature-digest:first-child{border-top:1px solid var(--line);padding-top:22px;margin-top:8px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.team-grid{grid-template-columns:1fr}header{gap:24px}body>header .brand-logo{height:82px}.brand-tagline{font-size:10.5px;padding-left:14px}.hero{min-height:580px}.hero-copy{padding-top:45px}.hero-copy>p{font-size:14px}.hero-foot{flex-direction:column;padding-top:30px}.navigator{gap:15px}.navigator>button{padding-left:18px}.navigator strong{font-size:18px}.expert-layout{gap:40px}.story{gap:55px}.story-photo img{height:600px}.story-copy blockquote{font-size:20px}.investment-copy{padding:50px 8%}.journal-grid{gap:40px}.community{gap:35px}.hero-image figcaption{font-size:11px}.hero-image small{font-size:8px}.service-list h3{font-size:20px}}@media(max-width:760px){.topbar-tagline{font-size:11px}.topbar-hours{display:none}header{height:80px;padding-inline:6%;gap:16px}.brand-word{font-size:38px}.brand-word>span{font-size:8px;margin-top:8px}.brand-desc{font-size:9.5px;letter-spacing:.14em}body>header .brand-logo{height:46px}body>header .brand-tagline{font-size:8.5px;line-height:1.4;letter-spacing:.06em;padding-left:9px}.header-cta.primary{padding:12px 16px;font-size:12px}.header-cta.primary span{font-size:14px}.menu-panel-inner{padding:120px 6% 45px;grid-template-columns:1fr;gap:34px}.mp-services a b{font-size:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 25px}.eyebrow{font-size:10px}h1{font-size:clamp(38px,7.8vw,58px);margin:25px 0 22px;line-height:1.25}.hero-copy>p{max-width:440px;font-size:15px}.hero-foot{flex-direction:row;width:100%;padding-top:26px;font-size:9px}.hero-foot>span:last-child{display:none}.hero-image{height:410px}.hero-image img{object-position:50% 48%}.hero-image figcaption{left:6%;right:6%;font-size:12px}.hero-image small{font-size:9px}.navigator{grid-template-columns:1fr;padding:30px 6%;gap:0}.nav-intro{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px}.nav-intro p{font-size:22px;margin:0}.navigator>button{border-left:0;border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:90px 1fr;column-gap:15px}.navigator small{grid-row:span 2;margin-top:5px}.navigator strong{font-size:20px;margin:0 0 5px}.navigator>button>span{font-size:12px}.section{padding:60px 6%}.section-heading{display:block}.section-heading>.eyebrow{margin-bottom:25px}.section-heading>p{margin:20px 0 30px}.expert-layout{grid-template-columns:1fr;gap:30px;margin-top:0}.expert-layout img{height:320px}.expert-layout figcaption{font-size:10px}.service-list summary{padding:22px 0;gap:17px}.industry>div{gap:15px}.story{grid-template-columns:1fr;gap:30px;padding-top:10px}.story-photo img{height:560px;object-position:center 28%}.story-copy{padding-top:0}.story-copy h2{margin:25px 0}.story-copy blockquote{font-size:22px}.investment{grid-template-columns:1fr}.investment>figure{height:350px}.investment img{object-position:center 42%}.investment-copy{padding:40px 6%}.investment h2{margin-top:25px}.investment li{font-size:13px}.journal-top .edition{display:none}.journal-title{display:block;margin:25px 0 30px}.journal-title p{margin-top:18px}.journal-grid{grid-template-columns:1fr;gap:40px}.photo-button img{height:300px}.community{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:25px}.community-heading{padding-top:0}.community h2{margin:23px 0}.community-photo img{height:330px}.community-bottom{gap:25px;padding-top:20px}.big-number{font-size:75px}.community-bottom p{font-size:13px}.community-bottom>span:last-child{display:none}.contacts-cta-banner{padding:44px 6%;flex-direction:column;align-items:flex-start;gap:26px}.contacts-inner{padding-top:10px}.contacts-grid{grid-template-columns:1fr 1fr;margin:35px 0 0}.contact-block{padding:24px 20px}.cb-value{font-size:23px}.contact-map iframe{height:320px}.contact-map{margin:28px 0}.page-hero{grid-template-columns:1fr;gap:28px;padding:38px 6% 30px}.page-hero-aside{width:100%}.timeline-list{grid-template-columns:1fr}.timeline-list>li:last-child{grid-column:auto}.team-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr}.service-anchors a{font-size:14px}.filter-group{grid-template-columns:1fr;gap:10px}.filter-label{padding-top:0}.journal-grid{grid-template-columns:1fr;gap:30px}.related-grid{grid-template-columns:1fr;gap:30px}.journal-list-head{align-items:flex-start}.article-cover img{height:280px}.article-tools{align-items:flex-start;flex-direction:column;gap:14px}.route-grid{grid-template-columns:1fr;gap:12px}.route-card{min-height:270px}.route-card--image .route-overlay{min-height:270px}.need-grid{grid-template-columns:1fr;gap:30px}.process-steps{grid-template-columns:1fr;gap:22px}.scope-item{grid-template-columns:34px 1fr;gap:12px}.platform-map .section-heading h2{white-space:normal}.map-links a{grid-template-columns:1fr;gap:6px;padding:20px 2px}.map-value{font-size:19px}.article-layout{display:block}.article-toc{position:static;border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:8px}.article-toc ol{margin-bottom:20px}.article-body{font-size:16px}.article-callout{padding:22px 20px}.article-end{gap:16px}footer{padding:48px 6% 25px}.footer-top{grid-template-columns:1fr 1fr;gap:32px 24px;padding-bottom:34px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.footer-up{align-self:flex-end}dialog{padding:40px 24px}dialog h2{font-size:27px}}@media(max-width:390px){.topbar-tagline{font-size:10px}.header-cta.primary{font-size:11px;padding:11px 13px}.brand-word{font-size:34px}header{gap:12px}.hero-image{height:320px}.hero-copy{padding-top:30px}h1{font-size:37px}.navigator>button{grid-template-columns:75px 1fr}.navigator strong{font-size:18px}.story-photo img{height:480px}.contacts-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.page-hero~.section+.section{padding-top:0}

/* Вертикальный ритм страниц услуг — см. слой «СТРАНИЦА УСЛУГИ» в конце файла */

#accounting-top > .page-hero .page-hero-text > .primary,
#legal-top > .page-hero .page-hero-text > .primary {
    margin-top: 24px;
}

/* Вертикальный ритм страницы «О нас»: один интервал между секциями. */
.story + .timeline {
    padding-top: 5%;
}



/* Хлебные крошки */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    font-size: 11px;
    font-weight: 400;
    color: var(--muted);
    margin: 0 0 26px;
}

.breadcrumbs a {
    padding: 0;
}

.breadcrumbs a::after {
    display: none;
}

.breadcrumbs a:hover {
    color: var(--accent);
}




/* Keep the process heading on two lines at desktop widths. */
#accounting-top > .process .section-heading--stacked {
    max-width: 760px;
}


.price-table{
   width:100%;
   border-collapse:collapse;
   margin-top:1rem;
   font-size:.95rem;
}
.price-table th,
.price-table td{
   text-align:left;
   padding:.85rem 1rem;
   border-bottom:1px solid rgba(0,0,0,.08);
   vertical-align:top;
}
.price-table thead th{
   font-weight:600;
   background:rgba(0,0,0,.03);
   border-bottom:2px solid rgba(0,0,0,.12);
}
.price-table td:last-child,
.price-table th:last-child{
   white-space:nowrap;
   font-variant-numeric:tabular-nums;
}
.price-table--risk td:nth-child(2){ white-space:nowrap; }

@media (max-width:640px){
   .price-table{ font-size:.85rem; }
   .price-table th,
   .price-table td{ padding:.6rem .5rem; }
}

/* Кадровое делопроизводство: отступ кнопки первого экрана */
#hr-top .page-hero-text > .primary{margin-top:24px;}


/* Кадровое делопроизводство: отступ после блока состава услуг */
#hr-top .need.section{padding-bottom:0;}
#hr-top .scope.section{padding-top:100px;margin-bottom:100px;}


/* =====================================================================
   PREMIUM REFINEMENT LAYER
   Слой стилевой доводки. Сетку не меняет — только типографика,
   микродетали, состояния наведения, единая система кнопок.
   Подключается поверх основных правил (каскад), HTML не трогаем.
   ===================================================================== */

/* -- Токены: --ease раньше не был объявлен, из-за чего часть transition не работала -- */
:root{
  --ease:cubic-bezier(.22,.61,.36,1);
  --ink-2:#2a4037;
  --paper-2:#ece9df;
  --line-soft:#e3e5dc;
  --accent-soft:rgba(172,108,64,.14);
}

/* -- Базовые микродетали -- */
::selection{background:var(--accent);color:#fff}
html{scroll-padding-top:200px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.brand-word,.cb-value,.big-number{font-feature-settings:"kern" 1,"liga" 1}
a,button,summary{transition:color .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease)}

/* -- Топбар: ровный набор цифр, чуть больше воздуха -- */
.topbar-tagline{letter-spacing:.02em}
.topbar-phone{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.topbar-hours{font-size:12px}

/* -- Шапка: легче и ниже, стекло вместо постоянной тени -- */
body>header{
  height:150px;
  background:rgba(248,247,243,.88);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:none;
  transition:box-shadow .4s var(--ease),border-color .4s var(--ease);
}
body>header.is-scrolled{box-shadow:0 12px 34px rgba(16,32,26,.08);border-bottom-color:var(--line-soft)}
body>header .brand-logo{height:120px}
.brand-tagline{
  font-size:13px;line-height:1.5;letter-spacing:.02em;
  text-transform:none;font-weight:450;color:var(--muted);
  padding-left:18px;
}
.footer-brand .brand-tagline{color:#aebbb1}
nav{gap:36px}
nav a{letter-spacing:.005em}

/* -- Единая система кнопок: одна высота, один ритм, одна стрелка -- */
.primary{
  height:54px;padding:0 26px;gap:28px;
  font-size:14px;font-weight:500;letter-spacing:.01em;
  transition:background-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);
}
.primary>span{font-size:16px;line-height:1;transition:transform .35s var(--ease)}
.primary:hover>span{transform:translate(3px,-3px)}
.primary:active{transform:translateY(1px)}
.header-cta.primary{height:46px;padding:0 20px;gap:16px;font-size:13.5px}
.header-cta.primary span{font-size:15px}
.light{height:54px;padding:0 26px;gap:28px;font-size:14px}
.light:hover{background:#fff}
.mp-contact .primary{height:50px}

/* -- Пилюли: тон вместо рамки -- */
.hero-foot>span,.hero-trust li{
  background:var(--paper-2);border-color:transparent;
  font-weight:450;letter-spacing:.01em;padding:8px 16px;
}

/* -- Единый левый край: hero внутренних страниц и контактные блоки — в ту же сетку 1600px, что хедер, секции и футер -- */
.page-hero,.contacts-inner,.page-note{max-width:1600px}

/* -- Hero: телефон и подпись фото -- */
.hero-actions{gap:30px}
.hero-call{transition:color .25s var(--ease),border-color .25s var(--ease)}
.hero-image figcaption{font:400 15px/1.4 var(--serif);letter-spacing:-.01em}
.hero-image figcaption small{font-family:'Golos Text',sans-serif;letter-spacing:.1em}

/* -- Навигатор этапов: порядковые номера как графика, отзывчивое наведение -- */
.navigator{counter-reset:navstep}
.navigator>button{position:relative;counter-increment:navstep;transition:border-color .35s var(--ease)}
.navigator>button::after{
  content:counter(navstep,decimal-leading-zero);
  position:absolute;right:0;top:2px;
  font:400 28px/1 var(--serif);letter-spacing:-.04em;
  color:#d3d7cd;pointer-events:none;
  transition:color .35s var(--ease);
}
.navigator>button:hover{border-left-color:var(--accent)}
.navigator>button:hover::after{color:var(--accent)}
.navigator>button small,.navigator>button strong,.navigator>button>span{display:block;transition:transform .4s var(--ease),color .3s var(--ease)}
.navigator>button strong{display:flex}
.navigator>button:hover small,.navigator>button:hover strong,.navigator>button:hover>span{transform:translateX(6px)}
.navigator strong span{transition:transform .35s var(--ease)}
.navigator>button:hover strong span{transform:translate(3px,-3px)}
.navigator small{font-weight:500}

/* -- Услуги: аккордеон с точным «плюсом» в круге -- */
.service-list summary{transition:padding-left .3s var(--ease)}
.service-list h3{transition:color .25s var(--ease)}
.service-list summary:hover h3{color:var(--accent)}
.service-list summary>b{
  position:relative;width:38px;height:38px;flex-shrink:0;
  border:1px solid var(--line);border-radius:50%;
  font-size:0;line-height:0;color:var(--ink);
  transition:transform .4s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.service-list summary>b::before,.service-list summary>b::after{
  content:'';position:absolute;left:50%;top:50%;background:currentColor;
  transform:translate(-50%,-50%);border-radius:1px;
}
.service-list summary>b::before{width:13px;height:1.2px}
.service-list summary>b::after{width:1.2px;height:13px}
.service-list summary:hover>b{border-color:var(--ink)}
.service-list details[open] summary>b{transform:rotate(45deg);background:var(--ink);border-color:var(--ink);color:#fff}
.service-list details[open] summary h3{color:var(--ink)}
.expert-layout figcaption{
  border-top:1px solid var(--line);padding-top:12px;margin-top:14px;
  font-size:12px;letter-spacing:.02em;
}
.industry>span{font-weight:500}

/* -- История / основательница: акцентный штрих у цитаты, живая подпись -- */
.story-copy blockquote{position:relative}
.story-copy blockquote::before{
  content:'';display:block;width:48px;height:1px;
  background:var(--accent);margin-bottom:24px;
}
.founder{align-items:center;gap:26px}
.founder>span{
  font:500 44px/1 'Caveat',var(--serif);
  letter-spacing:0;color:var(--ink);
  transform:rotate(-2deg);transform-origin:left center;
}
.founder small{line-height:1.5;border-left:1px solid var(--line);padding-left:18px}

/* -- СЭЗ / инвестиции: глубина и ритм списка -- */
.investment-copy{
  position:relative;
  background:radial-gradient(ellipse 60% 55% at 100% 0%,rgba(172,108,64,.16),transparent 70%);
}
.investment ol{border-top:1px solid #42524a}
.investment li{
  padding:18px 0;gap:22px;font-size:14.5px;align-items:baseline;
  transition:color .3s var(--ease),padding-left .3s var(--ease);
}
.investment li span{font:400 12px/1 var(--serif);letter-spacing:.06em;min-width:22px}
.investment li:hover{color:#fff;padding-left:6px}
.investment figcaption{font-weight:500}

/* -- Журнал -- */
.image-tag{letter-spacing:.14em;font-weight:500}
.play{transition:background-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.photo-button:hover .play{background:var(--ink);color:#fff;transform:translate(2px,-2px)}
.reading-head{font-weight:500}
.reading-list .text-link b{transition:transform .3s var(--ease)}
.reading-list>.reading-item:hover .text-link b{transform:translateX(4px)}
.edition{font-weight:500}

/* -- Сообщество -- */
.big-number{line-height:1}
.community-bottom>span:last-child{font-weight:500}

/* -- Контакты -- */
.contact-block{transition:background-color .3s var(--ease)}
.contact-block:hover{background:#fff}
.cb-label{font-weight:500}

/* -- Диалог -- */
dialog .choice{transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
dialog .choice:hover{border-color:var(--ink);transform:translateX(3px)}

/* -- Сохранение адаптивных высот шапки (перекрываем собственные правила слоя) -- */
@media(max-width:1100px){
  body>header .brand-logo{height:82px}
  .brand-tagline{font-size:11px;padding-left:14px}
}
@media(max-width:760px){
  html{scroll-padding-top:130px}
  body>header{height:80px}
  body>header .brand-logo{height:46px}
  .primary{height:50px;padding:0 20px;gap:20px}
  .header-cta.primary{height:42px;padding:0 16px}
  .navigator>button::after{font-size:22px}
  .founder>span{font-size:38px}
}

/* =====================================================================
   ЖУРНАЛ — стилевая доводка портала (media.html)
   Разметка карточек приходит из js/journal.js, классы не меняем.
   ===================================================================== */

/* -- Фильтры: строка рубрик, примыкает к нижней линии hero (одна линия, без пустого зазора) -- */
.journal-filters.section{gap:0;padding-top:0;padding-bottom:0}
.filter-group{
  grid-template-columns:90px 1fr;gap:20px;
  padding:16px 0;border-bottom:1px solid var(--line);
}
.filter-label{padding-top:7px;font-weight:500}
.filter-chips{gap:6px 26px}
.filter-chip{
  padding:6px 0;border:0;border-radius:0;background:none;
  font-size:14px;color:var(--muted);letter-spacing:.005em;
  position:relative;transition:color .25s var(--ease);
}
.filter-chip::after{
  content:'';position:absolute;left:0;right:100%;bottom:2px;height:1px;
  background:var(--accent);transition:right .3s var(--ease),background-color .3s var(--ease);
}
.filter-chip:hover{color:var(--ink);border:0;background:none}
.filter-chip:hover::after{right:0}
.filter-chip.is-active{background:none;border:0;color:var(--ink);font-weight:500}
.filter-chip.is-active::after{right:0;background:var(--ink)}

/* -- Метки формата: монохромная типографика вместо цветных плашек -- */
.jc-meta{gap:0;margin-bottom:14px;align-items:center}
.jc-type,.jc-type--article,.jc-type--note,.jc-type--video,.jc-type--case{
  background:none;color:var(--ink);padding:0;border-radius:0;
  font-size:10.5px;letter-spacing:.14em;font-weight:500;
  display:inline-flex;align-items:center;gap:7px;
}
.jc-type--video::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--accent);flex-shrink:0;
}
.jc-cat{
  font-size:12px;letter-spacing:.02em;color:var(--muted);
  padding-left:12px;margin-left:12px;border-left:1px solid var(--line);
  line-height:1.2;
}

/* -- Мета внизу карточки: читаемо, ровные цифры -- */
.jc-foot{font-size:12.5px;letter-spacing:.02em;color:#59665f;font-variant-numeric:tabular-nums;padding-top:18px}
.jc-foot span:not(:first-child)::before{color:var(--line);top:-1px}
.journal-count{font-size:12.5px;font-variant-numeric:tabular-nums}

/* -- Карточки ленты: спокойный заголовок, стрелка-маркер при наведении -- */
.journal-card{padding-top:22px}
.journal-card h3{position:relative;padding-right:26px}
.journal-card h3::after{
  content:'\2197';position:absolute;right:0;top:2px;
  font:400 15px/1 'Golos Text',sans-serif;color:var(--accent);
  opacity:0;transform:translate(-6px,6px);
  transition:opacity .3s var(--ease),transform .35s var(--ease);
}
.journal-card:hover h3::after{opacity:1;transform:translate(0,0)}
.journal-card .jc-cover{background:var(--paper-2)}
.jc-play{
  width:46px;height:46px;background:rgba(15,25,20,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.28);font-size:13px;
  transition:background-color .3s var(--ease),transform .3s var(--ease);
}
.journal-card:hover .jc-play{background:var(--accent);transform:scale(1.06)}

/* -- Featured: колонка анонсов растягивается на высоту крупной карточки -- */
.journal-featured{align-items:stretch;margin-top:34px}
.feature-side{display:flex;flex-direction:column;justify-content:stretch}
.feature-digest{
  flex:1 1 0;display:flex;flex-direction:column;
  padding:24px 0;
}
.feature-digest .jc-foot{margin-top:auto}
.feature-side .feature-digest:last-child{border-bottom:1px solid var(--line)}
.feature-digest h3{font-size:22px;margin-top:0;padding-right:26px;position:relative}
.feature-digest h3::after{
  content:'\2197';position:absolute;right:0;top:2px;
  font:400 15px/1 'Golos Text',sans-serif;color:var(--accent);
  opacity:0;transform:translate(-6px,6px);
  transition:opacity .3s var(--ease),transform .35s var(--ease);
}
.feature-digest:hover h3::after{opacity:1;transform:translate(0,0)}
.feature-digest p{font-size:14px;margin-top:10px}
.feature-lead h3{padding-right:0}
.feature-lead h3::after{display:none}
.feature-lead .jc-meta{margin-top:22px}
.feature-lead .jc-cover{margin-bottom:0}

/* -- Ритм секций журнала. Селекторы с .page-hero~ перекрывают общее правило
      .page-hero~.section+.section{padding-top:0}, которое обнуляло отступы -- */
.page-hero~.journal-featured-wrap.section,
.page-hero~.journal-list-wrap.section{padding-top:72px}

@media(max-width:760px){
  .filter-group{grid-template-columns:1fr;gap:8px;padding:14px 0}
  .filter-chips{gap:4px 20px}
  .filter-chip{font-size:13.5px}
  .journal-featured{margin-top:26px}
  .feature-side .feature-digest:first-child{border-top:1px solid var(--line);padding-top:24px;margin-top:0}
  .feature-digest h3{font-size:20px}
  .page-hero~.journal-featured-wrap.section,.page-hero~.journal-list-wrap.section{padding-top:52px}
}

/* =====================================================================
   СТАТЬЯ — стилевая доводка (media/*.html)
   Тело статьи — чистые h2/h3/p/ul/blockquote/a из CMS без классов.
   ===================================================================== */

/* -- Шапка статьи: крошки, лид, байлайн -- */
.article-crumbs{font-size:12px;gap:10px;letter-spacing:.01em}
.article-crumbs span:not(:last-child){color:var(--line)}
.article-heading h1{line-height:1.18}
.article-heading>p{color:#4f5c55}
.article-byline{margin-top:30px;gap:16px}
.article-avatar{
  flex-basis:54px;width:54px;height:54px;font-size:24px;
  box-shadow:0 0 0 1px var(--paper),0 0 0 2px var(--accent);
}
.article-byline-text b{font-size:15.5px}
.article-byline-text small{font-size:12.5px;font-variant-numeric:tabular-nums}

/* -- Инструменты: тег и шаринг без рамок, единая типографика -- */
.article-tools{margin-top:30px;padding-top:18px}
.article-tag{
  background:none;padding:0;border-radius:0;
  font-size:12.5px;letter-spacing:.01em;color:var(--ink);
  border-bottom:1px solid var(--line);padding-bottom:3px;
}
.article-tag:hover{background:none;color:var(--accent);border-color:var(--accent)}
.article-share{gap:22px}
.share-label{margin-right:0}
.share-btn{
  background:none;border:0;border-radius:0;padding:0 0 3px;
  font-size:12.5px;letter-spacing:.01em;color:var(--ink);
  border-bottom:1px solid var(--line);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.share-btn:hover{color:var(--accent);border-color:var(--accent)}
/* Полные названия сервисов вместо аббревиатур (текст TG/WA остаётся в DOM для доступности) */
#shareTg,#shareWa{font-size:0;line-height:0}
#shareTg::before,#shareWa::before{font-size:12.5px;line-height:1.3;letter-spacing:.01em}
#shareTg::before{content:'Telegram'}
#shareWa::before{content:'WhatsApp'}
.share-btn.is-copied{background:none;border-color:var(--accent);color:var(--accent)}

/* -- Обложка: подпись читаемая, привязана линией -- */
.article-cover{margin-top:34px}
.article-cover figcaption{
  font-size:13px;letter-spacing:.01em;color:var(--muted);
  border-top:1px solid var(--line);padding-top:12px;margin-top:14px;
}

/* -- Колонки: комфортная мера чтения -- */
.article-layout{grid-template-columns:250px minmax(0,700px);gap:64px}
.article-toc{top:170px}
.article-toc .aside-label{font-weight:500}
.article-toc ol{padding-left:0;list-style:none;counter-reset:toc}
.article-toc li{
  counter-increment:toc;padding:0 0 14px 34px;position:relative;
  font-size:13.5px;line-height:1.5;
}
.article-toc li::before{
  content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:1px;
  font:400 12px/1.5 var(--serif);letter-spacing:.04em;color:var(--accent);
  font-variant-numeric:tabular-nums;
}
.article-toc a.is-active{font-weight:500;color:var(--ink)}
.article-toc li:has(a.is-active)::before{color:var(--ink)}
.article-toc>.text-link{margin-top:6px;font-size:12.5px}

/* -- Тело: типографика чтения -- */
.article-body{font-size:17px;line-height:1.8;color:#22322d}
.article-body p{margin-bottom:22px}
.article-body h2{margin-bottom:24px;line-height:1.28}
.article-body section{margin-bottom:58px}
.article-body section>h2:first-child::before{
  font-family:var(--serif);font-size:13px;letter-spacing:.06em;
  margin-bottom:16px;
}
.article-body h3{font-weight:550;font-size:19px;letter-spacing:-.005em;margin:30px 0 12px}

/* Списки: медные тире вместо дефолтных маркеров — как .pc-list на страницах услуг */
.article-body ul{list-style:none;padding-left:0;margin:22px 0 26px}
.article-body li{position:relative;padding-left:26px;margin:10px 0;line-height:1.7}
.article-body li::before{
  content:'\2014';position:absolute;left:0;top:0;
  color:var(--accent);font-weight:400;
}
.article-body ol{padding-left:0;list-style:none;counter-reset:artol;margin:22px 0 26px}
.article-body ol>li{counter-increment:artol;position:relative;padding-left:34px}
.article-body ol>li::before{
  content:counter(artol,decimal-leading-zero);position:absolute;left:0;top:2px;
  font:400 13px/1.7 var(--serif);letter-spacing:.04em;color:var(--accent);
}

/* Вводка: отделена от цитаты — левый штрих убран, крупный лид с линией снизу */
.article-summary{
  border-left:0;padding:0 0 30px;margin-bottom:44px;
  border-bottom:1px solid var(--line);
}
.article-summary p{font-size:18.5px;line-height:1.65;color:var(--ink);max-width:620px}

/* Цитата: единый стиль с главной (медный штрих сверху, без левой линии) */
.article-body blockquote{
  position:relative;border-left:0;padding:0;margin:38px 0 40px;
  font-size:clamp(21px,2vw,25px);line-height:1.5;letter-spacing:-.02em;color:var(--ink);
  max-width:600px;
}
.article-body blockquote::before{
  content:'';display:block;width:48px;height:1px;
  background:var(--accent);margin-bottom:22px;
}
.article-body blockquote p{margin:0;font:inherit}

/* Каллаут: kicker-подпись через CSS, больше воздуха */
.article-callout{padding:32px 34px 30px;margin:32px 0 36px;position:relative}
.article-callout h3{margin:0 0 14px;font-size:20px}
.article-callout h3::before{
  content:'';display:block;width:24px;height:1px;background:var(--accent);
  margin-bottom:14px;
}
.article-callout p{font-size:16px;line-height:1.75}
.article-callout p:last-child{margin-bottom:0}
.article-callout ul{margin:0}
.article-callout li{font-size:16px}

/* Ссылки: инлайн — медное подчёркивание, ссылка-кнопка — единый text-link */
.article-body p a{text-decoration-thickness:1px}
.article-body p>a:only-child{font-size:13.5px;padding-bottom:9px;gap:14px;letter-spacing:.005em}
.article-body p>a:only-child::after{font-size:14px;color:var(--accent)}

/* CTA внутри статьи */
.article-cta{margin:56px 0 40px}
.article-cta+p{font-size:13.5px;color:var(--muted)}
.article-end{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.article-end .text-link{font-size:13px}

/* Читайте также */
.related.section{padding-top:70px}
.related-grid{margin-top:34px}

/* -- Таблицы в теле статьи (чистый <table> из CMS, без классов) --
      Десктоп: редакционная таблица — тонкие линии, первый столбец как «термин»,
      второй — ключевое значение акцентным серифом.
      Телефон: каждая строка — карточка «подпись столбца — значение»
      (подписи проставляет js/article.js через data-label). */
.article-body table{
  width:100%;border-collapse:collapse;margin:30px 0 34px;
  font-size:15px;line-height:1.55;color:var(--ink);
  font-variant-numeric:tabular-nums;
  border-top:2px solid var(--ink);
}
.article-body thead th{
  text-align:left;vertical-align:bottom;
  padding:14px 18px 12px 0;
  font:500 11px/1.4 'Golos Text',sans-serif;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--ink);
}
.article-body tbody td{
  padding:16px 18px 16px 0;vertical-align:top;
  border-bottom:1px solid var(--line);
}
.article-body th:last-child,.article-body td:last-child{padding-right:0}
/* Первый столбец — название (льгота, пункт) */
.article-body tbody td:first-child{font-weight:500;width:30%}
/* Второй столбец — ключевое значение (ставка, срок) */
.article-body tbody td:nth-child(2){
  font:400 17px/1.4 var(--serif);letter-spacing:-.01em;color:var(--accent);
  width:24%;
}
/* Остальные — пояснения */
.article-body tbody td:nth-child(n+3){color:#4f5c55;font-size:14.5px}
.article-body tbody tr{transition:background-color .2s var(--ease)}
.article-body tbody tr:hover{background:rgba(236,233,223,.55)}
/* Абзац-вывод сразу после таблицы */
.article-body table+p{margin-top:4px}

@media(max-width:1100px){
  .article-layout{grid-template-columns:200px minmax(0,1fr);gap:44px}
}
/* Планшет: таблица остаётся таблицей, но плотнее */
@media(max-width:900px){
  .article-body table{font-size:14px}
  .article-body thead th{padding-right:12px}
  .article-body tbody td{padding:14px 12px 14px 0}
  .article-body tbody td:nth-child(2){font-size:15.5px}
}
/* Телефон: строки → карточки */
@media(max-width:640px){
  .article-body table.is-labelled,
  .article-body table.is-labelled tbody,
  .article-body table.is-labelled tr,
  .article-body table.is-labelled td{display:block;width:auto}
  .article-body table.is-labelled thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .article-body table.is-labelled{border-top:0;margin:24px 0 28px}
  .article-body table.is-labelled tr{
    padding:16px 0 14px;border-top:1px solid var(--line);
  }
  .article-body table.is-labelled tr:first-child{border-top:2px solid var(--ink)}
  .article-body table.is-labelled tr:last-child{border-bottom:1px solid var(--line)}
  .article-body table.is-labelled tbody tr:hover{background:none}
  .article-body table.is-labelled td{border:0;padding:0}
  /* Название строки — заголовок карточки, без подписи */
  .article-body table.is-labelled td:first-child{font:500 16px/1.4 'Golos Text',sans-serif;margin-bottom:10px}
  /* Остальные ячейки — пара «подпись — значение» */
  .article-body table.is-labelled td:not(:first-child){
    display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:12px;
    padding:6px 0;
  }
  .article-body table.is-labelled td:not(:first-child)::before{
    content:attr(data-label);
    font:500 10.5px/1.5 'Golos Text',sans-serif;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);padding-top:3px;
  }
  .article-body table.is-labelled td:nth-child(2){font-size:16px}
  .article-body table.is-labelled td:nth-child(n+3){font-size:14px}
  /* Без JS: широкая таблица просто прокручивается внутри колонки */
  .article-body table:not(.is-labelled){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:760px){
  .article-avatar{flex-basis:48px;width:48px;height:48px;font-size:22px}
  .article-cover{margin-top:26px}
  .article-toc{top:auto}
  .article-toc li{padding-left:30px}
  .article-body{font-size:16.5px}
  .article-summary p{font-size:17.5px}
  .article-body blockquote{margin:30px 0 32px}
  .article-callout{padding:24px 22px 22px}
  .article-share{gap:16px}
  .related.section{padding-top:50px}
}

/* =====================================================================
   СТРАНИЦА УСЛУГИ — стилевая доводка (services/*.html)
   #accounting-top — бухгалтерия, #legal-top — юридическая поддержка.
   Разметку не меняем: ритм, тон, иерархия кнопок, детали.
   ===================================================================== */

/* -- Токены страницы услуги -- */
:is(#accounting-top,#legal-top){
  --svc-gap:clamp(64px,7.5vw,96px);   /* единый интервал между секциями */
  --svc-rule:rgba(25,42,38,.13);      /* линии на тонированном фоне */
}

/* -- 1. Единый вертикальный ритм: каждая секция — один и тот же отступ сверху -- */
:is(#accounting-top,#legal-top)>.section{padding-top:var(--svc-gap);padding-bottom:0}
:is(#accounting-top,#legal-top)>.scope{padding-bottom:var(--svc-gap);margin-top:var(--svc-gap)}
:is(#accounting-top,#legal-top)>.scope+.section{padding-top:var(--svc-gap)}
:is(#accounting-top,#legal-top)>.contacts{padding-top:var(--svc-gap)}

/* -- 2. Один «второй фон» вместо четырёх близких оттенков -- */
:is(#accounting-top,#legal-top) .page-hero-aside,
:is(#accounting-top,#legal-top)>.scope{background:var(--paper-2)}
:is(#accounting-top,#legal-top) .page-hero-aside{border-color:transparent;padding:30px 30px 28px}
.article-callout{background:var(--paper-2)}

/* -- 3. Hero: крошки читаемы, одно главное действие -- */
:is(#accounting-top,#legal-top) .breadcrumbs{font-size:12px;gap:10px;letter-spacing:.01em}
:is(#accounting-top,#legal-top) .breadcrumbs span:not(:last-child){color:var(--line)}
:is(#accounting-top,#legal-top) .breadcrumbs span:last-child{color:var(--ink)}
/* «Выбрать тариф» — якорь вниз по странице, поэтому вторичная кнопка */
:is(#accounting-top,#legal-top)>.page-hero .page-hero-text>.primary{
  background:transparent;color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink);
}
:is(#accounting-top,#legal-top)>.page-hero .page-hero-text>.primary>span{color:var(--accent)}
:is(#accounting-top,#legal-top)>.page-hero .page-hero-text>.primary:hover{background:var(--ink);color:#fff}
:is(#accounting-top,#legal-top)>.page-hero .page-hero-text>.primary:hover>span{color:#fff;transform:translateY(3px)}

/* -- 4. «Когда это нужно»: колонки с разделителями, номер — медный маркер -- */
:is(#accounting-top,#legal-top) .need-grid{margin-top:34px}
:is(#accounting-top,#legal-top) .need-num{
  display:inline-flex;align-items:center;gap:12px;
  font:400 13px/1 var(--serif);letter-spacing:.06em;color:var(--accent);
}
:is(#accounting-top,#legal-top) .need-num::before{content:'';width:28px;height:1px;background:var(--accent)}
:is(#accounting-top,#legal-top) .need-card h3{margin:22px 0 14px;transition:color .25s var(--ease)}
:is(#accounting-top,#legal-top) .need-card p{font-size:14.5px}
@media(min-width:1101px){
  :is(#accounting-top,#legal-top) .need-grid{gap:0}
  :is(#accounting-top,#legal-top) .need-card{padding:4px 40px 6px;border-left:1px solid var(--line)}
  :is(#accounting-top,#legal-top) .need-card:first-child{padding-left:0;border-left:0}
}
@media(max-width:1100px){
  :is(#accounting-top,#legal-top) .need-card{border-top:1px solid var(--line);padding-top:24px}
}

/* -- 5. «Что входит»: заголовок пункта слева, пояснение справа — вся ширина работает -- */
:is(#accounting-top,#legal-top) .scope-list{margin-top:40px;border-top-color:var(--svc-rule)}
:is(#accounting-top,#legal-top) .scope-item{
  grid-template-columns:64px 1fr;padding:26px 0;border-bottom-color:var(--svc-rule);
  transition:padding-left .35s var(--ease);
}
:is(#accounting-top,#legal-top) .scope-num{font:400 15px/1.5 var(--serif);letter-spacing:.04em;padding-top:2px}
:is(#accounting-top,#legal-top) .scope-body h3{transition:color .25s var(--ease)}
:is(#accounting-top,#legal-top) .scope-item:hover{padding-left:8px}
:is(#accounting-top,#legal-top) .scope-item:hover h3{color:var(--accent)}
@media(min-width:1101px){
  :is(#accounting-top,#legal-top) .scope-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:baseline}
  :is(#accounting-top,#legal-top) .scope-body h3{margin:0}
  :is(#accounting-top,#legal-top) .scope-body p{font-size:15px;max-width:560px}
}

/* -- 6. Тарифы: цена тише, кнопки вторичные, медь — только у выделенного -- */
:is(#accounting-top,#legal-top) .package-card{padding:34px 28px 28px}
:is(#accounting-top,#legal-top) .pc-fit{font-size:13.5px;padding-top:18px}
:is(#accounting-top,#legal-top) .pc-price{
  font:400 12.5px/1.4 'Golos Text',sans-serif;letter-spacing:.02em;
  color:var(--muted);margin:6px 0 0;
}
:is(#accounting-top,#legal-top) .package-card--accent .pc-price{color:#9fb0a5}
:is(#accounting-top,#legal-top) .package-card .primary{
  margin-top:22px;background:transparent;color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink);
}
:is(#accounting-top,#legal-top) .package-card .primary:hover{background:var(--ink);color:#fff}
:is(#accounting-top,#legal-top) .package-card--accent .primary{background:var(--accent);color:#fff;box-shadow:none}
:is(#accounting-top,#legal-top) .package-card--accent .primary:hover{background:#95562f}
:is(#accounting-top,#legal-top) .page-note-inline{margin-top:22px}

/* -- 7. Отрасли: сетка подстраивается под число карточек — без пустой ячейки -- */
.industry-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){
  .industry-grid:has(>:nth-child(3):last-child){grid-template-columns:1fr 1fr}
  .industry-grid:has(>:nth-child(3):last-child)>:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .industry-grid:has(>:nth-child(3):last-child){grid-template-columns:1fr}
}
.industry-card{padding:34px 30px 32px}
.industry-card h3{transition:color .25s var(--ease)}
.ic-arrow{top:36px;right:28px;font-size:16px;line-height:1;opacity:.55;transition:transform .35s var(--ease),opacity .3s var(--ease)}
.industry-card:hover .ic-arrow{opacity:1}

/* -- 8. Процесс: тонкая шкала, первый шаг — медный -- */
:is(#accounting-top,#legal-top) .process-steps{margin-top:40px}
:is(#accounting-top,#legal-top) .process-step{position:relative;border-top:1px solid var(--line);padding-top:24px}
:is(#accounting-top,#legal-top) .process-step:first-child::before{
  content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent);
}
:is(#accounting-top,#legal-top) .process-num{font:400 14px/1 var(--serif);letter-spacing:.06em}

/* -- 9. FAQ: тот же «плюс в круге», что в аккордеоне услуг на главной -- */
:is(#accounting-top,#legal-top) .faq-list summary{padding:24px 0}
:is(#accounting-top,#legal-top) .faq-list summary h3{transition:color .25s var(--ease)}
:is(#accounting-top,#legal-top) .faq-list summary:hover h3{color:var(--accent)}
:is(#accounting-top,#legal-top) .faq-list summary>b{
  position:relative;width:38px;height:38px;flex-shrink:0;
  border:1px solid var(--line);border-radius:50%;
  font-size:0;line-height:0;color:var(--ink);
  transition:transform .4s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
:is(#accounting-top,#legal-top) .faq-list summary>b::before,
:is(#accounting-top,#legal-top) .faq-list summary>b::after{
  content:'';position:absolute;left:50%;top:50%;background:currentColor;
  transform:translate(-50%,-50%);border-radius:1px;
}
:is(#accounting-top,#legal-top) .faq-list summary>b::before{width:13px;height:1.2px}
:is(#accounting-top,#legal-top) .faq-list summary>b::after{width:1.2px;height:13px}
:is(#accounting-top,#legal-top) .faq-list summary:hover>b{border-color:var(--ink)}
:is(#accounting-top,#legal-top) .faq-list details[open] summary>b{transform:rotate(45deg);background:var(--ink);border-color:var(--ink);color:#fff}
:is(#accounting-top,#legal-top) .faq-list details[open] summary h3{color:var(--ink)}
:is(#accounting-top,#legal-top) .faq-answer{padding:0 63px 26px 0}
:is(#accounting-top,#legal-top) .faq-answer p{font-size:15px}

@media(max-width:760px){
  :is(#accounting-top,#legal-top){--svc-gap:56px}
  :is(#accounting-top,#legal-top) .page-hero-aside{padding:24px 22px}
  :is(#accounting-top,#legal-top) .scope-item{grid-template-columns:44px 1fr}
  :is(#accounting-top,#legal-top) .faq-list summary>b{width:34px;height:34px}
  :is(#accounting-top,#legal-top) .faq-answer{padding-right:0}
  .industry-card{padding:28px 24px}
}

/* =====================================================================
   СООБЩЕСТВО — заглушка «раздел в разработке» (community.html)
   ===================================================================== */
#community-soon{--svc-gap:clamp(64px,7.5vw,96px)}

/* -- Hero: текст + фото, как главная, но спокойнее -- */
.soon-hero{
  display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,5vw,80px);align-items:center;
  max-width:1600px;margin:auto;padding:clamp(40px,5vw,72px) 5% clamp(48px,6vw,80px);
  border-bottom:1px solid var(--line);
}
.soon-hero .breadcrumbs{font-size:12px;gap:10px}
.soon-hero .breadcrumbs span:not(:last-child){color:var(--line)}
.soon-hero .breadcrumbs span:last-child{color:var(--ink)}
.soon-status{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;color:var(--accent);
  padding:8px 14px 8px 12px;border:1px solid var(--accent-soft);background:rgba(172,108,64,.06);border-radius:999px;
}
.soon-status i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.soon-status i::after{
  content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--accent);
  animation:soonPulse 2.2s var(--ease) infinite;
}
@keyframes soonPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.8);opacity:0}}
.soon-hero h1{font:400 var(--fs-h1)/1.1 var(--serif);letter-spacing:-.045em;margin:28px 0 24px}
.soon-hero-text>p{max-width:500px;font-size:var(--fs-lead);line-height:1.75;color:var(--muted)}
.soon-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 34px;margin-top:34px}
.soon-actions .primary{border:0;color:#fff}
/* Обложка: фиксированная пропорция кадра + object-fit:cover — фото заполняет рамку
   без искажений при любой ширине; object-position держит лица в кадре */
/* Обложка выпуска 16:9 — готовый дизайн со своим текстом:
   без фильтров и затемнения, подпись под картинкой, а не поверх */
.soon-photo{position:relative;align-self:center;width:100%;margin:0}
.soon-photo img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;
  object-fit:cover;object-position:center;
  box-shadow:0 24px 50px rgba(16,32,26,.18),0 2px 6px rgba(16,32,26,.08);
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);
}
.soon-photo:hover img{transform:translateY(-4px);box-shadow:0 32px 60px rgba(16,32,26,.22),0 2px 6px rgba(16,32,26,.08)}
.soon-photo figcaption{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  margin-top:16px;padding-top:12px;border-top:1px solid var(--line);
  font:400 16px/1.3 var(--serif);letter-spacing:-.01em;color:var(--ink);
}
.soon-photo figcaption small{font:500 10px/1.4 'Golos Text',sans-serif;letter-spacing:.14em;color:var(--muted)}

/* -- Что появится: 4 колонки с тонкими разделителями -- */
.soon-features.section{padding-top:var(--svc-gap);padding-bottom:0}
.soon-grid{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.soon-card{display:flex;flex-direction:column;padding:30px 30px 6px;border-left:1px solid var(--line);transition:background-color .3s var(--ease)}
.soon-card:first-child{border-left:0;padding-left:0}
.soon-num{font:400 30px/1 var(--serif);letter-spacing:-.03em;color:#d3d7cd;transition:color .3s var(--ease)}
.soon-card h3{font:400 23px/1.25 var(--serif);letter-spacing:-.02em;margin:22px 0 12px;transition:color .25s var(--ease)}
.soon-card p{font-size:14.5px;line-height:1.7;color:var(--muted);margin-bottom:22px}
.soon-tag{
  margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  font-size:11.5px;letter-spacing:.04em;color:var(--ink);
  padding-top:14px;border-top:1px solid var(--line);width:100%;
}
.soon-tag::before{content:'';width:6px;height:6px;border-radius:50%;border:1px solid var(--accent)}
.soon-card:hover .soon-num{color:var(--accent)}
.soon-card:hover h3{color:var(--accent)}

/* -- Дорожная карта: горизонтальная шкала -- */
.soon-roadmap.section{padding-top:var(--svc-gap);padding-bottom:var(--svc-gap)}
.soon-steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px}
.soon-step{position:relative;padding-top:34px;display:flex;flex-direction:column;gap:6px}
.soon-step::before{content:'';position:absolute;left:0;right:-30px;top:6px;height:1px;background:var(--line)}
.soon-step:last-child::before{right:0}
.soon-step-mark{position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--paper);border:1px solid #bfc5bb;z-index:1}
.soon-step b{font:400 19px/1.3 var(--serif);letter-spacing:-.01em;color:var(--muted)}
.soon-step small{font-size:13px;line-height:1.55;color:var(--muted)}
.soon-step.is-done::before{background:var(--accent)}
.soon-step.is-done .soon-step-mark{background:var(--accent);border-color:var(--accent)}
.soon-step.is-done b{color:var(--ink)}
.soon-step.is-current .soon-step-mark{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.soon-step.is-current .soon-step-mark::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--accent)}
.soon-step.is-current b{color:var(--ink)}
.soon-step.is-current small::before{content:'Сейчас · ';color:var(--accent);font-weight:500}

#community-soon>.contacts{padding-top:0}

@media(max-width:1100px){
  .soon-grid{grid-template-columns:1fr 1fr}
  .soon-card:nth-child(3){border-left:0;padding-left:0}
  .soon-card:nth-child(n+3){border-top:1px solid var(--line)}
  .soon-steps{grid-template-columns:1fr 1fr;gap:34px 30px}
  .soon-step:nth-child(2)::before{right:0}
}
@media(max-width:760px){
  #community-soon{--svc-gap:56px}
  .soon-hero{grid-template-columns:1fr;padding:30px 6% 44px;gap:34px}
  .soon-photo figcaption{font-size:14.5px;margin-top:12px;padding-top:10px}
  .soon-actions{gap:20px}
  .soon-grid{grid-template-columns:1fr}
  .soon-card,.soon-card:nth-child(3){border-left:0;padding:26px 0 4px;border-top:1px solid var(--line)}
  .soon-card:first-child{border-top:0}
  .soon-steps{grid-template-columns:1fr;gap:0;margin-top:36px}
  .soon-step{padding:0 0 28px 34px}
  .soon-step::before{left:6px;right:auto;top:6px;bottom:0;width:1px;height:auto}
  .soon-step:last-child::before{display:none}
  .soon-step:nth-child(2)::before{right:auto}
}

/* =====================================================================
   COOKIE-ПЛАШКА (js/cookie-consent.js) — компактная горизонтальная
   полоса снизу по центру: одна строка текста и две равные кнопки.
   ===================================================================== */
.cookie-banner{
  position:fixed;left:50%;bottom:clamp(14px,2.5vw,24px);z-index:58;
  width:max-content;max-width:calc(100vw - 32px);
  display:flex;align-items:center;gap:18px 22px;
  background:var(--ink);color:#e6e8df;
  padding:10px 10px 10px 22px;border-radius:999px;
  box-shadow:0 14px 34px rgba(16,32,26,.28);
  opacity:0;transform:translate(-50%,14px);
  transition:opacity .35s var(--ease),transform .45s var(--ease);
}
.cookie-banner.is-visible{opacity:1;transform:translate(-50%,0)}
.cookie-banner[hidden]{display:none}
.cc-text{font-size:13.5px;line-height:1.4;color:#d5dbd3;margin:0}
.cc-text a{color:#fff;text-decoration:underline;text-decoration-color:#c6a987;text-underline-offset:3px;margin-left:4px;white-space:nowrap}
.cc-text a:hover{color:#c6a987}

/* Две равные по весу кнопки — отказ так же доступен, как согласие */
.cc-actions{display:flex;gap:6px;flex-shrink:0}
.cookie-banner .cc-btn,.cookie-banner .primary{
  height:38px;padding:0 18px;border-radius:999px;
  font-size:13px;font-weight:500;letter-spacing:.01em;gap:0;
  display:inline-flex;align-items:center;justify-content:center;
}
.cookie-banner .cc-btn{color:#e6e8df;box-shadow:inset 0 0 0 1px #4a5d53;transition:background-color .25s var(--ease),color .25s var(--ease)}
.cookie-banner .cc-btn:hover{background:#2a4037;color:#fff}
.cookie-banner .primary{background:#f4f2eb;color:var(--ink);border:0}
.cookie-banner .primary:hover{background:#fff}

/* Ссылка «Настройки cookie» в подвале — выглядит как соседние ссылки */
.footer-cookie-btn{font-size:inherit;color:#aebbb1;padding:0;transition:color .2s}
.footer-cookie-btn:hover{color:var(--accent);text-decoration:underline}

@media(max-width:760px){
  /* Телефон: полоса во всю ширину, текст слева, кнопки справа — ~64px высоты */
  .cookie-banner{
    left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;max-width:none;transform:translateY(14px);
    border-radius:14px;padding:10px 10px 10px 14px;gap:10px;
  }
  .cookie-banner.is-visible{transform:none}
  .cc-text{font-size:12.5px;line-height:1.35}
  .cc-text a{margin-left:2px}
  .cookie-banner .cc-btn,.cookie-banner .primary{height:36px;padding:0 13px;font-size:12.5px}
}
/* Пока плашка открыта на узких экранах, плавающая кнопка связи прячется, чтобы не перекрывать её */
@media(max-width:1100px){
  body.cc-visible .contact-fab{opacity:0;pointer-events:none;transform:translateY(20px)}
}

/* -- Уважение к настройкам пользователя: без анимаций, если он их отключил -- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  html{scroll-behavior:auto}
}