.features-page{max-width:1000px;color:var(--text);margin:60px auto 80px;padding:0 22px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;animation:.25s fadeInFeatures}.features-hero{text-align:center;background:linear-gradient(135deg,var(--hero-grad-1),var(--hero-grad-2));border:1px solid var(--card-border);box-shadow:var(--shadow-md);border-radius:20px;margin-bottom:44px;padding:56px 24px}.features-hero h1{letter-spacing:-.02em;color:var(--text-strong);margin-bottom:10px;font-size:max(30px,min(4vw,42px));font-weight:900}.features-hero p{max-width:760px;color:var(--text-muted);margin:0 auto;font-size:17px;line-height:1.65}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:52px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);border-radius:16px;padding:24px 22px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-soft);transform:translateY(-4px)}.feature-card h3{color:var(--text-strong);margin-bottom:8px;font-size:18px;font-weight:800}.feature-card p{color:var(--text-muted);font-size:15.5px;line-height:1.6}.features-extra{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);border-radius:18px;margin-bottom:30px;padding:28px 26px}.features-extra h2{color:var(--text-strong);margin-bottom:10px;font-size:26px;font-weight:900}.features-extra p{color:var(--text-muted);margin-bottom:14px;font-size:15.5px;line-height:1.65}.features-extra ul{margin-top:6px;padding-left:20px}.features-extra li{color:var(--text-muted);margin-bottom:6px;font-size:15px;line-height:1.6}.features-updated{text-align:right;color:var(--text-muted);margin-top:22px;font-size:14px}@keyframes fadeInFeatures{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.features-page{padding:0 16px}.features-hero{padding:44px 20px}.features-hero h1{font-size:28px}.features-hero p{font-size:15.5px}.feature-card{padding:20px}.features-extra{padding:22px}}html[data-theme=dark] .feature-card,html[data-theme=dark] .features-extra{background:#020617}