*{box-sizing:border-box;margin:0;padding:0}:root{--ccl-blue:#495f94;--ccl-gray:#706f74;--justino-teal:#3a9b9f;--justino-purple:#8b3a62;--gradient-primary:linear-gradient(135deg,#3a9b9f,#8b3a62);--gradient-mesh:linear-gradient(135deg,#3a9b9f15,#8b3a6215);--gradient-glow:radial-gradient(circle at 50% 50%,rgba(58,155,159,.15),transparent 70%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-glow:0 0 30px rgba(58,155,159,.3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#1f2937;background:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--gradient-primary)}.gradient-bg-animated{background:linear-gradient(135deg,#3a9b9f,#8b3a62 50%,#495f94);background-size:200% 200%;animation:gradientShift 8s ease infinite}.glass-effect{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.glow-effect{box-shadow:0 0 20px rgba(58,155,159,.3),0 0 40px rgba(58,155,159,.1)}.glow-effect-strong{box-shadow:0 0 30px rgba(58,155,159,.5),0 0 60px rgba(58,155,159,.2),0 0 90px rgba(58,155,159,.1)}.btn-primary{background:var(--gradient-primary);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--justino-teal);padding:.75rem 2rem;border-radius:.5rem;font-weight:600;border:2px solid var(--justino-teal);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--justino-teal);transition:width .3s ease;z-index:-1}.btn-secondary:hover:before{width:100%}.btn-secondary:hover{color:#fff}.card{background:#fff;padding:1.5rem;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative}.card,.card:after{border-radius:1rem}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;background:var(--gradient-glow);pointer-events:none}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card:hover:after{opacity:1}.gradient-mesh-bg{position:relative;overflow:hidden}.gradient-mesh-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(58,155,159,.1) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(139,58,98,.1) 0,transparent 50%);animation:meshMove 20s ease-in-out infinite;pointer-events:none}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes meshMove{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes shimmer{to{left:100%}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(58,155,159,.2)}50%{box-shadow:0 0 40px rgba(58,155,159,.4),0 0 60px rgba(58,155,159,.2)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideInFromRight .5s ease-out}.pulse-glow{animation:glow 2s ease-in-out infinite}input,select,textarea{font-family:inherit;font-size:1rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--justino-teal);box-shadow:0 0 0 3px rgba(58,155,159,.1),0 0 20px rgba(58,155,159,.15)}label{display:block;font-weight:600;margin-bottom:.5rem;color:#374151}@media (max-width:768px){.container{padding:0 .75rem}.btn-primary,.btn-secondary{padding:.625rem 1.5rem;font-size:.875rem}}.spinner{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-border{position:relative;border:2px solid transparent;background-clip:padding-box}.gradient-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1}@media (max-width:768px){.trust-bar-mobile{font-size:.75rem!important;gap:.75rem!important;padding:.625rem .5rem!important}.trust-bar-mobile>div{gap:.375rem!important}.trust-bar-mobile svg{width:14px!important;height:14px!important}}@media (max-width:480px){.trust-bar-mobile{flex-direction:column!important;gap:.5rem!important;padding:.75rem .5rem!important}}@media (max-width:768px){.hero-avatar-mobile{width:80px!important;min-width:80px!important}.welcome-message-mobile{font-size:.875rem!important}.welcome-title-mobile{font-size:1.125rem!important}}@media (max-width:480px){.hero-avatar-mobile{width:60px!important;min-width:60px!important}}@media (max-width:640px){.badges-container-mobile{gap:.5rem!important}.badge-mobile{padding:.375rem .75rem!important;font-size:.75rem!important}.badge-mobile svg{width:12px!important;height:12px!important}.product-cards-grid-mobile{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;gap:1rem!important}.product-card-mobile{padding:1rem!important}.product-card-emoji-mobile{font-size:2rem!important}.chat-input-mobile{font-size:.875rem!important}.chat-button-mobile,.chat-input-mobile{padding:.875rem 1rem!important}.cta-buttons-mobile{flex-direction:column!important;width:100%!important}.cta-buttons-mobile a{width:100%!important;justify-content:center!important}}@media (max-width:768px){.section-padding-mobile{padding:3rem 1rem!important}}@media (max-width:640px){.responsive-hide-mobile{display:none!important}}@media (max-width:768px){.clickable,a,button{min-height:44px!important;min-width:44px!important}}@media (max-width:640px){.welcome-container-mobile{flex-direction:column!important;align-items:center!important;text-align:center!important}.welcome-examples-mobile{padding-left:0!important;text-align:center!important;margin-top:1rem!important}}