/* Round 2 turnkey kit (FB + Discover Managed Distribution pages).
   Tags + platform accents from brand-r2 (r2.0). Amber stays the CTA colour; platform colour = accents only. */
:root{
  --tag-content-dark-bg:rgba(240,120,90,.13);--tag-content-dark-border:rgba(240,120,90,.38);--tag-content-dark-text:#f49c87;--tag-content-dot:#f0785a;--tag-content-cream-bg:#fadecf;--tag-content-cream-border:#f2b298;--tag-content-cream-text:#894433;
  --tag-growth-dark-bg:rgba(159,207,86,.13);--tag-growth-dark-border:rgba(159,207,86,.38);--tag-growth-dark-text:#9fcf56;--tag-growth-dot:#9fcf56;--tag-growth-cream-bg:#eaf0ce;--tag-growth-cream-border:#cade96;--tag-growth-cream-text:#4e652a;
  --tag-money-dark-bg:rgba(61,187,124,.13);--tag-money-dark-border:rgba(61,187,124,.38);--tag-money-dark-text:#62c895;--tag-money-dot:#3dbb7c;--tag-money-cream-bg:#d7ecd6;--tag-money-cream-border:#99d4a9;--tag-money-cream-text:#216543;
  --tag-traffic-dark-bg:rgba(47,191,184,.13);--tag-traffic-dark-border:rgba(47,191,184,.38);--tag-traffic-dark-text:#4cc8c2;--tag-traffic-dot:#2fbfb8;--tag-traffic-cream-bg:#d4ede2;--tag-traffic-cream-border:#92d6c7;--tag-traffic-cream-text:#196562;
  --tag-media-dark-bg:rgba(224,108,196,.13);--tag-media-dark-border:rgba(224,108,196,.38);--tag-media-dark-text:#e998d6;--tag-media-dot:#e06cc4;--tag-media-cream-bg:#f7dce4;--tag-media-cream-border:#eaaccd;--tag-media-cream-text:#823f72;
  --tag-legal-dark-bg:rgba(236,107,134,.13);--tag-legal-dark-border:rgba(236,107,134,.38);--tag-legal-dark-text:#f299ac;--tag-legal-dot:#ec6b86;--tag-legal-cream-bg:#fadcd8;--tag-legal-cream-border:#f0acae;--tag-legal-cream-text:#8b3f4f;
  --tag-systems-dark-bg:rgba(142,162,184,.13);--tag-systems-dark-border:rgba(142,162,184,.38);--tag-systems-dark-text:#a8b7c8;--tag-systems-dot:#8ea2b8;--tag-systems-cream-bg:#e7e7e2;--tag-systems-cream-border:#c2c7c7;--tag-systems-cream-text:#505b67;
  --tag-business-dark-bg:rgba(194,171,138,.13);--tag-business-dark-border:rgba(194,171,138,.38);--tag-business-dark-text:#c9b497;--tag-business-dot:#c2ab8a;--tag-business-cream-bg:#f1e9d8;--tag-business-cream-border:#dcccb0;--tag-business-cream-text:#655948;
  --pf-facebook-base:#1877f2;--pf-facebook-tint:#79b0f7;--pf-facebook-ink:#1360c4;--pf-facebook-surface:rgba(24,119,242,.14);--pf-facebook-border:rgba(24,119,242,.38);--pf-facebook-glow:rgba(24,119,242,.35);
  --pf-google-base:#4285f4;--pf-google-tint:#91b8f9;--pf-google-ink:#3162b5;--pf-google-surface:rgba(66,133,244,.14);--pf-google-border:rgba(66,133,244,.38);--pf-google-glow:rgba(66,133,244,.35);
  --pf-google-blue:#4285f4;--pf-google-red:#ea4335;--pf-google-yellow:#fbbc05;--pf-google-green:#34a853
}
[data-pf="facebook"]{--pf:var(--pf-facebook-base);--pf-tint:var(--pf-facebook-tint);--pf-ink:var(--pf-facebook-ink);--pf-surface:var(--pf-facebook-surface);--pf-border:var(--pf-facebook-border);--pf-glow:var(--pf-facebook-glow)}
[data-pf="google"]{--pf:var(--pf-google-base);--pf-tint:var(--pf-google-tint);--pf-ink:var(--pf-google-ink);--pf-surface:var(--pf-google-surface);--pf-border:var(--pf-google-border);--pf-glow:var(--pf-google-glow)}
.pf-bar{height:4px;background:var(--pf);border-radius:4px 4px 0 0}
[data-pf="google"] .pf-bar,.pf-bar--g4{background:linear-gradient(90deg,var(--pf-google-blue) 0 25%,var(--pf-google-red) 25% 50%,var(--pf-google-yellow) 50% 75%,var(--pf-google-green) 75% 100%)}
.tag{display:inline-flex;align-items:center;gap:7px;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--tg-border);background:var(--tg-bg);color:var(--tg-text);white-space:nowrap}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tg-dot)}
[data-tag="content"]{--tg-bg:var(--tag-content-dark-bg);--tg-border:var(--tag-content-dark-border);--tg-text:var(--tag-content-dark-text);--tg-dot:var(--tag-content-dot)}
[data-tag="growth"]{--tg-bg:var(--tag-growth-dark-bg);--tg-border:var(--tag-growth-dark-border);--tg-text:var(--tag-growth-dark-text);--tg-dot:var(--tag-growth-dot)}
[data-tag="money"]{--tg-bg:var(--tag-money-dark-bg);--tg-border:var(--tag-money-dark-border);--tg-text:var(--tag-money-dark-text);--tg-dot:var(--tag-money-dot)}
[data-tag="traffic"]{--tg-bg:var(--tag-traffic-dark-bg);--tg-border:var(--tag-traffic-dark-border);--tg-text:var(--tag-traffic-dark-text);--tg-dot:var(--tag-traffic-dot)}
[data-tag="media"]{--tg-bg:var(--tag-media-dark-bg);--tg-border:var(--tag-media-dark-border);--tg-text:var(--tag-media-dark-text);--tg-dot:var(--tag-media-dot)}
[data-tag="legal"]{--tg-bg:var(--tag-legal-dark-bg);--tg-border:var(--tag-legal-dark-border);--tg-text:var(--tag-legal-dark-text);--tg-dot:var(--tag-legal-dot)}
[data-tag="systems"]{--tg-bg:var(--tag-systems-dark-bg);--tg-border:var(--tag-systems-dark-border);--tg-text:var(--tag-systems-dark-text);--tg-dot:var(--tag-systems-dot)}
[data-tag="business"]{--tg-bg:var(--tag-business-dark-bg);--tg-border:var(--tag-business-dark-border);--tg-text:var(--tag-business-dark-text);--tg-dot:var(--tag-business-dot)}
.is-cream [data-tag="content"]{--tg-bg:var(--tag-content-cream-bg);--tg-border:var(--tag-content-cream-border);--tg-text:var(--tag-content-cream-text);--tg-dot:var(--tag-content-cream-text)}
.is-cream [data-tag="growth"]{--tg-bg:var(--tag-growth-cream-bg);--tg-border:var(--tag-growth-cream-border);--tg-text:var(--tag-growth-cream-text);--tg-dot:var(--tag-growth-cream-text)}
.is-cream [data-tag="money"]{--tg-bg:var(--tag-money-cream-bg);--tg-border:var(--tag-money-cream-border);--tg-text:var(--tag-money-cream-text);--tg-dot:var(--tag-money-cream-text)}
.is-cream [data-tag="traffic"]{--tg-bg:var(--tag-traffic-cream-bg);--tg-border:var(--tag-traffic-cream-border);--tg-text:var(--tag-traffic-cream-text);--tg-dot:var(--tag-traffic-cream-text)}
.is-cream [data-tag="media"]{--tg-bg:var(--tag-media-cream-bg);--tg-border:var(--tag-media-cream-border);--tg-text:var(--tag-media-cream-text);--tg-dot:var(--tag-media-cream-text)}
.is-cream [data-tag="legal"]{--tg-bg:var(--tag-legal-cream-bg);--tg-border:var(--tag-legal-cream-border);--tg-text:var(--tag-legal-cream-text);--tg-dot:var(--tag-legal-cream-text)}
.is-cream [data-tag="systems"]{--tg-bg:var(--tag-systems-cream-bg);--tg-border:var(--tag-systems-cream-border);--tg-text:var(--tag-systems-cream-text);--tg-dot:var(--tag-systems-cream-text)}
.is-cream [data-tag="business"]{--tg-bg:var(--tag-business-cream-bg);--tg-border:var(--tag-business-cream-border);--tg-text:var(--tag-business-cream-text);--tg-dot:var(--tag-business-cream-text)}

