/* Google-Doc-style pages: Revenue Partnerships 101 and the resource pages. Always light, like a doc. */
:root{--canvas:#f1f3f4;--paper:#fff;--ink:#202124;--muted:#5f6368;--line:#dadce0;--blue:#3552e6;--blue-soft:#eef1ff;--navy:#0d182c}
*{box-sizing:border-box}
html,body{margin:0;background:var(--canvas);color:var(--ink)}
body{font:17px/1.7 Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
img,video,iframe{max-width:100%}

.doc-bar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px}
.doc-bar .doc-name{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--ink);text-decoration:none;min-width:0}
.doc-bar .doc-name svg{flex:none}
.doc-bar .doc-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-bar .doc-name small{display:block;font-size:11px;color:var(--muted);letter-spacing:.04em}
.doc-bar .bar-cta{flex:none;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:14px;border-radius:999px;padding:9px 18px}

.paper{max-width:1040px;margin:28px auto 60px;background:var(--paper);box-shadow:0 1px 3px rgba(60,64,67,.25),0 4px 12px rgba(60,64,67,.12);padding:64px 72px 80px}
.doc-note{font-size:19px;font-weight:700;line-height:1.45;color:var(--ink);margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.paper h1{font-size:36px;line-height:1.2;margin:0 0 14px;letter-spacing:-.01em}
.paper h2{font-size:24px;line-height:1.3;margin:44px 0 12px}
.paper h3{font-size:19px;margin:28px 0 8px}
.paper p{margin:0 0 16px}
.paper .kicker{font-size:17px;font-weight:800;letter-spacing:.1em;color:var(--blue);text-transform:uppercase;margin:0 0 12px}
.paper .lead{font-size:20px;line-height:1.55;color:#3c4043}
.rule{border:0;border-top:1px solid var(--ink);margin:30px 0}
.paper ul.checks,.paper ul.thinks{list-style:none;padding:0;margin:0 0 20px}
.paper ul.checks li,.paper ul.thinks li{margin:0 0 10px;padding-left:30px;position:relative}
.paper ul.checks li::before{content:"✅";position:absolute;left:0}
.paper ul.thinks li::before{content:"🤔";position:absolute;left:0}
.paper ul.crosses{list-style:none;padding:0;margin:0 0 20px}
.paper ul.crosses li{margin:0 0 10px;padding-left:30px;position:relative}
.paper ul.crosses li::before{content:"❌";position:absolute;left:0}
.paper ol{padding-left:24px;margin:0 0 20px}
.paper ol li{margin:0 0 10px}
.callout{background:var(--blue-soft);border-left:4px solid var(--blue);padding:16px 20px;margin:0 0 20px;border-radius:0 8px 8px 0}
.callout p:last-child{margin:0}

.video{margin:8px 0 12px;border-radius:10px;overflow:hidden;background:var(--navy);position:relative}
.video.loom{aspect-ratio:4/3}
.video.wide{aspect-ratio:16/9}
.video.portrait{aspect-ratio:9/16}
.short{float:right;width:230px;margin:4px 0 18px 28px}
.short figcaption{font-size:13px;line-height:1.4;color:var(--muted);margin-top:6px}
.paper h2{clear:both}
.embed-wide{margin:14px 0 8px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#edf0f3}
.map-frame{display:block;width:100%;height:760px;border:0}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-caption{font-size:14px;color:var(--muted);margin:0 0 24px}

.steps{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:26px 0 8px}
.step{border:1px solid var(--line);border-radius:12px;padding:22px 24px;background:#fff}
.step .num{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--blue);margin:0 0 4px}
.step h3{margin:0 0 6px;font-size:22px}
.step p{margin:0 0 14px;color:#3c4043}
.step.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.step.dark p{color:#c3cbe0}
.step.dark .num{color:#8da3f1}
.button{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:16px;border-radius:10px;padding:14px 22px}
.button.light{background:#fff;color:var(--navy)}
.cal-box{position:relative;min-height:440px;border-radius:10px;background:#f6f8fc;overflow:hidden}
.cal-box .cal-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;pointer-events:none}
.cal-inline{width:100%;min-height:440px;overflow:auto}
.cal-fallback{display:inline-block;margin-top:10px;font-size:14px}

.paper table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px;line-height:1.5}
.paper th,.paper td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.paper th{background:#f8f9fa;font-weight:700}
.paper td:first-child{width:36px;color:var(--muted)}
.table-wrap{overflow-x:auto}
.faq h3{margin-top:22px}
.ps{font-size:16px;color:#3c4043}
.tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 20px}
.tier{border:1px solid var(--line);border-radius:12px;padding:18px 20px 8px;background:#fff}
.tier .level{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0}
.tier h3{margin:4px 0 4px;font-size:24px;line-height:1.2}
.tier .tier-promise{font-size:15px;color:#3c4043;margin:0 0 14px}
.tier.dark .level{color:#8da3f1}
.tier.dark .tier-promise{color:#c3cbe0}
.tier ul.checks li{font-size:15px;line-height:1.5;margin-bottom:8px}
.tier.dark{background:var(--navy);border-color:var(--navy);color:#fff}
/* The catch, the referral deal and the closing offer stack */
.catch{background:var(--navy);color:#fff;border-radius:14px;padding:36px 40px;margin:44px 0 12px;clear:both}
.catch .catch-kicker{font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8da3f1;margin:0 0 6px}
.paper .catch h2{font-size:44px;line-height:1.1;margin:0 0 18px;color:#fff}
.catch-free{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:6px}
.catch-free li{font-size:24px;font-weight:700;line-height:1.35}
.catch-free li b{color:#7ee2a8}
.catch p{color:#dfe5f3;font-size:18px}
.catch .catch-keep{font-size:20px;color:#fff}
.catch p:last-child{margin:0}
.referral-deal{border:2px dashed var(--blue);border-radius:12px;padding:20px 24px 6px;margin:0 0 20px;background:#fff}
.paper .referral-deal h3{margin:0 0 8px;font-size:22px}
.stack{border:3px solid var(--blue);border-radius:16px;padding:32px 36px;background:var(--blue-soft);margin:10px 0 30px}
.stack .stack-kicker{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 6px}
.paper .stack h2{font-size:32px;line-height:1.2;margin:0 0 18px}
.stack-list{list-style:none;padding:0;margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:10px}
.stack-list li{position:relative;padding:12px 16px 12px 46px;border-bottom:1px solid var(--line);font-size:18px;line-height:1.45}
.stack-list li:last-child{border-bottom:0}
.stack-list li::before{content:"✅";position:absolute;left:16px;top:12px}
.stack-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:3px solid var(--ink);padding:14px 4px 0;margin:0 0 20px}
.stack-total span{font-size:20px;font-weight:700}
.stack-total b{font-size:44px;line-height:1;color:var(--blue)}
.button.big{font-size:20px;padding:18px 30px}
.stack .stack-cta{margin:0 0 12px}
.stack .stack-alt{font-size:15px;color:#3c4043;margin:0}
.doc-foot{max-width:1040px;margin:-40px auto 40px;padding:0 20px;font-size:12px;color:var(--muted);text-align:center}

@media(max-width:1080px){.paper{margin:0 0 30px;box-shadow:none;padding:40px 22px 50px}.doc-foot{margin-top:0}}
@media(max-width:640px){.short{float:none;width:220px;margin:6px auto 20px}.tiers{grid-template-columns:1fr}.catch{padding:28px 22px}.paper .catch h2{font-size:34px}.catch-free li{font-size:20px}.stack{padding:24px 18px}.paper .stack h2{font-size:25px}.stack-list li{font-size:16px}.button.big{font-size:18px}}
@media(max-width:520px){body{font-size:16px}.paper h1{font-size:27px}.doc-note{font-size:16px}.paper .kicker{font-size:15px}.map-frame{height:640px}.paper h2{font-size:21px}.paper .lead{font-size:18px}.step{padding:18px 16px}.button{width:100%;justify-content:center}.doc-bar{padding:10px 14px}.doc-bar .doc-name small{display:none}.paper table{font-size:14px}}

/* Resources page */
.resource-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,border-color .15s;margin:6px 0 10px}
.resource-feature:hover,.resource-feature:focus-visible{border-color:var(--blue);box-shadow:0 6px 20px -10px rgba(53,82,230,.45)}
.resource-feature img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.resource-feature-copy{display:flex;flex-direction:column;gap:8px}
.resource-feature-copy b{font-size:20px;line-height:1.3}
.resource-feature-copy span{font-size:15px;color:#3c4043;line-height:1.55}
.resource-feature-copy em{font-style:normal;font-weight:700;color:var(--blue)}
.chapters{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid var(--line)}
.chapter{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:11px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:#3c4043;font-size:15px;line-height:1.5}
.chapter:hover,.chapter[aria-current="true"]{background:var(--blue-soft)}
.chapter time{font:700 14px/1.5 ui-monospace,Menlo,monospace;color:var(--blue)}
.chapter b{color:var(--ink)}
.resource-links{padding-left:20px}
.resource-links li{margin:0 0 10px}
.resource-links a{font-weight:700;margin-right:6px}
@media(max-width:640px){.resource-feature{grid-template-columns:1fr}.chapter{grid-template-columns:52px minmax(0,1fr)}}
/* Expert Series: the note shown where the video goes until it is recorded */
.video.loom:has(.video-soon){aspect-ratio:auto;min-height:140px}
.video-soon{margin:0!important;padding:44px 28px;color:#c3cbe0;text-align:center;font-size:17px}
/* Enrollment: three plans side by side, prices, choice cards and the short forms */
.tiers.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tier .tier-price{font-size:28px;font-weight:800;margin:2px 0 6px;color:var(--ink)}
.tier .tier-price small{font-size:15px;font-weight:400;color:var(--muted)}
.tier.dark .tier-price{color:#fff}.tier.dark .tier-price small{color:#c3cbe0}
.tier{display:flex;flex-direction:column}.tier .tier-cta{margin:auto 0 16px;display:grid;gap:8px}
.tier .tier-cta .button{justify-content:center}
.tier .tier-cta .alt{font-size:14px;color:var(--blue);text-align:center}.tier.dark .tier-cta .alt{color:#8da3f1}
.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 8px}
.enroll-form{border:1px solid var(--line);border-radius:12px;padding:22px 24px 8px;background:#f8f9fa;margin:16px 0 24px}
.enroll-form h3{margin:0 0 4px}
.enroll-form .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:14px 0}
.enroll-form label{display:block;font-size:14px;font-weight:700}
.enroll-form label.wide{grid-column:1/-1}
.enroll-form input[type=text],.enroll-form input[type=email],.enroll-form input[type=url],.enroll-form textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:16px/1.4 Arial,"Helvetica Neue",Helvetica,sans-serif;background:#fff;color:var(--ink)}
.enroll-form textarea{min-height:90px;resize:vertical}
.enroll-form .boxes{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-weight:400}
.enroll-form .boxes label{font-weight:400;display:flex;gap:6px;align-items:center}
.enroll-form .agree{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:0 0 14px}
.enroll-form .agree input{margin-top:6px;flex:none}
.enroll-form button{border:0;cursor:pointer}
.enroll-form .form-status{min-height:24px;font-size:15px}
.enroll-form .form-status.bad{color:#b3261e}.enroll-form .form-status.ok{color:#137333;font-weight:700}
.welcome{border:3px solid #137333;background:#e6f4ea;border-radius:14px;padding:24px 28px;margin:0 0 26px}
.paper .welcome h2{margin:0 0 8px}
@media(max-width:860px){.tiers.three{grid-template-columns:1fr}}
@media(max-width:640px){.choice-row,.enroll-form .fields{grid-template-columns:1fr}.enroll-form{padding:18px 16px 4px}}
.paper [id]{scroll-margin-top:76px}