@media (min-width: 769px){.process-timeline{position:relative;padding:2rem 0;max-width:1200px;margin:0 auto}.process-timeline-track{position:relative;height:8px;background:#ffffff14;border-radius:4px;margin:0 auto 3rem;cursor:pointer}.process-timeline-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#22d3ee,#8b5cf6);border-radius:4px;transition:none}.process-timeline-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:28px;height:28px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);border:3px solid #f8fafc;border-radius:50%;cursor:grab;z-index:10;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #22d3ee59}.process-timeline-handle:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 6px 22px #22d3ee73}.process-timeline-handle:active,.process-timeline-handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1);transition:none}.process-timeline-markers{position:absolute;top:0;left:0;right:0;height:100%;display:flex;justify-content:space-between;padding:0 calc(12.5% - 8px)}.process-timeline-marker{position:relative;width:16px;height:16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:translateY(-4px);transition:all .3s ease;cursor:pointer}.process-timeline-marker.is-active{background:var(--primary-cyan, #22d3ee);border-color:#f8fafc;box-shadow:0 0 12px #22d3ee66;transform:translateY(-4px) scale(1.2)}.process-timeline-marker:hover:not(.is-active){background:#22d3ee80;transform:translateY(-4px) scale(1.1)}.process-timeline-labels{display:none}.process-timeline-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;align-items:stretch}.process-step{display:flex;flex-direction:column;align-items:center;height:100%;opacity:.4;transform:scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}.process-step.is-passed,.process-step.is-active{opacity:1;transform:scale(1)}.process-step.is-visible{opacity:.6;transform:scale(.98)}.process-step.is-passed.is-visible,.process-step.is-active.is-visible{opacity:1;transform:scale(1)}.process-step-number{width:56px;height:56px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s ease}.process-step-number span{font-size:1.4rem;font-weight:700;color:var(--primary-cyan, #22d3ee);font-family:var(--font-heading);letter-spacing:-.02em}.process-step.is-passed .process-step-number,.process-step.is-active .process-step-number{border-color:#22d3ee73;background:#22d3ee1f;box-shadow:0 0 18px #22d3ee33;transform:scale(1.1)}.process-step-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:var(--glass-shadow),var(--glass-highlight);border-radius:16px;padding:1.5rem;text-align:center;transition:all .4s ease;width:100%;flex:1 1 auto;display:flex;flex-direction:column}.process-step.is-passed .process-step-card,.process-step.is-active .process-step-card{border-color:var(--glass-border-hover);transform:translateY(-6px);box-shadow:0 16px 48px #00000073,0 0 32px #22d3ee14,var(--glass-highlight)}.process-step-card .process-step-icon{font-size:2.5rem;margin-bottom:1rem;display:block;transition:transform .4s ease}.process-step.is-passed .process-step-icon,.process-step.is-active .process-step-icon{transform:scale(1.15)}.process-step-card h3{font-size:1.1rem;font-weight:700;color:var(--text-primary, #f8fafc);font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 .75rem}.process-step-card p{font-size:.9rem;color:var(--text-secondary, rgba(255,255,255,.7));line-height:1.6;max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .4s ease,opacity .4s ease,margin .4s ease}.process-step.is-passed .process-step-card p,.process-step.is-active .process-step-card p{max-height:120px;opacity:1;margin-top:.75rem}.process-timeline-line{display:none}}@media (max-width: 768px){.process-timeline{display:flex;flex-direction:column;gap:0;padding:1rem 0}.process-timeline-track,.process-timeline-labels{display:none!important}.process-timeline-cards{display:flex!important;flex-direction:column;gap:0}.process-step{display:flex;flex-direction:row;align-items:flex-start;padding:1.5rem 0;position:relative;opacity:0;transform:translate(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.process-step.is-visible{opacity:1;transform:translate(0)}.process-step:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22d3ee4d,#7c3aed4d);z-index:0}.process-step:first-child:before{top:50%}.process-step:last-child:before{bottom:50%}.process-step-number{width:48px;height:48px;min-width:48px;border-radius:50%;background:#22d3ee1a;border:1px solid rgba(34,211,238,.35);display:flex;align-items:center;justify-content:center;margin-right:1.25rem;z-index:2}.process-step-number span{font-size:1.2rem;font-weight:700;color:var(--primary-cyan, #22d3ee);font-family:var(--font-heading);letter-spacing:-.02em}.process-step-card{text-align:left;padding:1.25rem;flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:var(--glass-shadow),var(--glass-highlight);border-radius:16px}.process-step-card .process-step-icon{font-size:2rem;margin-bottom:.75rem;display:block}.process-step-card h3{font-size:1rem;font-weight:700;color:var(--text-primary, #f8fafc);font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 .5rem}.process-step-card p{font-size:.85rem;color:var(--text-secondary, rgba(255,255,255,.7));line-height:1.6;margin:0}.process-step[data-step="1"].is-visible{transition-delay:0s}.process-step[data-step="2"].is-visible{transition-delay:.1s}.process-step[data-step="3"].is-visible{transition-delay:.2s}.process-step[data-step="4"].is-visible{transition-delay:.3s}}@media (min-width: 769px) and (max-width: 1024px){.process-timeline-cards{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}.process-timeline-track,.process-timeline-labels{display:none}.process-step{opacity:1!important;transform:scale(1)!important}.process-step-card{padding:1.25rem}.process-step-card p{max-height:120px!important;opacity:1!important;margin-top:.75rem!important}}.process-showcase-link{color:var(--primary-cyan, #22d3ee);font-size:.95rem;font-weight:600;text-decoration:none;opacity:.8;transition:opacity .3s ease}.process-showcase-link:hover{opacity:1}@media (hover: none){.process-step-card:active{transform:scale(.98);transition:transform .1s ease}.process-step-number:active{transform:scale(.95)}}