@font-face{font-family:'LT Remark';font-style:normal;font-weight:700;font-display:swap;
  src:url('/fonts/ltremark-bold.otf') format('opentype');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/montserrat-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/montserrat-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/montserrat-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/montserrat-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/montserrat-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/montserrat-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/montserrat-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/montserrat-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/montserrat-600-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/montserrat-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/montserrat-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/montserrat-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/montserrat-700-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/montserrat-700-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/montserrat-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/montserrat-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ============ DigitalEvidence - дизайн-система ============ */
:root{
  --olive:#6a704c; --olive-hover:#7e8368; --olive-dark:#556045;
  --dark:#353617;
  --terra:#904a31;
  --ink:#060607; --ink-2:#4a4a48; --muted:#95958c;
  --white:#fff; --bg:#fafafa; --bg-2:#f0f0f0; --bg-3:#e5e5e5; --line:#e6e6e6;
  --radius:5px; --shadow:0 2px 14px rgba(0,0,0,.07); --shadow-lg:0 6px 28px rgba(0,0,0,.10);
  --wrap:1190px; --pad:20px;
  --t:.22s ease;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);
  font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}

/* --- типографика (шкала Flexbe) --- */
h1,.t-h1{font-size:40px;font-weight:600;line-height:1.3;margin:0;color:var(--dark)}
h2,.t-h2{font-size:34px;font-weight:600;line-height:1.25;margin:0;color:var(--dark)}
h3,.t-h3{font-size:22px;font-weight:700;line-height:1.3;margin:0}
h4,.t-h4{font-size:18px;font-weight:700;line-height:1.5;margin:0}
.t-title{font-size:28px;font-weight:500;line-height:1.3}
.t-sub{font-size:18px;font-weight:400;line-height:1.5}
.t-cap{font-size:14px;font-weight:400;line-height:1.3}
.up{text-transform:uppercase}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}

/* --- сетка --- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sec{padding:70px 0}
.sec--tight{padding:48px 0}
.sec--bg{background:var(--bg)}
.grid{display:grid;gap:24px}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}

/* --- кнопки --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:11px 24px;min-height:44px;border:none;border-radius:var(--radius);cursor:pointer;
  font-size:16px;font-weight:400;letter-spacing:normal;text-transform:uppercase;line-height:1.2;
  background:var(--olive);color:var(--white);transition:background var(--t),transform var(--t)}
.btn:hover{background:var(--olive-hover)}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:var(--olive);border:1px solid var(--olive)}
.btn--ghost:hover{background:var(--olive);color:var(--white)}
.hdr__cta{border-radius:10px;min-height:40px;padding:10px 24px}
.btn--dark{background:var(--olive-dark)}
.btn--wide{width:100%}

/* --- шапка --- */
.hdr{background:var(--white);position:relative;z-index:60}
.hdr__r1{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:19px 0 10px;border-bottom:1px solid var(--line)}
.hdr__logo{flex:none;display:block}
.hdr__logo img{width:176px;height:51px}
.hdr__cis{display:flex;align-items:center;font-size:14px;color:var(--ink)}
.hdr__ci{display:inline-flex;align-items:center;gap:9px;padding:0 36px;position:relative;white-space:nowrap}
.hdr__ci:last-child{padding-right:0}
.hdr__ci+.hdr__ci::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:14px;background:var(--line)}
.hdr__ci svg{width:15px;height:15px;flex:none;color:var(--olive)}
.hdr__ci a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.hdr__ci a:hover{color:var(--olive)}
.hdr__r2{display:flex;align-items:center;gap:26px;padding:10px 0 21px}
.nav{display:flex;align-items:center;gap:60px;margin-right:auto}
.nav__i{position:relative;font-size:18px;font-weight:500;padding:6px 0;color:var(--ink);
  transition:color var(--t);white-space:nowrap}
.nav__i:hover{color:var(--olive)}
.nav__i--on{color:var(--olive)}
.nav__i--on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--olive)}
.nav__dd{position:relative}
.nav__dd>.nav__i{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.nav__dd>.nav__i::before{content:"";order:2;width:7px;height:7px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--t)}
.nav__menu{position:absolute;top:100%;left:-16px;min-width:250px;background:var(--white);
  border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:var(--radius);
  padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all var(--t);z-index:70}
