/* ScreenLab — editorial refinement, September 2026. */
:root {
  --bg-alt:#f4f5f6; --surface2:#f4f5f6;
  --text:#17191d; --muted:#626770; --border:#dce0e4; --border-light:#e3e6e9;
  --navy:#292b32; --navy2:#1c1e24; --navy-lt:#f0f1f3;
  --accent:#f45b0b; --accent2:#dc4900; --accent-lt:#fff5ee;
  --radius:5px; --radius-lg:8px;
  --shadow:0 3px 12px rgba(20,25,35,.035);
  --shadow-md:0 8px 22px rgba(20,25,35,.1);
  --header-h:88px; --container:min(1200px,calc(100% - 48px));
}
body { color:var(--text); text-rendering:optimizeLegibility; }
a,button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
::selection { background:#ffe0cd; color:var(--text); }
.site-header { background:rgba(255,255,255,.95); border-bottom:1px solid var(--border); box-shadow:none; backdrop-filter:blur(16px); }
.header__inner { gap:22px; }
.brand { gap:12px; color:var(--text); flex-shrink:0; }
.brand:hover { color:var(--text); }
.brand__mark { width:35px; height:43px; flex:none; display:block; }
.brand__wordmark { display:flex; flex-direction:column; gap:5px; }
.brand__name { display:block; font-size:28px; font-weight:800; line-height:1; letter-spacing:-1.15px; color:inherit; }
.brand__name span { color:var(--accent); }
.brand__descriptor { display:block; font-size:10px; font-weight:500; letter-spacing:.035em; line-height:1.3; color:var(--muted); }
.nav__link { font-size:14px; font-weight:600; padding:8px 10px; border-right:0; border-bottom-width:1px; }
.header__actions { gap:18px; }
.link-phone { font-size:14px; font-weight:650; color:var(--text); }
.site-header .header__actions .btn { padding:12px 17px; font-size:13px; min-height:42px; }
.burger { border:1px solid var(--border); border-radius:4px; }
.btn { min-height:50px; border-width:1px; border-radius:4px; font-size:14px; font-weight:650; letter-spacing:.005em; padding:14px 24px; box-shadow:none; line-height:1.35; }
.btn--primary { color:#17191d; background:var(--accent); }
.btn--primary:hover { color:#fff; background:var(--accent2); box-shadow:none; transform:translateY(-2px); }
.btn--secondary,.btn--outline,.btn--ghost { color:var(--text); background:transparent; border:1px solid #babec4; }
.btn--secondary:hover,.btn--outline:hover,.btn--ghost:hover { color:#fff; background:var(--text); border-color:var(--text); box-shadow:none; }
.btn--sm { min-height:42px; padding:10px 18px; }
.hero { border-bottom:1px solid var(--border); background:#fff; }
.hero__container { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:44px; min-height:620px; padding-top:48px; padding-bottom:46px; align-items:center; }
.hero__text { padding:12px 0 20px; }
.eyebrow { font-size:11px; letter-spacing:.09em; color:var(--muted); font-weight:500; line-height:1.6; }
.hero .eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:25px; }
.hero .eyebrow::before { content:''; width:24px; height:2px; background:var(--accent); flex:none; }
.hero__title { font-size:clamp(44px,4.65vw,65px); font-weight:750; letter-spacing:-.055em; line-height:1.065; margin-bottom:25px; max-width:680px; }
.hero__title .accent { color:var(--text); }
.hero__title .accent::after { content:''; display:block; margin-top:17px; width:56px; height:3px; background:var(--accent); }
.hero__lead { min-height:0; max-width:550px; color:var(--muted); font-size:16px; line-height:1.75; margin-bottom:26px; }
.hero__cta { gap:12px; margin-bottom:25px; }
.hero__decor { position:relative; align-self:center; min-height:470px; padding:36px 16px 0; align-items:center; justify-content:center; border:1px solid var(--border); background:linear-gradient(90deg,transparent calc(100% - 1px),#edf0f2 1px),linear-gradient(transparent calc(100% - 1px),#edf0f2 1px); background-size:48px 48px; }
.hero__decor::before,.hero__decor::after { position:absolute; width:18px; height:18px; content:''; pointer-events:none; }
.hero__decor::before { top:-1px; left:-1px; border-top:2px solid var(--accent); border-left:2px solid var(--accent); }
.hero__decor::after { right:-1px; bottom:-1px; border-bottom:2px solid var(--accent); border-right:2px solid var(--accent); }
.hero__mascot { width:100%; max-height:365px; object-fit:contain; mix-blend-mode:multiply; position:relative; z-index:1; }
.hero__caption { display:flex; justify-content:space-between; gap:20px; width:100%; margin-top:20px; padding:16px 4px 4px; border-top:1px solid var(--border); font-family:var(--mono); font-size:10px; line-height:1.6; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.hero__caption strong { color:var(--text); font-weight:500; }
.trust-badges { gap:0; }
.trust-badges li { font-family:var(--font); font-size:12px; letter-spacing:0; text-transform:none; font-weight:500; padding:0 14px; background:transparent; color:var(--muted); border:0; border-right:1px solid var(--border); border-radius:0; }
.trust-badges li:first-child { padding-left:0; }
.trust-badges li:last-child { border-right:0; }
.hero__note { font-size:12px; }
.section { padding:76px 0; }
.section__title { font-size:clamp(28px,3.35vw,43px); font-weight:700; letter-spacing:-.035em; line-height:1.16; max-width:900px; }
.section__subtitle { font-size:16px; line-height:1.75; max-width:690px; margin-bottom:36px; }
.stripe { height:3px; width:30px; border-radius:0; background:var(--accent); }
.card,.mini-card,.service-card,.price-card,.case-card,.blog-card,.why-card,.faq__item { border-radius:6px; border-color:var(--border); box-shadow:none; }
.card { padding:28px; }
.card__icon { width:32px; height:32px; color:var(--text); }
.card__title { font-weight:650; font-size:18px; }
.card__text { font-size:15px; line-height:1.7; }
.card:hover,.mini-card:hover,.service-card:hover,.blog-card:hover { box-shadow:0 10px 24px rgba(20,25,35,.055); border-color:#afb5bc; }
.footer .brand,.site-footer .brand { color:#fff; }
.footer .brand__descriptor,.site-footer .brand__descriptor { color:#a8acb3; }
.footer__tagline { display:none; }
/* Quiet surfaces keep the orange reserved for actions and orientation. */
.compare-wrap,.compare-v2 { box-shadow:none; border-radius:6px; }
.compare-v2__cell--criteria { border-right:1px solid var(--border); font-weight:500; }
.compare-v2__col-header--criteria,.compare-v2__col-header--notary { background:#eef0f2; border-right:1px solid var(--border); }
.compare-v2__cell--notary { background:#fafbfb; border-right:1px solid var(--border); }
.compare-v2__brand-notary,.compare-v2__tag-notary,.compare-v2__cell--notary .compare-v2__no { color:var(--muted); }
.compare-v2__cell--expert { background:#fffaf6; border-left:1px solid #efd8c8; font-weight:500; }
.compare-v2__col-header--expert { background:var(--text); border-left:1px solid var(--text); }
.compare-v2__tag-expert { background:transparent; color:#c8ccd1; border-radius:0; font-weight:500; }
.compare-v2__brand-expert { font-weight:700; }
.pain-resolve { background:#fff; border:1px solid var(--border); border-left:3px solid var(--accent); box-shadow:none; border-radius:4px; }
.pain-resolve__title { font-weight:650; }
.process-step { border-bottom-style:solid; }
.process-step__num { background:#fff; color:var(--text); border:1px solid #b9bfc6; border-radius:4px; box-shadow:none; font-weight:500; }
.process-step__badge { background:#f0f1f3; color:var(--muted); border-radius:3px; }
.service-card--featured { border:1px solid var(--border); box-shadow:none; }
.service-card--featured::before { height:3px; background:var(--accent); }
.service-card:not(.service-card--featured)::before { height:3px; background:#b9bfc6; }
.service-card__ico,.service-card__ico--alt,.why-card__ico { border-radius:4px; background:#f1f2f4; color:var(--text); border:1px solid var(--border); }
.service-card__title { font-size:22px; font-weight:650; letter-spacing:-.025em; }
.channel-icon { background:#f5f6f7; border-color:var(--border); }
.stat { box-shadow:none; text-align:left; border-radius:4px; }
.stat__value { color:var(--text); font-size:42px; font-weight:650; }
.stat__label { font-size:14px; }
.law-badges li { border-left:2px solid #b9bfc6; border-radius:0; }
.lead-form,.calc { border-color:var(--border); border-radius:6px; box-shadow:none; }
.field__input { border-width:1px; border-radius:4px; background:#fff; }
.field__input:focus { box-shadow:0 0 0 3px #fff0e5; }
.calc-card,.calc-row,.calc-urgency-btn { background:#f7f8f9; border-width:1px; border-radius:4px; }
.calc-card:hover,.calc-card.active { box-shadow:none; }
.calc-card.active { background:#fff8f2; }
.calc-card__icon { background:#ebeef1; border-radius:4px; color:var(--text); }
.calc-card.active .calc-card__icon { background:var(--text); color:#fff; }
.calc-card.active .calc-card__name { color:var(--text); }
.calc-card__sub { font-size:12px; }
.calc-urgency-btn.active,.calc-urgency-btn.active-warn { background:var(--text); border-color:var(--text); color:#fff; }
.calc-row__counter button { color:var(--text); border-width:1px; }
.calc-result { background:var(--text); border:1px solid var(--text); border-radius:4px; }
.calc-result__sum { color:#fff; font-weight:650; }
.calc-result__note { color:#b7bbc2; }
.price-card--featured { box-shadow:none; border:1px solid #acb2b9; }
.price-card__badge { border-radius:3px; background:var(--text); }
.service-price-panel { box-shadow:none; border-radius:6px; }
.service-price-card,.service-price-card--accent { background:#f7f8f9; border-color:var(--border); }
.service-price-card__price { color:var(--text); font-weight:650; }
.case-card__tag,.blog-card__tag { background:#f0f2f4; color:var(--muted); border-radius:3px; font-size:11px; font-weight:500; }
.case-card__outcome { color:var(--text); font-weight:600; }
.blog-card__body { padding:24px; gap:14px; }
.blog-card__title { font-size:20px; font-weight:650; letter-spacing:-.025em; }
.blog-card__img { transition:transform .45s ease; }
.blog-card:hover .blog-card__img { transform:scale(1.025); }
.blog-card__btn { background:transparent; color:var(--text); border:0; border-bottom:1px solid #b9bfc6; border-radius:0; padding:5px 0; min-height:36px; }
.blog-card__btn:hover { background:transparent; color:var(--accent2); border-color:var(--accent2); transform:none; }
.article-hero { background:#f4f5f6; border-bottom:1px solid var(--border); }
.article-hero__meta { color:var(--muted); font-weight:500; }
.article-hero__title { font-weight:700; letter-spacing:-.04em; line-height:1.12; }
.article-hero__img { box-shadow:none; border-color:var(--border); border-radius:4px; }
.article-content { max-width:780px !important; width:calc(100% - 40px); }
.article-content>p,.article-content>ul,.article-content>ol,.article-content>h2,.article-content>h3 { max-width:780px !important; }
.article-content p,.article-content li { font-size:17px; line-height:1.85; }
.article-content h2 { font-weight:650; letter-spacing:-.025em; margin-top:42px; }
.article-content .article-cta { background:var(--text); border-radius:4px; }
.article-content .article-cta h2,.article-content .article-cta h3 { color:#fff; }
.service-hero__title { font-weight:700; line-height:1.12; letter-spacing:-.04em; }
.service-hero__eyebrow { color:var(--muted); font-weight:500; }
.service-hero__speech { border:0; border-top:1px solid var(--border); background:transparent; box-shadow:none; border-radius:0; padding:14px 0 0; }
.service-hero__speech::before,.service-hero__speech::after { display:none; }
.service-hero__icon-badge { color:var(--text); background:#f0f2f4; box-shadow:none; border:1px solid var(--border); border-radius:4px; }
.faq__item[open] { border-color:#adb3bc; border-left:1px solid #adb3bc; }
.faq__summary { font-weight:600; padding:21px 48px 21px 24px; }
.faq__body { padding:0 24px 22px; line-height:1.75; }
.section--cta { background:#f1f3f5; border-top:1px solid var(--border); }
.section--cta .section__title { margin-inline:auto; }
.cookie-banner { border-top:1px solid var(--border); box-shadow:0 -4px 20px rgba(20,25,35,.055); }
.cookie-banner__text strong { color:var(--text); }
.cookie-banner .btn { background:var(--text); color:#fff; }
.site-footer { border-top:1px solid #3c4046; background:#191b20; padding-top:58px; }
.footer__inn,.footer__copy,.footer__legal a { color:#9a9fa8; }
.footer__heading { color:#aeb3bc; }
.footer__contacts { color:#c6cad0; }
.hero__scan { position:absolute; z-index:2; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(244,91,11,.4),transparent); pointer-events:none; opacity:0; animation:lab-scan 2.6s .4s ease-in-out 1; }
@keyframes lab-scan { 0%{top:12%;opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{top:85%;opacity:0} }
@media(min-width:1101px){ .nav{display:flex}.header__actions{display:flex}.burger{display:none} }
@media(max-width:1100px){ .header__actions{display:none}.nav{display:none}.burger{display:flex}.hero__container{gap:28px}.hero__title{font-size:51px}.hero__decor{min-height:410px}.hero__mascot{max-height:310px} }
@media(max-width:900px){ .hero__container{grid-template-columns:1fr;min-height:0;padding-top:34px;padding-bottom:38px;gap:25px}.hero__text{padding:0}.hero__title{font-size:clamp(40px,7vw,58px)}.hero__decor{display:none}.hero__lead{max-width:610px}.hero__cta{flex-direction:row}.section{padding:52px 0} }
@media(max-width:520px){ :root{--header-h:76px;--container:calc(100% - 36px)}.brand__name{font-size:26px}.brand__descriptor{font-size:9px}.brand__mark{width:30px;height:38px}.brand{gap:10px}.hero__title{font-size:clamp(36px,9.2vw,46px)}.hero .eyebrow{font-size:10px;letter-spacing:.035em;margin-bottom:20px}.hero__lead{font-size:15px;line-height:1.7}.hero__cta{flex-direction:column;gap:9px}.hero__cta .btn{width:100%}.trust-badges{row-gap:8px}.trust-badges li{font-size:11px;padding:0 10px}.section__title{font-size:29px}.section__subtitle{font-size:15px}.card{padding:24px}.mobile-nav__link{font-size:15px;padding:14px 18px} }
@media(max-width:520px){ .pain-resolve{padding:24px;grid-template-columns:1fr;gap:16px}.pain-resolve__icon{display:none}.calc,.lead-form{padding:22px}.article-content p,.article-content li{font-size:16px}.article-hero__title{font-size:32px}.service-hero__title{font-size:34px}.blog-card__body{padding:22px} }
@media(prefers-reduced-motion:reduce){ .btn:hover,.blog-card:hover .blog-card__img{transform:none}.hero__scan{animation:none}.anim-fade{opacity:1!important;transform:none!important;transition:none!important} }

@media(max-width:1100px){ .mobile-nav:not([hidden]){display:flex!important;max-height:calc(100dvh - var(--header-h));overflow-y:auto} .mobile-nav[hidden]{display:none!important} .mobile-nav .btn{width:auto;margin:12px 18px 18px} }