.metric-card{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8)}.metric-card-value{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-4)}.metric-card-number{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);line-height:1;background:var(--gradient-purple);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-card-unit{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.metric-card-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.metric-card-description{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin-top:auto}.bento-grid:has(.metric-card){grid-template-rows:auto auto 1fr}.bento-grid>*:has(.metric-card){display:grid;grid-row:span 3;grid-template-rows:subgrid}.bento-grid .metric-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--space-2);justify-items:center}.bento-grid .metric-card .metric-card-value{align-self:end;margin-bottom:0}.bento-grid .metric-card .metric-card-label{align-self:start;margin-bottom:0}.bento-grid .metric-card .metric-card-description{align-self:start;margin-top:0}@media(max-width:480px){.metric-card{padding:var(--space-5)}}.process-steps{border:1px solid var(--border-primary);border-radius:var(--radius-16);background:var(--bg-card);overflow:hidden}.process-tabs{display:flex;border-bottom:1px solid var(--border-primary);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.process-tabs::-webkit-scrollbar{display:none}.process-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-4);background:none;border:none;border-right:1px solid var(--border-primary);cursor:pointer;font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);min-width:120px;position:relative}.process-tab:last-child{border-right:none}.process-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--step-accent);opacity:0;transition:opacity var(--transition-fast)}.process-tab--active:after{opacity:1}.process-tab-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-quaternary);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-fast)}.process-tab--active .process-tab-number{color:var(--step-accent)}.process-tab-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);transition:color var(--transition-fast);white-space:nowrap}.process-tab--active .process-tab-title,.process-tab:hover .process-tab-title{color:var(--text-primary)}.process-content{padding:var(--space-8);min-height:200px}.process-panel-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.process-panel-description{font-size:var(--font-size-base);color:var(--text-tertiary);line-height:var(--line-height-relaxed);max-width:600px}.process-panel-features{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5);padding-left:var(--space-5);list-style:none}.process-panel-feature{position:relative;font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);padding-left:var(--space-1)}.process-panel-feature:before{content:"";position:absolute;left:calc(-1 * var(--space-4));top:.55em;width:6px;height:6px;border-radius:50%;background:var(--step-accent);opacity:.5}@keyframes processPanelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.process-panel{animation:none!important}}@media(max-width:768px){.process-tabs{overflow-x:auto}.process-tab{min-width:100px;padding:var(--space-3) var(--space-3)}.process-content{padding:var(--space-6)}}@media(max-width:480px){.process-tab{min-width:80px;padding:var(--space-2) var(--space-2)}.process-content{padding:var(--space-5)}}