body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-logo{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #667eea1a;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-logo h1{-webkit-text-fill-color:#0000;animation:gradient 3s ease infinite;background:linear-gradient(270deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;font-size:2rem}.scroll-progress-container{background:#ffffff1a;height:3px;left:0;position:fixed;top:0;width:100%;z-index:10000}.scroll-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);box-shadow:0 0 10px #667eea80;height:100%}.scroll-percentage{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeae6;border-radius:50%;bottom:30px;box-shadow:0 0 20px #667eea80;color:#fff;display:flex;font-size:12px;font-weight:700;height:50px;justify-content:center;position:fixed;right:30px;width:50px;z-index:1000}.mouse-follower{border:2px solid #667eea80;height:40px;width:40px;z-index:9998}.mouse-follower,.mouse-follower-dot{border-radius:50%;mix-blend-mode:difference;pointer-events:none;position:fixed}.mouse-follower-dot{background:#667eea;height:10px;width:10px;z-index:9999}.glitch-text{position:relative;text-shadow:0 0 10px #667eea80}.glitch-text:after,.glitch-text:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-text:before{animation:glitch-1 .3s infinite;color:#0ff;z-index:-1}.glitch-text:after{animation:glitch-2 .3s infinite;color:#f0f;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient 5s ease infinite;background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#4facfe);-webkit-background-clip:text;background-clip:text;background-size:400% 400%}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating-3d{transform-style:preserve-3d;transition:transform .3s ease}.floating-3d:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg) scale(1.05)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px 0 #1f26875e}.neon-glow{animation:neon-pulse 2s infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes neon-pulse{0%,to{filter:drop-shadow(0 0 10px currentColor) brightness(1)}50%{filter:drop-shadow(0 0 20px currentColor) brightness(1.2)}}.holographic{animation:holographic-shift 3s ease infinite;background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#ff0080,#ff8c00,#40e0d0);background-size:300% 300%;mix-blend-mode:screen;opacity:.8}@keyframes holographic-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.geometric-shapes{height:100%;pointer-events:none;position:absolute;width:100%}.shape{border:2px solid #667eea4d;position:absolute}.shape-1{background:linear-gradient(45deg,#667eea1a,#764ba21a);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:100px;left:10%;top:10%;width:100px}.shape-2{background:linear-gradient(135deg,#f093fb1a,#f5576c1a);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:80px;right:15%;top:60%;width:80px}.shape-3{background:linear-gradient(270deg,#4facfe1a,#00f2fe1a);border-radius:50%;bottom:20%;height:120px;left:20%;width:120px}.tilt-container{height:100%;width:100%}.service-card-3d{border-radius:20px;color:#fff;height:420px;justify-content:space-between;overflow:hidden;padding:2.5rem;transform-style:preserve-3d;transition:all .3s ease;width:100%}.service-card-3d,.service-content{display:flex;flex-direction:column;position:relative}.service-content{align-items:center;flex-grow:1;text-align:center;z-index:5}.service-content h3{font-size:1.4rem;margin:.8rem 0}.service-content p{flex-grow:1;font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.service-icon-3d{display:inline-block;font-size:2.8rem;margin-bottom:1rem;position:relative;z-index:5}.icon-float{display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.icon-shadow{background:#0003;border-radius:50%;bottom:-10px;filter:blur(10px);height:10px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.holographic-overlay{background:linear-gradient(90deg,#0000,#fffc,#0000);height:3px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tech-stack{flex-shrink:0;margin-top:.5rem;position:relative;z-index:5}.tech-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:#ffffffe6;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-align:center;transition:all .3s ease;white-space:nowrap}.badge:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.card-border{z-index:1}.card-border,.floating-bg-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-bg-elements{overflow:hidden}.bg-shape{border-radius:50%;filter:blur(40px)}.bg-shape-1{background:radial-gradient(circle,#667eea4d,#0000);height:400px;left:-200px;top:-200px;width:400px}.bg-shape-2{background:radial-gradient(circle,#f093fb4d,#0000);bottom:-150px;height:300px;right:-150px;width:300px}@media (max-width:768px){.service-card-3d{height:380px;padding:2rem}.scroll-percentage{bottom:20px;font-size:10px;height:40px;right:20px;width:40px}.geometric-shapes,.mouse-follower,.mouse-follower-dot{display:none}}@media (max-width:480px){.service-card-3d{height:360px;padding:1.5rem}.service-icon-3d{font-size:2.5rem;margin-bottom:1rem}.service-content h3{font-size:1.3rem}.service-content p{font-size:.9rem}.badge{font-size:.8rem;padding:.4rem .8rem}}.hero-visualization{align-items:center;display:flex;height:500px;justify-content:center;position:relative;width:100%}.code-editor-visual{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid #667eea4d;border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 100px #667eea1a;left:-100px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:400px;z-index:10}.editor-header{align-items:center;background:#282837f2;border-bottom:1px solid #667eea33;display:flex;padding:12px 16px}.editor-dots{display:flex;gap:8px}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.editor-title{color:#fff9;font-size:12px;margin-left:auto}.editor-content,.editor-title{font-family:Monaco,Courier New,monospace}.editor-content{font-size:14px;line-height:1.6;padding:20px;position:relative}.code-line{margin:4px 0;white-space:pre}.indent-1{padding-left:20px}.indent-2{padding-left:40px}.keyword{color:#c678dd;font-weight:700}.variable{color:#e06c75}.operator{color:#56b6c2}.function{color:#61afef}.bracket{color:#abb2bf}.parameter{color:#e5c07b}.method{color:#61afef}.string{color:#98c379}.boolean{color:#d19a66}.typing-cursor{color:#667eea;display:inline-block;font-weight:700;margin-left:2px}.tech-orbit{height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.orbit-item,.tech-orbit{pointer-events:none}.tech-badge-orbit{pointer-events:auto}.tech-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eeae6,#f093fbe6);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .3s ease}.tech-icon:hover{box-shadow:0 6px 30px #667eea99;transform:scale(1.1)}.network-canvas{filter:blur(.5px)}.dna-helix{filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}@media (max-width:1200px){.code-editor-visual{left:-50px;width:350px}.tech-orbit{height:300px;width:300px}}@media (max-width:768px){.hero-visualization{height:400px}.code-editor-visual{left:auto;margin:0 auto;max-width:350px;position:relative;top:auto;transform:none;width:100%}.dna-helix,.tech-orbit{display:none}.network-canvas{height:100%!important;width:100%!important}}.immersive-hero{align-items:center;background:radial-gradient(ellipse at center,#1a1a2e 0,#0a0a0a 100%);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:1}.hero-main-title{background-size:1000% 1000%}.brand-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.brand-orb{border-radius:50%;filter:blur(40px);height:200px;position:absolute;width:200px}.orb-1{background:radial-gradient(circle,#667eea,#0000);top:20%}.orb-2{background:radial-gradient(circle,#f093fb,#0000);bottom:30%}.orb-3{background:radial-gradient(circle,#4facfe,#0000);top:60%}.scroll-arrow-hero{color:#fff9;cursor:pointer;font-size:2rem;transition:color .3s ease}.scroll-arrow-hero:hover{color:#667eea}@media (max-width:768px){.hero-content-wrapper{padding:0 1rem}.agency-showcase-grid{gap:1.5rem;height:90%}.services-preview-grid{grid-template-columns:1fr;max-width:300px}.agency-stats{flex-direction:column;gap:1rem}.stat-number{font-size:2rem}.hero-main-title{font-size:clamp(2rem,10vw,4rem)}.brand-orb{height:150px;width:150px}.scroll-indicator-hero{bottom:1rem}}@media (max-width:480px){.service-preview-card{padding:1.5rem 1rem}.service-icon-large{font-size:2rem}.hero-cta-button{font-size:1rem;padding:.8rem 2rem}}.lightweight-hero{align-items:center;display:flex;height:100vh;justify-content:center;max-width:100vw;overflow:hidden;overflow-x:hidden;position:relative;width:100%;z-index:1}.hero-bg-gradient{background:radial-gradient(ellipse at center,#1a1a2e 0,#0a0a0a 100%);z-index:0}.hero-bg-gradient,.morphing-bg{height:100%;left:0;position:absolute;top:0;width:100%}.morphing-bg{mix-blend-mode:screen;pointer-events:none;transition:background .2s ease;z-index:1}.animated-bg-grid{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.grid-dot{background:radial-gradient(circle,#667eeacc,#0000);border-radius:50%;height:4px;position:absolute;width:4px;will-change:transform,opacity}.dot-1{left:20%;top:15%}.dot-2{background:radial-gradient(circle,#f093fbcc,#0000);right:30%;top:25%}.dot-3{background:radial-gradient(circle,#4facfecc,#0000);left:15%;top:45%}.dot-4{right:20%;top:65%}.dot-5{background:radial-gradient(circle,#43e37bcc,#0000);left:70%;top:35%}.dot-6{background:radial-gradient(circle,#f093fbcc,#0000);bottom:30%;left:25%}.dot-7{background:radial-gradient(circle,#4facfecc,#0000);bottom:20%;right:40%}.dot-8{right:60%;top:55%}.dot-9{background:radial-gradient(circle,#43e37bcc,#0000);left:50%;top:75%}.dot-10{background:radial-gradient(circle,#f093fbcc,#0000);right:15%;top:85%}.dot-11{bottom:45%;left:80%}.dot-12{background:radial-gradient(circle,#4facfecc,#0000);left:60%;top:10%}.floating-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.shape-element{opacity:.6;position:absolute;will-change:transform}.shape-triangle{background:linear-gradient(135deg,#667eea66,#f093fb66);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:30px;right:20%;top:20%;width:30px}.shape-circle{background:linear-gradient(135deg,#4facfe66,#43e37b66);border-radius:50%;bottom:30%;height:25px;left:25%;width:25px}.shape-hexagon{background:linear-gradient(135deg,#f093fb66,#667eea66);-webkit-clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);height:20px;right:30%;top:60%;width:20px}.floating-orbs{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.orb{border-radius:50%;filter:blur(40px);position:absolute;will-change:transform}.orb-1{background:radial-gradient(circle,#667eea66,#0000);height:300px;left:10%;top:10%;width:300px}.orb-2{background:radial-gradient(circle,#f093fb4d,#0000);bottom:20%;height:200px;right:15%;width:200px}.orb-3{background:radial-gradient(circle,#4facfe59,#0000);height:250px;left:60%;top:50%;width:250px}.ripple-container{cursor:pointer;height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:1}.auto-ripple{border:2px solid #667eea99;border-radius:50%;height:100px;pointer-events:none;position:absolute;width:100px}.ripple-1{border-color:#667eea99;left:30%;top:20%}.ripple-2{border-color:#f093fb99;right:25%;top:60%}.ripple-3{border-color:#4facfe99;bottom:30%;left:20%}.ripple-4{border-color:#43e37b99;right:40%;top:40%}.ripple-5{border-color:#f093fb99;bottom:20%;right:30%}.ripple-6{border-color:#667eea99;left:60%;top:70%}.ripple-effect{animation:ripple-expand 2s ease-out forwards;border:3px solid #667eeacc;border-radius:50%;height:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:20px}@keyframes ripple-expand{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(10)}}.magical-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.magic-particle{background:radial-gradient(circle,#ffffffe6,#667eea99);border-radius:50%;box-shadow:0 0 20px #667eeacc,0 0 40px #f093fb66,0 0 60px #4facfe33;height:8px;position:absolute;width:8px}.particle-1{background:radial-gradient(circle,#ffffffe6,#667eeacc);bottom:0}.particle-2{background:radial-gradient(circle,#ffffffe6,#f093fbcc);bottom:0;left:15%}.particle-3{background:radial-gradient(circle,#ffffffe6,#4facfecc);bottom:0;left:25%}.particle-4{background:radial-gradient(circle,#ffffffe6,#43e37bcc);bottom:0;left:35%}.particle-5{background:radial-gradient(circle,#ffffffe6,#667eeacc);bottom:0;right:35%}.particle-6{background:radial-gradient(circle,#ffffffe6,#f093fbcc);bottom:0;right:25%}.particle-7{background:radial-gradient(circle,#ffffffe6,#4facfecc);bottom:0;right:15%}.particle-8{background:radial-gradient(circle,#ffffffe6,#43e37bcc);bottom:0;right:10%}.particle-9{background:radial-gradient(circle,#ffffffe6,#667eeacc);bottom:0;left:45%}.particle-10{background:radial-gradient(circle,#ffffffe6,#f093fbcc);bottom:0;left:55%}.particle-11{background:radial-gradient(circle,#ffffffe6,#4facfecc);bottom:0;left:65%}.particle-12{background:radial-gradient(circle,#ffffffe6,#43e37bcc);bottom:0;left:75%}.particle-13{background:radial-gradient(circle,#ffffffe6,#667eeacc);bottom:0;left:85%}.particle-14{background:radial-gradient(circle,#ffffffe6,#f093fbcc);bottom:0;right:45%}.particle-15{background:radial-gradient(circle,#ffffffe6,#4facfecc);bottom:0;right:55%}.particle-16{background:radial-gradient(circle,#ffffffe6,#43e37bcc);bottom:0;right:65%}.particle-17{background:radial-gradient(circle,#ffffffe6,#667eeacc);bottom:0;right:75%}.particle-18{background:radial-gradient(circle,#ffffffe6,#f093fbcc);bottom:0;right:85%}.particle-19{background:radial-gradient(circle,#ffffffe6,#4facfecc);bottom:0;left:50%}.particle-20{background:radial-gradient(circle,#ffffffe6,#43e37bcc);bottom:0;right:50%}.energy-waves{left:0;pointer-events:none;top:0;z-index:1}.energy-waves,.wave-svg{height:100%;position:absolute;width:100%}.wave-svg{opacity:.7}.spiral-container{height:200px;pointer-events:none;position:absolute;right:10%;top:15%;width:200px;z-index:1}.spiral-element,.spiral-svg{height:100%;width:100%}.spiral-svg{filter:drop-shadow(0 0 20px rgba(102,126,234,.5));opacity:.8}.light-beams{height:400px;pointer-events:none;transform:translate(-50%,-50%);width:400px;z-index:0}.light-beam,.light-beams{left:50%;position:absolute;top:50%}.light-beam{background:linear-gradient(180deg,#0000,#667eea99,#f093fbcc,#4facfe99,#0000);filter:blur(1px);height:200px;transform-origin:center 0;width:2px}.beam-1{background:linear-gradient(180deg,#0000,#667eea99,#0000)}.beam-2{background:linear-gradient(180deg,#0000,#f093fb99,#0000)}.beam-3{background:linear-gradient(180deg,#0000,#4facfe99,#0000)}.beam-4{background:linear-gradient(180deg,#0000,#43e37b99,#0000)}.beam-5{background:linear-gradient(180deg,#0000,#667eea99,#0000)}.beam-6{background:linear-gradient(180deg,#0000,#f093fb99,#0000)}.beam-7{background:linear-gradient(180deg,#0000,#4facfe99,#0000)}.beam-8{background:linear-gradient(180deg,#0000,#43e37b99,#0000)}.hero-content-wrapper{padding:0 2rem;position:relative;z-index:2}.hero-content-wrapper,.hero-main-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.hero-main-content{max-width:1400px}.agency-showcase-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-areas:"stats title services" "cta title services" ". . .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;height:80%;justify-items:center;width:100%}.title-section{grid-area:title;position:relative;text-align:center}.hero-main-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s linear infinite;background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#4facfe,#43e97b);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;filter:drop-shadow(0 0 20px rgba(240,147,251,.2));font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.9;margin-bottom:1rem;text-shadow:0 0 60px #667eea4d}.title-accent{animation:pulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#667eea,#0000);border-radius:2px;box-shadow:0 0 20px #667eeacc;height:4px;margin:0 auto;width:200px}@keyframes pulse{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.services-preview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-area:services;grid-template-columns:1fr 1fr;max-width:400px;width:100%}.service-preview-card{transition:all .4s ease}.service-preview-card:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.service-preview-card:hover:before{transform:translateX(100%)}.service-icon-large{display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:2.5rem;margin-bottom:1rem}.service-preview-card h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.service-glow{border-radius:50%;filter:blur(30px);height:100px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:100px;z-index:-1}.service-preview-card:hover .service-glow{opacity:.2}.agency-stats{align-items:flex-end;display:flex;flex-direction:column;gap:2rem;grid-area:stats}.stat-item{text-align:right}.stat-number{color:#667eea;font-size:3rem;font-weight:900;line-height:1;margin-bottom:.5rem;text-shadow:0 0 20px #667eea80}.stat-label{color:#ffffffb3;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.hero-cta-section{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;grid-area:cta}.hero-subtitle{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0;max-width:300px}.hero-cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.hero-cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hero-cta-button:hover:before{left:100%}.cta-arrow{font-size:1.2rem;transition:transform .3s ease}.hero-cta-button:hover .cta-arrow{transform:translateX(5px)}.scroll-indicator-hero{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ab3;border:1px solid #667eea4d;border-radius:30px;bottom:2rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;left:50%;padding:1rem;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10}.scroll-indicator-hero:hover{background:#667eea1a;border-color:#667eea99;transform:translateX(-50%) translateY(-5px)}.scroll-arrow-hero{color:#fffc;font-size:1.5rem;font-weight:700;transition:all .3s ease}.scroll-text{color:#fff9;font-size:.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.scroll-indicator-hero:hover .scroll-text{color:#667eea}.hero-bottom-gradient{background:linear-gradient(180deg,#0000 0,#05050a1a 20%,#0a0a0f4d 40%,#14141999 60%,#1e1e28cc 80%,#1e1e28f2);bottom:0;height:200px;left:0;pointer-events:none;position:absolute;width:100%;z-index:5}@keyframes hypnoticPulse{0%,to{filter:hue-rotate(0deg) brightness(1);transform:scale(1) rotate(0deg)}25%{filter:hue-rotate(90deg) brightness(1.2);transform:scale(1.1) rotate(90deg)}50%{filter:hue-rotate(180deg) brightness(.8);transform:scale(.9) rotate(180deg)}75%{filter:hue-rotate(270deg) brightness(1.1);transform:scale(1.05) rotate(270deg)}}@keyframes magneticFloat{0%,to{opacity:.7;transform:translateY(0) translateX(0) rotate(0deg)}25%{opacity:1;transform:translateY(-20px) translateX(10px) rotate(5deg)}50%{opacity:.8;transform:translateY(-10px) translateX(-15px) rotate(-3deg)}75%{opacity:.9;transform:translateY(-25px) translateX(5px) rotate(2deg)}}@keyframes kaleidoscope{0%{filter:hue-rotate(0deg) saturate(1);transform:rotate(0deg) scale(1)}33%{filter:hue-rotate(120deg) saturate(1.3);transform:rotate(120deg) scale(1.1)}66%{filter:hue-rotate(240deg) saturate(.8);transform:rotate(240deg) scale(.9)}to{filter:hue-rotate(1turn) saturate(1);transform:rotate(1turn) scale(1)}}@keyframes etherealGlow{0%,to{box-shadow:0 0 20px #667eea4d,0 0 40px #f093fb33,0 0 60px #4facfe1a}50%{box-shadow:0 0 40px #667eea99,0 0 80px #f093fb66,0 0 120px #4facfe4d}}.service-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ecc;border:1px solid #667eea33;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.service-preview-card:after{background:radial-gradient(circle,#ffffff1a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s ease;width:0;z-index:0}.service-preview-card:hover{animation:etherealGlow 2s ease-in-out infinite;border-color:#667eea99;transform:translateY(-10px) rotateX(5deg) rotateY(5deg)}.service-preview-card:hover:after{animation:hypnoticPulse 3s ease-in-out infinite;height:200px;width:200px}.service-preview-card:hover .service-icon-large{animation:kaleidoscope 4s linear infinite;transform:scale(1.2)}.service-preview-card:hover h3{animation:magneticFloat 3s ease-in-out infinite;color:#667eea;text-shadow:0 0 20px #667eeacc}.floating-shapes .shape-element{animation:magneticFloat 8s ease-in-out infinite}.floating-shapes .shape-triangle{animation:kaleidoscope 15s linear infinite}.floating-shapes .shape-circle{animation:hypnoticPulse 12s ease-in-out infinite}.floating-shapes .shape-hexagon{animation:magneticFloat 10s ease-in-out infinite}.orb{animation:etherealGlow 4s ease-in-out infinite}.orb-1{animation:magneticFloat 20s ease-in-out infinite,etherealGlow 3s ease-in-out infinite}.orb-2{animation:hypnoticPulse 25s ease-in-out infinite,etherealGlow 4s ease-in-out infinite}.orb-3{animation:kaleidoscope 30s linear infinite,etherealGlow 3.5s ease-in-out infinite}.animated-bg-grid .grid-dot{animation:hypnoticPulse 6s ease-in-out infinite}.animated-bg-grid .grid-dot:nth-child(2n){animation:magneticFloat 8s ease-in-out infinite}.animated-bg-grid .grid-dot:nth-child(3n){animation:kaleidoscope 10s linear infinite}.magic-particle{animation:magneticFloat 4s ease-in-out infinite}.magic-particle:nth-child(2n){animation:hypnoticPulse 5s ease-in-out infinite}.magic-particle:nth-child(3n){animation:kaleidoscope 6s linear infinite}.light-beam{animation:kaleidoscope 15s linear infinite;filter:blur(1px) drop-shadow(0 0 10px currentColor)}.light-beam:nth-child(2n){animation:hypnoticPulse 18s ease-in-out infinite}.auto-ripple{animation:hypnoticPulse 8s ease-in-out infinite}.auto-ripple:nth-child(2n){animation:magneticFloat 10s ease-in-out infinite}.auto-ripple:nth-child(3n){animation:kaleidoscope 12s linear infinite}.cursor-trail{height:200px;transform-origin:center;width:200px;z-index:1}.cursor-trail,.trail-element{left:50%;pointer-events:none;position:absolute;top:50%}.trail-element{border-radius:50%;height:8px;transform:translate(-50%,-50%);width:8px}.trail-1{background:radial-gradient(circle,#667eeacc,#0000);left:50%;top:20%}.trail-2{background:radial-gradient(circle,#f093fbcc,#0000);left:75%;top:35%}.trail-3{background:radial-gradient(circle,#4facfecc,#0000);left:75%;top:65%}.trail-4{background:radial-gradient(circle,#43e37bcc,#0000);left:50%;top:80%}.trail-5{background:radial-gradient(circle,#667eeacc,#0000);left:25%;top:65%}.trail-6{background:radial-gradient(circle,#f093fbcc,#0000);left:25%;top:35%}.trail-7{background:radial-gradient(circle,#4facfecc,#0000);left:10%;top:50%}.trail-8{background:radial-gradient(circle,#43e37bcc,#0000);left:90%;top:50%}.constellation-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.star-node{background:radial-gradient(circle,#ffffffe6,#667eea99);border-radius:50%;box-shadow:0 0 10px #667eea80,0 0 20px #f093fb4d,0 0 30px #4facfe33;cursor:pointer;height:6px;pointer-events:auto;position:absolute;width:6px}.node-1{left:25%;top:15%}.node-2{background:radial-gradient(circle,#ffffffe6,#f093fb99);right:20%;top:25%}.node-3{background:radial-gradient(circle,#ffffffe6,#4facfe99);left:15%;top:35%}.node-4{background:radial-gradient(circle,#ffffffe6,#43e37b99);right:30%;top:45%}.node-5{left:70%;top:55%}.node-6{background:radial-gradient(circle,#ffffffe6,#f093fb99);left:30%;top:65%}.node-7{background:radial-gradient(circle,#ffffffe6,#4facfe99);right:25%;top:75%}.node-8{background:radial-gradient(circle,#ffffffe6,#43e37b99);bottom:30%;left:20%}.node-9{bottom:20%;right:40%}.node-10{background:radial-gradient(circle,#ffffffe6,#f093fb99);left:60%;top:30%}.node-11{background:radial-gradient(circle,#ffffffe6,#4facfe99);left:40%;top:50%}.node-12{background:radial-gradient(circle,#ffffffe6,#43e37b99);left:80%;top:70%}.node-13{left:60%;top:80%}.node-14{background:radial-gradient(circle,#ffffffe6,#f093fb99);left:80%;top:10%}.node-15{background:radial-gradient(circle,#ffffffe6,#4facfe99);right:10%;top:60%}@media (max-width:1200px){.agency-showcase-grid{gap:2rem;grid-template-areas:"title" "services" "stats" "cta";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;text-align:center}.agency-stats{align-items:center;flex-direction:row;justify-content:center}.stat-item{text-align:center}.hero-cta-section{align-items:center}.hero-subtitle{max-width:500px;text-align:center}}@media (max-width:768px){.lightweight-hero{height:auto;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-bottom:8rem;width:100%}.hero-content-wrapper{max-width:100%;overflow-x:hidden;padding:0 1rem 8rem;width:100%}.agency-showcase-grid{gap:1.5rem;height:auto;max-width:100%;min-height:80vh;overflow-x:hidden;width:100%}.services-preview-grid{grid-template-columns:1fr;max-width:300px}.agency-stats{flex-direction:column;gap:1rem}.stat-number{font-size:2rem}.hero-main-title{font-size:clamp(2rem,10vw,4rem)}.orb-1,.orb-2,.orb-3{height:150px;width:150px}.scroll-indicator-hero{display:none}}@media (max-width:480px){.lightweight-hero{max-width:100vw;overflow-x:hidden;padding-bottom:8rem;width:100%}.hero-content-wrapper{max-width:100%;overflow-x:hidden;padding:0 1rem 10rem;width:100%}.agency-showcase-grid{max-width:100%;min-height:85vh;overflow-x:hidden;width:100%}.service-preview-card{padding:1.5rem 1rem}.service-icon-large{font-size:2rem}.hero-cta-button{font-size:1rem;padding:.8rem 2rem}.scroll-indicator-hero{display:none}}*{margin:0;padding:0}*,:after,:before{max-width:100vw}html{overflow-x:hidden}body,html{max-width:100vw;width:100%}.App,body{position:relative}.App{max-width:100vw;overflow-x:hidden;width:100%}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;padding-top:120px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.services-container{margin:0 auto;max-width:1800px;padding:0 20px}.header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0a0af2,#667eea1a 50%,#764ba21a);border-bottom:1px solid #667eea33;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:linear-gradient(135deg,#0a0a0afa,#667eea26 50%,#764ba226);box-shadow:0 4px 20px #667eea33}.header-content{align-items:center;display:flex;height:120px;justify-content:space-between;padding:0 1rem}.logo-container{cursor:pointer}.logo-container,.logo-wrapper{align-items:center;display:flex}.logo-wrapper{gap:1rem}.header-logo-icon{filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));height:100px;object-fit:contain;transition:all .3s ease;width:100px}.header.scrolled .header-logo-icon{height:65px;width:65px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-story{color:#ffffffe6;font-size:2.2rem;font-weight:300;letter-spacing:1px;margin-bottom:-4px}.logo-mutation{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:.5px}.header.scrolled .logo-mutation,.header.scrolled .logo-story{font-size:1.6rem}.logo{align-items:center;display:flex;overflow:hidden}.header-logo{filter:drop-shadow(0 2px 8px rgba(102,126,234,.3));height:100px;max-width:380px;object-fit:contain;transition:all .3s ease;width:auto}.header.scrolled .header-logo{height:90px;max-width:350px}.logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700}.nav ul{display:flex;gap:2rem;list-style:none}.nav button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav button:hover{color:#667eea}.header-right{align-items:center;display:flex;gap:1rem}.language-switcher{display:inline-block;position:relative}@media (max-width:768px){.App,body{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}section{max-width:100vw;overflow-x:hidden;width:100%}.container{max-width:100%!important;overflow-x:hidden!important;width:100%!important}}.language-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.language-btn:hover{background:#667eea1a;border-radius:6px}.language-icon{fill:currentColor;height:20px;transition:all .3s ease;width:20px}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border:1px solid #667eea4d;border-radius:8px;box-shadow:0 4px 20px #0000004d;margin-top:.5rem;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}@media (max-width:768px){.language-dropdown{bottom:auto;margin-top:.5rem;position:fixed;right:0;top:100%;z-index:999999}}.language-option{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#667eea1a}.language-option.active{background:#667eea0d;color:#667eea}.language-option .flag{font-size:1.1rem}.language-option .name{font-weight:500}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem}.mobile-menu-btn span{background:#fff;height:2px;margin:3px 0;transition:.3s;width:25px}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-bg{background-image:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbe233 0,#0000 50%);bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:2}.hero-title{color:#fff;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.hero-subtitle{color:#667eea;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.hero-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.hero-visual{height:500px;position:relative}.floating-elements{height:100%;position:relative;width:100%}.element{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #ffffff1a;border-radius:20px;display:flex;justify-content:center;overflow:hidden;position:absolute}.element-image{border-radius:15px;filter:brightness(1.2) contrast(1.2) saturate(1.1);height:90%;object-fit:cover;opacity:1;width:90%}.element-1{height:180px;left:12%;top:5%;width:180px}.element-1 .element-image{height:100%;object-fit:cover;width:100%}.element-2{background:linear-gradient(135deg,#ffff004d,#fff3);height:120px;right:20%;top:55%;width:120px}.element-2 .element-image{filter:brightness(2) contrast(1.5) saturate(1.5) drop-shadow(0 0 10px rgba(255,255,0,.8));height:100%;object-fit:contain;width:100%}.element-3{bottom:20%;height:100px;left:10%;width:100px}.realistic-hand{filter:drop-shadow(0 8px 25px rgba(0,0,0,.4));position:absolute;z-index:15}.hand-left-realistic{left:10%;top:15%}.hand-right-realistic{right:8%;top:45%}.hand-image-container{height:120px;position:relative;width:120px}.hand-placeholder{align-items:center;background:linear-gradient(135deg,#fdbcb4,#f4a688);border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 2px 8px #fff3;display:flex;height:100%;justify-content:center;width:100%}.hand-shape{height:100px;position:relative;width:80px}.palm{border-radius:20px 20px 15px 15px;bottom:0;box-shadow:inset 0 2px 6px #0000001a;height:60px;left:50%;transform:translateX(-50%);width:45px}.palm,.thumb{background:linear-gradient(135deg,#fdbcb4,#e8a598);position:absolute}.thumb{border-radius:10px;bottom:25px;box-shadow:0 2px 8px #0003;height:35px;left:-8px;transform:rotate(-25deg);width:18px}.thumb-pointing{left:-5px;transform:rotate(-15deg)}.finger{background:linear-gradient(180deg,#fdbcb4,#e8a598);border-radius:8px;box-shadow:0 2px 6px #0003;height:40px;position:absolute;width:12px}.finger-1{height:45px;left:15px;top:0}.finger-2{height:50px;left:30px;top:-5px}.finger-3{height:45px;left:45px;top:0}.finger-4{height:35px;left:58px;top:8px}.pointing-finger{background:linear-gradient(180deg,gold,#fdbcb4 50%,#e8a598);box-shadow:0 0 15px #ffd70066,0 2px 6px #0003;height:55px!important;top:-10px!important}.closed{height:25px!important;opacity:.8;top:15px!important}.realistic-hand:hover .hand-placeholder{background:linear-gradient(135deg,gold,orange);transform:scale(1.05);transition:all .3s ease}.realistic-hand:hover .pointing-finger{background:linear-gradient(180deg,#ff6b6b,gold 50%,#fdbcb4);box-shadow:0 0 20px #ff6b6b99,0 2px 6px #0003}.hero-image-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.hero-main-image{border-radius:20px;box-shadow:0 20px 60px #0000004d;filter:drop-shadow(0 10px 20px rgba(102,126,234,.2));height:auto;max-width:400px;width:100%}.scroll-indicator{bottom:2rem;color:#fff9;left:50%;position:absolute;transform:translateX(-50%)}.scroll-arrow{border-bottom:2px solid;border-right:2px solid;height:20px;transform:rotate(45deg);width:20px}.services{background:linear-gradient(180deg,#1e1e28e6,#191923cc 30%,#1a1a2e 70%,#0a0a0a);margin-top:-100px;padding:8rem 0 6rem;position:relative}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#ffffffb3;font-size:1.2rem;margin:0 auto;max-width:600px}.services-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1600px;padding:0 2rem}.service-card{border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.service-icon{font-size:3rem;margin-bottom:1.5rem}.service-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-content p{color:#ffffffe6;line-height:1.6}.service-overlay{align-items:center;background:#000c;color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.service-overlay,.services-bg{bottom:0;left:0;position:absolute;right:0;top:0}.services-bg{pointer-events:none}.bg-element{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;height:100px;position:absolute;width:100px}.bg-element-1{right:10%;top:10%}.bg-element-2{bottom:20%;left:15%}.about{background:linear-gradient(180deg,#1a1a2e,#16213e);padding:6rem 0;position:relative}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:2rem}.about-description{color:#fffc;font-size:1.2rem;line-height:1.7;margin-bottom:3rem}.values{space-y:1.5rem}.value-item{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;transition:transform .3s ease}.value-icon{font-size:1.5rem}.value-item p{color:#ffffffe6;font-size:1.1rem}.about-visual{height:500px;position:relative}.visual-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr auto;height:100%;overflow:visible;padding:2rem;position:relative;width:100%}.cards-group{display:flex;flex-direction:column;gap:2rem;max-width:200px;position:relative;z-index:1}.cards-group .floating-card{margin:.5rem;position:relative;width:120px;z-index:1}.story-mutation-card{height:200px;justify-self:end;margin:2rem;position:relative;width:200px;z-index:10}.floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:1.5rem;text-align:center}.card-1{align-self:flex-start;transform:translateX(-20px)}.card-2{align-self:center;transform:translateX(20px)}.card-3{align-self:flex-end;transform:translateX(-5px)}.card-icon{font-size:2rem;margin-bottom:.5rem}.card-icon .brand-icon{filter:drop-shadow(0 2px 8px rgba(102,126,234,.3));height:48px;object-fit:contain;width:48px}.story-mutation-card .card-icon{font-size:2.5rem;margin-bottom:.3rem}.story-mutation-card .brand-icon{height:90px;max-height:100%;max-width:100%;width:90px}.story-mutation-card .card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;text-align:center}.story-mutation-card .card-content h4{word-wrap:break-word;font-size:1rem;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content h4{color:#fff;font-size:1rem;font-weight:600}.center-element{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:100px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.center-content span{color:#fff;font-size:1.5rem;font-weight:700}.about-bg{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.bg-shape{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:150px;position:absolute;width:150px}.shape-1{right:10%;top:15%}.shape-2{bottom:25%;left:10%}.contact{background:linear-gradient(180deg,#16213e,#0a0a0a);padding:6rem 0;position:relative}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.contact-item{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;transition:transform .3s ease}.contact-icon{font-size:1.5rem}.contact-details h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.contact-details p{color:#fffc}.social-links{margin-top:3rem}.social-links h4{color:#fff;font-weight:600;margin-bottom:1rem}.social-icons{display:flex;gap:1rem}.social-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:1.2rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.social-icon:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.contact-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#667eea;outline:none}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.success-message{background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:10px;color:#0a0a0a;font-weight:600;margin-top:1rem;padding:1rem;text-align:center}.contact-bg{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.bg-particle{background:#667eea;border-radius:50%;height:4px;position:absolute;width:4px}.particle-1{left:10%;top:20%}.particle-2{bottom:30%;right:15%}.footer{background:#0a0a0a;border-top:1px solid #ffffff1a;padding:3rem 0 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;margin-bottom:1rem}.footer-brand p{color:#ffffffb3}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-section h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#667eea}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:2rem}.footer-bottom p{color:#fff9}.footer .social-links{display:flex;gap:1rem}.footer .social-link{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer .social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-3px)}@media (max-width:1024px){.about-content,.contact-content,.hero-content{gap:3rem;grid-template-columns:1fr}.hero-title{font-size:3rem}.section-header h2{font-size:2.5rem}}@media (max-width:1024px) and (min-width:769px){.services-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{max-width:100%;overflow-x:hidden;padding:0 15px}.services{margin-top:-10vh;padding-top:15vh}.services .section-header{padding-top:2rem}.about-content{flex-direction:column;gap:2rem}.about-text{max-width:100%;order:1;width:100%}.about-visual{height:auto;max-width:100%;min-height:450px;order:2;overflow:visible;width:100%}.visual-container{display:block;height:auto;min-height:400px;padding:2rem 1rem}.cards-group,.visual-container{overflow:visible;position:relative}.cards-group{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;max-width:100%;width:100%}.cards-group .floating-card{height:110px;margin:.5rem auto;max-width:110px;padding:1rem;position:relative;width:100%;z-index:1}.story-mutation-card{height:200px;justify-self:center;margin:2rem auto;max-width:200px;padding:1.5rem;position:relative;width:100%;z-index:10}.story-mutation-card .card-content h4{font-size:.9rem;line-height:1.1;margin-top:.5rem}.story-mutation-card .brand-icon{height:60px;width:60px}.logo-wrapper{gap:.5rem}.header-logo-icon{height:45px;width:45px}.header.scrolled .header-logo-icon{height:40px;width:40px}.logo-mutation,.logo-story{font-size:1.4rem}.header.scrolled .logo-mutation,.header.scrolled .logo-story{font-size:1.2rem}.nav{display:none}.nav.nav-open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0afa;border-bottom:1px solid #ffffff1a;display:flex;left:0;padding:2rem;position:absolute;right:0;top:100%}.nav.nav-open ul{flex-direction:column;gap:1rem;width:100%}.mobile-menu-btn{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.section-header h2{font-size:2rem}.services-grid{gap:1rem;grid-template-columns:1fr;max-width:100%;width:100%}.service-card{box-sizing:border-box;max-width:100%;width:100%}.footer-content,.form-row{grid-template-columns:1fr}.footer-content{gap:2rem}.footer-links{gap:1.5rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.services-grid{gap:1rem;grid-template-columns:1fr;max-width:100%;width:100%}.visual-container{min-height:350px;padding:.5rem 0}.cards-group{gap:2rem;grid-template-columns:1fr;overflow:visible}.cards-group .floating-card{height:120px;max-width:140px;padding:1rem;width:100%}.story-mutation-card{height:180px;margin-top:1rem;max-width:180px;padding:1.2rem;width:100%}.story-mutation-card .card-content h4{font-size:.85rem;line-height:1;margin-top:.3rem}.story-mutation-card .brand-icon{height:50px;width:50px}.hero{padding:2rem 0}.hero-title{font-size:2rem}.about,.contact,.services{padding:4rem 0}.cta-button,.submit-btn{font-size:1rem;padding:.875rem 2rem}.service-card{padding:2rem}.about-text h2{font-size:2rem}.contact-form-container{padding:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.contact-item,.service-card,.value-item,a,button,input,textarea{transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.skills-ticker-section{background:linear-gradient(180deg,#1e1e28e6,#0a0a0a);overflow:hidden;padding:8rem 0;position:relative}.skills-ticker-container{margin:0 auto;max-width:100%;padding:0 2rem}.skills-ticker-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s linear infinite;background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#4facfe);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:#fff;font-size:3rem;font-weight:700;margin-bottom:4rem;text-align:center}.ticker-wrapper{height:300px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 15%,#000 85%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 15%,#000 85%,#0000);overflow:hidden;position:relative}.ticker-track{display:flex;flex-direction:column;height:100%;justify-content:space-around;position:relative}.ticker-row{align-items:center;display:flex;gap:1.5rem;white-space:nowrap;will-change:transform}.ticker-row-reverse{flex-direction:row-reverse}.skill-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea4d;border-radius:50px;color:#ffffffe6;flex-shrink:0;font-size:.95rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:.8rem 1.8rem;position:relative;transition:all .3s ease;white-space:nowrap}.skill-badge:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.skill-badge:hover:before{left:100%}.skill-badge:hover{background:#667eea33;border-color:#667eea80;box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.skill-badge-reverse{background:#f093fb1a;border-color:#f093fb4d}.skill-badge-reverse:hover{background:#f093fb33;border-color:#f093fb80;box-shadow:0 10px 25px #f093fb4d}@media (max-width:768px){.skills-ticker-section{padding:4rem 0}.skills-ticker-title{font-size:2rem;margin-bottom:2rem}.ticker-wrapper{height:200px}.skill-badge{font-size:.85rem;padding:.6rem 1.2rem}.ticker-row{gap:1rem}}@media (max-width:480px){.skills-ticker-title{font-size:1.5rem}.ticker-wrapper{height:150px}.skill-badge{font-size:.75rem;padding:.5rem 1rem}.ticker-row{gap:.8rem}}.faq-section{background:linear-gradient(180deg,#0a0a0a,#1a1a2ef2 50%,#0a0a0a);overflow:hidden;padding:8rem 0;position:relative}.faq-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.faq-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s linear infinite;background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#4facfe);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.faq-subtitle{color:#fffc;font-size:1.25rem;font-weight:300;margin-bottom:4rem;text-align:center}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:0 auto;max-width:1000px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;position:relative;transition:all .3s ease}.faq-item:hover{border-color:#667eea4d;box-shadow:0 10px 30px #667eea33;transform:translateY(-2px)}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.faq-question:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.faq-question:hover:before{left:100%}.faq-question.active{background:#667eea1a;border-bottom:1px solid #667eea33}.faq-question h3{color:#fff;flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 1rem 0 0}.faq-icon{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:300;height:40px;justify-content:center;transition:all .3s ease;width:40px}.faq-question:hover .faq-icon{background:#667eea4d;border-color:#667eea80;transform:scale(1.1)}.faq-question.active .faq-icon{background:#667eea66;border-color:#667eea99;color:#fff}.faq-answer{border-top:1px solid #ffffff1a;overflow:hidden}.faq-answer-content{padding:1.5rem 2rem 2rem}.faq-answer-content p{color:#fffc;font-size:1rem;font-weight:300;line-height:1.7;margin:0}.faq-bg-effects{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.faq-bg-shape{border-radius:50%;filter:blur(60px);position:absolute}.faq-bg-shape-1{background:radial-gradient(circle,#667eea26,#0000);height:500px;right:-250px;top:-250px;width:500px}.faq-bg-shape-2{background:radial-gradient(circle,#f093fb1a,#0000);bottom:-200px;height:400px;left:-200px;width:400px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.faq-section{padding:4rem 0}.faq-title{font-size:2.5rem;margin-bottom:.5rem}.faq-subtitle{font-size:1.1rem;margin-bottom:3rem}.faq-grid{gap:1rem;grid-template-columns:1fr}.faq-question{padding:1.5rem}.faq-question h3{font-size:1.1rem}.faq-icon{font-size:1.3rem;height:35px;width:35px}.faq-answer-content{padding:1rem 1.5rem 1.5rem}.faq-answer-content p{font-size:.95rem}}@media (max-width:480px){.faq-container{padding:0 1rem}.faq-title{font-size:2rem}.faq-subtitle{font-size:1rem;margin-bottom:2rem}.faq-question{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.faq-question h3{font-size:1rem;margin-right:0}.faq-icon{align-self:flex-end;font-size:1.2rem;height:30px;width:30px}.faq-answer-content{padding:1.25rem}.faq-answer-content p{font-size:.9rem;line-height:1.6}}
/*# sourceMappingURL=main.fca6316c.css.map*/