/* Extracted from GetAIReplace/index.html */

:root {
  --bg:      #F5F8F6;
  --white:   #FFFFFF;
  --ink:     #111F17;
  --body:    #3D5245;
  --muted:   #7A9185;
  --dim:     #A8BCAF;
  --border:  #DDE8E2;
  --teal:    #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid:#C0E8DC;
  --teal-dk: #076B53;
  --red:     #C93232;
  --red-lt:  #FDF0F0;
  --amber:   #8C5C0A;
  --amber-lt:#FEF5E8;
  --f: 'Montserrat', sans-serif;
  --r: 12px;
  --sh: 0 2px 16px rgba(10,60,40,.06);
  --sh2: 0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ── NAV ───────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.logo-dot{color:var(--teal)}
.logo-img{height:40px;width:auto;display:block}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

/* ── HERO ──────────────────────────────────────────── */
.hero{padding:120px 52px 32px;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.e-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-sub{font-size:17px;color:var(--body);line-height:1.78;margin-bottom:32px;font-weight:400;max-width:470px}
.hero-cta{display:inline-block;background:var(--ink);color:var(--white);font-size:14px;font-weight:700;padding:16px 34px;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s;letter-spacing:-.01em}
.hero-cta:hover{background:var(--teal);transform:translateY(-1px)}
.hero-note{margin-top:13px;font-size:12px;color:var(--muted);font-weight:500}

/* ── HERO LIVE FEED ────────────────────────────────── */
.live-feed{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--sh2)}
.lf-header{background:var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-title{font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.01em}
.lf-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--teal-mid)}
.lf-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
.lf-body{padding:4px 0}
.lf-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);animation:fadeRow .4s ease both}
.lf-item:last-child{border-bottom:none}
@keyframes fadeRow{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.lf-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.lf-icon.green{background:var(--teal-lt)}
.lf-icon.amber{background:var(--amber-lt)}
.lf-info{flex:1;min-width:0}
.lf-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-meta{font-size:11px;color:var(--muted);margin-top:1px}
.lf-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.s-done{background:var(--teal-lt);color:var(--teal-dk)}
.s-run{background:var(--amber-lt);color:var(--amber)}
.lf-footer{background:var(--teal-lt);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-footer-txt{font-size:12px;font-weight:600;color:var(--teal-dk)}
.lf-savings{font-size:13px;font-weight:800;color:var(--teal-dk);letter-spacing:-.01em}

/* ── PAIN SECTION ──────────────────────────────────── */
.pain-section{max-width:1160px;margin:0 auto;padding:52px 52px}
.section-ey{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.section-h{font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:18px}
.section-h em{font-style:normal;color:var(--teal)}
.section-sub{font-size:16px;color:var(--body);max-width:520px;line-height:1.75;font-weight:400;margin-bottom:48px}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pain-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.pain-card:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.pain-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.pain-num-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.pn-red{background:var(--red-lt);color:var(--red)}
.pn-blue{background:#EBF2FD;color:#1A5CB8}
.pain-card h3{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.35;margin-bottom:2px}
.pain-card .pain-vol{font-size:11px;color:var(--muted);font-weight:500}
.pain-stat{font-size:28px;font-weight:900;color:var(--red);letter-spacing:-.03em;margin-bottom:4px}
.pain-stat.blue{color:#1A5CB8}
.pain-stat-lbl{font-size:12px;color:var(--muted);margin-bottom:14px}
.pain-quote{background:var(--bg);border-left:3px solid var(--border);border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:10px}
.pain-quote p{font-size:12px;color:#444;font-style:italic;line-height:1.65;margin-bottom:4px}
.pain-quote span{font-size:10px;color:var(--muted);font-weight:600}
.pain-cost-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pcost{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--body)}
.pcost strong{color:var(--red)}

/* ── MONDAY SECTION ────────────────────────────────── */
.monday-section{max-width:1160px;margin:0 auto;padding:0 52px 28px}
.monday-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.monday-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.mc-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.mc-header-bad{background:var(--red-lt)}
.mc-header-good{background:var(--teal-lt)}
.mc-dot{width:9px;height:9px;border-radius:50%}
.mc-dot-bad{background:var(--red)}
.mc-dot-good{background:var(--teal)}
.mc-title{font-size:13px;font-weight:700;letter-spacing:-.01em}
.mc-title-bad{color:var(--red)}
.mc-title-good{color:var(--teal-dk)}
.mc-body{padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.task-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}
.tp-bad{background:var(--red-lt);color:#7A1A1A;border:1px solid rgba(201,50,50,.12)}
.tp-good{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tp-icon{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}
.tp-icon-bad{background:rgba(201,50,50,.12)}
.tp-icon-good{background:rgba(10,140,110,.15)}
.tp-text{flex:1}
.tp-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap}
.tag-urgent{background:#FDEAEA;color:var(--red);border:1px solid rgba(201,50,50,.2)}
.tag-done{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tag-ai{background:var(--ink);color:var(--white);font-size:9px}
.mc-footer{padding:14px 22px;border-top:1px solid var(--border);font-size:12px;font-weight:600}
.mc-footer-bad{color:var(--red);background:var(--red-lt)}
.mc-footer-good{color:var(--teal-dk);background:var(--teal-lt)}

/* ── HOW IT WORKS ──────────────────────────────────── */
.steps-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px 52px}
.steps-inner{max-width:1160px;margin:0 auto}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.step{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-mid));opacity:0;transition:opacity .3s}
.step:hover::before{opacity:1}
.step-num{font-size:48px;font-weight:900;color:rgba(10,140,110,.1);line-height:1;margin-bottom:14px;letter-spacing:-.04em}
.step-day{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-lt);border:1px solid var(--teal-mid);padding:4px 10px;border-radius:100px;margin-bottom:14px}
.step-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.02em}
.step-body{font-size:13px;color:var(--body);line-height:1.72}

/* ── ROLES ─────────────────────────────────────────── */
.roles-section{max-width:1160px;margin:0 auto;padding:52px 52px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.rc{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}
.rc:hover{border-color:var(--teal-mid);transform:translateY(-2px);box-shadow:var(--sh)}
.rc-stack{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:100px;display:inline-block;margin-bottom:10px}
.oc-s{background:rgba(74,16,96,.08);color:#4A1060;border:1px solid rgba(74,16,96,.15)}
.n8-s{background:rgba(27,67,50,.08);color:#1B4332;border:1px solid rgba(27,67,50,.15)}
.rc-num{font-size:22px;font-weight:900;color:rgba(10,140,110,.15);letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.rc-name{font-size:12px;color:var(--ink);font-weight:700;line-height:1.45;margin-bottom:6px}
.rc-replaces{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:8px}
.rc-cost{font-size:13px;font-weight:800;color:var(--red)}

/* ── VISUAL ────────────────────────────────────────── */
.visual-section{background:var(--ink);padding:52px 52px}
.visual-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.visual-inner .section-h{color:var(--white)}
.visual-inner .section-ey{color:var(--teal)}
.visual-inner .section-sub{color:rgba(255,255,255,.5);margin-bottom:0}
.sys-mockup{background:#1A2E22;border:1px solid #2A4832;border-radius:16px;overflow:hidden}
.sm-bar{background:#0D1F15;padding:12px 18px;display:flex;align-items:center;gap:8px}
.sm-dot{width:9px;height:9px;border-radius:50%}
.sm-d1{background:#2A4832}.sm-d2{background:#2A4832}.sm-d3{background:var(--teal)}
.sm-title{font-size:11px;font-weight:700;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.sm-live{font-size:10px;font-weight:600;color:#5DCAA5;margin-left:auto;display:flex;align-items:center;gap:5px}
.sm-live-dot{width:6px;height:6px;border-radius:50%;background:#1D9E75;animation:pulse 2s infinite}
.sm-body{padding:10px 6px}
.sm-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:4px}
.sm-ricon{width:32px;height:32px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.sm-ricon-g{background:#0A2E22}.sm-ricon-a{background:#2A1E08}
.sm-rinfo{flex:1}
.sm-rname{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
.sm-rmeta{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}
.sm-rbadge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.rb-done{background:#0A2E22;color:#5DCAA5}.rb-run{background:#2A1E08;color:#E5A835}
.sm-footer{background:#0D1F15;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
.sm-f-txt{font-size:11px;color:rgba(255,255,255,.4);font-weight:500}
.sm-f-val{font-size:13px;font-weight:800;color:var(--teal)}

/* ── VALIDATED NUMBERS ─────────────────────────────── */
.numbers-section{max-width:1160px;margin:0 auto;padding:52px 52px}
.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.num-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.num-val{font-size:44px;font-weight:900;color:var(--teal);display:block;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.num-lbl{font-size:13px;color:var(--body);line-height:1.6;margin-bottom:8px}
.num-src{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}

/* ── GUARANTEE ─────────────────────────────────────── */
.guar-band{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px 52px}
.guar-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.guar-box{display:flex;flex-direction:column;gap:16px}
.gi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s}
.gi:hover{border-color:var(--teal-mid)}
.gi-icon{width:36px;height:36px;background:var(--teal-lt);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px}
.gi-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:3px;letter-spacing:-.01em}
.gi-body{font-size:12px;color:var(--muted);line-height:1.6}

/* ── TESTIMONIALS ──────────────────────────────────── */
.testi-section{max-width:1160px;margin:0 auto;padding:52px 52px 0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.tcard-result{font-size:15px;font-weight:900;color:var(--teal);letter-spacing:-.02em;margin-bottom:10px}
.tcard-bar{width:28px;height:3px;background:var(--teal);border-radius:2px;margin-bottom:14px;opacity:.35}
.tcard-q{font-size:13px;color:var(--body);line-height:1.72;margin-bottom:16px;flex:1;font-style:italic}
.tcard-name{font-size:13px;font-weight:700;color:var(--ink)}
.tcard-co{font-size:11px;color:var(--muted);margin-top:2px}

/* ── EXEC QUOTES ───────────────────────────────────── */
.quotes-section{max-width:1160px;margin:0 auto;padding:44px 52px 52px}
.quotes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.qcard{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.qmark{font-size:48px;color:var(--teal);line-height:.6;display:block;margin-bottom:12px;opacity:.2;font-weight:900}
.qtext{font-size:15px;font-style:italic;color:var(--ink);line-height:1.65;margin-bottom:12px}
.qattr{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ── FORM ──────────────────────────────────────────── */
.form-outer{padding:32px 52px;max-width:800px;margin:0 auto;text-align:center}
.form-outer .section-h{text-align:center}
.form-outer .section-sub{text-align:center;margin:0 auto}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:36px 40px;margin-top:40px;text-align:left;box-shadow:var(--sh2)}
.form-heading{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;text-align:center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field input,.field textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--f);font-size:15px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s,background .15s;line-height:1.6}
.field input::placeholder,.field textarea::placeholder{color:#B8C8C0;font-weight:400}
.field input:focus,.field textarea:focus{border-color:var(--teal);background:var(--white)}
.field textarea{resize:vertical;min-height:130px}
.field-help{font-size:13px;color:var(--muted);margin:6px 0 12px;line-height:1.65}
.fdiv{border:none;border-top:1px solid var(--border);margin:22px 0}
.rev-lbl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:block;letter-spacing:-.01em}
.rev-sub{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}
.rev-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.ropt{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;font-size:14px;font-weight:600;color:var(--ink)}
.ropt:hover{border-color:var(--teal);background:var(--teal-lt)}
.ropt.sel{border-color:var(--teal);background:var(--teal-lt);color:var(--teal-dk)}
.ropt input[type=radio]{display:none}
.rr{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.ropt.sel .rr{border-color:var(--teal);background:var(--teal)}
.ropt.sel .rr::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}

/* Problem choice cards — bigger, more descriptive */
.prob-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.popt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none}
.popt:hover{border-color:var(--teal);background:var(--teal-lt)}
.popt.sel{border-color:var(--teal);background:var(--teal-lt)}
.popt input[type=radio]{display:none}
.popt-rr{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.popt.sel .popt-rr{border-color:var(--teal);background:var(--teal)}
.popt.sel .popt-rr::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--white)}
.popt-body{}
.popt-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em;line-height:1.35}
.popt.sel .popt-title{color:var(--teal-dk)}
.popt-desc{font-size:12px;color:var(--muted);line-height:1.65}
.popt.sel .popt-desc{color:var(--teal-dk);opacity:.75}
.popt-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ptag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg);border:1px solid var(--border);color:var(--body)}
.popt.sel .ptag{background:rgba(10,140,110,.12);border-color:var(--teal-mid);color:var(--teal-dk)}

.ferr{font-size:13px;color:var(--red);margin-top:10px;display:none}
.field-err{display:none;font-size:12px;color:var(--red);margin-top:6px;line-height:1.45;text-align:left}
.field.field-has-error input,.field.field-has-error textarea{border-color:var(--red);background:var(--red-lt);box-shadow:0 0 0 3px rgba(201,50,50,.08)}
.field.field-has-error input:focus,.field.field-has-error textarea:focus{border-color:var(--red);background:var(--white);box-shadow:0 0 0 3px rgba(201,50,50,.12)}
.sub-btn{width:100%;background:var(--ink);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:17px 24px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.sub-btn:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}
.sub-btn:disabled{opacity:.3;cursor:not-allowed}
.form-priv{text-align:center;margin-top:12px;font-size:12px;color:var(--muted);font-weight:500}
.nq{display:none;text-align:center;padding:24px 0}
.nq.show{display:block}
.nq-icon{font-size:38px;margin-bottom:18px}
.nq h3{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.nq p{font-size:14px;color:var(--body);line-height:1.7;margin-bottom:20px}
.nq-back{font-size:14px;color:var(--teal);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:var(--f);font-weight:600}
.conf{display:none;text-align:center;padding:20px 0}
.conf.show{display:block}
.conf-tick{width:60px;height:60px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:22px;color:var(--white);font-weight:900;animation:pop .45s cubic-bezier(.175,.885,.32,1.275)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.conf h3{font-size:28px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.conf-sub{font-size:15px;color:var(--body);line-height:1.72;margin-bottom:24px}
.sbox{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:18px 20px;text-align:left;margin-bottom:22px}
.srow{display:flex;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:none}
.sl{color:var(--muted);min-width:92px;flex-shrink:0;font-weight:500}
.sv{color:var(--ink);font-weight:600;line-height:1.5}
.cal-block{border:1.5px solid var(--teal);border-radius:12px;padding:24px;background:var(--teal-lt)}
.cal-block p{font-size:14px;color:var(--teal-dk);font-weight:600;margin-bottom:16px;line-height:1.6}
.cal-link{display:inline-block;background:var(--teal);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none;transition:background .2s;letter-spacing:-.01em}
.cal-link:hover{background:var(--teal-dk)}

/* ── FAQ ───────────────────────────────────────────── */
.faq-outer{max-width:740px;margin:0 auto;padding:80px 52px 52px}
.faq-hed{font-size:clamp(26px,3vw,34px);font-weight:900;color:var(--ink);letter-spacing:-.03em;margin-bottom:32px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{padding:20px 0;font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;user-select:none;transition:color .2s}
.faq-q:hover{color:var(--teal)}
.faq-ic{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);color:var(--teal);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s,background .2s,color .2s}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--teal);color:var(--white);border-color:var(--teal)}
.faq-a{font-size:14px;color:var(--body);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s}
.faq-item.open .faq-a{max-height:260px;padding-bottom:18px}

/* ── FOOTER ────────────────────────────────────────── */
footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
.foot-logo{font-size:17px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.foot-dot{color:var(--teal)}
.foot-logo-img{height:40px;width:auto;display:block}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

/* ── REVEAL ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ────────────────────────────────────── */
@media(max-width:960px){
  nav{padding:0 20px}
  .hero{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}
  .monday-grid,.visual-inner,.guar-inner{grid-template-columns:1fr;gap:28px}
  .steps-grid,.numbers-grid,.testi-grid{grid-template-columns:1fr}
  .roles-grid{grid-template-columns:repeat(2,1fr)}
  .quotes-grid,.pain-grid{grid-template-columns:1fr}
  .pain-section,.monday-section,.numbers-section,.roles-section,.testi-section,.quotes-section,.form-outer,.faq-outer,.steps-section .steps-inner{padding-left:20px;padding-right:20px}
  .steps-section,.guar-band,.visual-section{padding:64px 20px}
  .form-card{padding:28px 22px}
  footer{padding:24px 20px}
}
@media(max-width:600px){
  .field-row,.rev-opts{grid-template-columns:1fr}
  .field-row{gap:0}
  .hero h1{font-size:34px}
  .field textarea{min-height:200px}
}


/* Extracted from GetAIReplace/privacy-policy.html */

:root {
  --bg: #F5F8F6;
  --white: #FFFFFF;
  --ink: #111F17;
  --body: #3D5245;
  --muted: #7A9185;
  --border: #DDE8E2;
  --teal: #0A8C6E;
  --teal-lt: #E4F4EF;
  --f: 'Montserrat', sans-serif;
  --sh: 0 2px 16px rgba(10,60,40,.06);
  --sh2: 0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.7;overflow-x:hidden}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo-img{height:40px;width:auto;display:block}
.nav-links{display:flex;gap:10px;align-items:center}
.nav-btn{font-size:13px;font-weight:700;color:var(--ink);background:transparent;border:1px solid var(--border);border-radius:8px;padding:9px 14px;text-decoration:none;transition:all .2s}
.nav-btn:hover{border-color:var(--teal);color:var(--teal)}
.nav-btn.primary{background:var(--ink);border-color:var(--ink);color:var(--white)}
.nav-btn.primary:hover{background:var(--teal);border-color:var(--teal)}

.legal-wrap{max-width:960px;margin:0 auto;padding:120px 52px 64px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}
h1{font-size:clamp(34px,4.6vw,52px);line-height:1.08;letter-spacing:-.03em;margin-bottom:12px}
.updated{font-size:14px;color:var(--muted);margin-bottom:30px}
.card{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh2);padding:34px}
h2{font-size:21px;line-height:1.25;letter-spacing:-.02em;margin-top:24px;margin-bottom:10px}
h2:first-child{margin-top:0}
p{font-size:15px;color:var(--body)}
p + p{margin-top:10px}
.contact{margin-top:18px;padding:14px 16px;background:var(--teal-lt);border:1px solid var(--border);border-radius:10px;color:var(--ink);font-weight:600}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}

footer{border-top:1px solid var(--border);padding:28px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
.foot-logo-img{height:40px;width:auto;display:block}
footer p{font-size:12px;color:var(--muted);font-weight:500}

@media(max-width:960px){
  nav{padding:0 20px}
  .legal-wrap{padding:100px 20px 48px}
  .card{padding:24px 18px}
  footer{padding:24px 20px}
}


/* Extracted from GetAIReplace/BACKUP-2026-03-28-pre-calendar-working.html */

:root {
  --bg:      #F5F8F6;
  --white:   #FFFFFF;
  --ink:     #111F17;
  --body:    #3D5245;
  --muted:   #7A9185;
  --dim:     #A8BCAF;
  --border:  #DDE8E2;
  --teal:    #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid:#C0E8DC;
  --teal-dk: #076B53;
  --red:     #C93232;
  --red-lt:  #FDF0F0;
  --amber:   #8C5C0A;
  --amber-lt:#FEF5E8;
  --f: 'Montserrat', sans-serif;
  --r: 12px;
  --sh: 0 2px 16px rgba(10,60,40,.06);
  --sh2: 0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ── NAV ───────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.logo-dot{color:var(--teal)}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

/* ── HERO ──────────────────────────────────────────── */
.hero{padding:120px 52px 80px;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.e-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-sub{font-size:17px;color:var(--body);line-height:1.78;margin-bottom:32px;font-weight:400;max-width:470px}
.hero-cta{display:inline-block;background:var(--ink);color:var(--white);font-size:14px;font-weight:700;padding:16px 34px;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s;letter-spacing:-.01em}
.hero-cta:hover{background:var(--teal);transform:translateY(-1px)}
.hero-note{margin-top:13px;font-size:12px;color:var(--muted);font-weight:500}

/* ── HERO LIVE FEED ────────────────────────────────── */
.live-feed{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--sh2)}
.lf-header{background:var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-title{font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.01em}
.lf-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--teal-mid)}
.lf-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
.lf-body{padding:4px 0}
.lf-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);animation:fadeRow .4s ease both}
.lf-item:last-child{border-bottom:none}
@keyframes fadeRow{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.lf-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.lf-icon.green{background:var(--teal-lt)}
.lf-icon.amber{background:var(--amber-lt)}
.lf-info{flex:1;min-width:0}
.lf-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-meta{font-size:11px;color:var(--muted);margin-top:1px}
.lf-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.s-done{background:var(--teal-lt);color:var(--teal-dk)}
.s-run{background:var(--amber-lt);color:var(--amber)}
.lf-footer{background:var(--teal-lt);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-footer-txt{font-size:12px;font-weight:600;color:var(--teal-dk)}
.lf-savings{font-size:13px;font-weight:800;color:var(--teal-dk);letter-spacing:-.01em}

/* ── STRIP ─────────────────────────────────────────── */
.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white)}
.strip-inner{max-width:1160px;margin:0 auto;padding:0 52px;display:flex}
.ss{flex:1;padding:22px 16px;text-align:center;border-right:1px solid var(--border)}
.ss:last-child{border-right:none}
.ss-val{font-size:24px;font-weight:900;color:var(--teal);display:block;margin-bottom:4px;letter-spacing:-.03em}
.ss-lbl{font-size:12px;color:var(--muted);line-height:1.4;font-weight:500}

/* ── PAIN SECTION ──────────────────────────────────── */
.pain-section{max-width:1160px;margin:0 auto;padding:88px 52px}
.section-ey{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.section-h{font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:18px}
.section-h em{font-style:normal;color:var(--teal)}
.section-sub{font-size:16px;color:var(--body);max-width:520px;line-height:1.75;font-weight:400;margin-bottom:48px}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pain-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.pain-card:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.pain-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.pain-num-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.pn-red{background:var(--red-lt);color:var(--red)}
.pn-blue{background:#EBF2FD;color:#1A5CB8}
.pain-card h3{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.35;margin-bottom:2px}
.pain-card .pain-vol{font-size:11px;color:var(--muted);font-weight:500}
.pain-stat{font-size:28px;font-weight:900;color:var(--red);letter-spacing:-.03em;margin-bottom:4px}
.pain-stat.blue{color:#1A5CB8}
.pain-stat-lbl{font-size:12px;color:var(--muted);margin-bottom:14px}
.pain-quote{background:var(--bg);border-left:3px solid var(--border);border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:10px}
.pain-quote p{font-size:12px;color:#444;font-style:italic;line-height:1.65;margin-bottom:4px}
.pain-quote span{font-size:10px;color:var(--muted);font-weight:600}
.pain-cost-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pcost{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--body)}
.pcost strong{color:var(--red)}

/* ── MONDAY SECTION ────────────────────────────────── */
.monday-section{max-width:1160px;margin:0 auto;padding:0 52px 88px}
.monday-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.monday-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.mc-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.mc-header-bad{background:var(--red-lt)}
.mc-header-good{background:var(--teal-lt)}
.mc-dot{width:9px;height:9px;border-radius:50%}
.mc-dot-bad{background:var(--red)}
.mc-dot-good{background:var(--teal)}
.mc-title{font-size:13px;font-weight:700;letter-spacing:-.01em}
.mc-title-bad{color:var(--red)}
.mc-title-good{color:var(--teal-dk)}
.mc-body{padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.task-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}
.tp-bad{background:var(--red-lt);color:#7A1A1A;border:1px solid rgba(201,50,50,.12)}
.tp-good{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tp-icon{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}
.tp-icon-bad{background:rgba(201,50,50,.12)}
.tp-icon-good{background:rgba(10,140,110,.15)}
.tp-text{flex:1}
.tp-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap}
.tag-urgent{background:#FDEAEA;color:var(--red);border:1px solid rgba(201,50,50,.2)}
.tag-done{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tag-ai{background:var(--ink);color:var(--white);font-size:9px}
.mc-footer{padding:14px 22px;border-top:1px solid var(--border);font-size:12px;font-weight:600}
.mc-footer-bad{color:var(--red);background:var(--red-lt)}
.mc-footer-good{color:var(--teal-dk);background:var(--teal-lt)}

/* ── HOW IT WORKS ──────────────────────────────────── */
.steps-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 52px}
.steps-inner{max-width:1160px;margin:0 auto}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.step{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-mid));opacity:0;transition:opacity .3s}
.step:hover::before{opacity:1}
.step-num{font-size:48px;font-weight:900;color:rgba(10,140,110,.1);line-height:1;margin-bottom:14px;letter-spacing:-.04em}
.step-day{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-lt);border:1px solid var(--teal-mid);padding:4px 10px;border-radius:100px;margin-bottom:14px}
.step-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.02em}
.step-body{font-size:13px;color:var(--body);line-height:1.72}

/* ── ROLES ─────────────────────────────────────────── */
.roles-section{max-width:1160px;margin:0 auto;padding:88px 52px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}
.rc{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}
.rc:hover{border-color:var(--teal-mid);transform:translateY(-2px);box-shadow:var(--sh)}
.rc-stack{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:100px;display:inline-block;margin-bottom:10px}
.oc-s{background:rgba(74,16,96,.08);color:#4A1060;border:1px solid rgba(74,16,96,.15)}
.n8-s{background:rgba(27,67,50,.08);color:#1B4332;border:1px solid rgba(27,67,50,.15)}
.rc-num{font-size:22px;font-weight:900;color:rgba(10,140,110,.15);letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.rc-name{font-size:12px;color:var(--ink);font-weight:700;line-height:1.45;margin-bottom:6px}
.rc-replaces{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:8px}
.rc-cost{font-size:13px;font-weight:800;color:var(--red)}

/* ── VISUAL ────────────────────────────────────────── */
.visual-section{background:var(--ink);padding:88px 52px}
.visual-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.visual-inner .section-h{color:var(--white)}
.visual-inner .section-ey{color:var(--teal)}
.visual-inner .section-sub{color:rgba(255,255,255,.5);margin-bottom:0}
.sys-mockup{background:#1A2E22;border:1px solid #2A4832;border-radius:16px;overflow:hidden}
.sm-bar{background:#0D1F15;padding:12px 18px;display:flex;align-items:center;gap:8px}
.sm-dot{width:9px;height:9px;border-radius:50%}
.sm-d1{background:#2A4832}.sm-d2{background:#2A4832}.sm-d3{background:var(--teal)}
.sm-title{font-size:11px;font-weight:700;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.sm-live{font-size:10px;font-weight:600;color:#5DCAA5;margin-left:auto;display:flex;align-items:center;gap:5px}
.sm-live-dot{width:6px;height:6px;border-radius:50%;background:#1D9E75;animation:pulse 2s infinite}
.sm-body{padding:10px 6px}
.sm-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:4px}
.sm-ricon{width:32px;height:32px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.sm-ricon-g{background:#0A2E22}.sm-ricon-a{background:#2A1E08}
.sm-rinfo{flex:1}
.sm-rname{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
.sm-rmeta{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}
.sm-rbadge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.rb-done{background:#0A2E22;color:#5DCAA5}.rb-run{background:#2A1E08;color:#E5A835}
.sm-footer{background:#0D1F15;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
.sm-f-txt{font-size:11px;color:rgba(255,255,255,.4);font-weight:500}
.sm-f-val{font-size:13px;font-weight:800;color:var(--teal)}

/* ── VALIDATED NUMBERS ─────────────────────────────── */
.numbers-section{max-width:1160px;margin:0 auto;padding:88px 52px}
.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.num-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.num-val{font-size:44px;font-weight:900;color:var(--teal);display:block;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.num-lbl{font-size:13px;color:var(--body);line-height:1.6;margin-bottom:8px}
.num-src{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}

/* ── GUARANTEE ─────────────────────────────────────── */
.guar-band{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 52px}
.guar-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.guar-box{display:flex;flex-direction:column;gap:16px}
.gi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s}
.gi:hover{border-color:var(--teal-mid)}
.gi-icon{width:36px;height:36px;background:var(--teal-lt);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px}
.gi-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:3px;letter-spacing:-.01em}
.gi-body{font-size:12px;color:var(--muted);line-height:1.6}

/* ── TESTIMONIALS ──────────────────────────────────── */
.testi-section{max-width:1160px;margin:0 auto;padding:88px 52px 0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.tcard-result{font-size:15px;font-weight:900;color:var(--teal);letter-spacing:-.02em;margin-bottom:10px}
.tcard-bar{width:28px;height:3px;background:var(--teal);border-radius:2px;margin-bottom:14px;opacity:.35}
.tcard-q{font-size:13px;color:var(--body);line-height:1.72;margin-bottom:16px;flex:1;font-style:italic}
.tcard-name{font-size:13px;font-weight:700;color:var(--ink)}
.tcard-co{font-size:11px;color:var(--muted);margin-top:2px}

/* ── EXEC QUOTES ───────────────────────────────────── */
.quotes-section{max-width:1160px;margin:0 auto;padding:44px 52px 88px}
.quotes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.qcard{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.qmark{font-size:48px;color:var(--teal);line-height:.6;display:block;margin-bottom:12px;opacity:.2;font-weight:900}
.qtext{font-size:15px;font-style:italic;color:var(--ink);line-height:1.65;margin-bottom:12px}
.qattr{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ── FORM ──────────────────────────────────────────── */
.form-outer{padding:88px 52px;max-width:800px;margin:0 auto;text-align:center}
.form-outer .section-h{text-align:center}
.form-outer .section-sub{text-align:center;margin:0 auto}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:50px 52px;margin-top:40px;text-align:left;box-shadow:var(--sh2)}
.form-heading{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;text-align:center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--f);font-size:15px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s,background .15s;line-height:1.5}
.field input::placeholder{color:#B8C8C0;font-weight:400}
.field input:focus{border-color:var(--teal);background:var(--white)}
.fdiv{border:none;border-top:1px solid var(--border);margin:22px 0}
.rev-lbl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:block;letter-spacing:-.01em}
.rev-sub{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}
.rev-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.ropt{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;font-size:14px;font-weight:600;color:var(--ink)}
.ropt:hover{border-color:var(--teal);background:var(--teal-lt)}
.ropt.sel{border-color:var(--teal);background:var(--teal-lt);color:var(--teal-dk)}
.ropt input[type=radio]{display:none}
.rr{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.ropt.sel .rr{border-color:var(--teal);background:var(--teal)}
.ropt.sel .rr::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}

/* Problem choice cards — bigger, more descriptive */
.prob-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.popt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none}
.popt:hover{border-color:var(--teal);background:var(--teal-lt)}
.popt.sel{border-color:var(--teal);background:var(--teal-lt)}
.popt input[type=radio]{display:none}
.popt-rr{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.popt.sel .popt-rr{border-color:var(--teal);background:var(--teal)}
.popt.sel .popt-rr::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--white)}
.popt-body{}
.popt-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em;line-height:1.35}
.popt.sel .popt-title{color:var(--teal-dk)}
.popt-desc{font-size:12px;color:var(--muted);line-height:1.65}
.popt.sel .popt-desc{color:var(--teal-dk);opacity:.75}
.popt-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ptag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg);border:1px solid var(--border);color:var(--body)}
.popt.sel .ptag{background:rgba(10,140,110,.12);border-color:var(--teal-mid);color:var(--teal-dk)}

.ferr{font-size:13px;color:var(--red);margin-top:10px;display:none}
.sub-btn{width:100%;background:var(--ink);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:17px 24px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.sub-btn:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}
.sub-btn:disabled{opacity:.3;cursor:not-allowed}
.form-priv{text-align:center;margin-top:12px;font-size:12px;color:var(--muted);font-weight:500}
.nq{display:none;text-align:center;padding:24px 0}
.nq.show{display:block}
.nq-icon{font-size:38px;margin-bottom:18px}
.nq h3{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.nq p{font-size:14px;color:var(--body);line-height:1.7;margin-bottom:20px}
.nq-back{font-size:14px;color:var(--teal);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:var(--f);font-weight:600}
.conf{display:none;text-align:center;padding:20px 0}
.conf.show{display:block}
.conf-tick{width:60px;height:60px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:22px;color:var(--white);font-weight:900;animation:pop .45s cubic-bezier(.175,.885,.32,1.275)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.conf h3{font-size:28px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.conf-sub{font-size:15px;color:var(--body);line-height:1.72;margin-bottom:24px}
.sbox{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:18px 20px;text-align:left;margin-bottom:22px}
.srow{display:flex;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:none}
.sl{color:var(--muted);min-width:76px;flex-shrink:0;font-weight:500}
.sv{color:var(--ink);font-weight:600;line-height:1.5}
.cal-block{border:1.5px solid var(--teal);border-radius:12px;padding:24px;background:var(--teal-lt)}
.cal-block p{font-size:14px;color:var(--teal-dk);font-weight:600;margin-bottom:16px;line-height:1.6}
.cal-link{display:inline-block;background:var(--teal);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none;transition:background .2s;letter-spacing:-.01em}
.cal-link:hover{background:var(--teal-dk)}

/* ── FAQ ───────────────────────────────────────────── */
.faq-outer{max-width:740px;margin:0 auto;padding:0 52px 88px}
.faq-hed{font-size:clamp(26px,3vw,34px);font-weight:900;color:var(--ink);letter-spacing:-.03em;margin-bottom:32px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{padding:20px 0;font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;user-select:none;transition:color .2s}
.faq-q:hover{color:var(--teal)}
.faq-ic{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);color:var(--teal);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s,background .2s,color .2s}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--teal);color:var(--white);border-color:var(--teal)}
.faq-a{font-size:14px;color:var(--body);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s}
.faq-item.open .faq-a{max-height:260px;padding-bottom:18px}

/* ── FOOTER ────────────────────────────────────────── */
footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
.foot-logo{font-size:17px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.foot-dot{color:var(--teal)}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

/* ── REVEAL ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ────────────────────────────────────── */
@media(max-width:960px){
  nav{padding:0 20px}
  .hero{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}
  .monday-grid,.visual-inner,.guar-inner{grid-template-columns:1fr;gap:28px}
  .steps-grid,.numbers-grid,.testi-grid{grid-template-columns:1fr}
  .roles-grid{grid-template-columns:repeat(2,1fr)}
  .quotes-grid,.pain-grid{grid-template-columns:1fr}
  .pain-section,.monday-section,.numbers-section,.roles-section,.testi-section,.quotes-section,.form-outer,.faq-outer,.steps-section .steps-inner{padding-left:20px;padding-right:20px}
  .steps-section,.guar-band,.visual-section{padding:64px 20px}
  .form-card{padding:28px 22px}
  footer{padding:24px 20px}
  .strip-inner{padding:0 20px}
}
@media(max-width:600px){
  .field-row,.rev-opts{grid-template-columns:1fr}
  .hero h1{font-size:34px}
}


/* Extracted from GetAIReplace/redesign.html */

:root {
  --bg:      #F5F8F6;
  --white:   #FFFFFF;
  --ink:     #111F17;
  --body:    #3D5245;
  --muted:   #7A9185;
  --dim:     #A8BCAF;
  --border:  #DDE8E2;
  --teal:    #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid:#C0E8DC;
  --teal-dk: #076B53;
  --red:     #C93232;
  --red-lt:  #FDF0F0;
  --amber:   #8C5C0A;
  --amber-lt:#FEF5E8;
  --f: 'Montserrat', sans-serif;
  --r: 12px;
  --sh: 0 2px 16px rgba(10,60,40,.06);
  --sh2: 0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ── NAV ───────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.logo-dot{color:var(--teal)}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

/* ── HERO ──────────────────────────────────────────── */
.hero{padding:120px 52px 32px;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.e-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-sub{font-size:17px;color:var(--body);line-height:1.78;margin-bottom:32px;font-weight:400;max-width:470px}
.hero-cta{display:inline-block;background:var(--ink);color:var(--white);font-size:14px;font-weight:700;padding:16px 34px;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s;letter-spacing:-.01em}
.hero-cta:hover{background:var(--teal);transform:translateY(-1px)}
.hero-note{margin-top:13px;font-size:12px;color:var(--muted);font-weight:500}

/* ── HERO LIVE FEED ────────────────────────────────── */
.live-feed{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--sh2)}
.lf-header{background:var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-title{font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.01em}
.lf-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--teal-mid)}
.lf-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
.lf-body{padding:4px 0}
.lf-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);animation:fadeRow .4s ease both}
.lf-item:last-child{border-bottom:none}
@keyframes fadeRow{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.lf-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.lf-icon.green{background:var(--teal-lt)}
.lf-icon.amber{background:var(--amber-lt)}
.lf-info{flex:1;min-width:0}
.lf-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-meta{font-size:11px;color:var(--muted);margin-top:1px}
.lf-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.s-done{background:var(--teal-lt);color:var(--teal-dk)}
.s-run{background:var(--amber-lt);color:var(--amber)}
.lf-footer{background:var(--teal-lt);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-footer-txt{font-size:12px;font-weight:600;color:var(--teal-dk)}
.lf-savings{font-size:13px;font-weight:800;color:var(--teal-dk);letter-spacing:-.01em}

/* ── STRIP ─────────────────────────────────────────── */
.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white)}
.strip-inner{max-width:1160px;margin:0 auto;padding:0 52px;display:flex}
.ss{flex:1;padding:22px 16px;text-align:center;border-right:1px solid var(--border)}
.ss:last-child{border-right:none}
.ss-val{font-size:24px;font-weight:900;color:var(--teal);display:block;margin-bottom:4px;letter-spacing:-.03em}
.ss-lbl{font-size:12px;color:var(--muted);line-height:1.4;font-weight:500}

/* ── PAIN SECTION ──────────────────────────────────── */
.pain-section{max-width:1160px;margin:0 auto;padding:52px 52px}
.section-ey{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.section-h{font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:18px}
.section-h em{font-style:normal;color:var(--teal)}
.section-sub{font-size:16px;color:var(--body);max-width:520px;line-height:1.75;font-weight:400;margin-bottom:48px}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pain-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.pain-card:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.pain-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.pain-num-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.pn-red{background:var(--red-lt);color:var(--red)}
.pn-blue{background:#EBF2FD;color:#1A5CB8}
.pain-card h3{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.35;margin-bottom:2px}
.pain-card .pain-vol{font-size:11px;color:var(--muted);font-weight:500}
.pain-stat{font-size:28px;font-weight:900;color:var(--red);letter-spacing:-.03em;margin-bottom:4px}
.pain-stat.blue{color:#1A5CB8}
.pain-stat-lbl{font-size:12px;color:var(--muted);margin-bottom:14px}
.pain-quote{background:var(--bg);border-left:3px solid var(--border);border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:10px}
.pain-quote p{font-size:12px;color:#444;font-style:italic;line-height:1.65;margin-bottom:4px}
.pain-quote span{font-size:10px;color:var(--muted);font-weight:600}
.pain-cost-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pcost{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--body)}
.pcost strong{color:var(--red)}

/* ── MONDAY SECTION ────────────────────────────────── */
.monday-section{max-width:1160px;margin:0 auto;padding:0 52px 28px}
.monday-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.monday-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.mc-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.mc-header-bad{background:var(--red-lt)}
.mc-header-good{background:var(--teal-lt)}
.mc-dot{width:9px;height:9px;border-radius:50%}
.mc-dot-bad{background:var(--red)}
.mc-dot-good{background:var(--teal)}
.mc-title{font-size:13px;font-weight:700;letter-spacing:-.01em}
.mc-title-bad{color:var(--red)}
.mc-title-good{color:var(--teal-dk)}
.mc-body{padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.task-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}
.tp-bad{background:var(--red-lt);color:#7A1A1A;border:1px solid rgba(201,50,50,.12)}
.tp-good{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tp-icon{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}
.tp-icon-bad{background:rgba(201,50,50,.12)}
.tp-icon-good{background:rgba(10,140,110,.15)}
.tp-text{flex:1}
.tp-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap}
.tag-urgent{background:#FDEAEA;color:var(--red);border:1px solid rgba(201,50,50,.2)}
.tag-done{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tag-ai{background:var(--ink);color:var(--white);font-size:9px}
.mc-footer{padding:14px 22px;border-top:1px solid var(--border);font-size:12px;font-weight:600}
.mc-footer-bad{color:var(--red);background:var(--red-lt)}
.mc-footer-good{color:var(--teal-dk);background:var(--teal-lt)}

/* ── HOW IT WORKS ──────────────────────────────────── */
.steps-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px 52px}
.steps-inner{max-width:1160px;margin:0 auto}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.step{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-mid));opacity:0;transition:opacity .3s}
.step:hover::before{opacity:1}
.step-num{font-size:48px;font-weight:900;color:rgba(10,140,110,.1);line-height:1;margin-bottom:14px;letter-spacing:-.04em}
.step-day{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-lt);border:1px solid var(--teal-mid);padding:4px 10px;border-radius:100px;margin-bottom:14px}
.step-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.02em}
.step-body{font-size:13px;color:var(--body);line-height:1.72}

/* ── ROLES ─────────────────────────────────────────── */
.roles-section{max-width:1160px;margin:0 auto;padding:52px 52px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.rc{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}
.rc:hover{border-color:var(--teal-mid);transform:translateY(-2px);box-shadow:var(--sh)}
.rc-stack{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:100px;display:inline-block;margin-bottom:10px}
.oc-s{background:rgba(74,16,96,.08);color:#4A1060;border:1px solid rgba(74,16,96,.15)}
.n8-s{background:rgba(27,67,50,.08);color:#1B4332;border:1px solid rgba(27,67,50,.15)}
.rc-num{font-size:22px;font-weight:900;color:rgba(10,140,110,.15);letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.rc-name{font-size:12px;color:var(--ink);font-weight:700;line-height:1.45;margin-bottom:6px}
.rc-replaces{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:8px}
.rc-cost{font-size:13px;font-weight:800;color:var(--red)}

/* ── VISUAL ────────────────────────────────────────── */
.visual-section{background:var(--ink);padding:52px 52px}
.visual-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.visual-inner .section-h{color:var(--white)}
.visual-inner .section-ey{color:var(--teal)}
.visual-inner .section-sub{color:rgba(255,255,255,.5);margin-bottom:0}
.sys-mockup{background:#1A2E22;border:1px solid #2A4832;border-radius:16px;overflow:hidden}
.sm-bar{background:#0D1F15;padding:12px 18px;display:flex;align-items:center;gap:8px}
.sm-dot{width:9px;height:9px;border-radius:50%}
.sm-d1{background:#2A4832}.sm-d2{background:#2A4832}.sm-d3{background:var(--teal)}
.sm-title{font-size:11px;font-weight:700;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.sm-live{font-size:10px;font-weight:600;color:#5DCAA5;margin-left:auto;display:flex;align-items:center;gap:5px}
.sm-live-dot{width:6px;height:6px;border-radius:50%;background:#1D9E75;animation:pulse 2s infinite}
.sm-body{padding:10px 6px}
.sm-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:4px}
.sm-ricon{width:32px;height:32px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.sm-ricon-g{background:#0A2E22}.sm-ricon-a{background:#2A1E08}
.sm-rinfo{flex:1}
.sm-rname{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
.sm-rmeta{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}
.sm-rbadge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.rb-done{background:#0A2E22;color:#5DCAA5}.rb-run{background:#2A1E08;color:#E5A835}
.sm-footer{background:#0D1F15;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
.sm-f-txt{font-size:11px;color:rgba(255,255,255,.4);font-weight:500}
.sm-f-val{font-size:13px;font-weight:800;color:var(--teal)}

/* ── VALIDATED NUMBERS ─────────────────────────────── */
.numbers-section{max-width:1160px;margin:0 auto;padding:52px 52px}
.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.num-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.num-val{font-size:44px;font-weight:900;color:var(--teal);display:block;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.num-lbl{font-size:13px;color:var(--body);line-height:1.6;margin-bottom:8px}
.num-src{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}

/* ── GUARANTEE ─────────────────────────────────────── */
.guar-band{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px 52px}
.guar-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.guar-box{display:flex;flex-direction:column;gap:16px}
.gi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s}
.gi:hover{border-color:var(--teal-mid)}
.gi-icon{width:36px;height:36px;background:var(--teal-lt);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px}
.gi-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:3px;letter-spacing:-.01em}
.gi-body{font-size:12px;color:var(--muted);line-height:1.6}

/* ── TESTIMONIALS ──────────────────────────────────── */
.testi-section{max-width:1160px;margin:0 auto;padding:52px 52px 0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.tcard-result{font-size:15px;font-weight:900;color:var(--teal);letter-spacing:-.02em;margin-bottom:10px}
.tcard-bar{width:28px;height:3px;background:var(--teal);border-radius:2px;margin-bottom:14px;opacity:.35}
.tcard-q{font-size:13px;color:var(--body);line-height:1.72;margin-bottom:16px;flex:1;font-style:italic}
.tcard-name{font-size:13px;font-weight:700;color:var(--ink)}
.tcard-co{font-size:11px;color:var(--muted);margin-top:2px}

/* ── EXEC QUOTES ───────────────────────────────────── */
.quotes-section{max-width:1160px;margin:0 auto;padding:44px 52px 52px}
.quotes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.qcard{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.qmark{font-size:48px;color:var(--teal);line-height:.6;display:block;margin-bottom:12px;opacity:.2;font-weight:900}
.qtext{font-size:15px;font-style:italic;color:var(--ink);line-height:1.65;margin-bottom:12px}
.qattr{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ── FORM ──────────────────────────────────────────── */
.form-outer{padding:32px 52px;max-width:800px;margin:0 auto;text-align:center}
.form-outer .section-h{text-align:center}
.form-outer .section-sub{text-align:center;margin:0 auto}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:36px 40px;margin-top:40px;text-align:left;box-shadow:var(--sh2)}
.form-heading{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;text-align:center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field input,.field textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--f);font-size:15px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s,background .15s;line-height:1.6}
.field input::placeholder,.field textarea::placeholder{color:#B8C8C0;font-weight:400}
.field input:focus,.field textarea:focus{border-color:var(--teal);background:var(--white)}
.field textarea{resize:vertical;min-height:130px}
.field-help{font-size:13px;color:var(--muted);margin:6px 0 12px;line-height:1.65}
.fdiv{border:none;border-top:1px solid var(--border);margin:22px 0}
.rev-lbl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:block;letter-spacing:-.01em}
.rev-sub{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}
.rev-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.ropt{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;font-size:14px;font-weight:600;color:var(--ink)}
.ropt:hover{border-color:var(--teal);background:var(--teal-lt)}
.ropt.sel{border-color:var(--teal);background:var(--teal-lt);color:var(--teal-dk)}
.ropt input[type=radio]{display:none}
.rr{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.ropt.sel .rr{border-color:var(--teal);background:var(--teal)}
.ropt.sel .rr::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}

/* Problem choice cards — bigger, more descriptive */
.prob-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.popt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none}
.popt:hover{border-color:var(--teal);background:var(--teal-lt)}
.popt.sel{border-color:var(--teal);background:var(--teal-lt)}
.popt input[type=radio]{display:none}
.popt-rr{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.popt.sel .popt-rr{border-color:var(--teal);background:var(--teal)}
.popt.sel .popt-rr::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--white)}
.popt-body{}
.popt-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em;line-height:1.35}
.popt.sel .popt-title{color:var(--teal-dk)}
.popt-desc{font-size:12px;color:var(--muted);line-height:1.65}
.popt.sel .popt-desc{color:var(--teal-dk);opacity:.75}
.popt-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ptag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg);border:1px solid var(--border);color:var(--body)}
.popt.sel .ptag{background:rgba(10,140,110,.12);border-color:var(--teal-mid);color:var(--teal-dk)}

.field-err{display:none;font-size:12px;color:var(--red);margin-top:6px;line-height:1.45;text-align:left}
.ferr{font-size:13px;color:var(--red);margin-top:10px;display:none}
.sub-btn{width:100%;background:var(--ink);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:17px 24px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.sub-btn:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}
.sub-btn:disabled{opacity:.3;cursor:not-allowed}
.form-priv{text-align:center;margin-top:12px;font-size:12px;color:var(--muted);font-weight:500}
.nq{display:none;text-align:center;padding:24px 0}
.nq.show{display:block}
.nq-icon{font-size:38px;margin-bottom:18px}
.nq h3{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.nq p{font-size:14px;color:var(--body);line-height:1.7;margin-bottom:20px}
.nq-back{font-size:14px;color:var(--teal);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:var(--f);font-weight:600}
.conf{display:none;text-align:center;padding:20px 0}
.conf.show{display:block}
.conf-tick{width:60px;height:60px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:22px;color:var(--white);font-weight:900;animation:pop .45s cubic-bezier(.175,.885,.32,1.275)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.conf h3{font-size:28px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.conf-sub{font-size:15px;color:var(--body);line-height:1.72;margin-bottom:24px}
.sbox{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:18px 20px;text-align:left;margin-bottom:22px}
.srow{display:flex;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:none}
.sl{color:var(--muted);min-width:92px;flex-shrink:0;font-weight:500}
.sv{color:var(--ink);font-weight:600;line-height:1.5}
.cal-block{border:1.5px solid var(--teal);border-radius:12px;padding:24px;background:var(--teal-lt)}
.cal-block p{font-size:14px;color:var(--teal-dk);font-weight:600;margin-bottom:16px;line-height:1.6}
.cal-link{display:inline-block;background:var(--teal);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none;transition:background .2s;letter-spacing:-.01em}
.cal-link:hover{background:var(--teal-dk)}

/* ── FAQ ───────────────────────────────────────────── */
.faq-outer{max-width:740px;margin:0 auto;padding:80px 52px 52px}
.faq-hed{font-size:clamp(26px,3vw,34px);font-weight:900;color:var(--ink);letter-spacing:-.03em;margin-bottom:32px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{padding:20px 0;font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;user-select:none;transition:color .2s}
.faq-q:hover{color:var(--teal)}
.faq-ic{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);color:var(--teal);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s,background .2s,color .2s}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--teal);color:var(--white);border-color:var(--teal)}
.faq-a{font-size:14px;color:var(--body);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s}
.faq-item.open .faq-a{max-height:260px;padding-bottom:18px}

/* ── FOOTER ────────────────────────────────────────── */
footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
.foot-logo{font-size:17px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.foot-dot{color:var(--teal)}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

/* ── REVEAL ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ────────────────────────────────────── */
@media(max-width:960px){
  nav{padding:0 20px}
  .hero{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}
  .monday-grid,.visual-inner,.guar-inner{grid-template-columns:1fr;gap:28px}
  .steps-grid,.numbers-grid,.testi-grid{grid-template-columns:1fr}
  .roles-grid{grid-template-columns:repeat(2,1fr)}
  .quotes-grid,.pain-grid{grid-template-columns:1fr}
  .pain-section,.monday-section,.numbers-section,.roles-section,.testi-section,.quotes-section,.form-outer,.faq-outer,.steps-section .steps-inner{padding-left:20px;padding-right:20px}
  .steps-section,.guar-band,.visual-section{padding:64px 20px}
  .form-card{padding:28px 22px}
  footer{padding:24px 20px}
  .strip-inner{padding:0 20px}
}
@media(max-width:600px){
  .field-row,.rev-opts{grid-template-columns:1fr}
  .hero h1{font-size:34px}
}


/* Extracted from GetAIReplace/learn/index.html */

:root{
  --bg:#F5F8F6;--white:#FFFFFF;--ink:#111F17;--body:#3D5245;--muted:#7A9185;
  --border:#DDE8E2;--teal:#0A8C6E;--teal-lt:#E4F4EF;--teal-mid:#C0E8DC;--teal-dk:#076B53;
  --f:'Montserrat',sans-serif;
  --r:14px;
  --sh:0 2px 16px rgba(10,60,40,.06);
  --sh2:0 8px 40px rgba(10,60,40,.10);
  --sh3:0 16px 64px rgba(10,60,40,.08),0 2px 8px rgba(10,60,40,.04);
  --section-y:96px;
  --gap-tight:12px;
  --gap-md:18px;
  --gap-lg:28px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ── NAV (matches home) ────────────────── */
nav{position:fixed;top:0;left:0;right:0;height:66px;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 52px}
.logo-img{height:40px;width:auto;display:block}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

/* ── SHARED SECTION TOKENS ─────────────── */
.container{max-width:1160px;margin:0 auto;padding:0 52px}
.hero .container{padding-left:0;padding-right:0}
.section-ey{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:var(--gap-tight)}
.section-h{font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:var(--gap-md)}
.section-h em{font-style:normal;color:var(--teal)}
.section-sub{font-size:16px;color:var(--body);max-width:620px;line-height:1.75;font-weight:400}

/* ── HERO (padding matches home .hero; extra bottom via body.learn-page) ─────────── */
.hero{padding:120px 52px 32px;max-width:1160px;margin:0 auto;text-align:center}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px;max-width:820px;margin-left:auto;margin-right:auto}
.hero h1 em{font-style:normal;color:var(--teal)}
/* Home .hero-sub */
.hero-sub{font-size:17px;color:var(--body);line-height:1.78;margin:0 auto 32px;font-weight:400;max-width:470px;text-align:inherit}

/* ── CALENDAR EMBED (directly under subtitle) ── */
.cal-outer{max-width:700px;margin:0 auto;padding:0}
.cal-shell{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:6px;box-shadow:var(--sh3)}
.cal-inner{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px 16px 8px;position:relative;overflow:hidden}
.cal-inner::before{content:'';position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--teal),var(--teal-mid))}
.cal-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;text-align:center}
.cal-inner iframe{width:100%;border:0;border-radius:12px;background:#fff;overflow:hidden}

/* ── FOOTER (matches home) ─────────────── */
footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

/* ── REVEAL ────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ────────────────────────── */
@media(max-width:960px){
  nav{padding:0 20px}
  .hero{padding:100px 20px 60px}
  .container,.cal-outer{padding:0}
  footer{padding:24px 20px}
}
@media(max-width:600px){
  .hero{text-align:left}
  .hero h1{margin-left:0;margin-right:0;max-width:none;font-size:34px}
  .hero-sub{margin-left:0;margin-right:0}
}

/* Learn page: hide header “Book a Call” (markup kept for parity / #calendar) */
body.learn-page nav .nav-btn{display:none!important}
body.learn-page .hero{padding-bottom:var(--section-y)}


/* Extracted from GetAIReplace/_release-temp/book-1/index.html */

:root {
  --bg: #F5F8F6;
  --white: #FFFFFF;
  --ink: #111F17;
  --body: #3D5245;
  --muted: #7A9185;
  --border: #DDE8E2;
  --teal: #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid: #C0E8DC;
  --teal-dk: #076B53;
  --red: #C93232;
  --f: 'Montserrat', sans-serif;
}
*,
*::before,
*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; min-height: 100%; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--f);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(245, 248, 246, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  padding: 0 52px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo-img {
  height: 40px;
  width: auto;
  display: block;
}
.nav-sub {
  font-size: 14px;
  color: var(--muted);
  font-weight: 600;
}

.hero {
  max-width: 840px;
  margin: 0 auto;
  padding: 126px 24px 0;
  text-align: center;
}
.hero h1 {
  font-size: clamp(36px, 4.2vw, 54px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--ink);
  margin-bottom: 20px;
}
.hero h1 em {
  color: var(--teal);
  font-style: normal;
}
.hero-sub {
  font-size: clamp(16px, 2vw, 20px);
  color: var(--body);
  line-height: 1.75;
  max-width: 620px;
  margin: 0 auto 32px;
}

.book-note {
  text-align: center;
  padding: 24px 0 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.form-wrap {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 12px 52px 32px;
}
.form-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 36px 40px;
  box-shadow: 0 8px 40px rgba(10, 60, 40, 0.10);
}
.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.field { margin-bottom: 12px; }
.field input {
  width: 100%;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 14px 16px;
  font-family: var(--f);
  font-size: 15px;
  color: var(--ink);
  background: var(--bg);
  outline: none;
  transition: border-color .15s, background .15s;
  line-height: 1.6;
}
.field input::placeholder {
  color: #B8C8C0;
  font-weight: 400;
}
.field input:focus {
  border-color: var(--teal);
  background: var(--white);
}

.fdiv {
  border: none;
  border-top: 1px solid var(--border);
  margin: 22px 0;
}
.rev-lbl {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 10px;
  display: block;
  letter-spacing: -0.01em;
}
.rev-sub {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-left: 6px;
}
.rev-opts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 22px;
}
.ropt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  user-select: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.ropt:hover {
  border-color: var(--teal);
  background: var(--teal-lt);
}
.ropt.sel {
  border-color: var(--teal);
  background: var(--teal-lt);
  color: var(--teal-dk);
}
.ropt input[type=radio] { display: none; }
.rr {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .15s, background .15s;
}
.ropt.sel .rr {
  border-color: var(--teal);
  background: var(--teal);
}
.ropt.sel .rr::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--white);
}

.ferr {
  font-size: 13px;
  color: var(--red);
  margin-top: 10px;
  display: none;
}
.field-err {
  display: none;
  font-size: 12px;
  color: var(--red);
  margin-top: 6px;
  line-height: 1.45;
  text-align: left;
}
.sub-btn {
  width: 100%;
  background: var(--ink);
  color: var(--white);
  font-family: var(--f);
  font-size: 15px;
  font-weight: 700;
  padding: 17px 24px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background .2s, transform .15s;
}
.sub-btn:hover:not(:disabled) {
  background: var(--teal);
  transform: translateY(-1px);
}
.sub-btn:disabled {
  opacity: .3;
  cursor: not-allowed;
}
.form-priv {
  text-align: center;
  margin-top: 12px;
  font-size: 12px;
  color: var(--muted);
  font-weight: 500;
}

.nq {
  display: none;
  text-align: center;
  padding: 22px 0;
}
.nq.show { display: block; }
.nq h3 {
  font-size: 24px;
  font-weight: 900;
  color: var(--ink);
  margin-bottom: 10px;
  letter-spacing: -0.03em;
}
.nq p {
  font-size: 14px;
  color: var(--body);
  line-height: 1.7;
}

.conf {
  display: none;
  text-align: center;
  padding: 20px 0 0;
}
.conf.show { display: block; }
.conf-tick {
  width: 60px;
  height: 60px;
  background: var(--teal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  font-size: 22px;
  color: var(--white);
  font-weight: 900;
}
.conf h3 {
  font-size: 28px;
  font-weight: 900;
  color: var(--ink);
  margin-bottom: 10px;
  letter-spacing: -0.03em;
}
.conf-sub {
  font-size: 15px;
  color: var(--body);
  line-height: 1.72;
  margin-bottom: 24px;
}
.sbox {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 18px 20px;
  text-align: left;
  margin-bottom: 22px;
}
.srow {
  display: flex;
  gap: 12px;
  font-size: 13px;
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
}
.srow:last-child { border-bottom: none; }
.sl {
  color: var(--muted);
  min-width: 92px;
  flex-shrink: 0;
  font-weight: 500;
}
.sv {
  color: var(--ink);
  font-weight: 600;
  line-height: 1.5;
}
.cal-block {
  border: 1.5px solid var(--teal);
  border-radius: 12px;
  padding: 24px;
  background: var(--teal-lt);
}
.cal-block p {
  font-size: 14px;
  color: var(--teal-dk);
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.6;
}

footer {
  border-top: 1px solid var(--border);
  padding: 32px 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  background: var(--white);
  margin-top: auto;
}
.foot-logo-img {
  height: 40px;
  width: auto;
  display: block;
}
footer p {
  font-size: 12px;
  color: var(--muted);
  font-weight: 500;
}
footer a {
  color: var(--teal);
  text-decoration: none;
}

@media (max-width: 960px) {
  nav { padding: 0 20px; }
  .hero { padding: 108px 20px 0; }
  .form-wrap { padding: 12px 20px 32px; }
  .form-card { padding: 28px 22px; }
  footer { padding: 24px 20px; }
}
@media (max-width: 600px) {
  .field-row, .rev-opts { grid-template-columns: 1fr; }
  .field-row { gap: 0; }
  .hero h1 { font-size: 34px; }
}


/* Extracted from GetAIReplace/thankyou/index.html */

:root {
  --bg:      #F5F8F6;
  --white:   #FFFFFF;
  --ink:     #111F17;
  --body:    #3D5245;
  --muted:   #7A9185;
  --border:  #DDE8E2;
  --teal:    #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid:#C0E8DC;
  --teal-dk: #076B53;
  --amber:   #8C5C0A;
  --amber-lt:#FEF5E8;
  --f: 'Montserrat', sans-serif;
  --sh2: 0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:center}

/* Thank-you page override: keep chrome hidden */

/* Exact homepage header styles */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.logo-dot{color:var(--teal)}
.logo-img{height:40px;width:auto;display:block}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

/* Hero + live-feed styles reused from homepage */
.hero{padding:120px 52px 80px;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-sub{font-size:17px;color:var(--body);line-height:1.78;margin-bottom:32px;font-weight:400;max-width:470px}

.live-feed{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--sh2);height:100%;display:flex;flex-direction:column}
.lf-header{background:var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-title{font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.01em}
.lf-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--teal-mid)}
.lf-body{padding:4px 0;flex:1}
.lf-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}
.lf-item:last-child{border-bottom:none}
.lf-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.lf-icon.green{background:var(--teal-lt)}
.lf-icon.amber{background:var(--amber-lt)}
.lf-icon.black{background:var(--amber-lt);color:var(--ink)}
.lf-icon svg{width:16px;height:16px;display:block;fill:currentColor}
.lf-info{flex:1;min-width:0}
.lf-name{font-size:14px;font-weight:600;color:var(--ink)}
.lf-meta{font-size:14px;color:var(--muted);margin-top:2px;line-height:1.5}

/* Layout-only override for stacked thank you hero */
.thank-hero{grid-template-columns:1fr;gap:34px;align-content:center;min-height:100vh;padding-top:40px;padding-bottom:40px}
.thank-head{text-align:center;max-width:920px;margin:0 auto}
.thank-head .hero-sub{max-width:780px;margin:0 auto}
.thank-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.step2-feed .lf-body{display:flex;align-items:center;justify-content:center;padding:18px 0;min-height:50%}
.step2-feed .lf-item{width:100%;border-bottom:none}
.step2-feed .lf-info{display:flex;flex-direction:column;justify-content:center}

/* Exact homepage footer styles */
footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white);margin-top:auto}
.foot-logo{font-size:17px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.foot-dot{color:var(--teal)}
.foot-logo-img{height:40px;width:auto;display:block}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

@media(max-width:960px){
  nav{padding:0 20px}
  .hero{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}
  .thank-cards{grid-template-columns:1fr}
  footer{padding:24px 20px}
}
@media(max-width:600px){
  .hero h1{font-size:34px}
}


/* Extracted from GetAIReplace/temporary-book/index.html */

:root{
  --bg:#F5F8F6;
  --white:#FFFFFF;
  --ink:#111F17;
  --body:#3D5245;
  --muted:#7A9185;
  --border:#DDE8E2;
  --teal:#0A8C6E;
  --teal-lt:#E4F4EF;
  --teal-mid:#C0E8DC;
  --teal-dk:#076B53;
  --amber:#8C5C0A;
  --amber-lt:#FEF5E8;
  --red:#C93232;
  --f:'Montserrat', sans-serif;
  --sh:0 2px 16px rgba(10,60,40,.06);
  --sh2:0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.logo-img{height:40px;width:auto;display:block}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

.hero{padding:126px 52px 56px;max-width:1160px;margin:0 auto;text-align:center}
.hero-ey{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}
.hero h1{font-size:clamp(34px,4.3vw,56px);line-height:1.08;letter-spacing:-.03em;font-weight:900;margin-bottom:16px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-sub{max-width:860px;margin:0 auto 24px;color:var(--body);font-size:17px;line-height:1.75}
.hero-pill{display:inline-block;background:var(--teal-lt);border:1px solid var(--teal-mid);color:var(--teal-dk);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}

.flow{max-width:1160px;margin:0 auto;padding:0 52px 20px}
.flow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.flow-row{max-width:860px;margin:0 auto}
.flow-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--sh)}
.flow-card p{font-size:13px;color:var(--body);line-height:1.6}
.flow-arrow{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);font-weight:700}

.section{max-width:1160px;margin:0 auto;padding:28px 52px}
.section-h{font-size:clamp(28px,3.6vw,44px);line-height:1.12;letter-spacing:-.03em;font-weight:900;margin-bottom:12px}
.section-h em{font-style:normal;color:var(--teal)}
.section-sub{font-size:16px;color:var(--body);line-height:1.75}

.form-outer{max-width:860px;margin:0 auto;padding:18px 52px 58px}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:42px 42px;text-align:left;box-shadow:var(--sh2)}
.form-heading{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;text-align:center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field input,.field textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--f);font-size:15px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s,background .15s;line-height:1.6}
.field input:focus,.field textarea:focus{border-color:var(--teal);background:var(--white)}
.field input::placeholder,.field textarea::placeholder{color:#B8C8C0}
.field textarea{resize:vertical;min-height:130px}
.field-help{font-size:13px;color:var(--muted);margin:6px 0 12px;line-height:1.65}
.fdiv{border:none;border-top:1px solid var(--border);margin:22px 0}
.rev-lbl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:block}
.rev-sub{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}
.rev-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.ropt{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;font-size:14px;font-weight:600;color:var(--ink)}
.ropt:hover{border-color:var(--teal);background:var(--teal-lt)}
.ropt.sel{border-color:var(--teal);background:var(--teal-lt);color:var(--teal-dk)}
.ropt input[type=radio]{display:none}
.rr{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ropt.sel .rr{border-color:var(--teal);background:var(--teal)}
.ropt.sel .rr::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}
/* Problem choice cards — same as home */
.prob-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.popt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none}
.popt:hover{border-color:var(--teal);background:var(--teal-lt)}
.popt.sel{border-color:var(--teal);background:var(--teal-lt)}
.popt input[type=radio]{display:none}
.popt-rr{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.popt.sel .popt-rr{border-color:var(--teal);background:var(--teal)}
.popt.sel .popt-rr::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--white)}
.popt-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em;line-height:1.35}
.popt.sel .popt-title{color:var(--teal-dk)}
.popt-desc{font-size:12px;color:var(--muted);line-height:1.65}
.popt.sel .popt-desc{color:var(--teal-dk);opacity:.75}
.popt-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ptag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg);border:1px solid var(--border);color:var(--body)}
.popt.sel .ptag{background:rgba(10,140,110,.12);border-color:var(--teal-mid);color:var(--teal-dk)}

.ferr{font-size:13px;color:var(--red);margin-top:10px;display:none}
.field-err{display:none;font-size:12px;color:var(--red);margin-top:6px;line-height:1.45}
.sub-btn{width:100%;background:var(--ink);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:17px 24px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.sub-btn:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}
.sub-btn:disabled{opacity:.3;cursor:not-allowed}

.nq{display:none;text-align:center;padding:24px 0}
.nq.show{display:block}
.nq-icon{font-size:38px;margin-bottom:18px}
.nq h3{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.nq p{font-size:14px;color:var(--body);line-height:1.7;margin-bottom:20px}
.nq-back{font-size:14px;color:var(--teal);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:var(--f);font-weight:600}

.conf{display:none;text-align:center;padding:12px 0}
.conf.show{display:block}
.conf-tick{width:58px;height:58px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:21px;color:var(--white);font-weight:900}
.conf h3{font-size:30px;font-weight:900;letter-spacing:-.03em;margin-bottom:8px}
.conf-sub{font-size:15px;color:var(--body);line-height:1.72;margin-bottom:22px}
.sbox{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:18px 20px;text-align:left;margin-bottom:22px}
.srow{display:flex;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:none}
.sl{color:var(--muted);min-width:76px;flex-shrink:0;font-weight:500}
.sv{color:var(--ink);font-weight:600;line-height:1.5}
.cal-block{border:1.5px solid var(--teal);border-radius:12px;padding:20px;background:var(--teal-lt)}
.cal-block p{font-size:14px;color:var(--teal-dk);font-weight:600;margin-bottom:14px;line-height:1.6}

.proof{max-width:1160px;margin:0 auto;padding:28px 52px 68px}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.proof-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--sh)}

footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
.foot-logo{font-size:17px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.foot-logo-img{height:40px;width:auto;display:block}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

@media(max-width:960px){
  nav{padding:0 20px}
  .hero,.flow,.section,.form-outer,.proof{padding-left:20px;padding-right:20px}
  .flow-row{grid-template-columns:1fr;gap:0}
  .flow-arrow{display:flex;transform:rotate(90deg);font-size:14px}
  .flow-card p{text-align:center}
  .field-row,.rev-opts,.proof-grid{grid-template-columns:1fr}
  .form-card{padding:28px 22px}
  footer{padding:24px 20px}
}
@media(max-width:600px){
  .hero h1{font-size:34px}
  .field textarea{min-height:200px}
}


/* Extracted from GetAIReplace/temporary-book/index.html */
wistia-player[media-id='5ptaiamsr8']:not(:defined){background:center/contain no-repeat url('https://fast.wistia.com/embed/medias/5ptaiamsr8/swatch');display:block;filter:blur(5px);padding-top:56.25%;}

/* Extracted from GetAIReplace/BACKUP-2026-04-07-deleted-book-pages/book-1/index.html */

:root {
  --bg: #F5F8F6;
  --white: #FFFFFF;
  --ink: #111F17;
  --body: #3D5245;
  --muted: #7A9185;
  --border: #DDE8E2;
  --teal: #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid: #C0E8DC;
  --teal-dk: #076B53;
  --red: #C93232;
  --f: 'Montserrat', sans-serif;
}
*,
*::before,
*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--f);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(245, 248, 246, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  padding: 0 52px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo-img {
  height: 40px;
  width: auto;
  display: block;
}
.nav-sub {
  font-size: 14px;
  color: var(--muted);
  font-weight: 600;
}

.hero {
  max-width: 840px;
  margin: 0 auto;
  padding: 126px 24px 0;
  text-align: center;
}
.hero h1 {
  font-size: clamp(36px, 4.2vw, 54px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--ink);
  margin-bottom: 20px;
}
.hero h1 em {
  color: var(--teal);
  font-style: normal;
}
.hero-sub {
  font-size: clamp(16px, 2vw, 20px);
  color: var(--body);
  line-height: 1.75;
  max-width: 620px;
  margin: 0 auto 32px;
}

.book-note {
  text-align: center;
  padding: 24px 0 22px;
  font-size: 14px;
  font-weight: 700;
  color: var(--muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.form-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px 74px;
}
.form-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 36px 40px;
  box-shadow: 0 8px 40px rgba(10, 60, 40, 0.10);
}
.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.field { margin-bottom: 12px; }
.field input {
  width: 100%;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 14px 16px;
  font-family: var(--f);
  font-size: 15px;
  color: var(--ink);
  background: var(--bg);
  outline: none;
  transition: border-color .15s, background .15s;
  line-height: 1.6;
}
.field input::placeholder {
  color: #B8C8C0;
  font-weight: 400;
}
.field input:focus {
  border-color: var(--teal);
  background: var(--white);
}

.fdiv {
  border: none;
  border-top: 1px solid var(--border);
  margin: 22px 0;
}
.rev-lbl {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 10px;
  display: block;
  letter-spacing: -0.01em;
}
.rev-sub {
  font-size: 14px;
  color: var(--muted);
  font-weight: 400;
  margin-left: 6px;
}
.rev-opts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 22px;
}
.ropt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  user-select: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.ropt:hover {
  border-color: var(--teal);
  background: var(--teal-lt);
}
.ropt.sel {
  border-color: var(--teal);
  background: var(--teal-lt);
  color: var(--teal-dk);
}
.ropt input[type=radio] { display: none; }
.rr {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .15s, background .15s;
}
.ropt.sel .rr {
  border-color: var(--teal);
  background: var(--teal);
}
.ropt.sel .rr::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--white);
}

.ferr {
  font-size: 14px;
  color: var(--red);
  margin-top: 12px;
  display: none;
}
.field-err {
  display: none;
  font-size: 13px;
  color: var(--red);
  margin-top: 6px;
  line-height: 1.45;
  text-align: left;
}
.sub-btn {
  width: 100%;
  background: var(--ink);
  color: var(--white);
  font-family: var(--f);
  font-size: 15px;
  font-weight: 700;
  padding: 17px 24px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background .2s, transform .15s;
}
.sub-btn:hover:not(:disabled) {
  background: var(--teal);
  transform: translateY(-1px);
}
.sub-btn:disabled {
  opacity: .3;
  cursor: not-allowed;
}
.form-priv {
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  color: var(--muted);
  font-weight: 500;
}

.nq {
  display: none;
  text-align: center;
  padding: 22px 0;
}
.nq.show { display: block; }
.nq h3 {
  font-size: 24px;
  font-weight: 900;
  color: var(--ink);
  margin-bottom: 10px;
  letter-spacing: -0.03em;
}
.nq p {
  font-size: 14px;
  color: var(--body);
  line-height: 1.7;
}

.conf {
  display: none;
  text-align: center;
  padding: 20px 0 0;
}
.conf.show { display: block; }
.conf-tick {
  width: 60px;
  height: 60px;
  background: var(--teal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  font-size: 22px;
  color: var(--white);
  font-weight: 900;
}
.conf h3 {
  font-size: 28px;
  font-weight: 900;
  color: var(--ink);
  margin-bottom: 10px;
  letter-spacing: -0.03em;
}
.conf-sub {
  font-size: 15px;
  color: var(--body);
  line-height: 1.72;
  margin-bottom: 24px;
}
.sbox {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 18px 20px;
  text-align: left;
  margin-bottom: 22px;
}
.srow {
  display: flex;
  gap: 12px;
  font-size: 14px;
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
}
.srow:last-child { border-bottom: none; }
.sl {
  color: var(--muted);
  min-width: 92px;
  flex-shrink: 0;
  font-weight: 500;
}
.sv {
  color: var(--ink);
  font-weight: 600;
  line-height: 1.5;
}
.cal-block {
  border: 1.5px solid var(--teal);
  border-radius: 12px;
  padding: 24px;
  background: var(--teal-lt);
}
.cal-block p {
  font-size: 14px;
  color: var(--teal-dk);
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.6;
}

footer {
  border-top: 1px solid var(--border);
  padding: 24px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  background: var(--white);
}
.foot-logo-img {
  height: 40px;
  width: auto;
  display: block;
}
footer p {
  font-size: 14px;
  color: var(--muted);
  font-weight: 500;
}
footer a {
  color: var(--teal);
  text-decoration: none;
}

@media (max-width: 960px) {
  nav { padding: 0 20px; }
  .hero { padding: 108px 20px 0; }
  .form-wrap { padding: 0 20px 64px; }
  .form-card { padding: 28px 22px; }
}
@media (max-width: 600px) {
  .field-row, .rev-opts { grid-template-columns: 1fr; }
  .field-row { gap: 0; }
  .hero h1 { font-size: 34px; }
  footer { padding: 20px; }
}


/* Extracted from GetAIReplace/BACKUP-2026-04-07-deleted-book-pages/book-1/index.html */

:root {
  --bg:      #F5F8F6;
  --white:   #FFFFFF;
  --ink:     #111F17;
  --body:    #3D5245;
  --muted:   #7A9185;
  --dim:     #A8BCAF;
  --border:  #DDE8E2;
  --teal:    #0A8C6E;
  --teal-lt: #E4F4EF;
  --teal-mid:#C0E8DC;
  --teal-dk: #076B53;
  --red:     #C93232;
  --red-lt:  #FDF0F0;
  --amber:   #8C5C0A;
  --amber-lt:#FEF5E8;
  --f: 'Montserrat', sans-serif;
  --r: 12px;
  --sh: 0 2px 16px rgba(10,60,40,.06);
  --sh2: 0 8px 40px rgba(10,60,40,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ── NAV ───────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,246,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 52px;height:66px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.logo-dot{color:var(--teal)}
.logo-img{height:40px;width:auto;display:block}
.nav-btn{font-size:13px;font-weight:700;color:var(--white);background:var(--ink);border:none;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.nav-btn:hover{background:var(--teal);transform:translateY(-1px)}

/* ── HERO ──────────────────────────────────────────── */
.hero{padding:120px 52px 80px;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.e-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-sub{font-size:17px;color:var(--body);line-height:1.78;margin-bottom:32px;font-weight:400;max-width:470px}
.hero-cta{display:inline-block;background:var(--ink);color:var(--white);font-size:14px;font-weight:700;padding:16px 34px;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s;letter-spacing:-.01em}
.hero-cta:hover{background:var(--teal);transform:translateY(-1px)}
.hero-note{margin-top:13px;font-size:12px;color:var(--muted);font-weight:500}

/* ── HERO LIVE FEED ────────────────────────────────── */
.live-feed{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--sh2)}
.lf-header{background:var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-title{font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.01em}
.lf-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--teal-mid)}
.lf-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
.lf-body{padding:4px 0}
.lf-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);animation:fadeRow .4s ease both}
.lf-item:last-child{border-bottom:none}
@keyframes fadeRow{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.lf-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.lf-icon.green{background:var(--teal-lt)}
.lf-icon.amber{background:var(--amber-lt)}
.lf-info{flex:1;min-width:0}
.lf-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-meta{font-size:11px;color:var(--muted);margin-top:1px}
.lf-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.s-done{background:var(--teal-lt);color:var(--teal-dk)}
.s-run{background:var(--amber-lt);color:var(--amber)}
.lf-footer{background:var(--teal-lt);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.lf-footer-txt{font-size:12px;font-weight:600;color:var(--teal-dk)}
.lf-savings{font-size:13px;font-weight:800;color:var(--teal-dk);letter-spacing:-.01em}

/* ── STRIP ─────────────────────────────────────────── */
.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white)}
.strip-inner{max-width:1160px;margin:0 auto;padding:0 52px;display:flex}
.ss{flex:1;padding:22px 16px;text-align:center;border-right:1px solid var(--border)}
.ss:last-child{border-right:none}
.ss-val{font-size:24px;font-weight:900;color:var(--teal);display:block;margin-bottom:4px;letter-spacing:-.03em}
.ss-lbl{font-size:12px;color:var(--muted);line-height:1.4;font-weight:500}

/* ── PAIN SECTION ──────────────────────────────────── */
.pain-section{max-width:1160px;margin:0 auto;padding:88px 52px}
.section-ey{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.section-h{font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:18px}
.section-h em{font-style:normal;color:var(--teal)}
.section-sub{font-size:16px;color:var(--body);max-width:520px;line-height:1.75;font-weight:400;margin-bottom:48px}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pain-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.pain-card:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.pain-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.pain-num-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.pn-red{background:var(--red-lt);color:var(--red)}
.pn-blue{background:#EBF2FD;color:#1A5CB8}
.pain-card h3{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.35;margin-bottom:2px}
.pain-card .pain-vol{font-size:11px;color:var(--muted);font-weight:500}
.pain-stat{font-size:28px;font-weight:900;color:var(--red);letter-spacing:-.03em;margin-bottom:4px}
.pain-stat.blue{color:#1A5CB8}
.pain-stat-lbl{font-size:12px;color:var(--muted);margin-bottom:14px}
.pain-quote{background:var(--bg);border-left:3px solid var(--border);border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:10px}
.pain-quote p{font-size:12px;color:#444;font-style:italic;line-height:1.65;margin-bottom:4px}
.pain-quote span{font-size:10px;color:var(--muted);font-weight:600}
.pain-cost-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pcost{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--body)}
.pcost strong{color:var(--red)}

/* ── MONDAY SECTION ────────────────────────────────── */
.monday-section{max-width:1160px;margin:0 auto;padding:0 52px 88px}
.monday-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.monday-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.mc-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.mc-header-bad{background:var(--red-lt)}
.mc-header-good{background:var(--teal-lt)}
.mc-dot{width:9px;height:9px;border-radius:50%}
.mc-dot-bad{background:var(--red)}
.mc-dot-good{background:var(--teal)}
.mc-title{font-size:13px;font-weight:700;letter-spacing:-.01em}
.mc-title-bad{color:var(--red)}
.mc-title-good{color:var(--teal-dk)}
.mc-body{padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.task-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}
.tp-bad{background:var(--red-lt);color:#7A1A1A;border:1px solid rgba(201,50,50,.12)}
.tp-good{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tp-icon{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}
.tp-icon-bad{background:rgba(201,50,50,.12)}
.tp-icon-good{background:rgba(10,140,110,.15)}
.tp-text{flex:1}
.tp-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap}
.tag-urgent{background:#FDEAEA;color:var(--red);border:1px solid rgba(201,50,50,.2)}
.tag-done{background:var(--teal-lt);color:var(--teal-dk);border:1px solid var(--teal-mid)}
.tag-ai{background:var(--ink);color:var(--white);font-size:9px}
.mc-footer{padding:14px 22px;border-top:1px solid var(--border);font-size:12px;font-weight:600}
.mc-footer-bad{color:var(--red);background:var(--red-lt)}
.mc-footer-good{color:var(--teal-dk);background:var(--teal-lt)}

/* ── HOW IT WORKS ──────────────────────────────────── */
.steps-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 52px}
.steps-inner{max-width:1160px;margin:0 auto}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.step{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-mid));opacity:0;transition:opacity .3s}
.step:hover::before{opacity:1}
.step-num{font-size:48px;font-weight:900;color:rgba(10,140,110,.1);line-height:1;margin-bottom:14px;letter-spacing:-.04em}
.step-day{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-lt);border:1px solid var(--teal-mid);padding:4px 10px;border-radius:100px;margin-bottom:14px}
.step-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.02em}
.step-body{font-size:13px;color:var(--body);line-height:1.72}

/* ── ROLES ─────────────────────────────────────────── */
.roles-section{max-width:1160px;margin:0 auto;padding:88px 52px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}
.rc{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}
.rc:hover{border-color:var(--teal-mid);transform:translateY(-2px);box-shadow:var(--sh)}
.rc-stack{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:100px;display:inline-block;margin-bottom:10px}
.oc-s{background:rgba(74,16,96,.08);color:#4A1060;border:1px solid rgba(74,16,96,.15)}
.n8-s{background:rgba(27,67,50,.08);color:#1B4332;border:1px solid rgba(27,67,50,.15)}
.rc-num{font-size:22px;font-weight:900;color:rgba(10,140,110,.15);letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.rc-name{font-size:12px;color:var(--ink);font-weight:700;line-height:1.45;margin-bottom:6px}
.rc-replaces{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:8px}
.rc-cost{font-size:13px;font-weight:800;color:var(--red)}

/* ── VISUAL ────────────────────────────────────────── */
.visual-section{background:var(--ink);padding:88px 52px}
.visual-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.visual-inner .section-h{color:var(--white)}
.visual-inner .section-ey{color:var(--teal)}
.visual-inner .section-sub{color:rgba(255,255,255,.5);margin-bottom:0}
.sys-mockup{background:#1A2E22;border:1px solid #2A4832;border-radius:16px;overflow:hidden}
.sm-bar{background:#0D1F15;padding:12px 18px;display:flex;align-items:center;gap:8px}
.sm-dot{width:9px;height:9px;border-radius:50%}
.sm-d1{background:#2A4832}.sm-d2{background:#2A4832}.sm-d3{background:var(--teal)}
.sm-title{font-size:11px;font-weight:700;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.sm-live{font-size:10px;font-weight:600;color:#5DCAA5;margin-left:auto;display:flex;align-items:center;gap:5px}
.sm-live-dot{width:6px;height:6px;border-radius:50%;background:#1D9E75;animation:pulse 2s infinite}
.sm-body{padding:10px 6px}
.sm-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:4px}
.sm-ricon{width:32px;height:32px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.sm-ricon-g{background:#0A2E22}.sm-ricon-a{background:#2A1E08}
.sm-rinfo{flex:1}
.sm-rname{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
.sm-rmeta{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}
.sm-rbadge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap}
.rb-done{background:#0A2E22;color:#5DCAA5}.rb-run{background:#2A1E08;color:#E5A835}
.sm-footer{background:#0D1F15;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
.sm-f-txt{font-size:11px;color:rgba(255,255,255,.4);font-weight:500}
.sm-f-val{font-size:13px;font-weight:800;color:var(--teal)}

/* ── VALIDATED NUMBERS ─────────────────────────────── */
.numbers-section{max-width:1160px;margin:0 auto;padding:88px 52px}
.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.num-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.num-val{font-size:44px;font-weight:900;color:var(--teal);display:block;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.num-lbl{font-size:13px;color:var(--body);line-height:1.6;margin-bottom:8px}
.num-src{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}

/* ── GUARANTEE ─────────────────────────────────────── */
.guar-band{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:88px 52px}
.guar-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.guar-box{display:flex;flex-direction:column;gap:16px}
.gi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s}
.gi:hover{border-color:var(--teal-mid)}
.gi-icon{width:36px;height:36px;background:var(--teal-lt);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px}
.gi-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:3px;letter-spacing:-.01em}
.gi-body{font-size:12px;color:var(--muted);line-height:1.6}

/* ── TESTIMONIALS ──────────────────────────────────── */
.testi-section{max-width:1160px;margin:0 auto;padding:88px 52px 0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.tcard-result{font-size:15px;font-weight:900;color:var(--teal);letter-spacing:-.02em;margin-bottom:10px}
.tcard-bar{width:28px;height:3px;background:var(--teal);border-radius:2px;margin-bottom:14px;opacity:.35}
.tcard-q{font-size:13px;color:var(--body);line-height:1.72;margin-bottom:16px;flex:1;font-style:italic}
.tcard-name{font-size:13px;font-weight:700;color:var(--ink)}
.tcard-co{font-size:11px;color:var(--muted);margin-top:2px}

/* ── EXEC QUOTES ───────────────────────────────────── */
.quotes-section{max-width:1160px;margin:0 auto;padding:44px 52px 88px}
.quotes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.qcard{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.qmark{font-size:48px;color:var(--teal);line-height:.6;display:block;margin-bottom:12px;opacity:.2;font-weight:900}
.qtext{font-size:15px;font-style:italic;color:var(--ink);line-height:1.65;margin-bottom:12px}
.qattr{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ── FORM ──────────────────────────────────────────── */
.form-outer{padding:88px 52px;max-width:800px;margin:0 auto;text-align:center}
.form-outer .section-h{text-align:center}
.form-outer .section-sub{text-align:center;margin:0 auto}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:50px 52px;margin-top:40px;text-align:left;box-shadow:var(--sh2)}
.form-heading{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;text-align:center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field input,.field textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--f);font-size:15px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s,background .15s;line-height:1.6}
.field input::placeholder,.field textarea::placeholder{color:#B8C8C0;font-weight:400}
.field input:focus,.field textarea:focus{border-color:var(--teal);background:var(--white)}
.field textarea{resize:vertical;min-height:130px}
.field-help{font-size:13px;color:var(--muted);margin:6px 0 12px;line-height:1.65}
.fdiv{border:none;border-top:1px solid var(--border);margin:22px 0}
.rev-lbl{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;display:block;letter-spacing:-.01em}
.rev-sub{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}
.rev-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.ropt{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;font-size:14px;font-weight:600;color:var(--ink)}
.ropt:hover{border-color:var(--teal);background:var(--teal-lt)}
.ropt.sel{border-color:var(--teal);background:var(--teal-lt);color:var(--teal-dk)}
.ropt input[type=radio]{display:none}
.rr{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.ropt.sel .rr{border-color:var(--teal);background:var(--teal)}
.ropt.sel .rr::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--white)}

/* Problem choice cards — bigger, more descriptive */
.prob-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.popt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none}
.popt:hover{border-color:var(--teal);background:var(--teal-lt)}
.popt.sel{border-color:var(--teal);background:var(--teal-lt)}
.popt input[type=radio]{display:none}
.popt-rr{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.popt.sel .popt-rr{border-color:var(--teal);background:var(--teal)}
.popt.sel .popt-rr::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--white)}
.popt-body{}
.popt-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em;line-height:1.35}
.popt.sel .popt-title{color:var(--teal-dk)}
.popt-desc{font-size:12px;color:var(--muted);line-height:1.65}
.popt.sel .popt-desc{color:var(--teal-dk);opacity:.75}
.popt-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ptag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg);border:1px solid var(--border);color:var(--body)}
.popt.sel .ptag{background:rgba(10,140,110,.12);border-color:var(--teal-mid);color:var(--teal-dk)}

.ferr{font-size:13px;color:var(--red);margin-top:10px;display:none}
.field-err{display:none;font-size:12px;color:var(--red);margin-top:6px;line-height:1.45}
.sub-btn{width:100%;background:var(--ink);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:17px 24px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.sub-btn:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}
.sub-btn:disabled{opacity:.3;cursor:not-allowed}
.form-priv{text-align:center;margin-top:12px;font-size:12px;color:var(--muted);font-weight:500}
.nq{display:none;text-align:center;padding:24px 0}
.nq.show{display:block}
.nq-icon{font-size:38px;margin-bottom:18px}
.nq h3{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.nq p{font-size:14px;color:var(--body);line-height:1.7;margin-bottom:20px}
.nq-back{font-size:14px;color:var(--teal);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:var(--f);font-weight:600}
.conf{display:none;text-align:center;padding:20px 0}
.conf.show{display:block}
.conf-tick{width:60px;height:60px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:22px;color:var(--white);font-weight:900;animation:pop .45s cubic-bezier(.175,.885,.32,1.275)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.conf h3{font-size:28px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.conf-sub{font-size:15px;color:var(--body);line-height:1.72;margin-bottom:24px}
.sbox{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:18px 20px;text-align:left;margin-bottom:22px}
.srow{display:flex;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:none}
.sl{color:var(--muted);min-width:76px;flex-shrink:0;font-weight:500}
.sv{color:var(--ink);font-weight:600;line-height:1.5}
.cal-block{border:1.5px solid var(--teal);border-radius:12px;padding:24px;background:var(--teal-lt)}
.cal-block p{font-size:14px;color:var(--teal-dk);font-weight:600;margin-bottom:16px;line-height:1.6}
.cal-link{display:inline-block;background:var(--teal);color:var(--white);font-family:var(--f);font-size:15px;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none;transition:background .2s;letter-spacing:-.01em}
.cal-link:hover{background:var(--teal-dk)}

/* ── FAQ ───────────────────────────────────────────── */
.faq-outer{max-width:740px;margin:0 auto;padding:0 52px 88px}
.faq-hed{font-size:clamp(26px,3vw,34px);font-weight:900;color:var(--ink);letter-spacing:-.03em;margin-bottom:32px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{padding:20px 0;font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;user-select:none;transition:color .2s}
.faq-q:hover{color:var(--teal)}
.faq-ic{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);color:var(--teal);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s,background .2s,color .2s}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--teal);color:var(--white);border-color:var(--teal)}
.faq-a{font-size:14px;color:var(--body);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s}
.faq-item.open .faq-a{max-height:260px;padding-bottom:18px}

/* ── FOOTER ────────────────────────────────────────── */
footer{border-top:1px solid var(--border);padding:32px 52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--white)}
.foot-logo{font-size:17px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.foot-dot{color:var(--teal)}
.foot-logo-img{height:40px;width:auto;display:block}
footer p{font-size:12px;color:var(--muted);font-weight:500}
footer a{color:var(--teal);text-decoration:none}

/* ── REVEAL ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ────────────────────────────────────── */
@media(max-width:960px){
  nav{padding:0 20px}
  .hero{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}
  .monday-grid,.visual-inner,.guar-inner{grid-template-columns:1fr;gap:28px}
  .steps-grid,.numbers-grid,.testi-grid{grid-template-columns:1fr}
  .roles-grid{grid-template-columns:repeat(2,1fr)}
  .quotes-grid,.pain-grid{grid-template-columns:1fr}
  .pain-section,.monday-section,.numbers-section,.roles-section,.testi-section,.quotes-section,.form-outer,.faq-outer,.steps-section .steps-inner{padding-left:20px;padding-right:20px}
  .steps-section,.guar-band,.visual-section{padding:64px 20px}
  .form-card{padding:28px 22px}
  footer{padding:24px 20px}
  .strip-inner{padding:0 20px}
}
@media(max-width:600px){
  .field-row,.rev-opts{grid-template-columns:1fr}
  .field textarea{min-height:200px}
  .hero h1{font-size:34px}
  .strip-inner{display:grid;grid-template-columns:1fr 1fr}
  .ss{border-right:none;border-bottom:1px solid var(--border)}
  .ss:nth-child(odd){border-right:1px solid var(--border)}
  .ss:nth-last-child(-n+2){border-bottom:none}
}

/* Layout utilities: pick hero style per page via classes. */
.hero.hero--two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: start;
  text-align: left;
}

@media (max-width: 960px) {
  .hero.hero--two-col {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  /* Non-negotiable mobile behavior: side-by-side layouts stack. */
  .layout-two-col,
  .two-col,
  .split-two-col {
    grid-template-columns: 1fr !important;
  }

  .layout-two-col-flex,
  .two-col-flex,
  .split-two-col-flex {
    flex-direction: column !important;
  }
}

.hero.hero--stacked {
  display: block;
  text-align: center;
  max-width: 800px;
}

.hero.hero--stacked .hero-sub {
  display: block;
  margin: 0 auto 24px;
  max-width: 860px;
}

/* Keep thank-you layout stacked even with later .hero declarations. */
.hero.thank-hero {
  grid-template-columns: 1fr;
  gap: 34px;
  align-content: center;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Optional page-level chrome toggle for pages like /thankyou. */
.page--hide-chrome nav,
.page--hide-chrome footer {
  display: none !important;
}

/* Unified primary button behavior (same as form button hover). */
.btn--primary,
a.btn--primary,
button.btn--primary,
.nav-btn,
.hero-cta,
.sub-btn,
.cal-link {
  background: var(--ink);
  color: var(--white);
  border: 1px solid var(--ink);
  text-decoration: none;
  transition: background .2s, transform .15s, border-color .2s, color .2s;
}

.btn--primary:hover,
a.btn--primary:hover,
button.btn--primary:hover,
.nav-btn:hover,
.hero-cta:hover,
.sub-btn:hover:not(:disabled),
.cal-link:hover {
  background: var(--teal);
  border-color: var(--teal);
  color: var(--white);
  text-decoration: none;
  transform: translateY(-1px);
}

.btn--primary:focus-visible,
a.btn--primary:focus-visible,
button.btn--primary:focus-visible,
.nav-btn:focus-visible,
.hero-cta:focus-visible,
.sub-btn:focus-visible,
.cal-link:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

.btn--primary:disabled,
button.btn--primary:disabled,
.sub-btn:disabled {
  opacity: .3;
  cursor: not-allowed;
  transform: none;
}

/* Reusable compact vertical rhythm for long-form booking pages. */
.layout--compact {
  --compact-hero-top: 108px;
  --compact-hero-bottom: 20px;
  --compact-note-bottom: 10px;
  --compact-form-bottom: 44px;
}

.layout--compact .hero.hero--stacked {
  padding: var(--compact-hero-top) 52px var(--compact-hero-bottom) !important;
}

.layout--compact .book-note {
  margin: 0 auto var(--compact-note-bottom) !important;
}

.layout--compact .form-wrap {
  padding: 8px 52px var(--compact-form-bottom) !important;
}

@media (max-width: 960px) {
  .layout--compact .hero.hero--stacked {
    padding: 98px 20px 16px !important;
  }

  .layout--compact .book-note {
    margin-bottom: 8px !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .layout--compact .form-wrap {
    padding: 4px 20px 36px !important;
  }
}

/* Reusable spacing utilities for note-to-form transitions. */
.layout-note {
  margin-bottom: 20px;
}

.layout-form {
  padding-top: 0;
  margin-top: 0;
}

.layout-gap-20 {
  margin-top: 0;
}

.layout-note + .layout-form {
  padding-top: 0;
}

.layout-note + .layout-form .form-card {
  margin-top: 0;
}

/* Strong compact override for stacked booking layouts. */
.layout--compact .layout-note {
  margin-bottom: 0 !important;
}

.layout--compact .layout-form {
  padding-top: 0 !important;
}

.layout--compact .layout-form .form-card {
  margin-top: 0 !important;
}

/* Global section rhythm system (desktop/mobile) */
:root {
  --section-y-desktop: 80px;
  --section-y-mobile: 60px;
}

.section-rhythm,
.form-outer,
.roles-section,
.monday-section,
.testi-section,
.faq-outer,
.pain-section,
.numbers-section,
.quotes-section,
.steps-section,
.guar-band,
.visual-section,
.flow,
.section,
.proof,
.legal-wrap {
  padding-top: var(--section-y-desktop) !important;
  padding-bottom: var(--section-y-desktop) !important;
}

.hero.hero--two-col,
.hero.hero--stacked {
  padding-top: calc(var(--section-y-desktop) + 40px) !important;
  padding-bottom: var(--section-y-desktop) !important;
}

/* Keep hero->form stacks tight by default when adjacent */
.hero + .layout-form,
.hero + .form-outer,
.hero + .form-wrap {
  padding-top: 20px !important;
}

.hero + .twoam-band + .layout-form,
.hero + .twoam-band + .form-outer,
.hero + .twoam-band + .form-wrap {
  padding-top: 20px !important;
}

.layout-note + .layout-form,
.layout-note + .form-outer,
.layout-note + .form-wrap {
  padding-top: 0 !important;
}

@media (max-width: 960px) {
  .section-rhythm,
  .form-outer,
  .roles-section,
  .monday-section,
  .testi-section,
  .faq-outer,
  .pain-section,
  .numbers-section,
  .quotes-section,
  .steps-section,
  .guar-band,
  .visual-section,
  .flow,
  .section,
  .proof,
  .legal-wrap {
    padding-top: var(--section-y-mobile) !important;
    padding-bottom: var(--section-y-mobile) !important;
  }

  .hero.hero--two-col,
  .hero.hero--stacked {
    padding-top: calc(var(--section-y-mobile) + 34px) !important;
    padding-bottom: var(--section-y-mobile) !important;
  }

  .hero + .layout-form,
  .hero + .form-outer,
  .hero + .form-wrap {
    padding-top: 16px !important;
  }

  .hero + .twoam-band + .layout-form,
  .hero + .twoam-band + .form-outer,
  .hero + .twoam-band + .form-wrap {
    padding-top: 16px !important;
  }
}

/* Reusable urgency strip between hero and form blocks on book pages. */
.twoam-band {
  background: var(--ink);
  padding: 32px 52px;
  text-align: center;
}

.twoam-band-text {
  margin: 0 auto;
  max-width: 460px;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 700;
  color: #fff;
}

.twoam-band-highlight {
  color: var(--teal);
}

@media (max-width: 960px) {
  .twoam-band {
    padding: 24px 20px;
  }

  .twoam-band-text {
    font-size: 16px;
    line-height: 1.65;
  }
}

/* Reusable wrapper: keep hero + note + form in one compact section block. */
.layout-stack.layout-stack--hero-form {
  max-width: 800px;
  margin: 0 auto;
  padding: calc(var(--section-y-desktop) + 40px) 52px var(--section-y-desktop);
}

.layout-stack.layout-stack--hero-form .hero.hero--stacked {
  padding: 0 !important;
  margin: 0 auto;
}

.layout-stack.layout-stack--hero-form .layout-note {
  margin: 0 auto !important;
}

.layout-stack.layout-stack--hero-form .layout-form {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 !important;
}

.layout-stack.layout-stack--hero-form .layout-form .form-card {
  margin-top: 0 !important;
}

@media (max-width: 960px) {
  .layout-stack.layout-stack--hero-form {
    padding: calc(var(--section-y-mobile) + 34px) 20px var(--section-y-mobile);
  }
}

/* Form textarea sizing standard across all pages. */
.field textarea {
  min-height: 170px !important;
}

@media (max-width: 960px) {
  .field textarea {
    min-height: 280px !important;
  }
}

/* Mobile stacked text-input rows should not keep grid gap. */
@media (max-width: 600px) {
  .field-row {
    gap: 0 !important;
  }

  /* Keep spacing for radio/checkbox option groups on mobile. */
  .rev-opts {
    gap: 10px !important;
  }
}

/* Prevent live-feed row titles from truncating; allow wrapping on all breakpoints. */
.lf-name {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Book-1 and Book-3 only: allow hero feed card to keep natural height. */
.book13-natural-feed .live-feed {
  height: auto !important;
  align-self: start;
}

/* Thank-you cards: keep card body copy left-aligned next to icons. */
.thank-hero .lf-body .lf-item {
  align-items: flex-start;
}

.thank-hero .lf-body .lf-info,
.thank-hero .lf-body .lf-name,
.thank-hero .lf-body .lf-meta {
  text-align: left !important;
}

/* Mobile calendar container tweaks across book + learn pages. */
@media (max-width: 600px) {
  .cal-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: transparent !important;
    border: none !important;
  }

  .cal-block iframe,
  .cal-inner iframe {
    border-radius: 8px !important;
  }
}