:root{
  /* La Cobalta — matches the live homepage skin (was the old Talavera set) */
  --cobalt:#1C52B8; --green:#6F8A54; --red:#C86B44; --yellow:#F6B32E;
  --ink:#46342C; --ink-soft:#7C6A5C; --paper:#FAF5EB; --paper-2:#FFFBF0;
  --display:"Lilita One","Arial Black",sans-serif;
  --script:"Fraunces",Georgia,serif;
  --body:"Work Sans",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);line-height:1.5;background:var(--paper);
  background-image:radial-gradient(rgba(26,21,16,.14) .9px,transparent 1.1px);
  background-size:22px 22px;background-attachment:fixed;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:24px 18px 72px}
h1,h2,h3,.brand{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;line-height:1;margin:0}
.script{font-family:var(--script);font-style:italic;text-transform:none;font-weight:600}
.slab{border:2.5px solid var(--ink);background:#fff;--slab:var(--cobalt);--sd:6px;box-shadow:var(--sd) var(--sd) 0 var(--slab)}
.eyebrow{display:inline-block;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--red-txt);margin-bottom:10px}
.ph{color:var(--cobalt);border-bottom:2px dotted var(--cobalt)} /* placeholder — fills from her real data */

/* header */
.top{display:flex;align-items:center;gap:13px;margin-bottom:26px}
.top .avatar{height:56px;width:auto;flex:none;border:2.5px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--cobalt);padding:2px}
.brand{font-size:1.1rem;color:var(--cobalt);display:block}
.top .tag{font-size:.72rem;color:var(--ink-soft);font-weight:700;text-transform:lowercase}

/* hero */
.hero{margin-bottom:34px}
.hero h1{font-size:clamp(2.1rem,9vw,3.1rem);color:var(--cobalt);text-shadow:3px 3px 0 var(--yellow)}
.hero p{margin:14px 0 20px;color:var(--ink);font-size:1.08rem;max-width:40ch}
.btn{display:inline-block;font-family:var(--body);font-weight:800;border:2.5px solid var(--ink);
  padding:15px 22px;font-size:1rem;color:#fff;background:var(--red);text-decoration:none;cursor:pointer;
  --slab:var(--ink);--sd:4px;box-shadow:var(--sd) var(--sd) 0 var(--slab);transition:transform .12s steps(2,end)}
.btn.go{background:var(--yellow);color:var(--ink);--slab:var(--cobalt)}
.btn.block{display:block;width:100%;text-align:center}
.btn:hover{transform:translate(-1px,-1px);--sd:6px}
.btn:active{transform:translate(2px,2px);--sd:1px}
.mklink{display:inline-block;margin-left:6px;font-weight:700;color:var(--cobalt);text-decoration:underline;font-size:.92rem}

/* section */
section{margin-bottom:38px}
.lbl{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--ink-soft);margin-bottom:14px}
h2{font-size:1.5rem;color:var(--ink);margin-bottom:16px}

/* who you reach — bento */
.bento{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cell{padding:16px;--slab:var(--green);--sd:5px}
.cell .big{font-family:var(--display);font-size:1.7rem;color:var(--cobalt);line-height:1}
.cell.hot{--slab:var(--red)}
.cell.wide{grid-column:1 / -1;--slab:var(--cobalt)}
.cell p{margin:6px 0 0;font-size:.85rem;color:var(--ink-soft)}
.cell.wide p{font-size:1rem;color:var(--ink)}

/* proof */
.proof{padding:16px 18px;--slab:var(--yellow);--sd:5px;font-weight:700;text-align:center;font-size:.95rem}
.proof b{color:var(--cobalt)}

/* showreel facade */
.reel{position:relative;height:180px;border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--red);background:var(--cobalt);
  display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;text-align:center}
.reel .play{font-size:2.6rem}
.reel .cap{position:absolute;bottom:10px;left:12px;font-weight:800;font-size:.8rem;text-shadow:1px 1px 0 var(--ink)}

