/* Compact four-step campaign demonstration from R16. */
.campaign .wrap{width:min(1200px,calc(100% - 48px))}.campaign .hero{padding:72px 0 66px}.campaign .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.campaign h1{font-size:clamp(44px,6vw,80px)}.campaign .lead{font-size:19px;color:var(--muted);max-width:600px}.campaign .actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 15px}.campaign .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 20px;border:1px solid var(--control-border);border-radius:8px;font-size:14px}.campaign .btn-primary{border-color:var(--accent)}.campaign .hero-note{font-size:12px;color:var(--muted)}.campaign .eyebrow{font-size:11px;letter-spacing:.12em}.campaign .campaign-live{color:var(--color-muted-dark)}
.flow-board{background:var(--color-forest);color:var(--color-paper);padding:28px;border-radius:14px;position:relative}.flow-board .eyebrow{color:#C8D2C4}.board-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #526153}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-lime);margin-right:6px}.order-ticket{margin:24px 0;background:var(--color-paper);color:var(--color-forest);padding:24px;border-radius:7px;position:relative;animation:arrive .55s ease both}.ticket-head{display:flex;justify-content:space-between;align-items:center}.ticket-head strong{font:800 38px var(--font-display)}.ticket-lines{border-block:1px dashed #A9B8A8;margin:14px 0;padding:14px 0}.ticket-lines b{display:block}.ticket-foot{display:flex;justify-content:space-between;align-items:center;font:500 12px var(--font-mono)}.board-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:16px}.board-progress button{border:0;border-top:3px solid #526153;background:none;color:#C8D2C4;padding:12px 0 0;text-align:left;font-size:11px;min-height:44px}.board-progress button[aria-pressed=true]{border-color:var(--color-lime);color:var(--color-paper)}.board-message{min-height:52px;font-size:14px;color:#C8D2C4}.board-controls{display:flex;justify-content:space-between;align-items:center}.board-controls button{background:var(--color-paper);color:var(--color-forest);border:0}.rail{border-block:1px solid var(--border)}.rail .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.rail-item{padding:22px 25px;border-right:1px solid var(--border);font-size:13px}.rail-item:first-child{padding-left:0}.rail-item:last-child{border:0}.rail b{display:block;font-size:15px}
.campaign .order-ticket{animation:none}.campaign .ticket-head .tag{font-size:11px;padding:5px 9px;background:var(--surface-2);border-radius:4px}.campaign .ticket-lines small{display:block}.campaign .board-controls{gap:12px}.campaign .board-progress button:focus-visible{outline-color:var(--color-lime)}.campaign .section{padding:84px 0}.campaign .section h2{font-size:clamp(32px,4vw,52px)}
@media(max-width:1000px){.campaign .hero-grid{gap:30px}}
@media(max-width:760px){.campaign .wrap{width:calc(100% - 36px)}.campaign .hero{padding:40px 0}.campaign .hero-grid{grid-template-columns:1fr;gap:35px}.campaign .flow-board{padding:22px}.campaign .rail .wrap{grid-template-columns:1fr}.campaign .rail-item,.campaign .rail-item:first-child{padding:15px 0;border-right:0;border-bottom:1px solid var(--border)}.campaign .section{padding:52px 0}.campaign .board-controls{flex-wrap:wrap}.campaign .ticket-foot{gap:12px}}

.campaign .rail{display:block;gap:0}.campaign .rail>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.campaign .rail>.wrap{grid-template-columns:1fr}}