.hero{background:linear-gradient(135deg,#111 0%,#1a1a1a 50%,#111 100%);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ee51261f 0%,#0000 70%);border-radius:50%;width:80vw;height:80vw;position:absolute;top:-50%;right:-30%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f0900a14 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-20%;left:-20%}.hero-content{z-index:10;position:relative}.hero-headline{font-family:var(--font-heading);letter-spacing:-.03em;color:#fff;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1.05}.hero-headline .highlight{background:linear-gradient(135deg, var(--color-brand-gradient-start), var(--color-brand-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#fff9;max-width:540px;margin-top:1.5rem;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.8}.hero-badge{color:var(--color-brand);background:#ee51261a;border:1px solid #ee512633;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--color-brand);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow}.hero-stats{border-top:1px solid #ffffff1a;gap:3rem;margin-top:3rem;padding-top:2rem;display:flex}.hero-stat-value{color:#fff;font-size:2rem;font-weight:700;line-height:1}.hero-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.8rem}.scroll-indicator{color:#ffffff4d;letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;animation:3s ease-in-out infinite float;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator .line{background:linear-gradient(#ee512699,#0000);width:1px;height:40px}.clients-marquee{background-color:var(--color-surface-alt);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);padding-block:3rem;overflow:hidden}.marquee-track{gap:4rem;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track img{opacity:.4;filter:grayscale();object-fit:contain;height:36px;transition:all .4s}.marquee-track img:hover{opacity:1;filter:grayscale(0%)}.about-preview{background-color:var(--color-surface)}.about-stat-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.about-stat-card{text-align:center;background:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:1rem;padding:2rem;transition:all .3s}.about-stat-card:hover{border-color:#ee512633;transform:translateY(-4px);box-shadow:0 8px 30px #ee512614}.about-stat-number{background:linear-gradient(135deg, var(--color-brand-gradient-start), var(--color-brand-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.about-stat-text{color:var(--color-text-secondary);margin-top:.5rem;font-size:.875rem}.services-overview{background-color:var(--color-surface-alt)}.interactive-services-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}@media (width>=992px){.interactive-services-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:4rem}}.interactive-services-list{flex-direction:column;display:flex}.interactive-service-item{border-bottom:1px solid var(--color-border-light);cursor:pointer;opacity:.5;flex-direction:column;gap:0;padding:1.5rem 0;transition:all .3s;display:flex}.service-item-header{align-items:center;gap:1.5rem;width:100%;display:flex}.mobile-service-content{padding-top:1rem;padding-left:3rem;animation:.3s forwards fadeIn;display:none}.mobile-service-content p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.mobile-learn-more{color:var(--color-brand);font-size:.875rem;font-weight:600;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=991px){.interactive-service-item.active .mobile-service-content{display:block}.interactive-services-display{display:none!important}}@media (width>=992px){.interactive-service-item{flex-direction:row;align-items:center}}.interactive-service-item:first-child{border-top:1px solid var(--color-border-light)}.interactive-service-item.active,.interactive-service-item:hover{opacity:1}.interactive-service-item.active{border-color:var(--color-brand);padding-left:1.5rem}.service-num{color:var(--color-brand);font-family:monospace;font-size:.875rem;font-weight:700}.interactive-service-item h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;transition:color .3s}@media (width>=768px){.interactive-service-item h3{font-size:1.5rem}}.interactive-service-item.active h3{color:var(--color-brand)}.interactive-services-display{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:1rem;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.interactive-service-content{opacity:0;visibility:hidden;background:var(--color-surface);flex-direction:column;justify-content:center;width:100%;height:100%;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;transform:translateY(20px)}.interactive-service-content.active{opacity:1;visibility:visible;transform:translateY(0)}.display-icon{background:var(--color-brand-light);border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;display:flex}.display-icon svg{width:32px;height:32px;stroke:var(--color-brand)}.interactive-service-content h4{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.75rem;font-weight:800}.interactive-service-content p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.6}.display-btn{color:var(--color-brand);align-items:center;font-size:.9375rem;font-weight:600;transition:opacity .3s;display:inline-flex}.display-btn:hover{opacity:.8}.featured-work{background-color:var(--color-surface)}.work-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;display:grid}.work-card{aspect-ratio:16/10;cursor:pointer;group:true;border-radius:1rem;position:relative;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.work-card:hover img{transform:scale(1.05)}.work-card-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.work-card:hover .work-card-overlay{opacity:1}.work-card-category{color:var(--color-brand);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.work-card-title{color:#fff;font-size:1.25rem;font-weight:700}.cta-section{background:linear-gradient(135deg, var(--color-brand-gradient-start), var(--color-brand-gradient-end));text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:-50%;right:-25%}.cta-title{font-family:var(--font-heading);color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.15}.cta-description{color:#fffc;margin-top:1rem;max-width:500px;margin-inline:auto;font-size:1.125rem}.blog-section{background-color:var(--color-surface-alt)}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:1rem;transition:all .3s;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000000f}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:1.5rem}.blog-card-tag{color:var(--color-brand);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:600}.blog-card-title{color:var(--color-text-primary);margin-top:.5rem;font-size:1.125rem;font-weight:700;line-height:1.4}.blog-card-excerpt{color:var(--color-text-secondary);margin-top:.5rem;font-size:.875rem;line-height:1.7}@media (width<=768px){.hero-stats{gap:1.5rem}.hero-stat-value{font-size:1.5rem}.about-stat-grid,.work-grid{grid-template-columns:1fr}}