/* Brand Founder Academy · lesson resource pages (/r/) · shared styles */
@font-face{font-family:"Space Grotesk";src:url("../../fonts/space-grotesk-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../../fonts/space-grotesk-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../../fonts/space-grotesk-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../../fonts/dm-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../../fonts/dm-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../../fonts/dm-sans-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--r-bg:#0A0A0C;--r-card:#141417;--r-card2:#0E0E11;--r-line:#26262A;--r-text:#F5F2EA;--r-muted:#9B968A;--r-gold:#E8B830;--r-gold-hi:#F6DA8C;--r-gold-deep:#B8881E;--r-gold-line:rgba(232,184,48,.32);--r-gold-tint:rgba(232,184,48,.07);--r-steel:#8FA8C0;--r-cream:#F0E8D0}

/* ── top bar, used on every /r/ page (read and copy) ── */
.r-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px clamp(16px,4vw,40px);background:rgba(10,10,12,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--r-line);font-family:"DM Sans",system-ui,sans-serif}
.r-bar .r-word{font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--r-text);text-decoration:none;text-transform:uppercase}
.r-bar .r-crumb{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--r-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-btn{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:.02em;padding:12px 18px;border-radius:8px;text-decoration:none;cursor:pointer;border:1px solid var(--r-gold);transition:background .15s,color .15s}
.r-btn.gold{background:var(--r-gold);color:#0A0A0C}
.r-btn.gold:hover{background:#F0C840}
.r-btn.ghost{background:transparent;color:var(--r-gold)}
.r-btn.ghost:hover{background:var(--r-gold-tint)}
.r-btn.sm{padding:9px 14px;font-size:12px}
.r-btn:focus-visible,.r-bar a:focus-visible{outline:2px solid var(--r-gold);outline-offset:3px}
@media print{.r-bar,.r-consent,.r-gate{display:none!important}}

/* ── "copy" page layout (fill-in Google Docs / Sheets) ── */
body.r-page{margin:0;background:var(--r-bg);color:var(--r-text);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 70% at 85% 0%,rgba(232,184,48,.06),rgba(232,184,48,0) 55%)}
.r-wrap{max-width:980px;margin:0 auto;padding-block:0 90px;padding-inline:clamp(16px,4vw,32px)}
.r-hero{padding:44px 0 34px;border-bottom:1px solid var(--r-line)}
.r-eyebrow{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--r-gold)}
.r-eyebrow::before{content:"";width:28px;height:1px;background:var(--r-gold)}
.r-hero h1{font:700 clamp(36px,6vw,62px)/1.03 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.025em;margin:16px 0 0;text-wrap:balance}
.r-sub{font-size:18px;color:#CFCFD6;margin:14px 0 0;max-width:62ch}
.r-rule{width:120px;height:3px;border:0;margin:26px 0 0;background:linear-gradient(90deg,var(--r-gold-deep),var(--r-gold-hi),var(--r-gold-deep))}
.r-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.r-fine{font-size:13.5px;color:var(--r-muted);margin:14px 0 0;max-width:70ch}
.r-sec{margin-top:44px}
.r-sec>h2{font:700 13px/1.2 "Space Grotesk",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--r-gold);margin:0 0 16px}
.r-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;counter-reset:st;list-style:none;padding:0;margin:0}
.r-steps li{counter-increment:st;border:1px solid var(--r-line);border-radius:12px;padding:18px 18px 18px 56px;position:relative;background:rgba(255,255,255,.015);font-size:15px;color:#D7D7DC}
.r-steps li::before{content:counter(st);position:absolute;left:18px;top:16px;font:700 22px/1 "Space Grotesk",sans-serif;color:var(--r-gold)}
.r-steps b{display:block;color:var(--r-text);font-family:"Space Grotesk",sans-serif;font-size:16px;margin-bottom:2px}
.r-inside{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.r-inside.two{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.r-panel{border:1px solid var(--r-line);border-top:2px solid var(--r-gold-line);border-radius:14px;background:linear-gradient(160deg,var(--r-card),var(--r-card2));padding:20px 22px}
.r-panel .k{font:600 11px/1.2 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--r-steel)}
.r-panel h3{font:700 19px/1.25 "Space Grotesk",sans-serif;margin:6px 0 6px}
.r-panel p{margin:0;font-size:14.5px;color:#CFCFD6}
.r-note{margin-top:22px;padding:16px 20px;border:1px solid var(--r-gold-line);border-radius:12px;background:var(--r-gold-tint);font-size:15px;color:var(--r-cream);max-width:760px}
.r-note b{color:var(--r-gold);font-family:"Space Grotesk",sans-serif}
.r-next{margin-top:52px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:1px solid var(--r-line);border-radius:14px}
.r-next b{font-family:"Space Grotesk",sans-serif;font-size:17px;display:block}
.r-next span{color:var(--r-muted);font-size:14.5px}
.r-foot{margin-top:56px;padding-top:18px;border-top:1px solid var(--r-line);font:600 11px/1.5 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--r-steel)}

/* ── consent notice (only appears once a pixel ID is set in r.js) ── */
.r-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;background:#141417;border:1px solid var(--r-line);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);font:14px/1.45 "DM Sans",system-ui,sans-serif;color:#D7D7DC}
.r-consent p{margin:0;flex:1 1 260px}
.r-consent a{color:var(--r-gold)}

/* ── email gate (only appears on data-gate="email" pages, once an endpoint is set in r.js) ── */
html.r-locked .r-gated,html.r-maybe-locked body[data-gate="email"] .r-gated{filter:blur(6px);pointer-events:none;user-select:none;max-height:70vh;overflow:hidden}
.r-gate{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:rgba(10,10,12,.72)}
.r-gate form{width:min(440px,100%);background:#141417;border:1px solid var(--r-gold-line);border-radius:16px;padding:26px;font-family:"DM Sans",system-ui,sans-serif;color:var(--r-text)}
.r-gate h2{font:700 24px/1.15 "Space Grotesk",sans-serif;margin:0 0 8px}
.r-gate p{margin:0 0 16px;color:#CFCFD6;font-size:15px}
.r-gate label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--r-steel);margin-bottom:6px}
.r-gate input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:1px solid var(--r-line);background:#0A0A0C;color:var(--r-text);font:16px "DM Sans",sans-serif;margin-bottom:14px}
.r-gate input:focus{outline:2px solid var(--r-gold);outline-offset:1px}
.r-gate .r-err{color:#E06A5A;font-size:13.5px;min-height:1.2em;margin:-6px 0 10px}