/* ACCURIX — страницы направлений. Токены и шапка совпадают с главной (index.html). */
:root{--zk:1;
  --hdr:84px;
  --logo-h:48px;
  --ink:#1B2A2B;
  --ink-2:#4F5C59;
  --ink-3:#8A8377;
  --paper:#FBF7F1;
  --wash:#EDE6DA;
  --wash-2:#F4EFE6;
  --rule:#DCD3C4;
  --accent:#2C7268;
  --accent-soft:#E7EFE9;
  --gold:#CBA43C;
  --gold-dark:#B68F26;
  --gold-lt:#D8B24A;
  --gold-lt2:#E0BE5C;
  --alarm:#8C3A2E;

  --serif:"IBM Plex Serif",Georgia,serif;
  --sans:"Golos Text",-apple-system,"Segoe UI",Arial,sans-serif;

  --gutter:clamp(20px,5vw,64px);
  --maxw:1180px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-0.01em;margin:0}
p{margin:0}
a{color:inherit}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.rule{height:1px;background:var(--rule);border:0;margin:0}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}


.burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--rule);border-radius:2px;cursor:pointer;padding:0}
.burger span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink)}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){
  :root{--hdr:68px;--logo-h:40px}
  .burger{display:flex}
  .nav{position:fixed;inset:var(--hdr) 0 auto 0;align-items:stretch;display:none;flex-direction:column;gap:0;
    background:var(--paper);border-bottom:1px solid var(--rule);padding:8px var(--gutter) 20px;
    box-shadow:0 18px 40px rgba(22,34,44,.10);max-height:calc(var(--vh100, 100vh) - var(--hdr));overflow:auto}
  .nav.open{display:flex}
  .nav a{padding:15px 0;border-bottom:1px solid var(--rule);font-size:17px;color:var(--ink)}
  .nav a.nav__cta{padding:15px 0;border:0;border-bottom:0;border-radius:0;font-size:17px}
  .nav a.nav__cta:hover{background:none;color:var(--accent)}
  .nav a:last-child{border-bottom:0}
}
@media(max-width:520px){
  :root{--logo-h:34px}
  .logo{gap:9px}
  .logo__name{font-size:19px}
  .logo__tag{font-size:6.1px;letter-spacing:.04em}
}

.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(251,247,241,.93);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--rule);
}
.topbar__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--hdr)}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
/* знак по высоте = название + слоган */
.logo img{display:block;height:var(--logo-h);width:auto;flex:none}
.logo__txt{display:flex;flex-direction:column;justify-content:space-between;height:var(--logo-h)}
.logo__name{font-family:var(--serif);font-size:clamp(25px,2.5vw,30px);font-weight:600;letter-spacing:.14em;line-height:1;display:block;margin-top:-1px}
.logo__tag{font-family:var(--sans);font-size:clamp(7px,.72vw,9.5px);font-weight:700;letter-spacing:.07em;line-height:1;
  color:var(--accent);text-transform:uppercase;white-space:nowrap;display:block;margin-bottom:1px}
.nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,36px);font-size:15px;white-space:nowrap}
.nav a{color:var(--ink-2);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.nav a.nav__cta{color:var(--accent);font-weight:600;padding:9px 16px;border:1px solid var(--accent);border-radius:6px;
  transition:background .15s,color .15s}
.nav a.nav__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

@media(max-width:900px){.nav{display:none}}
.logo__tag{letter-spacing:.11em}
@media(max-width:520px){.logo__tag{letter-spacing:.07em}}
.logo__tag{font-size:calc(6px + .35vw);letter-spacing:.09em;margin-bottom:0}
@media(max-width:520px){.logo__tag{font-size:clamp(7px,2.1vw,8.5px);letter-spacing:.05em}}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 1px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ---- v47.51: навигация «Направления»: подменю, ссылки на страницы направлений ---- */
.nav__dd{position:relative}
.nav__dd summary{list-style:none;cursor:pointer;color:var(--ink-2);padding:4px 0;border-bottom:1px solid transparent;display:inline-flex;align-items:center;gap:7px}
.nav__dd summary::-webkit-details-marker{display:none}
.nav__dd summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
.nav__dd[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.nav__dd summary:hover,.nav__dd[open] summary{color:var(--ink);border-bottom-color:var(--ink)}
.nav__dd summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.nav__sub{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 14px);left:-16px;min-width:290px;z-index:70;
  background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:0 18px 40px rgba(22,34,44,.14)}
.nav__sub a{display:block;padding:11px 14px;min-height:44px;border:0;border-radius:8px;color:var(--ink);font-size:15px;white-space:normal}
.nav__sub a:hover{background:var(--accent-soft);color:var(--ink);border:0}
.nav__sub a[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.nav__sub .nav__all{border-bottom:1px solid var(--rule);border-radius:8px 8px 0 0;margin-bottom:4px;color:var(--accent);font-weight:600}
@media(max-width:900px){
  .nav__dd{align-self:stretch}
  .nav__dd summary,.nav__dd summary:hover,.nav__dd[open] summary{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid var(--rule);font-size:17px;color:var(--ink);min-height:48px}
  .nav__sub{position:static;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0 0 6px;min-width:0}
  .nav__sub a{padding:12px 0;border-bottom:1px solid var(--rule);border-radius:0;font-size:16px;text-align:center}
  .nav__sub a:hover{background:none}
  .nav__sub .nav__all{border-radius:0;margin:0}
  .nav__sub li:last-child a{border-bottom:0}
  html.nav-lock{overflow:hidden}
}
/* ---- страницы направлений (ТЗ v50) ---- */
:root{--accent-deep:#22594F;--dark:#1F443C}
.crumbs{padding:clamp(16px,2vw,24px) 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;line-height:1.4;color:var(--ink-3)}
.crumbs li{display:flex;align-items:center;min-height:32px}
.crumbs li+li::before{content:"/";margin:0 9px;color:var(--rule)}
.crumbs a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--rule)}
.crumbs a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.crumbs [aria-current]{color:var(--ink)}


.lp-top{padding-top:clamp(14px,1.8vw,22px)}
.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--accent);font-weight:600;font-size:14.5px;text-decoration:none;border-bottom:1px solid transparent}
.back:hover{border-bottom-color:var(--accent)}
.lp-hero{padding:clamp(10px,1.6vw,22px) 0 clamp(30px,4vw,52px)}
.lp-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}
.lp-hero h1{margin-top:14px;font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-.015em}
.lp-lead{margin-top:clamp(16px,1.8vw,22px);font-size:clamp(16.5px,1.3vw,19px);line-height:1.6;color:var(--ink-2);max-width:58ch}
.lp-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:clamp(22px,2.4vw,30px)}
.btn--hero{display:inline-flex;align-items:center;gap:12px;min-height:48px;border-radius:12px;padding:15px 26px;font-family:var(--sans);font-size:16px;font-weight:600;
  background:var(--gold);color:var(--ink);border:1px solid var(--gold);text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(203,164,60,.22);transition:background .15s,transform .15s}
