@layer ui.base;@layer ui.components{.ui-badge{border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--badge-fg);font:600 .75rem / 1.5 var(--font-heading);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.ui-badge--green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.ui-badge--coral{background:var(--badge-coral-bg);color:var(--badge-coral-fg)}.ui-badge--neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg)}.ui-standards{padding-block:var(--section-space);background:var(--color-background);color:var(--color-text)}.ui-standards__shell{padding-top:34px;position:relative}.ui-standards__shell:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary) 68%, var(--color-accent));height:5px;position:absolute;inset:0 0 auto}.ui-standards__head{grid-template-columns:minmax(0,1.15fr) auto;align-items:start;gap:28px;display:grid}.ui-standards__eyebrow{color:var(--color-secondary);font:800 .78rem / 1 var(--font-heading);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;display:block}.ui-standards__intro h2{font:800 clamp(2rem, 3.6vw, 3.15rem) / 1.08 var(--font-heading);letter-spacing:-.03em;margin:0 0 16px}.ui-standards__intro p{max-width:70ch;color:var(--color-text-muted);margin:0;font-size:1.1rem;line-height:1.6}.ui-standards__seal{aspect-ratio:1;background:conic-gradient(from 180deg, var(--color-primary), var(--color-secondary), var(--color-accent), var(--color-primary));width:182px;box-shadow:var(--shadow-md);border-radius:50%;place-items:center;padding:18px;display:grid}.ui-standards__seal-inner{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.ui-standards__seal strong{color:var(--color-primary);font:800 3rem / .92 var(--font-heading);letter-spacing:-.03em}.ui-standards__seal span{max-width:9ch;color:var(--color-text-muted);font:800 .82rem / 1.15 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;display:block}.ui-standards__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:30px 0 0;padding:0;list-style:none;display:grid}.ui-standards__item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);align-content:start;gap:12px;padding:22px 18px 20px;display:grid}.ui-standards__index{border-radius:var(--radius-pill);background:var(--color-sky);color:var(--color-primary);font:800 .77rem / 1 var(--font-heading);letter-spacing:.08em;justify-self:start;padding:7px 10px}.ui-standards__item:nth-child(2) .ui-standards__index{background:var(--color-secondary-soft);color:var(--color-secondary)}.ui-standards__item:nth-child(3) .ui-standards__index{background:var(--color-surface-soft);color:var(--color-primary)}.ui-standards__item:nth-child(4) .ui-standards__index{background:var(--color-accent-soft);color:var(--color-accent-text)}.ui-standards__item:nth-child(5) .ui-standards__index{background:var(--color-success-soft);color:var(--color-success)}.ui-standards__item h3{font:800 1.15rem / 1.2 var(--font-heading);letter-spacing:-.03em;margin:0}.ui-standards__item p{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.52}.ui-standards__cta{justify-content:center;margin-top:28px;display:flex}.ui-standards__recycling{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-secondary-soft);grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:18px 20px;margin-top:24px;padding:22px;display:grid}.ui-standards__recycling-icon{border-radius:var(--radius-md);background:var(--color-surface);width:64px;height:64px;color:var(--color-secondary);place-items:center;display:grid}.ui-standards__recycling-icon .ui-icon{width:30px;height:30px;display:block}.ui-standards__recycling-copy h3{font:800 1.15rem / 1.2 var(--font-heading);margin:0 0 8px}.ui-standards__recycling-copy p{max-width:72ch;color:var(--color-text-muted);margin:0;line-height:1.6}.ui-standards__recycling-badge{border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font:800 .78rem / 1.1 var(--font-heading);white-space:nowrap;padding:8px 12px}@media (width<=1100px){.ui-standards__head{grid-template-columns:1fr}.ui-standards__seal{width:150px}.ui-standards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.ui-standards__intro p{font-size:1rem}.ui-standards__grid{grid-template-columns:1fr}.ui-standards__recycling{grid-template-columns:64px minmax(0,1fr)}.ui-standards__recycling-badge{white-space:normal;grid-column:2;justify-self:start}}}@layer ui.utilities;