/* §8 — paid traffic: landing showcase + benefit + principle cards */
.rsg-page .pt-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 24px; align-items: stretch; margin: 0 0 24px; }
.rsg-page .pt-hero .cs-window { margin: 0; align-self: start; }
.rsg-page .pt-hero .cs-window img { width: 100%; aspect-ratio: 16/10; height: auto; object-fit: cover; object-position: top; display: block; }
.rsg-page .pt-benefit { position: relative; overflow: hidden; background: linear-gradient(150deg, #FFFFFF 0%, #F1F8F3 100%); border: 1px solid rgba(44,122,75,0.24); border-radius: 18px; padding: 26px 26px 24px; box-shadow: 0 14px 34px rgba(20,62,37,0.09); display: flex; flex-direction: column; }
.rsg-page .pt-benefit::after { content: ""; position: absolute; top: -50px; right: -50px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(44,122,75,0.12) 0%, rgba(44,122,75,0) 70%); pointer-events: none; }
.rsg-page .pt-eyebrow { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--green-700); background: rgba(44,122,75,0.10); border: 1px solid rgba(44,122,75,0.22); border-radius: 999px; padding: 5px 11px; margin-bottom: 14px; }
.rsg-page .pt-eyebrow .ptd { width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); }
.rsg-page .pt-benefit h3 { position: relative; z-index: 1; font-family: var(--font-display); font-size: 21px; font-weight: 800; color: var(--ink-900); margin: 0 0 10px; line-height: 1.25; }
.rsg-page .pt-benefit > p { position: relative; z-index: 1; font-size: 14px; line-height: 1.6; color: var(--ink-2); margin: 0 0 18px; }
.rsg-page .pt-stat { position: relative; z-index: 1; margin-top: auto; background: #fff; border: 1px solid rgba(44,122,75,0.22); border-radius: 14px; padding: 16px 18px; display: flex; align-items: center; gap: 16px; box-shadow: 0 6px 16px rgba(20,62,37,0.06); }
.rsg-page .pt-stat b { font-family: var(--font-display); font-weight: 800; font-size: 40px; color: var(--green-600); line-height: 1; letter-spacing: -0.02em; }
.rsg-page .pt-stat .pts-lbl { display: block; font-family: var(--font-display); font-weight: 800; font-size: 13.5px; color: var(--ink-900); line-height: 1.2; }
.rsg-page .pt-stat .pts-sub { display: block; font-size: 11.5px; line-height: 1.4; color: var(--ink-2); margin-top: 4px; }
.rsg-page .pt-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 26px; }
@media (max-width: 900px) { .rsg-page .pt-hero { grid-template-columns: 1fr; } .rsg-page .pt-cards { grid-template-columns: 1fr; } }