.features-page{color:var(--ink-body)}.feature-tabs-section{max-width:var(--page-w);padding:0 var(--gutter) clamp(3.5rem, 7vw, 6rem);margin:0 auto}.feature-layout{border-top:1px solid var(--hairline);grid-template-columns:260px minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,3.5rem);padding-top:clamp(2rem,4vw,3rem);display:grid}.feature-rail-col{gap:1.75rem;display:grid;position:sticky;top:88px}.feature-rail{flex-direction:column;display:flex}.feature-device{margin:0;display:none}.feature-device .plate{max-width:190px;margin-inline:auto}.feature-device figcaption{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;text-align:center;color:var(--ink-faint);margin-top:.75rem;line-height:1.5}@media (width>=901px){.feature-device{display:block}}.feature-rail__item{border:none;border-bottom:1px solid var(--hairline);color:var(--ink-muted);font-family:inherit;font-size:var(--t-small);text-align:left;cursor:pointer;transition:color .2s var(--ease-out), border-left-color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border-left:1px solid #0000;align-items:center;gap:.75rem;padding:.95rem .9rem .95rem .85rem;font-weight:450;display:flex}.feature-rail__item:first-child{border-top:1px solid var(--hairline)}.feature-rail__icon{color:var(--ink-faint);transition:color .2s var(--ease-out);flex-shrink:0;display:inline-flex}.feature-rail__item:hover{color:var(--ink)}.feature-rail__item:hover .feature-rail__icon{color:var(--ink-muted)}.feature-rail__item--active{color:var(--ink);border-left-color:var(--accent);background:var(--surface)}.feature-rail__item--active .feature-rail__icon{color:var(--accent-ink)}.feature-panel{animation:panelIn .34s var(--ease-out) both;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);min-width:0;padding:clamp(1.75rem,3.5vw,2.75rem)}.feature-panel__header{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:1.1rem;margin-bottom:clamp(1.5rem,3vw,2rem);padding-bottom:clamp(1.5rem,3vw,2rem);display:flex}.feature-panel__header h2{margin:0 0 .6rem}.feature-panel__header p{font-size:var(--t-body);color:var(--ink-muted);max-width:48ch;margin:0;line-height:1.7}.feature-panel__label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 1rem;font-weight:500}.feature-panel__grid{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}@media (width>=720px){.feature-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-chip{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-sunken);font-size:var(--t-small);color:var(--ink);padding:.85rem 1.1rem .85rem 2rem;font-weight:450;line-height:1.55;position:relative}.feature-chip:before{content:"";background:var(--accent);opacity:.8;width:4px;height:4px;position:absolute;top:calc(.85rem + .775em);left:1rem;transform:translateY(-50%)}.feature-more__grid{border:1px solid var(--hairline);background:var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1.75rem;display:grid}.feature-more__item{background:var(--surface);flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.feature-more__item h3{font-size:var(--t-small);letter-spacing:-.01em;color:var(--ink);margin:0 0 .3rem;font-weight:600}.feature-more__item p{font-size:var(--t-small);color:var(--ink-muted);margin:0;line-height:1.5}@media (width<=900px){.feature-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-layout{grid-template-columns:minmax(0,1fr);gap:1.75rem}.feature-rail-col{position:static}.feature-rail{border-bottom:1px solid var(--hairline);scrollbar-width:none;flex-direction:row;position:static;overflow-x:auto}.feature-rail::-webkit-scrollbar{display:none}.feature-rail__item{border-bottom:2px solid #0000;border-left:none;flex-shrink:0;padding:.75rem 1rem}.feature-rail__item:first-child{border-top:none;padding-left:0}.feature-rail__item--active{border-left:none;border-bottom-color:var(--accent);background:0 0}}@media (width<=600px){.feature-panel__header{flex-direction:column;gap:1rem}.feature-more__grid{grid-template-columns:minmax(0,1fr)}}.feature-chip{animation:panelIn .4s var(--ease-out) both;animation-delay:calc(var(--index,0) * 55ms + 60ms)}@media (prefers-reduced-motion:reduce){.feature-panel,.feature-chip{animation:none}}