@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap');
/* ============================================================
   RESETS & PRIMITIVES
   ============================================================ */
.rsg-page *{box-sizing: border-box;}
.rsg-page h1, .rsg-page h2, .rsg-page h3, .rsg-page h4{font-family: var(--font-display); font-weight: 700; color: var(--ink-900); line-height: 1.15; margin: 0;}
.rsg-page h1{font-size: clamp(36px, 5vw, 56px); letter-spacing: -0.02em;}
.rsg-page h2{font-size: clamp(28px, 3.6vw, 42px); letter-spacing: -0.015em;}
.rsg-page h3{font-size: clamp(20px, 2.2vw, 24px);}
.rsg-page p{margin: 0 0 16px; color: var(--ink-2);}
.rsg-page a{color: inherit; text-decoration: none;}
.rsg-page strong{color: var(--ink-900); font-weight: 700;}
.rsg-page img{max-width: 100%; height: auto; display: block;}
.rsg-page ul, .rsg-page ol{margin: 0; padding: 0;}
.rsg-page .container{max-width: 1200px; margin: 0 auto; padding: 0 var(--gutter);}
/* Heading reset — plain, no italic, no underline (Rule 3, May 2026) */
.rsg-page h1 em, .rsg-page h2 em, .rsg-page h3 em, .rsg-page h4 em{font-style: normal; text-decoration: none; color: var(--green-500); font-weight: inherit;}
/* Eyebrow with green dot prefix (rule 6) — Montserrat for brand consistency */
.rsg-page .eyebrow{display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--green-600); margin-bottom: 18px;}
.rsg-page .eyebrow::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green-500); flex-shrink: 0;}
.rsg-page .section-dark .eyebrow{color: var(--green-500);}
.rsg-page .section-dark .eyebrow::before{background: var(--green-500); box-shadow: 0 0 12px rgba(32,157,80,0.6);}
/* Dark-pill eyebrow variant — matches the SEO Audit CTA-pill style */
.rsg-page .eyebrow.eyebrow-pill{background: #000; color: #fff; padding: 9px 18px; border-radius: 999px; gap: 9px; font-size: 11.5px; letter-spacing: 0.14em; margin-bottom: 22px; box-shadow: 0 4px 14px rgba(0,0,0,0.18);}
.rsg-page .eyebrow.eyebrow-pill::before{width: 8px; height: 8px; background: var(--green-500); box-shadow: 0 0 0 4px rgba(32,157,80,0.28); animation: pulse 2s infinite;}
/* Section header */
.rsg-page .section-header{margin-bottom: var(--header-mb);}
.rsg-page .section-header.align-left{text-align: left;}
.rsg-page .section-header.align-center{text-align: center;}
.rsg-page .section-header .lede{font-size: clamp(15px, 1.4vw, 17px); color: var(--ink-2); max-width: 820px; margin-top: 16px; text-wrap: balance;}
.rsg-page .section-dark .section-header h2,
.rsg-page .section-dark .section-header .lede{color: #fff;}
.rsg-page .section-dark .lede{color: rgba(255,255,255,0.75);}
.rsg-page .lede{font-size: 17px; color: var(--ink-2); line-height: 1.65;}
/* Buttons */
.rsg-page .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; font-family: var(--font-display); font-size: 14px; font-weight: 600; letter-spacing: 0.01em; border-radius: 999px; transition: transform .15s, box-shadow .15s, background .15s, color .15s; cursor: pointer; border: 0; text-decoration: none;}
.rsg-page .btn-primary{background: var(--green-500); color: #fff;}
.rsg-page .btn-primary:hover{background: var(--green-600); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(32,157,80,0.25);}
.rsg-page .btn-ghost{background: transparent; color: var(--ink-900); border: 1.5px solid var(--ink-900);}
.rsg-page .btn-ghost:hover{background: var(--ink-900); color: #fff;}
.rsg-page .section-dark .btn-ghost{color: #fff; border-color: rgba(255,255,255,0.4);}
.rsg-page .section-dark .btn-ghost:hover{background: #fff; color: #000;}
.rsg-page .btn-large{padding: 16px 26px; font-size: 15px; white-space: nowrap;}
/* Sections */
.rsg-page .section{padding: var(--section-y) 0;}
.rsg-page .section-dark{background: var(--dark-grad); color: #fff;}
.rsg-page .section-dark h2, .rsg-page .section-dark h3, .rsg-page .section-dark h4{color: #fff;}
.rsg-page .section-dark p{color: rgba(255,255,255,0.78);}
/* Entrance animations */
.rsg-page .reveal{opacity: 0; transform: translateY(28px); transition: opacity .8s ease-out, transform .8s ease-out;}
.rsg-page .reveal.visible{opacity: 1; transform: translateY(0);}
@media (prefers-reduced-motion: reduce){.rsg-page .reveal{opacity: 1; transform: none; transition: none;}}
/* ============================================================
   NAV
   ============================================================ */
.rsg-page .nav{background: var(--paper); padding: 18px 0; border-bottom: 1px solid var(--line-2); position: sticky; top: 0; z-index: 30; backdrop-filter: blur(6px);}
.rsg-page .nav-inner{display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.rsg-page .nav-logo img{height: 32px;}
.rsg-page .nav-links{display: flex; gap: 28px; align-items: center;}
.rsg-page .nav-links a{font-family: var(--font-display); font-size: 14px; color: var(--ink-700); font-weight: 500;}
.rsg-page .nav-links a:hover{color: var(--green-600);}
/* ============================================================
   HERO  (v2.1 — May 2026 design refinement, content unchanged)
   ============================================================ */
.rsg-page .hero{padding: 72px 0 var(--section-y); background: var(--paper); position: relative; overflow: hidden;}
.rsg-page .hero::before{content: ""; position: absolute; top: -180px; right: -120px; width: 760px; height: 760px;
  background: radial-gradient(circle, rgba(32,157,80,0.07) 0%, rgba(32,157,80,0.02) 40%, transparent 70%);
  pointer-events: none; z-index: 0;}
.rsg-page .hero::after{content: ""; position: absolute; bottom: -160px; left: -100px; width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(200,32,43,0.045) 0%, rgba(200,32,43,0.01) 50%, transparent 75%);
  pointer-events: none; z-index: 0;}
.rsg-page .hero .container{position: relative; z-index: 1;}
.rsg-page .hero-grid{display: grid; grid-template-columns: 1.02fr 1fr; gap: 110px; align-items: center;}
.rsg-page .hero h1{font-size: 40px; margin-bottom: 12px; line-height: 1.2em; letter-spacing: -0.025em; text-wrap: balance;}
.rsg-page .hero h1 em{color: var(--green-600); position: relative; z-index: 1;}
/* hero h1 em underline shade — removed per Hamza request */
.rsg-page .hero-eyebrow-wrap{display: flex; align-items: center; gap: 14px; margin-bottom: 22px; flex-wrap: wrap;}
.rsg-page .hero-eyebrow-wrap .eyebrow{margin-bottom: 0;}
.rsg-page .hero-eyebrow-wrap .trust-pill{display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; background: #fff; border: 1px solid var(--line); border-radius: 999px; font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-700); box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.rsg-page .hero-eyebrow-wrap .trust-pill .tp-yelp{font-family: 'Montserrat', sans-serif; font-weight: 800; color: #C8202B; letter-spacing: -0.02em; text-transform: lowercase; font-size: 12px;}
.rsg-page .hero-eyebrow-wrap .trust-pill .tp-check{width: 13px; height: 13px; border-radius: 50%; background: var(--green-500); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .hero-eyebrow-wrap .trust-pill .tp-check svg{width: 8px; height: 8px;}
.rsg-page .hero-subhead{font-family: var(--font-display); font-weight: 700; font-size: 18px; color: var(--ink-900); margin: 0 0 16px; line-height: 1.4; max-width: 560px; display: flex; align-items: flex-start; gap: 12px;}
.rsg-page .hero-subhead::before{content: ""; width: 28px; height: 3px; background: var(--green-500); flex-shrink: 0; border-radius: 2px; margin-top: 11px;}
.rsg-page .dashed-callout, .rsg-page h1.dashed-callout, .rsg-page h2.dashed-callout, .rsg-page h3.dashed-callout, .rsg-page h4.dashed-callout{display: block; background: #EBECFF; border: 1.5px dashed rgb(0, 38, 135); border-radius: 10px; padding: 8px 14px; font-family: var(--font-display); font-style: italic; font-weight: 500; font-size: 13px !important; line-height: 1.4; color: rgb(0, 38, 135); text-align: left; text-decoration: none; text-transform: capitalize; letter-spacing: 0; margin: 0 0 18px;}
.rsg-page .dashed-callout strong{color: rgb(0, 38, 135); font-weight: 700;}
.rsg-page .hero-lede{font-family: var(--font-body); font-size: 15px; color: var(--ink-2); margin: 0 0 14px; line-height: 1.6; max-width: 560px;}
.rsg-page .hero-lede.last{margin-bottom: 22px;}
.rsg-page .hero-lede.hero-lede-bold{font-size: 16.5px; font-weight: 700; color: var(--ink-900);}
.rsg-page .hero-ctas{display: flex; gap: 10px; flex-wrap: nowrap; align-items: center;}
.rsg-page .hero-ctas .btn svg{width: 14px; height: 14px;}
.rsg-page .hero-ctas .btn{white-space: nowrap;}
.rsg-page .hero-ctas .btn-large{padding: 10px 18px; font-size: 12.5px;}
.rsg-page .hero-tagline{display: flex; align-items: center; gap: 10px; margin-top: 22px; font-family: var(--font-mono); font-size: 12px; color: var(--ink-500); font-style: italic;}
.rsg-page .hero-tagline .ht-dot{width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); flex-shrink: 0; box-shadow: 0 0 0 4px rgba(32,157,80,0.15); animation: pulse 2.4s infinite;}
.rsg-page .hero-trust-row{display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 14px; font-family: var(--font-display); font-size: 13.5px; color: var(--ink-700);}
.rsg-page .hero-trust-row .htr-rating, .rsg-page .hero-trust-row .htr-badge{display: inline-flex; align-items: center; gap: 8px;}
.rsg-page .hero-trust-row .htr-stars{display: inline-flex; align-items: center; gap: 1px; margin-right: 4px;}
.rsg-page .hero-trust-row .htr-stars svg{width: 14px; height: 14px;}
.rsg-page .hero-trust-row strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .hero-trust-row .htr-muted{color: var(--ink-2); font-weight: 500;}
.rsg-page .hero-trust-row .htr-badge svg{width: 16px; height: 16px; flex-shrink: 0;}
.rsg-page .hero-trust-row .htr-divider{width: 1px; height: 14px; background: var(--line);}
.rsg-page .hero-tip-callout{display: flex; align-items: flex-start; gap: 12px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--green-500); border-radius: 10px; padding: 12px 16px 12px 12px; margin-top: 12px; max-width: 580px; box-shadow: 0 4px 16px rgba(0,0,0,0.04);}
.rsg-page .hero-tip-callout .htc-icon{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: rgba(44,122,75,0.08); flex-shrink: 0;}
.rsg-page .hero-tip-callout .htc-icon svg{width: 18px; height: 18px;}
.rsg-page .hero-tip-callout p{margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--ink-900); font-family: var(--font-body);}
@media (max-width: 480px){.rsg-page .hero-trust-row{flex-direction: column; align-items: center; gap: 8px; font-size: 13px;}}
@media (max-width: 480px){.rsg-page .hero-trust-row .htr-divider{display: none;}}
@media (max-width: 480px){.rsg-page .hero-trust-row .htr-rating, .rsg-page .hero-trust-row .htr-badge{background: #FFFFFF; border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; gap: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.04);}}
@media (max-width: 480px){.rsg-page .hero-trust-row .htr-stars{gap: 1.5px; margin-right: 2px;}}
@media (max-width: 480px){.rsg-page .hero-trust-row .htr-stars svg{width: 13px; height: 13px;}}
@media (max-width: 480px){.rsg-page .hero-trust-row .htr-badge svg{width: 15px; height: 15px;}}
@media (max-width: 480px){.rsg-page .hero-tip-callout{padding: 12px 14px;}}
@media (max-width: 480px){.rsg-page .hero-tip-callout p{font-size: 13px;}}
@media (max-width: 640px){.rsg-page .hero-ctas{flex-wrap: wrap;}}
.rsg-page .hero-stage{position: relative; padding: 0;}
.rsg-page .float-card{background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; box-shadow: var(--shadow-lg); position: absolute; z-index: 2;}
.rsg-page .float-card.ping .fc-dot{width: 10px; height: 10px; border-radius: 50%; background: var(--green-500); flex-shrink: 0; box-shadow: 0 0 0 4px rgba(32,157,80,0.18); animation: pulse 2s infinite;}
.rsg-page .float-card.ping strong{display: block; font-family: var(--font-display); font-size: 12px; color: var(--ink-900); line-height: 1.3;}
.rsg-page .float-card.ping span:not(.fc-dot){display: block; font-size: 10px; color: var(--ink-500); line-height: 1.3; margin-top: 2px;}
/* KPI Dashboard */
.rsg-page .kpi-card{background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-md); position: relative; z-index: 1;}
.rsg-page .kpi-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px;}
.rsg-page .kpi-title{font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--ink-900);}
.rsg-page .kpi-badge{background: var(--green-50); color: var(--green-700); padding: 4px 10px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px;}
.rsg-page .kpi-pulse{width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); animation: pulse 2s ease-in-out infinite; display: inline-block;}
.rsg-page .kpi-stats{display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 20px;}
.rsg-page .kpi-stat{padding: 12px; background: var(--paper-soft); border-radius: 10px;}
.rsg-page .kpi-lbl{font-family: var(--font-mono); font-size: 10px; color: var(--ink-500); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; font-weight: 700;}
.rsg-page .kpi-val{font-family: var(--font-display); font-size: 26px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .kpi-delta{font-size: 11px; font-weight: 700; margin-top: 4px; font-family: var(--font-mono);}
.rsg-page .kpi-delta.up{color: var(--green-600);}
.rsg-page .kpi-delta.down{color: var(--green-600);}
.rsg-page .kpi-spark{padding-top: 8px; border-top: 1px solid var(--line-2);}
.rsg-page .kpi-spark svg{width: 100%; height: 40px;}
.rsg-page .kpi-caption{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); margin-top: 8px; font-weight: 600;}
/* ============================================================
   PLATFORM-CONTEXT HERO MOCKUP (Pattern 35 — Yelp variant, v2)
   Single backdrop card: photo fills it, phone sits in lower-left,
   stat sticker top-right, agency-partner badge top-left.
   ============================================================ */
.rsg-page .platform-hero{position: relative; width: 100%; max-width: 620px; height: 640px; margin: 0 auto;}
.rsg-page .platform-hero::before{content: ""; position: absolute; top: 30px; left: 30px; right: -10px; bottom: -10px;
  background: linear-gradient(135deg, var(--green-50) 0%, rgba(200,32,43,0.06) 100%);
  border-radius: 28px; z-index: 0;}
.rsg-page .platform-hero-photo{position: absolute; inset: 0; border-radius: 26px; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,0.20), 0 12px 36px rgba(0,0,0,0.10); z-index: 1; border: 1px solid rgba(255,255,255,0.6);}
.rsg-page .platform-hero-photo img{width: 100%; height: 100%; object-fit: cover; object-position: 35% 25%; display: block;}
.rsg-page .platform-hero-photo::after{content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 60%, rgba(20,62,37,0.42) 100%); pointer-events: none;}
.rsg-page .platform-hero-photo::before{content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 60px rgba(0,0,0,0.12); border-radius: 26px; pointer-events: none; z-index: 2;}
.rsg-page .phone-shell{position: absolute; bottom: 36px; left: -72px; width: 232px; height: 440px; background: #111; border-radius: 32px; padding: 6px; box-shadow: 0 28px 60px rgba(0,0,0,0.38), 0 10px 24px rgba(0,0,0,0.24), 0 0 0 4px rgba(255,255,255,0.85); z-index: 3;}
.rsg-page .phone-shell::after{content: ""; position: absolute; top: -14px; left: -14px; right: -14px; bottom: -14px; border-radius: 40px; background: radial-gradient(ellipse at center, rgba(32,157,80,0.18) 0%, transparent 70%); z-index: -1; pointer-events: none;}
.rsg-page .phone-notch{position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 78px; height: 18px; background: #111; border-radius: 0 0 12px 12px; z-index: 5;}
.rsg-page .phone-screen{width: 220px; height: 428px; background: #fff; border-radius: 26px; overflow: hidden; position: relative;}
.rsg-page .ph-statusbar{display: flex; justify-content: space-between; align-items: center; padding: 6px 22px 4px; font-family: system-ui, -apple-system, sans-serif; font-size: 10px; font-weight: 700; color: #1a1a1a; padding-top: 8px;}
.rsg-page .ph-yelpbar{display: flex; align-items: center; justify-content: space-between; padding: 8px 14px 10px; border-bottom: 1px solid #EEE;}
.rsg-page .ph-yelpwordmark{font-family: 'Montserrat', system-ui, sans-serif; font-weight: 800; font-size: 18px; color: #C8202B; letter-spacing: -0.02em;}
.rsg-page .ph-loc{display: inline-flex; align-items: center; gap: 4px; font-family: system-ui, sans-serif; font-size: 10.5px; color: #444; font-weight: 600;}
.rsg-page .ph-loc svg{width: 11px; height: 11px;}
.rsg-page .ph-sponsored-lbl{font-family: system-ui, sans-serif; font-size: 9.5px; font-weight: 700; color: #C8202B; letter-spacing: 0.04em; text-transform: uppercase; padding: 10px 14px 4px; display: flex; align-items: center; gap: 6px;}
.rsg-page .ph-sponsored-lbl::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background: #C8202B;}
.rsg-page .ph-listing{margin: 0 14px; padding: 12px; background: #fff; border: 1px solid #E4E4E0; border-radius: 10px; font-family: system-ui, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.rsg-page .ph-listing-top{display: flex; gap: 10px; align-items: flex-start; margin-bottom: 8px;}
.rsg-page .ph-listing-thumb{width: 52px; height: 52px; border-radius: 6px; overflow: hidden; flex-shrink: 0; background: linear-gradient(135deg, #2C7A4B 0%, #143E25 100%); position: relative; display: flex; align-items: center; justify-content: center; color: #fff;}
.rsg-page .ph-listing-thumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
.rsg-page .ph-listing-thumb .pt-icon{width: 26px; height: 26px; color: #fff;}
.rsg-page .ph-listing-info{flex: 1; min-width: 0;}
.rsg-page .ph-biz-name{display: block; font-size: 13px; font-weight: 700; color: #1a1a1a; margin-bottom: 4px; font-family: system-ui, sans-serif; line-height: 1.2;}
.rsg-page .ph-stars{display: flex; align-items: center; gap: 5px; margin-bottom: 4px;}
.rsg-page .ph-star{background: #C8202B; color: #fff; font-size: 9px; padding: 2px 4px; border-radius: 2px; letter-spacing: -0.5px; font-weight: 700; line-height: 1;}
.rsg-page .ph-reviews{font-size: 10px; color: #666; font-weight: 600;}
.rsg-page .ph-addr{display: flex; align-items: center; gap: 3px; font-size: 9.5px; color: #777;}
.rsg-page .ph-badges{display: flex; gap: 12px; padding: 6px 0; border-top: 1px solid #F0F0EC; border-bottom: 1px solid #F0F0EC; margin-bottom: 8px;}
.rsg-page .ph-badge{display: inline-flex; align-items: center; gap: 4px; font-size: 9.5px; font-weight: 700;}
.rsg-page .ph-badge.verified{color: #1E88E5;}
.rsg-page .ph-badge.guarantee{color: #C8202B;}
.rsg-page .ph-badge svg{width: 12px; height: 12px; flex-shrink: 0;}
.rsg-page .ph-quote{font-size: 10px; color: #444; line-height: 1.45; margin: 0 0 8px; font-style: italic;}
.rsg-page .ph-quote::before{content: "\201C"; color: #C8202B; font-weight: 800; margin-right: 2px;}
.rsg-page .ph-response{display: flex; align-items: center; gap: 4px; font-size: 10px; color: #1a1a1a; margin: 0 0 10px; font-weight: 600;}
.rsg-page .ph-response-dot{width: 6px; height: 6px; border-radius: 50%; background: #34C759; flex-shrink: 0; box-shadow: 0 0 0 3px rgba(52,199,89,0.18);}
.rsg-page .ph-response strong{color: #1a1a1a;}
.rsg-page .ph-cta{width: 100%; padding: 10px; background: #C8202B; color: #fff; border: 0; border-radius: 6px; font-size: 11.5px; font-weight: 700; font-family: system-ui, sans-serif; cursor: pointer; letter-spacing: 0.02em;}
.rsg-page .ph-next{margin: 12px 14px 0; padding: 10px 12px; background: #FAFAF6; border: 1px solid #EEEEE8; border-radius: 8px; opacity: 0.85;}
.rsg-page .ph-next-thumb-row{display: flex; gap: 8px; align-items: center;}
.rsg-page .ph-next-thumb{width: 32px; height: 32px; border-radius: 4px; background: #E0E0DA; flex-shrink: 0;}
.rsg-page .ph-next-lines{flex: 1;}
.rsg-page .ph-next-line{height: 6px; background: #DADAD2; border-radius: 3px; margin-bottom: 4px;}
.rsg-page .ph-next-line.short{width: 50%;}
.rsg-page .hero-stat-sticker{position: absolute; top: 64px; right: -36px; z-index: 5; background: #fff; border-radius: 16px; padding: 14px 18px; box-shadow: 0 20px 44px rgba(0,0,0,0.22), 0 4px 12px rgba(0,0,0,0.10); display: flex; align-items: center; gap: 14px; border: 1px solid var(--line);}
.rsg-page .hero-stat-sticker .hss-icon{width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 18px rgba(32,157,80,0.32);}
.rsg-page .hero-stat-sticker .hss-icon svg{width: 20px; height: 20px;}
.rsg-page .hero-stat-sticker .hss-meta{display: flex; flex-direction: column; gap: 2px;}
.rsg-page .hero-stat-sticker .hss-label{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .hero-stat-sticker .hss-value{font-family: var(--font-display); font-size: 20px; font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.01em;}
.rsg-page .hero-stat-sticker .hss-delta{font-family: var(--font-mono); font-size: 10px; color: var(--green-600); font-weight: 700; margin-top: 3px; letter-spacing: 0.04em;}
.rsg-page .hero-partner-badge{position: absolute; top: -16px; left: 50%; transform: translateX(-50%); z-index: 4; background: #fff; border-radius: 999px; padding: 9px 18px; display: inline-flex; align-items: center; gap: 9px; box-shadow: 0 10px 28px rgba(0,0,0,0.16), 0 2px 6px rgba(0,0,0,0.08); font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--ink-900); border: 1px solid var(--line); white-space: nowrap;}
.rsg-page .hero-partner-badge .hpb-yelp{color: #C8202B; font-family: 'Montserrat', sans-serif; font-weight: 800; letter-spacing: -0.02em; font-size: 14px; text-transform: lowercase;}
.rsg-page .hero-partner-badge .hpb-divider{width: 1px; height: 14px; background: var(--line);}
.rsg-page .hero-partner-badge .hpb-check{width: 15px; height: 15px; border-radius: 50%; background: var(--green-500); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 0 0 3px rgba(32,157,80,0.18);}
.rsg-page .hero-partner-badge .hpb-check svg{width: 9px; height: 9px;}
.rsg-page .hero-floating-ping{position: absolute; bottom: 28px; right: 24px; z-index: 4; background: #fff; border-radius: 14px; padding: 12px 16px; box-shadow: 0 16px 36px rgba(0,0,0,0.22), 0 3px 10px rgba(0,0,0,0.10); display: flex; align-items: center; gap: 12px; max-width: 220px; border: 1px solid rgba(255,255,255,0.7);}
.rsg-page .hero-floating-ping .hfp-dot{width: 10px; height: 10px; border-radius: 50%; background: var(--green-500); flex-shrink: 0; box-shadow: 0 0 0 4px rgba(32,157,80,0.22); animation: pulse 2s infinite;}
.rsg-page .hero-floating-ping strong{display: block; font-family: var(--font-display); font-size: 13px; color: var(--ink-900); line-height: 1.3; font-weight: 700;}
.rsg-page .hero-floating-ping span:not(.hfp-dot){display: block; font-size: 10.5px; color: var(--ink-500); line-height: 1.35; margin-top: 3px;}
/* Mid-right secondary sticker — Yelp Premium Partner badge for visual balance */
.rsg-page .hero-cpl-card{position: absolute; top: 50%; right: -28px; transform: translateY(-50%); z-index: 4; background: var(--dark-grad); color: #fff; border-radius: 16px; padding: 14px 18px 14px 14px; box-shadow: 0 18px 38px rgba(0,0,0,0.24), 0 4px 10px rgba(0,0,0,0.12); display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,0.06);}
.rsg-page .hero-cpl-card .hcc-icon{width: 38px; height: 38px; border-radius: 10px; background: rgba(32,157,80,0.18); color: var(--green-500); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .hero-cpl-card .hcc-icon svg{width: 18px; height: 18px;}
.rsg-page .hero-cpl-card .hcc-meta{display: flex; flex-direction: column; gap: 2px; min-width: 80px;}
.rsg-page .hero-cpl-card .hcc-label{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 700;}
.rsg-page .hero-cpl-card .hcc-value{font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--green-500); line-height: 1; letter-spacing: -0.01em;}
.rsg-page .hero-cpl-card .hcc-delta{font-family: var(--font-mono); font-size: 9.5px; color: rgba(255,255,255,0.7); margin-top: 3px; letter-spacing: 0.04em;}
/* ============================================================
   REASON STACK (alternating-row layout, May 2026)
   Adapted from LSA page. Each row has text + custom visualization.
   ============================================================ */
.rsg-page .reason-stack{display: grid; gap: 18px;}
.rsg-page .reason-row{display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px 32px; position: relative; overflow: hidden; box-shadow: var(--shadow-md);}
.rsg-page .reason-row.flip{grid-template-columns: 1fr 1.05fr;}
.rsg-page .reason-row.flip .rr-text{order: 2;}
.rsg-page .reason-row.flip .rr-viz{order: 1;}
.rsg-page .reason-row .rr-num{position: absolute; top: 6px; right: 22px; font-family: var(--font-display); font-size: 96px; font-weight: 800; color: var(--ink-900); opacity: 0.05; line-height: 1; pointer-events: none;}
.rsg-page .reason-row.flip .rr-num{right: auto; left: 28px;}
.rsg-page .reason-row .rr-tag{display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; background: var(--green-50); color: var(--green-700); border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; margin-bottom: 12px;}
.rsg-page .reason-row .rr-tag::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500);}
.rsg-page .reason-row h3{font-size: 21px; margin-bottom: 10px; line-height: 1.25;}
.rsg-page .reason-row p{font-size: 14px; margin-bottom: 12px; line-height: 1.55;}
.rsg-page .reason-row .rr-quote{background: var(--paper-soft); border-left: 3px solid var(--green-500); padding: 10px 14px; border-radius: 0 8px 8px 0; font-family: var(--font-display); font-style: italic; font-size: 13px; color: var(--ink-700); margin: 0; line-height: 1.45;}
.rsg-page .reason-row .rr-viz{position: relative; min-height: 200px;}
/* VIZ 1 — Yelp comparison stack (Reason 01) */
.rsg-page .viz-compare{position: relative; min-height: 200px; display: flex; align-items: center; justify-content: center; padding: 4px;}
.rsg-page .viz-compare .vc-stack{display: grid; gap: 10px; width: 100%; max-width: 320px;}
.rsg-page .viz-compare .vc-card{background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; box-shadow: 0 4px 12px rgba(0,0,0,0.04); transition: transform .2s;}
.rsg-page .viz-compare .vc-card.featured{border: 2px solid var(--green-500); box-shadow: 0 12px 28px rgba(32,157,80,0.18); transform: scale(1.04); position: relative;}
.rsg-page .viz-compare .vc-card.featured::after{content: "1st to reply"; position: absolute; top: -10px; right: 10px; background: var(--green-500); color: #fff; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; padding: 3px 8px; border-radius: 999px;}
.rsg-page .viz-compare .vc-logo{width: 40px; height: 40px; border-radius: 8px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); display: flex; align-items: center; justify-content: center; color: #fff;}
.rsg-page .viz-compare .vc-logo svg{width: 20px; height: 20px;}
.rsg-page .viz-compare .vc-card.muted .vc-logo{background: linear-gradient(135deg, #B6B6B6, #8B8B8B);}
.rsg-page .viz-compare .vc-name{display: block; font-family: var(--font-display); font-size: 13px; font-weight: 700; color: var(--ink-900); line-height: 1.2;}
.rsg-page .viz-compare .vc-meta{display: block; font-family: var(--font-mono); font-size: 10px; color: var(--ink-500); margin-top: 3px;}
.rsg-page .viz-compare .vc-stars{color: #C8202B; font-size: 11px; letter-spacing: 0;}
.rsg-page .viz-compare .vc-caption{margin-top: 14px; text-align: center; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px;}
.rsg-page .viz-compare .vc-caption .vcc-dot{width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 3px rgba(32,157,80,0.18); animation: pulse 2s infinite;}
/* VIZ 2 — CPL bar comparison (Reason 02) */
.rsg-page .viz-cpl{padding: 8px 4px;}
.rsg-page .viz-cpl .vcpl-row{display: grid; grid-template-columns: 90px 1fr; gap: 14px; align-items: center; margin-bottom: 16px;}
.rsg-page .viz-cpl .vcpl-label{font-family: var(--font-display); font-size: 13px; font-weight: 700; color: var(--ink-900);}
.rsg-page .viz-cpl .vcpl-label small{display: block; font-family: var(--font-mono); font-size: 9px; font-weight: 600; color: var(--ink-500); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 2px;}
.rsg-page .viz-cpl .vcpl-bar{height: 40px; border-radius: 8px; position: relative; overflow: hidden; background: var(--paper-soft);}
.rsg-page .viz-cpl .vcpl-fill{position: absolute; top: 0; bottom: 0; left: 0; border-radius: 8px; display: flex; align-items: center; padding: 0 14px; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em;}
.rsg-page .viz-cpl .vcpl-fill.yelp{width: 40%; background: linear-gradient(90deg, var(--green-500), var(--green-700)); box-shadow: 0 4px 12px rgba(32,157,80,0.28);}
.rsg-page .viz-cpl .vcpl-fill.ppc{width: 78%; background: linear-gradient(90deg, var(--red), #9F1219); box-shadow: 0 4px 12px rgba(200,32,43,0.24);}
.rsg-page .viz-cpl .vcpl-fill.ppc::after{content: "Up to 2x more"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.08em; opacity: 0.9; text-transform: uppercase;}
.rsg-page .viz-cpl .vcpl-axis{display: flex; justify-content: space-between; padding: 0 0 0 104px; font-family: var(--font-mono); font-size: 9.5px; color: var(--ink-500); font-weight: 600; margin-top: 8px;}
.rsg-page .viz-cpl .vcpl-axis span:nth-child(odd){opacity: 0.6;}
.rsg-page .viz-cpl .vcpl-caption{text-align: center; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 18px; padding-top: 14px; border-top: 1px dashed var(--line);}
/* VIZ 3 — Parallel pipeline (Reason 03) */
.rsg-page .viz-pipes{position: relative; padding: 4px 0; min-height: 200px; display: flex; align-items: center; justify-content: center;}
.rsg-page .viz-pipes .vp-stage{display: grid; grid-template-columns: 1fr 1fr; gap: 22px; width: 100%; max-width: 360px;}
.rsg-page .viz-pipes .vp-col{background: #fff; border-radius: 12px; padding: 12px 12px; position: relative; border: 1px solid var(--line); min-height: 180px; display: flex; flex-direction: column;}
.rsg-page .viz-pipes .vp-col.google{background: linear-gradient(180deg, #fff, #FBE9EA); border-color: rgba(200,32,43,0.25);}
.rsg-page .viz-pipes .vp-col.yelp{background: linear-gradient(180deg, #fff, var(--green-50)); border-color: rgba(32,122,75,0.3);}
.rsg-page .viz-pipes .vp-head{display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px dashed var(--line); margin-bottom: 10px;}
.rsg-page .viz-pipes .vp-head strong{font-family: var(--font-display); font-size: 12px; font-weight: 800; color: var(--ink-900); letter-spacing: 0.02em;}
.rsg-page .viz-pipes .vp-status{font-family: var(--font-mono); font-size: 8.5px; font-weight: 700; letter-spacing: 0.08em; padding: 3px 7px; border-radius: 4px; text-transform: uppercase;}
.rsg-page .viz-pipes .vp-status.warn{background: rgba(200,32,43,0.12); color: var(--red);}
.rsg-page .viz-pipes .vp-status.ok{background: var(--green-50); color: var(--green-700);}
.rsg-page .viz-pipes .vp-pipe{flex: 1; display: flex; flex-direction: column; gap: 4px; align-items: center; padding: 8px 0;}
.rsg-page .viz-pipes .vp-drop{width: 16px; height: 16px; border-radius: 50%;}
.rsg-page .viz-pipes .vp-drop.green{background: var(--green-500); box-shadow: 0 0 0 3px rgba(32,157,80,0.18);}
.rsg-page .viz-pipes .vp-drop.red{background: var(--red); opacity: 0.6;}
.rsg-page .viz-pipes .vp-drop.gray{background: #BBB; opacity: 0.5;}
.rsg-page .viz-pipes .vp-arrow{color: var(--ink-500); font-size: 14px; line-height: 1; opacity: 0.5;}
.rsg-page .viz-pipes .vp-zigzag{font-family: var(--font-mono); font-size: 9px; color: var(--red); font-weight: 700; letter-spacing: 0.08em; margin: 4px 0; text-transform: uppercase;}
.rsg-page .viz-pipes .vp-bottom{padding: 8px 10px; background: var(--ink-900); color: #fff; border-radius: 8px; text-align: center; font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 8px;}
.rsg-page .viz-pipes .vp-bottom.yelp{background: var(--green-700);}
/* VIZ 4 — Speed vs Budget gauge (Reason 04) */
.rsg-page .viz-speed{position: relative; min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 8px;}
.rsg-page .viz-speed .vs-gauge{width: 200px; height: 130px; position: relative; padding-bottom: 18px;}
.rsg-page .viz-speed .vs-gauge svg{width: 100%; height: 100%;}
.rsg-page .viz-speed .vs-num{position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); text-align: center;}
.rsg-page .viz-speed .vs-num strong{display: block; font-family: var(--font-display); font-size: 26px; font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.02em;}
.rsg-page .viz-speed .vs-num span{display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-700); margin-top: 4px; font-weight: 700;}
.rsg-page .viz-speed .vs-scale{position: absolute; bottom: 2px; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 6px; font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .viz-speed .vs-versus{display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; width: 100%; max-width: 320px; margin-top: 4px;}
.rsg-page .viz-speed .vs-pill{padding: 10px 12px; border-radius: 10px; text-align: center; background: #fff; border: 1px solid var(--line);}
.rsg-page .viz-speed .vs-pill.win{background: var(--green-50); border-color: rgba(32,157,80,0.3);}
.rsg-page .viz-speed .vs-pill.lose{background: var(--paper-soft); opacity: 0.7;}
.rsg-page .viz-speed .vs-pill strong{display: block; font-family: var(--font-display); font-size: 13px; font-weight: 800; color: var(--ink-900); line-height: 1.2;}
.rsg-page .viz-speed .vs-pill.win strong{color: var(--green-700);}
.rsg-page .viz-speed .vs-pill.lose strong{text-decoration: line-through; text-decoration-color: var(--ink-500);}
.rsg-page .viz-speed .vs-pill span{display: block; font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 3px;}
.rsg-page .viz-speed .vs-vs{font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--ink-700); letter-spacing: 0.04em;}
@media (max-width: 1024px){.rsg-page .reason-row, .rsg-page .reason-row.flip{grid-template-columns: 1fr; gap: 32px; padding: 32px 28px;}}
@media (max-width: 1024px){.rsg-page .reason-row.flip .rr-text, .rsg-page .reason-row.flip .rr-viz{order: initial;}}
@media (max-width: 1024px){.rsg-page .reason-row .rr-num{font-size: 88px;}}
/* ============================================================
   LOGO MARQUEE (Pattern 16)
   ============================================================ */
.rsg-page .logo-marquee{overflow: hidden; padding: 40px 0; background: #fff; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); position: relative;}
.rsg-page .logo-marquee::before, .rsg-page .logo-marquee::after{content: ""; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;}
.rsg-page .logo-marquee::before{left: 0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);}
.rsg-page .logo-marquee::after{right: 0; background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);}
.rsg-page .lm-track{display: flex; width: max-content; animation: marqueeScroll 70s linear infinite;}
.rsg-page .lm-set{display: flex; gap: 56px; padding-right: 56px; align-items: center;}
.rsg-page .lm-logo{height: 56px; width: auto; max-width: 160px; object-fit: contain; opacity: 0.75; filter: grayscale(0.15); transition: opacity .25s, filter .25s, transform .25s; flex-shrink: 0;}
.rsg-page .lm-logo:hover{opacity: 1; filter: none; transform: scale(1.05);}
/* ============================================================
   CAMPAIGN OVERVIEW STATS
   ============================================================ */
.rsg-page .stat-row{display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap);}
.rsg-page .stat-tile{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--card-pad); position: relative; overflow: hidden; min-height: 130px;}
.rsg-page .stat-tile .bg-num{position: absolute; top: 8px; right: 18px; font-family: var(--font-display); font-size: 72px; font-weight: 800; color: var(--ink-900); opacity: 0.04; line-height: 1;}
.rsg-page .stat-tile .st-label{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-bottom: 8px;}
.rsg-page .stat-tile .st-value{font-family: var(--font-display); font-size: 32px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .stat-tile .st-delta{display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-mono); font-size: 11px; color: var(--green-700); font-weight: 700; margin-top: 8px; padding: 3px 8px; background: var(--green-50); border-radius: 6px;}
/* ============================================================
   REASON / FEATURE CARDS (Why HVAC owners add Yelp to the mix)
   ============================================================ */
.rsg-page .reason-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--grid-gap);}
.rsg-page .reason-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--card-pad-lg); position: relative; overflow: hidden;}
.rsg-page .reason-card .rc-bg-num{position: absolute; top: 8px; right: 20px; font-family: var(--font-display); font-size: 96px; font-weight: 800; color: var(--ink-900); opacity: 0.045; line-height: 1; pointer-events: none;}
.rsg-page .reason-card > *{position: relative; z-index: 1;}
.rsg-page .reason-card .rc-num{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-700); font-weight: 700; margin-bottom: 14px; display: inline-block; padding: 4px 10px; background: var(--green-50); border-radius: 999px;}
.rsg-page .reason-card h3{font-size: 20px; margin-bottom: 12px;}
.rsg-page .reason-card p{font-size: 14px;}
/* Speed-to-live section redesign */
.rsg-page .speed-hero{display: grid; grid-template-columns: auto 1fr; gap: 32px; align-items: center; padding: 28px 36px; margin: 0 0 36px; background: linear-gradient(135deg, #fff, var(--paper-soft)); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 4px 16px rgba(0,0,0,0.04);}
.rsg-page .speed-hero .sh-num{font-family: var(--font-display); font-size: clamp(48px, 5vw, 64px); font-weight: 800; color: var(--ink-900); letter-spacing: -0.03em; line-height: 0.95;}
.rsg-page .speed-hero .sh-num em{color: var(--green-700); font-style: normal;}
.rsg-page .speed-hero .sh-num-lbl{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 6px;}
.rsg-page .speed-hero .sh-bars{display: flex; flex-direction: column; gap: 10px; min-width: 0;}
.rsg-page .speed-hero .sh-bar{display: grid; grid-template-columns: 100px 1fr 90px; align-items: center; gap: 12px;}
.rsg-page .speed-hero .sh-bar .sh-bar-lbl{font-family: var(--font-display); font-size: 12.5px; font-weight: 700; color: var(--ink-900);}
.rsg-page .speed-hero .sh-bar .sh-bar-val{font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.10em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; text-align: right;}
.rsg-page .speed-hero .sh-bar .sh-bar-track{height: 8px; background: var(--paper-soft); border-radius: 999px; overflow: hidden; position: relative; border: 1px solid var(--line-2);}
.rsg-page .speed-hero .sh-bar .sh-bar-fill{height: 100%; border-radius: 999px;}
.rsg-page .speed-hero .sh-bar.featured .sh-bar-fill{background: linear-gradient(90deg, var(--green-500), #6EE7B7); width: 12%;}
.rsg-page .speed-hero .sh-bar.featured .sh-bar-lbl{color: var(--green-700);}
.rsg-page .speed-hero .sh-bar.featured .sh-bar-val{color: var(--green-700);}
.rsg-page .speed-hero .sh-bar.meta .sh-bar-fill{background: linear-gradient(90deg, #F87171, #EF4444); width: 55%;}
.rsg-page .speed-hero .sh-bar.lsa .sh-bar-fill{background: linear-gradient(90deg, #F59E0B, #FBBF24); width: 100%;}
.rsg-page .speed-hero .sh-bar.ppc .sh-bar-fill{background: linear-gradient(90deg, #60A5FA, #3B82F6); width: 65%;}
/* Friction-removed cards (replaces No.01-No.04) */
.rsg-page .friction-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px;}
.rsg-page .friction-card{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px 28px 24px; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .friction-card:hover{transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,0.07);}
.rsg-page .friction-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; opacity: 0.95;}
.rsg-page .friction-card.f-red::before{background: linear-gradient(90deg, #F87171, #FCA5A5);}
.rsg-page .friction-card.f-amber::before{background: linear-gradient(90deg, #F59E0B, #FBBF24);}
.rsg-page .friction-card.f-blue::before{background: linear-gradient(90deg, #3B82F6, #60A5FA);}
.rsg-page .friction-card.f-green::before{background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .friction-card .fc-head{display: flex; align-items: center; gap: 14px; margin-bottom: 14px;}
.rsg-page .friction-card .fc-icon{width: 52px; height: 52px; border-radius: 14px; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative;}
.rsg-page .friction-card .fc-icon svg{width: 26px; height: 26px;}
.rsg-page .friction-card.f-red .fc-icon{background: linear-gradient(135deg, #F87171, #EF4444); box-shadow: 0 10px 24px rgba(239,68,68,0.28);}
.rsg-page .friction-card.f-amber .fc-icon{background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 10px 24px rgba(245,158,11,0.28);}
.rsg-page .friction-card.f-blue .fc-icon{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 10px 24px rgba(59,130,246,0.28);}
.rsg-page .friction-card.f-green .fc-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 10px 24px rgba(32,157,80,0.28);}
.rsg-page .friction-card .fc-tag{display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 800; padding: 4px 10px; border-radius: 999px;}
.rsg-page .friction-card.f-red .fc-tag{background: rgba(239,68,68,0.10); color: #B91C1C;}
.rsg-page .friction-card.f-amber .fc-tag{background: rgba(245,158,11,0.12); color: #B45309;}
.rsg-page .friction-card.f-blue .fc-tag{background: rgba(59,130,246,0.10); color: #1D4ED8;}
.rsg-page .friction-card.f-green .fc-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .friction-card.f-green .fc-tag::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 6px var(--green-500);}
.rsg-page .friction-card h3{font-family: var(--font-display); font-size: 19px; font-weight: 800; color: var(--ink-900); margin: 0 0 8px; letter-spacing: -0.005em; line-height: 1.3;}
.rsg-page .friction-card p{margin: 0; font-size: 14px; line-height: 1.6; color: var(--ink-2);}
/* AI Search Visibility section redesign */
.rsg-page .ai-tools-strip{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 28px; padding: 16px 20px; background: linear-gradient(135deg, #fff, var(--paper-soft)); border: 1px solid var(--line); border-radius: 14px;}
.rsg-page .ai-tools-strip .ats-lbl{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-700); font-weight: 700; margin-right: 4px;}
.rsg-page .ai-tools-strip .ats-chip{display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 7px; background: #fff; border: 1px solid var(--line); border-radius: 999px; font-family: var(--font-display); font-size: 12.5px; font-weight: 700; color: var(--ink-900); transition: border-color .2s, transform .2s;}
.rsg-page .ai-tools-strip .ats-chip:hover{transform: translateY(-1px);}
.rsg-page .ai-tools-strip .ats-chip .ats-dot{width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.10);}
.rsg-page .ai-tools-strip .ats-chip.openai .ats-dot{background: #10A37F;}
.rsg-page .ai-tools-strip .ats-chip.gemini .ats-dot{background: linear-gradient(135deg, #4285F4, #9333EA);}
.rsg-page .ai-tools-strip .ats-chip.perplexity .ats-dot{background: #20B8CD;}
.rsg-page .ai-tools-strip .ats-chip.claude .ats-dot{background: #D97757;}
/* AI insight cards (replaces simple bulleted list) */
.rsg-page .ai-insights{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 32px;}
.rsg-page .ai-insight{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px 26px 22px; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; display: flex; flex-direction: column; gap: 14px;}
.rsg-page .ai-insight:hover{transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,0.07);}
.rsg-page .ai-insight::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;}
.rsg-page .ai-insight.i-blue::before{background: linear-gradient(90deg, #3B82F6, #60A5FA);}
.rsg-page .ai-insight.i-red::before{background: linear-gradient(90deg, #F87171, #FCA5A5);}
.rsg-page .ai-insight.i-green::before{background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .ai-insight .ai-icon{width: 48px; height: 48px; border-radius: 13px; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .ai-insight .ai-icon svg{width: 24px; height: 24px;}
.rsg-page .ai-insight.i-blue .ai-icon{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 10px 24px rgba(59,130,246,0.28);}
.rsg-page .ai-insight.i-red .ai-icon{background: linear-gradient(135deg, #F87171, #EF4444); box-shadow: 0 10px 24px rgba(239,68,68,0.28);}
.rsg-page .ai-insight.i-green .ai-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 10px 24px rgba(32,157,80,0.28);}
.rsg-page .ai-insight .ai-headline{font-family: var(--font-display); font-size: 16.5px; font-weight: 800; color: var(--ink-900); line-height: 1.35; margin: 0; letter-spacing: -0.005em;}
.rsg-page .ai-insight p{margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-2);}
.rsg-page .ai-profile-chips{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px;}
.rsg-page .ai-profile-chips .apc{background: var(--paper-soft); border: 1px solid var(--line-2); padding: 3px 9px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; font-weight: 700; color: var(--ink-700);}
/* AI dashboard frame (Google search screenshot) */
.rsg-page .ai-dashboard{position: relative; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,0.08), 0 0 0 1px var(--line); margin: 24px 0 32px;}
.rsg-page .ai-dashboard-bar{display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: #F8FAFC; border-bottom: 1px solid #E2E8F0;}
.rsg-page .ai-dashboard-bar .ad-dots{display: flex; gap: 6px;}
.rsg-page .ai-dashboard-bar .ad-dots span{width: 10px; height: 10px; border-radius: 50%;}
.rsg-page .ai-dashboard-bar .ad-dots .d1{background: #FF5F56;}
.rsg-page .ai-dashboard-bar .ad-dots .d2{background: #FFBD2E;}
.rsg-page .ai-dashboard-bar .ad-dots .d3{background: #27C93F;}
.rsg-page .ai-dashboard-bar .ad-label{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #64748B; font-weight: 700;}
.rsg-page .ai-dashboard-bar .ad-query{display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: #1D4ED8; font-weight: 700;}
.rsg-page .ai-dashboard-bar .ad-query::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: #1D4ED8;}
.rsg-page .ai-dashboard img{display: block; width: 100%; height: auto;}
/* heading line helper: forces a break at the phrase boundary on desktop, flows naturally on mobile (no stray <br>) */
.rsg-page .hd-ln{display: block;}
@media (max-width: 600px){.rsg-page .hd-ln{display: inline;}}
@media (max-width: 600px){.rsg-page .ai-dashboard-bar{padding: 10px 12px; gap: 10px;}}
@media (max-width: 600px){.rsg-page .ai-dashboard-bar .ad-dots{flex-shrink: 0;}}
@media (max-width: 600px){.rsg-page .ai-dashboard-bar .ad-dots span{width: 8px; height: 8px;}}
@media (max-width: 600px){.rsg-page .ai-dashboard-bar .ad-label{font-size: 8px; letter-spacing: 0.06em; white-space: nowrap; flex-shrink: 0;}}
@media (max-width: 600px){.rsg-page .ai-dashboard-bar .ad-query{font-size: 7.5px; letter-spacing: 0.04em; gap: 5px; white-space: nowrap; overflow: hidden; min-width: 0;}}
@media (max-width: 600px){.rsg-page .ai-dashboard-bar .ad-query::before{flex-shrink: 0;}}
@media (max-width: 460px){/* on the smallest phones the right-hand query crowds the label &mdash; drop it, keep the labelled chrome */
  .rsg-page .ai-dashboard-bar .ad-query{display: none;}}
/* Truth About Reviews section redesign */
.rsg-page .rating-compare{display: grid; grid-template-columns: 1fr 140px 1fr; gap: 18px; align-items: stretch; margin: 0 0 32px;}
.rsg-page .rc-card{padding: 26px 28px; border-radius: 18px; border: 1px solid var(--line); background: #fff; display: flex; flex-direction: column; gap: 12px; position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s; box-shadow: 0 6px 18px rgba(0,0,0,0.04);}
.rsg-page .rc-card:hover{transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,0.08);}
.rsg-page .rc-card .rc-label{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .rc-card.rc-yelp .rc-label{color: var(--green-700);}
.rsg-page .rc-card.rc-google .rc-label{color: var(--green-700);}
.rsg-page .rc-card .rc-rating{font-family: var(--font-display); font-size: clamp(36px, 4vw, 52px); font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.02em; display: flex; align-items: baseline; gap: 6px;}
.rsg-page .rc-card .rc-rating .rc-stars{color: #FBBF24; font-size: 0.7em;}
.rsg-page .rc-card.rc-yelp .rc-rating{background: linear-gradient(135deg, var(--green-700), var(--green-500)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.rsg-page .rc-card .rc-desc{font-size: 13px; line-height: 1.55; color: var(--ink-2); margin-top: 4px;}
.rsg-page .rc-card .rc-desc strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .rc-vs{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px;}
.rsg-page .rc-vs .rc-vs-circle{width: 48px; height: 48px; border-radius: 50%; background: var(--ink-900); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 13px; letter-spacing: 0.05em; box-shadow: 0 10px 24px rgba(0,0,0,0.20);}
.rsg-page .rc-vs .rc-vs-line{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; white-space: nowrap;}
.rsg-page .rc-card.rc-yelp{background: linear-gradient(135deg, #fff 60%, rgba(32,157,80,0.06)); border-color: rgba(32,157,80,0.20);}
.rsg-page .rc-card.rc-yelp::after{content: ''; position: absolute; top: -80px; right: -80px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.10), transparent 70%); pointer-events: none;}
.rsg-page .rc-card.rc-google::after{content: ''; position: absolute; top: -80px; right: -80px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.03), transparent 70%); pointer-events: none;}
.rsg-page .rc-card .rc-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; position: relative; z-index: 1;}
.rsg-page .rc-card .rc-logo{width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0,0,0,0.12); position: relative; flex-shrink: 0;}
.rsg-page .rc-card .rc-logo svg, .rsg-page .rc-card .rc-logo img{display: block; width: 100%; height: 100%; object-fit: contain;}
.rsg-page .rc-card.rc-google .rc-logo{background: #fff; border: 1px solid var(--line); padding: 7px; box-shadow: 0 8px 20px rgba(66,133,244,0.18);}
.rsg-page .rc-card.rc-yelp .rc-logo{background: #fff; border: 1px solid var(--line); padding: 7px; box-shadow: 0 8px 20px rgba(199,0,0,0.28);}
.rsg-page .rc-card .rc-stat{display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; position: relative; z-index: 1;}
.rsg-page .rc-card .rc-stars-bar{position: relative; font-size: 22px; line-height: 1; letter-spacing: 3px; flex-shrink: 0;}
.rsg-page .rc-card .rc-stars-bar .stars-bg{color: #E5E7EB;}
.rsg-page .rc-card .rc-stars-bar .stars-fg{position: absolute; top: 0; left: 0; overflow: hidden; color: #FBBF24; white-space: nowrap;}
/* Rating + Filter explainer block */
.rsg-page .reviews-grid-v2{display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; margin-bottom: 36px;}
.rsg-page .reviews-grid-v2 .rg-dist{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); position: relative; overflow: hidden;}
.rsg-page .reviews-grid-v2 .rg-dist img{display: block; width: 100%; height: auto; border-radius: 10px;}
.rsg-page .reviews-grid-v2 .rg-explain{padding-left: 8px;}
.rsg-page .reviews-grid-v2 .rg-explain .rg-tag{display: inline-flex; align-items: center; gap: 8px; background: rgba(32,157,80,0.10); color: var(--green-700); padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; margin-bottom: 12px;}
.rsg-page .reviews-grid-v2 .rg-explain h3{font-family: var(--font-display); font-size: clamp(20px, 2vw, 24px); font-weight: 800; color: var(--ink-900); margin: 0 0 10px; line-height: 1.3; letter-spacing: -0.005em;}
.rsg-page .reviews-grid-v2 .rg-explain p{margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-2);}
/* Yelp filtering screenshot dashboard frame */
.rsg-page .yelp-filter-frame{position: relative; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,0.08), 0 0 0 1px var(--line); margin: 0 0 32px;}
.rsg-page .yelp-filter-frame .yff-bar{display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: #F8FAFC; border-bottom: 1px solid #E2E8F0;}
.rsg-page .yelp-filter-frame .yff-dots{display: flex; gap: 6px;}
.rsg-page .yelp-filter-frame .yff-dots span{width: 10px; height: 10px; border-radius: 50%;}
.rsg-page .yelp-filter-frame .yff-dots .d1{background: #FF5F56;}
.rsg-page .yelp-filter-frame .yff-dots .d2{background: #FFBD2E;}
.rsg-page .yelp-filter-frame .yff-dots .d3{background: #27C93F;}
.rsg-page .yelp-filter-frame .yff-label{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #64748B; font-weight: 700;}
.rsg-page .yelp-filter-frame .yff-source{display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: #DC2626; font-weight: 700;}
.rsg-page .yelp-filter-frame .yff-source::before{content: ''; width: 16px; height: 16px; border-radius: 4px; background: #DC2626; display: inline-flex; align-items: center; justify-content: center;}
.rsg-page .yelp-filter-frame img{display: block; width: 100%; height: auto;}
/* Reviews insight cards (replaces bulleted list) */
.rsg-page .reviews-insights{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 32px;}
.rsg-page .ri-card{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 26px 26px 22px; overflow: hidden; transition: transform .25s, box-shadow .25s; display: flex; flex-direction: column; gap: 14px;}
.rsg-page .ri-card:hover{transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,0.07);}
.rsg-page .ri-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;}
.rsg-page .ri-card.ri-blue::before{background: linear-gradient(90deg, #3B82F6, #60A5FA);}
.rsg-page .ri-card.ri-amber::before{background: linear-gradient(90deg, #F59E0B, #FBBF24);}
.rsg-page .ri-card.ri-green::before{background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .ri-card .ri-icon{width: 48px; height: 48px; border-radius: 13px; color: #fff; display: flex; align-items: center; justify-content: center;}
.rsg-page .ri-card .ri-icon svg{width: 24px; height: 24px;}
.rsg-page .ri-card.ri-blue .ri-icon{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 10px 24px rgba(59,130,246,0.28);}
.rsg-page .ri-card.ri-amber .ri-icon{background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 10px 24px rgba(245,158,11,0.28);}
.rsg-page .ri-card.ri-green .ri-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 10px 24px rgba(32,157,80,0.28);}
.rsg-page .ri-card .ri-headline{font-family: var(--font-display); font-size: 16.5px; font-weight: 800; color: var(--ink-900); line-height: 1.35; margin: 0; letter-spacing: -0.005em;}
.rsg-page .ri-card p{margin: 0; font-size: 13.5px; line-height: 1.65; color: var(--ink-2);}
/* Why Choose Us section redesign */
.rsg-page .choose-stats-strip{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 36px;}
.rsg-page .css-tile{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; overflow: hidden; transition: transform .25s, box-shadow .25s;}
.rsg-page .css-tile:hover{transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,0,0,0.05);}
.rsg-page .css-tile .css-icon{width: 32px; height: 32px; border-radius: 9px; background: var(--green-50); color: var(--green-700); display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.rsg-page .css-tile .css-icon svg{width: 16px; height: 16px;}
.rsg-page .css-tile .css-num{font-family: var(--font-display); font-size: clamp(24px, 2.4vw, 30px); font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.02em;}
.rsg-page .css-tile .css-lbl{display: block; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 6px;}
/* Differentiator cards */
.rsg-page .diff-cards{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 40px;}
.rsg-page .diff-card{position: relative; border-radius: 20px; padding: 30px 32px; overflow: hidden; transition: transform .25s, box-shadow .25s;}
.rsg-page .diff-card:hover{transform: translateY(-3px);}
.rsg-page .diff-card.dc-light{background: #fff; border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(0,0,0,0.04);}
.rsg-page .diff-card.dc-dark{background: var(--dark-grad); color: #fff; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 16px 40px rgba(0,0,0,0.20);}
.rsg-page .diff-card.dc-dark::before{content: ''; position: absolute; top: -100px; right: -100px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.20), transparent 65%); pointer-events: none;}
.rsg-page .diff-card.dc-light::before{content: ''; position: absolute; top: -80px; right: -80px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.06), transparent 70%); pointer-events: none;}
.rsg-page .diff-card .dc-head{display: flex; align-items: center; gap: 14px; margin-bottom: 14px; position: relative; z-index: 1;}
.rsg-page .diff-card .dc-icon{width: 46px; height: 46px; border-radius: 13px; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0;}
.rsg-page .diff-card .dc-icon svg{width: 22px; height: 22px;}
.rsg-page .diff-card.dc-light .dc-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 10px 24px rgba(32,157,80,0.28);}
.rsg-page .diff-card.dc-dark .dc-icon{background: linear-gradient(135deg, #FF1A1A, #C70000); box-shadow: 0 10px 24px rgba(199,0,0,0.30);}
.rsg-page .diff-card .dc-tag{display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;}
.rsg-page .diff-card.dc-light .dc-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .diff-card.dc-dark .dc-tag{background: rgba(32,157,80,0.20); color: var(--green-500); border: 1px solid rgba(32,157,80,0.30);}
.rsg-page .diff-card .dc-title{font-family: var(--font-display); font-size: clamp(20px, 2vw, 24px); font-weight: 800; line-height: 1.25; margin: 0 0 14px; letter-spacing: -0.01em; position: relative; z-index: 1;}
.rsg-page .diff-card.dc-light .dc-title{color: var(--ink-900);}
.rsg-page .diff-card.dc-dark .dc-title{color: #fff;}
.rsg-page .diff-card .dc-lead{font-size: 14px; line-height: 1.65; margin: 0 0 18px; position: relative; z-index: 1;}
.rsg-page .diff-card.dc-light .dc-lead{color: var(--ink-2);}
.rsg-page .diff-card.dc-dark .dc-lead{color: rgba(255,255,255,0.78);}
.rsg-page .diff-card .dc-checks{display: flex; flex-direction: column; gap: 12px; list-style: none; padding: 0; margin: 0; position: relative; z-index: 1;}
.rsg-page .diff-card .dc-checks li{display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: flex-start; font-size: 13.5px; line-height: 1.55;}
.rsg-page .diff-card.dc-light .dc-checks li{color: var(--ink-2);}
.rsg-page .diff-card.dc-dark .dc-checks li{color: rgba(255,255,255,0.85);}
.rsg-page .diff-card .dc-checks .check{width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px;}
.rsg-page .diff-card.dc-light .dc-checks .check{background: var(--green-50); color: var(--green-700);}
.rsg-page .diff-card.dc-dark .dc-checks .check{background: rgba(32,157,80,0.20); color: var(--green-500);}
.rsg-page .diff-card .dc-checks .check svg{width: 12px; height: 12px; stroke-width: 3;}
.rsg-page .diff-card .dc-checks li strong{color: inherit; font-weight: 700;}
.rsg-page .diff-card.dc-light .dc-checks li strong{color: var(--ink-900);}
.rsg-page .diff-card.dc-dark .dc-checks li strong{color: #fff;}
/* Yelp-vs-Google scale comparison callout */
.rsg-page .scale-callout{position: relative; background: var(--dark-grad); color: #fff; border-radius: 22px; padding: 36px 40px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.30); margin: 0 0 32px;}
.rsg-page .scale-callout::before{content: ''; position: absolute; top: -120px; right: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.18), transparent 65%); pointer-events: none;}
.rsg-page .scale-callout::after{content: ''; position: absolute; bottom: -100px; left: -100px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.08), transparent 65%); pointer-events: none;}
.rsg-page .scale-callout .sc-head{display: flex; align-items: center; gap: 14px; margin-bottom: 24px; position: relative; z-index: 1;}
.rsg-page .scale-callout .sc-tag{display: inline-flex; align-items: center; gap: 8px; background: rgba(32,157,80,0.18); color: var(--green-500); padding: 6px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; border: 1px solid rgba(32,157,80,0.30);}
.rsg-page .scale-callout .sc-grid{display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; padding: 24px 28px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; margin-bottom: 22px; position: relative; z-index: 1;}
.rsg-page .scale-callout .sc-platform{display: flex; flex-direction: column; gap: 8px; align-items: flex-start;}
.rsg-page .scale-callout .sc-platform.right{align-items: flex-end;}
.rsg-page .scale-callout .sc-name{display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; background: rgba(255,255,255,0.08); border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.75); font-weight: 700;}
.rsg-page .scale-callout .sc-name .sc-dot{width: 8px; height: 8px; border-radius: 50%;}
.rsg-page .scale-callout .sc-name.yelp .sc-dot{background: #FF1A1A; box-shadow: 0 0 8px #FF1A1A;}
.rsg-page .scale-callout .sc-name.google .sc-dot{background: linear-gradient(135deg, #4285F4, #34A853);}
.rsg-page .scale-callout .sc-amount{font-family: var(--font-display); font-weight: 800; line-height: 1; letter-spacing: -0.03em;}
.rsg-page .scale-callout .sc-platform.yelp .sc-amount{font-size: clamp(32px, 3.4vw, 44px); color: #fff;}
.rsg-page .scale-callout .sc-platform.google .sc-amount{font-size: clamp(48px, 6vw, 72px); background: linear-gradient(135deg, #fff 30%, #9CA3AF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.rsg-page .scale-callout .sc-bar{display: block; height: 6px; border-radius: 999px;}
.rsg-page .scale-callout .sc-platform.yelp .sc-bar{background: linear-gradient(90deg, #FF1A1A, #C70000); width: 60px;}
.rsg-page .scale-callout .sc-platform.google .sc-bar{background: linear-gradient(90deg, #4285F4, #EA4335 30%, #FBBC04 60%, #34A853); width: 220px; max-width: 100%;}
.rsg-page .scale-callout .sc-multiplier{display: flex; flex-direction: column; align-items: center; gap: 8px;}
.rsg-page .scale-callout .sc-multiplier .sc-mult-num{font-family: var(--font-display); font-size: 38px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; background: linear-gradient(135deg, var(--green-500), #6EE7B7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.rsg-page .scale-callout .sc-multiplier .sc-mult-lbl{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 700; text-align: center;}
.rsg-page .scale-callout .sc-body{font-size: 14.5px; line-height: 1.7; color: rgba(255,255,255,0.82); margin: 0 0 18px; position: relative; z-index: 1;}
.rsg-page .scale-callout .sc-body strong{color: #fff; font-weight: 700;}
.rsg-page .scale-callout .sc-glove{display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; background: rgba(32,157,80,0.18); border: 1px solid rgba(32,157,80,0.30); border-radius: 999px; color: var(--green-500); font-family: var(--font-display); font-size: 13px; font-weight: 700; position: relative; z-index: 1;}
.rsg-page .scale-callout .sc-glove svg{width: 14px; height: 14px;}
/* What Happens On Your Account section redesign */
.rsg-page .profile-setup-card{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: 32px 36px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.04); margin: 0 0 32px;}
.rsg-page .profile-setup-card::before{content: ''; position: absolute; top: -100px; right: -100px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.10), transparent 65%); pointer-events: none;}
.rsg-page .profile-setup-card .psc-head{display: flex; align-items: center; gap: 16px; margin-bottom: 16px; position: relative; z-index: 1;}
.rsg-page .profile-setup-card .psc-icon{width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 28px rgba(32,157,80,0.28); flex-shrink: 0;}
.rsg-page .profile-setup-card .psc-icon svg{width: 28px; height: 28px;}
.rsg-page .profile-setup-card .psc-tag{display: inline-flex; align-items: center; gap: 8px; background: var(--green-50); color: var(--green-700); padding: 6px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;}
.rsg-page .profile-setup-card .psc-title{font-family: var(--font-display); font-size: clamp(20px, 2.2vw, 26px); font-weight: 800; color: var(--ink-900); margin: 0 0 10px; line-height: 1.3; letter-spacing: -0.01em; position: relative; z-index: 1;}
.rsg-page .profile-setup-card .psc-lead{font-size: 15px; line-height: 1.65; color: var(--ink-2); margin: 0 0 22px; position: relative; z-index: 1;}
.rsg-page .profile-setup-card .psc-checks{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; position: relative; z-index: 1;}
.rsg-page .profile-setup-card .psc-check{background: var(--paper-soft); border: 1px solid var(--line-2); border-radius: 14px; padding: 16px 18px; transition: border-color .25s, background .25s;}
.rsg-page .profile-setup-card .psc-check:hover{border-color: rgba(32,157,80,0.25); background: #fff;}
.rsg-page .profile-setup-card .psc-check .check-badge{width: 30px; height: 30px; border-radius: 10px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; box-shadow: 0 6px 14px rgba(32,157,80,0.22);}
.rsg-page .profile-setup-card .psc-check .check-badge svg{width: 14px; height: 14px; stroke-width: 3;}
.rsg-page .profile-setup-card .psc-check strong{display: block; color: var(--ink-900); font-family: var(--font-display); font-size: 14.5px; font-weight: 800; margin-bottom: 6px; line-height: 1.3;}
.rsg-page .profile-setup-card .psc-check p{margin: 0; font-size: 13px; line-height: 1.55; color: var(--ink-2);}
.rsg-page .cadence-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 36px;}
.rsg-page .cadence-card{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 26px 28px 22px; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .cadence-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,0.08);}
.rsg-page .cadence-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;}
.rsg-page .cadence-card.cc-amber::before{background: linear-gradient(90deg, #F59E0B, #FBBF24);}
.rsg-page .cadence-card.cc-blue::before{background: linear-gradient(90deg, #3B82F6, #60A5FA);}
.rsg-page .cadence-card.cc-green::before{background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .cadence-card::after{content: ''; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; border-radius: 50%; pointer-events: none;}
.rsg-page .cadence-card.cc-amber::after{background: radial-gradient(circle, rgba(245,158,11,0.10), transparent 70%);}
.rsg-page .cadence-card.cc-blue::after{background: radial-gradient(circle, rgba(59,130,246,0.10), transparent 70%);}
.rsg-page .cadence-card.cc-green::after{background: radial-gradient(circle, rgba(32,157,80,0.10), transparent 70%);}
.rsg-page .cadence-card .cc-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; position: relative; z-index: 1;}
.rsg-page .cadence-card .cc-icon{width: 52px; height: 52px; border-radius: 15px; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .cadence-card .cc-icon svg{width: 26px; height: 26px;}
.rsg-page .cadence-card.cc-amber .cc-icon{background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 12px 28px rgba(245,158,11,0.28);}
.rsg-page .cadence-card.cc-blue .cc-icon{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 12px 28px rgba(59,130,246,0.28);}
.rsg-page .cadence-card.cc-green .cc-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 12px 28px rgba(32,157,80,0.28);}
.rsg-page .cadence-card .cc-tag{display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; white-space: nowrap;}
.rsg-page .cadence-card.cc-amber .cc-tag{background: rgba(245,158,11,0.12); color: #B45309;}
.rsg-page .cadence-card.cc-blue .cc-tag{background: rgba(59,130,246,0.10); color: #1D4ED8;}
.rsg-page .cadence-card.cc-green .cc-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .cadence-card .cc-title{font-family: var(--font-display); font-size: 20px; font-weight: 800; color: var(--ink-900); margin: 0 0 16px; line-height: 1.3; letter-spacing: -0.005em; position: relative; z-index: 1;}
.rsg-page .cadence-card .cc-tasks{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 1;}
.rsg-page .cadence-card .cc-tasks li{display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: flex-start; font-size: 13.5px; line-height: 1.55; color: var(--ink-2); padding-bottom: 12px; border-bottom: 1px solid var(--line-2);}
.rsg-page .cadence-card .cc-tasks li:last-child{border-bottom: 0; padding-bottom: 0;}
.rsg-page .cadence-card .cc-tasks li::before{content: ''; width: 8px; height: 8px; border-radius: 50%; margin-top: 7px;}
.rsg-page .cadence-card.cc-amber .cc-tasks li::before{background: #F59E0B; box-shadow: 0 0 0 3px rgba(245,158,11,0.18);}
.rsg-page .cadence-card.cc-blue .cc-tasks li::before{background: #3B82F6; box-shadow: 0 0 0 3px rgba(59,130,246,0.18);}
.rsg-page .cadence-card.cc-green .cc-tasks li::before{background: var(--green-500); box-shadow: 0 0 0 3px rgba(32,157,80,0.18);}
/* Partnership section redesign --- compact 2x2 commit cards */
.rsg-page .partnership-hero{position: relative; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,0.06), 0 0 0 1px var(--line); margin: 0 0 28px;}
.rsg-page .partnership-hero .ph-bar{display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: #F8FAFC; border-bottom: 1px solid #E2E8F0;}
.rsg-page .partnership-hero .ph-dots{display: flex; gap: 6px;}
.rsg-page .partnership-hero .ph-dots span{width: 10px; height: 10px; border-radius: 50%;}
.rsg-page .partnership-hero .ph-dots .d1{background: #FF5F56;}
.rsg-page .partnership-hero .ph-dots .d2{background: #FFBD2E;}
.rsg-page .partnership-hero .ph-dots .d3{background: #27C93F;}
.rsg-page .partnership-hero .ph-label{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #64748B; font-weight: 700;}
.rsg-page .partnership-hero .ph-source{display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: #DC2626; font-weight: 700;}
.rsg-page .partnership-hero img{display: block; width: 100%; height: auto;}
.rsg-page .partnership-intro{font-size: 16px; line-height: 1.65; color: var(--ink-2); margin: 0 0 32px; max-width: 980px; text-wrap: pretty;}
.rsg-page .commit-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0 0 32px;}
.rsg-page .commit-card{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; transition: transform .25s, box-shadow .25s; display: flex; flex-direction: column;}
.rsg-page .commit-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,0.08);}
.rsg-page .commit-card .com-strip{height: 4px; width: 100%;}
.rsg-page .commit-card.com-amber .com-strip{background: linear-gradient(90deg, #F59E0B, #FBBF24);}
.rsg-page .commit-card.com-green .com-strip{background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .commit-card.com-blue .com-strip{background: linear-gradient(90deg, #3B82F6, #60A5FA);}
.rsg-page .commit-card.com-red .com-strip{background: linear-gradient(90deg, #F87171, #FCA5A5);}
.rsg-page .commit-card .com-shot{background: var(--paper-soft); aspect-ratio: 16/9; overflow: hidden; position: relative;}
.rsg-page .commit-card .com-shot img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center;}
/* Weekly Review mockup graphic */
.rsg-page .wr-mock{width: 100%; height: 100%; background: linear-gradient(180deg, #F8FAFC 0%, #EEF4F1 100%); padding: 16px 18px; display: grid; grid-template-rows: auto auto auto auto; gap: 12px; font-family: var(--font-display);}
.rsg-page .wr-mock .wr-head{display: flex; justify-content: space-between; align-items: center; gap: 12px;}
.rsg-page .wr-mock .wr-head-left{display: flex; align-items: center; gap: 10px; min-width: 0;}
.rsg-page .wr-mock .wr-head-badge{width: 30px; height: 30px; border-radius: 50%; background: var(--green-500); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .wr-mock .wr-head-badge svg{width: 16px; height: 16px;}
.rsg-page .wr-mock .wr-head-left strong{display: block; font-size: 13px; font-weight: 800; color: var(--ink-900); line-height: 1.2;}
.rsg-page .wr-mock .wr-head-left span{display: block; font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--ink-700); letter-spacing: 0.12em; text-transform: uppercase; margin-top: 2px;}
.rsg-page .wr-mock .wr-confirmed{display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; background: #fff; border: 1px solid var(--green-500); border-radius: 999px; font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--green-700); letter-spacing: 0.12em; text-transform: uppercase; flex-shrink: 0;}
.rsg-page .wr-mock .wr-confirmed-dot{width: 6px; height: 6px; border-radius: 50%; background: var(--green-500);}
.rsg-page .wr-mock .wr-days{display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px;}
.rsg-page .wr-mock .wr-day{background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 8px 4px; text-align: center;}
.rsg-page .wr-mock .wr-day-lbl{display: block; font-family: var(--font-mono); font-size: 8px; font-weight: 700; color: var(--ink-700); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 2px;}
.rsg-page .wr-mock .wr-day-num{display: block; font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .wr-mock .wr-day-active{background: linear-gradient(135deg, var(--green-500), var(--green-700)); border-color: var(--green-700); box-shadow: 0 4px 12px rgba(44,122,75,0.30);}
.rsg-page .wr-mock .wr-day-active .wr-day-lbl{color: rgba(255,255,255,0.75);}
.rsg-page .wr-mock .wr-day-active .wr-day-num{color: #fff;}
.rsg-page .wr-mock .wr-slot{display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; background: #fff; border: 1.5px solid var(--green-500); border-radius: 10px; padding: 10px 14px; position: relative; overflow: hidden;}
.rsg-page .wr-mock .wr-slot::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--green-500);}
.rsg-page .wr-mock .wr-slot-time strong{display: block; font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .wr-mock .wr-slot-time span{display: block; font-size: 10px; font-weight: 600; color: var(--ink-2); margin-top: 3px;}
.rsg-page .wr-mock .wr-slot-info{border-left: 1px solid var(--line); padding-left: 14px; min-width: 0;}
.rsg-page .wr-mock .wr-slot-info strong{display: block; font-family: var(--font-display); font-size: 12.5px; font-weight: 700; color: var(--ink-900); line-height: 1.2;}
.rsg-page .wr-mock .wr-slot-info span{display: block; font-family: var(--font-body); font-size: 10.5px; color: var(--ink-2); margin-top: 3px; line-height: 1.35;}
.rsg-page .wr-mock .wr-slot-cta{padding: 6px 14px; background: var(--green-500); color: #fff; border-radius: 999px; font-family: var(--font-display); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; flex-shrink: 0; text-transform: uppercase;}
.rsg-page .wr-mock .wr-stats{display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 12px;}
.rsg-page .wr-mock .wr-stat{background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px;}
.rsg-page .wr-mock .wr-stat-lbl{display: block; font-family: var(--font-mono); font-size: 8px; font-weight: 700; color: var(--ink-700); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 6px;}
.rsg-page .wr-mock .wr-bars{display: flex; gap: 4px; align-items: flex-end; height: 26px;}
.rsg-page .wr-mock .wr-bars span{flex: 1; background: linear-gradient(180deg, var(--green-500), var(--green-700)); border-radius: 2px; min-height: 30%;}
.rsg-page .wr-mock .wr-att{display: flex; align-items: baseline; gap: 6px;}
.rsg-page .wr-mock .wr-att strong{font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .wr-mock .wr-att em{font-family: var(--font-body); font-size: 10px; font-weight: 600; font-style: normal; color: var(--green-600);}
.rsg-page .wr-mock .wr-next strong{display: block; font-family: var(--font-display); font-size: 11.5px; font-weight: 700; color: var(--ink-900); line-height: 1.2;}
.rsg-page .wr-mock .wr-next span{display: block; font-family: var(--font-body); font-size: 9.5px; color: var(--ink-2); margin-top: 2px;}
.rsg-page .commit-card .com-body{padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1;}
.rsg-page .commit-card .com-head{display: flex; align-items: center; gap: 10px; margin-bottom: 4px;}
.rsg-page .commit-card .com-num{width: 32px; height: 32px; border-radius: 9px; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 12px; flex-shrink: 0;}
.rsg-page .commit-card.com-amber .com-num{background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 6px 16px rgba(245,158,11,0.28);}
.rsg-page .commit-card.com-green .com-num{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 6px 16px rgba(32,157,80,0.28);}
.rsg-page .commit-card.com-blue .com-num{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 6px 16px rgba(59,130,246,0.28);}
.rsg-page .commit-card.com-red .com-num{background: linear-gradient(135deg, #F87171, #EF4444); box-shadow: 0 6px 16px rgba(239,68,68,0.28);}
.rsg-page .commit-card .com-tag{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; padding: 3px 9px; border-radius: 999px;}
.rsg-page .commit-card.com-amber .com-tag{background: rgba(245,158,11,0.12); color: #B45309;}
.rsg-page .commit-card.com-green .com-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .commit-card.com-blue .com-tag{background: rgba(59,130,246,0.10); color: #1D4ED8;}
.rsg-page .commit-card.com-red .com-tag{background: rgba(239,68,68,0.10); color: #B91C1C;}
.rsg-page .commit-card .com-title{font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--ink-900); margin: 0; line-height: 1.3; letter-spacing: -0.005em;}
.rsg-page .commit-card p{margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-2);}
/* Right Partner section redesign --- fit-col-v2 (fixes badge overlap glitch) */
.rsg-page .fit-grid-v2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 32px;}
.rsg-page .fcv-card{position: relative; border-radius: 20px; padding: 26px 28px 24px; overflow: hidden; display: flex; flex-direction: column; gap: 16px; transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .fcv-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,0.08);}
.rsg-page .fcv-card.fcv-notfit{background: #fff; border: 1px solid var(--line);}
.rsg-page .fcv-card.fcv-builtfor{background: #fff; border: 1px solid var(--line);}
.rsg-page .fcv-card.fcv-pact{background: var(--dark-grad); color: #fff; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 16px 40px rgba(0,0,0,0.20);}
.rsg-page .fcv-card.fcv-pact::before{content: ''; position: absolute; top: -80px; right: -80px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(245,184,77,0.18), transparent 70%); pointer-events: none;}
.rsg-page .fcv-card.fcv-notfit::before{content: ''; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(239,68,68,0.08), transparent 70%); pointer-events: none;}
.rsg-page .fcv-card.fcv-builtfor::before{content: ''; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.08), transparent 70%); pointer-events: none;}
.rsg-page .fcv-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; position: relative; z-index: 1;}
.rsg-page .fcv-icon{width: 48px; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0;}
.rsg-page .fcv-icon svg{width: 24px; height: 24px; stroke-width: 2.5;}
.rsg-page .fcv-card.fcv-notfit .fcv-icon{background: linear-gradient(135deg, #F87171, #EF4444); box-shadow: 0 10px 24px rgba(239,68,68,0.28);}
.rsg-page .fcv-card.fcv-builtfor .fcv-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 10px 24px rgba(32,157,80,0.28);}
.rsg-page .fcv-card.fcv-pact .fcv-icon{background: linear-gradient(135deg, #F5B84D, #DC9632); box-shadow: 0 10px 24px rgba(245,184,77,0.32);}
.rsg-page .fcv-tag{display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; white-space: nowrap;}
.rsg-page .fcv-card.fcv-notfit .fcv-tag{background: rgba(239,68,68,0.10); color: #B91C1C;}
.rsg-page .fcv-card.fcv-builtfor .fcv-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .fcv-card.fcv-pact .fcv-tag{background: rgba(245,184,77,0.18); color: #F5B84D; border: 1px solid rgba(245,184,77,0.32);}
.rsg-page .fcv-title{font-family: var(--font-display); font-size: 18px; font-weight: 800; line-height: 1.3; margin: 0; letter-spacing: -0.005em; position: relative; z-index: 1; padding-bottom: 14px; border-bottom: 1px solid var(--line-2);}
.rsg-page .fcv-card.fcv-notfit .fcv-title, .rsg-page .fcv-card.fcv-builtfor .fcv-title{color: var(--ink-900);}
.rsg-page .fcv-card.fcv-pact .fcv-title{color: #fff; border-bottom-color: rgba(255,255,255,0.12);}
.rsg-page .fcv-list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 1;}
.rsg-page .fcv-list li{display: grid; grid-template-columns: 16px 1fr; gap: 12px; align-items: flex-start; font-size: 13.5px; line-height: 1.55;}
.rsg-page .fcv-card.fcv-notfit .fcv-list li, .rsg-page .fcv-card.fcv-builtfor .fcv-list li{color: var(--ink-2);}
.rsg-page .fcv-card.fcv-pact .fcv-list li{color: rgba(255,255,255,0.82);}
.rsg-page .fcv-list li::before{content: ''; width: 7px; height: 7px; border-radius: 50%; margin-top: 7px;}
.rsg-page .fcv-card.fcv-notfit .fcv-list li::before{background: #EF4444; box-shadow: 0 0 0 3px rgba(239,68,68,0.18);}
.rsg-page .fcv-card.fcv-builtfor .fcv-list li::before{background: var(--green-500); box-shadow: 0 0 0 3px rgba(32,157,80,0.18);}
.rsg-page .fcv-card.fcv-pact .fcv-list li::before{background: #F5B84D; box-shadow: 0 0 0 3px rgba(245,184,77,0.24);}
@media (max-width: 880px){.rsg-page .fit-grid-v2{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .commit-grid{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .profile-setup-card{padding: 26px;}}
@media (max-width: 880px){.rsg-page .profile-setup-card .psc-checks{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .cadence-grid{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .choose-stats-strip{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 880px){.rsg-page .diff-cards{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .scale-callout{padding: 28px 24px;}}
@media (max-width: 880px){.rsg-page .scale-callout .sc-grid{grid-template-columns: 1fr; gap: 18px; padding: 20px;}}
@media (max-width: 880px){.rsg-page .scale-callout .sc-platform.right{align-items: flex-start;}}
@media (max-width: 880px){.rsg-page .rating-compare{grid-template-columns: 1fr; gap: 12px;}}
@media (max-width: 880px){.rsg-page .rating-compare .rc-vs{flex-direction: row; gap: 12px; margin: 0; padding: 4px 0;}}
@media (max-width: 880px){.rsg-page .reviews-grid-v2{grid-template-columns: 1fr; gap: 24px;}}
@media (max-width: 880px){.rsg-page .reviews-insights{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .ai-insights{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .ai-tools-strip{gap: 8px; padding: 14px 16px;}}
/* Scenario persona cards */
.rsg-page .scenarios-section{margin-top: 56px;}
.rsg-page .scenarios-head{margin-bottom: 24px; max-width: 880px;}
.rsg-page .scenarios-head .sh-tag{display: inline-flex; align-items: center; gap: 8px; background: rgba(32,157,80,0.10); color: var(--green-700); padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; margin-bottom: 14px;}
.rsg-page .scenarios-head h3{font-family: var(--font-display); font-size: clamp(22px, 2.4vw, 28px); font-weight: 800; color: var(--ink-900); margin: 0; letter-spacing: -0.01em; line-height: 1.25;}
.rsg-page .scenarios-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.rsg-page .scenario-card{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 24px 22px; transition: transform .25s, border-color .25s, box-shadow .25s; position: relative; overflow: hidden;}
.rsg-page .scenario-card:hover{transform: translateY(-2px); border-color: rgba(32,157,80,0.25); box-shadow: 0 12px 32px rgba(0,0,0,0.06);}
.rsg-page .scenario-card .sc-step{font-family: var(--font-display); font-size: 32px; font-weight: 800; color: var(--ink-900); opacity: 0.08; position: absolute; top: 14px; right: 18px; letter-spacing: -0.02em; line-height: 1;}
.rsg-page .scenario-card .sc-icon{width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; color: #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.10);}
.rsg-page .scenario-card .sc-icon svg{width: 24px; height: 24px;}
.rsg-page .scenario-card.s-amber .sc-icon{background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 8px 20px rgba(245,158,11,0.25);}
.rsg-page .scenario-card.s-blue .sc-icon{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 8px 20px rgba(59,130,246,0.25);}
.rsg-page .scenario-card.s-green .sc-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 8px 20px rgba(32,157,80,0.25);}
.rsg-page .scenario-card p{margin: 0; font-size: 14px; line-height: 1.6; color: var(--ink-2);}
/* 90-day onboarding callout */
.rsg-page .onboarding-callout{position: relative; margin-top: 56px; padding: 36px 40px; background: linear-gradient(135deg, #F4F9F5 0%, #E9F1EB 100%); color: var(--ink-900); border-radius: 22px; overflow: hidden; border: 1px solid rgba(44,122,75,0.18); box-shadow: 0 18px 44px rgba(20,62,37,0.08);}
.rsg-page .onboarding-callout::before{content: ''; position: absolute; top: -120px; right: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(44,122,75,0.16), transparent 65%); pointer-events: none;}
.rsg-page .onboarding-callout::after{content: ''; position: absolute; bottom: -100px; left: -100px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(44,122,75,0.08), transparent 65%); pointer-events: none;}
.rsg-page .onboarding-callout .ob-grid{display: grid; grid-template-columns: 1.1fr 1fr; gap: 36px; align-items: center; position: relative; z-index: 1;}
.rsg-page .onboarding-callout .ob-tag{display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--green-700); padding: 6px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; border: 1px solid rgba(44,122,75,0.25); margin-bottom: 16px; box-shadow: 0 2px 6px rgba(20,62,37,0.05);}
.rsg-page .onboarding-callout .ob-body{color: var(--ink-2); font-size: 15px; line-height: 1.7; margin: 0 0 20px;}
.rsg-page .onboarding-callout .ob-body strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .onboarding-callout .ob-cta{display: inline-flex; align-items: center; gap: 10px; background: var(--green-500); color: #fff; padding: 13px 26px; border-radius: 999px; font-family: var(--font-display); font-weight: 700; font-size: 14px; text-decoration: none; box-shadow: 0 10px 24px rgba(44,122,75,0.30); transition: transform .25s, box-shadow .25s;}
.rsg-page .onboarding-callout .ob-cta:hover{transform: translateY(-2px); box-shadow: 0 14px 32px rgba(44,122,75,0.40);}
.rsg-page .onboarding-callout .ob-cta svg{width: 16px; height: 16px;}
.rsg-page .onboarding-callout .ob-timeline{display: flex; flex-direction: column; gap: 16px;}
.rsg-page .onboarding-callout .ob-phase{display: grid; grid-template-columns: 56px 1fr; gap: 16px; align-items: center; padding: 16px 18px; background: #fff; border: 1px solid rgba(44,122,75,0.15); border-radius: 14px; position: relative; box-shadow: 0 4px 12px rgba(20,62,37,0.04);}
.rsg-page .onboarding-callout .ob-phase::before{content: ''; position: absolute; left: 39px; top: -16px; height: 16px; width: 2px; background: linear-gradient(180deg, transparent, rgba(44,122,75,0.40));}
.rsg-page .onboarding-callout .ob-phase:first-child::before{display: none;}
.rsg-page .onboarding-callout .ob-phase .ob-num{width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; line-height: 1; box-shadow: 0 6px 14px rgba(44,122,75,0.28);}
.rsg-page .onboarding-callout .ob-phase .ob-num strong{font-size: 16px;}
.rsg-page .onboarding-callout .ob-phase .ob-num span{font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.10em; text-transform: uppercase; margin-top: 1px; opacity: 0.85;}
.rsg-page .onboarding-callout .ob-phase .ob-info strong{display: block; color: var(--ink-900); font-family: var(--font-display); font-size: 15px; font-weight: 700; margin-bottom: 2px;}
.rsg-page .onboarding-callout .ob-phase .ob-info span{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); font-weight: 700;}
@media (max-width: 880px){.rsg-page .speed-hero{grid-template-columns: 1fr; padding: 24px; gap: 20px;}}
@media (max-width: 880px){.rsg-page .speed-hero .sh-bar{grid-template-columns: 88px 1fr 80px;}}
@media (max-width: 880px){.rsg-page .friction-grid{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .scenarios-grid{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .onboarding-callout{padding: 28px 24px;}}
@media (max-width: 880px){.rsg-page .onboarding-callout .ob-grid{grid-template-columns: 1fr; gap: 28px;}}
.rsg-page .reason-stat{margin-top: 16px; padding: 14px 16px; background: var(--paper-soft); border-radius: 10px; display: flex; justify-content: space-between; align-items: center;}
.rsg-page .reason-stat strong{font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--green-600);}
.rsg-page .reason-stat span{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 600; max-width: 60%; text-align: right;}
/* ============================================================
   FOUNDER PROMISE (dark gradient section)
   ============================================================ */
.rsg-page .founder-grid{display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center;}
.rsg-page .founder-checks{list-style: none; padding: 0; margin: 28px 0 28px; display: grid; gap: 22px;}
.rsg-page .founder-checks li{display: flex; gap: 16px; font-size: 14.5px; color: rgba(255,255,255,0.72); line-height: 1.6; align-items: flex-start;}
.rsg-page .founder-checks svg{width: 22px; height: 22px; color: var(--green-500); flex-shrink: 0; margin-top: 2px;}
.rsg-page .founder-checks li strong{color: #fff; display: inline; font-family: var(--font-display); font-size: inherit; font-weight: 700;}
/* Green callout box (inspiration style) */
.rsg-page .founder-callout{background: rgba(32,157,80,0.12); border: 1px solid rgba(32,157,80,0.35); border-radius: 12px; padding: 18px 22px; margin: 8px 0 28px;}
.rsg-page .founder-callout strong{display: block; color: #fff; font-family: var(--font-display); font-size: 16px; font-weight: 700; margin-bottom: 4px;}
.rsg-page .founder-callout span{display: block; color: var(--green-500); font-size: 14.5px; line-height: 1.55;}
/* "A NOTE FROM THE FOUNDER" green pill badge above video frame */
.rsg-page .video-frame-wrap{position: relative; max-width: 440px; margin: 0 auto; padding-top: 14px;}
.rsg-page .founder-note-badge{position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: var(--green-500); color: #fff; padding: 7px 16px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; z-index: 4; white-space: nowrap; box-shadow: 0 6px 16px rgba(32,157,80,0.32);}
.rsg-page .video-caption{text-align: center; margin-top: 16px; font-size: 13px; color: rgba(255,255,255,0.7);}
.rsg-page .video-caption strong{display: block; color: #fff; font-family: var(--font-display); font-size: 14px; font-weight: 700; margin-bottom: 3px;}
.rsg-page .founder-quote{background: rgba(255,255,255,0.06); border-left: 3px solid var(--green-500); padding: 18px 22px; border-radius: 0 12px 12px 0; font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.86); margin-bottom: 24px;}
.rsg-page .founder-quote span{display: block; margin-top: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-500); font-weight: 700;}
.rsg-page .video-frame{position: relative; aspect-ratio: 9/16; width: 100%; max-width: 440px; margin: 0 auto; border-radius: 22px; overflow: hidden; background: linear-gradient(135deg, #2A2A2A, #1A1A1A); border: 1px solid rgba(255,255,255,0.1); box-shadow: var(--shadow-lg);}
.rsg-page .video-frame video, .rsg-page .video-frame img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: #000;}
.rsg-page .video-frame .vf-play{position: absolute; bottom: 18px; left: 18px; width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,0.95); border: 0; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; box-shadow: 0 8px 22px rgba(0,0,0,0.30); transition: transform .2s, background .2s, opacity .2s;}
.rsg-page .video-frame .vf-play:hover{transform: scale(1.08); background: #fff;}
.rsg-page .video-frame .vf-play .vf-play-icon{display: block; width: 0; height: 0; border-left: 18px solid var(--green-600); border-top: 11px solid transparent; border-bottom: 11px solid transparent; margin-left: 4px;}
.rsg-page .video-frame.playing .vf-play{opacity: 0; pointer-events: none;}
.rsg-page .video-frame .vf-label{position: absolute; bottom: 18px; left: 18px; right: 18px; color: #fff; font-family: var(--font-display); font-size: 13px; font-weight: 600; opacity: 0.9;}
.rsg-page .video-frame .vf-time{position: absolute; top: 14px; right: 14px; padding: 4px 10px; background: rgba(0,0,0,0.7); color: #fff; border-radius: 999px; font-family: var(--font-mono); font-size: 11px; font-weight: 700; z-index: 3; pointer-events: none;}
/* ============================================================
   HOW YELP WORKS &mdash; screenshot + comparison
   ============================================================ */
.rsg-page .how-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start;}
.rsg-page .how-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 24px;}
.rsg-page .how-card h3{font-size: 16px; margin-bottom: 14px; display: flex; align-items: center; gap: 10px;}
.rsg-page .how-card h3 .badge-sponsored{padding: 4px 10px; background: var(--orange-500); color: #fff; border-radius: 6px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase;}
.rsg-page .how-card h3 .badge-form{padding: 4px 10px; background: var(--green-500); color: #fff; border-radius: 6px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase;}
.rsg-page .how-shot{aspect-ratio: 16/9; border-radius: var(--radius-md); overflow: hidden; background: var(--paper-soft); border: 1px solid var(--line); margin-bottom: 0;}
.rsg-page .how-shot img{width: 100%; height: 100%; object-fit: cover;}
.rsg-page .how-card p{font-size: 13px; margin: 0;}
/* §4 section vertical compaction */
.rsg-page #how-lsa-vs-channels{padding: 64px 0;}
.rsg-page #how-lsa-vs-channels .section-header{margin-bottom: 32px;}
.rsg-page #how-lsa-vs-channels .lede{max-width: 760px; margin-top: 10px;}
.rsg-page #how-lsa-vs-channels .yelp-workflow-grid{margin-bottom: 20px;}
.rsg-page #how-lsa-vs-channels .how-card{padding: 22px 22px 18px; padding-top: 26px;}
.rsg-page #how-lsa-vs-channels .how-card h3{font-size: 14px; margin-bottom: 10px;}
.rsg-page #how-lsa-vs-channels .info-cards-grid{margin: 0 auto 20px;}
.rsg-page #how-lsa-vs-channels .info-stat-card{padding: 24px 26px 22px; gap: 14px;}
.rsg-page #how-lsa-vs-channels .info-stat-card .isc-icon{width: 50px; height: 50px; border-radius: 14px;}
.rsg-page #how-lsa-vs-channels .info-stat-card .isc-icon svg{width: 23px; height: 23px;}
.rsg-page #how-lsa-vs-channels .info-stat-card .isc-title{font-size: 18px;}
.rsg-page #how-lsa-vs-channels .section-header .lede{max-width: 1100px;}
.rsg-page #how-lsa-vs-channels .info-stat-card p{font-size: 13.5px; line-height: 1.6;}
.rsg-page #how-lsa-vs-channels .info-stat-card .isc-stat{padding: 12px 18px;}
.rsg-page #how-lsa-vs-channels .info-stat-card .isc-stat strong{font-size: 26px;}
.rsg-page #how-lsa-vs-channels .channel-cmp{padding: 20px 24px; margin: 0 auto 20px;}
.rsg-page #how-lsa-vs-channels .channel-cmp h4{font-size: 16px; margin-bottom: 14px; padding-bottom: 10px;}
.rsg-page #how-lsa-vs-channels .ch-header{padding: 0 12px 8px; margin-bottom: 4px;}
.rsg-page #how-lsa-vs-channels .channel-row{padding: 11px 12px;}
.rsg-page #how-lsa-vs-channels .channel-row.featured{padding-left: 22px; padding-right: 22px; padding-top: 12px; padding-bottom: 12px; margin: 4px -12px;}
.rsg-page #how-lsa-vs-channels .channel-row .ch-icon{width: 32px; height: 32px; font-size: 12px;}
.rsg-page #how-lsa-vs-channels .channel-row .ch-name{font-size: 14px;}
.rsg-page #how-lsa-vs-channels .channel-row .ch-pricing{font-size: 11.5px;}
.rsg-page #how-lsa-vs-channels .channel-row .ch-cpl{font-size: 14px;}
.rsg-page #how-lsa-vs-channels .math-grid{margin: 0 auto 10px;}
.rsg-page #how-lsa-vs-channels .math-card{padding: 16px 18px; gap: 8px;}
.rsg-page #how-lsa-vs-channels .math-card .mc-head{padding-bottom: 6px; margin-bottom: 2px;}
.rsg-page #how-lsa-vs-channels .math-card .mc-head strong{font-size: 14px;}
.rsg-page #how-lsa-vs-channels .math-card .mc-eq{padding: 7px 12px;}
.rsg-page #how-lsa-vs-channels .math-card .mc-eq span{font-size: 11px;}
.rsg-page #how-lsa-vs-channels .math-card .mc-result{padding: 12px 14px;}
.rsg-page #how-lsa-vs-channels .math-card .mc-result strong{font-size: 26px;}
.rsg-page #how-lsa-vs-channels .math-conclusion{padding: 14px 22px; gap: 14px;}
.rsg-page #how-lsa-vs-channels .math-conclusion p{font-size: 13px;}
/* ============================================================
   §4 ENHANCEMENTS &mdash; workflow steps, stat cards, channel cmp, math
   ============================================================ */
.rsg-page .yelp-workflow-grid{display: grid; grid-template-columns: 1fr 72px 1fr; gap: 14px; align-items: stretch; margin: 0 auto 28px; width: 100%;}
.rsg-page .yelp-workflow-grid .how-card{position: relative; padding-top: 28px;}
.rsg-page .how-card .step-badge{position: absolute; top: -14px; left: 22px; background: var(--ink-900); color: #fff; padding: 7px 16px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; z-index: 2; box-shadow: 0 6px 16px rgba(0,0,0,0.18);}
/* WORKFLOW CARD REDESIGN &mdash; bigger step number header strip */
.rsg-page .yelp-workflow-grid .how-card{background: linear-gradient(180deg, #fff 0%, var(--paper-soft) 100%); border: 1px solid var(--line); border-radius: 18px; padding: 0; overflow: hidden; box-shadow: 0 10px 28px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04); transition: transform .25s ease, box-shadow .25s ease; position: relative; padding-top: 0 !important;}
.rsg-page .yelp-workflow-grid .how-card:hover{transform: translateY(-4px); box-shadow: 0 20px 44px rgba(32,157,80,0.12), 0 4px 12px rgba(0,0,0,0.06);}
.rsg-page .yelp-workflow-grid .how-card .step-badge{position: static; display: none;}
.rsg-page .yelp-workflow-grid .how-card .ws-head{display: grid; grid-template-columns: 72px 1fr; gap: 16px; padding: 18px 22px 16px; border-bottom: 1px solid var(--line-2); background: linear-gradient(135deg, rgba(32,157,80,0.06), transparent 60%); align-items: center;}
.rsg-page .yelp-workflow-grid .how-card .ws-num{display: flex; flex-direction: column; align-items: flex-start; line-height: 1; border-right: 1px solid var(--line-2); padding-right: 16px;}
.rsg-page .yelp-workflow-grid .how-card .ws-num small{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-700); font-weight: 700; margin-bottom: 4px;}
.rsg-page .yelp-workflow-grid .how-card .ws-num strong{font-family: var(--font-display); font-size: 36px; font-weight: 800; color: var(--ink-900); letter-spacing: -0.03em; line-height: 1;}
.rsg-page .yelp-workflow-grid .how-card .ws-meta{display: flex; flex-direction: column; gap: 6px;}
.rsg-page .yelp-workflow-grid .how-card .ws-meta h4{margin: 0; font-size: 16px; font-weight: 800; color: var(--ink-900); line-height: 1.25; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.rsg-page .yelp-workflow-grid .how-card .ws-meta h4 .badge-sponsored,
.rsg-page .yelp-workflow-grid .how-card .ws-meta h4 .badge-form{padding: 3px 8px; font-size: 9px;}
.rsg-page .yelp-workflow-grid .how-card .ws-meta span.ws-sub{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; color: var(--ink-500); font-weight: 600;}
.rsg-page .yelp-workflow-grid .how-card .how-shot{margin: 0; border: 0; border-radius: 0; aspect-ratio: 16/9; background: #fff;}
.rsg-page .yelp-workflow-grid .how-card .how-shot img{object-fit: contain; padding: 14px; background: var(--paper-soft);}
/* WORKFLOW CONNECTOR BADGE */
.rsg-page .yelp-workflow-arrow{position: relative; display: flex; align-items: center; justify-content: center;}
.rsg-page .yelp-workflow-arrow::before{content: ""; position: absolute; left: 4px; right: 4px; top: 50%; height: 0; border-top: 2px dashed rgba(32,157,80,0.35); transform: translateY(-50%); z-index: 1;}
.rsg-page .yelp-workflow-arrow .ywa-line{display: none;}
.rsg-page .yelp-workflow-arrow .ywa-badge{width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(32,157,80,0.32), 0 0 0 6px rgba(32,157,80,0.10); position: relative; z-index: 2;}
.rsg-page .yelp-workflow-arrow .ywa-badge svg{width: 22px; height: 22px;}
.rsg-page .yelp-workflow-arrow .ywa-label{position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-700); font-weight: 700; white-space: nowrap; z-index: 3; background: var(--paper); padding: 0 6px;}
/* Insight cards &mdash; redesigned (numbered, gradient icon, decorative blob, hover lift) */
.rsg-page .info-cards-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 1040px; margin: 0 auto 28px;}
.rsg-page .info-stat-card{background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 28px 30px 26px; position: relative; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.04); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
.rsg-page .info-stat-card:hover{transform: translateY(-3px); box-shadow: 0 20px 48px rgba(0,0,0,0.10); border-color: rgba(32,157,80,0.30);}
.rsg-page .info-stat-card::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--green-500), var(--green-700));}
.rsg-page .info-stat-card::after{content: ""; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.09), rgba(32,157,80,0.02) 50%, transparent 75%); pointer-events: none;}
.rsg-page .info-stat-card .isc-head{display: contents;}
.rsg-page .info-stat-card .isc-icon{width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 28px rgba(32,157,80,0.28); float: right; margin: 0 0 14px 18px; position: relative; z-index: 2;}
.rsg-page .info-stat-card .isc-icon::before{content: ""; position: absolute; inset: 0; border-radius: 16px; background: linear-gradient(135deg, rgba(255,255,255,0.25), transparent 50%); pointer-events: none;}
.rsg-page .info-stat-card .isc-icon svg{width: 26px; height: 26px; position: relative; z-index: 1;}
.rsg-page .info-stat-card .isc-title{font-family: var(--font-display); font-size: 20px; font-weight: 800; color: var(--ink-900); line-height: 1.28; margin: 0 0 14px; letter-spacing: -0.005em; position: relative; z-index: 1;}
.rsg-page .info-stat-card .isc-stat{display: inline-flex; align-items: baseline; gap: 12px; padding: 14px 20px; background: linear-gradient(135deg, rgba(32,157,80,0.08), rgba(32,157,80,0.14)); border-radius: 12px; border: 1px solid rgba(32,157,80,0.22); position: relative; z-index: 1; margin: 0 0 14px;}
.rsg-page .info-stat-card .isc-stat strong{font-family: var(--font-display); font-size: 30px; font-weight: 800; color: var(--green-700); letter-spacing: -0.02em; line-height: 1;}
.rsg-page .info-stat-card .isc-stat span{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-700); font-weight: 700;}
.rsg-page .info-stat-card p{margin: 0; font-size: 14px; color: var(--ink-2); line-height: 1.65; position: relative; z-index: 1;}
/* Channel comparison (replaces plain HTML table) */
.rsg-page .channel-cmp{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 22px 28px; max-width: 1040px; margin: 0 auto 24px; box-shadow: var(--shadow-md);}
.rsg-page .channel-cmp h4{font-family: var(--font-display); font-size: 19px; margin: 0 0 20px; padding-bottom: 14px; border-bottom: 2px solid var(--ink-900); display: flex; align-items: center; justify-content: space-between;}
.rsg-page .channel-cmp h4 small{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--ink-500); border: 0; padding: 0;}
.rsg-page .ch-header{display: grid; grid-template-columns: 40px 1fr 1fr 130px 150px; gap: 16px; padding: 0 12px 12px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--ink-500); border-bottom: 1px solid var(--line-2); margin-bottom: 6px;}
.rsg-page .channel-row{display: grid; grid-template-columns: 40px 1fr 1fr 130px 150px; gap: 16px; align-items: center; padding: 14px 12px; border-bottom: 1px solid var(--line-2); position: relative; transition: background .2s;}
.rsg-page .channel-row:last-child{border-bottom: 0;}
.rsg-page .channel-row.featured{background: var(--green-50); margin: 6px -12px 6px; padding-left: 24px; padding-right: 24px; border-radius: 12px; border: 1px solid rgba(32,157,80,0.28);}
.rsg-page .channel-row .ch-icon{width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 13px; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.08);}
.rsg-page .channel-row .ch-icon.yelp{background: linear-gradient(135deg, #FF1A1A, #C70000);}
.rsg-page .channel-row .ch-icon.lsa{background: #fff; border: 1px solid var(--line-2); padding: 4px;}
.rsg-page .channel-row .ch-icon.ppc{background: linear-gradient(135deg, #4285F4, #34A853);}
.rsg-page .channel-row .ch-icon.meta{background: linear-gradient(135deg, #1877F2, #0A5BCB);}
.rsg-page .channel-row .ch-name{font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--ink-900);}
.rsg-page .channel-row .ch-pricing{font-family: var(--font-mono); font-size: 12px; color: var(--ink-700); font-weight: 600; letter-spacing: 0.02em;}
.rsg-page .channel-row .ch-cpl{font-family: var(--font-display); font-size: 15px; font-weight: 800; color: var(--ink-900); text-align: left; letter-spacing: -0.01em;}
.rsg-page .channel-row.featured .ch-cpl{color: var(--green-700);}
.rsg-page .channel-row .ch-mode{padding: 6px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; display: inline-block; white-space: nowrap;}
.rsg-page .channel-row .ch-mode.compare{background: rgba(32,157,80,0.18); color: var(--green-700);}
.rsg-page .channel-row .ch-mode.urgent{background: rgba(231,138,44,0.18); color: var(--orange-500);}
.rsg-page .channel-row .ch-mode.active{background: rgba(66,133,244,0.14); color: #1E5BC4;}
.rsg-page .channel-row .ch-mode.discovery{background: rgba(107,107,107,0.12); color: var(--ink-700);}
/* Channel comparison table (Notion-style: channels as rows, attributes as columns) */
.rsg-page .channel-cmp-v2{background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; max-width: 1040px; margin: 0 auto 24px; box-shadow: var(--shadow-md);}
.rsg-page .channel-cmp-v2 .cmp-caption{padding: 16px 22px; font-family: var(--font-display); font-size: 14.5px; font-weight: 800; color: var(--ink-900); background: #fff; border-bottom: 2px solid var(--ink-900); display: flex; align-items: center; justify-content: space-between;}
.rsg-page .channel-cmp-v2 .cmp-caption .cmp-sub{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .channel-cmp-v2 table{width: 100%; border-collapse: collapse;}
.rsg-page .channel-cmp-v2 th, .rsg-page .channel-cmp-v2 td{padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--line-2); font-size: 14px; vertical-align: middle;}
.rsg-page .channel-cmp-v2 tr:last-child td, .rsg-page .channel-cmp-v2 tr:last-child th{border-bottom: 0;}
.rsg-page .channel-cmp-v2 thead th{background: var(--paper-soft); padding: 14px 20px; font-family: var(--font-mono); font-weight: 700; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-700); border-bottom: 2px solid var(--ink-900);}
.rsg-page .channel-cmp-v2 tbody th{font-family: var(--font-display); font-size: 15px; font-weight: 800; color: var(--ink-900); width: 290px; white-space: nowrap;}
.rsg-page .channel-cmp-v2 tbody th .ch-icon{display: inline-flex; vertical-align: middle; margin-right: 10px; width: 30px; height: 30px; border-radius: 8px; align-items: center; justify-content: center; background: #FFFFFF; padding: 5px; box-shadow: 0 2px 6px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);}
.rsg-page .channel-cmp-v2 .ch-icon svg, .rsg-page .channel-cmp-v2 .ch-icon img{display: block; width: 100%; height: 100%; object-fit: contain;}
.rsg-page .channel-cmp-v2 tbody td{color: var(--ink-2);}
.rsg-page .channel-cmp-v2 .ch-cpl-val{font-family: var(--font-display); font-size: 15px; font-weight: 800; color: var(--ink-900); letter-spacing: -0.01em;}
.rsg-page .channel-cmp-v2 tr.featured-row{background: rgba(32,157,80,0.07); position: relative; box-shadow: inset 4px 0 0 var(--green-500);}
.rsg-page .channel-cmp-v2 tr.featured-row th{color: var(--green-700); position: relative;}
.rsg-page .channel-cmp-v2 tr.featured-row th .feat-pill{display: inline-flex; align-items: center; gap: 4px; margin-left: 10px; background: var(--green-500); color: #fff; padding: 3px 8px 3px 7px; border-radius: 999px; font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; vertical-align: middle; white-space: nowrap; box-shadow: 0 3px 8px rgba(32,157,80,0.30);}
.rsg-page .channel-cmp-v2 tr.featured-row th .feat-pill::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px rgba(255,255,255,0.4);}
.rsg-page .channel-cmp-v2 tr.featured-row th .ch-name{display: inline-flex; align-items: center; gap: 0; white-space: nowrap;}
.rsg-page .channel-cmp-v2 tr.featured-row td .ch-cpl-val{color: var(--green-700);}
.rsg-page .channel-cmp-v2 .ch-mode{display: inline-block; padding: 5px 11px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.10em; font-weight: 700; text-transform: uppercase; white-space: nowrap;}
.rsg-page .channel-cmp-v2 .ch-mode.compare{background: rgba(32,157,80,0.18); color: var(--green-700);}
.rsg-page .channel-cmp-v2 .ch-mode.urgent{background: rgba(231,138,44,0.18); color: var(--orange-500);}
.rsg-page .channel-cmp-v2 .ch-mode.active{background: rgba(66,133,244,0.14); color: #1E5BC4;}
.rsg-page .channel-cmp-v2 .ch-mode.discovery{background: rgba(107,107,107,0.12); color: var(--ink-700);}
@media (max-width: 768px){.rsg-page .channel-cmp-v2{overflow-x: auto;}}
@media (max-width: 768px){.rsg-page .channel-cmp-v2 table{min-width: 720px;}}
@media (max-width: 768px){.rsg-page .channel-cmp-v2 th, .rsg-page .channel-cmp-v2 td{padding: 12px 14px; font-size: 13px;}}
/* Math comparison cards */
.rsg-page .math-grid{display: grid; grid-template-columns: 1fr 60px 1fr; gap: 16px; align-items: stretch; max-width: 1040px; margin: 0 auto 14px;}
.rsg-page .math-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 20px 22px; box-shadow: var(--shadow-md); display: flex; flex-direction: column; gap: 10px; position: relative;}
.rsg-page .math-card.yelp{border-top: 4px solid var(--green-500);}
.rsg-page .math-card.lsa{border-top: 4px solid var(--orange-500);}
.rsg-page .math-card .mc-head{display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--line-2); margin-bottom: 4px;}
.rsg-page .math-card .mc-head .mc-dot{width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; padding: 5px; flex-shrink: 0; box-shadow: 0 2px 6px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);}
.rsg-page .math-card .mc-dot svg, .rsg-page .math-card .mc-dot img{display: block; width: 100%; height: 100%; object-fit: contain;}
.rsg-page .math-card .mc-head strong{font-family: var(--font-display); font-size: 15px; color: var(--ink-900); font-weight: 800;}
.rsg-page .math-card .mc-eq{display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--paper-soft); border-radius: 8px;}
.rsg-page .math-card .mc-eq span{font-family: var(--font-mono); font-size: 11.5px; color: var(--ink-700); font-weight: 600; letter-spacing: 0.02em;}
.rsg-page .math-card .mc-eq .mc-op{font-family: var(--font-display); font-weight: 800; color: var(--ink-900); font-size: 16px;}
.rsg-page .math-card .mc-result{padding: 16px 18px; border-radius: 10px; text-align: center; margin-top: auto;}
.rsg-page .math-card.yelp .mc-result{background: var(--green-50); border: 1px solid rgba(32,157,80,0.22);}
.rsg-page .math-card.lsa .mc-result{background: rgba(231,138,44,0.10); border: 1px solid rgba(231,138,44,0.22);}
.rsg-page .math-card .mc-result strong{display: block; font-family: var(--font-display); font-size: 32px; font-weight: 800; line-height: 1; letter-spacing: -0.02em;}
.rsg-page .math-card.yelp .mc-result strong{color: var(--green-700);}
.rsg-page .math-card.lsa .mc-result strong{color: var(--orange-500);}
.rsg-page .math-card .mc-result span{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 6px;}
.rsg-page .math-vs{display: flex; align-items: center; justify-content: center;}
.rsg-page .math-vs span{font-family: var(--font-display); font-size: 13px; font-weight: 800; color: var(--ink-700); letter-spacing: 0.04em; background: #fff; border: 1.5px solid var(--line); width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-md);}
.rsg-page .math-conclusion{background: var(--paper-soft); color: var(--ink-2); border: 1px solid var(--line-2); border-left: 5px solid var(--green-500); border-radius: 10px; padding: 14px 26px 14px 22px; max-width: 1040px; margin: 0 auto; display: flex; align-items: center; gap: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.rsg-page .math-conclusion .mc-tag{background: rgba(32,157,80,0.15); color: var(--green-700); width: 36px; height: 36px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .math-conclusion .mc-tag svg{width: 20px; height: 20px;}
.rsg-page .math-conclusion p{margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink-2);}
.rsg-page .math-conclusion p strong{color: var(--ink-900); font-weight: 800;}
.rsg-page .math-conclusion p em{font-style: italic; color: var(--ink-2);}
.rsg-page .math-conclusion.mc-with-cta{padding: 12px 12px 12px 22px; gap: 16px; flex-wrap: wrap;}
.rsg-page .math-conclusion.mc-with-cta p{flex: 1 1 auto; min-width: 240px;}
.rsg-page .math-conclusion .mc-cta-btn{margin-left: auto; align-self: center; padding: 8px 16px; font-size: 12px; border-radius: 999px; display: inline-flex; align-items: center; white-space: nowrap; flex-shrink: 0; line-height: 1.2;}
.rsg-page .math-conclusion .mc-cta-btn svg{width: 14px !important; height: 14px !important; margin-right: 6px !important;}
@media (max-width: 720px){.rsg-page .math-conclusion.mc-with-cta{flex-direction: column; align-items: flex-start; padding: 16px 18px;}}
@media (max-width: 720px){.rsg-page .math-conclusion .mc-cta-btn{margin-left: 0; width: 100%; justify-content: center; white-space: normal; text-align: center; line-height: 1.3; padding: 11px 16px;}}
@media (max-width: 1024px){.rsg-page .yelp-workflow-grid{grid-template-columns: 1fr; gap: 32px;}}
@media (max-width: 1024px){.rsg-page .yelp-workflow-arrow{display: none;}}
@media (max-width: 1024px){.rsg-page .info-cards-grid{grid-template-columns: 1fr;}}
@media (max-width: 1024px){.rsg-page .channel-row, .rsg-page .ch-header{grid-template-columns: 40px 1fr 110px 130px; gap: 12px;}}
@media (max-width: 1024px){.rsg-page .channel-row .ch-pricing, .rsg-page .ch-header > span:nth-child(3){display: none;}}
@media (max-width: 1024px){.rsg-page .math-grid{grid-template-columns: 1fr; gap: 16px;}}
@media (max-width: 1024px){.rsg-page .math-vs{display: none;}}
@media (max-width: 1024px){.rsg-page .math-conclusion{flex-direction: column; align-items: flex-start;}}
/* ============================================================
   PERCENT BREAKDOWN BAR (Pattern 17)
   ============================================================ */
.rsg-page .pct-bar{max-width: 880px; margin: 0 auto;}
.rsg-page .pb-labels{display: flex; margin-bottom: 10px;}
.rsg-page .pb-lbl{padding: 0 6px;}
.rsg-page .pb-lbl strong{display: block; font-family: var(--font-display); font-size: 26px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .pb-lbl span{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); margin-top: 4px; font-weight: 700;}
.rsg-page .pb-track{display: flex; height: 56px; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-md);}
.rsg-page .pb-seg{display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 15px; letter-spacing: -0.01em;}
.rsg-page .pb-seg.red{background: linear-gradient(135deg, var(--red), #9F1219);}
.rsg-page .pb-seg.orange{background: linear-gradient(135deg, var(--orange-500), #C46E1A);}
.rsg-page .pb-seg.green{background: linear-gradient(135deg, var(--green-500), var(--green-700));}
.rsg-page .pb-caption{margin-top: 14px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--ink-500); text-align: left; font-weight: 600;}
/* ============================================================
   COMPARISON TABLES (Pattern 19)
   ============================================================ */
.rsg-page .cmp-stack{display: grid; gap: 24px;}
.rsg-page .cmp-table{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 24px;}
.rsg-page .cmp-head h4{font-family: var(--font-display); font-size: 18px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 2px solid var(--ink-900);}
.rsg-page .cmp-grid{display: grid; grid-template-columns: 130px 1fr 1fr; gap: 0;}
.rsg-page .cmp-col-head{padding: 14px 12px; background: var(--paper-soft); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: var(--ink-900); border-bottom: 1px solid var(--line);}
.rsg-page .cmp-blank{background: var(--paper-soft); border-bottom: 1px solid var(--line);}
.rsg-page .cmp-key{padding: 14px 12px; background: var(--paper-soft); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-700); font-weight: 700; border-bottom: 1px solid var(--line-2);}
.rsg-page .cmp-val{padding: 14px 16px; font-size: 14px; color: var(--ink-2); border-bottom: 1px solid var(--line-2);}
.rsg-page .cmp-val.highlight{background: var(--green-50); color: var(--green-700); font-weight: 600;}
.rsg-page .cmp-note{margin: 18px 0 0; font-size: 14px; color: var(--ink-2);}
/* ============================================================
   CHANNEL SETUP TIMELINE (Pattern 29)
   ============================================================ */
.rsg-page .setup-timeline{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-md);}
.rsg-page .st-row{display: grid; grid-template-columns: 130px 1fr 90px; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line-2);}
.rsg-page .st-row:last-child{border-bottom: 0;}
.rsg-page .str-name{display: flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 700; font-size: 14px; color: var(--ink-900);}
.rsg-page .str-name i{width: 8px; height: 8px; border-radius: 50%; display: inline-block;}
.rsg-page .str-bar{height: 14px; background: var(--paper-soft); border-radius: 7px; overflow: hidden; position: relative;}
.rsg-page .str-fill{height: 100%; border-radius: 7px; transition: width 1s ease;}
.rsg-page .str-fill.yelp{width: 14%; background: linear-gradient(90deg, var(--green-500), var(--green-700));}
.rsg-page .str-fill.ppc{width: 28%; background: linear-gradient(90deg, #4285F4, #1E5BC4);}
.rsg-page .str-fill.meta{width: 28%; background: linear-gradient(90deg, #1877F2, #0A5BCB);}
.rsg-page .str-fill.lsa{width: 100%; background: linear-gradient(90deg, var(--orange-500), var(--red));}
.rsg-page .str-dur{font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--ink-900); text-align: right;}
.rsg-page .st-tip{padding: 14px 16px; background: var(--green-50); border-radius: 10px; margin-top: 16px; font-size: 13px; color: var(--green-700);}
.rsg-page .st-tip strong{color: var(--green-700);}
/* ============================================================
   BRAND INSIGHTS AI TABLE (Pattern 3)
   ============================================================ */
.rsg-page .brand-insights{background: #000; border-radius: var(--radius-lg); padding: 24px; color: #fff; box-shadow: var(--shadow-lg);}
.rsg-page .brand-insights header{display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 8px;}
.rsg-page .bi-icon{width: 36px; height: 36px; border-radius: 8px; background: linear-gradient(135deg, #8B5CF6, #A78BFA); display: inline-flex; align-items: center; justify-content: center; font-size: 18px;}
.rsg-page .brand-insights h4{color: #fff; flex: 1; font-size: 18px; margin: 0;}
.rsg-page .bi-tag{background: rgba(255,255,255,0.1); padding: 4px 10px; border-radius: 999px; font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;}
.rsg-page .bi-table{width: 100%; border-collapse: collapse;}
.rsg-page .bi-table th{text-align: left; padding: 12px 8px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.5); font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.08);}
.rsg-page .bi-table td{padding: 14px 8px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.85);}
.rsg-page .bi-table tr:last-child td{border-bottom: 0;}
.rsg-page .bi-plat{display: inline-block; width: 24px; height: 24px; border-radius: 50%; line-height: 24px; text-align: center; margin-right: 10px; font-size: 14px; color: #fff; font-weight: 700;}
.rsg-page .bi-plat.gemini{background: linear-gradient(135deg, #4285F4, #34A853);}
.rsg-page .bi-plat.chatgpt{background: #10A37F;}
.rsg-page .bi-plat.perplexity{background: #1A1A1A; border: 1px solid rgba(255,255,255,0.2);}
.rsg-page .bi-plat.grok{background: #000; border: 1px solid rgba(255,255,255,0.3);}
.rsg-page .bi-plat.copilot{background: linear-gradient(135deg, #00A4EF, #0078D4);}
.rsg-page .bi-plat.google{background: #fff; color: #4285F4;}
.rsg-page .bi-table td u{text-decoration: underline; text-decoration-color: rgba(255,255,255,0.3);}
.rsg-page .bi-emoji{margin-left: 10px;}
.rsg-page .bi-emoji.good{color: #22C55E;}
.rsg-page .bi-emoji.bad{color: #F97316;}
/* ============================================================
   RATING DISTRIBUTION + Google Business Profile PROFILE (Pattern 13 + 31)
   ============================================================ */
.rsg-page .reviews-grid{display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: start;}
.rsg-page .rating-dist{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 24px;}
.rsg-page .rd-top{display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--line-2); margin-bottom: 14px;}
.rsg-page .rd-top h5{font-size: 14px; margin: 0;}
.rsg-page .rd-score{display: flex; align-items: baseline; gap: 6px;}
.rsg-page .rd-score strong{font-family: var(--font-display); font-size: 32px; font-weight: 800; color: var(--ink-900);}
.rsg-page .rd-score span{color: var(--orange-500); font-size: 18px; letter-spacing: 1px;}
.rsg-page .rd-row{display: grid; grid-template-columns: 36px 1fr 50px; gap: 12px; align-items: center; margin-bottom: 10px;}
.rsg-page .rd-star{font-size: 13px; color: var(--ink-500); font-weight: 600;}
.rsg-page .rd-bar{height: 10px; background: var(--paper-soft); border-radius: 5px; overflow: hidden;}
.rsg-page .rd-fill{height: 100%; background: linear-gradient(90deg, var(--green-500), var(--green-600)); border-radius: 5px;}
.rsg-page .rd-pct{font-size: 12px; color: var(--ink-700); font-weight: 700; text-align: right;}
.rsg-page .rd-note{margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line-2); font-size: 13px; color: var(--ink-2);}
.rsg-page .rd-note strong{color: var(--green-700);}
.rsg-page .gbp-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 22px; box-shadow: var(--shadow-md);}
.rsg-page .gbp-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;}
.rsg-page .gbp-title{font-family: var(--font-display); font-weight: 700; font-size: 14px; color: var(--ink-900);}
.rsg-page .gbp-strength{font-family: var(--font-mono); font-size: 11px; color: var(--ink-500);}
.rsg-page .gbp-strength strong{color: var(--green-700); font-weight: 700;}
.rsg-page .gbp-tabs{display: flex; gap: 14px; padding: 12px 0; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); overflow-x: auto;}
.rsg-page .gbp-tabs::-webkit-scrollbar{display: none;}
.rsg-page .gbp-tab{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; color: var(--ink-500); white-space: nowrap; font-weight: 600; padding: 4px 0; border-bottom: 2px solid transparent;}
.rsg-page .gbp-tab.active{color: var(--ink-900); border-bottom-color: var(--green-500);}
.rsg-page .gbp-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 14px 0;}
.rsg-page .gbp-stat{background: var(--paper-soft); border-radius: 10px; padding: 12px 10px; text-align: center;}
.rsg-page .gbp-stat strong{display: block; font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .gbp-stat span{display: block; font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); margin-top: 6px; font-weight: 600;}
.rsg-page .gbp-mini-chart{padding: 12px 14px; background: var(--paper-soft); border-radius: 10px; margin-bottom: 14px;}
.rsg-page .gbp-mini-chart .gmc-row{display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;}
.rsg-page .gbp-mini-chart .gmc-row span:first-child{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-700); font-weight: 700;}
.rsg-page .gbp-mini-chart .gmc-row span:last-child{font-family: var(--font-display); font-size: 13px; font-weight: 700; color: var(--green-700);}
.rsg-page .gbp-mini-chart svg{width: 100%; height: 36px; display: block;}
.rsg-page .gbp-foot{padding-top: 4px;}
.rsg-page .gbp-foot strong{display: block; font-family: var(--font-display); font-size: 15px; color: var(--ink-900);}
.rsg-page .gbp-rate{display: block; font-size: 12px; color: var(--ink-700); margin: 2px 0;}
.rsg-page .gbp-rate b{color: var(--orange-500);}
.rsg-page .gbp-cat{display: block; font-size: 11px; color: var(--ink-500); margin-bottom: 10px;}
.rsg-page .gbp-verify{display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 10px; color: var(--green-700); font-weight: 700; letter-spacing: 0.04em; padding: 4px 10px; background: var(--green-50); border-radius: 999px;}
.rsg-page .gbp-verify svg{width: 13px; height: 13px; color: var(--green-500);}
/* ============================================================
   RISK CARDS (Pattern 24)
   ============================================================ */
.rsg-page .risk-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--grid-gap);}
.rsg-page .risk-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--card-pad-lg); position: relative; overflow: hidden;}
.rsg-page .risk-card .rc-bg-num{position: absolute; top: 4px; right: 18px; font-family: var(--font-display); font-size: 80px; font-weight: 800; color: var(--ink-900); opacity: 0.05; line-height: 1;}
.rsg-page .rc-sev{display: inline-block; padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin-bottom: 14px;}
.rsg-page .rc-sev.high{background: rgba(200,32,43,0.1); color: var(--red);}
.rsg-page .rc-sev.med{background: rgba(231,138,44,0.12); color: var(--orange-500);}
.rsg-page .rc-sev.low{background: var(--green-50); color: var(--green-700);}
.rsg-page .risk-card h3{font-size: 19px; margin-bottom: 12px;}
.rsg-page .risk-card p{font-size: 14px;}
.rsg-page .rc-move{margin-top: 16px; padding: 14px 16px; background: var(--paper-soft); border-left: 3px solid var(--green-500); border-radius: 0 10px 10px 0;}
.rsg-page .rc-move-tag{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-700); font-weight: 700; margin-bottom: 6px;}
.rsg-page .rc-move p{margin: 0; font-size: 13px; color: var(--ink-2);}
/* ============================================================
   EQUATION CALLOUT (Pattern 25) &mdash; used in lead-quality section
   ============================================================ */
.rsg-page .eq-card{border-radius: var(--radius-lg); padding: 44px; text-align: center; box-shadow: var(--shadow-lg); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);}
.rsg-page .eq-tag{display: inline-block; background: rgba(32,157,80,0.2); color: var(--green-500); padding: 6px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; margin-bottom: 24px;}
.rsg-page .eq-row{display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; margin-bottom: 18px;}
.rsg-page .eq-wrong{font-family: var(--font-mono); font-size: 22px; color: rgba(255,255,255,0.4); font-weight: 600;}
.rsg-page .eq-wrong s{text-decoration-color: var(--red); text-decoration-thickness: 2px;}
.rsg-page .eq-arrow{font-family: var(--font-display); font-size: 28px; color: var(--green-500);}
.rsg-page .eq-right{font-family: var(--font-mono); font-size: 22px; color: var(--green-500); font-weight: 700;}
.rsg-page .eq-note{font-size: 14px; color: rgba(255,255,255,0.72); max-width: 600px; margin: 0 auto;}
.rsg-page .leadq-grid{display: grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); margin-top: 40px;}
.rsg-page .leadq-card{background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-lg); padding: var(--card-pad-lg);}
.rsg-page .leadq-card h4{color: #fff; font-size: 18px; margin-bottom: 12px;}
.rsg-page .leadq-card p{color: rgba(255,255,255,0.75); font-size: 14px;}
.rsg-page .leadq-bars{display: grid; gap: 12px; margin-top: 16px;}
.rsg-page .leadq-bar-row{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center;}
.rsg-page .leadq-bar-row .lqr-label{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: rgba(255,255,255,0.7); font-weight: 600; text-transform: uppercase;}
.rsg-page .leadq-bar-row .lqr-bar{height: 24px; background: rgba(255,255,255,0.08); border-radius: 6px; overflow: hidden; position: relative; display: flex; align-items: center; padding: 0 8px;}
.rsg-page .leadq-bar-row .lqr-fill{position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, var(--green-500), var(--green-700)); border-radius: 6px;}
.rsg-page .leadq-bar-row .lqr-fill.red{background: linear-gradient(90deg, var(--red), #9F1219);}
.rsg-page .leadq-bar-row .lqr-val{position: relative; z-index: 2; font-family: var(--font-display); font-weight: 800; font-size: 13px; color: #fff;}
/* ============================================================
   VERIFIED PARTNER BADGES (Pattern 21)
   ============================================================ */
/* SPECIALIZATION &mdash; split layout (light section + dark partner card) */
.rsg-page .spec-split{display: grid; grid-template-columns: 1.1fr 0.95fr; gap: 56px; align-items: center;}
.rsg-page .spec-left .eyebrow{margin-bottom: 18px;}
.rsg-page .spec-left h2{margin-bottom: 18px;}
.rsg-page .spec-left .lede{max-width: 520px; margin-bottom: 28px;}
.rsg-page .spec-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 22px; background: #000; border-radius: var(--radius-lg);}
.rsg-page .spec-stats .ss-tile{padding: 4px 8px;}
.rsg-page .spec-stats .ss-tile strong{display: block; font-family: var(--font-display); font-size: 28px; font-weight: 800; color: var(--green-500); line-height: 1;}
.rsg-page .spec-stats .ss-tile span{display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.65); margin-top: 8px; font-weight: 700; line-height: 1.4;}
.rsg-page .cert-card{background: var(--dark-grad); border-radius: var(--radius-lg); padding: 32px; color: #fff; box-shadow: var(--shadow-lg); position: relative; overflow: hidden;}
.rsg-page .cert-card::before{content: ""; position: absolute; top: -40%; right: -20%; width: 280px; height: 280px; background: radial-gradient(circle, rgba(32,157,80,0.18), transparent 70%); pointer-events: none;}
.rsg-page .cc-tag{display: inline-block; background: rgba(32,157,80,0.18); color: var(--green-500); padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; margin-bottom: 14px; position: relative;}
.rsg-page .cert-card h4{font-size: 22px; color: #fff; margin-bottom: 10px; position: relative;}
.rsg-page .cert-card > p{color: rgba(255,255,255,0.7); font-size: 14px; margin-bottom: 22px; position: relative;}
.rsg-page .cc-list{display: grid; gap: 10px; margin-bottom: 22px; position: relative;}
.rsg-page .cc-row{display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; padding: 14px 16px; background: rgba(255,255,255,0.05); border-radius: 12px; border: 1px solid rgba(255,255,255,0.08);}
.rsg-page .cc-logo{width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: #fff;}
.rsg-page .cc-logo.yelp{background: linear-gradient(135deg, #FF1A1A, #C70000);}
.rsg-page .cc-logo.google{background: linear-gradient(135deg, #4285F4, #34A853);}
.rsg-page .cc-logo.meta{background: linear-gradient(135deg, #1877F2, #0A5BCB);}
.rsg-page .cc-logo.lsa{background: linear-gradient(135deg, #1A73E8, #0D47A1); font-size: 14px;}
.rsg-page .cc-info strong{display: block; font-family: var(--font-display); font-size: 14px; color: #fff;}
.rsg-page .cc-info span{display: block; font-family: var(--font-body); font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 2px;}
.rsg-page .cc-verify{display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: rgba(32,157,80,0.15); border: 1px solid rgba(32,157,80,0.3); border-radius: 999px; color: var(--green-500); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700;}
.rsg-page .cc-foot{color: rgba(255,255,255,0.55); font-size: 12px; font-style: italic; margin: 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.08); position: relative;}
/* ============================================================
   CASE STUDY &mdash; Google Search Console Dashboard + Lead Flow Chart
   ============================================================ */
.rsg-page .case-feature{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;}
.rsg-page .case-info h2 em{color: var(--green-500);}
.rsg-page .case-tiles{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 28px 0;}
.rsg-page .case-tile{padding: 18px 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px;}
.rsg-page .case-tile strong{display: block; font-family: var(--font-display); font-size: 28px; font-weight: 800; color: var(--green-500); line-height: 1;}
.rsg-page .case-tile span{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-top: 8px; font-weight: 600;}
.rsg-page .gsc-dash{background: #fff; border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-lg);}
/* Maryland case study --- premium redesign */
.rsg-page .case-roi-reveal{position: relative; display: grid; grid-template-columns: 1fr 100px 1.4fr; gap: 28px; align-items: center; padding: 32px 40px; margin: 0 0 40px; background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(32,157,80,0.06)); border: 1px solid rgba(255,255,255,0.10); border-radius: 20px; overflow: hidden;}
.rsg-page .case-roi-reveal::before{content: ""; position: absolute; top: -120px; right: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.20), transparent 65%); pointer-events: none;}
.rsg-page .roi-investment, .rsg-page .roi-result{display: flex; flex-direction: column; gap: 8px; position: relative; z-index: 1;}
.rsg-page .roi-investment .roi-label, .rsg-page .roi-result .roi-label{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;}
.rsg-page .roi-investment .roi-label{color: rgba(255,255,255,0.55);}
.rsg-page .roi-result .roi-label{color: var(--green-500);}
.rsg-page .roi-investment .roi-amount{font-family: var(--font-display); font-size: clamp(32px, 4vw, 44px); font-weight: 800; color: rgba(255,255,255,0.65); letter-spacing: -0.02em; line-height: 1;}
.rsg-page .roi-result .roi-amount{font-family: var(--font-display); font-size: clamp(48px, 6.5vw, 72px); font-weight: 800; letter-spacing: -0.03em; line-height: 1; background: linear-gradient(135deg, #fff 30%, #6EE7B7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.rsg-page .roi-investment .roi-sub, .rsg-page .roi-result .roi-sub{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.45); font-weight: 600;}
.rsg-page .roi-arrow{position: relative; display: flex; align-items: center; justify-content: center; z-index: 1;}
.rsg-page .roi-multiplier{position: absolute; top: -32px; left: 50%; transform: translateX(-50%); background: var(--green-500); color: #fff; padding: 5px 12px; border-radius: 999px; font-family: var(--font-display); font-weight: 800; font-size: 13px; box-shadow: 0 10px 24px rgba(32,157,80,0.40); white-space: nowrap;}
.rsg-page .roi-arrow-line{width: 80px; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,0.20), var(--green-500)); position: relative;}
.rsg-page .roi-arrow-line::after{content: ""; position: absolute; right: -2px; top: 50%; border: 8px solid transparent; border-left-color: var(--green-500); transform: translateY(-50%);}
.rsg-page .case-feature-v2{display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; margin-bottom: 32px;}
.rsg-page .case-info-v2{display: flex; flex-direction: column; gap: 22px;}
.rsg-page .case-chips{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
.rsg-page .case-chip{background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); border-radius: 14px; padding: 16px 18px; position: relative; overflow: hidden;}
.rsg-page .case-chip::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .case-chip strong{display: block; font-family: var(--font-display); font-size: 24px; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.02em;}
.rsg-page .case-chip span{display: block; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.65); margin-top: 8px; font-weight: 700;}
.rsg-page .case-quote{position: relative; padding: 18px 22px 18px 56px; background: rgba(32,157,80,0.08); border: 1px solid rgba(32,157,80,0.20); border-radius: 12px; color: rgba(255,255,255,0.88); font-size: 14.5px; line-height: 1.6; font-style: italic;}
.rsg-page .case-quote::before{content: "\201C"; position: absolute; top: -8px; left: 16px; font-family: var(--font-display); font-size: 64px; font-weight: 800; color: var(--green-500); line-height: 1; opacity: 0.55;}
.rsg-page .case-reasons-row{margin-top: 32px;}
.rsg-page .case-reasons-row .crh-head{display: flex; align-items: center; gap: 14px; margin-bottom: 18px;}
.rsg-page .case-reasons-row .crh-head .ct-tag{display: inline-flex; align-items: center; gap: 8px; background: rgba(32,157,80,0.18); color: var(--green-500); padding: 7px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; border: 1px solid rgba(32,157,80,0.30);}
.rsg-page .case-reasons-row .crh-divider{flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0.12), transparent);}
.rsg-page .case-reasons{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.rsg-page .case-reason{display: flex; flex-direction: column; gap: 12px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 22px 22px 20px; transition: border-color .25s, background .25s, transform .25s; position: relative; overflow: hidden;}
.rsg-page .case-reason::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; opacity: 0.85;}
.rsg-page .case-reason.r-amber::before{background: linear-gradient(90deg, #F59E0B, #FBBF24);}
.rsg-page .case-reason.r-blue::before{background: linear-gradient(90deg, #3B82F6, #60A5FA);}
.rsg-page .case-reason.r-green::before{background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .case-reason.r-amber:hover{border-color: rgba(245,158,11,0.35); background: rgba(245,158,11,0.05);}
.rsg-page .case-reason.r-blue:hover{border-color: rgba(59,130,246,0.35); background: rgba(59,130,246,0.05);}
.rsg-page .case-reason.r-green:hover{border-color: rgba(32,157,80,0.35); background: rgba(32,157,80,0.06);}
.rsg-page .case-reason:hover{transform: translateY(-3px);}
.rsg-page .case-reason .cr-icon{width: 48px; height: 48px; border-radius: 14px; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .case-reason.r-amber .cr-icon{background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 8px 20px rgba(245,158,11,0.30);}
.rsg-page .case-reason.r-blue .cr-icon{background: linear-gradient(135deg, #3B82F6, #1D4ED8); box-shadow: 0 8px 20px rgba(59,130,246,0.30);}
.rsg-page .case-reason.r-green .cr-icon{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 8px 20px rgba(32,157,80,0.30);}
.rsg-page .case-reason .cr-icon svg{width: 24px; height: 24px;}
.rsg-page .case-reason .cr-body strong{display: block; color: #fff; font-family: var(--font-display); font-size: 16px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.005em;}
.rsg-page .case-reason .cr-body p{margin: 0; color: rgba(255,255,255,0.75); font-size: 13.5px; line-height: 1.55;}
.rsg-page .case-dashboard{position: relative; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,0.40), 0 0 0 1px rgba(255,255,255,0.10);}
.rsg-page .case-dashboard-bar{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #F8FAFC; border-bottom: 1px solid #E2E8F0;}
.rsg-page .case-dashboard-bar .dash-dots{display: flex; gap: 6px;}
.rsg-page .case-dashboard-bar .dash-dots span{width: 10px; height: 10px; border-radius: 50%;}
.rsg-page .case-dashboard-bar .dash-dots .d1{background: #FF5F56;}
.rsg-page .case-dashboard-bar .dash-dots .d2{background: #FFBD2E;}
.rsg-page .case-dashboard-bar .dash-dots .d3{background: #27C93F;}
.rsg-page .case-dashboard-bar .dash-label{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #64748B; font-weight: 700;}
.rsg-page .case-dashboard-bar .dash-live{display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: #16A34A; font-weight: 700;}
.rsg-page .case-dashboard-bar .dash-live::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: #16A34A; box-shadow: 0 0 8px #16A34A; animation: dashPulse 2s infinite;}
.rsg-page .case-dashboard img{display: block; width: 100%; height: auto;}
.rsg-page .case-totals{position: relative; margin-top: 48px; padding: 32px 36px; background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(32,157,80,0.05)); border: 1px solid rgba(255,255,255,0.10); border-radius: 20px; overflow: hidden;}
.rsg-page .case-totals::before{content: ""; position: absolute; bottom: -120px; right: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.16), transparent 65%); pointer-events: none;}
.rsg-page .case-totals-head{display: flex; align-items: center; gap: 16px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.10); position: relative; z-index: 1;}
.rsg-page .case-totals-head .ct-tag{display: inline-flex; align-items: center; gap: 8px; background: rgba(32,157,80,0.18); color: var(--green-500); padding: 8px 16px; border-radius: 999px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; border: 1px solid rgba(32,157,80,0.30);}
.rsg-page .case-totals-head .ct-tag svg{width: 12px; height: 12px;}
.rsg-page .case-totals-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; position: relative; z-index: 1; margin-bottom: 24px;}
.rsg-page .case-total-card{position: relative; padding: 20px; border-radius: 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); display: flex; flex-direction: column; gap: 8px; transition: transform .25s, border-color .25s;}
.rsg-page .case-total-card:hover{transform: translateY(-3px); border-color: rgba(32,157,80,0.30);}
.rsg-page .case-total-card .ct-icon{width: 36px; height: 36px; border-radius: 10px; background: rgba(32,157,80,0.18); color: var(--green-500); display: flex; align-items: center; justify-content: center; margin-bottom: 4px;}
.rsg-page .case-total-card .ct-icon svg{width: 18px; height: 18px;}
.rsg-page .case-total-card .ct-num{font-family: var(--font-display); font-size: clamp(26px, 2.5vw, 32px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: #fff;}
.rsg-page .case-total-card .ct-lbl{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.65); font-weight: 700;}
.rsg-page .case-totals-summary{position: relative; z-index: 1; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.10); color: rgba(255,255,255,0.85); font-size: 14.5px; line-height: 1.65; margin: 0;}
.rsg-page .case-totals-summary strong{color: #fff; font-weight: 700;}
@media (max-width: 880px){.rsg-page .case-feature-v2{grid-template-columns: 1fr; gap: 32px;}}
@media (max-width: 880px){.rsg-page .case-reasons{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .case-roi-reveal{grid-template-columns: 1fr; padding: 24px;}}
@media (max-width: 880px){.rsg-page .case-roi-reveal .roi-arrow{transform: rotate(90deg); margin: 0 auto;}}
@media (max-width: 880px){.rsg-page .case-totals-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 640px){.rsg-page .case-chips{grid-template-columns: 1fr;}}
@media (max-width: 640px){.rsg-page .case-totals-grid{grid-template-columns: 1fr;}}
.rsg-page .gsc-head{display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--line-2); margin-bottom: 18px;}
.rsg-page .gsc-head strong{font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--ink-900);}
.rsg-page .gsc-range{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--ink-500); padding: 4px 10px; background: var(--paper-soft); border-radius: 6px; font-weight: 600;}
.rsg-page .gsc-tiles{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 18px;}
.rsg-page .gsc-tile{padding: 12px; border-radius: 10px; color: #fff;}
.rsg-page .gsc-tile span{display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.92; margin-bottom: 6px; font-weight: 700;}
.rsg-page .gsc-tile strong{display: block; font-family: var(--font-display); font-size: 22px; font-weight: 800;}
.rsg-page .gsc-tile.blue{background: linear-gradient(135deg, #4285F4, #1E5BC4);}
.rsg-page .gsc-tile.purple{background: linear-gradient(135deg, #8B5CF6, #6D3FD6);}
.rsg-page .gsc-tile.green{background: linear-gradient(135deg, #22C55E, var(--green-700));}
.rsg-page .gsc-tile.orange{background: linear-gradient(135deg, var(--orange-500), #C46E1A);}
.rsg-page .gsc-chart{position: relative;}
.rsg-page .gsc-chart svg{width: 100%; height: 180px; display: block;}
.rsg-page .gsc-axis{display: flex; justify-content: space-between; padding-top: 6px; font-family: var(--font-mono); font-size: 10px; color: var(--ink-500); font-weight: 600;}
.rsg-page .gsc-legend{display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-2);}
.rsg-page .gsc-legend span{display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; color: var(--ink-700); font-weight: 600;}
.rsg-page .gsc-legend i{width: 12px; height: 3px; border-radius: 2px;}
/* ============================================================
   OPS GRID (Pattern 23)
   ============================================================ */
.rsg-page .ops-strip{text-align: left;}
.rsg-page .ops-status{background: #000; color: #fff; padding: 12px 22px; border-radius: 999px; display: inline-flex; align-items: center; gap: 14px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; margin: 0 auto 32px;}
.rsg-page .ops-status .live{display: inline-flex; align-items: center; gap: 6px;}
.rsg-page .ops-status .live i{width: 7px; height: 7px; border-radius: 50%; background: var(--green-500); animation: pulse 2s infinite;}
.rsg-page .ops-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); text-align: left;}
.rsg-page .ops-col{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--card-pad-lg);}
.rsg-page .oc-tag{display: inline-block; background: var(--green-50); color: var(--green-700); padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin-bottom: 12px;}
.rsg-page .ops-col h3{font-size: 17px; margin-bottom: 18px; line-height: 1.35;}
.rsg-page .ops-col ul{list-style: none; padding: 0; margin: 0 0 16px;}
.rsg-page .ops-col li{padding: 14px 0; border-top: 1px solid var(--line-2); font-size: 14px; color: var(--ink-2); line-height: 1.6;}
.rsg-page .ops-col li:first-child{border-top: 0; padding-top: 0;}
.rsg-page .ops-col li strong{color: var(--ink-900);}
/* High-budget exception callout (premium dark card with stat band + pills) */
.rsg-page .hb-callout{position: relative; background: var(--dark-grad); color: #fff; border-radius: 20px; padding: 32px 36px; max-width: 980px; margin: 40px 0 0; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.30);}
.rsg-page .hb-callout::before{content: ""; position: absolute; top: -120px; right: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.20), transparent 65%); pointer-events: none;}
.rsg-page .hb-callout::after{content: ""; position: absolute; bottom: -100px; left: -100px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(32,157,80,0.10), transparent 65%); pointer-events: none;}
.rsg-page .hb-decoration{position: absolute; top: 28px; right: 32px; display: flex; gap: 8px; z-index: 1;}
.rsg-page .hb-decoration .hb-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 12px rgba(32,157,80,0.6);}
.rsg-page .hb-decoration .hb-dot.d2{background: rgba(32,157,80,0.6); box-shadow: 0 0 8px rgba(32,157,80,0.4);}
.rsg-page .hb-decoration .hb-dot.d3{background: rgba(255,255,255,0.3); box-shadow: none;}
.rsg-page .hb-tag{display: inline-flex; align-items: center; gap: 8px; background: rgba(32,157,80,0.18); color: var(--green-500); padding: 6px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; border: 1px solid rgba(32,157,80,0.30); margin-bottom: 18px; position: relative; z-index: 2;}
.rsg-page .hb-tag svg{width: 12px; height: 12px; color: #FFD60A;}
.rsg-page .hb-stat-band{display: grid; grid-template-columns: 1fr 48px 1fr; gap: 24px; align-items: center; padding: 22px 28px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 14px; margin-bottom: 24px; position: relative; z-index: 2;}
.rsg-page .hb-big-stat{display: flex; flex-direction: column; gap: 4px;}
.rsg-page .hb-big-num{font-family: var(--font-display); font-size: clamp(26px, 3vw, 34px); font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1;}
.rsg-page .hb-big-stat.alt .hb-big-num{background: linear-gradient(135deg, var(--green-500), #6EE7B7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.rsg-page .hb-big-lbl{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 700;}
.rsg-page .hb-arrow{width: 44px; height: 44px; border-radius: 50%; background: var(--green-500); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 28px rgba(32,157,80,0.45); justify-self: center;}
.rsg-page .hb-arrow svg{width: 22px; height: 22px;}
.rsg-page .hb-body{position: relative; z-index: 2;}
.rsg-page .hb-body p{color: rgba(255,255,255,0.78); font-size: 14.5px; line-height: 1.7; margin: 0 0 14px;}
.rsg-page .hb-body p:last-child{margin-bottom: 0;}
.rsg-page .hb-body p strong{color: #fff; font-weight: 700;}
.rsg-page .hb-pills{display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
.rsg-page .hb-actions{display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.10); position: relative; z-index: 2;}
.rsg-page .hb-cta-btn{display: inline-flex; align-items: center; padding: 10px 20px; background: var(--green-500); color: #fff; border-radius: 999px; text-decoration: none; font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; transition: background .2s, transform .2s; box-shadow: 0 6px 16px rgba(44,122,75,0.30); white-space: nowrap;}
.rsg-page .hb-cta-btn:hover{background: var(--green-600); transform: translateY(-1px);}
@media (max-width: 720px){.rsg-page .hb-actions{justify-content: flex-start;}}
@media (max-width: 720px){.rsg-page .hb-cta-btn{width: 100%; justify-content: center;}}
.rsg-page .hb-pill{display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.06); color: #fff; border: 1px solid rgba(255,255,255,0.12); padding: 8px 16px 8px 8px; border-radius: 999px; font-family: var(--font-display); font-size: 13px; font-weight: 700; transition: background .25s, border-color .25s;}
.rsg-page .hb-pill:hover{background: rgba(32,157,80,0.16); border-color: rgba(32,157,80,0.30);}
.rsg-page .hb-pill .hb-pill-num{width: 22px; height: 22px; border-radius: 50%; background: var(--green-500); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 10px; font-weight: 800;}
@media (max-width: 720px){.rsg-page .hb-callout{padding: 26px 22px;}}
@media (max-width: 720px){.rsg-page .hb-stat-band{grid-template-columns: 1fr; gap: 14px; padding: 18px;}}
@media (max-width: 720px){.rsg-page .hb-arrow{transform: rotate(90deg); margin: 0 auto; width: 36px; height: 36px;}}
@media (max-width: 720px){.rsg-page .hb-arrow svg{width: 18px; height: 18px;}}
@media (max-width: 720px){.rsg-page .hb-decoration{top: 18px; right: 18px;}}
/* Phase timeline (vertical numbered roadmap) */
.rsg-page .phase-timeline{position: relative; max-width: 980px; margin: 0 0 40px;}
.rsg-page .pt-row{display: grid; grid-template-columns: 60px 1fr; gap: 24px; position: relative; padding-bottom: 22px;}
.rsg-page .pt-row:last-child{padding-bottom: 0;}
.rsg-page .pt-num-col{position: relative; display: flex; justify-content: center;}
.rsg-page .pt-num{width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 15px; box-shadow: 0 8px 20px rgba(32,157,80,0.30), 0 0 0 5px rgba(32,157,80,0.10); position: relative; z-index: 2; flex-shrink: 0; height: 48px;}
.rsg-page .pt-num.dark{background: linear-gradient(135deg, var(--ink-900), #000); box-shadow: 0 8px 20px rgba(0,0,0,0.22), 0 0 0 5px rgba(0,0,0,0.08);}
.rsg-page .pt-line{position: absolute; top: 50px; bottom: -22px; left: 50%; transform: translateX(-50%); width: 2px; background: linear-gradient(180deg, rgba(32,157,80,0.40), var(--line-2)); z-index: 1;}
.rsg-page .pt-row:last-child .pt-line{display: none;}
.rsg-page .pt-card{background: var(--paper-soft); border: 1px solid var(--line-2); border-radius: 14px; padding: 20px 24px; transition: border-color .25s, transform .25s, box-shadow .25s;}
.rsg-page .pt-card:hover{border-color: rgba(32,157,80,0.30); box-shadow: 0 8px 24px rgba(0,0,0,0.06); transform: translateX(2px);}
.rsg-page .pt-card .pt-meta{display: inline-flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.rsg-page .pt-card .pt-badge{display: inline-block; background: rgba(32,157,80,0.12); color: var(--green-700); padding: 4px 10px; border-radius: 6px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700;}
.rsg-page .pt-card h3{font-family: var(--font-display); font-size: 19px; font-weight: 800; color: var(--ink-900); margin: 0 0 10px; line-height: 1.3; letter-spacing: -0.005em;}
.rsg-page .pt-card p{margin: 0; font-size: 14px; color: var(--ink-2); line-height: 1.65;}
@media (max-width: 640px){.rsg-page .phase-timeline .pt-row{grid-template-columns: 48px 1fr; gap: 16px;}}
@media (max-width: 640px){.rsg-page .phase-timeline .pt-num{width: 40px; height: 40px; font-size: 13px;}}
@media (max-width: 640px){.rsg-page .phase-timeline .pt-card{padding: 16px 18px;}}
@media (max-width: 640px){.rsg-page .phase-timeline .pt-card h3{font-size: 16.5px;}}
@media (max-width: 640px){.rsg-page .phase-timeline .pt-line{top: 42px;}}
.rsg-page .oc-caption{display: block; padding-top: 14px; border-top: 1px solid var(--line-2); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .oc-caption .dot-active{color: var(--green-500);}
/* ============================================================
   SCORE VISUALIZATION (Pattern 5)
   ============================================================ */
.rsg-page .score-viz{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 720px; margin: 0 auto 40px;}
.rsg-page .sv-side{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px;}
.rsg-page .sv-side.green{border-top: 4px solid var(--green-500);}
.rsg-page .sv-side.red{border-top: 4px solid var(--red);}
.rsg-page .sv-num{width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 24px; font-weight: 800; color: #fff;}
.rsg-page .sv-side.green .sv-num{background: linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow: 0 8px 24px rgba(32,157,80,0.3);}
.rsg-page .sv-side.red .sv-num{background: linear-gradient(135deg, var(--red), #9F1219); box-shadow: 0 8px 24px rgba(200,32,43,0.3);}
.rsg-page .sv-side p{margin: 0; font-size: 14px; color: var(--ink-2);}
.rsg-page .sv-side p strong{display: block; color: var(--ink-900); margin-bottom: 4px; font-size: 16px;}
.rsg-page .verdict-wrap{position: relative;}
.rsg-page .verdict-grid{display: grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); position: relative;}
.rsg-page .verdict-grid::before{content: "VS"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 1.5px solid var(--line); box-shadow: var(--shadow-md); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: var(--ink-700); letter-spacing: 0.04em; z-index: 5;}
.rsg-page .verdict-col{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--card-pad-lg); position: relative;}
.rsg-page .verdict-col .vh-icon{position: absolute; top: 22px; right: 22px; width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff;}
.rsg-page .verdict-col.green .vh-icon{background: var(--green-500);}
.rsg-page .verdict-col.red .vh-icon{background: var(--red);}
.rsg-page .verdict-col .vh-icon svg{width: 18px; height: 18px;}
.rsg-page .verdict-col.green{border-top: 4px solid var(--green-500);}
.rsg-page .verdict-col.red{border-top: 4px solid var(--red);}
.rsg-page .verdict-col header{padding-bottom: 16px; border-bottom: 1px solid var(--line-2); margin-bottom: 16px;}
.rsg-page .vh-tag{display: inline-block; padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}
.rsg-page .verdict-col.green .vh-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .verdict-col.red .vh-tag{background: rgba(200,32,43,0.1); color: var(--red);}
.rsg-page .verdict-col h3{font-size: 18px;}
.rsg-page .vc-item{display: grid; grid-template-columns: 36px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line-2);}
.rsg-page .vc-item:last-child{border-bottom: 0;}
.rsg-page .vc-num{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: #fff;}
.rsg-page .verdict-col.green .vc-num{background: var(--green-500);}
.rsg-page .verdict-col.red .vc-num{background: var(--red);}
.rsg-page .vc-body strong{display: block; font-family: var(--font-display); font-size: 14px; color: var(--ink-900); margin-bottom: 4px;}
.rsg-page .vc-body p{margin: 0; font-size: 13px; color: var(--ink-2);}
/* ============================================================
   PRICING (3-tier with featured Accelerate)
   ============================================================ */
.rsg-page .pricing-section{padding: var(--section-y) 0; background: var(--paper-soft);}
.rsg-page .pricing-includes{background: #fff; border-radius: 999px; padding: 14px 28px; display: inline-flex; align-items: center; gap: 18px; margin: 0 auto 40px; flex-wrap: wrap; justify-content: center; box-shadow: var(--shadow-md);}
.rsg-page .pricing-includes strong{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-700); font-weight: 700;}
.rsg-page .pricing-includes span{font-family: var(--font-mono); font-size: 11px; color: var(--ink-700); display: inline-flex; align-items: center; gap: 6px;}
.rsg-page .pricing-includes span::before{content: "✓"; color: var(--green-500); font-weight: 700;}
.rsg-page .pricing-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); align-items: stretch;}
.rsg-page .pricing-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--card-pad-lg); display: flex; flex-direction: column; position: relative;}
.rsg-page .pricing-card.featured{background: #000; color: #fff; transform: translateY(-12px); box-shadow: var(--shadow-lg); border-color: rgba(255,255,255,0.1);}
.rsg-page .pricing-card.featured h3{color: #fff;}
.rsg-page .pricing-card.featured .price-amt{color: #fff;}
.rsg-page .pricing-card.featured .price-band, .rsg-page .pricing-card.featured .price-list li{color: rgba(255,255,255,0.8);}
.rsg-page .pricing-card.featured .price-list li::before{color: var(--green-500);}
.rsg-page .featured-badge{position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--green-500); color: #fff; padding: 6px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700;}
.rsg-page .price-tag{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-700); font-weight: 700; margin-bottom: 10px;}
.rsg-page .pricing-card.featured .price-tag{color: var(--green-500);}
.rsg-page .pricing-card h3{font-size: 24px; margin-bottom: 6px;}
.rsg-page .price-band{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); margin-bottom: 18px;}
.rsg-page .price-amt{font-family: var(--font-display); font-size: 44px; font-weight: 800; line-height: 1; color: var(--ink-900); margin-bottom: 4px;}
.rsg-page .price-amt sub{font-size: 14px; font-weight: 500; color: var(--ink-500); margin-left: 2px; vertical-align: baseline;}
.rsg-page .price-desc{font-size: 13px; color: var(--ink-2); margin: 14px 0 20px; min-height: 38px;}
.rsg-page .pricing-card.featured .price-desc{color: rgba(255,255,255,0.75);}
.rsg-page .price-list{list-style: none; padding: 0; margin: 0 0 24px; flex: 1;}
.rsg-page .price-list li{padding: 8px 0 8px 24px; font-size: 13px; color: var(--ink-2); position: relative;}
.rsg-page .price-list li::before{content: "✓"; position: absolute; left: 0; color: var(--green-500); font-weight: 800;}
.rsg-page .price-list li strong{color: var(--ink-900);}
.rsg-page .pricing-card.featured .price-list li strong{color: #fff;}
/* Pricing v2 &mdash; full-content card layout matching live pricing page */
.rsg-page .pg-v2 .pricing-card{padding: 30px 28px; gap: 0;}
.rsg-page .pg-v2 .price-tier-name{display: block; font-family: var(--font-display); font-size: 13px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-600); margin-bottom: 8px;}
.rsg-page .pg-v2 .pricing-card.featured .price-tier-name{color: var(--green-500);}
.rsg-page .pg-v2 .pricing-card:last-child .price-tier-name{color: var(--green-700);}
.rsg-page .pg-v2 .price-amt{font-family: var(--font-display); font-size: 44px; font-weight: 800; line-height: 1; color: var(--ink-900); margin: 0 0 18px; display: flex; align-items: baseline; gap: 4px;}
.rsg-page .pg-v2 .price-amt strong{font-weight: 800;}
.rsg-page .pg-v2 .price-amt span{font-size: 16px; font-weight: 500; color: var(--ink-500);}
.rsg-page .pg-v2 .pricing-card.featured .price-amt{color: #fff;}
.rsg-page .pg-v2 .pricing-card.featured .price-amt span{color: rgba(255,255,255,0.7);}
.rsg-page .pg-v2 .price-desc-lead{font-family: var(--font-display); font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--ink-900); margin: 0 0 10px; letter-spacing: -0.005em;}
.rsg-page .pg-v2 .pricing-card.featured .price-desc-lead{color: #fff;}
.rsg-page .pg-v2 .price-desc{font-size: 13.5px; color: var(--ink-2); margin: 0 0 20px; line-height: 1.55; min-height: 0;}
.rsg-page .pg-v2 .price-list{margin: 0 0 18px;}
.rsg-page .pg-v2 .price-list li{padding: 6px 0 6px 24px; font-size: 13px; line-height: 1.5;}
.rsg-page .pg-v2 .price-list li.pl-highlight{color: var(--green-600); font-weight: 700;}
.rsg-page .pg-v2 .pricing-card.featured .price-list li.pl-highlight{color: var(--green-500);}
.rsg-page .pg-v2 .price-baseline{display: inline-flex; align-items: center; gap: 6px; padding: 0 0 18px; border-top: 1px solid var(--line); padding-top: 16px; margin: 0 0 18px; font-family: var(--font-body); font-size: 12px; font-style: italic; color: var(--ink-500); cursor: pointer;}
.rsg-page .pg-v2 .price-baseline svg{width: 14px; height: 14px;}
.rsg-page .pg-v2 .pricing-card.featured .price-baseline{border-top-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.6);}
.rsg-page .pg-v2 .price-cta{margin-top: auto; width: 100%; justify-content: center; text-align: center;}
.rsg-page .btn-amber{display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; background: linear-gradient(135deg, #F5B84D, #DC9632); color: #fff; border: 0; border-radius: 999px; font-family: var(--font-display); font-size: 14px; font-weight: 700; text-decoration: none; letter-spacing: 0.01em; transition: transform .2s, box-shadow .2s; box-shadow: 0 10px 24px rgba(220,150,50,0.32);}
.rsg-page .btn-amber:hover{transform: translateY(-1px); box-shadow: 0 14px 32px rgba(220,150,50,0.42);}
/* Featured (Accelerate) card &mdash; force all content to render white per user request */
.rsg-page .pg-v2 .pricing-card.featured{padding-top: 30px;}
.rsg-page .pg-v2 .pricing-card.featured .price-amt strong{color: #FFFFFF;}
.rsg-page .pg-v2 .pricing-card.featured .price-amt span{color: rgba(255,255,255,0.85);}
.rsg-page .pg-v2 .pricing-card.featured .price-desc-lead{color: #FFFFFF;}
.rsg-page .pg-v2 .pricing-card.featured .price-desc{color: rgba(255,255,255,0.85);}
.rsg-page .pg-v2 .pricing-card.featured .price-list li{color: rgba(255,255,255,0.92);}
.rsg-page .pg-v2 .pricing-card.featured .price-list li.pl-highlight{color: #FFFFFF; font-weight: 700;}
.rsg-page .pg-v2 .pricing-card.featured .price-list li::before{color: #FFFFFF;}
.rsg-page .pg-v2 .pricing-card.featured .price-tier-name{color: var(--green-500);}
.rsg-page .pg-v2 .pricing-card.featured .price-baseline{color: rgba(255,255,255,0.7); border-top-color: rgba(255,255,255,0.18);}
.rsg-page .price-cta{width: 100%;}
.rsg-page .price-footnote{text-align: left; max-width: 700px; margin: 32px 0 0; font-size: 12px; color: var(--ink-500); font-style: italic;}
/* ============================================================
   MUTUAL FIT (3-column with Pact black card)
   ============================================================ */
.rsg-page .fit-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap);}
.rsg-page .fit-col{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--card-pad-lg); position: relative;}
.rsg-page .fit-col.pact{background: var(--dark-grad); color: #fff; border-color: rgba(255,255,255,0.1);}
.rsg-page .fit-col.pact h3{color: #fff;}
.rsg-page .fit-col header{padding: 4px 0 16px; border-bottom: 1px solid var(--line-2); margin-bottom: 16px; padding-left: 52px;}
.rsg-page .fit-col.pact header{border-bottom-color: rgba(255,255,255,0.12);}
.rsg-page .fit-col .fit-icon{position: absolute; top: var(--card-pad-lg); left: var(--card-pad-lg); width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff;}
.rsg-page .fit-col .fit-icon svg{width: 18px; height: 18px;}
.rsg-page .fit-col.notfit .fit-icon{background: var(--red);}
.rsg-page .fit-col.builtfor .fit-icon{background: var(--green-500);}
.rsg-page .fit-col.pact .fit-icon{background: var(--green-500); box-shadow: 0 0 0 4px rgba(32,157,80,0.18);}
.rsg-page .fit-col .fit-tag{position: absolute; top: calc(var(--card-pad-lg) + 6px); right: var(--card-pad-lg); padding: 5px 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; background: var(--paper-soft); color: var(--ink-700);}
.rsg-page .fit-col.notfit .fit-tag{background: rgba(200,32,43,0.1); color: var(--red);}
.rsg-page .fit-col.builtfor .fit-tag{background: var(--green-50); color: var(--green-700);}
.rsg-page .fit-col.pact .fit-tag{background: rgba(231,138,44,0.18); color: var(--orange-500);}
.rsg-page .fit-col h3{font-size: 17px; line-height: 1.35;}
.rsg-page .fit-col ul{list-style: none; padding: 0; margin: 0;}
.rsg-page .fit-col li{padding: 12px 0 12px 20px; font-size: 13px; line-height: 1.6; position: relative; border-bottom: 1px solid var(--line-2);}
.rsg-page .fit-col.pact li{color: rgba(255,255,255,0.82); border-bottom-color: rgba(255,255,255,0.08);}
.rsg-page .fit-col li:last-child{border-bottom: 0;}
.rsg-page .fit-col li::before{content: ""; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%;}
.rsg-page .fit-col.notfit li::before{background: var(--red);}
.rsg-page .fit-col.builtfor li::before{background: var(--green-500);}
.rsg-page .fit-col.pact li::before{background: var(--green-500); box-shadow: 0 0 12px rgba(32,157,80,0.6);}
/* ============================================================
   TESTIMONIALS (Pattern 9)
   ============================================================ */
.rsg-page .testimonials{padding: var(--section-y) 0;}
.rsg-page .test-card{position: relative; max-width: 920px; margin: 0 auto; background: #fff; border-radius: var(--radius-lg); padding: 48px 64px; box-shadow: var(--shadow-md);}
.rsg-page .test-grid{display: grid; grid-template-columns: 140px 1fr; gap: 36px; align-items: start;}
.rsg-page .test-photo{width: 140px; height: 140px; border-radius: 50%; background: var(--paper-soft); border: 3px solid var(--green-500); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .test-photo-fallback{font-family: var(--font-display); font-size: 42px; font-weight: 800; color: var(--green-500);}
.rsg-page .test-stars{color: #FBBF24; font-size: 22px; letter-spacing: 2px; margin-bottom: 14px;}
.rsg-page .test-quote{font-size: 17px; color: var(--ink-2); line-height: 1.65; margin: 0 0 14px;}
.rsg-page .test-greenline{font-size: 17px; line-height: 1.65; color: var(--green-700); font-weight: 600; margin: 0 0 18px; background: var(--green-50); padding: 10px 14px; border-radius: 8px; border-left: 3px solid var(--green-500);}
.rsg-page .test-attrib strong{display: block; font-size: 16px; color: var(--ink-900);}
.rsg-page .test-attrib span{font-size: 13px; color: var(--ink-500);}
.rsg-page .test-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: var(--paper-soft); border: 0; cursor: pointer; font-size: 18px; color: var(--ink-700);}
.rsg-page .test-arrow.left{left: -20px;}
.rsg-page .test-arrow.right{right: -20px;}
/* New testimonials carousel (4-slide) */
.rsg-page .tc-carousel{position: relative; max-width: 1080px; margin: 0 auto; padding: 0 56px;}
.rsg-page .tc-viewport{position: relative; overflow: hidden; border-radius: 22px;}
.rsg-page .tc-track{display: flex; transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1);}
.rsg-page .tc-slide{min-width: 100%; display: grid; grid-template-columns: 1fr 1.1fr; gap: 36px; padding: 36px 40px; background: var(--paper-soft); align-items: center;}
.rsg-page .tc-content{display: flex; flex-direction: column; gap: 18px;}
.rsg-page .tc-quote-normal{font-size: 14.5px; line-height: 1.65; color: var(--ink-2); margin: 0;}
.rsg-page .tc-quote-highlight{font-family: var(--font-display); font-size: 17px; line-height: 1.55; color: var(--green-700); font-weight: 700; margin: 0; letter-spacing: -0.005em;}
.rsg-page .needs-source{background: rgba(231,138,44,0.08); border: 1px dashed var(--orange-500); padding: 16px 18px; border-radius: var(--radius-md); font-family: var(--font-mono); font-size: 12px; color: var(--orange-500); font-style: normal; line-height: 1.5; letter-spacing: 0.02em;}
.rsg-page .tc-attrib{display: inline-flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 8px 22px 8px 8px; margin-top: 4px; align-self: flex-start; box-shadow: 0 6px 16px rgba(0,0,0,0.06);}
.rsg-page .tc-avatar{width: 50px; height: 50px; border-radius: 50%; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 16px;}
.rsg-page .tc-avatar img{width: 100%; height: 100%; object-fit: cover;}
.rsg-page .tc-avatar.av-1{background: linear-gradient(135deg, #3B82F6, #1D4ED8);}
.rsg-page .tc-avatar.av-2{background: linear-gradient(135deg, #F5B84D, #DC9632);}
.rsg-page .tc-avatar.av-3{background: linear-gradient(135deg, var(--green-500), var(--green-700));}
.rsg-page .tc-avatar.av-4{background: linear-gradient(135deg, #EF4444, #B91C1C);}
.rsg-page .tc-attrib-text{display: flex; flex-direction: column; gap: 2px;}
.rsg-page .tc-attrib-text strong{color: var(--ink-900); font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -0.005em; line-height: 1.2;}
.rsg-page .tc-attrib-text span{color: var(--green-700); font-size: 12.5px; font-weight: 600;}
.rsg-page .tc-hero{position: relative; aspect-ratio: 4/3; border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, #E2E8F0, #CBD5E1); box-shadow: 0 16px 40px rgba(0,0,0,0.10);}
.rsg-page .tc-hero img{width: 100%; height: 100%; object-fit: cover; display: block;}
.rsg-page .tc-arrow{position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 44px !important; height: 44px !important; min-width: 44px !important; padding: 0 !important; border-radius: 50% !important; background: #FFFFFF !important; color: #475569 !important; border: 1px solid #E5E7EB !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important; transition: background .2s, transform .2s, box-shadow .2s !important; z-index: 2 !important; appearance: none !important; -webkit-appearance: none !important; text-decoration: none !important; font: inherit !important; line-height: 1 !important;}
.rsg-page .tc-arrow:hover{background: #2C7A4B !important; border-color: #2C7A4B !important; color: #FFFFFF !important; transform: translateY(-50%) scale(1.05) !important; box-shadow: 0 10px 24px rgba(44,122,75,0.25) !important;}
.rsg-page .tc-arrow:hover svg, .rsg-page .tc-arrow:hover svg *{color: #FFFFFF !important; stroke: #FFFFFF !important;}
.rsg-page .tc-arrow svg{width: 18px !important; height: 18px !important; display: block !important; color: #475569 !important; stroke: #475569 !important; fill: none !important; flex-shrink: 0 !important; pointer-events: none !important;}
.rsg-page .tc-arrow.left{left: 0;}
.rsg-page .tc-arrow.right{right: 0;}
.rsg-page .tc-dots{display: flex; justify-content: center; gap: 8px; margin-top: 24px;}
.rsg-page .tc-dot{width: 28px; height: 6px; border-radius: 999px; background: var(--line); border: 0; cursor: pointer; padding: 0; transition: background .25s, width .25s;}
.rsg-page .tc-dot.active{background: var(--green-500); width: 44px;}
.rsg-page .tc-dot:hover{background: var(--green-700);}
@media (max-width: 880px){.rsg-page .tc-carousel{padding: 0 12px;}}
@media (max-width: 880px){.rsg-page .tc-slide{grid-template-columns: 1fr; padding: 28px 22px; gap: 24px;}}
@media (max-width: 880px){.rsg-page .tc-arrow{top: auto !important; bottom: -52px !important; transform: none !important;}}
@media (max-width: 880px){.rsg-page .tc-arrow:hover{transform: scale(1.05) !important;}}
@media (max-width: 880px){.rsg-page .tc-arrow.left{left: calc(50% - 56px);}}
@media (max-width: 880px){.rsg-page .tc-arrow.right{right: calc(50% - 56px);}}
@media (max-width: 880px){.rsg-page .tc-dots{margin-top: 60px;}}
.rsg-page .test-dots{display: flex; gap: 6px; justify-content: center; margin-top: 28px;}
.rsg-page .test-dots .dot{width: 6px; height: 6px; border-radius: 50%; background: var(--line);}
.rsg-page .test-dots .dot.active{background: var(--green-500); width: 22px; border-radius: 3px;}
/* ============================================================
   FAQ
   ============================================================ */
.rsg-page .faq{padding: var(--section-y) 0; background: var(--paper);}
.rsg-page .faq-list{max-width: 880px; margin: 0 auto; display: grid; gap: 12px;}
.rsg-page .faq-item{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden;}
.rsg-page .faq-item details summary{padding: 22px 28px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 18px; font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-900);}
.rsg-page .faq-item details summary::-webkit-details-marker{display: none;}
.rsg-page .faq-item details summary::after{content: ""; width: 28px; height: 28px; border-radius: 50%; background: var(--green-50); flex-shrink: 0; position: relative; transition: transform .2s;}
.rsg-page .faq-item details summary{position: relative;}
.rsg-page .faq-item details summary::before{content: ""; position: absolute; right: 36px; width: 10px; height: 10px; border-right: 2px solid var(--green-600); border-bottom: 2px solid var(--green-600); transform: translateY(-3px) rotate(45deg); transition: transform .2s; z-index: 2;}
.rsg-page .faq-item details[open] summary::before{transform: translateY(3px) rotate(-135deg);}
.rsg-page .faq-item details .faq-body{padding: 0 28px 24px; font-size: 14px; color: var(--ink-2); line-height: 1.7; text-transform: none; font-family: var(--font-body);}
.rsg-page .faq-item details .faq-body p{margin: 0 0 12px;}
.rsg-page .faq-item details .faq-body p:last-child{margin: 0;}
/* FAQ v2 - 2-col header with callout + numbered list */
.rsg-page .faq-v2 .faq-top{display: grid; grid-template-columns: 1fr 380px; gap: 56px; align-items: start; margin-bottom: 44px;}
.rsg-page .faq-v2 .faq-top-left .eyebrow{display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-600); font-family: var(--font-display); margin-bottom: 14px;}
.rsg-page .faq-v2 .faq-top-left .eyebrow::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--green-500);}
.rsg-page .faq-v2 .faq-top-left h2{font-family: var(--font-display); font-size: clamp(34px, 4vw, 50px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; color: var(--ink-900); margin: 0 0 16px; max-width: 620px; text-wrap: balance;}
.rsg-page .faq-v2 .faq-top-left .lede{font-size: 15px; color: var(--ink-2); line-height: 1.55; max-width: 520px; margin: 0; text-wrap: pretty;}
.rsg-page .faq-v2 .faq-cta{background: rgba(44, 122, 75, 0.07); border: 1px solid rgba(44, 122, 75, 0.18); border-radius: 16px; padding: 22px 24px;}
.rsg-page .faq-v2 .faq-cta-icon{width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 14px; box-shadow: 0 6px 14px rgba(44,122,75,0.22);}
.rsg-page .faq-v2 .faq-cta-eyebrow{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-700); font-family: var(--font-display); margin-bottom: 6px;}
.rsg-page .faq-v2 .faq-cta-body{font-size: 13.5px; color: var(--ink-2); line-height: 1.55; margin: 0 0 16px;}
.rsg-page .faq-v2 .faq-cta-btn{display: inline-flex; align-items: center; gap: 10px; padding: 6px 7px 6px 18px; background: #fff; border: 1.5px solid var(--ink-900); border-radius: 999px; text-decoration: none; font-family: var(--font-display); font-size: 13px; font-weight: 700; color: var(--ink-900); transition: background .2s, color .2s;}
.rsg-page .faq-v2 .faq-cta-btn:hover{background: var(--ink-900); color: #fff;}
.rsg-page .faq-v2 .faq-cta-btn .arrow{width: 28px; height: 28px; border-radius: 50%; background: var(--ink-900); display: flex; align-items: center; justify-content: center; color: #fff; transition: background .2s;}
.rsg-page .faq-v2 .faq-cta-btn:hover .arrow{background: var(--green-500);}
.rsg-page .faq-v2 .faq-list{max-width: none; margin: 0; gap: 10px;}
.rsg-page .faq-v2 .faq-item{border-radius: 14px;}
.rsg-page .faq-v2 .faq-item details summary{display: grid; grid-template-columns: 44px 1fr 32px; align-items: center; gap: 16px; padding: 22px 28px;}
.rsg-page .faq-v2 .faq-item details summary::before, .rsg-page .faq-v2 .faq-item details summary::after{display: none;}
.rsg-page .faq-v2 .faq-item .faq-num{font-family: var(--font-display); font-size: 13px; font-weight: 800; color: var(--green-600); letter-spacing: 0.04em;}
.rsg-page .faq-v2 .faq-item .faq-q{font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-900); line-height: 1.4;}
.rsg-page .faq-v2 .faq-item .faq-chevron{width: 28px; height: 28px; border-radius: 50%; background: var(--green-50); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .25s; justify-self: end;}
.rsg-page .faq-v2 .faq-item .faq-chevron svg{width: 12px; height: 12px; color: var(--green-600);}
.rsg-page .faq-v2 .faq-item details[open] .faq-chevron{transform: rotate(180deg);}
.rsg-page .faq-v2 .faq-item details .faq-body{padding: 0 28px 24px 86px;}
@media (max-width: 880px){.rsg-page .faq-v2 .faq-top{grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px;}}
@media (max-width: 880px){.rsg-page .faq-v2 .faq-item details summary{grid-template-columns: 36px 1fr 28px; padding: 18px 20px; gap: 12px;}}
@media (max-width: 880px){.rsg-page .faq-v2 .faq-item details .faq-body{padding: 0 20px 20px;}}
/* ============================================================
   FINAL CTA + CITY FOOTER + SITE FOOTER
   ============================================================ */
.rsg-page .final-cta{background: var(--dark-grad); color: #fff; padding: 96px 0; text-align: center; position: relative; overflow: hidden;}
.rsg-page .final-cta h2{color: #fff; margin: 0 0 18px; font-size: clamp(36px, 4.6vw, 56px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; max-width: 820px; margin-left: auto; margin-right: auto; text-wrap: balance;}
.rsg-page .final-cta p.fc-lede{color: rgba(255,255,255,0.78); max-width: 640px; margin: 0 auto 32px; font-size: 17px; line-height: 1.55; text-wrap: pretty;}
.rsg-page .final-cta .container{position: relative; z-index: 2;}
.rsg-page .final-cta::before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 800px; background: radial-gradient(circle at center, rgba(44,122,75,0.18) 0%, rgba(44,122,75,0) 60%); pointer-events: none; z-index: 1;}
.rsg-page .final-cta .eyebrow{display: inline-flex; align-items: center; gap: 8px; color: #4ade80; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-family: var(--font-display); margin: 0 0 18px; justify-content: center;}
.rsg-page .final-cta .eyebrow::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--green-500);}
.rsg-page .final-cta .fc-sub{color: rgba(255,255,255,0.55); font-size: 13.5px; font-style: italic; margin: 22px 0 0; line-height: 1.5;}
.rsg-page .final-cta .fc-sub em{color: rgba(255,255,255,0.85); font-style: italic; font-weight: 600;}
.rsg-page .city-footer-wrap{background: linear-gradient(180deg, var(--dark-grad) 50%, var(--paper) 50%); padding: 0 var(--gutter);}
.rsg-page .city-footer{max-width: 1200px; margin: 0 auto; background: #fff; border-radius: var(--radius-lg); padding: 56px 48px; box-shadow: var(--shadow-lg); transform: translateY(-60px);}
.rsg-page .city-footer h2{font-size: clamp(24px, 3vw, 32px); margin-bottom: 8px;}
.rsg-page .city-footer .cf-cap{font-size: 14px; color: var(--ink-500); margin-bottom: 32px;}
.rsg-page .city-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px 24px;}
.rsg-page .city-grid a{font-family: var(--font-display); font-size: 13px; color: var(--ink-700); font-weight: 500; padding: 4px 0;}
.rsg-page .city-grid a:hover{color: var(--green-600);}
.rsg-page .site-footer{background: var(--dark-grad); color: rgba(255,255,255,0.78); padding: 60px 0 24px; margin-top: -60px;}
.rsg-page .site-footer .footer-grid{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 32px; padding-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.rsg-page .site-footer h5{color: #fff; font-family: var(--font-display); font-size: 14px; letter-spacing: 0.04em; margin-bottom: 14px; text-transform: uppercase; font-weight: 700;}
.rsg-page .site-footer ul{list-style: none; padding: 0; margin: 0;}
.rsg-page .site-footer ul li{padding: 4px 0;}
.rsg-page .site-footer ul a{font-size: 13px; color: rgba(255,255,255,0.7);}
.rsg-page .site-footer ul a:hover{color: var(--green-500);}
.rsg-page .footer-logo img{height: 36px; margin-bottom: 18px; filter: brightness(1.1);}
.rsg-page .footer-bio{font-size: 13px; color: rgba(255,255,255,0.68); margin-bottom: 18px; line-height: 1.6;}
.rsg-page .footer-socials{display: flex; gap: 10px;}
.rsg-page .footer-socials a{width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff;}
.rsg-page .footer-socials .sf{background: #1877F2;}
.rsg-page .footer-socials .sl{background: #0A66C2;}
.rsg-page .footer-socials .si{background: linear-gradient(135deg, #833AB4, #FD1D1D, #FCB045);}
.rsg-page .footer-socials .sy{background: #FF0000;}
.rsg-page .footer-socials svg{width: 16px; height: 16px;}
.rsg-page .footer-copy{padding-top: 24px; font-size: 12px; color: rgba(255,255,255,0.55); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;}
/* Floating UI */
.rsg-page .float-ui-call{position: fixed; bottom: 24px; left: 24px; width: 56px; height: 56px; border-radius: 50%; background: var(--green-500); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(32,157,80,0.4); z-index: 50;}
.rsg-page .float-ui-call svg{width: 22px; height: 22px;}
.rsg-page .float-ui-help{position: fixed; bottom: 24px; right: 24px; background: #fff; padding: 12px 18px 12px 14px; border-radius: 999px; box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 10px; z-index: 50;}
.rsg-page .float-ui-help .help-av{width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 14px;}
.rsg-page .float-ui-help span{font-family: var(--font-display); font-size: 13px; font-weight: 600; color: var(--ink-900);}
@media (max-width: 640px){.rsg-page .platform-hero{height: 560px;}}
@media (max-width: 640px){.rsg-page .phone-shell{left: 8px; transform: none; width: 188px; height: 360px;}}
@media (max-width: 640px){.rsg-page .phone-screen{width: 176px; height: 348px;}}
@media (max-width: 640px){.rsg-page .hero-partner-badge{font-size: 9px; padding: 6px 10px;}}
@media (max-width: 640px){.rsg-page .hero-stat-sticker{right: 10px; top: 10px; padding: 8px 12px;}}
@media (max-width: 640px){.rsg-page .hero-stat-sticker .hss-icon{width: 32px; height: 32px;}}
@media (max-width: 640px){.rsg-page .hero-stat-sticker .hss-icon svg{width: 16px; height: 16px;}}
@media (max-width: 640px){.rsg-page .hero-stat-sticker .hss-value{font-size: 14px;}}
@media (max-width: 640px){.rsg-page .hero-stat-sticker .hss-label{font-size: 8px;}}
@media (max-width: 640px){.rsg-page .hero-cpl-card{bottom: 10px; right: 10px; padding: 10px 12px;}}
@media (max-width: 640px){.rsg-page .hero-cpl-card .hcc-icon{width: 30px; height: 30px;}}
@media (max-width: 640px){.rsg-page .hero-cpl-card .hcc-icon svg{width: 14px; height: 14px;}}
@media (max-width: 640px){.rsg-page .hero-cpl-card .hcc-value{font-size: 13px;}}
@media (max-width: 640px){.rsg-page .hero-cpl-card .hcc-label{font-size: 8px;}}
@media (max-width: 640px){.rsg-page .nav-links{display: none;}}
@media (max-width: 640px){.rsg-page .stat-row, .rsg-page .gsc-tiles, .rsg-page .spec-stats{grid-template-columns: 1fr;}}
@media (max-width: 640px){.rsg-page .city-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 640px){.rsg-page .test-card{padding: 32px 24px;}}
@media (max-width: 640px){.rsg-page .test-grid{grid-template-columns: 1fr; text-align: center;}}
@media (max-width: 640px){.rsg-page .test-photo{margin: 0 auto;}}
@media (max-width: 640px){.rsg-page .pb-track{height: 44px;}}
@media (max-width: 640px){.rsg-page .footer-grid{grid-template-columns: 1fr;}}
@media (max-width: 640px){.rsg-page .verdict-col header{padding-left: 0; padding-top: 50px;}}
@media (max-width: 640px){.rsg-page .verdict-col .vh-icon{top: 20px; left: 20px; right: auto;}}
@media (max-width: 640px){.rsg-page .fit-col header{padding-left: 0; padding-top: 56px;}}
@media (max-width: 640px){.rsg-page .fit-col .fit-tag{top: 20px; right: 20px;}}
/* ============================================================
   §6 BLUE CHECK / VERIFIED BADGE section styles
   ============================================================ */
.rsg-page .badge-imgs-row{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0 0 40px;}
.rsg-page .badge-imgs-row figure{margin: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md); padding: 18px; display: flex; flex-direction: column; gap: 14px; box-shadow: var(--shadow-sm);}
.rsg-page .badge-imgs-row img{width: 100%; height: auto; display: block; border-radius: 8px; max-height: 220px; object-fit: contain;}
.rsg-page .badge-imgs-row figcaption{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--ink-500); font-weight: 600; text-align: center;}
.rsg-page .reqs-intro{font-size: 22px; margin: 0 0 22px; color: var(--ink-900); font-weight: 700;}
.rsg-page .reqs-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 36px;}
.rsg-page .req-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px 24px 26px; position: relative; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; isolation: isolate;}
.rsg-page .req-card:hover{transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.05); border-color: rgba(44,122,75,0.25);}
.rsg-page .req-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--green-500), var(--green-700)); z-index: 2;}
.rsg-page .req-card::after{content: ""; position: absolute; bottom: -40px; right: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(44,122,75,0.10) 0%, transparent 70%); z-index: 0; pointer-events: none;}
.rsg-page .req-card > *{position: relative; z-index: 1;}
.rsg-page .req-card .rc-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; gap: 12px;}
.rsg-page .req-card .rc-icon{width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(44,122,75,0.30);}
.rsg-page .req-card .rc-icon svg{width: 22px; height: 22px;}
.rsg-page .req-card .rc-tag{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-700); font-weight: 700; padding: 5px 11px; background: var(--green-50); border-radius: 999px; white-space: nowrap;}
.rsg-page .req-card .rc-num{position: absolute; top: 14px; right: 18px; font-family: var(--font-display); font-size: 88px; font-weight: 800; color: var(--ink-900); opacity: 0.04; line-height: 1; pointer-events: none; z-index: 0;}
.rsg-page .req-card h4{font-size: 17px; margin: 0 0 12px; color: var(--ink-900); line-height: 1.3; font-weight: 800;}
.rsg-page .req-card p{margin: 0; font-size: 14px; line-height: 1.6; color: var(--ink-2);}
.rsg-page .req-card .rc-footnote{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line-2); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; display: inline-flex; align-items: center; gap: 6px;}
.rsg-page .req-card .rc-footnote::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500);}
.rsg-page .timeline-note{font-size: 15px; color: var(--ink-2); margin: 0 0 24px; max-width: 880px; line-height: 1.65;}
.rsg-page .timeline-note strong{color: var(--ink-900);}
.rsg-page .ein-callout{background: var(--dark-grad); color: rgba(255,255,255,0.88); border-radius: var(--radius-md); padding: 18px 22px; display: flex; gap: 14px; align-items: flex-start; margin: 0 0 24px;}
.rsg-page .ein-callout .ein-icon{width: 28px; height: 28px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;}
.rsg-page .ein-callout .ein-icon svg{width: 22px; height: 22px;}
.rsg-page .ein-callout p{margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.88);}
.rsg-page .ein-callout p strong{color: #fff;}
.rsg-page .multichannel-note{font-size: 15px; color: var(--ink-2); margin: 0 0 28px; max-width: 880px; line-height: 1.65;}
.rsg-page .multichannel-note strong{color: var(--ink-900);}
.rsg-page .badge-cta-row{margin: 0 0 8px;}
@media (max-width: 768px){.rsg-page .badge-imgs-row{grid-template-columns: 1fr;}}
@media (max-width: 768px){.rsg-page .reqs-grid{grid-template-columns: 1fr;}}
/* ============================================================
   §6 BLUE CHECK — Timeline viz + warning callout + multichannel insight
   ============================================================ */
.rsg-page .vtimeline{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px 26px; margin: 0 0 24px; box-shadow: var(--shadow-sm); position: relative; overflow: hidden;}
.rsg-page .vtimeline::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--green-500), var(--green-700), var(--green-500));}
.rsg-page .vtimeline-head{display: flex; align-items: center; gap: 12px; margin-bottom: 22px;}
.rsg-page .vtimeline-head .vth-tag{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-700); font-weight: 700; padding: 5px 12px; background: var(--green-50); border-radius: 999px;}
.rsg-page .vtimeline-head h4{margin: 0; font-size: 17px; color: var(--ink-900); font-weight: 800; line-height: 1.3;}
.rsg-page .vtimeline-steps{display: grid; grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1.1fr; gap: 10px; align-items: stretch; position: relative;}
.rsg-page .vt-step{background: var(--paper-soft); border-radius: var(--radius-md); padding: 18px 16px 16px; position: relative; display: flex; flex-direction: column; gap: 6px; transition: transform .2s, background .2s;}
.rsg-page .vt-step.vt-total{background: linear-gradient(180deg, var(--green-50), #fff); border: 1.5px solid var(--green-500); box-shadow: 0 8px 22px rgba(44,122,75,0.15);}
.rsg-page .vtimeline-steps{position: relative;}
.rsg-page .vt-arrow{display: flex; align-items: center; justify-content: center; color: var(--green-600); opacity: 0.55;}
.rsg-page .vt-arrow svg{width: 22px; height: 22px;}
.rsg-page .vt-step .vt-eye{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .vt-step.vt-total .vt-eye{color: var(--green-700);}
.rsg-page .vt-step .vt-val{font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--ink-900); line-height: 1; margin-top: 2px; letter-spacing: -0.01em;}
.rsg-page .vt-step.vt-total .vt-val{color: var(--green-700); font-size: 26px;}
.rsg-page .vt-step .vt-desc{font-size: 12.5px; color: var(--ink-2); line-height: 1.45; margin-top: 6px;}
.rsg-page .ein-warning{background: linear-gradient(135deg, var(--paper-soft) 0%, var(--green-50) 100%); color: var(--ink-900); border-radius: var(--radius-lg); padding: 24px 28px; margin: 0 0 24px; position: relative; overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid rgba(44,122,75,0.22);}
.rsg-page .ein-warning::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--green-500), var(--green-700));}
.rsg-page .ein-warning::after{content: ""; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(44,122,75,0.14) 0%, transparent 70%); pointer-events: none;}
.rsg-page .ein-warning-head{display: flex; align-items: center; gap: 12px; margin-bottom: 12px; position: relative;}
.rsg-page .ein-warning .ew-pulse{width: 10px; height: 10px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(44,122,75,0.22); animation: pulse 2s infinite; flex-shrink: 0;}
.rsg-page .ein-warning .ew-eyebrow{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-700); font-weight: 700;}
.rsg-page .ein-warning .ew-body{font-size: 15px; line-height: 1.55; color: var(--ink-900); margin: 0 0 14px; font-weight: 500;}
.rsg-page .ein-warning .ew-body strong{color: var(--green-700); font-weight: 700;}
.rsg-page .ein-warning .ew-solution{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; background: #fff; border-radius: 10px; border-left: 3px solid var(--green-500); border: 1px solid rgba(44,122,75,0.20); border-left: 3px solid var(--green-500);}
.rsg-page .ein-warning .ew-solution .ews-tag{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-700); font-weight: 700; white-space: nowrap; padding-top: 2px;}
.rsg-page .ein-warning .ew-solution p{margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--ink-2);}
.rsg-page .ein-warning .ew-solution p strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .multichannel-insight{background: linear-gradient(135deg, var(--green-50) 0%, #fff 60%); border: 1px solid var(--line); border-left: 4px solid var(--green-500); border-radius: var(--radius-md); padding: 22px 26px; margin: 0 0 32px; display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: flex-start;}
.rsg-page .multichannel-insight .mi-icon{width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(44,122,75,0.30); flex-shrink: 0;}
.rsg-page .multichannel-insight .mi-icon svg{width: 22px; height: 22px;}
.rsg-page .multichannel-insight .mi-eye{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-700); font-weight: 700; margin-bottom: 6px; display: block;}
.rsg-page .multichannel-insight h4{font-size: 17px; margin: 0 0 8px; color: var(--ink-900); font-weight: 800; line-height: 1.3;}
.rsg-page .multichannel-insight p{margin: 0; font-size: 14px; line-height: 1.6; color: var(--ink-2);}
.rsg-page .multichannel-insight p strong{color: var(--ink-900);}
.rsg-page .badge-cta-row{display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px 0 8px;}
.rsg-page .badge-cta-row .bcr-btn{padding: 10px 20px; font-size: 12.5px; border-radius: 999px;}
.rsg-page .badge-cta-row .bcr-btn svg{width: 14px !important; height: 14px !important;}
.rsg-page .badge-cta-row .bcr-subline{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--ink-500); font-style: italic; text-align: center;}
.rsg-page .multichannel-insight .mc-action{margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(44,122,75,0.15); display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
.rsg-page .multichannel-insight .mc-action .bcr-btn{padding: 8px 16px; font-size: 11.5px; border-radius: 999px; flex-shrink: 0;}
.rsg-page .multichannel-insight .mc-action .bcr-btn svg{width: 13px !important; height: 13px !important; margin-right: 5px !important;}
.rsg-page .multichannel-insight .mc-action .bcr-subline{font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.04em; color: var(--ink-500); font-style: italic; flex: 1; min-width: 200px; text-align: left;}
@media (max-width: 640px){.rsg-page .multichannel-insight .mc-action{flex-direction: column; align-items: flex-start; gap: 10px;}}
@media (max-width: 640px){.rsg-page .multichannel-insight .mc-action .bcr-subline{width: 100%;}}
@media (max-width: 768px){.rsg-page .vtimeline-steps{grid-template-columns: 1fr 1fr; gap: 10px;}}
@media (max-width: 768px){.rsg-page .vt-arrow{display: none;}}
@media (max-width: 768px){.rsg-page .ein-warning{padding: 20px 22px;}}
@media (max-width: 768px){.rsg-page .ein-warning .ew-solution{flex-direction: column; gap: 6px;}}
/* ============================================================
   §7 RANKING FACTORS — evidence images + 4-factor grid + closing
   ============================================================ */
.rsg-page .rank-evidence{display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 0 0 36px;}
.rsg-page .rank-evidence .re-img{margin: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 14px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow-sm);}
.rsg-page .rank-evidence .re-img img{width: 100%; height: auto; display: block; border-radius: 10px; max-height: 240px; object-fit: contain; background: var(--paper-soft);}
.rsg-page .rank-evidence .re-img figcaption{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--ink-500); font-weight: 600; text-align: center;}
.rsg-page .rank-factors-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0 0 28px;}
.rsg-page .rf-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px 26px; position: relative; overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.rsg-page .rf-card:hover{transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.05); border-color: rgba(44,122,75,0.20);}
.rsg-page .rf-card::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--green-500), var(--green-700));}
.rsg-page .rf-card .rf-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px;}
.rsg-page .rf-card .rf-num{font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--green-700); letter-spacing: -0.02em; padding: 4px 12px; background: var(--green-50); border-radius: 8px; line-height: 1;}
.rsg-page .rf-card .rf-icon{width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 16px rgba(44,122,75,0.28);}
.rsg-page .rf-card .rf-icon svg{width: 20px; height: 20px;}
.rsg-page .rf-card h3{font-size: 18px; margin: 0 0 10px; color: var(--ink-900); font-weight: 800; line-height: 1.3;}
.rsg-page .rf-card p{margin: 0; font-size: 14px; line-height: 1.65; color: var(--ink-2);}
.rsg-page .rf-card p strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .rf-card p em{color: var(--green-700); font-style: italic; font-weight: 600;}
.rsg-page .rank-closing{background: linear-gradient(135deg, var(--paper-soft) 0%, var(--green-50) 100%); border: 1px solid var(--line); border-left: 5px solid var(--green-500); border-radius: var(--radius-md); padding: 22px 28px;}
.rsg-page .rank-closing p{margin: 0; font-size: 15px; line-height: 1.65; color: var(--ink-700); font-family: var(--font-display);}
.rsg-page .rank-closing p em{font-style: italic; color: var(--ink-2); font-weight: 500;}
.rsg-page .rank-closing p strong{color: var(--green-700); font-weight: 800;}
@media (max-width: 880px){.rsg-page .rank-evidence{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .rank-factors-grid{grid-template-columns: 1fr;}}
/* ============================================================
   §8 CASE STUDIES — dark unified section with 2 articles
   ============================================================ */
.rsg-page .cs-section{background: linear-gradient(180deg, #0A0A0A 0%, #1A1A1A 50%, #0F0F0F 100%); position: relative; overflow: hidden;}
.rsg-page .cs-section::before{content: ""; position: absolute; top: 0; right: -200px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(44,122,75,0.10) 0%, transparent 70%); pointer-events: none;}
.rsg-page .cs-section::after{content: ""; position: absolute; bottom: 0; left: -200px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(44,122,75,0.08) 0%, transparent 70%); pointer-events: none;}
.rsg-page .cs-section .container{position: relative; z-index: 1;}
.rsg-page .cs-card{background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(44,122,75,0.04)); border: 1px solid rgba(255,255,255,0.10); border-radius: 22px; padding: 36px 36px 32px; margin: 0 0 32px; position: relative; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,0.35);}
.rsg-page .cs-card:last-child{margin-bottom: 0;}
.rsg-page .cs-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--green-500), var(--green-700), var(--green-500));}
.rsg-page .cs-card .cs-head{margin-bottom: 26px;}
.rsg-page .cs-card .cs-loc{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--green-500); font-weight: 700; display: inline-block; padding: 6px 14px; background: rgba(44,122,75,0.15); border: 1px solid rgba(44,122,75,0.30); border-radius: 999px; margin-bottom: 14px;}
.rsg-page .cs-card .cs-head h3{color: #fff; font-size: clamp(22px, 2.4vw, 28px); margin: 0; font-weight: 800; line-height: 1.25; letter-spacing: -0.015em;}
.rsg-page .cs-stat-row{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 28px;}
.rsg-page .cs-stat{background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 16px 18px;}
.rsg-page .cs-stat strong{display: block; font-family: var(--font-display); font-size: 26px; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.015em;}
.rsg-page .cs-stat span{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 600; margin-top: 8px; line-height: 1.3;}
.rsg-page .cs-stat.highlight{background: linear-gradient(135deg, rgba(44,122,75,0.18), rgba(44,122,75,0.06)); border-color: rgba(44,122,75,0.40); box-shadow: 0 4px 16px rgba(44,122,75,0.20);}
.rsg-page .cs-stat.highlight strong{color: var(--green-500);}
.rsg-page .cs-imgs{display: grid; grid-template-columns: 1.1fr 1fr; gap: 16px; margin-bottom: 28px;}
.rsg-page .cs-imgs .cs-img{margin: 0; background: #fff; border-radius: 14px; padding: 12px 12px 10px; position: relative; box-shadow: 0 12px 32px rgba(0,0,0,0.35);}
.rsg-page .cs-imgs .cs-img-tag{position: absolute; top: -10px; left: 14px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; background: var(--green-700); padding: 4px 10px; border-radius: 999px; font-weight: 700; box-shadow: 0 4px 10px rgba(44,122,75,0.35); white-space: nowrap;}
.rsg-page .cs-imgs .cs-img img{width: 100%; height: auto; display: block; border-radius: 8px; max-height: 260px; object-fit: contain; background: var(--paper-soft);}
.rsg-page .cs-body{font-size: 14.5px; line-height: 1.7; color: rgba(255,255,255,0.82); margin: 0 0 18px;}
.rsg-page .cs-body strong{color: #fff; font-weight: 700;}
.rsg-page .cs-body:last-of-type{margin-bottom: 0;}
.rsg-page .cs-totals{margin-top: 28px; padding: 22px 24px; background: linear-gradient(135deg, rgba(44,122,75,0.10), rgba(255,255,255,0.02)); border: 1px solid rgba(44,122,75,0.25); border-radius: 14px;}
.rsg-page .cs-totals-tag{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-500); font-weight: 700; margin-bottom: 16px; display: inline-flex; align-items: center; gap: 8px;}
.rsg-page .cs-totals-tag::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(44,122,75,0.20);}
.rsg-page .cs-totals-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.rsg-page .ctot strong{display: block; font-family: var(--font-display); font-size: 28px; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.02em;}
.rsg-page .ctot span{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 600; margin-top: 8px; line-height: 1.3;}
.rsg-page .cs-quote{margin-top: 28px; padding: 22px 26px; background: rgba(0,0,0,0.30); border: 1px solid rgba(255,255,255,0.08); border-left: 4px solid var(--green-500); border-radius: 14px;}
.rsg-page .cs-quote-tag{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-500); font-weight: 700; margin-bottom: 10px; display: block;}
.rsg-page .cs-quote p{margin: 0; font-size: 14.5px; line-height: 1.7; color: rgba(255,255,255,0.85);}
.rsg-page .cs-quote p strong{color: #fff; font-weight: 700;}
.rsg-page .cs-quote p em{color: var(--green-500); font-style: italic; font-weight: 600;}
.rsg-page .cs-cta-row{margin-top: 24px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
.rsg-page .cs-cta{padding: 9px 18px; font-size: 12px; border-radius: 999px;}
.rsg-page .cs-cta-sub{font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: rgba(255,255,255,0.55); font-style: italic; flex: 1; min-width: 200px;}
@media (max-width: 880px){.rsg-page .cs-card{padding: 28px 24px;}}
@media (max-width: 880px){.rsg-page .cs-stat-row{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 880px){.rsg-page .cs-imgs{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .cs-totals-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 880px){.rsg-page .cs-cta-row{flex-direction: column; align-items: flex-start;}}
/* ============================================================
   §8 CASE STUDIES — compact 2-col layout (v2)
   ============================================================ */
.rsg-page .cs-card{padding: 30px 30px 28px;}
.rsg-page .cs-card .cs-head{margin-bottom: 22px;}
.rsg-page .cs-card .cs-head h3{color: #fff; font-size: clamp(20px, 2.2vw, 26px);}
.rsg-page .cs-split{display: grid; grid-template-columns: 1fr 1.05fr; gap: 28px; align-items: stretch; margin-bottom: 22px;}
.rsg-page .cs-left{display: flex; flex-direction: column; gap: 14px;}
.rsg-page .cs-tag{display: inline-block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-500); background: rgba(44,122,75,0.15); border: 1px solid rgba(44,122,75,0.30); padding: 6px 14px; border-radius: 999px; font-weight: 700; align-self: flex-start;}
.rsg-page .cs-stats3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.rsg-page .cs3{background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); border-top: 2px solid var(--green-500); border-radius: 10px; padding: 14px 14px 12px;}
.rsg-page .cs3 strong{display: block; font-family: var(--font-display); font-size: 22px; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.015em;}
.rsg-page .cs3 span{display: block; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 600; margin-top: 8px; line-height: 1.3;}
.rsg-page .cs-quote-side{margin: 4px 0 0; padding: 14px 16px; background: rgba(44,122,75,0.10); border: 1px solid rgba(44,122,75,0.25); border-left: 3px solid var(--green-500); border-radius: 10px; font-size: 13.5px; line-height: 1.6; color: rgba(255,255,255,0.85);}
.rsg-page .cs-quote-side em{font-style: italic; color: #fff; font-weight: 500;}
.rsg-page .cs-right{display: flex; align-items: center; justify-content: center;}
.rsg-page .cs-window{width: 100%; background: #fff; border-radius: 12px; padding: 0; overflow: hidden; box-shadow: 0 16px 38px rgba(0,0,0,0.40); border: 1px solid rgba(255,255,255,0.08);}
.rsg-page .cs-window-bar{display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: #F4F4F0; border-bottom: 1px solid var(--line-2);}
.rsg-page .csw-dots{display: inline-flex; gap: 6px;}
.rsg-page .csw-dots i{width: 9px; height: 9px; border-radius: 50%; display: inline-block;}
.rsg-page .csw-dots i:nth-child(1){background: #FF5F56;}
.rsg-page .csw-dots i:nth-child(2){background: #FFBD2E;}
.rsg-page .csw-dots i:nth-child(3){background: #27C93F;}
.rsg-page .csw-label{flex: 1; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.10em; text-transform: uppercase; color: var(--ink-700); font-weight: 700; text-align: center;}
.rsg-page .csw-live{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-700); font-weight: 700;}
.rsg-page .cs-window img{width: 100%; height: auto; display: block; max-height: 280px; object-fit: contain; background: #fff; padding: 8px;}
.rsg-page .cs-body{font-size: 14px; line-height: 1.65; color: rgba(255,255,255,0.82); margin: 0 0 22px;}
.rsg-page .cs-body strong{color: #fff; font-weight: 700;}
.rsg-page .cs-totals-compact{background: rgba(0,0,0,0.30); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 22px 22px 22px;}
.rsg-page .csc-tag{display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-500); font-weight: 700; margin-bottom: 14px;}
.rsg-page .csc-tag::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(44,122,75,0.20);}
.rsg-page .csc-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px;}
.rsg-page .csc{padding: 12px 14px; background: rgba(255,255,255,0.04); border-radius: 10px; border: 1px solid rgba(255,255,255,0.06);}
.rsg-page .csc strong{display: block; font-family: var(--font-display); font-size: 22px; font-weight: 800; color: #fff; line-height: 1;}
.rsg-page .csc span{display: block; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 600; margin-top: 6px; line-height: 1.3;}
.rsg-page .csc-chart{margin-top: 4px;}
@media (max-width: 880px){.rsg-page .cs-card{padding: 24px 22px;}}
@media (max-width: 880px){.rsg-page .cs-split{grid-template-columns: 1fr; gap: 20px;}}
@media (max-width: 880px){.rsg-page .cs-stats3{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 880px){.rsg-page .csc-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 880px){/* stacked: column no longer stretches, so reset the equal-height flex or images collapse to 0 height */
  .rsg-page .cs-section .cs-right .cs-window{flex: none; display: block;}}
@media (max-width: 880px){.rsg-page .cs-section .cs-right .cs-window img{flex: none; height: auto; max-height: 320px; object-fit: contain;}}
@media (max-width: 480px){.rsg-page .cs-stats3{grid-template-columns: 1fr;}}
@media (max-width: 480px){.rsg-page .cs3 strong{font-size: 20px;}}
/* ============================================================
   §11 WHY CHOOSE US — 3 reason cards (HVAC-Only / Premier Partner / Daily Ops)
   ============================================================ */
.rsg-page .why-reasons{display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0 0 32px;}
.rsg-page .wr-card{border-radius: var(--radius-lg); padding: 32px 32px 28px; position: relative; overflow: hidden; box-shadow: var(--shadow-md); transition: transform .25s ease, box-shadow .25s ease;}
.rsg-page .wr-card:hover{transform: translateY(-3px); box-shadow: 0 20px 50px rgba(0,0,0,0.10);}
.rsg-page .wr-card::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--green-500), var(--green-700));}
.rsg-page .wr-card.wr-light{background: linear-gradient(135deg, #fff 0%, var(--green-50) 100%); border: 1px solid var(--line);}
.rsg-page .wr-card.wr-dark{background: linear-gradient(135deg, #0F0F0F 0%, #1F1F1F 100%); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.85);}
.rsg-page .wr-card.wr-dark::before{background: var(--green-500);}
.rsg-page .wr-card.wr-discipline{background: linear-gradient(135deg, var(--paper-soft) 0%, #fff 50%, var(--green-50) 100%); border: 1px solid var(--line);}
.rsg-page .wr-card.wr-discipline::before{background: var(--green-500);}
.rsg-page .wr-head{display: flex; align-items: center; gap: 14px; margin-bottom: 18px; flex-wrap: wrap;}
.rsg-page .wr-num{font-family: var(--font-display); font-size: 24px; font-weight: 800; color: var(--green-600); padding: 6px 14px; background: var(--green-50); border: 1px solid var(--green-500); border-radius: 10px; line-height: 1; letter-spacing: -0.02em;}
.rsg-page .wr-card.wr-dark .wr-num{background: rgba(44,122,75,0.18); border-color: rgba(44,122,75,0.45); color: var(--green-500);}
.rsg-page .wr-pill{font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-700); padding: 6px 14px; background: var(--green-50); border-radius: 999px; font-weight: 700;}
.rsg-page .wr-card.wr-dark .wr-pill{background: rgba(44,122,75,0.18); color: var(--green-500);}
.rsg-page .wr-card h3{font-size: 22px; margin: 0 0 14px; color: var(--ink-900); font-weight: 800; line-height: 1.25;}
.rsg-page .wr-card.wr-dark h3{color: #fff;}
.rsg-page .wr-body{font-size: 14.5px; line-height: 1.65; color: var(--ink-2); margin: 0 0 16px;}
.rsg-page .wr-card.wr-dark .wr-body{color: rgba(255,255,255,0.78);}
.rsg-page .wr-card.wr-dark .wr-body strong{color: #fff;}
.rsg-page .wr-list{list-style: none; padding: 0; margin: 0; display: grid; gap: 12px;}
.rsg-page .wr-list li{display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.55; color: var(--ink-2);}
.rsg-page .wr-list li svg{width: 22px; height: 22px; color: #fff; background: var(--green-500); border-radius: 50%; padding: 4px; flex-shrink: 0; box-shadow: 0 3px 10px rgba(44,122,75,0.32); margin-top: 1px;}
.rsg-page .wr-list li strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .wr-card.wr-dark .wr-list li{color: rgba(255,255,255,0.78);}
.rsg-page .wr-card.wr-dark .wr-list li strong{color: #fff;}
.rsg-page .wr-cadence-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 0 0 22px;}
.rsg-page .wr-cad{background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px 12px 14px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; position: relative; overflow: hidden; transition: border-color .2s;}
.rsg-page .wr-cad::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--green-500);}
.rsg-page .wr-cad:hover{border-color: var(--green-500);}
.rsg-page .wrc-num{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-700); font-weight: 700; padding: 3px 8px; background: var(--green-50); border-radius: 6px;}
.rsg-page .wrc-lbl{font-family: var(--font-display); font-size: 13px; font-weight: 700; color: var(--ink-900); line-height: 1.3;}
.rsg-page .wr-closing{background: var(--green-50); color: var(--ink-900); border: 1px solid rgba(44,122,75,0.25); border-left: 4px solid var(--green-500); border-radius: var(--radius-md); padding: 16px 20px; display: grid; grid-template-columns: 32px 1fr; gap: 14px; align-items: center;}
.rsg-page .wr-closing .wrcl-icon{width: 32px; height: 32px; border-radius: 50%; background: var(--green-500); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .wr-closing .wrcl-icon svg{width: 16px; height: 16px; color: #fff;}
.rsg-page .wr-closing p{margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink-2);}
.rsg-page .wr-closing p strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .why-cta-row{display: flex; justify-content: flex-start; padding: 6px 0;}
.rsg-page .why-cta{padding: 10px 22px; font-size: 13px; border-radius: 999px;}
@media (max-width: 880px){.rsg-page .wr-card{padding: 24px 22px;}}
@media (max-width: 880px){.rsg-page .wr-cadence-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 880px){.rsg-page .wr-card h3{font-size: 19px;}}
@media (max-width: 480px){.rsg-page .wr-cadence-grid{grid-template-columns: 1fr;}}
/* ============================================================
   §12 DISPUTES — comparison table + Google AI callout + rate rule
   ============================================================ */
.rsg-page .disp-evidence{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 0; overflow: hidden; box-shadow: var(--shadow-md); margin: 0 0 36px;}
.rsg-page .disp-evidence .de-bar{display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: #F4F4F0; border-bottom: 1px solid var(--line-2);}
.rsg-page .de-dots{display: inline-flex; gap: 6px;}
.rsg-page .de-dots i{width: 9px; height: 9px; border-radius: 50%; display: inline-block;}
.rsg-page .de-dots i:nth-child(1){background: #FF5F56;}
.rsg-page .de-dots i:nth-child(2){background: #FFBD2E;}
.rsg-page .de-dots i:nth-child(3){background: #27C93F;}
.rsg-page .de-label{flex: 1; text-align: center; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-700); font-weight: 700;}
.rsg-page .de-live{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-700); font-weight: 700;}
.rsg-page .disp-evidence img{width: 100%; height: auto; display: block; padding: 12px; background: #fff;}
.rsg-page .disp-subhead{font-size: 22px; font-weight: 800; color: var(--ink-900); margin: 0 0 18px;}
.rsg-page .disp-compare{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 0 0 28px;}
.rsg-page .dc-col{background: #fff; border-radius: var(--radius-lg); padding: 28px 28px 24px; position: relative; box-shadow: var(--shadow-sm); overflow: hidden; border: 1px solid var(--line);}
.rsg-page .dc-col::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;}
.rsg-page .dc-col.dc-yes{background: linear-gradient(180deg, #fff 0%, var(--green-50) 100%); border-color: rgba(44,122,75,0.30);}
.rsg-page .dc-col.dc-yes::before{background: var(--green-500);}
.rsg-page .dc-col.dc-no{background: linear-gradient(180deg, #fff 0%, #FFF5F5 100%); border-color: rgba(200,32,43,0.25);}
.rsg-page .dc-col.dc-no::before{background: var(--red);}
.rsg-page .dc-header{display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line-2);}
.rsg-page .dc-tick, .rsg-page .dc-x{width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 16px rgba(0,0,0,0.10);}
.rsg-page .dc-tick{background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff;}
.rsg-page .dc-x{background: linear-gradient(135deg, var(--red), #8E1620); color: #fff;}
.rsg-page .dc-tick svg, .rsg-page .dc-x svg{width: 22px; height: 22px;}
.rsg-page .dc-eyebrow{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; margin-bottom: 4px;}
.rsg-page .dc-yes .dc-eyebrow{color: var(--green-700);}
.rsg-page .dc-no .dc-eyebrow{color: var(--red);}
.rsg-page .dc-header h4{margin: 0; font-size: 16px; color: var(--ink-900); font-weight: 800; line-height: 1.3;}
.rsg-page .dc-list{list-style: none; padding: 0; margin: 0; display: grid; gap: 12px;}
.rsg-page .dc-list li{font-size: 14px; line-height: 1.55; color: var(--ink-2); padding-left: 22px; position: relative;}
.rsg-page .dc-list li::before{content: ""; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border-radius: 50%;}
.rsg-page .dc-yes .dc-list li::before{background: var(--green-500); box-shadow: 0 0 0 3px rgba(44,122,75,0.15);}
.rsg-page .dc-no .dc-list li::before{background: var(--red); box-shadow: 0 0 0 3px rgba(200,32,43,0.12);}
.rsg-page .dc-yes .dc-list li strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .disp-ai-callout{background: linear-gradient(135deg, #F4F8FF 0%, #EBF2FE 100%); color: var(--ink-900); border-radius: var(--radius-lg); padding: 26px 30px; margin: 0 0 28px; display: grid; grid-template-columns: 56px 1fr; gap: 20px; align-items: flex-start; position: relative; overflow: hidden; border: 1px solid rgba(66,133,244,0.25);}
.rsg-page .disp-ai-callout::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #4285F4, var(--green-500));}
.rsg-page .disp-ai-callout::after{content: ""; position: absolute; top: -40px; right: -40px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(66,133,244,0.18) 0%, transparent 70%); pointer-events: none;}
.rsg-page .disp-ai-callout .dac-icon{width: 56px; height: 56px; border-radius: 14px; background: linear-gradient(135deg, #4285F4, #1E5BC4); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 22px rgba(66,133,244,0.32); position: relative; z-index: 1;}
.rsg-page .disp-ai-callout .dac-icon svg{width: 28px; height: 28px;}
.rsg-page .disp-ai-callout .dac-body{position: relative; z-index: 1;}
.rsg-page .disp-ai-callout .dac-eye{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #4285F4; font-weight: 700; margin-bottom: 8px;}
.rsg-page .disp-ai-callout p{margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-2);}
.rsg-page .disp-ai-callout p strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .disp-rule{background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--green-500); border-radius: var(--radius-lg); padding: 26px 30px; margin: 0 0 24px; box-shadow: var(--shadow-sm);}
.rsg-page .disp-rule .dr-rate{display: grid; grid-template-columns: 1fr 60px 1fr; gap: 18px; align-items: center; padding-bottom: 20px; margin-bottom: 18px; border-bottom: 1px solid var(--line-2);}
.rsg-page .disp-rule .drr-pct{text-align: center; padding: 14px 18px; background: var(--green-50); border-radius: var(--radius-md); border: 1px solid rgba(44,122,75,0.20);}
.rsg-page .disp-rule .drr-pct strong{display: block; font-family: var(--font-display); font-size: 30px; font-weight: 800; color: var(--green-700); line-height: 1; letter-spacing: -0.02em;}
.rsg-page .disp-rule .drr-pct span{display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 8px;}
.rsg-page .disp-rule .drr-pct.danger{background: #FFF5F5; border-color: rgba(200,32,43,0.20);}
.rsg-page .disp-rule .drr-pct.danger strong{color: var(--red);}
.rsg-page .disp-rule .drr-divider{font-family: var(--font-display); font-size: 14px; font-weight: 800; color: var(--ink-500); text-align: center; position: relative;}
.rsg-page .disp-rule .drr-divider::before{content: "VS";}
.rsg-page .disp-rule .dr-body{margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-2);}
.rsg-page .disp-rule .dr-body strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .disp-cta-row{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 6px 0;}
.rsg-page .disp-cta{padding: 10px 22px; font-size: 13px; border-radius: 999px;}
.rsg-page .disp-cta-sub{font-family: var(--font-mono); font-size: 13.5px; letter-spacing: 0.02em; color: var(--ink-700); font-style: italic; flex: 1; min-width: 220px;}
@media (max-width: 880px){.rsg-page .disp-compare{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .disp-ai-callout{grid-template-columns: 1fr; padding: 22px 24px; gap: 14px;}}
@media (max-width: 880px){.rsg-page .disp-rule .dr-rate{grid-template-columns: 1fr; gap: 12px;}}
@media (max-width: 880px){.rsg-page .disp-rule .drr-divider{padding: 6px 0;}}
/* VOLUME SWINGS section styling */
.rsg-page .vol-grid{display: grid; grid-template-columns: 1.55fr 1fr; gap: 24px; margin: 0 0 32px; align-items: stretch;}
.rsg-page .vol-chart{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); margin: 0; display: flex; flex-direction: column;}
.rsg-page .vol-chart .vc-bar{display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: #F4F4F0; border-bottom: 1px solid var(--line-2);}
.rsg-page .vol-chart .vc-bar .de-label{flex: 1; text-align: center; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-700); font-weight: 700;}
.rsg-page .vol-chart .vc-bar .de-live{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green-700); font-weight: 700;}
.rsg-page .vol-chart img{width: 100%; height: auto; display: block; padding: 14px; background: #fff; flex: 1; object-fit: contain;}
.rsg-page .vol-months{display: grid; grid-template-rows: 1fr 1fr 1fr; gap: 14px;}
.rsg-page .vm-tile{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 18px 22px 16px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; gap: 10px; position: relative; overflow: hidden;}
.rsg-page .vm-tile::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 4px;}
.rsg-page .vm-tile.vm-peak::before{background: var(--green-500);}
.rsg-page .vm-tile.vm-low::before{background: #C8202B;}
.rsg-page .vm-tile.vm-mid::before{background: #E0A828;}
.rsg-page .vm-tile .vm-head{display: flex; align-items: baseline; justify-content: space-between; gap: 12px;}
.rsg-page .vm-tile .vm-rank{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; color: var(--ink-500);}
.rsg-page .vm-tile.vm-peak .vm-rank{color: var(--green-700);}
.rsg-page .vm-tile.vm-low .vm-rank{color: #C8202B;}
.rsg-page .vm-tile.vm-mid .vm-rank{color: #B6831A;}
.rsg-page .vm-tile .vm-count{display: inline-flex; align-items: baseline; gap: 6px;}
.rsg-page .vm-tile .vm-count strong{font-family: var(--font-display); font-size: 28px; font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.02em;}
.rsg-page .vm-tile.vm-peak .vm-count strong{color: var(--green-700);}
.rsg-page .vm-tile.vm-low .vm-count strong{color: #C8202B;}
.rsg-page .vm-tile.vm-mid .vm-count strong{color: #B6831A;}
.rsg-page .vm-tile .vm-count span{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .vm-tile .vm-month{font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--ink-900); line-height: 1.1; letter-spacing: -0.01em; margin: 0;}
.rsg-page .vm-tile .vm-gauge{display: flex; flex-direction: column; gap: 6px; margin-top: 4px;}
.rsg-page .vm-tile .vm-gauge-track{position: relative; height: 10px; background: #F1EFEA; border-radius: 999px; overflow: hidden;}
.rsg-page .vm-tile .vm-gauge-fill{position: absolute; top: 0; left: 0; bottom: 0; border-radius: 999px; transition: width 0.4s ease;}
.rsg-page .vm-tile.vm-peak .vm-gauge-fill{background: linear-gradient(90deg, #4FB37A, var(--green-500));}
.rsg-page .vm-tile.vm-low .vm-gauge-fill{background: linear-gradient(90deg, #E45A65, #C8202B);}
.rsg-page .vm-tile.vm-mid .vm-gauge-fill{background: linear-gradient(90deg, #ECC04C, #C8941A);}
.rsg-page .vm-tile .vm-gauge-tick{position: absolute; top: -3px; bottom: -3px; width: 1px; background: rgba(0,0,0,0.20);}
.rsg-page .vm-tile .vm-gauge-meta{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .vm-tile .vm-gauge-meta strong{color: var(--ink-900); font-weight: 800; font-family: var(--font-display); font-size: 12px; letter-spacing: -0.01em; text-transform: none;}
.rsg-page .vm-tile.vm-peak .vm-gauge-meta strong{color: var(--green-700);}
.rsg-page .vm-tile.vm-low .vm-gauge-meta strong{color: #C8202B;}
.rsg-page .vm-tile.vm-mid .vm-gauge-meta strong{color: #B6831A;}
.rsg-page .vol-explain{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 0 0 24px;}
.rsg-page .ve-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 24px 26px; box-shadow: var(--shadow-sm); position: relative;}
.rsg-page .ve-card.ve-why{border-left: 4px solid #E0A828;}
.rsg-page .ve-card.ve-fix{border-left: 4px solid var(--green-500);}
.rsg-page .ve-eyebrow{display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; color: var(--ink-700); margin-bottom: 12px;}
.rsg-page .ve-dot{width: 8px; height: 8px; border-radius: 50%; display: inline-block;}
.rsg-page .ve-dot-amber{background: #E0A828; box-shadow: 0 0 0 3px rgba(224,168,40,0.18);}
.rsg-page .ve-dot-green{background: var(--green-500); box-shadow: 0 0 0 3px rgba(44,122,75,0.18);}
.rsg-page .ve-card p{margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-2);}
.rsg-page .ve-card p strong{color: var(--ink-900); font-weight: 700;}
@media (max-width: 980px){.rsg-page .vol-grid{grid-template-columns: 1fr;}}
@media (max-width: 980px){.rsg-page .vol-months{grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){.rsg-page .vol-explain{grid-template-columns: 1fr;}}
@media (max-width: 720px){.rsg-page .vol-months{grid-template-columns: 1fr;}}
@media (max-width: 720px){.rsg-page .vm-tile{grid-template-columns: 1fr auto 48px;}}
/* PARTNERSHIP section - 4 step cards + closing emphasis */
.rsg-page .partner-steps{display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 0 0 32px;}
.rsg-page .ps-card{position: relative; background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: 30px 30px 26px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); overflow: hidden; min-height: 280px; display: flex; flex-direction: column; gap: 0; isolation: isolate; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}
.rsg-page .ps-card::before{content: ""; position: absolute; top: 0; right: 0; width: 260px; height: 260px; pointer-events: none; z-index: 0; opacity: 0.85; transition: opacity 0.3s ease;}
.rsg-page .ps-card::after{content: ""; position: absolute; bottom: -120px; left: -60px; width: 280px; height: 280px; border-radius: 50%; pointer-events: none; z-index: 0; opacity: 0.5; transition: opacity 0.3s ease;}
.rsg-page .ps-card:hover{transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,0.10);}
.rsg-page .ps-card:hover::before{opacity: 1;}
.rsg-page .ps-card:hover::after{opacity: 0.75;}
.rsg-page .ps-card:hover .ps-medallion{transform: rotate(-6deg) scale(1.05);}
.rsg-page .ps-card.ps-1::before{background: radial-gradient(circle at top right, rgba(44,122,75,0.16) 0%, transparent 65%);}
.rsg-page .ps-card.ps-1::after{background: radial-gradient(circle, rgba(44,122,75,0.10) 0%, transparent 70%);}
.rsg-page .ps-card.ps-1:hover{border-color: rgba(44,122,75,0.32);}
.rsg-page .ps-card.ps-2::before{background: radial-gradient(circle at top right, rgba(224,168,40,0.18) 0%, transparent 65%);}
.rsg-page .ps-card.ps-2::after{background: radial-gradient(circle, rgba(224,168,40,0.10) 0%, transparent 70%);}
.rsg-page .ps-card.ps-2:hover{border-color: rgba(224,168,40,0.38);}
.rsg-page .ps-card.ps-3::before{background: radial-gradient(circle at top right, rgba(66,133,244,0.16) 0%, transparent 65%);}
.rsg-page .ps-card.ps-3::after{background: radial-gradient(circle, rgba(66,133,244,0.10) 0%, transparent 70%);}
.rsg-page .ps-card.ps-3:hover{border-color: rgba(66,133,244,0.32);}
.rsg-page .ps-card.ps-4::before{background: radial-gradient(circle at top right, rgba(200,32,43,0.14) 0%, transparent 65%);}
.rsg-page .ps-card.ps-4::after{background: radial-gradient(circle, rgba(200,32,43,0.08) 0%, transparent 70%);}
.rsg-page .ps-card.ps-4:hover{border-color: rgba(200,32,43,0.32);}
.rsg-page .ps-medallion{position: absolute; top: 24px; right: 24px; width: 64px; height: 64px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; color: #fff; z-index: 2; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
.rsg-page .ps-medallion::before{content: ""; position: absolute; inset: -6px; border-radius: 26px; border: 1px dashed; opacity: 0.35; pointer-events: none;}
.rsg-page .ps-medallion svg{width: 28px; height: 28px; position: relative; z-index: 1;}
.rsg-page .ps-card.ps-1 .ps-medallion{background: linear-gradient(135deg, #4FB37A, var(--green-700)); box-shadow: 0 12px 28px rgba(44,122,75,0.36), inset 0 1px 0 rgba(255,255,255,0.30);}
.rsg-page .ps-card.ps-1 .ps-medallion::before{border-color: var(--green-500);}
.rsg-page .ps-card.ps-2 .ps-medallion{background: linear-gradient(135deg, #ECC04C, #C8941A); box-shadow: 0 12px 28px rgba(224,168,40,0.40), inset 0 1px 0 rgba(255,255,255,0.30);}
.rsg-page .ps-card.ps-2 .ps-medallion::before{border-color: #E0A828;}
.rsg-page .ps-card.ps-3 .ps-medallion{background: linear-gradient(135deg, #6FA1F7, #2B6CD4); box-shadow: 0 12px 28px rgba(66,133,244,0.36), inset 0 1px 0 rgba(255,255,255,0.30);}
.rsg-page .ps-card.ps-3 .ps-medallion::before{border-color: #4285F4;}
.rsg-page .ps-card.ps-4 .ps-medallion{background: linear-gradient(135deg, #E45A65, #C8202B); box-shadow: 0 12px 28px rgba(200,32,43,0.36), inset 0 1px 0 rgba(255,255,255,0.30);}
.rsg-page .ps-card.ps-4 .ps-medallion::before{border-color: #C8202B;}
.rsg-page .ps-tag{display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 12px; background: #fff; border: 1px solid; border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; align-self: flex-start; max-width: calc(100% - 88px); position: relative; z-index: 1; box-shadow: 0 2px 8px rgba(0,0,0,0.04); margin-bottom: 22px;}
.rsg-page .ps-tag .ps-tag-dot{width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex-shrink: 0;}
.rsg-page .ps-card.ps-1 .ps-tag{color: var(--green-700); border-color: rgba(44,122,75,0.28);}
.rsg-page .ps-card.ps-1 .ps-tag .ps-tag-dot{background: var(--green-500); box-shadow: 0 0 0 3px rgba(44,122,75,0.18);}
.rsg-page .ps-card.ps-2 .ps-tag{color: #B6831A; border-color: rgba(224,168,40,0.36);}
.rsg-page .ps-card.ps-2 .ps-tag .ps-tag-dot{background: #E0A828; box-shadow: 0 0 0 3px rgba(224,168,40,0.20);}
.rsg-page .ps-card.ps-3 .ps-tag{color: #2B6CD4; border-color: rgba(66,133,244,0.28);}
.rsg-page .ps-card.ps-3 .ps-tag .ps-tag-dot{background: #4285F4; box-shadow: 0 0 0 3px rgba(66,133,244,0.18);}
.rsg-page .ps-card.ps-4 .ps-tag{color: #C8202B; border-color: rgba(200,32,43,0.28);}
.rsg-page .ps-card.ps-4 .ps-tag .ps-tag-dot{background: #C8202B; box-shadow: 0 0 0 3px rgba(200,32,43,0.18);}
.rsg-page .ps-card h3{margin: 0 0 12px; font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--ink-900); line-height: 1.25; letter-spacing: -0.01em; position: relative; z-index: 1; padding-right: 0; max-width: 100%;}
.rsg-page .ps-card p{margin: 0 0 22px; font-size: 14.5px; line-height: 1.65; color: var(--ink-2); position: relative; z-index: 1; flex: 1;}
.rsg-page .ps-card p strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .ps-foot{display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px dashed rgba(0,0,0,0.10); position: relative; z-index: 1;}
.rsg-page .ps-foot-line{display: inline-block; width: 28px; height: 2px; border-radius: 2px; flex-shrink: 0;}
.rsg-page .ps-foot-mark{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700;}
.rsg-page .ps-card.ps-1 .ps-foot-line{background: var(--green-500);}
.rsg-page .ps-card.ps-1 .ps-foot-mark{color: var(--green-700);}
.rsg-page .ps-card.ps-2 .ps-foot-line{background: #E0A828;}
.rsg-page .ps-card.ps-2 .ps-foot-mark{color: #B6831A;}
.rsg-page .ps-card.ps-3 .ps-foot-line{background: #4285F4;}
.rsg-page .ps-card.ps-3 .ps-foot-mark{color: #2B6CD4;}
.rsg-page .ps-card.ps-4 .ps-foot-line{background: #C8202B;}
.rsg-page .ps-card.ps-4 .ps-foot-mark{color: #C8202B;}
/* PARTNER CLOSE - source-faithful, WP-safe */
.rsg-page .partner-close{background: linear-gradient(135deg, var(--paper-soft) 0%, var(--green-50) 100%) !important; border: 1px solid var(--line) !important; border-left: 5px solid var(--green-500) !important; border-radius: var(--radius-lg) !important; padding: 32px 38px !important; position: relative;}
.rsg-page .partner-close .pc-eyebrow{display: inline-flex !important; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; color: var(--green-700) !important; margin: 0 0 14px !important;}
.rsg-page .partner-close .pc-eyebrow-dot{width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--green-500) !important; box-shadow: 0 0 0 3px rgba(44,122,75,0.20); display: inline-block !important; flex-shrink: 0;}
.rsg-page .partner-close .pc-body{margin: 0 0 20px !important; padding: 0 0 20px !important; border-bottom: 1px solid rgba(44,122,75,0.22) !important; font-size: 16px !important; line-height: 1.65 !important; color: var(--ink-900) !important; font-weight: 500 !important;}
.rsg-page .partner-close .pc-emph{margin: 0 !important; font-family: var(--font-display) !important; font-size: 17px !important; font-weight: 700 !important; color: var(--ink-900) !important; line-height: 1.5 !important; letter-spacing: -0.01em !important;}
.rsg-page .partner-close .pc-emph em{font-style: italic !important; color: var(--green-700) !important;}
@media (max-width: 920px){.rsg-page .partner-steps{grid-template-columns: 1fr;}}
@media (max-width: 920px){.rsg-page .ps-card{padding: 26px 24px 22px; min-height: 0;}}
@media (max-width: 920px){.rsg-page .ps-medallion{top: 20px; right: 20px; width: 54px; height: 54px;}}
@media (max-width: 920px){.rsg-page .ps-medallion svg{width: 24px; height: 24px;}}
@media (max-width: 920px){.rsg-page .ps-tag{max-width: calc(100% - 76px);}}
@media (max-width: 920px){.rsg-page .ps-card h3{font-size: 19px;}}
@media (max-width: 560px){.rsg-page .partner-close{padding: 24px 22px;}}
@media (max-width: 560px){.rsg-page .partner-close .pc-emph{grid-template-columns: 1fr;}}
/* PRICING SECTION rebuild — included strip + 3 tier cards + ad-spend stats + close */
.rsg-page .pp-included{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 22px 28px; margin: 0 0 32px; box-shadow: var(--shadow-sm); display: grid; grid-template-columns: minmax(220px, 280px) 1fr; gap: 28px; align-items: center;}
.rsg-page .ppi-head{display: flex; flex-direction: column; gap: 6px;}
.rsg-page .ppi-eye{display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; color: var(--green-700);}
.rsg-page .ppi-eye-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 3px rgba(44,122,75,0.20); display: inline-block; flex-shrink: 0;}
.rsg-page .ppi-sub{font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--ink-900); line-height: 1.4; letter-spacing: -0.01em;}
.rsg-page .ppi-chips{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;}
.rsg-page .ppi-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 10px; background: var(--green-50); border: 1px solid rgba(44,122,75,0.20); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--ink-900); line-height: 1;}
.rsg-page .ppi-chip-ic{width: 18px; height: 18px; border-radius: 50%; background: var(--green-500); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .ppi-chip-ic svg{width: 11px; height: 11px;}
.rsg-page .pp-cards{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; margin: 0 0 32px; align-items: stretch;}
.rsg-page .pp-card{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 30px 28px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}
.rsg-page .pp-card:hover{transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(44,122,75,0.28);}
.rsg-page .pp-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--green-500); opacity: 0.7;}
.rsg-page .pp-card.pp-grow::before{background: linear-gradient(90deg, #4FB37A, var(--green-500));}
.rsg-page .pp-card.pp-dom::before{background: linear-gradient(90deg, var(--green-700), #1B5230);}
.rsg-page .pp-card .ppc-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px;}
.rsg-page .pp-card .ppc-name{font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.20em; text-transform: uppercase; font-weight: 800; color: var(--green-700);}
.rsg-page .pp-card .ppc-range{display: inline-flex; align-items: center; padding: 5px 11px; background: var(--green-50); border: 1px solid rgba(44,122,75,0.24); border-radius: 999px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.10em; text-transform: uppercase; font-weight: 700; color: var(--green-700);}
.rsg-page .pp-card .ppc-price{display: flex; align-items: baseline; gap: 6px; margin: 0 0 18px;}
.rsg-page .pp-card .ppc-price strong{font-family: var(--font-display); font-size: 44px; font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.025em;}
.rsg-page .pp-card .ppc-price span{font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .pp-card .ppc-best{margin: 0 0 24px; font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--ink-900); line-height: 1.45; letter-spacing: -0.005em; padding-bottom: 22px; border-bottom: 1px dashed rgba(0,0,0,0.10); flex: 1;}
.rsg-page .pp-card .ppc-footer{margin-top: auto;}
.rsg-page .pp-card .ppc-cta{display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--green-700); text-decoration: none; transition: gap 0.25s ease, color 0.25s ease;}
.rsg-page .pp-card .ppc-cta svg{width: 14px !important; height: 14px !important; transition: transform 0.25s ease;}
.rsg-page .pp-card .ppc-cta:hover{gap: 12px; color: var(--green-900);}
.rsg-page .pp-card .ppc-cta:hover svg{transform: translateX(2px);}
.rsg-page .pp-card.pp-featured{background: linear-gradient(135deg, #000 0%, #1F1F1F 50%, #2C2C2C 100%); color: #fff; border-color: transparent; box-shadow: 0 20px 50px rgba(0,0,0,0.25); transform: translateY(-8px);}
.rsg-page .pp-card.pp-featured:hover{transform: translateY(-12px); box-shadow: 0 28px 60px rgba(0,0,0,0.32); border-color: transparent;}
.rsg-page .pp-card.pp-featured::before{background: linear-gradient(90deg, var(--green-500), #4FB37A); height: 5px; opacity: 1;}
.rsg-page .pp-card.pp-featured .ppc-name{color: #4FB37A;}
.rsg-page .pp-card.pp-featured .ppc-range{background: rgba(79,179,122,0.14); border-color: rgba(79,179,122,0.35); color: #6BCB94;}
.rsg-page .pp-card.pp-featured .ppc-price strong{color: #fff !important;}
.rsg-page .pp-card.pp-featured .ppc-price span{color: rgba(255,255,255,0.55);}
.rsg-page .pp-card.pp-featured .ppc-best{color: #fff !important; border-bottom-color: rgba(255,255,255,0.18);}
.rsg-page .pp-card.pp-featured .ppc-cta{color: #6BCB94 !important;}
.rsg-page .pp-card.pp-featured .ppc-cta:hover{color: #8DDDB0 !important;}
.rsg-page .pp-card.pp-featured strong, .rsg-page .pp-card.pp-featured b{color: #fff !important;}
.rsg-page .pp-adspend{background: linear-gradient(135deg, var(--paper-soft) 0%, var(--green-50) 100%); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 26px 32px; margin: 0 0 28px;}
.rsg-page .ppa-stats{display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; gap: 24px; align-items: center; padding-bottom: 22px; border-bottom: 1px solid rgba(44,122,75,0.22); margin-bottom: 22px;}
.rsg-page .ppa-stat{text-align: center;}
.rsg-page .ppa-stat strong{display: block; font-family: var(--font-display); font-size: 30px; font-weight: 800; color: var(--ink-900); line-height: 1; letter-spacing: -0.025em;}
.rsg-page .ppa-stat strong small{font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; color: var(--ink-500); font-weight: 700;}
.rsg-page .ppa-stat span{display: block; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-top: 8px;}
.rsg-page .ppa-stat.ppa-accent strong{color: var(--green-700);}
.rsg-page .ppa-divider{width: 1px; height: 48px; background: rgba(44,122,75,0.22); margin: 0 auto;}
.rsg-page .ppa-explain{display: flex; flex-direction: column; gap: 8px;}
.rsg-page .ppa-explain .ppa-line{margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--ink-900);}
.rsg-page .ppa-explain .ppa-note{margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-2); font-style: italic;}
.rsg-page .ppa-explain strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .pp-close{display: flex; align-items: center; gap: 28px; padding: 24px 4px 0; border-top: 1px dashed rgba(0,0,0,0.10); flex-wrap: wrap;}
.rsg-page .pp-close .ppcl-body{margin: 0; flex: 1; min-width: 320px; font-size: 15px; line-height: 1.65; color: var(--ink-2);}
.rsg-page .pp-close .ppcl-body strong{color: var(--ink-900); font-weight: 700;}
.rsg-page .pp-close .pp-final-cta{display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; font-size: 14px; border-radius: 999px; flex-shrink: 0; white-space: nowrap;}
.rsg-page .pp-close .pp-final-cta-ic{width: 16px !important; height: 16px !important;}
@media (max-width: 980px){.rsg-page .pp-included{grid-template-columns: 1fr; gap: 14px;}}
@media (max-width: 980px){.rsg-page .pp-cards{grid-template-columns: 1fr; gap: 14px;}}
@media (max-width: 980px){.rsg-page .pp-card.pp-featured{transform: translateY(0);}}
@media (max-width: 980px){.rsg-page .pp-card.pp-featured:hover{transform: translateY(-4px);}}
@media (max-width: 980px){.rsg-page .ppa-stats{grid-template-columns: 1fr; gap: 18px;}}
@media (max-width: 980px){.rsg-page .ppa-divider{display: none;}}
@media (max-width: 980px){.rsg-page .pp-close{gap: 16px;}}
/* WR CTA inside discipline card */
.rsg-page .wr-discipline .wr-cta-row{margin-top: 18px; padding-top: 0; display: flex;}
.rsg-page .wr-discipline .wr-cta-row .why-cta{padding: 10px 22px; font-size: 13px; border-radius: 999px;}
/* WR CTA inside discipline card */
.rsg-page .wr-discipline .wr-cta-row{margin-top: 18px; display: flex; justify-content: flex-end;}
.rsg-page .wr-discipline .wr-cta-row .why-cta{padding: 8px 16px; font-size: 11.5px; border-radius: 999px; letter-spacing: 0.02em;}
.rsg-page .wr-discipline .wr-cta-row .why-cta svg{width: 12px !important; height: 12px !important; margin-right: 5px !important;}
@media (max-width: 480px){.rsg-page{--section-y: 48px; --gutter: 16px;}}
@media (max-width: 480px){.rsg-page .container{padding: 0 16px;}}
@media (max-width: 480px){.rsg-page .city-grid{grid-template-columns: 1fr; gap: 8px;}}
@media (max-width: 480px){.rsg-page .hero h1{font-size: clamp(32px, 9vw, 40px);}}
@media (max-width: 480px){.rsg-page .btn-large{padding: 12px 22px; font-size: 13px;}}
@media (max-width: 480px){.rsg-page .hero-ctas .btn{width: 100%; justify-content: center;}}
@media (max-width: 480px){.rsg-page .final-cta h2{font-size: clamp(26px, 8vw, 32px);}}
@media (max-width: 480px){.rsg-page .final-cta .fc-lede{font-size: 15px;}}
@media (max-width: 480px){.rsg-page .faq-v2 .faq-item details summary{padding: 16px 16px; gap: 10px; grid-template-columns: 32px 1fr 26px;}}
@media (max-width: 480px){.rsg-page .faq-v2 .faq-item .faq-q{font-size: 12px; letter-spacing: 0.03em;}}
@media (max-width: 480px){.rsg-page .faq-v2 .faq-cta{padding: 18px 18px;}}
@media (max-width: 480px){.rsg-page .tc-attrib{padding: 6px 16px 6px 6px; gap: 10px;}}
@media (max-width: 480px){.rsg-page .tc-attrib-text strong{font-size: 15px;}}
@media (max-width: 480px){.rsg-page .tc-quote-normal, .rsg-page .tc-quote-highlight{font-size: 14px; line-height: 1.55;}}
@media (max-width: 480px){.rsg-page .tc-slide{padding: 22px 16px; gap: 18px;}}
@media (max-width: 480px){.rsg-page .hero-cpl-card{right: 8px; padding: 10px 12px;}}
@media (max-width: 480px){.rsg-page .hero-partner-badge{font-size: 9px; padding: 5px 10px;}}
/* Prevent horizontal scroll from any rogue overflow */
.rsg-page{overflow-x: hidden;}
.rsg-page img, .rsg-page svg{max-width: 100%;}
@media (max-width: 640px){/* Hide hero floating cards on small phones &mdash; they crowd the phone mockup */
  .rsg-page .hero-cpl-card, .rsg-page .hero-partner-badge, .rsg-page .hero-pill-stack{display: none !important;}}
@media (max-width: 640px){/* Give the phone mockup room so the Map Pack listing reads cleanly (left-anchored, backdrop stays right) */
  .rsg-page .phone-shell{left: 8px; transform: none; width: 214px; height: 420px; bottom: 22px;}}
@media (max-width: 640px){.rsg-page .phone-screen{width: 202px; height: 408px;}}
@media (max-width: 640px){.rsg-page .ph-listing{margin: 0 11px; padding: 11px;}}
@media (max-width: 640px){.rsg-page .ph-listing-thumb{width: 44px; height: 44px;}}
@media (max-width: 640px){.rsg-page .ph-listing-thumb .pt-icon{width: 21px; height: 21px;}}
@media (max-width: 640px){.rsg-page .ph-biz-name{font-size: 12.5px; line-height: 1.25;}}
@media (max-width: 640px){.rsg-page .ph-sponsored-lbl{font-size: 8.5px; padding: 9px 12px 4px;}}
@media (max-width: 640px){/* Allow #how-lsa-vs-channels CTA button text to wrap */
  .rsg-page #how-lsa-vs-channels .btn-large{font-size: 12.5px; padding: 11px 14px;}}
@media (max-width: 400px){.rsg-page .platform-hero{height: 520px;}}
@media (max-width: 400px){.rsg-page .phone-shell{width: 198px; height: 392px;}}
@media (max-width: 400px){.rsg-page .phone-screen{width: 186px; height: 380px;}}
@media (max-width: 480px){/* CPL viz &mdash; even tighter */
  .rsg-page .viz-cpl .vcpl-row{grid-template-columns: 60px 1fr; gap: 8px;}}
@media (max-width: 480px){.rsg-page .viz-cpl .vcpl-label{font-size: 11px;}}
@media (max-width: 480px){.rsg-page .viz-cpl .vcpl-fill{font-size: 11px; padding: 0 8px;}}
@media (max-width: 480px){.rsg-page .viz-cpl .vcpl-axis{padding-left: 68px; font-size: 8px;}}
@media (max-width: 480px){/* Stats single col */
  .rsg-page .wr-mock .wr-stats{grid-template-columns: 1fr;}}
@media (max-width: 480px){.rsg-page .wr-mock .wr-stat:last-child{grid-column: span 1;}}
/* ===== Defensive SVG sizing &mdash; kills theme overrides that inflate inline icons in buttons ===== */
.rsg-page .btn svg, .rsg-page .btn-large svg, .rsg-page a.btn svg, .rsg-page a.btn-large svg, .rsg-page a.btn-primary svg, .rsg-page a.btn-ghost svg{width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; min-width: 0 !important; min-height: 0 !important; flex-shrink: 0 !important; display: inline-block !important; vertical-align: middle !important;}
.rsg-page .btn-large svg{margin-right: 6px !important;}
/* ===== Force white text inside onboarding phase badges (30 DAYS / 90 DAYS circles) ===== */
.rsg-page .onboarding-callout .ob-phase .ob-num,
.rsg-page .onboarding-callout .ob-phase .ob-num strong,
.rsg-page .onboarding-callout .ob-phase .ob-num span{color: #FFFFFF !important;}
/* ============================================================
   PPC PAGE SUPPLEMENTARY COMPONENTS (May 2026)
   Uses the existing design tokens only. PPC-specific visuals.
   ============================================================ */
/* Hero benefit pill stack (bottom-right corner of the graphic) */
.rsg-page .hero-pill-stack{position: absolute; bottom: 22px; right: -56px; z-index: 5; display: flex; flex-direction: column; gap: 10px; align-items: flex-end;}
.rsg-page .hps-pill{display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 6px 15px 6px 6px; box-shadow: 0 10px 26px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.07); white-space: nowrap;}
.rsg-page .hps-pill .hps-ic{width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 3px 8px rgba(32,157,80,0.28);}
.rsg-page .hps-pill .hps-ic svg{width: 13px; height: 13px;}
.rsg-page .hps-pill .hps-txt{font-family: var(--font-display); font-size: 11.5px; font-weight: 700; color: var(--ink-900); letter-spacing: -0.005em;}
.rsg-page .hps-pill .hps-txt span{font-weight: 500; color: var(--ink-500);}
@media (max-width: 480px){.rsg-page .hero-pill-stack{right: -6px; bottom: 14px; gap: 7px;}}
@media (max-width: 480px){.rsg-page .hps-pill{padding: 5px 12px 5px 5px; gap: 7px;}}
@media (max-width: 480px){.rsg-page .hps-pill .hps-ic{width: 22px; height: 22px;}}
@media (max-width: 480px){.rsg-page .hps-pill .hps-ic svg{width: 12px; height: 12px;}}
@media (max-width: 480px){.rsg-page .hps-pill .hps-txt{font-size: 10.5px;}}
/* Light tip callout (lightbulb + bold prefix + supporting text) */
.rsg-page .ppc-tip{display: flex; align-items: flex-start; gap: 14px; background: linear-gradient(135deg, var(--paper-soft) 0%, var(--green-50) 100%); border: 1px solid var(--line); border-left: 5px solid var(--green-500); border-radius: 10px; padding: 18px 22px; margin: 28px 0 0;}
.rsg-page .ppc-tip .ppct-icon{width: 38px; height: 38px; border-radius: 9px; background: rgba(44,122,75,0.10); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .ppc-tip .ppct-icon svg{width: 20px; height: 20px; stroke: var(--green-500); fill: none;}
.rsg-page .ppc-tip p{margin: 0; font-size: 14px; line-height: 1.62; color: var(--ink-2);}
.rsg-page .ppc-tip p strong{color: var(--green-700);}
/* SERP screenshot + tip side-by-side row */
.rsg-page .ppc-serp-row{display: grid; grid-template-columns: 1.08fr 1fr; gap: 28px; align-items: stretch; margin: 0 0 32px;}
.rsg-page .ppc-serp-row .ai-dashboard{margin: 0;}
/* Jargon glossary panel (graphic, fills height beside the screenshot) */
.rsg-page .jargon-panel{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 22px 24px; box-shadow: var(--shadow-md); display: flex; flex-direction: column; gap: 14px; height: 100%; position: relative; overflow: hidden;}
.rsg-page .jargon-panel::before{content: ""; position: absolute; top: -70px; right: -70px; width: 190px; height: 190px; background: radial-gradient(circle, rgba(32,157,80,0.08) 0%, transparent 70%); pointer-events: none;}
.rsg-page .jargon-panel .jp-eyebrow{font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; color: var(--green-700); display: inline-flex; align-items: center; gap: 8px; position: relative;}
.rsg-page .jargon-panel .jp-eyebrow::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(44,122,75,0.14);}
.rsg-page .jp-terms{flex: 1; display: flex; flex-direction: column; gap: 10px;}
.rsg-page .jp-term{flex: 1; display: flex; align-items: center; gap: 14px; background: var(--paper-soft); border: 1px solid var(--line-2); border-radius: 12px; padding: 12px 16px; transition: border-color .2s, box-shadow .2s, transform .2s;}
.rsg-page .jp-term:hover{border-color: rgba(44,122,75,0.30); box-shadow: 0 8px 20px rgba(0,0,0,0.05); transform: translateY(-1px);}
.rsg-page .jp-term .jp-ic{width: 46px; height: 46px; border-radius: 12px; background: #fff; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.rsg-page .jp-term .jp-ic svg{width: 24px; height: 24px;}
.rsg-page .jp-term .jp-ic img{max-width: 27px; max-height: 27px; width: auto; height: auto; display: block;}
.rsg-page .jp-term strong{display: block; font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--ink-900); margin-bottom: 2px; letter-spacing: -0.005em;}
.rsg-page .jp-term p{margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-2);}
.rsg-page .jp-takeaway{background: linear-gradient(135deg, var(--paper-soft) 0%, var(--green-50) 100%); border: 1px solid rgba(44,122,75,0.18); border-left: 4px solid var(--green-500); border-radius: 0 10px 10px 0; padding: 13px 16px; font-size: 12.5px; line-height: 1.5; color: var(--ink-2); position: relative;}
.rsg-page .jp-takeaway strong{color: var(--green-700);}
@media (max-width: 880px){.rsg-page .ppc-serp-row{grid-template-columns: 1fr; gap: 22px; align-items: start;}}
@media (max-width: 880px){.rsg-page .jargon-panel{height: auto;}}
@media (max-width: 880px){.rsg-page .jp-term{flex: none;}}
/* Google ad-type comparison table */
.rsg-page .adtype-table{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); margin: 0 0 8px;}
.rsg-page .adtype-table table{width: 100%; border-collapse: collapse;}
.rsg-page .adtype-table thead th{text-align: left; padding: 16px 24px; background: linear-gradient(180deg, #fff, var(--paper-soft)); font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--ink-700); border-bottom: 2px solid var(--line);}
.rsg-page .adtype-table tbody tr{transition: background .2s;}
.rsg-page .adtype-table tbody tr:hover{background: var(--paper-soft);}
.rsg-page .adtype-table tbody td{padding: 18px 24px; font-size: 13.5px; line-height: 1.55; color: var(--ink-2); border-bottom: 1px solid var(--line-2); vertical-align: middle;}
.rsg-page .adtype-table tbody tr:last-child td{border-bottom: 0;}
.rsg-page .adtype-table .at-typecell{display: flex; align-items: center; gap: 13px;}
.rsg-page .adtype-table .at-ic{width: 44px; height: 44px; border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #fff; border: 1px solid var(--line); box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.rsg-page .adtype-table .at-ic svg{width: 24px; height: 24px;}
.rsg-page .adtype-table .at-ic img{max-width: 28px; max-height: 28px; width: auto; height: auto; display: block;}
.rsg-page .adtype-table .at-name{font-family: var(--font-display); font-weight: 700; color: var(--ink-900); font-size: 14px; line-height: 1.25;}
.rsg-page .adtype-table tbody td{border-bottom: 0;}
.rsg-page .adtype-table tr.featured-row{background: linear-gradient(90deg, rgba(44,122,75,0.05), transparent);}
.rsg-page .adtype-table .at-rel{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 9px;}
.rsg-page .adtype-table .at-meter{display: inline-flex; gap: 4px;}
.rsg-page .adtype-table .at-meter i{width: 15px; height: 5px; border-radius: 3px; background: var(--line);}
.rsg-page .adtype-table tr.lvl-high .at-meter i.on{background: var(--green-500);}
.rsg-page .adtype-table tr.lvl-med .at-meter i.on{background: #E78A2C;}
.rsg-page .adtype-table tr.lvl-low .at-meter i.on{background: #94A3B8;}
.rsg-page .adtype-table tr.lvl-risk .at-meter i.on{background: var(--red);}
.rsg-page .adtype-table .rel-pill{display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.07em; text-transform: uppercase; font-weight: 700;}
.rsg-page .adtype-table .rel-pill::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor;}
.rsg-page .adtype-table .rel-high{background: var(--green-50); color: var(--green-700);}
.rsg-page .adtype-table .rel-med{background: rgba(231,138,44,0.13); color: #B45309;}
.rsg-page .adtype-table .rel-low{background: rgba(100,116,139,0.12); color: #64748B;}
.rsg-page .adtype-table .rel-risk{background: rgba(200,32,43,0.10); color: var(--red);}
.rsg-page .adtype-table .at-relnote{display: block; font-size: 13px; color: var(--ink-2); line-height: 1.5;}
/* CPC market-tier bars */
.rsg-page .cpc-tiers{display: grid; gap: 18px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px 32px; box-shadow: var(--shadow-md); margin: 0 0 22px;}
.rsg-page .cpc-row{display: grid; grid-template-columns: 240px 1fr; gap: 18px; align-items: center;}
.rsg-page .cpc-label{font-family: var(--font-display); font-size: 14px; font-weight: 700; color: var(--ink-900);}
.rsg-page .cpc-label small{display: block; font-family: var(--font-mono); font-size: 9.5px; font-weight: 600; color: var(--ink-500); letter-spacing: 0.06em; text-transform: uppercase; margin-top: 3px;}
.rsg-page .cpc-bar{height: 38px; border-radius: 8px; background: var(--paper-soft); position: relative; overflow: hidden; border: 1px solid var(--line-2);}
.rsg-page .cpc-fill{position: absolute; top: 0; bottom: 0; left: 0; border-radius: 8px; display: flex; align-items: center; padding: 0 14px; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: 13.5px; letter-spacing: -0.01em;}
.rsg-page .cpc-fill.t1{width: 32%; background: linear-gradient(90deg, var(--green-500), var(--green-700)); box-shadow: 0 4px 12px rgba(32,157,80,0.22);}
.rsg-page .cpc-fill.t2{width: 58%; background: linear-gradient(90deg, #E78A2C, #B45309); box-shadow: 0 4px 12px rgba(231,138,44,0.20);}
.rsg-page .cpc-fill.t3{width: 92%; background: linear-gradient(90deg, var(--red), #9F1219); box-shadow: 0 4px 12px rgba(200,32,43,0.20);}
.rsg-page .cpc-val-out{position: absolute; top: 0; bottom: 0; display: flex; align-items: center; margin-left: 12px; color: var(--ink-900); font-family: var(--font-display); font-weight: 700; font-size: 13px; white-space: nowrap;}
.rsg-page .cpc-peak{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 4px;}
.rsg-page .cpc-peak-card{background: var(--paper-soft); border: 1px solid var(--line); border-radius: 12px; padding: 18px 20px;}
.rsg-page .cpc-peak-card .cpk-lbl{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; margin-bottom: 6px;}
.rsg-page .cpc-peak-card .cpk-val{font-family: var(--font-display); font-size: 24px; font-weight: 800; color: var(--ink-900); line-height: 1;}
.rsg-page .cpc-peak-card .cpk-sub{font-size: 12.5px; color: var(--ink-2); margin-top: 8px; line-height: 1.5;}
/* "Where budgets get wasted" loss list */
.rsg-page .waste-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 14px;}
.rsg-page .waste-list li{position: relative; overflow: hidden; display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--red); border-radius: 14px; padding: 18px 22px; box-shadow: var(--shadow-md);}
.rsg-page .waste-list li::after{content: ""; position: absolute; top: -40px; right: -40px; width: 130px; height: 130px; background: radial-gradient(circle, rgba(200,32,43,0.07) 0%, transparent 70%); pointer-events: none;}
.rsg-page .waste-list .wi-ic{position: relative; z-index: 1; width: 42px; height: 42px; border-radius: 11px; background: linear-gradient(135deg, #E2434E, var(--red)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 16px rgba(200,32,43,0.3);}
.rsg-page .waste-list .wi-ic svg{width: 21px; height: 21px;}
.rsg-page .waste-list .wi-text{position: relative; z-index: 1; font-size: 14.5px; font-weight: 600; color: var(--ink-900); line-height: 1.4;}
.rsg-page .waste-split{display: grid; grid-template-columns: 1.5fr 1fr; gap: 24px; align-items: stretch;}
.rsg-page .waste-split .waste-list{align-content: start;}
.rsg-page .waste-aside{position: relative; overflow: hidden; background: linear-gradient(150deg, #10231A 0%, #0A0A0A 55%, #0E1A13 100%); border: 1px solid rgba(44,122,75,0.30); border-radius: 18px; padding: 32px 30px; display: flex; flex-direction: column; justify-content: center; gap: 15px; box-shadow: 0 24px 56px rgba(0,0,0,0.32);}
.rsg-page .waste-aside::before{content: ""; position: absolute; top: -70px; left: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(44,122,75,0.30) 0%, transparent 70%); pointer-events: none;}
.rsg-page .waste-aside::after{content: ""; position: absolute; bottom: -80px; right: -60px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(44,122,75,0.22) 0%, transparent 70%); pointer-events: none;}
.rsg-page .waste-aside .wa-eyebrow{position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; color: var(--green-500); background: rgba(44,122,75,0.16); border: 1px solid rgba(44,122,75,0.32); padding: 6px 14px; border-radius: 999px;}
.rsg-page .waste-aside .wa-eyebrow::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 8px var(--green-500);}
.rsg-page .waste-aside .wa-ic{position: relative; z-index: 1; width: 58px; height: 58px; border-radius: 16px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 6px rgba(44,122,75,0.15), 0 12px 28px rgba(32,157,80,0.5);}
.rsg-page .waste-aside .wa-ic svg{width: 29px; height: 29px;}
.rsg-page .waste-aside .wa-title{position: relative; z-index: 1; font-family: var(--font-display); font-size: 20px; font-weight: 800; color: #fff; margin: 2px 0 0; letter-spacing: -0.01em; line-height: 1.2;}
.rsg-page .waste-aside .wa-text{position: relative; z-index: 1; font-size: 13.5px; line-height: 1.6; color: rgba(255,255,255,0.72); margin: 0;}
.rsg-page .waste-aside .wa-goal{position: relative; z-index: 1; font-size: 13.5px; line-height: 1.55; color: rgba(255,255,255,0.85); background: rgba(44,122,75,0.14); border: 1px solid rgba(44,122,75,0.3); border-left: 4px solid var(--green-500); border-radius: 10px; padding: 13px 16px;}
.rsg-page .waste-aside .wa-goal strong{color: #fff;}
.rsg-page .waste-aside .wa-outcome{position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; background: linear-gradient(135deg, var(--green-500), var(--green-600)); color: #fff; font-family: var(--font-display); font-size: 12.5px; font-weight: 700; padding: 10px 18px; border-radius: 999px; box-shadow: 0 8px 22px rgba(32,157,80,0.45);}
.rsg-page .waste-aside .wa-outcome svg{width: 15px; height: 15px;}
.rsg-page .faq-v2 .faq-cta-icon svg{width: 22px; height: 22px;}
@media (max-width: 640px){.rsg-page .pp-close .pp-final-cta{white-space: normal !important; width: 100%; justify-content: center; text-align: center; line-height: 1.35; padding: 14px 18px; font-size: 13.5px;}}
@media (max-width: 860px){.rsg-page .waste-split{grid-template-columns: 1fr;}}
/* Sub-topic label inside a section */
.rsg-page .ppc-subhead{font-family: var(--font-display); font-size: 21px; font-weight: 700; color: var(--ink-900); margin: 44px 0 8px; letter-spacing: -0.01em;}
.rsg-page .ppc-subhead:first-of-type{margin-top: 0;}
.rsg-page .ppc-sub-lede{font-size: 15px; color: var(--ink-2); line-height: 1.62; margin: 0 0 22px;}
.rsg-page .section-header .lede{max-width: none; text-wrap: pretty;}
/* Landing-page build elements (5 cards) */
.rsg-page .lp-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px;}
.rsg-page .lp-card{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 26px; position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s;}
.rsg-page .lp-card:hover{transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,0.07);}
.rsg-page .lp-card .lpc-ic{width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; box-shadow: 0 8px 20px rgba(32,157,80,0.22);}
.rsg-page .lp-card .lpc-ic svg{width: 22px; height: 22px;}
.rsg-page .lp-card h4{font-family: var(--font-display); font-size: 16.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 8px; line-height: 1.3;}
.rsg-page .lp-card p{margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-2);}
.rsg-page .lp-card.lp-wide{grid-column: 1 / -1;}
.rsg-page .lp-pair{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 36px; align-items: center; margin: 0 0 10px;}
.rsg-page .lp-pair .lp-mock{display: flex; align-items: center;}
.rsg-page .lp-pair .ai-dashboard{margin: 0; width: 100%; max-width: 600px;}
.rsg-page .lp-mock{position: relative;}
.rsg-page .lp-mock-badge{position: absolute; top: -12px; right: 16px; z-index: 3; background: var(--green-500); color: #fff; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; padding: 6px 14px; border-radius: 999px; box-shadow: 0 8px 20px rgba(32,157,80,0.35); display: inline-flex; align-items: center; gap: 6px;}
.rsg-page .lp-mock-badge svg{width: 12px; height: 12px;}
.rsg-page .need-flow{position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 24px; padding-left: 4px;}
.rsg-page .need-flow::before{content: ""; position: absolute; left: 28px; top: 26px; bottom: 26px; width: 2px; background: linear-gradient(180deg, var(--green-500) 0%, rgba(44,122,75,0.22) 100%); border-radius: 2px;}
.rsg-page .need-step{position: relative; display: flex; gap: 20px; align-items: flex-start;}
.rsg-page .need-step .ns-node{position: relative; z-index: 1; width: 50px; height: 50px; border-radius: 15px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 0 0 6px rgba(44,122,75,0.10), 0 10px 24px rgba(32,157,80,0.34);}
.rsg-page .need-step .ns-node svg{width: 23px; height: 23px;}
.rsg-page .need-step .ns-body{padding-top: 7px;}
.rsg-page .need-step h4{font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--ink-900); margin: 0 0 5px;}
.rsg-page .need-step p{font-size: 13.5px; line-height: 1.55; margin: 0; color: var(--ink-2);}
.rsg-page .need-flow .ns-deco{position: absolute; left: 29px; width: 11px; height: 11px; border-radius: 50%; background: var(--green-500); transform: translate(-50%, -50%); box-shadow: 0 0 0 5px rgba(44,122,75,0.12); animation: pulse 2.6s ease-in-out infinite; z-index: 0;}
.rsg-page .need-flow .ns-deco.d2{animation-delay: 1.3s;}
.rsg-page .need-flow .ns-spark{position: absolute; left: 29px; width: 5px; height: 5px; border-radius: 50%; background: rgba(44,122,75,0.45); transform: translate(-50%, -50%);}
.rsg-page .need-timeline{position: relative; display: flex; flex-direction: column; gap: 20px;}
.rsg-page .need-timeline::before{content: ""; position: absolute; left: 28px; top: 36px; bottom: 36px; width: 2px; background: linear-gradient(180deg, var(--green-500) 0%, rgba(44,122,75,0.2) 100%); z-index: 0;}
.rsg-page .nt-row{position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 20px; align-items: center;}
.rsg-page .nt-badge{position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 16px; letter-spacing: 0.02em; box-shadow: 0 8px 20px rgba(32,157,80,0.3);}
.rsg-page .nt-badge::before{content: ""; position: absolute; inset: -6px; border: 2px dashed rgba(44,122,75,0.35); border-radius: 50%;}
.rsg-page .nt-card{background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 18px 22px; box-shadow: var(--shadow-md); transition: transform .2s, box-shadow .2s, border-color .2s;}
.rsg-page .nt-card:hover{transform: translateY(-2px); border-color: rgba(44,122,75,0.3); box-shadow: 0 14px 30px rgba(0,0,0,0.07);}
.rsg-page .nt-card h4{font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--ink-900); margin: 0 0 5px;}
.rsg-page .nt-card p{font-size: 13.5px; line-height: 1.55; margin: 0; color: var(--ink-2);}
.rsg-page .setup-intro{margin: 0 0 22px;}
.rsg-page .setup-eyebrow{display: inline-flex; align-items: center; gap: 11px; background: rgba(44,122,75,0.08); color: var(--green-700); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; padding: 7px 18px 7px 7px; border-radius: 999px; margin-bottom: 16px;}
.rsg-page .setup-eyebrow .se-ic{width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(32,157,80,0.3);}
.rsg-page .setup-eyebrow .se-ic svg{width: 15px; height: 15px;}
.rsg-page .setup-intro h3{font-family: var(--font-display); font-size: 23px; font-weight: 800; color: var(--ink-900); margin: 0 0 8px; letter-spacing: -0.01em;}
.rsg-page .setup-intro p{font-size: 15px; color: var(--ink-2); margin: 0;}
.rsg-page .setup-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 36px;}
.rsg-page .setup-item{position: relative; overflow: hidden; display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 26px; box-shadow: var(--shadow-md); transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .setup-item::after{content: ""; position: absolute; top: -45px; right: -45px; width: 140px; height: 140px; background: radial-gradient(circle, rgba(44,122,75,0.08) 0%, transparent 70%); pointer-events: none;}
.rsg-page .setup-item:hover{transform: translateY(-3px); border-color: rgba(44,122,75,0.35); box-shadow: 0 18px 40px rgba(0,0,0,0.09);}
.rsg-page .setup-item .su-ic{position: relative; z-index: 1; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(32,157,80,0.28);}
.rsg-page .setup-item .su-ic svg{width: 23px; height: 23px;}
.rsg-page .setup-item .su-body{position: relative; z-index: 1;}
.rsg-page .setup-item strong{display: block; font-family: var(--font-display); font-size: 15.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 6px; line-height: 1.3;}
.rsg-page .setup-item p{font-size: 13px; line-height: 1.55; margin: 0; color: var(--ink-2);}
@media (max-width: 760px){.rsg-page .setup-grid{grid-template-columns: 1fr;}}
.rsg-page .cs-window img{display: block; width: 100%; height: auto;}
.rsg-page .cs-right{flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 16px;}
.rsg-page .cs-right .cs-window.cs-window-wide{margin-top: 0;}
.rsg-page .cs-window.cs-window-wide{margin-top: 20px;}
.rsg-page .build-list{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.rsg-page .build-item{position: relative; overflow: hidden; display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 26px; box-shadow: var(--shadow-md); transition: border-color .25s, box-shadow .25s, transform .25s;}
.rsg-page .build-item::after{content: ""; position: absolute; top: -45px; right: -45px; width: 145px; height: 145px; background: radial-gradient(circle, rgba(44,122,75,0.09) 0%, transparent 70%); pointer-events: none;}
.rsg-page .build-item:hover{border-color: rgba(44,122,75,0.35); box-shadow: 0 18px 40px rgba(0,0,0,0.09); transform: translateY(-3px);}
.rsg-page .build-item .bi-ic{position: relative; z-index: 1; width: 50px; height: 50px; border-radius: 14px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(32,157,80,0.28);}
.rsg-page .build-item .bi-ic svg{width: 24px; height: 24px;}
.rsg-page .build-item .bi-incl{position: absolute; top: 16px; right: 16px; z-index: 2; width: 24px; height: 24px; border-radius: 50%; background: var(--green-50); color: var(--green-600); display: flex; align-items: center; justify-content: center;}
.rsg-page .build-item .bi-incl svg{width: 13px; height: 13px;}
.rsg-page .build-item .bi-body{position: relative; z-index: 1; padding-right: 16px;}
.rsg-page .build-item h4{font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--ink-900); margin: 0 0 5px;}
.rsg-page .build-item p{font-size: 13px; line-height: 1.55; margin: 0; color: var(--ink-2);}
.rsg-page .build-item.bi-wide{grid-column: 1 / -1;}
@media (max-width: 860px){.rsg-page .lp-pair{grid-template-columns: 1fr; gap: 24px;}}
@media (max-width: 860px){.rsg-page .need-flow{height: auto; gap: 30px;}}
@media (max-width: 860px){.rsg-page .build-list{grid-template-columns: 1fr;}}
.rsg-page .ppc-split{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: stretch; margin: 0 0 10px;}
.rsg-page .ppc-split.flip .ppc-split-a{order: 2;}
.rsg-page .ppc-split .ppc-split-a{display: flex;}
.rsg-page .ppc-split .ai-dashboard{margin: 0; display: flex; flex-direction: column; width: 100%;}
.rsg-page .ppc-split .ai-dashboard img{flex: 1; min-height: 0; width: 100%; object-fit: cover; object-position: top center;}
.rsg-page .ppc-stack{display: flex; flex-direction: column; gap: 14px;}
.rsg-page .fit-spectrum{display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; margin: 0 0 40px;}
.rsg-page .fs-stage{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 5px; box-shadow: var(--shadow-md);}
.rsg-page .fs-stage .fs-ic{width: 48px; height: 48px; border-radius: 13px; background: var(--paper-soft); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: var(--ink-700); margin-bottom: 6px;}
.rsg-page .fs-stage .fs-ic svg{width: 23px; height: 23px;}
.rsg-page .fs-stage .fs-name{font-family: var(--font-display); font-size: 15.5px; font-weight: 800; color: var(--ink-900); letter-spacing: -0.01em;}
.rsg-page .fs-stage .fs-desc{font-size: 12px; color: var(--ink-500); line-height: 1.4;}
.rsg-page .fs-stage.featured{background: linear-gradient(160deg, #fff 0%, var(--green-50) 100%); border: 2px solid var(--green-500); box-shadow: 0 18px 38px rgba(32,157,80,0.16); transform: translateY(-8px);}
.rsg-page .fs-stage.featured .fs-ic{background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; border: 0; box-shadow: 0 6px 14px rgba(32,157,80,0.3);}
.rsg-page .fs-stage.featured .fs-name{color: var(--green-700);}
.rsg-page .fs-stage.featured .fs-tagline{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-600); font-weight: 700; margin-top: 4px;}
.rsg-page .fs-arrow{display: flex; align-items: center; justify-content: center; color: var(--green-500);}
.rsg-page .fs-arrow svg{width: 24px; height: 24px;}
@media (max-width: 760px){.rsg-page .fit-spectrum{grid-template-columns: 1fr; gap: 10px;}}
@media (max-width: 760px){.rsg-page .fs-arrow{transform: rotate(90deg); margin: 2px 0;}}
@media (max-width: 760px){.rsg-page .fs-stage.featured{transform: none;}}
.rsg-page .rank-eq{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; margin: 0 0 18px;}
.rsg-page .rank-eq .rk-card{position: relative; overflow: hidden; background: linear-gradient(160deg, rgba(255,255,255,0.06) 0%, rgba(44,122,75,0.07) 100%); border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 28px 26px 26px; box-shadow: 0 20px 44px rgba(0,0,0,0.32); transition: transform .3s, box-shadow .3s, border-color .3s;}
.rsg-page .rank-eq .rk-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--green-500), #6EE7B7);}
.rsg-page .rank-eq .rk-card::after{content: ""; position: absolute; top: -55px; right: -55px; width: 175px; height: 175px; background: radial-gradient(circle, rgba(44,122,75,0.30) 0%, transparent 70%); pointer-events: none;}
.rsg-page .rank-eq .rk-card:hover{transform: translateY(-4px); border-color: rgba(44,122,75,0.5); box-shadow: 0 30px 62px rgba(0,0,0,0.46), 0 0 0 1px rgba(44,122,75,0.3);}
.rsg-page .rank-eq .rk-ic{position: relative; z-index: 1; width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; box-shadow: 0 0 0 6px rgba(44,122,75,0.15), 0 10px 26px rgba(32,157,80,0.55);}
.rsg-page .rank-eq .rk-ic svg{width: 25px; height: 25px;}
.rsg-page .rank-eq .rk-card h3{position: relative; z-index: 1; font-family: var(--font-display); font-size: 18px; font-weight: 800; color: #fff; margin: 0 0 9px; letter-spacing: -0.01em;}
.rsg-page .rank-eq .rk-card p{position: relative; z-index: 1; font-size: 13.5px; line-height: 1.6; margin: 0; color: rgba(255,255,255,0.74);}
.rsg-page .rank-eq .rk-op{display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 28px; font-weight: 800; color: var(--green-500);}
.rsg-page .rank-result{position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(44,122,75,0.2) 0%, rgba(255,255,255,0.03) 60%); border: 1px solid rgba(44,122,75,0.38); border-left: 5px solid var(--green-500); border-radius: 14px; padding: 22px 28px; box-shadow: 0 16px 40px rgba(0,0,0,0.32);}
.rsg-page .rank-result::after{content: ""; position: absolute; top: -70px; right: -50px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(44,122,75,0.24) 0%, transparent 70%); pointer-events: none;}
.rsg-page .rank-result .rk-eq-sign{width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 20px rgba(32,157,80,0.4);}
.rsg-page .rank-result .rk-eq-sign svg{width: 22px; height: 22px; color: #fff;}
.rsg-page .rank-result p{position: relative; z-index: 1; margin: 0; font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,0.82);}
.rsg-page .rank-result p strong{color: #fff;}
@media (max-width: 860px){.rsg-page .rank-eq{grid-template-columns: 1fr;}}
@media (max-width: 860px){.rsg-page .rank-eq .rk-op{padding: 2px 0;}}
@media (max-width: 860px){.rsg-page .ppc-split, .rsg-page .ppc-split.flip{grid-template-columns: 1fr; gap: 22px;}}
@media (max-width: 860px){.rsg-page .ppc-split.flip .ppc-split-a{order: 0;}}
@media (max-width: 860px){.rsg-page .ppc-split .ppc-split-a{display: block;}}
@media (max-width: 860px){.rsg-page .ppc-split .ai-dashboard{display: block;}}
@media (max-width: 860px){.rsg-page .ppc-split .ai-dashboard img{flex: none; height: auto; object-fit: contain;}}
/* ============================================================
   §2 — "WHAT IS HVAC SEO" MACHINE LAYOUT (redesign, June 2026)
   ============================================================ */
.rsg-page .seo-lead-frame{margin: 0 0 20px;}
.rsg-page .seo-worktogether{font-size: 15.5px; line-height: 1.64; color: var(--ink-2); margin: 0 0 42px; max-width: none;}
.rsg-page .seo-worktogether strong{color: var(--ink-900);}
.rsg-page .seo-feature{display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: stretch; margin: 0 0 26px;}
.rsg-page .seo-feature.flip .seo-feature-media{order: 2;}
.rsg-page .seo-feature-media{min-width: 0; display: flex; align-items: center;}
.rsg-page .seo-feature-media .ai-dashboard{margin: 0; width: 100%;}
.rsg-page .seo-feature-body{display: flex; flex-direction: column; justify-content: center;}
.rsg-page .sf-eyebrow{display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: var(--green-700); margin-bottom: 13px;}
.rsg-page .sf-eyebrow i{font-style: normal; width: 26px; height: 26px; border-radius: 7px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; box-shadow: 0 4px 10px rgba(32,157,80,0.3);}
.rsg-page .seo-feature-body h3{font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--ink-900); margin: 0 0 10px; letter-spacing: -0.01em; line-height: 1.25;}
.rsg-page .seo-feature-body p{font-size: 14.5px; line-height: 1.64; color: var(--ink-2); margin: 0;}
/* infographic visuals that fill the text column */
.rsg-page .sf-viz{margin-top: 22px;}
.rsg-page .sf-statrow{display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap;}
.rsg-page .sf-stat{background: linear-gradient(135deg, var(--green-50), #fff); border: 1px solid rgba(44,122,75,0.22); border-radius: 12px; padding: 11px 17px;}
.rsg-page .sf-stat strong{display: block; font-family: var(--font-display); font-size: 19px; font-weight: 800; color: var(--green-700); line-height: 1; margin-bottom: 4px;}
.rsg-page .sf-stat span{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-500); font-weight: 700;}
.rsg-page .sf-checks{list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;}
.rsg-page .sf-checks li{display: flex; align-items: center; gap: 12px; font-size: 13.5px; color: var(--ink-900); font-weight: 600;}
.rsg-page .sf-checks .sf-ck{width: 24px; height: 24px; border-radius: 7px; background: var(--green-50); color: var(--green-600); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .sf-checks .sf-ck svg{width: 13px; height: 13px;}
.rsg-page .sf-rings{display: flex; gap: 12px;}
.rsg-page .sf-ring{display: flex; flex-direction: column; align-items: center; gap: 8px; flex: 1;}
.rsg-page .sf-ring-c{position: relative; width: 62px; height: 62px;}
.rsg-page .sf-ring-c svg{width: 62px; height: 62px; transform: rotate(-90deg);}
.rsg-page .sf-ring-v{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--green-700);}
.rsg-page .sf-ring small{font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; text-align: center; line-height: 1.3;}
.rsg-page .sf-pills{display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;}
.rsg-page .sf-pill{display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px; font-family: var(--font-display); font-weight: 700; font-size: 13px; color: var(--ink-900); box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.rsg-page .sf-pill .sf-dot{width: 9px; height: 9px; border-radius: 50%;}
.rsg-page .sf-hub{display: flex; align-items: center; gap: 12px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 14px; padding: 16px;}
.rsg-page .sf-hub-col{display: flex; flex-direction: column; gap: 7px;}
.rsg-page .sf-hub-tag{font-family: var(--font-mono); font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; color: var(--ink-700); background: #fff; border: 1px solid var(--line); border-radius: 7px; padding: 6px 9px; text-align: center; white-space: nowrap;}
.rsg-page .sf-hub-core{font-family: var(--font-display); font-weight: 800; font-size: 12.5px; color: #fff; background: linear-gradient(135deg, var(--green-500), var(--green-700)); border-radius: 10px; padding: 13px 12px; text-align: center; box-shadow: 0 8px 18px rgba(32,157,80,0.3); flex: 1;}
.rsg-page .sf-hub-core.dark{background: linear-gradient(135deg, #143E25, #0A0A0A); box-shadow: 0 8px 18px rgba(0,0,0,0.3);}
.rsg-page .sf-hub-arrow{color: var(--green-500); flex-shrink: 0;}
.rsg-page .sf-hub-arrow svg{width: 18px; height: 18px; display: block;}
.rsg-page .seo-phone-duo{display: flex; gap: 18px; justify-content: center; align-items: flex-start;}
.rsg-page .seo-phone{width: 50%; max-width: 210px; background: #0b0b0b; border-radius: 30px; padding: 7px; box-shadow: 0 24px 50px rgba(0,0,0,0.24), 0 6px 16px rgba(0,0,0,0.12); border: 1px solid rgba(0,0,0,0.45); position: relative;}
.rsg-page .seo-phone::before{content: ""; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 46px; height: 5px; border-radius: 3px; background: rgba(255,255,255,0.4); z-index: 2;}
.rsg-page .seo-phone img{display: block; width: 100%; height: auto; border-radius: 24px;}
.rsg-page .seo-web-duo{display: flex; gap: 18px; padding: 24px 26px; background: var(--paper-soft); justify-content: center; align-items: flex-start;}
.rsg-page .seo-web-duo img{width: 50%; max-width: 244px; height: auto; display: block; border-radius: 13px; box-shadow: 0 12px 28px rgba(0,0,0,0.13); border: 1px solid var(--line);}
.rsg-page .seo-gbp-wrap{position: relative;}
.rsg-page .seo-badge-float{position: absolute; right: -16px; bottom: -18px; background: #fff; border-radius: 13px; padding: 9px 11px; box-shadow: 0 16px 34px rgba(0,0,0,0.2); border: 1px solid var(--line); width: 230px; max-width: 62%; z-index: 4;}
.rsg-page .seo-badge-float img{display: block; width: 100%; height: auto; border-radius: 5px;}
.rsg-page .seo-trio{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 16px 0 0;}
.rsg-page .seo-trio-card{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 26px; box-shadow: var(--shadow-md); transition: transform .25s, box-shadow .25s, border-color .25s; display: flex; flex-direction: column;}
.rsg-page .seo-trio-card:hover{transform: translateY(-3px); border-color: rgba(44,122,75,0.32); box-shadow: 0 16px 36px rgba(0,0,0,0.07);}
.rsg-page .seo-trio-card .st-ic{width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; box-shadow: 0 8px 20px rgba(32,157,80,0.22);}
.rsg-page .seo-trio-card .st-ic svg{width: 21px; height: 21px;}
.rsg-page .seo-trio-card h4{font-family: var(--font-display); font-size: 16.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 7px;}
.rsg-page .seo-trio-card p{font-size: 13.5px; line-height: 1.6; color: var(--ink-2); margin: 0;}
.rsg-page .st-foot{margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line-2); display: flex; align-items: center; gap: 10px;}
.rsg-page .st-stars{display: inline-flex; gap: 2px;}
.rsg-page .st-stars svg{width: 15px; height: 15px;}
.rsg-page .st-foot-label{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-500); font-weight: 700; line-height: 1.3;}
.rsg-page .st-net{width: 30px; height: 30px; border-radius: 8px; background: var(--green-50); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .st-net svg{width: 17px; height: 17px; color: var(--green-600);}
.rsg-page .st-tags{display: flex; gap: 7px; flex-wrap: wrap;}
.rsg-page .st-tag{font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--green-700); background: var(--green-50); border: 1px solid rgba(44,122,75,0.2); border-radius: 6px; padding: 5px 9px;}
@media (max-width: 880px){.rsg-page .seo-feature, .rsg-page .seo-feature.flip{grid-template-columns: 1fr; gap: 24px;}}
@media (max-width: 880px){.rsg-page .seo-feature.flip .seo-feature-media{order: 0;}}
@media (max-width: 880px){.rsg-page .seo-trio{grid-template-columns: 1fr;}}
@media (max-width: 880px){.rsg-page .seo-phone{max-width: 178px;}}
@media (max-width: 880px){.rsg-page .seo-badge-float{position: static; width: auto; max-width: 280px; margin: 14px auto 0;}}
/* §4 — pain / symptom cards */
.rsg-page .pain-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 40px;}
.rsg-page .pain-card{position: relative; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px 24px 22px; box-shadow: var(--shadow-md); display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .pain-foot{margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line-2); display: flex; align-items: center; gap: 13px;}
.rsg-page .pain-foot svg{display: block; flex-shrink: 0;}
.rsg-page .pf-label{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.07em; text-transform: uppercase; font-weight: 700; color: var(--red); line-height: 1.4;}
.rsg-page .pain-card::after{content: ""; position: absolute; top: -40px; right: -40px; width: 130px; height: 130px; background: radial-gradient(circle, rgba(200,32,43,0.06) 0%, transparent 70%); pointer-events: none;}
.rsg-page .pain-card:hover{transform: translateY(-3px); border-color: rgba(200,32,43,0.28); box-shadow: 0 16px 36px rgba(0,0,0,0.08);}
.rsg-page .pain-ic{position: relative; z-index: 1; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #E2434E, var(--red)); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; box-shadow: 0 8px 18px rgba(200,32,43,0.26);}
.rsg-page .pain-ic svg{width: 21px; height: 21px;}
.rsg-page .pain-card h4{position: relative; z-index: 1; font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--ink-900); margin: 0 0 7px; line-height: 1.3;}
.rsg-page .pain-card p{position: relative; z-index: 1; font-size: 13px; line-height: 1.58; color: var(--ink-2); margin: 0 0 16px;}
.rsg-page .pain-tag{position: relative; z-index: 1; margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: var(--red); background: rgba(200,32,43,0.07); border: 1px solid rgba(200,32,43,0.2); border-radius: 7px; padding: 6px 11px;}
.rsg-page .pain-tag::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 3px rgba(200,32,43,0.14);}
@media (max-width: 900px){.rsg-page .pain-grid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 600px){.rsg-page .pain-grid{grid-template-columns: 1fr;}}
/* §5 — "what makes HVAC SEO different" card footers (green positive visuals) */
.rsg-page .lp-grid-diff .lp-card{display: flex; flex-direction: column;}
.rsg-page .lp-grid-diff .lp-card p{margin-bottom: 18px;}
.rsg-page .diff-foot{margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line-2);}
.rsg-page .df-cap{display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 700; color: var(--green-700); margin-bottom: 10px;}
.rsg-page .diff-foot svg{display: block; width: 100%; height: auto;}
/* §5 — Local vs National comparison (enhanced versus table) */
.rsg-page .vs-table{background:#fff; border:1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow:hidden; margin:0 0 8px;}
.rsg-page .vs-table table{width:100%; border-collapse:collapse;}
.rsg-page .vs-table th, .rsg-page .vs-table td{padding:15px 24px; text-align:left; vertical-align:middle;}
.rsg-page .vs-table thead th{border-bottom:2px solid var(--line); background:#fff;}
.rsg-page .vs-table tbody td{border-bottom:1px solid var(--line-2); font-size:13.5px; line-height:1.5; color:var(--ink-2);}
.rsg-page .vs-table tbody tr:last-child td{border-bottom:0;}
.rsg-page .vs-table tbody tr:hover td{background-color: rgba(0,0,0,0.012);}
.rsg-page .vs-table .vs-dim{width:206px; font-family:var(--font-display); font-weight:700; color:var(--ink-900); font-size:14px;}
.rsg-page .vs-table .vs-local{border-left:1px solid rgba(44,122,75,0.18); border-right:1px solid rgba(44,122,75,0.18); background: rgba(44,122,75,0.05);}
.rsg-page .vs-table thead .vs-local{background: linear-gradient(180deg, rgba(44,122,75,0.16), rgba(44,122,75,0.06));}
.rsg-page .vs-table tbody td.vs-local{color:var(--ink-900); font-weight:600;}
.rsg-page .vs-table tbody tr:hover td.vs-local{background-color: rgba(44,122,75,0.09);}
.rsg-page .vs-ck{display:inline-flex; width:19px; height:19px; border-radius:50%; background:var(--green-500); color:#fff; align-items:center; justify-content:center; margin-right:9px; vertical-align:-4px;}
.rsg-page .vs-ck svg{width:11px; height:11px;}
.rsg-page .vs-na{display:inline-flex; width:19px; height:19px; border-radius:50%; background:#EEF1F4; color:#AEB7C2; align-items:center; justify-content:center; margin-right:9px; vertical-align:-4px;}
.rsg-page .vs-na svg{width:10px; height:10px;}
.rsg-page .vs-thh{display:inline-flex; align-items:center; gap:11px;}
.rsg-page .vs-thh .vs-hic{width:33px; height:33px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .vs-local .vs-hic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 6px 14px rgba(32,157,80,0.3);}
.rsg-page .vs-nat .vs-hic{background:#EEF1F4; color:#94A3B8;}
.rsg-page .vs-thh .vs-hic svg{width:17px; height:17px;}
.rsg-page .vs-thh b{font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--ink-900); letter-spacing:-0.01em; line-height:1.1;}
.rsg-page .vs-thh .vs-sub{display:block; font-family:var(--font-mono); font-size:9px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; margin-top:4px; color:var(--green-700);}
.rsg-page .vs-nat .vs-thh b{color:var(--ink-700);}
.rsg-page .vs-nat .vs-thh .vs-sub{color:var(--ink-500);}
@media (max-width:760px){.rsg-page .vs-table{overflow-x:auto;}}
@media (max-width:760px){.rsg-page .vs-table table{min-width:600px;}}
@media (max-width:760px){.rsg-page .vs-table .vs-dim{width:140px;}}
/* §6 — Mistake -> Fix transformation rows (refined) */
.rsg-page .fix-list{display: grid; gap: 18px; margin: 0 0 8px;}
.rsg-page .fix-row{position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 6px 20px rgba(0,0,0,0.05); overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .fix-row:hover{transform: translateY(-3px); border-color: rgba(44,122,75,0.25); box-shadow: 0 20px 44px rgba(0,0,0,0.09);}
.rsg-page .fix-problem{display: flex; gap: 16px; align-items: flex-start; padding: 26px 48px 26px 28px;}
.rsg-page .fix-xic{width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, #E2434E, var(--red)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 18px rgba(200,32,43,0.28);}
.rsg-page .fix-xic svg{width: 20px; height: 20px;}
.rsg-page .fix-problem h4{font-family: var(--font-display); font-size: 16.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 6px; line-height: 1.3;}
.rsg-page .fix-problem p{font-size: 13px; line-height: 1.58; color: var(--ink-2); margin: 0;}
.rsg-page .fix-fix{position: relative; display: flex; flex-direction: column; justify-content: center; gap: 11px; padding: 26px 30px 26px 48px; background: linear-gradient(135deg, #F1F8F3 0%, #E6F1E9 100%);}
.rsg-page .ff-pill{align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; padding: 5px 13px 5px 10px; border-radius: 999px; box-shadow: 0 5px 12px rgba(32,157,80,0.3);}
.rsg-page .ff-pill svg{width: 12px; height: 12px;}
.rsg-page .fix-fix p{font-family: var(--font-display); font-size: 14.5px; font-weight: 700; color: var(--ink-900); margin: 0; line-height: 1.4; letter-spacing: -0.01em;}
.rsg-page .fix-seam{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 5px #fff, 0 8px 18px rgba(32,157,80,0.4);}
.rsg-page .fix-seam svg{width: 18px; height: 18px;}
@media (max-width: 820px){.rsg-page .fix-row{grid-template-columns: 1fr;}}
@media (max-width: 820px){.rsg-page .fix-problem{padding: 24px 24px 26px;}}
@media (max-width: 820px){.rsg-page .fix-fix{padding: 24px 24px 26px;}}
@media (max-width: 820px){.rsg-page .fix-seam{display: none;}}
.rsg-page .shot-2up{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0 0 8px;}
.rsg-page .shot-2up .ai-dashboard{margin: 0;}
.rsg-page .nt-badge::before{display: none;}
.rsg-page .lp-pair-eq .need-timeline::before{display: none;}
.rsg-page .lp-pair-eq .nt-row{align-items: flex-start; position: relative;}
.rsg-page .lp-pair-eq .nt-badge{position: relative; z-index: 1;}
.rsg-page .lp-pair-eq .nt-row:not(:last-child)::after{content: ""; position: absolute; left: 27px; top: 28px; width: 2px; height: calc(100% + 20px); background: linear-gradient(180deg, var(--green-500), rgba(44,122,75,0.55)); z-index: 0;}
.rsg-page .howdo{position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin: 0 0 8px;}
.rsg-page .howdo::before{content: ""; position: absolute; top: 34px; left: 17%; right: 17%; height: 2px; background: linear-gradient(90deg, rgba(44,122,75,0.12), rgba(44,122,75,0.4) 20%, rgba(44,122,75,0.4) 80%, rgba(44,122,75,0.12)); z-index: 0;}
.rsg-page .howdo-step{position: relative; z-index: 1; text-align: center; padding: 0 10px;}
.rsg-page .howdo-ic{width: 68px; height: 68px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; box-shadow: 0 0 0 6px #fff, 0 10px 24px rgba(32,157,80,0.32);}
.rsg-page .howdo-ic svg{width: 28px; height: 28px;}
.rsg-page .howdo-step h4{font-family: var(--font-display); font-size: 16.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 8px; letter-spacing: -0.01em;}
.rsg-page .howdo-step p{font-size: 13.5px; line-height: 1.6; color: var(--ink-2); margin: 0;}
@media (max-width: 760px){.rsg-page .howdo{grid-template-columns: 1fr; gap: 30px;}}
@media (max-width: 760px){.rsg-page .howdo::before{display: none;}}
.rsg-page .lp-pair-eq{align-items: stretch; grid-template-columns: 0.92fr 1.08fr;}
.rsg-page .lp-pair-eq .lp-mock{display: flex; height: 100%;}
.rsg-page .lp-pair-eq .lp-mock .ai-dashboard{max-width: none; width: 100%; height: 100%; display: flex; flex-direction: column;}
.rsg-page .lp-pair-eq .lp-mock .ai-dashboard img{flex: 1 1 0%; min-height: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center;}
@media (max-width: 860px){.rsg-page .lp-pair-eq{grid-template-columns: 1fr; align-items: start;}}
@media (max-width: 860px){.rsg-page .lp-pair-eq .lp-mock{height: auto;}}
@media (max-width: 860px){.rsg-page .lp-pair-eq .lp-mock .ai-dashboard{height: auto;}}
@media (max-width: 860px){.rsg-page .lp-pair-eq .lp-mock .ai-dashboard img{flex: none; height: auto; object-fit: contain;}}
@media (max-width: 480px){.rsg-page .lp-pair-eq .nt-row{grid-template-columns: 46px 1fr; gap: 14px;}}
@media (max-width: 480px){.rsg-page .lp-pair-eq .nt-badge{width: 46px; height: 46px; font-size: 14px;}}
@media (max-width: 480px){.rsg-page .lp-pair-eq .nt-row:not(:last-child)::after{left: 22px;}}
@media (max-width: 760px){.rsg-page .shot-2up{grid-template-columns: 1fr;}}
/* §8 — service showcase cards (dark) */
.rsg-page .svc-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 24px;}
.rsg-page .svc-card{background: linear-gradient(160deg, rgba(255,255,255,0.055), rgba(44,122,75,0.06)); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, border-color .25s, box-shadow .25s;}
.rsg-page .svc-card:hover{transform: translateY(-4px); border-color: rgba(44,122,75,0.5); box-shadow: 0 24px 50px rgba(0,0,0,0.4);}
.rsg-page .svc-shot{height: 156px; background: #fff; border-bottom: 1px solid rgba(255,255,255,0.12); overflow: hidden;}
.rsg-page .svc-shot img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.rsg-page .svc-iconhero{display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 38%, var(--green-50), #fff);}
.rsg-page .svc-iconhero .ih-ic{width: 64px; height: 64px; border-radius: 18px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 8px rgba(44,122,75,0.08), 0 14px 28px rgba(32,157,80,0.3);}
.rsg-page .svc-iconhero .ih-ic svg{width: 30px; height: 30px;}
.rsg-page .svc-aishot{gap: 9px; flex-wrap: wrap; padding: 0 16px;}
.rsg-page .svc-aishot .ai-chip{display: inline-flex; align-items: center; gap: 7px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 7px 13px; font-family: var(--font-display); font-weight: 700; font-size: 12px; color: var(--ink-900); box-shadow: 0 3px 8px rgba(0,0,0,0.06);}
.rsg-page .svc-aishot .ai-dot{width: 8px; height: 8px; border-radius: 50%;}
.rsg-page .svc-body{padding: 20px 22px 22px;}
.rsg-page .svc-head{display: flex; align-items: center; gap: 12px; margin-bottom: 10px;}
.rsg-page .svc-ic{width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 14px rgba(32,157,80,0.3);}
.rsg-page .svc-ic svg{width: 19px; height: 19px;}
.rsg-page .svc-card h3{font-family: var(--font-display); font-size: 15px; font-weight: 700; color: #fff; margin: 0; line-height: 1.25; letter-spacing: -0.01em;}
.rsg-page .svc-card p{font-size: 12.5px; line-height: 1.55; color: rgba(255,255,255,0.7); margin: 0;}
.rsg-page .svc-report{display: grid; grid-template-columns: 1.05fr 1fr; gap: 28px; align-items: center; background: linear-gradient(150deg, rgba(44,122,75,0.16), rgba(255,255,255,0.03)); border: 1px solid rgba(44,122,75,0.3); border-radius: 18px; padding: 24px;}
.rsg-page .svc-report .sr-shot{border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.14); background: #fff;}
.rsg-page .svc-report .sr-shot img{display: block; width: 100%; height: auto;}
.rsg-page .svc-report .sr-eyebrow{display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: var(--green-500); margin-bottom: 11px;}
.rsg-page .svc-report .sr-eyebrow::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 8px var(--green-500);}
.rsg-page .svc-report h3{font-family: var(--font-display); font-size: 19px; font-weight: 800; color: #fff; margin: 0 0 9px; letter-spacing: -0.01em;}
.rsg-page .svc-report p{font-size: 13.5px; line-height: 1.6; color: rgba(255,255,255,0.78); margin: 0;}
.rsg-page .svc-report .sr-flow{display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin-top: 20px;}
.rsg-page .svc-report .sr-chip{display: inline-flex; align-items: center; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.16); border-radius: 999px; padding: 8px 15px; font-family: var(--font-display); font-weight: 700; font-size: 12.5px; color: #fff;}
.rsg-page .svc-report .sr-chip.on{background: linear-gradient(135deg, var(--green-500), var(--green-700)); border-color: transparent; box-shadow: 0 6px 16px rgba(32,157,80,0.4);}
.rsg-page .svc-report .sr-arrow{color: var(--green-500); display: inline-flex;}
.rsg-page .svc-report .sr-arrow svg{width: 15px; height: 15px;}
@media (max-width: 980px){.rsg-page .svc-grid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 760px){.rsg-page .svc-grid{grid-template-columns: 1fr;}}
@media (max-width: 760px){.rsg-page .svc-report{grid-template-columns: 1fr;}}
/* §10 — crawl-to-rank pipeline */
.rsg-page .crawl-flow{position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 20px;}
.rsg-page .crawl-flow::before{content: ""; position: absolute; top: 33px; left: 12.5%; right: 12.5%; height: 3px; background: linear-gradient(90deg, rgba(44,122,75,0.22), rgba(44,122,75,0.5), var(--green-500)); border-radius: 3px; z-index: 0;}
.rsg-page .crawl-step{position: relative; z-index: 1; text-align: center; padding: 0 6px;}
.rsg-page .crawl-node{width: 66px; height: 66px; border-radius: 50%; background: #fff; border: 2px solid var(--line); color: var(--green-600); display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; box-shadow: 0 0 0 6px var(--paper-soft), 0 8px 18px rgba(0,0,0,0.06);}
.rsg-page .crawl-node svg{width: 28px; height: 28px;}
.rsg-page .crawl-step.final .crawl-node{background: linear-gradient(135deg, var(--green-500), var(--green-700)); border-color: transparent; color: #fff; box-shadow: 0 0 0 6px var(--paper-soft), 0 12px 26px rgba(32,157,80,0.4);}
.rsg-page .crawl-step h4{font-family: var(--font-display); font-size: 15.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 5px; letter-spacing: -0.01em;}
.rsg-page .crawl-step p{font-size: 12.5px; line-height: 1.5; color: var(--ink-2); margin: 0;}
@media (max-width: 760px){.rsg-page .crawl-flow{grid-template-columns: 1fr 1fr; gap: 26px 14px;}}
@media (max-width: 760px){.rsg-page .crawl-flow::before{display: none;}}
/* §10 — foundation cards with phone mockups */
.rsg-page .lp-grid-cw{grid-template-columns: repeat(3, 1fr);}
@media (max-width: 900px){.rsg-page .lp-grid-cw{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 620px){.rsg-page .lp-grid-cw{grid-template-columns: 1fr;}}
.rsg-page .lp-grid-cw .lp-card{display: flex; flex-direction: column;}
.rsg-page .cw-foot{margin-top: auto; padding-top: 22px; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.rsg-page .cw-phone{width: 118px; height: 172px; border-radius: 21px; background: #0e0e0e; padding: 6px; box-shadow: 0 16px 32px rgba(0,0,0,0.2); position: relative;}
.rsg-page .cw-phone::before{content: ""; position: absolute; top: 11px; left: 50%; transform: translateX(-50%); width: 32px; height: 4px; border-radius: 3px; background: rgba(255,255,255,0.32); z-index: 3;}
.rsg-page .cw-screen{width: 100%; height: 100%; border-radius: 16px; background: #fff; overflow: hidden; position: relative; display: flex; flex-direction: column;}
.rsg-page .cw-cap{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: var(--green-700);}
/* screen 1: speed gauge */
.rsg-page .s-speed{align-items: center; justify-content: center; gap: 11px; padding: 12px;}
.rsg-page .s-speed .sp-val{font-family: var(--font-display); font-weight: 800; font-size: 14px; color: var(--green-700);}
.rsg-page .s-speed .sp-bar{width: 82px; height: 7px; border-radius: 4px; background: #E5E7EB; overflow: hidden;}
.rsg-page .s-speed .sp-bar i{display: block; width: 90%; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--green-500), var(--green-700));}
/* screen 2: mobile site */
.rsg-page .s-site .ss-bar{height: 24px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); display: flex; align-items: center; justify-content: space-between; padding: 0 9px;}
.rsg-page .s-site .ss-bar .l{height: 5px; border-radius: 2px; background: rgba(255,255,255,0.9);}
.rsg-page .s-site .ss-hero{height: 56px; margin: 7px; border-radius: 7px; background: linear-gradient(160deg, #20384a, #0f2330); display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 9px;}
.rsg-page .s-site .ss-hero .l{height: 5px; border-radius: 2px; background: rgba(255,255,255,0.55);}
.rsg-page .s-site .ss-cta{margin: 0 7px; height: 20px; border-radius: 6px; background: linear-gradient(90deg, var(--green-500), var(--green-700)); display: flex; align-items: center; justify-content: center;}
.rsg-page .s-site .ss-cta span{font-family: var(--font-display); font-size: 8px; font-weight: 800; color: #fff; letter-spacing: 0.05em;}
.rsg-page .s-site .ss-rows{padding: 9px 9px 0; display: flex; flex-direction: column; gap: 6px;}
.rsg-page .s-site .ss-rows .l{height: 5px; border-radius: 2px; background: #E5E7EB;}
/* screen 3: schema rich result */
.rsg-page .s-schema{padding: 13px 11px; gap: 9px;}
.rsg-page .s-schema .sc-title{height: 7px; width: 80%; border-radius: 3px; background: #4285F4; opacity: 0.85;}
.rsg-page .s-schema .sc-url{height: 5px; width: 55%; border-radius: 3px; background: #CBD5E1;}
.rsg-page .s-schema .sc-stars{display: flex; gap: 2px; align-items: center;}
.rsg-page .s-schema .sc-stars svg{width: 11px; height: 11px;}
.rsg-page .s-schema .sc-stars b{font-family: var(--font-mono); font-size: 8px; color: var(--ink-500); margin-left: 3px;}
.rsg-page .s-schema .sc-faq{margin-top: 2px; border-top: 1px solid #EEF1F4; padding-top: 8px; display: flex; flex-direction: column; gap: 8px;}
.rsg-page .s-schema .sc-faq-row{display: flex; align-items: center; justify-content: space-between; gap: 6px;}
.rsg-page .s-schema .sc-faq-row .l{height: 5px; border-radius: 2px; background: #E5E7EB; flex: 1;}
.rsg-page .s-schema .sc-faq-row svg{width: 11px; height: 11px; color: var(--green-600); flex-shrink: 0;}
/* §11 — backlink convergence hub */
.rsg-page .bl-hub{display: grid; grid-template-columns: 1.5fr 108px 0.92fr; gap: 18px; align-items: center; margin: 0 0 8px;}
.rsg-page .bl-sources{display: flex; flex-direction: column; gap: 14px;}
.rsg-page .bl-source{display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 15px 18px; box-shadow: var(--shadow-md); transition: transform .2s, box-shadow .2s, border-color .2s;}
.rsg-page .bl-source:hover{transform: translateX(4px); border-color: rgba(44,122,75,0.3); box-shadow: 0 12px 28px rgba(0,0,0,0.07);}
.rsg-page .bl-source .bs-ic{width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 14px rgba(32,157,80,0.28);}
.rsg-page .bl-source .bs-ic svg{width: 19px; height: 19px;}
.rsg-page .bl-source h4{font-family: var(--font-display); font-size: 14.5px; font-weight: 700; color: var(--ink-900); margin: 0 0 4px; letter-spacing: -0.01em;}
.rsg-page .bl-source p{font-size: 12.5px; line-height: 1.5; color: var(--ink-2); margin: 0;}
.rsg-page .bl-connect{align-self: stretch; display: flex; align-items: center; justify-content: center;}
.rsg-page .bl-connect svg{width: 100%; height: 100%;}
.rsg-page .bl-core{background: linear-gradient(150deg, var(--green-50), #fff); border: 1px solid rgba(44,122,75,0.25); border-radius: 18px; padding: 28px 20px; text-align: center; box-shadow: 0 16px 34px rgba(32,157,80,0.12);}
.rsg-page .bl-core .bc-ring{width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; box-shadow: 0 0 0 8px rgba(44,122,75,0.1), 0 12px 26px rgba(32,157,80,0.38);}
.rsg-page .bl-core .bc-ring svg{width: 32px; height: 32px;}
.rsg-page .bl-core h4{font-family: var(--font-display); font-size: 16px; font-weight: 800; color: var(--ink-900); margin: 0 0 9px; letter-spacing: -0.01em;}
.rsg-page .bl-core .bc-trend{display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--green-500), var(--green-700)); border-radius: 999px; padding: 6px 13px; box-shadow: 0 6px 14px rgba(32,157,80,0.34);}
.rsg-page .bl-core .bc-trend svg{width: 13px; height: 13px;}
@media (max-width: 860px){.rsg-page .bl-hub{grid-template-columns: 1fr; gap: 16px;}}
@media (max-width: 860px){.rsg-page .bl-connect{display: none;}}
@media (max-width: 860px){.rsg-page .bl-core{max-width: 340px; margin: 6px auto 0;}}
/* §12 — vertical phase timeline */
.rsg-page .ph-tl{position: relative; display: flex; flex-direction: column; gap: 26px; margin: 0 0 30px;}
.rsg-page .ph-item{position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 30px; align-items: start;}
.rsg-page .ph-item .ph-badge{position: relative; z-index: 2; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 17px; box-shadow: 0 0 0 6px var(--paper-soft), 0 8px 18px rgba(0,0,0,0.12);}
.rsg-page .ph-item.payoff .ph-badge{background: linear-gradient(135deg, #1c1c1c, #000); box-shadow: 0 0 0 6px var(--paper-soft), 0 0 0 10px rgba(44,122,75,0.12), 0 8px 18px rgba(0,0,0,0.2);}
.rsg-page .ph-item:not(:last-child)::after{content: ""; position: absolute; left: 27px; top: 28px; width: 2px; height: calc(100% + 26px); background: linear-gradient(180deg, var(--green-500), rgba(44,122,75,0.4)); z-index: 1;}
.rsg-page .ph-card2{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 22px 26px; box-shadow: var(--shadow-md); transition: transform .2s, box-shadow .2s, border-color .2s;}
.rsg-page .ph-card2:hover{transform: translateY(-2px); border-color: rgba(44,122,75,0.3); box-shadow: 0 16px 34px rgba(0,0,0,0.07);}
.rsg-page .ph-pill{display: inline-flex; align-items: center; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--green-700); background: var(--green-50); border-radius: 999px; padding: 5px 13px; margin-bottom: 11px;}
.rsg-page .ph-item.payoff .ph-pill{color: #fff; background: linear-gradient(135deg, #143E25, #0A0A0A);}
.rsg-page .ph-card2 h3{font-family: var(--font-display); font-size: 21px; font-weight: 800; color: var(--ink-900); margin: 0 0 8px; letter-spacing: -0.01em;}
.rsg-page .ph-card2 p{font-size: 14px; line-height: 1.6; color: var(--ink-2); margin: 0;}
@media (max-width: 560px){.rsg-page .ph-item{grid-template-columns: 46px 1fr; gap: 18px;}}
@media (max-width: 560px){.rsg-page .ph-item .ph-badge{width: 46px; height: 46px; font-size: 15px;}}
@media (max-width: 560px){.rsg-page .ph-item:not(:last-child)::after{left: 22px; top: 23px;}}
/* §13 — search-to-revenue flow */
.rsg-page .flow5{display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 8px; margin: 0 0 26px;}
.rsg-page .flow-node{display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;}
.rsg-page .flow-node .fn-ic{width: 62px; height: 62px; border-radius: 17px; background: rgba(255,255,255,0.05); border: 1px solid rgba(44,122,75,0.45); color: #6EE7B7; display: flex; align-items: center; justify-content: center; transition: transform .2s;}
.rsg-page .flow-node:hover .fn-ic{transform: translateY(-3px);}
.rsg-page .flow-node .fn-ic svg{width: 26px; height: 26px;}
.rsg-page .flow-node.final .fn-ic{background: linear-gradient(135deg, var(--green-500), var(--green-700)); border-color: transparent; color: #fff; box-shadow: 0 0 0 6px rgba(44,122,75,0.16), 0 14px 30px rgba(32,157,80,0.5);}
.rsg-page .flow-node .fn-label{font-family: var(--font-display); font-weight: 700; font-size: 14px; color: #fff; letter-spacing: -0.01em;}
.rsg-page .flow-node.final .fn-label{color: #6EE7B7;}
.rsg-page .flow-arrow{color: rgba(110,231,183,0.55); display: flex; align-items: center; justify-content: center; padding-bottom: 30px;}
.rsg-page .flow-arrow svg{width: 22px; height: 22px;}
@media (max-width: 720px){.rsg-page .flow5{grid-template-columns: repeat(3, 1fr); gap: 24px 8px;}}
@media (max-width: 720px){.rsg-page .flow-arrow{display: none;}}
/* §14 — SEO vs Paid comparison (refined) */
.rsg-page .cmp{background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; margin: 0 0 8px;}
.rsg-page .cmp table{width: 100%; border-collapse: collapse;}
.rsg-page .cmp th, .rsg-page .cmp td{padding: 15px 24px; text-align: left; vertical-align: middle;}
.rsg-page .cmp thead th{border-bottom: 2px solid var(--line); background: #fff; padding-top: 20px; padding-bottom: 20px;}
.rsg-page .cmp tbody td{border-bottom: 1px solid var(--line-2); font-size: 13.5px; line-height: 1.5;}
.rsg-page .cmp tbody tr:last-child td{border-bottom: 0;}
.rsg-page .cmp tbody tr:hover td{background-color: rgba(0,0,0,0.012);}
.rsg-page .cmp .cmp-dim{width: 204px; font-family: var(--font-display); font-weight: 700; color: var(--ink-900); font-size: 14px;}
.rsg-page .cmp .cmp-seo{background: rgba(44,122,75,0.05); border-left: 1px solid rgba(44,122,75,0.16); border-right: 1px solid rgba(44,122,75,0.16); color: var(--ink-900); font-weight: 600;}
.rsg-page .cmp thead .cmp-seo{background: linear-gradient(180deg, rgba(44,122,75,0.14), rgba(44,122,75,0.05)); border-top: 3px solid var(--green-500);}
.rsg-page .cmp tbody tr:hover td.cmp-seo{background-color: rgba(44,122,75,0.085);}
.rsg-page .cmp .cmp-paid{color: var(--ink-2);}
.rsg-page .cmp-th{display: flex; flex-direction: column; gap: 4px;}
.rsg-page .cmp-th .cth-ic{width: 33px; height: 33px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.rsg-page .cmp-seo .cth-ic{background: linear-gradient(135deg, var(--green-500), var(--green-700)); color: #fff; box-shadow: 0 6px 14px rgba(32,157,80,0.3);}
.rsg-page .cmp-paid .cth-ic{background: #EEF1F4; color: #64748B;}
.rsg-page .cmp-th .cth-ic svg{width: 17px; height: 17px;}
.rsg-page .cmp-th b{font-family: var(--font-display); font-weight: 800; font-size: 17px; color: var(--ink-900); line-height: 1.1;}
.rsg-page .cmp-th .cth-sub{display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; margin-top: 3px;}
.rsg-page .cmp-seo .cth-sub{color: var(--green-700);}
.rsg-page .cmp-paid .cth-sub{color: var(--ink-500);}
@media (max-width: 680px){.rsg-page .cmp{overflow-x: auto;}}
@media (max-width: 680px){.rsg-page .cmp table{min-width: 580px;}}
@media (max-width: 680px){.rsg-page .cmp .cmp-dim{width: 130px;}}
/* §16 — result growth-chart panel (fills the left column, reads as data) */
.rsg-page .cs-graph{margin-top: auto; padding-top: 6px;}
.rsg-page .cs-graph-card{background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 14px; padding: 16px 18px 14px;}
.rsg-page .cs-graph-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px;}
.rsg-page .cgh-label{font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.62);}
.rsg-page .cgh-trend{display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: #6EE7B7; background: rgba(44,122,75,0.18); border: 1px solid rgba(44,122,75,0.40); border-radius: 999px; padding: 4px 10px; white-space: nowrap;}
.rsg-page .cgh-trend svg{width: 11px; height: 11px;}
.rsg-page .cs-chart svg{display: block; width: 100%; height: auto;}
.rsg-page .cs-chart .cc-big{font-family: var(--font-display); font-weight: 800; font-size: 28px; fill: #6EE7B7; letter-spacing: -0.02em;}
.rsg-page .cs-chart .cc-sub{font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; fill: rgba(255,255,255,0.6);}
.rsg-page .cs-chart .cc-tick{font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; fill: rgba(255,255,255,0.45);}
.rsg-page .cs-graph-foot{display: flex; gap: 22px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.09);}
.rsg-page .cgf{display: flex; align-items: baseline; gap: 6px;}
.rsg-page .cgf b{font-family: var(--font-display); font-weight: 800; font-size: 16px; color: #fff; line-height: 1;}
.rsg-page .cgf span{font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.55);}
@media (max-width: 560px){.rsg-page .cs-graph-foot{gap: 16px;}}
/* §4 — buyer persona cards */
.rsg-page .bp-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 16px;}
.rsg-page .bp-card{display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-md); transition: transform .25s, box-shadow .25s, border-color .25s;}
.rsg-page .bp-card:hover{transform: translateY(-4px); box-shadow: 0 18px 42px rgba(0,0,0,0.10);}
.rsg-page .bp-shot-bar{display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: #F4F6F8; border-bottom: 1px solid var(--line);}
.rsg-page .bp-shot-bar .bp-dot{width: 9px; height: 9px; border-radius: 50%; display: inline-block;}
.rsg-page .bp-shot-bar .bp-lbl{font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.1em; text-transform: uppercase; color: #64748B; font-weight: 700; margin-left: auto;}
.rsg-page .bp-shot img{width: 100%; height: 152px; object-fit: cover; object-position: top; display: block;}
.rsg-page .bp-body{padding: 18px 18px 20px; display: flex; flex-direction: column; flex: 1;}
.rsg-page .bp-head{display: flex; align-items: center; gap: 11px; margin-bottom: 12px;}
.rsg-page .bp-ic{width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; box-shadow: 0 8px 16px rgba(0,0,0,0.12);}
.rsg-page .bp-ic svg{width: 20px; height: 20px;}
.rsg-page .bp-name{font-family: var(--font-display); font-weight: 800; font-size: 15.5px; color: var(--ink-900); line-height: 1.2; display: block;}
.rsg-page .bp-decide{font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; margin-top: 5px; display: block;}
.rsg-page .bp-want{font-size: 13px; line-height: 1.55; color: var(--ink-2); margin: 0 0 15px;}
.rsg-page .bp-want strong{color: var(--ink-900);}
.rsg-page .bp-gives{margin-top: auto; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 11px; padding: 13px 14px;}
.rsg-page .bp-gives-lbl{display: flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 700; color: var(--green-700); margin-bottom: 10px;}
.rsg-page .bp-gives ul{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;}
.rsg-page .bp-gives li{display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.42; color: var(--ink-2);}
.rsg-page .bp-ck{flex-shrink: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--green-50); display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;}
.rsg-page .bp-ck svg{width: 9px; height: 9px; color: var(--green-600);}
.rsg-page .bp-emergency .bp-ic{background: linear-gradient(135deg, #E2434E, var(--red));}
.rsg-page .bp-emergency .bp-decide{color: var(--red);}
.rsg-page .bp-ticket .bp-ic{background: linear-gradient(135deg, var(--green-500), var(--green-700));}
.rsg-page .bp-ticket .bp-decide{color: var(--green-700);}
.rsg-page .bp-research .bp-ic{background: linear-gradient(135deg, #E9A23B, var(--orange-500));}
.rsg-page .bp-research .bp-decide{color: var(--orange-500);}
@media (max-width: 880px){.rsg-page .bp-grid{grid-template-columns: 1fr;}}
/* CW — business-type card color variants (no purple) */
.rsg-page .bp-residential .bp-ic{background: linear-gradient(135deg, #E2434E, var(--red));}
.rsg-page .bp-residential .bp-decide{color: var(--red);}
.rsg-page .bp-commercial .bp-ic{background: linear-gradient(135deg, #3B82F6, #1E40AF);}
.rsg-page .bp-commercial .bp-decide{color: #1E40AF;}
.rsg-page .bp-duct .bp-ic{background: linear-gradient(135deg, #E9A23B, var(--orange-500));}
.rsg-page .bp-duct .bp-decide{color: var(--orange-500);}
.rsg-page .bp-area .bp-ic{background: linear-gradient(135deg, var(--green-500), var(--green-700));}
.rsg-page .bp-area .bp-decide{color: var(--green-700);}
.rsg-page .bp-fab .bp-ic{background: linear-gradient(135deg, #0E9AA6, #155E75);}
.rsg-page .bp-fab .bp-decide{color: #155E75;}
.rsg-page .bp-grid.bp-grid-5{grid-template-columns: repeat(3, 1fr);}
@media (max-width: 880px){.rsg-page .bp-grid.bp-grid-5{grid-template-columns: 1fr;}}
/* CW — before/after voice quote cards */
.rsg-page .voice-ba{display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 8px 0 0;}
.rsg-page .vba-card{border-radius: 16px; padding: 26px 26px 24px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-md); position: relative; display: flex; flex-direction: column;}
.rsg-page .vba-card.generic{background: #FBFBFA; border-color: var(--line);}
.rsg-page .vba-card.yours{background: linear-gradient(155deg, #F4F9F5, #E9F1EB); border-color: rgba(44,122,75,0.30);}
.rsg-page .vba-tag{display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; border-radius: 999px; padding: 6px 12px; margin-bottom: 16px;}
.rsg-page .vba-card.generic .vba-tag{color: var(--ink-500); background: #EEF0F2; border: 1px solid var(--line);}
.rsg-page .vba-card.yours .vba-tag{color: var(--green-700); background: rgba(44,122,75,0.10); border: 1px solid rgba(44,122,75,0.25);}
.rsg-page .vba-quote{font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 1.42; color: var(--ink-900); margin: 0; letter-spacing: -0.01em;}
.rsg-page .vba-card.generic .vba-quote{color: var(--ink-500);}
.rsg-page .vba-foot{margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line-2); font-size: 12.5px; line-height: 1.5; color: var(--ink-2);}
@media (max-width: 760px){.rsg-page .voice-ba{grid-template-columns: 1fr;}}
/* ============================================================
   HVAC EMAIL MARKETING — page-specific components (_supp)
   Loads AFTER master-css. All scoped under .rsg-page.
   Design system: --green-500 #2C7A4B, Montserrat + DM Sans,
   border+shadow depth, green emphasis only. On-brand only.
   ============================================================ */

/* ---------- shared helpers ---------- */
.rsg-page .eyebrow-dot{display:none;}
/* .eyebrow::before already renders the green dot */
/* ghost button legible on the dark final CTA */
.rsg-page .final-cta .btn-ghost{color:#fff; border-color:rgba(255,255,255,.45); background:transparent;}
.rsg-page .final-cta .btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.08);}
.rsg-page .em-eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--green-700); margin-bottom:13px;}
.rsg-page .em-eyebrow i{font-style:normal; width:26px; height:26px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(32,157,80,.3);}
.rsg-page .em-eyebrow i svg{width:14px; height:14px;}
.rsg-page .em-ic-chip{width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 20px rgba(32,157,80,.22);}
.rsg-page .em-ic-chip svg{width:21px; height:21px;}
/* ============================================================
   §1 HERO — email-native right column
   ============================================================ */
.rsg-page .em-hero{position:relative; width:100%; max-width:524px; margin-left:auto; padding:14px 20px 30px 0;}
.rsg-page .emh-client{position:relative; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 30px 66px rgba(16,44,28,.20), 0 8px 22px rgba(0,0,0,.08); overflow:hidden; z-index:2;}
.rsg-page .emh-toolbar{display:flex; align-items:center; gap:9px; padding:12px 15px; border-bottom:1px solid var(--line-2); background:linear-gradient(180deg,#fbfdfc,#f4f8f5);}
.rsg-page .emh-dots{display:flex; gap:6px;}
.rsg-page .emh-dots span{width:10px; height:10px; border-radius:50%; background:#dfe4e0;}
.rsg-page .emh-dots span:nth-child(1){background:#f2b8b5;}
.rsg-page .emh-dots span:nth-child(2){background:#f6d08a;}
.rsg-page .emh-dots span:nth-child(3){background:#a7d8ba;}
.rsg-page .emh-tb-title{font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--ink-500); text-transform:uppercase;}
.rsg-page .emh-sent{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.24); border-radius:999px; padding:4px 10px;}
.rsg-page .emh-sent .emh-dot{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18);}
.rsg-page .emh-meta{display:flex; align-items:center; gap:11px; padding:13px 15px; border-bottom:1px solid var(--line-2);}
.rsg-page .emh-ava{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:16px; flex-shrink:0; box-shadow:0 6px 15px rgba(32,157,80,.28);}
.rsg-page .emh-from{min-width:0; flex:1;}
.rsg-page .emh-from b{display:block; font-family:var(--font-display); font-weight:700; font-size:13.5px; color:var(--ink-900);}
.rsg-page .emh-subj{display:block; font-size:12.5px; color:var(--ink-500); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rsg-page .emh-time{font-family:var(--font-mono); font-size:10.5px; color:var(--ink-500); flex-shrink:0;}
.rsg-page .emh-preview{position:relative; height:296px; overflow:hidden; background:#f6f8f7;}
.rsg-page .emh-preview img{width:100%; display:block;}
.rsg-page .emh-preview::after{content:""; position:absolute; left:0; right:0; bottom:0; height:70px; background:linear-gradient(180deg,rgba(255,255,255,0),#fff);}
.rsg-page .emh-badge{position:absolute; top:-14px; right:14px; z-index:5; display:inline-flex; align-items:center; gap:8px; background:#0d0d0d; color:#fff; border-radius:999px; padding:7px 13px; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; box-shadow:0 12px 26px rgba(0,0,0,.28);}
.rsg-page .emh-badge .emh-dot{width:7px; height:7px; border-radius:50%; background:#4ADE80; box-shadow:0 0 0 3px rgba(74,222,128,.28);}
.rsg-page .emh-result{position:absolute; left:-26px; bottom:-22px; z-index:6; width:250px; background:#fff; border:1px solid var(--line); border-radius:15px; padding:15px 16px; box-shadow:0 22px 50px rgba(16,44,28,.24);}
.rsg-page .emh-result-h{display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-500); margin-bottom:12px;}
.rsg-page .emh-result-h svg{width:14px; height:14px; color:var(--green-600);}
.rsg-page .emh-rstats{display:grid; grid-template-columns:1fr 1fr; gap:11px 10px;}
.rsg-page .emh-rstat.wide{grid-column:1 / -1; border-top:1px solid var(--line-2); padding-top:11px;}
.rsg-page .emh-rstat strong{display:block; font-family:var(--font-display); font-weight:800; font-size:21px; line-height:1; color:var(--green-700); letter-spacing:-.01em;}
.rsg-page .emh-rstat.wide strong{font-size:23px;}
.rsg-page .emh-rstat span{display:block; margin-top:4px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .emh-pill{position:absolute; z-index:5; display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:11px; padding:8px 12px; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-900); box-shadow:0 12px 28px rgba(0,0,0,.12);}
.rsg-page .emh-pill svg{width:15px; height:15px; color:var(--green-600); flex-shrink:0;}
.rsg-page .emh-pill.p1{top:64px; right:-22px;}
.rsg-page .emh-pill.p2{top:120px; right:-30px;}
.rsg-page .em-hero-glow{position:absolute; inset:-8% -6% -10% -6%; z-index:0; background:radial-gradient(60% 55% at 70% 30%, rgba(44,122,75,.16), transparent 70%); filter:blur(6px);}
/* hero 4-benefit strip (below CTAs) */
.rsg-page .em-hbenefits{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px;}
.rsg-page .em-hben{display:flex; align-items:flex-start; gap:11px; background:#fff; border:1px solid var(--line); border-radius:13px; padding:13px 14px; box-shadow:var(--shadow-md);}
.rsg-page .em-hben .hb-ic{width:32px; height:32px; border-radius:9px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .em-hben .hb-ic svg{width:16px; height:16px;}
.rsg-page .em-hben p{margin:0; font-size:12.5px; line-height:1.42; color:var(--ink-2);}
.rsg-page .em-hben p b{color:var(--ink-900); font-weight:700; display:block; font-family:var(--font-display); font-size:12.5px; margin-bottom:1px;}
/* ============================================================
   §2 / §3 comparison callout + concept cards
   ============================================================ */
.rsg-page .em-def{position:relative; display:flex; gap:16px; align-items:flex-start; background:linear-gradient(135deg,var(--green-50),#fff); border:1px solid rgba(44,122,75,.24); border-left:4px solid var(--green-500); border-radius:14px; padding:20px 24px; margin:0 0 30px; box-shadow:var(--shadow-md);}
.rsg-page .em-def .emd-ic{flex-shrink:0;}
.rsg-page .em-def p{margin:0; font-size:15px; line-height:1.62; color:var(--ink-2);}
.rsg-page .em-def p strong{color:var(--ink-900);}
.rsg-page .em-concepts{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:0 0 30px;}
.rsg-page .em-concept{background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 26px 24px; box-shadow:var(--shadow-md); display:flex; flex-direction:column; position:relative; overflow:hidden;}
.rsg-page .em-concept::before{content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--green-500),#4ADE80);}
.rsg-page .em-concept.auto::before{background:linear-gradient(90deg,#6B6B6B,#9aa3a0);}
.rsg-page .em-concept-h{display:flex; align-items:center; gap:12px; margin-bottom:6px;}
.rsg-page .em-concept .ecc-tag{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.2); border-radius:6px; padding:4px 9px;}
.rsg-page .em-concept.auto .ecc-tag{color:var(--ink-700); background:#F1F3F2; border-color:var(--line);}
.rsg-page .em-concept h3{font-family:var(--font-display); font-size:19px; font-weight:800; color:var(--ink-900); margin:0 0 4px; letter-spacing:-.01em;}
.rsg-page .em-concept .ecc-sub{font-size:13px; color:var(--ink-500); margin:0 0 16px;}
.rsg-page .em-flowlist{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.rsg-page .em-flowlist li{display:flex; align-items:flex-start; gap:11px; font-size:13.5px; line-height:1.5; color:var(--ink-2);}
.rsg-page .em-flowlist .efl-n{width:22px; height:22px; border-radius:7px; background:var(--green-50); color:var(--green-700); font-family:var(--font-mono); font-weight:700; font-size:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.rsg-page .em-concept.auto .efl-n{background:#F1F3F2; color:var(--ink-700);}
.rsg-page .em-flowlist li b{color:var(--ink-900); font-weight:700;}
.rsg-page .em-takeaway{display:flex; align-items:center; gap:14px; flex-wrap:wrap; background:var(--paper-soft); border:1px solid var(--line); border-radius:14px; padding:18px 22px;}
.rsg-page .em-takeaway .emt-side{flex:1; min-width:180px; font-size:14px; line-height:1.5; color:var(--ink-2);}
.rsg-page .em-takeaway .emt-side b{color:var(--ink-900);}
.rsg-page .em-takeaway .emt-arrow{color:var(--green-500);}
.rsg-page .em-takeaway .emt-arrow svg{width:22px; height:22px; display:block;}
/* ============================================================
   §2 REDESIGN — What-It-Is (segmentation) + Trap→Channel
   ============================================================ */
.rsg-page .em-whatis{display:grid; grid-template-columns:.92fr 1.08fr; gap:34px; align-items:center; background:linear-gradient(155deg,#F4FAF6,#fff 62%); border:1px solid rgba(44,122,75,.2); border-radius:20px; padding:34px 38px; margin:0 0 28px; box-shadow:var(--shadow-md); position:relative; overflow:hidden;}
.rsg-page .em-whatis::after{content:""; position:absolute; top:-30%; right:-8%; width:46%; height:150%; background:radial-gradient(circle,rgba(44,122,75,.12),transparent 65%); pointer-events:none;}
.rsg-page .wi-body{position:relative; z-index:1;}
.rsg-page .wi-tag{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green-700); margin-bottom:14px;}
.rsg-page .wi-tag i{width:24px; height:24px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(32,157,80,.3);}
.rsg-page .wi-tag i svg{width:13px; height:13px;}
.rsg-page .wi-lead{font-size:18px; line-height:1.55; color:var(--ink-900); font-weight:500; margin:0 0 18px;}
.rsg-page .wi-lead strong{color:var(--green-700); font-weight:800;}
.rsg-page .wi-nots{display:flex; gap:10px; flex-wrap:wrap;}
.rsg-page .wi-not{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.02em; color:var(--ink-500); background:#fff; border:1px solid var(--line); border-radius:999px; padding:7px 13px;}
.rsg-page .wi-not .wi-x{width:16px; height:16px; border-radius:50%; background:#EDEFEE; color:#9aa3a0; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .wi-not .wi-x svg{width:9px; height:9px;}
.rsg-page .wi-seg{position:relative; z-index:1; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 14px 34px rgba(16,44,28,.12); padding:18px;}
.rsg-page .wi-seg-top{display:flex; align-items:center; gap:11px; padding:6px 8px 15px; border-bottom:1px dashed var(--line); margin-bottom:14px;}
.rsg-page .wi-seg-top .wst-ic{width:38px; height:38px; border-radius:10px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 6px 15px rgba(32,157,80,.28);}
.rsg-page .wi-seg-top .wst-ic svg{width:19px; height:19px;}
.rsg-page .wi-seg-top b{display:block; font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-900);}
.rsg-page .wi-seg-top .wst-sub{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .wi-seg-rows{display:grid; gap:10px;}
.rsg-page .wi-seg-row{display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; background:linear-gradient(90deg, rgba(44,122,75,.055), #fff 45%); border:1px solid var(--line); border-left:3px solid var(--green-500); border-radius:11px; padding:10px 13px; transition:transform .2s, box-shadow .2s, border-color .2s;}
.rsg-page .wi-seg-row:hover{transform:translateX(3px); box-shadow:0 8px 18px rgba(32,157,80,.12); border-left-color:var(--green-600);}
.rsg-page .wi-seg-seg{display:flex; align-items:center; gap:11px; min-width:0;}
.rsg-page .wi-seg-seg .wss-ic{width:32px; height:32px; border-radius:9px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .wi-seg-seg .wss-ic svg{width:16px; height:16px;}
.rsg-page .wi-seg-seg b{font-family:var(--font-display); font-weight:700; font-size:12.5px; color:var(--ink-900); line-height:1.25; display:block;}
.rsg-page .wi-seg-seg .wss-sub{display:block; font-size:10.5px; color:var(--ink-500);}
.rsg-page .wi-seg-arrow{color:var(--green-500); display:flex;}
.rsg-page .wi-seg-arrow svg{width:16px; height:16px;}
.rsg-page .wi-seg-camp{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.22); border-radius:7px; padding:6px 9px; text-align:center; white-space:nowrap;}
.rsg-page .em-transform{background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-lg);}
.rsg-page .et-headrow, .rsg-page .et-row{display:grid; grid-template-columns:1fr 140px 1fr;}
.rsg-page .et-row{border-top:1px solid var(--line-2);}
.rsg-page .et-head{padding:18px 26px;}
.rsg-page .et-head.trap{background:#F5F6F6;}
.rsg-page .et-head.win{background:linear-gradient(180deg,rgba(44,122,75,.13),rgba(44,122,75,.05)); border-top:3px solid var(--green-500);}
.rsg-page .et-head .eth-t{font-family:var(--font-display); font-weight:800; font-size:17px; letter-spacing:-.01em;}
.rsg-page .et-head.trap .eth-t{color:var(--ink-700);}
.rsg-page .et-head.win .eth-t{color:var(--green-700);}
.rsg-page .et-head .eth-s{display:block; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-top:3px;}
.rsg-page .et-head.trap .eth-s{color:var(--ink-500);}
.rsg-page .et-head.win .eth-s{color:var(--green-600);}
.rsg-page .et-mid{background:#fff;}
.rsg-page .et-cell{padding:17px 26px; font-size:14px; line-height:1.45; display:flex; align-items:center; gap:12px;}
.rsg-page .et-cell.trap{background:#FAFBFB; color:var(--ink-500);}
.rsg-page .et-cell.win{background:rgba(44,122,75,.045); color:var(--ink-900); font-weight:600;}
.rsg-page .et-mk{width:20px; height:20px; border-radius:50%; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .et-cell.trap .et-mk{background:#EDEFEE; color:#9aa3a0;}
.rsg-page .et-cell.win .et-mk{background:var(--green-50); color:var(--green-600);}
.rsg-page .et-mk svg{width:11px; height:11px;}
.rsg-page .et-dim{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:14px 8px; border-left:1px solid var(--line-2); border-right:1px solid var(--line-2); background:#fff; text-align:center;}
.rsg-page .et-dim .etd-ic{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 14px rgba(32,157,80,.26);}
.rsg-page .et-dim .etd-ic svg{width:17px; height:17px;}
.rsg-page .et-dim .etd-l{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-700);}
.rsg-page .et-mlabel{display:none;}
@media (max-width:760px){.rsg-page .em-whatis{grid-template-columns:1fr; gap:24px; padding:26px 22px;}}
@media (max-width:760px){.rsg-page .et-headrow{display:none;}}
@media (max-width:760px){.rsg-page .et-row{grid-template-columns:1fr; border-top:0; border-bottom:9px solid var(--line-2);}}
@media (max-width:760px){.rsg-page .et-row:last-child{border-bottom:0;}}
@media (max-width:760px){.rsg-page .et-dim{order:-1; flex-direction:row; justify-content:flex-start; gap:11px; border:0; border-bottom:1px solid var(--line-2); padding:13px 20px;}}
@media (max-width:760px){.rsg-page .et-cell{padding:13px 20px;}}
@media (max-width:760px){.rsg-page .et-mlabel{display:inline; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; opacity:.75; margin-right:3px;}}
@media (max-width:560px){.rsg-page .wi-seg-row{grid-template-columns:1fr auto;}}
@media (max-width:560px){.rsg-page .wi-seg-arrow{display:none;}}
@media (max-width:560px){.rsg-page .wi-seg-camp{grid-column:1 / -1; text-align:left;}}
/* ============================================================
   §3 REDESIGN — Trigger Machine (automation) vs Season Roadmap (campaigns)
   ============================================================ */
.rsg-page .em-avc{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 24px; align-items:stretch;}
.rsg-page .avc{border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-md); display:flex; flex-direction:column; background:#fff;}
.rsg-page .avc.camp{border-color:rgba(44,122,75,.28);}
.rsg-page .avc-head{padding:24px 26px 16px;}
.rsg-page .avc-tag{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; padding:5px 12px; margin-bottom:13px;}
.rsg-page .avc.auto .avc-tag{color:var(--ink-700); background:#F1F3F2; border:1px solid var(--line);}
.rsg-page .avc.camp .avc-tag{color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.22);}
.rsg-page .avc-tag .avt-dot{width:7px; height:7px; border-radius:50%;}
.rsg-page .avc.auto .avt-dot{background:var(--ink-500);}
.rsg-page .avc.camp .avt-dot{background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18);}
.rsg-page .avc-head h3{font-family:var(--font-display); font-size:20px; font-weight:800; color:var(--ink-900); margin:0 0 5px; letter-spacing:-.01em;}
.rsg-page .avc-head .avc-sub{font-size:13px; color:var(--ink-500); margin:0;}
/* automation flow canvas */
.rsg-page .avc.auto .avc-body{background:#FAFBFB; background-image:radial-gradient(rgba(44,122,75,.11) 1.1px, transparent 1.1px); background-size:15px 15px; padding:20px 22px; flex:1; display:flex; flex-direction:column;}
.rsg-page .au-row{display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px 12px; box-shadow:0 4px 12px rgba(0,0,0,.05); margin-bottom:11px;}
.rsg-page .au-row:last-child{margin-bottom:0;}
.rsg-page .au-seg{display:flex; align-items:center; gap:9px; min-width:0; flex:1;}
.rsg-page .au-seg .au-ic{width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .au-trig .au-ic{background:#EDEFEE; color:var(--ink-700);}
.rsg-page .au-act .au-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 5px 12px rgba(32,157,80,.28);}
.rsg-page .au-seg .au-ic svg{width:15px; height:15px;}
.rsg-page .au-seg b{font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-900); line-height:1.15; display:block;}
.rsg-page .au-seg .au-when{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--green-700); display:block; margin-top:1px;}
.rsg-page .au-trig b{color:var(--ink-700);}
.rsg-page .au-arrow{flex-shrink:0; color:var(--green-500); position:relative; width:26px; height:16px;}
.rsg-page .au-arrow::before{content:""; position:absolute; top:50%; left:0; right:6px; height:2px; transform:translateY(-50%); background:repeating-linear-gradient(90deg,var(--green-500) 0 4px, transparent 4px 8px);}
.rsg-page .au-arrow::after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); border-left:6px solid var(--green-500); border-top:4px solid transparent; border-bottom:4px solid transparent;}
.rsg-page .au-arrow .aup{position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:50%; background:var(--green-500); transform:translateY(-50%); animation:auPulse 2.6s linear infinite;}
/* automation "how it works" storyboard (fills the canvas, tells the process story) */
.rsg-page .au-story{margin-top:14px; flex:1; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(135deg,rgba(44,122,75,.08),rgba(44,122,75,.02)); border:1px solid rgba(44,122,75,.26); border-radius:13px; padding:16px;}
.rsg-page .aus-lead{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--green-700); text-align:center; margin:0 0 14px;}
.rsg-page .aus-track{display:grid; grid-template-columns:1fr 28px 1fr 28px 1fr; align-items:start;}
.rsg-page .aus-step{text-align:center; padding:0 3px;}
.rsg-page .aus-ic{width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 9px; position:relative;}
.rsg-page .aus-ic.trig{background:#EDEFEE; color:var(--ink-700);}
.rsg-page .aus-ic.eng{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.32);}
.rsg-page .aus-ic.eng::after{content:""; position:absolute; inset:-5px; border-radius:50%; border:2px solid rgba(44,122,75,.35); animation:auRing 2.1s ease-out infinite;}
.rsg-page .aus-ic.out{background:var(--green-50); color:var(--green-600); border:2px solid var(--green-500);}
.rsg-page .aus-ic svg{width:19px; height:19px;}
.rsg-page .aus-txt b{display:block; font-family:var(--font-display); font-weight:800; font-size:11.5px; color:var(--ink-900); line-height:1.2; margin-bottom:3px;}
.rsg-page .aus-txt span{display:block; font-size:9.5px; color:var(--ink-500); line-height:1.4;}
.rsg-page .aus-arrow{margin-top:18px; position:relative; height:2px;}
.rsg-page .aus-arrow::before{content:""; position:absolute; left:2px; right:7px; top:0; height:2px; background:repeating-linear-gradient(90deg,var(--green-500) 0 4px,transparent 4px 8px);}
.rsg-page .aus-arrow::after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); border-left:6px solid var(--green-500); border-top:4px solid transparent; border-bottom:4px solid transparent;}
.rsg-page .aus-arrow .aup2{position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:50%; background:var(--green-500); transform:translateY(-50%); animation:auPulse2 2.6s linear infinite;}
.rsg-page .aus-foot{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:15px; padding-top:12px; border-top:1px dashed rgba(44,122,75,.25); font-size:11px; color:var(--ink-2); text-align:center;}
.rsg-page .aus-foot b{color:var(--ink-900); font-weight:700;}
.rsg-page .aus-foot .ausf-dot{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18); animation:auLive 1.8s ease-in-out infinite; flex-shrink:0;}
@media (max-width:600px){.rsg-page .aus-track{grid-template-columns:1fr; gap:12px;}}
@media (max-width:600px){.rsg-page .aus-arrow{display:none;}}
@media (max-width:600px){.rsg-page .aus-step{display:flex; align-items:center; gap:12px; text-align:left; padding:0;}}
@media (max-width:600px){.rsg-page .aus-ic{margin:0; flex-shrink:0;}}
/* campaign scheduler mockup (a real "Campaign Calendar" tool screen) */
.rsg-page .avc.camp .avc-body{padding:20px 22px; flex:1; background:#FAFBFB; background-image:radial-gradient(rgba(44,122,75,.11) 1.1px, transparent 1.1px); background-size:15px 15px;}
.rsg-page .cm-sched{border:1px solid var(--line); border-radius:13px; overflow:hidden; background:#fff; box-shadow:0 10px 26px rgba(16,44,28,.10);}
.rsg-page .cms-bar{display:flex; align-items:center; gap:10px; padding:12px 15px; background:linear-gradient(180deg,#fbfdfc,#f4f8f5); border-bottom:1px solid var(--line-2);}
.rsg-page .cms-bar-ic{width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 5px 12px rgba(32,157,80,.26);}
.rsg-page .cms-bar-ic svg{width:15px; height:15px;}
.rsg-page .cms-bar-t{font-family:var(--font-display); font-weight:800; font-size:13px; color:var(--ink-900);}
.rsg-page .cms-bar-badge{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.22); border-radius:999px; padding:4px 9px;}
.rsg-page .cms-bar-badge .cbd{width:6px; height:6px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18);}
.rsg-page .cms-row{display:flex; align-items:center; gap:12px; padding:12px 14px; border-bottom:1px solid var(--line-2); transition:background .18s;}
.rsg-page .cms-row:last-child{border-bottom:0;}
.rsg-page .cms-row:hover{background:rgba(44,122,75,.04);}
.rsg-page .cms-ic{width:34px; height:34px; border-radius:9px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .cms-ic svg{width:17px; height:17px;}
.rsg-page .cms-main{flex:1; min-width:0;}
.rsg-page .cms-main b{display:block; font-family:var(--font-display); font-weight:700; font-size:12.5px; color:var(--ink-900); line-height:1.25;}
.rsg-page .cms-sub{display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); margin-top:4px;}
.rsg-page .cms-sub svg{width:11px; height:11px;}
.rsg-page .cms-st{flex-shrink:0; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.2); border-radius:999px; padding:5px 9px;}
.rsg-page .cms-st .cst-dot{width:6px; height:6px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16);}
@media (max-width:420px){.rsg-page .cms-st span{display:none;}}
@media (max-width:420px){.rsg-page .cms-st{padding:6px;}}
/* shared footer specs (folds the old comparison table) */
.rsg-page .avc-foot{border-top:1px solid var(--line-2); padding:16px 24px 18px; background:#fff; margin-top:auto;}
.rsg-page .avc-foot .avf-cap{font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:0 0 12px;}
.rsg-page .avc-foot .avf-cap b{color:var(--ink-900);}
.rsg-page .avc-specs{display:flex; flex-wrap:wrap; gap:7px;}
.rsg-page .avc-spec{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; border-radius:6px; padding:5px 9px;}
.rsg-page .avc.auto .avc-spec{color:var(--ink-700); background:#F1F3F2;}
.rsg-page .avc.camp .avc-spec{color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.18);}
@media (max-width:860px){.rsg-page .em-avc{grid-template-columns:1fr;}}
/* light CTA banner (lightbulb + question + green button) */
.rsg-page .em-cta-banner{display:flex; align-items:center; gap:18px; background:linear-gradient(135deg,var(--green-50),#fff 70%); border:1px solid rgba(44,122,75,.24); border-left:5px solid var(--green-500); border-radius:14px; padding:19px 24px; box-shadow:var(--shadow-md);}
.rsg-page .em-cta-banner .ecb-ic{width:42px; height:42px; border-radius:11px; background:#fff; color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid rgba(44,122,75,.22); box-shadow:0 3px 8px rgba(32,157,80,.12);}
.rsg-page .em-cta-banner .ecb-ic svg{width:20px; height:20px;}
.rsg-page .em-cta-banner p{flex:1; margin:0; font-size:14.5px; line-height:1.55; color:var(--ink-2);}
.rsg-page .em-cta-banner p strong{color:var(--ink-900); font-weight:800;}
.rsg-page .em-cta-banner .ecb-btn{flex-shrink:0; display:inline-flex; align-items:center; gap:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:700; font-size:12.5px; padding:9px 15px; border-radius:999px; text-decoration:none; box-shadow:0 6px 16px rgba(32,157,80,.26); transition:transform .2s, box-shadow .2s; white-space:nowrap;}
.rsg-page .em-cta-banner .ecb-btn:hover{transform:translateY(-2px); box-shadow:0 10px 22px rgba(32,157,80,.32);}
.rsg-page .em-cta-banner .ecb-btn svg{width:15px; height:15px;}
@media (max-width:720px){.rsg-page .em-cta-banner{flex-direction:column; align-items:flex-start; gap:15px;}}
@media (max-width:720px){.rsg-page .em-cta-banner .ecb-btn{width:auto;}}
/* §4 promise CTAs + outline-white button (ported from graphic-design founder template) */
.rsg-page .promise-ctas{display:flex; gap:14px; flex-wrap:wrap; align-items:center;}
.rsg-page .btn-outline-white{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,0.4); box-shadow:none;}
.rsg-page .btn-outline-white:hover{border-color:#fff; background:rgba(255,255,255,0.08); transform:translateY(-2px);}
/* ============================================================
   §5 REDESIGN — "Email Autopsy" (dead newsletter teardown + diagnosis)
   ============================================================ */
.rsg-page .em-autopsy{display:grid; grid-template-columns:.96fr 1.04fr; gap:40px; align-items:stretch;}
/* the dead email mockup */
.rsg-page .ax-mail{position:relative; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-lg); display:flex; flex-direction:column;}
/* animated diagnostic scan beam */
.rsg-page .ax-scan{position:absolute; left:0; right:0; top:-90px; height:90px; z-index:3; pointer-events:none; background:linear-gradient(180deg, transparent, rgba(44,122,75,.13) 55%, rgba(44,122,75,.26)); border-bottom:2px solid rgba(44,122,75,.65); box-shadow:0 0 26px rgba(44,122,75,.45); animation:axScan 3.6s cubic-bezier(.45,0,.25,1) infinite;}
.rsg-page .ax-scanning{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.24); border-radius:999px; padding:4px 10px;}
.rsg-page .ax-scanning .axsc-dot{width:6px; height:6px; border-radius:50%; background:var(--green-500); animation:axBlink 1.2s ease-in-out infinite;}
/* the newsletter body filler + generic CTA */
.rsg-page .ax-grow{flex:1;}
.rsg-page .ax-banner{height:60px; border-radius:8px; background:repeating-linear-gradient(135deg,#ebedec,#ebedec 11px,#f4f5f5 11px,#f4f5f5 22px); border:1px solid var(--line-2); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:#b0b4b1; margin:2px 0 11px;}
.rsg-page .ax-cta{display:inline-block; margin-top:11px; background:#d7dbd8; color:#8a8f8c; font-family:var(--font-display); font-weight:700; font-size:11px; padding:8px 16px; border-radius:7px;}
.rsg-page .ax-mail::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(120,124,122,.04),rgba(120,124,122,.10)); pointer-events:none; z-index:1;}
.rsg-page .ax-ribbon{position:absolute; top:20px; right:-40px; transform:rotate(45deg); background:linear-gradient(135deg,#3A3A3A,#111); color:#fff; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:6px 48px; box-shadow:0 5px 14px rgba(0,0,0,.3); z-index:4;}
.rsg-page .ax-bar{display:flex; align-items:center; gap:9px; padding:12px 15px; border-bottom:1px solid var(--line-2); background:#F3F4F4; position:relative; z-index:2;}
.rsg-page .ax-dots{display:flex; gap:6px;}
.rsg-page .ax-dots span{width:10px; height:10px; border-radius:50%; background:#d7dbd8;}
.rsg-page .ax-bar-t{font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .ax-status{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#8a8f8c; background:#E6E9E7; border-radius:999px; padding:4px 10px;}
.rsg-page .ax-status svg{width:11px; height:11px;}
.rsg-page .ax-line{position:relative; z-index:2; display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-bottom:1px dashed var(--line);}
.rsg-page .ax-line:last-child{border-bottom:0;}
.rsg-page .ax-num{position:relative; width:23px; height:23px; border-radius:50%; background:linear-gradient(135deg,#4A4A4A,#1A1A1A); color:#fff; font-family:var(--font-display); font-weight:800; font-size:11.5px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 3px 8px rgba(0,0,0,.22);}
.rsg-page .ax-num::after{content:""; position:absolute; inset:-2px; border-radius:50%; border:2px solid var(--green-500); opacity:0; animation:axRing 3.6s ease-out infinite; animation-delay:var(--d,0s);}
.rsg-page .ax-lb{min-width:0; flex:1;}
.rsg-page .ax-tag{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#a2a7a4; display:block; margin-bottom:4px;}
.rsg-page .ax-subj{font-family:var(--font-display); font-weight:700; font-size:14px; color:#6B6B6B; line-height:1.3;}
.rsg-page .ax-to{display:flex; align-items:center; gap:8px;}
.rsg-page .ax-to .ax-av{width:24px; height:24px; border-radius:50%; background:#E0E3E1; color:#9aa3a0; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:12px; flex-shrink:0;}
.rsg-page .ax-to span{font-size:12.5px; color:#8a8f8c; font-family:var(--font-mono);}
.rsg-page .ax-msg{font-size:12px; color:#a2a7a4; line-height:1.55; font-style:italic;}
.rsg-page .ax-stat{display:flex; align-items:center; gap:12px; width:100%;}
.rsg-page .ax-stat .axs-v{font-family:var(--font-display); font-weight:800; font-size:19px; color:#8a8f8c; line-height:1;}
.rsg-page .ax-stat .axs-track{flex:1; height:7px; border-radius:4px; background:#E6E9E7; position:relative; overflow:hidden;}
.rsg-page .ax-stat .axs-fill{position:absolute; inset:0 auto 0 0; width:12%; background:repeating-linear-gradient(45deg,#c3c8c5,#c3c8c5 5px,#d5d9d6 5px,#d5d9d6 10px); border-radius:4px;}
.rsg-page .ax-stat .axs-lbl{font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#a2a7a4;}
/* diagnosis list */
.rsg-page .ax-dx-head{font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green-700); margin:0 0 16px; display:inline-flex; align-items:center; gap:9px;}
.rsg-page .ax-dx-head i{width:24px; height:24px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .ax-dx-head i svg{width:14px; height:14px;}
.rsg-page .ax-dx{display:grid; gap:13px;}
.rsg-page .dx-row{display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:14px; padding:15px 17px; box-shadow:var(--shadow-md); transition:transform .2s, box-shadow .2s, border-color .2s;}
.rsg-page .dx-row:hover{transform:translateX(3px); border-color:rgba(44,122,75,.28); box-shadow:0 12px 28px rgba(0,0,0,.07);}
.rsg-page .dx-num{width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,#4A4A4A,#1A1A1A); color:#fff; font-family:var(--font-display); font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .dx-b{min-width:0; flex:1;}
.rsg-page .dx-b h3{font-family:var(--font-display); font-size:15px; font-weight:800; color:var(--ink-900); margin:1px 0 5px; letter-spacing:-.01em; line-height:1.25;}
.rsg-page .dx-prob{font-size:12.5px; line-height:1.5; color:var(--ink-500); margin:0 0 10px;}
.rsg-page .dx-fix{display:flex; align-items:flex-start; gap:9px; font-size:12.5px; line-height:1.5; color:var(--ink-900); background:var(--green-50); border:1px solid rgba(44,122,75,.16); border-radius:10px; padding:9px 12px;}
.rsg-page .dx-fix .dxf-ic{width:18px; height:18px; border-radius:50%; background:var(--green-500); color:#fff; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.rsg-page .dx-fix .dxf-ic svg{width:11px; height:11px;}
.rsg-page .dx-fix .dxf-stat{display:inline-flex; align-items:center; gap:6px; margin-left:5px; white-space:nowrap;}
.rsg-page .dx-fix .dxf-stat s{color:#b0b4b1; font-weight:800; font-family:var(--font-display); text-decoration:line-through;}
.rsg-page .dx-fix .dxf-stat b{color:var(--green-700); font-weight:800; font-family:var(--font-display);}
@media (max-width:900px){.rsg-page .em-autopsy{grid-template-columns:1fr; gap:28px;}}
@media (max-width:900px){.rsg-page .ax-mail{max-width:460px;}}
/* ============================================================
   §5 REDESIGN v2 — Two-Path Journey (animated diverging roads)
   ============================================================ */
.rsg-page .em-journey{display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:center;}
.rsg-page .jn-origin{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; position:relative;}
.rsg-page .jn-origin::after{content:""; position:absolute; right:-13px; top:50%; width:13px; height:2px; background:var(--line);}
.rsg-page .jn-send-ic{width:54px; height:54px; border-radius:15px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 22px rgba(32,157,80,.3);}
.rsg-page .jn-send-ic svg{width:24px; height:24px;}
.rsg-page .jn-send-t{font-family:var(--font-mono); font-weight:700; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-700); line-height:1.35;}
.rsg-page .jn-lanes{display:grid; gap:20px; min-width:0;}
.rsg-page .jn-lane{position:relative; border-radius:16px; padding:16px 20px 18px; box-shadow:var(--shadow-md);}
.rsg-page .jn-lane.bad{background:#F7F8F8; border:1px solid var(--line);}
.rsg-page .jn-lane.good{background:linear-gradient(135deg,var(--green-50),#fff 78%); border:1px solid rgba(44,122,75,.3);}
.rsg-page .jn-lane-head{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:2px;}
.rsg-page .jn-lane-tag{font-family:var(--font-display); font-weight:800; font-size:14.5px; letter-spacing:-.01em;}
.rsg-page .jn-lane.bad .jn-lane-tag{color:var(--ink-700);}
.rsg-page .jn-lane.good .jn-lane-tag{color:var(--green-700);}
.rsg-page .jn-lane-sub{font-size:11.5px; color:var(--ink-500);}
.rsg-page .jn-lane-body{display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; margin-top:12px;}
.rsg-page .jn-road{position:relative; display:flex; justify-content:space-between; gap:6px; padding-top:5px;}
.rsg-page .jn-rail{position:absolute; left:12px; right:12px; top:16px; height:3px; z-index:0; border-radius:2px;}
.rsg-page .jn-lane.bad .jn-rail{background:repeating-linear-gradient(90deg,#c9cec9 0 6px, transparent 6px 12px);}
.rsg-page .jn-lane.good .jn-rail{background:linear-gradient(90deg,var(--green-500),#4ADE80);}
.rsg-page .jn-dot{position:absolute; top:10px; width:15px; height:15px; border-radius:50%; z-index:3;}
.rsg-page .jn-lane.bad .jn-dot{background:#9aa3a0; box-shadow:0 0 0 4px rgba(154,163,160,.22); animation:jnBad 3.6s ease-in-out infinite;}
.rsg-page .jn-lane.good .jn-dot{background:var(--green-500); box-shadow:0 0 0 4px rgba(44,122,75,.22); animation:jnGood 3.6s ease-in-out infinite;}
.rsg-page .jn-wp{position:relative; z-index:1; flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0;}
.rsg-page .jn-node{width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:9px; border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.12);}
.rsg-page .jn-node svg{width:12px; height:12px;}
.rsg-page .jn-lane.bad .jn-node{background:#E0E3E1; color:#8a8f8c;}
.rsg-page .jn-lane.good .jn-node{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .jn-wp-t{font-family:var(--font-display); font-weight:700; font-size:11.5px; color:var(--ink-900); line-height:1.2;}
.rsg-page .jn-wp-d{font-size:10px; color:var(--ink-500); line-height:1.3; margin-top:3px;}
.rsg-page .jn-goal{flex-shrink:0; display:flex; flex-direction:column; align-items:center; text-align:center; border-radius:13px; padding:12px 15px; min-width:108px;}
.rsg-page .jn-lane.bad .jn-goal{background:#EAECEB; border:1px solid var(--line);}
.rsg-page .jn-lane.good .jn-goal{background:linear-gradient(135deg,var(--green-500),var(--green-700)); box-shadow:0 8px 20px rgba(32,157,80,.3);}
.rsg-page .jn-goal-ic{width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:6px;}
.rsg-page .jn-goal-ic svg{width:16px; height:16px;}
.rsg-page .jn-lane.bad .jn-goal-ic{background:#d3d7d4; color:#6B6B6B;}
.rsg-page .jn-lane.good .jn-goal-ic{background:rgba(255,255,255,.22); color:#fff;}
.rsg-page .jn-goal b{font-family:var(--font-display); font-weight:800; font-size:14px; line-height:1;}
.rsg-page .jn-lane.bad .jn-goal b{color:var(--ink-700);}
.rsg-page .jn-lane.good .jn-goal b{color:#fff;}
.rsg-page .jn-goal span{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-top:3px;}
.rsg-page .jn-lane.bad .jn-goal span{color:var(--ink-500);}
.rsg-page .jn-lane.good .jn-goal span{color:rgba(255,255,255,.9);}
.rsg-page .jn-close{text-align:center; font-size:14px; color:var(--ink-2); margin:26px 0 0;}
.rsg-page .jn-close strong{color:var(--ink-900); font-weight:800;}
@media (max-width:820px){.rsg-page .em-journey{grid-template-columns:1fr; gap:16px;}}
@media (max-width:820px){.rsg-page .jn-origin{flex-direction:row; justify-content:center; gap:12px;}}
@media (max-width:820px){.rsg-page .jn-origin::after{display:none;}}
@media (max-width:820px){.rsg-page .jn-lane-body{grid-template-columns:1fr; gap:16px;}}
@media (max-width:820px){.rsg-page .jn-road{flex-direction:column; gap:12px; padding-top:0;}}
@media (max-width:820px){.rsg-page .jn-rail, .rsg-page .jn-dot{display:none;}}
@media (max-width:820px){.rsg-page .jn-wp{flex-direction:row; align-items:center; text-align:left; gap:12px;}}
@media (max-width:820px){.rsg-page .jn-node{margin-bottom:0;}}
@media (max-width:820px){.rsg-page .jn-wp-d{margin-top:0;}}
@media (max-width:820px){.rsg-page .jn-goal{flex-direction:row; gap:10px; min-width:0; align-self:flex-start; padding:11px 16px;}}
@media (max-width:820px){.rsg-page .jn-goal-ic{margin-bottom:0;}}
/* ============================================================
   §4 PROMISE — dark founder panel
   ============================================================ */
.rsg-page .em-promise{background:var(--dark-grad); border-radius:var(--radius-lg); padding:46px 46px 42px; position:relative; overflow:hidden;}
.rsg-page .em-promise::after{content:""; position:absolute; top:-30%; right:-10%; width:60%; height:120%; background:radial-gradient(circle,rgba(44,122,75,.28),transparent 62%); pointer-events:none;}
.rsg-page .em-promise > *{position:relative; z-index:1;}
.rsg-page .em-promise .emp-eyebrow{color:#7EE0A6;}
.rsg-page .em-promise .emp-eyebrow i{background:rgba(74,222,128,.16); color:#7EE0A6; box-shadow:none;}
.rsg-page .em-promise h2{color:#fff;}
.rsg-page .em-promise .emp-lede{color:rgba(255,255,255,.82); font-size:16px; line-height:1.6; max-width:none; margin:0 0 30px;}
.rsg-page .em-promise .emp-lede strong{color:#fff;}
.rsg-page .em-promise-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:30px; align-items:start;}
.rsg-page .emp-list{display:grid; gap:16px;}
.rsg-page .emp-item{display:flex; gap:15px; align-items:flex-start; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:17px 19px;}
.rsg-page .emp-item .emp-n{width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,var(--green-500),#4ADE80); color:#06231a; font-family:var(--font-display); font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .emp-item h4{font-family:var(--font-display); font-size:15.5px; font-weight:700; color:#fff; margin:0 0 5px;}
.rsg-page .emp-item p{margin:0; font-size:13.5px; line-height:1.55; color:rgba(255,255,255,.72);}
.rsg-page .emp-founder{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:24px; text-align:center;}
.rsg-page .emp-founder img{width:112px; height:112px; border-radius:50%; object-fit:cover; border:3px solid rgba(74,222,128,.35); margin:0 auto 14px; display:block;}
.rsg-page .emp-founder .emp-guar{font-family:var(--font-display); font-weight:800; font-size:19px; color:#fff; line-height:1.2; margin-bottom:6px;}
.rsg-page .emp-founder .emp-guar em{color:#7EE0A6; font-style:normal;}
.rsg-page .emp-founder p{font-size:13px; line-height:1.55; color:rgba(255,255,255,.74); margin:0 0 8px;}
.rsg-page .emp-founder .emp-sig{font-family:var(--font-mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:#7EE0A6; font-weight:700;}
.rsg-page .em-promise-cta{margin-top:28px; display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.rsg-page .em-promise-cta .emc-note{font-size:13.5px; color:rgba(255,255,255,.7);}
/* ============================================================
   §5 FAIL — pain cards with mini-viz
   ============================================================ */
.rsg-page .em-fail-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:8px;}
.rsg-page .em-fail{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px 24px 22px; box-shadow:var(--shadow-md); position:relative; transition:transform .25s,box-shadow .25s,border-color .25s; display:flex; flex-direction:column;}
.rsg-page .em-fail:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.3); box-shadow:0 16px 36px rgba(0,0,0,.08);}
.rsg-page .em-fail h3{font-family:var(--font-display); font-size:17px; font-weight:800; color:var(--ink-900); margin:14px 0 8px; letter-spacing:-.01em;}
.rsg-page .em-fail p{font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:0;}
.rsg-page .em-fail .emf-foot{margin-top:16px; padding-top:15px; border-top:1px solid var(--line-2);}
/* subject-line open-rate bars */
.rsg-page .emf-bars{display:flex; align-items:flex-end; gap:16px;}
.rsg-page .emf-bar{flex:1; text-align:center;}
.rsg-page .emf-bar .efb-track{height:74px; display:flex; align-items:flex-end;}
.rsg-page .emf-bar .efb-fill{width:100%; border-radius:7px 7px 0 0;}
.rsg-page .emf-bar.bad .efb-fill{background:repeating-linear-gradient(45deg,#e2e6e3,#e2e6e3 6px,#eef1ee 6px,#eef1ee 12px); border:1px solid var(--line);}
.rsg-page .emf-bar.good .efb-fill{background:linear-gradient(180deg,#4ADE80,var(--green-500)); box-shadow:0 6px 14px rgba(32,157,80,.28);}
.rsg-page .emf-bar .efb-val{font-family:var(--font-display); font-weight:800; font-size:17px; margin-top:8px; color:var(--ink-900);}
.rsg-page .emf-bar.good .efb-val{color:var(--green-700);}
.rsg-page .emf-bar .efb-lbl{font-family:var(--font-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); font-weight:700; margin-top:3px;}
/* wrong-message target viz */
.rsg-page .emf-mini{display:flex; align-items:center; gap:9px; flex-wrap:wrap;}
.rsg-page .emf-chip{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.03em; padding:6px 10px; border-radius:7px; display:inline-flex; align-items:center; gap:6px;}
.rsg-page .emf-chip.x{color:#8a8a8a; background:#F1F3F2; border:1px solid var(--line); text-decoration:line-through;}
.rsg-page .emf-chip.ok{color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.2);}
.rsg-page .emf-chip svg{width:12px; height:12px;}
.rsg-page .emf-arrow{color:var(--ink-500);}
.rsg-page .emf-arrow svg{width:15px; height:15px; display:block;}
.rsg-page .emf-cap{font-family:var(--font-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); font-weight:700;}
/* ============================================================
   §6 acquisition vs retention cost
   ============================================================ */
.rsg-page .em-cost2{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:6px 0 0;}
.rsg-page .em-cost{border:1px solid var(--line); border-radius:16px; padding:24px 26px; box-shadow:var(--shadow-md); position:relative; overflow:hidden;}
.rsg-page .em-cost.hot{background:linear-gradient(160deg,#FBF5EC,#fff); border-color:rgba(217,164,65,.3);}
.rsg-page .em-cost.warm{background:linear-gradient(160deg,var(--green-50),#fff); border-color:rgba(44,122,75,.28);}
.rsg-page .em-cost .ec-tag{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; display:inline-block;}
.rsg-page .em-cost.hot .ec-tag{color:#B4802A;}
.rsg-page .em-cost.warm .ec-tag{color:var(--green-700);}
.rsg-page .em-cost .ec-num{font-family:var(--font-display); font-weight:800; font-size:34px; letter-spacing:-.02em; line-height:1;}
.rsg-page .em-cost.hot .ec-num{color:#B4802A;}
.rsg-page .em-cost.warm .ec-num{color:var(--green-700);}
.rsg-page .em-cost .ec-unit{font-size:13px; color:var(--ink-500); font-family:var(--font-mono); font-weight:700;}
.rsg-page .em-cost .ec-desc{font-size:13.5px; line-height:1.55; color:var(--ink-2); margin:12px 0 0;}
.rsg-page .em-cost .ec-desc b{color:var(--ink-900);}
/* ============================================================
   §7 12-MONTH CALENDAR
   ============================================================ */
.rsg-page .em-cal-legend{display:flex; gap:18px; flex-wrap:wrap; margin:0 0 20px;}
.rsg-page .em-cal-legend span{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .em-cal-legend i{width:12px; height:12px; border-radius:4px;}
.rsg-page .em-cal-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.rsg-page .em-cal-mo{background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 16px 15px; box-shadow:var(--shadow-md); position:relative; overflow:hidden; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s;}
.rsg-page .em-cal-mo:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.08);}
.rsg-page .em-cal-mo::before{content:""; position:absolute; top:0; left:0; bottom:0; width:4px;}
.rsg-page .em-cal-mo.peak::before{background:linear-gradient(180deg,#4ADE80,var(--green-500));}
.rsg-page .em-cal-mo.build::before{background:var(--green-500);}
.rsg-page .em-cal-mo.slow::before{background:#C9CFCB;}
.rsg-page .em-cal-mo .ecm-mo{display:flex; align-items:center; justify-content:space-between; margin-bottom:9px;}
.rsg-page .em-cal-mo .ecm-name{font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-900);}
.rsg-page .em-cal-mo .ecm-dot{width:8px; height:8px; border-radius:50%;}
.rsg-page .em-cal-mo.peak .ecm-dot{background:#4ADE80;}
.rsg-page .em-cal-mo.build .ecm-dot{background:var(--green-500);}
.rsg-page .em-cal-mo.slow .ecm-dot{background:#C9CFCB;}
.rsg-page .em-cal-mo .ecm-focus{font-family:var(--font-display); font-weight:700; font-size:13.5px; line-height:1.3; color:var(--ink-900); margin-bottom:8px;}
.rsg-page .em-cal-mo .ecm-goal{font-size:12px; line-height:1.45; color:var(--ink-500); margin-top:auto; padding-top:9px; border-top:1px solid var(--line-2); display:flex; gap:7px; align-items:flex-start;}
.rsg-page .em-cal-mo .ecm-goal svg{width:12px; height:12px; color:var(--green-600); flex-shrink:0; margin-top:2px;}
/* ============================================================
   §8 list-hiding — CRM chips + small-vs-cold
   ============================================================ */
.rsg-page .em-crm-row{display:flex; gap:12px; flex-wrap:wrap; margin:4px 0 0;}
.rsg-page .em-crm-chip{display:inline-flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--line); border-radius:11px; padding:11px 16px; box-shadow:var(--shadow-md); font-family:var(--font-display); font-weight:700; font-size:13.5px; color:var(--ink-900);}
.rsg-page .em-crm-chip .ecc-ic{width:26px; height:26px; border-radius:7px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center;}
.rsg-page .em-crm-chip .ecc-ic svg{width:15px; height:15px;}
.rsg-page .em-vs-list{display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center; margin-top:8px;}
.rsg-page .em-vs-card{border-radius:16px; padding:24px; text-align:center; border:1px solid var(--line); box-shadow:var(--shadow-md);}
.rsg-page .em-vs-card.win{background:linear-gradient(160deg,var(--green-50),#fff); border-color:rgba(44,122,75,.28);}
.rsg-page .em-vs-card.lose{background:#fff;}
.rsg-page .em-vs-card .evc-num{font-family:var(--font-display); font-weight:800; font-size:38px; line-height:1; letter-spacing:-.02em;}
.rsg-page .em-vs-card.win .evc-num{color:var(--green-700);}
.rsg-page .em-vs-card.lose .evc-num{color:var(--ink-500);}
.rsg-page .em-vs-card .evc-lbl{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500); margin-top:8px;}
.rsg-page .em-vs-card .evc-desc{font-size:13px; line-height:1.5; color:var(--ink-2); margin-top:12px;}
.rsg-page .em-vs-card.win .evc-desc b{color:var(--green-700);}
.rsg-page .em-vs-mid{font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--ink-500); text-transform:uppercase; letter-spacing:.06em;}
/* ============================================================
   §9 build steps + dashboard feature
   ============================================================ */
.rsg-page .em-steps{display:grid; gap:16px;}
.rsg-page .em-step{display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 24px; box-shadow:var(--shadow-md); transition:transform .2s,box-shadow .2s,border-color .2s;}
.rsg-page .em-step:hover{transform:translateY(-2px); border-color:rgba(44,122,75,.28); box-shadow:0 14px 32px rgba(0,0,0,.07);}
.rsg-page .em-step .es-n{width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:800; font-size:19px; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(32,157,80,.26);}
.rsg-page .em-step h3{font-family:var(--font-display); font-size:17.5px; font-weight:800; color:var(--ink-900); margin:2px 0 6px; letter-spacing:-.01em;}
.rsg-page .em-step p{font-size:14px; line-height:1.6; color:var(--ink-2); margin:0;}
.rsg-page .em-track-feature{display:grid; grid-template-columns:.95fr 1.05fr; gap:32px; align-items:center; margin-top:26px; background:var(--paper-soft); border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px;}
.rsg-page .em-track-feature h3{font-family:var(--font-display); font-size:20px; font-weight:800; color:var(--ink-900); margin:0 0 9px; letter-spacing:-.01em;}
.rsg-page .em-track-feature p{font-size:14px; line-height:1.62; color:var(--ink-2); margin:0;}
/* browser/LeadConnector frame for dashboard screenshots */
.rsg-page .em-lc-frame{background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow-lg); overflow:hidden;}
.rsg-page .em-lc-bar{display:flex; align-items:center; gap:8px; padding:11px 14px; border-bottom:1px solid var(--line-2); background:linear-gradient(180deg,#fbfdfc,#f4f8f5);}
.rsg-page .em-lc-bar .lc-dots{display:flex; gap:6px;}
.rsg-page .em-lc-bar .lc-dots span{width:9px; height:9px; border-radius:50%; background:#dfe4e0;}
.rsg-page .em-lc-bar .lc-title{font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .em-lc-bar .lc-badge{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.22); border-radius:999px; padding:3px 9px;}
.rsg-page .em-lc-shot{padding:6px; background:#fff;}
.rsg-page .em-lc-shot img{width:100%; display:block; border-radius:8px;}
/* ============================================================
   §10 7 campaign types + summary + email gallery
   ============================================================ */
.rsg-page .em-camp-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.rsg-page .em-camp{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:var(--shadow-md); position:relative; transition:transform .25s,box-shadow .25s,border-color .25s; display:flex; flex-direction:column;}
.rsg-page .em-camp:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.3); box-shadow:0 16px 36px rgba(0,0,0,.08);}
.rsg-page .em-camp.last{grid-column:1 / -1;}
.rsg-page .em-camp-h{display:flex; align-items:center; gap:13px; margin-bottom:12px;}
.rsg-page .em-camp-h h3{font-family:var(--font-display); font-size:16.5px; font-weight:800; color:var(--ink-900); margin:0; letter-spacing:-.01em;}
.rsg-page .em-camp p{font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:0;}
.rsg-page .em-camp .ecmp-meta{margin-top:14px; padding-top:13px; border-top:1px solid var(--line-2); display:flex; gap:8px; flex-wrap:wrap;}
.rsg-page .em-camp .ecmp-tag{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.2); border-radius:6px; padding:5px 9px;}
/* real email gallery */
.rsg-page .em-gallery{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:8px;}
.rsg-page .em-gcard{background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:var(--shadow-md); display:flex; flex-direction:column; transition:transform .25s,box-shadow .25s;}
.rsg-page .em-gcard:hover{transform:translateY(-3px); box-shadow:0 18px 38px rgba(0,0,0,.1);}
.rsg-page .em-gshot{height:220px; overflow:hidden; background:#f6f8f7; border-bottom:1px solid var(--line-2); position:relative;}
.rsg-page .em-gshot img{width:100%; display:block;}
.rsg-page .em-gshot .egs-tag{position:absolute; top:10px; left:10px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:rgba(13,13,13,.82); backdrop-filter:blur(3px); border-radius:6px; padding:4px 8px;}
.rsg-page .em-gcap{padding:13px 15px 15px;}
.rsg-page .em-gcap b{display:block; font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--ink-900); margin-bottom:3px;}
.rsg-page .em-gcap span{font-size:11.5px; color:var(--ink-500); line-height:1.4;}
/* ============================================================
   §11 system hub connections
   ============================================================ */
.rsg-page .em-sys-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.rsg-page .em-sys{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px 22px; box-shadow:var(--shadow-md); text-align:left; transition:transform .25s,box-shadow .25s,border-color .25s;}
.rsg-page .em-sys:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.3); box-shadow:0 16px 34px rgba(0,0,0,.08);}
.rsg-page .em-sys h4{font-family:var(--font-display); font-size:15.5px; font-weight:800; color:var(--ink-900); margin:14px 0 7px;}
.rsg-page .em-sys p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0;}
.rsg-page .em-sys .es-plus{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-600); display:block; margin-bottom:2px;}
/* ============================================================
   §12 CASE STUDIES with real dashboards
   ============================================================ */
.rsg-page .em-cases{display:grid; gap:24px;}
.rsg-page .em-case{display:grid; grid-template-columns:.82fr 1.18fr; gap:0; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); overflow:hidden;}
.rsg-page .em-case.flip .emcs-body{order:2;}
.rsg-page .emcs-body{padding:32px 34px; display:flex; flex-direction:column; justify-content:center;}
.rsg-page .emcs-loc{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.2); border-radius:999px; padding:5px 12px; margin-bottom:14px; align-self:flex-start;}
.rsg-page .emcs-loc svg{width:13px; height:13px;}
.rsg-page .emcs-body h3{font-family:var(--font-display); font-size:21px; font-weight:800; color:var(--ink-900); margin:0 0 12px; letter-spacing:-.01em; line-height:1.24;}
.rsg-page .emcs-body p{font-size:14px; line-height:1.62; color:var(--ink-2); margin:0 0 18px;}
.rsg-page .emcs-stats{display:flex; gap:22px; flex-wrap:wrap;}
.rsg-page .emcs-stat strong{display:block; font-family:var(--font-display); font-weight:800; font-size:27px; line-height:1; color:var(--green-700); letter-spacing:-.02em;}
.rsg-page .emcs-stat span{display:block; margin-top:5px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .emcs-media{background:linear-gradient(160deg,#EEF3F0,#E4EDE7); padding:30px 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; position:relative;}
.rsg-page .emcs-media .emcs-cap{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500); text-align:center;}
.rsg-page .emcs-media .em-lc-frame{width:100%;}
.rsg-page .emcs-email{width:118px; flex-shrink:0; border-radius:8px; overflow:hidden; border:1px solid var(--line); box-shadow:0 10px 26px rgba(0,0,0,.16); background:#fff; align-self:center;}
.rsg-page .emcs-email img{width:100%; display:block;}
.rsg-page .emcs-duo{display:flex; gap:16px; align-items:center; width:100%;}
.rsg-page .emcs-duo .em-lc-frame{flex:1; min-width:0;}
/* disclaimer note */
.rsg-page .em-disclaimer{font-family:var(--font-mono); font-size:11px; letter-spacing:.02em; color:var(--ink-500); margin-top:18px; text-align:left;}
/* ============================================================
   §13 PLAN MATRIX + automated/managed split
   ============================================================ */
.rsg-page .em-split2{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0 0 30px;}
.rsg-page .em-splitc{border-radius:16px; padding:26px; box-shadow:var(--shadow-md); border:1px solid var(--line); position:relative; overflow:hidden;}
.rsg-page .em-splitc.every{background:linear-gradient(160deg,var(--green-50),#fff); border-color:rgba(44,122,75,.28);}
.rsg-page .em-splitc.dom{background:var(--dark-grad);}
.rsg-page .em-splitc .esc-tag{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; border-radius:999px; padding:5px 12px; display:inline-block; margin-bottom:14px;}
.rsg-page .em-splitc.every .esc-tag{color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.24);}
.rsg-page .em-splitc.dom .esc-tag{color:#06231a; background:linear-gradient(135deg,#4ADE80,var(--green-500));}
.rsg-page .em-splitc h3{font-family:var(--font-display); font-size:19px; font-weight:800; margin:0 0 10px; letter-spacing:-.01em;}
.rsg-page .em-splitc.every h3{color:var(--ink-900);}
.rsg-page .em-splitc.dom h3{color:#fff;}
.rsg-page .em-splitc p{font-size:13.5px; line-height:1.6; margin:0;}
.rsg-page .em-splitc.every p{color:var(--ink-2);}
.rsg-page .em-splitc.dom p{color:rgba(255,255,255,.8);}
.rsg-page .em-splitc.dom p strong{color:#fff;}
.rsg-page .em-splitc .esc-price{font-family:var(--font-display); font-weight:800; font-size:15px; margin-top:12px;}
.rsg-page .em-splitc.dom .esc-price{color:#7EE0A6;}
.rsg-page .em-splitc.every .esc-price{color:var(--green-700);}
/* matrix table */
.rsg-page .em-matrix{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .em-matrix table{width:100%; border-collapse:collapse;}
.rsg-page .em-matrix th, .rsg-page .em-matrix td{padding:15px 18px; text-align:center; vertical-align:middle;}
.rsg-page .em-matrix thead th{border-bottom:2px solid var(--line); background:#fff;}
.rsg-page .em-matrix .mx-feat{text-align:left; font-family:var(--font-display); font-weight:700; font-size:13.5px; color:var(--ink-900); width:38%;}
.rsg-page .em-matrix tbody td{border-bottom:1px solid var(--line-2); font-size:13px;}
.rsg-page .em-matrix tbody tr:last-child td{border-bottom:0;}
.rsg-page .em-matrix tbody tr:hover td{background:rgba(0,0,0,.012);}
.rsg-page .em-matrix .mx-plan{font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900);}
.rsg-page .em-matrix .mx-plan span{display:block; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.04em; color:var(--ink-500); margin-top:3px;}
.rsg-page .em-matrix .mx-dom{background:rgba(44,122,75,.05); border-left:1px solid rgba(44,122,75,.16); border-right:1px solid rgba(44,122,75,.16);}
.rsg-page .em-matrix thead .mx-dom{background:linear-gradient(180deg,rgba(44,122,75,.14),rgba(44,122,75,.05)); border-top:3px solid var(--green-500);}
.rsg-page .em-matrix tbody tr:hover td.mx-dom{background:rgba(44,122,75,.085);}
.rsg-page .em-yes{width:26px; height:26px; border-radius:50%; background:var(--green-50); color:var(--green-600); display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .em-yes svg{width:15px; height:15px;}
.rsg-page .em-no{width:26px; height:26px; border-radius:50%; background:#F1F3F2; color:#B8BEBA; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .em-no svg{width:13px; height:13px;}
/* ============================================================
   §14 which tier (reuses .pp-* pricing) — extra tier cards
   ============================================================ */
.rsg-page .em-tiers{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:8px;}
.rsg-page .em-tier{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:var(--shadow-md); position:relative;}
.rsg-page .em-tier.featured{border-color:rgba(44,122,75,.4); box-shadow:0 18px 40px rgba(32,157,80,.14);}
.rsg-page .em-tier .et-rev{font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border-radius:999px; padding:5px 12px; display:inline-block; margin-bottom:12px;}
.rsg-page .em-tier h4{font-family:var(--font-display); font-size:17px; font-weight:800; color:var(--ink-900); margin:0 0 8px;}
.rsg-page .em-tier p{font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:0;}
.rsg-page .em-tier p b{color:var(--green-700);}
/* ============================================================
   §15 ROI — cost table + illustrative callout
   ============================================================ */
.rsg-page .em-roi-callout{display:flex; gap:18px; align-items:flex-start; background:linear-gradient(135deg,var(--green-50),#fff); border:1px solid rgba(44,122,75,.24); border-left:4px solid var(--green-500); border-radius:14px; padding:22px 24px; margin:0 0 30px; box-shadow:var(--shadow-md);}
.rsg-page .em-roi-callout .erc-math{flex-shrink:0; text-align:center; padding-right:20px; border-right:1px solid rgba(44,122,75,.2);}
.rsg-page .em-roi-callout .erc-math strong{display:block; font-family:var(--font-display); font-weight:800; font-size:32px; color:var(--green-700); line-height:1; letter-spacing:-.02em;}
.rsg-page .em-roi-callout .erc-math span{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); display:block; margin-top:6px;}
.rsg-page .em-roi-callout p{margin:0; font-size:14px; line-height:1.6; color:var(--ink-2);}
.rsg-page .em-roi-callout p b{color:var(--ink-900);}
.rsg-page .em-roi-callout em{font-style:italic; color:var(--ink-500);}
.rsg-page .em-costtable{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .em-costtable table{width:100%; border-collapse:collapse;}
.rsg-page .em-costtable th, .rsg-page .em-costtable td{padding:15px 22px; text-align:left;}
.rsg-page .em-costtable thead th{border-bottom:2px solid var(--line); font-family:var(--font-display);}
.rsg-page .em-costtable thead .ct-rsg{background:linear-gradient(180deg,rgba(44,122,75,.14),rgba(44,122,75,.05)); border-top:3px solid var(--green-500); color:var(--green-700);}
.rsg-page .em-costtable .ct-role{font-family:var(--font-display); font-weight:700; color:var(--ink-900); font-size:14px;}
.rsg-page .em-costtable tbody td{border-bottom:1px solid var(--line-2); font-size:13.5px; color:var(--ink-2);}
.rsg-page .em-costtable .ct-inhouse{font-family:var(--font-display); font-weight:700; color:var(--ink-700);}
.rsg-page .em-costtable .ct-rsg{background:rgba(44,122,75,.05); border-left:1px solid rgba(44,122,75,.16); border-right:1px solid rgba(44,122,75,.16); color:var(--green-700); font-weight:700;}
.rsg-page .em-costtable tbody tr:last-child td{border-bottom:0;}
.rsg-page .em-costtable .ct-total td{background:#0d0d0d;}
.rsg-page .em-costtable .ct-total .ct-role, .rsg-page .em-costtable .ct-total .ct-inhouse{color:#fff; font-family:var(--font-display); font-weight:800; font-size:16px;}
.rsg-page .em-costtable .ct-total .ct-rsg{background:linear-gradient(135deg,var(--green-600),var(--green-700)); color:#fff; border-color:transparent;}
/* ============================================================
   §17 keep reading
   ============================================================ */
.rsg-page .em-read-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.rsg-page .em-read{display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px; box-shadow:var(--shadow-md); text-decoration:none; transition:transform .25s,box-shadow .25s,border-color .25s;}
.rsg-page .em-read:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.3); box-shadow:0 16px 34px rgba(0,0,0,.08);}
.rsg-page .em-read .er-ic{width:38px; height:38px; border-radius:10px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.rsg-page .em-read .er-ic svg{width:19px; height:19px;}
.rsg-page .em-read h4{font-family:var(--font-display); font-size:15px; font-weight:800; color:var(--ink-900); margin:0 0 7px; line-height:1.3;}
.rsg-page .em-read p{font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:0 0 14px;}
.rsg-page .em-read .er-link{margin-top:auto; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); display:inline-flex; align-items:center; gap:6px;}
.rsg-page .em-read .er-link svg{width:14px; height:14px;}
@media (max-width: 980px){.rsg-page .em-cal-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width: 980px){.rsg-page .em-sys-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width: 980px){.rsg-page .em-gallery{grid-template-columns:repeat(2,1fr);}}
@media (max-width: 860px){.rsg-page .em-concepts, .rsg-page .em-fail-grid, .rsg-page .em-cost2, .rsg-page .em-camp-grid, .rsg-page .em-split2, .rsg-page .em-read-grid, .rsg-page .em-tiers{grid-template-columns:1fr;}}
@media (max-width: 860px){.rsg-page .em-promise-grid{grid-template-columns:1fr;}}
@media (max-width: 860px){.rsg-page .em-case, .rsg-page .em-case.flip{grid-template-columns:1fr;}}
@media (max-width: 860px){.rsg-page .em-case.flip .emcs-body{order:0;}}
@media (max-width: 860px){.rsg-page .em-track-feature{grid-template-columns:1fr; gap:22px;}}
@media (max-width: 860px){.rsg-page .em-camp.last{grid-column:auto;}}
@media (max-width: 680px){.rsg-page .em-cal-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width: 680px){.rsg-page .em-hbenefits{grid-template-columns:1fr;}}
@media (max-width: 680px){.rsg-page .em-vs-list{grid-template-columns:1fr;}}
@media (max-width: 680px){.rsg-page .em-vs-mid{transform:rotate(90deg); margin:2px auto;}}
@media (max-width: 680px){.rsg-page .em-matrix{overflow-x:auto;}}
@media (max-width: 680px){.rsg-page .em-matrix table{min-width:560px;}}
@media (max-width: 680px){.rsg-page .em-costtable{overflow-x:auto;}}
@media (max-width: 680px){.rsg-page .em-costtable table{min-width:520px;}}
@media (max-width: 680px){.rsg-page .em-promise{padding:34px 24px 30px;}}
@media (max-width: 680px){.rsg-page .emcs-duo{flex-direction:column;}}
@media (max-width: 680px){.rsg-page .emcs-email{width:150px;}}
@media (max-width: 680px){.rsg-page .em-roi-callout{flex-direction:column;}}
@media (max-width: 680px){.rsg-page .em-roi-callout .erc-math{border-right:0; padding-right:0; border-bottom:1px solid rgba(44,122,75,.2); padding-bottom:14px; width:100%;}}
@media (max-width: 560px){.rsg-page .em-gallery{grid-template-columns:1fr;}}
@media (max-width: 560px){.rsg-page .em-sys-grid{grid-template-columns:1fr;}}
@media (max-width: 560px){/* hero floating widgets -> static, no clipping */
  .rsg-page .em-hero{padding:10px 0 20px; max-width:400px;}}
@media (max-width: 560px){.rsg-page .emh-result{position:static; width:100%; margin-top:16px; left:0; bottom:0;}}
@media (max-width: 560px){.rsg-page .emh-pill.p1, .rsg-page .emh-pill.p2, .rsg-page .emh-badge{position:static; display:inline-flex; margin:8px 8px 0 0;}}
@media (max-width: 560px){.rsg-page .emh-pill{box-shadow:var(--shadow-md);}}
/* ============================================================
   §6 REDESIGN — The Hidden Cost (cost contrast + budget bars + warmth timeline)
   ============================================================ */
.rsg-page .hc-cost{background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden;}
.rsg-page .hc-sides{display:grid; grid-template-columns:1fr 64px 1fr; align-items:stretch;}
.rsg-page .hc-side{padding:30px 34px;}
.rsg-page .hc-side.new{background:linear-gradient(160deg,#F2F4F3,#fff 82%);}
.rsg-page .hc-side.past{background:linear-gradient(160deg,var(--green-50),#fff 82%);}
.rsg-page .hcs-tag{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:16px;}
.rsg-page .hcs-ic{width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center;}
.rsg-page .hcs-ic svg{width:14px; height:14px;}
.rsg-page .hc-side.new .hcs-tag{color:var(--ink-700);}
.rsg-page .hc-side.new .hcs-ic{background:#E7EAE8; color:var(--ink-700);}
.rsg-page .hc-side.past .hcs-tag{color:var(--green-700);}
.rsg-page .hc-side.past .hcs-ic{background:var(--green-50); color:var(--green-600);}
.rsg-page .hcs-num{font-family:var(--font-display); font-weight:800; font-size:46px; line-height:1; letter-spacing:-.02em;}
.rsg-page .hc-side.new .hcs-num{color:var(--ink-900);}
.rsg-page .hc-side.past .hcs-num{color:var(--green-700);}
.rsg-page .hcs-unit{display:block; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-500); margin-top:11px;}
.rsg-page .hcs-desc{font-size:13.5px; line-height:1.55; color:var(--ink-2); margin:15px 0 0;}
.rsg-page .hcs-desc b{color:var(--ink-900);}
.rsg-page .hc-vs{position:relative; display:flex; align-items:center; justify-content:center;}
.rsg-page .hc-vs::before{content:""; position:absolute; top:24px; bottom:24px; left:50%; width:1px; background:var(--line-2);}
.rsg-page .hc-vs span{width:46px; height:46px; border-radius:50%; background:#fff; border:1px solid var(--line); box-shadow:0 6px 16px rgba(0,0,0,.1); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:13px; color:var(--ink-500); z-index:2;}
/* budget bar chart */
.rsg-page .hc-budget{padding:26px 34px 30px; border-top:1px solid var(--line-2); background:var(--paper-soft);}
.rsg-page .hcb-head{font-family:var(--font-display); font-weight:800; font-size:15.5px; color:var(--ink-900); margin:0 0 3px;}
.rsg-page .hcb-sub{font-size:12.5px; color:var(--ink-500); margin:0 0 18px;}
.rsg-page .hcb-row{display:grid; grid-template-columns:132px 1fr 46px; align-items:center; gap:14px; margin-bottom:12px;}
.rsg-page .hcb-row:last-of-type{margin-bottom:0;}
.rsg-page .hcb-label{font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--ink-900);}
.rsg-page .hcb-label span{display:block; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-500); margin-top:2px;}
.rsg-page .hcb-track{height:36px; border-radius:9px; background:#EDEFEE; overflow:hidden; position:relative;}
.rsg-page .hcb-track.empty{background:transparent; border:2px dashed rgba(44,122,75,.4); display:flex; align-items:center; padding-left:14px;}
.rsg-page .hcb-track.empty span{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .hcb-fill{height:100%; width:100%; background:linear-gradient(135deg,#5C5C5C,#2E2E2E); display:flex; align-items:center; padding-left:16px; color:#fff; font-family:var(--font-display); font-weight:800; font-size:13px;}
.rsg-page .reveal.visible .hcb-fill{animation:hcFill 1.3s cubic-bezier(.35,0,.2,1) both;}
.rsg-page .hcb-pct{font-family:var(--font-display); font-weight:800; font-size:17px; text-align:right;}
.rsg-page .hcb-pct.amber{color:var(--ink-900);}
.rsg-page .hcb-pct.green{color:var(--green-700);}
.rsg-page .hcb-cap{margin-top:18px; font-size:13px; line-height:1.55; color:var(--ink-2); display:flex; gap:11px; align-items:flex-start;}
.rsg-page .hcb-cap b{color:var(--ink-900);}
.rsg-page .hcb-cap svg{width:18px; height:18px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
/* warmth-cooling timeline */
.rsg-page .hc-cold{margin-top:22px; background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px 30px 28px; box-shadow:var(--shadow-md);}
.rsg-page .hc-cold-eye{display:inline-flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--green-700); margin-bottom:11px;}
.rsg-page .hc-cold-eye i{width:26px; height:26px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-weight:800; font-size:12px;}
.rsg-page .hc-cold h3{font-family:var(--font-display); font-size:20px; font-weight:800; color:var(--ink-900); margin:0 0 20px; letter-spacing:-.01em;}
.rsg-page .hc-warmbar{height:12px; border-radius:6px; background:linear-gradient(90deg,var(--green-500) 0%, #7FB994 34%, #C4C9C5 70%, #98A09B 100%); position:relative; margin:0 0 4px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);}
.rsg-page .hc-stages{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:16px;}
.rsg-page .hc-stage{position:relative; padding-top:4px;}
.rsg-page .hc-stage .hcs-dot{position:absolute; top:-24px; width:15px; height:15px; border-radius:50%; border:3px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.15);}
.rsg-page .hc-stage:nth-child(1) .hcs-dot{left:0; background:var(--green-500);}
.rsg-page .hc-stage:nth-child(2) .hcs-dot{left:calc(50% - 7px); background:#B4BAB6;}
.rsg-page .hc-stage:nth-child(3) .hcs-dot{right:0; background:#9aa3a0;}
.rsg-page .hc-stage:nth-child(2){text-align:center;}
.rsg-page .hc-stage:nth-child(3){text-align:right;}
.rsg-page .hc-stage b{display:block; font-family:var(--font-display); font-weight:700; font-size:13.5px; color:var(--ink-900); margin-bottom:3px;}
.rsg-page .hc-stage span{font-size:12px; line-height:1.45; color:var(--ink-500);}
.rsg-page .hc-cold-foot{margin-top:22px; padding-top:18px; border-top:1px solid var(--line-2); font-size:14px; line-height:1.6; color:var(--ink-2);}
.rsg-page .hc-cold-foot strong{color:var(--ink-900);}
@media (max-width:820px){.rsg-page .hc-sides{grid-template-columns:1fr;}}
@media (max-width:820px){.rsg-page .hc-vs{padding:6px 0;}}
@media (max-width:820px){.rsg-page .hc-vs::before{top:50%; bottom:auto; left:24px; right:24px; width:auto; height:1px;}}
@media (max-width:820px){.rsg-page .hc-side.new, .rsg-page .hc-side.past{padding:26px 26px;}}
@media (max-width:620px){.rsg-page .hcb-row{grid-template-columns:1fr auto; grid-template-areas:"label pct" "track track"; row-gap:8px;}}
@media (max-width:620px){.rsg-page .hcb-label{grid-area:label;}}
@media (max-width:620px){.rsg-page .hcb-pct{grid-area:pct;}}
@media (max-width:620px){.rsg-page .hcb-track{grid-area:track;}}
@media (max-width:620px){.rsg-page .hc-stages{grid-template-columns:1fr; gap:22px;}}
@media (max-width:620px){.rsg-page .hc-stage, .rsg-page .hc-stage:nth-child(2), .rsg-page .hc-stage:nth-child(3){text-align:left; padding-left:24px; padding-top:0;}}
@media (max-width:620px){.rsg-page .hc-stage .hcs-dot{top:2px; left:0 !important; right:auto !important;}}
@media (max-width:620px){.rsg-page .hc-warmbar{display:none;}}
/* ============================================================
   HVAC SOCIAL MEDIA MARKETING — page-specific components (_supp)
   Loads AFTER master-css + reused email components. Scoped .rsg-page.
   Design system: --green-500 #2C7A4B, Montserrat + DM Sans,
   border+shadow depth, green emphasis only. HVAC/home-services only.
   ============================================================ */

.rsg-page .eyebrow-dot{display:none;}
/* .eyebrow::before already renders the green dot */
.rsg-page .final-cta .btn-ghost{color:#fff; border-color:rgba(255,255,255,.45); background:transparent;}
.rsg-page .final-cta .btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.08);}
.rsg-page .sm-ic-chip{width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 20px rgba(32,157,80,.22);}
.rsg-page .sm-ic-chip svg{width:21px; height:21px;}
.rsg-page .sm-quote{position:relative; margin:0 0 26px; padding:6px 0 6px 26px; border-left:4px solid var(--green-500);}
.rsg-page .sm-quote p{font-family:var(--font-display); font-weight:700; font-size:20px; line-height:1.4; color:var(--ink-900); font-style:italic; margin:0; letter-spacing:-.01em;}
/* ============================================================
   §1 HERO — social-profile phone mockup (a homeowner "looking you up")
   ============================================================ */
.rsg-page .sm-hero{position:relative; width:100%; max-width:520px; margin-left:auto; padding:16px 26px 26px 8px;}
.rsg-page .sm-glow{position:absolute; inset:-6% -4% -8% -4%; z-index:0; background:radial-gradient(58% 52% at 66% 32%, rgba(44,122,75,.18), transparent 70%); filter:blur(6px);}
.rsg-page .sm-badge{position:absolute; top:0; right:20px; z-index:6; display:inline-flex; align-items:center; gap:8px; background:#0d0d0d; color:#fff; border-radius:999px; padding:7px 13px; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; box-shadow:0 12px 26px rgba(0,0,0,.28);}
.rsg-page .sm-badge .smb-dot{width:7px; height:7px; border-radius:50%; background:#4ADE80; box-shadow:0 0 0 3px rgba(74,222,128,.28);}
/* phone */
.rsg-page .sm-phone{position:relative; z-index:2; width:298px; margin:34px auto 0; background:#0d0d0d; border-radius:40px; padding:11px; box-shadow:0 34px 70px rgba(16,44,28,.26), 0 10px 24px rgba(0,0,0,.14);}
.rsg-page .sm-screen{background:#fff; border-radius:30px; overflow:hidden; position:relative;}
.rsg-page .sm-status{display:flex; align-items:center; justify-content:space-between; padding:9px 20px 5px; font-family:var(--font-mono); font-size:11px; font-weight:700; color:var(--ink-900);}
.rsg-page .sm-status .sms-r{display:inline-flex; align-items:center; gap:5px;}
.rsg-page .sm-status .sms-r svg{width:15px; height:11px; display:block;}
.rsg-page .sm-appbar{display:flex; align-items:center; gap:10px; padding:7px 14px 10px; border-bottom:1px solid var(--line-2);}
.rsg-page .sm-appbar .smab-back{color:var(--ink-900); display:flex;}
.rsg-page .sm-appbar .smab-back svg{width:17px; height:17px;}
.rsg-page .sm-appbar .smab-h{font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-900); flex:1;}
.rsg-page .sm-appbar .smab-h span{display:block; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); margin-top:1px;}
.rsg-page .sm-appbar .smab-more{color:var(--ink-500); display:flex;}
.rsg-page .sm-appbar .smab-more svg{width:17px; height:17px;}
.rsg-page .sm-prof{display:flex; align-items:center; gap:14px; padding:14px 15px 8px;}
.rsg-page .sm-ava{width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 18px rgba(32,157,80,.3); border:2px solid #fff; outline:2px solid rgba(44,122,75,.28);}
.rsg-page .sm-ava svg{width:30px; height:30px;}
.rsg-page .sm-pmeta{flex:1; display:flex; justify-content:space-around; text-align:center;}
.rsg-page .sm-pstat b{display:block; font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--ink-900); line-height:1;}
.rsg-page .sm-pstat span{display:block; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500); margin-top:4px;}
.rsg-page .sm-name{padding:0 15px;}
.rsg-page .sm-name b{font-family:var(--font-display); font-weight:800; font-size:14.5px; color:var(--ink-900); display:inline-flex; align-items:center; gap:6px;}
.rsg-page .sm-name b .smv{width:15px; height:15px; color:var(--green-600);}
.rsg-page .sm-name span{display:block; font-size:11.5px; color:var(--ink-500); margin-top:2px; line-height:1.35;}
.rsg-page .sm-cta-row{display:flex; gap:8px; padding:11px 15px 12px;}
.rsg-page .sm-cta-row a{flex:1; text-align:center; font-family:var(--font-display); font-weight:700; font-size:11.5px; padding:7px 0; border-radius:9px;}
.rsg-page .sm-cta-row .smc-follow{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .sm-cta-row .smc-msg{background:var(--green-50); color:var(--green-700); border:1px solid rgba(44,122,75,.2);}
.rsg-page .sm-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:0 3px 3px;}
.rsg-page .sm-tile{position:relative; aspect-ratio:1/1; border-radius:3px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:8px; color:#fff;}
.rsg-page .sm-tile svg{position:absolute; top:8px; left:8px; width:15px; height:15px; opacity:.9;}
.rsg-page .sm-tile b{font-family:var(--font-display); font-weight:700; font-size:9px; line-height:1.15; position:relative; z-index:1; text-shadow:0 1px 4px rgba(0,0,0,.35);}
.rsg-page .sm-tile.g1{background:linear-gradient(150deg,#2C7A4B,#155235);}
.rsg-page .sm-tile.g2{background:linear-gradient(150deg,#3E8E5D,#256844);}
.rsg-page .sm-tile.g3{background:linear-gradient(150deg,#1f5f39,#0f3a23);}
.rsg-page .sm-tile.g4{background:linear-gradient(150deg,#4A4A4A,#242424);}
.rsg-page .sm-tile.g5{background:linear-gradient(150deg,#347A50,#1c5236);}
.rsg-page .sm-tile.g6{background:linear-gradient(150deg,#5a5a5a,#333);}
.rsg-page .sm-live{display:flex; align-items:center; gap:8px; padding:9px 15px; border-top:1px solid var(--line-2); font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .sm-live .sml-dot{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18);}
/* floating widgets */
.rsg-page .sm-pill{position:absolute; z-index:5; display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:11px; padding:8px 12px; font-family:var(--font-display); font-weight:700; font-size:11.5px; color:var(--ink-900); box-shadow:0 12px 28px rgba(0,0,0,.13);}
.rsg-page .sm-pill svg{width:15px; height:15px; color:var(--green-600); flex-shrink:0;}
.rsg-page .sm-pill.p1{top:96px; left:-6px;}
.rsg-page .sm-pill.p2{top:206px; right:2px;}
.rsg-page .sm-check{position:absolute; left:-14px; bottom:8px; z-index:6; width:224px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:13px 15px; box-shadow:0 22px 50px rgba(16,44,28,.24); display:flex; gap:11px; align-items:center;}
.rsg-page .sm-check .smk-ic{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .sm-check .smk-ic svg{width:18px; height:18px;}
.rsg-page .sm-check b{display:block; font-family:var(--font-display); font-weight:800; font-size:12.5px; color:var(--ink-900); line-height:1.2;}
.rsg-page .sm-check span{display:block; font-size:10.5px; color:var(--ink-500); line-height:1.35; margin-top:2px;}
/* ============================================================
   §2 WHAT IT IS — definition callout + organic/paid split
   ============================================================ */
.rsg-page .wm-def{position:relative; display:flex; gap:18px; align-items:flex-start; background:linear-gradient(135deg,var(--green-50),#fff 70%); border:1px solid rgba(44,122,75,.24); border-left:4px solid var(--green-500); border-radius:16px; padding:24px 28px; margin:0 0 28px; box-shadow:var(--shadow-md);}
.rsg-page .wm-def .wmd-ic{width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 20px rgba(32,157,80,.24);}
.rsg-page .wm-def .wmd-ic svg{width:22px; height:22px;}
.rsg-page .wm-def p{margin:0; font-size:15.5px; line-height:1.62; color:var(--ink-2);}
.rsg-page .wm-def p strong{color:var(--ink-900);}
.rsg-page .wm-def .wmd-tag{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--green-700); display:block; margin-bottom:7px;}
.rsg-page .wm-op{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.rsg-page .wm-card{position:relative; background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px 24px 22px; box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .wm-card::before{content:""; position:absolute; top:0; left:0; right:0; height:4px;}
.rsg-page .wm-card.organic::before{background:linear-gradient(90deg,var(--green-500),#4ADE80);}
.rsg-page .wm-card.paid::before{background:linear-gradient(90deg,#6B6B6B,#9aa3a0);}
.rsg-page .wm-card .wmc-h{display:flex; align-items:center; gap:12px; margin-bottom:12px;}
.rsg-page .wm-card .wmc-ic{width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .wm-card.organic .wmc-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 6px 15px rgba(32,157,80,.24);}
.rsg-page .wm-card.paid .wmc-ic{background:#F1F3F2; color:var(--ink-700); border:1px solid var(--line);}
.rsg-page .wm-card .wmc-ic svg{width:20px; height:20px;}
.rsg-page .wm-card h3{font-family:var(--font-display); font-size:17px; font-weight:800; color:var(--ink-900); margin:0; letter-spacing:-.01em;}
.rsg-page .wm-card .wmc-tag{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-top:2px; display:block;}
.rsg-page .wm-card.organic .wmc-tag{color:var(--green-700);}
.rsg-page .wm-card.paid .wmc-tag{color:var(--ink-500);}
.rsg-page .wm-card p{font-size:14px; line-height:1.6; color:var(--ink-2); margin:0;}
.rsg-page .wm-card p a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .wm-card .wmc-focus{margin-top:14px; padding-top:13px; border-top:1px solid var(--line-2); font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px;}
.rsg-page .wm-card.organic .wmc-focus{color:var(--green-700);}
.rsg-page .wm-card.paid .wmc-focus{color:var(--ink-500);}
.rsg-page .wm-card .wmc-focus svg{width:14px; height:14px;}
/* ============================================================
   §3 WHY IT WENT NOWHERE — 5-reason wall
   ============================================================ */
.rsg-page .wn-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.rsg-page .wn-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 22px 20px; box-shadow:var(--shadow-md); position:relative; overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; display:flex; flex-direction:column;}
.rsg-page .wn-card:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.28); box-shadow:0 16px 36px rgba(0,0,0,.08);}
.rsg-page .wn-card::after{content:""; position:absolute; top:-30px; right:-30px; width:110px; height:110px; border-radius:50%; background:radial-gradient(circle,rgba(44,122,75,.08),transparent 70%); pointer-events:none;}
.rsg-page .wn-ic{width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(32,157,80,.24); margin-bottom:15px; position:relative; z-index:1;}
.rsg-page .wn-ic svg{width:22px; height:22px;}
.rsg-page .wn-card h3{font-family:var(--font-display); font-size:16px; font-weight:800; color:var(--ink-900); margin:0 0 8px; letter-spacing:-.01em; line-height:1.25; position:relative; z-index:1;}
.rsg-page .wn-card p{font-size:13.5px; line-height:1.58; color:var(--ink-2); margin:0; position:relative; z-index:1;}
.rsg-page .wn-foot{margin-top:22px; display:flex; gap:13px; align-items:flex-start; background:var(--paper-soft); border:1px solid var(--line); border-left:4px solid var(--green-500); border-radius:14px; padding:18px 22px;}
.rsg-page .wn-foot svg{width:22px; height:22px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
.rsg-page .wn-foot p{margin:0; font-size:14.5px; line-height:1.6; color:var(--ink-2);}
.rsg-page .wn-foot p strong{color:var(--ink-900);}
/* ============================================================
   §5 TRUST TWICE — two-direction diagram
   ============================================================ */
.rsg-page .tw-wrap{position:relative;}
.rsg-page .tw-origin{display:flex; justify-content:center; margin-bottom:26px;}
.rsg-page .tw-origin-in{display:inline-flex; align-items:center; gap:13px; background:#0d0d0d; color:#fff; border-radius:16px; padding:15px 24px; box-shadow:0 16px 34px rgba(0,0,0,.22); position:relative;}
.rsg-page .tw-origin-in::after{content:""; position:absolute; left:50%; bottom:-16px; transform:translateX(-50%); border-top:16px solid #0d0d0d; border-left:14px solid transparent; border-right:14px solid transparent;}
.rsg-page .tw-origin-in .two-ic{width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),#4ADE80); color:#06231a; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tw-origin-in .two-ic svg{width:21px; height:21px;}
.rsg-page .tw-origin-in b{font-family:var(--font-display); font-weight:800; font-size:16px; color:#fff; display:block;}
.rsg-page .tw-origin-in span{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#7EE0A6;}
.rsg-page .tw-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.rsg-page .tw-col{background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px 26px 24px; box-shadow:var(--shadow-md); position:relative; overflow:hidden; display:flex; flex-direction:column;}
.rsg-page .tw-col.ai{border-color:rgba(44,122,75,.28); background:linear-gradient(165deg,var(--green-50),#fff 60%);}
.rsg-page .tw-col-h{display:flex; align-items:center; gap:13px; margin-bottom:8px;}
.rsg-page .tw-col-ic{width:48px; height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tw-col.home .tw-col-ic{background:linear-gradient(135deg,#3A3A3A,#141414); color:#fff;}
.rsg-page .tw-col.ai .tw-col-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.26);}
.rsg-page .tw-col-ic svg{width:24px; height:24px;}
.rsg-page .tw-col-h .twh-eye{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); display:block; margin-bottom:3px;}
.rsg-page .tw-col.home .tw-col-h .twh-eye{color:var(--ink-500);}
.rsg-page .tw-col-h h3{font-family:var(--font-display); font-size:18px; font-weight:800; color:var(--ink-900); margin:0; letter-spacing:-.01em; line-height:1.2;}
.rsg-page .tw-col > p{font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:12px 0 0;}
.rsg-page .tw-col > p strong{color:var(--ink-900);}
.rsg-page .tw-list{list-style:none; margin:16px 0 0; padding:0; display:grid; gap:11px;}
.rsg-page .tw-list li{display:flex; gap:11px; align-items:flex-start; font-size:13px; line-height:1.5; color:var(--ink-2);}
.rsg-page .tw-list li .twl-ic{width:24px; height:24px; border-radius:7px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.rsg-page .tw-list li .twl-ic svg{width:14px; height:14px;}
.rsg-page .tw-list li b{color:var(--ink-900); font-weight:700;}
.rsg-page .tw-list li a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .tw-tags{display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; padding-top:15px; border-top:1px solid var(--line-2);}
.rsg-page .tw-tag{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.2); border-radius:6px; padding:5px 9px;}
.rsg-page .tw-close{text-align:center; font-size:14.5px; line-height:1.6; color:var(--ink-2); margin:24px auto 0; max-width:none;}
.rsg-page .tw-close strong{color:var(--ink-900);}
/* ============================================================
   §6 MONTHLY PROCESS — steps woven with real screenshots + no-photos
   ============================================================ */
.rsg-page .mp-flow{display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; margin:0 0 26px;}
.rsg-page .mp-card{background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-md); display:flex; flex-direction:column; transition:transform .25s,box-shadow .25s;}
.rsg-page .mp-card:hover{transform:translateY(-3px); box-shadow:0 18px 38px rgba(0,0,0,.09);}
.rsg-page .mp-shot{position:relative; background:#EEF3F0; border-bottom:1px solid var(--line-2);}
.rsg-page .mp-shot .mps-bar{display:flex; align-items:center; gap:7px; padding:9px 12px; background:linear-gradient(180deg,#fbfdfc,#f4f8f5); border-bottom:1px solid var(--line-2);}
.rsg-page .mp-shot .mps-dots{display:flex; gap:5px;}
.rsg-page .mp-shot .mps-dots span{width:8px; height:8px; border-radius:50%; background:#dfe4e0;}
.rsg-page .mp-shot .mps-t{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .mp-shot .mps-img{height:174px; overflow:hidden; background:#fff; display:flex; align-items:flex-start; justify-content:center;}
.rsg-page .mp-shot .mps-img img{width:100%; display:block; object-fit:cover; object-position:center top;}
.rsg-page .mp-body{padding:18px 20px 20px; display:flex; flex-direction:column; flex:1;}
.rsg-page .mp-step-n{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); margin-bottom:9px;}
.rsg-page .mp-step-n i{width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-style:normal; display:inline-flex; align-items:center; justify-content:center; font-size:11px;}
.rsg-page .mp-body h3{font-family:var(--font-display); font-size:16px; font-weight:800; color:var(--ink-900); margin:0 0 7px; letter-spacing:-.01em;}
.rsg-page .mp-body p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0;}
/* the 3 non-screenshot steps as a compact rail */
.rsg-page .mp-more{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 28px;}
.rsg-page .mp-mini{display:flex; gap:13px; align-items:flex-start; background:var(--paper-soft); border:1px solid var(--line); border-radius:14px; padding:18px 20px;}
.rsg-page .mp-mini .mpm-ic{width:38px; height:38px; border-radius:10px; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .mp-mini .mpm-ic svg{width:19px; height:19px;}
.rsg-page .mp-mini h3{font-family:var(--font-display); font-size:14px; font-weight:800; color:var(--ink-900); margin:1px 0 5px;}
.rsg-page .mp-mini p{font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:0;}
/* no-photos block */
.rsg-page .np-wrap{background:linear-gradient(160deg,#F4FAF6,#fff 62%); border:1px solid rgba(44,122,75,.2); border-radius:20px; padding:30px 32px; box-shadow:var(--shadow-md);}
.rsg-page .np-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:32px; align-items:stretch;}
.rsg-page .np-body{display:flex; flex-direction:column;}
.rsg-page .np-inline{margin-top:20px;}
.rsg-page .np-tips{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.rsg-page .np-posts{height:100%;}
.rsg-page .np-posts .np-post{height:100%; min-height:0;}
.rsg-page .np-posts .np-post img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center;}
.rsg-page .np-body .np-eye{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--green-700); margin-bottom:12px;}
.rsg-page .np-body .np-eye i{width:24px; height:24px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .np-body .np-eye i svg{width:13px; height:13px;}
.rsg-page .np-body h3{font-family:var(--font-display); font-size:21px; font-weight:800; color:var(--ink-900); margin:0 0 10px; letter-spacing:-.01em; line-height:1.25;}
.rsg-page .np-body > p{font-size:14.5px; line-height:1.62; color:var(--ink-2); margin:0 0 18px;}
.rsg-page .np-list{list-style:none; margin:0; padding:0; display:grid; gap:11px;}
.rsg-page .np-list li{display:flex; gap:12px; align-items:flex-start; font-size:14px; line-height:1.5; color:var(--ink-900);}
.rsg-page .np-list li .npl-ic{width:26px; height:26px; border-radius:8px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 5px 12px rgba(32,157,80,.24);}
.rsg-page .np-list li .npl-ic svg{width:15px; height:15px;}
.rsg-page .np-posts{display:grid; gap:13px;}
.rsg-page .np-post{position:relative; border-radius:13px; overflow:hidden; border:1px solid var(--line); box-shadow:0 12px 30px rgba(16,44,28,.14); background:#fff;}
.rsg-page .np-post img{width:100%; display:block;}
.rsg-page .np-post .npp-tag{position:absolute; top:10px; left:10px; z-index:1; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:rgba(13,13,13,.78); backdrop-filter:blur(3px); border-radius:6px; padding:4px 8px;}
.rsg-page .np-body .np-foot{margin:26px 0 0; font-size:14px; line-height:1.6; color:var(--ink-2);}
.rsg-page .np-foot strong{color:var(--ink-900);}
/* ============================================================
   §7 SPECIALIST vs GENERALIST — versus comparison
   ============================================================ */
.rsg-page .sg-table{background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-lg);}
.rsg-page .sg-head{display:grid; grid-template-columns:1fr 1fr;}
.rsg-page .sg-head-c{padding:18px 26px; display:flex; align-items:center; gap:11px;}
.rsg-page .sg-head-c.gen{background:#F5F6F6;}
.rsg-page .sg-head-c.rsg{background:linear-gradient(180deg,rgba(44,122,75,.14),rgba(44,122,75,.05)); border-top:3px solid var(--green-500);}
.rsg-page .sg-head-ic{width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .sg-head-c.gen .sg-head-ic{background:#E7EAE8; color:var(--ink-700);}
.rsg-page .sg-head-c.rsg .sg-head-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .sg-head-ic svg{width:17px; height:17px;}
.rsg-page .sg-head-c b{font-family:var(--font-display); font-weight:800; font-size:15.5px; letter-spacing:-.01em;}
.rsg-page .sg-head-c.gen b{color:var(--ink-700);}
.rsg-page .sg-head-c.rsg b{color:var(--green-700);}
.rsg-page .sg-head-c span{display:block; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-top:2px;}
.rsg-page .sg-head-c.gen span{color:var(--ink-500);}
.rsg-page .sg-head-c.rsg span{color:var(--green-600);}
.rsg-page .sg-row{display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line-2);}
.rsg-page .sg-cell{padding:16px 26px; font-size:14px; line-height:1.45; display:flex; align-items:center; gap:12px;}
.rsg-page .sg-cell.gen{background:#FAFBFB; color:var(--ink-500);}
.rsg-page .sg-cell.rsg{background:rgba(44,122,75,.045); color:var(--ink-900); font-weight:600; border-left:1px solid var(--line-2);}
.rsg-page .sg-mk{width:20px; height:20px; border-radius:50%; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .sg-cell.gen .sg-mk{background:#EDEFEE; color:#9aa3a0;}
.rsg-page .sg-cell.rsg .sg-mk{background:var(--green-50); color:var(--green-600);}
.rsg-page .sg-mk svg{width:11px; height:11px;}
.rsg-page .sg-close{text-align:center; font-size:14.5px; line-height:1.6; color:var(--ink-2); margin:24px auto 0; max-width:none;}
.rsg-page .sg-close strong{color:var(--ink-900);}
/* ============================================================
   §8 DEAD-PAGE COST — moment of truth + 3 costs
   ============================================================ */
.rsg-page .dc-moment{display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:var(--dark-grad); border-radius:18px; padding:22px 26px; margin:0 0 24px; position:relative; overflow:hidden; box-shadow:var(--shadow-lg);}
.rsg-page .dc-moment::after{content:""; position:absolute; top:-40%; right:-6%; width:46%; height:180%; background:radial-gradient(circle,rgba(44,122,75,.26),transparent 62%); pointer-events:none;}
.rsg-page .dc-moment > *{position:relative; z-index:1;}
.rsg-page .dc-m-ic{width:46px; height:46px; border-radius:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#7EE0A6; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .dc-m-ic svg{width:23px; height:23px;}
.rsg-page .dc-moment p{flex:1; min-width:240px; margin:0; font-size:15px; line-height:1.6; color:rgba(255,255,255,.82);}
.rsg-page .dc-moment p strong{color:#fff;}
.rsg-page .dc-moment .dc-m-tag{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#7EE0A6; background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.28); border-radius:999px; padding:6px 12px; white-space:nowrap;}
.rsg-page .dc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.rsg-page .dc-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px 24px 22px; box-shadow:var(--shadow-md); position:relative; overflow:hidden; display:flex; flex-direction:column; transition:transform .25s,box-shadow .25s,border-color .25s;}
.rsg-page .dc-card:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.26); box-shadow:0 16px 36px rgba(0,0,0,.08);}
.rsg-page .dc-card .dc-n{position:absolute; top:14px; right:20px; font-family:var(--font-display); font-weight:800; font-size:60px; line-height:1; color:rgba(20,40,28,.05); z-index:0;}
.rsg-page .dc-ic{width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,#3A3A3A,#141414); color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:15px; position:relative; z-index:1;}
.rsg-page .dc-ic svg{width:22px; height:22px;}
.rsg-page .dc-card h3{font-family:var(--font-display); font-size:16px; font-weight:800; color:var(--ink-900); margin:0 0 8px; letter-spacing:-.01em; line-height:1.25; position:relative; z-index:1;}
.rsg-page .dc-card p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0; position:relative; z-index:1;}
.rsg-page .dc-card p strong{color:var(--ink-900);}
.rsg-page .dc-card .dc-note{margin-top:14px; padding-top:13px; border-top:1px solid var(--line-2); display:grid; gap:7px; position:relative; z-index:1;}
.rsg-page .dc-card .dc-note span{display:flex; gap:8px; align-items:flex-start; font-size:12px; line-height:1.4; color:var(--ink-500);}
.rsg-page .dc-card .dc-note span svg{width:14px; height:14px; color:var(--ink-500); flex-shrink:0; margin-top:2px;}
/* ============================================================
   §9 BUSINESS BEHIND THE POST — inputs + surface area
   ============================================================ */
.rsg-page .bp-grid{display:grid; grid-template-columns:1.08fr .92fr; gap:26px; align-items:stretch;}
.rsg-page .bp-inputs{background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 30px; box-shadow:var(--shadow-md);}
.rsg-page .bp-eye{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--green-700); margin-bottom:14px;}
.rsg-page .bp-eye i{width:24px; height:24px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .bp-eye i svg{width:13px; height:13px;}
.rsg-page .bp-inputs h3{font-family:var(--font-display); font-size:18px; font-weight:800; color:var(--ink-900); margin:0 0 16px; letter-spacing:-.01em;}
.rsg-page .bp-list{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.rsg-page .bp-item{display:flex; gap:10px; align-items:flex-start; background:linear-gradient(90deg,rgba(44,122,75,.05),#fff 60%); border:1px solid var(--line); border-left:3px solid var(--green-500); border-radius:10px; padding:11px 13px; font-size:12.5px; line-height:1.4; color:var(--ink-900);}
.rsg-page .bp-item svg{width:16px; height:16px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
.rsg-page .bp-item.wide{grid-column:1 / -1;}
.rsg-page .bp-side{display:flex; flex-direction:column; gap:20px;}
.rsg-page .bp-pquote{background:var(--dark-grad); border-radius:18px; padding:28px 28px; position:relative; overflow:hidden; box-shadow:var(--shadow-lg);}
.rsg-page .bp-pquote::after{content:""; position:absolute; top:-30%; right:-8%; width:52%; height:150%; background:radial-gradient(circle,rgba(44,122,75,.28),transparent 62%); pointer-events:none;}
.rsg-page .bp-pquote .bpq-mark{font-family:var(--font-display); font-weight:800; font-size:52px; line-height:.6; color:#7EE0A6; display:block; margin-bottom:6px; position:relative; z-index:1;}
.rsg-page .bp-pquote p{position:relative; z-index:1; font-family:var(--font-display); font-weight:700; font-size:20px; line-height:1.4; color:#fff; margin:0; letter-spacing:-.01em;}
.rsg-page .bp-surface{background:linear-gradient(165deg,var(--green-50),#fff 62%); border:1px solid rgba(44,122,75,.24); border-radius:18px; padding:24px 26px; box-shadow:var(--shadow-md); flex:1;}
.rsg-page .bp-surface h4{font-family:var(--font-display); font-size:16px; font-weight:800; color:var(--ink-900); margin:0 0 5px; letter-spacing:-.01em; display:flex; align-items:center; gap:10px;}
.rsg-page .bp-surface h4 .bps-ic{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .bp-surface h4 .bps-ic svg{width:18px; height:18px;}
.rsg-page .bp-surface > p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0 0 15px;}
.rsg-page .bp-surface ul{list-style:none; margin:0; padding:0; display:grid; gap:9px;}
.rsg-page .bp-surface li{display:flex; gap:10px; align-items:flex-start; font-size:13px; line-height:1.5; color:var(--ink-900);}
.rsg-page .bp-surface li svg{width:16px; height:16px; color:var(--green-600); flex-shrink:0; margin-top:2px;}
.rsg-page .bp-surface li a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .bp-surface .bps-foot{margin-top:14px; padding-top:12px; border-top:1px solid rgba(44,122,75,.2); font-size:12.5px; color:var(--ink-500); font-style:italic;}
/* ============================================================
   §10 ORGANIC vs PAID — attribute table
   ============================================================ */
.rsg-page .op-table{background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-lg);}
.rsg-page .op-r{display:grid; grid-template-columns:150px 1fr 1fr;}
.rsg-page .op-r + .op-r{border-top:1px solid var(--line-2);}
.rsg-page .op-hc{padding:18px 22px;}
.rsg-page .op-hc.lbl{background:#fff;}
.rsg-page .op-hc.org{background:linear-gradient(180deg,rgba(44,122,75,.14),rgba(44,122,75,.05)); border-top:3px solid var(--green-500); border-left:1px solid var(--line-2);}
.rsg-page .op-hc.paid{background:#F5F6F6; border-left:1px solid var(--line-2);}
.rsg-page .op-hc b{font-family:var(--font-display); font-weight:800; font-size:15.5px; letter-spacing:-.01em; display:flex; align-items:center; gap:9px;}
.rsg-page .op-hc.org b{color:var(--green-700);}
.rsg-page .op-hc.paid b{color:var(--ink-700);}
.rsg-page .op-hc b .oph-ic{width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center;}
.rsg-page .op-hc.org b .oph-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .op-hc.paid b .oph-ic{background:#E7EAE8; color:var(--ink-700);}
.rsg-page .op-hc b .oph-ic svg{width:16px; height:16px;}
.rsg-page .op-hc span{display:block; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-top:5px;}
.rsg-page .op-hc.org span{color:var(--green-600);}
.rsg-page .op-hc.paid span{color:var(--ink-500);}
.rsg-page .op-c{padding:15px 22px; font-size:13.5px; line-height:1.45; display:flex; align-items:center;}
.rsg-page .op-c.lbl{font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--ink-900); background:#FAFBFB;}
.rsg-page .op-c.org{background:rgba(44,122,75,.045); color:var(--ink-900); font-weight:600; border-left:1px solid var(--line-2);}
.rsg-page .op-c.paid{background:#fff; color:var(--ink-2); border-left:1px solid var(--line-2);}
.rsg-page .op-rec{display:flex; gap:16px; align-items:flex-start; background:linear-gradient(135deg,var(--green-50),#fff 70%); border:1px solid rgba(44,122,75,.24); border-left:5px solid var(--green-500); border-radius:14px; padding:20px 24px; margin-top:22px; box-shadow:var(--shadow-md);}
.rsg-page .op-rec .opr-ic{width:42px; height:42px; border-radius:11px; background:#fff; color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid rgba(44,122,75,.22);}
.rsg-page .op-rec .opr-ic svg{width:20px; height:20px;}
.rsg-page .op-rec p{margin:0; font-size:14.5px; line-height:1.6; color:var(--ink-2);}
.rsg-page .op-rec p strong{color:var(--ink-900);}
/* ============================================================
   §11 WHERE IT FITS — real insights proof frame
   ============================================================ */
.rsg-page .wf-proof{display:grid; grid-template-columns:0.789fr 1fr; gap:22px 26px; align-items:start; margin-top:26px; background:var(--paper-soft); border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px 32px;}
.rsg-page .wf-lead{grid-column:1 / -1;}
.rsg-page .wf-proof h3{font-family:var(--font-display); font-size:19px; font-weight:800; color:var(--ink-900); margin:0 0 9px; letter-spacing:-.01em;}
.rsg-page .wf-proof p{font-size:14px; line-height:1.62; color:var(--ink-2); margin:0;}
.rsg-page .wf-proof p strong{color:var(--ink-900);}
.rsg-page .wf-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.rsg-page .wf-tag{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.22); border-radius:999px; padding:6px 11px; display:inline-flex; align-items:center; gap:6px;}
.rsg-page .wf-tag .wft-dot{width:6px; height:6px; border-radius:50%; background:var(--green-500);}
.rsg-page .wf-ins{background:#0d0d0d; border-radius:14px; padding:7px; box-shadow:0 20px 44px rgba(16,44,28,.22);}
.rsg-page .wf-ins-bar{display:flex; align-items:center; gap:7px; padding:8px 10px 10px;}
.rsg-page .wf-ins-bar .wfi-dots{display:flex; gap:5px;}
.rsg-page .wf-ins-bar .wfi-dots span{width:8px; height:8px; border-radius:50%; background:#3a3a3a;}
.rsg-page .wf-ins-bar .wfi-t{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.6);}
.rsg-page .wf-ins-bar .wfi-badge{margin-left:auto; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#7EE0A6; background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.26); border-radius:999px; padding:3px 8px;}
.rsg-page .wf-ins-shot{border-radius:9px; overflow:hidden;}
.rsg-page .wf-ins-shot img{width:100%; display:block;}
/* ============================================================
   §12 FIT / NOT-FIT
   ============================================================ */
.rsg-page .smf-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.rsg-page .smf-col{position:relative; overflow:hidden; border-radius:18px; padding:30px 28px 26px; box-shadow:var(--shadow-md); border:1px solid var(--line); transition:transform .2s ease, box-shadow .2s ease;}
.rsg-page .smf-col:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg);}
.rsg-page .smf-col::before{content:""; position:absolute; top:0; left:0; right:0; height:4px;}
.rsg-page .smf-col.fit::before{background:linear-gradient(90deg,var(--green-500),var(--green-700));}
.rsg-page .smf-col.not::before{background:linear-gradient(90deg,#9AA39E,#5D6B65);}
.rsg-page .smf-col.fit{background:linear-gradient(160deg,var(--green-50),#fff 70%); border-color:rgba(44,122,75,.3);}
.rsg-page .smf-col.not{background:#FAFBFB;}
.rsg-page .smf-h{display:flex; align-items:center; gap:12px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid var(--line);}
.rsg-page .smf-col.fit .smf-h{border-bottom-color:rgba(44,122,75,.18);}
.rsg-page .smf-h .smfh-ic{width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .smf-col.fit .smfh-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.24);}
.rsg-page .smf-col.fit .smfh-ic svg{color:#fff !important; stroke:#fff !important;}
.rsg-page .smf-col.not .smfh-ic{background:#E7EAE8; color:var(--ink-700);}
.rsg-page .smf-h .smfh-ic svg{width:22px; height:22px;}
.rsg-page .smf-h b{font-family:var(--font-display); font-weight:800; font-size:18px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .smf-h span{display:block; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-top:2px;}
.rsg-page .smf-col.fit .smf-h span{color:var(--green-700);}
.rsg-page .smf-col.not .smf-h span{color:var(--ink-500);}
.rsg-page .smf-list{list-style:none; margin:0; padding:0; display:grid; gap:14px;}
.rsg-page .smf-list li{display:flex; gap:12px; align-items:flex-start; font-size:14.5px; line-height:1.5; color:var(--ink-900);}
.rsg-page .smf-list li .smfl-ic{width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.rsg-page .smf-col.fit .smfl-ic{background:var(--green-50); color:var(--green-600); box-shadow:0 0 0 1px rgba(44,122,75,.16);}
.rsg-page .smf-col.not .smfl-ic{background:#EDEFEE; color:#9aa3a0;}
.rsg-page .smf-list li .smfl-ic svg{width:14px; height:14px;}
.rsg-page .smf-note{margin-top:26px; display:flex; gap:14px; align-items:flex-start; background:var(--paper-soft); border:1px solid var(--line); border-left:4px solid var(--green-500); border-radius:14px; padding:19px 22px; font-size:14px; line-height:1.62; color:var(--ink-2);}
.rsg-page .smf-note svg{width:22px; height:22px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
.rsg-page .smf-note strong{color:var(--ink-900);}
/* ============================================================
   §13 COSTS — pricing note strip
   ============================================================ */
.rsg-page .cost-note{display:flex; gap:16px; align-items:flex-start; background:var(--paper-soft); border:1px solid var(--line); border-radius:16px; padding:22px 26px; margin:0 0 26px;}
.rsg-page .cost-note .cn-ic{width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 18px rgba(32,157,80,.22);}
.rsg-page .cost-note .cn-ic svg{width:22px; height:22px;}
.rsg-page .cost-note p{margin:0; font-size:14.5px; line-height:1.62; color:var(--ink-2);}
.rsg-page .cost-note p strong{color:var(--ink-900);}
@media (max-width:900px){.rsg-page .bp-grid{grid-template-columns:1fr;}}
@media (max-width:900px){.rsg-page .np-grid{grid-template-columns:1fr; gap:26px;}}
@media (max-width:900px){.rsg-page .wf-proof{grid-template-columns:1fr; gap:22px;}}
@media (max-width:860px){.rsg-page .wm-op{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .tw-grid{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .mp-flow{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .mp-more{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .smf-grid{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .wn-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:860px){.rsg-page .dc-grid{grid-template-columns:1fr;}}
@media (max-width:760px){.rsg-page .bp-list{grid-template-columns:1fr;}}
@media (max-width:760px){.rsg-page .wn-grid{grid-template-columns:1fr;}}
@media (max-width:640px){/* comparison tables scroll rather than crush */
  .rsg-page .op-r{grid-template-columns:120px 1fr 1fr;}}
@media (max-width:640px){.rsg-page .op-c, .rsg-page .op-hc{padding:13px 15px;}}
@media (max-width:640px){.rsg-page .sg-cell, .rsg-page .sg-head-c{padding:14px 16px;}}
@media (max-width:640px){.rsg-page .np-posts{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){/* hero phone floats -> static, no clipping (fixed-canvas trap) */
  .rsg-page .sm-hero{max-width:360px; padding:8px 0 10px;}}
@media (max-width:560px){.rsg-page .sm-phone{margin-top:14px;}}
@media (max-width:560px){.rsg-page .sm-badge{position:static; display:inline-flex; margin:0 0 12px;}}
@media (max-width:560px){.rsg-page .sm-pill.p1, .rsg-page .sm-pill.p2{position:static; display:inline-flex; margin:10px 8px 0 0;}}
@media (max-width:560px){.rsg-page .sm-check{position:static; width:100%; margin-top:14px; left:0; bottom:0;}}
@media (max-width:560px){.rsg-page .sg-head-c b, .rsg-page .op-hc b{font-size:14px;}}
@media (max-width:560px){.rsg-page .dc-moment{padding:20px;}}
@media (max-width:560px){.rsg-page .dc-moment .dc-m-tag{order:-1;}}
/* ============================================================
   REDESIGN v2 — premium product-UI mockups + data-viz per section
   Craft bar = hvac-email-marketing.html; fresh blueprints (not clones).
   Green + charcoal/grey only. SVG icons. HVAC-only. Scoped .rsg-page.
   ============================================================ */

/* ---------- §2 organic vs paid — mini post / ad mockups ---------- */
.rsg-page .wm-mock{border:1px solid var(--line); border-radius:11px; overflow:hidden; margin-bottom:16px; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.04);}
.rsg-page .wm-mock-h{display:flex; align-items:center; gap:8px; padding:8px 11px;}
.rsg-page .wm-mock-ava{width:26px; height:26px; border-radius:50%; flex-shrink:0;}
.rsg-page .wm-mock.organic .wm-mock-ava{background:linear-gradient(135deg,var(--green-500),var(--green-700));}
.rsg-page .wm-mock.paid .wm-mock-ava{background:linear-gradient(135deg,#6B6B6B,#3A3A3A);}
.rsg-page .wm-mock-nm{font-family:var(--font-display); font-weight:700; font-size:11.5px; color:var(--ink-900); line-height:1.1;}
.rsg-page .wm-mock-nm i{display:block; font-style:normal; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500); margin-top:2px;}
.rsg-page .wm-mock-media{height:72px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:#fff;}
.rsg-page .wm-mock.organic .wm-mock-media{background:linear-gradient(150deg,#2C7A4B,#155235);}
.rsg-page .wm-mock.paid .wm-mock-media{background:linear-gradient(150deg,#5a5a5a,#2e2e2e);}
.rsg-page .wm-mock-media svg{width:20px; height:20px; opacity:.92;}
.rsg-page .wm-mock-media span{font-family:var(--font-display); font-weight:700; font-size:11px;}
.rsg-page .wm-mock-foot{display:flex; align-items:center; gap:12px; padding:8px 11px; border-top:1px solid var(--line-2);}
.rsg-page .wm-mock-foot svg{width:15px; height:15px; color:var(--ink-500);}
.rsg-page .wm-mock-foot .wmf-note{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-500); margin-left:auto;}
.rsg-page .wm-mock.paid .wm-mock-foot{justify-content:space-between;}
.rsg-page .wm-mock-cta{font-family:var(--font-display); font-weight:700; font-size:10.5px; color:#fff; background:linear-gradient(135deg,var(--green-500),var(--green-700)); border-radius:7px; padding:6px 13px;}
.rsg-page .wm-mock-badge{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8a8a8a; background:#F1F3F2; border:1px solid var(--line); border-radius:5px; padding:3px 8px;}
/* ---------- §3 dead-profile teardown ---------- */
.rsg-page .r3-wrap{display:grid; grid-template-columns:.9fr 1.1fr; gap:30px; align-items:start;}
.rsg-page .r3-device{position:relative; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-lg); overflow:hidden; filter:saturate(.72);}
.rsg-page .r3-deadfoot{display:flex; align-items:center; gap:9px; padding:13px 16px; border-top:1px solid var(--line-2); background:#fafbfb; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#9a9f9c;}
.rsg-page .r3-deadfoot svg{width:13px; height:13px;}
.rsg-page .r3-bar{display:flex; align-items:center; gap:9px; padding:10px 14px; background:linear-gradient(180deg,#f4f5f5,#eceeed); border-bottom:1px solid var(--line-2);}
.rsg-page .r3-dots{display:flex; gap:5px;}
.rsg-page .r3-dots span{width:9px; height:9px; border-radius:50%; background:#cfd3d1;}
.rsg-page .r3-url{flex:1; font-family:var(--font-mono); font-size:10px; font-weight:700; color:var(--ink-500); background:#fff; border:1px solid var(--line); border-radius:6px; padding:4px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rsg-page .r3-inactive{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#7a7f7c; background:#E1E4E2; border-radius:999px; padding:4px 9px; white-space:nowrap;}
.rsg-page .r3-prof{display:flex; align-items:center; gap:13px; padding:18px 18px 12px;}
.rsg-page .r3-ava{width:54px; height:54px; border-radius:50%; background:repeating-linear-gradient(45deg,#e4e7e6,#e4e7e6 6px,#eef0ef 6px,#eef0ef 12px); border:2px solid #fff; box-shadow:0 0 0 1px var(--line); flex-shrink:0;}
.rsg-page .r3-pmeta b{font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-700); display:block;}
.rsg-page .r3-stamp{display:inline-block; margin-top:6px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#6b6b6b; border:1px solid #cfd3d1; border-radius:6px; padding:3px 9px;}
.rsg-page .r3-feed{display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 14px 16px;}
.rsg-page .r3-post{border:1px solid var(--line-2); border-radius:9px; overflow:hidden; background:#fafbfb;}
.rsg-page .r3-post .r3-tag{display:block; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#9a9f9c; padding:7px 9px 0;}
.rsg-page .r3-post .r3-media{display:block; height:40px; margin:6px 9px; border-radius:5px; background:repeating-linear-gradient(45deg,#e6e9e8,#e6e9e8 7px,#eff2f1 7px,#eff2f1 14px);}
.rsg-page .r3-post .r3-eng{display:flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; color:#aeb3af; padding:0 9px 8px;}
.rsg-page .r3-post .r3-eng svg{width:10px; height:10px;}
.rsg-page .r3-ribbon{position:absolute; top:20px; right:-36px; transform:rotate(45deg); background:linear-gradient(135deg,#4A4A4A,#242424); color:#fff; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:6px 42px; box-shadow:0 4px 12px rgba(0,0,0,.22);}
.rsg-page .r3-diag{display:flex; flex-direction:column;}
.rsg-page .r3-diag-h{font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900); margin-bottom:6px; letter-spacing:-.01em;}
.rsg-page .r3-row{display:flex; gap:14px; align-items:flex-start; padding:13px 0; border-top:1px solid var(--line-2);}
.rsg-page .r3-row.first{border-top:0;}
.rsg-page .r3-num{width:30px; height:30px; border-radius:8px; background:linear-gradient(135deg,#4A4A4A,#1e1e1e); color:#fff; font-family:var(--font-display); font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .r3-rb b{font-family:var(--font-display); font-weight:800; font-size:14.5px; color:var(--ink-900); display:block; margin-bottom:3px;}
.rsg-page .r3-rb p{font-size:13px; line-height:1.5; color:var(--ink-2); margin:0;}
.rsg-page .r3-foot{display:flex; gap:14px; align-items:flex-start; background:linear-gradient(135deg,var(--green-50),#fff 72%); border:1px solid rgba(44,122,75,.24); border-left:4px solid var(--green-500); border-radius:14px; padding:20px 24px; margin-top:24px;}
.rsg-page .r3-foot svg{width:24px; height:24px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
.rsg-page .r3-foot p{margin:0; font-size:15px; line-height:1.6; color:var(--ink-2);}
.rsg-page .r3-foot strong{color:var(--ink-900);}
/* ---------- §5 trust twice — homeowner phone + AI answer ---------- */
.rsg-page .t5-origin{display:flex; flex-direction:column; align-items:center; text-align:center; gap:1px; margin:0 auto 32px; background:var(--dark-grad); color:#fff; border-radius:16px; padding:16px 32px; position:relative; width:max-content; max-width:100%; box-shadow:var(--shadow-lg);}
.rsg-page .t5-origin::after{content:""; position:absolute; left:50%; bottom:-15px; transform:translateX(-50%); border-top:15px solid #363636; border-left:13px solid transparent; border-right:13px solid transparent;}
.rsg-page .t5-o-ic{width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),#4ADE80); color:#06231a; display:flex; align-items:center; justify-content:center; margin-bottom:7px;}
.rsg-page .t5-o-ic svg{width:21px; height:21px;}
.rsg-page .t5-origin b{font-family:var(--font-display); font-weight:800; font-size:16px;}
.rsg-page .t5-origin em{font-style:normal; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#7EE0A6;}
.rsg-page .t5-split{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.rsg-page .t5-col{background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px; box-shadow:var(--shadow-md); display:flex; flex-direction:column;}
.rsg-page .t5-col.ai{border-color:rgba(44,122,75,.28); background:linear-gradient(168deg,var(--green-50),#fff 55%);}
.rsg-page .t5-col-h{display:flex; gap:13px; align-items:flex-start; margin-bottom:11px;}
.rsg-page .t5-ic{width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .t5-ic.dark{background:linear-gradient(135deg,#3A3A3A,#141414); color:#fff;}
.rsg-page .t5-ic.green{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.26);}
.rsg-page .t5-ic svg{width:23px; height:23px;}
.rsg-page .t5-eye{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); display:block; margin-bottom:3px;}
.rsg-page .t5-col.home .t5-eye{color:var(--ink-500);}
.rsg-page .t5-col-h h3{font-family:var(--font-display); font-weight:800; font-size:17px; color:var(--ink-900); margin:0; line-height:1.22; letter-spacing:-.01em;}
.rsg-page .t5-col > p{font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:0 0 18px;}
.rsg-page .t5-col > p strong{color:var(--ink-900);}
.rsg-page .t5-phone{margin-top:auto; background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; box-shadow:0 12px 28px rgba(16,44,28,.12);}
.rsg-page .t5-ph-prof{display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--line-2);}
.rsg-page .t5-ph-ava{width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .t5-ph-ava svg{width:20px; height:20px;}
.rsg-page .t5-ph-prof > div{flex:1;}
.rsg-page .t5-ph-prof b{font-family:var(--font-display); font-weight:800; font-size:13px; color:var(--ink-900); display:block;}
.rsg-page .t5-ph-prof > div span{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .t5-ph-chk{width:24px; height:24px; border-radius:50%; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .t5-ph-chk svg{width:14px; height:14px;}
.rsg-page .t5-ph-sig{display:flex; flex-wrap:wrap; gap:6px; padding:12px 0;}
.rsg-page .t5-ph-sig span{display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.18); border-radius:6px; padding:4px 8px;}
.rsg-page .t5-ph-sig span svg{width:11px; height:11px;}
.rsg-page .t5-callbtn{display:flex; align-items:center; justify-content:center; gap:8px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:800; font-size:14px; border-radius:10px; padding:12px; box-shadow:0 10px 22px rgba(32,157,80,.3);}
.rsg-page .t5-callbtn svg{width:17px; height:17px;}
.rsg-page .t5-chat{margin-top:auto; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:0 12px 28px rgba(16,44,28,.12);}
.rsg-page .t5-chat-bar{display:flex; align-items:center; gap:8px; padding:10px 13px; border-bottom:1px solid var(--line-2); font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .t5-chat-ic{width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,var(--green-500),#4ADE80); color:#06231a; display:flex; align-items:center; justify-content:center;}
.rsg-page .t5-chat-ic svg{width:13px; height:13px;}
.rsg-page .t5-q{margin:13px 13px 12px auto; margin-right:13px; background:var(--paper-soft); border:1px solid var(--line-2); border-radius:11px 11px 3px 11px; padding:9px 13px; font-size:12.5px; color:var(--ink-900); font-weight:600; width:fit-content; max-width:82%; margin-left:auto;}
.rsg-page .t5-ans{margin:0 13px 14px;}
.rsg-page .t5-ans-lead{font-size:11.5px; color:var(--ink-500); margin:0 0 9px;}
.rsg-page .t5-opt{display:flex; align-items:center; gap:9px; padding:9px 12px; border:1px solid var(--line-2); border-radius:9px; margin-bottom:7px; font-family:var(--font-display); font-weight:700; font-size:12.5px; color:var(--ink-500);}
.rsg-page .t5-opt:last-child{margin-bottom:0;}
.rsg-page .t5-opt-dot{width:8px; height:8px; border-radius:50%; background:#c8cdca; flex-shrink:0;}
.rsg-page .t5-opt.named{background:linear-gradient(135deg,var(--green-50),#fff); border-color:rgba(44,122,75,.4); color:var(--ink-900); box-shadow:0 4px 12px rgba(44,122,75,.1);}
.rsg-page .t5-opt.named .t5-opt-dot{background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16);}
.rsg-page .t5-rec{margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.3); border-radius:999px; padding:3px 8px;}
.rsg-page .t5-rec svg{width:11px; height:11px;}
.rsg-page .t5-list{list-style:none; margin:16px 0 0; padding:0; display:grid; gap:9px;}
.rsg-page .t5-list li{display:flex; gap:10px; align-items:flex-start; font-size:12.5px; line-height:1.5; color:var(--ink-2);}
.rsg-page .t5-list li svg{width:15px; height:15px; color:var(--green-600); flex-shrink:0; margin-top:2px;}
.rsg-page .t5-list li b{color:var(--ink-900);}
.rsg-page .t5-list li a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .t5-close{text-align:center; font-size:14.5px; line-height:1.6; color:var(--ink-2); margin:24px auto 0;}
.rsg-page .t5-close strong{color:var(--ink-900);}
/* ---------- §7 specialist vs generalist — post mockups + compare ---------- */
.rsg-page .sp7-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:24px;}
.rsg-page .sp7-post{border-radius:16px; overflow:hidden; box-shadow:var(--shadow-md); border:1px solid var(--line); background:#fff;}
.rsg-page .sp7-post.gen{filter:saturate(.82);}
.rsg-page .sp7-post.rsg{border-color:rgba(44,122,75,.28);}
.rsg-page .sp7-head{display:flex; align-items:center; gap:11px; padding:14px 16px;}
.rsg-page .sp7-ava{width:36px; height:36px; border-radius:50%; flex-shrink:0; background:repeating-linear-gradient(45deg,#e4e7e6,#e4e7e6 6px,#eef0ef 6px,#eef0ef 12px);}
.rsg-page .sp7-ava.g{background:linear-gradient(135deg,var(--green-500),var(--green-700));}
.rsg-page .sp7-head > div{flex:1;}
.rsg-page .sp7-head b{font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-900); display:block;}
.rsg-page .sp7-head span{font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .sp7-more{color:#b8bdba; font-weight:800; letter-spacing:1px; align-self:flex-start;}
.rsg-page .sp7-media{height:158px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#fff; text-align:center; padding:0 22px;}
.rsg-page .sp7-media.gen{background:linear-gradient(150deg,#6f6f6f,#454545);}
.rsg-page .sp7-media.rsg{background:linear-gradient(150deg,#2C7A4B,#124a2e);}
.rsg-page .sp7-media svg{width:30px; height:30px; opacity:.92;}
.rsg-page .sp7-media span{font-family:var(--font-display); font-weight:800; font-size:17px; line-height:1.2; letter-spacing:-.01em;}
.rsg-page .sp7-media.gen span{font-weight:700; font-size:20px; opacity:.85;}
.rsg-page .sp7-cap{font-size:12.5px; color:var(--ink-2); padding:14px 16px 0; line-height:1.5;}
.rsg-page .sp7-react{display:flex; align-items:center; gap:8px; padding:12px 16px 16px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;}
.rsg-page .sp7-react svg{width:15px; height:15px;}
.rsg-page .sp7-react.gen{color:#8a8a8a;}
.rsg-page .sp7-react.rsg{color:var(--green-700);}
.rsg-page .sp7-compare{background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-md);}
.rsg-page .sp7-crow{display:grid; grid-template-columns:1fr 1fr;}
.rsg-page .sp7-crow + .sp7-crow{border-top:1px solid var(--line-2);}
.rsg-page .sp7-c{display:flex; gap:10px; align-items:center; padding:14px 20px; font-size:13.5px; line-height:1.4;}
.rsg-page .sp7-c.gen{background:#FAFBFB; color:var(--ink-500);}
.rsg-page .sp7-c.rsg{background:rgba(44,122,75,.045); color:var(--ink-900); font-weight:600; border-left:1px solid var(--line-2);}
.rsg-page .sp7-c svg{width:16px; height:16px; flex-shrink:0;}
.rsg-page .sp7-c.gen svg{color:#b0b5b1;}
.rsg-page .sp7-c.rsg svg{color:var(--green-600);}
.rsg-page .sp7-close{text-align:center; font-size:14.5px; line-height:1.6; color:var(--ink-2); margin:22px auto 0;}
.rsg-page .sp7-close strong{color:var(--ink-900);}
/* ---------- §8 dead-page cost — moment-of-truth branch + mechanism cards ---------- */
.rsg-page .dc8-branch{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-lg); padding:26px 28px; margin:0 0 20px;}
.rsg-page .dc8-start{display:flex; align-items:center; gap:13px; justify-content:center;}
.rsg-page .dc8-ph{width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,#3A3A3A,#141414); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .dc8-ph svg{width:23px; height:23px;}
.rsg-page .dc8-start b{font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900); display:block;}
.rsg-page .dc8-start span{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .dc8-fork{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px; position:relative;}
.rsg-page .dc8-fork::before{content:""; position:absolute; top:-14px; left:25%; right:25%; height:14px; border:2px solid var(--line); border-bottom:0; border-radius:8px 8px 0 0;}
.rsg-page .dc8-path{border-radius:14px; padding:18px 20px; border:1px solid var(--line);}
.rsg-page .dc8-path.win{background:linear-gradient(165deg,var(--green-50),#fff 62%); border-color:rgba(44,122,75,.3);}
.rsg-page .dc8-path.lose{background:linear-gradient(165deg,#F4F5F5,#fff 62%);}
.rsg-page .dc8-badge{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; border-radius:999px; padding:5px 11px; display:inline-block; margin-bottom:13px;}
.rsg-page .dc8-badge.win{color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.24);}
.rsg-page .dc8-badge.lose{color:#6b6b6b; background:#fff; border:1px solid var(--line);}
.rsg-page .dc8-mini{display:flex; align-items:center; gap:9px; font-size:12.5px; color:var(--ink-2); margin-bottom:14px;}
.rsg-page .dc8-dot{width:9px; height:9px; border-radius:50%; flex-shrink:0;}
.rsg-page .dc8-dot.green{background:var(--green-500);}
.rsg-page .dc8-dot.grey{background:#b4b9b5;}
.rsg-page .dc8-out{display:flex; align-items:center; gap:11px; border-radius:11px; padding:13px 15px; background:#fff;}
.rsg-page .dc8-out.win{border:1px solid rgba(44,122,75,.3);}
.rsg-page .dc8-out.lose{border:1px solid var(--line);}
.rsg-page .dc8-out svg{width:22px; height:22px; flex-shrink:0;}
.rsg-page .dc8-out.win svg{color:var(--green-600);}
.rsg-page .dc8-out.lose svg{color:#8a8a8a;}
.rsg-page .dc8-out b{font-family:var(--font-display); font-weight:800; font-size:16px;}
.rsg-page .dc8-out.win b{color:var(--green-700);}
.rsg-page .dc8-out.lose b{color:var(--ink-700);}
.rsg-page .dc8-out span{font-size:11.5px; color:var(--ink-500); margin-left:auto; text-align:right; line-height:1.3;}
.rsg-page .dc8-mech{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.rsg-page .dc8-mcard{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 24px; box-shadow:var(--shadow-md); display:flex; flex-direction:column;}
.rsg-page .dc8-mcard h3{font-family:var(--font-display); font-weight:800; font-size:15.5px; color:var(--ink-900); margin:0 0 9px; letter-spacing:-.01em; display:flex; align-items:center; gap:11px; line-height:1.2;}
.rsg-page .dc8-mcard h3 .dcm-ic{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,#3A3A3A,#141414); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .dc8-mcard h3 .dcm-ic svg{width:18px; height:18px;}
.rsg-page .dc8-mcard p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0 0 15px;}
.rsg-page .dc8-mcard p strong{color:var(--ink-900);}
.rsg-page .dc8-mcard p a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .dc8-mcard .dcm-viz{margin-top:auto;}
.rsg-page .dcm-andromeda{display:flex; align-items:center; gap:10px; background:var(--dark-grad); border-radius:12px; padding:13px 15px;}
.rsg-page .dcm-in{display:flex; flex-direction:column; gap:6px;}
.rsg-page .dcm-in span{font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); border-radius:6px; padding:5px 9px; text-align:center;}
.rsg-page .dcm-arrow{color:#7EE0A6; display:flex;}
.rsg-page .dcm-arrow svg{width:20px; height:20px;}
.rsg-page .dcm-engine{flex:1; text-align:center; background:linear-gradient(135deg,var(--green-500),#4ADE80); color:#06231a; border-radius:10px; padding:11px 8px;}
.rsg-page .dcm-engine b{font-family:var(--font-display); font-weight:800; font-size:13px; display:block;}
.rsg-page .dcm-engine span{font-family:var(--font-mono); font-size:7.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;}
.rsg-page .dcm-sig{display:flex; align-items:flex-end; gap:7px; height:48px; padding:6px 4px 0;}
.rsg-page .dcm-sig i{flex:1; border-radius:4px 4px 0 0; background:linear-gradient(180deg,#5a5f5c,#3a3f3c); display:block;}
.rsg-page .dcm-sig i:nth-child(1){height:100%;}
.rsg-page .dcm-sig i:nth-child(2){height:64%;}
.rsg-page .dcm-sig i:nth-child(3){height:40%;}
.rsg-page .dcm-sig i:nth-child(4){height:22%;}
.rsg-page .dcm-sig i:nth-child(5){height:12%;}
.rsg-page .dcm-cap{font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500); margin-top:9px; display:flex; justify-content:space-between;}
/* ---------- §6 monthly rhythm — compact numbered rail ---------- */
.rsg-page .mp-rail{display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin:0 0 28px;}
.rsg-page .mp-node{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 15px; box-shadow:var(--shadow-md); text-align:center; position:relative; transition:transform .2s,box-shadow .2s;}
.rsg-page .mp-node:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.08);}
.rsg-page .mp-nn{width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center; margin:0 auto 11px; box-shadow:0 6px 14px rgba(32,157,80,.24);}
.rsg-page .mp-node b{font-family:var(--font-display); font-weight:800; font-size:12.5px; color:var(--ink-900); display:block; margin-bottom:5px; line-height:1.2;}
.rsg-page .mp-node p{font-size:11px; line-height:1.4; color:var(--ink-500); margin:0;}
@media (max-width:860px){.rsg-page .r3-wrap{grid-template-columns:1fr; gap:24px;}}
@media (max-width:860px){.rsg-page .t5-split{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .sp7-grid{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .dc8-mech{grid-template-columns:1fr;}}
@media (max-width:600px){.rsg-page .mp-rail{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.rsg-page .dc8-fork{grid-template-columns:1fr;}}
@media (max-width:600px){.rsg-page .dc8-fork::before{display:none;}}
@media (max-width:600px){.rsg-page .sp7-crow{grid-template-columns:1fr;}}
@media (max-width:600px){.rsg-page .sp7-c.rsg{border-left:0; border-top:1px solid var(--line-2);}}
@media (max-width:600px){.rsg-page .r3-feed{grid-template-columns:1fr 1fr;}}
/* ---------- §2 what-is v2 — "two myths -> the truth" decoder + organic/paid lanes ---------- */
.rsg-page .w2-decoder{display:grid; grid-template-columns:.92fr auto 1.18fr; gap:22px; align-items:center; margin:0 0 30px;}
.rsg-page .w2-myths{display:flex; flex-direction:column; gap:13px;}
.rsg-page .w2-lab{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-500); margin:0 0 3px 2px;}
.rsg-page .w2-myth{position:relative; display:flex; gap:13px; align-items:flex-start; background:#F5F7F6; border:1px dashed #cdd3cf; border-radius:14px; padding:15px 17px;}
.rsg-page .w2-myth-ic{width:38px; height:38px; border-radius:10px; background:#E6E9E7; color:#8b918d; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .w2-myth-ic svg{width:19px; height:19px;}
.rsg-page .w2-myth b{font-family:var(--font-display); font-weight:700; font-size:13.5px; color:var(--ink-700); display:block; margin-bottom:2px;}
.rsg-page .w2-myth span{font-size:12px; color:var(--ink-500); line-height:1.4;}
.rsg-page .w2-myth-x{position:absolute; top:13px; right:15px; width:18px; height:18px; border-radius:50%; background:#e0e4e1; color:#989e9a; display:flex; align-items:center; justify-content:center;}
.rsg-page .w2-myth-x svg{width:9px; height:9px;}
.rsg-page .w2-arrow{display:flex; flex-direction:column; align-items:center; gap:9px;}
.rsg-page .w2-arrow-node{width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 26px rgba(32,157,80,.3);}
.rsg-page .w2-arrow-node svg{width:24px; height:24px;}
.rsg-page .w2-arrow-lab{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--green-700); text-align:center; line-height:1.3;}
.rsg-page .w2-real{position:relative; background:linear-gradient(158deg,var(--green-50),#fff 66%); border:1px solid rgba(44,122,75,.3); border-radius:18px; padding:26px 28px; box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .w2-real::after{content:""; position:absolute; top:-44px; right:-44px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(44,122,75,.13),transparent 70%); pointer-events:none;}
.rsg-page .w2-real-tag{position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:linear-gradient(135deg,var(--green-500),var(--green-700)); border-radius:999px; padding:6px 13px; margin-bottom:14px; box-shadow:0 6px 14px rgba(32,157,80,.24);}
.rsg-page .w2-real-tag svg{width:13px; height:13px;}
.rsg-page .w2-real p{position:relative; z-index:1; font-size:14.5px; line-height:1.62; color:var(--ink-2); margin:0 0 15px;}
.rsg-page .w2-real p strong{color:var(--ink-900);}
.rsg-page .w2-real-chips{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:15px;}
.rsg-page .w2-real-chip{display:inline-flex; align-items:center; gap:7px; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.26); border-radius:999px; padding:7px 13px; box-shadow:0 3px 9px rgba(44,122,75,.08);}
.rsg-page .w2-real-chip svg{width:14px; height:14px; color:var(--green-600);}
.rsg-page .w2-real-note{position:relative; z-index:1; display:flex; gap:10px; align-items:flex-start; font-size:12.5px; line-height:1.45; color:var(--ink-500); border-top:1px solid rgba(44,122,75,.18); padding-top:13px;}
.rsg-page .w2-real-note svg{width:16px; height:16px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
.rsg-page .w2-real-note b{color:var(--ink-700);}
.rsg-page .w2-lanes{display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .w2-lane{padding:24px 26px; display:flex; gap:15px; align-items:flex-start;}
.rsg-page .w2-lane.organic{background:linear-gradient(160deg,var(--green-50),#fff 72%);}
.rsg-page .w2-lane.paid{border-left:1px solid var(--line-2);}
.rsg-page .w2-lane-ic{width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .w2-lane.organic .w2-lane-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.24);}
.rsg-page .w2-lane.paid .w2-lane-ic{background:#F1F3F2; color:#6b716d; border:1px solid var(--line);}
.rsg-page .w2-lane-ic svg{width:22px; height:22px;}
.rsg-page .w2-lane h3{font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900); margin:0 0 2px; letter-spacing:-.01em;}
.rsg-page .w2-lane-tag{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; display:inline-block; margin-bottom:8px;}
.rsg-page .w2-lane.organic .w2-lane-tag{color:var(--green-700);}
.rsg-page .w2-lane.paid .w2-lane-tag{color:var(--ink-500);}
.rsg-page .w2-lane p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0;}
.rsg-page .w2-lane p a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
@media (max-width:860px){.rsg-page .w2-decoder{grid-template-columns:1fr; gap:16px;}}
@media (max-width:860px){.rsg-page .w2-arrow-node svg{transform:rotate(90deg);}}
@media (max-width:860px){.rsg-page .w2-lanes{grid-template-columns:1fr;}}
@media (max-width:860px){.rsg-page .w2-lane.paid{border-left:0; border-top:1px solid var(--line-2);}}
/* ---------- CTA banner w/ small button bottom-right (kd2-callout, from hvac-graphic-design) ---------- */
.rsg-page .kd2-callout{display:flex; gap:14px; align-items:flex-start; background:linear-gradient(135deg,var(--paper-soft) 0%,var(--green-50) 100%); border:1px solid var(--line); border-left:5px solid var(--green-500); border-radius:12px; padding:18px 24px;}
.rsg-page .kd2-co-icon{width:38px; height:38px; border-radius:9px; background:rgba(44,122,75,.10); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .kd2-co-icon svg{width:20px; height:20px; stroke:var(--green-500); fill:none;}
.rsg-page .kd2-co-main{flex:1; display:flex; flex-direction:column; align-items:flex-start;}
.rsg-page .kd2-co-text{font-size:14.5px; line-height:1.62; color:var(--ink-2); margin:0;}
.rsg-page .kd2-co-text strong{color:var(--green-700);}
.rsg-page .kd2-mini-wrap{display:flex; justify-content:flex-end; margin-top:14px; width:100%;}
.rsg-page .kd2-co-btn{display:inline-flex; align-items:center; gap:6px; background:var(--green-500); color:#fff; font-family:var(--font-display); font-size:11.5px; font-weight:700; padding:9px 16px; border-radius:999px; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease;}
.rsg-page .kd2-co-btn:hover{background:var(--green-600); transform:translateY(-1px); box-shadow:0 8px 24px rgba(44,122,75,.25);}
.rsg-page .kd2-co-btn svg{width:14px; height:14px; flex-shrink:0;}
@media (max-width:600px){.rsg-page .kd2-mini-wrap{justify-content:stretch;}}
@media (max-width:600px){.rsg-page .kd2-co-btn{flex:1; justify-content:center;}}
/* ---------- §3 v2 — "post-mortem": green posting heatmap -> 0, + green diagnosis rail ---------- */
.rsg-page .wn2-wrap{display:grid; grid-template-columns:.82fr 1.18fr; gap:30px; align-items:stretch;}
.rsg-page .wn2-diag{display:flex; flex-direction:column;}
.rsg-page .wn2-bottom{margin-top:14px; display:flex; gap:13px; align-items:flex-start; background:linear-gradient(135deg,var(--green-50),#fff 72%); border:1px solid rgba(44,122,75,.26); border-left:4px solid var(--green-500); border-radius:14px; padding:15px 20px;}
/* phase-step timeline sits inside the right column — tighten to balance the left heatmap panel */
.rsg-page .wn2-diag .phase-step{grid-template-columns:44px 1fr; gap:15px;}
.rsg-page .wn2-diag .phase-step-rail{padding-top:15px;}
.rsg-page .wn2-diag .phase-step-dot{width:34px; height:34px; font-size:12px;}
.rsg-page .wn2-diag .phase-step-dot::after{inset:-4px;}
.rsg-page .wn2-diag .phase-step-line{min-height:16px;}
.rsg-page .wn2-diag .phase-step-card{padding:14px 18px; margin-bottom:10px;}
.rsg-page .wn2-diag .phase-step-head{margin-bottom:5px; gap:11px;}
.rsg-page .wn2-diag .phase-step-num{font-size:9px; padding:4px 10px;}
.rsg-page .wn2-diag .phase-step-card h3{font-size:15px; margin-bottom:4px;}
.rsg-page .wn2-diag .phase-step-card p{font-size:12.5px; line-height:1.5;}
.rsg-page .wn2-diag .phase-chips{margin-top:9px; gap:6px;}
.rsg-page .wn2-diag .phase-chip{padding:4px 10px; font-size:10.5px;}
.rsg-page .wn2-diag-h{margin-bottom:14px;}
.rsg-page .wn2-b-ic{width:38px; height:38px; border-radius:10px; background:#fff; border:1px solid rgba(44,122,75,.2); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .wn2-b-ic svg{width:19px; height:19px;}
.rsg-page .wn2-b-tag{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--green-700); display:block; margin-bottom:5px;}
.rsg-page .wn2-bottom p{font-size:14px; line-height:1.55; color:var(--ink-2); margin:0;}
.rsg-page .wn2-bottom p strong{color:var(--ink-900);}
.rsg-page .wn2-verdict{margin-top:18px; padding-top:17px; border-top:1px solid var(--line-2);}
.rsg-page .wn2-verdict-lab{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green-700); margin-bottom:10px;}
.rsg-page .wn2-verdict-lab::before{content:""; width:16px; height:2px; border-radius:2px; background:var(--green-500);}
.rsg-page .wn2-verdict .vd-1{display:block; font-size:13px; line-height:1.5; color:var(--ink-500); margin-bottom:5px;}
.rsg-page .wn2-verdict .vd-2{display:block; font-family:var(--font-display); font-weight:800; font-size:15.5px; line-height:1.38; color:var(--ink-900); letter-spacing:-.01em;}
/* §3 opening pull-quote — editorial, oversized quote mark */
.rsg-page .wq{position:relative; margin:20px 0 24px; padding:2px 0 2px 30px;}
.rsg-page .wq::before{content:""; position:absolute; left:0; top:6px; bottom:6px; width:3px; border-radius:3px; background:linear-gradient(180deg,var(--green-500),rgba(44,122,75,.25));}
.rsg-page .wq-mark{position:absolute; left:16px; top:-30px; font-family:var(--font-display); font-weight:800; font-size:92px; line-height:1; color:rgba(44,122,75,.13); z-index:0; pointer-events:none;}
.rsg-page .wq-text{position:relative; z-index:1; font-family:var(--font-display); font-weight:700; font-size:23px; line-height:1.36; letter-spacing:-.02em; font-style:italic; color:var(--ink-900); margin:0;}
.rsg-page .wq-em{color:var(--green-700);}
/* §4 promise CTAs — shrink text so both buttons fit one line */
.rsg-page .promise-ctas{flex-wrap:wrap; gap:12px;}
.rsg-page .promise-ctas .btn{font-size:12.5px; padding:12px 18px; white-space:nowrap;}
.rsg-page .promise-ctas .btn svg{width:15px; height:15px;}
/* ---------- §5 v2 — "One Post, Two Verdicts": unified card w/ center post node ---------- */
.rsg-page .tv-card{display:grid; grid-template-columns:1fr auto 1fr; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden;}
.rsg-page .tv-half{padding:28px 30px; display:flex; flex-direction:column;}
.rsg-page .tv-half.ai{background:#fff;}
.rsg-page .tv-h{display:flex; gap:13px; align-items:flex-start; margin-bottom:12px;}
.rsg-page .tv-ic{width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tv-ic.dark{background:linear-gradient(135deg,#3A3A3A,#141414); color:#fff;}
.rsg-page .tv-ic.green{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.26);}
.rsg-page .tv-ic svg{width:23px; height:23px;}
.rsg-page .tv-eye{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); display:block; margin-bottom:3px;}
.rsg-page .tv-half.home .tv-eye{color:var(--ink-500);}
.rsg-page .tv-h h3{font-family:var(--font-display); font-size:17px; font-weight:800; color:var(--ink-900); margin:0; line-height:1.22; letter-spacing:-.01em;}
.rsg-page .tv-half > p{font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:0 0 16px;}
.rsg-page .tv-half > p strong{color:var(--ink-900);}
.rsg-page .tv-half > p a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .tv-mini{background:#fff; border:1px solid var(--line); border-radius:13px; padding:14px; box-shadow:0 10px 24px rgba(16,44,28,.10);}
.rsg-page .tv-mp{display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--line-2);}
.rsg-page .tv-ava{width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tv-ava svg{width:19px; height:19px;}
.rsg-page .tv-mp > div{flex:1;}
.rsg-page .tv-mp b{font-family:var(--font-display); font-weight:800; font-size:13px; color:var(--ink-900); display:block;}
.rsg-page .tv-mp .tv-mp-sub{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .tv-chk{width:24px; height:24px; border-radius:50%; background:var(--green-50); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tv-chk svg{width:14px; height:14px;}
.rsg-page .tv-chips{display:flex; flex-wrap:wrap; gap:6px; padding-top:12px;}
.rsg-page .tv-chips span{display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,.18); border-radius:6px; padding:4px 8px;}
.rsg-page .tv-chips span svg{width:11px; height:11px;}
.rsg-page .tv-call{display:flex; align-items:center; justify-content:center; gap:7px; margin-top:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:800; font-size:12.5px; border-radius:9px; padding:9px; box-shadow:0 8px 18px rgba(32,157,80,.24);}
.rsg-page .tv-call svg{width:15px; height:15px;}
/* §5 realistic mockups — IG-style profile (left) + ChatGPT-style chat (right) */
.rsg-page .rp, .rsg-page .rc{border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 12px 28px rgba(16,44,28,.12); margin-bottom:18px;}
.rsg-page .rp-bar{display:flex; align-items:center; gap:10px; padding:9px 13px; border-bottom:1px solid var(--line-2);}
.rsg-page .rpb-back{display:flex; color:var(--ink-700);}
.rsg-page .rpb-back svg{width:15px; height:15px;}
.rsg-page .rpb-user{flex:1; font-family:var(--font-display); font-weight:800; font-size:12.5px; color:var(--ink-900);}
.rsg-page .rpb-more{color:#b8bdba; font-weight:800; letter-spacing:1px;}
.rsg-page .rp-top{display:flex; align-items:center; gap:13px; padding:14px 14px 11px;}
.rsg-page .rp-ava{width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; border:2px solid #fff; outline:2px solid rgba(44,122,75,.28);}
.rsg-page .rp-ava svg{width:26px; height:26px;}
.rsg-page .rp-nm{font-family:var(--font-display); font-weight:800; font-size:14.5px; color:var(--ink-900); display:flex; align-items:center; gap:6px;}
.rsg-page .rp-nm .rp-vf{width:15px; height:15px; color:var(--green-600); flex-shrink:0;}
.rsg-page .rp-cat{font-size:11.5px; color:var(--ink-500); margin-top:2px;}
.rsg-page .rp-actions{display:flex; gap:8px; padding:0 14px 12px;}
.rsg-page .rp-actions a{flex:1; text-align:center; font-family:var(--font-display); font-weight:700; font-size:12px; padding:8px 0; border-radius:8px;}
.rsg-page .rp-follow{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .rp-msg{background:var(--green-50); color:var(--green-700); border:1px solid rgba(44,122,75,.2);}
.rsg-page .rp-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:0 3px;}
.rsg-page .rp-tile{position:relative; height:100px; overflow:hidden; background:#e7ece9;}
.rsg-page .rp-tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.rsg-page .rp-tile::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,28,18,.5) 0%, rgba(10,28,18,0) 48%);}
.rsg-page .rpt-tag{position:absolute; left:8px; bottom:8px; z-index:1; font-family:var(--font-mono); font-size:7.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:rgba(12,32,20,.42); border:1px solid rgba(255,255,255,.28); border-radius:5px; padding:3px 7px; text-shadow:0 1px 2px rgba(0,0,0,.45);}
.rsg-page .rpt-ic{position:absolute; top:7px; right:7px; z-index:1; color:#fff;}
.rsg-page .rpt-ic svg{width:14px; height:14px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));}
.rsg-page .rp-foot{display:flex; align-items:center; gap:7px; padding:10px 14px; border-top:1px solid var(--line-2); margin-top:3px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .rpf-dot{width:6px; height:6px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18); flex-shrink:0;}
.rsg-page .rc-bar{display:flex; align-items:center; gap:9px; padding:10px 13px; border-bottom:1px solid var(--line-2);}
.rsg-page .rc-bar-ava{width:26px; height:26px; border-radius:8px; background:var(--ink-900); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .rc-bar-ava svg{width:14px; height:14px;}
.rsg-page .rc-bar b{font-family:var(--font-display); font-weight:800; font-size:12px; color:var(--ink-900);}
.rsg-page .rc-online{margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .rc-online i{width:6px; height:6px; border-radius:50%; background:var(--green-500);}
.rsg-page .rc-body{padding:13px;}
.rsg-page .rc-user{max-width:82%; margin-left:auto; background:var(--paper-soft); border-radius:17px 17px 5px 17px; padding:9px 14px; font-size:12.5px; font-weight:500; color:var(--ink-900);}
.rsg-page .rc-ai{display:flex; gap:9px; margin-top:13px;}
.rsg-page .rc-ai-ava{width:26px; height:26px; border-radius:8px; background:var(--ink-900); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .rc-ai-ava svg{width:14px; height:14px;}
.rsg-page .rc-ai-body{flex:1; min-width:0;}
.rsg-page .rc-ai-body > p{font-size:11.5px; line-height:1.5; color:var(--ink-2); margin:0 0 9px;}
.rsg-page .rc-item{display:flex; align-items:center; gap:9px; padding:9px 11px; border:1px solid var(--line-2); border-radius:9px; margin-bottom:7px; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-500);}
.rsg-page .rc-rank{width:18px; height:18px; border-radius:50%; background:#eef1ef; color:var(--ink-500); font-family:var(--font-mono); font-size:9px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .rc-item.named{background:linear-gradient(135deg,var(--green-50),#fff); border-color:rgba(44,122,75,.4); color:var(--ink-900);}
.rsg-page .rc-item.named .rc-rank{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .rc-rec{margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.3); border-radius:999px; padding:3px 8px; white-space:nowrap;}
.rsg-page .rc-rec svg{width:11px; height:11px;}
.rsg-page .rc-src{display:flex; align-items:center; gap:7px; margin-top:10px; padding-top:10px; border-top:1px solid var(--line-2); font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .rc-src svg{width:12px; height:12px; color:var(--green-600);}
/* §5 realism v2 — phone status bar + IG stats/bio/tabs + chat input */
.rsg-page .rp-status, .rsg-page .rc-status{display:flex; align-items:center; justify-content:space-between; padding:9px 16px 6px; background:#fff;}
.rsg-page .rp-status time, .rsg-page .rc-status time{font-family:var(--font-display); font-weight:800; font-size:11.5px; color:var(--ink-900); font-style:normal; letter-spacing:.02em;}
.rsg-page .st-r{display:inline-flex; align-items:center; gap:6px; color:var(--ink-900);}
.rsg-page .st-r svg{display:block;}
.rsg-page .rp-stats{flex:1; display:flex; justify-content:space-around; text-align:center;}
.rsg-page .rp-stat b{display:block; font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--ink-900); line-height:1;}
.rsg-page .rp-stat span{display:block; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500); margin-top:5px;}
.rsg-page .rp-bio{padding:0 14px 12px;}
.rsg-page .rp-bio .rp-nm{font-size:13.5px;}
.rsg-page .rp-active{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green-700); margin-top:6px;}
.rsg-page .rp-active i{width:6px; height:6px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16);}
.rsg-page .rp-tabs{display:flex; border-top:1px solid var(--line-2); margin-top:2px;}
.rsg-page .rp-tabs span{flex:1; display:flex; justify-content:center; padding:9px 0; color:#c2c7c4; border-bottom:1.5px solid transparent;}
.rsg-page .rp-tabs span.on{color:var(--ink-900); border-bottom-color:var(--ink-900);}
.rsg-page .rp-tabs svg{width:16px; height:16px;}
.rsg-page .rc-title{display:inline-flex; align-items:center; gap:5px;}
.rsg-page .rc-title svg{width:12px; height:12px; color:var(--ink-500);}
.rsg-page .rc-new{margin-left:auto; color:var(--ink-500); display:flex;}
.rsg-page .rc-new svg{width:17px; height:17px;}
.rsg-page .rc-list{margin:6px 0 0; padding:0; list-style:none; counter-reset:rcl;}
.rsg-page .rc-list li{position:relative; padding:0 0 9px 21px; font-size:11.5px; line-height:1.5; color:var(--ink-2);}
.rsg-page .rc-list li:last-child{padding-bottom:0;}
.rsg-page .rc-list li::before{counter-increment:rcl; content:counter(rcl) "."; position:absolute; left:0; top:0; font-family:var(--font-display); font-weight:800; color:var(--ink-900); font-size:11.5px;}
.rsg-page .rc-list li b, .rsg-page .rc-closing b{color:var(--ink-900); font-weight:800;}
.rsg-page .rc-chk{display:inline-flex; vertical-align:-2px; width:13px; height:13px; color:var(--green-600); margin:0 1px;}
.rsg-page .rc-closing{font-size:11.5px; line-height:1.5; color:var(--ink-2); margin:11px 0 0;}
.rsg-page .rc-input{display:flex; align-items:center; gap:10px; margin:2px 13px 7px; padding:7px 7px 7px 13px; border:1px solid var(--line); border-radius:999px; background:#fff;}
.rsg-page .rc-plus{color:var(--ink-700); display:flex;}
.rsg-page .rc-plus svg{width:18px; height:18px;}
.rsg-page .rc-ph{flex:1; color:var(--ink-500); font-size:12px;}
.rsg-page .rc-mic{color:var(--ink-700); display:flex;}
.rsg-page .rc-mic svg{width:15px; height:15px;}
.rsg-page .rc-send{width:28px; height:28px; border-radius:50%; background:var(--ink-900); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .rc-send svg{width:14px; height:14px;}
.rsg-page .rc-note{text-align:center; font-size:9px; letter-spacing:.01em; color:var(--ink-500); padding:0 13px 12px;}
.rsg-page .tv-ai-bar{display:flex; align-items:center; gap:8px; padding-bottom:11px; border-bottom:1px solid var(--line-2); font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .tv-ai-ic{width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,var(--green-500),#4ADE80); color:#06231a; display:flex; align-items:center; justify-content:center;}
.rsg-page .tv-ai-ic svg{width:13px; height:13px;}
.rsg-page .tv-q{margin:11px 0 10px auto; background:var(--paper-soft); border:1px solid var(--line-2); border-radius:11px 11px 3px 11px; padding:8px 12px; font-size:12px; color:var(--ink-900); font-weight:600; width:fit-content; max-width:90%;}
.rsg-page .tv-opt{display:flex; align-items:center; gap:9px; padding:8px 11px; border:1px solid var(--line-2); border-radius:9px; margin-bottom:6px; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-500);}
.rsg-page .tv-opt:last-child{margin-bottom:0;}
.rsg-page .tv-opt-dot{width:8px; height:8px; border-radius:50%; background:#c8cdca; flex-shrink:0;}
.rsg-page .tv-opt.named{background:linear-gradient(135deg,var(--green-50),#fff); border-color:rgba(44,122,75,.4); color:var(--ink-900);}
.rsg-page .tv-opt.named .tv-opt-dot{background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16);}
.rsg-page .tv-rec{margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.3); border-radius:999px; padding:3px 8px;}
.rsg-page .tv-rec svg{width:11px; height:11px;}
.rsg-page .tv-verdict{margin-top:auto; display:flex; align-items:center; gap:11px; background:linear-gradient(135deg,var(--green-50),#fff 72%); border:1px solid rgba(44,122,75,.3); border-radius:12px; padding:12px 15px;}
.rsg-page .tv-vwrap{margin-top:16px;}
.rsg-page .tv-verdict .tvv-ic{width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tv-verdict .tvv-ic svg{width:16px; height:16px;}
.rsg-page .tv-verdict b{font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--green-700); display:block; line-height:1.15;}
.rsg-page .tv-verdict span{font-size:11.5px; color:var(--ink-500); display:block; margin-top:2px;}
.rsg-page .tv-center{position:relative; display:flex; align-items:center; justify-content:center; padding:0 22px; background:linear-gradient(180deg,#fbfdfc,#fff);}
.rsg-page .tv-center::before{content:""; position:absolute; top:30px; bottom:30px; left:50%; width:2px; transform:translateX(-50%); background:linear-gradient(180deg,rgba(44,122,75,.28),rgba(44,122,75,.12));}
.rsg-page .tv-post{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:9px;}
.rsg-page .tv-post-ic{width:56px; height:56px; border-radius:50%; background:#fff; border:1px solid rgba(44,122,75,.32); box-shadow:0 12px 26px rgba(16,44,28,.16); display:flex; align-items:center; justify-content:center; color:var(--green-600);}
.rsg-page .tv-post-ic svg{width:26px; height:26px;}
.rsg-page .tv-post-lab{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-500); white-space:nowrap;}
.rsg-page .tv-close{text-align:center; font-size:14.5px; line-height:1.6; color:var(--ink-2); margin:24px auto 0;}
.rsg-page .tv-close strong{color:var(--ink-900);}
@media (max-width:820px){.rsg-page .tv-card{grid-template-columns:1fr;}}
@media (max-width:820px){.rsg-page .tv-center{padding:8px 0 16px; background:none;}}
@media (max-width:820px){.rsg-page .tv-center::before{display:none;}}
@media (max-width:820px){.rsg-page .tv-half.ai{border-top:1px solid var(--line-2);}}
.rsg-page .wq-attr{display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .wq-attr::before{content:""; width:20px; height:1.5px; background:var(--green-500); border-radius:2px;}
@media (max-width:600px){.rsg-page .wq-text{font-size:20px;}}
@media (max-width:600px){.rsg-page .wq-mark{font-size:72px; top:-22px;}}
.rsg-page .wn2-effort{background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lg); padding:26px 26px 24px; display:flex; flex-direction:column;}
.rsg-page .wn2-eyebrow{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); margin-bottom:16px;}
.rsg-page .wn2-dot{width:8px; height:8px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16);}
.rsg-page .wn2-heat{display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:1fr; gap:6px; flex:1;}
.rsg-page .wn2-heat i{border-radius:4px; display:block; min-height:28px;}
.rsg-page .wn2-heat i.f0{background:#EDEFEE;}
.rsg-page .wn2-heat i.f1{background:#CBE6D4;}
.rsg-page .wn2-heat i.f2{background:#8ECDA5;}
.rsg-page .wn2-heat i.f3{background:#52AB77;}
.rsg-page .wn2-heat i.f4{background:var(--green-600);}
.rsg-page .wn2-months{display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin-top:9px;}
.rsg-page .wn2-months span{font-family:var(--font-mono); font-size:7.5px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; color:var(--ink-500); text-align:center;}
.rsg-page .wn2-cap{display:flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500); margin-top:14px;}
.rsg-page .wn2-cap svg{width:13px; height:13px; color:var(--green-600); flex-shrink:0;}
.rsg-page .wn2-split{display:flex; flex-direction:column; align-items:center; gap:5px; margin:12px 0;}
.rsg-page .wn2-split-node{width:40px; height:40px; border-radius:50%; background:var(--green-50); border:1px solid rgba(44,122,75,.24); color:var(--green-600); display:flex; align-items:center; justify-content:center;}
.rsg-page .wn2-split-node svg{width:20px; height:20px;}
.rsg-page .wn2-split-lab{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .wn2-outcome{text-align:center; background:linear-gradient(160deg,#F3F5F4,#fff 72%); border:1px solid var(--line); border-radius:14px; padding:16px 18px;}
.rsg-page .wn2-out-big{font-family:var(--font-display); font-weight:800; font-size:46px; line-height:1; color:var(--ink-900); letter-spacing:-.03em;}
.rsg-page .wn2-out-lab{font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500); margin-top:6px;}
.rsg-page .wn2-out-sub{font-size:12.5px; line-height:1.45; color:var(--ink-2); margin-top:12px; padding-top:12px; border-top:1px solid var(--line-2);}
.rsg-page .wn2-out-sub b{color:var(--ink-900);}
.rsg-page .wn2-diag-h{font-family:var(--font-display); font-weight:800; font-size:18px; color:var(--ink-900); margin:0 0 18px; letter-spacing:-.01em;}
.rsg-page .wn2-rail{position:relative;}
.rsg-page .wn2-r{position:relative; display:grid; grid-template-columns:auto 1fr; gap:16px; padding-bottom:18px;}
.rsg-page .wn2-r:last-child{padding-bottom:0;}
.rsg-page .wn2-r::before{content:""; position:absolute; left:18px; top:40px; bottom:-2px; width:2px; background:linear-gradient(180deg,rgba(44,122,75,.4),rgba(44,122,75,.08));}
.rsg-page .wn2-r:last-child::before{display:none;}
.rsg-page .wn2-rn{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(32,157,80,.24); z-index:1;}
.rsg-page .wn2-rc b{font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--ink-900); display:block; margin:5px 0 4px; letter-spacing:-.01em;}
.rsg-page .wn2-rc p{font-size:13.5px; line-height:1.55; color:var(--ink-2); margin:0;}
@media (max-width:860px){.rsg-page .wn2-wrap{grid-template-columns:1fr; gap:24px;}}
@media (max-width:860px){.rsg-page .wn2-heat{flex:none;}}
@media (max-width:860px){.rsg-page .wn2-heat i{aspect-ratio:1/1; min-height:0;}}
/* ---------- §3 v3 — compact heatmap banner + phase-step timeline (graphic-design design) ---------- */
.rsg-page .wn2-banner{display:grid; grid-template-columns:1fr auto 1fr; gap:30px; align-items:center; background:linear-gradient(160deg,var(--green-50),#fff 72%); border:1px solid rgba(44,122,75,.24); border-radius:20px; box-shadow:var(--shadow-md); padding:28px 34px; margin:0 0 30px;}
.rsg-page .wn2-banner .wn2-heat{max-width:330px;}
.rsg-page .wn2-b-arrow{display:flex; flex-direction:column; align-items:center; gap:8px;}
.rsg-page .wn2-b-right{text-align:center;}
.rsg-page .wn2-h{font-family:var(--font-display); font-weight:800; font-size:19px; color:var(--ink-900); margin:0 0 20px; letter-spacing:-.01em;}
.rsg-page .phases-timeline{position:relative; counter-reset:phasecount; list-style:none; margin:0; padding:0;}
.rsg-page .phase-step{display:grid; grid-template-columns:56px 1fr; gap:26px; align-items:stretch; counter-increment:phasecount; position:relative;}
.rsg-page .phase-step-rail{position:relative; display:flex; flex-direction:column; align-items:center; padding-top:24px;}
.rsg-page .phase-step-dot{width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:14px; position:relative; z-index:2; box-shadow:0 8px 20px -6px rgba(44,122,75,.55);}
.rsg-page .phase-step-dot::before{content:counter(phasecount, decimal-leading-zero);}
.rsg-page .phase-step-dot::after{content:""; position:absolute; inset:-6px; border-radius:50%; border:1.5px dashed rgba(44,122,75,.35);}
.rsg-page .phase-step-line{flex:1; width:2px; margin-top:6px; background:linear-gradient(180deg,rgba(44,122,75,.30) 0%,rgba(44,122,75,.14) 60%,transparent 100%); min-height:30px;}
.rsg-page .phase-step-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px 28px; margin-bottom:20px; transition:transform .2s, box-shadow .2s, border-color .2s; position:relative; box-shadow:0 4px 14px rgba(0,0,0,.05);}
.rsg-page .phase-step:last-child .phase-step-card{margin-bottom:0;}
.rsg-page .phase-step-card:hover{transform:translateY(-3px); border-color:rgba(44,122,75,.30); box-shadow:var(--shadow-lg);}
.rsg-page .phase-step-head{display:flex; align-items:center; gap:14px; margin-bottom:10px;}
.rsg-page .phase-step-num{font-family:var(--font-mono); font-weight:700; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); padding:5px 12px; border-radius:999px;}
.rsg-page .phase-step-card h3{font-family:var(--font-display); font-weight:800; font-size:19px; color:var(--ink-900); margin:0 0 8px; letter-spacing:-.01em;}
.rsg-page .phase-step-card p{margin:0; font-size:14px; line-height:1.62; color:var(--ink-2);}
.rsg-page .phase-chips{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:16px;}
.rsg-page .phase-chip{display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; font-family:var(--font-display); font-weight:600; font-size:12.5px; border:1px solid var(--green-500); background:rgba(44,122,75,.06); color:var(--ink-900);}
.rsg-page .phase-chip .cdot{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.20); flex-shrink:0;}
@media (max-width:860px){.rsg-page .wn2-banner{grid-template-columns:1fr; gap:20px; text-align:center;}}
@media (max-width:860px){.rsg-page .wn2-banner .wn2-heat{max-width:340px; margin:0 auto;}}
@media (max-width:860px){.rsg-page .wn2-banner .wn2-months{max-width:340px; margin-left:auto; margin-right:auto;}}
@media (max-width:860px){.rsg-page .wn2-b-arrow{flex-direction:row; justify-content:center;}}
@media (max-width:860px){.rsg-page .wn2-b-arrow .wn2-split-node svg{transform:rotate(90deg);}}
@media (max-width:860px){.rsg-page .wn2-cap{justify-content:center;}}
@media (max-width:600px){.rsg-page .phase-step{grid-template-columns:44px 1fr; gap:14px;}}
@media (max-width:600px){.rsg-page .phase-step-dot{width:38px; height:38px; font-size:12.5px;}}
@media (max-width:600px){.rsg-page .phase-step-card{padding:20px;}}
/* ---------- §6 v2 — "Content Engine" monthly pipeline (replaces mp-rail + mp-flow) ---------- */
.rsg-page .ce-panel{position:relative; background:linear-gradient(165deg,#F2FAF4 0%,#fff 56%); border:1px solid rgba(44,122,75,.18); border-radius:24px; box-shadow:var(--shadow-lg); padding:26px 26px 30px; margin:0 0 34px; overflow:hidden;}
.rsg-page .ce-panel::before{content:""; position:absolute; top:-50px; right:-50px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(44,122,75,.10),transparent 70%); pointer-events:none;}
.rsg-page .ce-head{position:relative; display:flex; align-items:center; gap:13px; margin-bottom:24px; padding:0 2px;}
.rsg-page .ce-h-ic{width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(32,157,80,.28); flex-shrink:0;}
.rsg-page .ce-h-ic svg{width:20px; height:20px;}
.rsg-page .ce-h-tt b{display:block; font-family:var(--font-display); font-weight:800; font-size:17px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .ce-h-tt span{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .ce-status{margin-left:auto; display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.28); border-radius:999px; padding:7px 14px;}
.rsg-page .ce-status i{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.18);}
.rsg-page .ce-flow{position:relative; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch;}
.rsg-page .ce-stage{background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 6px 18px rgba(16,44,28,.07); display:flex; flex-direction:column; transition:transform .25s, box-shadow .25s;}
.rsg-page .ce-stage:hover{transform:translateY(-4px); box-shadow:0 18px 38px rgba(16,44,28,.13);}
.rsg-page .ce-shot{position:relative; background:#EEF3F0; border-bottom:1px solid var(--line-2);}
.rsg-page .ce-shot .mps-bar{display:flex; align-items:center; gap:7px; padding:8px 11px; background:linear-gradient(180deg,#fbfdfc,#f4f8f5); border-bottom:1px solid var(--line-2);}
.rsg-page .ce-shot .mps-dots{display:flex; gap:5px;}
.rsg-page .ce-shot .mps-dots span{width:7px; height:7px; border-radius:50%; background:#dfe4e0;}
.rsg-page .ce-shot .mps-t{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .ce-shot .mps-img{height:150px; overflow:hidden; background:#fff; display:flex; align-items:flex-start; justify-content:center;}
.rsg-page .ce-shot .mps-img img{width:100%; display:block; object-fit:cover; object-position:center top;}
.rsg-page .ce-body{padding:16px 17px 18px; display:flex; flex-direction:column; flex:1;}
.rsg-page .ce-eyebrow{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); margin-bottom:9px;}
.rsg-page .ce-num{font-family:var(--font-display); font-weight:800; font-size:11px; color:#fff; background:linear-gradient(135deg,var(--green-500),var(--green-700)); width:24px; height:24px; border-radius:7px; display:inline-flex; align-items:center; justify-content:center;}
.rsg-page .ce-body h3{font-family:var(--font-display); font-weight:800; font-size:15.5px; color:var(--ink-900); margin:0 0 6px; letter-spacing:-.01em;}
.rsg-page .ce-body > p{font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:0;}
.rsg-page .ce-steps{margin-top:auto; padding-top:14px; display:flex; flex-wrap:wrap; gap:6px;}
.rsg-page .ce-chip{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-display); font-weight:700; font-size:11.5px; color:var(--ink-900); background:var(--green-50); border:1px solid rgba(44,122,75,.22); border-radius:999px; padding:5px 11px 5px 8px;}
.rsg-page .ce-chip svg{width:12px; height:12px; color:var(--green-600); flex-shrink:0;}
.rsg-page .ce-conn{display:flex; align-items:center; justify-content:center; width:48px; align-self:center;}
.rsg-page .ce-conn .ce-arrow{width:32px; height:32px; border-radius:50%; background:#fff; border:1px solid rgba(44,122,75,.3); color:var(--green-600); display:flex; align-items:center; justify-content:center; box-shadow:0 5px 14px rgba(16,44,28,.10);}
.rsg-page .ce-conn .ce-arrow svg{width:16px; height:16px;}
@media (max-width:820px){.rsg-page .ce-flow{grid-template-columns:1fr;}}
@media (max-width:820px){.rsg-page .ce-conn{width:auto; padding:9px 0;}}
@media (max-width:820px){.rsg-page .ce-conn .ce-arrow{transform:rotate(90deg);}}
@media (max-width:820px){.rsg-page .ce-status{display:none;}}
/* ---------- §7 v2 — realistic feed posts + head-to-head scorecard ---------- */
.rsg-page .vs7-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:0 0 24px; align-items:stretch;}
.rsg-page .vs7-post{background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 10px 28px rgba(16,44,28,.08); display:flex; flex-direction:column;}
.rsg-page .vs7-post.rsg{border-color:rgba(44,122,75,.30); box-shadow:0 16px 40px rgba(32,157,80,.16);}
.rsg-page .vs7-head{display:flex; align-items:center; gap:11px; padding:14px 16px 11px;}
.rsg-page .vs7-ava{width:42px; height:42px; border-radius:50%; flex-shrink:0; overflow:hidden; position:relative;}
.rsg-page .vs7-ava.gen{background:#c7cdc9;}
.rsg-page .vs7-ava.gen::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 3px,transparent 3px 7px);}
.rsg-page .vs7-ava.rsg{background:linear-gradient(135deg,var(--green-500),var(--green-700)); display:flex; align-items:center; justify-content:center; color:#fff;}
.rsg-page .vs7-ava.rsg svg{width:22px; height:22px;}
.rsg-page .vs7-nm{flex:1; min-width:0;}
.rsg-page .vs7-nm b{display:block; font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .vs7-nm span{display:inline-flex; align-items:center; gap:6px; font-size:11px; color:var(--ink-500); margin-top:2px;}
.rsg-page .vs7-nm span i{width:3px; height:3px; border-radius:50%; background:var(--ink-500); opacity:.6;}
.rsg-page .vs7-more{color:#c2c7c4; font-weight:800; letter-spacing:1px; align-self:flex-start;}
.rsg-page .vs7-media{height:154px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; color:#fff; text-align:center; padding:0 22px;}
.rsg-page .vs7-media.gen{background:linear-gradient(140deg,#616763,#3b403d);}
.rsg-page .vs7-media.rsg{background:linear-gradient(140deg,var(--green-600),#123f27);}
.rsg-page .vs7-media svg{width:30px; height:30px; opacity:.92;}
.rsg-page .vs7-media b{font-family:var(--font-display); font-weight:800; font-size:18px; line-height:1.18; letter-spacing:-.01em;}
.rsg-page .vs7-cap{padding:13px 16px 3px; font-size:13px; line-height:1.55; color:var(--ink-2);}
.rsg-page .vs7-bar{display:flex; margin-top:7px; border-top:1px solid var(--line-2);}
.rsg-page .vs7-bar span{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 0; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-500);}
.rsg-page .vs7-bar svg{width:16px; height:16px;}
.rsg-page .vs7-post.rsg .vs7-bar .liked{color:var(--green-700);}
.rsg-page .vs7-empty{display:flex; align-items:center; gap:9px; padding:11px 16px; border-top:1px solid var(--line-2);}
.rsg-page .vs7-empty .cav{width:26px; height:26px; border-radius:50%; background:#d5dad6; flex-shrink:0;}
.rsg-page .vs7-empty .cbox{flex:1; border:1px solid var(--line); border-radius:999px; padding:7px 13px; font-size:12px; color:#a9afab;}
.rsg-page .vs7-comment{display:flex; gap:9px; padding:11px 16px; border-top:1px solid var(--line-2); background:var(--paper-soft); align-items:flex-start;}
.rsg-page .vs7-comment .cav{width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#9fb8ab,#6f9781); flex-shrink:0;}
.rsg-page .vs7-comment .cbub{background:#fff; border:1px solid var(--line-2); border-radius:13px; padding:8px 12px;}
.rsg-page .vs7-comment .cbub b{display:block; font-family:var(--font-display); font-weight:800; font-size:11.5px; color:var(--ink-900); margin-bottom:2px;}
.rsg-page .vs7-comment .cbub p{margin:0; font-size:12.5px; line-height:1.4; color:var(--ink-2);}
.rsg-page .vs7-out{margin-top:auto; display:flex; align-items:center; gap:10px; padding:12px 16px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; border-top:1px solid var(--line-2);}
.rsg-page .vs7-out.gen{color:var(--ink-500);}
.rsg-page .vs7-out.rsg{color:var(--green-700); background:linear-gradient(90deg,var(--green-50),#fff 80%);}
.rsg-page .vs7-out .oic{width:27px; height:27px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .vs7-out.gen .oic{background:#eef1ef; color:var(--ink-500);}
.rsg-page .vs7-out.rsg .oic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 6px 14px rgba(32,157,80,.28);}
.rsg-page .vs7-out .oic svg{width:14px; height:14px;}
.rsg-page .vs7-cmp{position:relative; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .vs7-cmp-h{display:grid; grid-template-columns:1fr 1fr;}
.rsg-page .vs7-cmp-h > div{padding:15px 20px; display:flex; align-items:center; gap:10px;}
.rsg-page .vs7-cmp-h .gen{background:linear-gradient(180deg,#f3f5f4,#fff);}
.rsg-page .vs7-cmp-h .rsg{background:linear-gradient(180deg,var(--green-50),#fff); border-left:1px solid var(--line-2);}
.rsg-page .vs7-cmp-ava{width:28px; height:28px; border-radius:50%; flex-shrink:0;}
.rsg-page .vs7-cmp-ava.gen{background:#c7cdc9;}
.rsg-page .vs7-cmp-ava.rsg{background:linear-gradient(135deg,var(--green-500),var(--green-700));}
.rsg-page .vs7-cmp-h b{font-family:var(--font-display); font-weight:800; font-size:14px; letter-spacing:-.01em;}
.rsg-page .vs7-cmp-h .gen b{color:var(--ink-700);}
.rsg-page .vs7-cmp-h .rsg b{color:var(--green-700);}
.rsg-page .vs7-cmp-h small{display:block; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); margin-top:3px;}
.rsg-page .vs7-cmp-vs{position:absolute; top:13px; left:50%; transform:translateX(-50%); width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid var(--line); box-shadow:0 6px 16px rgba(16,44,28,.14); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:11px; color:var(--ink-700); z-index:2; letter-spacing:.02em;}
.rsg-page .vs7-cmp-row{display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line-2);}
.rsg-page .vs7-cmp-row > div{padding:14px 20px; display:flex; gap:11px; align-items:flex-start; font-size:13.5px; line-height:1.45;}
.rsg-page .vs7-cmp-row .gen{color:var(--ink-500);}
.rsg-page .vs7-cmp-row .rsg{color:var(--ink-900); font-weight:600; background:rgba(44,122,75,.035); border-left:1px solid var(--line-2);}
.rsg-page .vs7-cic{width:22px; height:22px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-top:1px;}
.rsg-page .vs7-cic.no{background:#eef1ef; color:#9aa09c;}
.rsg-page .vs7-cic.yes{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff;}
.rsg-page .vs7-cic svg{width:12px; height:12px;}
@media (max-width:760px){.rsg-page .vs7-grid{grid-template-columns:1fr;}}
@media (max-width:480px){.rsg-page .vs7-cmp-h > div, .rsg-page .vs7-cmp-row > div{padding:12px 13px; font-size:12px;}}
@media (max-width:480px){.rsg-page .vs7-cmp-vs{display:none;}}
@media (max-width:480px){.rsg-page .vs7-cmp-h small{display:none;}}
/* ---------- §7 v3 — seasonal content calendar (specialist reads the season) ---------- */
.rsg-page .se7-cal{background:linear-gradient(170deg,#F2FAF4,#fff 52%); border:1px solid rgba(44,122,75,.18); border-radius:22px; box-shadow:var(--shadow-lg); padding:20px; margin:0 0 26px;}
.rsg-page .se7-scroll{overflow-x:auto;}
.rsg-page .se7-grid{display:grid; grid-template-columns:152px repeat(4,1fr); min-width:800px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 6px 18px rgba(16,44,28,.06); overflow:hidden;}
.rsg-page .se7-grid > *{border-right:1px solid var(--line-2); border-bottom:1px solid var(--line-2);}
.rsg-page .se7-grid > *:nth-child(5n){border-right:none;}
.rsg-page .se7-grid > *:nth-child(n+11){border-bottom:none;}
.rsg-page .se7-corner{padding:16px 14px; display:flex; align-items:flex-end; background:#fbfdfc;}
.rsg-page .se7-corner span{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); line-height:1.5;}
.rsg-page .se7-season{padding:15px 13px; text-align:center; background:linear-gradient(180deg,#fbfdfc,#fff);}
.rsg-page .se7-season .sic{width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid rgba(44,122,75,.22); color:var(--green-600); display:inline-flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(16,44,28,.06);}
.rsg-page .se7-season .sic svg{width:18px; height:18px;}
.rsg-page .se7-season b{display:block; font-family:var(--font-display); font-weight:800; font-size:13.5px; color:var(--ink-900); margin-top:8px; letter-spacing:-.01em;}
.rsg-page .se7-season .smo{display:block; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); margin-top:3px;}
.rsg-page .se7-season .swor{display:block; font-size:11px; line-height:1.35; color:var(--ink-500); margin-top:8px;}
.rsg-page .se7-lab{padding:15px 14px; display:flex; flex-direction:column; justify-content:center; gap:8px;}
.rsg-page .se7-lab.rsg{background:rgba(44,122,75,.05);}
.rsg-page .se7-lab .lrow{display:flex; align-items:center; gap:9px;}
.rsg-page .se7-lab .lav{width:28px; height:28px; border-radius:50%; flex-shrink:0; position:relative; overflow:hidden;}
.rsg-page .se7-lab.gen .lav{background:#c7cdc9;}
.rsg-page .se7-lab.gen .lav::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 3px,transparent 3px 7px);}
.rsg-page .se7-lab.rsg .lav{background:linear-gradient(135deg,var(--green-500),var(--green-700));}
.rsg-page .se7-lab b{display:block; font-family:var(--font-display); font-weight:800; font-size:13px; letter-spacing:-.01em;}
.rsg-page .se7-lab.gen b{color:var(--ink-700);}
.rsg-page .se7-lab.rsg b{color:var(--green-700);}
.rsg-page .se7-lab .lsub{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .se7-cell{padding:13px 12px; display:flex; align-items:center; justify-content:center;}
.rsg-page .se7-cell.rsg{background:rgba(44,122,75,.05);}
.rsg-page .se7-post{width:100%; border-radius:10px; padding:13px 11px; min-height:82px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; color:#fff;}
.rsg-page .se7-post.gen{background:linear-gradient(140deg,#6a706c,#474c49);}
.rsg-page .se7-post.spec{background:linear-gradient(140deg,var(--green-600),#164a2c); box-shadow:0 8px 18px rgba(22,74,44,.22);}
.rsg-page .se7-post svg{width:17px; height:17px; opacity:.9;}
.rsg-page .se7-post b{font-family:var(--font-display); font-weight:800; font-size:11.5px; line-height:1.22;}
.rsg-page .se7-swaps{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); overflow:hidden;}
.rsg-page .se7-sh{display:grid; grid-template-columns:1fr 44px 1fr;}
.rsg-page .se7-sh > div{padding:13px 20px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;}
.rsg-page .se7-sh .g{color:var(--ink-500); background:#f6f7f6;}
.rsg-page .se7-sh .r{color:var(--green-700); background:var(--green-50);}
.rsg-page .se7-swap{display:grid; grid-template-columns:1fr 44px 1fr; border-top:1px solid var(--line-2);}
.rsg-page .se7-swap > div{padding:14px 20px; font-size:13.5px; line-height:1.45; display:flex; align-items:center;}
.rsg-page .se7-swap .g{color:var(--ink-500);}
.rsg-page .se7-swap .r{color:var(--ink-900); font-weight:600; background:rgba(44,122,75,.035);}
.rsg-page .se7-swap .a{display:flex; align-items:center; justify-content:center; color:var(--green-600); background:#fafbfa; padding:14px 0;}
.rsg-page .se7-swap .a svg{width:18px; height:18px;}
@media (max-width:640px){.rsg-page .se7-sh{display:none;}}
@media (max-width:640px){.rsg-page .se7-swap{grid-template-columns:1fr;}}
@media (max-width:640px){.rsg-page .se7-swap .a{transform:rotate(90deg); padding:6px 0; background:none;}}
@media (max-width:640px){.rsg-page .se7-swap .g{padding-bottom:5px;}}
@media (max-width:640px){.rsg-page .se7-swap .r{padding-top:5px;}}
/* ---------- §7 v4 — anatomy of a post that gets the call ---------- */
.rsg-page .an7-wrap{display:grid; grid-template-columns:0.92fr 1.08fr; gap:34px; align-items:start; margin:0 0 24px;}
.rsg-page .an7-lab{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); margin-bottom:15px;}
.rsg-page .an7-lab .dot{width:8px; height:8px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16);}
.rsg-page .an7-lab.gen{color:var(--ink-500);}
.rsg-page .an7-lab.gen .dot{background:#b8bdba; box-shadow:0 0 0 3px rgba(0,0,0,.05);}
.rsg-page .an7-post{background:#fff; border:1px solid rgba(44,122,75,.3); border-radius:16px; overflow:hidden; box-shadow:0 18px 44px rgba(32,157,80,.16);}
.rsg-page .an7-head{display:flex; align-items:center; gap:11px; padding:14px 16px;}
.rsg-page .an7-ava{width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .an7-ava svg{width:20px; height:20px;}
.rsg-page .an7-head b{display:block; font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-900);}
.rsg-page .an7-head span{font-size:11px; color:var(--ink-500);}
.rsg-page .an7-imgwrap{position:relative;}
.rsg-page .an7-imgwrap img{width:100%; height:200px; object-fit:cover; display:block;}
.rsg-page .an7-badge{position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; gap:8px; background:rgba(6,24,15,.62); color:#fff; border-radius:999px; padding:5px 12px 5px 5px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;}
.rsg-page .an7-imgmark{position:absolute; right:12px; bottom:12px;}
.rsg-page .an7-body{padding:15px 16px 4px;}
.rsg-page .an7-body h4{font-family:var(--font-display); font-weight:800; font-size:17px; line-height:1.25; color:var(--ink-900); margin:0; display:flex; gap:9px; align-items:flex-start; letter-spacing:-.01em;}
.rsg-page .an7-body p{font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:11px 0 0; display:flex; gap:9px; align-items:flex-start;}
.rsg-page .an7-bar{display:flex; margin-top:13px; border-top:1px solid var(--line-2);}
.rsg-page .an7-bar span{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 0; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-500);}
.rsg-page .an7-bar .liked{color:var(--green-700);}
.rsg-page .an7-bar svg{width:15px; height:15px;}
.rsg-page .an7-foot{display:flex; gap:9px; align-items:center; padding:12px 16px; border-top:1px solid var(--line-2); background:linear-gradient(90deg,var(--green-50),#fff 80%); font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .an7-mark{width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; font-family:var(--font-display); font-weight:800; font-size:11px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 3px 8px rgba(32,157,80,.32);}
.rsg-page .an7-mark.lg{width:24px; height:24px; font-size:12px; margin-top:1px;}
.rsg-page .an7-notes{display:flex; flex-direction:column; gap:14px;}
.rsg-page .an7-note{display:grid; grid-template-columns:28px 1fr; gap:14px; align-items:start;}
.rsg-page .an7-note .nn{width:28px; height:28px; border-radius:9px; background:var(--green-50); border:1px solid rgba(44,122,75,.25); color:var(--green-700); font-family:var(--font-display); font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; margin-top:1px;}
.rsg-page .an7-note b{display:block; font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-900); letter-spacing:-.01em; line-height:1.35;}
.rsg-page .an7-note em{display:inline-flex; align-items:center; gap:7px; font-style:normal; font-size:12.5px; color:var(--ink-500); margin-top:4px;}
.rsg-page .an7-note em::before{content:""; width:15px; height:1.5px; background:#c7cdc9; border-radius:2px; flex-shrink:0;}
.rsg-page .an7-gen{display:flex; align-items:center; gap:13px; margin-top:20px; padding:14px 16px; background:#f6f7f6; border:1px dashed var(--line); border-radius:12px;}
.rsg-page .an7-gen .gav{width:36px; height:36px; border-radius:50%; background:#c7cdc9; position:relative; overflow:hidden; flex-shrink:0;}
.rsg-page .an7-gen .gav::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 3px,transparent 3px 7px);}
.rsg-page .an7-gen .gtxt{font-size:12.5px; line-height:1.5; color:var(--ink-500);}
.rsg-page .an7-gen .gtxt b{font-family:var(--font-display); font-weight:800; color:var(--ink-700); font-size:13px;}
@media (max-width:820px){.rsg-page .an7-wrap{grid-template-columns:1fr; gap:26px;}}
/* ---------- §7 v5 — two feeds, one week (phone feed comparison) ---------- */
.rsg-page .tw7-wrap{display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:stretch; margin:0 0 22px;}
.rsg-page .tw7-mid{position:relative; align-self:stretch; display:flex; align-items:center; justify-content:center; width:228px;}
.rsg-page .tw7-mid::before{content:""; position:absolute; top:40px; bottom:40px; left:50%; width:2px; transform:translateX(-50%); background:linear-gradient(180deg,transparent,rgba(44,122,75,.26) 15%,rgba(44,122,75,.26) 85%,transparent);}
.rsg-page .tw7-persona{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; background:linear-gradient(165deg,#F3FAF5 0%,#fff 56%); border:1px solid rgba(44,122,75,.18); border-radius:24px; padding:24px 24px 20px; box-shadow:0 26px 54px rgba(16,44,28,.17), 0 4px 14px rgba(16,44,28,.05); width:212px; overflow:hidden;}
.rsg-page .tw7-persona::before{content:""; position:absolute; top:-48px; left:50%; transform:translateX(-50%); width:190px; height:190px; border-radius:50%; background:radial-gradient(circle,rgba(44,122,75,.15),transparent 68%); pointer-events:none;}
.rsg-page .tw7-persona > *{position:relative; z-index:1;}
.rsg-page .tw7-persona .pm{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green-700); background:#fff; border:1px solid rgba(44,122,75,.28); border-radius:999px; padding:5px 13px; box-shadow:0 3px 9px rgba(16,44,28,.07);}
.rsg-page .tw7-persona .pm svg{width:10px; height:10px;}
.rsg-page .tw7-persona .pav{width:70px; height:70px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; border:3px solid #fff; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 6px rgba(44,122,75,.09), 0 0 0 13px rgba(44,122,75,.045), 0 12px 28px rgba(32,157,80,.36); margin:3px 0 2px;}
.rsg-page .tw7-persona .pav svg{width:33px; height:33px;}
.rsg-page .tw7-persona b{font-family:var(--font-display); font-weight:800; font-size:16.5px; color:var(--ink-900); letter-spacing:-.01em; white-space:nowrap;}
.rsg-page .tw7-persona .psub{font-size:12px; color:var(--ink-500); line-height:1.45;}
.rsg-page .tw7-arrows{display:flex; align-items:center; gap:20px; margin-top:4px; padding-top:15px; border-top:1px solid var(--line-2); width:100%; justify-content:center;}
.rsg-page .tw7-arrows svg{width:17px; height:17px;}
.rsg-page .tw7-arrows svg:first-child{color:#c2c7c4;}
.rsg-page .tw7-arrows svg:last-child{color:var(--green-600); transform:scaleX(-1);}
@media (max-width:760px){.rsg-page .tw7-mid{width:auto; padding:4px 0;}}
@media (max-width:760px){.rsg-page .tw7-mid::before{display:none;}}
@media (max-width:760px){.rsg-page .tw7-persona{flex-direction:row; width:auto; gap:12px; padding:12px 18px;}}
@media (max-width:760px){.rsg-page .tw7-persona .psub, .rsg-page .tw7-persona .pm, .rsg-page .tw7-arrows{display:none;}}
.rsg-page .tw7-col{display:flex; flex-direction:column; align-items:center; gap:15px;}
.rsg-page .tw7-phone{width:100%; max-width:342px; border-radius:40px; padding:11px; box-shadow:0 34px 64px rgba(16,44,28,.22);}
.rsg-page .tw7-col.gen .tw7-phone{background:linear-gradient(160deg,#2b2e2b,#141613);}
.rsg-page .tw7-col.rsg .tw7-phone{background:linear-gradient(160deg,#123f27,#0a2417);}
.rsg-page .tw7-screen{background:#fff; border-radius:29px; overflow:hidden;}
.rsg-page .tw7-status{display:flex; justify-content:space-between; align-items:center; padding:11px 20px 6px;}
.rsg-page .tw7-status time{font-family:var(--font-display); font-weight:800; font-size:11.5px; color:var(--ink-900); font-style:normal;}
.rsg-page .tw7-st-r{display:inline-flex; align-items:center; gap:6px; color:var(--ink-900);}
.rsg-page .tw7-appbar{display:flex; align-items:center; gap:10px; padding:9px 15px 11px; border-bottom:1px solid var(--line-2);}
.rsg-page .tw7-av{width:32px; height:32px; border-radius:50%; flex-shrink:0; position:relative; overflow:hidden;}
.rsg-page .tw7-col.gen .tw7-av{background:#c7cdc9;}
.rsg-page .tw7-col.gen .tw7-av::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 3px,transparent 3px 7px);}
.rsg-page .tw7-col.rsg .tw7-av{background:linear-gradient(135deg,var(--green-500),var(--green-700)); display:flex; align-items:center; justify-content:center; color:#fff;}
.rsg-page .tw7-col.rsg .tw7-av svg{width:16px; height:16px;}
.rsg-page .tw7-appbar b{flex:1; font-family:var(--font-display); font-weight:800; font-size:13.5px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .tw7-appbar .wk{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .tw7-post{padding:13px 15px; border-bottom:1px solid var(--line-2);}
.rsg-page .tw7-ph{display:flex; align-items:center; gap:8px; margin-bottom:9px;}
.rsg-page .tw7-pav{width:24px; height:24px; border-radius:50%; flex-shrink:0; position:relative; overflow:hidden;}
.rsg-page .tw7-col.gen .tw7-pav{background:#c7cdc9;}
.rsg-page .tw7-col.gen .tw7-pav::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 3px,transparent 3px 7px);}
.rsg-page .tw7-col.rsg .tw7-pav{background:linear-gradient(135deg,var(--green-500),var(--green-700));}
.rsg-page .tw7-ph b{flex:1; font-family:var(--font-display); font-weight:700; font-size:11px; color:var(--ink-900);}
.rsg-page .tw7-ph .day{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500);}
.rsg-page .tw7-cap{font-size:12.5px; line-height:1.45; color:var(--ink-2); min-height:36px;}
.rsg-page .tw7-eng{display:flex; align-items:center; gap:15px; margin-top:10px;}
.rsg-page .tw7-eng span{display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;}
.rsg-page .tw7-eng svg{width:13px; height:13px;}
.rsg-page .tw7-col.gen .tw7-eng span{color:#bcc1bd;}
.rsg-page .tw7-col.rsg .tw7-eng span{color:var(--green-700);}
.rsg-page .tw7-foot{padding:13px 15px; font-size:11.5px; line-height:1.45;}
.rsg-page .tw7-col.gen .tw7-foot{color:var(--ink-500); background:#f6f7f6;}
.rsg-page .tw7-col.rsg .tw7-foot{color:var(--ink-900); background:var(--green-50);}
.rsg-page .tw7-col.rsg .tw7-foot b{color:var(--green-700);}
.rsg-page .tw7-verdict{display:flex; align-items:center; gap:11px; width:100%; max-width:342px; padding:12px 16px; border-radius:13px;}
.rsg-page .tw7-col.gen .tw7-verdict{background:#f2f3f2; color:var(--ink-500);}
.rsg-page .tw7-col.rsg .tw7-verdict{background:linear-gradient(90deg,var(--green-50),#fff 82%); border:1px solid rgba(44,122,75,.28); color:var(--green-700);}
.rsg-page .tw7-verdict .vic{width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .tw7-col.gen .tw7-verdict .vic{background:#e6e8e6; color:var(--ink-500);}
.rsg-page .tw7-col.rsg .tw7-verdict .vic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 6px 14px rgba(32,157,80,.28);}
.rsg-page .tw7-verdict .vic svg{width:15px; height:15px;}
.rsg-page .tw7-verdict b{display:block; font-family:var(--font-display); font-weight:800; font-size:13.5px; line-height:1.2;}
.rsg-page .tw7-verdict span{display:block; font-size:11px; margin-top:2px;}
@media (max-width:760px){.rsg-page .tw7-wrap{grid-template-columns:1fr; gap:34px; max-width:360px; margin-left:auto; margin-right:auto;}}
/* ---------- §8 v2 — the 3-second verdict + hidden costs ---------- */
.rsg-page .hc-hero{display:grid; grid-template-columns:0.9fr 1.1fr; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden; margin:0 0 20px;}
.rsg-page .hc-left{padding:30px 30px 32px; background:linear-gradient(165deg,#F1F9F3,#fff 74%); display:flex; flex-direction:column; align-items:flex-start; border-right:1px solid var(--line-2);}
.rsg-page .hc-eye{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--green-700); margin-bottom:15px;}
.rsg-page .hc-eye .hc-n{width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:11px;}
.rsg-page .hc-eye svg{width:14px; height:14px;}
.rsg-page .hc-left > p{font-size:14px; line-height:1.6; color:var(--ink-2); margin:0 0 22px;}
.rsg-page .hc-left > p strong{color:var(--ink-900);}
.rsg-page .hc-timer{position:relative; width:126px; height:126px;}
.rsg-page .hc-timer svg{width:100%; height:100%; display:block; transform:rotate(-90deg);}
.rsg-page .hc-timer .trk{fill:none; stroke:#e2e8e4; stroke-width:8;}
.rsg-page .hc-timer .arc{fill:none; stroke:var(--green-500); stroke-width:8; stroke-linecap:round;}
.rsg-page .hc-t-num{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:42px; color:var(--ink-900); letter-spacing:-.03em;}
.rsg-page .hc-t-num i{font-size:19px; font-style:normal; color:var(--green-600); margin-left:2px;}
.rsg-page .hc-t-lab{font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); margin-top:14px; line-height:1.4;}
.rsg-page .hc-right{padding:24px 24px; display:flex; flex-direction:column; gap:10px; justify-content:center;}
.rsg-page .hc-out{border-radius:14px; padding:15px 17px; border:1px solid var(--line);}
.rsg-page .hc-out.win{background:linear-gradient(135deg,var(--green-50),#fff 78%); border-color:rgba(44,122,75,.3);}
.rsg-page .hc-out.lose{background:#f6f7f6;}
.rsg-page .hc-o-top{display:flex; align-items:center; gap:11px;}
.rsg-page .hc-o-ic{width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .hc-out.win .hc-o-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 6px 14px rgba(32,157,80,.28);}
.rsg-page .hc-out.lose .hc-o-ic{background:#dbdfdc; color:var(--ink-500);}
.rsg-page .hc-o-ic svg{width:18px; height:18px;}
.rsg-page .hc-o-top b{font-family:var(--font-display); font-weight:800; font-size:17px; flex:1; letter-spacing:-.01em; color:var(--ink-900);}
.rsg-page .hc-out.win .hc-o-top b{color:var(--green-700);}
.rsg-page .hc-o-badge{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:4px 9px; border-radius:999px; background:#fff; white-space:nowrap;}
.rsg-page .hc-out.win .hc-o-badge{color:var(--green-700); border:1px solid rgba(44,122,75,.3);}
.rsg-page .hc-out.lose .hc-o-badge{color:var(--ink-500); border:1px solid var(--line);}
.rsg-page .hc-o-sub{font-size:12.5px; line-height:1.45; color:var(--ink-2); margin-top:9px;}
.rsg-page .hc-or{text-align:center; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#b8bdba;}
.rsg-page .hc-mech{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0 0 22px;}
.rsg-page .hc-mcard{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); padding:24px 24px 22px; display:flex; flex-direction:column;}
.rsg-page .hc-mnum{display:inline-flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--green-700); margin-bottom:13px;}
.rsg-page .hc-mnum .n{width:26px; height:26px; border-radius:8px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:12px;}
.rsg-page .hc-mcard h3{font-family:var(--font-display); font-weight:800; font-size:18px; color:var(--ink-900); margin:0 0 9px; letter-spacing:-.01em; line-height:1.25;}
.rsg-page .hc-mcard > p{font-size:13.5px; line-height:1.55; color:var(--ink-2); margin:0 0 18px;}
.rsg-page .hc-mcard > p a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .hc-mcard > p strong{color:var(--ink-900);}
.rsg-page .hc-viz{margin-top:auto;}
.rsg-page .hc-ads{display:flex; align-items:center; gap:12px; background:var(--paper-soft); border:1px solid var(--line-2); border-radius:12px; padding:14px 16px;}
.rsg-page .hc-ads-in{display:flex; flex-direction:column; gap:7px;}
.rsg-page .hc-ads-in span{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; color:var(--ink-700); background:#fff; border:1px solid var(--line); border-radius:6px; padding:5px 9px; white-space:nowrap;}
.rsg-page .hc-ads-arr{color:var(--green-600); display:flex; flex-shrink:0;}
.rsg-page .hc-ads-arr svg{width:18px; height:18px;}
.rsg-page .hc-ads-eng{flex:1; text-align:center; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; border-radius:10px; padding:11px 8px; box-shadow:0 8px 18px rgba(32,157,80,.24);}
.rsg-page .hc-ads-eng b{display:block; font-family:var(--font-display); font-weight:800; font-size:14px;}
.rsg-page .hc-ads-eng span{font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; opacity:.88;}
.rsg-page .hc-ads-note{display:flex; align-items:center; gap:8px; margin-top:11px; font-size:11.5px; font-weight:600; color:var(--ink-2);}
.rsg-page .hc-ads-note svg{width:15px; height:15px; color:#3A3A3A; flex-shrink:0;}
.rsg-page .hc-sig{display:flex; align-items:flex-end; gap:8px; background:var(--paper-soft); border:1px solid var(--line-2); border-radius:12px; padding:14px 16px; height:74px;}
.rsg-page .hc-sig i{flex:1; border-radius:4px 4px 0 0; height:var(--h);}
.rsg-page .hc-sig i:nth-child(1){background:var(--green-600);}
.rsg-page .hc-sig i:nth-child(2){background:var(--green-500);}
.rsg-page .hc-sig i:nth-child(3){background:#8ECDA5;}
.rsg-page .hc-sig i:nth-child(4){background:#CBE6D4;}
.rsg-page .hc-sig i:nth-child(5){background:#dbe0dd;}
.rsg-page .hc-sig i:nth-child(6){background:#e9ebea;}
.rsg-page .hc-sig-cap{display:flex; justify-content:space-between; margin-top:10px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-500);}
@media (max-width:820px){.rsg-page .hc-hero{grid-template-columns:1fr;}}
@media (max-width:820px){.rsg-page .hc-left{border-right:none; border-bottom:1px solid var(--line-2); align-items:center; text-align:center;}}
@media (max-width:820px){.rsg-page .hc-timer{align-self:center;}}
@media (max-width:760px){.rsg-page .hc-mech{grid-template-columns:1fr;}}
/* ---------- §9 v2 — strategy content brief + surface-area reach ---------- */
.rsg-page .sf9-grid{display:grid; grid-template-columns:1.04fr 0.96fr; gap:24px; align-items:stretch;}
.rsg-page .sf9-brief{background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden; display:flex; flex-direction:column;}
.rsg-page .sf9-b-head{display:flex; align-items:center; gap:13px; padding:19px 24px; border-bottom:1px solid var(--line-2); background:linear-gradient(180deg,#F1F9F3,#fff);}
.rsg-page .sf9-b-ic{width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 18px rgba(32,157,80,.26);}
.rsg-page .sf9-b-ic svg{width:20px; height:20px;}
.rsg-page .sf9-b-head b{display:block; font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .sf9-b-head .sub{font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); margin-top:3px; display:block;}
.rsg-page .sf9-b-body{padding:20px 24px 22px; flex:1; display:flex; flex-direction:column;}
.rsg-page .sf9-b-intro{font-size:13px; line-height:1.5; color:var(--ink-2); margin:0 0 15px;}
.rsg-page .sf9-b-intro strong{color:var(--ink-900);}
.rsg-page .sf9-fields{display:grid; grid-template-columns:1fr 1fr; gap:9px;}
.rsg-page .sf9-field{display:flex; gap:10px; align-items:flex-start; padding:12px 13px; border:1px solid var(--line-2); border-radius:11px; background:var(--paper-soft); font-size:12.5px; line-height:1.35; color:var(--ink-900); font-weight:600;}
.rsg-page .sf9-field.wide{grid-column:1/-1;}
.rsg-page .sf9-field .fchk{width:20px; height:20px; border-radius:6px; background:var(--green-50); border:1px solid rgba(44,122,75,.28); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .sf9-field .fchk svg{width:12px; height:12px;}
.rsg-page .sf9-b-foot{display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:15px; border-top:1px solid var(--line-2); font-size:12.5px; font-weight:600; color:var(--green-700);}
.rsg-page .sf9-b-foot svg{width:16px; height:16px; flex-shrink:0;}
.rsg-page .sf9-side{display:flex; flex-direction:column; gap:20px;}
.rsg-page .sf9-quote{position:relative; background:linear-gradient(135deg,var(--green-50),#fff 82%); border:1px solid rgba(44,122,75,.22); border-left:4px solid var(--green-500); border-radius:14px; padding:20px 22px 20px 26px;}
.rsg-page .sf9-quote .qm{position:absolute; top:2px; left:16px; font-family:var(--font-display); font-weight:800; font-size:58px; color:rgba(44,122,75,.2); line-height:1;}
.rsg-page .sf9-quote p{position:relative; margin:0; font-family:var(--font-display); font-weight:800; font-size:18px; line-height:1.3; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .sf9-surface{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); padding:22px 24px; display:flex; flex-direction:column;}
.rsg-page .sf9-surface h3{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:800; font-size:16.5px; color:var(--ink-900); margin:0 0 9px; letter-spacing:-.01em;}
.rsg-page .sf9-surface h3 .sic{width:30px; height:30px; border-radius:9px; background:var(--green-50); border:1px solid rgba(44,122,75,.25); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .sf9-surface h3 .sic svg{width:16px; height:16px;}
.rsg-page .sf9-surface > p{font-size:13px; line-height:1.55; color:var(--ink-2); margin:0 0 15px;}
.rsg-page .sf9-surface > p strong{color:var(--ink-900);}
.rsg-page .sf9-reach{background:linear-gradient(160deg,#F2FAF4,#fff); border:1px solid rgba(44,122,75,.16); border-radius:13px; padding:15px; margin-bottom:16px;}
.rsg-page .sf9-reach-lab{display:flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); margin-bottom:12px;}
.rsg-page .sf9-reach-lab .rp{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; border-radius:6px; padding:4px 9px;}
.rsg-page .sf9-reach-lab svg{width:14px; height:14px; color:var(--green-600);}
.rsg-page .sf9-places{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.rsg-page .sf9-place{display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--line); border-radius:9px; padding:9px 11px; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-900);}
.rsg-page .sf9-place i{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.16); flex-shrink:0;}
.rsg-page .sf9-benefits{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.rsg-page .sf9-benefits li{display:flex; gap:10px; align-items:flex-start; font-size:13px; line-height:1.45; color:var(--ink-900);}
.rsg-page .sf9-benefits li svg{width:18px; height:18px; color:var(--green-600); flex-shrink:0; margin-top:1px;}
.rsg-page .sf9-benefits li a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .sf9-foot{font-size:12px; font-style:italic; color:var(--ink-500); margin:auto 0 0; padding-top:14px; border-top:1px solid var(--line-2); line-height:1.45;}
@media (max-width:860px){.rsg-page .sf9-grid{grid-template-columns:1fr;}}
@media (max-width:520px){.rsg-page .sf9-fields, .rsg-page .sf9-places{grid-template-columns:1fr;}}
/* ---------- §10 v2 — Organic (Foundation) vs Paid (Amplifier) role cards + stack ---------- */
.rsg-page .ovp-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:0 0 22px; align-items:stretch;}
.rsg-page .ovp-card{background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); display:flex; flex-direction:column; overflow:hidden;}
.rsg-page .ovp-card.org{border-top:4px solid var(--green-500);}
.rsg-page .ovp-card.paid{border-top:4px solid #a9d6bb;}
.rsg-page .ovp-top{padding:20px 22px 17px; display:flex; align-items:center; gap:13px;}
.rsg-page .ovp-ic{width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .ovp-card.org .ovp-ic{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px rgba(32,157,80,.26);}
.rsg-page .ovp-card.paid .ovp-ic{background:var(--green-50); border:1px solid rgba(44,122,75,.28); color:var(--green-600);}
.rsg-page .ovp-ic svg{width:22px; height:22px;}
.rsg-page .ovp-top b{display:block; font-family:var(--font-display); font-weight:800; font-size:17px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .ovp-role{display:block; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green-700); margin-top:4px;}
.rsg-page .ovp-card.paid .ovp-role{color:var(--ink-500);}
.rsg-page .ovp-def{margin:0 22px; padding:14px 0; border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); font-family:var(--font-display); font-weight:700; font-size:14px; color:var(--ink-900);}
.rsg-page .ovp-rows{padding:4px 22px 20px;}
.rsg-page .ovp-row{padding:12px 0; border-bottom:1px solid var(--line-2);}
.rsg-page .ovp-row:last-child{border-bottom:0;}
.rsg-page .ovp-row .k{display:block; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-500); margin-bottom:4px;}
.rsg-page .ovp-row .v{font-size:13.5px; line-height:1.45; color:var(--ink-2);}
.rsg-page .ovp-rec{display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; background:linear-gradient(135deg,var(--green-50),#fff 72%); border:1px solid rgba(44,122,75,.22); border-left:5px solid var(--green-500); border-radius:16px; padding:22px 26px; margin:0 0 22px;}
.rsg-page .ovp-stack{display:flex; flex-direction:column; gap:9px; width:206px;}
.rsg-page .ovp-layer{border-radius:11px; padding:12px 16px;}
.rsg-page .ovp-layer.paid{background:#fff; border:1.5px dashed rgba(44,122,75,.45);}
.rsg-page .ovp-layer.org{background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 12px 24px rgba(32,157,80,.26);}
.rsg-page .ovp-layer b{display:block; font-family:var(--font-display); font-weight:800; font-size:13.5px; letter-spacing:-.01em;}
.rsg-page .ovp-layer.paid b{color:var(--ink-900);}
.rsg-page .ovp-layer span{display:block; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-top:3px;}
.rsg-page .ovp-layer.paid span{color:var(--ink-500);}
.rsg-page .ovp-layer.org span{color:rgba(255,255,255,.82);}
.rsg-page .ovp-rec-t p{margin:0; font-size:14px; line-height:1.6; color:var(--ink-2);}
.rsg-page .ovp-rec-t p strong{color:var(--ink-900);}
@media (max-width:760px){.rsg-page .ovp-grid{grid-template-columns:1fr;}}
@media (max-width:760px){.rsg-page .ovp-rec{grid-template-columns:1fr; gap:20px;}}
@media (max-width:760px){.rsg-page .ovp-stack{width:100%;}}
/* §10 — "Our Recommendation" verdict card (distinct from the CTA banner below it) */
.rsg-page .op-rec2{background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-md); padding:22px 26px; margin:26px 0 22px;}
.rsg-page .opr2-head{display:flex; align-items:center; gap:11px; margin-bottom:12px;}
.rsg-page .opr2-ic{width:38px; height:38px; border-radius:10px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 16px rgba(32,157,80,.24);}
.rsg-page .opr2-ic svg{width:19px; height:19px;}
.rsg-page .opr2-head b{font-family:var(--font-display); font-weight:800; font-size:17px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .op-rec2 > p{margin:0; font-size:14.5px; line-height:1.65; color:var(--ink-2);}
.rsg-page .op-rec2 > p strong{color:var(--ink-900);}
/* ---------- §11 v2 — Social hub-and-spoke system map ---------- */
.rsg-page .sys-map{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:124px 180px; padding:28px 0; margin:0 0 30px;}
.rsg-page .sys-map::before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(480px,80%); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, rgba(44,122,75,.13), transparent 60%); z-index:0; pointer-events:none;}
.rsg-page .sys-spokes{position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;}
.rsg-page .sys-ch{position:relative; z-index:1; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-md); padding:20px 22px; transition:transform .2s, box-shadow .2s;}
.rsg-page .sys-ch:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg);}
.rsg-page .sys-ch-h{display:flex; align-items:center; gap:11px; margin-bottom:9px;}
.rsg-page .sys-ch-ic{width:40px; height:40px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; border:none; box-shadow:0 7px 15px rgba(32,157,80,.26); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .sys-ch-ic svg{width:19px; height:19px;}
.rsg-page .sys-ch-h b{font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .sys-ch p{margin:0; font-size:13px; line-height:1.55; color:var(--ink-2);}
.rsg-page .sys-ch p a{color:var(--green-700); font-weight:700; text-decoration:none; border-bottom:1px solid rgba(44,122,75,.3);}
.rsg-page .sys-core{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; width:140px; height:140px; border-radius:50%; background:radial-gradient(circle at 35% 28%, var(--green-500), var(--green-700) 82%); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 26px 50px rgba(32,157,80,.4), inset 0 2px 8px rgba(255,255,255,.28), 0 0 0 10px #fff, 0 0 0 11px rgba(44,122,75,.16);}
.rsg-page .sys-core::after{content:""; position:absolute; inset:-10px; border-radius:50%; border:2px solid rgba(44,122,75,.4); z-index:-1; animation:sysPulse 2.8s ease-out infinite;}
.rsg-page .sys-core svg{width:31px; height:31px; margin-bottom:5px;}
.rsg-page .sys-core b{font-family:var(--font-display); font-weight:800; font-size:16px; letter-spacing:.01em;}
.rsg-page .sys-core span{font-family:var(--font-mono); font-size:7.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:rgba(255,255,255,.82); margin-top:3px;}
@media (max-width:760px){.rsg-page .sys-map{grid-template-columns:1fr; gap:14px;}}
@media (max-width:760px){.rsg-page .sys-spokes{display:none;}}
@media (max-width:760px){.rsg-page .sys-core{position:static; transform:none; margin:0 auto 8px;}}
/* §11 identity dashboards use the light browser-window frame (ref: copywriting .ai-dashboard); brand-adapt the right accent from blue to green */
.rsg-page .wf-proof .ai-dashboard{margin:0;}
.rsg-page .wf-proof .ad-query{color:var(--green-700);}
.rsg-page .wf-proof .ad-query::before{background:var(--green-500);}
/* §11 identity panel polish — header icon-chip, per-dashboard caption, hover-lift */
.rsg-page .wf-lead-h{display:flex; align-items:center; gap:12px; margin-bottom:11px;}
.rsg-page .wf-lead-ic{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 7px 15px rgba(32,157,80,.26);}
.rsg-page .wf-lead-ic svg{width:19px; height:19px;}
.rsg-page .wf-lead-h h3{margin:0;}
.rsg-page .wf-col{display:flex; flex-direction:column;}
.rsg-page .wf-proof .ai-dashboard{transition:transform .22s ease, box-shadow .22s ease;}
.rsg-page .wf-proof .ai-dashboard:hover{transform:translateY(-4px); box-shadow:0 24px 52px rgba(16,44,28,.17), 0 0 0 1px var(--line);}
.rsg-page .wf-cap{display:flex; align-items:flex-start; gap:9px; margin-top:14px; padding:0 2px;}
.rsg-page .wf-cap .wf-cap-dot{width:7px; height:7px; border-radius:50%; background:var(--green-500); margin-top:6px; flex-shrink:0;}
.rsg-page .wf-cap p{margin:0; font-size:12.5px; line-height:1.55; color:var(--ink-2);}
.rsg-page .wf-cap p b{color:var(--ink-900); font-weight:700;}
/* §9 — before/after example-post anchor */
.rsg-page .ex9-anchor{display:grid; grid-template-columns:0.96fr 1.04fr; gap:30px; align-items:start; margin:0 0 26px;}
.rsg-page .ex9-post{background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 18px 44px rgba(16,44,28,.14);}
.rsg-page .ex9-p-head{display:flex; align-items:center; gap:11px; padding:13px 15px;}
.rsg-page .ex9-p-ava{width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .ex9-p-ava svg{width:19px; height:19px;}
.rsg-page .ex9-p-head b{display:block; font-family:var(--font-display); font-weight:800; font-size:13.5px; color:var(--ink-900);}
.rsg-page .ex9-p-head .meta{font-size:11px; color:var(--ink-500);}
.rsg-page .ex9-p-more{margin-left:auto; color:#c2c7c4; font-weight:800; letter-spacing:1px;}
.rsg-page .ex9-ba{display:grid; grid-template-columns:1fr 1fr; gap:2px;}
.rsg-page .ex9-ba-fig{position:relative;}
.rsg-page .ex9-ba-fig img{width:100%; height:190px; object-fit:cover; display:block;}
.rsg-page .ex9-ba-lab{position:absolute; top:10px; left:10px; font-family:var(--font-mono); font-size:8.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff; border-radius:6px; padding:4px 9px;}
.rsg-page .ex9-ba-lab.before{background:rgba(58,58,58,.85);}
.rsg-page .ex9-ba-lab.after{background:rgba(44,122,75,.92);}
.rsg-page .ex9-p-cap{padding:13px 15px; font-size:13px; line-height:1.5; color:var(--ink-2);}
.rsg-page .ex9-p-cap b{color:var(--ink-900);}
.rsg-page .ex9-p-bar{display:flex; border-top:1px solid var(--line-2);}
.rsg-page .ex9-p-bar span{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 0; font-family:var(--font-display); font-weight:700; font-size:12px; color:var(--ink-500);}
.rsg-page .ex9-p-bar .liked{color:var(--green-700);}
.rsg-page .ex9-p-bar svg{width:15px; height:15px;}
.rsg-page .ex9-eye{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-700); margin-bottom:14px;}
.rsg-page .ex9-eye svg{width:15px; height:15px;}
.rsg-page .ex9-lead{display:flex; flex-direction:column;}
.rsg-page .ex9-lead > p{font-size:14px; line-height:1.55; color:var(--ink-2); margin:0 0 16px;}
.rsg-page .ex9-lead > p strong{color:var(--ink-900);}
.rsg-page .ex9-eye .dot{width:9px; height:9px; border-radius:50%; background:var(--green-500); flex-shrink:0; animation:ex9pulse 2.2s ease-out infinite;}
.rsg-page .ex9-why{display:flex; flex-direction:column; gap:12px; margin:0 0 16px;}
.rsg-page .ex9-w{display:flex; gap:12px; align-items:flex-start;}
.rsg-page .ex9-w-ic{width:36px; height:36px; border-radius:10px; background:var(--green-50); border:1px solid rgba(44,122,75,.22); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rsg-page .ex9-w-ic svg{width:18px; height:18px;}
.rsg-page .ex9-w b{display:block; font-family:var(--font-display); font-weight:800; font-size:13.5px; color:var(--ink-900); letter-spacing:-.01em;}
.rsg-page .ex9-w .wd{font-size:12px; color:var(--ink-500); line-height:1.4;}
.rsg-page .ex9-stmt{margin-top:auto; background:linear-gradient(135deg,var(--green-50),#fff 86%); border:1px solid rgba(44,122,75,.22); border-left:5px solid var(--green-500); border-radius:14px; padding:18px 22px;}
.rsg-page .ex9-stmt .lab{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; color:var(--green-700); margin-bottom:9px;}
.rsg-page .ex9-stmt .lab::before{content:""; width:18px; height:2px; background:var(--green-500); border-radius:2px;}
.rsg-page .ex9-stmt p{margin:0; font-family:var(--font-display); font-weight:800; font-size:19px; line-height:1.25; color:var(--ink-900); letter-spacing:-.02em;}
/* §9 right column — copywriting "wd-feat-body" reference style */
.rsg-page .ex9-pill{align-self:flex-start; display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; border-radius:999px; padding:7px 15px 7px 13px; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:16px;}
.rsg-page .ex9-pill i{width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.25);}
.rsg-page .ex9-lead h3{font-family:var(--font-display); font-weight:800; font-size:21px; color:var(--ink-900); margin:0 0 11px; letter-spacing:-.01em; line-height:1.22;}
.rsg-page .ex9-list{list-style:none; margin:0 0 18px; padding:0; display:flex; flex-direction:column; gap:13px;}
.rsg-page .ex9-list li{display:flex; gap:12px; align-items:flex-start; font-size:14px; line-height:1.5; color:var(--ink-2);}
.rsg-page .ex9-list .ck{width:22px; height:22px; border-radius:50%; background:var(--green-50); border:1px solid rgba(44,122,75,.3); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.rsg-page .ex9-list .ck svg{width:12px; height:12px;}
.rsg-page .ex9-list li b{color:var(--ink-900); font-weight:800;}
.rsg-page .ex9-callout{background:#fff; border:1px solid var(--line); border-left:4px solid var(--green-500); border-radius:12px; padding:15px 18px; font-size:14px; line-height:1.5; color:var(--ink-900); font-weight:600;}
@media (max-width:820px){.rsg-page .ex9-anchor{grid-template-columns:1fr; gap:22px;}}
/* §14 getting-started timeline — accumulating progress chips (ref: copywriting page) */
.rsg-page .phase-chip.primary{border-color:var(--green-500); background:var(--green-50); color:var(--ink-900);}
.rsg-page .phase-chip.primary .cdot{background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,.2);}
.rsg-page .phase-chip.muted{border-color:var(--line); background:#fff; color:var(--ink-500);}
.rsg-page .phase-chip.muted .cdot{background:#CBD5E1; box-shadow:none;}
/* §17 keep-reading — featured + card library (ref: email-marketing kr-) */
.rsg-page .kr-wrap{display:flex; flex-direction:column; gap:16px;}
.rsg-page .kr-feature, .rsg-page .kr-card{position:relative; overflow:hidden; text-decoration:none; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 8px 24px -16px rgba(17,17,17,.18); transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s, border-color .3s;}
.rsg-page .kr-feature:hover, .rsg-page .kr-card:hover{transform:translateY(-4px); border-color:rgba(44,122,75,.34); box-shadow:0 22px 44px -22px rgba(17,17,17,.28);}
.rsg-page .kr-feature::after, .rsg-page .kr-card::after{content:""; position:absolute; top:-42%; right:-28%; width:58%; height:130%; background:radial-gradient(circle, rgba(74,222,128,.16), transparent 68%); opacity:0; transition:opacity .3s; pointer-events:none;}
.rsg-page .kr-feature:hover::after, .rsg-page .kr-card:hover::after{opacity:1;}
.rsg-page .kr-ic{display:flex; align-items:center; justify-content:center; flex-shrink:0; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; box-shadow:0 8px 18px -8px rgba(44,122,75,.6); transition:transform .3s;}
.rsg-page .kr-feature .kr-ic{width:54px; height:54px; border-radius:15px; margin-bottom:16px;}
.rsg-page .kr-card .kr-ic{width:44px; height:44px; border-radius:12px; margin-bottom:15px;}
.rsg-page .kr-feature .kr-ic svg{width:26px; height:26px;}
.rsg-page .kr-card .kr-ic svg{width:21px; height:21px;}
.rsg-page .kr-feature:hover .kr-ic, .rsg-page .kr-card:hover .kr-ic{transform:scale(1.06);}
.rsg-page .kr-kick{display:inline-flex; align-items:center; gap:6px; align-self:flex-start; font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--green-700); background:var(--green-50); border:1px solid #CBE3D3; padding:4px 10px; border-radius:999px; margin-bottom:11px;}
.rsg-page .kr-kick i{width:5px; height:5px; border-radius:50%; background:var(--green-500);}
.rsg-page .kr-feature{display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px; padding:32px 34px; background:linear-gradient(115deg,var(--green-50) 0%,#fff 58%); border-color:rgba(44,122,75,.24);}
.rsg-page .kr-feature::before{content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--green-500),#4ADE80);}
.rsg-page .kr-feat-body{min-width:0;}
.rsg-page .kr-feature h3{font-family:var(--font-display); font-size:24px; font-weight:800; letter-spacing:-.02em; color:var(--ink-900); margin:0 0 10px; line-height:1.22;}
.rsg-page .kr-feature p{font-size:14px; line-height:1.55; color:var(--ink-2); margin:0; max-width:62ch;}
.rsg-page .kr-feat-cta{display:flex; flex-direction:column; align-items:center; gap:12px; flex-shrink:0; padding-left:32px; border-left:1px solid rgba(44,122,75,.16);}
.rsg-page .kr-feat-lbl{font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green-700); white-space:nowrap;}
.rsg-page .kr-round{flex-shrink:0; width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 26px -10px rgba(44,122,75,.6); transition:transform .3s;}
.rsg-page .kr-round svg{width:24px; height:24px;}
.rsg-page .kr-feature:hover .kr-round{transform:translateX(4px) scale(1.06);}
.rsg-page .kr-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.rsg-page .kr-card{display:flex; flex-direction:column; padding:22px 22px 18px;}
.rsg-page .kr-card::before{content:""; position:absolute; left:0; top:0; height:3px; width:100%; background:linear-gradient(90deg,var(--green-500),#4ADE80); transform:scaleX(0); transform-origin:left; transition:transform .3s;}
.rsg-page .kr-card:hover::before{transform:scaleX(1);}
.rsg-page .kr-card h4{font-family:var(--font-display); font-size:14.5px; font-weight:800; color:var(--ink-900); margin:0 0 7px; line-height:1.3;}
.rsg-page .kr-card p{font-size:12.5px; line-height:1.5; color:var(--ink-2); margin:0 0 16px;}
.rsg-page .kr-link{margin-top:auto; display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green-700);}
.rsg-page .kr-arrow{width:26px; height:26px; border-radius:50%; background:var(--green-50); border:1px solid #CBE3D3; display:flex; align-items:center; justify-content:center; color:var(--green-700); transition:background .28s, color .28s, border-color .28s, transform .28s;}
.rsg-page .kr-arrow svg{width:13px; height:13px;}
.rsg-page .kr-card:hover .kr-arrow{background:var(--green-500); border-color:var(--green-500); color:#fff; transform:translateX(3px);}
@media (max-width:1040px){.rsg-page .kr-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:720px){.rsg-page .kr-feature{grid-template-columns:1fr; gap:20px; padding:26px 24px;}}
@media (max-width:720px){.rsg-page .kr-round{width:52px; height:52px;}}
@media (max-width:720px){.rsg-page .kr-feature h3{font-size:20px;}}
@media (max-width:720px){.rsg-page .kr-feat-cta{flex-direction:row; border-left:0; padding-left:0; gap:14px;}}
@media (max-width:520px){.rsg-page .kr-grid{grid-template-columns:1fr;}}
/* final-cta: dark-section <strong> must be white (brand rule), not dark ink */
.rsg-page .final-cta .fc-lede strong{color:#fff;}
/* founder video: injected YouTube iframe must fill the frame + sit ABOVE the poster (SMM master was missing .vf-embed, so audio played behind the thumbnail) */
.rsg-page .video-frame .vf-embed{position:absolute; inset:0; width:100%; height:100%; border:0; z-index:4; display:block;}
.rsg-page .video-frame.playing img{z-index:1;}
/* §8 hc-timer — fill the space beside the 3s gauge with a bridging note */
.rsg-page .hc-timer-row{display:flex; align-items:center; gap:24px; margin-top:4px;}
.rsg-page .hc-timer-col{display:flex; flex-direction:column; align-items:center; flex-shrink:0;}
.rsg-page .hc-timer-note{border-left:2px solid rgba(44,122,75,.28); padding-left:20px;}
.rsg-page .hc-timer-note b{display:block; font-family:var(--font-display); font-weight:800; font-size:15.5px; color:var(--ink-900); margin-bottom:7px; letter-spacing:-.01em;}
.rsg-page .hc-timer-note span{font-size:13px; line-height:1.55; color:var(--ink-2);}
@media (max-width:600px){.rsg-page .hc-timer-row{flex-direction:column; gap:16px;}}
@media (max-width:600px){.rsg-page .hc-timer-note{border-left:none; border-top:2px solid rgba(44,122,75,.28); padding-left:0; padding-top:14px; text-align:center;}}
/* ============================================================
   HERO — auto-scrolling creative collage (right column)
   4 columns · alternating loop · animated beam border · brand glow + floats
   ============================================================ */
.rsg-page .smmc-wrap{position:relative; z-index:1; width:100%; max-width:560px; margin-left:auto;}
/* static radial glows removed — they read as detached green blobs in the gap */
.rsg-page .smmc-glow{display:none !important;}
/* outside beam-glow removed per user — keep only the crisp beam on the border edge (no bleed) */
.rsg-page .smmc-beam-glow{display:none !important;}
/* the frame: a crisp green light-beam sweeping around the border edge */
.rsg-page .smmc-border{position:relative; z-index:1; padding:2.5px; border-radius:28px; overflow:hidden; isolation:isolate; background:rgba(44,122,75,.28); box-shadow:0 44px 90px -34px rgba(16,44,28,.5), 0 10px 26px rgba(16,44,28,.15);}
.rsg-page .smmc-border::before{content:""; position:absolute; z-index:0; inset:-60%; background:conic-gradient(from 0deg, rgba(44,122,75,0) 0deg, rgba(44,122,75,0) 240deg, #2C7A4B 300deg, #7BEBA6 328deg, #2C7A4B 348deg, rgba(44,122,75,0) 360deg); animation:smmcSpin 7s linear infinite;}
@media (prefers-reduced-motion:reduce){.rsg-page .smmc-beam-glow, .rsg-page .smmc-border::before{animation:none !important;}}
@media (prefers-reduced-motion:reduce){.rsg-page .smmc-beam-glow{opacity:.4;}}
.rsg-page .smmc{position:relative; z-index:1; width:100%; height:648px; border-radius:25.5px; overflow:hidden; background:var(--paper); isolation:isolate;}
/* ===== Hero Side Brand-Rail frame (chosen variation) ===== */
.rsg-page .smmc-rail-wrap{display:flex; width:100%; max-width:560px; height:648px; margin-left:auto; background:#fff; border:1px solid rgba(16,20,18,.08); border-radius:24px; overflow:hidden; box-shadow:0 40px 84px -36px rgba(16,44,28,.5), 0 8px 24px rgba(16,44,28,.12);}
.rsg-page .smmc-rail{width:72px; flex-shrink:0; background:linear-gradient(180deg,#1F5C39,#2C7A4B); display:flex; flex-direction:column; align-items:center; padding:18px 0; gap:16px;}
.rsg-page .smmc-rail-logo{width:44px; height:44px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; padding:6px; box-shadow:0 5px 12px -3px rgba(0,0,0,.3);}
.rsg-page .smmc-rail-logo img{width:100%; height:100%; object-fit:contain; display:block;}
.rsg-page .smmc-rail-plats{display:flex; flex-direction:column; gap:12px;}
.rsg-page .smmc-rail-ic{width:36px; height:36px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px -3px rgba(0,0,0,.3);}
.rsg-page .smmc-rail-ic svg{display:block;}
.rsg-page .smmc-rail-ic.fb svg{width:20px; height:20px;}
.rsg-page .smmc-rail-ic.ig svg{width:22px; height:22px;}
.rsg-page .smmc-rail-ic.gg svg{width:20px; height:20px;}
.rsg-page .smmc-rail-sp{flex:1;}
.rsg-page .smmc-rail-tag{writing-mode:vertical-rl; transform:rotate(180deg); color:rgba(255,255,255,.85); font-family:var(--font-display); font-weight:700; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;}
.rsg-page .smmc-rail-dot{width:10px; height:10px; border-radius:50%; background:#7CF0A8; box-shadow:0 0 0 0 rgba(124,240,168,.6); animation:smmcPulse 2s ease-out infinite;}
.rsg-page .smmc-railbody{flex:1; min-width:0; display:flex; flex-direction:column; position:relative;}
/* top-center chip over the collage (light pill + green circular check icon) */
.rsg-page .smmc-topchip{position:absolute; z-index:10; top:0; left:50%; transform:translate(-50%,-50%); display:inline-flex; align-items:center; gap:9px; background:linear-gradient(180deg,#ffffff 0%,#f3faf5 100%); border:1px solid rgba(31,92,57,.16); border-radius:100px; padding:5px 18px 5px 6px; box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 16px 32px -12px rgba(16,44,28,.42), 0 3px 9px -4px rgba(16,44,28,.28); font-family:var(--font-display); font-weight:700; font-size:12.5px; letter-spacing:-.012em; color:var(--ink-900); white-space:nowrap;}
.rsg-page .smmc-topchip .tc-ic{width:21px; height:21px; border-radius:50%; background:linear-gradient(140deg,#37B866 0%,#1F5C39 100%); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 3px 7px -2px rgba(31,92,57,.5), 0 0 0 3px rgba(55,184,102,.16);}
.rsg-page .smmc-topchip .tc-ic svg{width:11px; height:11px; color:#fff;}
.rsg-page .smmc-topchip .g{color:#2C7A4B;}
.rsg-page .smmc-railbody .smmc{width:auto; height:auto; flex:1; min-height:0; border-radius:0; box-shadow:none;}
@media (prefers-reduced-motion:reduce){.rsg-page .smmc-rail-dot{animation:none !important;}}
@media (max-width:900px){.rsg-page .smmc-rail-wrap{max-width:none; height:560px;}}
@media (max-width:480px){.rsg-page .smmc-rail-wrap{height:460px; border-radius:18px;}}
@media (max-width:480px){.rsg-page .smmc-rail{width:58px; padding:14px 0;}}
@media (max-width:480px){.rsg-page .smmc-rail-tag{font-size:9px;}}
@media (max-width:480px){.rsg-page .smmc-rail-logo{width:38px; height:38px;}}
@media (max-width:480px){.rsg-page .smmc-rail-ic{width:32px; height:32px;}}
/* ============ Hero iPad + Canva dashboard (floats over collage bottom-right) ============ */
.rsg-page .smmc-ipad{position:absolute; z-index:9; right:-40px; bottom:-6px; width:310px; height:237px;}
.rsg-page .smmc-ipad .ipad-wrap{position:relative; left:-18px; top:18px; width:589px; height:451px; transform:scale(0.52632); transform-origin:top left;}
.rsg-page .smmc-ipad .ipad-frame{position:absolute; inset:0; width:589px; height:451px; z-index:3; pointer-events:none; filter:drop-shadow(0 26px 42px rgba(11,20,15,.55));}
.rsg-page .smmc-ipad .canva{position:absolute; top:0; left:0; width:1024px; height:768px; transform-origin:0 0; transform:matrix(0.54785,0,0,0.55339,14,13); z-index:1; overflow:hidden; background:#fff; border-radius:6px; display:flex; flex-direction:column; font-family:'DM Sans',sans-serif;}
.rsg-page .smmc-ipad .cv-top{flex:0 0 auto; height:56px; display:flex; align-items:center; gap:14px; padding:0 18px; background:#fff; border-bottom:1px solid #E7E7EE;}
.rsg-page .smmc-ipad .cv-logo-img{height:30px; width:auto; display:block; flex-shrink:0;}
.rsg-page .smmc-ipad .cv-menu{display:flex; gap:18px; font:600 14.5px/1 'DM Sans'; color:#3D3D50;}
.rsg-page .smmc-ipad .cv-title{margin-left:6px; padding-left:16px; border-left:1px solid #E7E7EE; font:600 14.5px/1 'DM Sans'; color:#0D1216; white-space:nowrap;}
.rsg-page .smmc-ipad .cv-sp{flex:1;}
.rsg-page .smmc-ipad .cv-ico{width:34px; height:34px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#3D3D50;}
.rsg-page .smmc-ipad .cv-ico svg{width:19px; height:19px;}
.rsg-page .smmc-ipad .cv-share{display:flex; align-items:center; gap:7px; background:#8B3DFF; color:#fff; font:700 14.5px/1 'DM Sans'; padding:10px 18px; border-radius:8px; white-space:nowrap;}
.rsg-page .smmc-ipad .cv-share svg{width:16px; height:16px;}
.rsg-page .smmc-ipad .cv-body{flex:1; display:flex; min-height:0;}
.rsg-page .smmc-ipad .cv-rail{flex:0 0 90px; background:#fff; border-right:1px solid #E7E7EE; display:flex; flex-direction:column; align-items:center; gap:4px; padding:12px 0;}
.rsg-page .smmc-ipad .cv-ritem{width:70px; height:62px; border-radius:11px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:#57576B; font:600 10.5px/1 'DM Sans';}
.rsg-page .smmc-ipad .cv-ritem svg{width:22px; height:22px;}
.rsg-page .smmc-ipad .cv-ritem.on{background:#F1EAFF; color:#8B3DFF;}
.rsg-page .smmc-ipad .cv-canvas{flex:1; position:relative; background:#EDEDF2; overflow:hidden; display:flex; align-items:center;}
.rsg-page .smmc-ipad .cv-toolbar{position:absolute; top:0; left:0; right:0; height:46px; background:rgba(255,255,255,.9); border-bottom:1px solid #E4E4EC; display:flex; align-items:center; gap:10px; padding:0 16px; z-index:4;}
.rsg-page .smmc-ipad .cv-tb-pill{height:26px; border-radius:7px; background:#F1F1F5; border:1px solid #E4E4EC; display:flex; align-items:center; padding:0 10px; font:600 11.5px/1 'DM Sans'; color:#57576B; white-space:nowrap;}
.rsg-page .smmc-ipad .cv-tb-sp{flex:1;}
.rsg-page .smmc-ipad .cv-track{display:flex; gap:34px; align-items:center; padding:52px 46px 20px; will-change:transform; animation:smmcCvSlide 20s linear infinite;}
.rsg-page .smmc-ipad:hover .cv-track{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){.rsg-page .smmc-ipad .cv-track{animation:none !important;}}
.rsg-page .smmc-ipad .cv-page{flex:0 0 auto; width:352px; border-radius:12px; overflow:hidden; box-shadow:0 14px 34px rgba(13,18,22,.2); background:#fff; position:relative;}
.rsg-page .smmc-ipad .cv-page img{width:100%; display:block;}
.rsg-page .smmc-ipad .cv-page.sel::after{content:""; position:absolute; inset:0; border:3px solid #8B3DFF; border-radius:12px; box-shadow:0 0 0 3px rgba(139,61,255,.2);}
.rsg-page .smmc-ipad .cv-hint{position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:4; background:rgba(13,18,22,.78); color:#fff; font:600 11.5px/1 'DM Sans'; padding:8px 14px; border-radius:100px; display:flex; align-items:center; gap:7px; white-space:nowrap;}
.rsg-page .smmc-ipad .cv-hint .d{width:7px; height:7px; border-radius:50%; background:#00E0A1;}
@media (max-width:900px){.rsg-page .smmc-ipad{width:270px; height:207px; right:-16px; bottom:-4px;}}
@media (max-width:900px){.rsg-page .smmc-ipad .ipad-wrap{transform:scale(0.45840);}}
@media (max-width:480px){.rsg-page .smmc-ipad{width:200px; height:153px; right:-6px; bottom:-4px;}}
@media (max-width:480px){.rsg-page .smmc-ipad .ipad-wrap{transform:scale(0.33956);}}
.rsg-page .smmc-cols{display:flex; gap:10px; height:100%; padding:0 10px;}
.rsg-page .smmc-col{flex:1; overflow:visible; min-width:0;}
.rsg-page .smmc-track{display:flex; flex-direction:column; gap:10px; will-change:transform;}
.rsg-page .smmc-tile{width:100%; height:auto; display:block; border-radius:11px; background:#EDEFEC; box-shadow:0 8px 18px -12px rgba(16,20,18,.4);}
.rsg-page .smmc-col:nth-child(1) .smmc-track{animation:smmcScroll 74s linear infinite;}
.rsg-page .smmc-col:nth-child(2) .smmc-track{animation:smmcScroll 96s linear infinite reverse;}
.rsg-page .smmc-col:nth-child(3) .smmc-track{animation:smmcScroll 84s linear infinite;}
.rsg-page .smmc-col:nth-child(4) .smmc-track{animation:smmcScroll 108s linear infinite reverse;}
.rsg-page .smmc-wrap:hover .smmc-track{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){.rsg-page .smmc-track{animation:none !important;}}
.rsg-page .smmc-fade{position:absolute; pointer-events:none; z-index:5;}
.rsg-page .smmc-fade-l{left:0; top:0; bottom:0; width:20%; background:linear-gradient(to right, var(--paper) 2%, rgba(255,255,255,.5) 46%, rgba(255,255,255,0) 100%);}
.rsg-page .smmc-fade-r{right:0; top:0; bottom:0; width:14%; background:linear-gradient(to left, var(--paper) 0%, rgba(255,255,255,0) 100%);}
.rsg-page .smmc-fade-t{left:0; right:0; top:0; height:8%; background:linear-gradient(to bottom, var(--paper), rgba(255,255,255,0));}
.rsg-page .smmc-fade-b{left:0; right:0; bottom:0; height:8%; background:linear-gradient(to top, var(--paper), rgba(255,255,255,0));}
/* floating "always active" chip (top-left) — explains the moving border */
.rsg-page .smmc-active{position:absolute; z-index:8; top:24px; left:-14px; display:inline-flex; align-items:center; gap:8px; background:rgba(16,20,18,.86); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); color:#fff; font-family:var(--font-display); font-weight:700; font-size:11.5px; letter-spacing:.02em; padding:8px 14px 8px 12px; border-radius:100px; box-shadow:0 14px 30px -12px rgba(16,44,28,.55);}
.rsg-page .smmc-adot{width:8px; height:8px; border-radius:50%; background:#37E27E; flex-shrink:0; animation:smmcPulse 2s ease-out infinite;}
@media (prefers-reduced-motion:reduce){.rsg-page .smmc-adot{animation:none !important;}}
/* floating platform chip (top-right) */
.rsg-page .smmc-plat{position:absolute; z-index:8; top:-16px; right:22px; display:flex; align-items:center; gap:7px; background:#fff; padding:8px 11px; border-radius:100px; box-shadow:0 16px 34px -12px rgba(16,44,28,.4), 0 2px 6px rgba(16,20,18,.08);}
.rsg-page .smmc-plat-ic{width:26px; height:26px; display:flex; align-items:center; justify-content:center;}
.rsg-page .smmc-plat-ic svg{display:block;}
/* per-icon sizing so all three read at the SAME optical diameter (each glyph fills its viewBox differently) */
.rsg-page .smmc-plat-ic:nth-child(1) svg{width:20px; height:20px;}
/* Facebook — circle bleeds full 24 viewBox */
.rsg-page .smmc-plat-ic:nth-child(2) svg{width:23px; height:23px;}
/* Instagram — squircle inset ~21 */
.rsg-page .smmc-plat-ic:nth-child(3) svg{width:21.5px; height:21.5px;}
/* Google — G footprint ~22 */
/* floating proof card (bottom-left) */
.rsg-page .smmc-proof{position:absolute; z-index:8; left:-20px; bottom:28px; display:flex; align-items:center; gap:14px; max-width:316px; background:#fff; border:1px solid rgba(16,20,18,.06); padding:13px 22px 13px 14px; border-radius:19px; box-shadow:0 28px 56px -18px rgba(16,44,28,.5), 0 6px 16px -6px rgba(16,20,18,.1);}
.rsg-page .smmc-proof-ava{flex-shrink:0; width:52px; height:52px; border-radius:14px; background:#fff; border:1px solid rgba(16,20,18,.09); box-shadow:0 5px 12px -4px rgba(16,44,28,.22); display:flex; align-items:center; justify-content:center; padding:9px; box-sizing:border-box;}
.rsg-page .smmc-proof-ava img{width:100%; height:100%; object-fit:contain; display:block;}
.rsg-page .smmc-proof-tick{position:absolute; right:-2px; bottom:-2px; width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#2FA35C,#1F5C39); display:flex; align-items:center; justify-content:center; border:2.5px solid #fff; box-shadow:0 2px 5px rgba(16,44,28,.4);}
.rsg-page .smmc-proof-tick svg{width:11px; height:11px;}
.rsg-page .smmc-proof-tx{display:flex; flex-direction:column; gap:3px; min-width:0;}
.rsg-page .smmc-proof-tx b{font-family:var(--font-display); font-weight:800; font-size:15px; color:var(--ink-900); letter-spacing:-.01em; line-height:1.15;}
.rsg-page .smmc-proof-tx .smmc-proof-role{color:#2C7A4B; font-family:var(--font-display); font-weight:700; font-size:11.5px; letter-spacing:.005em; margin-bottom:1px;}
.rsg-page .smmc-proof-tx span{font-size:11px; line-height:1.4; color:var(--ink-2);}
@media (max-width:900px){.rsg-page .smmc-wrap{max-width:480px; margin:0 auto;}}
@media (max-width:900px){.rsg-page .smmc{height:560px;}}
@media (max-width:900px){.rsg-page .smmc-proof{left:0;}}
@media (max-width:900px){.rsg-page .smmc-plat{right:8px;}}
@media (max-width:480px){.rsg-page .smmc{height:460px; border-radius:20px;}}
@media (max-width:480px){.rsg-page .smmc-proof{max-width:230px; padding:10px 13px; bottom:16px;}}
@media (max-width:480px){.rsg-page .smmc-proof-tx b{font-size:12.5px;}}
@media (max-width:480px){.rsg-page .smmc-proof-tx span{font-size:11px;}}