/* ==========================================================================
   liftwithmakay — shared stylesheet
   One file. Every page links to it. Edit here, every page changes.
   ========================================================================== */

:root{
  --bg:#0a0a0b;
  --surface:#141416;
  --surface-2:#1c1c1f;
  --line:#2a2a2e;
  --text:#f2f2f3;
  --text-2:#b8b8bf;
  --muted:#8b8b93;
  --faint:#5f5f68;
  --accent:#d4442f;
  --accent-dim:#8f2d1f;
  --warn:#e8b04b;
  --radius:14px;
  --measure:66ch;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--text);line-height:1.6;
  -webkit-font-smoothing:antialiased;min-height:100vh;
}
a{color:inherit}
::selection{background:rgba(212,68,47,.3)}

/* ---------- layout ---------- */
.bio-shell{display:flex;justify-content:center;padding:40px 20px calc(48px + env(safe-area-inset-bottom))}
.bio-shell::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(680px 340px at 50% -8%, rgba(212,68,47,.13), transparent 70%),
    radial-gradient(520px 300px at 100% 100%, rgba(212,68,47,.05), transparent 70%);
}
.wrap{width:100%;max-width:440px;position:relative;z-index:1}
.doc{max-width:var(--measure);margin:0 auto;padding:44px 22px 90px}

/* ---------- bio header ---------- */
.bio-head{text-align:center;margin-bottom:22px}
.mark{
  width:78px;height:78px;margin:0 auto 16px;border-radius:50%;
  background:linear-gradient(145deg,var(--accent),var(--accent-dim));
  display:grid;place-items:center;font-weight:800;font-size:27px;
  letter-spacing:-.5px;color:#fff;box-shadow:0 8px 32px rgba(212,68,47,.32);
}
.bio-head h1{font-size:23px;font-weight:700;letter-spacing:-.4px}
.handle{color:var(--muted);font-size:14px;font-weight:500;margin-top:3px}
.tagline{color:var(--text-2);font-size:14.5px;margin-top:13px;max-width:340px;margin-left:auto;margin-right:auto}

