.features-hub{max-width:1100px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 2rem 4rem}.features-hub-header{max-width:720px;margin-bottom:2.5rem}.features-hub-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.features-hub-sub{color:var(--fg-soft);max-width:620px;font-size:1.05rem;line-height:1.7}.features-hub-new-callout{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:var(--fg);border-radius:10px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.75rem 1rem;font-size:.9rem;display:inline-flex}.features-hub-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.features-hub-chip{appearance:none;background:var(--surface);border:1px solid var(--surface-border);color:var(--fg-soft);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s}.features-hub-chip:hover{color:var(--fg);border-color:color-mix(in srgb, var(--fg) 30%, transparent)}.features-hub-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.features-hub-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:4rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--surface-border);color:inherit;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem 1.5rem;text-decoration:none;transition:all .15s;display:flex;position:relative}.feature-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--surface-border));transform:translateY(-2px);box-shadow:0 6px 20px #0000000a}.feature-card-meta{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.7rem;font-weight:500;display:flex}.feature-card-cat{border-radius:4px;padding:.18em .55em}.feature-card-cat.cat-movement{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.feature-card-cat.cat-condition{background:color-mix(in srgb, var(--sky) 15%, transparent);color:var(--sky)}.feature-card-cat.cat-pause{color:#b45309;background:#f59e0b26}.feature-card-cat.cat-schedule{color:#047857;background:#10b98126}.feature-card-cat.cat-session{color:#6366f1;background:#6366f126}.feature-card-cat.cat-automation{color:#8b5cf6;background:#8b5cf626}.feature-card-cat.cat-display{color:#be185d;background:#ec489926}.feature-card-cat.cat-polish{color:#475569;background:#64748b26}@media (prefers-color-scheme:dark){.feature-card-cat.cat-pause{color:#fbbf24}.feature-card-cat.cat-schedule{color:#34d399}.feature-card-cat.cat-session{color:#818cf8}.feature-card-cat.cat-automation{color:#a78bfa}.feature-card-cat.cat-display{color:#f472b6}.feature-card-cat.cat-polish{color:#94a3b8}}.badge-new{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.18em .55em;font-size:.7rem;font-weight:600}.feature-card-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg);margin:0;font-size:1.35rem;font-weight:400;line-height:1.25}.feature-card-tagline{color:var(--fg-soft);flex:1;margin:0;font-size:.92rem;line-height:1.55}.feature-card-arrow{color:var(--fg-muted);transition:transform .15s;position:absolute;top:1.1rem;right:1rem}.feature-card:hover .feature-card-arrow{color:var(--accent);transform:translate(2px)}.features-hub-compare{border-top:1px solid var(--surface-border);color:var(--fg-soft);padding-top:2rem;font-size:.95rem;line-height:1.7}.features-hub-compare-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg);margin-bottom:.75rem;font-size:1.5rem;font-weight:400}.features-hub-compare a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.feature-page{max-width:1100px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 2rem 4rem}.feature-page-header{max-width:720px;margin-bottom:2.5rem}.feature-page-meta{color:var(--fg-muted);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8rem;display:flex}.feature-page-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin:0;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;line-height:1.15}.feature-page-tagline{color:var(--fg);margin-top:.75rem;font-size:1.1rem;font-weight:400;line-height:1.65}.feature-page-body{max-width:720px;color:var(--fg-soft);font-size:.95rem;line-height:1.75}.feature-section{margin-bottom:2rem}.feature-section h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg);margin-bottom:.75rem;font-size:1.35rem;font-weight:400}.feature-section ul{margin-bottom:1rem;padding-left:1.5rem}.feature-section li{margin-bottom:.4rem}.feature-related{border-top:1px solid var(--surface-border);margin-top:3rem;padding-top:2rem}.feature-related h3{font-family:var(--serif);color:var(--fg);margin-bottom:1rem;font-size:1.2rem;font-weight:400}.feature-related-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.feature-related-list a{background:var(--surface);border:1px solid var(--surface-border);color:inherit;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:block}.feature-related-list a:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--surface-border));color:var(--fg)}