.company-journey{position:relative;width:100%;background-color:#020617;padding:80px 24px;overflow:hidden}
.bg-glow-1{position:absolute;top:80px;right:40px;width:384px;height:384px;background:#ef44441a;border-radius:50%;filter:blur(80px);pointer-events:none}
.bg-glow-2{position:absolute;bottom:80px;left:40px;width:384px;height:384px;background:#f973161a;border-radius:50%;filter:blur(80px);pointer-events:none}
.section-header{max-width:1280px;margin:0 auto 64px;text-align:center}
.section-badge{display:inline-block;margin-bottom:16px;padding:8px 24px;background:#ef444433;border:1px solid #f97316;border-radius:9999px;color:#f97316;font-size:16px;width:170px;text-align:center}
.section-title{font-size:4rem!important;font-weight:700;margin-bottom:1rem;font-family:"Roboto Flex",serif;line-height:normal}
.section-title .gradient-text{background:linear-gradient(to right,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-description{color:#fff;max-width:672px;margin:0 auto}
.timeline-container{max-width:1152px;margin:0 auto;position:relative}
.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ef444480,#f973164d,#ef444480);transform:translateX(-50%);display:none;height:0;transition:height 1.5s ease-out}
.timeline-line.animate{height:100%}
.timeline-item{position:relative;margin-bottom:48px;opacity:0;transform:translateY(50px);transition:all .6s ease-out}
.timeline-item.animate{opacity:1;transform:translateY(0)}
.timeline-content{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.year-badge-wrapper{position:relative;z-index:10;flex-shrink:0;transform:scale(0) rotate(-180deg);transition:all .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.timeline-item.animate .year-badge-wrapper{transform:scale(1) rotate(0)}
.year-badge{padding:12px 24px;border-radius:8px;font-size:1.25rem;font-weight:600;transition:all .3s}
.year-badge.highlight{position:relative;background:linear-gradient(to bottom right,#ef4444,#f97316,#dc2626);box-shadow:0 25px 50px -12px #ef444480}
.year-badge.highlight::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,#ef4444,#f97316);border-radius:8px;filter:blur(24px);opacity:.75;z-index:-1;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
.year-badge.normal{background:#0f172a;border:2px solid #334155;cursor:pointer}
.year-badge.normal:hover{border-color:#ef444480}
.year-badge.normal:hover .year-text{color:#f87171}
.year-text{color:#fff;transition:color .3s}
.timeline-dot{display:none;position:absolute;left:50%;top:24px;transform:translateX(-50%) scale(0);z-index:20;transition:transform .3s cubic-bezier(0.68,-0.55,0.265,1.55)}
.timeline-item.animate .timeline-dot{transform:translateX(-50%) scale(1)}
.dot{width:16px;height:16px;border-radius:50%}
.dot.highlight{background:linear-gradient(to right,#ef4444,#f97316);box-shadow:0 0 0 4px #ef44444d;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
.dot.normal{background:#334155;box-shadow:0 0 0 4px #1e293b}
.content-card-wrapper{flex:1;opacity:0;transform:translateX(-50px);transition:all .6s ease-out}
.timeline-item.animate .content-card-wrapper{opacity:1;transform:translateX(0)}
.content-card{background:#0f172a80;backdrop-filter:blur(12px);border:1px solid #1e293b;border-radius:12px;padding:32px;transition:all .3s}
.content-card:hover{border-color:#ef44444d;box-shadow:0 20px 25px -5px #ef44441a;transform:scale(1.02)}
.card-content{display:flex;gap:12px;align-items:flex-start}
.card-icon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(to bottom right,#ef444433,#f9731633);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}
.content-card:hover .card-icon{background:linear-gradient(to bottom right,#ef44444d,#f973164d);transform:rotate(360deg)}
.icon-dot{width:8px;height:8px;background:#ef4444;border-radius:50%}
.card-text{color:#d1d5db;line-height:1.75;transition:color .3s;text-align:left}
.what-makes-container{background:#22262b}
.content-card:hover .card-text{color:#e5e7eb}
@keyframes pulse {
0%,100%{opacity:1}
50%{opacity:.75}
}
@media (min-width: 1024px) {
.section-title{font-size:3rem}
.timeline-line{display:block}
.timeline-dot{display:block}
.timeline-item:nth-child(odd){padding-right:calc(50% + 24px)}
.timeline-item:nth-child(even){padding-left:calc(50% + 24px);text-align:right}
.timeline-item:nth-child(odd) .timeline-content{flex-direction:row-reverse}
.timeline-item:nth-child(even) .timeline-content{flex-direction:row}
.timeline-item:nth-child(odd) .content-card-wrapper{padding-right:48px}
.timeline-item:nth-child(even) .content-card-wrapper{padding-left:48px;transform:translateX(50px)}
.timeline-item:nth-child(even).animate .content-card-wrapper{transform:translateX(0)}
.year-badge{font-size:1.5rem}
.year-badge.highlight{padding:16px 32px}
}
@media (max-width: 1023px) {
.timeline-item{margin-bottom:48px}
.company-journey{padding:64px 24px}
}