@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;600&display=swap");:root{--bg-color:#fbfcfd;--card-bg:#ffffff;--heading-color:#0f172a;--text-gray:#475569;--border-color:rgba(0,0,0,0.08);--step-1-color:#16bcd3;--step-2-color:#3f92fb;--step-3-color:#7c3aed}.transformation-container{width:100%;padding:50px 20px 0;background:transparent;color:inherit;font-family:inherit}.sticky-group{position:relative;max-width:1200px;margin:0 auto;padding-bottom:10vh}.sticky-header{position:sticky;top:0;background:rgba(251,252,253,.85);backdrop-filter:blur(12px);padding:40px 0 20px;transition:transform .1s linear}.transformation-container h2{font-size:3.5rem;text-align:center;margin:0;padding:10px 0 20px;color:var(--heading-color);font-weight:600}.sticky-top{position:sticky;top:0}.step-wrapper{position:relative;display:flex;flex-direction:column;gap:20vh;margin-top:5vh}.step{position:sticky;top:80px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:40px;padding:60px;min-height:500px;display:flex;gap:40px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;transform-origin:center top}.step:hover{box-shadow:0 20px 40px rgba(0,0,0,.08)}.step:first-child{z-index:1}.step:nth-child(2){z-index:2}.step:nth-child(3){z-index:3}.step-content{flex:1}.step-image{flex:1.5;background:#f8fafc;border-radius:20px;border:1px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.step-image img{width:100%;height:100%;object-fit:cover}.badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;margin-bottom:24px;text-transform:uppercase}.step:first-child .badge{background:var(--step-1-color)}.step:nth-child(2) .badge{background:var(--step-2-color)}.step:nth-child(3) .badge{background:var(--step-3-color)}.step h3{font-size:2.5rem;margin-bottom:20px;color:var(--heading-color)}.step p{color:var(--text-gray);line-height:1.6;font-size:1.1rem;max-width:400px}@media (max-width:1024px){.transformation-container h2{font-size:2.5rem}.step h3{font-size:2rem}}@media (max-width:768px){.transformation-container h2{font-size:2rem}.step h3{font-size:1.75rem}.step{padding:40px;min-height:400px}}@media (max-width:640px){.transformation-container{padding:20px 10px 0}.sticky-header{padding:20px 0 10px}.step h3,.transformation-container h2{font-size:1.5rem}.step{padding:20px;border-radius:20px;min-height:auto;gap:20px}.step-image{height:200px}.badge{margin-bottom:12px}.step p{font-size:1rem;margin-bottom:20px}}@media (max-width:900px){.step{flex-direction:column}}