/* The demo surface: the suite blocks on the home page, /demo/, /suite/ and the
   product pages. Loaded only by those pages; copied to public/ by
   scripts/demo-surface.mjs --write. Uses the site's own tokens. */
.ds-sample{font-size:13px;line-height:1.5;color:var(--limestone-faint);margin-top:1.2rem;max-width:62ch}
.hx-band--lime .ds-sample{color:#5E6167}
.ds-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;margin-top:1.8rem}
.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:1rem;margin-top:2rem}
.ds-card{display:flex;flex-direction:column;gap:.6rem;background:var(--slate-raised);color:var(--limestone);padding:1.4rem 1.4rem 1.2rem;text-decoration:none;border-top:2px solid transparent;transition:border-color .18s var(--ease)}
.hx-band--lime .ds-card{background:#DFDBD2;color:var(--slate-black)}
a.ds-card:hover,a.ds-card:focus-visible{border-top-color:var(--bronze-lit)}
.ds-card b{font-family:var(--font-display);font-size:1.25rem;line-height:1.2;font-weight:400}
.ds-card p{margin:0;font-size:15px;line-height:1.5;color:var(--limestone-dim)}
.hx-band--lime .ds-card p{color:#4A4D53}
.ds-card i{font-style:normal;font-family:var(--font-numeric);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--limestone-faint)}
.hx-band--lime .ds-card i{color:#5E6167}
.ds-card .hx-go{margin-top:auto;align-self:flex-start}
.ds-statement{font-family:var(--font-display);font-size:clamp(1.3rem,1.05rem + 1vw,1.85rem);line-height:1.3;max-width:40ch;margin:0}
.ds-line{margin-top:1rem;color:var(--limestone-dim);max-width:60ch}
.hx-band--lime .ds-line{color:#4A4D53}
.ds-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.9rem;max-width:72ch}
.ds-list li{padding-top:.9rem;border-top:1px solid var(--border-hairline,rgba(255,255,255,.12))}
.ds-list b{display:block}
.ds-list span{display:block;margin-top:.25rem;color:var(--limestone-dim);line-height:1.55}
.ds-price{font-size:14.5px}
.ds-price a{color:inherit}
.ds-links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:1.4rem}
.ds-mailto{word-break:break-word}
.ds-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr))}
@media (min-width:600px) and (max-width:959px){.ds-grid--4{grid-template-columns:repeat(2,1fr)}}