.phase-container{background-color:#fefcf8;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:0 auto;max-width:1000px;padding:50px 30px 30px;width:100%}.phase-card-header h4{margin-bottom:0}.phase-card-header h4 span{display:block;font-size:18px;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.timeline{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.timeline-progress__bar{background-color:#ddd;content:"";height:4px;left:0;margin:0 auto;position:absolute;right:0;top:30px;width:calc(100% - 130px);z-index:1}.timeline-progress{background-color:#e5c877;height:4px;left:0;position:absolute;top:0;transition:width .5s ease-in-out;width:0;z-index:2}.phase-marker{position:relative;text-align:center;width:20%;z-index:3}.marker-circle:before{bottom:calc(100% + 4px);color:#e5c877;content:"PHASE";font-size:12px;left:0;letter-spacing:1px;position:absolute;right:0;text-align:center;white-space:nowrap}.marker-circle{align-items:center;background-color:#fff;border:4px solid #ddd;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#777;display:flex;font-size:1.4rem;font-weight:700;height:64px;justify-content:center;margin:0 auto 15px;position:relative;transition:all .3s ease;width:64px}.phase-marker.active .marker-circle{background-color:#e5c877;border-color:#e5c877;box-shadow:0 6px 12px hsla(44,68%,68%,.3);color:#000;transform:scale(1.1)}.phase-marker.completed .marker-circle{background-color:#fff;border-color:#e5c877;color:#000;font-size:0}.phase-marker.completed .marker-circle:after{content:url(https://21036242.fs1.hubspotusercontent-na1.net/hubfs/21036242/SB%20-%20Website%20Assets%20%3E%20Redesign/icons/check-icon.svg);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.phase-title{color:#000;font-size:1.1rem;font-weight:600;line-height:1}.card-container{margin-bottom:30px;position:relative;transition:min-height .3s ease}.phase-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:all .4s ease;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1}.phase-card.active{box-shadow:0 12px 25px rgba(0,0,0,.05);display:flex;opacity:1;pointer-events:all;position:relative;visibility:visible;z-index:2}.phase-card-header{background-color:#e5c877;color:#000;padding:25px;position:relative}.phase-card-header svg{border-radius:3px;fill:#fefcf8;height:80px;opacity:.2;padding:7px;position:absolute;right:0;top:0;width:80px}.phase-card-header h2{font-size:1.8rem;margin-bottom:8px}.phase-card-content{padding:30px}.phase-features{list-style-type:none}.phase-features li{align-items:center;border-bottom:1px solid #f0f0f0;color:#444;display:flex;font-size:1.05rem;padding:10px 0}.phase-features li:last-child{border-bottom:none}.phase-features li i{color:#e5c877;font-size:1.2rem;margin-right:12px}.controls{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.phase-counter{color:#666;font-size:1.1rem;font-weight:600}.phase-counter span{color:#000;font-weight:700}.nav-buttons{display:flex;gap:15px}.btn{border:0!important;min-width:120px;transition:all .3s linear}.btn:hover:not(:disabled){background-color:#d8b85f;box-shadow:0 6px 12px hsla(44,68%,68%,.4);transform:translateY(-2px)}.btn:disabled{background-color:#eee;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.btn-complete{background-color:#000;color:#e5c877;pointer-events:none}.btn-complete:hover:not(:disabled){background-color:#222;color:#e5c877}@media (max-width:992px){.phase-container{padding:20px}}@media (max-width:767px){.timeline{margin-bottom:0}.timeline-progress__bar{top:20px;width:calc(100% - 25px)}.marker-circle{border-width:2px;height:40px;width:40px}.phase-marker.completed .marker-circle:after{transform:translate(-50%,-50%) scale(.6);-webkit-transform:translate(-50%,-50%) scale(.6)}.timeline:before{display:none}.phase-marker{align-items:center;display:flex;gap:20px;width:100%}.phase-title{flex-grow:1;text-align:left}.controls{align-items:stretch;flex-direction:column;gap:20px}.nav-buttons{order:-1}.btn{flex-grow:1;justify-content:center}}@media (min-width:768px){.phase-card{display:flex;flex-wrap:wrap}.phase-card-header{width:40%}.phase-card-content{width:60%}}@media (max-width:767px){.phase-card{display:block!important}.phase-title{display:none}}