/**
 * Rekhi How We Work — Frontend CSS — 7-step glassmorphism timeline.
 * ALL colors via CSS custom props — --rekhi-accent, --rekhi-accent-rgb, --rekhi-accent-light.
 */
.cw-hww-container{--rekhi-accent:#e63946;--rekhi-accent-rgb:230,57,70;--rekhi-accent-light:#ff7070;--rekhi-bg:#0a0a0a;--rekhi-text:#ffffff;--rekhi-subtitle:#aaaaaa;--rekhi-glass-bg:rgba(255,255,255,0.06);--rekhi-glass-border:rgba(var(--rekhi-accent-rgb),0.2);--rekhi-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;width:100%;max-width:1400px;margin:0 auto;text-align:center;padding:40px 20px;box-sizing:border-box;font-family:var(--rekhi-font);color:var(--rekhi-text)}
.cw-hww-header{margin-bottom:60px}
.cw-hww-title{font-size:3.2rem;font-weight:700;margin:0 0 12px;background:linear-gradient(90deg,var(--rekhi-text),var(--rekhi-accent),var(--rekhi-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cw-hww-subtitle{font-size:1.25rem;color:var(--rekhi-subtitle);font-weight:400;margin:0}
.cw-hww-timeline{position:relative;padding:60px 0}
.cw-hww-timeline-line{position:absolute;top:88px;left:3%;right:3%;height:6px;background:rgba(var(--rekhi-accent-rgb),0.2);border-radius:9999px;overflow:hidden}
.cw-hww-timeline-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--rekhi-accent),var(--rekhi-accent-light));width:0%;transition:width 5s cubic-bezier(0.25,0.1,0.25,1);box-shadow:0 0 25px var(--rekhi-accent)}
.cw-hww-steps{display:flex;justify-content:space-between;position:relative;z-index:2;gap:14px}
.cw-hww-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;opacity:0;transform:translateY(40px);transition:all 0.6s cubic-bezier(0.25,0.1,0.25,1);min-width:0}
.cw-hww-step.active{opacity:1;transform:translateY(0)}
.cw-hww-glass-card{width:100%;max-width:175px;height:230px;background:var(--rekhi-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--rekhi-glass-border);border-radius:20px;padding:28px 14px;box-shadow:0 8px 32px rgba(0,0,0,0.4);transition:all 0.4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}
.cw-hww-step.active .cw-hww-glass-card{border-color:var(--rekhi-accent);box-shadow:0 0 40px rgba(var(--rekhi-accent-rgb),0.25)}
.cw-hww-step-circle{width:70px;height:70px;background:#1a1a1a;border:5px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#666;position:relative;z-index:3;transition:all 0.5s ease;box-shadow:0 10px 30px rgba(0,0,0,0.6);flex-shrink:0;margin-bottom:18px}
.cw-hww-step.active .cw-hww-step-circle{border-color:var(--rekhi-accent);color:var(--rekhi-accent);box-shadow:0 0 0 10px rgba(var(--rekhi-accent-rgb),0.15),0 0 35px rgba(var(--rekhi-accent-rgb),0.4);background:rgba(var(--rekhi-accent-rgb),0.1)}
.cw-hww-step-icon{font-size:2rem;transition:transform 0.4s ease}
.cw-hww-step.active .cw-hww-step-icon{transform:scale(1.15);color:var(--rekhi-accent)}
.cw-hww-step-number{position:absolute;top:-7px;left:50%;transform:translateX(-50%);background:#111;color:var(--rekhi-accent);font-size:0.85rem;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #1a1a1a}
.cw-hww-step-title{font-size:1.1rem;font-weight:600;color:#eee;line-height:1.3;margin:0}
.cw-hww-step-description{font-size:0.78rem;color:var(--rekhi-subtitle);line-height:1.5;margin:10px 0 0;opacity:0;max-height:0;overflow:hidden;transition:all 0.4s ease}
.cw-hww-step.active .cw-hww-step-description{opacity:1;max-height:180px}
.cw-hww-step-circle.glow{animation:cw-hww-pulse 2s infinite alternate}
@keyframes cw-hww-pulse{from{box-shadow:0 0 20px var(--rekhi-accent),0 0 0 10px rgba(var(--rekhi-accent-rgb),0.15)}to{box-shadow:0 0 45px var(--rekhi-accent),0 0 0 10px rgba(var(--rekhi-accent-rgb),0.15)}}

@media(max-width:1100px){.cw-hww-steps{flex-wrap:wrap;justify-content:center}.cw-hww-step{flex:0 0 auto;min-width:155px}.cw-hww-glass-card{max-width:160px;height:210px;padding:22px 12px}.cw-hww-timeline-line{display:none}}
@media(max-width:992px){.cw-hww-container{max-width:100%;padding:30px 16px}.cw-hww-title{font-size:2.4rem}.cw-hww-timeline{padding:30px 0}.cw-hww-timeline-line{display:block;top:50px;left:42px;right:auto;width:6px;height:auto;bottom:50px}.cw-hww-timeline-progress{width:100%!important;height:0%;transition:height 5s cubic-bezier(0.25,0.1,0.25,1)}.cw-hww-steps{flex-direction:column;align-items:flex-start;gap:40px;padding-left:62px}.cw-hww-step{flex:none;width:100%;flex-direction:row;align-items:center;gap:22px;opacity:0;transform:translateX(-30px);min-width:auto}.cw-hww-step.active{transform:translateX(0)}.cw-hww-glass-card{max-width:none;width:100%;height:auto;min-height:160px;flex-direction:row;text-align:left;padding:20px 22px;gap:18px}.cw-hww-step-circle{margin-bottom:0;flex-shrink:0}.cw-hww-step-title{font-size:1.2rem}.cw-hww-step-description{font-size:0.84rem}.cw-hww-step.active .cw-hww-step-description{max-height:200px}}
@media(max-width:600px){.cw-hww-title{font-size:1.8rem}.cw-hww-timeline-line{left:36px}.cw-hww-steps{padding-left:52px;gap:32px}.cw-hww-glass-card{min-height:140px;padding:16px 18px;gap:14px}.cw-hww-step-circle{width:60px;height:60px}.cw-hww-step-icon{font-size:1.7rem}.cw-hww-step-number{width:22px;height:22px;font-size:0.75rem;top:-5px}.cw-hww-step-title{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.cw-hww-step{transition:opacity 0.1s}.cw-hww-step.active{transform:none}.cw-hww-timeline-progress{transition:none}.cw-hww-step-circle.glow{animation:none}}