.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 24px;background:#13364b;border-bottom:1px solid #2b677b;color:#d5f2f5;font-size:.82rem}.demo-banner strong{color:#78e1c4;letter-spacing:.06em}.demo-banner a{color:#fff;white-space:nowrap;text-underline-offset:4px}.demo-entry{max-width:1280px;margin:35px auto 60px}.demo-intro{max-width:860px;padding:26px 0 40px}.demo-intro h1{font-size:clamp(2.2rem,4vw,4.1rem);letter-spacing:-.05em;line-height:1.1;margin:20px 0}.demo-intro h1 span{color:#69d9c0}.demo-lead{font-size:1.15rem;color:#a9bed3;line-height:1.7;max-width:750px}.demo-metrics{display:flex;gap:36px;margin-top:30px;flex-wrap:wrap;color:#9db2c7}.demo-metrics strong{color:#fff;font-size:1.5rem;margin-right:6px}.demo-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.demo-persona{padding:30px;border:1px solid #304861;border-radius:18px;background:linear-gradient(135deg,#182a40,#101e30);display:flex;flex-direction:column;align-items:flex-start}.demo-persona-main{border-color:#338ab3;background:linear-gradient(135deg,#193c54,#11283c)}.demo-persona h2{font-size:1.5rem;margin:20px 0 15px}.demo-persona p{color:#a9bed3;line-height:1.65;min-height:80px}.demo-number{font-size:.7rem;letter-spacing:.12em;color:#69d9c0;font-weight:700}.demo-persona ul{padding-left:18px;color:#c7d6e6;font-size:.9rem;line-height:1.8;margin-bottom:28px}.demo-persona form{margin-top:auto;width:100%}.demo-persona button{width:100%;padding:12px;display:flex;justify-content:space-between;align-items:center}.demo-note{margin-top:25px;padding:20px 24px;border-radius:12px;background:#102933;color:#a9c5ce;line-height:1.7;font-size:.9rem}.demo-note strong{color:#d5f2f5}.demo-route{margin-top:32px;color:#97aec5;font-size:.9rem}.demo-route>span{color:#6ccfbd;font-weight:700}.demo-route p{margin:8px 0}.demo-route a{color:#b5d6f4}.demo-locked{max-width:700px;margin:60px auto;padding:30px;border:1px solid #345069;border-radius:18px}@media(max-width:900px){.demo-personas{grid-template-columns:1fr}.demo-persona p{min-height:0}.demo-banner{flex-wrap:wrap;padding:10px 16px}.demo-entry{margin:10px 0 30px}.demo-intro{padding-top:15px}}@media(prefers-reduced-motion:reduce){.demo-entry *{animation:none!important;transition:none!important}}
.demo-persona .btn-outline-primary{color:#bce5ff;border-color:#6eb7e4}.demo-persona .btn-outline-primary:hover,.demo-persona .btn-outline-primary:focus-visible{color:#fff;background:#165b87;border-color:#9ad3f5}