/* cream bands: token remap so shared components read on light */
.is-cream{background:var(--cream);color:var(--ink);--t1:var(--ink);--t2:var(--ink-soft);--t3:var(--ink-mute);--t4:var(--ink-mute);--line:rgba(10,10,10,.1);--rule:rgba(10,10,10,.2)}
.is-cream.is-paper{background:var(--paper)}
.is-cream .h1,.is-cream .h2,.is-cream .h2-sm,.is-cream .h3,.is-cream .h4{color:var(--ink)}
.is-cream .h2-sm em,.is-cream .h2 em{background:none;-webkit-text-fill-color:currentColor;color:var(--amber-deep)}
.is-cream .lead{color:var(--ink-soft)}
.is-cream .small{color:var(--ink-mute)}
.is-cream .eyebrow{color:var(--ink-mute)}
.is-cream .card{background:#fff;border-color:rgba(10,10,10,.08);box-shadow:0 1px 0 rgba(10,10,10,.04),0 18px 40px -28px rgba(10,10,10,.35)}
.is-dark{--t1:var(--cream);--t2:rgba(245,236,214,.72);--t3:rgba(245,236,214,.60);--t4:rgba(245,236,214,.34);--line:rgba(245,236,214,.08);--rule:rgba(245,236,214,.18);color:var(--cream)}

/* section head helper */
.r2-head{display:grid;gap:var(--s-4);max-width:760px;margin-bottom:var(--s-7)}
.r2-head--c{margin-inline:auto;text-align:center;justify-items:center}
.r2-head .lead{max-width:640px}

/* ── hero collage ── */
.r2-hero .l-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.r2-hero .btn-row{margin-top:var(--s-6)}
.r2-stats{display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-7);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line)}
.r2-stats>div{display:grid;gap:4px}
.r2-stats b{font-family:var(--display);font-weight:900;font-size:clamp(34px,3.4vw,48px);letter-spacing:-.04em;line-height:1;color:var(--amber)}
.r2-stats span{font-size:13px;color:var(--t3);max-width:16ch;line-height:1.35}
.r2-collage{position:relative;height:500px;isolation:isolate}
.r2-collage::before{content:"";position:absolute;inset:8% 4% 4% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--amber-rgb),.42),rgba(var(--amber-rgb),.10) 55%,transparent 75%);filter:blur(10px);z-index:-1}
.r2-m{position:absolute;background:linear-gradient(180deg,#1c1815,#0f0d0b);border:1px solid rgba(245,236,214,.12);border-radius:16px;box-shadow:0 34px 70px -24px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.3);overflow:hidden;color:var(--cream)}
.r2-m__in{padding:14px 16px 16px;display:grid;gap:12px}
.r2-m__hd{display:flex;align-items:center;gap:10px;font:600 12px/1.2 var(--sans);color:var(--cream)}
.r2-m__hd small{display:block;font:500 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(245,236,214,.5);margin-top:3px}
.r2-m__pill{margin-left:auto;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:rgba(61,187,124,.14);border:1px solid rgba(61,187,124,.4);color:#62c895}
.r2-glyph{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--pf);color:#fff;flex:none}
.r2-glyph svg{width:15px;height:15px}
.r2-bars{display:flex;align-items:flex-end;gap:5px;height:92px;padding:8px 0 0;border-bottom:1px solid rgba(245,236,214,.12)}
.r2-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(121,176,247,.95),rgba(24,119,242,.5));height:var(--h)}
.r2-bars i.is-a{background:linear-gradient(180deg,var(--amber),rgba(232,155,42,.45))}
.r2-rows{display:grid;gap:8px}
.r2-row{display:flex;align-items:center;gap:10px;font-size:11px;color:rgba(245,236,214,.72)}
.r2-row>span:first-child{width:74px;flex:none}
.r2-row .r2-track{flex:1;height:6px;border-radius:6px;background:rgba(245,236,214,.08);overflow:hidden}
.r2-row .r2-track i{display:block;height:100%;width:var(--w);border-radius:6px;background:var(--pf-tint,#79b0f7)}
.r2-row .r2-track i.is-a{background:var(--amber)}
.r2-up{font:600 10px/1 var(--mono);color:#62c895;letter-spacing:.06em}
.r2-line{display:block;width:100%;height:auto}
.r2-reel{background:#0b0a09}
.r2-reel__img{position:relative;aspect-ratio:9/13;background:radial-gradient(120% 80% at 20% 15%,rgba(232,155,42,.75),transparent 55%),radial-gradient(90% 70% at 85% 80%,rgba(24,119,242,.8),transparent 60%),linear-gradient(160deg,#2a1f14,#0d1a33)}
.r2-reel__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75))}
.r2-play{position:absolute;left:50%;top:44%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;background:rgba(10,10,10,.55);border:1.5px solid rgba(245,236,214,.85);display:grid;place-items:center;z-index:1}
.r2-play::before{content:"";margin-left:4px;border-left:15px solid var(--cream);border-block:9px solid transparent}
.r2-reel__cap{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:grid;gap:6px}
.r2-reel__cap b{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);display:flex;align-items:center;gap:6px}
.r2-ln{display:block;height:6px;border-radius:4px;background:rgba(245,236,214,.32)}
.r2-cap{margin:var(--s-3) 0 0;font-size:13px;color:var(--t3);text-align:center}
.r2-collage .r2-m--a{left:0;top:56px;width:60%;transform:rotate(-4deg);z-index:1}
.r2-collage .r2-m--b{right:0;top:0;width:58%;transform:rotate(3deg);z-index:2}
.r2-collage .r2-m--c{left:40%;top:210px;width:32%;transform:rotate(-1.5deg);z-index:3}
@media (max-width:980px){.r2-hero .l-hero__grid{grid-template-columns:1fr}.r2-collage{max-width:560px;width:100%;margin-inline:auto}}
@media (max-width:720px){
  .r2-collage{height:auto;display:grid;gap:14px;padding:6px 4px}
  .r2-collage .r2-m{position:relative;inset:auto;width:100%;transform:none}
  .r2-collage .r2-m--b{transform:rotate(1.5deg)}
  .r2-collage .r2-m--a{transform:rotate(-1.5deg)}
  .r2-collage .r2-m--x{display:none}
  .r2-stats{gap:var(--s-4) var(--s-5)}
}

/* ── logo marquee (cream) ── */
.r2-logos{padding-block:var(--s-7)}
.r2-logos__k{margin:0 0 var(--s-5);text-align:center;font-size:15px;font-weight:500;color:var(--ink-soft)}
.r2-logos__k b{font-family:var(--display);font-weight:800;color:var(--ink)}
.r2-marq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.r2-marq__t{display:flex;width:max-content;animation:r2marq 48s linear infinite}
.r2-marq:hover .r2-marq__t{animation-play-state:paused}
.r2-marq ul{display:flex;align-items:center;gap:56px;list-style:none;margin:0;padding:0 28px}
.r2-marq li{display:flex}
.r2-marq .lgm{height:30px;background:var(--ink-soft)}
@keyframes r2marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.r2-marq__t{animation:none;flex-wrap:wrap}.r2-marq ul[aria-hidden]{display:none}.r2-marq ul{flex-wrap:wrap;justify-content:center;row-gap:24px}.r2-marq{-webkit-mask:none;mask:none}}
@media (max-width:720px){.r2-marq ul{gap:36px}.r2-marq .lgm{height:24px}}

/* ── service cards with tags ── */
.r2-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}
.r2-svc__c{position:relative;display:grid;align-content:start;gap:12px;padding:0 0 26px;background:var(--card-grad);border:1px solid var(--line);border-radius:var(--r-card,20px);overflow:hidden}
.r2-svc__c>*:not(.pf-bar){margin-inline:24px}
.r2-svc__c .pf-bar{margin-bottom:12px;opacity:.9}
.r2-svc__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.r2-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--pf-surface);border:1px solid var(--pf-border);color:var(--pf-tint);flex:none}
.r2-ico svg{width:22px;height:22px}
.r2-svc__n{font:800 13px/1 var(--mono);color:var(--t4);letter-spacing:.08em}
.r2-svc__c h3{margin:6px 0 0}
.r2-svc__c p{margin:0;color:var(--t2);font-size:15px;line-height:1.5}
@media (max-width:980px){.r2-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.r2-svc{grid-template-columns:1fr}}