.nav__dd:hover .nav__menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav__dd:hover>.nav__i::before{transform:rotate(-135deg) translateY(-4px)}
.nav__menu a{display:block;padding:11px 22px;font-size:16px;transition:background var(--t),color var(--t)}
.nav__menu a:hover{background:var(--bg);color:var(--olive)}
.hdr__cta{flex:none;border-radius:10px;min-height:40px;padding:8px 34px;font-size:15px}
.burger{display:none;width:34px;height:26px;background:none;border:none;padding:0;cursor:pointer;margin-left:auto;position:relative}
.burger span{position:absolute;left:0;right:0;height:2px;background:var(--ink);transition:all var(--t)}
.burger span:nth-child(1){top:3px}.burger span:nth-child(2){top:12px}.burger span:nth-child(3){top:21px}

/* --- моб. меню --- */
.mmenu{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:var(--white);z-index:200;
  transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;padding:22px 24px 40px;
  box-shadow:-6px 0 30px rgba(0,0,0,.15)}
body.menu-open .mmenu{transform:translateX(0)}
body.menu-open{overflow:hidden}
.mmenu__close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:none;background:none;cursor:pointer}
.mmenu__close::before,.mmenu__close::after{content:"";position:absolute;left:9px;top:18px;width:20px;height:2px;background:var(--ink)}
.mmenu__close::before{transform:rotate(45deg)}.mmenu__close::after{transform:rotate(-45deg)}
.mmenu a{display:block;padding:12px 0;font-size:16px;font-weight:500;border-bottom:1px solid var(--line)}
.mmenu__sub a{padding-left:16px;font-size:14px;font-weight:400;color:var(--ink-2)}
.mmenu .btn{margin-top:22px;width:100%}
.mmenu__ci{margin-top:22px;font-size:14px;color:var(--ink-2);display:grid;gap:8px}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:190;opacity:0;visibility:hidden;transition:all var(--t)}
body.menu-open .scrim{opacity:1;visibility:visible}

/* --- герой --- */
.hero{background:#f4f4f2;padding:70px 0 0}
.hero__in{max-width:1000px}
.hero h1{margin-bottom:22px}
.hero__sub{font-size:18px;color:var(--ink-2);margin-bottom:30px;line-height:1.6}
.hero__img{margin-top:56px;position:relative;padding-top:69px}
.hero__bg{width:100%;aspect-ratio:1150/449;object-fit:cover}
.hero__phones{position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:408px;height:auto;z-index:2;pointer-events:none}

/* --- фичи (3 колонки, третья тёмная) --- */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.feat{background:var(--bg-2);padding:30px 34px;border-left:3px solid var(--olive)}
.feat:nth-child(2){background:var(--bg-3)}
.feat--dark{background:var(--dark);border-left-color:var(--white)}
.feat--dark .feat__t,.feat--dark .feat__d{color:var(--white)}
.feat__t{font-size:20px;font-weight:600;margin-bottom:8px}
.feat__d{font-size:14px;color:var(--ink-2);line-height:1.6}

/* --- заголовок секции --- */
.sh{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:38px}
.sh__c{max-width:760px}
.sh h2{margin-bottom:16px}
.sh__d{font-size:15px;color:var(--ink-2);line-height:1.7}
.sh__a{flex:none;padding-top:6px}

/* --- карточки услуг --- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--t),transform var(--t)}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.card__b{padding:24px 24px 18px;flex:1}
.card__t{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:700;line-height:1.35;margin-bottom:10px}
.card__ico{flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg);
  display:grid;place-items:center;margin-top:1px}
.card__ico svg{width:12px;height:12px;color:var(--olive)}
.card__d{font-size:14px;color:var(--ink-2);line-height:1.6}
.card__m{position:relative;margin-top:auto}
.card__m img{width:100%;aspect-ratio:361/206;object-fit:cover}
/* Кнопка-кружок на карточке. CSS перенесён 1-в-1 с оригинала:
   стрелка «вправо» статично повёрнута на 40deg (смотрит вниз-вправо),
   на ховере кружок раскрывается в пилюлю «Подробнее», стрелка возвращается в 0deg.
   Разворот — только на ПК (>=1024px), как в оригинале. */
.iso-btn{position:absolute;left:11px;bottom:61px;
  display:inline-flex;align-items:center;justify-content:center;height:64px;
  border-radius:32px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);
  text-decoration:none;padding:0 20px; /* (64-24)/2 = круг */
  overflow:hidden;transition:padding .4s ease;line-height:1;border:none;cursor:pointer;
  font-family:inherit;box-sizing:border-box;margin:0;vertical-align:middle}
