.demo-body{background:var(--soft)}.demo-nav{height:76px;display:flex;align-items:center;gap:18px;padding:0 6vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.demo-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-left:auto}.demo-shell{max-width:1050px;margin:auto;padding:75px 6vw 100px}.demo-intro{display:grid;grid-template-columns:1fr 190px;gap:50px;align-items:end;margin-bottom:45px}.demo-intro h1{font-size:clamp(2.8rem,6vw,5.5rem)}.demo-badge{border:1px solid #9bcfc8;border-radius:22px;padding:24px;background:#fff;color:var(--green);font-size:.65rem;letter-spacing:.12em}.demo-badge strong{display:block;color:var(--ink);font-size:1rem;margin-top:7px}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:22px}.pstep{height:52px;border-top:2px solid #d8cec4;padding-top:8px;color:#a59b91}.pstep.done{border-color:var(--green);color:var(--green)}.pstep span{font-weight:800;margin-right:6px}.pstep small{font-size:.7rem}.stage{background:#fff;border:1px solid var(--line);border-radius:30px;padding:45px;min-height:440px;box-shadow:0 18px 60px rgba(70,46,28,.07)}.stage-head{margin-bottom:35px}.stage-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--green);margin-bottom:12px}.stage-head h2{font-size:clamp(2rem,4vw,3.5rem);max-width:800px}.live-card{display:flex;gap:25px;align-items:center;border:1px solid var(--line);background:var(--cream);border-radius:25px;padding:28px}.live-icon{width:65px;height:65px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:30px;flex:none}.data-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.data-pills span{background:var(--soft);border:1px solid var(--line);padding:8px 13px;border-radius:999px;font-size:.78rem;font-weight:700}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.context-grid>div{border:1px solid var(--line);border-radius:18px;padding:20px}.context-grid span,.need-card span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:8px}.context-grid strong{font-family:"Space Grotesk"}.confidence{margin-top:15px;background:#fff6ed;border-left:3px solid var(--green);padding:18px}.confidence b{display:block}.confidence span{font-size:.9rem;color:var(--muted)}.match-layout{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:20px}.need-card,.match-card{border:1px solid var(--line);border-radius:22px;padding:25px}.match-card{background:#fff7ef;border-color:#9bcfc8}.match-card>span{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.match-card b{color:var(--green);font-size:.8rem}.match-arrow{text-align:center;font-size:35px;color:var(--green)}.action-card{border:1px solid #9bcfc8;background:#fff7ef;border-radius:25px;padding:30px;display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center}.action-number{color:var(--green);font:700 1.2rem "Space Grotesk"}.action-status{border-radius:999px;background:#fff;color:var(--green);border:1px solid #9bcfc8;padding:10px 13px;font-size:.75rem;font-weight:800}.result-card{text-align:center;padding:25px}.result-icon{width:76px;height:76px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:38px;margin:0 auto 18px}.result-card h2{max-width:700px;margin:10px auto 15px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:30px}.result-stats>div{background:#fff;padding:22px}.result-stats strong{display:block;font:700 2rem "Space Grotesk"}.result-stats span{font-size:.75rem;color:var(--muted)}.demo-controls{display:flex;justify-content:space-between;margin-top:22px}.demo-footer{padding:28px;text-align:center;border-top:1px solid var(--line);background:#fff}.demo-footer a{color:var(--green);font-weight:700;text-decoration:none;font-size:.85rem}@media(max-width:650px){.demo-intro{grid-template-columns:1fr}.stage{padding:28px 20px}.progress{grid-template-columns:repeat(5,1fr)}.pstep small{display:none}.context-grid,.match-layout{grid-template-columns:1fr}.match-arrow{transform:rotate(90deg)}.action-card{grid-template-columns:1fr}.result-stats{grid-template-columns:1fr}.demo-label{display:none}}