/* Design System v0.1 — "Preparação sem pânico". Premium + utilidade (Apple + manual técnico). 8px grid. */
:root{
  --ink:#0B0F14; --paper:#FFFFFF; --mist:#F4F6F8; --line:#E1E5EA; --slate:#5B6672;
  --navy:#0E2A47; --blue:#1F5FA8; --blue-100:#E6EFF9;
  --ok:#1E8E5A; --ok-100:#E4F5EC; --warn:#E8710A; --warn-100:#FDEFE0; --alert:#C8312B; --alert-100:#FBE7E6;
  --font:"Inter","Manrope","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--r:12px;--shadow:0 1px 2px rgba(11,15,20,.06),0 8px 24px rgba(11,15,20,.06);
  --maxw:1120px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.55;font-size:18px;-webkit-font-smoothing:antialiased}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--s2)}
h1{font-size:clamp(32px,6vw,56px)} h2{font-size:clamp(26px,4vw,38px)} h3{font-size:22px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--s2)}
section{padding:var(--s6) 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:56px;padding:0 var(--s4);border-radius:var(--r);font-weight:700;font-size:18px;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--blue)}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);box-shadow:var(--shadow)}
.grid{display:grid;gap:var(--s2)} .g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.b-essencial{background:var(--alert-100);color:var(--alert)} .b-recomendado{background:var(--warn-100);color:var(--warn)}
.b-opcional{background:var(--blue-100);color:var(--blue)} .b-conforto{background:var(--mist);color:var(--slate)}
.callout{border-left:6px solid var(--blue);background:var(--blue-100);padding:var(--s2) var(--s3);border-radius:8px}
.callout.agora{border-color:var(--ok);background:var(--ok-100)} .callout.nao{border-color:var(--alert);background:var(--alert-100)} .callout.rapido{border-color:var(--warn);background:var(--warn-100)}
.check{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.check input{width:24px;height:24px;margin-top:2px;accent-color:var(--ok)}
.progress{height:12px;background:var(--mist);border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--ok)}
table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--mist)}
.icon{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.muted{color:var(--slate)}
@media print{.btn{display:none}body{font-size:12pt}section{padding:16px 0}}
@media (prefers-color-scheme:dark){}