.iso-btn__text{color:#222;font-weight:600;font-size:14px;white-space:nowrap;
  max-width:0;opacity:0;margin-right:0;
  transition:max-width .4s ease,opacity .4s ease,margin-right .4s ease;display:inline-block}
.iso-btn__icon{width:24px;height:24px;flex-shrink:0;stroke:#556045;stroke-width:2.5;
  stroke-linecap:round;fill:none;transform:rotate(40deg);transition:transform .4s ease;display:block}
@media(min-width:1024px){
  .iso-btn:hover{padding:0 32px}
  .iso-btn:hover .iso-btn__text{max-width:150px;opacity:1;margin-right:12px}
  .iso-btn:hover .iso-btn__icon{transform:rotate(0deg)}
}

/* --- шаги (карусель как в оригинале: 3 из 4 видно) --- */
.steps{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.steps::-webkit-scrollbar{display:none}
.steps>*{flex:0 0 367px;scroll-snap-align:start;min-height:280px}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}
.step__n{font-size:44px;font-weight:700;color:var(--terra);line-height:1}
.step__l{font-size:13px;color:var(--muted);margin-bottom:16px}
.step__t{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px;
  padding-top:16px;border-top:1px solid var(--line)}
.step__d{font-size:14px;color:var(--ink-2)}
.steps__cta{background:var(--olive);color:var(--white);border-radius:var(--radius);padding:26px 24px;
  display:flex;flex-direction:column;gap:14px}
.steps__cta p{font-size:14px;line-height:1.6;opacity:.95}
/* Заливка цветом на ховере: тёмный фон наезжает слева направо, текст белеет. */
.steps__cta .btn{background:var(--white);color:var(--olive);margin-top:auto;
  position:relative;overflow:hidden;z-index:0;transition:color .35s ease}
.steps__cta .btn::before{content:"";position:absolute;inset:0;z-index:-1;
  background:var(--dark);transform:scaleX(0);transform-origin:left center;
  transition:transform .35s ease}
.steps__cta .btn:hover{background:var(--white);color:var(--white)}
.steps__cta .btn:hover::before{transform:scaleX(1)}
/* стрелки */
.arrows{display:flex;gap:10px;flex:none}
.arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--white);
  display:grid;place-items:center;cursor:pointer;transition:all var(--t);flex:none}
.arr:hover{background:var(--olive);border-color:var(--olive)}
.arr svg{width:15px;height:15px;color:var(--ink);transition:color var(--t)}
.arr:hover svg{color:var(--white)}
.arr[disabled]{opacity:.4;cursor:default}
.arr[disabled]:hover{background:var(--white);border-color:var(--line)}
.arr[disabled]:hover svg{color:var(--ink)}

/* --- почему нас выбирают --- */
/* Карточки как в оригинале (269x441, radius 5, белые, без тени, gap 25),
   но высота по содержимому - в оригинале там было много пустоты. */
.whys{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
/* На /jurist/ в оригинале 5 карточек стоят в один ряд */
.whys--5{grid-template-columns:repeat(5,1fr);gap:18px}
.whys--5 .why{padding:24px 18px}
.whys--5 .why__n{font-size:30px}
.why{display:flex;flex-direction:column;gap:16px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px}
.why__n{font-size:34px;font-weight:700;color:var(--olive);line-height:1;flex:none}
.why__t{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px}
.why__d{font-size:14px;color:var(--ink-2);line-height:1.6}

/* --- FAQ --- */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;
  font-size:16px;font-weight:600;line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:26px;width:9px;height:9px;
  border-right:2px solid var(--olive);border-bottom:2px solid var(--olive);
  transform:rotate(45deg);transition:transform var(--t)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq__a{padding:0 44px 22px 0;font-size:15px;color:var(--ink-2);line-height:1.7}

/* --- таймлайн --- */
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px}
.tl__i{border-top:2px solid var(--olive);padding-top:16px}
.tl__y{font-size:34px;font-weight:700;color:var(--olive);line-height:1;margin-bottom:8px}
.tl__d{font-size:14px;color:var(--ink-2);line-height:1.6}

