*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,sans-serif;background-color:#0a0e1a;color:#fff;direction:rtl;text-align:right;overflow-x:hidden;width:100vw;max-width:100vw}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0e1a,#1a2332,#2d3748);display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden;animation:screenFadeIn .5s ease-out}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.loading-screen.exiting{animation:screenFadeOut 1s ease-in forwards}@keyframes screenFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.loading-particles{position:relative;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:#ff6b35;border-radius:50%;animation:floatParticle 6s infinite ease-in-out}.particle:nth-child(odd){background:#4a90e2;animation-duration:8s}.particle:nth-child(3n){background:#6bb6ff;animation-duration:10s}.particle-1{top:10%;left:10%;animation-delay:0s}.particle-2{top:20%;left:20%;animation-delay:.5s}.particle-3{top:30%;left:15%;animation-delay:1s}.particle-4{top:40%;left:25%;animation-delay:1.5s}.particle-5{top:50%;left:10%;animation-delay:2s}.particle-6{top:60%;left:30%;animation-delay:2.5s}.particle-7{top:70%;left:20%;animation-delay:3s}.particle-8{top:80%;left:15%;animation-delay:3.5s}.particle-9{top:15%;left:80%;animation-delay:4s}.particle-10{top:25%;left:70%;animation-delay:4.5s}.particle-11{top:35%;left:85%;animation-delay:5s}.particle-12{top:45%;left:75%;animation-delay:5.5s}.particle-13{top:55%;left:90%;animation-delay:6s}.particle-14{top:65%;left:80%;animation-delay:6.5s}.particle-15{top:75%;left:85%;animation-delay:7s}.particle-16{top:85%;left:75%;animation-delay:7.5s}.particle-17{top:12%;left:50%;animation-delay:8s}.particle-18{top:35%;left:60%;animation-delay:8.5s}.particle-19{top:65%;left:45%;animation-delay:9s}.particle-20{top:88%;left:55%;animation-delay:9.5s}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.7}25%{transform:translateY(-20px) scale(1.2);opacity:1}50%{transform:translateY(-10px) scale(.8);opacity:.8}75%{transform:translateY(-30px) scale(1.1);opacity:.9}}.loading-content{position:relative;z-index:2;text-align:center;animation:fadeInUp 1s ease-out}.logo-container{position:relative;margin-bottom:40px}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,107,53,.3) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s infinite ease-in-out}.loading-logo{width:120px;height:120px;animation:logoFloat 3s infinite ease-in-out;filter:drop-shadow(0 0 20px rgba(255,107,53,.5))}.loading-title{font-size:48px;font-weight:700;color:#fff;margin-top:20px;background:linear-gradient(45deg,#ff6b35,#4a90e2,#6bb6ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s infinite ease-in-out}.loading-progress{margin:40px 0}.progress-bar{width:300px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:0 auto 10px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#4a90e2);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #ff6b3580}.progress-text{color:#fff;font-size:18px;font-weight:700}.loading-subtitle{color:#ccc;font-size:16px;margin-top:20px;opacity:.8}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-15px) rotate(-2deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#root{width:100%;min-height:100vh;position:relative;overflow-x:hidden;max-width:100vw}.container{max-width:1200px;margin:0 auto;padding:0 20px}.wave-btn{position:relative;overflow:hidden;background:linear-gradient(45deg,#ff6b35,#ff8e53);transition:all .3s ease}.wave-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.wave-btn:hover:before{left:100%}.wave-btn:hover{background:transparent;border:2px solid #ff6b35;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.wave-btn:hover .btn-text{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.btn-text{position:relative;z-index:2;transition:all .3s ease}@keyframes waveFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-3px) rotate(-1deg)}}.wave-btn:hover{animation:waveFloat 2s ease-in-out infinite}.ripple{position:absolute;border-radius:50%;background:#ffd70099;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.wave-btn:hover{box-shadow:0 0 20px #ff6b3599,0 0 40px #ff6b3566,0 0 60px #ff6b3533}.header{background-color:#0a0e1a;padding:20px 0;position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #1a2332}.nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff}.logo-img{width:40px;height:40px;object-fit:contain;transition:all .3s ease}.logo-img:hover{transform:scale(1.05);filter:brightness(1.1)}.logo-text{font-size:24px;font-weight:700;color:#fff}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a,.nav-link-btn{color:#fff;text-decoration:none;font-weight:500;position:relative;transition:color .3s ease;background:none;border:none;cursor:pointer;font-family:inherit}.nav-links a:hover,.nav-links a.active,.nav-link-btn:hover{color:#ff6b35}.pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;background:linear-gradient(135deg,#1a2332,#2d3748);border:1px solid #ff6b35;border-radius:16px;padding:16px;box-shadow:0 10px 30px #0000004d;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-content{display:flex;align-items:center;gap:12px;position:relative}.pwa-install-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0}.pwa-install-icon img{width:100%;height:100%;object-fit:cover}.pwa-install-text{flex:1;min-width:0}.pwa-install-text h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px;line-height:1.2}.pwa-install-text p{color:#a0aec0;font-size:14px;margin:0;line-height:1.3}.pwa-install-buttons{display:flex;gap:8px;flex-shrink:0}.pwa-install-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.pwa-install-primary{background:#ff6b35;color:#fff}.pwa-install-primary:hover{background:#e55a2b;transform:translateY(-1px)}.pwa-install-secondary{background:transparent;color:#a0aec0;border:1px solid #4a5568}.pwa-install-secondary:hover{background:#4a5568;color:#fff}.pwa-install-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#4a5568;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background .3s ease}.pwa-install-close:hover{background:#718096}@media (max-width: 768px){.pwa-install-prompt{bottom:10px;left:10px;right:10px;padding:12px}.pwa-install-content{gap:10px}.pwa-install-icon{width:40px;height:40px}.pwa-install-text h3{font-size:14px}.pwa-install-text p{font-size:12px}.pwa-install-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.pwa-install-buttons{flex-direction:column;width:100%}.pwa-install-btn{width:100%;text-align:center}}@media (max-width: 768px){.header{display:none}.App{padding-bottom:80px;overflow-x:hidden;position:relative}body{overflow-x:hidden;width:100vw;max-width:100vw}.container{max-width:100vw;overflow-x:hidden}.whatsapp-icon,.chat-button,.audio-button,.pwa-install-prompt,.mobile-fab,.tablet-menu-btn,.tablet-menu-overlay,.tablet-menu{display:none!important}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a2332,#2d3748);border-top:1px solid #ff6b35;padding:8px 0 env(safe-area-inset-bottom);z-index:1000;display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:12px;transition:all .3s ease;cursor:pointer;min-width:60px}.mobile-nav-item.active{background:#ff6b3533;color:#ff6b35}.mobile-nav-item svg{width:24px;height:24px;transition:all .3s ease}.mobile-nav-item span{font-size:10px;font-weight:500;text-align:center}.mobile-nav-item:hover{background:#ff6b351a;transform:translateY(-2px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:linear-gradient(135deg,#1a2332,#2d3748);border-left:1px solid #ff6b35;z-index:2001;transition:right .3s ease;overflow-y:auto;padding-top:env(safe-area-inset-top)}.mobile-menu.active{right:0}.mobile-menu-header{padding:20px;border-bottom:1px solid #4a5568;display:flex;align-items:center;justify-content:space-between}.mobile-menu-logo{display:flex;align-items:center;gap:12px}.mobile-menu-logo img{width:40px;height:40px;border-radius:8px}.mobile-menu-logo span{color:#fff;font-size:18px;font-weight:600}.mobile-menu-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .3s ease}.mobile-menu-close:hover{background:#ff6b3533}.mobile-menu-content{padding:20px}.mobile-menu-section{margin-bottom:30px}.mobile-menu-section h3{color:#ff6b35;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #4a5568}.mobile-menu-links{list-style:none;padding:0;margin:0}.mobile-menu-links li{margin-bottom:8px}.mobile-menu-links a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease}.mobile-menu-links a:hover{background:#ff6b3533;color:#ff6b35}.mobile-menu-links a svg{width:20px;height:20px}.mobile-menu-lang{margin-top:20px;padding-top:20px;border-top:1px solid #4a5568}.mobile-menu-lang h4{color:#fff;font-size:14px;margin-bottom:10px}.mobile-lang-options{display:flex;flex-wrap:wrap;gap:8px}.mobile-lang-option{padding:6px 12px;background:#ff6b351a;color:#fff;border:1px solid #ff6b35;border-radius:20px;font-size:12px;cursor:pointer;transition:all .3s ease}.mobile-lang-option.active{background:#ff6b35;color:#fff}.mobile-lang-option:hover{background:#ff6b354d}.mobile-fab{position:fixed;bottom:100px;right:20px;width:56px;height:56px;background:#ff6b35;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff6b3566;z-index:999;cursor:pointer;transition:all .3s ease}.mobile-fab:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b3599}.mobile-fab svg{width:24px;height:24px;color:#fff}.whatsapp-icon,.chat-button,.audio-button,.pwa-install-prompt,.mobile-fab,.tablet-menu-btn,.tablet-menu-overlay,.tablet-menu,.hero-visual,.hero-image-container{display:none!important}.footer,.footer-content,.footer-bottom{margin-bottom:0!important;padding-bottom:0!important}.hero{padding-top:20px;padding-bottom:40px}.story,.services,.portfolio,.cta{padding:40px 0}.footer{margin-bottom:0;padding-bottom:0}.whatsapp-icon,.chat-button,.audio-button,.pwa-install-prompt,.tablet-menu-btn,.tablet-menu-overlay,.tablet-menu{display:none!important}.App{min-height:100vh;padding-bottom:80px;overflow-x:hidden}.container{padding-bottom:0;margin-bottom:0}.hero-3d-image{display:none!important}.footer{position:relative;z-index:1}*{max-width:100vw}html,body{overflow-x:hidden;max-width:100vw}}@media (min-width: 769px) and (max-width: 1024px){.mobile-nav{display:none}.header{padding:15px 0}.container{max-width:90%}.tablet-menu-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#1a2332e6;border:1px solid #ff6b35;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tablet-menu-btn:hover{background:#ff6b3533;transform:scale(1.05)}.tablet-menu-btn svg{width:20px;height:20px;color:#fff}.tablet-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.tablet-menu-overlay.active{opacity:1;visibility:visible}.tablet-menu{position:fixed;top:50%;right:-400px;width:350px;max-height:80vh;background:linear-gradient(135deg,#1a2332,#2d3748);border:1px solid #ff6b35;border-radius:16px;z-index:2001;transition:right .3s ease;overflow-y:auto;transform:translateY(-50%);box-shadow:0 20px 40px #0000004d}.tablet-menu.active{right:20px}.tablet-menu-header{padding:20px;border-bottom:1px solid #4a5568;display:flex;align-items:center;justify-content:space-between}.tablet-menu-logo{display:flex;align-items:center;gap:12px}.tablet-menu-logo img{width:40px;height:40px;border-radius:8px}.tablet-menu-logo span{color:#fff;font-size:18px;font-weight:600}.tablet-menu-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .3s ease}.tablet-menu-close:hover{background:#ff6b3533}.tablet-menu-content{padding:20px}.tablet-menu-section{margin-bottom:30px}.tablet-menu-section h3{color:#ff6b35;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #4a5568}.tablet-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tablet-menu-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.tablet-menu-item:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-2px)}.tablet-menu-item svg{width:24px;height:24px}.tablet-menu-item span{font-size:12px;font-weight:500;text-align:center}.tablet-menu-lang{margin-top:20px;padding-top:20px;border-top:1px solid #4a5568}.tablet-menu-lang h4{color:#fff;font-size:14px;margin-bottom:10px}.tablet-lang-options{display:flex;flex-wrap:wrap;gap:8px}.tablet-lang-option{padding:6px 12px;background:#ff6b351a;color:#fff;border:1px solid #ff6b35;border-radius:20px;font-size:12px;cursor:pointer;transition:all .3s ease}.tablet-lang-option.active{background:#ff6b35;color:#fff}.tablet-lang-option:hover{background:#ff6b354d}}@media (min-width: 1025px){.mobile-nav,.mobile-menu-overlay,.mobile-menu,.mobile-fab,.tablet-menu-btn,.tablet-menu-overlay,.tablet-menu{display:none!important}.header{display:block}.tablet-menu-btn,.tablet-menu-overlay,.tablet-menu{visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media (display-mode: standalone){body{-webkit-user-select:none;-webkit-touch-callout:none}.pwa-install-prompt{display:none!important}.header{padding-top:env(safe-area-inset-top)}.footer{padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 768px){.App{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.whatsapp-icon,.audio-button,.pwa-install-prompt,.mobile-fab{display:none!important}.footer{margin-bottom:0;padding-bottom:0}.hero-3d-image,.geometric-shape,.story-shape,.hero-visual,.hero-image-container{display:none!important}.footer-content,.footer-bottom{margin-bottom:0;padding-bottom:0}}}@supports (-webkit-touch-callout: none){.pwa-install-prompt{bottom:max(20px,env(safe-area-inset-bottom))}}.nav-links a.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:#ff6b35;border-radius:50%}.language-dropdown{position:relative}.language-btn{background:none;border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .3s ease;font-family:inherit}.language-btn:hover{color:#ff6b35}.language-btn svg{transition:transform .3s ease}.language-dropdown:hover .language-btn svg{transform:rotate(180deg)}.language-menu{position:absolute;top:100%;right:0;background-color:#1a2332;border:1px solid #2d3748;border-radius:8px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;box-shadow:0 10px 30px #0000004d}.language-dropdown:hover .language-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:block;width:100%;background:none;border:none;color:#fff;padding:12px 16px;text-align:right;cursor:pointer;transition:background-color .3s ease;font-family:inherit;font-size:14px}.language-option:hover{background-color:#2d3748;color:#ff6b35}.language-option:first-child{border-radius:8px 8px 0 0}.language-option:last-child{border-radius:0 0 8px 8px}@media (max-width: 768px){.language-menu{min-width:160px;right:-20px}.language-option{padding:10px 12px;font-size:13px}.language-btn{font-size:14px}}.consultation-btn{background-color:#ff6b35;color:#fff;padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.consultation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.consultation-btn:hover:before{left:100%}.consultation-btn:hover{background:transparent;border:2px solid #ff6b35;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.consultation-btn:hover .btn-text{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.consultation-btn .btn-text{position:relative;z-index:2;transition:all .3s ease}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#0a0e1a,#1a2332,#2d3748);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text h1{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-text h1 .highlight{color:#ff6b35}.hero-text p{font-size:18px;line-height:1.6;margin-bottom:30px;opacity:.9}.hero-btn{background-color:#ff6b35;color:#fff;padding:15px 30px;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.hero-btn:hover:before{left:100%}.hero-btn:hover{background:transparent;border:2px solid #ff6b35;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.hero-btn:hover .btn-text{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.hero-btn .btn-text{position:relative;z-index:2;transition:all .3s ease}.hero-visual{position:relative;height:400px}.geometric-shape{position:absolute;width:400px;height:400px;background:linear-gradient(45deg,#ff6b35,#ff8e53,#4a90e2,#6bb6ff);clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);animation:float 6s ease-in-out infinite;box-shadow:0 0 50px #ff6b354d}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.whatsapp-icon{position:fixed;left:20px;bottom:20px;width:60px;height:60px;background-color:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;font-size:24px;color:#fff}.whatsapp-icon:hover{transform:scale(1.1);box-shadow:0 5px 15px #25d36666}.story{padding:80px 0;background-color:#0a0e1a}.story-content{display:flex;flex-direction:column;gap:60px;align-items:center}.story-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;justify-content:flex-start;flex-direction:row-reverse}.story-text h2{font-size:36px;font-weight:700;margin-bottom:0;line-height:1.3;text-align:right;flex:1}.story-image{flex-shrink:0}.story-title-image{max-width:150px;height:auto;filter:drop-shadow(0 10px 20px rgba(255,107,53,.3));transition:all .3s ease}.story-title-image:hover{transform:scale(1.05);filter:drop-shadow(0 15px 30px rgba(255,107,53,.5))}.story-text h2 .highlight{color:#ff6b35}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.value-item{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;border-radius:10px;transition:all .3s ease;text-align:center}.value-item:hover{background-color:#1a2332;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b351a}.value-item:hover .value-icon{background-color:#ff6b35;color:#fff}.value-item:hover .value-text h3{color:#ff6b35}.value-item:hover .value-text p{color:#fff}.value-icon{width:50px;height:50px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:#fff;border:2px solid #ffffff;transition:all .3s ease}.value-text h3{font-size:26px;font-weight:600;margin-bottom:18px;color:#fff;transition:all .3s ease}.value-text p{font-size:18px;line-height:1.8;color:#ccc;transition:all .3s ease}.story-visual{position:relative;height:400px}.story-shape{position:absolute;width:200px;height:300px;background:linear-gradient(135deg,#333,#666);clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);right:0;top:50%;transform:translateY(-50%)}.services-accordion{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.service-title{font-size:20px;font-weight:600}.service-arrow{width:30px;height:30px;background-color:#ff6b35;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.service-content{padding:0 30px;max-height:0;overflow:hidden;transition:all .3s ease}.service-item.active .service-content{padding:0 30px 30px;max-height:500px}.service-description{font-size:16px;line-height:1.6;margin-bottom:20px;opacity:.9}.service-btn{background-color:#ff6b35;color:#fff;padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.service-btn:hover{background-color:#ffed4e;transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.service-image{margin-top:20px;text-align:center}.service-icon{font-size:80px;color:#ff6b35;margin:20px 0}.services{padding:80px 0;background-color:#1a2332}.services-header{text-align:center;margin-bottom:60px}.services-header h2{font-size:36px;font-weight:700;margin-bottom:20px}.services-header h2 .highlight{color:#ff6b35}.services-header p{font-size:16px;line-height:1.6;opacity:.8;max-width:600px;margin:0 auto}.services-accordion{max-width:1000px;margin:0 auto}.service-item{background-color:#2d3748;border-radius:15px;margin-bottom:20px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}.service-item:hover{border-color:#ff6b35;box-shadow:0 5px 20px #ff6b351a}.service-item.active{background-color:#222;border-color:#ff6b35;box-shadow:0 5px 20px #ff6b3533}.service-header{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.service-header:hover{background-color:#2a2a2a}.service-title{font-size:20px;font-weight:600;color:#fff}.service-arrow{width:30px;height:30px;background-color:#ff6b35;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;color:#000;font-size:14px;font-weight:700}.service-item.active .service-arrow{transform:rotate(180deg)}.service-content{padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.service-item.active .service-content{padding:30px;max-height:600px}.service-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.service-visual{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;position:relative;padding:40px;border-radius:15px}.device-mockup{position:relative;width:200px;height:300px;background-color:#333;border-radius:20px;box-shadow:0 10px 30px #00000080;transform:rotate(-5deg);transition:transform .3s ease}.device-mockup:hover{transform:rotate(-2deg) scale(1.05)}.device-screen{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.device-screen h3{font-size:16px;margin-bottom:10px;color:#ff6b35}.device-screen p{font-size:12px;opacity:.8;line-height:1.4}.service-text-content{display:flex;flex-direction:column;justify-content:center}.service-description{font-size:16px;line-height:1.6;color:#fff;margin-bottom:30px;opacity:.9}.service-btn{background-color:#ff6b35;color:#fff;padding:15px 30px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;align-self:flex-start;position:relative;overflow:hidden}.service-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.service-btn:hover:before{left:100%}.service-btn:hover{background:transparent;border:2px solid #ff6b35;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.service-btn:hover .btn-text{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.service-btn .btn-text{position:relative;z-index:2;transition:all .3s ease}.service-btn-arrow{font-size:14px}.laptop-mockup{width:300px;height:200px;border-radius:15px}.tablet-mockup{width:250px;height:180px;border-radius:20px}.portfolio{padding:80px 0;background-color:#0a0e1a}.portfolio-header{text-align:center;margin-bottom:60px}.portfolio-badge{display:inline-block;background-color:#333;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;margin-bottom:20px}.portfolio-header h2{font-size:36px;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr;gap:20px}}.portfolio-item{background-color:#2d3748;border-radius:15px;overflow:hidden;transition:all .3s ease;border:1px solid transparent}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd7004d;border-color:#ff6b35}.portfolio-image{height:200px;background-color:#333;display:flex;align-items:center;justify-content:center;position:relative}.portfolio-icon{font-size:60px;color:#ff6b35;margin:20px 0}.portfolio-image img{max-width:100%;max-height:100%;object-fit:cover}.portfolio-content{padding:20px}.portfolio-content h3{font-size:18px;font-weight:600;margin-bottom:10px}.portfolio-category{font-size:14px;color:#ff6b35;font-weight:500}.portfolio-description{font-size:13px;color:#a0aec0;margin:8px 0;line-height:1.4}.cta{padding:80px 0;background:linear-gradient(135deg,#0a0e1a,#1a2332,#ff6b35);position:relative;overflow:hidden}.cta-content{text-align:center;position:relative;z-index:2}.cta h2{font-size:36px;font-weight:700;margin-bottom:30px}.cta-btn{background-color:#ff6b35;color:#fff;padding:18px 36px;border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.cta-btn:hover:before{left:100%}.cta-btn:hover{background:transparent;border:2px solid #ff6b35;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.cta-btn:hover .btn-text{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.cta-btn .btn-text{position:relative;z-index:2;transition:all .3s ease}.cta-visual{position:absolute;right:-100px;top:50%;transform:translateY(-50%);width:300px;height:300px;background:linear-gradient(45deg,#333,#666);border-radius:50%;opacity:.3}.footer{background-color:#0a0e1a;padding:60px 0 20px;border-top:1px solid #333}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-section h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#ff6b35}.social-links{display:flex;flex-direction:column;gap:10px}.social-link{color:#fff;text-decoration:none;font-size:14px;transition:color .3s ease}.social-link:hover{color:#ff6b35}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-link{color:#fff;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-link:hover{color:#ff6b35}.contact-info{display:flex;flex-direction:column;gap:10px}.contact-item{color:#fff;font-size:14px;margin:0}.footer-bottom{border-top:1px solid #333;padding-top:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-logo-section{display:flex;align-items:center;gap:15px}.footer-logo{width:40px;height:40px;object-fit:contain}.footer-brand{display:flex;flex-direction:column;gap:5px}.development-credit{font-size:12px;color:#a0aec0;margin:0}.copyright{color:#999;font-size:14px;margin:0}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-link{color:#999;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-bottom-link:hover{color:#ff6b35}@media (min-width: 1400px){.container{max-width:1400px}.hero-text h1{font-size:56px}.hero-text p{font-size:20px}.hero-3d-image{max-width:600px;display:block}.services-header h2,.story-text h2{font-size:42px}.story-title-image{max-width:200px}.story-header{gap:15px}}@media (min-width: 1200px) and (max-width: 1399px){.container{max-width:1200px}.hero-text h1{font-size:52px}.hero-3d-image{max-width:550px;display:block}.story-header{gap:15px}}@media (min-width: 992px) and (max-width: 1199px){.container{max-width:960px}.hero-text h1{font-size:48px}.hero-3d-image{max-width:500px;display:block}.story-header{gap:15px}.nav-links{gap:25px}}@media (min-width: 768px) and (max-width: 991px){body,#root,.App{overflow-x:hidden;width:100vw;max-width:100vw}.container{max-width:720px;overflow-x:hidden}.services-accordion{max-width:900px;gap:20px}.story-header{flex-direction:column;gap:15px;text-align:center;justify-content:center}.story-text h2{text-align:center}.story-title-image{max-width:120px}.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-text h1{font-size:40px}.hero-text p{font-size:18px}.hero-3d-image{display:none}.values-grid,.portfolio-grid,.footer-content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 576px) and (max-width: 767px){body,#root,.App{overflow-x:hidden;width:100vw;max-width:100vw}.container{max-width:540px;overflow-x:hidden}.services-accordion{max-width:100%;gap:15px}.story-header{flex-direction:column;gap:10px;text-align:center;justify-content:center}.story-text h2{text-align:center}.story-title-image{max-width:100px}.nav{flex-direction:column;gap:15px}.nav-links{gap:20px}.hero-text h1{font-size:32px}.hero-text p{font-size:16px}.hero-3d-image{display:none}.values-grid{grid-template-columns:repeat(2,1fr)}.service-card{grid-template-columns:1fr;text-align:center;gap:30px}.service-visual{order:2}.service-text-content{order:1}}@media (max-width: 575px){body,#root,.App{overflow-x:hidden;width:100vw;max-width:100vw}.container{padding:0 15px;max-width:100vw;overflow-x:hidden}.services-accordion{max-width:100%;gap:10px}.service-item{margin-bottom:15px}.nav{flex-direction:column;gap:15px}.nav-links{gap:15px;flex-wrap:wrap;justify-content:center}.logo-img{width:30px;height:30px}.logo-text{font-size:18px}.hero{padding:100px 0 60px}.hero-content{grid-template-columns:1fr;text-align:center;gap:30px}.hero-text h1{font-size:28px;line-height:1.3}.hero-text p{font-size:16px;line-height:1.5}.hero-3d-image{display:none}.story-header{flex-direction:column;gap:8px;text-align:center;justify-content:center}.story-text h2{text-align:center}.story-title-image{max-width:80px}.values-grid{grid-template-columns:1fr;gap:20px}.value-item{padding:15px}.value-icon{width:40px;height:40px}.value-text h3{font-size:20px}.value-text p{font-size:16px}.services{padding:60px 0}.services-header h2{font-size:28px}.services-header p{font-size:14px}.service-header{padding:20px 15px}.service-title{font-size:16px}.service-description{font-size:14px}.service-card{grid-template-columns:1fr;text-align:center;gap:25px}.service-visual{order:2}.service-text-content{order:1}.device-mockup{width:120px;height:160px}.laptop-mockup{width:150px;height:100px}.tablet-mockup{width:140px;height:100px}.portfolio{padding:60px 0}.portfolio-header h2{font-size:28px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-item{margin-bottom:20px}.cta{padding:60px 0}.cta h2{font-size:28px}.footer{padding:40px 0 15px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:15px}.footer-logo-section{justify-content:center}.footer-logo{width:35px;height:35px}.development-credit{font-size:11px}.footer-bottom-links{justify-content:center}}@media (min-width: 481px) and (max-width: 767px){.hero-text h1{font-size:36px}.hero-3d-image{display:none}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape){.hero{padding:80px 0 40px}.hero-content{grid-template-columns:1fr 1fr;gap:30px}.hero-3d-image{max-width:300px}}@media (min-width: 360px) and (max-width: 480px){.hero-text h1{font-size:26px}.hero-3d-image{display:none}.nav-links{font-size:14px}}@media (max-width: 359px){.hero-text h1{font-size:22px}.hero-3d-image{display:none}.logo-text{font-size:16px}.nav-links{font-size:12px;gap:10px}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.fade-in-left{opacity:0;transform:translate(-30px);transition:all .8s ease-out}.fade-in-right{opacity:0;transform:translate(30px);transition:all .8s ease-out}.fade-in-scale{opacity:0;transform:scale(.8);transition:all .8s ease-out}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.fade-in-up.active,.fade-in-left.active,.fade-in-right.active,.fade-in-scale.active{opacity:1;transform:translateY(0) translate(0) scale(1)}.container{position:relative;z-index:2}.App{opacity:1;transition:opacity .5s ease-in-out}.fade-in-up,.fade-in-left,.fade-in-right,.fade-in-scale{will-change:transform,opacity}.fade-in-up:not([style*="opacity: 1"]),.fade-in-left:not([style*="opacity: 1"]),.fade-in-right:not([style*="opacity: 1"]),.fade-in-scale:not([style*="opacity: 1"]){opacity:1!important;transform:translateY(0) translate(0) scale(1)!important}.privacy-policy-page,.terms-page{min-height:100vh;background-color:#0a0e1a;color:#fff;padding:100px 0 60px;position:relative;z-index:2}.page-header{text-align:center;margin-bottom:60px}.page-header h1{font-size:48px;font-weight:700;color:#ff6b35;margin-bottom:20px}.page-subtitle{font-size:16px;color:#a0aec0;margin:0}.page-content{max-width:800px;margin:0 auto;line-height:1.8}.policy-section,.terms-section{margin-bottom:40px;padding:30px;background-color:#1a2332;border-radius:15px;border:1px solid #2d3748}.policy-section h2,.terms-section h2{font-size:24px;font-weight:600;color:#ff6b35;margin-bottom:20px;border-bottom:2px solid #ff6b35;padding-bottom:10px}.policy-section h3,.terms-section h3{font-size:18px;font-weight:600;color:#fff;margin:25px 0 15px}.policy-section p,.terms-section p{font-size:16px;color:#e2e8f0;margin-bottom:15px}.policy-section ul,.terms-section ul{margin:15px 0;padding-right:20px}.policy-section li,.terms-section li{font-size:16px;color:#e2e8f0;margin-bottom:10px;line-height:1.6}.contact-info{background-color:#2d3748;padding:20px;border-radius:10px;margin-top:20px}.contact-info p{margin:10px 0;font-size:16px}.contact-info strong{color:#ff6b35}@media (max-width: 768px){.privacy-policy-page,.terms-page{padding:80px 0 40px}.page-header h1{font-size:36px}.page-content{padding:0 20px}.policy-section,.terms-section{padding:20px;margin-bottom:30px}.policy-section h2,.terms-section h2{font-size:20px}.policy-section h3,.terms-section h3{font-size:16px}.policy-section p,.terms-section p,.policy-section li,.terms-section li{font-size:14px}}.chat-button{position:fixed;bottom:80px;left:20px;width:50px;height:50px;background:linear-gradient(45deg,#ff6b35,#ff8e53);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;z-index:1000}.chat-button:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #ff6b3580}.chat-button:active{transform:translateY(-1px) scale(1.05)}.chat-button svg{transition:all .3s ease;width:20px;height:20px}.chat-button:hover svg{transform:scale(1.1)}.audio-button{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:linear-gradient(45deg,#ff6b35,#ff8e53);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;z-index:1000}.audio-button:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #ff6b3580}.audio-button:active{transform:translateY(-1px) scale(1.05)}.audio-button svg{transition:all .3s ease}.audio-button:hover svg{transform:scale(1.1)}@media (max-width: 768px){.chat-button{bottom:75px;left:15px;width:45px;height:45px}.chat-button svg{width:18px;height:18px}.audio-button{bottom:15px;left:15px;width:45px;height:45px}}@media (max-width: 480px){.chat-button{bottom:70px;left:10px;width:40px;height:40px}.chat-button svg{width:16px;height:16px}.audio-button{bottom:10px;left:10px;width:40px;height:40px}}.service-image{width:100%;height:300px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.service-real-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-real-image:hover{transform:scale(1.05)}@media (max-width: 768px){.service-image{height:250px}}@media (max-width: 480px){.service-image{height:200px}}.header{position:relative;z-index:10}.hero,.story,.services,.portfolio,.cta,.footer{position:relative;z-index:2}.whatsapp-icon{position:relative;z-index:10}.hero-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-3d-image{width:100%;max-width:500px;height:auto;object-fit:contain;animation:float3D 12s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(255,107,53,.3));transition:all .3s ease;display:block}@media (min-width: 769px){.hero-3d-image{display:block!important}}@media (max-width: 768px){.hero-3d-image{display:none!important}}.hero-3d-image:hover{transform:scale(1.05);filter:drop-shadow(0 30px 60px rgba(255,107,53,.5))}@keyframes float3D{0%{transform:translateY(0) rotateY(0) rotateX(0)}12.5%{transform:translateY(-8px) rotateY(15deg) rotateX(2deg)}25%{transform:translateY(-15px) rotateY(30deg) rotateX(4deg)}37.5%{transform:translateY(-20px) rotateY(15deg) rotateX(2deg)}50%{transform:translateY(-25px) rotateY(0) rotateX(0)}62.5%{transform:translateY(-20px) rotateY(-15deg) rotateX(-2deg)}75%{transform:translateY(-15px) rotateY(-30deg) rotateX(-4deg)}87.5%{transform:translateY(-8px) rotateY(-15deg) rotateX(-2deg)}to{transform:translateY(0) rotateY(0) rotateX(0)}}@media (max-width: 768px){.hero-3d-image{display:none}}@media (max-width: 480px){.hero-3d-image{display:none}}