/* Сброс глобальных стилей сайта внутри кейса.
   main.css задаёт голым тегам h1-h3, p и a свои цвета и начертания, а наследуемый
   цвет всегда проигрывает прямому правилу — поэтому белый заголовок в тёмном hero
   перебивался тёмным var(--ink) сайта. revert откатывает к дефолту браузера, а не
   к inherit, иначе теряется штатная жирность заголовков. Специфичность (0,1,1)
   выше сайтовой (0,0,1)-(0,0,2) и ниже собственных правил кейса ниже по файлу. */
.polygraph-expert-case h1, .polygraph-expert-case h2, .polygraph-expert-case h3, .polygraph-expert-case h4, .polygraph-expert-case h5, .polygraph-expert-case h6 {
  color: revert; font-weight: revert; line-height: revert; letter-spacing: revert; font-size: revert;
}
.polygraph-expert-case p { color: revert; }
.polygraph-expert-case a { color: revert; text-decoration: revert; }

.polygraph-expert-case{
      --ink: #162331;
      --ink-2: #223244;
      --blue: #2f69a2;
      --blue-2: #1e4f7c;
      --blue-soft: #eaf2f9;
      --steel: #8291a2;
      --muted: #5f6d7b;
      --line: #dce5ed;
      --paper: #ffffff;
      --canvas: #f3f6f8;
      --warm: #e8a650;
      --green: #5cbf92;
      --radius: 18px;
      --shadow: 0 18px 60px rgba(22, 35, 49, .11);
      --max: 1180px;
    }.polygraph-expert-case *{ box-sizing: border-box; }.polygraph-expert-case{ scroll-behavior: smooth; }.polygraph-expert-case{
      margin: 0;
      color: var(--ink);
      background: var(--canvas);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 17px;
      line-height: 1.68;
      -webkit-font-smoothing: antialiased;
    }.polygraph-expert-case .locale-ru, .polygraph-expert-case .locale-uk{ display: none !important; }.polygraph-expert-case a{ color: inherit; }.polygraph-expert-case img{ display: block; max-width: 100%; }.polygraph-expert-case button, .polygraph-expert-case a{ -webkit-tap-highlight-color: transparent; }.polygraph-expert-case :focus-visible{ outline: 3px solid #72b9ff; outline-offset: 3px; }.polygraph-expert-case .pe-brand{
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
      font-weight: 800;
      letter-spacing: .07em;
      font-size: 14px;
    }.polygraph-expert-case .brand__mark{
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: #fff;
      background: var(--ink);
      border-radius: 8px;
      font-weight: 900;
      letter-spacing: 0;
    }.polygraph-expert-case .pe-brand small{ color: var(--steel); font-weight: 700; }.polygraph-expert-case .pe-hero{
      position: relative;
      overflow: hidden;
      color: #fff;
      background: var(--ink);
      border-bottom: 7px solid var(--blue);
    }.polygraph-expert-case .pe-hero::before, .polygraph-expert-case .pe-hero::after{
      content: "";
      position: absolute;
      pointer-events: none;
    }.polygraph-expert-case .pe-hero::before{ inset: 0; border: 1px solid rgba(255,255,255,.025); }.polygraph-expert-case .pe-hero::after{
      width: 620px;
      height: 620px;
      right: -220px;
      top: -260px;
      border: 96px solid rgba(47, 105, 162, .32);
      border-radius: 50%;
    }.polygraph-expert-case .hero__inner{
      position: relative;
      z-index: 1;
      width: min(calc(100% - 40px), 1040px);
      margin: 0 auto;
      padding: 112px 0 88px;
      text-align: center;
    }.polygraph-expert-case .pe-eyebrow{
      margin: 0 0 18px;
      color: #80b7e7;
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .16em;
      text-transform: uppercase;
    }.polygraph-expert-case .pe-hero h1{
      max-width: 980px;
      margin: 0 auto 24px;
      font-size: clamp(42px, 6.1vw, 78px);
      line-height: 1.04;
      letter-spacing: -.048em;
    }.polygraph-expert-case .hero__lead{
      max-width: 790px;
      margin: 0 auto;
      color: #ced9e3;
      font-size: clamp(18px, 2vw, 23px);
      line-height: 1.55;
    }.polygraph-expert-case .hero__meta{
      margin: 34px auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }.polygraph-expert-case .hero__meta span{
      padding: 8px 13px;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 999px;
      color: #e5edf4;
      background: rgba(255,255,255,.06);
      font-size: 14px;
      font-weight: 700;
    }.polygraph-expert-case .hero__line{
      position: relative;
      width: min(690px, 82%);
      height: 76px;
      margin: 48px auto -8px;
    }.polygraph-expert-case .hero__line svg{ width: 100%; height: 100%; overflow: visible; }.polygraph-expert-case .metrics{
      position: relative;
      z-index: 2;
      width: min(calc(100% - 40px), var(--max));
      margin: -34px auto 72px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      background: var(--paper);
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
    }.polygraph-expert-case .metric{ padding: 28px 24px; text-align: center; }.polygraph-expert-case .metric + .metric{ border-left: 1px solid var(--line); }.polygraph-expert-case .metric strong{
      display: block;
      color: var(--blue-2);
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1;
      letter-spacing: -.04em;
    }.polygraph-expert-case .metric span{ display: block; margin-top: 8px; color: var(--muted); font-size: 14px; font-weight: 700; }.polygraph-expert-case .pe-page-grid{
      width: min(calc(100% - 40px), var(--max));
      margin: 0 auto 88px;
      display: grid;
      grid-template-columns: minmax(0, 820px) 280px;
      gap: 48px;
      align-items: start;
    }.polygraph-expert-case .pe-case-body{
      overflow: hidden;
      border: 1px solid var(--line);
      background: var(--paper);
      box-shadow: 0 12px 42px rgba(22,35,49,.07);
    }.polygraph-expert-case .case-section{ padding: 64px 68px; scroll-margin-top: 96px; }.polygraph-expert-case .case-section + .case-section{ border-top: 1px solid var(--line); }.polygraph-expert-case .case-section--dark{ color: #fff; background: var(--ink-2); }.polygraph-expert-case .case-section--blue{ color: #fff; background: var(--blue-2); }.polygraph-expert-case .section-kicker{
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 16px;
      color: var(--blue);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .14em;
      text-transform: uppercase;
    }.polygraph-expert-case .case-section--dark .section-kicker, .polygraph-expert-case .case-section--blue .section-kicker{ color: #91c4ee; }.polygraph-expert-case .section-kicker::before{ content: ""; width: 34px; height: 2px; background: currentColor; }.polygraph-expert-case h2{
      margin: 0 0 22px;
      font-size: clamp(31px, 4vw, 50px);
      line-height: 1.1;
      letter-spacing: -.035em;
    }.polygraph-expert-case h3{ margin: 32px 0 12px; font-size: 23px; line-height: 1.25; letter-spacing: -.015em; }.polygraph-expert-case p{ margin: 0 0 20px; }.polygraph-expert-case p:last-child{ margin-bottom: 0; }.polygraph-expert-case .lead-copy{ color: var(--muted); font-size: 20px; line-height: 1.65; }.polygraph-expert-case .case-section--dark .lead-copy, .polygraph-expert-case .case-section--blue .lead-copy{ color: #cdd9e4; }.polygraph-expert-case .quote{
      margin: 32px 0 0;
      padding: 22px 0 2px 25px;
      border-left: 4px solid var(--blue);
      color: var(--ink-2);
      font-size: 23px;
      line-height: 1.5;
      font-weight: 750;
    }.polygraph-expert-case .case-section--dark .quote{ color: #fff; border-color: #7db7e8; }.polygraph-expert-case .problem-list, .polygraph-expert-case .check-list, .polygraph-expert-case .plain-list{ margin: 28px 0 0; padding: 0; list-style: none; }.polygraph-expert-case .problem-list li, .polygraph-expert-case .check-list li{
      position: relative;
      padding: 18px 0 18px 44px;
      border-top: 1px solid var(--line);
    }.polygraph-expert-case .problem-list li::before, .polygraph-expert-case .check-list li::before{
      position: absolute;
      left: 0;
      top: 19px;
      width: 26px;
      height: 26px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      font-weight: 900;
      line-height: 1;
    }.polygraph-expert-case .problem-list li::before{ content: "!"; color: #8b5419; background: #f9e8cf; }.polygraph-expert-case .check-list li::before{ content: "✓"; color: #155d3f; background: #daf3e7; }.polygraph-expert-case .case-section--dark .problem-list li, .polygraph-expert-case .case-section--dark .check-list li{ border-color: rgba(255,255,255,.13); }.polygraph-expert-case .pe-timeline{ margin: 34px 0 0; counter-reset: phase; }.polygraph-expert-case .phase{
      position: relative;
      padding: 0 0 32px 70px;
      counter-increment: phase;
    }.polygraph-expert-case .phase:not(:last-child)::after{
      content: "";
      position: absolute;
      left: 23px;
      top: 48px;
      bottom: 7px;
      width: 1px;
      background: var(--line);
    }.polygraph-expert-case .phase::before{
      content: counter(phase, decimal-leading-zero);
      position: absolute;
      left: 0;
      top: 0;
      width: 47px;
      height: 47px;
      display: grid;
      place-items: center;
      color: #fff;
      background: var(--blue);
      border-radius: 50%;
      font-size: 13px;
      font-weight: 850;
    }.polygraph-expert-case .phase h3{ margin: 0 0 6px; }.polygraph-expert-case .phase p{ color: var(--muted); }.polygraph-expert-case .browser-shot{ margin: 34px 0 0; overflow: hidden; border: 1px solid #cfd9e3; background: #e8edf2; box-shadow: 0 18px 50px rgba(22,35,49,.14); }.polygraph-expert-case .browser-shot__bar{
      min-height: 39px;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 0 14px;
      color: #718090;
      background: #edf1f5;
      border-bottom: 1px solid #d5dde5;
      font-size: 12px;
    }.polygraph-expert-case .browser-shot__bar i{ width: 9px; height: 9px; border-radius: 50%; background: #aab6c1; }.polygraph-expert-case .browser-shot__bar span{ margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.polygraph-expert-case .browser-shot img{ width: 100%; height: auto; }.polygraph-expert-case figure{ margin-left: 0; margin-right: 0; }.polygraph-expert-case figcaption{ margin-top: 12px; color: var(--muted); font-size: 14px; line-height: 1.55; }.polygraph-expert-case .case-section--dark figcaption{ color: #b9c7d4; }.polygraph-expert-case .compare{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-top: 32px;
    }.polygraph-expert-case .compare figure{ margin: 0; }.polygraph-expert-case .compare__label{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 13px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.polygraph-expert-case .compare__label--before{ color: #a25e1c; }.polygraph-expert-case .compare__label--after{ color: #24754f; }.polygraph-expert-case .compare .browser-shot{ margin: 0; }.polygraph-expert-case .compare .browser-shot img{ aspect-ratio: 1.28 / 1; object-fit: cover; object-position: top; }.polygraph-expert-case .palette{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 30px; }.polygraph-expert-case .swatch{ min-height: 116px; padding: 15px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; font-size: 13px; font-weight: 750; }.polygraph-expert-case .swatch:nth-child(1){ background: #1f2933; }.polygraph-expert-case .swatch:nth-child(2){ background: #2b5a8c; }.polygraph-expert-case .swatch:nth-child(3){ background: #8a94a6; }.polygraph-expert-case .swatch:nth-child(4){ color: var(--ink); background: #eef3f7; }.polygraph-expert-case .audience-grid, .polygraph-expert-case .feature-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 30px; }.polygraph-expert-case .audience, .polygraph-expert-case .feature{
      padding: 23px;
      border: 1px solid var(--line);
      background: #f8fafc;
    }.polygraph-expert-case .audience strong, .polygraph-expert-case .feature strong{ display: block; margin-bottom: 6px; color: var(--ink-2); font-size: 18px; }.polygraph-expert-case .audience p, .polygraph-expert-case .feature p{ margin: 0; color: var(--muted); font-size: 15px; }.polygraph-expert-case .feature__icon{ color: var(--blue); font-size: 25px; line-height: 1; margin-bottom: 15px; }.polygraph-expert-case .case-section--dark .feature{ border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.045); }.polygraph-expert-case .case-section--dark .feature strong{ color: #fff; }.polygraph-expert-case .case-section--dark .feature p{ color: #c4d0db; }.polygraph-expert-case .screen-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 34px; }.polygraph-expert-case .screen-grid .browser-shot{ margin: 0; }.polygraph-expert-case .screen-grid .browser-shot img{ aspect-ratio: 1.38 / 1; object-fit: cover; object-position: top; }.polygraph-expert-case .photo-strip{ display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 10px; margin-top: 34px; }.polygraph-expert-case .photo-strip img{ width: 100%; height: 250px; object-fit: cover; }.polygraph-expert-case .architecture{
      display: grid;
      grid-template-columns: 1fr 44px 1fr 44px 1fr;
      align-items: center;
      gap: 8px;
      margin-top: 34px;
    }.polygraph-expert-case .architecture__node{ min-height: 128px; padding: 20px; display: grid; place-items: center; text-align: center; border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.055); }.polygraph-expert-case .architecture__node strong{ display: block; font-size: 18px; }.polygraph-expert-case .architecture__node small{ display: block; margin-top: 4px; color: #bdcad6; font-size: 13px; }.polygraph-expert-case .architecture__arrow{ color: #89bde9; text-align: center; font-size: 28px; }.polygraph-expert-case .scorecard{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 34px; }.polygraph-expert-case .scorebox{ padding: 28px; color: var(--ink); background: #fff; }.polygraph-expert-case .scorebox__head{ display: flex; align-items: end; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 18px; }.polygraph-expert-case .scorebox__head strong{ color: var(--blue-2); font-size: 55px; line-height: .9; letter-spacing: -.05em; }.polygraph-expert-case .scorebox__head span{ color: var(--muted); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.polygraph-expert-case .scorebox dl{ display: grid; grid-template-columns: 1fr auto; gap: 10px 18px; margin: 20px 0 0; font-size: 14px; }.polygraph-expert-case .scorebox dt{ color: var(--muted); }.polygraph-expert-case .scorebox dd{ margin: 0; font-weight: 850; }.polygraph-expert-case .audit-note{ margin-top: 20px; color: #cbd6df; font-size: 14px; }.polygraph-expert-case .result-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; }.polygraph-expert-case .result{ padding: 22px; border: 1px solid var(--line); background: #f8fafc; }.polygraph-expert-case .result strong{ display: block; color: var(--blue-2); font-size: 31px; line-height: 1.05; letter-spacing: -.035em; }.polygraph-expert-case .result span{ display: block; margin-top: 9px; color: var(--muted); font-size: 14px; }.polygraph-expert-case .note{
      margin-top: 28px;
      padding: 18px 20px;
      border-left: 4px solid var(--warm);
      background: #fff7ea;
      color: #70491d;
      font-size: 14px;
    }.polygraph-expert-case .source-links{ display: grid; gap: 10px; margin-top: 26px; }.polygraph-expert-case .source-links a{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--blue-2); text-decoration: none; font-weight: 750; }.polygraph-expert-case .source-links a:hover{ color: var(--blue); }.polygraph-expert-case .sidebar{ position: sticky; top: 98px; }.polygraph-expert-case .sidebar__box{ padding: 26px; border: 1px solid var(--line); background: #fff; box-shadow: 0 12px 34px rgba(22,35,49,.06); }.polygraph-expert-case .sidebar__title{ margin: 0 0 14px; color: var(--muted); font-size: 12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.polygraph-expert-case .pe-toc{ display: grid; gap: 2px; }.polygraph-expert-case .pe-toc a{ padding: 8px 10px; border-left: 2px solid transparent; color: #667686; text-decoration: none; font-size: 14px; line-height: 1.35; }.polygraph-expert-case .pe-toc a:hover, .polygraph-expert-case .pe-toc a.pe-is-active{ border-color: var(--blue); color: var(--blue-2); background: var(--blue-soft); }.polygraph-expert-case .sidebar__cta{ margin-top: 20px; padding: 23px; color: #fff; background: var(--ink); }.polygraph-expert-case .sidebar__cta strong{ display: block; font-size: 20px; line-height: 1.25; }.polygraph-expert-case .sidebar__cta a{ display: inline-flex; margin-top: 16px; padding: 10px 14px; color: #fff; background: var(--blue); text-decoration: none; font-size: 14px; font-weight: 800; }.polygraph-expert-case .final-cta{ color: #fff; background: var(--ink); }.polygraph-expert-case .final-cta__inner{ width: min(calc(100% - 40px), 900px); margin: 0 auto; padding: 78px 0; text-align: center; }.polygraph-expert-case .final-cta h2{ max-width: 760px; margin-left: auto; margin-right: auto; }.polygraph-expert-case .final-cta p{ max-width: 680px; margin: 0 auto; color: #cbd6df; font-size: 19px; }.polygraph-expert-case .final-cta a{ display: inline-flex; margin-top: 26px; padding: 14px 22px; color: #fff; background: var(--blue); text-decoration: none; font-weight: 850; }.polygraph-expert-case .reveal{ opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }.polygraph-expert-case .reveal.is-visible{ opacity: 1; transform: none; }@media (max-width: 1000px){.polygraph-expert-case .pe-page-grid{ grid-template-columns: 1fr; }.polygraph-expert-case .sidebar{ position: static; order: -1; }.polygraph-expert-case .sidebar__box{ display: none; }.polygraph-expert-case .sidebar__cta{ margin-top: 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; }.polygraph-expert-case .sidebar__cta a{ margin-top: 0; }
    }@media (max-width: 760px){.polygraph-expert-case{ font-size: 16px; }.polygraph-expert-case .pe-brand small{ display: none; }.polygraph-expert-case .hero__inner{ padding: 78px 0 64px; }.polygraph-expert-case .pe-hero h1{ font-size: clamp(37px, 11.5vw, 58px); }.polygraph-expert-case .hero__lead{ font-size: 18px; }.polygraph-expert-case .metrics{ grid-template-columns: 1fr 1fr; margin-bottom: 44px; }.polygraph-expert-case .metric:nth-child(3){ border-left: 0; border-top: 1px solid var(--line); }.polygraph-expert-case .metric:nth-child(4){ border-top: 1px solid var(--line); }.polygraph-expert-case .case-section{ padding: 44px 25px; }.polygraph-expert-case .compare, .polygraph-expert-case .screen-grid, .polygraph-expert-case .audience-grid, .polygraph-expert-case .feature-grid, .polygraph-expert-case .scorecard, .polygraph-expert-case .result-grid{ grid-template-columns: 1fr; }.polygraph-expert-case .palette{ grid-template-columns: 1fr 1fr; }.polygraph-expert-case .architecture{ grid-template-columns: 1fr; }.polygraph-expert-case .architecture__arrow{ transform: rotate(90deg); }.polygraph-expert-case .photo-strip{ grid-template-columns: 1fr 1fr; }.polygraph-expert-case .photo-strip img{ height: 210px; }.polygraph-expert-case .photo-strip img:first-child{ grid-column: 1 / -1; }.polygraph-expert-case .sidebar__cta{ display: block; }.polygraph-expert-case .sidebar__cta a{ margin-top: 16px; }
    }@media (prefers-reduced-motion: reduce){.polygraph-expert-case{ scroll-behavior: auto; }.polygraph-expert-case .reveal{ opacity: 1; transform: none; transition: none; }
    }@media print{.polygraph-expert-case{ background: #fff; }.polygraph-expert-case .pe-hero{ break-after: page; }.polygraph-expert-case .metrics{ margin-top: 20px; box-shadow: none; }.polygraph-expert-case .pe-page-grid{ display: block; width: 100%; }.polygraph-expert-case .pe-case-body{ border: 0; box-shadow: none; }.polygraph-expert-case .case-section{ break-inside: avoid; }.polygraph-expert-case .reveal{ opacity: 1; transform: none; }
    }.polygraph-expert-case{
      --case-purple: #37277f;
      --case-purple-dark: #21195f;
      --case-violet: #6840d8;
      --case-lilac: #f1edff;
      --case-yellow: #ffd55a;
    }.polygraph-expert-case{ background: #f5f4f8; }.polygraph-expert-case .pe-brand{ font-size: 22px; letter-spacing: -.035em; }.polygraph-expert-case .brand__mark{ display: none; }.polygraph-expert-case .brand__word b{ color: #111827; font-weight: 900; }.polygraph-expert-case .brand__word em{ color: #5d3ae8; font-style: normal; font-weight: 900; }.polygraph-expert-case .header-cta{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 19px;
      border-radius: 999px;
      color: #fff;
      background: var(--case-violet);
      text-decoration: none;
      font-size: 14px;
      font-weight: 850;
      box-shadow: 0 8px 24px rgba(104,64,216,.28);
    }.polygraph-expert-case .pe-hero{
      border: 0;
      background:
        radial-gradient(circle at 18% 5%, rgba(128,83,255,.42), transparent 31%),
        linear-gradient(118deg, #17164f 0%, #312378 50%, #5d33c8 100%);
    }.polygraph-expert-case .pe-hero::before{ inset: 0; border: 0; background: linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 33.333% 100%; opacity: .65; }.polygraph-expert-case .pe-hero::after{ display: none; }.polygraph-expert-case .hero__inner{ width: min(calc(100% - 40px), 1000px); padding: 38px 0 196px; }.polygraph-expert-case .breadcrumb{ margin: 0 0 24px; color: rgba(255,255,255,.7); font-size: 14px; }.polygraph-expert-case .breadcrumb a{ color: inherit; text-decoration: none; }.polygraph-expert-case .case-badge{
      width: fit-content;
      margin: 0 auto 30px;
      padding: 10px 18px;
      border: 1px solid rgba(255,255,255,.23);
      border-radius: 999px;
      color: #fff;
      background: rgba(255,255,255,.09);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .075em;
      text-transform: uppercase;
    }.polygraph-expert-case .case-badge::before{ content: "⌘"; margin-right: 9px; color: var(--case-yellow); }.polygraph-expert-case .pe-hero .pe-eyebrow{ display: none; }.polygraph-expert-case .pe-hero h1{ max-width: 900px; margin-bottom: 25px; font-size: clamp(44px, 5.2vw, 70px); line-height: 1.03; }.polygraph-expert-case .pe-hero h1 mark{ padding: 0; color: var(--case-yellow); background: transparent; }.polygraph-expert-case .hero__lead{ max-width: 900px; color: rgba(255,255,255,.83); font-size: 18px; line-height: 1.6; }.polygraph-expert-case .hero__meta{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 34px; }.polygraph-expert-case .hero__meta span{ padding: 11px 13px; border-radius: 11px; background: rgba(255,255,255,.075); font-size: 13px; }.polygraph-expert-case .hero__meta b{ color: var(--case-yellow); }.polygraph-expert-case .hero__line{ display: none; }.polygraph-expert-case .metrics{
      width: min(calc(100% - 48px), 1120px);
      margin: -146px auto 72px;
      padding: 29px 30px 24px;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 22px;
      color: #fff;
      background: rgba(39,28,99,.94);
      box-shadow: 0 24px 60px rgba(34,24,87,.25);
    }.polygraph-expert-case .metrics__intro{ grid-column: 1 / -1; padding: 0 4px 24px; border-bottom: 1px solid rgba(255,255,255,.16); text-align: left; }.polygraph-expert-case .metrics__intro strong{ display: block; font-size: 21px; }.polygraph-expert-case .metrics__intro span{ display: block; margin-top: 4px; color: rgba(255,255,255,.65); font-size: 14px; }.polygraph-expert-case .metric{ padding: 25px 16px 10px; }.polygraph-expert-case .metric + .metric{ border-left-color: rgba(255,255,255,.14); }.polygraph-expert-case .metric strong{ color: var(--case-yellow); font-size: clamp(34px, 4vw, 52px); }.polygraph-expert-case .metric span{ color: rgba(255,255,255,.74); }.polygraph-expert-case .pe-page-grid{ grid-template-columns: minmax(0, 820px) 280px; gap: 38px; }.polygraph-expert-case .pe-case-body{ border-color: #e4e1ec; border-radius: 22px; box-shadow: 0 18px 55px rgba(36,28,72,.08); }.polygraph-expert-case .case-section{ padding: 68px 66px; }.polygraph-expert-case .case-section--dark, .polygraph-expert-case .case-section--blue{ color: var(--ink); background: #fff; }.polygraph-expert-case .case-section--dark .section-kicker, .polygraph-expert-case .case-section--blue .section-kicker, .polygraph-expert-case .section-kicker{ color: var(--case-violet); }.polygraph-expert-case .case-section--dark .lead-copy, .polygraph-expert-case .case-section--blue .lead-copy, .polygraph-expert-case .lead-copy{ color: #596779; }.polygraph-expert-case .case-section--dark .quote{ color: var(--ink-2); border-color: var(--case-violet); }.polygraph-expert-case .section-kicker::before{ width: 28px; }.polygraph-expert-case h2{ font-size: clamp(34px, 4vw, 52px); }.polygraph-expert-case .quote{ border-color: var(--case-violet); }.polygraph-expert-case .problem-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.polygraph-expert-case .problem-list li, .polygraph-expert-case .case-section--dark .problem-list li{
      padding: 21px 19px 21px 54px;
      border: 1px solid #e4e0ee;
      border-radius: 14px;
      background: #faf9fd;
    }.polygraph-expert-case .problem-list li::before{ left: 17px; top: 20px; }.polygraph-expert-case .pe-timeline{ display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.polygraph-expert-case .phase{ min-height: 184px; padding: 72px 22px 22px; border: 1px solid #e4e0ee; border-radius: 15px; background: #faf9fd; }.polygraph-expert-case .phase::before{ left: 22px; top: 20px; width: 42px; height: 42px; background: var(--case-violet); }.polygraph-expert-case .phase:not(:last-child)::after{ display: none; }.polygraph-expert-case .phase h3{ font-size: 20px; }.polygraph-expert-case .phase p{ margin: 0; font-size: 15px; line-height: 1.55; }.polygraph-expert-case .browser-shot{ border-radius: 16px; border-color: #ded9eb; box-shadow: 0 22px 50px rgba(51,35,112,.13); }.polygraph-expert-case .compare{ grid-template-columns: 1fr; gap: 30px; }.polygraph-expert-case .compare .browser-shot img{ aspect-ratio: 16 / 9; }.polygraph-expert-case .screen-grid{ grid-template-columns: 1fr; gap: 30px; }.polygraph-expert-case .screen-grid .browser-shot img{ aspect-ratio: 16 / 9; }.polygraph-expert-case .palette .swatch{ border-radius: 13px; }.polygraph-expert-case .palette .swatch:nth-child(2){ background: var(--case-violet); }.polygraph-expert-case .case-section--dark .feature{ border-color: #e4e0ee; background: #faf9fd; }.polygraph-expert-case .case-section--dark .feature strong{ color: var(--ink-2); }.polygraph-expert-case .case-section--dark .feature p{ color: var(--muted); }.polygraph-expert-case .architecture__node{ border-color: #ded9eb; border-radius: 14px; color: var(--ink); background: var(--case-lilac); }.polygraph-expert-case .architecture__node small{ color: var(--muted); }.polygraph-expert-case .architecture__arrow{ color: var(--case-violet); }.polygraph-expert-case .feature{ border-radius: 14px; }.polygraph-expert-case .feature__icon{ color: var(--case-violet); }.polygraph-expert-case .case-section--blue .scorebox{ border: 1px solid #e3dff0; border-radius: 15px; background: #faf9fd; }.polygraph-expert-case .case-section--blue .audit-note{ color: var(--muted); }.polygraph-expert-case .scorebox__head strong{ color: var(--case-violet); }.polygraph-expert-case .result{ border-radius: 14px; background: #faf9fd; }.polygraph-expert-case .result strong{ color: var(--case-violet); }.polygraph-expert-case .sidebar__box{ border-color: #e4e1ec; border-radius: 18px; box-shadow: 0 14px 40px rgba(36,28,72,.07); }.polygraph-expert-case .pe-toc a:hover, .polygraph-expert-case .pe-toc a.pe-is-active{ border-color: var(--case-violet); color: var(--case-purple); background: var(--case-lilac); }.polygraph-expert-case .sidebar__cta{ border-radius: 18px; background: var(--case-purple-dark); }.polygraph-expert-case .sidebar__cta a{ border-radius: 999px; background: var(--case-violet); }.polygraph-expert-case .final-cta{ background: linear-gradient(118deg, #17164f 0%, #3d278d 55%, #673add 100%); }.polygraph-expert-case .final-cta a{ border-radius: 999px; background: var(--case-yellow); color: #2d215f; }.polygraph-expert-case .reveal{ opacity: 1; transform: none; transition: none; }@media (max-width: 1100px){.polygraph-expert-case .pe-page-grid{ grid-template-columns: 1fr; }.polygraph-expert-case .sidebar{ position: static; order: -1; }.polygraph-expert-case .sidebar__box{ display: none; }.polygraph-expert-case .sidebar__cta{ margin-top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.polygraph-expert-case .sidebar__cta a{ margin-top: 0; }
    }@media (max-width: 760px){.polygraph-expert-case .header-cta{ display: none; }.polygraph-expert-case .hero__inner{ padding: 30px 0 150px; }.polygraph-expert-case .breadcrumb{ text-align: left; }.polygraph-expert-case .case-badge{ font-size: 11px; line-height: 1.5; }.polygraph-expert-case .pe-hero h1{ font-size: clamp(38px, 11vw, 54px); }.polygraph-expert-case .hero__meta{ grid-template-columns: 1fr 1fr; }.polygraph-expert-case .metrics{ grid-template-columns: 1fr 1fr; margin-top: -112px; padding: 22px 16px 18px; }.polygraph-expert-case .metrics__intro{ padding-bottom: 18px; }.polygraph-expert-case .metric:nth-child(3){ border-left: 1px solid rgba(255,255,255,.14); border-top: 0; }.polygraph-expert-case .metric:nth-child(4){ border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }.polygraph-expert-case .metric:nth-child(5){ border-top: 1px solid rgba(255,255,255,.14); }.polygraph-expert-case .problem-list, .polygraph-expert-case .pe-timeline{ grid-template-columns: 1fr; }.polygraph-expert-case .case-section{ padding: 48px 25px; }.polygraph-expert-case .sidebar__cta{ display: block; }.polygraph-expert-case .sidebar__cta a{ margin-top: 16px; }
    }