@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-5.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-7.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-9.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-10.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-11.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-12.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a202c;line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:#3182ce;text-decoration:none}a:hover{color:#2c5282}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.nav .container{display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:700;color:#1a202c}.nav-logo img{height:40px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{color:#4a5568;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#3182ce}.nav-cta{background:#3182ce;color:#fff!important;padding:8px 20px;border-radius:8px;font-weight:600;transition:background .2s}.nav-cta:hover{background:#2c5282;color:#fff!important}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle svg{width:24px;height:24px;stroke:#4a5568}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px;gap:16px;box-shadow:0 4px 12px #00000014}}.hero{padding:80px 0 60px;background:linear-gradient(135deg,#ebf8ff,#f0fff4,#fff5f5)}.hero .container{text-align:center}.hero-badge{display:inline-block;background:#ebf8ff;color:#3182ce;padding:6px 16px;border-radius:24px;font-size:.85rem;font-weight:600;margin-bottom:24px;border:1px solid #bee3f8}.hero h1{font-size:3.2rem;font-weight:800;line-height:1.1;margin-bottom:20px;color:#1a202c}.hero h1 span{background:linear-gradient(135deg,#3182ce,#38b2ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.2rem;color:#4a5568;max-width:860px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.btn-primary{background:#3182ce;color:#fff;padding:14px 32px;border-radius:10px;font-weight:600;font-size:1rem;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:#2c5282;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3182ce4d}.btn-secondary{background:#fff;color:#4a5568;padding:14px 32px;border-radius:10px;font-weight:600;font-size:1rem;border:2px solid #e2e8f0;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{border-color:#3182ce;color:#3182ce}.hero-screenshot{max-width:1000px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0000001f,0 8px 24px #00000014;border:1px solid #e2e8f0;cursor:zoom-in}.hero-ha-badge{display:inline-flex;align-items:center;gap:14px;background:#fff;border:2px solid #18bcf2;border-radius:14px;padding:14px 22px;margin-bottom:48px;text-decoration:none;transition:all .25s;box-shadow:0 4px 16px #18bcf21f}.hero-ha-badge:hover{transform:translateY(-2px);box-shadow:0 8px 28px #18bcf233;border-color:#0da8db;color:inherit}.hero-ha-badge img{height:40px;width:40px;flex-shrink:0}.hero-ha-text{display:flex;flex-direction:column;text-align:left;gap:2px}.hero-ha-text strong{font-size:.95rem;font-weight:700;color:#1a202c}.hero-ha-text span{font-size:.82rem;color:#718096;line-height:1.3}.hero-ha-badge>svg{flex-shrink:0;stroke:#18bcf2}@media(max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero{padding:48px 0 40px}.hero-ha-badge{gap:10px;padding:12px 16px}.hero-ha-text strong{font-size:.88rem}.hero-ha-text span{font-size:.78rem}}.features{padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:2.2rem;font-weight:700;margin-bottom:16px}.section-header p{font-size:1.1rem;color:#718096;max-width:560px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s}.feature-card:hover{border-color:#bee3f8;box-shadow:0 8px 24px #3182ce14;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem}.feature-card h3{font-size:1.15rem;font-weight:600;margin-bottom:8px}.feature-card p{font-size:.95rem;color:#718096;line-height:1.6}.feature-highlight{position:relative;border-color:#3182ce;box-shadow:0 4px 16px #3182ce1f}.feature-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:20px}}.screenshots{padding:100px 0;background:#f7fafc}.screenshot-item{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px}.screenshot-item:last-child{margin-bottom:0}.screenshot-item.reverse{direction:rtl}.screenshot-item.reverse>*{direction:ltr}.screenshot-text h3{font-size:1.6rem;font-weight:700;margin-bottom:16px}.screenshot-text p{font-size:1.05rem;color:#4a5568;line-height:1.7;margin-bottom:12px}.screenshot-text ul{list-style:none;padding:0}.screenshot-text ul li{padding:6px 0;color:#4a5568;font-size:.95rem}.screenshot-text ul li:before{content:"✓";color:#38a169;font-weight:700;margin-right:10px}.screenshot-img{border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0000001a;border:1px solid #e2e8f0}@media(max-width:768px){.screenshot-item,.screenshot-item.reverse{grid-template-columns:1fr;gap:32px;direction:ltr}}.tech{padding:100px 0}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tech-card{text-align:center;padding:32px 20px;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s}.tech-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.tech-card .tech-logo{font-size:2.5rem;margin-bottom:12px}.tech-card h4{font-size:1.05rem;font-weight:600;margin-bottom:6px}.tech-card p{font-size:.85rem;color:#718096}@media(max-width:768px){.tech-grid{grid-template-columns:repeat(2,1fr)}}.install{padding:100px 0;background:#1a202c;color:#fff}.install .section-header h2{color:#fff}.install .section-header p{color:#a0aec0}.install-steps{max-width:700px;margin:0 auto}.install-step{display:flex;gap:20px;margin-bottom:32px}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#3182ce;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-content h4{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:#e2e8f0}.step-content p{color:#a0aec0;font-size:.95rem}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.platform-item{display:flex;align-items:center;gap:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 18px}.platform-icon{flex-shrink:0;width:48px;height:48px;background:#3182ce33;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#63b3ed}.platform-icon svg{stroke:#63b3ed}.platform-item strong{display:block;color:#e2e8f0;font-size:.95rem;margin-bottom:2px}.platform-item span{font-size:.82rem;color:#a0aec0;line-height:1.4}.platform-note{text-align:center;font-size:.85rem;color:#718096;margin-bottom:48px;padding:12px 20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.platform-grid{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:480px){.platform-grid{grid-template-columns:1fr}}.code-block{background:#2d3748;border-radius:8px;padding:16px 20px;margin-top:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;color:#e2e8f0;overflow-x:auto;border:1px solid #4a5568}.code-block .comment{color:#718096}.footer{padding:48px 0;border-top:1px solid #e2e8f0;text-align:center}.footer p{color:#a0aec0;font-size:.9rem}.footer a{color:#718096}.footer a:hover{color:#3182ce}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;list-style:none}.release-notes{padding:80px 0}.release-notes .section-header{margin-bottom:48px}.release-notes .section-header h1{font-size:2.4rem;font-weight:800;margin-bottom:12px}.release{margin-bottom:40px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.release-header{display:flex;align-items:center;gap:16px;padding:20px 28px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.release-version{background:#3182ce;color:#fff;padding:4px 14px;border-radius:8px;font-weight:700;font-size:1rem}.release-date{color:#718096;font-size:.95rem}.release-body{padding:28px}.release-body h3{font-size:1.05rem;font-weight:700;color:#2d3748;margin-bottom:12px;margin-top:24px}.release-body h3:first-child{margin-top:0}.release-body ul{list-style:none;padding:0;margin:0}.release-body ul li{position:relative;padding:8px 0 8px 24px;color:#4a5568;font-size:.95rem;line-height:1.6}.release-body ul li:before{content:"";position:absolute;left:0;top:16px;width:8px;height:8px;border-radius:50%;background:#3182ce}.release-body ul li strong{color:#1a202c}.release-body code{background:#edf2f7;padding:2px 6px;border-radius:4px;font-size:.88rem}@media(max-width:768px){.release-notes{padding:48px 0}.release-notes .section-header h1{font-size:1.8rem}.release-header{flex-direction:column;align-items:flex-start;gap:8px}}.stats{padding:60px 0;background:#1a202c}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.stat-item{padding:24px}.stat-number{font-size:3rem;font-weight:800;color:#fff;line-height:1;margin-bottom:8px}.stat-label{font-size:.95rem;color:#a0aec0;font-weight:500}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-number{font-size:2.2rem}}.screenshot-img{cursor:zoom-in}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;cursor:zoom-out}.lightbox-overlay.active{opacity:1;pointer-events:all}.lightbox-overlay img{max-width:92%;max-height:92vh;border-radius:12px;box-shadow:0 24px 80px #00000080;transform:scale(.9);transition:transform .3s}.lightbox-overlay.active img{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:28px;color:#fff;font-size:2rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;transition:background .2s;border:none}.lightbox-close:hover{background:#ffffff40}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.ha-section{padding:100px 0;background:linear-gradient(135deg,#f0f4ff,#e8f4f8,#f0f9ff)}.ha-banner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.ha-logo-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.ha-logo{height:48px;width:auto}.ha-works-badge{display:inline-block;background:#18bcf2;color:#fff;padding:6px 16px;border-radius:24px;font-size:.85rem;font-weight:700;letter-spacing:.02em}.ha-content h2{font-size:2rem;font-weight:800;margin-bottom:16px;color:#1a202c}.ha-content>p{font-size:1.1rem;color:#4a5568;line-height:1.7;margin-bottom:20px}.ha-features{list-style:none;padding:0;margin-bottom:28px}.ha-features li{padding:6px 0;color:#4a5568;font-size:.95rem}.ha-features li:before{content:"✓";color:#18bcf2;font-weight:700;margin-right:10px}.ha-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn-ha{background:#18bcf2;color:#fff;padding:12px 28px;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-ha:hover{background:#0da8db;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #18bcf24d}.btn-ha-secondary{background:#fff;color:#4a5568;padding:12px 28px;border-radius:10px;font-weight:600;font-size:.95rem;border:2px solid #e2e8f0;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-ha-secondary:hover{border-color:#18bcf2;color:#18bcf2}.ha-visual{display:flex;justify-content:center}.ha-entity-preview{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000014,0 2px 8px #0000000a;border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:400px}.ha-entity-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#f7fafc;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:.95rem;color:#2d3748}.ha-entity-icon{height:24px;width:auto}.ha-entity-row{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #f0f0f0;font-size:.9rem}.ha-entity-row:last-child{border-bottom:none}.ha-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ha-dot-green{background:#38a169}.ha-dot-blue{background:#3182ce}.ha-dot-orange{background:#dd6b20}.ha-entity-name{flex:1;color:#4a5568}.ha-entity-state{font-weight:600;color:#718096;font-size:.85rem}.ha-state-on{color:#38a169}@media(max-width:768px){.ha-banner{grid-template-columns:1fr;gap:40px}.ha-content h2{font-size:1.6rem}.ha-entity-preview{max-width:100%}}.ha-guide{padding:80px 0}.ha-guide .section-header h1{font-size:2.4rem;font-weight:800;margin-bottom:12px}.ha-guide-content{max-width:800px;margin:0 auto}.ha-guide-content h2{font-size:1.5rem;font-weight:700;margin:48px 0 16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;color:#1a202c}.ha-guide-content h2:first-child{margin-top:0}.ha-guide-content h3{font-size:1.15rem;font-weight:600;margin:32px 0 12px;color:#2d3748}.ha-guide-content p{font-size:1rem;color:#4a5568;line-height:1.7;margin-bottom:16px}.ha-guide-content ul,.ha-guide-content ol{margin-bottom:16px;padding-left:24px}.ha-guide-content li{padding:4px 0;color:#4a5568;line-height:1.6}.ha-guide-content code{background:#edf2f7;padding:2px 6px;border-radius:4px;font-size:.9rem;color:#c53030}.ha-guide-content pre{background:#1a202c;border-radius:10px;padding:20px 24px;margin:16px 0 24px;overflow-x:auto;border:1px solid #2d3748}.ha-guide-content pre code{background:none;color:#e2e8f0;padding:0;font-size:.88rem;line-height:1.6}.ha-guide-content .guide-comment{color:#718096}.ha-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.ha-step-card{padding:20px 24px;border:1px solid #e2e8f0;border-radius:12px;background:#f7fafc}.ha-step-card strong{display:block;margin-bottom:6px;color:#1a202c}.ha-step-card p{font-size:.9rem;margin-bottom:0}.ha-guide-content .info-box{background:#ebf8ff;border:1px solid #bee3f8;border-radius:12px;padding:16px 20px;margin:20px 0;font-size:.95rem;color:#2c5282;line-height:1.6}.ha-guide-content .info-box strong{color:#2b6cb0}.ha-guide-content .automation-example{background:#fffaf0;border:1px solid #feebc8;border-radius:12px;padding:20px 24px;margin:16px 0 24px}.ha-guide-content .automation-example h4{font-size:1rem;font-weight:600;margin-bottom:8px;color:#c05621}.ha-guide-content .automation-example p{font-size:.9rem;color:#744210;margin-bottom:0}@media(max-width:768px){.ha-guide{padding:48px 0}.ha-guide .section-header h1{font-size:1.8rem}.ha-step-grid{grid-template-columns:1fr}}.blog-section{padding:80px 0;min-height:60vh}.blog-section .section-header h1{font-size:2.4rem;font-weight:800;color:#1a202c;margin-bottom:8px}.blog-section .section-header p{color:#718096;font-size:1.1rem}.blog-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:800px;margin:0 auto}.blog-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s;box-shadow:0 1px 3px #0000000a}.blog-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014;border-color:#cbd5e0}.blog-card-body{padding:32px}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem;color:#a0aec0}.blog-card-tag{background:#ebf8ff;color:#3182ce;padding:3px 10px;border-radius:20px;font-weight:600;font-size:.78rem}.blog-card-body h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:12px;line-height:1.3}.blog-card-body h2 a{color:inherit;text-decoration:none}.blog-card-body h2 a:hover{color:#3182ce}.blog-card-body .blog-excerpt{color:#4a5568;line-height:1.7;font-size:.95rem;margin-bottom:16px}.blog-read-more{display:inline-flex;align-items:center;gap:6px;color:#3182ce;font-weight:600;font-size:.9rem;text-decoration:none}.blog-read-more:hover{color:#2c5282}.blog-article{padding:80px 0}.blog-article-header{max-width:800px;margin:0 auto 40px;text-align:center}.blog-article-header h1{font-size:2.2rem;font-weight:800;color:#1a202c;margin-bottom:16px;line-height:1.3}.blog-article-content{max-width:800px;margin:0 auto}.blog-article-content h2{font-size:1.5rem;font-weight:700;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;color:#1a202c}.blog-article-content h3{font-size:1.2rem;font-weight:600;margin:28px 0 12px;color:#2d3748}.blog-article-content p{font-size:1rem;color:#4a5568;line-height:1.8;margin-bottom:16px}.blog-article-content ul,.blog-article-content ol{margin-bottom:16px;padding-left:24px}.blog-article-content li{padding:4px 0;color:#4a5568;line-height:1.7}.blog-article-content code{background:#edf2f7;padding:2px 8px;border-radius:4px;font-size:.9rem;color:#e53e3e}.blog-article-content pre{background:#1a202c;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto;margin-bottom:20px;font-size:.88rem;line-height:1.6}.blog-article-content pre code{background:none;color:inherit;padding:0}.blog-article-content strong{color:#1a202c}.blog-back-link{display:inline-flex;align-items:center;gap:6px;color:#3182ce;font-weight:600;font-size:.9rem;text-decoration:none;margin-bottom:24px}.blog-back-link:hover{color:#2c5282}.blog-info-box{background:#ebf8ff;border:1px solid #bee3f8;border-radius:12px;padding:20px 24px;margin:24px 0}.blog-info-box p{color:#2a4365;margin:0}.blog-info-box strong{color:#2a4365}@media(max-width:768px){.blog-section{padding:48px 0}.blog-section .section-header h1{font-size:1.8rem}.blog-card-body{padding:24px}.blog-card-body h2{font-size:1.25rem}.blog-article{padding:48px 0}.blog-article-header h1{font-size:1.6rem}}[data-theme=dark] .blog-card{background:#1e293b;border-color:#334155}[data-theme=dark] .blog-card:hover{border-color:#475569;box-shadow:0 8px 30px #0000004d}[data-theme=dark] .blog-card-body h2,[data-theme=dark] .blog-article-header h1,[data-theme=dark] .blog-article-content h2,[data-theme=dark] .blog-article-content strong,[data-theme=dark] .blog-card-body h2 a{color:#f1f5f9}[data-theme=dark] .blog-card-body h2 a:hover{color:#63b3ed}[data-theme=dark] .blog-card-body .blog-excerpt,[data-theme=dark] .blog-article-content p,[data-theme=dark] .blog-article-content li{color:#94a3b8}[data-theme=dark] .blog-card-tag{background:#1e3a5f;color:#63b3ed}[data-theme=dark] .blog-article-content h3{color:#cbd5e1}[data-theme=dark] .blog-article-content code{background:#334155;color:#f87171}[data-theme=dark] .blog-article-content pre{background:#0f172a}[data-theme=dark] .blog-info-box{background:#1e3a5f;border-color:#2563eb33}[data-theme=dark] .blog-info-box p,[data-theme=dark] .blog-info-box strong{color:#93c5fd}[data-theme=dark] .blog-section .section-header h1{color:#f1f5f9}[data-theme=dark] .blog-section .section-header p{color:#94a3b8}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:999;width:48px;height:48px;border-radius:50%;border:1px solid #e2e8f0;background:#fffffff2;backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000014;transition:all .2s}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block;stroke:#4a5568}[data-theme=dark] .theme-toggle{background:#1e293bf2;border-color:#334155;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .theme-toggle:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .theme-toggle .icon-sun{display:block;stroke:#fbbf24}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] body{background:#0f172a;color:#e2e8f0}[data-theme=dark] a{color:#60a5fa}[data-theme=dark] a:hover{color:#93bbfd}[data-theme=dark] .nav{background:#0f172af2;border-bottom-color:#1e293b}[data-theme=dark] .nav-logo{color:#e2e8f0}[data-theme=dark] .nav-links a{color:#94a3b8}[data-theme=dark] .nav-links a:hover{color:#60a5fa}[data-theme=dark] .nav-cta{background:#2563eb}[data-theme=dark] .nav-cta:hover{background:#1d4ed8}[data-theme=dark] .nav-toggle svg{stroke:#94a3b8}@media(max-width:768px){[data-theme=dark] .nav-links.open{background:#0f172a;border-bottom-color:#1e293b;box-shadow:0 4px 12px #0000004d}}[data-theme=dark] .hero{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}[data-theme=dark] .hero-badge{background:#1e293b;color:#60a5fa;border-color:#334155}[data-theme=dark] .hero h1{color:#f1f5f9}[data-theme=dark] .hero p{color:#94a3b8}[data-theme=dark] .btn-primary{background:#2563eb}[data-theme=dark] .btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}[data-theme=dark] .btn-secondary{background:#1e293b;color:#94a3b8;border-color:#334155}[data-theme=dark] .btn-secondary:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .hero-screenshot{border-color:#334155;box-shadow:0 24px 64px #0006,0 8px 24px #0000004d}[data-theme=dark] .hero-ha-badge{background:#1e293b;border-color:#0ea5e9;box-shadow:0 4px 16px #0ea5e926}[data-theme=dark] .hero-ha-badge:hover{box-shadow:0 8px 28px #0ea5e940;color:inherit}[data-theme=dark] .hero-ha-text strong{color:#e2e8f0}[data-theme=dark] .hero-ha-text span{color:#94a3b8}[data-theme=dark] .features{background:#0f172a}[data-theme=dark] .section-header h2{color:#f1f5f9}[data-theme=dark] .section-header p{color:#94a3b8}[data-theme=dark] .feature-card{border-color:#1e293b;background:#1e293b}[data-theme=dark] .feature-card:hover{border-color:#334155;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .feature-card h3{color:#f1f5f9}[data-theme=dark] .feature-card p{color:#94a3b8}[data-theme=dark] .feature-highlight{border-color:#3182ce;box-shadow:0 4px 16px #3182ce33}[data-theme=dark] .feature-icon{opacity:.85}[data-theme=dark] .screenshots{background:#1e293b}[data-theme=dark] .screenshot-text h3{color:#f1f5f9}[data-theme=dark] .screenshot-text p,[data-theme=dark] .screenshot-text ul li{color:#94a3b8}[data-theme=dark] .screenshot-img{border-color:#334155;box-shadow:0 12px 40px #0000004d}[data-theme=dark] .tech{background:#0f172a}[data-theme=dark] .tech-card{border-color:#1e293b;background:#1e293b}[data-theme=dark] .tech-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .tech-card h4{color:#f1f5f9}[data-theme=dark] .tech-card p{color:#94a3b8}[data-theme=dark] .install{background:#1e293b}[data-theme=dark] .code-block{background:#0f172a;border-color:#334155}[data-theme=dark] .stats{background:#1e293b}[data-theme=dark] .footer{background:#0f172a;border-top-color:#1e293b}[data-theme=dark] .release-notes .section-header h1{color:#f1f5f9}[data-theme=dark] .release{border-color:#1e293b}[data-theme=dark] .release-header{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .release-date{color:#94a3b8}[data-theme=dark] .release-body{background:#0f172a}[data-theme=dark] .release-body h3{color:#e2e8f0}[data-theme=dark] .release-body ul li{color:#94a3b8}[data-theme=dark] .release-body ul li strong{color:#e2e8f0}[data-theme=dark] .release-body code{background:#1e293b;color:#f87171}[data-theme=dark] .ha-section{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}[data-theme=dark] .ha-content h2{color:#f1f5f9}[data-theme=dark] .ha-content>p{color:#94a3b8}[data-theme=dark] .ha-features li{color:#94a3b8}[data-theme=dark] .btn-ha-secondary{background:#1e293b;color:#94a3b8;border-color:#334155}[data-theme=dark] .btn-ha-secondary:hover{border-color:#0ea5e9;color:#0ea5e9}[data-theme=dark] .ha-entity-preview{background:#1e293b;border-color:#334155;box-shadow:0 12px 40px #0000004d}[data-theme=dark] .ha-entity-header{background:#0f172a;border-bottom-color:#334155;color:#e2e8f0}[data-theme=dark] .ha-entity-row{border-bottom-color:#334155}[data-theme=dark] .ha-entity-name,[data-theme=dark] .ha-entity-state{color:#94a3b8}[data-theme=dark] .ha-guide-content h2{color:#f1f5f9;border-bottom-color:#334155}[data-theme=dark] .ha-guide-content h3{color:#e2e8f0}[data-theme=dark] .ha-guide-content p,[data-theme=dark] .ha-guide-content li{color:#94a3b8}[data-theme=dark] .ha-guide-content code{background:#1e293b;color:#f87171}[data-theme=dark] .ha-guide-content pre{background:#0f172a;border-color:#334155}[data-theme=dark] .ha-guide-content pre code{background:none;color:#e2e8f0}[data-theme=dark] .ha-step-card{background:#1e293b;border-color:#334155}[data-theme=dark] .ha-step-card strong{color:#e2e8f0}[data-theme=dark] .ha-guide-content .info-box{background:#1e293b;border-color:#334155;color:#93bbfd}[data-theme=dark] .ha-guide-content .info-box strong{color:#60a5fa}[data-theme=dark] .ha-guide-content .automation-example{background:#1e293b;border-color:#334155}[data-theme=dark] .ha-guide-content .automation-example h4{color:#fb923c}[data-theme=dark] .ha-guide-content .automation-example p{color:#94a3b8}[data-theme=dark] .contact-card{border-color:#1e293b;background:#1e293b}[data-theme=dark] .contact-card:hover{border-color:#334155;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .contact-card h3{color:#f1f5f9}[data-theme=dark] .contact-value{color:#60a5fa}[data-theme=dark] .contact-desc{color:#94a3b8}[data-theme=dark] section[style*="background:#f7fafc"],[data-theme=dark] section[style*="background: #f7fafc"]{background:#1e293b!important;border-top-color:#334155!important}[data-theme=dark] section[style*="padding:80px 0"] h1,[data-theme=dark] section[style*="padding: 80px 0"] h1{color:#f1f5f9}[data-theme=dark] section[style*="padding:80px 0"] h2,[data-theme=dark] section[style*="padding: 80px 0"] h2{color:#f1f5f9}[data-theme=dark] p[style*="color:#4a5568"],[data-theme=dark] p[style*="color: #4a5568"]{color:#94a3b8!important}[data-theme=dark] p[style*="color:#718096"],[data-theme=dark] p[style*="color: #718096"],[data-theme=dark] p[style*="color:#a0aec0"],[data-theme=dark] p[style*="color: #a0aec0"]{color:#64748b!important}[data-theme=dark] p[style*="color:#cbd5e0"],[data-theme=dark] p[style*="color: #cbd5e0"]{color:#475569!important}[data-theme=dark] ul[style*="color:#4a5568"],[data-theme=dark] ul[style*="color: #4a5568"]{color:#94a3b8!important}[data-theme=dark] section[style*="background:linear-gradient(135deg, #ebf8ff"],[data-theme=dark] section[style*="background: linear-gradient(135deg, #ebf8ff"]{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)!important}[data-theme=dark] section[style*="background:linear-gradient"] h1{color:#f1f5f9!important}[data-theme=dark] section[style*="background:linear-gradient"] p[style*="color:#4a5568"]{color:#94a3b8!important}[data-theme=dark] section[style*="background:linear-gradient"] span[style*="background:#fff"]{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}[data-theme=dark] div[style*="border-radius:50%;background:#fff"]{background:#1e293b!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] table{color:#e2e8f0}[data-theme=dark] tr[style*="background:#f7fafc"]{background:#1e293b!important}[data-theme=dark] tr[style*="border-bottom:1px solid #e2e8f0"],[data-theme=dark] tr[style*="border-bottom:2px solid #e2e8f0"]{border-bottom-color:#334155!important}[data-theme=dark] th[style],[data-theme=dark] td[style*=padding]{color:#e2e8f0}[data-theme=dark] td[style*=padding] code{color:#f87171}[data-theme=dark] .support-section{background:#1e293b!important;border-top-color:#334155!important}[data-theme=dark] .support-heading{color:#f1f5f9}[data-theme=dark] .ha-hero{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)!important}[data-theme=dark] .ha-hero-title{color:#f1f5f9!important}[data-theme=dark] .ha-hero-desc{color:#94a3b8!important}[data-theme=dark] .ha-hero-plus{background:#1e293b!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .ha-hero-pill{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}[data-theme=dark] .mqtt-table{color:#e2e8f0}[data-theme=dark] .mqtt-table thead tr{background:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .mqtt-table th{color:#e2e8f0}[data-theme=dark] .mqtt-table td{color:#94a3b8}[data-theme=dark] .mqtt-table tbody tr{border-bottom-color:#334155!important}[data-theme=dark] section[style*="min-height:70vh"] h1{color:#f1f5f9!important}[data-theme=dark] section[style*="min-height:70vh"] h2{color:#f1f5f9!important}[data-theme=dark] section[style*="min-height:70vh"] p{color:#94a3b8}html[data-theme] body,html[data-theme] .nav,html[data-theme] .feature-card,html[data-theme] .tech-card,html[data-theme] .hero,html[data-theme] .screenshots,html[data-theme] .footer,html[data-theme] .ha-section,html[data-theme] .ha-entity-preview,html[data-theme] .release,html[data-theme] .release-header,html[data-theme] .release-body,html[data-theme] .ha-step-card,html[data-theme] .contact-card{transition:background-color .3s,color .3s,border-color .3s}