/* ---------- disclosure banner (FTC 16 CFR 255) ---------- */
.disclosure{
  background:rgba(212,68,47,.09);border:1px solid rgba(212,68,47,.28);
  border-radius:11px;padding:12px 15px;margin:22px 0 20px;
  font-size:13px;line-height:1.55;color:#e4c4bd;
}
.disclosure strong{color:#fff;font-weight:600}
.doc .disclosure{margin:0 0 34px}

/* ---------- link buttons ---------- */
.links{display:flex;flex-direction:column;gap:11px}
.link{
  display:flex;align-items:center;gap:14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;
  text-decoration:none;color:var(--text);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.link:hover,.link:focus-visible{background:var(--surface-2);border-color:#3d3d43;transform:translateY(-2px);outline:none}
.link:active{transform:translateY(0)}
.link.primary{
  background:linear-gradient(145deg,var(--accent),var(--accent-dim));
  border-color:transparent;box-shadow:0 6px 24px rgba(212,68,47,.26);
}
.link.primary:hover{background:linear-gradient(145deg,#e04b34,#a03323)}
.icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center}
.icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.link-text{flex:1;min-width:0;display:block}
.link-title{display:block;font-weight:600;font-size:15px;letter-spacing:-.15px}
.link-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.link.primary .link-sub{color:rgba(255,255,255,.8)}
.chev{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.45;flex:0 0 16px}

/* ---------- email capture ---------- */
.capture{margin-top:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.capture h2{font-size:15.5px;font-weight:700;letter-spacing:-.2px;border:0;padding:0;margin:0}
.capture p{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.55}
.capture form{display:flex;gap:9px;margin-top:14px}
.capture input{
  flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);
  border-radius:10px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14.5px;
}
.capture input::placeholder{color:var(--faint)}
.capture input:focus{outline:none;border-color:var(--accent)}
.capture button{
  background:var(--accent);border:none;color:#fff;font-family:inherit;font-size:14px;
  font-weight:600;padding:12px 18px;border-radius:10px;cursor:pointer;white-space:nowrap;
  transition:background .16s ease;
}
.capture button:hover{background:#e04b34}
.fineprint{font-size:11.5px;color:var(--faint);margin-top:10px}

/* ---------- socials + footer ---------- */
.socials{display:flex;justify-content:center;gap:11px;margin-top:26px}
.social{
  width:44px;height:44px;border-radius:11px;background:var(--surface);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted);
  transition:color .16s ease,border-color .16s ease,transform .16s ease;
}
.social:hover{color:var(--text);border-color:#3d3d43;transform:translateY(-2px)}
.social svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.site-foot{text-align:center;margin-top:30px;font-size:11.5px;color:#4d4d55;line-height:1.7}
.site-foot a{color:#6b6b74;text-decoration:none;border-bottom:1px solid var(--line)}

/* ---------- long-form documents ---------- */
.back{
  display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted);
  text-decoration:none;margin-bottom:30px;transition:color .16s ease;
}
.back:hover{color:var(--text)}
.back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.doc h1{font-size:31px;font-weight:800;letter-spacing:-.9px;line-height:1.2;margin-bottom:12px}
.doc .kicker{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);margin-bottom:11px}
.doc .lede{font-size:17px;color:var(--text-2);line-height:1.62;margin-bottom:14px}
.doc .byline{font-size:12.5px;color:var(--faint);margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.doc h2{
  font-size:21px;font-weight:700;letter-spacing:-.4px;margin:44px 0 14px;
  padding-top:22px;border-top:1px solid var(--line);
}
.doc h3{font-size:16.5px;font-weight:650;letter-spacing:-.2px;margin:28px 0 9px;color:#e6e6e8}
.doc p{margin-bottom:16px;color:var(--text-2);font-size:15.5px}
.doc strong{color:var(--text);font-weight:650}
.doc em{color:#cfcfd6}
.doc ul,.doc ol{margin:0 0 18px 21px;color:var(--text-2);font-size:15.5px}
.doc li{margin-bottom:9px}
.doc a[href]{color:#e07a66;text-decoration:none;border-bottom:1px solid rgba(224,122,102,.35)}
.doc a[href]:hover{border-bottom-color:#e07a66}
.doc code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1.5px 6px;color:#e6c9c2;
}
blockquote{
  border-left:3px solid var(--accent);background:var(--surface);
  padding:15px 19px;margin:22px 0;border-radius:0 10px 10px 0;
}
blockquote p{margin:0;font-size:14.5px;color:var(--text-2)}
.callout{
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--warn);
  border-radius:0 11px 11px 0;padding:16px 19px;margin:24px 0;
}
.callout p{margin:0;font-size:14.5px}
.callout .callout-title{font-weight:700;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.9px;margin-bottom:7px;display:block}

/* ---------- checklist ---------- */
.cl-section{margin:34px 0}
.cl-section h2{margin-top:0;border-top:none;padding-top:0;font-size:18px;display:flex;align-items:baseline;gap:10px}
.cl-num{
  font-size:12px;font-weight:800;color:var(--accent);background:rgba(212,68,47,.13);
  border-radius:6px;padding:3px 8px;letter-spacing:.5px;flex:0 0 auto;
}
.cl-why{font-size:13.5px;color:var(--muted);font-style:italic;margin:-4px 0 14px}
.cl-list{list-style:none;margin:0;padding:0}
.cl-list li{
  position:relative;padding:11px 0 11px 32px;border-bottom:1px solid #202024;
  font-size:14.5px;color:var(--text-2);margin:0;
}
.cl-list li:last-child{border-bottom:none}
.cl-list li::before{
  content:'';position:absolute;left:0;top:13px;width:17px;height:17px;
  border:1.5px solid #45454c;border-radius:4px;
}
.cl-list.stop li::before{border-color:var(--accent)}
.print-btn{
  display:inline-flex;align-items:center;gap:8px;background:var(--surface);
  border:1px solid var(--line);color:var(--text);font-family:inherit;font-size:13.5px;
  font-weight:600;padding:10px 16px;border-radius:10px;cursor:pointer;margin-bottom:8px;
  transition:background .16s ease,border-color .16s ease;
}
.print-btn:hover{background:var(--surface-2);border-color:#3d3d43}

/* ---------- confirmation / 404 ---------- */
.center-page{min-height:100vh;display:grid;place-items:center;padding:40px 22px;text-align:center}
.center-page .inner{max-width:430px}
.big{font-size:52px;font-weight:800;letter-spacing:-2px;color:var(--accent);line-height:1;margin-bottom:18px}
.center-page h1{font-size:25px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}
.center-page p{color:var(--text-2);font-size:15px;margin-bottom:16px}
.btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:11px;margin-top:8px;
  transition:background .16s ease;
}
.btn:hover{background:#e04b34}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- print: the checklist must survive Cmd+P as a clean handout ---------- */
@media print{
  @page{margin:12mm}
  body{background:#fff;color:#000;font-size:8.7pt;line-height:1.34}
  .doc h2{font-size:11pt;margin:11pt 0 4pt;padding-top:0;border-top:1px solid #ddd}
  .doc p{margin-bottom:5pt;font-size:8.7pt}
  .doc ul,.doc ol{margin:0 0 6pt 14pt;font-size:8.7pt}
  .doc li{margin-bottom:2.5pt}
  .callout{padding:7pt 9pt;margin:9pt 0;background:#f7f7f7;border-color:#ccc;border-left-color:#a8321f}
  .callout p{font-size:8.4pt}
  .callout .callout-title{font-size:7.5pt;margin-bottom:3pt}
  .doc{max-width:none;padding:0}
  .back,.print-btn,.site-foot,.no-print{display:none!important}
  .doc h1{font-size:19pt;color:#000;margin-bottom:5pt}
  .doc .kicker{color:#a8321f;font-size:7.5pt;margin-bottom:5pt}
  .doc .lede{font-size:10pt;color:#333;margin-bottom:6pt}
  .doc .byline{color:#666;font-size:7.5pt;margin-bottom:10pt;padding-bottom:7pt;border-color:#ccc}
  .disclosure{background:#faf0ee;border-color:#d9b3aa;color:#5c1f14;font-size:8pt;padding:7pt 9pt;margin-bottom:11pt}
  .disclosure strong{color:#000}
  .cl-section{margin:7pt 0;break-inside:avoid}
  .cl-section h2{font-size:11pt;color:#000;gap:7pt}
  .cl-num{color:#a8321f;background:#f4e6e3;font-size:7.5pt;padding:1.5pt 5pt}
  .cl-why{color:#666;font-size:8pt;margin:0 0 5pt}
  .cl-list li{color:#111;font-size:8.5pt;padding:3pt 0 3pt 13pt;border-bottom:1px solid #e4e4e4}
  .cl-list li::before{border-color:#555;width:9pt;height:9pt;top:5.5pt;border-width:1px}
  .doc a[href]{color:#000;border-bottom:none}
  .doc h2,.doc h3{color:#000}
  .doc p,.doc li{color:#111}
  .doc strong,.cl-list li strong,.disclosure strong{color:#000;font-weight:700}
  .doc em{color:#333}
  blockquote{border-left-color:#a8321f;background:#f7f7f7}
}