.snap-example {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 22px;
          min-width: 0;
        }

        .snap-hero {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 18px;
          align-items: start;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          padding: clamp(38px, 5vw, 64px) 0 clamp(28px, 5vw, 56px);
          border-bottom: 1px solid rgba(186, 186, 176, 0.28);
          color: #383831;
          overflow: hidden;
        }

        .snap-hero > *,
        .snap-product-card,
        .snap-proof-module,
        .snap-proof-start,
        .snap-proof-ready,
        .snap-output-grid > * {
          min-width: 0;
        }

        .snap-eyebrow {
          margin: 0 0 10px;
          color: #29695b;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.13em;
          text-transform: uppercase;
        }

        .snap-hero h1 {
          margin: 0;
          width: 100%;
          max-width: 780px;
          font-size: clamp(46px, 6.5vw, 92px);
          font-weight: 800;
          line-height: 1;
          letter-spacing: -0.02em;
          overflow-wrap: break-word;
        }

        .snap-lede {
          margin: 18px 0 0;
          width: 100%;
          max-width: 720px;
          color: #65655c;
          font-size: clamp(17px, 1.7vw, 22px);
          line-height: 1.58;
        }

        .snap-product-card {
          display: grid;
          gap: 14px;
          padding: 20px;
          border-radius: 12px;
          background: #f0eee5;
          color: #383831;
          box-shadow: inset 0 0 0 1px rgba(186, 186, 176, 0.18);
        }

        .snap-product-card--summary {
          grid-template-columns: minmax(0, 1fr);
          align-items: start;
        }

        .snap-product-card img {
          display: block;
          width: min(260px, 100%);
          height: auto;
          margin: 0 auto;
        }

        .snap-meta-grid,
        .snap-stage-grid,
        .snap-output-grid {
          display: grid;
          gap: 14px;
        }

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

        .snap-meta {
          padding: 12px;
          border-radius: 16px;
          background: #f4f0e7;
        }

        .snap-label {
          display: block;
          color: #818178;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-transform: uppercase;
        }

        .snap-value {
          display: block;
          margin-top: 3px;
          font-weight: 800;
        }

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

        .snap-proof-module {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 0;
          border-radius: 12px;
          overflow: hidden;
          background: #f0eee5;
        }

        .snap-proof-start,
        .snap-proof-ready {
          display: grid;
          gap: 18px;
          align-content: start;
          padding: clamp(24px, 4vw, 38px);
        }

        .snap-proof-start {
          background: #eae8de;
        }

        .snap-proof-ready {
          background: #fcf9f3;
        }

        .snap-code-card {
          display: grid;
          gap: 10px;
          padding: 18px;
          border-radius: 12px;
          background: #fffdf8;
          color: #65655c;
          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
          font-size: 13px;
          line-height: 1.64;
        }

        .snap-ready-head {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 22px;
          align-items: start;
        }

        .snap-ready-facts {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
          gap: 12px;
        }

        .snap-ready-fact {
          display: grid;
          gap: 6px;
          padding: 14px;
          border-radius: 12px;
          background: #fffdf8;
        }

        .snap-stage,
        .snap-panel {
          border-radius: 12px;
          background: #fcf9f3;
          color: #383831;
          box-shadow: inset 0 0 0 1px rgba(186, 186, 176, 0.2);
        }

        .snap-stage {
          padding: 22px;
        }

        .snap-stage h2,
        .snap-panel h2 {
          margin: 0;
          font-size: clamp(28px, 3.2vw, 46px);
          font-weight: 800;
          line-height: 1.05;
          letter-spacing: -0.02em;
        }

        .snap-stage h3,
        .snap-product-section h3 {
          margin: 0;
          font-size: clamp(24px, 2.3vw, 32px);
          line-height: 1.1;
          letter-spacing: -0.03em;
        }

        .snap-stage p,
        .snap-panel p {
          margin: 10px 0 0;
          color: #65655c;
          line-height: 1.72;
        }

        .snap-product-section p {
          margin: 9px 0 0;
          color: #65655c;
          line-height: 1.45;
        }

        .snap-list {
          display: grid;
          gap: 8px;
          margin: 16px 0 0;
          padding: 0;
          list-style: none;
        }

        .snap-list li {
          display: grid;
          grid-template-columns: 18px 1fr;
          gap: 8px;
          color: #65655c;
          line-height: 1.45;
        }

        .snap-list li::before {
          content: "";
          width: 7px;
          height: 7px;
          margin-top: 8px;
          border-radius: 999px;
          background: #29695b;
        }

        .snap-panel {
          padding: clamp(24px, 4vw, 44px);
        }

        .snap-story-panel {
          display: grid;
          gap: 18px;
        }

        .snap-story-panel > p {
          max-width: 760px;
        }

        .snap-change-table {
          width: 100%;
          margin-top: 20px;
          border-collapse: collapse;
        }

        .snap-change-table th,
        .snap-change-table td {
          padding: 13px 10px;
          border-bottom: 1px solid #ded8cc;
          text-align: left;
          vertical-align: top;
        }

        .snap-change-table th {
          color: #818178;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-transform: uppercase;
        }

        .snap-delta {
          color: #29695b;
          font-weight: 700;
        }

        .snap-product-page {
          display: grid;
          gap: 28px;
        }

        .snap-preview-label {
          color: #29695b;
          font-size: 12px;
          font-weight: 800;
          letter-spacing: 0.13em;
          text-transform: uppercase;
        }

        .snap-output-grid {
          grid-template-columns: minmax(0, 1fr);
          align-items: start;
        }

        .snap-product-image {
          padding: 24px;
          border: 1px solid #ded8cc;
          border-radius: 12px;
          background: #ffffff;
        }

        .snap-product-image img {
          display: block;
          width: min(300px, 100%);
          height: auto;
          margin: 0 auto;
        }

        .snap-product-title {
          margin: 0;
          font-size: clamp(34px, 4vw, 58px);
          font-weight: 800;
          line-height: 1.05;
          letter-spacing: -0.02em;
        }

        .snap-product-section {
          padding-top: 24px;
          border-top: 1px solid #ded8cc;
        }

        .snap-spec-table {
          width: 100%;
          margin-top: 14px;
          border-collapse: collapse;
        }

        .snap-spec-table th,
        .snap-spec-table td {
          padding: 10px 0;
          border-bottom: 1px solid #ded8cc;
          text-align: left;
          vertical-align: top;
        }

        .snap-spec-table th {
          width: 34%;
          padding-right: 18px;
          color: #818178;
          font-size: 12px;
          letter-spacing: 0.08em;
          text-transform: uppercase;
        }

        .snap-faq {
          display: grid;
          gap: 14px;
          margin-top: 14px;
        }

        .snap-faq article {
          padding-top: 14px;
          border-top: 1px solid #ded8cc;
        }

        .snap-faq strong {
          display: block;
        }

        @media (max-width: 920px) {
          .snap-hero,
          .snap-product-card--summary,
          .snap-stage-grid,
          .snap-output-grid,
          .snap-ready-head {
            grid-template-columns: minmax(0, 1fr);
          }

          .snap-hero h1,
          .snap-lede {
            max-width: 100%;
          }

          .snap-change-table {
            display: block;
            width: 100%;
            border-collapse: separate;
            overflow: visible;
            white-space: normal;
          }

          .snap-change-table thead {
            display: none;
          }

          .snap-change-table tbody,
          .snap-change-table tr,
          .snap-change-table td {
            display: block;
            width: 100%;
          }

          .snap-change-table tr {
            padding: 14px 0;
            border-top: 1px solid #ded8cc;
          }

          .snap-change-table tr:first-child {
            border-top: 0;
          }

          .snap-change-table td {
            padding: 8px 0;
            border-bottom: 0;
            white-space: normal;
          }

          .snap-change-table td::before {
            display: block;
            margin-bottom: 4px;
            color: #818178;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
          }

          .snap-change-table td:nth-child(1)::before {
            content: "Field group";
          }

          .snap-change-table td:nth-child(2)::before {
            content: "Current gap";
          }

          .snap-change-table td:nth-child(3)::before {
            content: "Buyer detail added";
          }

          .snap-change-table td:nth-child(4)::before {
            content: "Why it matters";
          }
        }