.features-header{text-align:center;margin-bottom:var(--space-16)}.features-header h2{margin-bottom:var(--space-4)}.features-header p{margin:0 auto;text-align:center}.features-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(220px,auto);gap:var(--space-4)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden;position:relative;transition:border-color var(--dur-normal),box-shadow var(--dur-normal)}.feature-card:hover{border-color:var(--color-border-mid);box-shadow:var(--shadow-md)}.feature-card:nth-child(1){grid-column:span 7}.feature-card:nth-child(2){grid-column:span 5}.feature-card:nth-child(3){grid-column:span 4}.feature-card:nth-child(4){grid-column:span 4}.feature-card:nth-child(5){grid-column:span 4}.feature-card:nth-child(6){grid-column:span 12;grid-auto-rows:minmax(160px,auto)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.feature-icon.mint{background:var(--color-accent-soft);border:1px solid rgba(0,212,140,.2)}.feature-icon.lime{background:#ccff4414;border:1px solid rgba(204,255,68,.2)}.feature-icon.violet{background:#8b7fcc1a;border:1px solid rgba(139,127,204,.2)}.feature-icon.amber{background:var(--color-yellow-soft);border:1px solid rgba(255,184,48,.2)}.feature-card h3{font-size:var(--text-xl);line-height:1.2}.feature-card p{font-size:var(--text-sm);line-height:1.65}.feature-visual{margin-top:auto;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}.feature-alerts{display:flex;flex-direction:column}.feature-alert-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs)}.feature-alert-row:last-child{border-bottom:none}.feature-alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.feature-alert-dot.high{background:var(--color-red)}.feature-alert-dot.medium{background:var(--color-yellow)}.feature-alert-dot.low{background:var(--color-accent)}.feature-alert-body{flex:1;color:var(--color-text-muted)}.feature-alert-body strong{color:var(--color-text);font-weight:var(--weight-medium)}.feature-alert-time{color:var(--color-text-dim)}.feature-brands{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.feature-brand-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs)}.feature-brand-name{width:72px;color:var(--color-text-muted);flex-shrink:0}.feature-brand-bar{flex:1;height:6px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden}.feature-brand-fill{height:100%;border-radius:var(--radius-full)}.feature-brand-fill.otis{background:var(--color-otis);width:68%}.feature-brand-fill.kone{background:var(--color-kone);width:24%}.feature-brand-fill.schindler{background:var(--color-schindler);width:53%}.feature-brand-fill.tk{background:var(--color-tk);width:82%}.feature-brand-pct{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;min-width:32px;text-align:right}.feature-card:nth-child(6){flex-direction:row;align-items:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%)}.feature-card:nth-child(6) .feature-card-text{flex:1}.feature-report-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);flex-shrink:0;max-width:360px}.feature-report-stat{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.feature-report-n{display:block;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-accent);line-height:1}.feature-report-l{display:block;font-size:9px;color:var(--color-text-dim);margin-top:3px;text-transform:uppercase;letter-spacing:.06em}@media(max-width:900px){.features-bento{grid-template-columns:1fr}.feature-card{grid-column:span 1!important}.feature-card:nth-child(6){flex-direction:column}.feature-report-preview{max-width:none;grid-template-columns:repeat(2,1fr)}}.how{position:relative}.how-header{text-align:center;margin-bottom:var(--space-16)}.how-header h2{margin-bottom:var(--space-4)}.how-header p{margin:0 auto;text-align:center}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);position:relative}.how-steps:before{content:"";position:absolute;top:28px;left:calc(33.3% - 24px);right:calc(33.3% - 24px);height:1px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-border-mid) 50%,var(--color-accent-dim) 100%);z-index:0}.how-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-5)}.how-step-number{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-bg);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent);box-shadow:var(--shadow-accent);flex-shrink:0}.how-step-body{display:flex;flex-direction:column;gap:var(--space-3)}.how-step-tag{font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.how-step h3{font-size:var(--text-xl);line-height:1.2}.how-step p{font-size:var(--text-sm);line-height:1.65}.how-step-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.how-step-detail-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.how-step-detail-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-accent);flex-shrink:0}@media(max-width:900px){.how-steps{grid-template-columns:1fr}.how-steps:before{display:none}}