/* CE Design page. Same base as /print/ and /engineering/ (tokens.css + compute.css). foreman/business.9, 2026-09-29. */
.card{border:1px solid rgba(127,127,127,.3);border-radius:14px;padding:22px;min-width:0}
.card h2,.card h3{margin-top:0}
.tiers{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:860px){.tiers{grid-template-columns:repeat(3,1fr)}}
.tier{display:flex;flex-direction:column}
.tier p:first-of-type{flex:1}
.price{font:600 1.35rem 'Space Grotesk',sans-serif;margin:12px 0 2px}
.when{font:500 .85rem 'JetBrains Mono',monospace;opacity:.7;margin:0}
.every{margin-top:18px}
.every ul{margin:0 0 10px;padding-left:1.2em}
.every li{margin:4px 0}
.steps4{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;counter-reset:s}
@media (min-width:760px){.steps4{grid-template-columns:repeat(4,1fr)}}
.steps4 li{counter-increment:s;border-top:2px solid var(--amber,#e0a030);padding-top:10px}
.steps4 li::before{content:counter(s);font:600 .8rem 'JetBrains Mono',monospace;opacity:.6}
.steps4 b{display:block;margin:4px 0}
.proof{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.proof{grid-template-columns:1fr 1fr}}
.proof figure{margin:0;display:flex;flex-direction:column;gap:12px}
.proof img,.proof video{display:block;width:100%;height:auto;border-radius:8px;background:#fff}
.pair{display:grid;gap:8px;grid-template-columns:1fr 1fr;align-items:center}
.proof figcaption{font-size:.95rem;line-height:1.5}
.two{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.two{grid-template-columns:1fr 1fr}}
.lead select{width:100%;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid rgba(127,127,127,.45);border-radius:8px;background:transparent;color:inherit}
.lead .msg{grid-column:1/-1;margin:0}
table.shop{width:100%;border-collapse:collapse;font-size:.92rem;margin:6px 0 12px}
table.shop th,table.shop td{text-align:left;padding:7px 6px;border-bottom:1px solid rgba(127,127,127,.25);vertical-align:top}
table.shop th{font:500 .75rem 'JetBrains Mono',monospace;text-transform:uppercase;opacity:.7}
@media (max-width:520px){.pair{grid-template-columns:1fr}}