
/* §9 — touchpoint consistency strip + in-card CTAs */
.rsg-page .tp-strip { background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-md); padding:22px 22px 24px; margin:0 0 30px; }
.rsg-page .tp-head { display:flex; align-items:center; gap:11px; margin-bottom:18px; }
.rsg-page .tp-head .tph-core { display:inline-flex; align-items:center; gap:9px; background:linear-gradient(135deg,#143E25,#2C7A4B); color:#fff; border-radius:999px; padding:9px 16px; }
.rsg-page .tp-head .tph-core .tphm { width:22px; height:22px; border-radius:50%; background:rgba(52,209,127,0.18); display:flex; align-items:center; justify-content:center; }
.rsg-page .tp-head .tph-core .tphm svg { width:13px; height:13px; }
.rsg-page .tp-head .tph-core b { font-family:var(--font-display); font-weight:800; font-size:13px; letter-spacing:0.02em; }
.rsg-page .tp-head .tph-note { font-size:12.5px; color:var(--ink-500); }
.rsg-page .tp-tiles { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.rsg-page .tp-tile { border:1px solid var(--line); border-radius:12px; padding:14px 8px 12px; text-align:center; background:var(--paper-soft); transition:transform .2s,box-shadow .2s; }
.rsg-page .tp-tile:hover { transform:translateY(-3px); box-shadow:0 12px 24px rgba(0,0,0,0.06); }
.rsg-page .tp-tile .tpt-mark { width:32px; height:32px; margin:0 auto 9px; border-radius:50%; background:linear-gradient(135deg,#143E25,#2C7A4B); display:flex; align-items:center; justify-content:center; }
.rsg-page .tp-tile .tpt-mark svg { width:17px; height:17px; }
.rsg-page .tp-tile span { display:block; font-family:var(--font-mono); font-size:10px; letter-spacing:0.06em; text-transform:uppercase; font-weight:700; color:var(--ink-900); }
.rsg-page .lp-card .lp-cta { display:inline-flex; align-items:center; gap:7px; margin-top:14px; font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.04em; text-transform:uppercase; font-weight:700; color:var(--green-700); text-decoration:none; }
.rsg-page .lp-card .lp-cta svg { width:14px; height:14px; transition:transform .2s; }
.rsg-page .lp-card .lp-cta:hover svg { transform:translateX(3px); }
.rsg-page .lp-foot { display:flex; justify-content:flex-end; margin-top:6px; }
/* §9 enhancement — connected "brand thread" + premium glow medallions */
.rsg-page .tp-strip { background:linear-gradient(180deg,#FFFFFF 0%,#F7FBF8 100%); box-shadow:0 1px 2px rgba(20,62,37,0.05), 0 18px 40px -26px rgba(20,62,37,0.22); padding:24px 26px 26px; }
.rsg-page .tp-tiles { position:relative; padding-top:6px; }
.rsg-page .tp-tiles::before { content:""; position:absolute; left:8.5%; right:8.5%; top:38px; height:3px; border-radius:3px; background:linear-gradient(90deg, rgba(44,122,75,0) 0%, rgba(44,122,75,0.55) 14%, rgba(44,122,75,0.55) 86%, rgba(44,122,75,0) 100%); z-index:0; }
.rsg-page .tp-tile { border:0 !important; background:transparent !important; box-shadow:none !important; padding:8px 6px 4px; position:relative; z-index:1; }
.rsg-page .tp-tile:hover { transform:none; }
.rsg-page .tp-tile .tpt-mark { width:48px; height:48px; margin:0 auto 12px; box-shadow:0 0 0 5px #fff, 0 7px 16px rgba(20,62,37,0.26); transition:transform .22s, box-shadow .22s; }
.rsg-page .tp-tile:hover .tpt-mark { transform:translateY(-4px) scale(1.07); box-shadow:0 0 0 5px #fff, 0 14px 26px rgba(20,62,37,0.42); }
.rsg-page .tp-tile .tpt-mark svg { width:21px; height:21px; }
.rsg-page .tp-tile span { font-size:10.5px; }
/* §9 channel cards — live-status + mini-viz (adapted from hosting iw-card; greener viz + keeps the in-card CTA) */
.rsg-page .lp-card .iw-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; position:relative; z-index:1; }
.rsg-page .lp-card .iw-chip { 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 6px 14px rgba(44,122,75,0.26); }
.rsg-page .lp-card .iw-chip svg { width:20px; height:20px; }
.rsg-page .lp-card .iw-status { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; letter-spacing:0.06em; text-transform:uppercase; font-weight:700; color:var(--green-700); background:var(--green-50); border:1px solid rgba(44,122,75,0.22); border-radius:999px; padding:5px 11px; white-space:nowrap; }
.rsg-page .lp-card .iw-status::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 3px rgba(44,122,75,0.16); flex-shrink:0; }
.rsg-page .lp-card .iw-viz { height:104px; border:1px solid rgba(44,122,75,0.16); border-radius:12px; background:linear-gradient(180deg,#FBFDFC,#EFF6F1); padding:12px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin:0 0 16px; position:relative; z-index:1; }
.rsg-page .lp-card .iw-viz svg { height:80px; width:auto; max-width:100%; display:block; }
@media (max-width:880px){ .rsg-page .tp-tiles::before { display:none; } }
@media (max-width:880px){ .rsg-page .tp-tiles { grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px){ .rsg-page .tp-tiles { grid-template-columns:repeat(2,1fr); } }
