@keyframes routine-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.routine-step{animation:routine-step-in .42s var(--ease-out) both}@media (min-width:64rem){.routine-rail[data-row]:before{content:"";inset-inline:1.5rem;background:linear-gradient(90deg, transparent, var(--color-line-strong) 8%, var(--color-line-strong) 92%, transparent);z-index:0;height:1px;position:absolute;top:50%}.routine-rail[data-row]>.routine-step{z-index:1}}.showcase-panel{isolation:isolate;border-radius:var(--radius-lg);background:var(--color-paper-raised);box-shadow:var(--shadow-hairline), var(--shadow-card);position:relative;overflow:hidden}.showcase-panel:before{content:"";aspect-ratio:1;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#1078ff1a,#b81ec50a 60%,#0000);width:60%;position:absolute;inset:-40% -20% auto auto}.ingredient-figure{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.375rem);font-weight:600;line-height:1}.showcase-faq summary{cursor:pointer;list-style:none}.showcase-faq summary::-webkit-details-marker{display:none}.showcase-faq .faq-mark{transition:transform var(--duration-base) var(--ease-out)}.showcase-faq details[open] .faq-mark{transform:rotate(45deg)}.routines-hero{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(60% 70% at 88% 0%, #1078ff1f, transparent 70%), radial-gradient(50% 60% at 100% 40%, #b81ec512, transparent 70%), var(--color-paper-raised);box-shadow:var(--shadow-hairline), var(--shadow-card);position:relative;overflow:hidden}.routines-hero:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#2a274209 1px,#0000 1px),linear-gradient(#2a274209 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}@media (hover:hover) and (pointer:fine){.routine-card{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.routine-card:hover{box-shadow:var(--shadow-hairline), var(--shadow-float);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.routine-step{animation:none}.showcase-faq .faq-mark,.routine-card{transition:none}}.rs{border-radius:var(--radius-md);background:var(--color-paper-raised);box-shadow:var(--shadow-hairline);gap:.75rem;padding:.75rem;display:flex;position:relative}.rs[data-t=cur]{box-shadow:0 0 0 1.5px var(--color-accent), var(--shadow-raise)}.rs[data-t=ghost]{background-color:color-mix(in oklab, var(--color-paper-raised) 70%, transparent);background-image:repeating-linear-gradient(135deg, transparent 0 10px, var(--color-line-2) 10px 11px);box-shadow:inset 0 0 0 1px var(--color-line)}.rs-media{flex:none;width:6rem}.rs-well{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;display:block}.rs-well img{object-fit:contain;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);padding:.375rem;position:absolute;inset:0}.rs-none{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-paper-sunken);width:100%;color:var(--color-ink-subtle);place-items:center;display:grid}.rs-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.rs-head{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.rs-num{background:var(--color-ink);width:1.5rem;height:1.5rem;color:var(--color-paper-raised);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;font-size:.6875rem;font-weight:600;display:grid}.rs-name{letter-spacing:0;color:var(--color-ink);font-size:.9375rem;font-weight:600;line-height:1.375}.rs-name[data-none]{font-weight:500}.rs-kind{color:var(--color-ink-subtle);margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}.rs-how{color:var(--color-ink-muted);font-size:.8125rem;line-height:1.375}.rs-foot{flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-top:auto;padding-top:.5rem;display:flex}.rs-na{color:var(--color-ink-subtle);font-size:.75rem}.rs-alt{color:var(--color-ink-subtle);font-size:.75rem;line-height:1.375}.rs-alt a,.sc-link{color:var(--color-ink-muted);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:3px;font-weight:500}.rs-out{color:var(--color-caution);align-items:center;gap:.375rem;display:inline-flex}.rs-out:before{content:"";border:1px solid;border-radius:999px;width:.375rem;height:.375rem}@media (min-width:64rem){.rs{flex-direction:column;gap:0}.rs-media{width:100%}.rs-body{margin-top:.75rem}}@media (hover:hover) and (pointer:fine){.rs:hover .rs-well img{transform:scale(1.03)}.rs-name a:hover{text-underline-offset:4px;text-decoration:underline}.rs-alt a:hover,.sc-link:hover{color:var(--color-ink)}}.moment{background:var(--color-accent-soft);height:1.5rem;color:var(--color-accent);border-radius:999px;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.moment[data-m=AM]{background:var(--color-caution-soft);color:var(--color-caution)}.moment[data-m=PM]{background:var(--color-purple-soft);color:var(--color-ink)}.pl{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem;display:flex}.pl-now{color:var(--color-ink);font-size:.875rem;font-weight:600}.pl s,.pl-off,.pl-from{font-size:.75rem}.pl s{color:var(--color-ink-subtle);-webkit-text-decoration-color:var(--color-ink-subtle);text-decoration-color:var(--color-ink-subtle)}.pl-off{color:var(--color-sale);font-weight:600}.pl-from{color:var(--color-ink-muted)}.pl[data-lg] .pl-now{font-size:var(--text-3xl);letter-spacing:-.02em}.pl[data-lg] s,.pl[data-lg] .pl-off{font-size:1rem}.sc-card{border-radius:var(--radius-md);background:var(--color-paper-raised);box-shadow:var(--shadow-hairline);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.sc-h3{letter-spacing:0;color:var(--color-ink);font-size:.9375rem;font-weight:600}.sc-p{color:var(--color-ink-muted);font-size:.875rem;line-height:1.625}.sc-check{color:var(--color-ink);gap:.625rem;font-size:.875rem;line-height:1.625;display:flex}.sc-step{color:var(--color-ink);gap:.75rem;font-size:.9375rem;line-height:1.625;display:flex}.sc-tip{color:var(--color-ink-muted);gap:.625rem;font-size:.875rem;line-height:1.625;display:flex}.sc-tip:before{content:"";background:var(--color-brand);border-radius:999px;flex:none;width:.375rem;height:.375rem;margin-top:.5rem}.sc-pair{border-radius:var(--radius-sm);background:var(--color-paper-raised);box-shadow:var(--shadow-hairline);gap:.75rem;padding:.75rem;display:flex}.sc-pair-mark{background:var(--color-positive-soft);width:1.5rem;height:1.5rem;color:var(--color-positive);border-radius:999px;flex:none;place-items:center;margin-top:.125rem;display:grid}.sc-pair-mark[data-no]{background:var(--color-caution-soft);color:var(--color-caution)}.sc-who{gap:.625rem;font-size:.9375rem;line-height:1.625;display:flex}@media (min-width:40rem){.sc-card{padding:1.25rem}}.sc-q{color:var(--color-ink);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;font-size:.9375rem;font-weight:600;display:flex}.sc-a{max-width:68ch;color:var(--color-ink-muted);padding:0 1rem 1.25rem;font-size:.9375rem;line-height:1.625}.showcase-faq .faq-mark{background:var(--color-paper-sunken);width:1.5rem;height:1.5rem;color:var(--color-ink-muted);border-radius:999px;flex:none;place-items:center;margin-top:.125rem;display:grid}@media (min-width:40rem){.sc-q,.sc-a{padding-inline:1.25rem}}.cmp th,.cmp td{text-align:left;vertical-align:top;padding:.75rem}.cmp thead th{border-bottom:1px solid var(--color-line);font-weight:400}.cmp tbody th{color:var(--color-ink);font-size:.75rem;font-weight:600}.cmp td{color:var(--color-ink-muted);line-height:1.375}.cmp tbody tr:not(:last-child)>*{border-bottom:1px solid var(--color-line-2)}.cmp [data-cur]{background:color-mix(in oklab, var(--color-accent-soft) 60%, transparent)}.cmp td[data-cur]{color:var(--color-ink)}@media (min-width:40rem){.cmp th,.cmp td{padding:1rem}}.moment:before,.sc-ok:before,.sc-no:before{content:"";-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat;background:currentColor;flex:none}.moment:before{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='6' r='2.25'/%3E%3Cpath d='M5.5 1.5v.75M1.5 6h.75M2.6 3.1l.5.5M8.4 3.1l-.5.5'/%3E%3Cpath d='M14 11.2a3.6 3.6 0 0 1-4.6-4.6 3.6 3.6 0 1 0 4.6 4.6Z'/%3E%3C/svg%3E");width:.75rem;height:.75rem}.moment[data-m=AM]:before{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='2.75'/%3E%3Cpath d='M8 1.5v1.5M8 13v1.5M1.5 8H3M13 8h1.5M3.4 3.4l1 1M11.6 11.6l1 1M3.4 12.6l1-1M11.6 4.4l1-1'/%3E%3C/svg%3E")}.moment[data-m=PM]:before{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 9.6A5.5 5.5 0 0 1 6.4 2.8a5.5 5.5 0 1 0 6.8 6.8Z'/%3E%3C/svg%3E")}.sc-ok:before,.sc-no:before{width:1rem;height:1rem;margin-top:.25rem}.sc-ok:before{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E");color:var(--color-positive)}.sc-no:before{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath d='m4.2 11.8 7.6-7.6'/%3E%3C/svg%3E");color:var(--color-caution)}.sc-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.sc-eyebrow:before{content:"";background:var(--color-brand);border-radius:999px;width:.375rem;height:.375rem}