.howIcafeSection{background-color:#b2b0a3;padding:80px 0;color:#000;font-family:inherit}.howIcafeContainer{max-width:1100px;margin:0 auto;padding:0 20px}.howIcafeHeader{margin-bottom:60px}.howIcafeTitle{font-size:48px;font-weight:800;margin-bottom:24px}.howIcafeLead{font-size:18px;line-height:1.6;max-width:900px;color:#333}.howIcafeTimeline{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}.howIcafeItem{display:flex;gap:24px;align-items:flex-start}.howIcafeIconBox{flex-direction:column;flex-shrink:0}.howIcafeIcon,.howIcafeIconBox{display:flex;align-items:center}.howIcafeIcon{width:56px;height:56px;background:#e5e7eb;border-radius:12px;justify-content:center;font-size:24px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.howIcafeIconTail{width:14px;height:40px;background:#e5e7eb;border-radius:0 0 8px 8px;margin-top:-2px}.howIcafeContentTitle{font-size:20px;font-weight:700;margin-bottom:8px}.howIcafeContentText{font-size:16px;color:#444;line-height:1.5}.howIcafeMetrics{display:flex;justify-content:space-between;gap:30px;margin-top:60px;flex-wrap:wrap}.howIcafeMetricItem{flex:1;min-width:250px;text-align:center}.howIcafeMetricValue{font-size:80px;font-weight:800;line-height:1;margin-bottom:16px;color:#1a1a1a}.howIcafeMetricName{font-size:20px;font-weight:700;margin-bottom:12px}.howIcafeMetricDesc{font-size:15px;color:#444;line-height:1.4}@media (max-width:768px){.howIcafeTitle{font-size:36px}.howIcafeMetricItem{min-width:100%}.howIcafeMetricValue{font-size:60px}}.visionSection{position:relative;padding:100px 0;background-image:url(/images/hero-cafe-lineart.png);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;color:#000}.visionSection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.85);z-index:1}.visionContainer{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}.visionHeader{margin-bottom:60px}.visionTitle{font-size:42px;font-weight:800;margin-bottom:16px}.visionSubtitle{font-size:18px;color:#333}.visionSubtitle strong{font-weight:700}.visionFeatures{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:80px;position:relative}.visionFeatureItem{flex:1;position:relative}.visionFeatureIconBox{display:flex;align-items:center;margin-bottom:20px}.visionFeatureIcon{width:48px;height:48px;background:#e5e1ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4f46e5;border:1px solid rgba(79,70,229,.2);flex-shrink:0;z-index:3}.visionFeatureBar{height:8px;background:#e5e1ff;flex-grow:1;margin-left:-5px;border-radius:0 4px 4px 0;position:relative;z-index:2}.visionFeatureContent{padding-right:20px}.visionFeatureTitle{font-size:20px;font-weight:700;margin-bottom:8px}.visionFeatureDesc{font-size:15px;color:#555;line-height:1.5}.visionMainHeading{font-size:80px;font-weight:800;line-height:1.1;margin-bottom:40px;max-width:1000px}.visionActions{display:flex;gap:16px}.visionBtn{padding:14px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:16px;border:1px solid transparent}.visionBtnPrimary{background:#4f46e5;color:#fff}.visionBtnPrimary:hover{background:#4338ca}.visionBtnSecondary{background:#fff;color:#4f46e5;border-color:#d1d5db}.visionBtnSecondary:hover{background:#f9fafb}@media (max-width:1024px){.visionMainHeading{font-size:60px}}@media (max-width:768px){.visionFeatures{flex-direction:column;gap:40px}.visionFeatureBar{display:none}.visionMainHeading{font-size:40px}.visionActions{flex-direction:column}}