@import url('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 0.2s ease}vaadin-side-nav-item:hover{background-color:var(--lumo-primary-color-10pct);transform:translateX(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 rgba(0,0,0,0.1)}.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;top:0;left:0;right:0;bottom:0;background:linear-gradient( 135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100% );z-index:1}.hero-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at center,transparent 40%,rgba(0,0,0,0.1) 100% );z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:white;max-width:900px;width:100%;padding:var(--lumo-space-l);margin-top:250px}.hero-content .hero-heading{color:white;background:none;-webkit-text-fill-color:white;text-shadow:0 4px 12px rgba(0,0,0,0.6),0 2px 4px rgba(0,0,0,0.4);margin:0 auto var(--lumo-space-m) auto}.hero-content .lead-text{color:rgba(255,255,255,0.98);text-shadow:0 2px 8px rgba(0,0,0,0.5),0 1px 3px rgba(0,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 0.8s ease 0.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:white}.cta-section .section-title,.cta-section .body-text{color:white}.cta-section vaadin-button{background:white;color:var(--be-primary)}.cta-section vaadin-button:hover{background:rgba(255,255,255,0.9)}@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}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.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 0%,#764ba2 100%);position:relative;overflow:hidden;padding:var(--lumo-space-xl) var(--lumo-space-m)}.signup-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.1) 0%,transparent 50%)}.signup-hero-section .hero-content{position:relative;z-index:2;color:white;max-width:900px;text-align:center}.signup-hero-section .hero-heading{color:white;background:none;-webkit-text-fill-color:white;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.signup-hero-section .lead-text{color:rgba(255,255,255,0.95)}.back-button{align-self:flex-start;color:white;margin-bottom:var(--lumo-space-m)}.back-button:hover{background-color:rgba(255,255,255,0.1)}.hero-highlights{flex-wrap:wrap;margin-top:var(--lumo-space-l)}.hero-highlight-item{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);color:white}.highlight-icon{color:white}.highlight-text{font-weight:500;font-size:0.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 0.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:0.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:white}.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:0.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:0.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}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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 0.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 rgba(102,126,234,0.2);border-color:var(--lumo-primary-color)}.doc-product-card.coming-soon{opacity:0.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:white;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 0.3s ease;box-shadow:0 2px 8px rgba(102,126,234,0.3)}.doc-card-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,0.5)}.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:0.875rem;text-transform:uppercase;letter-spacing:0.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:white;padding:var(--lumo-space-s) var(--lumo-space-l);border-radius:25px;text-decoration:none;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(102,126,234,0.3)}.nav-pill:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,0.5)}.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 0.3s ease}.doc-highlight:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15);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:0.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 rgba(0,0,0,0.1)}.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:white;font-weight:600;font-size:0.95rem}.param-table-row{display:grid;grid-template-columns:200px 150px 1fr;border-bottom:1px solid var(--lumo-contrast-10pct);transition:background-color 0.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:white;background:transparent !important}.param-table-name{font-family:'Courier New',Courier,monospace;font-weight:600;color:var(--lumo-primary-color);font-size:0.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:0.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 0%,#f5576c 100%);color:white;text-transform:uppercase;letter-spacing:0.3px}.param-table-description{font-size:0.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 0.2s ease}.param-card:hover{border-color:var(--lumo-primary-color);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.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:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.param-type-badge{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)}.param-required-badge{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:white}.param-description{font-size:0.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 rgba(0,0,0,0.1)}.code-example-title{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:white;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:0.95rem}.code-example-language{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:4px;font-size:0.7rem;font-weight:600;letter-spacing:0.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:0.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 0.3s ease;height:100%}.field-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1);border-color:var(--lumo-primary-color)}.field-type-header{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--be-secondary) 100%);color:white;padding:var(--lumo-space-s) var(--lumo-space-m)}.field-type-icon{color:white}.field-type-category{font-size:1rem;margin:0;color:white;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 0.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:0.85rem}.field-type-desc{font-size:0.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{grid-template-columns:1fr}.field-types-grid{grid-template-columns:1fr}.examples-grid{grid-template-columns:1fr}.backend-tabs{grid-template-columns:1fr}.nav-pill{padding:var(--lumo-space-xs) var(--lumo-space-m);font-size:0.9rem}.code-example-block{font-size:0.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:0.9rem}.param-table-name{font-size:0.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 0.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 rgba(102,126,234,0.2);border-color:var(--lumo-primary-color)}.tutorial-card.coming-soon{opacity:0.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:white;padding:var(--lumo-space-xs) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.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 rgba(0,0,0,0.15)}.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:0.5px;margin-top:var(--lumo-space-m)}@media (max-width:1024px){.tutorials-grid{grid-template-columns:1fr}}@media (max-width:768px){.tutorials-view{padding:var(--lumo-space-m)}.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,0.5);--lumo-primary-color-10pct:rgba(102,126,234,0.1);--lumo-font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--be-shadow-sm:0 2px 4px rgba(0,0,0,0.1);--be-shadow-md:0 4px 12px rgba(0,0,0,0.15);--be-shadow-lg:0 8px 24px rgba(0,0,0,0.2);--be-shadow-xl:0 12px 40px rgba(0,0,0,0.25);--be-transition-fast:150ms ease;--be-transition-base:300ms ease;--be-transition-slow:500ms 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 0.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 0.8s ease 0.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:0.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 0.6s ease forwards}.product-card:nth-child(1){animation-delay:0.1s}.product-card:nth-child(2){animation-delay:0.2s}.product-card:nth-child(3){animation-delay:0.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:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.status-beta{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:white}.status-early-access{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.status-available{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.status-coming-soon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white}.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:0.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:translateX(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:0.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:0.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{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:200% 0}100%{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:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.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:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.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)}}