@layer reset, tokens, legacy, primitives, archetypes, utilities, overrides;@layer legacy{}@layer primitives{.ui-pack-why{--pack-why-text:var(--color-powder-300);--pack-why-muted:var(--color-coffee-300);--pack-why-line:var(--color-coffee-400);--pack-why-gold:var(--color-gold-550);--pack-why-tick-size:calc(var(--space-2xs)*3.5);flex:none}.ui-pack-why__button{align-items:center;background:color-mix(in srgb,var(--color-gold-500) 13%,#0000);border:0;border-radius:var(--radius-pill);color:var(--color-gold-500);cursor:pointer;display:inline-flex;font-family:var(--font-heading-minor);font-size:calc(var(--space-2xs)*3.375);font-weight:600;gap:var(--space-xs);letter-spacing:normal;line-height:1.2;margin:0;padding:var(--space-xs) calc(var(--space-2xs)*3.5) var(--space-xs) var(--space-sm);text-transform:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}.ui-pack-why__button:focus-visible{outline:calc(var(--space-2xs)*.5) solid var(--pack-why-gold);outline-offset:calc(var(--space-2xs)*.5)}@media (min-width:768px){.ui-pack-why__button{font-size:calc(var(--space-2xs)*3.75);gap:calc(var(--space-2xs)*2.25);padding:calc(var(--space-2xs)*2.25) calc(var(--space-2xs)*4.25) calc(var(--space-2xs)*2.25) calc(var(--space-2xs)*3.5)}}@media (hover:hover) and (pointer:fine){.ui-pack-why__button:hover{background-color:color-mix(in srgb,var(--color-gold-500) 30%,#0000);color:var(--color-gold-400);transform:translateY(calc(var(--space-2xs)*-.25))}}.ui-pack-why__icon{flex:none;height:calc(var(--space-2xs)*4.5);width:calc(var(--space-2xs)*4.5)}.ui-pack-why__dialog{background:var(--color-coffee-500);border:1px solid var(--pack-why-muted);border-radius:var(--radius-md);box-sizing:border-box;color:var(--pack-why-text);font-family:var(--font-heading-minor);margin:auto;max-height:calc(100dvh - var(--space-xl));max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--space-2xs)*7) var(--space-md) var(--space-md);width:min(100% - var(--space-xl),calc(var(--space-2xs)*120))}.ui-pack-why__dialog::backdrop{background-color:var(--color-overlay-dark);display:block;opacity:.6}.ui-pack-why__close{align-items:center;background:none;border:0;border-radius:var(--radius-pill);color:inherit;cursor:pointer;display:inline-flex;height:calc(var(--space-2xs)*10);inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs);justify-content:center;padding:0;position:absolute;width:calc(var(--space-2xs)*10)}.ui-pack-why__close svg{height:calc(var(--space-2xs)*5);width:calc(var(--space-2xs)*5)}.ui-pack-why__title{font-size:calc(var(--space-2xs)*5);font-weight:700;line-height:1.25;margin:0;padding-right:calc(var(--space-2xs)*7.5)}.ui-pack-why__text{color:var(--pack-why-muted);font-size:calc(var(--space-2xs)*3.625);line-height:1.4}.ui-pack-why__text p{color:inherit;font-size:calc(var(--space-2xs)*3.75);line-height:1.5;margin:calc(var(--space-2xs)*2.5) 0 0}.ui-pack-why__text ul{border-top:1px solid var(--pack-why-line);display:flex;flex-direction:column;gap:calc(var(--space-2xs)*2.5);list-style:none;margin:calc(var(--space-2xs)*3.5) 0 0;padding:calc(var(--space-2xs)*3.5) 0 0}.ui-pack-why__text li{padding-left:calc(var(--space-2xs)*6.5);position:relative}.ui-pack-why__text li:before{border:solid var(--pack-why-gold);border-width:0 calc(var(--space-2xs)*.55) calc(var(--space-2xs)*.55) 0;content:"";height:calc(var(--space-2xs)*3);left:calc(var(--space-2xs)*1.25);position:absolute;top:calc(var(--space-2xs)*.5);transform:rotate(45deg);width:calc(var(--space-2xs)*1.75)}.ui-pack-why__text b,.ui-pack-why__text strong{color:var(--pack-why-text)}.ui-pack-why__rows{border-top:1px solid var(--pack-why-line);margin-top:var(--space-md);padding-top:var(--space-md)}.ui-pack-why__rows-title{font-size:calc(var(--space-2xs)*4.25);font-weight:700;line-height:1.3;margin:0 0 calc(var(--space-2xs)*4)}.ui-pack-why__row{align-items:center;border-top:1px solid var(--pack-why-line);display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.ui-pack-why__molecule{display:flex;flex:none;justify-content:center;width:calc(var(--space-2xs)*21)}.ui-pack-why__molecule svg{display:block;height:auto;width:calc(var(--space-2xs)*19.5)}.ui-pack-why__molecule--tripeptide svg{filter:drop-shadow(0 0 calc(var(--space-2xs)*1.5) color-mix(in srgb,var(--pack-why-gold) 45%,transparent));width:calc(var(--space-2xs)*11.5)}.ui-pack-why__row-text p{margin:0}.ui-pack-why__value{color:var(--pack-why-gold);font-size:calc(var(--space-2xs)*4.125);font-weight:700}.ui-pack-why__name{color:var(--pack-why-text);font-size:calc(var(--space-2xs)*3.625);font-weight:600;margin-top:calc(var(--space-2xs)*.25)}.ui-pack-why .ui-pack-why__line{color:var(--pack-why-muted);font-size:calc(var(--space-2xs)*3.375);line-height:1.4;margin-top:calc(var(--space-2xs)*.75)}.ui-pack-why .ui-pack-why__checks{--pack-checks-color:var(--pack-why-muted);--pack-checks-size:calc(var(--space-2xs)*3.5);--pack-checks-gap:var(--space-xs);--pack-checks-column-gap:var(--space-md);--pack-checks-tick-gap:calc(var(--space-2xs)*3.5);border-top:1px solid var(--pack-why-line);flex-flow:row wrap;font-weight:400;justify-content:flex-start;padding-top:var(--space-sm)}.ui-pack-why .ui-pack-why__checks .ui-pack-checks__tick{border-width:0 calc(var(--space-2xs)*.55) calc(var(--space-2xs)*.55) 0;height:calc(var(--space-2xs)*3);margin:calc(var(--space-2xs)*.5) 0 0 calc(var(--space-2xs)*1.25);width:calc(var(--space-2xs)*1.75)}}