/* ============================================================
   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; }

/* ============================================================
   REDESIGN — RESPONSIVE
   ============================================================ */
@media (max-width:980px){
  .rsg-page .mp-rail { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:860px){
  .rsg-page .r3-wrap { grid-template-columns:1fr; gap:24px; }
  .rsg-page .t5-split { grid-template-columns:1fr; }
  .rsg-page .sp7-grid { grid-template-columns:1fr; }
  .rsg-page .dc8-mech { grid-template-columns:1fr; }
}
@media (max-width:600px){
  .rsg-page .mp-rail { grid-template-columns:1fr 1fr; }
  .rsg-page .dc8-fork { grid-template-columns:1fr; }
  .rsg-page .dc8-fork::before { display:none; }
  .rsg-page .sp7-crow { grid-template-columns:1fr; }
  .rsg-page .sp7-c.rsg { border-left:0; border-top:1px solid var(--line-2); }
  .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; }
  .rsg-page .w2-arrow-node svg { transform:rotate(90deg); }
  .rsg-page .w2-lanes { grid-template-columns:1fr; }
  .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; } .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; }
  .rsg-page .tv-center { padding:8px 0 16px; background:none; }
  .rsg-page .tv-center::before { display:none; }
  .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; } .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; }
  .rsg-page .wn2-heat { flex:none; }
  .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; }
  .rsg-page .wn2-banner .wn2-heat { max-width:340px; margin:0 auto; }
  .rsg-page .wn2-banner .wn2-months { max-width:340px; margin-left:auto; margin-right:auto; }
  .rsg-page .wn2-b-arrow { flex-direction:row; justify-content:center; }
  .rsg-page .wn2-b-arrow .wn2-split-node svg { transform:rotate(90deg); }
  .rsg-page .wn2-cap { justify-content:center; }
}
@media (max-width:600px){ .rsg-page .phase-step { grid-template-columns:44px 1fr; gap:14px; } .rsg-page .phase-step-dot { width:38px; height:38px; font-size:12.5px; } .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; }
  .rsg-page .ce-conn { width:auto; padding:9px 0; }
  .rsg-page .ce-conn .ce-arrow { transform:rotate(90deg); }
  .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; } .rsg-page .vs7-cmp-vs { display:none; } .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; }
  .rsg-page .se7-swap { grid-template-columns:1fr; }
  .rsg-page .se7-swap .a { transform:rotate(90deg); padding:6px 0; background:none; }
  .rsg-page .se7-swap .g { padding-bottom:5px; }
  .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; } .rsg-page .tw7-mid::before { display:none; } .rsg-page .tw7-persona { flex-direction:row; width:auto; gap:12px; padding:12px 18px; } .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; } .rsg-page .hc-left { border-right:none; border-bottom:1px solid var(--line-2); align-items:center; text-align:center; } .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; } .rsg-page .ovp-rec { grid-template-columns:1fr; gap:20px; } .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; }
@keyframes sysPulse { 0% { transform:scale(1); opacity:.75; } 100% { transform:scale(1.34); opacity:0; } }
.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; } .rsg-page .sys-spokes { display:none; } .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; }
@keyframes ex9pulse { 0% { box-shadow:0 0 0 0 rgba(44,122,75,.5); } 70%,100% { box-shadow:0 0 0 8px rgba(44,122,75,0); } }
.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; } .rsg-page .kr-round { width:52px; height:52px; } .rsg-page .kr-feature h3 { font-size:20px; } .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; } .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; }
@keyframes smmcSpin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .rsg-page .smmc-beam-glow, .rsg-page .smmc-border::before { animation:none !important; } .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; } .rsg-page .smmc-rail { width:58px; padding:14px 0; } .rsg-page .smmc-rail-tag { font-size:9px; } .rsg-page .smmc-rail-logo { width:38px; height:38px; } .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; }
@keyframes smmcCvSlide { from { transform:translateX(-50%); } to { transform:translateX(0); } }
.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; } .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; } .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); }
@keyframes smmcScroll { from { transform:translateY(0); } to { transform:translateY(-50%); } }
.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; }
@keyframes smmcPulse { 0% { box-shadow:0 0 0 0 rgba(55,226,126,.6); } 70% { box-shadow:0 0 0 9px rgba(55,226,126,0); } 100% { box-shadow:0 0 0 0 rgba(55,226,126,0); } }
@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; } .rsg-page .smmc { height:560px; } .rsg-page .smmc-proof { left:0; } .rsg-page .smmc-plat { right:8px; } }
@media (max-width:480px){ .rsg-page .smmc { height:460px; border-radius:20px; } .rsg-page .smmc-proof { max-width:230px; padding:10px 13px; bottom:16px; } .rsg-page .smmc-proof-tx b { font-size:12.5px; } .rsg-page .smmc-proof-tx span { font-size:11px; } }