*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#475569;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{width:100%}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}::selection{color:#0f172a;background:#4f8ef726}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.harmonia{--deep:#fff;--base:#f8fafc;--elevated:#f1f5f9;--card:#fff;--blue:#3b82f6;--blue-light:#60a5fa;--blue-dark:#2563eb;--cyan:#06b6d4;--yellow:#f59e0b;--green:#10b981;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--border:#0f172a14;--border-blue:#3b82f64d;--shadow-sm:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0f;--shadow-md:0 2px 8px #0f172a0f, 0 12px 40px #0f172a14;--shadow-lg:0 4px 16px #0f172a14, 0 24px 64px #0f172a1a;--radius:16px;--radius-lg:24px;--radius-sm:10px;overflow-x:hidden}.harmonia .container{max-width:1100px;margin:0 auto;padding:0 24px}.harmonia .section{padding:112px 0}.harmonia section[id]{scroll-margin-top:80px}.harmonia .section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-size:12px;font-weight:600}.harmonia .section-head{text-align:center;margin-bottom:64px}.harmonia .features .section-head{text-align:left}.harmonia .features .section-head p{margin:0}.harmonia .features-cols{grid-template-columns:1fr 480px;min-height:600px;display:grid}.harmonia .features-col-right{background:#fff;padding:80px 60px}.harmonia .section-head .section-label{display:block}.harmonia .section-head h2{color:var(--text-1);letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.12}.harmonia .section-head p{color:#64748b;max-width:540px;margin:0 auto;font-size:17px;line-height:1.72}.harmonia .nav{z-index:200;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffe0;border-bottom:1px solid #0f172a12;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.harmonia .nav-logo{align-items:center;display:flex}.harmonia .nav-logo-img{width:auto;height:40px;display:block}.harmonia .nav-logo-icon{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 8px #3b82f64d}.harmonia .nav-links{align-items:center;gap:30px;list-style:none;display:flex}.harmonia .nav-links a{color:var(--text-2);font-size:14px;font-weight:500;transition:color .2s}.harmonia .nav-links a:hover{color:var(--text-1)}.harmonia .nav-cta{background:var(--blue);color:#fff;border-radius:8px;align-items:center;padding:9px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #3b82f640}.harmonia .nav-cta:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f659}.harmonia .btn-primary{border-radius:var(--radius-sm);background:var(--blue);color:#fff;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #3b82f64d}.harmonia .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 28px #3b82f666}.harmonia .btn-secondary{border-radius:var(--radius-sm);color:var(--text-2);background:#fff;border:1px solid #0f172a24;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 4px #0f172a0f}.harmonia .btn-secondary:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f61f}.harmonia .hero{background:linear-gradient(160deg,#fff 0%,#f0f7ff 55%,#e8f2ff 100%);align-items:center;min-height:90vh;padding-top:64px;display:flex;position:relative;overflow:visible}.harmonia .hero:before{content:"";pointer-events:none;background-image:linear-gradient(#3b82f60a 1px,#0000 1px),linear-gradient(90deg,#3b82f60a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.harmonia .hero-glow-1{pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#3b82f614 0%,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:-5%;left:-10%}.harmonia .hero-glow-2{pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#06b6d412 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-10%;right:-5%}.harmonia .hero-inner{text-align:center;flex-direction:column;align-items:center;gap:48px;width:100%;max-width:1120px;margin:0 auto;padding:80px 32px 96px;display:flex}.harmonia .hero-text{z-index:1;position:relative}.harmonia .hero-badge{color:var(--blue);background:#3b82f612;border:1px solid #3b82f633;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.harmonia .hero-badge-dot{background:var(--cyan);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.harmonia .hero h1{color:var(--text-1);letter-spacing:-.04em;margin-bottom:22px;font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.06}.harmonia .hero h1 em{background:linear-gradient(130deg, var(--blue), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.harmonia .hero-sub{color:#64748b;max-width:760px;margin-bottom:38px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.75}.harmonia .hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:52px;display:flex}.harmonia .hero-bullets{flex-direction:column;gap:12px;display:flex}.harmonia .hero-bullet{color:var(--text-2);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.harmonia .hero-bullet-icon{width:20px;height:20px;color:var(--blue);background:#3b82f61a;border:1px solid #3b82f640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.harmonia .hero-visual{z-index:1;justify-content:center;align-items:center;height:580px;display:flex;position:relative}.harmonia .hero-phone-float{z-index:10;transform-origin:50%;justify-content:center;align-items:center;margin-top:-60px;margin-bottom:-80px;display:flex;position:relative}.harmonia .phone-wrap{justify-content:center;display:flex}.harmonia .phone-main{filter:none;width:320px;animation:.9s cubic-bezier(.22,1,.36,1) both screen-slide-in,7s ease-in-out .9s infinite float-main}.harmonia .phone-secondary{z-index:1;opacity:.65;filter:drop-shadow(0 16px 40px #0f172a26);width:210px;animation:7s ease-in-out 1.5s infinite float-sec;position:absolute;top:55px;right:0}.harmonia .hero-screen-img{border-radius:28px;width:100%;height:auto;display:block}.harmonia .hero-screen-secondary{transform:rotate(7deg)}@keyframes float-main{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes screen-slide-in{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes float-sec{0%,to{transform:rotate(7deg)translateY(0)}50%{transform:rotate(7deg)translateY(-14px)}}.harmonia .phone-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f61f 0%,#0000 65%);border-radius:50%;width:480px;height:480px;position:absolute;top:40%;left:28%;transform:translate(-50%,-50%)}.harmonia .compatible{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:200px 0}.harmonia .compatible-inner{text-align:center;flex-direction:column;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:0 24px;display:flex}.harmonia .compatible-text h2{color:var(--text-1);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.18}.harmonia .compatible-text p{color:#64748b;max-width:660px;margin:0 auto;font-size:16px;line-height:1.75}.harmonia .compatible-brands{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.harmonia .brand-chip{background:var(--card);border:1px solid var(--border);color:var(--text-2);text-align:center;box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex}.harmonia .brand-chip-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px}.harmonia .brand-chip:hover{border-color:var(--border-blue);color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.harmonia .features{background:url(/images/img02.webp) 50%/cover no-repeat}.harmonia .feature-cards{text-align:left;flex-direction:column;gap:20px;max-width:680px;margin:0;display:flex}.harmonia .feature-card{padding:16px 0}.harmonia .feature-icon{border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:22px;font-size:22px;display:flex}.harmonia .feature-icon.blue{background:#3b82f61a}.harmonia .feature-icon.cyan{background:#06b6d41a}.harmonia .feature-icon.yellow{background:#f59e0b1a}.harmonia .feature-card h3{color:var(--text-1);letter-spacing:-.02em;margin-bottom:10px;font-size:18px;font-weight:700}.harmonia .feature-card p{color:#64748b;font-size:15px;line-height:1.7}.harmonia .comfort-modes{background:var(--base)}.harmonia .mode-cards{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.harmonia .mode-card{background:0 0;border-radius:20px;flex-direction:column;transition:transform .25s;display:flex;overflow:hidden}.harmonia .mode-card:hover{transform:translateY(-4px)}.harmonia .mode-card-img-wrap{aspect-ratio:3/4;background:#e2e8f0;border-radius:20px;width:100%;overflow:hidden}.harmonia .mode-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.harmonia .mode-card:hover .mode-card-img{transform:scale(1.03)}.harmonia .mode-card-body{padding:18px 4px 8px}.harmonia .mode-card-body p{color:#475569;font-size:15px;line-height:1.7}.harmonia .mode-card-body strong{color:#0f172a;font-weight:700}.harmonia .scheduling{background:var(--deep);overflow:hidden}.harmonia .scheduling-inner{grid-template-columns:480px 1fr;align-items:center;gap:80px;padding-left:calc(50vw - 526px);display:grid}.harmonia .scheduling-text .section-label{display:block}.harmonia .scheduling-text h2{color:var(--text-1);letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(26px,3.5vw,42px);font-weight:700;line-height:1.14}.harmonia .scheduling-text>p{color:#64748b;margin-bottom:36px;font-size:16px;line-height:1.75}.harmonia .scheduling-benefits{flex-direction:column;gap:14px;display:flex}.harmonia .benefit-item{color:var(--text-2);align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.harmonia .benefit-check{width:22px;height:22px;color:var(--green);background:#10b9811a;border:1px solid #10b9814d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.harmonia .scheduling-visual{justify-content:flex-end;align-items:flex-end;display:flex}.harmonia .scheduling-img{border-radius:20px 0 0 20px;width:100%;height:auto;margin-top:180px;margin-right:calc(720px - 50vw);display:block}.harmonia .scheduling-slide-right{opacity:0;will-change:opacity, transform;transform:translate(120px)}.harmonia .design-reliability{background:var(--base)}.harmonia .energy-savings{background:var(--deep);position:relative;overflow:hidden}.harmonia .energy-savings:before{content:"";pointer-events:none;background:radial-gradient(#3b82f60d 0%,#0000 65%);border-radius:50%;width:900px;height:700px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.harmonia .energy-inner{max-width:1100px;margin:0 auto;padding:0 24px}.harmonia .energy-stats{background:var(--border);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid;overflow:hidden}.harmonia .energy-stat{background:var(--card);text-align:center;padding:48px 32px}.harmonia .energy-stat-value{color:var(--text-1);letter-spacing:-.05em;margin-bottom:10px;font-size:52px;font-weight:800;line-height:1}.harmonia .energy-stat-value em{color:var(--blue);font-style:normal}.harmonia .energy-stat-label{color:#64748b;font-size:15px;line-height:1.5}.harmonia .energy-note{color:var(--text-3);text-align:center;margin-top:20px;font-size:12px}.harmonia .testimonials{background:var(--base)}.harmonia .testimonial-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.harmonia .testimonial-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.harmonia .testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:#3b82f626;transform:translateY(-4px)}.harmonia .testimonial-stars{gap:3px;margin-bottom:18px;display:flex}.harmonia .testimonial-stars span{color:var(--yellow);font-size:15px}.harmonia .testimonial-card blockquote{color:#475569;flex:1;margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.75}.harmonia .testimonial-author{align-items:center;gap:12px;display:flex}.harmonia .testimonial-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.harmonia .testimonial-author-name{color:var(--text-1);font-size:14px;font-weight:700}.harmonia .testimonial-author-role{color:var(--text-3);margin-top:2px;font-size:12px}.harmonia .faq{background:var(--deep)}.harmonia .faq-list{max-width:700px;margin:0 auto}.harmonia .faq-item{border-bottom:1px solid #0f172a1a}.harmonia .faq-q{text-align:left;width:100%;color:var(--text-1);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:16px;font-weight:600;transition:color .2s;display:flex}.harmonia .faq-q:hover,.harmonia .faq-item.open .faq-q{color:var(--blue)}.harmonia .faq-icon{color:var(--text-3);flex-shrink:0;transition:transform .32s cubic-bezier(.4,0,.2,1),color .2s}.harmonia .faq-item.open .faq-icon{color:var(--blue);transform:rotate(180deg)}.harmonia .faq-a{opacity:0;max-height:0;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.harmonia .faq-item.open .faq-a{opacity:1;max-height:220px}.harmonia .faq-a p{color:#64748b;padding-bottom:24px;font-size:15px;line-height:1.75}.harmonia .final-cta{text-align:center;background:linear-gradient(160deg,#eff6ff 0%,#dbeafe 50%,#eff6ff 100%);align-items:center;min-height:100vh;padding:128px 0;display:flex;position:relative;overflow:hidden}.harmonia .final-cta:before{content:"";pointer-events:none;background:radial-gradient(#3b82f61a 0%,#0000 68%);width:900px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.harmonia .final-cta .section-label{margin-bottom:14px;display:block}.harmonia .final-cta h2{color:var(--text-1);letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.08}.harmonia .cta-sub{color:#64748b;max-width:460px;margin:0 auto 48px;font-size:18px;line-height:1.65}.harmonia .store-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.harmonia .store-badge-link{transition:transform .2s,opacity .2s;display:inline-block}.harmonia .store-badge-link:hover{opacity:.88;transform:translateY(-3px)}.harmonia .store-badge{width:auto;height:54px;display:block}.harmonia .store-badge-google{height:80px;margin:-13px 0}.harmonia footer{background:var(--base);border-top:1px solid var(--border);padding:36px 24px}.harmonia .footer-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:flex}.harmonia .footer-logo{color:var(--text-1);align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.harmonia .footer-copy{color:var(--text-3);font-size:13px}.harmonia .footer-links{gap:24px;display:flex}.harmonia .footer-links a{color:var(--text-3);font-size:13px;transition:color .2s}.harmonia .footer-links a:hover{color:var(--text-2)}@media (width<=900px){.harmonia{overflow-x:hidden}.harmonia .section{padding:64px 0}.harmonia .hero{overflow:hidden}.harmonia .hero-inner{padding:56px 20px 48px}.harmonia .hero-phone-float{margin-top:0;margin-bottom:0;transform:none!important}.harmonia .phone-main{width:220px}.harmonia .compatible-inner{gap:32px;padding:0 20px}.harmonia .compatible-brands{grid-template-columns:repeat(2,1fr)}.harmonia .features-cols{grid-template-columns:1fr}.harmonia .features-col-left{display:none}.harmonia .features-col-right{padding:60px 24px}.harmonia .feature-cards{flex-direction:column}.harmonia .mode-cards{grid-template-columns:1fr}.harmonia .scheduling-inner{grid-template-columns:1fr;gap:40px;padding-left:20px;padding-right:20px}.harmonia .scheduling-visual{order:-1;justify-content:center}.harmonia .scheduling-img{border-radius:20px;width:100%;max-width:100%;margin-top:0;margin-right:0}.harmonia .scheduling-text h2,.harmonia .scheduling-text>p,.harmonia .scheduling-text .section-label{text-align:center}.harmonia .scheduling-benefits{align-items:flex-start;max-width:320px;margin:0 auto}.harmonia .energy-stats{grid-template-columns:1fr}.harmonia .energy-inner,.harmonia .section-head{padding:0 20px}.harmonia .nav-links{display:none}.harmonia .nav-cta{white-space:nowrap;padding:8px 14px;font-size:13px}.harmonia .nav{padding:0 16px}.harmonia .footer-inner{text-align:center;flex-direction:column;gap:16px}.harmonia .footer{padding:36px 20px}.harmonia .final-cta .container{padding:0 20px}.harmonia .cta-sub{padding:0 10px}}@media (width>=901px) and (width<=1080px){.harmonia .feature-cards{flex-direction:column}.harmonia .mode-cards,.harmonia .testimonial-cards{grid-template-columns:repeat(2,1fr)}}.reveal{opacity:.35;will-change:opacity, transform;transform:translateY(56px)}