/* Consumer redesign preview (staging) — extends wd-edition.css */
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-10);align-items:center;padding-block:var(--space-10)}
.hero h1{font-size:var(--text-hero);line-height:1.12;letter-spacing:-.02em;color:var(--navy)}
.hero .lead{font-size:var(--text-lg);line-height:1.45;margin-top:var(--space-5);max-width:640px}
.hero figure img{border:1px solid var(--line)}
.hero figcaption{font:400 var(--text-xs)/1.5 var(--sans);color:var(--muted);margin-top:var(--space-2)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-6)}
.button.big{font-size:var(--text-base);padding:var(--space-4) var(--space-6);min-height:54px}
.button.red{background:var(--red);border-color:var(--red)}
.fine{font:400 var(--text-sm)/1.5 var(--sans);color:var(--muted);margin-top:var(--space-3)}
.band{padding:var(--space-10) 0;border-top:1px solid var(--line)}
.band h2{font-size:var(--text-xl);line-height:1.2;color:var(--navy);margin-bottom:var(--space-4)}
.band .intro-copy{max-width:760px}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start}
.bignum{font:700 clamp(3rem,2.4rem + 3vw,4.6rem)/1 var(--serif);color:var(--red)}
.bignum-label{font:600 var(--text-sm)/1.4 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--navy);margin-top:var(--space-2)}
.desks{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-5) 0 0}
.desks li{font:500 var(--text-xs)/1.3 var(--sans);border:1px solid var(--line);background:var(--surface);padding:var(--space-2) var(--space-3)}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);list-style:none;padding:0;margin:var(--space-6) 0 0;counter-reset:s}
.steps4 li{border-top:3px solid var(--navy);padding-top:var(--space-4);counter-increment:s}
.steps4 li::before{content:"0" counter(s);display:block;font:700 var(--text-xs)/1 var(--sans);color:var(--red);letter-spacing:.1em;margin-bottom:var(--space-2)}
.steps4 h3{font:700 var(--text-base)/1.35 var(--sans);margin-bottom:var(--space-2)}
.steps4 p{font:400 var(--text-sm)/1.55 var(--sans);color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-6)}
.plan{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--navy);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.plan.best{border-top-color:var(--red);box-shadow:0 6px 24px rgba(19,41,75,.08)}
.plan .tag{font:700 var(--text-xs)/1 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--red)}
.plan h3{font-size:var(--text-lg);color:var(--navy)}
.plan .price{font:700 var(--text-xl)/1 var(--serif)}
.plan .price small{font:400 var(--text-sm) var(--sans);color:var(--muted)}
.plan ul{margin:0;padding-left:1.1rem;font:400 var(--text-sm)/1.6 var(--sans)}
.plan .button{margin-top:auto}
.editor-band{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:start;background:var(--soft);padding:var(--space-8);border-top:3px solid var(--navy);margin-block:var(--space-10)}
.editor-band svg{width:64px;height:64px;color:var(--gold)}
.editor-band blockquote{margin:0;font-size:var(--text-lg);line-height:1.45}
.editor-band p.who{font:600 var(--text-sm)/1.5 var(--sans);margin-top:var(--space-3)}
.faq details{border-bottom:1px solid var(--line);padding:var(--space-4) 0}
.faq summary{cursor:pointer;font:600 var(--text-base)/1.45 var(--sans);list-style:none;display:flex;justify-content:space-between;gap:var(--space-4)}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin-top:var(--space-3);max-width:760px}
.form-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);padding:var(--space-8)}
.form-card h2{font-size:var(--text-lg);color:var(--navy);margin-bottom:var(--space-3)}
.form-card label{display:block;font:600 var(--text-sm)/1.4 var(--sans);margin:var(--space-4) 0 var(--space-2)}
.form-card input{width:100%;font:400 var(--text-base) var(--sans);padding:var(--space-3) var(--space-4);border:1px solid var(--line);background:#fff;min-height:52px}
.form-card .button{width:100%;margin-top:var(--space-4)}
.proto{font:400 var(--text-xs)/1.5 var(--sans);background:#fff6d6;color:#17181c;border:1px solid #e3cf86;padding:var(--space-3);margin-top:var(--space-4)}
.staging-strip{font:600 var(--text-xs)/1.4 var(--sans);background:#13294b;color:#fff;text-align:center;padding:var(--space-2)}
.check{list-style:none;padding:0;margin:var(--space-4) 0 0}
.check li{padding-left:1.6rem;position:relative;margin-bottom:var(--space-3)}
.check li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:700}
.comm-cross{font:400 var(--text-sm)/1.5 var(--sans);text-align:center;padding:var(--space-3);border-top:1px solid var(--line)}
@media(max-width:860px){.hero,.more-grid,.editor-band{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.steps4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps4{grid-template-columns:1fr}}