/* ─── S72 FEATURES v2 — bento mockup (?hero=v2 only) ─── */
.rcfeat-eyebrow{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#3A43D1; background:#eef0fe; padding:7px 16px; border-radius:999px; margin-bottom:18px; }
.container-custom.rcfeat-wide{ max-width:1340px; }
body.business-home .rcfeat-title{ font-size:50px; line-height:1.08; font-weight:800; letter-spacing:-0.025em; color:#0F1235; margin:0 auto 18px; max-width:720px; }
body.business-home .rcfeat-title em{ font-style:normal; background:linear-gradient(90deg,#3A43D1,#2f8fd6 55%,#1FB6A6); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.rcfeat-sub{ color:#6c7393 !important; font-size:17px; line-height:1.6; }

.rcfeat-bento{ display:grid; grid-template-columns:repeat(6,1fr); gap:22px; margin-top:34px; text-align:left;
  grid-template-areas:"ins ins ins col col col" "ins ins ins boo boo boo" "res res sho sho pro pro"; }
.rcfeat-cell{ background:#fff; border:1px solid #eef0f6; border-radius:20px; padding:34px; box-shadow:0 18px 50px -34px rgba(8,13,63,0.32); }
.rcfeat-cell--ins{ background:linear-gradient(160deg,#f5f6ff 0%,#edf0fe 100%); border-color:#e4e7fb; display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:stretch; }
.rcfeat-cell--ins .rcfeat-copy{ display:flex; flex-direction:column; min-width:0; }
.rcfeat-cell--ins .rcfeat-p{ margin:0; }
.rcfeat-mocks{ display:flex; flex-direction:column; justify-content:flex-start; gap:16px; min-width:0; }
.rcfeat-statbox{ display:flex; width:100%; min-width:0; background:#fff; border:1px solid #eef0f6; border-radius:14px; overflow:hidden; margin-top:28px; }
.rcfeat-stat{ flex:1 1 0; min-width:0; padding:16px 12px; display:flex; flex-direction:column; }
.rcfeat-stat + .rcfeat-stat{ border-left:1px solid #eef0f6; }
.rcfeat-stat__n{ font-size:27px; font-weight:800; color:#0F1235; line-height:1; display:flex; align-items:center; gap:6px; }
.rcfeat-stat__n i{ font-size:14px; color:#16a34a; }
.rcfeat-stat__l{ font-size:12px; color:#6c7393; margin-top:8px; line-height:1.3; }
.rcfeat-stat__d{ font-size:11.5px; color:#16a34a; margin-top:8px; font-weight:600; line-height:1.4; }


.rcfeat-kick{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; padding:5px 12px; border-radius:999px; margin-bottom:14px; }
.rcfeat-kick--blue,.rcfeat-kick--aurora{ color:#3A43D1; background:#eef0fe; }
.rcfeat-kick--teal{ color:#0E8F73; background:#e7faf4; }
.rcfeat-kick--purple{ color:#7c3aed; background:#f3edff; }

body.business-home .rcfeat-h{ font-size:24px; font-weight:800; letter-spacing:-0.02em; line-height:1.2; color:#0F1235; margin:0 0 12px; }
body.business-home .rcfeat-h--sm{ font-size:19px; }
body.business-home .rcfeat-p{ font-size:14.5px; line-height:1.6; color:#6c7393; margin:0; }

.rcfeat-mk{ background:#fff; border:1px solid #eef0f6; border-radius:14px; padding:16px; }
.rcfeat-mk__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.rcfeat-mk__title{ font-size:13px; font-weight:700; color:#0F1235; }
.rcfeat-mk__badge{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; font-weight:800; color:#0F1235; background:#f7f8fd; padding:4px 9px; border-radius:8px; }
.rcfeat-mk__badge em{ font-style:normal; color:#16a34a; font-size:11px; }
.rcfeat-line{ width:100%; height:78px; display:block; }
.rcfeat-mk__x{ display:flex; justify-content:space-between; font-size:10px; color:#9aa0bf; margin-top:7px; }
.rcfeat-stars{ height:13px; width:auto; vertical-align:middle; }
.rcfeat-stars--lg{ height:18px; }
.rcfeat-goldstars{ display:inline-flex; align-items:center; gap:1px; vertical-align:middle; }
.rcfeat-goldstars svg{ display:block; }

.rcfeat-donutwrap{ display:flex; align-items:center; gap:20px; margin-top:6px; }
.rcfeat-donut{ position:relative; width:108px; height:108px; flex:0 0 auto; }
.rcfeat-donut svg{ width:108px; height:108px; display:block; }
.rcfeat-donut__c{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:21px; font-weight:800; color:#0F1235; }
.rcfeat-legend{ list-style:none; margin:0; padding:0; flex:1; }
.rcfeat-legend li{ display:flex; align-items:center; font-size:12.5px; color:#3a4060; padding:4px 0; }
.rcfeat-legend em{ font-style:normal; margin-left:auto; font-weight:700; color:#0F1235; }
.rcfeat-dot{ width:9px; height:9px; border-radius:50%; margin-right:9px; flex:0 0 auto; }

.rcfeat-row{ display:flex; gap:22px; align-items:center; }
.rcfeat-row .rcfeat-copy{ flex:1 1 0; min-width:0; }
[style*="grid-area:col"] .rcfeat-h{ max-width:21ch; }

.rcfeat-invite{ position:relative; flex:0 0 210px; background:#fff; border:1px solid #eef0f6; border-radius:16px; padding:26px 22px; text-align:center; box-shadow:0 14px 36px -22px rgba(8,13,63,0.4); }
.rcfeat-invite__fly{ position:absolute; left:-70px; top:50%; transform:translateY(-50%); width:92px; height:64px; pointer-events:none; z-index:1; }
.rcfeat-invite__trail{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.rcfeat-invite__plane{ position:absolute; left:58px; top:-2px; color:#3A43D1; font-size:30px; transform:rotate(-26deg); opacity:.95; z-index:2; }
.rcfeat-invite__q{ display:block; font-size:15px; font-weight:700; color:#0F1235; margin-bottom:14px; line-height:1.3; }
.rcfeat-invite__btn{ display:block; margin:16px 0 12px; background:#3A43D1; color:#fff; font-size:13.5px; font-weight:700; padding:11px; border-radius:9px; }
.rcfeat-invite__pb{ display:block; font-size:10.5px; color:#9aa0bf; }
.rcfeat-invite__pb strong{ color:#3A43D1; }

.rcfeat-serp{ flex:1.15 1 0; min-width:0; background:#fff; border:1px solid #eef0f6; border-radius:14px; padding:18px 20px; box-shadow:0 14px 36px -24px rgba(8,13,63,0.4); display:flex; flex-direction:column; gap:6px; }
.rcfeat-serp__name{ font-size:16px; font-weight:700; color:#1a0dab; }
.rcfeat-serp__url{ font-size:12px; color:#0E8F73; }
.rcfeat-serp__rate{ display:flex; align-items:center; gap:5px; font-size:12.5px; color:#3a4060; margin-top:2px; }
.rcfeat-serp__rate em{ font-style:normal; color:#9aa0bf; }
.rcfeat-serp__skel{ height:7px; border-radius:4px; background:#eef0f6; }
.rcfeat-serp__skel--s{ width:65%; }
.rcfeat-serp__top{ display:inline-flex; align-items:center; gap:6px; font-size:11px; color:#6c7393; background:#f7f8fd; border:1px solid #eef0f6; padding:5px 9px; border-radius:8px; align-self:flex-end; margin-top:6px; }
.rcfeat-serp__top svg{ display:block; }

.rcfeat-rev{ margin-top:18px; background:#fff; border:1px solid #eef0f6; border-radius:14px; padding:15px; }
.rcfeat-rev__top{ display:flex; align-items:center; gap:11px; }
.rcfeat-rev__av{ width:38px; height:38px; flex:0 0 auto; border-radius:50%; background:#3A43D1; color:#fff; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.rcfeat-rev__name{ font-size:13.5px; font-weight:700; color:#0F1235; margin-bottom:4px; }
.rcfeat-rev__ago{ font-weight:500; color:#9aa0bf; font-size:11.5px; margin-left:6px; }
body.business-home .rcfeat-rev__body{ font-size:13px; color:#3a4060; line-height:1.5; margin:11px 0 0; }
.rcfeat-rev__reply{ margin-top:12px; background:#e7faf4; border-radius:10px; padding:11px 12px; }
.rcfeat-rev__rlabel{ font-size:11.5px; font-weight:700; color:#0E8F73; }
body.business-home .rcfeat-rev__reply p{ font-size:12.5px; color:#2a3050; line-height:1.5; margin:5px 0 0; }
.rcfeat-rev__just{ display:flex; align-items:center; gap:5px; font-size:10.5px; color:#0E8F73; margin-top:7px; }

.rcfeat-badgecard{ margin-top:18px; background:#fff; border:1px solid #eef0f6; border-radius:14px; padding:18px; text-align:center; }
.rcfeat-badgecard__rate{ display:inline-flex; align-items:center; gap:9px; font-size:28px; font-weight:800; color:#0F1235; }
.rcfeat-badgecard__l{ display:block; font-size:12px; color:#6c7393; margin-top:8px; }
.rcfeat-logos{ display:flex; gap:10px; margin-top:14px; }
.rcfeat-logos span{ flex:1; height:48px; background:#f7f8fd; border:1px solid #eef0f6; border-radius:11px; display:flex; align-items:center; justify-content:center; }
.rcfeat-logos span svg{ display:block; }

.rcfeat-alert{ margin-top:18px; background:#fef5f5; border:1px solid #f7d8d8; border-radius:14px; padding:15px; }
.rcfeat-alert__h{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:700; color:#dc2626; }
.rcfeat-alert__t{ display:block; font-size:12.5px; color:#3a4060; margin-top:8px; }
.rcfeat-alert__row{ display:flex; align-items:center; gap:12px; margin-top:12px; }
.rcfeat-alert__spark{ width:120px; height:42px; flex:0 0 auto; }
.rcfeat-alert__pct{ font-size:22px; font-weight:800; color:#dc2626; display:flex; flex-direction:column; line-height:1.1; }
.rcfeat-alert__pct em{ font-style:normal; font-size:10.5px; font-weight:500; color:#9aa0bf; }

@media (max-width:1100px){
  .rcfeat-bento{ grid-template-columns:1fr; grid-template-areas:"ins" "col" "boo" "res" "sho" "pro"; }
  .rcfeat-cell--ins{ grid-template-columns:1fr; gap:24px; }
  body.business-home .rcfeat-title{ font-size:36px; }
}
@media (max-width:560px){
  .rcfeat-row{ flex-direction:column; align-items:stretch; }
  .rcfeat-invite,.rcfeat-serp{ flex-basis:auto; }
  .rcfeat-invite__fly{ display:none; }
  .rcfeat-donutwrap{ flex-wrap:wrap; }
  .rcfeat-stats{ flex-wrap:wrap; }
  body.business-home .rcfeat-title{ font-size:30px; }
}
@media (prefers-reduced-motion: reduce){ .rcfeat-cell{ transition:none !important; } }

/* S73: clip CTA corner-glow on homepage cta-section (.cta-card here lacks the body-scoped overflow:hidden) -> kills 128px page overflow */
.cta-section .cta-card{ position:relative; overflow:hidden; }

/* S73: kill glass panel on v2 Premium-Intelligence cards; keep contents (icon+title+text+white receipt) on dark bg */
.prem-card.prem-card--bare{ background:transparent !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; padding:0 !important; }
.prem-card.prem-card--bare:hover{ background:transparent !important; border:0 !important; transform:none !important; }

/* S73: stacked full-width Premium-Intelligence receipts (bare cards, white tables fill the row) */
.prem-card.prem-card--bare .pintel-receipt{ background:#fff; border-radius:16px; box-shadow:0 26px 54px -30px rgba(0,0,0,0.7); padding:6px 8px; margin-top:16px; width:100%; }
.prem-card.prem-card--bare .pintel-cbtable{ width:100%; }
.prem-card.prem-card--bare .pintel-cbtable .cb-results-td:first-child,.prem-card.prem-card--bare .pintel-cbtable .cb-results-th:first-child{ width:34%; }
.prem-card.prem-card--bare .pintel-rhgrid > div{ grid-template-columns:1.4fr 1.5fr 1.4fr 1fr 0.8fr 1.1fr !important; }
/* fullwidth-stack marker */

/* S73: stacked RH card pinned to the far-right of its row */

/* S73: CB pinned left, RH pinned right, both equal width + equal panel height */
.prem-cb-left{ display:flex; justify-content:flex-start; }
.prem-rh-right{ display:flex; justify-content:flex-end; }
.prem-cb-left .prem-card,.prem-rh-right .prem-card{ width:100%; max-width:880px; }
.prem-cb-left .prem-card-icon,.prem-cb-left .prem-card-body,.prem-rh-right .prem-card-icon,.prem-rh-right .prem-card-body{ text-align:left; }
/* equal panel height: both receipts share a min-height so the white cards match */
.prem-card--bare .pintel-receipt{ min-height:360px; display:flex; flex-direction:column; justify-content:flex-start; }
@media (max-width:991px){ .prem-cb-left .prem-card,.prem-rh-right .prem-card{ max-width:100%; } .prem-card--bare .pintel-receipt{ min-height:0; } }

/* S73: Premium-Intelligence receipt animations (stagger-in once + looping sparkline draw) */
.pintel-receipt .cb-results-tr,.pintel-receipt .cb-results-tr--mine,.pintel-rhgrid > div:not(:first-child){ opacity:0; transform:translateY(10px); }
.pintel-anim-in .cb-results-tr,.pintel-anim-in .cb-results-tr--mine,.pintel-anim-in.pintel-rhgrid > div:not(:first-child),.pintel-anim-in .pintel-rhgrid > div:not(:first-child){ animation:pintel-row 0.5s ease forwards; }
.pintel-anim-in .cb-results-tr:nth-child(1),.pintel-anim-in .pintel-rhgrid > div:nth-child(2){ animation-delay:0.05s; }
.pintel-anim-in .cb-results-tr:nth-child(2),.pintel-anim-in .pintel-rhgrid > div:nth-child(3){ animation-delay:0.13s; }
.pintel-anim-in .cb-results-tr:nth-child(3),.pintel-anim-in .pintel-rhgrid > div:nth-child(4){ animation-delay:0.21s; }
.pintel-anim-in .cb-results-tr:nth-child(4),.pintel-anim-in .pintel-rhgrid > div:nth-child(5){ animation-delay:0.29s; }
.pintel-anim-in .pintel-rhgrid > div:nth-child(6){ animation-delay:0.37s; }
.pintel-anim-in .pintel-rhgrid > div:nth-child(7){ animation-delay:0.45s; }
.pintel-anim-in .pintel-rhgrid > div:nth-child(8){ animation-delay:0.53s; }
@keyframes pintel-row{ to{ opacity:1; transform:translateY(0); } }
/* looping sparkline self-draw */
.pintel-receipt .ins-sparkline polyline{ stroke-dasharray:200; stroke-dashoffset:0; }
.pintel-anim-in .ins-sparkline polyline,.pintel-receipt.pintel-anim-in .ins-sparkline polyline{ animation:pintel-draw 3.2s ease-in-out infinite; }
@keyframes pintel-draw{ 0%{ stroke-dashoffset:200; } 55%{ stroke-dashoffset:0; } 100%{ stroke-dashoffset:0; } }
@media (prefers-reduced-motion: reduce){
  .pintel-receipt .cb-results-tr,.pintel-receipt .cb-results-tr--mine,.pintel-rhgrid > div{ opacity:1 !important; transform:none !important; animation:none !important; }
  .pintel-receipt .ins-sparkline polyline{ animation:none !important; stroke-dashoffset:0 !important; }
}

/* S73: cta redesign — flat aurora, no gradient, homepage only; restores padding (fixes cut-off) */
body.business-home .cta-section{ padding:64px 0 88px !important; }
body.business-home .cta-section .cta-card{ background:#3A43D1 !important; border-radius:24px !important; padding:64px 48px !important; max-width:1120px; margin:0 auto; overflow:hidden; position:relative; box-shadow:0 30px 70px -34px rgba(58,67,209,0.55); }
body.business-home .cta-section .cta-card-decoration{ background:radial-gradient(circle, rgba(91,230,201,0.22) 0%, transparent 70%) !important; }
body.business-home .cta-section .cta-title{ color:#ffffff !important; }
body.business-home .cta-section .cta-text{ color:rgba(255,255,255,0.82) !important; }
body.business-home .cta-section .cta-footnote{ color:rgba(255,255,255,0.6); margin-top:14px; }
@media (max-width:767.98px){ body.business-home .cta-section{ padding:40px 16px 56px !important; } body.business-home .cta-section .cta-card{ padding:40px 24px !important; border-radius:18px !important; } }

/* S74d: mobile prem-intel -- stack card so icon+title sit ON TOP and table spans full width from icon's left edge (mobile only) */
@media (max-width:767.98px){
  body.business-home .prem-intel-section{ overflow-x:hidden; }
  .prem-intel-bleed{ max-width:100%; }
  .prem-cb-left, .prem-rh-right{ display:block; }
  .prem-cb-left .prem-card, .prem-rh-right .prem-card{ width:100%; max-width:100%; }
  /* stack: icon + title row on top, body (incl. table) full-width below */
  .business-home .prem-card.prem-card--bare{ flex-direction:column; gap:12px; }
  .prem-card.prem-card--bare .prem-card-body{ width:100%; }
  .prem-card.prem-card--bare .pintel-receipt{ width:100%; max-width:100%; overflow:hidden; padding:5px 6px; }
  /* CB table: fixed layout forces all 6 cols into the card; hide Growth sparkline, wrap headers, shrink */
  .prem-card.prem-card--bare .pintel-cbtable{ width:100%; min-width:0; table-layout:fixed; font-size:11px; }
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-th,
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-td{ padding:7px 3px; white-space:normal !important; overflow:hidden; text-overflow:ellipsis; }
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-th{ font-size:9px; }
  /* let inline nowrap spans wrap so columns can shrink */
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-td span{ white-space:normal !important; font-size:11px !important; }
  /* hide the Growth-column sparkline on mobile (reclaims the width that pushes Growth off-screen) */
  .prem-card.prem-card--bare .pintel-cbtable .ins-sparkline{ display:none !important; }
  /* widen Business col a touch, keep the other 5 even */
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-th:first-child,
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-td:first-child{ width:26% !important; }
  /* shrink the business-row icon/avatar so the name cell fits */
  .prem-card.prem-card--bare .pintel-cbtable .cb-results-td:first-child div[style*="38px"]{ width:26px !important; height:26px !important; }
  /* heatmap grid: full width lets columns breathe; hide sparkline, keep all 6 cols */
  .prem-card.prem-card--bare .pintel-rhgrid > div{
    grid-template-columns:1.4fr 1fr 0.9fr 1fr 0.7fr 1.2fr !important;
    gap:6px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:11px !important;
  }
  .prem-card.prem-card--bare .pintel-rhgrid .ins-sparkline{ display:none !important; }
  .prem-card.prem-card--bare .pintel-rhgrid > div span{ font-size:12px !important; }
}