:root {
      --bg: #050505;
      --bg-2: #0b0d12;
      --paper: #f5f5f0;
      --muted: #bdbdb4;
      --line: rgba(245, 245, 240, 0.18);
      --green: #39ff14;
      --cyan: #00e5ff;
      --magenta: #ff2bd6;
      --yellow: #f7ff2f;
      --danger: #ff4a68;
      --radius: 8px;
      --shadow: 0 22px 80px rgba(0, 0, 0, 0.44);
      --mono: "SFMono-Regular", "Roboto Mono", "Cascadia Mono", "Liberation Mono", monospace;
      --sans: Inter, "Arial", "Helvetica Neue", Helvetica, sans-serif;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 112px;
      background: var(--bg);
    }

    body {
      margin: 0;
      font-family: var(--sans);
      color: var(--paper);
      background:
        radial-gradient(circle at 14% 8%, rgba(57, 255, 20, 0.14), transparent 28rem),
        radial-gradient(circle at 76% 4%, rgba(255, 43, 214, 0.14), transparent 30rem),
        linear-gradient(180deg, #050505 0%, #0a0b0f 42%, #050505 100%);
      line-height: 1.45;
      letter-spacing: 0;
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -2;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(245, 245, 240, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 245, 240, 0.035) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,0.75), rgba(0,0,0,0.12));
    }

    body::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      opacity: 0.14;
      background:
        repeating-linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.05) 0,
          rgba(255, 255, 255, 0.05) 1px,
          transparent 1px,
          transparent 7px
        );
      mix-blend-mode: screen;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    .page {
      min-height: 100vh;
    }

    .shell {
      width: min(1360px, calc(100% - 40px));
      margin: 0 auto;
    }

    .nav {
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid rgba(245, 245, 240, 0.12);
      background: rgba(5, 5, 5, 0.76);
      backdrop-filter: blur(18px);
    }

    .nav__inner {
      min-height: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: var(--mono);
      font-weight: 900;
      font-size: 18px;
      text-transform: lowercase;
    }

    .brand__mark {
      width: 34px;
      height: 34px;
      border: 2px solid var(--paper);
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--bg);
      background: var(--green);
      box-shadow: 4px 0 0 var(--magenta), -4px 0 0 var(--cyan);
    }

    .nav__links {
      display: flex;
      align-items: center;
      gap: 18px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 700;
    }

    .nav__links a:hover {
      color: var(--paper);
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 18px;
      border: 1px solid var(--line);
      border-radius: 6px;
      font-family: var(--mono);
      font-weight: 900;
      font-size: 13px;
      text-transform: uppercase;
      white-space: nowrap;
      transform: translateZ(0);
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
    }

    .btn:hover {
      transform: translateY(-2px);
      border-color: rgba(245, 245, 240, 0.48);
    }

    .btn--primary {
      background: var(--green);
      color: #050505;
      border-color: var(--green);
      box-shadow: 7px 7px 0 rgba(255, 43, 214, 0.9);
    }

    .btn--secondary {
      background: rgba(245, 245, 240, 0.06);
      color: var(--paper);
      box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.18);
    }

    .hero {
      position: relative;
      padding: 38px 0 30px;
      display: flex;
      align-items: center;
    }

    .hero__grid {
      display: grid;
      grid-template-columns: minmax(540px, 0.98fr) minmax(420px, 0.92fr);
      align-items: center;
      gap: 54px;
    }

    .hero__art {
      position: relative;
      min-height: 0;
      width: min(100%, 600px);
      aspect-ratio: 1;
      margin: 0 auto;
      border-radius: 0;
      overflow: visible;
      background: transparent;
      box-shadow: none;
      isolation: isolate;
      transform: rotate(-0.6deg);
    }

    .hero__art picture,
    .hero__art img {
      width: 100%;
      height: 100%;
    }

    .hero__art img {
      position: absolute;
      inset: 0;
      object-fit: cover;
      object-position: center;
      border-radius: 6px;
      filter: saturate(1.12) contrast(1.1);
      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62);
    }

    .hero__art::before {
      content: "";
      position: absolute;
      inset: -10px;
      z-index: -1;
      border: 1px dashed rgba(245, 245, 240, 0.18);
      transform: rotate(1.2deg);
    }

    .hero__art::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(5,5,5,0.1), transparent 18%, transparent 82%, rgba(5,5,5,0.16)),
        repeating-linear-gradient(0deg, rgba(245,245,240,0.08) 0, rgba(245,245,240,0.08) 1px, transparent 1px, transparent 8px);
      mix-blend-mode: screen;
      opacity: 0.42;
      pointer-events: none;
    }

    .poster-tag,
    .poster-note {
      position: absolute;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 2px solid rgba(245, 245, 240, 0.82);
      border-radius: 4px;
      font-family: var(--mono);
      font-weight: 950;
      text-transform: uppercase;
      line-height: 1;
      box-shadow: 5px 6px 0 rgba(0, 0, 0, 0.55);
      transform: rotate(var(--r, 0deg));
    }

    .poster-tag {
      padding: 8px 12px;
      font-size: 14px;
    }

    .poster-note {
      min-width: 132px;
      min-height: 58px;
      padding: 10px 12px;
      font-size: 16px;
      text-align: center;
    }

    .poster-tag--live {
      --r: -3deg;
      top: 5%;
      left: 5%;
      color: #050505;
      background: var(--green);
      border-color: #050505;
    }

    .poster-tag--sources {
      --r: 5deg;
      top: 8%;
      right: 5%;
      color: #050505;
      background: var(--cyan);
      border-color: #050505;
    }

    .poster-tag--channels {
      --r: -5deg;
      left: 6%;
      top: 39%;
      color: #050505;
      background: var(--magenta);
      border-color: #050505;
    }

    .poster-note--buyer {
      --r: -6deg;
      left: 5%;
      bottom: 8%;
      color: #050505;
      background: #eee7d6;
    }

    .poster-note--ai {
      --r: 4deg;
      left: 39%;
      bottom: 5%;
      color: #050505;
      background: var(--cyan);
      border-color: #050505;
    }

    .poster-note--affiliate {
      --r: -4deg;
      right: 4%;
      bottom: 12%;
      color: var(--paper);
      background: rgba(255, 43, 214, 0.92);
      border-color: #050505;
    }

    .hero__copy {
      position: relative;
      z-index: 2;
      padding: 12px 0;
    }

    .kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      font-family: var(--mono);
      color: var(--green);
      font-weight: 900;
      font-size: 13px;
      text-transform: uppercase;
    }

    .kicker::before {
      content: "";
      width: 28px;
      height: 10px;
      background: var(--magenta);
      box-shadow: 9px 0 0 var(--cyan);
      transform: skewX(-12deg);
    }

    h1,
    h2,
    h3,
    p {
      margin: 0;
    }

    h1 {
      max-width: 760px;
      font-family: "Arial Black", Impact, var(--sans);
      font-size: clamp(44px, 4.05vw, 58px);
      line-height: 0.96;
      font-weight: 950;
      letter-spacing: 0;
      text-wrap: balance;
    }

    .hero__title-main {
      display: block;
      margin-bottom: 10px;
      text-shadow: 2px 0 0 rgba(255, 43, 214, 0.42), -2px 0 0 rgba(0, 229, 255, 0.28);
    }

    .hero__title-highlight {
      display: inline;
      font-family: var(--mono);
      font-size: clamp(28px, 2.42vw, 36px);
      line-height: 1.08;
      color: #050505;
      background: var(--green);
      padding: 0 0.12em 0.04em;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      box-shadow: 9px 0 0 rgba(255, 43, 214, 0.82);
    }

    .hero__title-highlight .glitch-word {
      color: #050505;
      text-shadow: 2px 0 0 rgba(0, 229, 255, 0.9), -2px 0 0 rgba(255, 43, 214, 0.84);
    }

    .hero__lead {
      margin-top: 22px;
      max-width: 600px;
      color: var(--muted);
      font-size: 18px;
    }

    .hero__actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px;
      margin-top: 30px;
    }

    .metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(112px, 1fr));
      gap: 12px;
      margin-top: 30px;
    }

    .metric {
      position: relative;
      min-height: 92px;
      padding: 13px 12px 12px;
      border: 2px solid #050505;
      border-radius: 5px;
      background: var(--paper);
      color: #050505;
      box-shadow: 5px 6px 0 rgba(0, 0, 0, 0.64), 0 0 0 1px rgba(245, 245, 240, 0.22);
      overflow: hidden;
      transform: rotate(var(--r, 0deg));
    }

    .metric::before {
      content: "";
      position: absolute;
      inset: 0;
      border: 2px dashed rgba(5, 5, 5, 0.24);
      pointer-events: none;
    }

    .metric:nth-child(1) {
      --r: -3deg;
      background: var(--paper);
    }

    .metric:nth-child(2) {
      --r: 2deg;
      background: var(--magenta);
    }

    .metric:nth-child(3) {
      --r: -1deg;
      background: var(--green);
    }

    .metric:nth-child(4) {
      --r: 3deg;
      background: var(--cyan);
    }

    .metric strong {
      display: block;
      font-family: var(--mono);
      font-size: 30px;
      line-height: 1;
      color: #050505;
    }

    .metric span {
      display: block;
      margin-top: 8px;
      color: #050505;
      font-size: 12px;
      font-weight: 950;
      line-height: 1.18;
      text-transform: lowercase;
    }

    .hero-network-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 16px;
      padding: 9px 13px;
      border: 2px solid #050505;
      border-radius: 4px;
      background: var(--yellow);
      color: #050505;
      box-shadow: 5px 6px 0 rgba(0, 229, 255, 0.86);
      font-family: var(--mono);
      font-weight: 950;
      text-transform: uppercase;
      transform: rotate(-1.4deg);
    }

    .hero-network-badge strong {
      font-size: 13px;
      line-height: 1;
    }

    .hero-network-badge span {
      color: rgba(5, 5, 5, 0.72);
      font-size: 11px;
      line-height: 1;
    }

    .seo-chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 18px;
    }

    .seo-chip-row span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 6px 9px;
      border: 1px solid rgba(245,245,240,0.17);
      border-radius: 5px;
      background: rgba(245,245,240,0.055);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .section {
      position: relative;
      padding: 76px 0;
      border-top: 1px solid rgba(245, 245, 240, 0.1);
      scroll-margin-top: 112px;
    }

    .section--light {
      color: var(--paper);
      background:
        radial-gradient(circle at 18% 20%, rgba(57, 255, 20, 0.14), transparent 28rem),
        radial-gradient(circle at 80% 35%, rgba(255, 43, 214, 0.12), transparent 30rem),
        #07080b;
    }

    .section__head {
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(300px, 0.52fr);
      gap: 28px;
      align-items: end;
      margin-bottom: 28px;
    }

    .eyebrow {
      font-family: var(--mono);
      color: var(--cyan);
      font-weight: 900;
      font-size: 12px;
      text-transform: uppercase;
    }

    .section--light .eyebrow {
      color: var(--cyan);
    }

    h2 {
      margin-top: 10px;
      max-width: 820px;
      font-size: 40px;
      line-height: 1.03;
      font-weight: 950;
      letter-spacing: 0;
      text-wrap: balance;
    }

    .section__text {
      color: var(--muted);
      font-size: 17px;
    }

    .section--light .section__text {
      color: var(--muted);
    }

    .value-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .value-card,
    .client-card,
    .offer-card,
    .answer-card,
    .desk-card,
    .format-card,
    .team-card,
    .audience-card {
      position: relative;
      border: 1px solid rgba(245, 245, 240, 0.14);
      border-radius: var(--radius);
      background: rgba(245, 245, 240, 0.055);
      overflow: hidden;
    }

    .value-card {
      min-height: 354px;
      padding: 18px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .value-card::before {
      content: "";
      position: absolute;
      inset: 0 auto auto 0;
      width: 100%;
      height: 5px;
      background: var(--green);
      box-shadow: 110px 0 0 var(--magenta), 220px 0 0 var(--cyan);
    }

    .value-card:nth-child(2)::before {
      background: var(--cyan);
      box-shadow: 110px 0 0 var(--green), 220px 0 0 var(--magenta);
    }

    .value-card:nth-child(3)::before {
      background: var(--magenta);
      box-shadow: 110px 0 0 var(--cyan), 220px 0 0 var(--green);
    }

    .value-card:nth-child(4)::before {
      background: var(--yellow);
      box-shadow: 110px 0 0 var(--magenta), 220px 0 0 var(--cyan);
    }

    .value-card__art {
      height: 160px;
      display: grid;
      place-items: center;
      margin-bottom: 18px;
    }

    .value-card__art img {
      max-height: 170px;
      width: auto;
      margin: 0 auto;
      filter: drop-shadow(0 14px 22px rgba(0,0,0,0.44));
    }

    .value-card h3,
    .client-card h3,
    .desk-card h3,
    .format-card h3,
    .team-card h3,
    .audience-card h3 {
      font-size: 18px;
      line-height: 1.14;
      font-weight: 900;
      letter-spacing: 0;
    }

    .value-card p,
    .client-card p,
    .offer-card p,
    .answer-card p,
    .desk-card p,
    .format-card p,
    .team-card p,
    .audience-card p {
      margin-top: 10px;
      color: var(--muted);
      font-size: 14px;
    }

    .offer-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
    }

    .offer-card {
      min-height: 310px;
      padding: 16px;
      background:
        linear-gradient(145deg, rgba(245,245,240,0.08), rgba(245,245,240,0.025)),
        #08090b;
    }

    .offer-card::before {
      content: "";
      position: absolute;
      inset: 0 auto auto 0;
      width: 100%;
      height: 5px;
      background: var(--green);
      box-shadow: 92px 0 0 var(--magenta), 184px 0 0 var(--cyan);
    }

    .offer-card:nth-child(2)::before {
      background: var(--magenta);
      box-shadow: 92px 0 0 var(--cyan), 184px 0 0 var(--green);
    }

    .offer-card:nth-child(3)::before {
      background: var(--cyan);
      box-shadow: 92px 0 0 var(--green), 184px 0 0 var(--magenta);
    }

    .offer-card__art {
      height: 112px;
      display: grid;
      place-items: center;
      margin-bottom: 14px;
    }

    .offer-card__art img {
      max-width: 126px;
      max-height: 126px;
      filter: drop-shadow(0 14px 22px rgba(0,0,0,0.46));
    }

    .offer-card__label {
      display: inline-flex;
      width: fit-content;
      margin-bottom: 12px;
      padding: 6px 9px;
      border-radius: 5px;
      background: var(--yellow);
      color: #050505;
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .offer-card h3,
    .answer-card h3 {
      font-size: 18px;
      line-height: 1.14;
      font-weight: 950;
    }

    .exchange-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items: stretch;
    }

    .exchange-card {
      position: relative;
      min-height: 430px;
      padding: 22px;
      border: 1px solid rgba(245,245,240,0.16);
      border-radius: var(--radius);
      background:
        linear-gradient(145deg, rgba(245,245,240,0.07), rgba(245,245,240,0.025)),
        #08090b;
      overflow: hidden;
    }

    .exchange-card--public {
      border-color: rgba(57,255,20,0.42);
      box-shadow: 0 0 0 1px rgba(57,255,20,0.12), 0 22px 70px rgba(57,255,20,0.08);
    }

    .exchange-card__label {
      display: inline-flex;
      margin-bottom: 18px;
      padding: 7px 10px;
      border-radius: 5px;
      background: rgba(245,245,240,0.1);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .exchange-card--public .exchange-card__label {
      background: var(--green);
      color: #050505;
    }

    .exchange-card ul {
      display: grid;
      gap: 12px;
      padding: 0;
      margin: 18px 0 0;
      list-style: none;
    }

    .exchange-card li {
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      padding: 12px;
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 6px;
      background: rgba(245,245,240,0.04);
      color: var(--muted);
      font-size: 14px;
    }

    .exchange-card li strong {
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
    }

    .exchange-note {
      margin-top: 14px;
      padding: 14px 16px;
      border: 1px dashed rgba(247,255,47,0.32);
      border-radius: var(--radius);
      background: rgba(247,255,47,0.055);
      color: var(--muted);
      font-size: 14px;
    }

    .exchange-note strong {
      color: var(--yellow);
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
    }

    .clients {
      display: grid;
      grid-template-columns: 0.84fr 1.16fr;
      gap: 24px;
      align-items: center;
    }

    .emblem-stack {
      position: relative;
      min-height: 380px;
      display: grid;
      place-items: center;
    }

    .emblem-stack__main {
      width: min(350px, 72%);
      filter: drop-shadow(0 20px 34px rgba(0,0,0,0.5));
    }

    .emblem-stack__ticket {
      position: absolute;
      width: 230px;
      right: 3%;
      bottom: 8%;
      transform: rotate(8deg);
    }

    .emblem-stack__strips {
      position: absolute;
      width: 260px;
      left: 4%;
      top: 7%;
      transform: rotate(-7deg);
      opacity: 0.92;
    }

    .client-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .client-card {
      min-height: 230px;
      padding: 16px;
      background: #08090b;
      color: var(--paper);
      box-shadow: inset 0 0 0 1px rgba(57, 255, 20, 0.1);
    }

    .client-card::before {
      content: "";
      display: block;
      width: 42px;
      height: 8px;
      margin-bottom: 22px;
      background: var(--green);
      box-shadow: 20px 8px 0 var(--magenta), 42px 0 0 var(--cyan);
      transform: skewX(-16deg);
    }

    .client-card__icon {
      width: 78px;
      height: 78px;
      display: grid;
      place-items: center;
      margin: -6px 0 8px;
    }

    .client-card__icon img {
      width: 92px;
      max-width: none;
      filter: drop-shadow(0 12px 18px rgba(0,0,0,0.42));
    }

    .audience-layout {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 14px;
    }

    .audience-card {
      min-height: 216px;
      padding: 20px;
      background:
        linear-gradient(145deg, rgba(245,245,240,0.09), rgba(245,245,240,0.03)),
        rgba(5, 5, 5, 0.5);
    }

    .audience-card strong {
      display: inline-block;
      margin-bottom: 18px;
      padding: 6px 9px;
      border-radius: 5px;
      background: var(--magenta);
      color: #050505;
      font-family: var(--mono);
      font-size: 13px;
      font-weight: 950;
    }

    .audience-board {
      position: relative;
      display: grid;
      gap: 14px;
      padding: 18px;
      border: 1px solid rgba(245,245,240,0.16);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(0,229,255,0.06), rgba(255,43,214,0.07)),
        #08090b;
      overflow: hidden;
    }

    .audience-board::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        repeating-linear-gradient(0deg, rgba(245,245,240,0.045) 0, rgba(245,245,240,0.045) 1px, transparent 1px, transparent 10px),
        repeating-linear-gradient(90deg, rgba(245,245,240,0.03) 0, rgba(245,245,240,0.03) 1px, transparent 1px, transparent 44px);
      opacity: 0.5;
      pointer-events: none;
    }

    .audience-row {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 190px minmax(0, 1fr) 190px;
      gap: 18px;
      align-items: center;
      min-height: 196px;
      padding: 16px;
      border: 1px solid rgba(245,245,240,0.13);
      border-radius: var(--radius);
      background: rgba(5,5,5,0.54);
    }

    .audience-row:nth-child(even) {
      grid-template-columns: 190px minmax(0, 1fr) 190px;
    }

    .audience-row__art {
      display: grid;
      place-items: center;
      min-height: 156px;
      border: 1px dashed rgba(245,245,240,0.13);
      border-radius: var(--radius);
      background: rgba(245,245,240,0.035);
    }

    .audience-row__art img {
      width: min(100%, 150px);
      filter: drop-shadow(0 14px 22px rgba(0,0,0,0.5));
    }

    .audience-row__copy strong,
    .audience-row__signal {
      display: inline-flex;
      width: fit-content;
      padding: 6px 9px;
      border-radius: 5px;
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .audience-row__copy strong {
      margin-bottom: 12px;
      background: var(--magenta);
      color: #050505;
    }

    .audience-row__copy p {
      margin-top: 10px;
      color: var(--muted);
      font-size: 15px;
    }

    .audience-row__signal {
      justify-self: end;
      border: 1px solid rgba(57,255,20,0.42);
      color: var(--green);
      background: rgba(57,255,20,0.06);
      text-align: right;
    }

    .proof-grid {
      display: grid;
      grid-template-columns: 1.2fr 0.9fr 0.9fr;
      gap: 14px;
    }

    .proof-card,
    .outcome-card,
    .scenario-card,
    .faq-grid article {
      position: relative;
      border: 1px solid rgba(245, 245, 240, 0.14);
      border-radius: var(--radius);
      background:
        linear-gradient(145deg, rgba(245,245,240,0.08), rgba(245,245,240,0.025)),
        #08090b;
      overflow: hidden;
    }

    .proof-card {
      min-height: 286px;
      padding: 20px;
    }

    .proof-card--wide {
      display: grid;
      grid-template-columns: 180px minmax(0, 1fr);
      gap: 18px;
      align-items: center;
    }

    .proof-card__art,
    .outcome-art,
    .scenario-card__art,
    .reporting-art {
      display: grid;
      place-items: center;
    }

    .proof-card__art img,
    .outcome-art img,
    .scenario-card__art img,
    .reporting-art img {
      width: min(100%, 220px);
      filter: drop-shadow(0 16px 24px rgba(0,0,0,0.48));
    }

    .proof-card strong,
    .scenario-card strong,
    .report-list span {
      display: inline-block;
      margin-bottom: 14px;
      padding: 6px 9px;
      border-radius: 5px;
      background: var(--green);
      color: #050505;
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .proof-card p,
    .outcome-card p,
    .scenario-card p,
    .faq-grid p,
    .report-list p {
      margin-top: 10px;
      color: var(--muted);
      font-size: 14px;
    }

    .proof-method {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      margin-top: 14px;
    }

    .proof-method div {
      min-height: 126px;
      padding: 14px;
      border: 1px dashed rgba(245,245,240,0.16);
      border-radius: var(--radius);
      background: rgba(245,245,240,0.035);
    }

    .proof-method strong {
      display: block;
      color: var(--green);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .proof-method p {
      margin-top: 8px;
      color: var(--muted);
      font-size: 13px;
    }

    .channel-proof {
      margin-top: 16px;
      border: 1px solid rgba(245,245,240,0.16);
      border-radius: var(--radius);
      background: #08090b;
      overflow: hidden;
    }

    .channel-proof summary {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 22px 26px;
      background: var(--magenta);
      color: #0a0a0a;
      font-family: var(--mono);
      font-weight: 950;
      font-size: 18px;
      letter-spacing: 1px;
      text-transform: uppercase;
      list-style: none;
      box-shadow: 0 0 0 2px var(--magenta), 6px 6px 0 0 var(--cyan);
      transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
      animation: cta-pulse 2.2s ease-in-out infinite;
    }

    .channel-proof summary:hover {
      background: var(--cyan);
      transform: translate(-2px, -2px);
      box-shadow: 0 0 0 2px var(--cyan), 10px 10px 0 0 var(--magenta);
      animation: none;
    }

    .channel-proof summary:focus-visible {
      outline: 3px solid var(--green);
      outline-offset: 4px;
    }

    @keyframes cta-pulse {
      0%, 100% { box-shadow: 0 0 0 2px var(--magenta), 6px 6px 0 0 var(--cyan); }
      50%      { box-shadow: 0 0 0 2px var(--magenta), 6px 6px 0 0 var(--cyan), 0 0 24px 4px rgba(255, 43, 214, 0.55); }
    }

    .channel-proof summary::-webkit-details-marker {
      display: none;
    }

    .channel-proof summary::after {
      content: "+";
      color: #0a0a0a;
      font-size: 28px;
      line-height: 1;
      font-weight: 900;
    }

    .channel-proof[open] summary {
      animation: none;
    }

    .channel-proof[open] summary::after {
      content: "−";
    }

    .channel-proof__body {
      display: flex;
      flex-direction: column;
      gap: 18px;
      padding: 0 16px 16px;
    }

    .channel-proof__group {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .channel-proof__group-title {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      margin: 6px 2px 2px;
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .channel-proof__group-count {
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
    }

    .channel-proof__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    @media (max-width: 1080px) {
      .channel-proof__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }

    @media (max-width: 760px) {
      .channel-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 480px) {
      .channel-proof__grid { grid-template-columns: 1fr; }
    }

    .channel-item {
      min-height: 118px;
      padding: 14px;
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 6px;
      background: rgba(245,245,240,0.045);
    }

    .channel-item a {
      color: var(--paper);
      font-weight: 950;
      text-decoration: none;
    }

    .channel-item span {
      display: block;
      margin-top: 7px;
      color: var(--muted);
      font-size: 13px;
    }

    .outcome-layout {
      display: grid;
      grid-template-columns: 0.42fr 1fr;
      gap: 18px;
      align-items: center;
    }

    .outcome-art {
      min-height: 390px;
      border: 1px dashed rgba(245, 245, 240, 0.16);
      border-radius: var(--radius);
      background: rgba(245,245,240,0.035);
    }

    .outcome-art img {
      width: min(86%, 330px);
    }

    .outcome-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
    }

    .outcome-card {
      min-height: 250px;
      padding: 16px;
    }

    .outcome-card span {
      display: inline-block;
      margin-bottom: 18px;
      font-family: var(--mono);
      font-size: 26px;
      font-weight: 950;
      color: var(--green);
      text-shadow: 2px 0 0 var(--magenta), -2px 0 0 var(--cyan);
    }

    .scenario-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .scenario-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 18px;
    }

    .scenario-tags span {
      display: inline-flex;
      padding: 7px 10px;
      border: 1px solid rgba(245,245,240,0.18);
      border-radius: 5px;
      background: rgba(245,245,240,0.05);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .scenario-card {
      min-height: 520px;
      padding: 18px;
    }

    .scenario-card__art {
      height: 170px;
      margin-bottom: 12px;
    }

    .scenario-card__art img {
      width: 170px;
    }

    .scenario-card ul {
      display: grid;
      gap: 7px;
      padding: 0;
      margin: 16px 0 0;
      list-style: none;
    }

    .scenario-card li {
      color: var(--paper);
      font-size: 14px;
      font-weight: 800;
    }

    .scenario-card li::before {
      content: ">";
      margin-right: 8px;
      color: var(--green);
      font-family: var(--mono);
    }

    .reporting-panel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 320px;
      gap: 24px;
      align-items: center;
      padding: 26px;
      border: 1px solid rgba(245,245,240,0.16);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(57,255,20,0.08), rgba(0,229,255,0.08)),
        #08090b;
      overflow: hidden;
    }

    .report-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 24px;
    }

    .report-list div {
      min-height: 150px;
      padding: 16px;
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: var(--radius);
      background: rgba(245,245,240,0.04);
    }

    .report-list strong {
      display: block;
      font-size: 18px;
      line-height: 1.16;
    }

    .reporting-art img {
      width: min(100%, 300px);
    }

    .purchase-panel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 320px;
      gap: 24px;
      align-items: center;
      padding: 26px;
      border: 1px solid rgba(245,245,240,0.16);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(57,255,20,0.08), rgba(0,229,255,0.08)),
        #08090b;
      overflow: hidden;
    }

    .purchase-steps {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
      counter-reset: buy-step;
    }

    .purchase-step {
      min-height: 156px;
      padding: 14px;
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 6px;
      background: rgba(245,245,240,0.04);
      counter-increment: buy-step;
    }

    .purchase-step::before {
      content: counter(buy-step, decimal-leading-zero);
      display: inline-block;
      margin-bottom: 14px;
      color: var(--green);
      font-family: var(--mono);
      font-size: 24px;
      font-weight: 950;
      text-shadow: 2px 0 0 var(--magenta), -2px 0 0 var(--cyan);
    }

    .purchase-step h3 {
      font-size: 16px;
      line-height: 1.12;
    }

    .purchase-step p {
      margin-top: 8px;
      color: var(--muted);
      font-size: 13px;
    }

    .prep-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
      margin-top: 14px;
    }

    .prep-grid span {
      min-height: 70px;
      padding: 12px;
      border: 1px dashed rgba(245,245,240,0.18);
      border-radius: 6px;
      background: rgba(245,245,240,0.035);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .faq-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .faq-grid article {
      min-height: 190px;
      padding: 18px;
    }

    .answer-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .answer-card {
      min-height: 260px;
      padding: 20px;
      background:
        linear-gradient(135deg, rgba(57,255,20,0.08), rgba(0,229,255,0.06)),
        #08090b;
    }

    .answer-card::before {
      content: "?";
      position: absolute;
      right: 16px;
      top: 10px;
      color: rgba(57,255,20,0.25);
      font-family: var(--mono);
      font-size: 58px;
      font-weight: 950;
      line-height: 1;
    }

    .answer-card strong {
      display: inline-flex;
      margin-bottom: 16px;
      padding: 6px 9px;
      border-radius: 5px;
      background: var(--cyan);
      color: #050505;
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .inventory-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .desk-card {
      min-height: 318px;
      padding: 18px;
      background: rgba(245, 245, 240, 0.055);
    }

    .desk-card__top {
      display: grid;
      grid-template-columns: 96px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      margin-bottom: 16px;
    }

    .desk-card__icon {
      width: 96px;
      height: 96px;
      display: grid;
      place-items: center;
    }

    .desk-card__icon img {
      max-width: 108px;
      max-height: 108px;
      filter: drop-shadow(0 12px 18px rgba(0,0,0,0.48));
    }

    .desk-card__count {
      margin-top: 8px;
      font-family: var(--mono);
      font-size: 13px;
      font-weight: 950;
      color: var(--green);
    }

    .desk-card ul {
      display: grid;
      gap: 7px;
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .desk-card li {
      display: flex;
      gap: 8px;
      color: var(--muted);
      font-size: 14px;
    }

    .desk-card li::before {
      content: "";
      flex: 0 0 7px;
      width: 7px;
      height: 7px;
      margin-top: 7px;
      background: var(--cyan);
      box-shadow: 4px 0 0 var(--magenta);
    }

    .partner-creators {
      position: relative;
      display: grid;
      grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1.38fr);
      gap: 18px;
      align-items: stretch;
    }

    .partner-creators::before {
      content: "outside production";
      position: absolute;
      top: -13px;
      left: 18px;
      z-index: 2;
      padding: 6px 10px;
      border: 2px solid #050505;
      border-radius: 4px;
      background: var(--yellow);
      color: #050505;
      box-shadow: 4px 5px 0 var(--magenta);
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 950;
      text-transform: uppercase;
      transform: rotate(-1.5deg);
    }

    .partner-creators__copy,
    .partner-creator-card {
      position: relative;
      border: 1px solid rgba(245,245,240,0.15);
      border-radius: var(--radius);
      background:
        linear-gradient(145deg, rgba(57,255,20,0.08), rgba(0,229,255,0.055) 44%, rgba(255,43,214,0.07)),
        #08090b;
      overflow: hidden;
    }

    .partner-creators__copy {
      min-height: 430px;
      padding: 28px 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: var(--shadow);
    }

    .partner-creators__copy::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        repeating-linear-gradient(0deg, rgba(245,245,240,0.05) 0, rgba(245,245,240,0.05) 1px, transparent 1px, transparent 12px),
        repeating-linear-gradient(90deg, rgba(0,229,255,0.055) 0, rgba(0,229,255,0.055) 1px, transparent 1px, transparent 48px);
      opacity: 0.42;
      pointer-events: none;
    }

    .partner-creators__copy > * {
      position: relative;
      z-index: 1;
    }

    .partner-creators__copy h3 {
      max-width: 520px;
      font-size: 34px;
      line-height: 1.03;
      font-weight: 950;
      letter-spacing: 0;
    }

    .partner-creators__copy p {
      margin-top: 16px;
      color: var(--muted);
      font-size: 16px;
    }

    .partner-creators__chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 22px;
    }

    .partner-creators__chips span,
    .partner-creator-card__badge {
      display: inline-flex;
      width: fit-content;
      padding: 7px 9px;
      border-radius: 5px;
      border: 1px solid rgba(245,245,240,0.18);
      background: rgba(245,245,240,0.05);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .partner-creators__chips span:first-child,
    .partner-creator-card__badge {
      background: var(--green);
      color: #050505;
      border-color: var(--green);
    }

    .partner-creators__cta {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      margin-top: 24px;
    }

    .partner-creators__note {
      max-width: 520px;
      color: var(--muted);
      font-size: 13px;
    }

    .partner-creators__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .partner-creator-card {
      min-height: 430px;
      padding: 16px;
    }

    .partner-creator-card::before {
      content: "";
      position: absolute;
      inset: 0 auto auto 0;
      width: 100%;
      height: 5px;
      background: var(--cyan);
      box-shadow: 120px 0 0 var(--magenta), 240px 0 0 var(--green);
    }

    .partner-creator-card:nth-child(2)::before {
      background: var(--magenta);
      box-shadow: 120px 0 0 var(--green), 240px 0 0 var(--cyan);
    }

    .partner-creator-card:nth-child(3)::before {
      background: var(--green);
      box-shadow: 120px 0 0 var(--cyan), 240px 0 0 var(--magenta);
    }

    .partner-creator-card__avatar {
      width: 124px;
      height: 124px;
      display: grid;
      place-items: center;
      margin: 8px 0 14px -6px;
    }

    .partner-creator-card__avatar img {
      width: 148px;
      max-width: none;
      filter: drop-shadow(0 16px 24px rgba(0,0,0,0.5));
    }

    .partner-creator-card h3 {
      margin-top: 14px;
      font-size: 21px;
      line-height: 1.08;
      font-weight: 950;
    }

    .partner-creator-card p {
      margin-top: 10px;
      color: var(--muted);
      font-size: 14px;
    }

    .format-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .format-card {
      min-height: 246px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      background: #08090b;
    }

    .format-card__price {
      margin-bottom: 16px;
      font-family: var(--mono);
      font-size: 30px;
      line-height: 1;
      font-weight: 950;
      color: var(--green);
    }

    .format-card__tag {
      margin-top: auto;
      display: inline-flex;
      width: fit-content;
      padding: 7px 9px;
      border-radius: 5px;
      border: 1px solid rgba(245,245,240,0.18);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 900;
    }

    .format-card--hot {
      border-color: rgba(57, 255, 20, 0.55);
      box-shadow: 0 0 0 1px rgba(57, 255, 20, 0.2), 0 22px 70px rgba(57, 255, 20, 0.08);
    }

    .workflow {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .path {
      position: relative;
      min-height: 420px;
      padding: 24px;
      border: 1px solid rgba(245, 245, 240, 0.16);
      border-radius: var(--radius);
      background:
        linear-gradient(145deg, rgba(245,245,240,0.08), rgba(245,245,240,0.025)),
        #08090b;
      overflow: hidden;
    }

    .path h3 {
      max-width: 400px;
      font-size: 28px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: 0;
    }

    .path p {
      margin-top: 12px;
      max-width: 440px;
      color: var(--muted);
      font-size: 16px;
    }

    .path ol {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 10px;
      padding: 0;
      margin: 26px 0 0;
      list-style: none;
      counter-reset: step;
    }

    .path li {
      counter-increment: step;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      font-weight: 800;
      color: var(--paper);
    }

    .path li::before {
      content: counter(step);
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #050505;
      color: var(--green);
      font-family: var(--mono);
      font-size: 14px;
    }

    .path__art {
      position: absolute;
      right: -24px;
      bottom: -36px;
      width: 230px;
      opacity: 0.9;
      transform: rotate(-5deg);
    }

    .path--agency .path__art {
      width: 260px;
      transform: rotate(5deg);
    }

    .team-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .team-card {
      min-height: 266px;
      padding: 14px;
      background: rgba(245,245,240,0.06);
    }

    .team-card__avatar {
      width: 92px;
      height: 92px;
      display: grid;
      place-items: center;
      margin: -2px 0 14px -6px;
    }

    .team-card__avatar img {
      width: 110px;
      max-width: none;
      filter: drop-shadow(0 14px 20px rgba(0,0,0,0.48));
    }

    .team-more {
      margin-top: 12px;
    }

    .team-more summary {
      cursor: pointer;
      list-style: none;
      width: fit-content;
      padding: 12px 14px;
      border: 1px solid rgba(245,245,240,0.2);
      border-radius: 6px;
      background: rgba(245,245,240,0.06);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .team-more summary::-webkit-details-marker {
      display: none;
    }

    .team-more summary::before {
      content: "+";
      margin-right: 8px;
      color: var(--green);
    }

    .team-more[open] summary::before {
      content: "-";
    }

    .team-grid--more {
      margin-top: 12px;
    }

    .final {
      padding: 90px 0;
    }

    .final__box {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 0.82fr) 300px;
      gap: 26px;
      align-items: center;
      min-height: 440px;
      padding: 40px 36px;
      border: 1px solid rgba(245,245,240,0.18);
      border-radius: var(--radius);
      background:
        linear-gradient(135deg, rgba(255,43,214,0.14), rgba(0,229,255,0.1)),
        #08090b;
      overflow: hidden;
      box-shadow: var(--shadow);
    }

    .final h2 {
      max-width: 820px;
      font-size: 48px;
    }

    .final p {
      margin-top: 18px;
      max-width: 720px;
      color: var(--muted);
      font-size: 19px;
    }

    .final__art {
      position: relative;
      min-height: 290px;
      display: grid;
      place-items: center;
    }

    .final__art img:first-child {
      width: 245px;
      filter: drop-shadow(0 18px 28px rgba(0,0,0,0.5));
    }

    .final__art img:last-child {
      position: absolute;
      width: 210px;
      right: -18px;
      bottom: 8px;
      transform: rotate(8deg);
    }

    .note {
      margin-top: 14px;
      color: var(--muted);
      font-size: 13px;
    }

    .glitch-word {
      color: var(--paper);
      text-shadow: 2px 0 0 var(--magenta), -2px 0 0 var(--cyan);
    }

    .desktop-only {
      display: inline;
    }

    .mobile-sticky-cta {
      display: none;
    }

    @media (max-width: 1080px) {
      .hero__grid {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .hero__art {
        width: min(100%, 620px);
        aspect-ratio: 1;
        order: 2;
      }

      .hero__copy {
        order: 1;
        padding-top: 0;
      }

      h1 {
        font-size: 54px;
      }

      .metrics,
      .value-grid,
      .offer-grid,
      .exchange-grid,
      .proof-grid,
      .proof-method,
      .channel-proof__body,
      .outcome-grid,
      .scenario-grid,
      .faq-grid,
      .answer-grid,
      .report-list,
      .purchase-steps,
      .prep-grid,
      .inventory-grid,
      .format-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .proof-card--wide,
      .outcome-layout,
      .reporting-panel,
      .purchase-panel,
      .partner-creators,
      .audience-row {
        grid-template-columns: 1fr;
      }

      .outcome-art {
        min-height: 260px;
      }

      .partner-creators__copy {
        min-height: auto;
      }

      .partner-creators__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .clients {
        grid-template-columns: 1fr;
      }

      .emblem-stack {
        min-height: 300px;
      }

      .team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      body {
        padding-bottom: 82px;
      }

      .shell {
        width: min(100% - 28px, 680px);
      }

      .nav__inner {
        min-height: 62px;
      }

      .nav__links {
        display: none;
      }

      .brand {
        font-size: 17px;
      }

      .hero {
        padding: 36px 0 30px;
      }

      .hero__art {
        aspect-ratio: 1;
      }

      .hero__art img {
        object-fit: cover;
        object-position: center;
      }

      .poster-tag {
        padding: 7px 9px;
        font-size: 11px;
      }

      .poster-note {
        min-width: 96px;
        min-height: 44px;
        padding: 8px;
        font-size: 12px;
      }

      h1 {
        font-size: 40px;
        line-height: 0.96;
      }

      .hero__lead {
        font-size: 17px;
      }

      .hero__actions {
        align-items: stretch;
      }

      .btn {
        width: 100%;
        min-height: 48px;
      }

      .metrics,
      .value-grid,
      .offer-grid,
      .exchange-grid,
      .proof-grid,
      .proof-method,
      .channel-proof__body,
      .outcome-grid,
      .scenario-grid,
      .faq-grid,
      .answer-grid,
      .report-list,
      .client-grid,
      .purchase-steps,
      .prep-grid,
      .audience-layout,
      .inventory-grid,
      .format-grid,
      .workflow,
      .team-grid,
      .partner-creators__grid,
      .final__box,
      .section__head {
        grid-template-columns: 1fr;
      }

      .partner-creators__copy {
        padding: 24px 18px;
      }

      .partner-creators__copy h3 {
        font-size: 28px;
      }

      .partner-creator-card {
        min-height: 260px;
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        column-gap: 12px;
        align-items: start;
      }

      .partner-creator-card__avatar {
        grid-row: span 3;
        width: 96px;
        height: 96px;
        margin: 10px 0 0 -4px;
      }

      .partner-creator-card__avatar img {
        width: 120px;
      }

      .partner-creator-card__badge {
        margin-top: 12px;
      }

      .metric {
        min-height: 86px;
      }

      .metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .hero-network-badge {
        width: 100%;
        justify-content: center;
        text-align: center;
      }

      .section {
        padding: 56px 0;
      }

      h2,
      .final h2 {
        font-size: 32px;
        line-height: 1.06;
      }

      .value-card {
        min-height: auto;
      }

      .value-card__art {
        height: 150px;
      }

      .emblem-stack {
        min-height: 240px;
      }

      .emblem-stack__ticket {
        width: 170px;
      }

      .emblem-stack__strips {
        width: 205px;
      }

      .desk-card__top {
        grid-template-columns: 82px minmax(0, 1fr);
      }

      .desk-card__icon {
        width: 82px;
        height: 82px;
      }

      .desk-card__icon img {
        max-width: 92px;
        max-height: 92px;
      }

      .path {
        min-height: 440px;
        padding: 20px;
      }

      .path__art {
        width: 190px;
      }

      .final__box {
        min-height: auto;
        padding: 24px;
      }

      .proof-card,
      .outcome-card,
      .scenario-card,
      .faq-grid article {
        min-height: auto;
      }

      .exchange-card,
      .purchase-step,
      .proof-method div,
      .channel-item {
        min-height: auto;
      }

      .exchange-card li {
        grid-template-columns: 1fr;
      }

      .scenario-card__art {
        height: 140px;
      }

      .reporting-panel {
        padding: 20px;
      }

      .audience-board {
        padding: 12px;
      }

      .audience-row {
        min-height: auto;
        gap: 12px;
      }

      .audience-row__art {
        min-height: 130px;
      }

      .audience-row__art img {
        width: 132px;
      }

      .audience-row__signal {
        justify-self: start;
        text-align: left;
      }

      .final__art {
        min-height: 230px;
      }

      .desktop-only {
        display: none;
      }

      .mobile-sticky-cta {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 40;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 9px;
        border: 1px solid rgba(245,245,240,0.22);
        border-radius: 8px;
        background: rgba(5,5,5,0.9);
        backdrop-filter: blur(16px);
        box-shadow: 0 18px 44px rgba(0,0,0,0.55), inset 0 0 0 1px rgba(57,255,20,0.18);
        opacity: 0;
        pointer-events: none;
        transform: translateY(16px);
        transition: opacity 160ms ease, transform 160ms ease;
      }

      .mobile-sticky-cta.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
      }

      .mobile-sticky-cta__note {
        grid-column: 1 / -1;
        color: var(--muted);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
      }

      .mobile-sticky-cta .btn {
        min-height: 42px;
        padding: 0 10px;
        font-size: 11px;
        box-shadow: none;
      }

      .mobile-sticky-cta .btn--primary {
        box-shadow: 4px 4px 0 rgba(255,43,214,0.9);
      }
    }

    @media (max-width: 420px) {
      h1 {
        font-size: 34px;
      }

      .hero__art {
        aspect-ratio: 1.05;
      }

      .metric strong {
        font-size: 23px;
      }

      .section__text,
      .hero__lead,
      .final p {
        font-size: 16px;
      }
    }
    /* ========== этап 3-7: общие компоненты для внутренних страниц ========== */

    /* --- Footer --- */
    .site-footer {
      margin-top: 80px;
      padding: 56px 0 32px;
      background: #08090b;
      border-top: 1px solid rgba(245,245,240,0.12);
      color: var(--muted);
    }

    .site-footer__inner {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 40px;
      padding-bottom: 32px;
    }

    .site-footer__col h4 {
      margin: 0 0 14px;
      color: var(--paper);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 950;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .site-footer__col ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .site-footer__col a {
      color: var(--muted);
      text-decoration: none;
      font-size: 14px;
    }

    .site-footer__col a:hover {
      color: var(--paper);
    }

    .site-footer__about {
      margin: 14px 0 0;
      max-width: 480px;
      font-size: 14px;
      line-height: 1.6;
    }

    .site-footer__bottom {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding-top: 24px;
      border-top: 1px solid rgba(245,245,240,0.08);
      font-size: 13px;
      color: rgba(245,245,240,0.42);
    }

    .site-footer__tech {
      font-family: var(--mono);
    }

    @media (max-width: 760px) {
      .site-footer__inner { grid-template-columns: 1fr; gap: 28px; }
      .site-footer__bottom { flex-direction: column; gap: 8px; }
    }

    /* --- Breadcrumbs (для /channels, /post) --- */
    .breadcrumbs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin: 32px 0 16px;
      font-family: var(--mono);
      font-size: 12px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .breadcrumbs a {
      color: var(--muted);
      text-decoration: none;
    }

    .breadcrumbs a:hover { color: var(--paper); }

    .breadcrumbs__sep {
      color: rgba(245,245,240,0.3);
    }

    .breadcrumbs__current {
      color: var(--paper);
    }

    /* --- Карточка канала с расширенной статистикой (/catalog) --- */
    .channel-stat-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    @media (max-width: 760px) {
      .channel-stat-grid { grid-template-columns: 1fr; }
    }

    .channel-stat-card {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 20px;
      background: rgba(245,245,240,0.04);
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 10px;
    }

    .channel-stat-card__head {
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }

    .channel-stat-card__avatar {
      flex: 0 0 56px;
      width: 56px;
      height: 56px;
      border-radius: 12px;
      background: rgba(245,245,240,0.08);
      object-fit: cover;
    }

    .channel-stat-card__title {
      flex: 1;
      min-width: 0;
    }

    .channel-stat-card__title h3 {
      margin: 0 0 4px;
      font-size: 18px;
      font-weight: 700;
    }

    .channel-stat-card__title h3 a {
      color: var(--paper);
      text-decoration: none;
    }

    .channel-stat-card__title h3 a:hover {
      color: var(--green);
    }

    .channel-stat-card__handle {
      color: var(--muted);
      font-family: var(--mono);
      font-size: 12px;
    }

    .channel-stat-card__tone {
      display: inline-block;
      margin-top: 4px;
      padding: 2px 8px;
      background: rgba(245,245,240,0.08);
      border-radius: 4px;
      font-family: var(--mono);
      font-size: 11px;
      color: var(--paper);
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .channel-stat-card__desc {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .channel-stat-card__metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      padding: 12px 0 0;
      border-top: 1px solid rgba(245,245,240,0.08);
    }

    .channel-stat-card__metric {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .channel-stat-card__metric strong {
      color: var(--paper);
      font-family: var(--mono);
      font-size: 15px;
      font-weight: 950;
    }

    .channel-stat-card__metric span {
      color: var(--muted);
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .channel-stat-card__metric .pos { color: var(--green); }
    .channel-stat-card__metric .neg { color: #ff6b6b; }

    .channel-stat-card__cta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(245,245,240,0.08);
    }

    .channel-stat-card__price {
      color: var(--paper);
      font-family: var(--mono);
      font-weight: 950;
      font-size: 16px;
    }

    .channel-stat-card__price span {
      color: var(--muted);
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      margin-left: 4px;
    }

    /* --- Шапка страницы канала (/channels/{slug}) --- */
    .channel-header {
      display: grid;
      grid-template-columns: 96px 1fr auto;
      gap: 20px;
      align-items: flex-start;
      padding: 28px;
      background: rgba(245,245,240,0.04);
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 12px;
      margin-bottom: 28px;
    }

    @media (max-width: 760px) {
      .channel-header { grid-template-columns: 64px 1fr; }
      .channel-header__cta { grid-column: 1 / -1; }
    }

    .channel-header__avatar {
      width: 96px;
      height: 96px;
      border-radius: 16px;
      background: rgba(245,245,240,0.08);
      object-fit: cover;
    }

    @media (max-width: 760px) {
      .channel-header__avatar { width: 64px; height: 64px; }
    }

    .channel-header__title h1 {
      margin: 0 0 6px;
      font-size: 28px;
      line-height: 1.2;
    }

    .channel-header__handle {
      color: var(--muted);
      font-family: var(--mono);
      font-size: 14px;
    }

    .channel-header__desc {
      margin: 12px 0 0;
      color: var(--paper);
      font-size: 15px;
      line-height: 1.6;
      max-width: 720px;
    }

    .channel-header__metrics {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      margin-top: 16px;
    }

    .channel-header__metrics .metric strong { font-size: 22px; }
    .channel-header__metrics .metric span { font-size: 11px; }

    .channel-header__cta {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: stretch;
    }

    .channel-header__cta .btn {
      white-space: nowrap;
    }

    /* --- Лента постов карточками (/channels/{slug}) --- */
    .post-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    @media (max-width: 760px) {
      .post-list { grid-template-columns: 1fr; }
    }

    .post-card {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 18px;
      background: rgba(245,245,240,0.04);
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 10px;
      text-decoration: none;
      color: inherit;
    }

    .post-card:hover {
      border-color: rgba(245,245,240,0.28);
    }

    .post-card__date {
      color: var(--muted);
      font-family: var(--mono);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .post-card__excerpt {
      color: var(--paper);
      font-size: 14px;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .post-card__meta {
      color: var(--muted);
      font-size: 12px;
      font-family: var(--mono);
    }

    /* --- Страница поста (/post/{id}) — SEO-витрина --- */
    .post-article {
      max-width: 760px;
      margin: 0 auto;
      padding: 32px 0;
    }

    .post-article__header {
      margin-bottom: 28px;
    }

    .post-article__channel {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
    }

    .post-article__channel-avatar {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: rgba(245,245,240,0.08);
      object-fit: cover;
    }

    .post-article__channel-name {
      color: var(--paper);
      font-weight: 700;
      text-decoration: none;
    }

    .post-article__channel-handle {
      color: var(--muted);
      font-family: var(--mono);
      font-size: 12px;
    }

    .post-article__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px 18px;
      color: var(--muted);
      font-family: var(--mono);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .post-article__h1 {
      margin: 14px 0 0;
      font-size: 28px;
      line-height: 1.25;
    }

    .post-article__body {
      color: var(--paper);
      font-size: 17px;
      line-height: 1.7;
    }

    .post-article__body p {
      margin: 0 0 1.1em;
    }

    .post-article__body a {
      color: var(--green);
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .post-article__body img {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
      margin: 1em 0;
    }

    .post-article__source {
      margin-top: 28px;
      padding: 16px;
      background: rgba(245,245,240,0.04);
      border-radius: 8px;
      font-size: 14px;
      color: var(--muted);
    }

    .post-article__source a {
      color: var(--paper);
      font-weight: 700;
      text-decoration: none;
    }

    /* --- Связанные посты внизу /post/{id} --- */
    .related-posts {
      margin-top: 56px;
    }

    .related-posts h3 {
      margin: 0 0 16px;
      font-family: var(--mono);
      font-size: 13px;
      font-weight: 950;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--paper);
    }

    /* --- Прайс-карточки и таблица для /ads/* --- */
    .ads-pricing {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin: 24px 0 32px;
    }

    @media (max-width: 760px) {
      .ads-pricing { grid-template-columns: 1fr; }
    }

    .price-card {
      padding: 24px;
      background: rgba(245,245,240,0.04);
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 12px;
      text-align: center;
    }

    .price-card.highlight {
      border-color: var(--green);
      background: rgba(74, 222, 128, 0.05);
    }

    .price-num {
      font-family: var(--mono);
      font-size: 42px;
      font-weight: 950;
      color: var(--paper);
      line-height: 1;
    }

    .price-label {
      margin-top: 8px;
      color: var(--muted);
      font-size: 14px;
    }

    .price-card .savings {
      margin-top: 10px;
      color: var(--green);
      font-family: var(--mono);
      font-weight: 700;
      font-size: 13px;
    }

    .btn-large {
      display: inline-block;
      padding: 16px 28px;
      background: var(--green);
      color: #0a0c0a;
      font-family: var(--mono);
      font-weight: 950;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      text-decoration: none;
      border-radius: 8px;
      transition: transform 0.1s;
    }

    .btn-large:hover {
      transform: translateY(-1px);
    }

    .steps {
      counter-reset: step;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .steps li {
      counter-increment: step;
      padding-left: 44px;
      position: relative;
      color: var(--paper);
      font-size: 15px;
      line-height: 1.6;
    }

    .steps li::before {
      content: counter(step);
      position: absolute;
      left: 0;
      top: 0;
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--green);
      color: #0a0c0a;
      font-family: var(--mono);
      font-weight: 950;
      font-size: 13px;
      border-radius: 50%;
    }

    .channel-table-wrap {
      overflow-x: auto;
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 10px;
    }

    .channel-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      min-width: 720px;
    }

    .channel-table th,
    .channel-table td {
      padding: 12px 14px;
      text-align: left;
      border-bottom: 1px solid rgba(245,245,240,0.08);
    }

    .channel-table th {
      background: rgba(245,245,240,0.04);
      color: var(--muted);
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .channel-table td {
      color: var(--paper);
    }

    .channel-table td.num,
    .channel-table th.num {
      text-align: right;
      font-family: var(--mono);
    }

    .channel-table tbody tr:hover {
      background: rgba(245,245,240,0.03);
    }

    .channel-table .price {
      color: var(--green);
      font-weight: 700;
    }

    .channel-table a {
      color: var(--paper);
      text-decoration: none;
      font-weight: 700;
    }

    .channel-table a:hover {
      color: var(--green);
    }

    /* --- Баннер «сеть public.tg» на странице канала (SEO + продажный анкор) --- */
    .network-banner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px 14px;
      margin: 0 0 20px;
      padding: 12px 16px;
      background: rgba(74,222,128,0.06);
      border: 1px solid rgba(74,222,128,0.22);
      border-radius: 8px;
      font-size: 14px;
      line-height: 1.5;
      color: var(--paper);
    }

    .network-banner__pill {
      flex-shrink: 0;
      padding: 3px 10px;
      background: var(--green);
      color: #0a0c0a;
      font-family: var(--mono);
      font-weight: 950;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      border-radius: 4px;
    }

    .network-banner__text { flex: 1; min-width: 240px; color: var(--muted); }
    .network-banner__text a { color: var(--green); text-decoration: none; font-weight: 700; }
    .network-banner__text a:hover { text-decoration: underline; }

    /* --- Answer-first block (Codex playbook Risk A/B) ---
       Короткий прямой ответ под H1 для AI-search и featured snippets. */
    .answer-first {
      margin: 20px 0 28px;
      padding: 18px 22px;
      background: rgba(74,222,128,0.06);
      border-left: 3px solid var(--green);
      border-radius: 0 8px 8px 0;
      color: var(--paper);
      font-size: 15px;
      line-height: 1.6;
    }

    .answer-first strong {
      color: var(--green);
      font-family: var(--mono);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      display: block;
      margin-bottom: 6px;
    }

    /* ========== 2026-05-29: каналы — вкладки + круглые аватары ========== */

    .channel-tabs {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .channel-tabs__radio {
      /* Жёстко скрываем. CSS-only селекторы :nth-of-type не работают
         (nav и panels оба div — счёт ломается), поэтому ниже работает
         JS toggle через .is-active. Радио оставлены для accessibility
         и fallback no-JS — обычная скруглённая навигация. */
      display: none !important;
    }

    .channel-tabs__nav {
      /* Grid 4×2 — ровная решётка вместо flex-wrap, где на второй строке
         оставшиеся 2 элемента растягивались на всю ширину.
         2026-05-30: gap расширен с 6 до 14, padding контейнера тоже,
         чтобы счётчик активной вкладки не казался «прилипшим» к тексту следующей. */
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      padding: 8px;
      background: rgba(245,245,240,0.04);
      border: 1px solid rgba(245,245,240,0.1);
      border-radius: 10px;
    }

    .channel-tabs__label {
      min-width: 0;
      padding: 10px 12px 10px 14px;
      background: transparent;
      border-radius: 7px;
      color: var(--muted);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      cursor: pointer;
      transition: background 0.12s, color 0.12s;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      user-select: none;
    }

    .channel-tabs__label:hover { color: var(--paper); }

    .channel-tabs__count {
      padding: 2px 8px;
      background: rgba(245,245,240,0.08);
      border-radius: 999px;
      font-size: 11px;
      font-weight: 600;
      color: var(--paper);
    }

    .channel-tabs__panel {
      display: none;
    }

    .channel-tabs__panel.is-active { display: block; }

    .channel-tabs__label.is-active {
      background: var(--green);
      color: #0a0c0a;
    }

    .channel-tabs__label.is-active .channel-tabs__count {
      background: rgba(10,12,10,0.18);
      color: #0a0c0a;
    }

    /* Карточки каналов с круглым аватаром. Грид адаптивный по ширине. */
    .channel-cards {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 10px;
    }

    .channel-card {
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 10px 12px;
      background: rgba(245,245,240,0.04);
      border: 1px solid rgba(245,245,240,0.12);
      border-radius: 10px;
      color: var(--paper);
      text-decoration: none;
      transition: border-color 0.12s, background 0.12s;
      min-width: 0;
    }

    .channel-card:hover {
      border-color: var(--green);
      background: rgba(74,222,128,0.06);
    }

    .channel-card__avatar {
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden;
      background: rgba(245,245,240,0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .channel-card__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* SVG-аватары у нас квадратные 256×256 с rounded corners внутри —
       при clip в круг обрезаются красиво, но добавим лёгкую обводку. */
    .channel-card__avatar--svg {
      background: #0a0c0a;
    }

    .channel-card__initials {
      font-family: var(--mono);
      font-weight: 950;
      font-size: 15px;
      color: var(--paper);
      letter-spacing: -0.5px;
    }

    .channel-card__body {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
      flex: 1;
    }

    .channel-card__name {
      font-weight: 700;
      font-size: 14px;
      color: var(--paper);
      line-height: 1.2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .channel-card__handle {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--muted);
      letter-spacing: 0.02em;
    }

    @media (max-width: 1080px) {
      .channel-tabs__nav { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 760px) {
      .channel-tabs__nav { grid-template-columns: repeat(2, 1fr); }
      .channel-cards { grid-template-columns: 1fr; }
    }
    @media (max-width: 420px) {
      .channel-tabs__nav { grid-template-columns: 1fr; }
    }

    /* 2026-05-30: иконки в узких proof-card (quality check / market contact). */
    .proof-card__icon {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 12px;
      width: 140px;
      height: 140px;
    }

    .proof-card__icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 12px 18px rgba(0,0,0,0.45));
    }

    @media (max-width: 760px) {
      .proof-card__icon { width: 110px; height: 110px; }
    }