/* --- CTA-полоса --- */
/* Фон-фото + чёрное затемнение 21% (как в оригинале: img 52255103, opacity .21).
   Контент — в правой колонке (в оригинале кнопка на x=775 при контейнере 225..1375). */
.cta{position:relative;color:var(--white);background:var(--dark);overflow:hidden}
.cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 50%;z-index:0}
.cta::after{content:"";position:absolute;inset:0;background:#000;opacity:.21;z-index:1}
.cta .wrap{position:relative;z-index:2}
.cta__in{display:flex;justify-content:flex-end;padding:74px 0}
.cta__c{width:600px;max-width:100%}
.cta h2{font-size:40px;line-height:1.25;color:var(--white)}
.cta p{font-size:16px;margin-top:18px;line-height:1.6}
.cta .btn{margin-top:28px;background:var(--olive);color:var(--white)}
.cta .btn:hover{background:var(--olive-hover)}

/* --- офис/карта --- */
.office{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.office__map iframe,.office__map{width:100%;height:340px;border:0;border-radius:var(--radius);overflow:hidden}

/* --- футер (как в оригинале: светлый, лого по центру, меню между двух
   оливковых линий rgba(106,112,76,.34), политика подчёркнута) --- */
.ftr{background:var(--bg);color:var(--ink);padding:35px 0 44px;text-align:center;font-size:16px}
.ftr__logo{display:inline-block;margin-bottom:40px}
.ftr__logo img{width:233px;height:68px}
.ftr__nav{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px;padding:16px 0;
  border-top:1px solid rgba(106,112,76,.34);border-bottom:1px solid rgba(106,112,76,.34)}
.ftr__nav a{font-size:16px;color:var(--ink);transition:color var(--t)}
.ftr__nav a:hover{color:var(--olive)}
.ftr__b{margin-top:32px;display:grid;gap:10px;font-size:16px;color:var(--ink)}
.ftr__b a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.ftr__b a:hover{color:var(--olive)}
.ftr__cop{font-size:14px;color:var(--muted)}
.ftr__ci{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;margin-top:22px;
  font-size:15px;color:var(--ink-2)}
.ftr__ci a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.ftr__ci a:hover{color:var(--olive)}

/* --- модалка --- */
.modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.modal.on{display:flex}
.modal__scrim{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.modal__box{position:relative;background:var(--white);border-radius:var(--radius);
  width:min(100%,460px);padding:38px 36px 32px;box-shadow:var(--shadow-lg);max-height:92vh;overflow-y:auto}
.modal__x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:none;cursor:pointer}
.modal__x::before,.modal__x::after{content:"";position:absolute;left:9px;top:17px;width:18px;height:2px;background:var(--muted)}
.modal__x::before{transform:rotate(45deg)}.modal__x::after{transform:rotate(-45deg)}
.modal h3{font-size:22px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.modal__d{font-size:14px;color:var(--ink-2);margin-bottom:22px;line-height:1.6}
.modal__ok{text-align:center}
.modal__ok img{width:64px;margin:0 auto 18px}

/* --- форма --- */
.f__f{margin-bottom:14px}
.f__i{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);
  font-family:inherit;font-size:15px;background:var(--bg);transition:border-color var(--t),background var(--t)}
.f__i:focus{outline:none;border-color:var(--olive);background:var(--white)}
.f__i.err{border-color:#c0392b;background:#fdf3f2}
.f__err{display:none;font-size:12px;color:#c0392b;margin-top:5px}
.f__f.bad .f__err{display:block}
.f__hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}
.f__agree{font-size:12px;color:var(--muted);line-height:1.5;margin-top:12px;display:flex;gap:8px;align-items:flex-start}
.f__agree input{margin-top:2px;flex:none;accent-color:var(--olive)}
.f__agree a{text-decoration:underline;text-underline-offset:2px}
.f__msg{font-size:13px;margin-top:10px;display:none}
.f__msg.bad{display:block;color:#c0392b}

/* --- cookie --- */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:250;max-width:420px;margin-left:auto;
  background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-lg);
  border-radius:var(--radius);padding:18px 20px;font-size:13px;color:var(--ink-2);line-height:1.55;display:none}
.cookie.on{display:block}
.cookie a{color:var(--olive);text-decoration:underline}
.cookie .btn{margin-top:12px;padding:8px 20px;font-size:13px;min-height:36px}

/* --- хлебные крошки --- */
.bc{font-size:13px;color:var(--muted);padding:18px 0}
.bc a:hover{color:var(--olive)}
.bc span{margin:0 7px}

/* --- контентные страницы --- */
/* Длина строки ~70 знаков - комфортный предел для чтения.
   Было 840px при 15px = ~112 знаков, читалось тяжело. */
.doc{max-width:44em}
.doc h2{font-size:28px;margin:34px 0 14px}
.doc h3{margin:24px 0 10px}
.doc p,.doc li{font-size:16px;color:var(--ink-2);line-height:1.75}
.doc p{margin-bottom:1.15em}
.doc ul{padding-left:20px}
.doc li{margin-bottom:8px}
/* Жирная лид-фраза в начале абзаца - приём оригинала:
   ключевая фраза выделена, дальше обычный текст. */
.doc b,.doc strong{color:var(--ink);font-weight:700}

/* --- прайс-таблица --- */
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{text-align:left;padding:14px 16px;background:var(--bg);font-size:13px;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);border-bottom:1px solid var(--line)}
.tbl td{padding:13px 16px;border-bottom:1px solid var(--line)}
.tbl td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}

