/*
Theme Name: WebinarGenius Workbench
Description: A lightweight custom theme for WebinarGenius.
Version: 1.0.0
Author: Robert Plank
Text Domain: webinargenius
*/
:root{--ink:#172a25;--muted:#52665c;--paper:#f8f7f1;--panel:#fff;--accent:#186347;--soft:#e6eee4;--line:#d9e0d5;--highlight:#d5e77c;--shadow:0 18px 50px #24382c0b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body.webinargenius{--ink:#142c41;--muted:#52677b;--paper:#f4f7fa;--accent:#154f78;--soft:#e3edf6;--line:#d1dee8;--highlight:#f9c690;--shadow:0 18px 50px #1738570b}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c17123;outline-offset:4px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.sale-strip{background:var(--ink);color:#fff;text-align:center;font-size:13px;padding:9px 16px;letter-spacing:.02em}.sale-strip a{color:#fff;font-weight:700;margin-left:12px}.site-header{padding:22px 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:22px;letter-spacing:-1px}.brand-mark{width:35px;height:35px;background:var(--accent);color:#fff;display:grid;place-items:center;border-radius:7px;font-size:18px;letter-spacing:-1px}.nav{display:flex;flex-wrap:wrap;gap:25px;align-items:center;font-size:14px;font-weight:600}.nav a{color:var(--ink);text-decoration:none}.nav a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--accent);margin:0 0 18px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding:74px 0 66px}.hero h1{font:600 clamp(39px,4.4vw,62px)/1.08 Georgia,serif;letter-spacing:-2px;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:19px;color:var(--muted);max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 17px}.button,button.primary{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--accent);border-radius:6px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;color:#fff;background:var(--accent);line-height:1.5}.button.secondary,button.secondary{background:transparent;color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:12px 18px;cursor:pointer;font-size:15px;font-weight:650}.button:hover,button:hover{filter:brightness(.95)}.micro{font-size:13px;color:var(--muted)}.example{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.example-top{background:var(--soft);padding:14px 24px;display:flex;justify-content:space-between;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.example-body{padding:28px}.example h2{font:500 30px/1.25 Georgia,serif;margin:8px 0 22px}.example .step{padding:13px 0;border-top:1px solid var(--line);font-size:14px;display:grid;grid-template-columns:42px 1fr;gap:8px}.number{color:var(--accent);font-weight:800}.example-note{background:var(--highlight);padding:12px 18px;font-size:13px}.section{padding:55px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading h2{font:500 38px/1.15 Georgia,serif;letter-spacing:-1px;margin:8px 0}.section-heading p{max-width:420px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:26px;box-shadow:var(--shadow)}.card h3{font:600 24px/1.25 Georgia,serif;margin:8px 0 14px}.card p{font-size:15px;margin:10px 0}.card .tag{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--accent)}.formula{font-size:14px;font-weight:700;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}blockquote{margin:15px 0 0;border-left:3px solid var(--highlight);padding-left:14px;font-size:15px}.text-link{font-size:14px;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px}.callout{background:var(--soft);padding:30px;border-radius:9px}.callout h2{font:500 32px/1.2 Georgia,serif;margin:0 0 15px}.callout p{margin-bottom:0}.sale-block{padding:40px;background:var(--ink);color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin:20px 0 60px}.sale-block h2{font:500 31px/1.2 Georgia,serif;margin:0 0 12px}.sale-block p{font-size:15px;max-width:640px;margin:0}.sale-block .button{background:var(--highlight);color:var(--ink);border-color:var(--highlight);white-space:nowrap}.footer{padding:30px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{margin-left:16px}.page-head{padding:53px 0 33px;max-width:850px}.page-head h1{font:500 clamp(33px,4vw,49px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 20px}.page-head p{font-size:19px;color:var(--muted);margin:0}.crumb{font-size:13px;margin-bottom:25px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:65px;padding-bottom:60px}.article h2{font:550 29px/1.25 Georgia,serif;margin:35px 0 12px}.article h3{font-size:20px;margin-top:27px}.article p,.article li{font-size:17px}.article li{margin:8px 0}.article ul,.article ol{padding-left:24px}.article .callout{margin:27px 0}.sidebar{align-self:start;background:var(--soft);border-radius:8px;padding:24px;margin-top:15px;font-size:14px}.sidebar h2{font-size:17px;margin:0 0 13px}.sidebar a{display:block;margin:12px 0}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-bottom:50px;align-items:start}.form-panel,.result-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:30px}.form-panel h2,.result-panel h2{font:550 28px/1.2 Georgia,serif;margin:0 0 22px}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:14px;font-weight:750;margin-bottom:6px}.field small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.field input,.field textarea,.field select{width:100%;border:1px solid #a2b3a8;border-radius:5px;padding:11px 12px;color:var(--ink);background:#fff;font-size:16px}.field textarea{min-height:105px;resize:vertical}.field input:invalid:not(:placeholder-shown){box-shadow:none}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status{font-size:13px;min-height:1.5em;color:var(--accent)}.result-panel{background:var(--soft)}.result-panel textarea{width:100%;resize:vertical;min-height:290px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:18px;font-size:16px;line-height:1.6}.result-panel .draft-list{display:grid;gap:14px;margin:18px 0}.draft{background:white;border:1px solid var(--line);padding:18px;border-radius:6px}.draft strong{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.draft p{margin:6px 0;font-size:17px}.draft button{border:0;background:none;text-decoration:underline;color:var(--accent);padding:4px 0;font-size:13px;cursor:pointer}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{background:white;border-radius:7px;padding:18px;border:1px solid var(--line)}.metric dt{font-size:12px;color:var(--muted)}.metric dd{font-size:27px;font-weight:750;margin:5px 0 0;overflow-wrap:anywhere}.metric.emphasis{background:var(--ink);color:white;grid-column:1/-1}.metric.emphasis dt{color:#dce7ed}.metric.emphasis dd{font-size:40px}.equation{font-size:14px;background:white;border:1px solid var(--line);border-radius:6px;padding:18px}.check-group{background:white;padding:25px;border:1px solid var(--line);border-radius:8px;margin:22px 0}.check-group h2{margin-top:0}.check-row{display:flex;align-items:start;gap:13px;border-top:1px solid var(--line);padding:14px 0;cursor:pointer;font-size:16px}.check-row input{width:19px;height:19px;flex:0 0 19px;margin-top:4px;accent-color:var(--accent)}.check-row:has(input:checked)>span{color:var(--muted);text-decoration:line-through}.progress{height:9px;width:100%;accent-color:var(--accent)}.sticky-summary{position:sticky;top:20px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.no-js{background:#fff3d4;padding:14px;font-size:14px}.not-found{text-align:center;padding:100px 20px}code{font-size:.9em;overflow-wrap:anywhere}@media(max-width:900px){.hero{gap:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:10px}.sidebar{max-width:none}.hero h1{font-size:47px}.nav{gap:14px}.brand{font-size:20px}}@media(max-width:680px){.wrap{width:calc(100% - 32px)}.header-inner{align-items:flex-start;flex-direction:column;gap:14px}.nav{font-size:13px;gap:18px}.site-header{padding:17px 0}.sale-strip{font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding:42px 0}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero .lead{font-size:17px}.example{transform:none}.section{padding:38px 0}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:32px}.grid,.split,.tool-layout{grid-template-columns:1fr}.card{padding:23px}.sale-block{padding:27px;flex-direction:column;align-items:start;margin-bottom:35px}.sale-block h2{font-size:28px}.footer-inner{flex-direction:column}.footer a{margin:0 16px 0 0}.form-panel,.result-panel{padding:22px}.two-fields{gap:12px}.page-head{padding-top:34px}.page-head h1{font-size:36px}.page-head p{font-size:17px}.metric{padding:14px}.metric dd{font-size:24px}.sticky-summary{position:static}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.sale-strip,.site-header,.footer,.sale-block,.actions,button,.sidebar{display:none!important}body{background:white;color:black}.wrap{width:100%}.article-layout,.tool-layout{display:block}.form-panel,.result-panel{border:0;padding:10px}.check-group,.card{break-inside:avoid}.result-panel textarea{min-height:500px}.hero{padding:20px 0}.section{padding:20px 0}}/* Visual refresh: direct typography, flat surfaces, and two distinct brands. */
:root {
  --ink: #111827;
  --muted: #4a5568;
  --paper: #ffffff;
  --panel: #ffffff;
  --accent: #2649e8;
  --soft: #f1f4ff;
  --line: #d8deec;
  --highlight: #dbe4ff;
  --shadow: none;
}
body.webinargenius {
  --ink: #102338;
  --muted: #475d72;
  --paper: #f7fafc;
  --panel: #ffffff;
  --accent: #087594;
  --soft: #e8f3f7;
  --line: #d1dfe7;
  --highlight: #c9f272;
  --shadow: none;
}
body {
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}
body.webinargenius { background: var(--paper); }
.sale-strip { background: #111827; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
body.webinargenius .sale-strip { background: #091c2f; }
.sale-strip a { text-decoration-thickness: 1px; }
.site-header { background: #fff; padding: 18px 0; }
.brand { font-size: 21px; letter-spacing: -.055em; }
.brand-mark { border-radius: 3px; width: 37px; height: 37px; text-transform: uppercase; font-size: 13px; letter-spacing: -.08em; }
body.copyformula .brand-mark { background: #2649e8; }
body.webinargenius .brand-mark { background: #102338; color: #c9f272; }
.nav { font-size: 13px; font-weight: 700; gap: 29px; }
.nav a { padding: 8px 0; }
.nav a:hover { color: var(--accent); }
.eyebrow, .card .tag { font-size: 11px; letter-spacing: .12em; font-weight: 800; }
.hero { gap: 64px; padding: 76px 0 82px; }
.hero h1,
.example h2,
.section-heading h2,
.card h3,
.callout h2,
.sale-block h2,
.page-head h1,
.article h2,
.form-panel h2,
.result-panel h2 {
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.055em;
}
.hero h1 { font-size: clamp(43px, 4.8vw, 70px); line-height: 1.035; letter-spacing: -.065em; max-width: 720px; }
.hero h1 em { font-style: normal; }
.hero .lead { font-size: 18px; line-height: 1.55; }
.button, button.primary, .button.secondary, button.secondary { border-radius: 3px; font-weight: 750; box-shadow: none; }
.button, button.primary { padding: 13px 21px; }
.button.secondary, button.secondary { background: #fff; border-color: var(--line); }
.button:hover, button:hover { filter: none; transform: translateY(-1px); }
.example { transform: none; border-radius: 4px; box-shadow: none; }
.example-top { border-bottom: 1px solid var(--line); background: #f6f8ff; }
.example h2 { font-size: 28px; line-height: 1.17; }
.example-note { font-weight: 650; }
.section { padding: 67px 0; }
.section-heading h2 { font-size: clamp(32px, 3vw, 43px); line-height: 1.1; }
.card { border-radius: 4px; box-shadow: none; padding: 28px; }
.card h3 { font-size: 23px; line-height: 1.16; }
.card:hover { border-color: var(--accent); }
.formula { font-weight: 750; }
blockquote { border-left: 3px solid var(--accent); }
.callout, .sidebar, .check-group, .metric, .draft, .equation, .form-panel, .result-panel, .result-panel textarea, .field input, .field textarea, .field select { border-radius: 3px; }
.callout h2 { font-size: 30px; line-height: 1.14; }
.sale-block { border-radius: 4px; padding: 43px; }
.sale-block h2 { font-size: 30px; }
.footer { background: #fff; }
.page-head h1 { font-size: clamp(38px, 4.1vw, 55px); line-height: 1.06; }
.article h2 { font-size: 29px; }
.form-panel h2, .result-panel h2 { font-size: 27px; }
.metric dd { letter-spacing: -.055em; }

/* CopyFormula: a clean, typographic writing workspace. */
body.copyformula .hero { border-bottom: 4px solid #2649e8; }
body.copyformula .hero h1 { color: #111827; }
body.copyformula .hero h1 em { color: #2649e8; }
body.copyformula .example { border: 2px solid #19254b; }
body.copyformula .example-top { background: #eaf0ff; color: #193bb8; }
body.copyformula .example-note { background: #e3ebff; color: #102777; }
body.copyformula .card { border-top: 3px solid #2649e8; }
body.copyformula .callout { background: #edf2ff; border-left: 4px solid #2649e8; }
body.copyformula .sale-block { background: #111827; }
body.copyformula .sale-block .button { background: #dce6ff; color: #111827; border-color: #dce6ff; }

/* WebinarGenius: a presentation-style workbench with stronger contrast. */
body.webinargenius .hero {
  background: #102338;
  color: #fff;
  padding: 66px 48px;
  margin-top: 36px;
  margin-bottom: 45px;
  gap: 48px;
}
body.webinargenius .hero h1 { color: #fff; font-size: clamp(42px, 4.3vw, 64px); }
body.webinargenius .hero h1 em { color: #c9f272; }
body.webinargenius .hero .lead, body.webinargenius .hero .micro { color: #d0e0ed; }
body.webinargenius .hero .eyebrow { color: #a5eafa; }
body.webinargenius .hero .button { background: #c9f272; border-color: #c9f272; color: #102338; }
body.webinargenius .hero .button.secondary { background: transparent; border-color: #81a1b8; color: #fff; }
body.webinargenius .example { color: #102338; border: 2px solid #b9d2df; }
body.webinargenius .example-top { background: #dff2f6; color: #164e65; }
body.webinargenius .example-note { background: #c9f272; }
body.webinargenius .card { border-top: 3px solid #087594; }
body.webinargenius .callout { background: #e5f3f7; border-left: 4px solid #087594; }
body.webinargenius .sale-block { background: #102338; }
body.webinargenius .sale-block .button { background: #c9f272; border-color: #c9f272; color: #102338; }

@media (max-width: 900px) {
  .hero h1 { font-size: 50px; }
  body.webinargenius .hero { padding: 48px 32px; gap: 30px; }
  body.webinargenius .hero h1 { font-size: 47px; }
}
@media (max-width: 680px) {
  .site-header { padding: 14px 0; }
  .nav { gap: 10px 18px; }
  .hero { padding: 44px 0 51px; gap: 27px; }
  .hero h1 { font-size: clamp(39px, 10vw, 49px); letter-spacing: -.055em; }
  .hero .lead { font-size: 17px; }
  .section { padding: 42px 0; }
  .section-heading h2 { font-size: 33px; }
  .card { padding: 22px; }
  .sale-block { padding: 27px; }
  body.webinargenius .hero { margin-top: 18px; margin-bottom: 0; padding: 37px 23px; }
  body.webinargenius .hero h1 { font-size: clamp(37px, 9vw, 46px); }
  body.webinargenius .hero .button.secondary { color: #fff; background: transparent; }
}
@media print {
  body.webinargenius .hero { color: #102338; background: #fff; padding: 20px 0; }
  body.webinargenius .hero h1 { color: #102338; }
}
body.webinargenius .hero .example .eyebrow{color:#087594}