:root{--color-light-green: #48C395;--color-dark-teal: #27A0B5;--color-blue: #1A92C9;--color-medium-cyan: #36B1A8;--color-white: #FFFFFF;--color-bg-light: #F8FBFA;--color-text-dark: #2C3E50;--color-text-muted: #5C6E7A;--gradient-primary: linear-gradient(135deg, var(--color-light-green), var(--color-blue));--gradient-secondary: linear-gradient(135deg, var(--color-dark-teal), var(--color-medium-cyan));--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 20px rgba(39, 160, 181, .1);--shadow-lg: 0 20px 40px rgba(26, 146, 201, .15);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Montserrat,sans-serif;color:var(--color-text-dark)}body{background-color:var(--color-white);line-height:1.6}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.bg-light{background-color:var(--color-bg-light)}.section{padding:6rem 0}.section-header{text-align:center;max-width:800px;margin:0 auto 4rem}.section-header h2{font-size:2.5rem;color:var(--color-dark-teal);margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--color-text-muted)}h1,h2,h3,h4{font-weight:700;line-height:1.2}.btn-primary{display:inline-block;background:var(--gradient-primary);color:var(--color-white);padding:.8rem 1.8rem;border-radius:50px;font-weight:600;transition:var(--transition);border:none;cursor:pointer;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{padding:1.2rem 2.5rem;font-size:1.1rem}header{position:fixed;top:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow-sm)}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo img{height:40px;object-fit:contain}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500;color:var(--color-text-dark);transition:var(--transition)}.nav-links a:hover{color:var(--color-medium-cyan)}.hero{padding-top:150px;min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at top right,rgba(72,195,149,.1),transparent)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:3.5rem;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content .subtitle{font-size:1.25rem;font-weight:500;margin-bottom:2rem}.hero-problems{background:var(--color-white);padding:1.5rem;border-left:4px solid var(--color-light-green);border-radius:0 8px 8px 0;box-shadow:var(--shadow-sm);margin-bottom:2rem;font-size:.95rem;color:var(--color-text-muted)}.hero-problems p:first-child{margin-bottom:1rem}.hero-cost{margin-bottom:2.5rem;font-size:1.1rem}.hero-cost .highlight{color:var(--color-dark-teal);font-weight:700}.hero-image{position:relative}.chat-mockup{background:#e5ddd5;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);animation:float 6s ease-in-out infinite;overflow:hidden;max-width:380px;margin:0 auto}.chat-header{background:var(--color-dark-teal);color:var(--color-white);padding:1rem;display:flex;align-items:center;gap:1rem}.chat-avatar{width:40px;height:40px;background:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-info strong{display:block;font-size:1rem;line-height:1.2}.chat-info span{font-size:.8rem;opacity:.8}.chat-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.scrollable-chat{max-height:400px;overflow-y:auto}.scrollable-chat::-webkit-scrollbar{width:5px}.scrollable-chat::-webkit-scrollbar-track{background:transparent}.scrollable-chat::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.scrollable-chat::-webkit-scrollbar-thumb:hover{background:#0000004d}.chat-bubble{padding:.8rem 1rem;border-radius:12px;max-width:85%;font-size:.9rem;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000001a}.user-bubble{background:#fff;color:var(--color-text-dark);align-self:flex-start;border-top-left-radius:0}.ai-bubble{background:#dcf8c6;color:var(--color-text-dark);align-self:flex-end;border-top-right-radius:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.eco-card{background:var(--color-white);padding:2rem;border-radius:15px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,0,0,.03)}.eco-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.eco-card.highlight-card{background:var(--gradient-primary);color:var(--color-white)}.eco-card .icon{display:flex;justify-content:center;color:var(--color-dark-teal);margin-bottom:1.5rem}.eco-card .icon svg{opacity:.85;stroke-width:1.5px}.highlight-card .icon{color:var(--color-white)}.success-case{background:var(--gradient-primary);color:var(--color-white);position:relative;overflow:hidden;padding:6rem 0}.case-container{position:relative;z-index:2}.case-subtitle{font-size:1.25rem;margin-top:.5rem;margin-bottom:3.5rem;color:#ffffffe6;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1000px;margin:0 auto}.metric{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:2.5rem 1.8rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 15px 35px #0000001a,inset 0 1px 1px #fff3;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,border-color .3s ease;width:100%}.metric:hover{transform:translateY(-5px);border-color:#ffffff73}.progress-container{position:relative;width:130px;height:130px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.progress-container svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.bg-circle{fill:none;stroke:#fff3;stroke-width:3.5px}.progress-circle{fill:none;stroke:var(--color-white);stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:calc(276.46 - (276.46 * var(--progress)) / 100);transition:stroke-dashoffset 1.2s ease-out}.metric-value{z-index:2;display:flex;align-items:center;justify-content:center}.metric-value h3{font-size:2.1rem;font-weight:700;margin:0;letter-spacing:-.5px;color:var(--color-white)}.metric-value.with-pill{display:flex;align-items:center;justify-content:center;width:100%}.badge-pill{position:absolute;top:15px;right:-27px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.4);padding:.15rem .35rem;border-radius:6px;line-height:1}.badge-pill span{font-size:.7rem;font-weight:700;color:var(--color-white)}.badge-pill .badge-lbl{font-size:.45rem;font-weight:600;text-transform:uppercase;margin-top:1px;color:#ffffffd9}.metric-text strong{display:block;font-size:1.05rem;color:var(--color-white);font-weight:600;margin-bottom:.4rem}.metric-text span{font-size:.9rem;color:#ffffffd9}.case-footer-panel{margin:3.5rem auto 0;max-width:1000px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:1.5rem 2.2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.case-footer-panel p{font-size:1.05rem;line-height:1.6;color:var(--color-white);margin:0}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.step{position:relative;background:var(--color-white);padding:3rem 2rem 2rem;border-radius:15px;box-shadow:var(--shadow-sm);text-align:center}.step-number{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--gradient-secondary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:var(--shadow-md)}.step h3{color:var(--color-dark-teal);margin-bottom:1rem}.timeline{max-width:600px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:15px;width:2px;background:var(--color-medium-cyan);opacity:.3}.timeline-item{position:relative;padding-left:50px;margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:7px;top:5px;width:18px;height:18px;background:var(--color-blue);border-radius:50%;border:4px solid var(--color-white);box-shadow:0 0 0 2px var(--color-medium-cyan)}.timeline-content h3{color:var(--color-dark-teal);margin-bottom:.5rem}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-text h2{font-size:2.5rem;color:var(--color-dark-teal);margin-bottom:1.5rem}.contact-form-wrapper{background:var(--color-white);padding:3rem;border-radius:20px;box-shadow:var(--shadow-lg)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-dark)}.form-group input{width:100%;padding:1rem;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--color-medium-cyan);box-shadow:0 0 0 3px #36b1a81a}.btn-submit{width:100%;font-size:1.1rem;padding:1rem;margin-top:1rem}.form-message{margin-top:1rem;padding:1rem;background:#48c3951a;color:var(--color-dark-teal);border-radius:8px;text-align:center;font-weight:500}.hidden{display:none}.footer{background:#1a2634;color:var(--color-white);padding:4rem 0 2rem}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo{height:40px;margin-bottom:1.5rem}.footer h4{color:var(--color-light-green);margin-bottom:1.5rem}.footer ul{list-style:none}.footer ul li{margin-bottom:.8rem;opacity:.8}.footer a{transition:var(--transition)}.footer a:hover{color:var(--color-medium-cyan)}.social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:5px;margin-top:.5rem;color:var(--color-white)}.social-link svg{flex-shrink:0}.social-link:hover{background:#ffffff1a}@media (max-width: 992px){.hero-container,.contact-container{grid-template-columns:1fr;text-align:center}.hero-problems{border-left:none;border-top:4px solid var(--color-light-green);border-radius:0 0 8px 8px;text-align:left}.onboarding-steps{grid-template-columns:1fr;gap:2rem}.metrics-grid{gap:1.5rem;padding:0 1rem}.footer-container{grid-template-columns:1fr 1fr}.hero-content h1{font-size:2.8rem}}@media (max-width: 768px){.nav-links{display:none}.section{padding:4rem 0}.hero{padding-top:100px}.hero-content h1{font-size:2.2rem}.section-header h2{font-size:2rem}.metrics-grid{grid-template-columns:1fr;gap:2rem}.metric{max-width:320px;margin:0 auto}.case-footer-panel{max-width:320px;padding:1.2rem 1.5rem}.footer-container{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-social{display:flex;flex-direction:column;align-items:center}}