.demo-studio{max-width:1240px;margin:0 auto}.demo-hero{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:center;padding:36px;border:1px solid #cddcf0;border-radius:20px;background:linear-gradient(120deg,#edf3ff,#f4fbff);margin-bottom:14px}.demo-hero h2{font-size:2.2rem;line-height:1.16;letter-spacing:-1.1px;max-width:670px;margin:12px 0 16px}.demo-hero p{font-size:1rem;color:#52647e;margin:0 0 24px}.demo-hero-seal{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.demo-hero-seal>span{display:grid;place-items:center;width:90px;height:90px;border:1px solid #c6d8ee;background:#ffffff9c;box-shadow:0 12px 24px #1431970c;border-radius:25px;font-size:4rem;color:#143197}.demo-hero-seal strong{color:#10245f;font-size:.9rem}.demo-hero-seal small{font-size:.7rem;color:#61708a}.demo-disclosure{font-size:.72rem;line-height:1.6;padding:0 6px;color:#61708a}.demo-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 32px}.demo-readiness>div{padding:18px;border:1px solid #dce4ef;border-radius:12px;background:white}.demo-readiness small{display:block;color:#61708a;font-size:.72rem;margin-bottom:7px}.demo-readiness strong{font-size:.85rem;color:#10245f}.demo-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.demo-section-heading h3{margin:0;font-size:1.15rem}.demo-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-story-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:#fff;border:1px solid #dce4ef;border-radius:16px;min-width:0}.demo-step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf3ff;color:#143197;font-size:1.05rem;font-weight:750;margin-bottom:18px}.demo-story-card>.eyebrow{font-size:.58rem}.demo-story-card h3{font-size:1.3rem;margin:10px 0 12px}.demo-story-card>p{font-size:.87rem;line-height:1.75;color:#61708a;margin:0 0 24px}.demo-card-actions{display:grid;gap:12px;width:100%;margin-top:auto}.demo-card-actions>button{justify-self:start}.demo-verify-result:empty{display:none}.demo-verify-result{padding:12px 14px;border:1px solid #c4ddcf;background:#f1f8f4;border-radius:9px;color:#237c58}.demo-verify-result p{font-size:.75rem;margin:5px 0 0}.demo-boundaries{padding:26px;border:1px solid #dce4ef;border-radius:16px;margin:28px 0 20px;background:#f0f4fa}.demo-boundaries h3{font-size:1rem;margin:0 0 20px}.demo-boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-boundary-grid strong{font-size:.8rem}.demo-boundary-grid p{font-size:.76rem;line-height:1.75;color:#61708a;margin:8px 0 0}.demo-presenter{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px;border:1px solid #dce4ef;border-radius:14px;background:#fff}.demo-presenter strong{font-size:.85rem}.demo-presenter .help{font-size:.73rem;margin:5px 0 0}.demo-presenter button{font-size:.75rem;padding:8px 12px}.demo-presenter .row{flex-wrap:wrap}
/* Keep the office itself close to the first screen during presentations. */
@media(max-width:760px){.demo-hero{grid-template-columns:1fr;padding:24px}.demo-hero h2{font-size:1.8rem}.demo-hero-seal{display:none}.demo-readiness,.demo-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-story-card{padding:20px}.demo-boundary-grid{grid-template-columns:1fr}.demo-section-heading,.demo-presenter{align-items:flex-start;flex-direction:column}.demo-presenter{gap:14px}}
@media(max-width:520px){.demo-story-grid{grid-template-columns:1fr}.demo-readiness{gap:8px}.demo-readiness>div{padding:14px}}