/* tiers */
.tiers{display:flex;flex-direction:column;gap:14px}
.tier{padding:18px;--slab:var(--cobalt);--sd:5px}
.tier h3{font-size:1.15rem;color:var(--red-txt);margin-bottom:6px}
.tier .what{font-size:.95rem;color:var(--ink)}
.tier .tprice{float:right;font-family:var(--display);color:var(--cobalt);font-size:1rem;margin-left:10px}
.tier.mid{--slab:var(--green)} .tier.top{--slab:var(--red)}
.pill{display:inline-block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:3px 8px;margin-left:8px;vertical-align:middle}
.roi{margin-top:16px;padding:14px 16px;border:2.5px dashed var(--green);background:var(--paper-2);font-weight:700;font-size:.95rem}
.roi b{color:var(--green-txt)}

/* how it works */
.steps{display:flex;flex-direction:column;gap:12px}
.step{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;--slab:var(--green);--sd:4px}
.step .num{font-family:var(--display);font-size:1.5rem;color:var(--red-txt);line-height:1;flex:none}
.step .t{font-weight:800;font-size:.98rem}
.step .d{font-size:.88rem;color:var(--ink-soft);margin-top:2px}

/* testimonial */
.quote{padding:20px;--slab:var(--red);--sd:6px;font-size:1.05rem}
.quote .script{color:var(--red-txt)} .quote .who{display:block;margin-top:10px;font-size:.82rem;font-weight:700;color:var(--ink-soft)}

/* vet note */
.vet{padding:16px 18px;--slab:var(--ink);--sd:5px;background:var(--paper-2);font-size:1rem}
.vet .script{color:var(--red-txt);font-size:1.05rem}

/* faq */
.faq{border:2.5px solid var(--ink);background:#fff;--slab:var(--yellow);--sd:5px;box-shadow:var(--sd) var(--sd) 0 var(--slab);margin-bottom:10px}
.faq>summary{list-style:none;cursor:pointer;padding:13px 16px;font-weight:800;font-size:.93rem;display:flex;justify-content:space-between}
.faq>summary::-webkit-details-marker{display:none}
.faq[open]>summary{border-bottom:2px dashed var(--yellow)}
.faq .a{padding:11px 16px 15px;font-size:.9rem;color:var(--ink-soft)}

/* form */
.formwrap{padding:22px 20px;--slab:var(--cobalt);--sd:7px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;font-family:var(--body);font-size:1rem;font-weight:500;
  padding:11px 12px;border:2px solid var(--ink);background:var(--paper-2);color:var(--ink)}
.field textarea{min-height:70px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--yellow);outline-offset:1px}
.req{color:var(--red-txt)}
.result{margin-top:16px;padding:18px;border:2.5px dashed var(--cobalt);background:var(--paper-2);display:none}
.result.show{display:block}
.result h3{font-size:1.2rem;margin-bottom:8px}
.result.qualified h3{color:var(--green-txt)} .result.gift h3{color:var(--cobalt)} .result.nurture h3{color:var(--ink-soft)}
.fprog{height:9px;border:2px solid var(--ink);background:var(--paper-2);margin-bottom:8px}
.fbar{display:block;height:100%;background:var(--cobalt);width:50%;transition:width .2s steps(3,end)}
.fstepnum{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:14px}
.fstep[hidden]{display:none}

footer{margin-top:20px;text-align:center;font-size:.75rem;color:var(--ink-soft)}
footer .script{font-size:.95rem;color:var(--red-txt);display:block;margin-bottom:6px}
.ftc{font-size:.7rem;color:var(--ink-soft);margin-top:8px}
.note{font-size:.72rem;color:var(--cobalt);margin-top:10px}

.stickycta{display:none}
@media(max-width:640px){.stickycta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:8;text-align:center;
  background:var(--red);color:#fff;font-weight:800;border:2.5px solid var(--ink);padding:14px;box-shadow:3px 3px 0 var(--ink);
  text-decoration:none;font-family:var(--body)}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(160%);visibility:hidden;
  background:var(--ink);color:var(--paper);padding:13px 20px;font-weight:700;box-shadow:4px 4px 0 var(--green);
  transition:transform .2s steps(4,end);z-index:9;max-width:90vw}
.toast.show{transform:translateX(-50%) translateY(0);visibility:visible}
@media(max-width:520px){.hero p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}