.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<=900px){.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);grid-template-columns:1fr minmax(0,26rem) 1fr;align-items:start;display:grid}.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{justify-self:center;width:100%;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<=900px){.feature--pinned .feature__pin{height:auto;position:relative;top:0}.feature--pinned .feature__illu--portrait{max-width:32rem;height:22rem}.feature--pinned .feature__triptych{grid-template-columns:1fr}.feature__triptych{gap:var(--space-32);grid-template-columns:1fr}.feature__triptych-left,.feature__triptych-right{padding-top:0}.feature__illu--portrait{aspect-ratio:5/4;max-width:32rem;margin-inline:auto}}.build__illu{gap:var(--space-16);padding:var(--space-20);flex-direction:column;display:flex}.build__log{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-20);gap:var(--space-8);color:var(--text-secondary);flex-direction:column;font-size:.8125rem;display:flex}.build__log p{margin:0}.build__log-muted{color:var(--text-muted)}.build__log-head{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.build__log-name{font-weight:var(--weight-strong);color:var(--text-primary)}.build__avatar{width:22px;height:22px;font-size:var(--size-mini);font-weight:var(--weight-medium);border-radius:50%;flex:none;place-items:center;display:grid}.build__badge{background:var(--accent-violet-bg);color:var(--accent-violet);font-size:var(--size-mini);font-weight:var(--weight-medium);border-radius:3px;padding:1px 6px}.build__code{background:var(--bg-surface-2);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-12);font-family:var(--font-mono);font-size:var(--size-mini);color:var(--text-primary);margin:4px 0;display:block}.build__log-thinking{color:var(--text-muted)}.build__dots:after{content:"";width:1em;animation:1.4s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.build__assign{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-16);height:fit-content}.build__assign-head{font-size:var(--size-mini);color:var(--text-muted);margin-bottom:var(--space-8)}.build__assign-input{width:100%;padding:var(--space-8) var(--space-12);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-12);background:var(--bg-page);font-size:.8125rem}.build__assign-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.build__assign-list li{align-items:center;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;display:flex}.build__assign-list li:hover{background:var(--bg-surface-2)}