.playground-container{scroll-behavior:smooth;background:#0a0a0a;height:100vh;overflow:hidden auto}section{box-sizing:border-box}#hero,#services,#hero,#services,#team,#showcase,#techstack,#cta,#contact,#intro{margin-bottom:clamp(6.5rem,13vw,15.625rem)!important}.timeline-container{max-width:1200px;margin:0 auto;position:relative}.timeline-container:before{content:"";background:linear-gradient(#0000 0%,#00d4d480 10% 90%,#0000 100%);width:2px;height:0;animation:1.5s ease-out forwards timeline-grow;position:absolute;left:50%;transform:translate(-50%)}@keyframes timeline-grow{to{height:100%}}.timeline-item{grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:4rem;display:grid;position:relative}.timeline-dot{z-index:2;opacity:0;background:#0a0a0a;border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:relative;transform:scale(0)}.timeline-content{opacity:0;border-radius:16px;padding:2rem;transition:all .3s;transform:translateY(30px)}.timeline-item:last-child{margin-bottom:0}.timeline-spacer{width:100%}.timeline-dot-inner{border-radius:50%;width:10px;height:10px;transition:all .3s}.timeline-dot:hover{transform:scale(1.3);box-shadow:0 0 20px #00d4d480}.timeline-item.timeline-visible .timeline-dot{opacity:1;transition:all .5s cubic-bezier(.4,0,.2,1);transform:scale(1)}.timeline-item.timeline-visible .timeline-content{opacity:1;transition:all .6s cubic-bezier(.4,0,.2,1) .3s;transform:translateY(0)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #00d4d433;box-shadow:0 8px 32px #0000004d}.glass-card:hover{background:#ffffff0d;border-color:#00d4d466;transform:translateY(-4px);box-shadow:0 12px 40px #00d4d433}.timeline-date{letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.timeline-title{color:#f5f5f5;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.timeline-description{color:#a0a0a0;font-size:1rem;line-height:1.6}@media (max-width:768px){.timeline-item{grid-template-columns:1fr;gap:1rem}.timeline-spacer{display:none}.timeline-container:before{left:12px}.timeline-dot{grid-column:1;justify-self:start}}