/* ── 01/02/03 big-numeral steps ── */
.r2-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);counter-reset:s}
.r2-step{display:grid;align-content:start;gap:14px;padding:26px;border-radius:var(--r-card,20px)}
.r2-step__n{font-family:var(--display);font-weight:900;font-size:clamp(64px,7vw,96px);line-height:.85;letter-spacing:-.05em;color:var(--amber)}
.is-cream .r2-step__n{color:var(--amber-deep)}
.r2-step__g{height:118px;border-radius:14px;background:var(--ink);display:grid;place-items:center;overflow:hidden;position:relative}
.r2-step__g svg{width:100%;height:100%}
.r2-step h3{margin:0}
.r2-step p{margin:0}
.r2-asides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-5)}
.r2-aside{display:flex;gap:16px;align-items:flex-start;padding:22px 24px}
.r2-aside .r2-ico{background:var(--ink);border:0;color:var(--amber)}
.r2-aside h3{margin:10px 0 4px}
.r2-aside p{margin:0}
@media (max-width:900px){.r2-steps{grid-template-columns:1fr}.r2-asides{grid-template-columns:1fr}}

/* ── giant 50 | 50 split ── */
.r2-deal{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s-6);align-items:stretch}
.r2-split{position:relative;padding:34px 34px 28px;border-radius:24px;background:radial-gradient(90% 120% at 50% 0%,rgba(var(--amber-rgb),.18),transparent 60%),var(--card-grad);border:1px solid rgba(var(--amber-rgb),.35);box-shadow:0 40px 90px -50px rgba(var(--amber-rgb),.7);overflow:hidden}
.r2-split__lbl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.r2-split__lbl p{margin:0;font:600 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.r2-split__nums{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,3vw,40px)}
.r2-split__side{display:grid;justify-items:center;gap:8px}
.r2-split__n{font-family:var(--display);font-weight:900;font-size:clamp(96px,13vw,184px);line-height:.8;letter-spacing:-.06em;color:var(--amber);text-shadow:0 20px 60px rgba(var(--amber-rgb),.35)}
.r2-split__side--b .r2-split__n{color:var(--cream)}
.r2-split__k{font:700 12px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--t2)}
.r2-split__div{width:6px;align-self:stretch;min-height:150px;border-radius:6px;background:linear-gradient(180deg,transparent,var(--amber) 18%,var(--amber) 82%,transparent);box-shadow:0 0 28px rgba(var(--amber-rgb),.75)}
.r2-split__bar{display:flex;height:10px;border-radius:10px;overflow:hidden;margin-top:26px;gap:4px}
.r2-split__bar i{flex:1;background:var(--amber)}
.r2-split__bar i+i{background:rgba(245,236,214,.85)}
.r2-split__foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.r2-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--rule);color:var(--t1);background:rgba(245,236,214,.04)}
.r2-chip--a{border-color:rgba(var(--amber-rgb),.6);color:var(--amber);background:rgba(var(--amber-rgb),.08)}
.r2-chip svg{width:14px;height:14px}
.r2-side{display:grid;gap:var(--s-4);align-content:start}
.r2-side .card{padding:24px}
.r2-side .card h3{margin:0 0 6px}
.r2-side .card p{margin:0;color:var(--t2)}
.r2-side .card a:not(.btn){color:var(--amber)}
.r2-also{margin:0;font-size:14px;color:var(--t3)}
.r2-also a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.r2-deal{grid-template-columns:1fr}}
@media (max-width:520px){.r2-split{padding:26px 18px 22px}.r2-split__div{min-height:110px}}