/* ============ адаптив ============ */
@media(max-width:1300px){
  .nav{gap:34px}
}
@media(max-width:1100px){
  h1,.t-h1{font-size:36px} h2,.t-h2{font-size:30px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .whys,.whys--5{grid-template-columns:repeat(2,1fr)}
  .tl{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .nav,.hdr__cta{display:none}
  .burger{display:block}
  .hdr__cis{display:none}
  .hdr__r1{border-bottom:none;padding-bottom:0}
  .hdr__r2{padding-top:0}
  .feats{grid-template-columns:1fr}
  .whys{grid-template-columns:repeat(2,1fr)}
  .office{grid-template-columns:1fr}
  .cta__in{padding:46px 0}
  .cta__c{width:100%}
  .sh{flex-direction:column;gap:20px}
}
@media(max-width:760px){
  .hero__img{padding-top:40px}
  .hero__phones{width:230px}
}
@media(max-width:640px){
  h1,.t-h1{font-size:28px} h2,.t-h2{font-size:24px} .t-title{font-size:21px}
  .sec{padding:44px 0}
  .hero{padding:44px 0 0}
  .hero__img{margin-top:32px}
  .cards,.g-2,.g-3{grid-template-columns:1fr}
  .whys,.whys--5{grid-template-columns:1fr}
  .steps>*{flex:0 0 84%}
  .tl{grid-template-columns:1fr}
  .cta h2{font-size:26px}
  .ftr__logo img{width:180px;height:auto}
  .modal__box{padding:30px 22px 24px}
  .cookie{left:12px;right:12px;bottom:12px}
}

/* --- хаб услуг (нумерованные карточки) --- */
.svcs{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.svc{display:grid;grid-template-columns:auto 1fr;gap:0 20px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 22px;
  transition:box-shadow var(--t),transform var(--t),border-color var(--t)}
.svc:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:transparent}
.svc__n{font-size:34px;font-weight:700;color:var(--terra);line-height:1;grid-row:span 2}
.svc__t{font-size:20px;font-weight:700;margin-bottom:8px}
.svc__d{font-size:14px;color:var(--ink-2);line-height:1.6}
.svc__go{grid-column:2;display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--olive)}
.svc__go svg{width:12px;height:12px}
@media(max-width:900px){.svcs{grid-template-columns:1fr}}

/* --- контакты --- */
.cts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.ct{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;
  border-top:3px solid var(--olive)}
.ct__t{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
  font-weight:600;margin-bottom:10px}
.ct__v{font-size:18px;font-weight:700;line-height:1.35;margin-bottom:6px}
.ct__v a:hover{color:var(--olive)}
.ct__d{font-size:13px;color:var(--ink-2);line-height:1.5}
@media(max-width:1100px){.cts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cts{grid-template-columns:1fr}}

/* --- страницы услуг --- */
.hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
/* Карточки как в оригинале: 4 колонки по 269, gap 25, заголовок 18/700,
   под ним тёмная линия, снизу картинка заполняет остаток высоты. */
.wts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:stretch}
.wt{background:var(--white);display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius)}
.wt__b{padding:24px 20px 20px;flex:1 1 auto}
.wt__t{font-size:18px;font-weight:700;line-height:1.35;padding-bottom:14px;
  border-bottom:1px solid var(--ink);margin:0}
