*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#1d1d1f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}section{scroll-margin-top:60px}.btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:25px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;touch-action:manipulation;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.section-header{margin-bottom:4rem;text-align:center}.section-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:1rem}.section-title{color:#1d1d1f}.section-title,.section-title1{font-size:2.5rem;margin-bottom:1rem}.section-title1{color:#f5f5f6;font-weight:700}.section-subtitle{color:#6e6e73}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;will-change:auto}@media (max-width:768px){.section-title{font-size:2.2rem;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;padding:0 1rem}.btn{font-size:1.1rem;max-width:280px;padding:15px 24px;width:100%}}@media (max-width:480px){.section-title{font-size:1.8rem}.container{padding:0 15px}}.navbar{padding:.5rem 0;position:fixed;top:0;transition:all .3s ease}.navbar,.pill-navbar{background:#0000;width:100%;z-index:1000}.pill-navbar{border:none;box-shadow:none;justify-content:center;margin-bottom:.5rem;margin-top:.5rem}.pill-nav-container,.pill-navbar{align-items:center;display:flex;position:relative}.pill-nav-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1.5px solid #fff3;border-radius:2.5rem;box-shadow:0 2px 12px 0 #0000001a;justify-content:space-between;max-width:1200px;min-height:40px;padding:.2rem 1.5rem .2rem 1rem;width:90vw}.pill-nav-logo{align-items:center;display:flex;margin-right:2.5rem;margin-top:.2rem}.logo-image{height:35px;object-fit:contain;width:auto}.pill-nav-links{align-items:center;display:flex;flex:1 1;gap:2.5rem;justify-content:flex-end}.pill-nav-link{background:none;border:none;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:500;padding:.25rem .5rem;position:relative;text-decoration:none;transition:color .2s}.pill-nav-link:hover{color:#f60}.pill-nav-cta{margin-left:2.5rem}.pill-nav-hamburger{align-items:center;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;margin-left:.5rem;width:40px;z-index:1100}.pill-nav-hamburger span{background:#fff;border-radius:2px;display:block;height:3px;margin:3px 0;transition:all .3s;width:26px}.pill-nav-mobile-overlay{align-items:flex-start;background:#14141ef7;bottom:0;display:none;justify-content:center;left:0;opacity:0;padding-top:80px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:3000}.pill-nav-mobile-overlay.active{animation:fadeIn .3s;display:flex!important;opacity:1;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pill-nav-mobile-menu{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100vw}.pill-nav-mobile-menu .pill-contact-btn,.pill-nav-mobile-menu .pill-nav-link{border-radius:2rem;color:#fff;font-size:1.3rem;max-width:320px;text-align:center;width:80vw}.pill-nav-mobile-menu .pill-contact-btn{background:#fff;border:none;color:#181818;margin-top:1rem}@media (max-width:900px){.pill-nav-container{padding:.5rem 1rem}.pill-nav-links{gap:1.2rem}.pill-nav-logo{margin-right:1.2rem}.pill-nav-cta{margin-left:1.2rem}}@media (max-width:600px){.pill-navbar{display:none}}.hero{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;min-height:100vh;overflow:hidden;padding-top:10px;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform;z-index:1}.hero-bg-shapes{height:100%;position:relative;width:100%}.shape{animation:float 8s ease-in-out infinite;background:linear-gradient(45deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute;will-change:transform}.shape-1{animation-delay:0s;height:300px;left:10%;top:10%;width:300px}.shape-2{animation-delay:2s;height:200px;right:15%;top:60%;width:200px}.shape-3{animation-delay:4s;bottom:20%;height:150px;left:20%;width:150px}.hero-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:-16rem auto 0;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;margin-top:18rem;padding:.5rem 1rem}.hero-badge i{color:#667eea}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.hero-buttons{align-items:center;display:flex;flex-direction:column;gap:.8rem;justify-content:center;margin-bottom:10rem}.hero-buttons .btn:last-child{margin-bottom:1rem}.hero-buttons .btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;max-width:250px;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:auto}.hero-buttons .btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hero-mobile-nav{align-items:center;display:none;justify-content:space-between;left:0;padding:0 1rem;position:absolute;right:0;top:1rem;z-index:1000}.hero-mobile-hamburger{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;width:40px;z-index:1100}.hero-mobile-hamburger span{background:#fff;border-radius:2px;display:block;height:3px;margin:3px 0;transition:all .3s;width:26px}.hero-mobile-logo{align-items:center;display:flex}.hero-mobile-overlay{align-items:flex-start;background:#14141ef7;bottom:0;display:none;justify-content:center;left:0;opacity:0;padding-top:80px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:3000}.hero-mobile-overlay.active{animation:fadeIn .3s;display:flex!important;opacity:1;pointer-events:auto}.hero-mobile-menu{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100vw}.hero-mobile-menu .pill-contact-btn,.hero-mobile-menu .pill-nav-link{background:none;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.3rem;max-width:320px;padding:.5rem 1rem;text-align:center;width:80vw}.hero-mobile-menu .pill-contact-btn{background:#fff;border:none;color:#181818;margin-top:1rem}.work-link{align-items:center;display:flex;gap:.4rem}.work-badge{background:#f60;border-radius:50%;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-left:.2em;padding:.15em .6em;vertical-align:middle}.insights-link .plus{color:#bbb;font-size:1.1em;font-weight:700;margin-left:.3em}.pill-contact-btn{background:#0000;border:2px solid #ededed;border-radius:2rem;box-shadow:0 1px 4px 0 #00000008;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;outline:none;padding:.5rem 1.5rem;text-decoration:none;transition:all .2s}.pill-contact-btn:hover{background:#fff;border-color:#fff;color:#181818}@media (max-width:768px){.hero{min-height:100vh;padding:40px 0 2rem}.hero-container{gap:3rem;grid-template-columns:1fr;padding:0 20px;text-align:center}.hero-badge{margin-top:-2rem}.hero-title{font-size:2.8rem;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2.5rem;padding:0 1rem}.hero-buttons{align-items:center;flex-direction:column;gap:.6rem;justify-content:center;margin-bottom:.5rem}.hero-buttons .btn{font-size:.8rem;max-width:220px;padding:.5rem 1.2rem}}@media (max-width:600px){.hero-mobile-nav{display:flex}.hero{padding-top:0}.hero-container{padding-top:80px}}@media (max-width:480px){.hero{padding-top:60px}.hero-title{font-size:2.2rem;padding:0 .5rem}}@media (max-width:360px){.hero{padding-top:130px}.hero-title{font-size:1.8rem}}.video-placeholder-section{margin-bottom:-3rem;margin-top:-10rem;position:relative;z-index:10}.video-container{margin:0 auto;max-width:1200px;padding:0 2rem}.video-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d;height:400px;overflow:hidden;position:relative;width:100%}.hero-video{border-radius:20px;object-fit:cover;will-change:auto}.hero-video,.video-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.video-overlay{align-items:center;background:#0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:all .3s ease}.video-overlay:hover{background:#00000080;transform:scale(1.02)}.video-overlay i{color:#fff;font-size:4rem;margin-bottom:1rem;opacity:.9}.video-overlay span{font-size:1.2rem;font-weight:600;opacity:.9}.video-logo-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;left:50%;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.video-logo{filter:brightness(0) invert(1);height:80px;object-fit:contain;opacity:.9;width:auto}@media (max-width:768px){.video-placeholder{height:300px}.video-overlay i{font-size:3rem}.video-overlay span{font-size:1rem}.video-placeholder-section{margin-top:-10rem}}@media (max-width:480px){.video-container{padding:0 1rem}.video-placeholder{height:250px}}.services{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:6rem 0;position:relative}.services:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;position:relative;z-index:1}.service-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 25px #0003,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:280px;overflow:hidden;padding:0;position:relative;transition:all .3s ease;will-change:transform}.service-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.service-card:hover{box-shadow:0 30px 60px #0006,0 0 0 1px #667eea33,inset 0 1px 0 #fff3;transform:translateY(-15px) scale(1.02);will-change:transform}.service-card:hover:before{opacity:1}.service-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.5rem 1.5rem .8rem;position:relative}.service-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 20px #667eea4d;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;width:45px}.service-icon:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .8s ease}.service-card:hover .service-icon:before{transform:translateX(100%)}.service-icon i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.2rem;z-index:1}.service-number{color:#ffffff1a;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:900;line-height:1}.service-content{display:flex;flex:1 1;flex-direction:column;padding:0 1.5rem 1.5rem}.service-content h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.6rem;position:relative}.service-content p{color:#b8b8b8;flex:1 1;font-size:.85rem;line-height:1.5;margin-bottom:1rem}.service-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.service-cta{margin-top:auto}.service-link{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem 0;text-decoration:none;transition:all .3s ease}.service-link:hover{color:#764ba2;transform:translateX(5px)}.service-link i{transition:transform .3s ease}.service-link:hover i{transform:translateX(3px)}@media (max-width:768px){.services{padding:4rem 0}.services-grid{gap:1rem;grid-template-columns:repeat(2,1fr);max-width:100%;padding:0 1rem}.service-card{border-radius:12px;height:200px;min-height:200px;text-align:left}.service-card-header{padding:1rem 1rem .5rem}.service-content{padding:0 1rem 1rem}.service-icon{border-radius:10px;height:35px;margin:0;width:35px}.service-icon i{font-size:1rem}.service-number{font-size:1.4rem}.service-content h3{font-size:1rem;margin-bottom:.4rem}.service-content p{font-size:.75rem;line-height:1.4;margin-bottom:.8rem}.service-link{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.services-grid{gap:1rem;grid-template-columns:1fr}.service-card{border-radius:10px;height:180px;min-height:180px}.service-card-header{padding:.8rem .8rem .4rem}.service-content{padding:0 .8rem .8rem}.service-icon{border-radius:8px;height:30px;width:30px}.service-icon i{font-size:.9rem}.service-number{font-size:1.2rem}.service-content h3{font-size:.9rem;margin-bottom:.3rem}.service-content p{font-size:.7rem;line-height:1.3;margin-bottom:.6rem}.service-link{font-size:.75rem;padding:.3rem .6rem}}.services-mobile-creative{padding:2rem 0}.mobile-service-showcase{align-items:center;display:flex;flex-direction:column;gap:2rem}.mobile-service-visual{height:200px;width:200px}.mobile-service-visual,.service-hologram{align-items:center;display:flex;justify-content:center;position:relative}.service-hologram{border-radius:50%;box-shadow:0 0 30px #667eea4d;height:100%;transition:all .5s ease;width:100%}.service-core{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px;z-index:10}.service-core i{color:#fff;font-size:1.5rem}.service-rings{height:100%;position:absolute;width:100%}.service-ring{animation:rotate 15s linear infinite;border:2px solid #ffffff4d;border-radius:50%;position:absolute}.ring-1{animation-duration:10s;height:80px;width:80px}.ring-1,.ring-2{left:50%;top:50%;transform:translate(-50%,-50%)}.ring-2{animation-duration:15s;height:120px;width:120px}.ring-3{animation-duration:20s;height:160px;left:50%;top:50%;transform:translate(-50%,-50%);width:160px}.service-particles{height:100%;position:absolute;width:100%}.service-particle{animation:float 3s ease-in-out infinite;background:#fffc;border-radius:50%;height:3px;position:absolute;width:3px}.mobile-service-content{max-width:300px;width:100%}.mobile-service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.mobile-service-card.animating{opacity:.8;transform:scale(.95)}.service-icon-mobile{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.mobile-service-card h3,.service-icon-mobile i{color:#fff;font-size:1.2rem}.mobile-service-card h3{font-weight:600;margin-bottom:.8rem}.mobile-service-card p{color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.service-features-mobile{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.feature-tag-mobile{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#ffffffe6;font-size:.75rem;font-weight:500;padding:.3rem .8rem}.mobile-service-indicators{display:flex;gap:.8rem;justify-content:center;margin-top:1rem}.indicator{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:var(--service-color);box-shadow:0 0 10px var(--service-color);transform:scale(1.2)}.indicator:hover{background:#ffffff80;transform:scale(1.1)}.creative-content{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:8rem 0;position:relative}.creative-content:before{animation:float 25s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#7877c633 0,#0000 50%),radial-gradient(circle at 70% 30%,#ff77c633 0,#0000 50%),radial-gradient(circle at 50% 50%,#78dbff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.creative-showcase{margin-top:4rem;position:relative;z-index:1}.featured-reel{margin-bottom:4rem}.featured-reel-container{margin:0 auto;max-width:600px;position:relative}.featured-reel-video{aspect-ratio:9/16;box-shadow:0 30px 60px #667eea66;overflow:hidden;position:relative}.featured-reel-video,.featured-reel-video video{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px}.featured-reel-video video{cursor:pointer;display:block;height:100%;min-height:200px;object-fit:cover;width:100%}.featured-reel-overlay{align-items:center;aspect-ratio:9/16;background:linear-gradient(180deg,#0000 0,#000000b3);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.featured-reel-overlay.hidden{opacity:0;pointer-events:none}.play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:80px}.play-button:hover{background:#ffffff4d;transform:scale(1.1)}.play-button i{color:#fff;font-size:2rem}.reel-info h3{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.reel-info p{font-size:1rem;margin-bottom:1.5rem;opacity:.9}.reel-metrics{display:flex;font-size:.9rem;gap:1.5rem}.reel-metrics span{align-items:center;display:flex;gap:.3rem}.content-grid-mixed{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.content-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.section-header-inline{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-header-inline h3{align-items:center;color:#fff;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem}.section-count{background:#ffffff1a;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.reels-masonry{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.reel-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;width:100%}.reel-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.reel-card.tall{grid-row:span 2}.reel-video-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;display:flex;flex-shrink:0;height:0;justify-content:center;overflow:hidden;padding-bottom:177.78%;position:relative;width:100%}.reel-video{border-radius:16px 16px 0 0;height:100%;object-fit:cover;width:100%}.reel-overlay,.reel-video{left:0;position:absolute;top:0}.reel-overlay{align-items:center;background:#0000001a;bottom:0;display:flex;justify-content:center;opacity:0;pointer-events:none;right:0;transition:opacity .3s ease}.reel-card:hover .reel-overlay{opacity:.8}.reel-overlay i{color:#fff;font-size:1.5rem}.reel-details{padding:1rem}.reel-details h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.graphics-masonry{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.graphic-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s ease}.graphic-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.graphic-card.wide{grid-column:span 2}.graphic-card.wide .graphic-image-container{aspect-ratio:2/1}.graphic-image-container{align-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,#764ba2,#667eea);border-radius:16px;display:flex;justify-content:center;overflow:hidden;position:relative}.graphic-image{border-radius:16px;height:100%;object-fit:cover;opacity:1;transition:transform .3s ease;transition:opacity .3s ease,transform .3s ease;width:100%}.graphic-image.loaded{opacity:1}.graphic-card:hover .graphic-image{transform:scale(1.05)}.graphic-overlay{align-items:center;background:#0000004d;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.graphic-card:hover .graphic-overlay{opacity:1}.graphic-overlay i{font-size:1.5rem;margin-bottom:.5rem}.graphic-overlay span{font-size:.8rem;font-weight:500}.graphic-details{padding:1rem}.graphic-details h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.3rem}.graphic-details p{color:#b8b8b8;font-size:.75rem;line-height:1.4}.creative-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:3rem;position:relative;text-align:center}.creative-cta:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.creative-cta:hover:before{opacity:1}.cta-content{position:relative;z-index:1}.cta-content h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-content p{color:#b8b8b8;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.creative-content{padding:6rem 0}.featured-reel-container{max-width:400px}.content-grid-mixed{gap:3rem;grid-template-columns:1fr}.content-section{padding:1.5rem}.reels-masonry{gap:.3rem;grid-template-columns:repeat(4,1fr)}.reel-card,.reel-card.tall,.reel-video-container{aspect-ratio:9/16;height:auto}.reel-details h4{font-size:.6rem;margin-bottom:.2rem}.reel-details p{font-size:.5rem;line-height:1.2}.graphics-masonry{gap:.4rem;grid-template-columns:repeat(3,1fr)}.graphic-card{aspect-ratio:1/1;height:auto}.graphic-card.wide{aspect-ratio:2/1;height:auto}.graphic-image-container{aspect-ratio:inherit;height:auto}.creative-cta{padding:2rem}.cta-content h3{font-size:1.6rem}.cta-content p{font-size:1rem}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.featured-reel-container{max-width:300px}.reels-masonry{gap:.2rem;grid-template-columns:repeat(3,1fr)}.reel-card,.reel-card.tall{aspect-ratio:9/16;height:auto}.reel-details h4{font-size:.5rem;margin-bottom:.1rem}.reel-details p{font-size:.4rem;line-height:1.1}.graphics-masonry{gap:.3rem;grid-template-columns:repeat(2,1fr)}.graphic-card{aspect-ratio:1/1;height:auto}.graphic-card.wide{aspect-ratio:2/1;grid-column:span 1;height:auto}.graphic-image-container{aspect-ratio:inherit;height:auto}.reel-card.tall{grid-row:span 1}.creative-cta{padding:1.5rem}.cta-content h3{font-size:1.4rem}.cta-content p{font-size:.9rem}}.ai-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:8rem 0;position:relative}.ai-section:before{background:radial-gradient(circle at 30% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#764ba21a 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ai-header{margin-bottom:6rem;position:relative;text-align:center;z-index:2}.section-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea33;border-radius:25px;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.section-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.ai-showcase{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem;position:relative;z-index:2}.ai-hologram,.ai-visual-container{align-items:center;display:flex;justify-content:center;position:relative}.ai-hologram{height:300px;width:300px}.ai-core{align-items:center;border-radius:50%;box-shadow:0 0 30px #667eea80;display:flex;height:80px;justify-content:center;position:relative;transition:all .5s ease;width:80px;z-index:10}.ai-core i{color:#fff;font-size:2rem}.ai-ring{animation:rotate 20s linear infinite;border:2px solid #667eea4d;border-radius:50%;position:absolute}.ring-1{animation-duration:15s;height:120px;width:120px}.ring-2{animation-direction:reverse;animation-duration:25s;height:180px;width:180px}.ring-3{animation-duration:30s;height:240px;width:240px}.ai-particles{height:100%;position:absolute;width:100%}.ai-particle{animation:float 3s ease-in-out infinite;background:#667eea;border-radius:50%;height:4px;position:absolute;width:4px}.particle-1{animation-delay:0s;left:50%;top:10%}.particle-2{animation-delay:.5s;right:20%;top:20%}.particle-3{animation-delay:1s;bottom:20%;right:30%}.particle-4{animation-delay:1.5s;bottom:10%;left:40%}.particle-5{animation-delay:2s;left:10%;top:50%}.particle-6{animation-delay:2.5s;right:10%;top:60%}.particle-7{animation-delay:3s;left:20%;top:30%}.particle-8{animation-delay:3.5s;bottom:40%;right:10%}.ai-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.ai-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.ai-feature-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.ai-feature-card:hover:before{left:100%}.ai-feature-card:hover{box-shadow:0 10px 30px #667eea33}.ai-feature-card.active,.ai-feature-card:hover{border-color:var(--feature-color);transform:translateY(-5px)}.ai-feature-card.active{box-shadow:0 0 20px #667eea4d}.feature-icon{align-items:center;border-radius:12px;display:flex;height:50px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:50px}.feature-content h4,.feature-icon i{color:#fff;font-size:1.2rem}.feature-content h4{font-weight:600;margin-bottom:.5rem}.feature-content p{color:#ffffffb3;font-size:.9rem;line-height:1.5}.feature-indicator{background:var(--feature-color);border-radius:50%;height:8px;opacity:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:8px}.ai-feature-card.active .feature-indicator{animation:pulse 2s infinite;opacity:1}.ai-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem 1rem;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.stat-label{color:#fffc;font-size:.9rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width:768px){.ai-section{padding:6rem 0}.section-title{font-size:2.5rem}.ai-showcase{gap:3rem;grid-template-columns:1fr}.ai-hologram{height:250px;width:250px}.ai-core{height:60px;width:60px}.ai-core i{font-size:1.5rem}.ring-1{height:100px;width:100px}.ring-2{height:150px;width:150px}.ring-3{height:200px;width:200px}.ai-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1.5rem 1rem}.stat-number{font-size:1.5rem}}@media (max-width:480px){.ai-stats{gap:.8rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1rem .8rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.8rem}.ai-feature-card{padding:1rem}.feature-content h4{font-size:1.1rem}.feature-content p{font-size:.85rem}}.products-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:8rem 0;position:relative}.products-section:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.products-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.product-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:3rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.product-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.product-card:hover{box-shadow:0 30px 60px #0006,0 0 0 1px #667eea33,inset 0 1px 0 #fff3;transform:translateY(-15px) scale(1.02);will-change:transform}.product-card:hover:before{opacity:1}.product-content{position:relative;z-index:2}.product-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 15px 35px #667eea66;display:flex;height:80px;justify-content:center;margin-bottom:2rem;overflow:hidden;position:relative;width:80px}.product-icon i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;z-index:1}.product-icon img{border-radius:20px;height:100%;object-fit:cover;width:100%}.product-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.product-content h4{color:#a1a1a6;font-size:1.2rem;font-weight:600;letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase}.product-content p{color:#b8b8b8;font-size:1rem;line-height:1.7;margin-bottom:2rem}.product-features{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.5rem}.feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.feature-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea66;color:#fff;transform:translateY(-2px)}.product-buttons{display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:10}.product-buttons .btn{align-items:center;cursor:pointer;display:inline-flex;flex:1 1;gap:.5rem;justify-content:center;min-width:140px;pointer-events:auto;position:relative;text-decoration:none;z-index:10}@media (max-width:768px){.products{padding:4rem 0}.products-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:12px;padding:1rem}.product-content h3{font-size:1.2rem;margin-bottom:.5rem}.product-content h4{font-size:.9rem;margin-bottom:.8rem}.product-content p{font-size:.75rem;line-height:1.4;margin-bottom:1rem}.product-buttons{flex-direction:row;gap:.5rem}.product-buttons .btn{font-size:.8rem;min-width:auto;padding:.4rem .8rem}}@media (max-width:480px){.products-grid{gap:.8rem;grid-template-columns:1fr}.product-card{border-radius:10px;padding:.8rem}.product-content h3{font-size:1rem;margin-bottom:.3rem}.product-content h4{font-size:.8rem;margin-bottom:.6rem}.product-content p{font-size:.7rem;line-height:1.3;margin-bottom:.8rem}.product-buttons{gap:.4rem}.product-buttons .btn{font-size:.7rem;padding:.3rem .6rem}}.about{background:#f8f9fa;padding:6rem 0}.about-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;text-align:center}.about-text p{color:#6e6e73;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.stat{text-align:center}.stat-number{color:#667eea;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6e6e73;font-weight:500}.about-social-links{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.about-social-links h4{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.social-icons{flex-wrap:wrap;gap:1rem}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;height:60px;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:60px}.social-icon:before{border-radius:50%;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.social-icon.linkedin:before{background:linear-gradient(135deg,#0077b5,#005885)}.social-icon.instagram:before{background:linear-gradient(135deg,#e4405f,#c13584 50%,#833ab4)}.social-icon.whatsapp:before{background:linear-gradient(135deg,#25d366,#128c7e)}.social-icon:hover{border-color:#ffffff80;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px) scale(1.05)}.social-icon:hover:before{opacity:1}.social-icon i{color:#fff;font-size:1.4rem;position:relative;text-shadow:0 1px 3px #0000004d;transition:transform .3s ease;z-index:2}.social-icon:hover i{transform:scale(1.1)}@media (max-width:768px){.about{padding:4rem 0}.about-content{max-width:100%;padding:0 1rem}.about-text p{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.stats{gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}}@media (max-width:480px){.stats{gap:1rem;grid-template-columns:1fr}.about-social-links{margin-top:1.5rem;padding-top:1.5rem}.social-icons{gap:.75rem}.social-icon{height:55px;width:55px}}.team-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:8rem 0;position:relative}.team-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.team-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem;position:relative;z-index:1}.team-member{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;will-change:transform}.team-member:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-member:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-10px);will-change:transform}.team-member:hover:before{opacity:1}.member-photo{border-radius:16px;height:120px;margin:0 auto 1.5rem;overflow:hidden;position:relative;width:120px}.member-photo,.photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center}.photo-placeholder{height:100%;width:100%}.photo-placeholder i{color:#fffc;font-size:3rem}.member-image{border-radius:16px;height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease;width:100%}.member-image.loaded{opacity:1}.member-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-member:hover .member-overlay{opacity:1}.member-overlay .social-links{display:flex;gap:1rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#ffffff4d;transform:scale(1.1)}.member-info{position:relative;z-index:1}.member-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.member-role{color:#667eea;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.member-bio{color:#fffc;font-size:.9rem;line-height:1.6}@media (max-width:768px){.team-section{padding:4rem 0}.team-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.team-member{border-radius:12px;padding:1rem}.member-photo{height:60px;width:60px}.member-info h3{font-size:.9rem}.member-role{font-size:.7rem}.member-bio{font-size:.65rem;line-height:1.3}}@media (max-width:480px){.team-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}.team-member{border-radius:10px;padding:.8rem}.member-photo{height:50px;width:50px}.member-info h3{font-size:.8rem}.member-role{font-size:.6rem}.member-bio{font-size:.55rem;line-height:1.2}}.contact{background:#fff;padding:6rem 0}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-form{background:#f8f9fa;border-radius:20px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-status{border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center;transition:all .3s ease}.form-status.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.form-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{gap:1rem}.contact-item,.contact-item i{align-items:center;display:flex}.contact-item i{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:1.25rem;height:50px;justify-content:center;width:50px}.contact-item h4{color:#1d1d1f;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.contact-item p{color:#6e6e73}.contact-social-links{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:2rem}.contact-social-links h4{color:#1d1d1f;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.contact-social-icons{display:flex;gap:1rem;justify-content:flex-start}.contact-social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:2px solid #667eea4d;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:55px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:55px}.contact-social-icon:before{border-radius:50%;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-social-icon.linkedin:before{background:linear-gradient(135deg,#0077b5,#005885)}.contact-social-icon.instagram:before{background:linear-gradient(135deg,#e4405f,#c13584 50%,#833ab4)}.contact-social-icon.whatsapp:before{background:linear-gradient(135deg,#25d366,#128c7e)}.contact-social-icon:hover{border-color:#667eea80;box-shadow:0 12px 30px #00000040;transform:translateY(-4px) scale(1.05)}.contact-social-icon:hover:before{opacity:1}.contact-social-icon i{color:#fff;position:relative;text-shadow:0 1px 3px #0000004d;transition:transform .3s ease;z-index:2}.contact-social-icon:hover i{transform:scale(1.1)}@media (max-width:768px){.contact{padding:4rem 0}.contact-content{gap:3rem;grid-template-columns:1fr;padding:0 1rem}.contact-form{border-radius:15px;padding:2rem}.form-group input,.form-group textarea{font-size:1rem;padding:12px}.contact-info{gap:1.5rem}.contact-item{padding:0 1rem}.contact-item i{font-size:1.1rem;height:45px;width:45px}}@media (max-width:480px){.contact-form{padding:1.5rem}.contact-social-icons{justify-content:center}}.footer{background:#1d1d1f;color:#fff;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-logo{margin-bottom:1rem}.footer-logo .logo-image{filter:brightness(0) invert(1);height:50px;object-fit:contain;width:auto}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section p{color:#a1a1a6;line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-link{background:none;border:none;color:#a1a1a6;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#667eea}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-links a:hover{background:#667eea;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #333;color:#a1a1a6;padding-top:2rem;text-align:center}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{gap:2rem;grid-template-columns:1fr;padding:0 1rem;text-align:center}.social-links{justify-content:center}}.monthly-report{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.report-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1000px;padding:40px}.report-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;margin-bottom:40px;text-align:center}.report-form{display:flex;flex-direction:column;gap:40px}.calculated-field{background:#e8f4fd!important;color:#2e86ab!important;font-weight:600}.file-input{background:#f8f9ff!important;border:2px dashed #667eea!important;cursor:pointer;padding:10px!important;transition:all .3s ease}.file-input:hover{background:#f0f4ff!important;border-color:#5a6fd8!important}.uploaded-images{margin-top:15px}.uploaded-images h4{color:#333;font-size:16px;margin-bottom:15px}.image-preview{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.image-preview img{border-radius:5px;height:50px;object-fit:cover;width:50px}.image-preview span{color:#666;font-size:14px}.report-title{color:#333;font-size:1.8rem;margin:0 0 20px}.preview-table{border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.table-row{border-bottom:1px solid #e1e5e9;display:flex}.table-row:last-child{border-bottom:none}.table-row.highlight{background:#e8f4fd}.table-cell{flex:1 1;padding:12px 16px}.table-cell.header{background:#f0f8ff;border-right:1px solid #e1e5e9;color:#333;flex:0 0 200px;font-weight:600}.summary-text{color:#333;line-height:1.6}.summary-text p{margin-bottom:15px}.image-gallery{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.preview-image{background:#f8f9ff;border:1px solid #e1e5e9;border-radius:8px;padding:10px;text-align:center}.preview-image img{border:1px solid #e1e5e9;border-radius:5px;margin-bottom:8px;object-fit:contain}.preview-image p{color:#666;font-size:12px;margin:0;word-break:break-all}@media (max-width:768px){.report-container{margin:10px;padding:20px}.report-container h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-section{padding:20px}.generate-btn{font-size:16px;padding:12px 30px}.form-actions{flex-direction:column;gap:15px}.preview-modal{padding:10px}.preview-content{max-height:95vh;width:100%}.preview-document{padding:20px}.document-header{margin-bottom:30px}.header-with-logo{flex-direction:column;gap:10px}.company-logo{height:60px;width:60px}.company-name{font-size:2rem}.report-title{font-size:1.5rem}.table-cell.header{flex:0 0 150px}.preview-actions{flex-direction:column;gap:15px}}@media (max-width:480px){.monthly-report{padding:10px}.report-container{padding:15px}.report-container h1{font-size:1.8rem}.form-section h2{font-size:1.5rem}}.client-agreement{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.agreement-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1000px;padding:40px}.agreement-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;margin-bottom:40px;text-align:center}.agreement-form{display:flex;flex-direction:column;gap:40px}.form-section{background:#f8f9ff;border:2px solid #e8ecff;border-radius:15px;padding:30px}.form-section h2{align-items:center;border-bottom:3px solid #667eea;color:#333;display:flex;font-size:1.8rem;gap:10px;margin-bottom:25px;padding-bottom:10px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px}.form-group input{background:#fff}.form-group input:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.form-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.preview-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.preview-btn:hover:not(:disabled){box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.preview-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.pdf-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:12px;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.pdf-btn:hover:not(:disabled){box-shadow:0 8px 25px #dc354566;transform:translateY(-2px)}.pdf-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.preview-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;width:1000px}.preview-header{align-items:center;background:#f8f9ff;border-bottom:2px solid #e1e5e9;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.preview-header h2{color:#333;font-size:1.8rem;margin:0}.close-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.close-btn:hover{background:#c82333;transform:scale(1.1)}.preview-document{background:#fff;flex:1 1;overflow-y:auto;padding:30px}.document-header{border-bottom:3px solid #667eea;margin-bottom:40px;padding-bottom:30px;text-align:center}.header-with-logo{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.company-logo{border-radius:8px;height:80px;object-fit:contain;width:80px}.company-name{color:#2e86ab;font-size:2.5rem;font-weight:700;margin:0}.company-details p{color:#666;font-size:1.1rem;margin:5px 0}.document-section{margin-bottom:30px}.document-section h3{border-bottom:2px solid #e1e5e9;color:#2e86ab;font-size:1.5rem;margin-bottom:15px;padding-bottom:8px}.document-section p{color:#333;line-height:1.6;margin-bottom:15px}.payment-details p,.scope-details p{font-size:1.1rem;margin-bottom:10px}.signatures{background:#f8f9ff;border:2px solid #e8ecff;border-radius:8px;margin-top:30px;padding:20px}.signatures p{font-size:1.1rem;margin-bottom:10px}.document-footer{border-top:2px solid #e1e5e9;color:#666;font-style:italic;margin-top:40px;padding-top:20px;text-align:center}.preview-actions{background:#f8f9ff;border-radius:0 0 15px 15px;border-top:2px solid #e1e5e9;display:flex;gap:20px;justify-content:center;padding:20px 30px}.close-preview-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.close-preview-btn:hover{background:#5a6268;transform:translateY(-2px)}.generate-from-preview-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.generate-from-preview-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.agreement-container{margin:10px;padding:20px}.agreement-container h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-section{padding:20px}.form-actions{flex-direction:column;gap:15px}.preview-modal{padding:10px}.preview-content{max-height:95vh;width:100%}.preview-document{padding:20px}.document-header{margin-bottom:30px}.header-with-logo{flex-direction:column;gap:10px}.company-logo{height:60px;width:60px}.company-name{font-size:2rem}.preview-actions{flex-direction:column;gap:15px}}@media (max-width:480px){.client-agreement{padding:10px}.agreement-container{padding:15px}.agreement-container h1{font-size:1.8rem}.form-section h2{font-size:1.5rem}}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.admin-header h1{color:#333;margin-bottom:10px}.admin-header p{color:#666}.admin-form,.admin-header p{margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.admin-login-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.error-message{background:#fdf2f2;border:1px solid #fecaca;border-radius:8px;color:#e74c3c;margin-bottom:15px;padding:10px}.admin-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:15px}.admin-info p{color:#666;font-size:14px;margin:0}.admin-dashboard{background:#f8f9fa;min-height:100vh}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px 0}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-actions{align-items:center;display:flex;gap:15px}.admin-header h1{font-size:2.5rem;margin:0}.admin-header p{font-size:1.1rem;margin:5px 0 0;opacity:.9}.logout-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}.back-btn{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#fff3;border-color:#ffffff80}.coming-soon{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin:20px;padding:60px 20px;text-align:center}.coming-soon h2{color:#333;font-size:2rem;margin-bottom:20px}.coming-soon p{color:#666;font-size:1.2rem;margin-bottom:30px}.admin-main{margin:0 auto;max-width:1200px;padding:30px 20px}.admin-actions{margin-bottom:40px}.admin-actions h2{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.action-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:900px}.action-btn{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:15px;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:120px;padding:30px 20px;text-align:center;transition:all .3s ease}.action-btn:hover{background:#f8f9ff;border-color:#667eea;box-shadow:0 10px 25px #667eea26;transform:translateY(-3px)}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea4d;color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 10px 25px #667eea66;transform:translateY(-3px)}.admin-info-section{background:#fff;border:1px solid #e1e5e9;border-radius:15px;box-shadow:0 4px 6px #0000000d;padding:30px}.admin-info-section h2{border-bottom:2px solid #667eea;color:#333;font-size:1.8rem;margin-bottom:30px;padding-bottom:15px;text-align:center}.info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:#f8f9ff;border:2px solid #e8ecff;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.info-card:hover{border-color:#667eea;box-shadow:0 8px 15px #667eea1a;transform:translateY(-2px)}.info-card h3{color:#333;font-size:1.3rem;margin:0 0 15px}.info-card p{color:#666;line-height:1.6;margin:0}@media (max-width:768px){.admin-header-content{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:2rem}.action-grid,.info-cards{grid-template-columns:1fr}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:left}.App main{flex:1 1}html{scroll-behavior:smooth}section{position:relative}.loading{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.loading.loaded{opacity:1;transform:translateY(0)}.btn:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.btn-primary{border:2px solid #000}.btn-secondary{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
/*# sourceMappingURL=main.a2010ce3.css.map*/