/* ── results line charts ── */
.r2-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}
.r2-case{display:grid;align-content:start;gap:14px;padding:0 0 24px;border-radius:var(--r-card,20px);background:var(--card-grad);border:1px solid var(--line);overflow:hidden}
.r2-case>*:not(.pf-bar):not(.r2-chart){margin-inline:24px}
.r2-case .pf-bar{margin-bottom:8px}
.r2-case h3{margin:0}
.r2-case__stats{display:flex;gap:22px;flex-wrap:wrap}
.r2-case__stats span{display:grid;gap:2px;font-size:12px;color:var(--t3)}
.r2-case__stats b{font-family:var(--display);font-weight:900;font-size:34px;line-height:1;letter-spacing:-.03em;color:var(--amber)}
.r2-chart{margin:0 16px;padding:14px 10px 10px;border-radius:14px;background:var(--chart-plate,#0a0a0a);border:1px solid var(--line)}
.r2-chart svg{display:block;width:100%;height:auto;overflow:visible}
.r2-chart__x{display:flex;justify-content:space-between;gap:6px;margin-top:6px;font:500 10px/1.3 var(--mono);color:var(--t3);text-align:center}
.r2-chart__x span{flex:1}
.r2-chart__x span:first-child{text-align:left}.r2-chart__x span:last-child{text-align:right}
.r2-chart__src{display:block;margin-top:8px;font:500 10px/1.4 var(--mono);letter-spacing:.06em;color:var(--t4)}
.r2-case p{margin:0;color:var(--t2);font-size:14px;line-height:1.5}
.r2-case .r2-foot{font-size:12px;color:var(--t3)}
.r2-case .r2-disc{font-size:12px;color:var(--t3);padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:1060px){.r2-cases{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}

/* ── earnings band: statement + traits wall + plan ── */
.r2-earn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s-7);align-items:start}
.r2-earn__l{display:grid;gap:var(--s-4);position:sticky;top:110px}
.r2-earn__l .h2-sm{margin:0}
.r2-earn__l p{margin:0}
.r2-traits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.r2-traits li{display:grid;gap:12px;align-content:start;padding:18px 16px;border-radius:16px;background:#fff;border:1px solid rgba(10,10,10,.08);box-shadow:0 14px 30px -24px rgba(10,10,10,.4);font:700 15px/1.3 var(--display);color:var(--ink)}
.r2-traits .r2-ico{width:42px;height:42px;background:var(--ink);border:0;color:var(--amber)}
.r2-ng{margin:14px 0 0;font-size:14px;font-weight:600;color:var(--ink-soft)}
.r2-plan{margin-top:var(--s-7)}
.r2-plan>.em{margin:0}
.r2-plan--top{margin-top:0}
.r2-typ{margin:0;max-width:680px;font-size:15px;line-height:1.6;color:var(--t1)}
.r2-head .lead:has(+.r2-typ){color:var(--t1)}
@media (max-width:980px){.r2-earn{grid-template-columns:1fr}.r2-earn__l{position:static}}
@media (max-width:560px){.r2-traits{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── FAQ on cream ── */
.is-cream .faq details{border-color:rgba(10,10,10,.12)}
.is-cream .faq summary{color:var(--ink)}
.is-cream .faq p{color:var(--ink-soft)}
.is-cream .faq a{color:var(--signal-blue)}

/* ── FAM-style close, full-bleed amber ── */
.r2-close{position:relative;overflow:hidden;background:radial-gradient(80% 120% at 50% 0%,#f4b14c,transparent 70%),var(--amber);color:var(--ink);padding-block:clamp(72px,9vw,120px);text-align:center;isolation:isolate}
.r2-close .wrap{position:relative;z-index:1;display:grid;justify-items:center;gap:var(--s-4)}
.r2-close__art{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:0;max-width:1320px;margin-inline:auto;padding-inline:24px}
.r2-close__art span{width:132px;opacity:.16;margin-top:-30px;transform:rotate(-8deg);border-radius:14px;overflow:hidden;background:var(--ink);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.r2-close__art span:nth-child(2){margin-top:150px;transform:rotate(6deg)}
.r2-close__art span:nth-child(3){margin-top:160px;transform:rotate(-6deg);margin-left:auto}
.r2-close__art span:nth-child(4){margin-top:-20px;transform:rotate(8deg)}
.r2-close__art i{display:block}
.r2-close__art .a{height:18px;background:#1a1a1a}
.r2-close__art .b{aspect-ratio:1/1;background:linear-gradient(150deg,#3a2a14,#111 60%,#0d1a33)}
.r2-close__art .c{height:8px;margin:10px 12px 0;border-radius:4px;background:#3a3a3a}
.r2-close__art .d{height:8px;margin:8px 40px 14px 12px;border-radius:4px;background:#2a2a2a}
.r2-close__wm{position:absolute;left:50%;top:50%;translate:-50% -50%;font-family:var(--display);font-weight:900;font-size:clamp(180px,26vw,380px);line-height:1;letter-spacing:-.06em;color:rgba(10,10,10,.06);white-space:nowrap;z-index:0;pointer-events:none}
.r2-close .chip{background:transparent;border:1px solid rgba(10,10,10,.35);color:var(--ink);margin:0}
.r2-close h2{margin:0;color:var(--ink);font-family:var(--display);font-weight:900;font-size:clamp(40px,5.4vw,76px);line-height:1;letter-spacing:-.04em;max-width:15ch}
.r2-close h2 em{font-style:italic;color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.r2-close .lead{margin:0;color:rgba(10,10,10,.78);max-width:52ch}
.r2-close .btn-row{justify-content:center;margin-top:var(--s-3)}
.r2-close .btn{background:var(--ink);color:var(--cream);box-shadow:0 18px 36px -16px rgba(0,0,0,.6)}
.r2-close .btn:hover{background:#1d1a17;color:var(--cream)}
.r2-close .pib-trust{color:rgba(10,10,10,.75)}
.r2-close .pib-trust li::before{color:var(--ink)}
.r2-close .pib-proof,.r2-close .pib-proof span{color:rgba(10,10,10,.7)}
@media (max-width:980px){.r2-close__art{display:none}}

/* ── Discover: phone feed + flows ── */
.r2-phone{position:absolute;width:250px;border-radius:34px;padding:10px;background:#050505;border:1px solid rgba(245,236,214,.16);box-shadow:0 40px 80px -24px rgba(0,0,0,.9)}
.r2-phone__scr{border-radius:26px;overflow:hidden;background:#141210;padding:12px 10px;display:grid;gap:10px}
.r2-phone__top{display:flex;align-items:center;gap:8px;padding:2px 4px 6px}
.r2-phone__top b{font:700 13px/1 var(--sans);color:var(--cream)}
.r2-gdot{display:inline-flex;gap:3px}.r2-gdot i{width:7px;height:7px;border-radius:50%}
.r2-gdot i:nth-child(1){background:var(--pf-google-blue)}.r2-gdot i:nth-child(2){background:var(--pf-google-red)}.r2-gdot i:nth-child(3){background:var(--pf-google-yellow)}.r2-gdot i:nth-child(4){background:var(--pf-google-green)}
.r2-feed{border-radius:16px;overflow:hidden;background:#1e1b18;border:1px solid rgba(245,236,214,.08)}
.r2-feed__img{aspect-ratio:16/9;background:var(--img)}
.r2-feed__b{padding:9px 10px 11px;display:grid;gap:6px}
.r2-src{display:inline-flex;align-items:center;gap:6px;font:600 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(245,236,214,.6)}
.r2-src i{width:12px;height:12px;border-radius:4px;background:var(--amber)}
.r2-feed .r2-ln{height:7px;background:rgba(245,236,214,.55)}
.r2-feed .r2-ln+.r2-ln{width:70%;background:rgba(245,236,214,.3)}
.r2-collage--gd .r2-phone{right:4%;top:0;transform:rotate(3deg);z-index:2}
.r2-collage--gd .r2-m--t{left:0;top:120px;width:62%;transform:rotate(-4deg);z-index:1}
.r2-collage--gd .r2-m--s{left:18%;top:360px;width:44%;transform:rotate(2deg);z-index:3}
@media (max-width:720px){.r2-collage--gd .r2-phone{position:relative;right:auto;top:auto;transform:rotate(1.5deg);margin-inline:auto;width:min(260px,80%)}}
.r2-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.r2-node{position:relative;display:grid;gap:12px;align-content:start;padding:20px;border-radius:18px;background:var(--card-grad);border:1px solid var(--line)}
.r2-node:not(:last-child)::after{content:"";position:absolute;right:-16px;top:52px;width:14px;height:14px;border-top:2px solid var(--amber);border-right:2px solid var(--amber);transform:rotate(45deg);z-index:2}
.r2-node__g{height:120px;border-radius:12px;background:#0a0a0a;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.r2-node__g svg{width:100%;height:100%}
.r2-node__k{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.r2-node h3{margin:0}
.r2-node p{margin:0;font-size:14px;color:var(--t2)}
@media (max-width:980px){.r2-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.r2-node:nth-child(2)::after{display:none}}
@media (max-width:560px){.r2-flow{grid-template-columns:1fr}.r2-node:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-15px;transform:translateX(-50%) rotate(135deg)}}
.r2-tree{display:grid;justify-items:center;gap:0}
.r2-tree__n{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;padding:18px 26px;min-width:min(340px,100%);border-radius:18px;background:var(--card-grad);border:1px solid var(--line)}
.r2-tree__n b{font:800 17px/1.2 var(--display);color:var(--t1)}
.r2-tree__n span{font-size:13px;color:var(--t3)}
.r2-tree__n .tlink{font-size:13px;color:var(--amber)}
.r2-tree__n.is-here{border:2px solid var(--amber);box-shadow:0 0 0 6px rgba(var(--amber-rgb),.12),0 30px 70px -20px rgba(var(--amber-rgb),.7);background:radial-gradient(100% 140% at 50% 0%,rgba(var(--amber-rgb),.22),transparent 65%),var(--card-grad)}
.r2-tree__pill{font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--amber);color:var(--on-amber)}
.r2-tree__ar{width:2px;height:34px;background:linear-gradient(180deg,var(--rule),var(--amber));position:relative}
.r2-tree__ar::after{content:"";position:absolute;left:50%;bottom:-2px;width:9px;height:9px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:translateX(-50%) rotate(45deg)}
.r2-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}
.r2-fit__c{padding:28px;border-radius:20px}
.r2-fit__c--y{background:#fff;border:1.5px solid var(--amber-deep)}
.r2-fit__c--n{background:var(--cream-warm);border:1px solid rgba(10,10,10,.08)}
.r2-fit__c h3{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.r2-fit__c h3 .r2-ico{width:38px;height:38px;background:var(--ink);border:0;color:var(--amber)}
.r2-fit__c--n h3 .r2-ico{background:rgba(10,10,10,.08);color:var(--ink)}
.r2-fit ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.r2-fit li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.r2-fit li svg{width:18px;height:18px;margin-top:2px;color:var(--amber-deep)}
.r2-fit__c--n li svg{color:var(--ink-mute)}
@media (max-width:820px){.r2-fit{grid-template-columns:1fr}}
.r2-qual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-6);align-items:start}
@media (max-width:900px){.r2-qual{grid-template-columns:1fr}}
/* hero art (designer collage, 1200x900 transparent) */
.r2-art{position:relative;margin:0;isolation:isolate}
.r2-art::before{content:"";position:absolute;inset:6% 2% 2%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--amber-rgb),.40),rgba(var(--amber-rgb),.10) 55%,transparent 75%);filter:blur(12px);z-index:-1}
.r2-art img{display:block;width:100%;max-width:640px;height:auto;margin-inline:auto}
@media (max-width:720px){.r2-art picture{display:block;aspect-ratio:1200/500;overflow:hidden}.r2-art img{height:100%;object-fit:cover;object-position:50% 100%}}

/* ==========================================================================
   r3 shared blocks (FTM first, GDTM reuses). Additive only.
   ========================================================================== */

/* r2-flow--6: the GDTM step-graphic flow (.r2-flow/.r2-node) at six nodes.
   Six across on wide screens, three by two, then two, then one. Arrows only point to a node on the same row. */
.r2-flow--6{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.r2-flow--6 .r2-node{padding:16px}
.r2-flow--6 .r2-node__g{height:104px}
.r2-flow--6 .r2-node p{font-size:13px;line-height:1.45}
@media (max-width:1240px){.r2-flow--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.r2-flow--6 .r2-node:nth-child(3)::after{display:none}.r2-flow--6 .r2-node:nth-child(2)::after{display:block}}
@media (max-width:980px){.r2-flow--6{grid-template-columns:repeat(2,minmax(0,1fr))}.r2-flow--6 .r2-node:nth-child(3)::after,.r2-flow--6 .r2-node:nth-child(5)::after{display:block}.r2-flow--6 .r2-node:nth-child(2n)::after{display:none}}
@media (max-width:560px){.r2-flow--6{grid-template-columns:1fr}.r2-flow--6 .r2-node:not(:last-child)::after{display:block}}

/* r2-share: the 50/50 revenue-share bar with a $0 upfront badge.
   <figure class="r2-share">
     <ul class="r2-share__in" aria-label="Where the revenue comes from"><li><span class="r2-share__ico">svg</span><b>Source</b><span>note</span></li>...</ul>
     <div class="r2-share__bar" role="img" aria-label="50/50 revenue share: you keep 50%, PIB keeps 50%. $0 upfront.">
       <div class="r2-share__half"><b>50%</b><span>You</span></div><div class="r2-share__half r2-share__half--b"><b>50%</b><span>PIB</span></div>
       <span class="r2-share__badge" aria-hidden="true"><b>$0</b>upfront</span></div>
     <figcaption class="r2-share__note">One small line.</figcaption></figure>
   The sources row is optional. Add .r2-rv-in from JS (or leave it off) to play the fill on scroll. */
.r2-share{margin:0;display:grid;gap:0}
.r2-share__in{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:16px;position:relative}
.r2-share__in li{position:relative;display:grid;justify-items:center;text-align:center;gap:6px;padding-bottom:56px}
.r2-share__in li::after{content:"";position:absolute;left:50%;bottom:6px;width:2px;height:44px;background:linear-gradient(180deg,rgba(var(--amber-rgb),0),rgba(var(--amber-rgb),.9));border-radius:2px}
.r2-share__in b{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--t1)}
.r2-share__in span:not(.r2-share__ico){font-size:13px;line-height:1.4;color:var(--t3);max-width:24ch}
.r2-share__ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(var(--amber-rgb),.55);color:var(--amber);background:rgba(var(--amber-rgb),.08)}
.r2-share__ico svg{width:24px;height:24px}
.r2-share__in .is-soon .r2-share__ico{border-style:dashed;color:var(--t3);border-color:var(--rule);background:none}
.r2-share__in .is-soon::after{background:linear-gradient(180deg,transparent,var(--rule))}
.r2-share__bar{position:relative;display:flex;gap:6px;height:clamp(112px,13vw,168px);border-radius:24px;box-shadow:0 40px 90px -50px rgba(var(--amber-rgb),.8)}
.r2-share__half{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,22px);border-radius:24px 6px 6px 24px;background:linear-gradient(135deg,#f4b14c,var(--amber) 60%,#c97a12);color:var(--ink);transform-origin:right center}
.r2-share__half--b{border-radius:6px 24px 24px 6px;background:linear-gradient(135deg,#34302c,var(--cocoa-soft) 55%,#1b1816);color:var(--cream);box-shadow:inset 0 0 0 1px rgba(245,236,214,.14);transform-origin:left center}
.r2-share__half b{font-family:var(--display);font-weight:900;font-size:clamp(52px,7.4vw,112px);line-height:.8;letter-spacing:-.06em}
.r2-share__half span{font:700 12px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase}
.r2-share__badge{position:absolute;right:clamp(-10px,-1vw,0px);top:0;translate:0 -58%;rotate:-10deg;width:clamp(92px,9vw,124px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;background:var(--cocoa);color:var(--amber);border:2px solid var(--amber);box-shadow:0 0 0 6px var(--cocoa),0 18px 40px -16px rgba(0,0,0,.7);font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;z-index:2}
.r2-share__badge b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(34px,3.6vw,48px);line-height:.9;letter-spacing:-.04em;text-transform:none;margin-bottom:4px}
.r2-share__note{margin:22px auto 0;max-width:780px;text-align:center;font-size:14px;line-height:1.55;color:var(--t3)}
.r2-share__note b{color:var(--t1);font-weight:600}
.r2-share__note a{color:var(--t2)}
.b-js .r2-share.l-rv .r2-share__half{transform:scaleX(.08);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.b-js .r2-share.l-rv .r2-share__badge{opacity:0;scale:.6;transition:opacity .4s .7s,scale .5s .7s cubic-bezier(.3,1.6,.5,1)}
.b-js .r2-share.l-rv.is-in .r2-share__half{transform:none}
.b-js .r2-share.l-rv.is-in .r2-share__badge{opacity:1;scale:1}
@media (prefers-reduced-motion:reduce){.b-js .r2-share.l-rv .r2-share__half{transform:none;transition:none}.b-js .r2-share.l-rv .r2-share__badge{opacity:1;scale:1;transition:none}}
@media (max-width:720px){
  .r2-share__in{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .r2-share__in li{padding-bottom:0}.r2-share__in li::after{display:none}
  .r2-share__in{margin-bottom:56px}
  .r2-share__half{flex-direction:column;gap:8px;border-radius:18px 6px 6px 18px}.r2-share__half--b{border-radius:6px 18px 18px 6px}
  .r2-share__bar{border-radius:18px}
  .r2-share__badge{right:-4px;width:78px;translate:0 -78%}.r2-share__badge b{font-size:28px}
}
/* r2-offer: the Facebook turnkey terms. One main card (1-year, You 50 / PIB 50) with a lighter 3-month option under it.
   <div class="r2-offer l-rv"><article class="r2-offer__main">.r2-offer__grid (.__l plan name + $0 badge, big share + bar; .__r bullets + CTA)</article>
   <div class="r2-offer__join"> connector </div><aside class="r2-offer__alt">3-month copy + switch line + text link</aside><p class="r2-offer__exit"> optional */
.r2-offer{max-width:980px;margin:clamp(36px,4vw,56px) auto 0;display:grid;justify-items:stretch}
.r2-offer__main{position:relative;border-radius:28px;padding:clamp(22px,3.4vw,44px);background:linear-gradient(155deg,rgba(var(--amber-rgb),.14),rgba(var(--amber-rgb),.03) 38%,var(--cocoa-soft) 100%);border:1.5px solid rgba(var(--amber-rgb),.6);box-shadow:0 40px 90px -50px rgba(var(--amber-rgb),.8)}
.r2-offer__lhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.r2-offer__badge{flex:none;rotate:-8deg;width:clamp(78px,7.4vw,96px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;background:var(--cocoa);color:var(--amber);border:2px solid var(--amber);box-shadow:0 0 0 5px rgba(var(--amber-rgb),.12);font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.r2-offer__badge b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(28px,2.8vw,36px);line-height:.9;letter-spacing:-.04em;text-transform:none;margin-bottom:3px}
.r2-offer__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.r2-offer__tl{margin:6px 0 0;font:700 13px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t1)}
.r2-offer__big{margin:clamp(4px,1vw,10px) 0 0;display:grid;gap:4px}
.r2-offer__big span{font:700 13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--t2)}
.r2-offer__big b{font-family:var(--display);font-weight:900;font-size:clamp(84px,11vw,148px);line-height:.82;letter-spacing:-.06em;color:var(--amber);background:linear-gradient(135deg,#f4b14c,var(--amber) 60%,#c97a12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.r2-offer__pib{margin:12px 0 14px;font:700 13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}
.r2-offer__bar{display:flex;gap:5px;height:12px;max-width:340px}
.r2-offer__bar i{flex:1;border-radius:999px 4px 4px 999px;background:linear-gradient(135deg,#f4b14c,var(--amber) 60%,#c97a12)}
.r2-offer__bar i+i{border-radius:4px 999px 999px 4px;background:#34302c;box-shadow:inset 0 0 0 1px rgba(245,236,214,.14)}
.r2-offer__list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:11px}
.r2-offer__list li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.45;color:var(--t1)}
.r2-offer__list li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:50%;background:rgba(var(--amber-rgb),.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.6L13 6.6' fill='none' stroke='%23e89b2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.r2-offer__cta{width:100%;justify-content:center;text-align:center}
.r2-offer__fine{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--t3);text-align:center}
.r2-offer__join{display:grid;justify-items:center;height:44px;position:relative}
.r2-offer__join::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed rgba(var(--amber-rgb),.5)}
.r2-offer__join span{position:relative;align-self:center;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cocoa);color:var(--amber);border:1.5px solid rgba(var(--amber-rgb),.6)}
.r2-offer__alt{width:min(100%,820px);justify-self:center;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;padding:clamp(18px,2.4vw,26px) clamp(20px,3vw,32px);border-radius:20px;border:1px solid var(--rule);background:rgba(245,236,214,.03)}
.r2-offer__alt-t p{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:var(--t2)}
.r2-offer__alt-t p b{color:var(--t1);font-weight:600}
.r2-offer__alink{white-space:nowrap;font-weight:600}
.r2-offer__exit{margin:22px auto 0;max-width:780px;text-align:center;font-size:14px;line-height:1.55;color:var(--t3)}
.r2-offer__exit b{color:var(--t1);font-weight:600}
.r2-offer__exit a{color:var(--t2)}
@media (min-width:761px){
  .r2-offer__l{position:relative}
  .r2-offer__lhead{display:block}
  .r2-offer__badge{position:absolute;top:-4px;right:0}
}
@media (max-width:760px){
  .r2-offer__grid{grid-template-columns:minmax(0,1fr);margin-top:0;gap:26px}
  .r2-offer__badge{width:72px;font-size:9px}
  .r2-offer__big{margin-top:10px}
  .r2-offer__badge b{font-size:26px}
  .r2-offer__big b{font-size:clamp(88px,30vw,120px)}
  .r2-offer__alt{grid-template-columns:minmax(0,1fr)}
}

/* r2-cs: case study cards (t526 redesign). One card per case: eyebrow, heading and story on the left, the framed
   chart on the right, then an even stats row, optional detail block (/consulting, /facebook-consulting) and a foot line.
   Same layout for every case, no alternating sides. Static SVG is in the HTML, so the chart and its table work with
   JS off. /js/pib-case-chart.js adds the hover or tap tooltip, arrow keys and the draw-on-scroll line. */
.r2-csl{display:grid;gap:clamp(20px,2.6vw,32px);counter-reset:csr}
.r2-csr{counter-increment:csr;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:1fr auto auto auto 1fr auto auto auto;grid-template-areas:". fig" "eb fig" "hd fig" "pp fig" ". fig" "st st" "mo mo" "ft ft";column-gap:clamp(24px,4vw,56px);padding:clamp(20px,3vw,40px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.r2-csr__txt{display:contents}
.r2-csr__txt>.eyebrow,.r2-csr__txt>.nx-case__top{grid-area:eb;margin:0 0 14px}
.r2-csr__txt .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--amber);font:600 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.r2-csr__txt .eyebrow::before{content:counter(csr,decimal-leading-zero);position:static;width:auto;height:auto;flex:none;padding:4px 8px;border-radius:999px;border:1px solid rgba(var(--amber-rgb),.5);background:rgba(var(--amber-rgb),.1);color:var(--amber);font:600 10.5px/1 var(--mono);letter-spacing:.08em;translate:none;box-shadow:none}
.r2-csr__txt h3{grid-area:hd;margin:0 0 14px;font-family:var(--display);font-weight:800;font-size:clamp(25px,2.5vw,34px);line-height:1.1;letter-spacing:-.025em;color:var(--t1);text-wrap:balance}
.r2-csr__txt>p:not(.eyebrow):not(.r2-csr__foot){grid-area:pp;margin:0;color:var(--t2);font-size:16px;line-height:1.6;text-wrap:pretty}
.r2-csr__stats{grid-area:st;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:18px clamp(16px,2.4vw,32px);margin:clamp(22px,2.6vw,32px) 0 0}
.r2-csr__stats span{display:grid;align-content:start;gap:8px;padding-top:14px;border-top:2px solid rgba(var(--amber-rgb),.6);font-size:13px;line-height:1.4;color:var(--t3)}
.r2-csr__stats b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(30px,3.3vw,46px);line-height:1;letter-spacing:-.04em;color:var(--amber);overflow-wrap:anywhere}
.r2-csr__txt .r2-csr__foot{grid-area:ft;margin:16px 0 0;font-size:13px;line-height:1.55;color:var(--t3);text-wrap:pretty}
.r2-csr__more{grid-area:mo;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);row-gap:12px;align-items:start;margin:clamp(22px,2.6vw,32px) 0 0;padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.r2-csr__more>p{grid-column:1;margin:0;color:var(--t2);font-size:15.5px;line-height:1.6}
.r2-csr__more>.r2-csr__note{grid-column:2;grid-row:3;font-size:13px;line-height:1.55;color:var(--t3)}
.r2-csr__ms{grid-column:2;grid-row:1/span 2;list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.r2-csr__ms li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--t2)}
.r2-csr__ms b{font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.r2-cs{grid-area:fig;align-self:stretch;display:flex;flex-direction:column;margin:0;min-width:0;padding:clamp(14px,1.8vw,22px);border:1px solid rgba(245,236,214,.12);border-radius:16px;background:rgba(0,0,0,.32)}
.r2-cs__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px;margin-bottom:14px}
.r2-cs__ttl{display:grid;gap:4px;min-width:0}
.r2-cs__t{margin:0;font:600 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t1)}
.r2-cs__sub{margin:0;font-size:12.5px;line-height:1.4;color:var(--t3)}
.r2-cs__lg{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;line-height:1.2;color:var(--t2);white-space:nowrap}
.r2-cs__lg::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--amber)}
.r2-cs__plot{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}
.r2-cs__yt,.r2-cs__xt{font:500 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t4)}
.r2-cs__yt{margin:0 0 6px}
.r2-cs__xt{margin:6px 0 0;text-align:center}
.r2-cs__plot svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;cursor:crosshair;border-radius:6px}
.r2-cs__plot svg:focus-visible{outline:2px solid var(--amber);outline-offset:6px}
.r2-cs .cs-grid line{stroke:rgba(245,236,214,.1);stroke-width:1}
.r2-cs .cs-y text,.r2-cs .cs-x text{fill:var(--t3);font:500 12px var(--sans)}
.r2-cs .cs-line{fill:none;stroke:var(--amber);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 6px 14px rgba(var(--amber-rgb),.45))}
.r2-cs .cs-pt{fill:var(--cocoa);stroke:var(--amber);stroke-width:2}
.r2-cs .cs-pt.is-hi{fill:var(--amber);stroke:var(--cocoa);stroke-width:2}
.r2-cs .cs-hl text{fill:var(--t1);font:800 15px var(--display);letter-spacing:-.01em}
.r2-cs .cs-guide{stroke:rgba(245,236,214,.35);stroke-width:1;stroke-dasharray:3 4;opacity:0}
.r2-cs .cs-ring{fill:none;stroke:var(--amber);stroke-width:2;opacity:0}
.r2-cs.is-tip .cs-guide,.r2-cs.is-tip .cs-ring{opacity:1}
.r2-cs__tip{position:absolute;left:0;top:0;z-index:2;pointer-events:none;translate:-50% calc(-100% - 14px);padding:8px 12px;border-radius:10px;background:var(--cream);color:var(--ink);font-size:12.5px;line-height:1.25;white-space:nowrap;box-shadow:0 14px 30px -12px rgba(0,0,0,.7);opacity:0;transition:opacity .12s}
.r2-cs__tip b{display:block;margin:2px 0;font-family:var(--display);font-weight:900;font-size:18px;letter-spacing:-.02em}
.r2-cs__tip i{display:block;font-style:normal;font-size:12px;color:#7a5410}
.r2-cs.is-tip .r2-cs__tip{opacity:1}
.r2-cs__cap{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--t3)}
.r2-cs.js-draw .cs-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1)}
.r2-cs.js-draw .cs-area,.r2-cs.js-draw .cs-pt,.r2-cs.js-draw .cs-hl{opacity:0;transition:opacity .5s 1.2s}
.r2-cs.js-draw.is-drawn .cs-line{stroke-dashoffset:0}
.r2-cs.js-draw.is-drawn .cs-area,.r2-cs.js-draw.is-drawn .cs-pt,.r2-cs.js-draw.is-drawn .cs-hl{opacity:1}
@media (max-width:860px){
.r2-csr{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"eb" "hd" "pp" "fig" "st" "mo" "ft"}
.r2-cs{margin-top:22px}
.r2-csr__more{grid-template-columns:minmax(0,1fr)}
.r2-csr__more>p,.r2-csr__more>.r2-csr__note,.r2-csr__ms{grid-column:1;grid-row:auto}
}
@media (max-width:560px){
.r2-csr{border-radius:18px}
.r2-cs .cs-x text,.r2-cs .cs-y text{font-size:22px}
.r2-cs .cs-x text:not(.is-end){display:none}
.r2-cs .cs-hl text{font-size:26px}
.r2-cs .cs-line{stroke-width:4.5}
.r2-csr__txt .eyebrow{letter-spacing:.1em}
.r2-cs__lg{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.r2-cs.js-draw .cs-line{transition:none}.r2-cs.js-draw .cs-area,.r2-cs.js-draw .cs-pt,.r2-cs.js-draw .cs-hl{transition:none}}

/* r2-cklist: one checklist panel with icon ticks, no per-row cards (the GDTM qualify checklist, .r2-ck, as one panel).
   Static markup:
   <div class="r2-cklist">
     <p class="r2-cklist__hd">Heading</p>
     <ul><li><span class="r2-cklist__ic">svg</span><span>Item</span></li>...</ul>
     <p class="r2-cklist__note">Optional note.</p>
   </div>
   Inside the earnings module (.r2-earnbal wrapper) the same styles apply to .em-b/.em-bh/.em-traits/.em-ti/.em-ng. */
.r2-cklist,.r2-earnbal .em-b{padding:24px 28px;border-radius:20px;background:var(--card-grad);border:1px solid var(--line)}
.r2-cklist__hd,.r2-earnbal .em-bh{display:flex;align-items:center;gap:10px;margin:0 0 8px;font:700 17px/1.25 var(--sans);color:var(--t1)}
.r2-cklist ul,.r2-earnbal .em-traits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:0}
.r2-cklist li,.r2-earnbal .em-traits li{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:12px;align-items:center;margin:0;padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;font-size:15px;line-height:1.45;color:var(--t1)}
.r2-cklist li::after,.r2-earnbal .em-traits li::after{content:"";width:20px;height:20px;border-radius:50%;background:rgba(232,155,42,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23e89b2a' d='M6.6 11.2 3.4 8l1-1 2.2 2.2 5-5 1 1z'/%3E%3C/svg%3E") center/14px no-repeat}
.r2-cklist__ic,.r2-earnbal .em-ti{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(232,155,42,.12);color:var(--amber)}
.r2-cklist__ic svg,.r2-earnbal .em-ti svg{width:18px;height:18px}
.r2-cklist__note,.r2-earnbal .em-ng{margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--t2)}
.r2-earnbal .em-ng{font-size:15px}
@media (max-width:720px){.r2-cklist,.r2-earnbal .em-b{padding:20px}.r2-cklist ul,.r2-earnbal .em-traits{grid-template-columns:minmax(0,1fr)}}

/* r2-earn: balanced earnings layout. Add to the wrapper around [data-pib-earn] (data-blocks="abc").
   Wide: statement + factors (left) beside the plan form (right), then the r2-cklist panel full width below,
   so neither column leaves a dead gap. <=900px stacks statement, checklist, form, as before. */
@media (min-width:901px){
  .r2-earnbal .em:not(.is-done) .em-grid{grid-template-areas:"a c" "b b";row-gap:var(--s-7);align-items:center}
  .r2-earnbal .em:not(.is-done) .em-l{display:contents}
  .r2-earnbal .em:not(.is-done) .em-a{grid-area:a}
  .r2-earnbal .em:not(.is-done) .em-b{grid-area:b}
  .r2-earnbal .em:not(.is-done) .em-c{grid-area:c;position:static;align-self:center}
}
/* t528u: Facebook plan pages (all 19): the left column (statement + factors) is sticky beside the form. Both columns start at the top of the row, so at rest the column lines up with the form card; it pins below the floating header while the form scrolls and releases at the end of the form row (the checklist panel below is a separate grid row, so it never overlaps). Desktop only. */
@media (min-width:901px){
  .r2-earnbal .em[data-mode="facebook"]:not(.is-done) .em-grid{align-items:start}
  .r2-earnbal .em[data-mode="facebook"]:not(.is-done) .em-c{align-self:start}
  .r2-earnbal .em[data-mode="facebook"]:not(.is-done) .em-a{align-self:start;position:sticky;top:112px}
}

/* Managed Distribution hero pill (Oren 27 Oct): mono 13px uppercase, orange dot, directly under the H1 */
.md-pill{display:inline-flex;align-items:center;gap:10px;margin:var(--s-4) 0 0;padding:8px 14px 8px 12px;border-radius:999px;font:600 13px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t1);background:rgba(232,155,42,.12);border:1px solid rgba(232,155,42,.5)}
.md-pill::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(232,155,42,.25)}
/* below 480: one line at 360 and up; 11px fits from 400, 10px below that (the 40 characters at 11px/.06em need 352px) */
@media (max-width:479px){.md-pill{display:inline-flex;width:auto;max-width:100%;font-size:11px;letter-spacing:.06em;padding:8px 14px;gap:8px;white-space:nowrap}}
@media (max-width:399px){.md-pill{font-size:10px}}
/* at 320 the one-line pill is ~310px and pushed the hero column 10px past the viewport; let it wrap there */
@media (max-width:359px){.md-pill{white-space:normal}}