@layer components{.pr-hero{padding-bottom:clamp(9rem,7rem + 6vw,12rem)}.pr-cards{margin-top:clamp(-11rem,-6rem - 6vw,-8rem);position:relative;z-index:1}.pr-toggle{display:inline-flex;padding:.3rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 60%,transparent)}.pr-toggle button{border-radius:999px;padding:.5rem 1.05rem;font-weight:650;font-size:.95rem;color:var(--muted);transition:background-color .14s ease,color .14s ease}.pr-toggle button[aria-checked=true]{background:var(--fg);color:var(--night)}.pr-toggle .pr-save{margin-left:.4rem;padding:.1rem .45rem;border-radius:999px;background:color-mix(in oklab,var(--accent-2-bright) 22%,transparent);color:var(--fg);font-size:.78rem}.pr-proof{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.95rem}.pr-proof svg{color:var(--signal)}.pr-card{position:relative;display:flex;flex-direction:column;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgb(7 26 32/.45)}.pr-card-hot{border:2px solid var(--accent-2-bright);box-shadow:var(--shadow-lift),0 0 0 6px color-mix(in oklab,var(--accent-2-bright) 12%,transparent)}.pr-badge{position:absolute;top:-.85rem;left:50%;transform:translateX(-50%);white-space:nowrap;padding:.3rem .8rem;border-radius:999px;background:var(--accent-2-bright);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.01em}.pr-price{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(2.8rem,2.3rem + 1.4vw,3.6rem)}.pr-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:clip;border-radius:12px;border:1px solid var(--line);background:var(--line)}.pr-limits>div{background:color-mix(in oklab,var(--sunk) 55%,var(--surface));padding:.65rem .8rem}.pr-limits dt{font-size:.78rem;color:var(--muted)}.pr-limits dd{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.pr-card-only{border:2px solid color-mix(in oklab,var(--accent-2) 55%,var(--line))}.pr-only{border-radius:14px;padding:.95rem 1rem 1.05rem;border:1.5px solid color-mix(in oklab,var(--accent-2) 45%,transparent);background:color-mix(in oklab,var(--accent-2) 8%,var(--surface))}.pr-only-title{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pr-group-only>th,.pr-only-icon,.pr-only-title{color:var(--accent-2)}.pr-group-only>th{background:color-mix(in oklab,var(--accent-2) 10%,var(--surface))}.pr-row-only>th{font-weight:650}.pr-row-only>td.pr-cell-only{background:color-mix(in oklab,var(--accent-2) 6%,transparent)}.pr-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.45rem .9rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-size:.95rem;font-weight:600;color:var(--fg);transition:border-color .14s ease,background-color .14s ease}.pr-chip:hover{border-color:color-mix(in oklab,var(--fg) 40%,transparent)}.pr-chip[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--surface))}.pr-chip .pr-chip-tick{display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:999px;border:1.5px solid var(--line)}.pr-chip[aria-pressed=true] .pr-chip-tick{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.pr-stepper{display:inline-flex;align-items:center;border-radius:999px;border:1.5px solid var(--line);background:var(--surface)}.pr-stepper button{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;color:var(--fg)}.pr-stepper button:disabled{color:color-mix(in oklab,var(--muted) 50%,transparent)}.pr-stepper output{min-width:2.6rem;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.pr-meter{height:.7rem;border-radius:999px;background:color-mix(in oklab,var(--night-line) 70%,transparent);overflow:clip}.pr-meter>span{display:block;height:100%;border-radius:999px;background:var(--grad-signal);width:var(--fill,62%)}.pr-meter-open>span{background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--signal) 55%,transparent) 0 8px,transparent 8px 16px);width:100%}.pr-keyfield{display:flex;align-items:center;gap:.6rem;border-radius:10px;border:1px solid var(--line);background:var(--sunk);padding:.6rem .8rem;font-family:var(--font-mono);font-size:.85rem;color:var(--fg)}.pr-ok{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.15rem .55rem;background:color-mix(in oklab,var(--signal) 18%,transparent);color:var(--signal);font-family:var(--font-body);font-size:.78rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.pr-meter-live>span{animation:pr-meter 6s ease-in-out infinite alternate}.pr-meter-open>span{background-size:22.6px 22.6px;animation:pr-flow 1.6s linear infinite}}@keyframes pr-meter{0%{width:18%}to{width:78%}}@keyframes pr-flow{to{background-position:22.6px 0}}.pr-compare thead th{position:sticky;top:4rem;z-index:5;background:var(--surface);box-shadow:inset 0 -1px 0 var(--line)}.pr-tabs{display:flex;gap:.3rem;padding:.3rem;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.pr-tabs button{flex:1;border-radius:999px;padding:.5rem .4rem;font-weight:650;font-size:.92rem;color:var(--muted)}.pr-tabs button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.pr-pack-art{position:relative;aspect-ratio:16/9;overflow:clip;border-radius:12px;background:var(--sunk)}.pr-pack-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.pr-vials{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:4%;padding:6% 8% 0;background:radial-gradient(70% 90% at 50% 100%,color-mix(in oklab,var(--accent-bright) 22%,transparent),transparent 70%),var(--sunk)}.pr-vials img{width:auto;height:100%;min-width:0;object-fit:contain;filter:drop-shadow(0 14px 14px rgb(7 26 32/.25))}}