.btn--hero:hover{background:var(--gold-dark);border-color:var(--gold-dark);transform:translateY(-1px)}
.btn--hero:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.btn__ar{font-size:19px;line-height:1;transition:transform .15s}
.btn--hero:hover .btn__ar{transform:translateX(3px)}
.more{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid transparent}
.more:hover{border-bottom-color:var(--accent)}
.lp-aside{background:var(--accent-deep);color:#fff;border-radius:14px;padding:clamp(20px,2.2vw,30px);box-shadow:0 14px 34px rgba(34,89,79,.18)}
.lp-aside__lab{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#F1DC9B}
.lp-aside h2{margin-top:10px;font-size:clamp(21px,1.9vw,27px);line-height:1.22;color:#fff}
.lp-aside p{margin-top:12px;font-size:15px;line-height:1.55;color:#DDEBE6}
.pills{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pills li{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 13px;font-size:13.5px;line-height:1.3;color:#EAF3EF}
.anch{background:var(--wash-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.anch ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 clamp(16px,2.4vw,32px)}
.anch a{display:inline-flex;align-items:center;min-height:48px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:2px solid transparent}
.anch a:hover{border-bottom-color:var(--accent)}

.lp-sec{padding:clamp(34px,4.6vw,60px) 0}
.lp-sec--wash{background:var(--wash-2)}
.lp-head{border-top:2px solid var(--ink);padding-top:18px}
.lp-head h2{font-size:clamp(23px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;display:flex;gap:14px;align-items:baseline}
.lp-head h2 .sec__num{font-family:var(--serif);font-size:.72em;letter-spacing:.04em;color:var(--ink-3);font-weight:400;flex:none}
.lp-head p{margin-top:12px;color:var(--ink-2);font-size:clamp(15.5px,1.2vw,17px);line-height:1.55;max-width:78ch}
.grid{display:grid;gap:clamp(12px,1.5vw,18px);margin-top:clamp(20px,2.4vw,30px)}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#FEFCF9;border:1px solid var(--rule);border-radius:12px;padding:clamp(16px,1.6vw,22px)}
.card .lab{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}
.card h3{margin-top:8px;font-size:clamp(17px,1.35vw,19.5px);line-height:1.3}
.card p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.do{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-content:start;gap:6px 14px}
.do__n{grid-row:1/span 2;font-family:var(--serif);font-size:clamp(24px,2.2vw,32px);line-height:1;color:var(--gold)}
.do h3,.do p{margin-top:0}
.step{display:block}
.step .do__n{display:block;margin-bottom:10px}
.step h3{margin-top:0}
.step p{margin-top:8px}
.when h3{font-size:clamp(16px,1.2vw,18px)}
.rcard .lab{display:block}
.scheme{background:var(--wash-2);border:1px solid var(--rule);border-radius:14px;padding:clamp(18px,2.2vw,28px);margin-top:clamp(20px,2.4vw,30px)}
.lp-sec--wash .scheme{background:#FEFCF9}
.scheme h3{font-size:clamp(18px,1.6vw,22px)}
.scheme__row{margin-top:16px}
.scheme__lab{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.sg{display:grid;gap:12px;margin-top:8px}
.sg--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sbox{position:relative;background:#FEFCF9;border:1px solid var(--rule);border-radius:10px;padding:14px 16px}
.lp-sec--wash .sbox{background:var(--paper)}
.sbox .lab{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.sbox b{display:block;margin-top:4px;font-family:var(--serif);font-weight:500;font-size:clamp(16px,1.3vw,18.5px);line-height:1.25}
.sbox span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.sg--flow .sbox:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--paper);border:1px solid var(--rule);color:var(--accent);font-size:13px;line-height:18px;text-align:center;z-index:1}
.cap{margin-top:14px;font-size:13.5px;line-height:1.5;color:#41574F}
.fmt{margin-top:clamp(18px,2vw,26px);background:var(--accent-soft);border:1px solid #B9D3C8;border-radius:12px;padding:16px 20px;font-size:15.5px;line-height:1.55}
.fmt b{font-weight:600}
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(12px,1.5vw,18px);margin-top:clamp(20px,2.4vw,30px)}
.case{background:#FEFCF9;border:1px solid var(--rule);border-radius:14px;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column}
.case .case__tag{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.case .case__big{margin-top:10px;color:var(--ink);font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.01em}
.case h3{margin-top:10px;font-size:clamp(17px,1.4vw,20px);line-height:1.3}
.case p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.case .case__n{margin-top:auto;padding-top:14px;font-size:13.5px;line-height:1.5;color:#41574F;border-top:1px solid var(--rule)}.case .case__tag,.case .case__big{margin-bottom:0}.case .case__n{margin-top:auto}.case .case__n::before{content:"";display:block}
.case--info{background:var(--accent-soft);border-color:#B9D3C8}
.faq{margin-top:clamp(18px,2vw,26px);border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:14px 0;font-family:var(--serif);font-size:clamp(17px,1.4vw,20px);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border:1px solid var(--rule);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:18px;color:var(--accent);transition:transform .2s,background .2s}
.faq details[open] summary::after{content:"−";background:var(--accent-soft)}
.faq summary:hover{color:var(--accent)}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.faq details p{padding:0 50px 18px 0;max-width:80ch;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(20px,2.4vw,30px)}
.dir{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:8px;align-content:start;background:var(--paper);border:1px solid var(--rule);
  padding:clamp(14px,1.3vw,18px) clamp(14px,1.3vw,18px) clamp(16px,1.5vw,20px);text-decoration:none;color:var(--ink);min-height:44px;transition:border-color .15s,transform .15s}
.dir:hover{border-color:var(--accent);transform:translateY(-2px)}
.dir:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-color:var(--accent)}
.dir__ic{width:44px;height:44px;color:var(--accent)}
.dir__t{font-family:var(--serif);font-weight:500;font-size:clamp(16px,1.2vw,17.5px);line-height:1.2;align-self:center}
.dir__d{grid-column:1/-1;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.dir__arr{position:absolute;top:12px;right:12px;font-size:18px;line-height:1;color:var(--accent);opacity:0;transform:translate(-3px,3px);transition:opacity .15s,transform .15s}
.dir:hover .dir__arr,.dir:focus-visible .dir__arr{opacity:1;transform:none}

.lp-end{background:var(--accent);color:#fff;padding:clamp(34px,4.6vw,60px) 0}
.lp-end h2{font-size:clamp(24px,2.8vw,38px);line-height:1.2;max-width:26ch}
.lp-end p{margin-top:12px;color:#EAF3EF;max-width:60ch;font-size:clamp(16px,1.2vw,18px);line-height:1.55}
.lp-end .lp-cta{margin-top:22px}
.lp-end .back{color:#fff}
.lp-end .back:hover{border-bottom-color:#fff}

.foot{background:#20423C;color:#8E9589;padding:22px 0;font-size:12.5px;line-height:1.6}
.foot__row{display:flex;align-items:center;gap:clamp(20px,4vw,48px);flex-wrap:wrap}
.foot a{color:#8E9589;text-decoration:none}
.foot a:hover{color:#DFE2D8}
.foot__logo{display:flex;align-items:center;gap:9px;flex:none}
.foot__logo img{display:block;height:64px;width:auto;filter:brightness(10) saturate(0)}
@media(max-width:680px){.foot__logo img{height:48px}}
.foot__legal{flex:1;min-width:0}
.skip{position:absolute;left:-9999px;top:8px;background:var(--paper);padding:10px 14px;z-index:100;border:1px solid var(--accent)}
.skip:focus{left:8px}

@media(max-width:1099px){.grid--4,.sg--4{grid-template-columns:repeat(2,minmax(0,1fr))}.sg--flow .sbox:nth-child(2)::after{display:none}}
@media(max-width:899px){.lp-hero__grid{grid-template-columns:1fr}.grid--3,.others{grid-template-columns:repeat(2,minmax(0,1fr))}.sg--3{grid-template-columns:1fr}}
@media(max-width:699px){
  .grid--3,.grid--4,.sg--4,.sg--3,.others{grid-template-columns:1fr}
  .sg--flow .sbox:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-12px;transform:translateX(-50%)}
  .sg--flow .sbox:nth-child(2)::after{display:block}
  .lp-cta .btn--hero{width:100%;justify-content:center}
  .faq details p{padding-right:0}
  .cases{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.dir,.btn--hero,.btn__ar,.dir__arr,.faq summary::after{transition:none}.dir:hover,.btn--hero:hover{transform:none}}

.case .case__d{flex:1}
.case .case__n{margin-top:16px}

/* ---- раздел 03 «Результат»: целиком на одном экране (десктоп) ---- */
@media(min-width:1000px){
  #result .grid--4,#result .sg--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  #result .sg--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  #result.lp-sec{min-height:calc(var(--vh100, 100vh) - var(--hdr) - 1px);min-height:calc(var(--vh100, 100svh) - var(--hdr) - 1px);display:flex;flex-direction:column;justify-content:center;padding:clamp(12px,2.6vh,36px) 0}
  #result .lp-head{padding-top:clamp(10px,1.8vh,16px)}
  #result .lp-head h2{font-size:clamp(22px,2.3vw,30px)}
  #result .lp-head p{margin-top:clamp(6px,1vh,10px);font-size:15.5px;line-height:1.5}
  #result .grid{margin-top:clamp(10px,2vh,22px);gap:12px}
  #result .rcard{padding:clamp(10px,1.6vh,16px) 16px}
  #result .rcard .lab{font-size:11.5px}
  #result .rcard p:not(.lab){margin-top:5px;font-size:14px;line-height:1.45}
  #result .scheme{margin-top:clamp(10px,2vh,22px);padding:clamp(10px,1.8vh,18px) 18px}
  #result .scheme h3{font-size:clamp(16px,1.4vw,19px)}
  #result .scheme__row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;margin-top:clamp(6px,1.1vh,10px)}
  #result .scheme__lab{font-size:11px;line-height:1.3}
  #result .sg{margin-top:clamp(6px,1.1vh,10px)}
  #result .scheme__row .sg{margin-top:0}
  #result .sbox{padding:clamp(6px,1.1vh,10px) 12px}
  #result .sbox .lab{font-size:10.5px;line-height:1.2}
  #result .sbox b{margin-top:2px;font-size:clamp(15px,1.15vw,17px);line-height:1.2}
  #result .sbox span:not(.lab){margin-top:2px;font-size:13px;line-height:1.35}
  #result .cap{margin-top:clamp(6px,1.1vh,10px);font-size:12.5px;line-height:1.4}
}

/* карточки практики: нижние блоки (под линией) начинаются на одном уровне */
@media(min-width:700px){
  .cases{align-items:stretch}
  .cases .case{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
  .cases .case--info .case__tag{grid-row:1}
  .cases .case--info h3{grid-row:3}
  .cases .case--info .case__d{grid-row:4}
  .cases .case--info .case__n{grid-row:5}
  .cases .case .case__d{flex:none}
  .cases .case .case__n{margin-top:16px;align-self:stretch}
}

/* ссылка на экспресс-тест */
.lp-fc{padding-top:clamp(18px,2.4vw,28px);padding-bottom:clamp(6px,1vw,12px)}
.lp-fc p{font-size:15px;color:var(--ink-2)}
.lp-fc a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}
.lp-fc a:hover{color:var(--ink)}

/* v47.71: узкие экраны — длинные ссылки не создают горизонтальную прокрутку */
a{overflow-wrap:anywhere}
@media(max-width:480px){.lp-fc a{white-space:normal}}

/* v47.76: страница «Бухгалтерское сопровождение» — пункт меню, панели, перелинковка, подвал */
.nav__sub .nav__sep{height:1px;margin:6px 10px;background:var(--rule);list-style:none}
.nav__sub .nav__more{color:var(--ink-2)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.5vw,18px);margin-top:clamp(20px,2.4vw,30px)}
.panel{background:#FEFCF9;border:1px solid var(--rule);border-radius:14px;padding:clamp(18px,2vw,26px)}
.panel h3{font-size:clamp(18px,1.6vw,22px);line-height:1.25;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.panel ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.panel li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.panel li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.panel--out li::before{background:transparent;border:1.5px solid var(--gold)}
.panel--in{border-color:#B9D3C8;background:var(--accent-soft)}
.lp-sec--wash .panel:not(.panel--in){background:var(--paper)}
.sbox--end{background:var(--accent-soft);border-color:#B9D3C8}
.lp-sec--wash .sbox--end{background:var(--accent-soft)}
.cases--one{grid-template-columns:minmax(0,820px)}
.others--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-acc{padding:clamp(18px,2.2vw,28px) 0 clamp(8px,1.2vw,16px)}
.lp-acc__in{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border:1px solid #B9D3C8;background:var(--accent-soft);border-radius:12px;padding:16px 20px}
.lp-acc__t{font-family:var(--serif);font-size:clamp(16px,1.35vw,19px);line-height:1.3;color:var(--ink);margin:0}
.lp-acc a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;font-size:15px}
.lp-acc a:hover{color:var(--ink)}
@media(max-width:1099px){.others--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.duo,.others--4{grid-template-columns:1fr}.lp-acc__in{padding:14px 16px}}

/* v47.77: панель якорей ближе к карточке (страница бухгалтерского сопровождения) */
.lp-hero--close{padding-bottom:clamp(14px,1.6vw,22px)}
@media(min-width:900px){.lp-hero--wide h1{font-size:clamp(30px,2.8vw,40px)}}

/* v47.78: разделы «Когда необходимо» и «Что делает ACCURIX» — по высоте одного экрана (десктоп); текст карточки под номером */
.lp-sec--fit .do{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:8px 12px}
.lp-sec--fit .do__n{grid-row:1;grid-column:1}
.lp-sec--fit .do h3{grid-row:1;grid-column:2}
.lp-sec--fit .do p{grid-row:2;grid-column:1 / -1;align-self:start;text-align:left}
@media(min-width:1000px){
  .lp-sec--fit{min-height:calc(var(--vh100, 100vh) - var(--hdr) - 1px);min-height:calc(var(--vh100, 100svh) - var(--hdr) - 1px);display:flex;flex-direction:column;justify-content:center;padding:clamp(12px,2.6vh,36px) 0}
  .lp-sec--fit .lp-head{padding-top:clamp(10px,1.8vh,16px)}
  .lp-sec--fit .lp-head h2{font-size:clamp(22px,2.3vw,30px)}
  .lp-sec--fit .lp-head p{margin-top:clamp(6px,1vh,10px);font-size:15.5px;line-height:1.5}
  .lp-sec--fit .grid{margin-top:clamp(12px,2.2vh,24px);gap:12px}
  #scope.lp-sec--fit .card{padding:clamp(12px,1.9vh,18px) 18px}
  #scope.lp-sec--fit .do__n{font-size:clamp(22px,1.9vw,28px)}
  #scope.lp-sec--fit .do h3{font-size:clamp(16px,1.25vw,18px);line-height:1.25}
  #scope.lp-sec--fit .do p{font-size:14px;line-height:1.45}
}

/* v47.79: контакты в подвале, компетенции и проекты (капитал), проект в работе (антикризис) */
.foot__contacts{margin-bottom:6px;font-weight:600}
.foot__contacts a{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
@media(min-width:1000px){.lp-sec--fit.lp-sec--free{min-height:0;display:block;padding:clamp(34px,4.6vw,60px) 0}}
.lp-capabilities,.project-stories{margin-top:clamp(26px,3.2vw,42px);padding-top:18px;border-top:1px solid var(--rule)}
.lp-capabilities__h,.project-stories__h{font-size:clamp(20px,2vw,26px);line-height:1.25;letter-spacing:-.01em}
.lp-capabilities__lead,.project-stories__lead{margin-top:8px;max-width:80ch;color:var(--ink-2);font-size:clamp(15px,1.15vw,16.5px);line-height:1.55}
.lp-capabilities__grid,.project-stories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,18px);margin-top:clamp(16px,2vw,24px)}
.lp-capabilities__item,.project-story{background:#FEFCF9;border:1px solid var(--rule);border-radius:12px;padding:clamp(16px,1.6vw,22px);display:flex;flex-direction:column}
.lp-sec--wash .lp-capabilities__item{background:var(--paper)}
.lp-capabilities__item h4,.project-story h4{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(16.5px,1.3vw,19px);line-height:1.3;color:var(--ink)}
.lp-capabilities__item h4 span{display:block;margin-bottom:6px;font-size:.85em;color:var(--gold)}
.lp-capabilities__item p,.project-story p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.project-story .project-story__tag{margin:0 0 8px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);line-height:1.35}
.project-story .project-story__n{margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font-size:13.5px;line-height:1.5;color:#41574F}
.project-story .project-story__n{margin-top:14px}
@media(max-width:1023px){.lp-capabilities__grid,.project-stories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.lp-capabilities__grid,.project-stories__grid{grid-template-columns:1fr}}
@media(min-width:700px){.cases--four{grid-template-columns:repeat(2,minmax(0,1fr))}.cases .case--now .case__tag{grid-row:1}.cases .case--now h3{grid-row:3}.cases .case--now .case__d{grid-row:4}.cases .case--now .case__n{grid-row:5}}
@media(min-width:640px){.project-stories__grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v47.82: контакты в подвале */
.foot__contacts{display:flex;flex-wrap:wrap;gap:4px 18px}
.foot__contacts a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25)}
.foot__contacts a:hover{border-bottom-color:currentColor}
.foot__ci{flex:none;opacity:.85}
@media(min-width:901px){.nav{gap:clamp(16px,1.9vw,28px)}}

/* v47.89: карточки направлений — как на главной */
.others .dir{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:6px;padding:clamp(14px,1.3vw,18px) clamp(14px,1.3vw,18px) 12px;box-shadow:0 1px 2px rgba(27,42,43,.04),0 4px 12px -6px rgba(27,42,43,.10);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.others .dir__ic{grid-row:1;width:32px;height:32px;margin:0}
.others .dir__t{align-self:center;padding-right:0}
.others .dir__d{grid-column:1 / -1;font-size:13px;line-height:1.4}
.others .dir__arr{position:static;grid-column:1 / -1;grid-row:3;justify-self:end;align-self:end;margin-top:-2px;opacity:1;transform:none;width:38px;height:26px;border-radius:9px;background:#fff;border:1px solid rgba(44,114,104,.30);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;box-shadow:0 1px 2px rgba(27,42,43,.08),0 4px 8px -3px rgba(27,42,43,.20);transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.others .dir:hover,.others .dir:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 2px 4px rgba(27,42,43,.05),0 10px 22px -10px rgba(27,42,43,.20)}
.others .dir:hover .dir__arr,.others .dir:focus-visible .dir__arr{opacity:1;transform:translateX(2px);background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 4px rgba(27,42,43,.10),0 6px 12px -3px rgba(44,114,104,.40)}
.others .dir:active{transform:scale(.985);background:#F1EADC;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.others .dir:hover,.others .dir:focus-visible,.others .dir:active,.others .dir:hover .dir__arr{transform:none}}

/* v47.90: большие экраны — масштаб страницы */
@media(min-width:2200px) and (min-height:1300px){:root{--zk:1.5}html{zoom:1.5}}

/* v47.99: подвал внизу окна на коротких страницах (в том числе при масштабе 2560×1600) */
body{min-height:calc(var(--vh100,100svh) - 1px);display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>.foot{margin-top:auto}

/* v47.102: страницы направлений — раздел на экран (десктоп), как на главной */
@media(min-width:1000px) and (min-height:640px){
  html{scroll-snap-type:y proximity}
  .lp-top,:where(.lp-sec,.lp-end){scroll-snap-align:start}
  .lp-hero{min-height:calc(var(--vh100,100svh) - var(--hdr) - 50px - var(--lp-top,86px));display:flex;flex-direction:column;justify-content:center}
  .lp-hero>.wrap{width:100%}
  :where(.lp-sec,.lp-end){min-height:calc(var(--vh100,100svh) - var(--hdr) - 1px);display:flex;flex-direction:column;justify-content:center}
  :where(.lp-sec,.lp-end)>.wrap{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}

/* v47.103: «Другие направления» + финальный блок + подвал — на одном экране (десктоп) */
@media(min-width:1000px) and (min-height:640px){
  .lp-last{scroll-snap-align:start;min-height:calc(var(--vh100,100svh) - var(--hdr) - var(--foot-h,112px) - 1px);display:flex;flex-direction:column}
  .lp-last>#others,.lp-last>.lp-end{scroll-snap-align:none;min-height:0}
  .lp-last>#others{flex:1 1 auto;justify-content:center;padding:clamp(18px,3.4vh,44px) 0}
  .lp-last>.lp-end{flex:0 0 auto;justify-content:center;padding:clamp(22px,4vh,48px) 0}
}

/* v47.104: ссылки подвала не разрываются по словам */
.foot__legal>a,.foot__legal>button{white-space:nowrap;overflow-wrap:normal}

/* v47.105: узкий десктоп — верхнее меню не шире окна */
@media(min-width:901px) and (max-width:1100px){.nav{gap:14px;font-size:14px}.nav a.nav__cta{padding:8px 12px}}
@media(min-width:901px) and (max-width:960px){.nav{gap:10px;font-size:13.5px}.nav a.nav__cta{padding:7px 10px}.topbar__in{gap:12px}.logo{gap:10px}}

/* v47.109: подвал на телефоне — контакты справа от логотипа, реквизиты ниже */
@media(max-width:680px){
  .foot__row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px}
  .foot__legal{display:contents}
  .foot__logo{grid-column:1;grid-row:1}
  .foot__logo img{height:64px}
  .foot__contacts{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;gap:7px;margin:0}
  .foot__req{grid-column:1 / -1;grid-row:2}
}

/* v47.110: телефон (≤699 px) — компактные блоки */
@media(max-width:699px){
  /* панель якорей: одна строка с прокруткой, закреплена под шапкой */
  html{scroll-padding-top:calc(var(--hdr) + 52px)}
  .anch{position:sticky;top:var(--hdr);z-index:40}
  .anch::after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,rgba(244,239,230,0),var(--wash-2));pointer-events:none}
  .anch .wrap{padding-inline:0}
  .anch ul{flex-wrap:nowrap;overflow-x:auto;gap:0 22px;padding-inline:var(--gutter) 40px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .anch ul::-webkit-scrollbar{display:none}
  .anch li{flex:none}
  .anch a{white-space:nowrap}
  /* схемы (пакет, контур): два столбца вместо одного */
  .sg:not(.sg--flow){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sg--3 .sbox:last-child:nth-child(odd){grid-column:1 / -1}
  .sg:not(.sg--flow) .sbox{padding:10px 12px}
  .sg:not(.sg--flow) .sbox b{font-size:15.5px}
  .sg:not(.sg--flow) .sbox span{font-size:13px}
  /* другие направления: стрелка в строке заголовка */
  .others .dir{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:4px;padding:12px 14px}
  .others .dir__arr{grid-column:3;grid-row:1;align-self:center;justify-self:end;margin:0}
  .others .dir__d{grid-column:1 / -1;grid-row:2}
}
@media(max-width:359px){.sg:not(.sg--flow){grid-template-columns:1fr}}
.anch a.is-on{border-bottom-color:var(--accent)}

/* v47.111: мобильное меню — понятная иерархия: основные пункты крупнее и слева, «Направления» раскрываются в выделенную вложенную группу */
@media(max-width:900px){
  .nav{align-items:stretch;gap:0;max-height:calc(100vh - var(--hdr));max-height:calc(100dvh - var(--hdr));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .nav>a:not(.nav__cta),.nav__dd summary,.nav__dd summary:hover,.nav__dd[open] summary{justify-content:space-between;text-align:left;font-size:18px;font-weight:600;padding:13px 0;min-height:50px;color:var(--ink)}
  .nav>a:not(.nav__cta){display:flex;align-items:center}
  .nav__dd summary::after{width:9px;height:9px}
  .nav__sub{margin:0 0 8px;padding:2px 0;background:var(--wash-2);border-left:3px solid var(--accent);border-radius:0 8px 8px 0}
  .nav__sub a{text-align:left;padding:11px 16px;min-height:44px;font-size:16px;font-weight:400;color:var(--ink-2);border-bottom:1px solid rgba(220,211,196,.8)}
  .nav__sub .nav__all{color:var(--accent);font-weight:600}
  .nav__sub a[aria-current="page"]{color:var(--accent);font-weight:600;background:var(--accent-soft)}
  .nav__sub li:last-child a{border-bottom:0}
  .nav__sub .nav__sep{margin:2px 16px;background:rgba(220,211,196,.8)}
  .nav a.nav__cta{margin-top:12px;padding:14px;text-align:center;justify-content:center;border:1px solid var(--accent);border-radius:10px;font-size:17px}
}

/* v47.112: сенсорные экраны (iPad, телефоны) — без «магнитной» привязки прокрутки и без размытия фона шапки: плавная прокрутка */
@media(hover:none) and (pointer:coarse){
  html{scroll-snap-type:none}
  .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(251,247,241,.98)}
}