.demo-showroom { padding:calc(var(--header,72px) + 28px) 0 80px; font-family:Manrope,system-ui,sans-serif; }
.demo-showroom [hidden] { display:none!important; }
.demo-showroom .demo-inner { max-width:1440px; padding:0 32px; }
.demo-showroom .demo-hero { padding:clamp(28px,5vw,72px); position:relative; isolation:isolate; overflow:hidden; border:1px solid #ffffff36; border-radius:30px; background:radial-gradient(ellipse at 100% 0,#337dc955,transparent 65%),linear-gradient(140deg,#0854b6,#092d66 65%,#0b203f); box-shadow:0 24px 60px -35px #174eae88,inset 0 1px 0 #ffffff44; }
.demo-showroom .demo-hero::after { content:''; width:500px; height:500px; position:absolute; right:-160px; top:-180px; border:1px solid #ffffff12; border-radius:50%; box-shadow:0 0 0 50px #ffffff03,0 0 0 110px #ffffff02; z-index:-1; }
.demo-showroom .demo-hero h1 { font-family:Montserrat,Manrope,sans-serif; font-size:clamp(36px,5.3vw,72px); line-height:1.05; color:#fff; max-width:16ch; letter-spacing:-.055em; }
.demo-showroom .demo-hero h1 span { color:#a0dcff; }
.demo-showroom .demo-hero p { color:#d0def3; font-family:Manrope,sans-serif; line-height:1.75; }
.demo-showroom .demo-hero .showroom-eyebrow { color:#a0dcff; font:600 10px/1.6 'JetBrains Mono',monospace; letter-spacing:.14em; margin:0 0 24px; }
.demo-showroom .demo-actions { margin-top:28px; }
.demo-showroom .demo-btn { min-height:50px; border-radius:14px; font-size:13px; letter-spacing:0; padding:12px 20px; background:#fff; color:#0c438a; border:1px solid #d7e4fa; }
.demo-showroom .demo-btn.ghost { background:#ffffff0b; border-color:#ffffff3b; color:#fff; }
.showroom-toolbar { display:grid; grid-template-columns:1fr minmax(240px,340px); align-items:end; gap:32px; margin-top:72px; }
.showroom-toolbar h2 { font-size:clamp(26px,3vw,38px); line-height:1.18; letter-spacing:-.04em; margin:0; max-width:22ch; }
.showroom-toolbar p { color:#65738a; font-size:14px; line-height:1.7; max-width:55ch; margin:12px 0 0; }
.showroom-search label { display:block; font-size:12px; font-weight:700; margin-bottom:8px; }
.showroom-search input { width:100%; min-width:0; min-height:50px; border:1px solid #d0dceb; border-radius:12px; padding:12px 14px; font-size:16px; background:#fff; }
.showroom-search input::placeholder { font-size:13px; }
.showroom-count { font:600 11px/1.5 'JetBrains Mono',monospace; color:#59708d; margin:30px 0 16px; }
.demo-showroom .demo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:0; }
.demo-showroom .demo-card { padding:28px; border-radius:22px; border-color:#dce4ed; box-shadow:0 16px 34px -30px #172f5980,inset 0 1px 0 #fff; background:linear-gradient(150deg,#fff,#f9fbfe); gap:0; }
.demo-showroom .demo-card img { width:44px; height:44px; margin-bottom:24px; }
.demo-showroom .demo-card h3 { font-size:24px; letter-spacing:-.03em; margin:0 0 8px; }
.demo-showroom .demo-card p { font-size:14px; line-height:1.75; color:#617189; margin:0 0 24px; }
.showroom-card-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:8px 18px; border-top:1px solid #e1e8f0; padding-top:12px; }
.showroom-card-actions a { min-height:44px; display:inline-flex; align-items:center; gap:10px; font-size:12px; color:#0b59ba; font-weight:750; }
.demo-showroom .showroom-card-actions span { color:inherit; }
.demo-showroom .demo-note { border-radius:24px; padding:32px; margin-top:48px; background:linear-gradient(135deg,#102b4e,#0b172b); }
.demo-showroom .demo-note strong { font-size:22px; }
.demo-showroom .demo-note p { font-size:14px; line-height:1.7; color:#b2c4df; max-width:70ch; }
.showroom-empty { padding:32px; background:white; border:1px solid #dce4ed; border-radius:18px; }
.showroom-empty a { display:block; color:#0b59ba; margin-top:12px; }
@media(max-width:1000px) { .demo-showroom .demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) {
 .demo-showroom { padding-top:calc(var(--header,64px) + 12px); }
 .demo-showroom .demo-inner { padding:0 12px; }
 .demo-showroom .demo-hero { padding:28px 22px; border-radius:22px; }
 .demo-showroom .demo-hero h1 { font-size:clamp(34px,10vw,52px); }
 .demo-showroom .demo-hero p { font-size:14px; }
 .demo-showroom .demo-actions { display:grid; }
 .showroom-toolbar { grid-template-columns:1fr; gap:24px; margin:42px 10px 0; }
 .showroom-count { margin-left:10px; }
 .demo-showroom .demo-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
 .demo-showroom .demo-card { padding:24px; }
 .demo-showroom .demo-card img { margin-bottom:18px; }
 .demo-showroom .demo-note { padding:26px; }
}
@media(prefers-reduced-motion:reduce) { .demo-showroom * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media(max-width:860px) {
 .demo-showroom .demo-hero h1 { font-size:clamp(34px,10vw,58px)!important; }
 .demo-showroom .showroom-toolbar h2 { font-size:clamp(26px,8vw,38px)!important; }
 html.abd-app body.abd-has-chrome main.demo-showroom {
  padding-top: calc(56px + env(safe-area-inset-top,0px) + 12px);
  padding-bottom: calc(96px + env(safe-area-inset-bottom,0px));
 }
 .demo-showroom .demo-hero { scroll-margin-top: calc(56px + env(safe-area-inset-top,0px) + 8px); }
 .demo-showroom .demo-card { scroll-margin-bottom: calc(72px + env(safe-area-inset-bottom,0px)); }
 .showroom-search input { font-size:16px; }
}