/* AutomatedMargins.com shared design tokens: one font, one type scale, one set of spacing, cards, buttons and colors.
   Loaded last on every page so it wins over page-level styles. */
:root{
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Helvetica,Arial,sans-serif;
  --bg:#030406;--surface:#0a0d11;--surface-2:#11161c;--line:#1c222a;
  --text:#eef1f4;--text-2:#c9ced4;--muted:#8b939c;--accent:#2de2a6;--warn:#facc15;--bad:#fca5a5;
  --fs-h1:clamp(2.25rem,5.6vw,4.25rem);
  --fs-h2:clamp(1.75rem,3.8vw,2.85rem);
  --fs-h3:clamp(1.12rem,1.6vw,1.3rem);
  --fs-lead:clamp(1.06rem,1.5vw,1.2rem);
  --fs-body:1.0625rem;
  --fs-small:.875rem;
  --fs-eyebrow:.78rem;
  --lh-tight:1.08;--lh-body:1.6;
  --sec-pad:clamp(56px,8vw,96px);
  --radius:18px;--radius-sm:12px;
  --btn-pad:16px 28px;--btn-fs:1.05rem;
}
html,body,button,input,select,textarea{font-family:var(--font)}
body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text)}
.block{padding:var(--sec-pad) 0}
.block.hero{padding-top:clamp(40px,6vw,72px)}

/* Type scale: same on every page */
h1,.wz-card .done h1{font-size:var(--fs-h1);line-height:var(--lh-tight);font-weight:900;letter-spacing:-.035em;max-width:16ch}
h2,.ca h2{font-size:var(--fs-h2);line-height:1.12;font-weight:900;letter-spacing:-.03em;max-width:28ch}
h3,.svc-card h3,.vs h3,.pt h3{font-size:var(--fs-h3);line-height:1.25;font-weight:800;letter-spacing:-.01em}
/* the wizard's question title is the page's h1 but sits inside a card; it uses the h2 size */
.wz-card h1{font-size:var(--fs-h2);line-height:1.12;max-width:none}
.hero h2.todo{font-size:var(--fs-h2)}
.hero .stack .line,.line{font-size:var(--fs-lead);line-height:1.5}
.plead,.sub,.ca-lede,.wz-card .hint{font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--muted)}
.svc-card p,.sc p,.vs li,.loop{font-size:var(--fs-body);line-height:1.55}
.ca-eyebrow,.brand,.sec,.wz-step,.svc-n{font-size:var(--fs-eyebrow);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700}
.fine,.src,cite,.sc cite,.opt small{font-size:var(--fs-small)}
.tagline{font-size:var(--fs-lead);font-weight:800;color:var(--accent);line-height:1.4;margin-top:14px}
.tagline.center{text-align:center;margin-top:28px}
.accent{color:var(--accent)}
.svc-close-line{font-size:var(--fs-lead);line-height:1.5}

/* Cards */
.svc-card,.sc,.screen,.wz-card,.vs .them,.vs .us,.loop,.pt{border-radius:var(--radius)}
.svc-card,.sc{background:var(--surface);border:1px solid var(--line);padding:24px}

/* Buttons: one style everywhere */
.btn,.ctrl .btn,.wz-nav .btn,.resume .btn,.hero-cta .btn,.consult .btn,.teaser .btn,.am-form .btn{
  font-family:var(--font);font-size:var(--btn-fs);font-weight:800;padding:var(--btn-pad);border-radius:999px;line-height:1.2}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#06120e}
.teaser .btns .btn{padding:var(--btn-pad)}
.hero-cta{margin-top:24px}

@media(max-width:600px){
  :root{--fs-body:1rem;--btn-pad:14px 22px;--btn-fs:1rem}
  .svc-card,.sc{padding:20px}
  .hero-cta .btn{display:block;text-align:center}
}

/* The three easy wins: the main message right after the hero */
.first3 h2{font-size:clamp(2rem,4.6vw,3.4rem)}
.first3 .svc-card{border:1px solid rgba(45,226,166,.45);background:linear-gradient(180deg,rgba(45,226,166,.08),var(--surface) 70%);padding:28px 26px}
.first3 .svc-card h3{font-size:clamp(1.3rem,2vw,1.55rem)}
.first3 .svc-card p{color:var(--text-2)}
.first3 .btn.primary{padding:18px 34px}
.first3 .paper-card{margin-top:16px;background:var(--surface);border:1px dashed #2a323c;padding:20px 24px}
.first3 .paper-card h3{font-size:var(--fs-h3)}
.first3 .paper-card p{color:var(--muted)}

/* dental block: compact, secondary to the general easy wins */
.dental3{padding-top:0}
.dental3 h2{font-size:var(--fs-h3);max-width:none;margin-bottom:4px}
.dental3 .svc-card{background:var(--surface);border:1px dashed #2a323c;padding:20px 22px}
.dental3 .svc-card h3{font-size:1.05rem}
.dental3 .svc-card p{color:var(--muted);font-size:var(--fs-small);line-height:1.55}

/* simplified layout helpers */
.cta2{display:flex;flex-wrap:wrap;gap:12px}
.cta2 .btn{margin:0}
.how-steps{list-style:none;counter-reset:hs;padding:0;margin:22px 0 0;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
.how-steps li{counter-increment:hs;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;color:var(--text-2);line-height:1.5}
.how-steps li:before{content:counter(hs);display:block;color:var(--accent);font-weight:900;font-size:1.4rem;margin-bottom:6px}
.how-steps b{color:var(--text);display:block}
details.more-t{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
details.more-t>summary{cursor:pointer;color:var(--accent);font-weight:700;list-style:none}
details.more-t>summary::-webkit-details-marker{display:none}
details.more-t>summary:before{content:"+ ";}
details.more-t[open]>summary:before{content:"\2212  "}
.choose .two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.choose .pick{border-color:rgba(45,226,166,.45)}
.choose .keep3{margin-top:14px}
.choose .keep3 .svc-card{padding:18px 20px}
.choose .keep3 p{color:var(--muted)}
@media(max-width:800px){.how-steps,.choose .two{grid-template-columns:1fr}}
/* header: one line at phone width, wordmark stays */
@media(max-width:600px){.am-nav-in{flex-wrap:nowrap!important;padding:10px 14px}.am-nav .nl{gap:12px}.am-nav .nl a.hide-sm,.am-nav .nl a.hide-sm2{display:none!important}.am-nav .nb{font-size:.95rem}.am-nav .nb-mark{width:24px;height:auto}.am-nav .nl a{font-size:.88rem}.am-nav .nl a.nc{padding:7px 12px}}