@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Raleway:wght@600;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#667eea;--color-primary-hover:#5a67d8;--color-accent:#764ba2;--color-accent-hover:#6b46c1;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-primary-hover:linear-gradient(135deg,#5a67d8,#6b46c1);--color-text:#333;--color-text-muted:#4a5568;--color-heading:#2c3e50;--color-heading-strong:#1a365d;--color-bg-page:#fafafa;--color-bg-card:#fff;--color-border:#e9ecef;--color-border-soft:#e2e8f0;--font-sans:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-io:"Manrope",var(--font-sans);--font-io-display:"Raleway",var(--font-sans);--io-blue:#2563eb;--io-blue-tile-a:#2a67ea;--io-blue-tile-b:#2a68ee;--io-blue-tile-c:#2361e8;--io-lime-cta:#e6ffb7;--io-grey-0:#fdfdfd;--io-grey-10:#f7f7f7;--io-grey-30:#d7d7d7;--io-grey-50:#8d8d8d;--io-grey-100:#0d0d0d;--io-wavy-line:#d7d7d7;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-header:0 2px 10px #0000001a;--shadow-card:0 2px 10px #0000000d}.heading-1{color:#2c3e50;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:3rem;margin-top:0}.heading-2{color:#2c3e50;font-size:1.6rem;font-weight:600;line-height:1.3;margin-bottom:2rem;margin-top:2rem}.heading-3{color:#34495e;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem;margin-top:1rem}.body-text{color:#4a5568;font-size:.95rem;line-height:1.7;margin-bottom:2rem;margin-top:1rem}.lead-text{color:#2d3748;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:3rem;margin-top:1.5rem}.list-text{color:#4a5568;margin-bottom:1rem}.code-text,.list-text{font-size:.9rem;line-height:1.6}.code-text{background:#f1f3f4;border-radius:6px;color:#d63384;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin:.2rem 0;padding:.3rem .6rem}.link-text{border-bottom:1px solid #0000;color:#667eea;font-weight:500;text-decoration:none;transition:all .2s}.link-text:hover{border-bottom-color:#5a67d8;color:#5a67d8}.spacing-xs{margin:.5rem}.spacing-sm{margin:1rem}.spacing-md{margin:1.5rem}.spacing-lg{margin:2rem}.spacing-xl{margin:3rem}.spacing-xxl{margin:4rem}.spacing-top-xs{margin-top:.5rem}.spacing-top-sm{margin-top:1rem}.spacing-top-md{margin-top:1.5rem}.spacing-top-lg{margin-top:2rem}.spacing-top-xl{margin-top:3rem}.spacing-top-xxl{margin-top:4rem}.spacing-bottom-xs{margin-bottom:.5rem}.spacing-bottom-sm{margin-bottom:1rem}.spacing-bottom-md{margin-bottom:1.5rem}.spacing-bottom-lg{margin-bottom:2rem}.spacing-bottom-xl{margin-bottom:3rem}.section-spacing,.spacing-bottom-xxl{margin-bottom:4rem}.section-spacing,.section-spacing-top{margin-top:4rem}.section-spacing-bottom{margin-bottom:4rem}.element-spacing{margin-bottom:2rem;margin-top:2rem}.element-spacing-top{margin-top:2rem}.element-spacing-bottom{margin-bottom:2rem}.content-spacing{margin-bottom:1.5rem}.content-spacing,.content-spacing-top{margin-top:1.5rem}.content-spacing-bottom{margin-bottom:1.5rem}.title{color:#2c3e50;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:3rem;margin-top:0}.subtitle{color:#2c3e50;font-size:1.6rem;font-weight:600;line-height:1.3;margin-bottom:2rem;margin-top:3rem}.description{color:#4a5568;font-size:.95rem;line-height:1.7;margin-bottom:2rem;margin-top:1rem}.lead-description{color:#2d3748;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:3rem;margin-top:1.5rem}.feature-list{margin-bottom:2rem;margin-top:2rem;padding-left:2rem}.feature-list li{color:#4a5568;line-height:1.6;margin-bottom:1rem}.section-container{margin-bottom:4rem;margin-top:4rem}.content-section{margin-bottom:2rem;margin-top:2rem}.info-box{border-radius:4px;margin:2rem 0;padding:1.5rem}.info-box p{font-weight:500}.warning-box{border-radius:4px;margin:2rem 0;padding:1.5rem}.warning-box p{font-weight:500}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-page);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.6}.layout{display:flex;flex-direction:column;min-height:100vh;padding-top:80px}@media (max-width:768px){.layout{padding-top:0}}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.sidebar-layout{display:flex;margin-top:-80px;min-height:calc(100vh - 80px)}.sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 4px #00000005;height:calc(100vh - 80px);left:0;overflow-y:auto;padding:1.5rem 0;position:fixed;top:80px;width:280px;z-index:999}.content-with-sidebar{box-sizing:border-box;flex:1 1;margin-left:280px;max-width:calc(100% - 280px);padding:2rem;width:calc(100% - 280px)}.sidebar-nav{padding:0}.nav-section{margin-bottom:.25rem}.nav-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.nav-item:hover{background:#f8f9fa;border-left-color:#dee2e6}.nav-item.active{background:#f8f9fa;border-left-color:#667eea;color:#667eea}.nav-item.active .nav-title{color:#667eea;font-weight:600}.nav-header{color:#495057;font-size:.9rem;font-weight:700}.nav-header:hover{background:#f8f9fa;border-left-color:#dee2e6}.nav-child{border-left:3px solid #0000;color:#6c757d;font-size:.85rem;margin-left:0;padding:.6rem 1.5rem .6rem 2.5rem}.nav-child:hover{background:#f8f9fa;border-left-color:#dee2e6;color:#495057}.nav-child.active{background:#f8f9fa;border-left-color:#667eea;color:#667eea;font-weight:500}.nav-title{color:#495057;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-header .nav-title{font-weight:700}.nav-child .nav-title{color:#6c757d;font-size:.85rem;font-weight:400}.nav-child:hover .nav-title{color:#495057}.nav-child.active .nav-title{color:#667eea;font-weight:500}.nav-children{background:#fafbfc;border-left:1px solid #e9ecef;margin-left:1rem;margin-top:0}.nav-section:last-child{margin-bottom:0}.nav-header svg{color:#6c757d;transition:color .2s ease}.nav-header:hover svg{color:#495057}.nav-header.expanded svg{color:#667eea}.nav-header.expanded .nav-title{color:#667eea;font-weight:700}.nav-toggle-all{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;font-weight:600;margin-bottom:.5rem}.nav-toggle-all:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.nav-toggle-all .nav-title{color:#fff;font-weight:600}.header,.nav-toggle-all svg{color:#fff}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:1.4rem;font-weight:600;gap:.5rem;text-decoration:none;transition:color .3s ease}.logo:hover{color:#f0f0f0}.logo-icon{filter:brightness(0) invert(1);height:32px;transition:transform .3s ease;width:32px}.logo:hover .logo-icon{transform:scale(1.1)}.nav{gap:1rem;list-style:none}.nav,.nav a{align-items:center;display:flex}.nav a{border-radius:6px;color:#fff;font-weight:600;height:40px;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav a.active,.nav a:hover{background-color:#fff3}.nav-dropdown{align-items:center;display:inline-flex;position:relative}.nav-dropdown-trigger{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;gap:.5rem;height:40px;padding:.5rem 1rem;transition:background-color .2s}.nav-dropdown-trigger:hover{background-color:#fff3}.nav-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:0;min-width:200px;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.nav-dropdown-menu a{border-radius:0;color:#4a5568;display:block;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease}.nav-dropdown-menu a:hover{background-color:#f7fafc;color:#2d3748}.nav-dropdown-menu a.active{background-color:#667eea;color:#fff}.nav-dropdown-menu a.active:hover{background-color:#5a67d8}.mobile-menu,.mobile-menu-btn{display:none}.login-btn{background:#0000!important;border:2px solid #fff!important;border-radius:25px!important;box-shadow:none!important;color:#fff!important;font-weight:600!important;margin-left:1rem!important;padding:.5rem 1.5rem!important;text-decoration:none!important;transition:all .3s ease!important}.login-btn:hover{background:#ffffff1a!important;border-color:#fff!important;box-shadow:0 4px 15px #fff3!important;transform:translateY(-2px)!important}.login-btn:active{box-shadow:0 2px 8px #ffffff1a!important;transform:translateY(0)!important}.layout--figma-home>.main-content.main-content--home-bleed,.layout.layout--figma-home{background-color:#fff}.layout--figma-home .header{background:var(--io-blue,#2563eb)}.main-content--home-bleed{max-width:none;padding:0;width:100%}.layout--figma-home .header{background:#2563eb;border-bottom:none;box-shadow:none;font-family:Manrope,sans-serif;font-family:var(--font-io,"Manrope",sans-serif);padding:20px;transition:background-color .25s ease,box-shadow .25s ease,color .2s ease}.layout--figma-home>.main-content.main-content--home-bleed{margin-top:0}.layout--figma-home .logo{font-size:1rem;font-weight:600;transition:color .2s ease}.layout--figma-home .nav-dropdown-trigger{color:#f7f7f7;font-family:Manrope,sans-serif;font-family:var(--font-io,"Manrope",sans-serif);font-size:18px;font-weight:500;transition:color .2s ease,background-color .2s ease}.layout--figma-home .nav-dropdown-menu{border:1px solid #e2e8f0fa;border-radius:14px;box-shadow:0 20px 50px #0f172a29,0 0 0 1px #0f172a0a;margin-top:.375rem;min-width:13.75rem;padding:.5rem}.layout--figma-home .nav-dropdown-menu a{border-radius:10px;color:#0f172a;display:block;font-family:Manrope,sans-serif;font-family:var(--font-io,"Manrope",sans-serif);font-size:.9375rem;font-weight:500;line-height:1.35;padding:.65rem .85rem;transition:background-color .18s ease,color .18s ease}.layout--figma-home .nav-dropdown-menu a:hover{background-color:#2563eb17;color:#1d4ed8}.layout--figma-home .nav-dropdown-menu a.active{background-color:#2563eb;color:#fff}.layout--figma-home .nav-dropdown-menu a.active:hover{background-color:#1d4ed8;color:#fff}.layout--figma-home .header-book-demo{align-items:center;border:1px solid #fdfdfd;border-radius:24px;color:#fdfdfd;display:inline-flex;font-weight:600;gap:.5rem;margin-left:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.layout--figma-home .header-book-demo:hover{background:#fdfdfd1f}.layout--figma-home .login-btn{background:#fdfdfd!important;border:none!important;border-radius:24px!important;color:#2563eb!important;padding:.5rem 1rem!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important}.layout--figma-home .login-btn:hover{background:#f0f4ff!important;box-shadow:0 4px 12px #0d0d0d1f!important;transform:translateY(-1px)}.layout--figma-home .header-content{box-sizing:border-box;max-width:min(1680px,calc(100vw - clamp(.75rem, 2.5vw + .35rem, 3rem)*2));padding-inline:clamp(.75rem,2.5vw + .35rem,3rem)}.layout--figma-home .header.header--home-scrolled{background:#fff!important;box-shadow:0 1px 0 #0f172a0f,0 8px 24px #0f172a14}.layout--figma-home .header.header--home-scrolled .logo{color:#2563eb}.layout--figma-home .header.header--home-scrolled .logo:hover{color:#1d4ed8}.layout--figma-home .header.header--home-scrolled .logo-icon,.layout--figma-home .header.header--home-scrolled .logo:hover .logo-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(1752%) hue-rotate(212deg) brightness(98%) contrast(96%)}.layout--figma-home .header.header--home-scrolled .nav-dropdown-trigger{color:#2563eb}.layout--figma-home .header.header--home-scrolled .nav-dropdown-trigger:hover{background-color:#2563eb14;color:#1d4ed8}.layout--figma-home .header.header--home-scrolled .header-book-demo{border-color:#2563eb;color:#2563eb}.layout--figma-home .header.header--home-scrolled .header-book-demo:hover{background:#2563eb14;color:#1d4ed8}.layout--figma-home .header.header--home-scrolled .login-btn{background:#2563eb!important;color:#fff!important}.layout--figma-home .header.header--home-scrolled .login-btn:hover{background:#1d4ed8!important;box-shadow:0 4px 14px #2563eb59!important}.site-footer{background:#f7f7f7;background:var(--io-grey-10,#f7f7f7);box-sizing:border-box;color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);font-family:var(--font-io);margin-top:0;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.25rem,2.5vw,2.5rem);width:100%}.site-footer__inner{margin:0 auto;max-width:min(85rem,100%)}.site-footer__top{grid-gap:clamp(2rem,4vw,3.25rem);align-items:start;display:grid;gap:clamp(2rem,4vw,3.25rem);grid-template-columns:minmax(0,18rem) minmax(0,1fr)}.site-footer__brand-link{align-items:center;color:inherit;display:inline-flex;gap:.5rem;text-decoration:none}.site-footer__brand-link:hover .site-footer__name{color:#2563eb;color:var(--io-blue,#2563eb)}.site-footer__logo{display:block;flex-shrink:0;height:40px;width:40px}.site-footer__name{color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);font-family:var(--font-io);font-size:1rem;font-weight:600;line-height:normal}.site-footer__tagline{color:#8d8d8d;color:var(--io-grey-50,#8d8d8d);font-family:var(--font-io);font-size:.875rem;font-weight:400;line-height:1.45;margin:1rem 0 0;max-width:17.8rem}.site-footer__columns{grid-gap:clamp(1.5rem,3vw,3.25rem);display:grid;gap:clamp(1.5rem,3vw,3.25rem);grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer__col-title{color:#000;font-family:var(--font-io);font-size:1.125rem;font-weight:600;line-height:normal;margin:0 0 1rem}.site-footer__links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.site-footer__link{color:#8d8d8d;color:var(--io-grey-50,#8d8d8d);font-family:var(--font-io-display);font-size:.875rem;font-weight:500;line-height:normal;text-decoration:none;transition:color .15s ease}.site-footer__link:hover{color:#2563eb;color:var(--io-blue,#2563eb)}.site-footer__rule{border:none;border-top:1px solid #d7d7d7;border-top:1px solid var(--io-grey-30,#d7d7d7);height:0;margin:clamp(2.5rem,5vw,4.25rem) 0 0}.site-footer__bottom{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding-top:1rem}.site-footer__legal-block{display:flex;flex-direction:column;gap:1rem;min-width:min(100%,20rem)}.site-footer__legal-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.site-footer__legal-sep{display:none}.site-footer__legal-link{color:#8d8d8d;color:var(--io-grey-50,#8d8d8d);font-family:var(--font-io-display);font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap}.site-footer__legal-link:hover{color:#2563eb;color:var(--io-blue,#2563eb)}.site-footer__copyright{color:#8d8d8d;color:var(--io-grey-50,#8d8d8d);font-family:var(--font-io-display);font-size:.875rem;font-weight:500;margin:0}.site-footer__contact{display:flex;flex-direction:column;gap:1rem;min-width:min(100%,20.9rem);text-align:right}.site-footer__contact-line{font-family:var(--font-io-display);font-size:.875rem;font-weight:500;margin:0}.site-footer__contact-label,.site-footer__contact-line,.site-footer__contact-value{color:#8d8d8d;color:var(--io-grey-50,#8d8d8d)}.site-footer__contact-value{text-decoration:underline;text-underline-offset:2px}.site-footer__contact-value:hover{color:#2563eb;color:var(--io-blue,#2563eb)}@media (max-width:960px){.site-footer__top{grid-template-columns:1fr}.site-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__contact{text-align:left}.site-footer__bottom{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.site-footer__columns{grid-template-columns:1fr}}.hero{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:4rem 0;text-align:center}.hero h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.hero p{color:#7f8c8d;font-size:1.1rem;font-weight:400;margin:0 auto 2rem;max-width:600px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.card h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.card p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.content-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:2rem 0;padding:2rem}.content-section h1{color:#1a365d;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.content-section h2{color:#2c3e50;font-size:1.6rem;font-weight:600;line-height:1.3;margin:2.5rem 0 1.5rem}.content-section h2:not(:first-child){margin-top:1rem}.content-section h3{color:#34495e;font-size:1.2rem;font-weight:600;line-height:1.4;margin:2.5rem 0 1.5rem}.content-section h3:not(:first-child){margin-top:1rem}.content-section p{color:#4a5568;font-size:.95rem;line-height:1.7;margin-bottom:1.8rem}.content-section p.lead{color:#2d3748;font-size:1.1rem;font-weight:400;margin-bottom:2.2rem}.table-spacing{margin-bottom:2rem}.section-spacing{margin-bottom:1.8rem}.content-section>*+*{margin-top:2.5rem}.content-section h2+p,.content-section h3+p{margin-top:1.5rem}.content-section p+h2{margin-top:1rem}.content-section p+h3{margin-top:2.5rem}.content-section h1+p.lead{margin-bottom:2rem;margin-top:1.5rem}.content-section h2:not(:first-child){margin-top:2.5rem}.content-section h3:not(:first-child){margin-top:2rem}.content-section p{margin-bottom:1.25rem}.content-section p.lead{margin-bottom:2rem}.content-section ul{margin:1.25rem 0;padding-left:2rem}.content-section li{color:#4a5568;line-height:1.6;margin-bottom:.75rem}.content-section p+h2,.content-section p+h3,.content-section ul+h2,.content-section ul+h3{margin-top:1.5rem}.content-section table{background:#fff;border:1px solid #e9ecef;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #00000014;margin:3rem 0 2.5rem;overflow:hidden;width:100%}.content-section th{background:#f1f3f4;border-bottom:2px solid #d1d5db;color:#1a365d;font-weight:700;letter-spacing:.025em;text-align:left}.content-section td,.content-section th{font-size:.9rem;height:35px;line-height:1.4;min-height:35px;padding:.75rem 1.5rem}.content-section td{background:#fff;border-bottom:1px solid #f1f3f4;color:#374151;vertical-align:top}.content-section tr:hover td{background:#f8fafc}.content-section tr:last-child td{border-bottom:none}.content-section td code{background:#f1f3f4;border-radius:6px;color:#d63384;display:inline-block;font-size:.85rem;font-weight:500;margin:.2rem 0;padding:.3rem .6rem}.content-section td .status-badge{background:#e5e7eb;border-radius:20px;color:#374151;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.025em;padding:.4rem .8rem;text-transform:uppercase}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.info-box p{color:#1565c0;font-size:.9rem;line-height:1.6;margin:0}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.warning-box p{color:#856404;font-size:.9rem;line-height:1.6;margin:0}.doc-navigation{border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;justify-content:space-between;margin:3rem 0 2rem;padding:1.5rem 0}.doc-navigation,.nav-link{align-items:center;display:flex}.nav-link{background:#f8f9fa;border:none;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;transform:translateY(-1px)}.nav-link.prev{margin-right:auto}.nav-link.next{margin-left:auto}.nav-link.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-link-icon{font-size:1rem}.content-section a{border-bottom:1px solid #0000;color:#667eea;font-weight:500;text-decoration:none;transition:all .2s}.content-section a:hover{border-bottom-color:#5a67d8;color:#5a67d8}.inline-link{background:none;border:none;border-bottom:1px solid #0000;color:#667eea;cursor:pointer;font-size:inherit;font-weight:500;margin:0;padding:0;text-decoration:none;transition:all .2s}.inline-link:hover{border-bottom-color:#5a67d8;color:#5a67d8}.tag{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.tag-primary{background:#667eea;color:#fff}.tag-secondary{background:#6c757d;color:#fff}.tag-success{background:#28a745;color:#fff}.tag-warning{background:#ffc107;color:#212529}.tag-info{background:#17a2b8;color:#fff}.tag-danger{background:#dc3545;color:#fff}.code-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;line-height:1.6;margin:2.2rem 0;overflow-x:auto;padding:1.5rem;position:relative}.code-block,.code-block pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.code-block pre{color:#2d3748;margin:0;white-space:pre-wrap}.code-block .comment{color:#6a737d;font-style:italic}.code-block .keyword{color:#d73a49;font-weight:600}.code-block .string{color:#032f62}.code-block .number{color:#005cc5}.param,code{background:#f1f3f4;border-radius:4px;color:#d63384;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;font-weight:500;padding:.2rem .4rem}.code-block:after{background:#fffc;border-radius:4px;content:"📋";cursor:pointer;font-size:1rem;opacity:.6;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:opacity .2s}.code-block:hover:after{background:#ffffffe6;opacity:1}.api-endpoint{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:1.5rem}.method{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:700;margin-right:1rem;padding:.25rem .75rem}.method.get{background:#28a745;color:#fff}.method.post{background:#007bff;color:#fff}.method.put{background:#ffc107;color:#212529}.method.delete{background:#dc3545;color:#fff}.endpoint-url{color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem}.home-container{margin:0 auto;max-width:1200px;padding:0 .5rem}.hero-section{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:60vh;padding:2rem 0}.hero-content{max-width:600px;position:relative;z-index:2}.hero-badge{align-items:center;animation:slideInFromLeft .8s ease-out .2s forwards;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 20px #667eea4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;opacity:0;padding:.5rem 1rem;transition:all .3s ease}.hero-badge:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .4s forwards;background:linear-gradient(135deg,#1a202c,#667eea 50%,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;opacity:0;overflow:hidden;position:relative}.hero-title-line1,.hero-title-line2{display:block}.hero-title-line2{font-size:.35em;font-weight:600;margin-top:.2em}.qicapp-link{border-bottom:1px solid #0000;color:inherit;text-decoration:none;transition:all .3s ease}.qicapp-link,.qicapp-link:hover{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea 50%,#764ba2);-webkit-background-clip:text;background-clip:text}.qicapp-link:hover{border-bottom:1px solid;opacity:.8}.hero-title:before{animation:laserSlide 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:30%;z-index:1}.hero-subtitle{-webkit-text-fill-color:#4a5568!important;animation:fadeInUp .8s ease-out .6s forwards;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#4a5568!important;display:block;font-size:1.2rem;font-weight:300;margin-top:.5rem;opacity:0}.hero-description{animation:fadeInUp .8s ease-out .8s forwards;color:#4a5568;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:0}.hero-stats{animation:fadeInUp .8s ease-out 1s forwards;display:flex;gap:2rem;margin-bottom:2rem;opacity:0}.stat{opacity:0;text-align:center;transform:translateY(20px);transition:all .3s ease}.stat:first-child{animation:statSlideIn .6s ease-out 1.2s forwards}.stat:nth-child(2){animation:statSlideIn .6s ease-out 1.4s forwards}.stat:nth-child(3){animation:statSlideIn .6s ease-out 1.6s forwards}.stat:hover{transform:translateY(-5px)}.stat-number{font-size:2rem;line-height:1}.stat-label{color:#718096;font-size:.875rem;margin-top:.25rem}.hero-cta{animation:fadeInUp .8s ease-out 1.8s forwards;opacity:0}.btn-large{align-items:center;display:flex;font-size:1.125rem;gap:.5rem;padding:1rem 2rem}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.hero-visual{position:relative}.hero-visual,.solution-diagram{align-items:center;display:flex;justify-content:center}.solution-diagram{height:600px;max-width:800px;width:100%}.solution-image{border-radius:12px;filter:drop-shadow(0 15px 35px rgba(0,0,0,.1));height:100%;max-height:500px;max-width:700px;object-fit:contain;width:100%}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#4a5568;font-size:1.25rem;margin:0 auto;max-width:600px}.platform-overview{background:#f7fafc;padding:2rem 0}.platform-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}@media (max-width:768px){.platform-grid{gap:1rem;grid-template-columns:1fr}}.platform-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #667eea1a;border-radius:16px;box-shadow:0 6px 24px #00000014;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.platform-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.platform-card:hover{border-color:#667eea33;box-shadow:0 20px 40px #667eea26;transform:translateY(-8px)}.platform-card .card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 6px 20px #667eea4d;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;position:relative;width:60px}.platform-card .card-icon:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.platform-card:hover .card-icon:after{opacity:.2}.platform-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.platform-card p{color:#4a5568;font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.platform-card .feature-list{list-style:none;margin:0;padding:0}.platform-card .feature-list li{color:#4a5568;font-size:.9rem;font-weight:500;line-height:1.4;padding:.5rem 0 .5rem 1.8rem;position:relative;transition:color .2s ease}.platform-card .feature-list li:hover{color:#667eea}.platform-card .feature-list li:before{color:#667eea;content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute;top:.6rem}.core-features{padding:2rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background:#fff;border-radius:8px;gap:1rem;padding:1.5rem}.feature-item:hover{border-color:#667eea;box-shadow:0 4px 6px -1px #0000001a}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.feature-content h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-content p{color:#4a5568;line-height:1.5}.supported-devices{background:#f7fafc;padding:2rem 0}.devices-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.device-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center;transition:transform .2s ease}.device-card:hover{transform:translateY(-4px)}.device-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.device-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.device-card p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.device-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.feature-tag{background:#e6fffa;border-radius:20px;color:#234e52;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.future-devices{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:2rem;text-align:center}.future-badge{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.future-devices h4{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.future-devices p{line-height:1.6;opacity:.9}.timeline-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:2.5rem 0;position:relative}.timeline-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='%23cbd5e0' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.timeline-horizontal{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;position:relative;z-index:1}.timeline-step{animation:stepSlideIn .8s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;opacity:0;padding:2rem;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-step:first-child{padding-left:3rem}.timeline-step:last-child{padding-right:3rem}.timeline-step:first-child{animation-delay:.2s}.timeline-step:nth-child(2){animation-delay:.4s}.timeline-step:nth-child(3){animation-delay:.6s}.timeline-step:hover{background:#fff;box-shadow:0 30px 60px #00000026;transform:translateY(-10px)}.step-marker{align-items:center;display:flex;margin-bottom:1.5rem;position:relative}.step-number{box-shadow:0 8px 24px #667eea66;position:relative;transition:all .3s ease;z-index:2}.step-number:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:0;position:absolute;right:-4px;top:-4px;transition:opacity .3s ease;z-index:-1}.timeline-step:hover .step-number:before{opacity:.3}.step-line{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;flex:1 1;height:3px;margin-left:1rem;overflow:hidden;position:relative}.step-line:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.step-content{position:relative}.step-header{margin-bottom:1rem}.step-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.step-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.step-content p{font-size:1rem;margin-bottom:1.5rem}.step-features{display:flex;flex-direction:column;gap:.75rem}.feature-item{background:#667eea1a;border:1px solid #667eea33;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.feature-item:hover{background:#667eea26;transform:translateX(5px)}@keyframes stepSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.documentation-section{background:linear-gradient(135deg,#fff,#f8fafc);padding:2rem 0;position:relative}.documentation-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23e2e8f0'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.docs-list{margin:0 auto;max-width:1000px;position:relative;z-index:1}.doc-item{align-items:flex-start;background:#fffc;border:1px solid #667eea1a;border-radius:16px;display:flex;gap:2rem;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.doc-item:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.doc-item:hover{background:#fffffff2;box-shadow:0 10px 30px #667eea1a;transform:translateX(10px)}.doc-icon-wrapper{flex-shrink:0}.doc-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 6px 20px #667eea4d;color:#fff;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.doc-item:hover .doc-icon{box-shadow:0 8px 24px #667eea66;transform:scale(1.05)}.doc-content{flex:1 1}.doc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.doc-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.5rem;font-weight:800;margin:0}.doc-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase}.doc-content p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.doc-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.doc-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:12px;color:#667eea;font-size:.85rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease}.doc-tag:hover{background:#667eea26;transform:translateY(-2px)}.doc-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.doc-link:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;text-align:center}.cta-content h2{font-weight:700}.cta-content p{margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:768px){.hero-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);gap:0;grid-template-columns:1fr;min-height:70vh;overflow:hidden;padding:3rem 1rem;position:relative;text-align:center}.hero-visual{display:none}.hero-content{max-width:100%;padding:0 1rem}.hero-badge{font-size:.8rem;margin-bottom:1rem;padding:.4rem .8rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea 50%,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;line-height:1.1;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:.5rem}.hero-description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:90%}.hero-stats{flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:140px;padding:1rem}.stat-number{color:#667eea;font-size:2.2rem;font-weight:800}.stat-label{color:#4a5568;font-size:.9rem;font-weight:600}.hero-cta{align-items:center;flex-direction:column;gap:1rem;margin-top:2rem}.btn-large,.btn-outline{font-size:1.1rem;font-weight:600;max-width:300px;padding:1.2rem 2rem;width:100%}.platform-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.platform-card{padding:1.5rem}.platform-card .card-icon{height:50px;width:50px}.platform-card h3{font-size:1.1rem}.platform-card p{font-size:.9rem}.platform-card .feature-list li{font-size:.85rem;line-height:1.4;padding:.5rem 0 .5rem 1.8rem}.platform-card .feature-list li:before{font-size:1rem;top:.6rem}.features-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.feature-item{padding:1.5rem}.feature-icon{height:50px;width:50px}.feature-content h3{font-size:1.1rem}.feature-content p{font-size:.9rem}.devices-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.device-card{padding:1.5rem}.device-icon{height:50px;width:50px}.device-card h3{font-size:1.1rem}.device-card p{font-size:.9rem}.device-features{flex-wrap:wrap;gap:.5rem}.feature-tag{font-size:.8rem;padding:.3rem .8rem}.timeline-horizontal{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.timeline-step{padding:1.5rem}.timeline-step:first-child,.timeline-step:last-child{padding-left:1.5rem;padding-right:1.5rem}.step-marker{margin-bottom:1rem}.step-number{font-size:1.25rem;height:50px;width:50px}.step-line{display:none}.step-header h3{font-size:1.25rem}.step-badge{font-size:.8rem;padding:.4rem .8rem}.step-features{gap:.5rem}.feature-item{font-size:.85rem;padding:.3rem .8rem}.docs-list{padding:0 1rem}.doc-item{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.doc-header{align-items:center;flex-direction:column;gap:1rem}.doc-tags{justify-content:center}.doc-tag{font-size:.8rem;padding:.3rem .6rem}.cta-section{padding:3rem 1rem}.cta-content h2{font-size:1.8rem;line-height:1.3}.cta-content p{font-size:.95rem}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.btn{justify-content:center;max-width:280px;width:100%}.section-header h2{font-size:1.8rem}.section-header p{font-size:.95rem}.home-container{padding:0 .5rem}.section-header{padding:0 1rem 2rem}}@media (max-width:1024px) and (min-width:769px){.hero-title{font-size:3rem}.devices-grid,.features-grid,.platform-grid,.timeline-horizontal{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.timeline-step:last-child{grid-column:1/-1;margin:0 auto;max-width:50%}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.hero-description{font-size:.85rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.device-card,.doc-item,.feature-item,.platform-card,.timeline-step{padding:1rem}.device-icon,.doc-icon,.feature-icon,.platform-card .card-icon{height:40px;width:40px}.device-card h3,.doc-header h3,.feature-content h3,.platform-card h3{font-size:1rem}.device-card p,.doc-content p,.feature-content p,.platform-card p{font-size:.85rem}.section-header h2{font-size:1.5rem}.btn,.section-header p{font-size:.9rem}.btn{padding:.75rem 1rem}.btn-large{font-size:1rem;padding:1rem 1.5rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes statSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes laserSlide{0%{left:-30%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.io-home{--io-home-pad:clamp(0.75rem,2.5vw + 0.35rem,3rem);--io-home-max:min(1680px,calc(100vw - var(--io-home-pad)*2));--io-home-radius-lg:24px;background:#fff;font-family:var(--font-io);overflow-x:clip;overflow-y:visible}.layout--figma-home .io-home>.io-home-hero:first-child{margin-top:-14px;padding-top:calc(clamp(1rem, 2.5vw, 1.75rem) + 14px)}.io-home-hero{background:var(--io-blue);box-sizing:border-box;color:var(--io-grey-0);margin:0;min-height:0;overflow:visible;padding:clamp(1rem,2.5vw,1.75rem) var(--io-home-pad) clamp(1.75rem,4vw,2.75rem);position:relative;width:100%}.io-home-hero__tiles{background-color:var(--io-blue);background-image:repeating-linear-gradient(0deg,#0000,#0000 133px,#ffffff0a 133px,#ffffff0a 134px),repeating-linear-gradient(90deg,#0000,#0000 133px,#ffffff0a 133px,#ffffff0a 134px),linear-gradient(135deg,var(--io-blue-tile-a) 0,var(--io-blue) 40%,var(--io-blue-tile-c) 100%);opacity:1}.io-home-hero__grid-lines,.io-home-hero__tiles{inset:0;margin:0 calc(var(--io-home-pad)*-1);pointer-events:none;position:absolute}.io-home-hero__grid-lines{background-image:linear-gradient(90deg,#fdfdfd12 1px,#0000 0),linear-gradient(180deg,#fdfdfd12 1px,#0000 0);background-size:134px 134px}.io-home-hero__inner{box-sizing:border-box;gap:clamp(.35rem,1vw,.65rem);margin:0 auto;max-width:var(--io-home-max);padding-inline:0;position:relative}.io-home-hero__inner,.io-home-hero__stack{align-items:center;display:flex;flex-direction:column;width:100%}.io-home-hero__stack{gap:clamp(1rem,2vw,1.35rem);max-width:min(63.625rem,100%);padding-top:0;text-align:center}.io-home-hero__head{gap:.5rem;width:100%}.io-home-hero__head,.io-home-hero__title{align-items:center;display:flex;flex-direction:column}.io-home-hero__title{color:var(--io-grey-0);font-family:var(--font-io-display);font-size:clamp(1.75rem,2.8vw + 1rem,3.5rem);font-weight:700;gap:.35rem;letter-spacing:-.02em;line-height:1.08;margin:80px 0 0;max-width:100%}@media (min-width:768px){.io-home-hero__title{line-height:1.06}}.io-home-hero__title-part{text-wrap:balance;display:block}.io-home-hero__title-part--2{white-space:nowrap}@media (max-width:520px){.io-home-hero__title-part--2{text-wrap:balance;line-height:1.5;white-space:normal}}.io-home-hero__subtitle{color:#fdfdfdeb;font-family:var(--font-io);font-size:clamp(1rem,.35vw + .95rem,1.125rem);line-height:1.45;margin:0;max-width:min(41.5625rem,100%)}.io-home-hero__actions{align-items:center;display:flex;flex-direction:column;gap:.75rem}.io-home-hero__cta{align-items:center;background:var(--io-lime-cta);border:none;border-radius:24px;color:var(--io-grey-100);display:inline-flex;font-family:var(--font-io);font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:filter .2s,transform .15s}.io-home-hero__cta:hover{filter:brightness(.97)}.io-home-hero__cta-arrow{flex-shrink:0}.io-home-hero__trust{align-items:center;color:#fdfdfdeb;display:inline-flex;font-family:var(--font-io);font-size:1rem;font-weight:400;gap:.5rem;margin:0}.io-home-hero__trust-icon{color:var(--io-grey-0);flex-shrink:0}.io-home-hero__showcase{grid-gap:clamp(.5rem,2.5vw,2rem);align-items:end;display:grid;gap:clamp(.5rem,2.5vw,2rem);grid-template-columns:minmax(0,1fr) minmax(280px,min(900px,72vw)) minmax(0,1fr);margin-top:0;max-width:min(1320px,100%);position:relative;width:100%;z-index:2}.io-home-hero__showcase-side{min-width:0}.io-home-hero__showcase-side--left{justify-self:start}.io-home-hero__showcase-side--right{justify-self:end}.io-home-hero__left-cluster{align-items:flex-end;display:flex;gap:clamp(.25rem,1.2vw,.75rem)}.io-home-hero__left-stack{align-items:center;display:flex;flex-direction:column;gap:.5rem}.io-home-hero__deco-flower{color:var(--io-grey-0);flex-shrink:0;margin-bottom:.35rem;opacity:.95;transform:rotate(-.98deg)}.io-home-hero__hub{align-items:center;background:var(--io-grey-0);border-radius:24px;box-shadow:0 4px 4px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:242px;justify-content:flex-end;overflow:hidden;padding:0 0 11px;width:98px}.io-home-hero__hub-sun{color:var(--io-grey-100);flex-shrink:0;margin-bottom:1.25rem;margin-top:auto}.io-home-hero__hub-track{background:var(--io-grey-30);border-radius:24px;height:13px;margin-inline:auto;width:108px}.io-home-hero__mini-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.io-home-hero__mini-card{align-items:center;background:var(--io-grey-0);border-radius:16px;box-shadow:0 4px 4px #0000000d;box-sizing:border-box;color:var(--io-grey-100);display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-height:88px;padding:.5rem .35rem;width:108px}.io-home-hero__mini-icon{color:var(--io-grey-100);flex-shrink:0}.io-home-hero__mini-label{color:var(--io-grey-100);font-family:var(--font-io);font-size:.75rem;font-weight:600;line-height:1.2;text-align:center}.io-home-hero__showcase-center{align-items:flex-end;display:flex;justify-content:center;min-width:0}.io-home-hero__shot{border:1px solid #e6ffb7b8;border-radius:var(--io-home-radius-lg);box-shadow:inset 0 0 0 1px #ffffff0f,0 28px 56px #0d0d0d47,0 72px 100px -40px #0f172a2e;max-width:100%;overflow:hidden;position:relative;width:100%;z-index:1}@media (min-width:1100px){.io-home-hero__showcase{grid-template-columns:minmax(0,1fr) minmax(300px,min(960px,68vw)) minmax(0,1fr);max-width:min(1380px,100%)}}.io-home-hero__img{display:block;height:auto;object-fit:cover;vertical-align:middle;width:100%}.io-home-hero__right-cluster{align-items:flex-end;display:flex;gap:clamp(.35rem,1.5vw,.85rem)}.io-home-hero__switch-card{background:var(--io-grey-0);border-radius:20px;box-shadow:0 4px 4px #0000000d;box-sizing:border-box;color:var(--io-grey-100);padding:.65rem .65rem .75rem;width:min(148px,100%)}.io-home-hero__switch-photo{background:linear-gradient(145deg,#e8ecf4,#c5d0e8 45%,#9fb0d0);border-radius:12px;height:72px;margin-bottom:.5rem}.io-home-hero__switch-title{font-family:var(--font-io);font-size:.8125rem;font-weight:600;line-height:1.25;margin:0 0 .5rem}.io-home-hero__switch-meta{align-items:center;color:var(--io-grey-50);display:flex;flex-wrap:wrap;font-family:var(--font-io);font-size:.6875rem;font-weight:500;gap:.35rem .5rem}.io-home-hero__switch-dot{background:#22c55e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.io-home-hero__switch-status{color:var(--io-grey-100)}.io-home-hero__switch-pill{background:var(--io-blue);border-radius:999px;color:var(--io-grey-0);font-size:.625rem;font-weight:700;letter-spacing:.04em;margin-left:auto;padding:.2rem .55rem}.io-home-hero__deco-sun{color:var(--io-grey-0);flex-shrink:0;margin-bottom:2px;opacity:.95}.io-home-logos{box-sizing:border-box;margin:0 auto;max-width:var(--io-home-max);padding:2.5rem var(--io-home-pad) 3rem;width:100%}.io-home-hero+.io-home-logos{padding-top:clamp(2.25rem,3vw,3.25rem);position:relative;z-index:1}.io-home-logos__title{color:var(--io-grey-100);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:400;margin:0 0 1.5rem;text-align:center}.io-home-logos__viewport{-webkit-mask-image:linear-gradient(90deg,#0000,#000 min(6%,48px),#000 calc(100% - min(6%, 48px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 min(6%,48px),#000 calc(100% - min(6%, 48px)),#0000);overflow:hidden;width:100%}.io-home-logos__track{align-items:center;animation:io-home-logos-marquee 48s linear infinite;display:flex;flex-wrap:nowrap;gap:clamp(1.25rem,3vw,2.5rem);padding-block:.125rem;width:-webkit-max-content;width:max-content;will-change:transform}.io-home-logos__viewport:hover .io-home-logos__track{animation-play-state:paused}@keyframes io-home-logos-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.io-home-logos__viewport{-webkit-mask-image:none;mask-image:none}.io-home-logos__track{animation:none;flex-wrap:wrap;justify-content:center;max-width:100%;row-gap:clamp(1rem,2vw,1.5rem);width:100%}.io-home-logos__track .io-home-logos__tile[aria-hidden=true]{display:none}}.io-home-logos__tile{align-items:center;background:#fff;border-radius:24px;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;min-height:78px;padding:1rem}.io-home-logos__img{display:block;height:auto;max-height:64px;max-width:100%;object-fit:contain;width:auto}.io-home-platform-works{background:#fff;overflow:hidden;padding:clamp(2.25rem,4.5vw,3.75rem) var(--io-home-pad) clamp(2.75rem,5vw,4.25rem);position:relative}.io-home-platform-works__bg{background-image:linear-gradient(90deg,hsla(0,0%,5%,.045) 1px,#0000 0),linear-gradient(180deg,hsla(0,0%,5%,.045) 1px,#0000 0);background-size:36px 36px;height:min(48%,20rem);left:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#00000059 85%,#0000);mask-image:linear-gradient(180deg,#000 0,#00000059 85%,#0000);pointer-events:none;position:absolute;right:0;top:0}.io-home-platform-works__inner{margin:0 auto;max-width:var(--io-home-max);position:relative;z-index:1}.io-home-platform-works__heading{color:var(--io-grey-100);font-family:var(--font-io-display);font-size:clamp(1.75rem,2.5vw + .85rem,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:0 0 .65rem;text-align:center}.io-home-platform-works__subtitle{color:var(--io-grey-50);font-family:var(--font-io);font-size:clamp(1rem,.4vw + .95rem,1.125rem);font-weight:400;line-height:1.5;margin:0 auto clamp(2rem,4vw,2.75rem);max-width:min(36rem,100%);text-align:center}.io-home-platform-works__phones{grid-gap:clamp(1rem,2.5vw,2.5rem);align-items:end;display:grid;gap:clamp(1rem,2.5vw,2.5rem);grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;margin:0 auto;max-width:min(1100px,100%)}.io-home-platform-works__phone{border-radius:clamp(22px,3vw,32px);margin:0;max-width:min(305px,100%);overflow:hidden;width:100%}.io-home-platform-works__img{display:block;height:auto;object-fit:contain;width:100%}@media (max-width:960px){.io-home-platform-works__phones{grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(640px,100%)}.io-home-platform-works__phone:last-child{grid-column:1/-1;max-width:min(305px,72vw)}}@media (max-width:560px){.io-home-platform-works__phones{grid-template-columns:1fr;max-width:min(320px,100%)}.io-home-platform-works__phone:last-child{grid-column:auto;max-width:min(305px,88vw)}.io-home-platform-works__bg{height:min(42%,14rem)}}.io-home-features{box-sizing:border-box;margin:0 auto;max-width:var(--io-home-max);padding:2rem var(--io-home-pad) 3.5rem;width:100%}.io-home-features__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.75rem}.io-home-features__heading{color:#0d0d0d;font-family:var(--font-io-display);font-size:48px;font-weight:700;line-height:1.15;margin:0 0 .75rem;max-width:min(49rem,100%)}.io-home-features__lead{color:#626262;font-family:var(--font-io);font-size:18px;font-style:regular;font-weight:400;line-height:1.5;margin:0;max-width:min(40rem,100%)}.io-home-features__arrows{display:flex;gap:.5rem}.io-home-icon-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50%;color:var(--color-heading-strong);cursor:pointer;display:inline-flex;height:64px;justify-content:center;transition:background .2s,border-color .2s;width:64px}.io-home-icon-btn:hover:not(:disabled){border-color:var(--io-blue);color:var(--io-blue)}.io-home-icon-btn:disabled{cursor:not-allowed;opacity:.35}.io-home-features__scroller{-ms-overflow-style:none;display:flex;gap:1.5rem;outline:none;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.io-home-features__scroller::-webkit-scrollbar{display:none}.io-home-features__scroller:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 3px #2563eb59}.io-home-feature-card{border-radius:var(--io-home-radius-lg);box-sizing:border-box;display:flex;flex:0 0 min(552px,90vw);flex-direction:column;gap:0;min-height:0;padding:1.5rem;scroll-snap-align:start}.io-home-feature-card__head-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;text-align:left}.io-home-feature-card__icon-slot{align-items:center;background:#ebebeb;border-radius:16px;color:var(--io-blue);display:inline-flex;flex-shrink:0;justify-content:center;padding:.75rem 1rem}.io-home-feature-card__title{color:#000;font-size:2rem;font-weight:400;line-height:normal;margin:0;text-align:left}.io-home-feature-card__body{color:var(--io-grey-100);font-size:1.125rem;font-weight:400;line-height:normal;margin:.75rem 0 3rem;text-align:left}.io-home-feature-card__media-wrap{background:#fff;border-radius:var(--io-home-radius-lg);height:488px;max-height:55vh;min-height:200px;overflow:hidden;position:relative}.io-home-feature-card__photo{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.io-home-platform-figma{--io-platform-blue:#6b99ff;--io-platform-lime:#e6ffb7;--io-platform-muted:#f7f7f7;--io-platform-grey-70:#626262;--io-platform-grey-100:#0d0d0d;--io-platform-row-min-h:min(677px,auto);box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:var(--io-home-max);padding:3rem var(--io-home-pad);width:100%}.io-home-platform-figma__row{align-items:stretch;border-radius:var(--io-home-radius-lg);display:grid;grid-template-columns:minmax(0,644fr) minmax(0,672fr);min-height:var(--io-platform-row-min-h);overflow:hidden}.io-home-platform-figma__visual{align-items:center;display:flex;justify-content:center;min-height:280px;position:relative}.io-home-platform-figma__visual--phone{align-items:flex-end;background:var(--io-platform-blue);justify-content:center;padding:2rem 1rem 0}.io-home-platform-figma__row--top .io-home-platform-figma__visual--phone,.io-home-platform-figma__visual--phone{border-radius:var(--io-home-radius-lg) 0 0 var(--io-home-radius-lg)}.io-home-platform-figma__row--top .io-home-platform-figma__column--muted{border-radius:0 var(--io-home-radius-lg) var(--io-home-radius-lg) 0}.io-home-platform-figma__row--bottom .io-home-platform-figma__column--muted{border-radius:var(--io-home-radius-lg) 0 0 var(--io-home-radius-lg)}.io-home-platform-figma__row--bottom .io-home-platform-figma__visual--lime{border-radius:0 var(--io-home-radius-lg) var(--io-home-radius-lg) 0}.io-home-platform-figma__phone-crop{align-items:flex-start;border-radius:var(--io-home-radius-lg) var(--io-home-radius-lg) 0 0;box-shadow:0 12px 40px #0d0d0d1f;display:flex;flex-shrink:0;justify-content:center;max-height:min(580px,52vh);overflow:hidden;width:min(372px,82vw)}.io-home-platform-figma__phone-img{display:block;height:auto;max-width:none;object-fit:cover;object-position:top center;width:100%}.io-home-platform-figma__visual--lime{background:var(--io-platform-lime);padding:2rem 1.25rem}.io-home-platform-figma__dash-img{border-radius:var(--io-home-radius-lg);display:block;height:auto;max-width:min(580px,100%);object-fit:contain;width:100%}.io-home-platform-figma__column--muted{align-items:flex-start;background:var(--io-platform-muted);display:flex;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,4vw,2.5rem)}.io-home-platform-figma__copy-inner{display:flex;flex-direction:column;gap:2rem;max-width:34rem;text-align:left;width:100%}.io-home-platform-figma__eyebrow{color:var(--io-platform-grey-70);font-family:var(--font-io);font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:500;line-height:normal;margin:0}.io-home-platform-figma__lead{color:var(--io-platform-grey-100);font-family:var(--font-io);font-size:clamp(1.375rem,2.6vw,2rem);font-weight:700;line-height:normal;margin:0}.io-home-platform-figma__feature-list{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0;width:100%}.io-home-platform-figma__feature-card{background:#fff;border-radius:var(--io-home-radius-lg);box-shadow:0 4px 20px #0d0d0d0f;color:var(--io-platform-grey-100);font-family:var(--font-io);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600;line-height:normal;margin:0;padding:1.5rem}.io-home-platform-figma__trust{align-items:flex-start;background:var(--io-platform-muted);border-radius:var(--io-home-radius-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:1.375rem;margin-top:.25rem;padding:2.625rem clamp(1.25rem,3vw,2.625rem);width:100%}.io-home-platform-figma__trust-head{max-width:42rem}.io-home-platform-figma__trust-title{color:var(--io-platform-grey-100);font-family:var(--font-io-display);font-size:clamp(1.375rem,2.5vw,2rem);font-weight:600;line-height:normal;margin:0 0 .25rem}.io-home-platform-figma__trust-sub{color:var(--io-platform-grey-70);font-family:var(--font-io);font-size:1rem;font-weight:400;line-height:normal;margin:0}.io-home-platform-figma__tabs{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.io-home-platform-figma__tab{align-items:center;background:#fff;border:1px solid #d7d7d7;border-radius:24px;color:var(--io-platform-grey-70);cursor:pointer;display:inline-flex;font-family:var(--font-io);font-size:1rem;font-weight:400;gap:.5rem;line-height:normal;padding:.5rem 1rem;transition:border-color .2s,background .2s,color .2s}.io-home-platform-figma__tab--active,.io-home-platform-figma__tab:hover{border-color:var(--io-blue);color:var(--io-blue)}.io-home-platform-figma__tab--active{background:#2563eb0f}.io-home-platform-figma__tab-icon{flex-shrink:0}.io-home-platform-figma__tabpanel{max-width:52rem;width:100%}.io-home-platform-figma__tabpanel p{color:var(--color-text-muted);font-family:var(--font-io);font-size:.9375rem;line-height:1.6;margin:0}@media (max-width:900px){.io-home-platform-figma{gap:1.25rem;padding:clamp(1.75rem,5vw,2.5rem) var(--io-home-pad)}.io-home-platform-figma__row{grid-template-columns:1fr;min-height:0;overflow:visible}.io-home-platform-figma__row,.io-home-platform-figma__row--bottom .io-home-platform-figma__column--muted,.io-home-platform-figma__row--bottom .io-home-platform-figma__visual--lime,.io-home-platform-figma__row--top .io-home-platform-figma__column--muted,.io-home-platform-figma__row--top .io-home-platform-figma__visual--phone{border-radius:var(--io-home-radius-lg)}.io-home-platform-figma__row--bottom .io-home-platform-figma__column--muted{order:1}.io-home-platform-figma__row--bottom .io-home-platform-figma__visual--lime{order:2}.io-home-platform-figma__phone-crop{max-height:min(340px,52vh);max-height:min(360px,min(48dvh,58svh));width:min(300px,88vw)}.io-home-platform-figma__column--muted{padding:clamp(1.5rem,4vw,2.25rem) clamp(1rem,4vw,1.5rem)}}@media (max-width:480px){.io-home-platform-figma__phone-crop{max-height:min(300px,48vh);max-height:min(320px,min(44dvh,54svh));width:min(272px,90vw)}.io-home-platform-figma__visual--lime{padding:1.5rem .75rem}.io-home-platform-figma__dash-img{max-width:100%}}.io-home-mfg{padding:3rem var(--io-home-pad)}.io-home-mfg__inner{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--io-home-radius-lg);box-shadow:var(--shadow-card);box-sizing:border-box;margin:0 auto;max-width:var(--io-home-max);padding:clamp(1.75rem,4vw,2.75rem);width:100%}.io-home-mfg__title{color:var(--color-heading-strong);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;margin:0 0 .5rem}.io-home-mfg__subtitle{color:var(--color-text-muted);font-size:1rem;margin:0 0 1.5rem}.io-home-mfg__tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.io-home-mfg__tab{background:#0000;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;padding:.5rem 1.1rem;transition:all .2s}.io-home-mfg__tab--active{background:var(--gradient-primary);border-color:#0000;color:#fff}.io-home-mfg__panel p{color:var(--color-text-muted);line-height:1.6;margin:0 0 1.25rem;max-width:52rem}.io-home-mfg__logos{display:flex;flex-wrap:wrap;gap:1rem}.io-home-mfg__logo-slot{background:#f1f3f4;border-radius:8px;height:40px;width:100px}.io-home-devices{background:#fff;box-sizing:border-box;margin:0 auto;max-width:var(--io-home-max);padding:4.5rem var(--io-home-pad) 5.5rem;width:100%}.io-home-devices__intro{margin:0 auto 4.5rem;max-width:min(53.75rem,100%);text-align:center}.io-home-devices__title{font-family:var(--font-io-display);font-size:clamp(2.25rem,6vw,3.5rem);letter-spacing:-.02em;line-height:1.08;margin:0 0 .75rem}.io-home-devices__title,.io-home-devices__title-plain{color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);font-weight:700}.io-home-devices__title-accent{color:#2563eb;font-weight:700}.io-home-devices__subtitle{color:#626262;font-family:var(--font-io);font-size:1.125rem;font-weight:400;line-height:normal;margin:0 auto;max-width:53.75rem}.io-home-devices__grid{grid-column-gap:0;grid-row-gap:0;align-items:start;box-sizing:border-box;column-gap:0;display:grid;grid-template-columns:minmax(0,.171fr) minmax(0,.243fr) minmax(0,.171fr) minmax(0,.243fr) minmax(0,.171fr);grid-template-rows:auto;justify-items:center;margin-inline:auto;row-gap:0;width:min(100%,97.4375rem)}@media (min-width:1101px){.io-home-device-card--switches{grid-column:1;grid-row:1}.io-home-device-card--lighting{grid-column:2;grid-row:1;transform:translateY(clamp(2.75rem,4.5vw,4.5rem))}.io-home-device-card--plugs{grid-column:3;grid-row:1}.io-home-device-card--fans{grid-column:4;grid-row:1;transform:translateY(clamp(2.75rem,4.5vw,4.5rem))}.io-home-device-card--sensors{grid-column:5;grid-row:1}}.io-home-device-card{border-radius:var(--io-home-radius-lg);box-sizing:border-box;display:flex;filter:drop-shadow(0 4px 2px rgba(0,0,0,.05));flex-direction:column;margin:0;max-width:16.6875rem;min-width:0;padding:1.5rem;width:100%}.io-home-device-card__inner{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem;width:100%}.io-home-device-card__title{color:#0d0d0d;font-family:var(--font-io);font-size:clamp(1.0625rem,2.8vw,1.5rem);font-weight:600;line-height:normal;margin:0;text-align:left;width:100%}.io-home-device-card__photo{aspect-ratio:267/366;border-radius:var(--io-home-radius-lg);flex:0 0 auto;max-height:366px;min-height:220px;overflow:hidden;position:relative;width:100%}@media (max-width:1100px){.io-home-device-card__photo{aspect-ratio:unset;height:clamp(220px,28vw,366px);max-height:366px;min-height:220px}.io-home-devices__grid{gap:clamp(.75rem,2vw,1.5rem);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;width:100%}.io-home-device-card{max-width:none}}@media (min-width:1101px){.io-home-device-card__photo{aspect-ratio:unset;height:22.875rem;max-height:22.875rem;min-height:22.875rem}.io-home-devices{padding-bottom:6rem}}.io-home-device-card__img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}@media (max-width:700px){.io-home-devices__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.io-home-devices__grid{grid-template-columns:minmax(0,1fr)}}.io-home-social{background:#fff;box-sizing:border-box;margin:0;padding:clamp(2.75rem,6vw,4.5rem) var(--io-home-pad) clamp(2.5rem,5vw,3.5rem);text-align:center;width:100%}.io-home-social__inner{box-sizing:border-box;margin:0 auto;max-width:var(--io-home-max);width:100%}.io-home-social__quote-block{margin:0 auto clamp(2.25rem,4vw,3rem);max-width:min(48rem,100%)}.io-home-social__mark{align-items:flex-end;display:flex;gap:.4rem;justify-content:center;margin-bottom:clamp(1rem,2.5vw,1.5rem)}.io-home-social__mark-bar{background:#70a1ff;border-radius:2px;display:block;height:clamp(1.5rem,3vw,1.85rem);width:1.55rem}.io-home-social__quote{color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);font-family:var(--font-io);font-size:clamp(1.125rem,.55vw + 1rem,1.375rem);font-weight:400;letter-spacing:-.01em;line-height:1.7;margin:0 0 clamp(1.5rem,3vw,2rem)}.io-home-social__attrib{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:center}.io-home-social__avatar-wrap{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 12px #0d0d0d14;flex-shrink:0;height:48px;overflow:hidden;width:48px}.io-home-social__avatar{display:block;height:100%;object-fit:cover;width:100%}.io-home-social__who{text-align:left}.io-home-social__name{color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);display:block;font-family:var(--font-io);font-size:clamp(1rem,.25vw + .95rem,1.125rem);font-style:normal;font-weight:700;line-height:1.25}.io-home-social__role{color:#666;font-family:var(--font-io);font-size:.9375rem;font-weight:400;line-height:1.35;margin:.2rem 0 0}.io-home-social__stats{grid-gap:clamp(4px,.6vw,8px);display:grid;gap:clamp(4px,.6vw,8px);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:min(56rem,100%);width:100%}.io-home-stat{align-items:center;background:#e2f9b8;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:clamp(7rem,18vw,9.5rem);padding:clamp(1.35rem,3vw,2rem) clamp(.75rem,2vw,1.25rem);text-align:center}.io-home-stat__value{color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);font-family:Inter;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.io-home-stat__label{color:#626262;font-family:var(--font-io);font-size:clamp(.9375rem,.2vw + .88rem,1.0625rem);font-weight:400;line-height:1.45;margin-top:.5rem;max-width:16rem}@media (max-width:900px){.io-home-social__stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:36rem}.io-home-stat:last-child{grid-column:1/-1;max-width:none}}@media (max-width:520px){.io-home-social__stats{grid-template-columns:1fr;max-width:22rem}.io-home-stat:last-child{grid-column:auto}}.io-home-closing{background:#2563eb;background:var(--io-blue,#2563eb);box-sizing:border-box;isolation:isolate;margin:0 calc(50% - 50vw);max-width:100vw;overflow:hidden;padding:clamp(3.25rem,7vw,5.5rem) var(--io-home-pad);position:relative;width:100vw}.io-home-closing__bg{background:radial-gradient(circle at 12% 22%,#ffffff24 0,#0000 42%),radial-gradient(circle at 88% 18%,#ffffff1a 0,#0000 38%),radial-gradient(circle at 78% 78%,#ffffff1f 0,#0000 40%),radial-gradient(circle at 8% 85%,#ffffff14 0,#0000 36%),radial-gradient(circle at 50% 8%,#ffffff0f 0,#0000 32%);inset:0;opacity:.45;pointer-events:none;position:absolute;z-index:0}.io-home-closing__objects{align-items:stretch;display:flex;gap:clamp(.75rem,3vw,2.5rem);inset:0;justify-content:space-between;padding:clamp(.5rem,2vw,1.25rem) clamp(.25rem,1.5vw,.75rem);pointer-events:none;position:absolute;z-index:1}.io-home-closing__objects-side{align-items:center;display:flex;flex:0 0 clamp(150px,34vw,400px);max-width:clamp(150px,34vw,400px);overflow:hidden;width:clamp(150px,34vw,400px)}.io-home-closing__objects-side--left{justify-content:flex-end}.io-home-closing__objects-side--right{justify-content:flex-start}.io-home-closing__objects-fig{background:linear-gradient(165deg,#ffffff8c,#ffffff38 55%,#ffffff1f);flex-shrink:0;height:min(100%,min(400px,52vh));mask-mode:luminance;-webkit-mask-mode:luminance;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:min(1040px,240%) auto;mask-size:min(1040px,240%) auto;min-height:200px;width:100%}.io-home-closing__objects-fig--left{-webkit-mask-position:8% 52%;mask-position:8% 52%}.io-home-closing__objects-fig--right{-webkit-mask-position:96% 48%;mask-position:96% 48%}@media (max-width:640px){.io-home-closing__objects{gap:clamp(.35rem,2vw,.75rem)}.io-home-closing__objects-side{flex:0 0 clamp(120px,42vw,220px);max-width:clamp(120px,42vw,220px);width:clamp(120px,42vw,220px)}.io-home-closing__objects-fig{height:min(100%,min(300px,46vh));-webkit-mask-size:min(880px,280%) auto;mask-size:min(880px,280%) auto;min-height:160px}.io-home-closing__objects-fig--left{-webkit-mask-position:4% 50%;mask-position:4% 50%}.io-home-closing__objects-fig--right{-webkit-mask-position:98% 50%;mask-position:98% 50%}}.io-home-closing__inner{box-sizing:border-box;gap:2rem;margin:0 auto;max-width:80rem;position:relative;z-index:2}.io-home-closing__copy,.io-home-closing__inner{align-items:center;display:flex;flex-direction:column;width:100%}.io-home-closing__copy{gap:.75rem;text-align:center}.io-home-closing__title{color:#fdfdfd;color:var(--io-grey-0,#fdfdfd);font-family:var(--font-io-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.06;margin:0;max-width:55.375rem}.io-home-closing__title-line{display:inline}.io-home-closing__subtitle{color:#f7f7f7;color:var(--io-grey-10,#f7f7f7);font-family:var(--font-io);font-size:1.125rem;font-weight:400;line-height:1.45;margin:0;max-width:62rem}.io-home-closing__cta{align-items:center;background:#e6ffb7;background:var(--io-lime-cta,#e6ffb7);border:none;border-radius:24px;color:#0d0d0d;color:var(--io-grey-100,#0d0d0d);display:inline-flex;font-family:var(--font-io);font-size:16px;font-weight:600;gap:.5rem;justify-content:center;line-height:normal;padding:.5rem 1rem;text-decoration:none;transition:filter .15s ease,transform .15s ease}.io-home-closing__cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.io-home-closing__cta:focus-visible{outline:2px solid var(--io-grey-0);outline-offset:3px}.io-home-closing__cta-icon{flex-shrink:0}@media (max-width:960px){.io-home-features__head{align-items:flex-start;flex-direction:column}}@media (max-width:900px){.io-home-hero__showcase{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.io-home-hero__showcase-center{order:-1;width:100%}.io-home-hero__shot{max-width:min(640px,96vw)}.io-home-hero__showcase-side--left,.io-home-hero__showcase-side--right{justify-self:center}.io-home-hero__left-cluster,.io-home-hero__right-cluster{justify-content:center}}@media (max-width:560px){.io-home-hero__showcase-side--left,.io-home-hero__showcase-side--right{display:none}.io-home-hero__showcase{margin-top:.5rem}.io-home-hero__showcase-center{order:0}}@media (max-width:600px){.io-home-hero__stack{text-align:center}.io-home-hero__actions{align-items:center;width:100%}.io-home-hero__subtitle{margin-left:auto;margin-right:auto}.io-home-hero__cta{box-sizing:border-box;max-width:20rem;width:100%}}.partner-registration{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.registration-layout{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh}.banner-content{align-items:center;background:#0000;color:#1a202c;display:flex;overflow:hidden;padding:4rem 3rem;position:relative}.banner-text{position:relative;width:100%;z-index:1}.logo-container{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:2rem}.partner-logo{height:60px;margin-bottom:1rem;object-fit:contain;width:auto}.logo-divider{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:3px;width:80px}.banner-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.banner-text p{font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95}.banner-features{display:flex;flex-wrap:wrap;gap:2rem}.feature-item{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .2s ease}.feature-item:hover{background:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-2px)}.feature-icon{font-size:1.5rem}.feature-item span{font-size:1rem;font-weight:600}.banner-visual{align-items:center;display:flex;justify-content:center}.partner-illustration{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;max-width:500px}.illustration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:transform .3s ease}.illustration-card:hover{transform:translateY(-5px)}.illustration-card:first-child{grid-column:1/-1}.card-icon{font-size:2.5rem;margin-bottom:1rem}.illustration-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.illustration-card p{font-size:.9rem;line-height:1.4;opacity:.9}.registration-container{background:#fff;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:3rem}.registration-form .password-input-group{align-items:center;display:flex;position:relative}.registration-form .password-input-group .form-input{padding-right:3rem;width:100%}.registration-form .password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.registration-form .password-toggle:hover{color:#667eea}.registration-header{margin-bottom:2.5rem;text-align:center}.registration-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.registration-header p{color:#4a5568;font-size:1.1rem;line-height:1.6}.registration-form{gap:1.5rem}.form-group,.registration-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.form-input,.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input.error,.form-select.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.email-input-group,.otp-input-group{align-items:flex-start;display:flex;gap:.75rem}.email-input-group .form-input{flex:1 1}.otp-button,.verify-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease;white-space:nowrap}.otp-button:hover,.verify-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.otp-button:disabled,.verify-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.verified-email{align-items:center;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#22543d;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem}.verified-icon{color:#38a169}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;line-height:1.5}.checkbox-input{display:none}.checkbox-custom{align-items:center;border:2px solid #e2e8f0;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:.125rem;transition:all .2s ease;width:20px}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.checkbox-text a{color:#667eea;font-weight:500;text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.error-message{color:#e53e3e;font-size:.875rem;font-weight:500}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.registration-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.registration-footer a{color:#667eea;font-weight:500;text-decoration:none}.registration-footer a:hover{text-decoration:underline}@media (max-width:768px){.registration-layout{grid-template-columns:1fr;min-height:auto}.banner-content{display:none}.registration-container{margin:0;padding:2rem 1.5rem}.registration-header h2{font-size:2rem}.email-input-group,.otp-input-group{flex-direction:column;gap:.5rem}.email-input-group .form-input{width:100%}.otp-button,.verify-button{margin-top:0;width:100%}}@media (max-width:1024px) and (min-width:769px){.registration-layout{grid-template-columns:1fr}.banner-content{padding:3rem 2rem}.partner-logo{height:50px}.logo-divider{height:2px;width:70px}.banner-text h1{font-size:3rem}.banner-features{justify-content:center}}.partner-login{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.login-layout{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh}.partner-login .banner-content{align-items:center;background:#0000;color:#1a202c;display:flex;overflow:hidden;padding:4rem 3rem;position:relative}.partner-login .banner-text{position:relative;width:100%;z-index:1}.partner-login .logo-container{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:2rem}.partner-login .partner-logo{height:60px;margin-bottom:1rem;object-fit:contain;width:auto}.partner-login .logo-divider{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:3px;width:80px}.partner-login .banner-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.partner-login .banner-text p{font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95}.partner-login .banner-features{display:flex;flex-wrap:wrap;gap:2rem}.partner-login .feature-item{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .2s ease}.partner-login .feature-item:hover{background:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-2px)}.partner-login .feature-icon{font-size:1.5rem}.partner-login .feature-item span{font-size:1rem;font-weight:600}.login-container{background:#fff;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:3rem}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.login-header p{color:#4a5568;font-size:1.1rem;line-height:1.6}.login-form{display:flex;flex-direction:column;gap:1.5rem}.password-input-group{align-items:center;display:flex;position:relative}.password-input-group .form-input{padding-right:3rem;width:100%}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.password-toggle:hover{color:#667eea}.login-options{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0}.forgot-password{color:#667eea;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#5a67d8;text-decoration:underline}.login-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.login-footer a{color:#667eea;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:768px){.login-layout{grid-template-columns:1fr;min-height:auto}.partner-login .banner-content{display:none}.login-container{margin:0;padding:2rem 1.5rem}.login-header h2{font-size:2rem}.login-options{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:1024px) and (min-width:769px){.login-layout{grid-template-columns:1fr}.partner-login .banner-content{padding:3rem 2rem}.partner-login .partner-logo{height:50px}.partner-login .logo-divider{height:2px;width:70px}.partner-login .banner-text h1{font-size:3rem}.partner-login .banner-features{justify-content:center}}@media (max-width:768px){.header{padding:.75rem 0}.header-content{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:0 15px}.logo{flex-shrink:0;font-size:1.2rem}.logo-icon{height:28px;width:28px}.nav,.nav-dropdown{display:none}.login-btn{font-size:.85rem!important;margin-left:.5rem!important;padding:.4rem 1rem!important}.mobile-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:center;margin-left:.5rem;padding:0;width:30px}.mobile-menu-btn span{background:#fff;border-radius:1px;display:block;height:2px;margin:2px 0;transition:all .3s ease;width:20px}.mobile-menu-btn:hover span{background:#fffc}.layout--figma-home .header.header--home-scrolled .mobile-menu-btn span{background:#2563eb}.layout--figma-home .header.header--home-scrolled .mobile-menu-btn:hover span{background:#1d4ed8}.layout--figma-home .mobile-menu{border-top:none}.mobile-menu{background:#fff;border-top:1px solid #fff3;box-shadow:0 4px 12px #00000026;display:none;left:0;position:absolute;right:0;top:100%;z-index:1001}.mobile-menu.active{display:block}.mobile-menu-item{border-bottom:1px solid #f1f3f4;color:#4a5568;display:block;font-weight:500;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.mobile-menu-item:hover{background:#f8f9fa;color:#667eea}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-section{border-bottom:1px solid #f1f3f4}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-header{align-items:center;background:none;border:none;border-bottom:1px solid #f1f3f4;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.mobile-menu-header:hover{background:#f8f9fa;color:#667eea}.mobile-menu-header svg{transition:transform .2s ease}.mobile-submenu{background:#f8f9fa;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-submenu.active{max-height:500px}.mobile-submenu .mobile-menu-item{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#6c757d;font-size:.9rem;padding-left:2.5rem}.mobile-submenu .mobile-menu-item:hover{background:#e9ecef;color:#667eea}.mobile-login-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;color:#fff!important;font-weight:600!important;text-align:center!important}.mobile-login-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;color:#fff!important}.hero h1{font-size:2rem;font-weight:600}.hero p{font-size:1rem;font-weight:400}.cta-buttons{align-items:center;flex-direction:column}.cards-grid{grid-template-columns:1fr}.sidebar-layout{flex-direction:column;margin-top:0}.sidebar{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-right:none;box-shadow:0 2px 4px #0000001a;height:auto;left:auto;padding:.5rem 0;position:static;top:auto;width:100%}.sidebar-nav{padding:0 1rem}.nav-section{margin-bottom:.5rem}.nav-item{border-radius:6px;font-size:.9rem;margin-bottom:.25rem;padding:.6rem 1rem}.nav-child{font-size:.85rem;margin-left:0;padding:.5rem 1rem .5rem 2rem}.nav-toggle-all{font-size:.9rem;margin-bottom:.75rem;padding:.7rem 1rem}.content-with-sidebar{margin-left:0;max-width:100%;padding:1rem .5rem;width:100%}.content-section{border-radius:8px;margin:.5rem 0;padding:1rem}.content-section h1{font-size:1.8rem;margin-bottom:1rem}.content-section h2{font-size:1.4rem;margin:1.5rem 0 1rem}.content-section h3{font-size:1.2rem;margin:1.2rem 0 .8rem}.content-section p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.content-section ul{margin:1rem 0;padding-left:1.5rem}.content-section li{font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.content-section table{font-size:.85rem;margin:1.5rem 0}.content-section td,.content-section th{font-size:.85rem;padding:.5rem .75rem}.code-block{font-size:.8rem;margin:1rem 0;overflow-x:auto;padding:1rem}.doc-navigation{flex-direction:column;gap:1rem;margin:2rem 0 1rem;padding:1rem 0}.nav-link{font-size:.9rem;justify-content:center;padding:.8rem 1rem;width:100%}}@media (max-width:480px){.header{padding:.5rem 0}.header-content{padding:0 10px}.logo{font-size:1.1rem}.logo-icon{height:24px;width:24px}.login-btn{font-size:.8rem!important;padding:.3rem .8rem!important}.mobile-menu-btn{height:26px;width:26px}.mobile-menu-btn span{height:1.5px;width:18px}.hero-section{min-height:60vh;padding:2rem .5rem}.hero-title{font-size:2.2rem;line-height:1.1}.hero-description{font-size:1rem;max-width:95%}.hero-stats{gap:1rem;margin-bottom:2rem}.stat{min-width:120px;padding:.8rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}.btn-large,.btn-outline{font-size:1rem;max-width:280px;padding:1rem 1.5rem}.hero{padding:2rem 0}.hero h1{font-size:1.8rem;font-weight:600}.card,.content-section{padding:1.5rem}.platform-card .feature-list li{font-size:.8rem;line-height:1.5;padding:.6rem 0 .6rem 2rem}.platform-card .feature-list li:before{font-size:.9rem;left:.2rem;top:.7rem}.sidebar{padding:.25rem 0}.sidebar-nav{padding:0 .5rem}.nav-item{font-size:.85rem;padding:.5rem .75rem}.nav-child{font-size:.8rem;padding:.4rem .75rem .4rem 1.5rem}.nav-toggle-all{font-size:.85rem;margin-bottom:.5rem;padding:.6rem .75rem}.content-with-sidebar{padding:.5rem .25rem}.content-section{margin:.25rem 0;padding:.75rem}.content-section h1{font-size:1.6rem}.content-section h2{font-size:1.3rem}.content-section h3{font-size:1.1rem}.content-section p{font-size:.9rem}.content-section table{font-size:.75rem}.content-section td,.content-section th{font-size:.75rem;padding:.4rem .5rem}.code-block{font-size:.75rem;padding:.75rem}.doc-navigation{margin:1.5rem 0 .5rem;padding:.75rem 0}.nav-link{font-size:.85rem;padding:.7rem .75rem}}.smart-house-page{min-height:100vh}.smart-house-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:4rem 0;position:relative}.smart-house-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='%23cbd5e0' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.smart-house-hero .hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.smart-house-hero .hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea 50%,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:#4a5568;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.feature-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:25px;box-shadow:0 2px 10px #667eea33;color:#667eea;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.smart-house-banner{align-items:center;display:flex;justify-content:center;width:100%}.banner-image{border-radius:16px;box-shadow:0 20px 40px #0000001a;height:auto;max-width:600px;transition:transform .3s ease;width:100%}.banner-image:hover{transform:scale(1.02)}.solutions-overview{background:#fff;padding:4rem 0}.solutions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.solution-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.solution-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.solution-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.solution-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.solution-description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.solution-importance,.solution-market{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.solution-importance h4,.solution-market h4{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.5rem}.solution-importance p,.solution-market p{color:#4a5568;font-size:.9rem;line-height:1.5}.partner-support{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:6rem 0;position:relative}.partner-support:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23667eea' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.section-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 20px #667eea4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.partner-benefits{display:flex;flex-direction:column;gap:4rem;position:relative;z-index:1}.benefit-section{grid-gap:4rem;align-items:center;background:#fff;border:1px solid #667eea1a;border-radius:24px;box-shadow:0 10px 40px #0000001a;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:3rem;transition:transform .3s ease,box-shadow .3s ease}.benefit-section:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.benefit-section-1{background:linear-gradient(135deg,#fff,#f8fafc)}.benefit-section-2{background:linear-gradient(135deg,#f8fafc,#fff)}.benefit-header{gap:1rem;margin-bottom:2rem}.benefit-header,.benefit-icon{align-items:center;display:flex}.benefit-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;height:60px;justify-content:center;width:60px}.benefit-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.25rem;font-weight:800;margin:0}.benefit-description{color:#4a5568;font-size:1.1rem;font-weight:500;line-height:1.7;margin-bottom:1rem}.benefit-subdescription{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem}.benefit-features{display:flex;flex-direction:column;gap:1.25rem}.benefit-features .feature-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.benefit-features .feature-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateX(5px)}.feature-icon{flex-shrink:0;margin-top:.25rem}.benefit-features .feature-item svg{color:#667eea;transition:color .3s ease}.benefit-features .feature-item:hover svg{color:#fff}.feature-text{display:flex;flex-direction:column;gap:.25rem}.feature-title{color:#1a202c;font-size:1rem;font-weight:600}.feature-desc{color:#6b7280;font-size:.875rem}.benefit-features .feature-item:hover .feature-desc,.benefit-features .feature-item:hover .feature-title{color:#fff}.platform-preview{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #667eea1a;border-radius:20px;box-shadow:0 15px 50px #0000001a;overflow:hidden;padding:2rem;position:relative}.platform-preview:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.platform-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.platform-logo{color:#1a202c;font-size:1.25rem;font-weight:700}.platform-status{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.platform-status:before{animation:pulse 2s infinite;content:"●"}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.platform-dashboard{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.dashboard-item{align-items:center;border-radius:12px;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem;text-align:center;transition:transform .2s ease}.dashboard-item:hover{transform:translateY(-2px)}.dashboard-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.dashboard-accent{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.dashboard-info{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.dashboard-icon{font-size:1.5rem}.platform-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.platform-stats{display:flex;gap:1rem;justify-content:space-around}.platform-stats .stat{text-align:center}.stat-number{display:block;font-size:1.25rem;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.75rem}.hardware-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.hardware-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.hardware-item:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.hardware-item:hover:before{transform:scaleX(1)}.hardware-item:hover{box-shadow:0 10px 30px #667eea33;transform:translateY(-3px)}.hardware-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;margin-bottom:.5rem;width:40px}.hardware-name{color:#1a202c;font-size:.9rem;font-weight:600;text-align:center}.hardware-desc{color:#6b7280;font-size:.75rem;text-align:center}.hardware-showcase{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #667eea1a;border-radius:20px;box-shadow:0 15px 50px #0000001a;overflow:hidden;padding:2rem;position:relative}.hardware-showcase:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.showcase-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.showcase-header h4{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.showcase-header p{color:#6b7280;font-size:.9rem}.device-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.device-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .3s ease}.device-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.device-item:hover:before{opacity:.1}.device-item:hover{box-shadow:0 10px 30px #667eea33;transform:translateY(-3px)}.device-emoji{display:block;font-size:2rem;margin-bottom:.5rem}.device-label{color:#1a202c;font-size:.8rem;font-weight:600}.showcase-footer{border-top:1px solid #e2e8f0;padding-top:1rem;text-align:center}.manufacturing-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.badge-icon{font-size:1rem}.smart-hospitality-page{min-height:100vh}.smart-hospitality-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:4rem 0;position:relative}.smart-hospitality-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23667eea' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.smart-hospitality-hero .hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.smart-hospitality-hero .hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.smart-hospitality-banner{border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative}.smart-hospitality-banner .banner-image{border-radius:20px;display:block;height:auto;width:100%}.smart-hospitality-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.smart-hospitality-cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.smart-hospitality-cta .cta-content{position:relative;z-index:1}.smart-hospitality-cta .cta-content h2{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1.5rem}.smart-hospitality-cta .cta-content p{color:#ffffffe6;font-size:1.25rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.smart-hospitality-cta .cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem}.smart-hospitality-cta .btn-primary{align-items:center;background:#fff;border:none;border-radius:12px;color:#667eea;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.smart-hospitality-cta .btn-primary:hover{background:#f8fafc;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.smart-hospitality-cta .btn-outline{align-items:center;background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.smart-hospitality-cta .btn-outline:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.smart-hospitality-cta .testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:0 auto;max-width:600px;padding:2rem}.smart-hospitality-cta .testimonial .stars{color:#fbbf24;display:flex;gap:.25rem;justify-content:center;margin-bottom:1rem}.smart-hospitality-cta .testimonial p{color:#fff;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.smart-hospitality-cta .testimonial cite{color:#fffc;font-size:.9rem;font-weight:500}@media (max-width:768px){.smart-hospitality-hero .hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.smart-hospitality-cta .cta-content h2,.smart-hospitality-hero .hero-text h1{font-size:2.5rem}.smart-hospitality-cta .cta-buttons{align-items:center;flex-direction:column}.smart-hospitality-cta .btn-outline,.smart-hospitality-cta .btn-primary{justify-content:center;max-width:300px;width:100%}.benefit-section{gap:2rem;grid-template-columns:1fr;padding:2rem 1.5rem}.benefit-header{flex-direction:column;gap:1rem;text-align:center}.benefit-icon{height:50px;margin:0 auto;width:50px}.benefit-content h3{font-size:1.75rem}.benefit-description,.benefit-subdescription{font-size:.95rem}.benefit-features .feature-item{gap:.75rem;padding:.75rem}.feature-text{gap:.125rem}.feature-title{font-size:.9rem}.feature-desc{font-size:.8rem}.platform-preview{padding:1.5rem}.platform-dashboard{gap:.75rem;grid-template-columns:1fr}.dashboard-item{font-size:.85rem;padding:.75rem}.dashboard-icon{font-size:1.25rem}.platform-stats{flex-direction:column;gap:.75rem}.hardware-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.hardware-item{padding:1rem}.hardware-icon{height:35px;width:35px}.hardware-name{font-size:.8rem}.hardware-desc{font-size:.7rem}.hardware-showcase{padding:1.5rem}.device-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.device-item{padding:1rem}.device-emoji{font-size:1.5rem}.device-label{font-size:.75rem}}@media (max-width:480px){.benefit-section{padding:1.5rem 1rem}.benefit-content h3{font-size:1.5rem}.benefit-description,.benefit-subdescription{font-size:.9rem}.platform-preview{padding:1rem}.device-grid,.hardware-grid{grid-template-columns:1fr}.hardware-showcase{padding:1rem}}.about-us-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:4rem 0;position:relative}.about-hero:before{background-image:radial-gradient(circle at 25% 25%,#667eea1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-hero .hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.about-hero .hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.about-hero .hero-subtitle{color:#4a5568;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.about-hero .hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.about-hero .stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.about-hero .stat-item:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.about-hero .stat-number{color:#667eea;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.about-hero .stat-label{color:#6b7280;font-size:.9rem;font-weight:500}.about-hero .hero-visual{align-items:center;display:flex;justify-content:center}.about-hero .company-illustration{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;padding:3rem;text-align:center}.about-hero .illustration-card{color:#667eea}.about-hero .illustration-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin:1rem 0}.about-hero .illustration-card p{color:#6b7280;font-size:1rem}.our-story{background:#fff;padding:6rem 0}.our-story .section-header{margin-bottom:4rem;text-align:center}.our-story .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.our-story .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.our-story .story-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.our-story .story-text h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.our-story .story-text p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.our-story .story-highlights{margin-top:2rem}.our-story .highlight-item{align-items:center;background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.our-story .highlight-item svg{color:#667eea;flex-shrink:0}.our-story .highlight-item span{color:#1a202c;font-weight:500}.our-story .timeline{padding-left:2rem;position:relative}.our-story .timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.our-story .timeline-item{margin-bottom:2rem;padding-left:2rem;position:relative}.our-story .timeline-item:before{background:#667eea;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #667eea;content:"";height:12px;left:-1.5rem;position:absolute;top:.5rem;width:12px}.our-story .timeline-year{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.our-story .timeline-content h4{color:#1a202c;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.our-story .timeline-content p{color:#6b7280;font-size:.95rem;line-height:1.5}.mission-vision{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.mission-vision .section-header{margin-bottom:4rem;text-align:center}.mission-vision .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.mission-vision .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.mission-vision .mission-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.mission-vision .mission-card,.mission-vision .vision-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px -3px #0000001a;padding:3rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mission-vision .mission-card:hover,.mission-vision .vision-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.mission-vision .mission-icon,.mission-vision .vision-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.mission-vision .mission-card h3,.mission-vision .vision-card h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.mission-vision .mission-card p,.mission-vision .vision-card p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.mission-vision .mission-features,.mission-vision .vision-features{display:flex;flex-direction:column;gap:.75rem}.mission-vision .feature-item{align-items:center;display:flex;gap:.75rem;justify-content:center}.mission-vision .feature-item svg{color:#667eea;flex-shrink:0}.mission-vision .feature-item span{color:#1a202c;font-weight:500}.our-values{background:#fff;padding:6rem 0}.our-values .section-header{margin-bottom:4rem;text-align:center}.our-values .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.our-values .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.our-values .values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.our-values .value-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:2.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.our-values .value-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.our-values .value-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.our-values .value-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.our-values .value-card p{color:#4a5568;font-size:1rem;line-height:1.6}.our-team{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.our-team .section-header{margin-bottom:4rem;text-align:center}.our-team .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.our-team .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.our-team .team-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.our-team .team-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.our-team .team-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.our-team .team-stat:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.our-team .stat-number{color:#667eea;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.our-team .stat-label{color:#6b7280;font-size:1rem;font-weight:500}.our-team .team-description h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.our-team .team-description p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.our-team .team-highlights{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.our-team .highlight-item{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.our-team .highlight-item svg{color:#667eea;flex-shrink:0}.our-team .highlight-item span{color:#1a202c;font-size:.9rem;font-weight:500}.awards-recognition{background:#fff;padding:6rem 0}.awards-recognition .section-header{margin-bottom:4rem;text-align:center}.awards-recognition .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.awards-recognition .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.awards-recognition .awards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.awards-recognition .award-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.awards-recognition .award-item:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.awards-recognition .award-item:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.awards-recognition .award-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.awards-recognition .award-item h3{color:#1a202c;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.awards-recognition .award-item p{color:#6b7280;font-size:1rem;margin-bottom:1rem}.awards-recognition .award-year{background:#f0f4ff;border-radius:20px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.contact-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.contact-section .section-header{margin-bottom:4rem;text-align:center}.contact-section .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-section .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.contact-section .contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-section .contact-info{display:flex;flex-direction:column;gap:2rem}.contact-section .contact-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.contact-section .contact-item:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-2px)}.contact-section .contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-section .contact-details h4{color:#1a202c;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.contact-section .contact-details p{color:#6b7280;line-height:1.5}.contact-section .contact-cta{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px -3px #0000001a;padding:3rem;text-align:center}.contact-section .contact-cta h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.contact-section .contact-cta p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-section .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.about-hero .hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.about-hero .hero-text h1{font-size:2.5rem}.about-hero .hero-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.about-hero .stat-item{padding:1rem}.about-hero .stat-number{font-size:2rem}.mission-vision .mission-content,.our-story .story-content{gap:2rem;grid-template-columns:1fr}.our-values .values-grid{gap:1.5rem;grid-template-columns:1fr}.our-team .team-content{gap:2rem}.our-team .team-content,.our-team .team-highlights,.our-team .team-stats{grid-template-columns:1fr}.awards-recognition .awards-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.contact-section .contact-content{gap:2rem;grid-template-columns:1fr}.contact-section .cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.about-hero .hero-stats,.awards-recognition .awards-grid{grid-template-columns:1fr}.about-hero .hero-text h1,.awards-recognition .section-header h2,.contact-section .section-header h2,.mission-vision .section-header h2,.our-story .section-header h2,.our-team .section-header h2,.our-values .section-header h2{font-size:2rem}}.contact-us-page{min-height:100vh}.contact-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:4rem 0;position:relative}.contact-hero:before{background-image:radial-gradient(circle at 25% 25%,#667eea1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.contact-hero .hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.contact-hero .hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.contact-hero .hero-subtitle{color:#4a5568;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.contact-hero .hero-features{display:flex;flex-wrap:wrap;gap:2rem}.contact-hero .feature-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:25px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.5rem;padding:.75rem 1rem}.contact-hero .feature-item svg{color:#667eea;flex-shrink:0}.contact-hero .feature-item span{color:#1a202c;font-size:.9rem;font-weight:500}.contact-hero .hero-visual{align-items:center;display:flex;justify-content:center}.contact-hero .contact-illustration{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;padding:3rem;text-align:center}.contact-hero .illustration-card{color:#667eea}.contact-hero .illustration-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin:1rem 0}.contact-hero .illustration-card p{color:#6b7280;font-size:1rem}.contact-success{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh}.contact-success .success-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;padding:3rem;text-align:center}.contact-success .success-icon{color:#10b981;margin-bottom:2rem}.contact-success h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-success p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.contact-success .success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-info-section{background:#fff;padding:6rem 0}.contact-info-section .section-header{margin-bottom:4rem;text-align:center}.contact-info-section .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-info-section .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.contact-info-section .contact-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.contact-info-section .contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-info-section .contact-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.contact-info-section .contact-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.contact-info-section .contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.contact-info-section .contact-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.contact-info-section .contact-card p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:1rem}.contact-info-section .contact-card a{color:#667eea;font-weight:500;text-decoration:none}.contact-info-section .contact-card a:hover{text-decoration:underline}.contact-info-section .contact-meta{margin-top:1rem}.contact-info-section .meta-label{background:#f0f4ff;border-radius:20px;color:#667eea;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.contact-form-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.contact-form-section .form-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;margin:0 auto;max-width:800px;padding:3rem}.contact-form-section .form-header{margin-bottom:3rem;text-align:center}.contact-form-section .form-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-form-section .form-header p{color:#6b7280;font-size:1.2rem}.contact-form-section .contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-section .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.contact-form-section .form-group{display:flex;flex-direction:column}.contact-form-section .form-label{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.5rem}.contact-form-section .form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact-form-section .form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-form-section .form-input.error{border-color:#ef4444}.contact-form-section .form-input.textarea{min-height:120px;resize:vertical}.contact-form-section .error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.contact-form-section .btn-submit{align-self:center;margin-top:1rem;min-width:200px}.additional-contact{background:#fff;padding:6rem 0}.additional-contact .section-header{margin-bottom:4rem;text-align:center}.additional-contact .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.additional-contact .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.additional-contact .contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.additional-contact .method-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:2.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.additional-contact .method-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-4px)}.additional-contact .method-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.additional-contact .method-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.additional-contact .method-card p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:2rem}.additional-contact .method-card .btn{justify-content:center;width:100%}.map-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.map-section .section-header{margin-bottom:4rem;text-align:center}.map-section .section-header h2{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.map-section .section-header p{color:#6b7280;font-size:1.2rem;margin:0 auto;max-width:600px}.map-section .map-container{margin:0 auto;max-width:800px}.map-section .map-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;padding:4rem;text-align:center}.map-section .map-placeholder svg{color:#667eea;margin-bottom:1.5rem}.map-section .map-placeholder h3{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.map-section .map-placeholder p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.map-section .map-actions{display:flex;justify-content:center}@media (max-width:768px){.contact-hero .hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.contact-hero .hero-text h1{font-size:2.5rem}.contact-hero .hero-features{justify-content:center}.contact-info-section .contact-cards{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.contact-form-section .form-content{padding:2rem}.contact-form-section .form-row{gap:1rem;grid-template-columns:1fr}.additional-contact .contact-methods{gap:1.5rem;grid-template-columns:1fr}.map-section .map-placeholder{padding:2rem}}@media (max-width:480px){.contact-info-section .contact-cards{grid-template-columns:1fr}.additional-contact .section-header h2,.contact-form-section .form-header h2,.contact-hero .hero-text h1,.contact-info-section .section-header h2,.contact-success h1,.map-section .section-header h2{font-size:2rem}.contact-success .success-actions{align-items:center;flex-direction:column}}.smart-commercial-lighting-page{min-height:100vh}.smart-commercial-lighting-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:4rem 0;position:relative}.smart-commercial-lighting-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23667eea' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.smart-commercial-lighting-hero .hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.smart-commercial-lighting-hero .hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.smart-commercial-lighting-banner{border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative}.smart-commercial-lighting-banner .banner-image{border-radius:20px;display:block;height:auto;width:100%}.smart-commercial-lighting-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.smart-commercial-lighting-cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.smart-commercial-lighting-cta .cta-content{position:relative;z-index:1}.smart-commercial-lighting-cta .cta-content h2{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1.5rem}.smart-commercial-lighting-cta .cta-content p{color:#ffffffe6;font-size:1.25rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.smart-commercial-lighting-cta .cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem}.smart-commercial-lighting-cta .btn-primary{align-items:center;background:#fff;border:none;border-radius:12px;color:#667eea;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.smart-commercial-lighting-cta .btn-primary:hover{background:#f8fafc;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.smart-commercial-lighting-cta .btn-outline{align-items:center;background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.smart-commercial-lighting-cta .btn-outline:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.smart-commercial-lighting-cta .testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:0 auto;max-width:600px;padding:2rem}.smart-commercial-lighting-cta .testimonial .stars{color:#fbbf24;display:flex;gap:.25rem;justify-content:center;margin-bottom:1rem}.smart-commercial-lighting-cta .testimonial p{color:#fff;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.smart-commercial-lighting-cta .testimonial cite{color:#fffc;font-size:.9rem;font-weight:500}@media (max-width:768px){.smart-commercial-lighting-hero .hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.smart-commercial-lighting-cta .cta-content h2,.smart-commercial-lighting-hero .hero-text h1{font-size:2.5rem}.smart-commercial-lighting-cta .cta-buttons{align-items:center;flex-direction:column}.smart-commercial-lighting-cta .btn-outline,.smart-commercial-lighting-cta .btn-primary{justify-content:center;max-width:300px;width:100%}}.technology-stack{background:#fff;padding:4rem 0}.tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.tech-item:hover{transform:translateY(-5px)}.tech-item svg{color:#667eea;margin-bottom:1rem}.tech-item h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.tech-item p{color:#4a5568;line-height:1.6}.benefits-section{background:#f8fafc;padding:4rem 0}.benefits-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.benefits-text h2{color:#1a202c;font-size:2.5rem;font-weight:800;margin-bottom:2rem}.benefits-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{align-items:flex-start;display:flex;gap:1rem}.benefit-item svg{color:#667eea;flex-shrink:0;margin-top:.25rem}.benefit-item h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.benefit-item p{color:#4a5568;line-height:1.6}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.stat-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;text-align:center}.stat-number{color:#667eea;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#4a5568;font-weight:600}.implementation-process{background:#fff;padding:4rem 0}.process-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem;position:relative}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.step-content h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-content p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.step-content ul{list-style:none;padding:0}.step-content li{color:#4a5568;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.step-content li:before{border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.5rem;width:6px}.smart-house-cta,.step-content li:before{background:linear-gradient(135deg,#667eea,#764ba2)}.smart-house-cta{color:#fff;padding:4rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.cta-buttons .btn{background:#fff;border:none;color:#667eea}.cta-buttons .btn:hover{background:#f8fafc;transform:translateY(-2px)}.cta-buttons .btn-outline{background:#0000;border:2px solid #fff;color:#fff}.cta-buttons .btn-outline:hover{background:#fff;color:#667eea}.testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;margin:0 auto;max-width:600px;padding:2rem}.stars{display:flex;gap:.25rem;justify-content:center;margin-bottom:1rem}.stars svg{color:gold}.testimonial p{font-size:1.1rem;font-style:italic;margin-bottom:1rem;opacity:.9}.testimonial cite{font-size:.9rem;opacity:.8}@media (max-width:768px){.smart-house-hero .hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.smart-house-hero .hero-text h1{font-size:2.5rem}.hero-cta,.hero-features{justify-content:center}.banner-image{max-width:100%}.benefit-section,.solutions-grid{grid-template-columns:1fr}.benefit-section{gap:2rem}.device-grid,.hardware-grid{grid-template-columns:repeat(2,1fr)}.benefits-content{gap:2rem;grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}}
/*# sourceMappingURL=main.5cca4d3a.css.map*/