.demo-shell{padding:70px 0 100px}.demo-intro{max-width:700px;margin-bottom:35px}.demo-intro h1{font-size:clamp(35px,5vw,58px)}.demo-intro>p:last-child,.demo-note{color:var(--muted)}.demo-layout{display:grid;grid-template-columns:220px 1fr;min-height:430px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.demo-sidebar{display:flex;flex-direction:column;gap:6px;padding:25px;background:linear-gradient(160deg,#5b173a,#2b1028);color:#fff}.demo-sidebar strong{font:800 22px 'Manrope';margin-bottom:25px}.demo-sidebar button{border:0;border-radius:7px;padding:11px;text-align:left;background:transparent;color:#f4cad9;font-size:12px}.demo-sidebar button.active,.demo-sidebar button:hover{background:#ffffff2a;color:#fff}.demo-content{padding:30px}.demo-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1px}.demo-content h2{font-size:27px;margin:27px 0 7px}.demo-content p{color:var(--muted);font-size:13px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.demo-metrics article,.demo-list article{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.demo-metrics span,.demo-metrics strong{display:block}.demo-metrics span{color:var(--muted);font-size:11px}.demo-metrics strong{font:800 32px 'Manrope';margin-top:5px;color:var(--accent-2)}.demo-list{display:grid;gap:10px;margin-top:25px}.demo-list article{display:flex;justify-content:space-between;gap:20px;font-size:12px}.demo-list span{color:var(--accent-2)}.demo-note{font-size:11px;margin-top:18px}@media(max-width:700px){.demo-layout{grid-template-columns:1fr}.demo-sidebar{flex-direction:row;flex-wrap:wrap;gap:5px;padding:15px}.demo-sidebar strong{width:100%;margin:0 0 6px}.demo-sidebar button{padding:8px}.demo-content{padding:20px}.demo-metrics{grid-template-columns:1fr}.demo-shell{padding:50px 0}.site-nav{position:static;display:flex!important;margin-left:auto;padding:0;border:0;box-shadow:none;background:none}.site-nav a{font-size:10px}}