/* Direct-response free resource pages. Shared brand, two distinct offers. */
.system-page{--paper:#fff;--page:#f6f6f3;--ink:#151515;--muted:#555550;--line:#d9d9d3;--display:DM,Arial,sans-serif;background:var(--paper);color:var(--ink)}
.system-page .wrap{width:min(1100px,calc(100% - 64px))}
.system-page .masthead{min-height:86px;border-bottom:1px solid var(--line)}
.system-page .brand-logo{width:48px;height:48px}
.system-page .masthead nav{display:flex;gap:28px;font-size:14px;font-weight:600}
.system-page .masthead nav a{text-decoration:none}
.system-page .masthead nav a:hover{text-decoration:underline}
.system-page h1,.system-page h2,.system-page h3{font-family:var(--body);font-weight:600;letter-spacing:-.03em;line-height:1.12;margin:0 0 22px}
.system-page h1{font-size:clamp(40px,4.7vw,62px)}
.system-page h2{font-size:clamp(30px,3.4vw,44px)}
.system-page h1 span{color:var(--red)}
.system-page p{margin:0 0 20px}
.system-page .eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;color:var(--red);margin-bottom:18px}
.system-page .lead{font-size:20px;line-height:1.55;color:var(--muted)}
.resource-hero{padding-block:38px 42px;text-align:center}
.resource-hero>.lead{max-width:670px;margin:0 auto 32px}
.offer-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}
.offer{border:1px solid #b7b7ae;border-top:4px solid var(--red);padding:26px 30px 22px;display:flex;flex-direction:column;background:#fff}
.offer-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.06em;margin-bottom:15px}
.offer-meta strong{color:var(--red)}
.offer h2{font-size:29px;line-height:1.16;margin-bottom:13px}
.offer p{color:var(--muted);font-size:16px;line-height:1.55;max-width:440px}
.system-page .button{border-radius:3px;background:var(--red);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:16px;line-height:1.3;font-weight:600;min-height:56px;padding:15px 22px;border:1px solid var(--red);box-shadow:none;transition:background .15s}
.system-page .button:hover{background:#97261f;border-color:#97261f}
.offer .button{margin-top:auto;width:100%}
.offer-format{font-size:12px;color:var(--muted);text-align:center;margin-top:13px}
.system-page .access-note{font-size:14px;margin:20px 0 0;color:var(--muted)}
.module-section{background:var(--page);border-block:1px solid var(--line);padding-block:68px}
.module-layout{display:grid;grid-template-columns:.7fr 1fr;gap:76px;align-items:center}
.module-cover{display:flex;justify-content:center}
.module-cover img{display:block;width:min(100%,300px);height:auto;box-shadow:0 16px 32px #15151520}
.module-copy .resource-note{margin-bottom:24px}.module-copy>p:not(.eyebrow){color:var(--muted);max-width:620px}
.benefits{padding-left:22px;margin:22px 0 28px}
.benefits li{margin-bottom:10px;padding-left:4px}
.benefits li::marker{color:var(--red)}
.system-page .resource-note{font-size:13px;color:var(--muted);line-height:1.6;margin:18px 0 0}
.workflow-intro{padding-block:76px 58px;max-width:900px}
.workflow-intro .lead{max-width:810px}
.workflow-deliverables{display:flex;gap:26px;flex-wrap:wrap;font-weight:600;margin:28px 0;padding-block:18px;border-block:1px solid var(--line)}
.download-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.download-options p{font-size:14px;color:var(--muted);margin:8px 0 0}
.system-page .text-link{font-size:16px;font-weight:600;color:var(--red);text-decoration:underline}
.system-section{padding-block:44px;border-top:1px solid var(--line)}
.system-section>.wrap{max-width:900px}
.section-grid{display:grid;grid-template-columns:1fr;gap:8px}
.section-grid h2{font-size:30px;margin-bottom:16px}
.system-section p{max-width:780px;color:var(--muted)}
.system-section .side-note{font-size:15px;margin-top:-6px}
.example{padding:22px 26px;background:var(--page);border:1px solid var(--line);margin:24px 0 0}
.example span{font-size:11px;font-weight:600;letter-spacing:.06em}
.example p{margin:8px 0 0;color:var(--ink)}
.prompt-head{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--page);padding:12px 20px;border:1px solid var(--line);font-size:12px;font-weight:600}
.copy{border:1px solid var(--ink);border-radius:3px;color:var(--ink);background:#fff;padding:10px 15px;min-height:44px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.5}
.copy:hover{background:#efefeb}.copy:disabled{cursor:default;color:var(--muted);border-color:var(--line)}
.system-page pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;margin:0;background:#fff;border:1px solid var(--line);border-top:0;color:var(--ink)}
.system-page .closing{margin-top:20px;font-size:15px}
.completion-section{background:var(--page)}
.completion-section h2,.optional-section h2{font-size:30px}
#workflow-feedback{margin:16px 0 0;min-height:24px;font-size:14px}
.optional-section{padding-block:56px}
#book-coaching{margin:28px 0 0;font-size:14px}
.system-page footer{align-items:center;font-size:12px;color:var(--muted)}
.system-page footer p{margin:0}.system-page .footer-mark{display:flex}
.system-page .skip:focus{color:#fff}
@media(max-width:767px){
.system-page .wrap{width:calc(100% - 36px)}
.system-page .masthead{min-height:76px}.system-page .masthead nav{gap:15px;font-size:12px}.system-page .identity{font-size:9px;gap:8px}.system-page .brand-logo{width:38px;height:38px}
.resource-hero{padding-block:36px 40px}.system-page h1{font-size:clamp(34px,6.8vw,48px);line-height:1.13}.system-page .lead{font-size:18px}.resource-hero>.lead{margin-bottom:26px}
.offer-choice{grid-template-columns:1fr;gap:20px}.offer{padding:23px}.offer h2{font-size:28px}.offer p{max-width:none}.offer-format{font-size:12px}
.module-section{padding-block:44px}.module-layout{grid-template-columns:1fr;gap:35px}.module-cover{order:2}.module-copy{order:1}.module-cover img{width:180px}.module-copy h2{font-size:34px}.module-copy .button{width:100%}
.workflow-intro{padding-block:50px 36px}.workflow-deliverables{display:grid;gap:8px;margin:24px 0}.download-options{grid-template-columns:1fr;gap:22px}
.system-section{padding-block:32px}.section-grid h2,.completion-section h2,.optional-section h2{font-size:28px}.system-page pre{padding:18px;font-size:13px}.prompt-head{padding:12px 16px}.copy{font-size:13px}.example{padding:18px}
.system-page footer{align-items:start}.system-page footer nav{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.system-page .button{transition:none}}

/* Conversion refinement: compact choice first; useful detail follows. */
.system-page{--space-tight:12px;--space-group:24px;--space-section:64px}
.system-page h1,.system-page h2{text-wrap:balance}
.system-page h1{font-size:clamp(34px,4.2vw,58px);line-height:1.1}
.resource-hero{padding-block:48px 56px}
.resource-hero>.lead{max-width:660px;font-size:19px;margin-bottom:12px}
.resource-hero>.access-note{margin:0 0 32px;font-size:14px;color:var(--ink)}
.offer-choice{gap:0;border-block:1px solid var(--line);background:var(--page)}
.offer{border:0;background:transparent;padding:28px 32px;gap:0}
.offer+.offer{border-left:1px solid var(--line)}
.offer h2{font-size:26px;margin-bottom:12px;letter-spacing:-.025em}
.offer p{margin-bottom:20px;max-width:420px}
.offer-format{margin-top:12px}
.system-page .button-secondary{background:#fff;color:var(--red);border:1px solid var(--red)}
.system-page .button-secondary:hover{background:#f9eeec}
.system-page .masthead nav a{display:inline-flex;align-items:center;min-height:44px}
.module-section{padding-block:var(--space-section)}
.module-copy .resource-note{margin-bottom:24px}
.workflow-start{display:flex;align-items:center;gap:24px;margin-block:28px}
.workflow-start span{font-size:14px;color:var(--muted);max-width:230px}
.download-options{padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:767px){
.resource-hero{padding-block:28px 32px}
.system-page h1{font-size:clamp(30px,7.5vw,40px);margin-bottom:16px}
.resource-hero>.lead{font-size:16px;line-height:1.5;margin-bottom:12px}
.resource-hero>.access-note{font-size:12px;margin-bottom:24px}
.offer-choice{gap:0}.offer{padding:20px}.offer+.offer{border-left:0;border-top:1px solid var(--line)}
.offer h2{font-size:23px;margin-bottom:8px}.offer p{font-size:15px;margin-bottom:16px;line-height:1.45}.offer-format{font-size:11px;margin-top:10px}
.system-page .button{min-height:48px;padding:12px 16px}
.module-section{padding-block:40px}.module-copy h2{font-size:32px}
.workflow-start{display:flex;flex-direction:column;align-items:stretch;gap:12px}.workflow-start span{max-width:none}
}