.feature-grid{border-radius:var(--radius);background:var(--line);border:1px solid var(--line);flex-wrap:wrap;gap:1px;margin-top:24px}.feature-grid,.feature-item{display:flex;overflow:hidden}.feature-item{background:var(--bg);min-height:72px;transition:background .2s var(--ease-standard);flex:150px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;position:relative}.feature-item.feature-wide{flex:2 300px}.feature-bg-icon{opacity:.14;transition:opacity .2s var(--ease-standard),color .2s var(--ease-standard);pointer-events:none;position:absolute;top:-10px;right:-8px;transform:rotate(-22.5deg)}.feature-grid.is-default .feature-bg-icon{color:var(--blue)}.feature-grid.is-default .feature-item:hover{background:linear-gradient(135deg,#2563eb,#0891b2)}.feature-grid.is-default .feature-item:hover .feature-label{color:#fff}.feature-grid.is-default .feature-item:hover .feature-bg-icon{opacity:.25;color:#fff}.feature-grid.is-warm{background:0 0;border:0;gap:0;margin-top:0}.feature-grid.is-warm .feature-bg-icon{color:var(--orange-deep)}.feature-grid.is-warm .feature-item:hover{background:linear-gradient(135deg,#f97316,#eab308)}.feature-grid.is-warm .feature-item:hover .feature-label{color:#fff}.feature-grid.is-warm .feature-item:hover .feature-bg-icon{opacity:.25;color:#fff}.feature-label{z-index:1;color:var(--text-soft);transition:color .2s var(--ease-standard);text-align:center;font-size:1rem;font-weight:600;position:relative}@media (width<=440px){.feature-item{flex:120px;min-height:64px;padding:12px 10px}.feature-item.feature-wide{flex:2 240px}.feature-label{font-size:.96rem}}