.demo-shell{background:#0d120d;border:1px solid #a7e8622e;border-radius:28px;max-width:1180px;margin:0 auto;padding:clamp(22px,4vw,42px);box-shadow:0 30px 80px #00000038}.demo-topline,.demo-product-meta,.demo-controls{align-items:center;display:flex}.demo-topline{justify-content:space-between;gap:20px;margin-bottom:18px}.demo-topline>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.demo-kicker,.demo-panel-label,.demo-handoff>span,.demo-product-meta,.demo-count{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.demo-kicker,.demo-panel-label,.demo-handoff>span,.demo-count,.demo-product-meta{color:#9eaa97}.demo-topline strong,.demo-product-name{color:#f1f5ed}.demo-progress{grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:28px;display:grid}.demo-progress button{cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;height:5px;padding:0;position:relative;overflow:hidden}.demo-progress button span,.demo-progress button.complete:after{content:"";border-radius:inherit;background:#a7e862;position:absolute;inset:0 auto 0 0}.demo-progress button.complete:after{width:100%}.demo-stage{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(20px,4vw,42px);min-height:390px;display:grid}.demo-product-panel,.demo-evidence-panel{border-radius:22px}.demo-product-panel{background:radial-gradient(circle at 85% 15%,#a7e8621f,#0000 32%),linear-gradient(145deg,#121b12,#0d130d);border:1px solid #ffffff12;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,44px);display:flex}.demo-product-meta{gap:12px;margin-bottom:28px}.demo-product-name{letter-spacing:.04em;margin:0 0 10px;font-size:.9rem}.demo-product-panel h2{color:#f7faf4;letter-spacing:-.05em;max-width:720px;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.98}.demo-copy{color:#b9c4b3;max-width:680px;margin:24px 0 0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.65}.demo-evidence-panel{color:#152015;background:#f3f6ef;padding:clamp(24px,3vw,34px)}.demo-evidence-panel ul{margin:22px 0 28px;padding:0;list-style:none}.demo-evidence-panel li{border-bottom:1px solid #1520151a;padding:14px 0 14px 24px;line-height:1.45;position:relative}.demo-evidence-panel li:before{content:"";background:#5a8f23;border-radius:50%;width:8px;height:8px;position:absolute;top:21px;left:0}.demo-handoff{color:#eef4e9;background:#172117;border-radius:16px;margin-top:auto;padding:18px}.demo-handoff>span{color:#a7e862}.demo-handoff p{margin:8px 0 0;line-height:1.55}.demo-controls{flex-wrap:wrap;gap:10px;margin-top:24px}.demo-control,.demo-play,.demo-restart{min-height:44px;font:inherit;cursor:pointer;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.demo-control,.demo-restart{color:#dce6d6;background:0 0}.demo-play{color:#14200f;background:#a7e862;border-color:#a7e862;font-weight:700}.demo-control svg,.demo-play svg,.demo-restart svg{width:16px;height:16px}.demo-restart{margin-left:auto}.demo-disclaimer{color:#899484;margin:22px 0 0;font-size:.84rem;line-height:1.55}.demo-context-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.demo-context-card{background:#ffffff80;border:1px solid #141e141f;border-radius:18px;padding:22px}.demo-context-card h3{margin:0 0 8px}.demo-context-card p{margin:0;line-height:1.6}@media (width<=840px){.demo-stage,.demo-context-grid{grid-template-columns:1fr}.demo-stage{min-height:0}.demo-restart{margin-left:0}}@media (prefers-reduced-motion:reduce){.demo-progress button span{transition:none}}