.home-container{background-color:#0000;background-image:linear-gradient(135deg,#f1f2f6e6 0%,#e0e1e8e6 100%),url(/images/bg_construction.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:100vh;overflow:hidden}.main-header{text-align:center;z-index:10;padding:2.5rem 1rem;position:relative}.main-header h1{letter-spacing:-1px;background:linear-gradient(to right,var(--text-main),var(--primary));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:3rem;font-weight:700}.main-header p{color:var(--text-dim);max-width:600px;margin:0 auto;font-size:1.1rem}.journey-wrapper{-ms-overflow-style:none;scrollbar-width:none;justify-content:center;align-items:center;width:100vw;height:calc(85vh - 120px);padding:2rem 0;display:flex;position:relative;overflow:visible}.journey-wrapper::-webkit-scrollbar{display:none}.journey-path{z-index:0;pointer-events:none;width:100%;height:100%;max-height:400px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.animated-path{stroke:var(--primary-light);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards drawPath,3s ease-in-out 2s infinite alternate glowPath}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes glowPath{0%{filter:drop-shadow(0 0 2px var(--primary-light));opacity:.7;stroke-width:4px}to{filter:drop-shadow(0 0 10px var(--primary));opacity:1;stroke-width:5px}}.shadow-path{filter:blur(4px);opacity:.3}.running-circle{filter:drop-shadow(0 0 8px var(--primary));opacity:1;pointer-events:none}.running-circle.circle-1{offset-path:path("M220,200 L580,240");animation:2.5s cubic-bezier(.4,0,.2,1) infinite circleMove}.running-circle.circle-2{offset-path:path("M620,240 L980,200");animation:2.5s cubic-bezier(.4,0,.2,1) infinite circleMove}.running-circle.circle-3{offset-path:path("M1020,200 L1380,240");animation:2.5s cubic-bezier(.4,0,.2,1) infinite circleMove}@keyframes circleMove{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.journey-horizontal{z-index:1;justify-content:space-around;gap:1.5rem;width:100%;max-width:1400px;display:flex;position:relative}.step{opacity:0;min-width:0;max-width:320px;transition:var(--transition);cursor:pointer;flex:1;text-decoration:none;position:relative;transform:scale(.8)translateY(20px)}.step.step-1{animation:.8s 1s forwards stepIn}.step.step-2{margin-top:40px;animation:.8s 1.8s forwards stepIn}.step.step-3{animation:.8s 2.6s forwards stepIn}.step.step-4{margin-top:40px;animation:.8s 3.4s forwards stepIn}.step:hover .step-content{transform:translateY(-15px)scale(1.02)}.step:hover .step-content:before{opacity:1}.step:hover img{filter:drop-shadow(0 30px 50px #6c5ce74d);transform:scale(1.1)rotate(2deg)}@keyframes stepIn{to{opacity:1;transform:scale(1)translateY(0)}}.step-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1.5rem;font-weight:700;display:flex;box-shadow:0 5px 15px #6c5ce74d}.step-content{text-align:center;transition:var(--transition);position:relative;overflow:hidden}.image-wrapper img{object-fit:contain;filter:drop-shadow(0 20px 40px #0000001a);width:100%;height:auto;max-height:32vh;margin:0 auto 1.5rem;transition:transform .6s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.text-wrapper h3{color:var(--text-main);opacity:0;margin-bottom:.5rem;font-size:1.3rem;font-weight:700;animation:.5s forwards fadeInUp;transform:translateY(10px)}.text-wrapper p{color:var(--text-dim);opacity:0;font-size:.95rem;line-height:1.4;animation:.5s forwards fadeInUp;transform:translateY(10px)}.step-1 .text-wrapper h3{animation-delay:1.2s}.step-1 .text-wrapper p{animation-delay:1.4s}.step-2 .text-wrapper h3{animation-delay:2s}.step-2 .text-wrapper p{animation-delay:2.2s}.step-3 .text-wrapper h3{animation-delay:2.8s}.step-3 .text-wrapper p{animation-delay:3s}.step-4 .text-wrapper h3{animation-delay:3.6s}.step-4 .text-wrapper p{animation-delay:3.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-container{height:auto;overflow:visible}body{height:auto!important;overflow-y:auto!important}.main-header{padding:2rem 1rem 1rem}.main-header h1{font-size:2.2rem}.main-header p{font-size:1rem}.journey-wrapper{padding:3rem 1rem;height:auto!important;overflow:visible!important}.journey-path{display:none!important}.journey-horizontal{flex-direction:column;align-items:center;gap:2rem;max-width:500px;margin:0 auto;padding-bottom:2rem}.step{opacity:1;flex-direction:column;align-items:center;width:100%;max-width:100%;animation:none;display:flex;transform:none;margin-top:0!important}.step:after{content:"";background:var(--primary);z-index:-1;opacity:.8;border-radius:2px;width:3px;height:2rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.step:last-child:after{display:none}.step-num{margin-bottom:1rem}.image-wrapper img{max-height:200px;margin-bottom:1rem}}