@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@300;400;500;600;700&display=swap";vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s);background:var(--lumo-base-color)}vaadin-side-nav-item{padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);margin-bottom:var(--lumo-space-xs);transition:all .2s ease}vaadin-side-nav-item:hover{background-color:var(--lumo-primary-color-10pct);transform:translate(4px)}vaadin-side-nav-item[selected]{background-color:var(--lumo-primary-color-10pct);border-left:3px solid var(--lumo-primary-color)}vaadin-side-nav-item vaadin-icon{padding:0;margin-right:var(--lumo-space-s);color:var(--lumo-primary-color)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}vaadin-app-layout::part(navbar){background:var(--lumo-base-color);box-shadow:0 2px 8px #0000001a}.drawer-toggle{margin-right:var(--lumo-space-m)}.main-navigation{padding:var(--lumo-space-s)}@media screen and (max-width:768px){vaadin-app-layout[drawer-opened]{--vaadin-app-layout-drawer-overlay: true}}.home-view{padding:0;box-sizing:border-box;display:block;position:relative;width:100%;min-height:100vh}.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;background-image:url(/backgrounds/BEBackground.png);background-size:contain;background-position:center top;background-repeat:no-repeat;background-color:#8b9dc3;overflow:hidden;padding:var(--lumo-space-xl) var(--lumo-space-m)}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba226);z-index:1}.hero-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.1) 100%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:900px;width:100%;padding:var(--lumo-space-l);margin-top:250px}.hero-content .hero-heading{color:#fff;background:none;-webkit-text-fill-color:white;text-shadow:0 4px 12px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.4);margin:0 auto var(--lumo-space-m) auto}.hero-content .lead-text{color:#fffffffa;text-shadow:0 2px 8px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3);margin:0 auto var(--lumo-space-l) auto}.hero-ctas{margin-top:var(--lumo-space-l);justify-content:center;display:flex;gap:var(--lumo-space-m);flex-wrap:wrap}.features-section{background:var(--lumo-base-color);padding:var(--lumo-space-xl) var(--lumo-space-m)}.features-grid{animation:fadeIn .8s ease .2s both}.products-preview-section{background:var(--lumo-contrast-5pct);padding:var(--lumo-space-xl) var(--lumo-space-m)}.cta-section{background:linear-gradient(135deg,var(--be-primary) 0%,var(--be-secondary) 100%);padding:var(--lumo-space-xl) var(--lumo-space-m);color:#fff}.cta-section .section-title,.cta-section .body-text{color:#fff}.cta-section vaadin-button{background:#fff;color:var(--be-primary)}.cta-section vaadin-button:hover{background:#ffffffe6}@media screen and (max-width:768px){.hero-section{min-height:70vh;padding:var(--lumo-space-l) var(--lumo-space-m)}.hero-content{margin-top:180px}.features-section,.products-preview-section,.cta-section{padding:var(--lumo-space-l) var(--lumo-space-m)}}@media screen and (max-width:480px){.hero-content{margin-top:120px}}.products-view{padding:var(--lumo-space-m);box-sizing:border-box;width:100%;min-height:100vh;background:var(--lumo-base-color)}.products-header{margin-bottom:var(--lumo-space-xl);padding:var(--lumo-space-l) 0}.products-grid{margin:var(--lumo-space-xl) auto;max-width:1400px}.coming-soon-section{margin-top:var(--lumo-space-xl);padding:var(--lumo-space-xl);background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);max-width:800px;margin-left:auto;margin-right:auto}@media screen and (max-width:768px){.products-view{padding:var(--lumo-space-s)}.products-header{padding:var(--lumo-space-m) 0;margin-bottom:var(--lumo-space-l)}.products-grid{margin:var(--lumo-space-l) auto}.coming-soon-section{margin-top:var(--lumo-space-l);padding:var(--lumo-space-l)}}.about-view{padding:var(--lumo-space-m);box-sizing:border-box;width:100%;min-height:100vh;background:var(--lumo-base-color)}.about-header{margin-bottom:var(--lumo-space-xl);padding:var(--lumo-space-l) 0}.mission-section,.expertise-section,.values-section{margin:var(--lumo-space-xl) auto;max-width:1200px}.expertise-grid,.values-grid{margin-top:var(--lumo-space-l)}@media screen and (max-width:768px){.about-view{padding:var(--lumo-space-s)}.about-header{padding:var(--lumo-space-m) 0;margin-bottom:var(--lumo-space-l)}.mission-section,.expertise-section,.values-section{margin:var(--lumo-space-l) auto}}.contact-us-view{padding:var(--lumo-space-m);box-sizing:border-box;width:100%;min-height:100vh;background:var(--lumo-base-color)}.contact-header{margin-bottom:var(--lumo-space-xl);padding:var(--lumo-space-l) 0}.contact-message-section{margin:var(--lumo-space-xl) auto}.social-media-section{margin:var(--lumo-space-xl) auto;padding:var(--lumo-space-xl);background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);max-width:600px}@media screen and (max-width:768px){.contact-us-view{padding:var(--lumo-space-s)}.contact-header{padding:var(--lumo-space-m) 0;margin-bottom:var(--lumo-space-l)}.contact-message-section,.social-media-section{margin:var(--lumo-space-l) auto;padding:var(--lumo-space-l)}}.signup-view{padding:0;box-sizing:border-box;width:100%;min-height:100vh;background:var(--lumo-base-color)}.signup-hero-section{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:var(--lumo-space-xl) var(--lumo-space-m)}.signup-hero-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}.signup-hero-section .hero-content{position:relative;z-index:2;color:#fff;max-width:900px;text-align:center}.signup-hero-section .hero-heading{color:#fff;background:none;-webkit-text-fill-color:white;text-shadow:0 2px 10px rgba(0,0,0,.2)}.signup-hero-section .lead-text{color:#fffffff2}.back-button{align-self:flex-start;color:#fff;margin-bottom:var(--lumo-space-m)}.back-button:hover{background-color:#ffffff1a}.hero-highlights{flex-wrap:wrap;margin-top:var(--lumo-space-l)}.hero-highlight-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);color:#fff}.highlight-icon{color:#fff}.highlight-text{font-weight:500;font-size:.95rem}.signup-form-section{padding:var(--lumo-space-xl) var(--lumo-space-m);background:var(--lumo-base-color)}.signup-form-card{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-xl);max-width:600px;width:100%;box-shadow:var(--be-shadow-lg);border:1px solid var(--lumo-contrast-10pct);animation:fadeInUp .6s ease}.form-title{font-family:Audiowide,sans-serif;font-size:2rem;margin:0 0 var(--lumo-space-s) 0;text-align:center;background:linear-gradient(135deg,var(--be-primary) 0%,var(--be-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{text-align:center;color:var(--lumo-secondary-text-color);margin:0 0 var(--lumo-space-l) 0}.signup-form{margin-top:var(--lumo-space-l)}.signup-form vaadin-text-field,.signup-form vaadin-email-field{margin-bottom:var(--lumo-space-m)}.newsletter-checkbox{margin:var(--lumo-space-m) 0}.submit-button{margin-top:var(--lumo-space-m);font-weight:600}.privacy-note{font-size:.85rem;color:var(--lumo-secondary-text-color);text-align:center;margin:var(--lumo-space-m) 0 0 0;line-height:1.5}.signup-features-section{padding:var(--lumo-space-xl) var(--lumo-space-m);background:var(--lumo-contrast-5pct)}.signup-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--lumo-space-l);max-width:1200px;width:100%;margin-top:var(--lumo-space-l)}.signup-feature-item{background:var(--lumo-base-color);padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-m);border:1px solid var(--lumo-contrast-10pct);transition:all var(--be-transition-base)}.signup-feature-item:hover{transform:translateY(-4px);box-shadow:var(--be-shadow-md);border-color:var(--lumo-primary-color-50pct)}.feature-item-icon-wrapper{background:linear-gradient(135deg,var(--be-primary) 0%,var(--be-secondary) 100%);width:48px;height:48px;border-radius:var(--lumo-border-radius-m);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item-icon{color:#fff}.feature-item-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--lumo-space-xs) 0;color:var(--lumo-header-text-color)}.feature-item-description{font-size:.95rem;color:var(--lumo-secondary-text-color);margin:0;line-height:1.6}.signup-benefits-section{padding:var(--lumo-space-xl) var(--lumo-space-m);background:var(--lumo-base-color)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--lumo-space-l);max-width:1000px;width:100%;margin-top:var(--lumo-space-l)}.benefit-card{background:var(--lumo-contrast-5pct);padding:var(--lumo-space-xl);border-radius:var(--lumo-border-radius-l);border:1px solid var(--lumo-contrast-10pct);transition:all var(--be-transition-base)}.benefit-card:hover{transform:translateY(-6px);box-shadow:var(--be-shadow-lg);border-color:var(--lumo-primary-color)}.benefit-metric{font-family:Audiowide,sans-serif;font-size:3rem;margin:0;background:linear-gradient(135deg,var(--be-primary) 0%,var(--be-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.benefit-title{font-size:1.25rem;font-weight:600;margin:var(--lumo-space-s) 0;color:var(--lumo-header-text-color)}.benefit-description{font-size:.95rem;color:var(--lumo-secondary-text-color);margin:0}@media screen and (max-width:768px){.signup-hero-section,.signup-form-section,.signup-features-section,.signup-benefits-section{padding:var(--lumo-space-l) var(--lumo-space-m)}.signup-form-card{padding:var(--lumo-space-l)}.form-title{font-size:1.5rem}.hero-highlights{flex-direction:column;align-items:center}.hero-highlight-item{width:100%;justify-content:center}.signup-features-grid,.benefits-grid{grid-template-columns:1fr;gap:var(--lumo-space-m)}.benefit-metric{font-size:2.5rem}}@media screen and (max-width:480px){.signup-form-card{padding:var(--lumo-space-m)}.benefit-metric{font-size:2rem}}.signup-form vaadin-text-field::part(input-field),.signup-form vaadin-email-field::part(input-field){background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-20pct);transition:all var(--be-transition-base)}.signup-form vaadin-text-field:hover::part(input-field),.signup-form vaadin-email-field:hover::part(input-field){border-color:var(--lumo-primary-color-50pct)}.signup-form vaadin-text-field[focus-ring]::part(input-field),.signup-form vaadin-email-field[focus-ring]::part(input-field){border-color:var(--lumo-primary-color);box-shadow:0 0 0 2px var(--lumo-primary-color-10pct)}vaadin-notification::part(overlay){border-radius:var(--lumo-border-radius-m);font-weight:500}.documentation-landing-view{max-width:1200px;margin:0 auto}.docs-landing-header{text-align:center;margin-bottom:var(--lumo-space-xl);padding-bottom:var(--lumo-space-xl);border-bottom:3px solid var(--lumo-primary-color)}.docs-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--lumo-space-l);margin:var(--lumo-space-xl) 0}.doc-product-card{background:var(--lumo-base-color);border:2px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--lumo-space-m)}.doc-product-card:not(.coming-soon):hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea33;border-color:var(--lumo-primary-color)}.doc-product-card.coming-soon{opacity:.6;cursor:not-allowed}.doc-card-icon{color:var(--lumo-primary-color)}.doc-card-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--lumo-header-text-color)}.doc-card-description{margin:0;color:var(--lumo-secondary-text-color);line-height:1.6;flex:1}.doc-card-link{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:#fff;padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.doc-card-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea80}.coming-soon-badge{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);padding:var(--lumo-space-xs) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-weight:600;text-align:center;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.docs-product-grid{grid-template-columns:1fr}.documentation-landing-view{padding:var(--lumo-space-m)}}.sdg-docs-view{max-width:1400px;margin:0 auto}.docs-page-header{text-align:center;margin-bottom:var(--lumo-space-xl);padding-bottom:var(--lumo-space-xl);border-bottom:3px solid var(--lumo-primary-color)}.quick-nav{justify-content:center;flex-wrap:wrap;margin-top:var(--lumo-space-l)}.nav-pill{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:#fff;padding:var(--lumo-space-s) var(--lumo-space-l);border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.nav-pill:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea80}.doc-section{margin-bottom:var(--lumo-space-xl);scroll-margin-top:80px}.doc-section-title{font-family:Audiowide,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);margin:0 0 var(--lumo-space-l) 0;color:var(--lumo-header-text-color);padding-bottom:var(--lumo-space-m);border-bottom:2px solid var(--lumo-primary-color)}.doc-section-content{padding-top:var(--lumo-space-m)}.section-intro,.doc-intro{font-size:1.125rem;line-height:1.8;color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-l);padding:var(--lumo-space-m);background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);border-left:4px solid var(--lumo-primary-color)}.highlight-cards{display:flex;gap:var(--lumo-space-m);margin:var(--lumo-space-l) 0;flex-wrap:wrap}.doc-highlight{flex:1;min-width:200px;background:linear-gradient(135deg,var(--lumo-contrast-5pct) 0%,var(--lumo-base-color) 100%);padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-l);border:2px solid var(--lumo-contrast-10pct);text-align:center;transition:all .3s ease}.doc-highlight:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--lumo-primary-color)}.doc-highlight-icon{color:var(--lumo-primary-color);margin-bottom:var(--lumo-space-s)}.doc-highlight-title{font-weight:600;font-size:1.125rem;margin:var(--lumo-space-s) 0;color:var(--lumo-header-text-color)}.doc-highlight-desc{font-size:.95rem;color:var(--lumo-secondary-text-color);margin:0;line-height:1.6}.param-table-container{margin:var(--lumo-space-l) 0;overflow-x:auto}.param-table{width:100%;border-radius:var(--lumo-border-radius-m);overflow:hidden;box-shadow:0 2px 8px #0000001a}.param-table-header{display:grid;grid-template-columns:200px 150px 1fr;background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:#fff;font-weight:600;font-size:.95rem}.param-table-row{display:grid;grid-template-columns:200px 150px 1fr;border-bottom:1px solid var(--lumo-contrast-10pct);transition:background-color .2s ease}.param-table-row:hover{background:var(--lumo-contrast-5pct)}.param-table-row:last-child{border-bottom:none}.param-table-cell{padding:var(--lumo-space-m);display:flex;align-items:center}.param-table-cell-name{background:var(--lumo-base-color)}.param-table-cell-type{background:var(--lumo-contrast-5pct);justify-content:center}.param-table-cell-description{background:var(--lumo-base-color)}.param-table-header .param-table-cell{color:#fff;background:transparent!important}.param-table-name{font-family:Courier New,Courier,monospace;font-weight:600;color:var(--lumo-primary-color);font-size:.95rem}.param-table-badges{display:flex;gap:var(--lumo-space-xs);flex-wrap:wrap;justify-content:center}.param-table-type-badge,.param-table-required-badge{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.param-table-type-badge{background:var(--lumo-contrast-10pct);color:var(--lumo-primary-text-color)}.param-table-required-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-transform:uppercase;letter-spacing:.3px}.param-table-description{font-size:.95rem;line-height:1.6;color:var(--lumo-body-text-color)}.param-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--lumo-space-m);margin:var(--lumo-space-l) 0}.param-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);transition:all .2s ease}.param-card:hover{border-color:var(--lumo-primary-color);box-shadow:0 4px 12px #0000001a}.param-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--lumo-space-s);gap:var(--lumo-space-s)}.param-name{font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:600;color:var(--lumo-primary-color);flex:1}.param-badges{display:flex;gap:var(--lumo-space-xs);flex-wrap:wrap}.param-type-badge,.param-required-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.param-type-badge{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)}.param-required-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.param-description{font-size:.95rem;line-height:1.6;color:var(--lumo-body-text-color);margin:0}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lumo-space-m);margin:var(--lumo-space-l) 0}.examples-grid>*{min-width:0}.code-example{margin:0;border-radius:var(--lumo-border-radius-m);overflow:hidden;box-shadow:0 2px 8px #0000001a}.code-example-title{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:#fff;padding:var(--lumo-space-s) var(--lumo-space-m);display:flex;justify-content:space-between;align-items:center}.code-example-title-text{font-weight:600;font-size:.95rem}.code-example-language{background:#fff3;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.5px}.code-example-block{background:#2d2d2d;color:#f8f8f2;padding:var(--lumo-space-m);margin:0;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9em;line-height:1.6}[theme~=dark] .code-example-block{background:#1a1a1a}.field-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--lumo-space-m);margin:var(--lumo-space-l) 0}.field-type-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);overflow:hidden;transition:all .3s ease;height:100%}.field-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--lumo-primary-color)}.field-type-header{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:#fff;padding:var(--lumo-space-s) var(--lumo-space-m)}.field-type-icon{color:#fff}.field-type-category{font-size:1rem;margin:0;color:#fff;font-weight:600}.field-types-list{padding:var(--lumo-space-m);display:grid;grid-template-columns:1fr;gap:var(--lumo-space-xs)}.field-type-item{padding:var(--lumo-space-xs);border-bottom:none;background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-s);transition:background-color .2s ease}.field-type-item:hover{background:var(--lumo-contrast-10pct)}.field-type-name{font-family:Courier New,Courier,monospace;font-weight:600;color:var(--lumo-primary-color);display:block;margin-bottom:2px;font-size:.85rem}.field-type-desc{font-size:.8rem;color:var(--lumo-secondary-text-color);display:block;line-height:1.3}.subsection-title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin:var(--lumo-space-xl) 0 var(--lumo-space-m) 0;color:var(--lumo-header-text-color)}.backend-tabs{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--lumo-space-m);margin:var(--lumo-space-l) 0}.backend-tab{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);border:2px solid var(--lumo-contrast-10pct)}.backend-tab-title{font-weight:600;margin:0 0 var(--lumo-space-m) 0;color:var(--lumo-primary-color);font-size:1.25rem}.backend-tab>.param-grid{grid-template-columns:1fr;gap:var(--lumo-space-s)}@media(max-width:1024px){.param-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.field-types-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.sdg-docs-view{padding:var(--lumo-space-m)}.highlight-cards{flex-direction:column}.doc-highlight{min-width:100%}.param-grid,.field-types-grid,.examples-grid,.backend-tabs{grid-template-columns:1fr}.nav-pill{padding:var(--lumo-space-xs) var(--lumo-space-m);font-size:.9rem}.code-example-block{font-size:.8em;padding:var(--lumo-space-s)}.doc-section-title{font-size:1.5rem}.subsection-title{font-size:1.25rem}.param-table-header,.param-table-row{grid-template-columns:1fr 120px 2fr}.param-table-cell{padding:var(--lumo-space-s);font-size:.9rem}.param-table-name{font-size:.85rem}}@media(max-width:480px){.quick-nav{flex-direction:column;width:100%}.nav-pill{width:100%;text-align:center}.param-header{flex-direction:column;align-items:flex-start}.param-badges{margin-top:var(--lumo-space-xs)}}html{scroll-behavior:smooth}@media print{.quick-nav,.nav-pill{display:none}.doc-section{page-break-inside:avoid}.code-example-block{background:#f5f5f5!important;color:#000!important}}.tutorials-view{max-width:1400px;margin:0 auto}.tutorials-header{text-align:center;margin-bottom:var(--lumo-space-xl);padding-bottom:var(--lumo-space-xl);border-bottom:3px solid var(--lumo-primary-color)}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--lumo-space-xl);margin:var(--lumo-space-xl) 0}.tutorial-card{background:var(--lumo-base-color);border:2px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--lumo-space-m)}.tutorial-card:not(.coming-soon):hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea33;border-color:var(--lumo-primary-color)}.tutorial-card.coming-soon{opacity:.6;min-height:300px;justify-content:center;align-items:center;text-align:center}.tutorial-category-badge{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:#fff;padding:var(--lumo-space-xs) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.tutorial-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--lumo-header-text-color)}.tutorial-description{margin:0;color:var(--lumo-secondary-text-color);line-height:1.6;font-size:1rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--lumo-border-radius-m);background:var(--lumo-contrast-10pct);box-shadow:0 4px 12px #00000026}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--lumo-border-radius-m)}.coming-soon-badge{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);padding:var(--lumo-space-s) var(--lumo-space-l);border-radius:var(--lumo-border-radius-m);font-weight:600;text-align:center;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--lumo-space-m)}@media(max-width:1024px){.tutorials-grid{grid-template-columns:1fr}}@media(max-width:768px){.tutorials-view,.tutorial-card{padding:var(--lumo-space-m)}.tutorials-grid{gap:var(--lumo-space-l)}}:root{--be-primary: #667eea;--be-secondary: #764ba2;--be-accent: #f093fb;--be-success: #10b981;--be-warning: #f59e0b;--be-error: #ef4444;--lumo-primary-color: var(--be-primary);--lumo-primary-color-50pct: rgba(102, 126, 234, .5);--lumo-primary-color-10pct: rgba(102, 126, 234, .1);--lumo-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--be-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--be-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--be-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--be-shadow-xl: 0 12px 40px rgba(0, 0, 0, .25);--be-transition-fast: .15s ease;--be-transition-base: .3s ease;--be-transition-slow: .5s ease}[theme~=dark]{--lumo-primary-color: #8b9cf5;--be-primary: #8b9cf5;--be-secondary: #9b6fc2}.audiowide-font{font-family:Audiowide,sans-serif}.inter-font{font-family:Inter,sans-serif}.hero-heading{font-family:Audiowide,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1.2;font-weight:700;margin:0 0 var(--lumo-space-m) 0;background:linear-gradient(135deg,var(--be-primary) 0%,var(--be-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease}.section-title{font-family:Audiowide,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.3;font-weight:600;margin:0 0 var(--lumo-space-m) 0;text-align:center}.subsection-title{font-family:Inter,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.4;font-weight:600;margin:0 0 var(--lumo-space-s) 0}.lead-text{font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.6;color:var(--lumo-secondary-text-color);margin:0 0 var(--lumo-space-l) 0;max-width:700px;text-align:center;animation:fadeInUp .8s ease .2s both}.body-text{font-size:1rem;line-height:1.7;color:var(--lumo-body-text-color);margin:0 0 var(--lumo-space-m) 0}.paragraph-style{color:var(--lumo-body-text-color);background-color:var(--lumo-contrast-5pct);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-family:Inter,sans-serif;line-height:1.7;border-left:3px solid var(--lumo-primary-color)}.btn-primary,.btn-secondary,.btn-tertiary{transition:all var(--be-transition-base);border-radius:var(--lumo-border-radius-m);font-weight:500}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--be-shadow-md)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--be-shadow-sm)}.feature-card{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);transition:all var(--be-transition-base);border:1px solid var(--lumo-contrast-10pct);text-align:center;height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--be-shadow-md);border-color:var(--lumo-primary-color-50pct)}.feature-card-icon{color:var(--lumo-primary-color);margin-bottom:var(--lumo-space-m);transition:all var(--be-transition-base)}.feature-card:hover .feature-card-icon{transform:scale(1.1)}.feature-card-title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 var(--lumo-space-s) 0;color:var(--lumo-header-text-color)}.feature-card-description{font-size:.95rem;line-height:1.6;color:var(--lumo-secondary-text-color);margin:0}.product-card{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);transition:all var(--be-transition-base);border:1px solid var(--lumo-contrast-10pct);display:flex;flex-direction:column;height:100%;opacity:0;animation:fadeInUp .6s ease forwards}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--be-shadow-lg);border-color:var(--lumo-primary-color)}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--lumo-space-m);padding-bottom:var(--lumo-space-m);border-bottom:2px solid var(--lumo-primary-color);gap:var(--lumo-space-m)}.product-title{font-family:Audiowide,sans-serif;font-size:1.5rem;margin:0;flex:1;background:linear-gradient(90deg,var(--lumo-primary-color) 0%,var(--lumo-primary-color-50pct) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-badge{padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-beta{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.status-early-access{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status-available{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-coming-soon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.product-description{font-size:1rem;line-height:1.7;color:var(--lumo-body-text-color);margin:0 0 var(--lumo-space-m) 0;flex-grow:1}.feature-list{margin:0 0 var(--lumo-space-l) 0}.feature-item{padding:var(--lumo-space-xs) 0}.feature-icon{color:var(--be-success);flex-shrink:0}.feature-text{font-size:.9rem;color:var(--lumo-secondary-text-color);line-height:1.5}.card-actions{margin-top:auto;padding-top:var(--lumo-space-m);border-top:1px solid var(--lumo-contrast-10pct)}.content-box{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);border:1px solid var(--lumo-contrast-10pct)}.expertise-card{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);transition:all var(--be-transition-base);border-left:3px solid var(--lumo-primary-color)}.expertise-card:hover{transform:translate(4px);box-shadow:var(--be-shadow-sm)}.expertise-icon{color:var(--lumo-primary-color)}.expertise-title{font-weight:600;font-size:1.125rem;margin:var(--lumo-space-s) 0;color:var(--lumo-header-text-color)}.expertise-description{font-size:.95rem;color:var(--lumo-secondary-text-color);margin:0;line-height:1.6}.value-card{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-l);transition:all var(--be-transition-base);border:1px solid var(--lumo-contrast-10pct)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--be-shadow-md);border-color:var(--lumo-primary-color-50pct)}.value-title{font-family:Audiowide,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 var(--lumo-space-s) 0;color:var(--lumo-primary-color)}.value-description{font-size:.95rem;color:var(--lumo-secondary-text-color);margin:0;text-align:center}.features-grid,.products-grid,.expertise-grid,.values-grid{display:grid;gap:var(--lumo-space-l);width:100%;max-width:1400px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.products-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:300px;background:linear-gradient(90deg,var(--lumo-contrast-10pct) 25%,var(--lumo-contrast-20pct) 50%,var(--lumo-contrast-10pct) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--lumo-border-radius-l)}@media screen and (max-width:1200px){.hero-heading{font-size:clamp(1.75rem,4vw,3rem)}.features-grid,.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (max-width:768px){.hero-heading{font-size:clamp(1.5rem,6vw,2.5rem)}.section-title{font-size:clamp(1.5rem,5vw,2rem)}.features-grid,.products-grid,.expertise-grid,.values-grid{grid-template-columns:1fr;gap:var(--lumo-space-m)}.product-card-header{flex-direction:column;align-items:flex-start}.card-actions{flex-direction:column}.card-actions vaadin-button{width:100%}}@media screen and (max-width:600px){.hero-ctas{flex-direction:column;width:100%}.hero-ctas vaadin-button{width:100%}.social-media-view{flex-direction:column;align-items:center}}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--be-primary) 0%,var(--be-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.view-title{font-family:Audiowide,sans-serif;font-size:1.5rem;text-align:center;margin:0}vaadin-side-nav-item{font-family:Inter,sans-serif;font-size:1rem;text-align:left;transition:all var(--be-transition-fast)}vaadin-side-nav-item:hover{background-color:var(--lumo-primary-color-10pct)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px}.social-media-container{width:100%}.social-row{justify-content:center;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-m);transition:all var(--be-transition-base);background:var(--lumo-contrast-5pct)}.social-link:hover{transform:translateY(-4px) scale(1.1);box-shadow:var(--be-shadow-md);background:var(--lumo-contrast-10pct)}.social-icon{transition:all var(--be-transition-base);filter:grayscale(20%)}.social-link:hover .social-icon{filter:grayscale(0%)}@media screen and (max-width:600px){.social-row{gap:var(--lumo-space-s)}}