:root{--color-green:#8AC43F;--color-blue:#3F88C5;--color-dark:#1C1D21;--color-text:#303239;--color-light:#F8F8FF;--color-white:#FFFFFF;--color-gray:#E8E8E8;--color-muted:#6c757d;--gradient-brand:linear-gradient(135deg,#8AC43F,#40e495,#30dd8a,#3F88C5);--gradient-btn:linear-gradient(to right,#8AC43F,#40e495,#30dd8a,#3F88C5);--gradient-overlay:linear-gradient(180deg,rgba(28,29,33,0.55) 0%,rgba(28,29,33,0.8) 100%);--font-family:'Mukta',sans-serif;--font-size-base:16px;--line-height-base:1.6;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-pill:50px;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.12);--shadow-lg:0 20px 60px rgba(0,0,0,0.15);--container-max:1200px;--navbar-height:64px;--section-padding:5rem;--transition-fast:0.2s ease;--transition-base:0.35s ease}*,*::before,*::after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}img,video,svg{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Mukta';src:url('../font/Mukta-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Mukta';src:url('../font/Mukta-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Mukta';src:url('../font/Mukta-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Mukta';src:url('../font/Mukta-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-white);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.75rem;font-weight:600;line-height:1.25}h3{font-size:1.5rem;font-weight:600;line-height:1.3}h4{font-size:1.25rem;font-weight:500;line-height:1.35}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}p + p{margin-top:1em}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-light);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--gradient-brand);border-radius:10px}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.25rem}.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}.section{padding:var(--section-padding) 0}.section-dark{background-color:var(--color-dark);color:var(--color-light)}.section-dark a{color:var(--color-gray)}.text-center{text-align:center}.text-muted{color:var(--color-muted)}.text-white{color:var(--color-light)}.v-center{display:flex;align-items:center}.center-block{display:block;margin-inline:auto}.no-padding{padding:0}.no-margin{margin:0}.split-layout{display:flex;flex-direction:column;align-items:center;gap:2rem}.navbar{position:fixed;top:6px;left:6px;right:6px;z-index:1000;display:flex;align-items:center;padding:0.35rem 1.25rem;background:rgba(248,248,255,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:background var(--transition-base)}.navbar:hover{background:rgba(248,248,255,0.94)}.navbar-inner{display:flex;align-items:center;width:100%}.navbar-brand{flex-shrink:0;display:flex}.navbar-logo{width:40px;cursor:pointer}.nav-menu{display:none;flex:1;justify-content:center;align-items:center;gap:0.25rem}.nav-link{padding:0.5rem 0.75rem;font-size:0.8rem;font-weight:500;color:var(--color-text);white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav-link:hover{color:var(--color-green);text-decoration:none}.nav-link.active{color:var(--color-green);border-bottom-color:var(--color-green)}.lang-switch{padding:0.3rem 0.75rem;font-size:0.75rem;font-weight:700;color:var(--color-white);background:var(--color-green);border-radius:var(--radius-pill);text-decoration:none;margin-left:0.5rem;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.lang-switch:hover{background:var(--color-blue);text-decoration:none;transform:scale(1.05)}.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-fast)}.navbar.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar.nav-open .nav-toggle span:nth-child(2){opacity:0}.navbar.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar.nav-open .nav-menu{display:flex;flex-direction:column;position:fixed;top:calc(var(--navbar-height) + 12px);left:6px;right:6px;background:rgba(248,248,255,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1rem 0;z-index:999}.navbar.nav-open .nav-menu .nav-link{padding:0.75rem 1.5rem;font-size:1rem;border-bottom:none}.navbar.nav-open .nav-menu .nav-link:hover{background:rgba(138,196,63,0.08)}.navbar.nav-open .nav-menu .lang-switch{margin:0.75rem 1.5rem;text-align:center}.page-footer{background-color:var(--color-dark);color:var(--color-gray);padding:3rem 0 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-grid h4{color:var(--color-light);margin-bottom:1rem}.footer-grid a{color:var(--color-gray);display:block;padding:0.25rem 0;font-size:0.9rem}.footer-grid a:hover{color:var(--color-light);text-decoration:none}.social-links{display:flex;gap:1rem;margin-top:0.75rem}.social-links img{width:20px;height:20px;opacity:0.7;transition:opacity var(--transition-fast)}.social-links img:hover{opacity:1}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding:1.25rem 0;font-size:0.85rem;color:rgba(255,255,255,0.5)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-light);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:var(--gradient-overlay);z-index:0}.hero-content{position:relative;z-index:1;max-width:720px;padding:2rem 1.25rem}.hero-watermark{max-width:80%;margin:0 auto 1.5rem;display:block}.hero-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-content .subtitle{font-size:1.25rem;font-weight:400;opacity:0.9;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.7rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{color:var(--color-white);background:var(--gradient-btn);background-size:300% 100%;box-shadow:0 4px 15px rgba(138,196,63,0.35);animation:gradient-shift 5s ease infinite}.btn-primary:hover{box-shadow:0 6px 24px rgba(138,196,63,0.5);color:var(--color-white)}.btn-secondary{color:var(--color-green);background:transparent;border:2px solid var(--color-green)}.btn-secondary:hover{background:var(--color-green);color:var(--color-white)}.btn-pwa{color:var(--color-white);background:var(--gradient-btn);background-size:300% 100%;box-shadow:0 4px 12px rgba(138,196,63,0.3);animation:gradient-shift 5s ease infinite;padding:0.55rem 1.5rem;font-size:0.9rem}@keyframes gradient-shift{0%{background-position:0% 0}50%{background-position:80% 0}100%{background-position:0% 0}}.badge-component{background-color:var(--color-green);color:var(--color-light);padding:0.4em 0.8em;border-radius:var(--radius-pill);font-size:0.8rem;font-weight:600;display:inline-block}.badge-feature{background-color:var(--color-blue);color:var(--color-light);padding:0.4em 0.8em;border-radius:var(--radius-pill);font-size:0.8rem;font-weight:600;display:inline-block}.badge-coming-soon{font-size:0.75rem;padding:0.5em 0.85em;border-radius:var(--radius-pill);background:var(--color-muted);color:var(--color-light);display:inline-block}.component-box,.feature-box{position:relative;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.component-box:hover,.feature-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.component-box img.component,.component-box img.feature,.feature-box img.feature{width:80px;height:80px;margin:1rem auto 0.75rem}.component-box p,.feature-box p{font-size:0.9rem;line-height:1.7;color:var(--color-muted)}.feature-row{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0}.feature-row .feature-icon{width:90px;height:90px}.feature-row .feature-info{max-width:600px}.feature-row .feature-info h3{margin-bottom:0.5rem}.feature-action-description{line-height:2;text-align:left;max-width:280px}.component-row{padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--color-white)}.full-bg-section{position:relative;min-height:600px;display:flex;align-items:center;background-size:cover;background-position:center;color:var(--color-light);overflow:hidden}.full-bg-section::before{content:'';position:absolute;inset:0;background:rgba(28,29,33,0.55)}.full-bg-section > *{position:relative;z-index:1}.full-bg-section .section-title{font-size:2.5rem;font-weight:600;padding:0 2rem 0.75rem;text-shadow:0 2px 8px rgba(0,0,0,0.4)}.full-bg-section .section-text{font-size:1.25rem;padding:0 2rem;max-width:700px}.background-light{background-image:url('../img/components/backgrounds/light_bckg.jpg');background-image:image-set(url('../img/components/backgrounds/light_bckg.webp') type('image/webp'),url('../img/components/backgrounds/light_bckg.jpg') type('image/jpeg'))}.background-shutter{background-image:url('../img/components/backgrounds/shutter_bckg.jpg');background-image:image-set(url('../img/components/backgrounds/shutter_bckg.webp') type('image/webp'),url('../img/components/backgrounds/shutter_bckg.jpg') type('image/jpeg'))}.background-thermostat{background-image:url('../img/components/backgrounds/thermostat_bckg.jpg');background-image:image-set(url('../img/components/backgrounds/thermostat_bckg.webp') type('image/webp'),url('../img/components/backgrounds/thermostat_bckg.jpg') type('image/jpeg'))}.background-socket{background-image:url('../img/components/backgrounds/socket_bckg.jpg');background-image:image-set(url('../img/components/backgrounds/socket_bckg.webp') type('image/webp'),url('../img/components/backgrounds/socket_bckg.jpg') type('image/jpeg'))}.background-camera{background-image:url('../img/components/backgrounds/camera_bckg.jpg');background-image:image-set(url('../img/components/backgrounds/camera_bckg.webp') type('image/webp'),url('../img/components/backgrounds/camera_bckg.jpg') type('image/jpeg'))}.background-control{background-image:url('../img/features/backgrounds/control-bckg.jpg');background-image:image-set(url('../img/features/backgrounds/control-bckg.webp') type('image/webp'),url('../img/features/backgrounds/control-bckg.jpg') type('image/jpeg'))}.background-energy{background-image:url('../img/features/backgrounds/energy-bckg.jpg');background-image:image-set(url('../img/features/backgrounds/energy-bckg.webp') type('image/webp'),url('../img/features/backgrounds/energy-bckg.jpg') type('image/jpeg'))}.component-description,.feature-description{text-align:left;color:var(--color-light);text-shadow:0 0 5px rgba(0,0,0,0.5)}.component-title,.feature-title{font-size:2.5rem;font-weight:600;padding:0 2rem 0.75rem}.component-text,.feature-text{font-size:1.25rem;padding:0 2rem}.about-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2rem 1.5rem;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.about-card img{width:64px;height:64px;margin-bottom:1rem}.about-card h3{margin-bottom:0.75rem}.box{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;max-width:512px;margin-bottom:0.75rem}.box-img{width:80px;height:80px;margin:1rem 0 0.75rem}.contact-info-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.contact-card{display:flex;align-items:center;gap:0.75rem;font-size:1.1rem}.contact-card .icon-img{width:24px;height:24px;flex-shrink:0}.send-btn{background:var(--color-green);color:var(--color-light);border:none;border-radius:var(--radius-md);padding:0.65rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.send-btn:hover{background:#7ab536}#map{width:100%;height:400px;border-radius:var(--radius-md);border:none;margin-top:2rem}.quote-form{max-width:680px;margin-inline:auto}.quote-section-title{font-size:1.25rem;margin:2rem 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--color-green)}.quote-form:first-of-type .quote-section-title:first-of-type{margin-top:0}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;margin-bottom:0.4rem;font-size:0.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;resize:vertical;padding:0.7rem 1rem;border:1px solid var(--color-border,#d0d0d0);border-radius:var(--radius-md);font-size:1rem;background:var(--color-white);color:var(--color-text);transition:border-color var(--transition-fast)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px rgba(138,196,63,0.15)}.form-group input::placeholder{color:var(--color-muted,#999)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.quote-submit{margin-top:1.5rem;width:100%;padding:0.85rem;font-size:1.1rem}@media (max-width:600px){.form-row,.form-grid{grid-template-columns:1fr}}.legal-content{max-width:800px;margin-inline:auto;padding:2rem 1.25rem 0}.legal-content h2{font-size:2rem;margin-bottom:1.5rem}.legal-content h3{font-size:1.5rem;margin:2rem 0 0.75rem}.legal-content h4{font-size:1.15rem;margin:1.5rem 0 0.5rem}.legal-content p{font-size:1.05rem;margin-bottom:1.25rem}.legal-content ul,.legal-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.legal-content li{list-style:disc;margin-bottom:0.4rem;line-height:1.6}.legal-content ul.releases{list-style-type:circle;padding-left:1.5rem}.um-split{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-top:6rem}.um-split .text-side{max-width:560px}.um-split .text-side h1{margin-bottom:0.75rem}.um-split .text-side p{font-size:1.1rem;line-height:1.7}.hiw-image{width:60%;margin-inline:auto}.phone-frame{max-width:280px;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.page-404{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.page-404 .code-404{font-size:8rem;font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.page-404 p{font-size:1.2rem;margin:1rem 0 2rem;color:var(--color-muted)}.page-404 .btn-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card img.card-icon{width:80px;height:80px;margin:0 auto 0.75rem;display:block}.card img.card-icon-sm{width:52px;height:52px;margin:0 auto 0.75rem;display:block}.card h3{margin-bottom:0.5rem}.card p{font-size:0.9rem;line-height:1.7;color:var(--color-muted)}.card a{text-decoration:none;color:inherit}.card--icon{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2rem 1.5rem;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card--icon:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card--icon img{width:64px;height:64px;margin:0 auto 1rem;display:block}.card--icon h3{margin-bottom:0.75rem}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.card-grid--2{display:grid;gap:1.5rem;grid-template-columns:1fr}.card-grid--3{display:grid;gap:1.5rem;grid-template-columns:1fr}.page-header{padding-top:calc(var(--navbar-height) + 4rem);padding-bottom:2rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:0.75rem;background:linear-gradient(135deg,var(--color-green),var(--color-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.1rem;color:var(--color-muted);max-width:600px;margin:0 auto;line-height:1.7}.section-alt{background-color:var(--color-light)}.section-title{font-size:2.25rem;font-weight:600;margin-bottom:1rem}.section-description{font-size:1.1rem;color:var(--color-muted);margin-bottom:2rem;max-width:600px;margin-inline:auto}.section-fullbg{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:var(--color-light);overflow:hidden}.section-fullbg-overlay{position:absolute;inset:0;background:rgba(28,29,33,0.55);z-index:0}.section-fullbg-content{position:relative;z-index:1;text-align:center;max-width:700px;padding:2rem}.section-fullbg-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,0.4)}.section-fullbg-content p{font-size:1.15rem;line-height:1.8;text-shadow:0 1px 4px rgba(0,0,0,0.3)}.feature-section{padding:4rem 0}.feature-section:nth-child(even){background-color:var(--color-light)}.feature-section .container{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.feature-media{flex-shrink:0}.feature-media img{width:90px;height:90px}.feature-text{max-width:600px}.feature-text h2{margin-bottom:0.75rem}.feature-text p{font-size:1.05rem;line-height:1.7;color:var(--color-muted)}.app-section{text-align:center}.app-mockup-row{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.app-mockup{width:240px;flex-shrink:0;border-radius:24px;box-shadow:var(--shadow-lg)}.app-subtitle{font-size:1.1rem;color:var(--color-muted);margin-bottom:1.5rem}.footer{background-color:var(--color-dark);color:rgba(255,255,255,0.75);padding:3rem 0 0}.footer a{color:rgba(255,255,255,0.65);text-decoration:none;transition:color var(--transition-fast)}.footer a:hover{color:var(--color-white);text-decoration:none}.footer h4{color:var(--color-white);font-size:1rem;font-weight:600;margin-bottom:0.75rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-col{display:flex;flex-direction:column;gap:0.4rem;align-items:center;text-align:center}.footer-brand{display:inline-flex;flex-direction:column;align-items:center;gap:0.5rem}.footer-logo{width:48px}.footer-tagline{font-size:0.9rem;color:rgba(255,255,255,0.5)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:1.25rem 0;display:flex;flex-direction:column;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.5)}.footer-legal{display:flex;gap:1.5rem}.map-wrapper{margin-top:2rem}.map-wrapper iframe{width:100%;height:400px;border:0;border-radius:var(--radius-md)}.animate{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.animate.visible{opacity:1;transform:translateY(0)}.fab-call{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;width:56px;height:56px;border-radius:50%;background:var(--gradient-btn);background-size:300% 100%;animation:gradient-shift 5s ease infinite;color:#fff;border:none;box-shadow:0 4px 20px rgba(138,196,63,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s,box-shadow 0.2s;text-decoration:none}.fab-call:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(138,196,63,0.55);text-decoration:none;color:#fff}.fab-call svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fab-call .fab-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-green);animation:fabPulse 2s ease-out infinite}@keyframes fabPulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(1.5);opacity:0}}.card-icon-breathe{animation:iconBreathe 3s ease-in-out infinite}.card-icon-sm-breathe{animation:iconBreathe 3s ease-in-out infinite}@keyframes iconBreathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.1)}}.card:nth-child(2) .card-icon-breathe,.card:nth-child(2) .card-icon-sm-breathe{animation-delay:0.4s}.card:nth-child(3) .card-icon-breathe,.card:nth-child(3) .card-icon-sm-breathe{animation-delay:0.8s}.card:nth-child(4) .card-icon-breathe,.card:nth-child(4) .card-icon-sm-breathe{animation-delay:1.2s}.card:nth-child(5) .card-icon-breathe,.card:nth-child(5) .card-icon-sm-breathe{animation-delay:1.6s}.scroll-indicator{position:absolute;bottom:-9.25rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.6);font-size:0.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;pointer-events:none;z-index:1}.scroll-indicator .scroll-arrow{width:24px;height:24px;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:0.6}50%{transform:translateY(8px);opacity:1}}.stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem 0}.stat-item{text-align:center;min-width:120px}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-green),var(--color-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:0.85rem;color:var(--color-muted);font-weight:500;margin-top:0.25rem}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.testimonial-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;position:relative}.testimonial-card::before{content:'\201C';font-size:3rem;line-height:1;color:var(--color-green);opacity:0.3;position:absolute;top:0.75rem;left:1rem}.testimonial-text{font-size:0.95rem;line-height:1.7;color:var(--color-text);margin-bottom:1rem;padding-left:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:0.75rem}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-green),var(--color-blue));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.testimonial-name{font-weight:600;font-size:0.9rem;color:var(--color-text)}.testimonial-role{font-size:0.8rem;color:var(--color-muted)}html.dark{--color-white:#1C1D21;--color-light:#25262B;--color-text:#E8E8E8;--color-muted:#9CA3AF;--color-dark:#111113}html.dark body{background-color:#1C1D21;color:#E8E8E8}html.dark .navbar{background:rgba(28,29,33,0.85)}html.dark .navbar:hover{background:rgba(28,29,33,0.95)}html.dark .navbar.nav-open .nav-menu{background:rgba(28,29,33,0.96)}html.dark .card,html.dark .card--icon,html.dark .testimonial-card,html.dark .faq-item{background:#25262B;box-shadow:0 2px 8px rgba(0,0,0,0.3)}html.dark .card:hover,html.dark .card--icon:hover{box-shadow:0 4px 20px rgba(0,0,0,0.4)}html.dark .card h3,html.dark .card--icon h3,html.dark .card h4{color:#E8E8E8}html.dark .card p,html.dark .card--icon p{color:#9CA3AF}html.dark .card a{color:#E8E8E8}html.dark .section-alt{background-color:#25262B}html.dark .section-title{color:#E8E8E8}html.dark .page-header h1{-webkit-text-fill-color:unset;background:none;color:var(--color-green)}html.dark .page-header p{color:#9CA3AF}html.dark .nav-link{color:rgba(255,255,255,0.55)}html.dark .nav-link:hover{color:#8AC43F}html.dark .nav-link.active{color:#8AC43F;border-bottom-color:#8AC43F}html.dark .nav-toggle span{background:#E8E8E8}html.dark .footer{background-color:#111113;color:rgba(255,255,255,0.75)}html.dark .footer h4{color:#E8E8E8}html.dark .footer a{color:rgba(255,255,255,0.65)}html.dark .footer a:hover{color:#fff}html.dark .footer-tagline{color:rgba(255,255,255,0.4)}html.dark .footer-bottom{border-top-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.4)}html.dark .footer-bottom a{color:rgba(255,255,255,0.5)}html.dark .footer-col p{color:rgba(255,255,255,0.6)}html.dark .stat-number{-webkit-text-fill-color:transparent}html.dark .stat-label{color:#9CA3AF}html.dark .testimonial-text{color:#D1D5DB}html.dark .testimonial-name{color:#E8E8E8}html.dark .faq-question{color:#E8E8E8}html.dark .faq-answer{color:#9CA3AF}html.dark .app-subtitle{color:#9CA3AF}html.dark .legal-content h2,html.dark .legal-content h3,html.dark .legal-content h4{color:#E8E8E8}html.dark .legal-content p,html.dark .legal-content li{color:#D1D5DB}html.dark .hero{color:#fff}html.dark .hero-content h1{color:#fff}html.dark .hero .btn-primary{color:#fff}html.dark .section-fullbg-content h2{color:#fff}html.dark .section-fullbg-content p{color:rgba(255,255,255,0.9)}html.dark .section-fullbg-overlay{background:rgba(0,0,0,0.65)}html.dark .contact .card a{color:var(--color-green)}html.dark .theme-toggle{color:#E8E8E8;border-color:#4B5563}html.dark .lang-switch{color:#fff}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-dark);color:rgba(255,255,255,0.85);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:0.85rem;box-shadow:0 -4px 20px rgba(0,0,0,0.2);transform:translateY(100%);transition:transform 0.4s ease}.cookie-banner.visible{transform:translateY(0)}.cookie-banner a{color:var(--color-green);text-decoration:underline}.cookie-btn{background:var(--color-green);color:#fff;border:none;border-radius:var(--radius-pill);padding:0.5rem 1.25rem;font-family:var(--font-family);font-size:0.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.cookie-btn:hover{background:#7ab536}.theme-toggle{background:none;border:1px solid var(--color-muted);border-radius:var(--radius-pill);padding:0.25rem 0.5rem;cursor:pointer;font-size:0.85rem;line-height:1;margin-left:0.25rem;flex-shrink:0;transition:border-color var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-green)}.section-fullbg-parallax{background-attachment:fixed}@media (hover:none){.section-fullbg-parallax{background-attachment:scroll}}.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:0.75rem}.faq-item{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:none;border:none;font-family:var(--font-family);font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;text-align:left;transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-green)}.faq-question .faq-chevron{width:18px;height:18px;flex-shrink:0;transition:transform var(--transition-base);color:var(--color-muted)}.faq-item.open .faq-question .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.35s ease;padding:0 1.25rem;font-size:0.95rem;line-height:1.7;color:var(--color-muted)}.faq-item.open .faq-answer{max-height:300px;padding:0 1.25rem 1rem}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}.stat-number{font-size:3rem}}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes upDown{0%{transform:translateY(0)}100%{transform:translateY(-20px)}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in{opacity:0;transition:opacity 0.6s ease}.slide-left{opacity:0;transform:translateX(-40px);transition:opacity 0.6s ease,transform 0.6s ease}.slide-right{opacity:0;transform:translateX(40px);transition:opacity 0.6s ease,transform 0.6s ease}.animate.visible,.fade-up.visible,.fade-in.visible,.slide-left.visible,.slide-right.visible{opacity:1;transform:translate(0)}.animate-bounce{animation:upDown 1s infinite alternate}.animate-bounce-delay-1{animation:upDown 1s infinite alternate 0.33s}.animate-bounce-delay-2{animation:upDown 1s infinite alternate 0.66s}.animate-bounce-delay-3{animation:upDown 1s infinite alternate 1s}.gradient-border{position:relative;border-radius:var(--radius-lg);background:var(--color-light);padding:0.75rem}.gradient-border::before{content:'';position:absolute;inset:-3px;background:var(--gradient-brand);background-size:400%;border-radius:calc(var(--radius-lg) + 3px);z-index:-1;animation:gradient-shift 5s linear infinite}.gradient{background:linear-gradient(rgba(138,196,63,0.9),rgba(63,136,197,0.9))}.green{background-color:var(--color-green)}.text-gray{color:var(--color-gray)}.first-row{padding-top:8rem}.bg-pattern{background-image:url('../img/brand/hex_mesh.svg');background-repeat:repeat}.component-icon,.feature-icon{width:90px;height:90px}.action-img{width:24px;height:24px}.scope-image{width:100px;height:100px}.scope-text{margin-top:1rem;line-height:1.5;font-size:1rem}.feature-image{padding:3rem;width:100%;max-width:1024px;height:auto}.component-background,.feature-background{min-height:700px;background-size:cover;background-position:center;display:flex;align-items:center}.smartintro-watermark{width:128px;height:128px;margin-bottom:2rem}.smartintro-logo{width:80%}.light-bckg{background-color:var(--color-white)}.components-title-row,.features-title-row,.platform-title-row{padding:5rem 0 1.5rem;font-size:2.25rem;font-weight:600;text-align:center}@media (min-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between}.feature-section .container{flex-direction:row;text-align:left}.feature-section:nth-child(even) .container{flex-direction:row-reverse}.grid-5{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.hero-content h1{font-size:3rem}.hero-content .subtitle{font-size:1.5rem}.feature-row{flex-direction:row;text-align:left}.feature-row:nth-child(even){flex-direction:row-reverse}.split-layout,.um-split{flex-direction:row}.hiw-image{width:50%}.component-title,.feature-title{font-size:3.5rem;padding:0 5rem 0.75rem}.component-text,.feature-text{font-size:1.5rem;padding:0 5rem}}@media (min-width:1024px){h1{font-size:3rem}h2{font-size:2.25rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.card-grid{grid-template-columns:repeat(5,1fr)}.nav-menu{display:flex}.nav-toggle{display:none}.full-bg-section{background-attachment:fixed}.section-fullbg{background-attachment:fixed}.component-background,.feature-background{background-attachment:fixed}}@media (min-width:1280px){.container{padding-inline:2rem}.hero-content h1{font-size:3.5rem}.component-title,.feature-title{font-size:5rem}.component-text,.feature-text{font-size:2rem}.nav-links a{padding:0.5rem 1.75rem}}@media print{.navbar,.page-footer,.hamburger,.mobile-menu{display:none}body{color:#000}.hero{min-height:auto}}