/* HubSpot CRM Audit Checklist (stepped) — digitalmkt.life
   Scoped under .hca-page. Inter is enqueued separately (see functions snippet). */

.hca-page *{box-sizing:border-box;margin:0;padding:0}
.hca-page{
  --blue:#2563EB; --blue-deep:#0F1F4B; --green:#16A34A; --green-deep:#15803D;
  --orange:#FF7A59; --ink:#0F172A; --muted:#5A6577; --line:#E4E8F0;
  --paper:#F6F8FC; --card:#FFFFFF;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.hca-wrap{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,40px) 16px}

/* Header (stays for SEO + context) */
.hca-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.hca-eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}
.hca-page h1{font-size:clamp(28px,5.2vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.08}
.hca-lead{font-size:clamp(15px,2.1vw,17px);color:#33405A;margin-top:14px;max-width:62ch}

/* Stepper shell */
.hca-stepper{margin-top:26px;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px -42px rgba(17,34,74,.4)}

/* Top: progress + dots */
.hca-top{padding:18px clamp(18px,3vw,28px) 0}
.hca-track{height:8px;background:#E1E7F1;border-radius:999px;overflow:hidden}
.hca-fill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:999px;transition:width .3s ease}
.hca-topmeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.hca-steplabel{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.hca-count{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.hca-count span{color:var(--muted);font-weight:600}
.hca-dots{display:flex;gap:7px;padding:14px clamp(18px,3vw,28px) 0}
.hca-dot{flex:1;height:6px;border-radius:999px;background:#E1E7F1;border:none;cursor:pointer;padding:0;transition:background .2s}
.hca-dot.done{background:var(--green)}
.hca-dot.current{background:var(--blue)}

/* Stage area */
.hca-stagearea{padding:clamp(18px,3vw,26px);min-height:340px}
.hca-stage{display:none}
.hca-stage.active{display:block;animation:hcaIn .34s ease}
@keyframes hcaIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.hca-shead{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.hca-snum{flex:none;width:40px;height:40px;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.hca-stitle{font-size:22px;font-weight:800;letter-spacing:-.02em}
.hca-ssub{font-size:13.5px;color:var(--muted);margin:2px 0 14px 54px}

.hca-item{display:flex;gap:13px;align-items:flex-start;padding:13px 12px;border-radius:12px;cursor:pointer;transition:background .12s;position:relative}
.hca-item:hover{background:#F7F9FD}
.hca-item + .hca-item{border-top:1px solid #EEF1F7}
.hca-box{flex:none;width:24px;height:24px;margin-top:1px;border:2px solid #C6CFDE;border-radius:7px;background:#fff;position:relative;transition:background .15s,border-color .15s}
.hca-box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .15s}
.hca-item input{position:absolute;opacity:0;width:0;height:0}
.hca-item.checked .hca-box{background:var(--green);border-color:var(--green)}
.hca-item.checked .hca-box::after{transform:rotate(45deg) scale(1)}
.hca-title{font-weight:700;font-size:15.5px}
.hca-item.checked .hca-title{color:var(--muted);text-decoration:line-through;text-decoration-color:#C6CFDE}
.hca-help{font-size:13.5px;color:var(--muted);margin-top:3px;line-height:1.55}

/* Nav */
.hca-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(18px,3vw,26px);border-top:1px solid var(--line);background:#FBFCFE}
.hca-navmid{font-size:13px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}
.hca-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:11px 22px;border-radius:11px;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:transform .12s,background .15s,border-color .15s,opacity .15s}
.hca-btn.primary{background:var(--blue);color:#fff}
.hca-btn.primary:hover{background:#1D4ED8;transform:translateY(-1px)}
.hca-btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.hca-btn.ghost:hover{border-color:var(--blue);color:var(--blue)}
.hca-btn.green{background:var(--green);color:#fff}
.hca-btn.green:hover{background:var(--green-deep)}
.hca-btn[disabled]{opacity:.4;pointer-events:none}

/* Results */
.hca-result{text-align:center;padding:6px 0}
.hca-rbig{font-size:clamp(46px,11vw,68px);font-weight:800;letter-spacing:-.03em;line-height:1}
.hca-rbig .slash{color:var(--muted);font-weight:700}
.hca-rlabel{font-size:15px;color:var(--muted);margin-top:6px}
.hca-rbars{text-align:left;margin:22px auto 0;max-width:440px;display:grid;gap:12px}
.hca-rrow{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.hca-rname{font-size:14px;font-weight:600}
.hca-rnum{font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.hca-rtrack{grid-column:1 / -1;height:6px;background:#E1E7F1;border-radius:999px;overflow:hidden}
.hca-rtrackfill{height:100%;background:var(--green);border-radius:999px;transition:width .3s}
.hca-rnote{font-size:14px;color:#33405A;margin:22px auto 0;max-width:52ch}

/* CTA */
.hca-cta{margin:26px 0 0;background:var(--blue-deep);color:#EAF0FF;border-radius:18px;padding:clamp(24px,4vw,34px);text-align:left}
.hca-cta h2{color:#fff;font-size:clamp(20px,3vw,25px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.hca-cta p{color:#C9D6F5;margin-bottom:18px;max-width:56ch}
.hca-ctarow{display:flex;flex-wrap:wrap;gap:10px}

.hca-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center}
.hca-foot a{color:var(--blue);text-decoration:none;font-weight:600}
.hca-brand{font-weight:800}
.hca-brand .mkt{background:var(--blue);color:#fff;padding:1px 6px;border-radius:5px;margin-left:2px}