.feature{padding-top:var(--section-pt);padding-bottom:var(--section-pb);border-top:1px solid var(--border-subtle);position:relative;overflow:hidden}.feature__head{gap:var(--space-48);margin-bottom:var(--space-72);grid-template-columns:1fr 1fr;display:grid}.feature__head h2,.feature__head p{margin:0}.feature__illu{border-radius:var(--radius-lg);border:1px solid var(--border-dark);background:var(--bg-surface-1);box-shadow:var(--shadow-frame);isolation:isolate;min-height:28rem;position:relative;overflow:hidden}.feature__tabs{border-top:1px solid var(--border-subtle);margin-top:var(--space-72);padding-top:var(--space-20);grid-template-columns:repeat(2,1fr);display:grid}.feature__tab{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-32) var(--space-12) 0;text-align:left;cursor:pointer;color:var(--text-primary);font-size:var(--size-body-sm);background:0 0;border:0;display:flex}.feature__tab-num{color:var(--text-dim);font-variant-numeric:slashed-zero}.feature__tab-plus{color:var(--text-dim);opacity:0;transition:opacity var(--duration-fast);margin-left:auto;font-size:1.125rem}.feature__tab:hover .feature__tab-plus{opacity:1}.feature__tabs--numbered{gap:var(--space-8);margin-top:0;margin-bottom:var(--space-20);border-top:0;flex-wrap:wrap;padding-top:0;display:flex}.feature__tabs--numbered .feature__tab{padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);font-size:var(--size-body-sm);color:var(--text-muted);transition:color var(--duration-fast), background-color var(--duration-fast);position:relative}.feature__tabs--numbered .feature__tab:hover{color:var(--text-primary)}.feature__tabs--numbered .feature__tab .feature__tab-num{color:var(--text-dim);font-feature-settings:"tnum"}.feature__tabs--numbered .feature__tab.is-active{color:var(--accent-orange)}.feature__tabs--numbered .feature__tab.is-active .feature__tab-num{color:var(--accent-orange);opacity:.7}@media (width<=1024px){.feature__head{gap:var(--space-24);grid-template-columns:1fr}.feature__tabs:not(.feature__tabs--numbered){grid-template-columns:1fr}}.feature--triptych{padding-top:var(--section-pt);padding-bottom:var(--section-pb)}.feature__triptych{gap:var(--space-48);flex-wrap:wrap;align-items:start;display:flex}.feature__triptych-left,.feature__triptych-right{flex:18rem;min-width:0}.feature__triptych .feature__illu--portrait{flex:22rem;min-width:0;max-width:26rem}.feature__triptych-left,.feature__triptych-right{gap:var(--space-24);padding-top:var(--space-32);flex-direction:column;display:flex}.feature__triptych-left .h-section{margin:0}.feature__triptych-left .section-body{max-width:22rem;margin:0}.feature__triptych-left .action-link{margin-top:var(--space-12)}.feature__illu--portrait{aspect-ratio:4/5;border-radius:var(--radius-lg);border:1px solid var(--border-dark);background:var(--bg-surface-1);box-shadow:var(--shadow-frame);isolation:isolate;width:100%;min-height:0;position:relative;overflow:hidden}.feature__ingredients{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.feature__ingredient{align-items:center;gap:var(--space-12);padding:var(--space-16) 0;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;color:var(--text-primary);font-size:var(--size-body);transition:color var(--duration-fast);background:0 0;border-left:0;border-right:0;display:flex}.feature__ingredient:hover{color:var(--accent-violet)}.feature__ingredient-plus{color:var(--text-dim);opacity:0;transition:opacity var(--duration-fast), transform var(--duration-base) var(--ease-out);margin-left:auto;font-size:1.125rem}.feature__ingredient:hover .feature__ingredient-plus{opacity:1;transform:translate(2px)}.feature--pinned{position:relative}.feature--pinned .feature__pin{top:var(--nav-height);height:calc(100vh - var(--nav-height));align-items:center;display:flex;position:sticky;overflow:hidden}.feature--pinned .feature__triptych{width:100%}.feature--pinned .feature__illu--portrait{max-width:26rem;position:relative}.feature__card{gap:var(--space-16);padding:var(--space-20);opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(24px)}.feature__card.is-active{opacity:1;pointer-events:auto;transform:none}.feature--pinned .feature__ingredients{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feature--pinned .feature__ingredient{cursor:pointer;padding:var(--space-16) 0;border-top:1px solid var(--border-subtle);color:var(--text-muted);transition:color var(--duration-fast);display:block;position:relative}.feature--pinned .feature__ingredient:last-child{border-bottom:1px solid var(--border-subtle)}.feature--pinned .feature__ingredient:hover{color:var(--text-primary)}.feature__ingredient-head{align-items:baseline;gap:var(--space-12);color:inherit;font-size:var(--size-body);display:flex}.feature__ingredient-name{font-weight:var(--weight-medium);color:var(--text-primary)}.feature__ingredient-num{color:var(--text-dim);font-variant-numeric:slashed-zero;flex-shrink:0;min-width:2.5rem}.feature__ingredient-body{padding-left:calc(2.5rem + var(--space-12));color:var(--text-secondary);opacity:0;max-height:0;transition:max-height .4s var(--ease-out), opacity .4s var(--ease-out), margin-top .4s var(--ease-out);margin:0;font-size:.9375rem;line-height:1.5;overflow:hidden}.feature--pinned .feature__ingredient.is-active{color:var(--text-primary)}.feature--pinned .feature__ingredient.is-active:before{content:"";left:0;top:var(--space-16);background:var(--accent-violet);border-radius:1px;width:2px;height:1.25rem;position:absolute}.feature--pinned .feature__ingredient.is-active .feature__ingredient-body{opacity:1;max-height:10rem;margin-top:var(--space-12)}.reduced-motion .feature--pinned .feature__pin{height:auto;position:relative}.reduced-motion .feature__card{opacity:1;position:relative;inset:auto;transform:none}.reduced-motion .feature__ingredient .feature__ingredient-body{opacity:1;max-height:none;margin-top:var(--space-12)}@media (width<=1200px){.feature--pinned .feature__pin{height:auto;position:relative;top:0}.feature--pinned .feature__ingredient .feature__ingredient-body{opacity:1;max-height:none;margin-top:var(--space-12)}.feature__triptych-left,.feature__triptych-right{padding-top:0}}.monitor__illu{padding:var(--space-20)}.monitor__grid{gap:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.monitor__grid--stack{grid-template-columns:1fr}.monitor__cell{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-24);gap:var(--space-12);flex-direction:column;min-height:12rem;display:flex}.monitor__cell-label{font-size:var(--size-mini);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.monitor__big{font-size:2.5rem;font-weight:var(--weight-medium);letter-spacing:-.02em;color:var(--text-primary)}.monitor__bars{align-items:flex-end;gap:6px;height:60px;display:flex}.monitor__bars span{background:var(--accent-violet);height:var(--h,50%);opacity:.7;border-radius:2px;flex:1}.monitor__scatter{background:linear-gradient(transparent 95%, var(--border-subtle) 95%), linear-gradient(90deg, transparent 95%, var(--border-subtle) 95%);background-size:25% 25%;height:100px;position:relative}.monitor__dot{background:var(--c);border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.monitor__legend{gap:var(--space-16);font-size:var(--size-mini);color:var(--text-secondary);display:flex}.monitor__legend i{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.monitor__list{gap:var(--space-8);color:var(--text-primary);flex-direction:column;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.monitor__pill{font-size:var(--size-mini);color:#007850;margin-right:var(--space-8);background:#00a0781f;border-radius:3px;padding:1px 6px}.monitor__pill--risk{color:var(--accent-orange);background:#dc46461a}.monitor__chart{width:100%;height:80px}@media (width<=1024px){.monitor__grid{grid-template-columns:1fr 1fr}.monitor__big{font-size:2rem}}@media (width<=640px){.monitor__grid{grid-template-columns:1fr}}
