/* Локальная ПК-версия: предметные сцены и открытая типографика вместо плиточной инфографики. */

.hero.pg-hero {
  position: relative;
  min-height: 690px;
  padding: 72px 0 64px;
  background: #fff;
  isolation: isolate;
}
.pg-hero-art { position: absolute; inset: auto 0; top: 50%; width: 100%; height: auto; aspect-ratio: 1672 / 941; transform: translateY(-50%); z-index: -1; pointer-events: none; }
.pg-product-brand { position: absolute; z-index: 1; height: auto; pointer-events: none; }
.pg-hero-scene,.pg-cookie-scene,.pg-result-scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.pg-hero-scene { z-index: 0; object-position: center; object-fit: contain; filter: brightness(1.025); }
.hero.pg-hero::after {
  display: none;
}
.pg-hero-brand { left: 58.6%; top: 22%; width: min(19vw, 270px); transform: rotate(-1deg); }
.pg-hero-grid { display: block; position: relative; z-index: 2; }
.pg-hero-docs-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 13px; color: #a76500; font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.pg-hero-docs-link:hover { color: #7e4c00; }
.pg-free { margin-top: 27px; }
.pg-free > div:first-child b { max-width: 600px; white-space: normal; line-height: 1.35; }
.pg-hero-copy { width: min(48%,590px); position: relative; }
.pg-hero h1 { max-width: 650px; font-size: clamp(60px,5.4vw,78px); line-height: .99; letter-spacing: -.065em; }
.pg-hero-lead { max-width: 525px; margin-top: 28px; color: #3f4b58; font-size: 19px; }
.pg-hero-action { margin-top: 28px; }
.pg-hero-action b { font-size: 30px; }
.pg-hero-action small { color: #283748; font-weight: 600; }
.pg-free { max-width: 560px; margin-top: 48px; border-top-color: #bdcbd4; }
.pg-free > div:first-child { align-items: flex-start; flex-direction: column; gap: 3px; }
.pg-free > div:first-child small { color: #344354; text-align: left; font-weight: 600; }

.pg-risk { padding: 25px 0 0; background: #fff; }
.pg-risk-layout { grid-template-columns: .82fr 1.18fr; gap: 24px; min-height: 565px; }
.pg-risk-copy { position: relative; z-index: 1; padding: 65px 0; }
.pg-risk-copy > p { color: #4e5e6b; }
.pg-risk-photo { margin: 0; height: 100%; position: relative; display: flex; align-items: center; overflow: visible; }
.pg-risk-photo .pg-risk-scene { width: 100%; height: auto; object-fit: contain; filter: brightness(1.025); }
.pg-risk-photo .pg-risk-brand { left: 66%; top: 31%; width: 20%; }
.pg-risk-law { margin-top: 0; padding-top: 22px; padding-bottom: 25px; border-top: 1px solid #d9e2e7; }
.pg-risk-law b { font-size: 18px; }

.pg-coverage { padding: 90px 0 92px; background: #f4f7f8; }
.pg-scope-open { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 54px; margin-top: 52px; }
.pg-scope-open article { border-top: 2px solid var(--navy); padding-top: 22px; }
.pg-scope-open article:nth-child(2) { border-top-color: var(--orange); }
.pg-scope-open h3 { margin: 0; color: var(--navy); font-size: 28px; letter-spacing: -.04em; }
.pg-scope-open p { max-width: 310px; margin: 12px 0 0; color: #526575; font-size: 16px; line-height: 1.5; }
.pg-coverage .pg-scope-result { display: block; width: fit-content; margin: 52px 0 0; padding: 0; border: 0; background: transparent; color: var(--navy); font-size: 21px; font-weight: 800; line-height: 1.4; }
.pg-coverage .pg-scope-result span { color: #cb7800; margin: 0 7px; }

.pg-situations { padding: 90px 0 96px; background: #fff; }
.pg-situations-grid { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 58px; row-gap: 0; margin-top: 42px; }
.pg-situations-grid article,
.pg-situations-grid article:nth-child(3),
.pg-situations-grid article:nth-child(5) {
  min-height: 0;
  padding: 24px 0 23px;
  border: 0;
  border-top: 1px solid #cad7df;
  background: transparent;
}
.pg-situations-grid h3 { font-size: 24px; }
.pg-situations-grid p { max-width: 490px; font-size: 15px; line-height: 1.5; margin: 9px 0 13px; }
.pg-situations-grid b { color: #a76000; font-size: 13px; border: 0; padding: 0; margin: 0; }
.pg-situations-cta { margin-top: 30px; }

.pg-cookie { position: relative; min-height: 0; aspect-ratio: 1672 / 941; padding: 0; isolation: isolate; overflow: hidden; background: #142131; }
.pg-cookie-scene { z-index: 0; object-position: center; }
.pg-cookie::after { display: none; }
.pg-cookie-brand { left: 73.5%; top: 29.5%; width: 14.5%; }
.pg-cookie-grid { display: block; position: relative; z-index: 2; padding-top: 103px; padding-bottom: 95px; }
.pg-cookie-copy { max-width: 495px; }
.pg-cookie h2 { font-size: clamp(45px,4.2vw,62px); line-height: 1.05; }
.pg-cookie-grid > div:first-child > p { max-width: 470px; color: #e5edf2; font-size: 18px; }

.pg-fixes { padding: 94px 0 99px; background: #f4f7f8; }
.pg-fixes-grid { display: block; margin-top: 42px; }
.pg-fixes-grid article { display: grid; grid-template-columns: 155px minmax(0,1fr) 50px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 25px; align-items: center; min-height: 0; padding: 26px 0; border: 0; border-top: 1px solid #c6d4dd; background: transparent; }
.pg-fixes-grid article:last-child { border-bottom: 1px solid #c6d4dd; }
.pg-fix-top { grid-column: 1; grid-row: 1/3; color: #a56100; font-size: 11px; }
.pg-fix-top b { display: none; }
.pg-fix-before { grid-column: 2; grid-row: 1/3; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; color: #526473; font-size: 16px; }
.pg-fix-arrow { grid-column: 3; grid-row: 1/3; margin: 0; text-align: center; transform: rotate(-90deg); }
.pg-fixes-grid h3 { grid-column: 4; grid-row: 1; font-size: 22px; }
.pg-fixes-grid article > p:last-child { grid-column: 4; grid-row: 2; font-size: 14px; margin: 8px 0 0; }

.pg-result { position: relative; min-height: 0; aspect-ratio: 1672 / 941; padding: 92px 0; background: #fff; isolation: isolate; overflow: hidden; }
.pg-result-art { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.pg-result-scene { z-index: 0; object-position: center; filter: brightness(1.025); }
.pg-result::after { display: none; }
.pg-result-brand { left: 71%; top: 69%; width: 18%; }
.pg-result-layout { position: relative; z-index: 2; }
.pg-result-copy { max-width: 560px; }
.pg-result h2 { color: var(--navy); font-size: clamp(42px,3.6vw,53px); line-height: 1.07; letter-spacing: -.05em; margin: 0; }
.pg-result h2 span { color: #ca7900; }
.pg-result h3 { margin: 43px 0 15px; color: var(--navy); font-size: 20px; }
.pg-result-steps { list-style: none; padding: 0; margin: 0; max-width: 530px; }
.pg-result-steps li { display: grid; grid-template-columns: 130px 1fr; gap: 15px; align-items: baseline; padding: 14px 0; border-top: 1px solid #c9d5dc; }
.pg-result-steps span { color: #a16000; font-size: 13px; font-weight: 800; }
.pg-result-steps b { color: var(--navy); font-size: 16px; line-height: 1.35; }

.pg-process { padding: 62px 0 94px; background: #fefefc; color: var(--navy); }
.pg-process-art { position: relative; width: 100%; }
.pg-process-art > .pg-process-scene { display: block; width: 100%; height: auto; }
.pg-process-brand { left: 70.9%; top: 43.5%; width: 12.8%; }
.pg-process h2 { position: absolute; top: 44px; left: 30px; margin: 0; color: var(--navy); font-size: clamp(45px,4.3vw,62px); line-height: 1.08; letter-spacing: -.05em; }
.pg-process h2 span { color: #ca7900; }
.pg-process-rail { margin-top: -5px; border-top: 1px solid #b7c8d1; }
.pg-process-rail article { min-height: 207px; padding-top: 22px; border-right-color: #d5e0e5; }
.pg-process-rail article::before { border-color: #fefefc; }
.pg-process-rail article > span { color: #a86000; font-size: 14px; font-weight: 800; letter-spacing: .03em; }
.pg-process-rail h3 { color: var(--navy); margin-top: 16px; }
.pg-process-rail p { color: #4b6070; font-size: 13px; line-height: 1.48; }

.pg-services { padding: 94px 0 100px; background: #fff; }
.pg-services-grid { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 55px; row-gap: 0; margin-top: 46px; }
.pg-services-grid article,
.pg-services-grid .pg-service-feature {
  min-height: 0;
  padding: 25px 0 30px;
  border: 0;
  border-top: 1px solid #cbd8df;
  background: transparent;
}
.pg-services-grid .pg-service-feature { border-top: 3px solid var(--orange); }
.pg-services-grid h3,.pg-services-grid .pg-service-feature h3 { color: var(--navy); font-size: 27px; }
.pg-services-grid p,.pg-services-grid .pg-service-feature p { max-width: 510px; color: #536777; font-size: 15px; }
.pg-service-feature > div { border-top-color: #d7e1e6; }
.pg-service-feature strong { color: #bb7000; }
.pg-service-feature small { color: #6d7f8c; }
.pg-services-grid li { font-size: 14px; }

.pg-promise { background: #f0f4f6; }
.pg-promise-card { background: transparent; border: 0; border-left: 5px solid var(--orange); box-shadow: none; padding: 0 0 0 30px; }
.pg-promise-card blockquote { font-size: 27px; }

@media (min-width: 1360px) {
  .pg-hero-art {
    inset: 0 0 0 auto;
    top: 0;
    width: auto;
    height: 100%;
    aspect-ratio: 1672 / 941;
    transform: none;
  }
  .pg-hero-art::after { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(to right, #fff, rgba(255,255,255,0) 25%); }
  .pg-hero-brand { width: 19%; max-width: 270px; }
  .pg-result { aspect-ratio: auto; min-height: 760px; }
  .pg-result-art {
    inset: auto 0 auto auto;
    top: 50%;
    width: min(1300px, calc(100vw - 280px));
    height: auto;
    aspect-ratio: 1672 / 941;
    transform: translateY(-50%);
  }
}

@media (max-width: 1359px) {
  .pg-result-art { transform: scale(.84); transform-origin: right center; }
}

@media (max-width: 1279px) {
  .pg-result-art { transform: scale(.82); }
  .pg-result-copy, .pg-result-steps { max-width: 520px; }
}

@media (max-width: 1120px) {
  .pg-hero-copy { width: 48%; }
  .pg-hero h1 { font-size: 61px; }
  .pg-cookie h2 { font-size: 42px; }
  .pg-result-art { transform: scale(.82); }
  .pg-result-copy { max-width: 470px; }
  .pg-result h2 { font-size: 40px; }
  .pg-result-steps { max-width: 470px; }
  .pg-result-steps li { grid-template-columns: 115px 1fr; }
  .pg-fixes-grid article { grid-template-columns: 120px minmax(0,1fr) 35px minmax(0,1fr); gap: 18px; }
}

@media (max-width: 1220px) {
  .top__start { margin-left: auto; }
  .burger { display: flex !important; border-color: rgba(255,255,255,.28); }
  .burger span { background: #fff; }
  .mnav { background: var(--navy); border-top-color: rgba(255,255,255,.16); }
  .mnav a { color: #e7eef2; border-bottom-color: rgba(255,255,255,.13); }
  .mnav a:hover { color: var(--orange); }
}

@media (max-width: 900px) {
  .wrap { box-sizing: border-box; width: 100%; max-width: none; padding-left: 24px; padding-right: 24px; }
  .top__in { min-height: 68px; }
  .logo img { width: 145px; }
  .burger { margin-left: auto; }
  .pg-button { max-width: 100%; white-space: normal; }
  .pg-section-heading h2,.pg-cookie h2,.pg-pricing h2,.pg-faq h2,.pg-final h2,
  .pg-risk h2,.pg-situations h2,.pg-fixes h2,.pg-process h2,.pg-services h2,.pg-promise h2 {
    font-size: clamp(34px, 5.8vw, 47px);
    line-height: 1.08;
  }

  .hero.pg-hero { display: flex; flex-direction: column; padding: 48px 0 0; min-height: 0; }
  .pg-hero-grid { display: block; order: 0; }
  .pg-hero-copy { width: 100%; max-width: 620px; }
  .pg-hero h1 { font-size: clamp(43px, 7vw, 62px); line-height: 1.01; }
  .pg-hero-lead { font-size: 17px; margin-top: 20px; }
  .pg-hero-action { flex-wrap: wrap; }
  .pg-hero-art { position: relative; inset: auto; top: auto; order: 1; z-index: 0; width: 100%; aspect-ratio: 1672 / 941; transform: none; margin-top: 22px; }
  .pg-hero-brand,.pg-risk-brand,.pg-cookie-brand,.pg-result-brand,.pg-process-brand { display: none; }
  .pg-free { max-width: none; margin-top: 30px; }

  .pg-risk { padding-top: 60px; }
  .pg-risk-layout { display: flex; flex-direction: column; gap: 0; min-height: 0; }
  .pg-risk-copy { padding: 0; }
  .pg-risk-photo { width: 100%; height: auto; min-height: 0; margin-top: 24px; }
  .pg-risk-law { display: block; margin-top: 16px; padding-top: 20px; }
  .pg-risk-law p { margin-top: 10px; }

  .pg-cookie { display: flex; flex-direction: column; aspect-ratio: auto; padding: 58px 0 0; }
  .pg-cookie-grid { order: 0; padding-top: 0; padding-bottom: 0; }
  .pg-cookie-copy { max-width: 620px; }
  .pg-cookie-grid > div:first-child > p { font-size: 16px; }
  .pg-cookie-scene { position: relative; inset: auto; order: 1; display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: contain; margin-top: 22px; }

  .pg-coverage,.pg-situations,.pg-fixes,.pg-services,.pg-pricing,.pg-promise,.pg-faq { padding-top: 64px; padding-bottom: 68px; }
  .pg-scope-open { grid-template-columns: 1fr; gap: 24px; margin-top: 32px; }
  .pg-scope-open article { padding-top: 15px; }
  .pg-scope-open h3 { font-size: 24px; }
  .pg-scope-open p { max-width: 620px; margin-top: 7px; }
  .pg-coverage .pg-scope-result { margin-top: 35px; font-size: 18px; }
  .pg-situations-grid,.pg-services-grid { grid-template-columns: 1fr; column-gap: 0; margin-top: 30px; }
  .pg-situations-grid article,.pg-situations-grid article:nth-child(3),.pg-situations-grid article:nth-child(5) { padding: 21px 0; }
  .pg-situations-grid h3 { font-size: 22px; }
  .pg-situations-cta { justify-content: stretch; }
  .pg-situations-cta .pg-button { width: 100%; }

  .pg-fixes-grid { margin-top: 28px; }
  .pg-fixes-grid article { display: block; padding: 25px 0; }
  .pg-fix-before { margin: 15px 0 7px; }
  .pg-fix-arrow { transform: none; text-align: left; margin: 6px 0 10px; }
  .pg-fixes-grid h3 { font-size: 21px; }

  .pg-result { display: flex; flex-direction: column; aspect-ratio: auto; min-height: 0; padding: 62px 0 0; }
  .pg-result-layout { order: 0; }
  .pg-result-copy,.pg-result-steps { max-width: 620px; }
  .pg-result h2 { font-size: clamp(34px, 5.8vw, 47px); }
  .pg-result h3 { margin-top: 29px; }
  .pg-result-art { position: relative; inset: auto; order: 1; width: 100%; height: auto; aspect-ratio: 1672 / 941; transform: none; margin-top: 25px; }
  .pg-result-scene { object-fit: contain; }

  .pg-process { padding: 63px 0 70px; }
  .pg-process-art { display: flex; flex-direction: column; }
  .pg-process h2 { position: static; order: -1; margin: 0 0 24px; }
  .pg-process-rail { grid-template-columns: 1fr; margin-top: 14px; border-top: 0; border-left: 1px solid #cad7dd; }
  .pg-process-rail article,.pg-process-rail article + article { min-height: 0; padding: 18px 0 22px 21px; border-right: 0; border-bottom: 1px solid #d5e0e5; }
  .pg-process-rail article::before,.pg-process-rail article + article::before { left: -6px; top: 23px; border-color: #fefefc; }
  .pg-process-rail h3 { margin-top: 7px; font-size: 18px; }
  .pg-process-rail p { font-size: 14px; margin-top: 7px; }

  .pg-services-grid h3,.pg-services-grid .pg-service-feature h3 { font-size: 24px; }
  .pg-pricing .calc { grid-template-columns: 1fr; }
  .pg-pricing .q { grid-template-columns: 1fr; }
  .pg-pricing .sum { position: static; top: auto; }
  .pg-pricing .calc__q { padding: 6px 22px 22px; }
  .pg-promise-grid { grid-template-columns: 1fr; gap: 32px; }
  .pg-promise-card { width: 100%; min-width: 0; padding-left: 24px; }
  .pg-promise-card blockquote { font-size: 23px; }

  .pg-final-grid > div:last-child { min-width: 0; width: 100%; }
  .cook { bottom: 12px; padding: 16px; }
  .cook__b { flex-direction: row; }
  .cook__b button { min-width: 0; padding: 13px 8px; }
}

@media (max-width: 480px) {
  .wrap { padding-left: 20px; padding-right: 20px; }
  .pg-hero h1 { font-size: clamp(40px, 11.2vw, 50px); }
  .pg-hero-action { flex-direction: column; align-items: stretch; gap: 13px; margin-top: 25px; }
  .pg-hero-action .pg-button { width: 100%; min-width: 0; }
  .pg-hero-action div { display: block; }
  .pg-hero-action small { display: block; }
  .pg-free .probe__slab { padding: 6px; gap: 4px; border-radius: 3px; }
  .pg-free #site { min-width: 0; width: 0; flex: 1; }
  .pg-free .pg-button { flex: none; padding: 9px 11px; gap: 11px; }
  .pg-result-steps li { grid-template-columns: 90px minmax(0,1fr); gap: 10px; }
  .pg-services-grid li { gap: 8px; }
  .pg-pricing .calc__q,.pg-pricing .sum { padding-left: 16px; padding-right: 16px; }
  .pg-promise-card > div { grid-template-columns: 38px minmax(0,1fr); gap: 8px; }
}