.wt__d{font-size:14px;color:var(--ink-2);line-height:1.65;margin-top:14px}
/* Картинки одинаковой высоты: фиксируем высоту, разницу в длине текста
   добирает текстовый блок (в оригинале картинки были разной высоты - 200/257/221/272). */
.wt__b{flex:1 1 auto}
.wt__img{margin-top:auto;width:100%;flex:0 0 210px;height:210px;object-fit:cover;display:block}
/* вариант без картинок (остальные страницы услуг) */
.wts--2{grid-template-columns:repeat(2,1fr)}
.wts--1{grid-template-columns:1fr}
.wts--1 .wt__t,.wts--2 .wt__t{border-bottom:none;padding-bottom:0}
.wts--1 .wt__d,.wts--2 .wt__d{margin-top:10px}

/* цены */
/* (старый .pr заменён блоком «Стоимость» ниже) */
.pr__c{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.pr__ct{font-size:15px;font-weight:700;margin-bottom:12px}

/* 5 шагов */
.st5s{display:grid;gap:16px}
.st5{display:flex;gap:20px;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 24px;align-items:flex-start}
.st5__n{font-size:24px;font-weight:700;color:var(--terra);line-height:1.3;flex:none;min-width:40px}
.st5__t{font-size:16px;font-weight:700;margin-bottom:5px}
.st5__d{font-size:14px;color:var(--ink-2);line-height:1.6}

/* галочки */
.ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ticks li{position:relative;padding-left:30px;font-size:15px;line-height:1.5}
.ticks li::before{content:"";position:absolute;left:4px;top:5px;width:11px;height:6px;
  border-left:2px solid var(--olive);border-bottom:2px solid var(--olive);transform:rotate(-45deg)}

/* сравнение с нотариусом */
.cmp{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cmp__head{display:grid;grid-template-columns:1fr 1fr}
.cmp__h{padding:16px 24px;font-size:14px;font-weight:700;background:var(--bg-3);color:var(--ink-2)}
.cmp__h--us{background:var(--olive);color:var(--white)}
.cmp__row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.cmp__us,.cmp__them{padding:18px 24px}
.cmp__us{background:var(--white)}
.cmp__them{background:var(--bg);border-left:1px solid var(--line)}
.cmp__t{font-size:15px;font-weight:700;margin-bottom:5px}
.cmp__l{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
  font-weight:600;margin-bottom:5px}
.cmp__d{font-size:14px;color:var(--ink-2);line-height:1.55}

/* форма заказа */
.of{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px;margin-top:24px}
.of__note{font-size:14px;color:var(--ink-2);line-height:1.65;max-width:820px}
.of__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.of__lab{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:7px}
.of__act{display:flex;align-items:flex-end}
.of__act .btn{width:100%}
.of__ok{display:none;margin-top:14px;padding:14px 16px;border-radius:var(--radius);
  background:#eef3e8;color:#3d5222;font-size:14px}
.of.done .of__grid,.of.done .f__agree{display:none}
.of.done .of__ok{display:block}
select.f__i{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a704c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}

@media(max-width:1100px){
  .wts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .wts{grid-template-columns:repeat(2,1fr)}
  .pr{grid-template-columns:1fr}
  .ticks{grid-template-columns:1fr}
  .of__grid{grid-template-columns:1fr 1fr}
  .cmp__head{display:none}
  .cmp__row{grid-template-columns:1fr}
  .cmp__them{border-left:none;border-top:1px solid var(--line)}
}
@media(max-width:640px){
  .wts,.wts--2{grid-template-columns:1fr}
  .of__grid{grid-template-columns:1fr}
  .of{padding:20px}
}

/* --- политика / практика --- */
.pol__meta{font-size:14px;color:var(--ink-2);line-height:1.7;margin:16px 0 30px;
  padding:16px 20px;background:var(--bg);border-left:3px solid var(--olive);border-radius:var(--radius)}
.pol__pdf{margin-top:36px}
.pol__pdf a{color:var(--olive);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.doc h2{font-size:22px;margin:34px 0 12px;color:var(--dark)}
.cases{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.case{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 20px 16px 46px;font-size:15px;line-height:1.5;position:relative}
.case::before{content:"";position:absolute;left:18px;top:20px;width:10px;height:10px;
  border-radius:50%;background:var(--olive)}

/* --- блок «О компании»: галочки, жирные лид-фразы, цифры (оформление с оригинала) --- */
.ab{max-width:820px}
.ab__list{display:grid;gap:26px;margin:28px 0 32px}
.ab__i{display:grid;grid-template-columns:34px 1fr;gap:0 16px;align-items:start}
.ab__ico{width:34px;height:34px;flex:none;grid-row:span 2}
.ab__ico svg{width:34px;height:34px;display:block}
.ab__t{font-size:16px;font-weight:700;line-height:1.45;color:var(--ink)}
.ab__d{grid-column:2;font-size:15px;color:var(--ink-2);line-height:1.7;margin-top:8px}
/* Цифры как в оригинале: 55px/600, терракота */
.stats{display:flex;gap:90px;flex-wrap:wrap;margin-top:8px}
.stat__n{font-size:55px;font-weight:600;line-height:1;color:var(--terra)}
.stat__l{font-size:15px;color:var(--ink-2);margin-top:6px}

/* --- отзывы: виджет 560x800 по центру (как в оригинале) --- */
.reviews{text-align:center}
.reviews h2{text-align:center}
.reviews__box{width:560px;max-width:100%;margin:24px auto 0}
.reviews__box iframe{width:100%;height:800px;border:0;display:block}

@media(max-width:640px){
  .stats{gap:40px}
  .stat__n{font-size:42px}
  .reviews__box iframe{height:700px}
}

/* --- Стоимость: белая карточка цен + оливковый калькулятор (как в оригинале) --- */
/* stretch (по умолчанию) - колонки одной высоты, а не каждая по своему контенту */
.pr{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}
.pr__card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:32px}
.pr__t{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;line-height:1.3}
.pr__ico{width:28px;height:28px;flex:none;border-radius:50%;background:var(--bg);
  display:grid;place-items:center}
.pr__ico svg{width:13px;height:13px;color:var(--olive)}
.pr__sub{font-size:14px;color:var(--ink-2);line-height:1.6;margin:10px 0 20px;
  padding-bottom:20px;border-bottom:1px solid var(--line)}
.pr__n{font-size:55px;font-weight:600;line-height:1;color:var(--terra)}
.pr__plus{font-size:30px;font-weight:700;color:var(--terra);line-height:1;margin:14px 0}
.pr__h{font-size:15px;font-weight:700;margin-top:8px}
.pr__h--big{font-size:20px;margin-bottom:12px}
.pr__l{margin:0;padding-left:20px;font-size:14px;color:var(--ink-2);line-height:1.6}
.pr__l li{margin-bottom:8px}
.pr__l li::marker{color:var(--ink-2)}
.pr__l--plain{list-style:none;padding-left:0;margin-top:10px}

.calc{background:var(--olive);color:var(--white);border-radius:8px;padding:32px;
  display:flex;flex-direction:column}
.calc__t{font-size:20px;font-weight:700;line-height:1.3;margin-bottom:12px}
.calc__note{font-size:14px;line-height:1.6;opacity:.92;margin-bottom:22px}
.calc__row{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:20px}
.calc__lab{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.calc .f__i{background:var(--white);border:none;border-radius:6px;font-size:14px}
.calc select.f__i{padding-right:34px;background-position:right 10px center}
.calc .f__i:focus{outline:2px solid rgba(255,255,255,.7);outline-offset:1px}
.calc .f__i.err{outline:2px solid #ffd9d4}
.calc .f__err{color:#ffe0db}
.calc__out{font-size:32px;font-weight:700;line-height:1.2;margin:4px 0 12px}
.calc__hint{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:20px}
.calc__i{margin-bottom:14px}
.calc__agree{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;
  opacity:.92;margin:4px 0 18px}
.calc__agree input{margin-top:2px;flex:none;accent-color:var(--white)}
.calc__agree a{text-decoration:underline}
.calc__btn{width:100%;background:transparent;border:1px solid rgba(255,255,255,.75);color:var(--white);margin-top:auto}
.calc__btn:hover{background:var(--white);color:var(--olive)}
.calc__ok{display:none;margin-top:14px;padding:14px 16px;border-radius:6px;
  background:rgba(255,255,255,.15);font-size:14px}
.calc.done .calc__row,.calc.done .calc__i,.calc.done .calc__agree,
.calc.done .calc__btn,.calc.done .calc__hint{display:none}
.calc.done .calc__ok{display:block}

@media(max-width:900px){
  .pr{grid-template-columns:1fr}
  .calc__row{grid-template-columns:1fr}
}
.calc-wrap{max-width:640px}
.of__grid--2{grid-template-columns:1fr 1fr 1fr}


/* --- «Почему это важно»: фото слева + список с залитыми галочками справа --- */
.imgrow{display:grid;grid-template-columns:387px 1fr;gap:60px;align-items:center}
.imgrow__img{width:100%;height:auto;border-radius:var(--radius);display:block}
.imgrow__c h2{margin-bottom:16px}
.chk{display:grid;gap:22px;margin-top:26px}
.chk__i{display:grid;grid-template-columns:34px 1fr;gap:0 14px;align-items:start}
.chk__ico{width:34px;height:34px;grid-row:span 2}
.chk__ico img{width:34px;height:34px;display:block}
.chk__t{font-size:16px;font-weight:700;line-height:1.4}
.chk__d{grid-column:2;font-size:15px;color:var(--ink-2);line-height:1.6;margin-top:6px}

/* --- «Как происходит заверение»: 5 карточек + изогнутые стрелки между ними --- */
/* stretch (по умолчанию) - все пять карточек одной высоты, как в оригинале
   (там у контейнера класс align-items-stretch). Текст идёт сверху вниз:
   в оригинале у всех элементов карточки margin-top:0, ничего к низу не прижато. */
.flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.flow__c{position:relative;background:var(--white);border-radius:16px;padding:28px 22px;
  box-shadow:0 2px 16px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;min-height:280px}
.flow__n{font-family:'LT Remark',Georgia,serif;font-size:55px;font-weight:700;line-height:1;
  color:var(--terra)}
.flow__t{font-size:16px;font-weight:700;line-height:1.35}
.flow__d{font-size:14px;color:var(--ink-2);line-height:1.6}
/* Стрелки между карточками. В оригинале ДВЕ разные формы (не одна перевёрнутая):
   37044140 - крутая дуга вниз-вправо, 52259161 - пологая вверх-вправо. Идут зигзагом.
   У обеих SVG fill:inherit -> как background чернеют, поэтому красим через mask.
   Берём копии -trim: у исходных viewBox 100x100, а дуга занимает лишь часть его,
   и из-за пустых полей стрелку не поставить точно на угол. У -trim коробка = рисунок.
   Каждая стрелка привязана к своей карточке: хвост в 48px от её правого края,
   остриё заходит на 6px на угол следующей (52259161 целится вверх-вправо, поэтому
   для него остриё - это верх коробки, а для 37044140 - низ). */
.flow__c::after{content:"";position:absolute;width:76px;left:calc(100% - 48px);
  background-color:#b3b7a0;pointer-events:none;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%}
.flow__c:nth-child(odd)::after{height:55px;top:-58px;
  -webkit-mask-image:url('/img/37044140-trim.svg');mask-image:url('/img/37044140-trim.svg')}
.flow__c:nth-child(even)::after{height:20px;bottom:-23px;
  -webkit-mask-image:url('/img/52259161-trim.svg');mask-image:url('/img/52259161-trim.svg')}
.flow__c:nth-child(5)::after{display:none}
.flow-wrap{position:relative;padding:70px 0 46px}

@media(max-width:1100px){
  .flow{grid-template-columns:repeat(3,1fr);gap:18px}
  .flow__c::after{display:none}
  .imgrow{grid-template-columns:1fr;gap:30px}
  .imgrow__img{max-width:387px}
}
@media(max-width:760px){
  .flow{grid-template-columns:1fr}
  .flow__c{min-height:0}
}


/* --- «Что фиксируется в заключении»: карточки с галочками (как в оригинале) --- */
.fix{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fix__c{background:var(--white);border-radius:12px;padding:26px 22px;
  box-shadow:0 2px 14px rgba(0,0,0,.05);display:flex;gap:14px;align-items:center;min-height:130px}
.fix__ico{width:30px;height:30px;flex:none}
.fix__ico img{width:30px;height:30px;display:block}
.fix__t{font-size:15px;font-weight:700;line-height:1.4}
@media(max-width:1100px){.fix{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.fix{grid-template-columns:1fr}.fix__c{min-height:0}}