html.myata-marketing{scroll-behavior:smooth}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg)}to{opacity:1;transform:rotate(0)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00c8964d,0 0 40px #00c8961a}50%{box-shadow:0 0 30px #00c89680,0 0 60px #00c89633}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes border-flow{0%{border-color:#00c89633}50%{border-color:#00c89699}to{border-color:#00c89633}}@keyframes text-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn-myata-primary,.btn-myata-outline,.btn-myata-dark{position:relative;overflow:hidden}.btn-myata-primary:before,.btn-myata-outline:before,.btn-myata-dark:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-myata-primary:active:before,.btn-myata-outline:active:before,.btn-myata-dark:active:before{width:300px;height:300px}.mk-service-tile,.service-card,.testimonial-card,.pricing-card,.step-card{position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mk-service-tile:after,.service-card:after,.testimonial-card:after,.pricing-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.mk-service-tile:hover:after,.service-card:hover:after,.testimonial-card:hover:after,.pricing-card:hover:after{left:100%}[data-reveal]{opacity:0}[data-reveal]>*{opacity:0}.mk-hero,.myata-hero{position:relative}.mk-hero h1,.myata-hero h1{background:linear-gradient(135deg,#fff,#7defd2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mk-pill,.myata-hero-badge{border:1.5px solid var(--myata-green);background:linear-gradient(135deg,#00c89626,#00c8960d)}.mk-flow-step{opacity:0;padding:1rem;border-radius:12px;transition:all .3s ease}.mk-flow-step:nth-child(2){animation-delay:.1s}.mk-flow-step:nth-child(3){animation-delay:.2s}.mk-flow-step:nth-child(4){animation-delay:.3s}.mk-flow-step:nth-child(5){animation-delay:.4s}.mk-flow-step:hover{background:#00c89614;transform:translate(8px)}.mk-service-mosaic{display:grid;gap:1.25rem}.mk-service-tile{opacity:0;border-radius:16px;overflow:hidden;position:relative;cursor:pointer}.mk-service-tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,200,150,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;z-index:1}.mk-service-tile:hover:before{opacity:1}.mk-service-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00c89640}.mk-service-tile i{font-size:2.2rem;transition:transform .3s ease,color .3s ease}.mk-service-tile:hover i{transform:translateY(-4px) rotate(5deg);color:var(--myata-green)}.mk-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;position:relative}.mk-timeline article{opacity:0;padding:1.5rem;border-radius:12px;border-left:3px solid var(--myata-green);background:#00c8960d;transition:all .3s ease;cursor:pointer}.mk-timeline article:hover{transform:translate(8px);background:#00c8961f;box-shadow:0 8px 24px #00c89626}.mk-timeline article span{display:inline-block;background:linear-gradient(135deg,var(--myata-green),#7DEFD2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.8rem;font-weight:800}.comparison-table tbody tr{opacity:0;transition:all .3s ease}.comparison-table tbody tr:hover{background:#00c89614;transform:translate(4px)}.mk-why-grid,.mk-about-pillars{display:grid;gap:1.5rem}.mk-why-grid article,.mk-about-pillars article{opacity:0;padding:1.75rem;border-radius:12px;background:linear-gradient(135deg,#00c89614,#00c89605);border:1px solid rgba(0,200,150,.15);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden}.mk-why-grid article:before,.mk-about-pillars article:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(0,200,150,.3),transparent);border-radius:50%;opacity:0;transition:opacity .3s ease}.mk-why-grid article:hover,.mk-about-pillars article:hover{transform:translateY(-8px);border-color:#00c89666;box-shadow:0 16px 32px #00c89626}.mk-why-grid article:hover:before,.mk-about-pillars article:hover:before{opacity:1}.mk-why-grid i,.mk-about-pillars i{font-size:2rem;color:var(--myata-green);transition:transform .3s ease;margin-bottom:1rem}.mk-why-grid article:hover i,.mk-about-pillars article:hover i{transform:scale(1.15) rotate(10deg)}.mk-inline-stats,.mk-about-stats{display:flex;gap:3rem;flex-wrap:wrap;align-items:center;justify-content:center}.mk-inline-stats div,.mk-about-stats div{opacity:1;padding:1rem 1.5rem;border-radius:12px;background:#00c89614;border-left:3px solid var(--myata-green);transition:all .3s ease;cursor:pointer}.mk-inline-stats div:hover,.mk-about-stats div:hover{transform:translate(8px);background:#00c89626;box-shadow:0 8px 24px #00c89626}.mk-inline-stats strong,.mk-about-stats strong{display:block;font-size:1.5rem;color:var(--myata-green);margin-bottom:.25rem}input,textarea,select{transition:all .3s ease;border:1px solid rgba(0,200,150,.2);border-radius:8px}input:focus,textarea:focus,select:focus{border-color:var(--myata-green);box-shadow:0 0 0 3px #00c8961a;transform:translateY(-2px)}.mk-brand-art,.hero-mockup,.mk-about-visual,.mk-why-visual{animation:floatUp 3s ease-in-out infinite}.hero-float-card{animation:floatDown 3.5s ease-in-out infinite}.stat-counter{font-size:2rem;font-weight:800;color:var(--myata-green);animation:countUp .6s ease-out}.tab-buttons{display:flex;gap:.5rem;border-bottom:2px solid rgba(0,200,150,.2);margin-bottom:2rem}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;color:#fff9;font-weight:600;cursor:pointer;position:relative;transition:color .3s ease}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--myata-green);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.tab-btn:hover:after,.tab-btn.active:after{transform:scaleX(1);transform-origin:left}.tab-btn:hover,.tab-btn.active{color:var(--myata-white)}.tab-content{opacity:0}.accordion-item{border:1px solid rgba(0,200,150,.2);border-radius:12px;margin-bottom:.75rem;overflow:hidden;transition:all .3s ease}.accordion-header button{width:100%;padding:1.25rem;background:transparent;border:none;text-align:left;font-weight:600;color:var(--myata-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.accordion-header button:hover{background:#00c89614;color:var(--myata-green)}.accordion-header button:after{content:"▼";font-size:.8rem;color:var(--myata-green);transition:transform .3s ease}.accordion-item.open .accordion-header button:after{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-item.open .accordion-body{max-height:500px}.accordion-body p{padding:0 1.25rem 1.25rem;margin:0;color:#ffffffb3;line-height:1.6}.gradient-text{background:linear-gradient(135deg,#00c896,#7defd2,#00c896);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-underline{position:relative;text-decoration:none}.hover-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--myata-green);transition:width .3s ease}.hover-underline:hover:after{width:100%}.staggered-list li{opacity:0}.mk-badge,.mk-badge-new{border-radius:20px}.parallax-bg{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}a:not(.btn-myata-primary):not(.btn-myata-outline):not(.btn-myata-dark):not(.btn-nav-cta){position:relative;text-decoration:none;transition:color .3s ease}a:not(.btn-myata-primary):not(.btn-myata-outline):not(.btn-myata-dark):not(.btn-nav-cta):hover{color:var(--myata-green)}.animated-divider{height:2px;background:linear-gradient(90deg,transparent,var(--myata-green),transparent);margin:2rem 0}.fade-in-on-scroll{opacity:0;transition:opacity .8s ease}.fade-in-on-scroll.visible{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}*{--transition-smooth: all .3s cubic-bezier(.34, 1.56, .64, 1)}@media (max-width: 768px){.mk-timeline,.mk-service-mosaic,.mk-why-grid,.mk-about-pillars{grid-template-columns:1fr}[data-reveal]>:nth-child(n){opacity:0}.mk-hero h1,.myata-hero h1{font-size:1.75rem}}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid rgba(0,200,150,.3);border-top-color:var(--myata-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.error{border-color:#ef4444!important;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success{border-color:var(--myata-green)!important;animation:pulse-green .6s ease-out}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.myata-section{position:relative}.myata-section-dark{background:linear-gradient(135deg,var(--myata-dark) 0%,var(--myata-dark-2) 100%)}.mk-service-tile i,.mk-why-grid i,.mk-about-pillars i,.step-icon{position:relative;display:inline-block}.mk-service-tile:hover i:before,.mk-why-grid article:hover i:before,.mk-about-pillars article:hover i:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:radial-gradient(circle,rgba(0,200,150,.4),transparent);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.learn-more-link,.hover-underline{position:relative;font-weight:600;transition:all .3s ease}.learn-more-link:hover{color:#7defd2;transform:translate(4px)}.mk-service-tile,.service-card,.testimonial-card,.pricing-card{position:relative;overflow:hidden}.mk-service-tile:after,.service-card:after,.testimonial-card:after,.pricing-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.transition-all{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--myata-green);box-shadow:0 0 0 4px #00c8961a}@media (prefers-reduced-motion: no-preference){*{scroll-behavior:smooth}}.btn-myata-primary:focus,.btn-myata-lg:focus{box-shadow:0 0 0 4px #00c89633,0 6px 20px #00c8964d}.text-fade-in{opacity:0}.delayed-list li:nth-child(n){opacity:0}.scroll-reveal{opacity:0;transition:opacity .6s ease}.scroll-reveal.visible{opacity:1}.border-glow{position:relative;border:1px solid rgba(0,200,150,.3);animation:border-flow 3s ease-in-out infinite}.active,.is-active{animation:slideInUp .3s ease-out}.gradient-animated{background:linear-gradient(-45deg,var(--myata-dark),var(--myata-dark-2),var(--myata-dark-3),var(--myata-dark));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.mk-hero-animated,.mk-gradient-bg{position:relative}.mk-hero-animated:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 60% 60% at 70% 50%,rgba(0,200,150,.1) 0%,transparent 70%);animation:float-bg 20s ease-in-out infinite;pointer-events:none}@keyframes float-bg{0%,to{transform:translate(0)}25%{transform:translate(-30px,-30px)}50%{transform:translate(30px,30px)}75%{transform:translate(-30px,30px)}}.pulse-loader{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--myata-green);animation:pulse-loader 1.5s ease-in-out infinite}@keyframes pulse-loader{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.nav-transition{transition:all .3s ease}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,150,.3),transparent);margin:4rem 0;animation:gradient-shift 4s ease infinite}.comparison-before,.comparison-after{position:relative;overflow:hidden}.comparison-before:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00c8961a;animation:comparison-flash 2s ease-in-out infinite}@keyframes comparison-flash{0%,to{opacity:0}50%{opacity:1}}.feature-highlight{position:relative;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#00c8961a,#00c8960d);border:1px solid rgba(0,200,150,.2);transition:all .3s ease}.feature-highlight:hover{background:linear-gradient(135deg,#00c89633,#00c8961a);border-color:#00c89666;box-shadow:0 8px 24px #00c8961a}.chip,.tag,.badge{display:inline-block;opacity:0;transition:all .2s ease}.chip:hover,.tag:hover,.badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #00c89633}.skeleton{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:loading-skeleton 1.5s infinite}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}input.error,textarea.error,select.error{background-color:#ef44440d!important;animation:shake .4s ease-in-out}input.success,textarea.success,select.success{background-color:#00c8960d!important}.form-error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem;animation:slideInUp .2s ease-out}.form-success-message{color:var(--myata-green);font-size:.8rem;margin-top:.25rem;animation:slideInUp .2s ease-out}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.closing{animation:fadeOut .3s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.dropdown-menu.show{animation:slideInUp .2s ease-out}.tooltip{animation:scaleIn .2s ease-out}.breadcrumb{display:flex;gap:.5rem}.breadcrumb-item{animation:slideInLeft .3s ease-out}.breadcrumb-item:nth-child(n){animation-delay:calc(var(--index, 0) * .1s)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
