@layer components{.catalog-demo__intro{padding-block:clamp(2.5rem,6vw,5rem)}.catalog-demo__intro h1{letter-spacing:-.045em;max-width:55rem;margin-top:1rem;font-size:clamp(2.125rem,5vw,4.25rem);line-height:1.1}.catalog-demo__intro h1 span{color:var(--color-brand)}.catalog-demo__lead{max-width:47rem;color:var(--color-muted);margin-top:1.5rem;font-size:1rem;line-height:1.85}.catalog-demo__steps{flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;padding:0;font-size:.875rem;list-style:none;display:flex}.catalog-demo__steps li{align-items:center;gap:.75rem;display:flex}.catalog-demo__steps li>.icon{width:1.25rem;height:1.25rem;color:var(--color-brand)}.catalog-demo__builder{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:2rem;padding-block:2rem 4rem;display:grid}.catalog-demo__heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.catalog-demo__heading h2{margin-top:.75rem;font-size:clamp(1.375rem,2.5vw,2rem)}.catalog-demo__select-all{min-height:2.75rem;color:var(--color-brand);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:.5rem;font-size:.8125rem;text-decoration:underline}.catalog-demo__hint{color:var(--color-muted);margin-block:1rem 1.5rem;font-size:.875rem;line-height:1.75}.catalog-demo__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.catalog-demo__card{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;border-radius:1rem;flex-direction:column;gap:.875rem;min-width:0;padding:1.25rem;display:flex}.catalog-demo__card:has(input:checked){border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.catalog-demo__card:has(input:focus-visible){outline:2px solid var(--color-brand);outline-offset:3px}.catalog-demo__choice{color:var(--color-muted);align-items:center;gap:.625rem;font-size:.8125rem;display:flex}.catalog-demo__choice input{width:1.125rem;height:1.125rem;accent-color:var(--color-brand);flex-shrink:0}.catalog-demo__visual{width:100%;height:9rem;display:block}.catalog-demo__card-title{align-items:start;gap:.625rem;font-size:1.0625rem;font-weight:600;line-height:1.5;display:flex}.catalog-demo__card-title>.icon{width:1.25rem;height:1.25rem;color:var(--color-brand);flex:0 0 1.25rem;margin-top:.125rem}.catalog-demo__card-description{color:var(--color-muted);font-size:.8125rem;line-height:1.75}.catalog-demo__card-benefits{border-top:1px solid var(--color-line);color:var(--color-muted);gap:.5rem;margin-top:auto;padding-top:.875rem;font-size:.75rem;line-height:1.5;display:grid}.catalog-demo__card-benefits>span{align-items:start;gap:.5rem;display:flex}.catalog-demo__card-benefits .icon{width:1rem;height:1rem;color:var(--color-brand);flex:0 0 1rem}.catalog-demo__summary{top:calc(var(--site-header-height) + 1.5rem);border:1px solid var(--color-line);background:var(--color-surface);border-radius:1rem;padding:1.5rem;position:sticky}.catalog-demo__summary>.icon{width:2rem;height:2rem;margin-bottom:1.25rem}.catalog-demo__summary h2{margin-top:.875rem;font-size:1.5rem;line-height:1.3}#catalog-count{color:var(--color-brand);margin-top:1rem;font-size:.875rem}.catalog-demo__selected-list{min-height:2rem;color:var(--color-muted);gap:.5rem;margin-block:1rem 1.5rem;padding-left:1.125rem;font-size:.8125rem;line-height:1.6;display:grid}.catalog-demo__summary .button{width:100%;font-size:.8125rem}.catalog-demo__features{border-top:1px solid var(--color-line);color:var(--color-muted);gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.75rem;line-height:1.6;list-style:none;display:grid}.catalog-demo__features li{align-items:start;gap:.625rem;display:flex}.catalog-demo__features .icon{width:1.125rem;height:1.125rem;color:var(--color-brand);flex:0 0 1.125rem}.catalog-demo__message,[data-catalog-message]{color:var(--color-muted);margin-top:1rem;font-size:.75rem;line-height:1.75}.catalog-demo__message:empty,.catalog-demo__mobile-action{display:none}.catalog-demo__explanation{border-top:1px solid var(--color-line);padding-block:2rem 3rem}.catalog-demo__explanation h2{font-size:1.5rem}.catalog-demo__explanation p{max-width:48rem;color:var(--color-muted);margin-block:1rem 1.5rem;line-height:1.8}@media (width<=1199px){.catalog-demo__builder{grid-template-columns:minmax(0,1fr) 18rem;gap:1.25rem}}@media (width<=899px){.catalog-demo__builder{grid-template-columns:minmax(0,1fr)}.catalog-demo__summary{grid-row:1;position:static}.catalog-demo__selected-list,.catalog-demo__summary>.icon{display:none}.catalog-demo__summary h2{margin-top:.5rem;font-size:1.25rem}.catalog-demo__summary .button{margin-top:1rem}.catalog-demo__features{display:none}.catalog-demo__mobile-action{border:1px solid var(--color-line);background:var(--color-surface);border-radius:1rem;padding:1.25rem;display:block}[data-catalog-count]{color:var(--color-brand);margin-bottom:1rem;font-size:.875rem}.catalog-demo__mobile-action .button{width:100%}}@media (width<=479px){.catalog-demo__cards{grid-template-columns:minmax(0,1fr)}.catalog-demo__card{padding:1rem}.catalog-demo__visual{height:8rem}}}