.demo-page{color:#566981;background:#edf2f8;min-height:100vh}.demo-header{background:#0d1d33;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.demo-brand,.demo-back{color:#fff;align-items:center;text-decoration:none;display:flex}.demo-brand{gap:12px}.demo-brand img{object-fit:contain;width:44px;height:44px}.demo-brand span{text-align:left;flex-direction:column;display:flex}.demo-brand strong{letter-spacing:.35px;font-size:16px;font-weight:800;line-height:1}.demo-brand small{color:#7fb4ed;letter-spacing:1.65px;margin-top:6px;font-size:8px;font-weight:500;line-height:1}.demo-back{color:#c8d6e9;gap:7px;font-size:12px;font-weight:650}.demo-hero{text-align:center;background:radial-gradient(circle at 50% 0,#2563eb26,#0000 52%);padding:80px 24px 56px}.demo-hero>span,.demo-copy>span{color:#2563eb;letter-spacing:1px;font-size:10.5px;font-weight:850}.demo-hero h1{color:#16233a;text-wrap:balance;max-width:800px;margin:14px auto 0;font-size:42px;line-height:1.13}.demo-hero p{max-width:620px;margin:18px auto 0;font-size:14.5px;line-height:1.7}.demo-hero>div{justify-content:center;gap:12px;margin-top:28px;display:flex}.demo-primary,.demo-secondary{border-radius:9px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.demo-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 14px 28px #2563eb40}.demo-secondary{color:#16233a;background:#fff;border:1px solid #d5e0ed}.demo-nav{grid-template-columns:repeat(5,1fr);gap:8px;max-width:1100px;margin:0 auto;padding:0 24px 56px;display:grid}.demo-nav a{color:#5b6f88;background:#fff;border:1px solid #dbe5f0;border-radius:10px;padding:13px;font-size:10.5px;line-height:1.4;text-decoration:none}.demo-nav span{color:#2563eb;margin-right:5px;font-weight:800}.demo-scenes{background:#fff}.demo-scenes article{border-bottom:1px solid #e1e9f2;grid-template-columns:.75fr 1.25fr;align-items:center;gap:64px;max-width:1120px;margin:0 auto;padding:88px 24px;scroll-margin-top:18px;display:grid}.demo-scenes article:nth-child(2n) .demo-copy{order:2}.demo-copy h2{color:#16233a;margin:9px 0 0;font-size:28px}.demo-copy p{margin:13px 0 0;font-size:14px;line-height:1.7}.demo-copy ul{flex-direction:column;gap:9px;margin:19px 0 0;padding:0;list-style:none;display:flex}.demo-copy li{color:#344960;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.demo-copy li svg{color:#16a34a}.demo-shot{background:#fff;border:1px solid #b8c8dc;border-radius:15px;overflow:hidden;box-shadow:0 26px 54px -18px #162d5259}.demo-shot>div{background:#f1f5fa;border-bottom:1px solid #dde6f0;align-items:center;gap:5px;height:25px;padding:0 11px;display:flex}.demo-shot i{background:#ccd8e5;border-radius:50%;width:7px;height:7px}.demo-shot img{width:100%;height:auto;display:block}.demo-scenes article.mobile .demo-shot{justify-self:center;max-width:330px}.demo-roles{grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto;padding:80px 24px;display:grid}.demo-roles article{text-align:center;background:#fff;border:1px solid #dbe5f0;border-radius:13px;padding:24px}.demo-roles svg{color:#2563eb}.demo-roles h3{color:#16233a;margin:11px 0 0;font-size:14px}.demo-roles p{margin:7px 0 0;font-size:12px;line-height:1.55}.demo-cta{text-align:center;background:#0d1d33;padding:70px 24px}.demo-cta h2{color:#fff;margin:0;font-size:28px}.demo-cta p{color:#9fb2cd;margin:9px 0 22px;font-size:13px}@media (max-width:800px){.demo-hero h1{font-size:32px}.demo-nav{grid-template-columns:1fr 1fr}.demo-scenes article{grid-template-columns:1fr;gap:28px;padding:58px 24px}.demo-scenes article:nth-child(2n) .demo-copy{order:0}.demo-roles{grid-template-columns:1fr}.demo-scenes article.mobile .demo-shot{max-width:280px}}@media (max-width:520px){.demo-hero{padding-top:55px}.demo-hero h1{font-size:28px}.demo-hero>div{flex-direction:column}.demo-nav{grid-template-columns:1fr}.demo-copy h2{font-size:24px}}