html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}:root{--color-mint-primary: #4ddbcb;--color-mint-hover: #2fc9b8;--color-dark-teal: #003f50;--color-dark-gray: #333333;--color-text-primary: #4c4c4e;--color-bg-light: #f4f6f8;--color-bg-utility: #f5f7f6;--color-white: #ffffff;--color-accent-orange: #f9681b;--color-purple: #331c86;--color-border: #e0e0e0;--color-link-hover: #0066cc;--color-gray-light: #666666;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-size-sm: .9rem;--font-size-base: 14px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 40px;--transition-fast: .2s ease-in-out;--transition-normal: .3s ease}body{font-family:var(--font-family-system);margin:0;background-color:var(--color-bg-light);color:var(--color-text-primary);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;opacity:0;visibility:hidden;transition:opacity var(--transition-fast)}body.loaded{opacity:1;visibility:visible}body.modal-active{overflow:hidden}main{width:100%;box-sizing:border-box;flex-grow:1}img{max-width:100%;height:auto}.page-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.nav-utility{background-color:var(--color-bg-utility);display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;border-bottom:1px solid var(--color-border)}.utility-left{display:flex;align-items:center;padding:12px var(--spacing-lg)}.utility-portal-title{color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:.3px;white-space:nowrap;font-family:var(--font-family-system)}.utility-right{display:flex;align-items:center;margin:0;padding:0;gap:0}.nav-utility a{display:flex;align-items:center;color:var(--color-dark-gray);text-align:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-normal),-webkit-text-decoration var(--transition-normal);transition:color var(--transition-normal),text-decoration var(--transition-normal);transition:color var(--transition-normal),text-decoration var(--transition-normal),-webkit-text-decoration var(--transition-normal);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);font-family:var(--font-family-system);line-height:1.5}.nav-utility a:hover{color:var(--color-link-hover);text-decoration:underline}.nav-utility a:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.25 3.75H19.5a.75.75 0 0 1 .75.75v11.25a.75.75 0 0 1-1.5 0V6.31L5.03 20.03a.75.75 0 0 1-1.06-1.06L17.69 5.25H8.25a.75.75 0 0 1 0-1.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:12px 12px;content:"";display:inline-block;height:10px;margin-left:4px;width:10px}.nav-utility a:last-of-type:after,.nav-utility .hamburger-icon:after{content:""}.nav-utility .hamburger-icon{display:none;cursor:pointer;font-size:18px;border:none;background:none;padding:12px 20px;color:#fff}.nav-utility .hamburger-icon:hover{background-color:#4ddbcb;color:#333}.nav-main{background-color:#fff;display:flex;align-items:center;padding:0 20px;margin:0;box-shadow:0 2px 4px #0000001a;gap:0;position:relative}.nav-main .nav-logo{display:flex;align-items:center;padding:10px 0;margin-right:20px}.nav-main .nav-logo img{height:40px;width:auto}.nav-main .hamburger-icon{display:none;cursor:pointer;font-size:24px;border:none;background:none;color:#333;padding:10px;margin-left:auto}.nav-main-holder{display:flex;flex:1;justify-content:space-between}.nav-main-links{display:flex;gap:0;margin:0;padding:0;list-style:none;flex:1}.nav-main-links a{display:block;color:#333;text-align:center;padding:20px 15px;text-decoration:none;font-size:15px;transition:background-color .3s ease,color .3s ease,border-color .3s ease;border-bottom:3px solid transparent;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:500}.nav-main-links a:hover,.nav-main-links a.active{background-color:transparent;border-bottom-color:#4ddbcb;color:#4ddbcb}.nav-user-links{display:flex;gap:10px;margin:0;padding:0;list-style:none;align-items:center;justify-content:end}.nav-user-links .btn{padding:8px 16px;font-size:14px;white-space:nowrap}.breadcrumbs{background-color:#f9f9f9;padding:10px 20px;border-bottom:1px solid #ddd;font-size:13px}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:0}.breadcrumbs li{display:inline;margin:0;padding:0}.breadcrumbs li:before{content:" / ";margin:0 8px;color:#999}.breadcrumbs li:first-child:before{content:"";margin:0}.breadcrumbs li a{color:#06c;text-decoration:none}.breadcrumbs li a:hover{text-decoration:underline}.breadcrumbs li.active{color:#666}@media screen and (max-width:1230px){.nav-main{flex-wrap:nowrap}.nav-main-links{display:none}.nav-main .hamburger-icon{display:block}.nav-main-holder{flex:0}.nav-main.responsive .nav-main-holder{display:flex;flex-direction:column;position:absolute;top:100%;right:0;left:50%}.nav-main.responsive .nav-main-links{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000;width:100%}.nav-main.responsive .nav-main-links a{border-bottom:1px solid #eee;padding:15px 20px;border-bottom-color:transparent}.nav-user-links{display:none}.nav-main.responsive .nav-user-links{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000;width:100%;padding-bottom:20px}}@media screen and (max-width:768px){.nav-utility a:not(.hamburger-icon){display:none}.nav-utility .hamburger-icon{display:block}.nav-utility.responsive{flex-direction:column}.nav-utility.responsive a{display:block;border:none;border-bottom:1px solid #ddd;padding:15px 20px;text-align:left}.nav-utility.responsive a.hamburger-icon{text-align:center}.nav-main{padding:0 10px;gap:10px}.nav-main.responsive .nav-main-holder{display:flex;flex-direction:column;position:absolute;top:100%;right:0;left:0}.nav-main .nav-logo img{height:35px}.nav-user-links .btn{padding:6px 12px;font-size:12px}.breadcrumbs{padding:8px 10px;font-size:12px}}@media screen and (max-width:600px){.nav-main{gap:0;padding:0}.nav-main .nav-logo{padding:10px 15px;margin-right:0}.nav-main .nav-logo img{height:30px}.nav-user-links{display:none}.nav-main.responsive .nav-user-links{display:flex;flex-direction:column;width:100%;padding:10px 20px;gap:10px}.nav-main.responsive .nav-user-links .btn{width:100%;text-align:center}.breadcrumbs{padding:8px 15px}.breadcrumbs ol{flex-wrap:wrap}}.btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:5px;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary{background-color:var(--color-mint-primary);color:var(--color-dark-teal);border:1px solid var(--color-mint-primary)}.btn-primary:hover{background-color:var(--color-mint-hover);border-color:var(--color-mint-hover)}.btn-secondary{background-color:var(--color-white);color:var(--color-dark-teal);border:1px solid var(--color-mint-primary)}.btn-secondary:hover{background-color:var(--color-mint-primary);color:var(--color-white);border-color:var(--color-mint-primary)}.btn.btn-tenant-active{background-color:#f0fdfa;border-color:var(--color-mint-primary);color:#0c6157}.btn:disabled{opacity:.6;cursor:wait}.breadcrumbs{background-color:#f9f9f9;padding:10px 0;border-bottom:1px solid #ddd;font-size:13px}.breadcrumbs .page-container{padding:0 20px}.page-title{font-size:2rem;font-weight:600;color:#000;margin-bottom:16px;margin-top:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;margin:40px 0}.demo-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;border:2px solid transparent;cursor:pointer;height:100%}.demo-item.hide{display:none}.demo-card:hover{border-color:var(--color-mint-primary);box-shadow:0 4px 16px #4dddcb33}.demo-image{width:100%;height:200px;object-fit:contain;background-color:var(--color-bg-light)}.demo-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.demo-title{font-size:1.2em;font-weight:700;color:#003f50;margin:0 0 12px;flex-shrink:0;letter-spacing:0;text-align:left;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,.004)}.demo-description{font-size:16px;font-weight:500;color:#003f50;line-height:1.6;margin:0 0 11px;flex-shrink:0;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,.004);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.demo-card-products{display:flex;flex-wrap:wrap;gap:.5em;margin:12px 0 15px;flex-shrink:0;justify-content:center;max-height:48px;overflow:hidden}.demo-card-products span{background-color:var(--color-mint-primary);color:#fff;padding:2px 8px;border-radius:16px;font-size:.7rem;font-weight:500}.demo-link{display:block;background-color:#4ddbcb;color:#003f50;text-decoration:none;font-weight:500;height:48px;border-radius:5px;text-align:center;transition:background-color .3s ease;width:100%;box-sizing:border-box;flex-shrink:0;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;margin-top:auto;display:flex;align-items:center;justify-content:center;padding:0 20px}.demo-link:hover{background-color:#2fc9b8}.demo-doc-link{display:block;margin:0;padding:0;font-size:.85rem;font-weight:500;color:#4c4c4e;text-decoration:none;transition:color .3s ease;text-align:center;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.demo-doc-link:hover{color:#4ddbcb;text-decoration:underline}.demo-doc-link i{margin-right:6px;color:#4ddbcb}.demo-doc-link.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.demo-doc-section{display:flex;align-items:center;justify-content:center;margin:0;padding:0;border-top:1px solid #eee;flex-shrink:0;height:50px;width:100%}.demo-doc-section .demo-doc-link{margin:0;padding:0;border:none;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;height:100%}.language-filter-container{display:block;margin:0;padding:0;flex-shrink:0;flex-grow:1}.language-filter-container select{width:100%;height:100%;padding:10px 12px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background-color:#fff;color:#333;cursor:pointer;box-sizing:border-box;transition:border-color .3s ease,background-color .3s ease;line-height:1.4;overflow-y:auto;max-height:300px}.language-filter-container select:hover{border-color:#4ddbcb}.language-filter-container select:focus{outline:none;border-color:#4ddbcb;box-shadow:0 0 0 3px #4ddbcb1a}.split-button-container{display:flex;gap:0;width:100%;flex-shrink:0;border-radius:5px;overflow:hidden;min-height:48px;height:48px}.modal-actions-wrapper{width:100%}.demo-link-select{flex:0 0 50%;width:50%!important;height:48px;padding:0 35px 0 15px!important;border-radius:5px 0 0 5px;appearance:none;background-color:#4ddbcb!important;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23003f50"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:20px;cursor:pointer;font-weight:600;color:#003f50;border:none;border-right:2px solid rgba(0,63,80,.3);margin:0!important;font-family:inherit;font-size:.9rem;display:flex!important;align-items:center;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.demo-link-select:hover{background-color:#2fc9b8!important}.demo-link-select:focus{outline:none;box-shadow:inset 0 0 0 3px #fff3}.demo-link-launch{flex:0 0 50%;width:50%!important;height:48px;border-radius:0 5px 5px 0;padding:0 20px!important;margin:0!important;text-align:center;display:flex!important;align-items:center;justify-content:center;line-height:1}#modal-products{margin-bottom:20px}#modal-content .demo-doc-section{margin-bottom:0}.page-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000000d}.page-content h2{color:#331c86;margin-top:0}.page-content a{color:#4ddbcb;font-weight:500;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.page-content a:hover{text-decoration:underline}#page-overlay{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:none;opacity:0;transition:opacity .3s ease}#demo-modal,#tenant-modal{position:fixed;z-index:1001;top:50%;left:50%;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0006;display:none;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s ease,transform .3s ease}#demo-modal{max-width:600px;width:90%;overflow:hidden;max-height:90vh}#tenant-modal{max-width:400px;width:90%;padding:25px;box-sizing:border-box}body.modal-active #page-overlay{display:block;opacity:1}body.demo-modal-active #demo-modal,body.tenant-modal-active #tenant-modal{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}#tenant-modal h3{margin-top:0;margin-bottom:10px;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:1.1rem}#tenant-modal p{font-size:.9rem;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400}#tenant-input{width:100%;padding:10px;font-size:.9rem;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.tenant-modal-buttons{display:flex;justify-content:flex-end;gap:10px}#modal-close{position:absolute;top:5px;right:15px;font-size:2.5rem;color:#888;background:none;border:none;cursor:pointer;line-height:1}#modal-close:hover{color:#000}#modal-image{width:100%;height:250px;object-fit:contain;background-color:#f4f4f4}#modal-content{padding:20px 25px;max-height:calc(90vh - 250px);overflow-y:auto;display:flex;flex-direction:column}#modal-title{font-size:1.3rem;font-weight:600;color:#000;margin-top:0;margin-bottom:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}#modal-description{font-size:.9rem;margin-bottom:25px;flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6}#modal-link{width:100%;box-sizing:border-box}#modal-doc-link{width:100%;box-sizing:border-box;text-align:center;padding:12px 20px;background-color:#f4f6f8;border-radius:5px;margin-bottom:10px;font-size:.9rem;font-weight:600;color:#4c4c4e;text-decoration:none;transition:all .3s ease}#modal-doc-link:hover{background-color:#e8eaec;text-decoration:none;color:#f9681b}#modal-doc-link i{margin-right:6px;color:#808284}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.footer{background-color:#003f50;color:#fff;padding:3rem 0;margin-top:40px;font-size:.85rem;border-top:1px solid #e0e0e0}.footer-inner-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-row-main{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:2.5rem}.footer-logo-wrapper{flex-basis:100px;flex-shrink:0}.footer-logo{max-height:35px;width:auto}.footer-menu-wrapper{flex-grow:1}.footer-menu{display:flex;gap:3rem;flex-wrap:wrap}.footer-menu-col ul{list-style:none;padding-left:0;margin:0}.footer-menu-col li{margin-bottom:1rem}.footer-menu-col a{color:#fff;text-decoration:none;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;transition:color .3s ease}.footer-menu-col a:hover{color:#4ddbcb;text-decoration:underline}.footer-social-wrapper{flex-basis:200px}.footer-social-wrapper p{font-weight:500;margin:0 0 1rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.footer-social-wrapper ul{list-style:none;padding-left:0;margin:0;display:flex;gap:1.5rem;align-items:center}.footer-social-wrapper .icon a{color:#fff;font-size:1.3rem;transition:color .3s ease;display:inline-flex;align-items:center;justify-content:center}.footer-social-wrapper .icon a:hover{color:#4ddbcb}#block-legal{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem;margin-top:2rem}.menu-legal{list-style:none;padding-left:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:2rem}.menu-legal a{color:#fff;text-decoration:none;font-size:.8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;transition:color .3s ease;opacity:.8}.menu-legal a:hover{color:#4ddbcb;opacity:1}.legal-copyright{color:#fff;font-size:.8rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;opacity:.8}@media(max-width:768px){.footer-row-main{flex-direction:column}.menu-legal{flex-direction:column;gap:.8rem;align-items:flex-start}}.error-message{color:#d32f2f;font-size:.85rem;font-weight:600;margin-top:-10px;margin-bottom:15px;display:none}.error-message.show{display:block}.modal-help-text{font-size:.8rem;color:#808284;margin-top:-10px;margin-bottom:15px}.hamburger-icon{display:none;background:none;border:none;color:#331c86;font-size:1.5rem;cursor:pointer;margin-left:auto}.mobile-menu{position:fixed;top:0;right:0;width:100%;height:100%;max-width:320px;background:#fff;box-shadow:-4px 0 15px #00000026;z-index:2000;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column}body.menu-active .mobile-menu{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 20px;border-bottom:1px solid #e0e0e0}.mobile-menu-header .hamburger-icon{display:block;margin-left:0;font-size:1.8rem}.mobile-menu-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.mobile-menu-content a,.mobile-menu-content button{display:block;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;color:#4c4c4e;text-decoration:none;padding:10px 0;width:100%;text-align:left;background:none;border:none;cursor:pointer}.mobile-menu-content button.btn-secondary{color:#f9681b;border:1px solid #f9681b;text-align:center;padding:10px}.mobile-menu-content a.btn-primary{text-align:center;padding:11px 10px}.mobile-menu-content hr{border:none;border-top:1px solid #eee;margin:10px 0}.language-filter-container{margin-top:12px;margin-bottom:12px;display:flex;align-items:center;gap:10px;pointer-events:auto}.language-filter-container label{font-weight:600;font-size:12px;color:#666;pointer-events:none}.language-dropdown{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:13px;cursor:pointer;background-color:#fff;min-width:120px;pointer-events:auto}.language-dropdown:hover{border-color:#999}.demo-links{display:flex;gap:10px;margin-top:12px;pointer-events:auto}.demo-doc-link,.demo-link{pointer-events:auto}