.brand-logo{animation:logo-entrance 1s ease-out forwards,logo-float 3s ease-in-out 1s infinite;transform-origin:center}@keyframes logo-entrance{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes logo-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(1deg)}75%{transform:translateY(3px) rotate(-1deg)}}.navbar-brand:hover .brand-logo{animation:logo-hover .6s ease-in-out forwards}@keyframes logo-hover{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1.1) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.brand-logo{animation:none}.navbar-brand:hover .brand-logo{animation:none;transform:scale(1.05)}}.gsap-hero{align-items:center;background:linear-gradient(135deg,var(--color-background) 0,rgba(var(--color-teal-500-rgb),.05) 50%,var(--color-background) 100%);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-background{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hero-orb{border-radius:50%;contain:layout style;filter:blur(80px);opacity:.4;position:absolute;will-change:transform}.hero-orb-1{animation:float-slow 20s ease-in-out infinite;background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-300));height:600px;right:-200px;top:-200px;width:600px}.hero-orb-2{animation:float-slow 25s ease-in-out infinite reverse;background:linear-gradient(135deg,#8b5cf6,#a78bfa);bottom:-100px;height:400px;left:-100px;width:400px}.hero-orb-3{animation:pulse-glow 10s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.hero-main-container{margin:0 auto;max-width:var(--container-xl);padding:120px var(--space-24) 80px;position:relative;width:100%;z-index:1}.hero-content-wrapper{align-items:center;display:grid;gap:var(--space-32);grid-template-columns:1fr 1fr}.hero-text-content{display:flex;flex-direction:column;gap:var(--space-24)}.hero-badge{align-items:center;background:rgba(var(--theme-primary,6,182,212),.1);border:1px solid rgba(var(--theme-primary,6,182,212),.2);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-8);opacity:0;padding:var(--space-8) var(--space-16);transform:translateY(20px);transition:background var(--theme-transition,.6s),border-color var(--theme-transition,.6s);width:-moz-fit-content;width:fit-content}.badge-icon{font-size:1.25rem}.badge-text{color:rgb(var(--theme-primary,6,182,212));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;transition:color var(--theme-transition,.6s)}.hero-title{color:var(--color-text);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-weight-bold);line-height:1.1;margin:0}.title-line{display:block;opacity:0;transform:translateY(50px)}.gradient-text-animated{background:linear-gradient(135deg,#22d3ee,#3b82f6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;background-size:200% auto;-webkit-text-fill-color:transparent;animation:gradient-shift 5s ease infinite}.gsap-page-hero{overflow:hidden;position:relative}.gsap-page-hero .title-line{display:block;opacity:0;transform:translateY(50px)}.gsap-page-hero .page-subtitle.title-line{display:block;opacity:0;transform:translateY(30px)}.hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7;max-width:540px;opacity:0;transform:translateY(30px)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-16)}.hero-cta .btn{opacity:0;transform:translateY(20px)}.btn-glow{overflow:hidden;position:relative}.btn-glow:before{animation:glow-rotate 3s linear infinite;background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-300),#8b5cf6,var(--color-teal-500));background-size:300% 300%;border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.btn-glow:hover:before{opacity:1}@keyframes glow-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-arrow{height:18px;transition:transform .3s ease;width:18px}.btn:hover .btn-arrow{transform:translateX(4px)}.btn-outline{background:transparent;border:2px solid rgba(var(--theme-primary,6,182,212),.3);transition:background var(--theme-transition,.6s),border-color var(--theme-transition,.6s),color var(--theme-transition,.6s)}.btn-outline,.btn-outline:hover{color:rgb(var(--theme-primary,6,182,212))}.btn-outline:hover{background:rgba(var(--theme-primary,6,182,212),.1);border-color:rgb(var(--theme-primary,6,182,212))}.hero-stats{border-top:1px solid var(--color-border);display:flex;gap:var(--space-32);margin-top:var(--space-16);padding-top:var(--space-24)}.stat-item{display:flex;flex-direction:column;opacity:0;transform:translateY(20px)}.stat-number{color:rgb(var(--theme-primary,6,182,212));font-size:var(--font-size-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);transition:color var(--theme-transition,.6s)}.stat-suffix{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-4)}.hero-trust-badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-16);padding-top:var(--space-16)}.hero-trust-badge{align-items:center;background:rgba(var(--theme-primary,6,182,212),.08);border:1px solid rgba(var(--theme-primary,6,182,212),.2);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-8);padding:var(--space-8) var(--space-16);transition:background var(--theme-transition,.6s),border-color var(--theme-transition,.6s);white-space:nowrap}.hero-trust-badge span{align-items:center;display:inline-flex;gap:var(--space-4)}.hero-visual-showcase{height:500px}.hero-visual-showcase,.showcase-container{align-items:center;display:flex;justify-content:center;position:relative}.showcase-container{height:100%;width:100%}.hero-emblem-wrapper{align-items:center;animation:float-gentle 6s ease-in-out infinite;display:flex;height:400px;justify-content:center;position:relative;width:400px}.hero-emblem{filter:drop-shadow(0 20px 40px rgba(var(--color-teal-500-rgb),.3));height:100%;object-fit:contain;width:100%}.emblem-glow,.hero-emblem{animation:glow-pulse 4s ease-in-out infinite}.emblem-glow{background:radial-gradient(circle,rgba(var(--color-teal-500-rgb),.2) 0,transparent 70%);border-radius:50%;inset:-20%;pointer-events:none;position:absolute}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 20px 40px rgba(var(--color-teal-500-rgb),.3));opacity:.6}50%{filter:drop-shadow(0 25px 50px rgba(var(--color-teal-500-rgb),.5));opacity:1}}@media (max-width:768px){.hero-visual-showcase{height:300px}.hero-emblem-wrapper{height:250px;width:250px}}.project-slider-nav{display:flex;flex-wrap:wrap;gap:var(--space-16);justify-content:center;margin-bottom:var(--space-32);padding:0 var(--space-16);position:relative;z-index:10}.project-nav-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-8);overflow:hidden;padding:var(--space-10) var(--space-20);position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);white-space:nowrap}.project-nav-btn:before{background:linear-gradient(135deg,rgba(var(--theme-primary),.2),rgba(var(--theme-secondary),.2));content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.project-nav-btn.active:before,.project-nav-btn:hover:before{opacity:1}.project-nav-btn.active,.project-nav-btn:hover{border-color:rgba(var(--theme-primary),.5);box-shadow:0 0 30px rgba(var(--theme-primary),.2);color:var(--color-text)}.nav-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:8px}.project-nav-btn.active .nav-dot{background:rgb(var(--theme-primary));box-shadow:0 0 12px rgb(var(--theme-primary))}.nav-label{position:relative;z-index:1}.nav-progress{background:linear-gradient(90deg,rgb(var(--theme-primary)),rgb(var(--theme-secondary)));border-radius:0 0 var(--radius-full) var(--radius-full);bottom:0;height:2px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:opacity .3s ease;width:100%}.project-nav-btn.active .nav-progress{opacity:1}@media (max-width:768px){.project-slider-nav{gap:var(--space-8);margin-bottom:var(--space-24)}.project-nav-btn{font-size:var(--font-size-xs);padding:var(--space-8) var(--space-16)}.nav-dot{height:6px;width:6px}}@media (max-width:480px){.project-slider-nav{gap:var(--space-6)}.project-nav-btn{padding:var(--space-6) var(--space-12)}.nav-label{display:none}.project-nav-btn{justify-content:center;min-width:36px;padding:var(--space-10)}.nav-dot{height:10px;width:10px}}.slider-arrow{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.6);border:1px solid rgba(var(--theme-primary),.4);border-radius:50%;color:rgb(var(--theme-primary));cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.23,1,.32,1);width:56px;will-change:transform,opacity;z-index:100}.slider-arrow svg{height:24px;transition:transform .3s ease;width:24px}.slider-arrow-left{left:clamp(1rem,3vw,4rem)}.slider-arrow-right{right:clamp(1rem,3vw,4rem)}.slider-arrow:hover{background:rgba(var(--theme-primary),.2);border-color:rgb(var(--theme-primary));box-shadow:0 0 30px rgba(var(--theme-primary),.4),inset 0 0 20px rgba(var(--theme-primary),.1);transform:translateY(-50%) scale(1.1)}.slider-arrow-left:hover svg{transform:translateX(-4px)}.slider-arrow-right:hover svg{transform:translateX(4px)}.slider-arrow:active{transform:translateY(-50%) scale(.95)}.slider-arrow{opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.23,1,.32,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}.hero-section.in-view~.slider-arrow,.hero-section:hover~.slider-arrow,.slider-arrow.visible{opacity:1;pointer-events:auto}@media (min-width:1800px){.slider-arrow{height:64px;width:64px}.slider-arrow svg{height:28px;width:28px}.slider-arrow-left{left:5vw}.slider-arrow-right{right:5vw}}@media (min-width:1400px) and (max-width:1799px){.slider-arrow-left{left:3vw}.slider-arrow-right{right:3vw}}@media (max-width:1399px){.slider-arrow-left{left:2vw}.slider-arrow-right{right:2vw}}@media (max-width:1024px){.slider-arrow{height:48px;width:48px}.slider-arrow svg{height:20px;width:20px}.slider-arrow-left{left:1rem}.slider-arrow-right{right:1rem}}@media (max-width:768px){.slider-arrow{bottom:120px;height:48px;position:fixed;top:auto;transform:none;width:48px}.slider-arrow:hover{transform:scale(1.1)}.slider-arrow:active{transform:scale(.95)}.slider-arrow svg{height:20px;width:20px}.slider-arrow-left{left:1.5rem}.slider-arrow-right{right:1.5rem}}@media (max-width:480px){.slider-arrow{bottom:100px;height:44px;width:44px}.slider-arrow svg{height:18px;width:18px}.slider-arrow-left{left:1rem}.slider-arrow-right{right:1rem}}.hero-slides-container{contain:layout style;min-height:500px;overflow:visible;position:relative;width:100%}.hero-slide{backface-visibility:hidden;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);visibility:hidden;width:100%;will-change:transform,opacity}.hero-slide.active{opacity:1;pointer-events:auto;visibility:visible;z-index:2}.hero-slide:not(.active){z-index:1}.hero-emblem-showcase{margin:0 auto;max-width:400px;width:100%}.emblem-frame,.hero-emblem-showcase{align-items:center;display:flex;justify-content:center;position:relative}.emblem-frame{animation:float-gentle 6s ease-in-out infinite;height:320px;width:320px}.showcase-emblem{filter:drop-shadow(0 20px 40px rgba(var(--theme-primary),.3));height:100%;object-fit:contain;transition:filter var(--theme-transition);width:100%}.emblem-glow-ring{animation:glow-pulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(var(--theme-primary),.15) 0,rgba(var(--theme-secondary),.1) 40%,transparent 70%);border-radius:50%;inset:-30%;pointer-events:none;position:absolute;transition:background var(--theme-transition)}.emblem-badge{align-items:center;background:linear-gradient(135deg,rgb(var(--theme-primary)),rgb(var(--theme-secondary)));border-radius:20px;box-shadow:0 4px 15px rgba(var(--theme-primary),.4),0 0 0 1px hsla(0,0%,100%,.2) inset;display:flex;gap:6px;padding:8px 16px;position:absolute;right:-10px;top:-10px;transition:background var(--theme-transition),box-shadow var(--theme-transition);z-index:10}.emblem-badge .badge-icon{font-size:14px}.emblem-badge .badge-text{color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.emblem-frame{height:220px;width:220px}.hero-emblem-showcase{max-width:280px}}.placeholder-content{align-items:center;animation:placeholder-pulse 4s ease-in-out infinite;aspect-ratio:1/1;background:linear-gradient(135deg,rgba(var(--theme-primary),.05) 0,rgba(var(--theme-secondary),.03) 50%,rgba(var(--theme-accent),.05) 100%);border:2px dashed rgba(var(--theme-primary),.3);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-24);justify-content:center;margin:0 auto;max-width:400px;padding:var(--space-48);position:relative;transition:all var(--theme-transition);width:100%}@keyframes placeholder-pulse{0%,to{border-color:rgba(var(--theme-primary),.2);box-shadow:0 0 30px rgba(var(--theme-primary),.1)}50%{border-color:rgba(var(--theme-primary),.4);box-shadow:0 0 50px rgba(var(--theme-primary),.2)}}.placeholder-icon{background:linear-gradient(135deg,rgb(var(--theme-primary)),rgb(var(--theme-secondary)),rgb(var(--theme-accent)));-webkit-background-clip:text;background-size:200% 200%;font-size:4rem;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease-in-out infinite;background-clip:text;transition:background var(--theme-transition)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.placeholder-text{color:rgba(var(--theme-primary),.7);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-align:center;text-transform:uppercase;transition:color var(--theme-transition)}@media (max-width:768px){.placeholder-content{gap:var(--space-16);max-width:280px;padding:var(--space-32)}.placeholder-icon{font-size:3rem}.placeholder-text{font-size:var(--font-size-base)}}.hero-orb-1{background:linear-gradient(135deg,rgb(var(--theme-primary)),rgb(var(--theme-secondary)))!important}.hero-orb-1,.hero-orb-2{transition:background var(--theme-transition)}.hero-orb-2{background:linear-gradient(135deg,rgb(var(--theme-secondary)),rgb(var(--theme-accent)))!important}.hero-orb-3{background:linear-gradient(135deg,rgb(var(--theme-accent)),rgb(var(--theme-primary)))!important}.glow-orb-1,.hero-orb-3{transition:background var(--theme-transition)}.glow-orb-1{background:radial-gradient(circle,rgba(var(--theme-primary),.15),transparent 70%)!important}.glow-orb-2{background:radial-gradient(circle,rgba(var(--theme-secondary),.1),transparent 70%)!important}.glow-orb-2,.portfolio-showcase-glow{transition:background var(--theme-transition)}.portfolio-showcase-glow{background:radial-gradient(ellipse at center,rgba(var(--theme-primary),.15) 0,rgba(var(--theme-primary),.05) 40%,transparent 70%)!important}[data-project-theme] .btn-primary{background:linear-gradient(135deg,rgb(var(--theme-primary)),rgb(var(--theme-secondary)));transition:background var(--theme-transition)}[data-project-theme] .btn-primary:hover{background:linear-gradient(135deg,rgb(var(--theme-secondary)),rgb(var(--theme-primary)))}[data-project-theme] .btn-outline:hover{background:rgba(var(--theme-primary),.1);border-color:rgb(var(--theme-primary))}.hero-portfolio-showcase{color:inherit;cursor:pointer;display:block;max-width:500px;perspective:1200px;position:relative;text-decoration:none;transform-style:preserve-3d;width:100%}.hero-portfolio-showcase:focus,.hero-portfolio-showcase:hover{outline:none;text-decoration:none}.hero-portfolio-showcase:focus-visible .portfolio-showcase-frame{box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 3px var(--color-primary),0 0 80px -20px rgba(var(--color-teal-500-rgb),.3)}.portfolio-showcase-frame{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1),0 0 80px -20px rgba(var(--color-teal-500-rgb),.3);opacity:0;overflow:hidden;position:relative;transform:rotateY(-15deg) rotateX(5deg) translateY(40px) scale(.9);transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .6s ease}.hero-portfolio-showcase:hover .portfolio-showcase-frame{transform:rotateY(0deg) rotateX(0deg) scale(1.02)}.portfolio-showcase-browser{align-items:center;background:linear-gradient(180deg,#2a2a3e,#1f1f2e);border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:12px;padding:12px 16px}.browser-dots{display:flex;gap:6px}.dot{border-radius:50%;height:10px;opacity:0;transform:scale(0);width:10px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-url{background:hsla(0,0%,100%,.05);border-radius:6px;color:hsla(0,0%,100%,.5);flex:1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;opacity:0;padding:6px 16px;text-align:center}.portfolio-showcase-image-wrapper{aspect-ratio:16/10;overflow:hidden;position:relative}.portfolio-showcase-image{height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.1);transition:transform .6s cubic-bezier(.23,1,.32,1);width:100%}.hero-slide.active .portfolio-showcase-frame{opacity:1;transform:rotateY(-5deg) rotateX(2deg) translateY(0) scale(1)}.hero-slide.active .dot,.hero-slide.active .portfolio-showcase-image{opacity:1;transform:scale(1)}.hero-slide.active .browser-url,.hero-slide.active .emblem-badge,.hero-slide.active .emblem-frame,.hero-slide.active .emblem-glow-ring{opacity:1}.hero-portfolio-showcase:hover .portfolio-showcase-image{transform:scale(1)}.portfolio-showcase-shine{background:linear-gradient(115deg,transparent,transparent 40%,hsla(0,0%,100%,.1) 45%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 55%,transparent 60%,transparent);inset:0;pointer-events:none;position:absolute;transform:translateX(-100%)}.portfolio-showcase-badge{align-items:center;background:linear-gradient(135deg,var(--color-teal-500) 0,var(--color-teal-400) 100%);border-radius:20px;box-shadow:0 4px 15px rgba(var(--color-teal-500-rgb),.4),0 0 0 1px hsla(0,0%,100%,.2) inset;display:flex;gap:6px;opacity:0;padding:8px 16px;position:absolute;right:-12px;top:-12px;transform:translateY(-20px) scale(.8);z-index:10}.portfolio-showcase-badge .badge-icon{font-size:14px}.portfolio-showcase-badge .badge-text{color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.portfolio-showcase-glow{animation:showcase-glow-pulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center,rgba(var(--color-teal-500-rgb),.15) 0,rgba(var(--color-teal-500-rgb),.05) 40%,transparent 70%);inset:-50%;opacity:0;pointer-events:none;position:absolute}@keyframes showcase-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.gsap-portfolio-reveal.is-visible .portfolio-showcase-frame{opacity:1;transform:rotateY(-5deg) rotateX(2deg) translateY(0) scale(1)}.gsap-portfolio-reveal.is-visible .portfolio-showcase-image{opacity:1;transform:scale(1)}.gsap-portfolio-reveal.is-visible .portfolio-showcase-badge{opacity:1;transform:translateY(0) scale(1)}.gsap-portfolio-reveal.is-visible .portfolio-showcase-glow{opacity:.5}.gsap-portfolio-reveal.is-visible .dot{opacity:1;transform:scale(1)}.gsap-portfolio-reveal.is-visible .browser-url{opacity:1}@media (max-width:1024px){.hero-portfolio-showcase{max-width:400px}}@media (max-width:768px){.hero-portfolio-showcase{margin-top:var(--space-32);max-width:100%}.portfolio-showcase-frame{transform:rotateY(0deg) rotateX(0deg)}.portfolio-showcase-badge{padding:6px 12px;right:-8px;top:-8px}}.floating-image{display:none}.ring-1{animation:ring-pulse 4s ease-in-out infinite;height:400px;width:400px}.ring-1,.ring-2{left:50%;top:50%;transform:translate(-50%,-50%)}.ring-2{animation:ring-pulse 4s ease-in-out .5s infinite;height:500px;width:500px}.ring-3{animation:ring-pulse 4s ease-in-out 1s infinite;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);width:600px}@keyframes ring-pulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1)}}.scroll-indicator{align-items:center;bottom:40px;display:flex;flex-direction:column;gap:var(--space-8);left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.scroll-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase}.scroll-arrow{animation:bounce-down 2s ease-in-out infinite;color:var(--color-primary);height:24px;width:24px}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.image-sequence-section{background:var(--color-background);min-height:300vh;position:relative}.sequence-container{align-items:center;display:grid;gap:var(--space-32);grid-template-columns:1fr 1fr;height:100vh;margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-32);position:sticky;top:0}.sequence-content{display:flex;flex-direction:column;gap:var(--space-32)}.sequence-title{color:var(--color-text);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-weight-bold);margin:0;opacity:0;transform:translateX(-50px)}.sequence-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7;max-width:480px;opacity:0;transform:translateX(-50px)}.sequence-frames{display:flex;flex-direction:column;gap:var(--space-16)}.sequence-frame{background:rgba(var(--color-teal-500-rgb),.05);border:1px solid transparent;border-radius:var(--radius-lg);opacity:.4;padding:var(--space-24);transform:translateX(-20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.sequence-frame.active{background:rgba(var(--color-teal-500-rgb),.1);border-color:rgba(var(--color-teal-500-rgb),.3);opacity:1;transform:translateX(0)}.frame-content{display:flex;flex-direction:column;gap:var(--space-8)}.frame-number{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);opacity:.7}.frame-content h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.frame-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.sequence-progress{display:flex;flex-direction:column;gap:var(--space-12)}.progress-bar{background:rgba(var(--color-teal-500-rgb),.2);height:4px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--color-teal-500),var(--color-teal-300));height:100%;transition:width .3s ease;width:0}.progress-steps{display:flex;justify-content:space-between}.progress-steps .step{color:var(--color-text-secondary);font-size:var(--font-size-sm);opacity:.5;transition:all .3s ease}.progress-steps .step.active{color:var(--color-primary);font-weight:var(--font-weight-medium);opacity:1}.sequence-visual{align-items:center;display:flex;height:500px;justify-content:center;position:relative}.visual-stack{height:400px;max-width:450px;position:relative;width:100%}.stack-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:100%;object-fit:cover;opacity:0;position:absolute;transform:translateY(50px) scale(.95);transition:all .6s cubic-bezier(.16,1,.3,1);width:100%}.stack-image.active{opacity:1;transform:translateY(0) scale(1);z-index:10}.stack-image.prev{filter:blur(2px);opacity:.3;transform:translateY(-20px) scale(.9) rotateX(10deg)}.stack-image.next{filter:blur(2px);opacity:.3;transform:translateY(40px) scale(.9)}.stack-image{align-items:center;display:flex;justify-content:center}.stack-image:first-child{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(139,92,246,.2))}.stack-image:nth-child(2){background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(236,72,153,.2))}.stack-image:nth-child(3){background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(6,182,212,.2))}.stack-image:nth-child(4){background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(249,115,22,.2))}.stack-image-content{color:var(--color-text);text-align:center}.stack-image-icon{display:block;font-size:4rem;margin-bottom:1rem}.stack-image-label{font-weight:600;margin:0}.gsap-fade-in{opacity:0;transform:translateY(20px)}.gsap-fade-up{opacity:0;transform:translateY(30px)}.gsap-reveal{opacity:0;transform:translateX(-50px)}.gsap-scale-in{opacity:0;transform:scale(.9)}.portfolio-section .portfolio-card,.services-section .service-card,.team-section .team-card{opacity:0;transform:translateY(50px)}.portfolio-card,.service-card,.team-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.portfolio-card:hover,.service-card:hover,.team-card:hover{box-shadow:0 20px 40px rgba(var(--color-teal-500-rgb),.15);transform:translateY(-8px)}.section-title{display:inline-block;position:relative}.section-title:after{background:linear-gradient(90deg,var(--color-teal-500),var(--color-teal-300));border-radius:var(--radius-full);bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:width .6s cubic-bezier(.16,1,.3,1);width:0}.section-title.animated:after{width:60px}@media (min-width:1400px){.hero-main-container{max-width:1320px}}@media (max-width:1200px){.hero-content-wrapper{gap:var(--space-24)}.hero-title{font-size:clamp(2rem,4.5vw,3.5rem)}}@media (max-width:1024px){.hero-content-wrapper{gap:var(--space-32);grid-template-columns:1fr;text-align:center}.hero-text-content{align-items:center;order:2}.hero-visual-showcase{margin:0 auto;max-width:400px;order:1}.hero-subtitle{max-width:100%}.hero-cta,.hero-stats,.hero-trust-badges{justify-content:center}.sequence-container{grid-template-columns:1fr}.sequence-visual{height:300px;order:-1}.visual-stack{height:250px;max-width:300px}}@media (max-width:768px){.hero-main-container{padding:100px var(--space-16) 60px}.hero-title{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-subtitle{font-size:var(--font-size-base)}.hero-visual-showcase{max-width:320px}.hero-stats{flex-wrap:wrap;gap:var(--space-16)}.stat-item{flex:1 1 auto;min-width:100px;text-align:center}.hero-trust-badge{justify-content:center;text-align:center;white-space:normal}.sequence-container{padding:0 var(--space-16)}.sequence-frames{gap:var(--space-12)}.sequence-frame{padding:var(--space-16)}.emblem-frame{height:240px;width:240px}.hero-emblem-showcase{max-width:300px}.portfolio-showcase-frame{max-width:320px}.placeholder-content{max-width:280px;padding:var(--space-32)}}@media (max-width:576px){.hero-main-container{padding:90px var(--space-12) 50px}.hero-title{font-size:clamp(1.5rem,7vw,2rem)}.hero-visual-showcase{max-width:280px}.emblem-frame{height:200px;width:200px}.portfolio-showcase-frame{max-width:280px}.hero-trust-badges{font-size:var(--font-size-xs)}}@media (max-width:480px){.hero-main-container{padding:80px var(--space-8) 40px}.hero-cta{flex-direction:column;gap:var(--space-12);width:100%}.hero-cta .btn{justify-content:center;width:100%}.hero-visual-showcase{max-width:240px}.emblem-frame{height:180px;width:180px}.hero-emblem-showcase{max-width:220px}.placeholder-content{gap:var(--space-16);max-width:220px;padding:var(--space-24)}.placeholder-icon{font-size:2.5rem}.placeholder-text{font-size:var(--font-size-sm)}}@media (prefers-color-scheme:dark){.hero-orb-1{opacity:.2}.hero-orb-2{opacity:.15}.hero-orb-3{opacity:.1}.floating-image{box-shadow:0 20px 40px rgba(0,0,0,.4)}.sequence-frame{background:rgba(var(--color-teal-500-rgb),.08)}.sequence-frame.active{background:rgba(var(--color-teal-500-rgb),.15)}}[data-color-scheme=dark] .hero-orb-1{background:linear-gradient(135deg,var(--color-teal-300),#06b6d4);opacity:.5}[data-color-scheme=dark] .hero-orb-2{background:linear-gradient(135deg,#a855f7,#c084fc);opacity:.4}[data-color-scheme=dark] .hero-orb-3{background:linear-gradient(135deg,#f59e0b,#fbbf24);opacity:.3}[data-color-scheme=dark] .floating-image{box-shadow:0 20px 40px rgba(0,0,0,.6)}[data-color-scheme=dark] .sequence-frame{background:rgba(var(--color-teal-300-rgb),.1)}[data-color-scheme=dark] .sequence-frame.active{background:rgba(var(--color-teal-300-rgb),.2)}[data-color-scheme=dark] .card{background:#121216;border-color:hsla(0,0%,100%,.08)}[data-color-scheme=dark] .gradient-text{background:linear-gradient(135deg,var(--color-teal-300),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-agents-section{background:linear-gradient(180deg,var(--color-background) 0,rgba(var(--color-teal-500-rgb),.03) 50%,var(--color-background) 100%);padding:var(--space-64) 0}.section-header{margin-bottom:var(--space-48);text-align:center}.section-badge{align-items:center;background:rgba(var(--theme-primary),.1);border:1px solid rgba(var(--theme-primary),.2);border-radius:var(--radius-full);color:rgb(var(--theme-primary));display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-8);margin-bottom:var(--space-16);padding:var(--space-8) var(--space-16);transition:background var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition)}.section-badge svg{flex-shrink:0;height:18px;stroke:rgb(var(--theme-primary));transition:stroke var(--theme-transition);width:18px}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:var(--space-16) auto 0;max-width:600px}.agents-showcase{align-items:center;display:grid;gap:var(--space-48);grid-template-columns:1fr 1fr}.agents-visual{display:flex;justify-content:center}.dashboard-preview{background:var(--color-charcoal-800);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1);max-width:450px;overflow:hidden;padding:0;width:100%}.dashboard-header{align-items:center;background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:var(--space-8);padding:var(--space-12) var(--space-16)}.dashboard-dot{border-radius:50%;height:12px;width:12px}.dashboard-dot.red{background:#ff5f57}.dashboard-dot.yellow{background:#ffbd2e}.dashboard-dot.green{background:#28c840}.dashboard-title{color:hsla(0,0%,100%,.6);font-size:var(--font-size-sm);margin-left:auto}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16)}.agent-card-mini{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);display:flex;gap:var(--space-12);padding:var(--space-12) var(--space-16)}.agent-status{border-radius:50%;height:10px;width:10px}.agent-status.active{background:#28c840;box-shadow:0 0 10px #28c840}.agent-status.paused{background:#666}.agent-name{color:hsla(0,0%,100%,.9);flex:1;font-size:var(--font-size-sm)}.agent-toggle{background:rgba(var(--color-teal-500-rgb),.2);border-radius:var(--radius-sm);color:var(--color-teal-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8)}.agents-features{display:flex;flex-direction:column;gap:var(--space-24)}.feature-item{align-items:flex-start;display:flex;gap:var(--space-16)}.feature-icon{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-size:2rem;justify-content:center}.feature-icon svg{height:28px;stroke:var(--color-primary);width:28px}.feature-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.feature-content p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.why-section{background:var(--color-background);padding:var(--space-64) 0}.why-grid{margin-top:var(--space-32)}.why-card{padding:var(--space-32);text-align:center}.why-icon{align-items:center;color:var(--color-primary);display:flex;font-size:3rem;justify-content:center;margin-bottom:var(--space-16)}.why-icon svg{height:40px;stroke:var(--color-primary);width:40px}.why-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-12)}.why-card p{color:var(--color-text-secondary)}@media (max-width:1024px){.hero-visual-showcase{height:380px}.frame-1,.frame-2,.frame-3,.frame-4{height:130px;width:130px}.frame-4{height:110px;width:110px}}@media (max-width:768px){.hero-visual-showcase{height:320px}.floating-image{padding:var(--space-6)}.frame-1,.frame-2{height:110px;top:0;width:110px}.frame-3,.frame-4{bottom:5%;height:100px;width:100px}.frame-1{left:2%}.frame-2{right:2%}.frame-3{left:2%}.frame-4{height:90px;right:2%;width:90px}.agents-showcase{gap:var(--space-32);grid-template-columns:1fr}.agents-visual{order:-1}.dashboard-preview{max-width:100%}.why-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.btn-glow:before,.floating-image,.gradient-text-animated,.hero-orb,.scroll-arrow,.showcase-ring{animation:none}.floating-image,.gsap-fade-in,.gsap-fade-up,.gsap-page-hero .page-subtitle,.gsap-page-hero .title-line,.gsap-reveal,.gsap-scale-in,.hero-badge,.hero-cta .btn,.hero-subtitle,.scroll-indicator,.stat-item,.title-line{opacity:1;transform:none}}.section-mesh-bg{position:relative}.section-mesh-bg:before{background:radial-gradient(ellipse at 20% 30%,rgba(6,182,212,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.04) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.section-mesh-bg>*{position:relative;z-index:1}.gradient-border-section{position:relative}.gradient-border-section:after{animation:shimmerLine 8s ease infinite;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3) 20%,rgba(139,92,246,.3) 50%,rgba(6,182,212,.3) 80%,transparent);background-size:200% 100%;bottom:0;content:"";height:1px;left:10%;position:absolute;right:10%}@keyframes shimmerLine{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-magnetic{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.btn-ripple{overflow:hidden;position:relative}.btn-ripple:after{background:hsla(0,0%,100%,.15);border-radius:50%;content:"";left:var(--ripple-x,50%);opacity:1;padding-bottom:100%;pointer-events:none;position:absolute;top:var(--ripple-y,50%);transform:scale(0);transform-origin:center;width:100%}.btn-ripple:active:after{animation:rippleEffect .6s ease-out forwards}@keyframes rippleEffect{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.btn-shine{overflow:hidden;position:relative}.btn-shine:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-shine:hover:before{left:100%}.nav-link-underline{position:relative}.nav-link-underline:after{background:linear-gradient(90deg,#06b6d4,#8b5cf6);bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.nav-link-underline:hover:after{transform:scaleX(1);transform-origin:left}.nav-link-underline.active:after{background:linear-gradient(90deg,#06b6d4,#06b6d4);transform:scaleX(1)}.card-tilt{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.card-tilt>*{transform:translateZ(20px)}.card-glow{position:relative;transition:box-shadow .4s ease}.card-glow:before{background:linear-gradient(135deg,rgba(6,182,212,.5),rgba(139,92,246,.5));border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .4s ease}.card-glow:hover:before{opacity:1}.card-glow:hover{box-shadow:0 0 30px rgba(6,182,212,.15),0 0 60px rgba(139,92,246,.1)}.gradient-text-flow{animation:gradientFlow 6s linear infinite;background:linear-gradient(90deg,#06b6d4,#8b5cf6 25%,#ec4899 50%,#8b5cf6 75%,#06b6d4);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:transparent}@keyframes gradientFlow{to{background-position:200%}}.text-glow{text-shadow:0 0 10px rgba(6,182,212,.5),0 0 30px rgba(6,182,212,.3),0 0 50px rgba(6,182,212,.1)}.blur-reveal{filter:blur(10px);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.blur-reveal.revealed{filter:blur(0);opacity:1;transform:translateY(0)}.scale-reveal{opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.scale-reveal.revealed{opacity:1;transform:scale(1)}.slide-left-reveal{opacity:0;transform:translateX(-40px);transition:all .7s cubic-bezier(.4,0,.2,1)}.slide-left-reveal.revealed{opacity:1;transform:translateX(0)}.slide-right-reveal{opacity:0;transform:translateX(40px);transition:all .7s cubic-bezier(.4,0,.2,1)}.slide-right-reveal.revealed{opacity:1;transform:translateX(0)}.skeleton{animation:skeletonShimmer 1.5s ease infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03));background-size:200% 100%;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.btn-shine:before,.gradient-border-section:after,.gradient-text-flow,.skeleton{animation:none}.blur-reveal,.scale-reveal,.slide-left-reveal,.slide-right-reveal{filter:none;opacity:1;transform:none;transition:none}.card-tilt{transform:none!important}}