html{--bb-bg: #FFFFFF;--bb-bg-alt: #F7F9FC;--bb-bg-card: #FFFFFF;--bb-bg-subtle: #F1F4F9;--bb-border: #E4E8EF;--bb-border-strong:#D1D7E0;--bb-text: #0F1729;--bb-text-soft: #4A5567;--bb-text-muted: #7A8597;--bb-primary: #1E5AA8;--bb-primary-dark: #154277;--bb-primary-light:#E8F0FA;--bb-primary-soft: #F4F8FD;--bb-success: #1F7A4D;--bb-warn: #B8721E;--bb-radius: 8px;--bb-radius-md: 12px;--bb-radius-lg: 16px;--aura-font-family: "Inter",-apple-system,"Segoe UI",system-ui,sans-serif;--lumo-font-family: "Inter",-apple-system,"Segoe UI",system-ui,sans-serif;background: var(--bb-bg);color: var(--bb-text)}body{background: var(--bb-bg);color: var(--bb-text);margin: 0;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}a,button{-webkit-tap-highlight-color: transparent}:root{--bb-header-h: 80px}#leistungen,#vorgehen,#projekte,#team,#kontakt,#probleme{scroll-margin-top: var(--bb-header-h)}.bb-hero-top-anchor{position: relative;top: -500px;width: 0;height: 0;visibility: hidden;pointer-events: none}.bb-page-top-anchor{position: absolute;top: 0;left: 0;width: 0;height: 0;overflow: hidden;pointer-events: none}.bb-page{background: var(--bb-bg);color: var(--bb-text);overflow-x: hidden}html{scroll-behavior: smooth}.bb-container{max-width: 1200px;margin: 0 auto;padding: 0 32px;box-sizing: border-box;width: 100%}.bb-section{padding: 96px 0;background: var(--bb-bg);position: relative}.bb-section-alt{background: var(--bb-bg-alt);border-top: 1px solid var(--bb-border);border-bottom: 1px solid var(--bb-border)}.bb-eyebrow{display: inline-block;font-size: 0.78rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--bb-primary);margin-bottom: 20px}.bb-h2{font-size: clamp(1.75rem,3.2vw,2.5rem);line-height: 1.2;font-weight: 700;letter-spacing: -0.02em;color: var(--bb-text);margin: 0 0 20px 0;max-width: 820px}.bb-lead{font-size: 1.1rem;line-height: 1.65;color: var(--bb-text-soft);max-width: 760px;margin: 0 0 56px 0}.bb-header{position: sticky;top: 0;z-index: 1000;background: rgba(255,255,255,0.92);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border-bottom: 1px solid var(--bb-border)}.bb-header-inner{max-width: 1200px;margin: 0 auto;padding: 14px 32px;display: flex;align-items: center;gap: 32px}.bb-logo{display: flex;align-items: center;gap: 12px;font-weight: 700;color: var(--bb-text);text-decoration: none !important;cursor: pointer;user-select: none}.bb-logo-svg{width: 36px;height: 36px;flex-shrink: 0;transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.bb-logo:hover .bb-logo-svg{transform: rotate(-8deg) scale(1.08)}.bb-logo-texts{display: flex;flex-direction: column;gap: 1px}.bb-logo-text{font-size: 1.05rem;font-weight: 700;color: var(--bb-text);letter-spacing: -0.01em;line-height: 1.2}.bb-logo-sub{font-size: 0.68rem;font-weight: 400;color: var(--bb-text-muted);letter-spacing: 0.04em;line-height: 1}.bb-logo-lines{display: flex;gap: 3px;margin-top: 4px}.bb-logo-line1,.bb-logo-line2{display: block;height: 2px;border-radius: 2px}.bb-logo-line1{width: 28px;background: var(--bb-primary);transition: width 0.35s cubic-bezier(0.34,1.56,0.64,1)}.bb-logo-line2{width: 10px;background: #60A5FA;transition: width 0.35s cubic-bezier(0.34,1.56,0.64,1) 0.04s,background 0.25s ease}.bb-logo:hover .bb-logo-line1{width: 14px}.bb-logo:hover .bb-logo-line2{width: 28px;background: var(--bb-primary)}.bb-header-links{display: flex;align-items: center;gap: 28px;margin-left: auto}.bb-header-link{color: var(--bb-text-soft);text-decoration: none;font-size: 0.92rem;font-weight: 500;transition: color 0.15s}.bb-header-link:hover{color: var(--bb-primary)}.bb-btn-primary,vaadin-button.bb-btn-primary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 0 22px !important;height: 42px !important;min-height: 42px !important;background: var(--bb-primary) !important;color: white !important;text-decoration: none;font-weight: 600;font-size: 0.95rem;border: 1px solid var(--bb-primary) !important;border-radius: var(--bb-radius) !important;cursor: pointer;transition: background 0.15s,border-color 0.15s,transform 0.1s;box-shadow: 0 1px 2px rgba(15,23,41,0.04)}.bb-btn-primary:hover,vaadin-button.bb-btn-primary:hover{background: var(--bb-primary-dark) !important;border-color: var(--bb-primary-dark) !important;cursor: pointer}.bb-btn-primary:active,vaadin-button.bb-btn-primary:active{transform: translateY(1px)}vaadin-button.bb-btn-primary::part(label){color: white;font-weight: 600}.bb-btn-large,vaadin-button.bb-btn-large{height: 50px !important;min-height: 50px !important;padding: 0 28px !important;font-size: 1rem}.bb-btn-block,vaadin-button.bb-btn-block{width: 100% !important;margin-top: 8px}.bb-btn-secondary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 0 22px;height: 42px;background: white;color: var(--bb-text);text-decoration: none;font-weight: 600;font-size: 0.95rem;border: 1px solid var(--bb-border-strong);border-radius: var(--bb-radius);transition: all 0.15s}.bb-btn-secondary.bb-btn-large{height: 50px;padding: 0 28px;font-size: 1rem}.bb-btn-secondary:hover{background: var(--bb-bg-alt);border-color: var(--bb-text-muted);cursor: pointer}.bb-btn-ghost,vaadin-button.bb-btn-ghost{background: transparent !important;color: var(--bb-text-soft) !important;border: 1px solid var(--bb-border-strong) !important;border-radius: var(--bb-radius) !important;font-weight: 500 !important;height: 42px !important;padding: 0 20px !important;cursor: pointer;transition: all 0.15s}.bb-btn-ghost:hover,vaadin-button.bb-btn-ghost:hover{background: var(--bb-bg-alt) !important;color: var(--bb-text) !important}vaadin-button.bb-btn-ghost::part(label){color: inherit}.bb-btn-row{display: flex;gap: 12px;margin-bottom: 36px;flex-wrap: wrap}.bb-hero{padding: 80px 0 100px;background: linear-gradient(180deg,white,var(--bb-bg-alt) 100%);border-bottom: 1px solid var(--bb-border)}.bb-hero-grid{display: grid;grid-template-columns: 1.05fr 1fr;gap: 64px;align-items: center}.bb-hero-left{display: flex;flex-direction: column}.bb-hero-tag{display: inline-flex;align-items: center;padding: 6px 14px;border-radius: 100px;background: var(--bb-primary-light);color: var(--bb-primary);font-size: 0.82rem;font-weight: 600;width: fit-content;margin-bottom: 24px;border: 1px solid #D6E4F4}.bb-hero-title{font-size: clamp(2.25rem,4.8vw,3.5rem);line-height: 1.1;font-weight: 700;letter-spacing: -0.025em;color: var(--bb-text);margin: 0 0 24px 0;max-width: 600px}.bb-hero-sub{font-size: 1.15rem;line-height: 1.65;color: var(--bb-text-soft);margin: 0 0 36px 0;max-width: 540px}.bb-hero-trust{display: flex;flex-wrap: wrap;gap: 16px 24px}.bb-trust{display: flex;align-items: center;gap: 8px;font-size: 0.9rem;color: var(--bb-text-soft)}.bb-trust vaadin-icon{color: var(--bb-success);width: 16px;height: 16px}.bb-hero-right{display: flex;justify-content: center}.bb-mockup{background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md);overflow: hidden;box-shadow: 0 1px 2px rgba(15,23,41,0.04),0 8px 24px rgba(15,23,41,0.08),0 24px 60px rgba(15,23,41,0.06);width: 100%;max-width: 560px}.bb-mockup-bar{display: flex;align-items: center;gap: 6px;padding: 12px 16px;background: var(--bb-bg-alt);border-bottom: 1px solid var(--bb-border)}.bb-mockup-dot{width: 10px;height: 10px;border-radius: 50%;background: var(--bb-border-strong)}.bb-mockup-addr{margin-left: 14px;color: var(--bb-text-muted);font-size: 0.82rem;font-family: "JetBrains Mono","SF Mono",monospace;transition: color 0.3s ease,text-shadow 0.3s ease;cursor: default}.bb-mockup:hover .bb-mockup-addr,.bb-mockup-bar-hover:hover .bb-mockup-addr{color: var(--bb-primary);text-shadow: 0 0 8px rgba(30,90,168,0.6),0 0 20px rgba(30,90,168,0.3)}.bb-mockup-body{display: grid;grid-template-columns: 140px 1fr;height: 320px}.bb-mockup-sidebar{background: var(--bb-bg-alt);border-right: 1px solid var(--bb-border);padding: 14px 8px;display: flex;flex-direction: column;gap: 2px}.bb-mockup-sidebar-item{padding: 7px 12px;border-radius: 6px;font-size: 0.82rem;color: var(--bb-text-soft);cursor: default}.bb-mockup-sidebar-item.active{background: var(--bb-primary);color: white;font-weight: 500}.bb-mockup-content{padding: 18px 20px;display: flex;flex-direction: column;gap: 14px;overflow: hidden}.bb-mockup-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px}.bb-mockup-stat{padding: 10px 12px;background: var(--bb-bg-alt);border: 1px solid var(--bb-border);border-radius: var(--bb-radius)}.bb-mockup-stat-label{display: block;font-size: 0.68rem;color: var(--bb-text-muted);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 4px}.bb-mockup-stat-value{display: block;font-size: 1.1rem;font-weight: 700;color: var(--bb-text)}.bb-mockup-table-header{display: grid;grid-template-columns: 1fr 80px;padding: 0 4px}.bb-mockup-th{font-size: 0.7rem;font-weight: 600;color: var(--bb-text-muted);text-transform: uppercase;letter-spacing: 0.05em}.bb-mockup-table{display: flex;flex-direction: column;gap: 4px}.bb-mockup-row{display: grid;grid-template-columns: 1fr 80px;align-items: center;padding: 8px 4px;border-top: 1px solid var(--bb-border)}.bb-mockup-cell{font-size: 0.82rem;color: var(--bb-text)}.bb-mockup-status{font-size: 0.7rem;font-weight: 600;padding: 3px 8px;border-radius: 100px;text-align: center;width: fit-content}.bb-mockup-status.ok{background: #E6F4EE;color: var(--bb-success)}.bb-mockup-status.warn{background: #FBF1E1;color: var(--bb-warn)}.bb-logos{padding: 56px 0;background: var(--bb-bg);border-bottom: 1px solid var(--bb-border)}.bb-logos-hint{display: block;text-align: center;font-size: 0.85rem;color: var(--bb-text-muted);margin-bottom: 24px;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 500}.bb-logos-row{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 16px 48px}.bb-logo-placeholder{font-size: 1.05rem;font-weight: 600;color: var(--bb-text-muted);letter-spacing: -0.01em;transition: color 0.2s}.bb-logo-placeholder:hover{color: var(--bb-text-soft)}.bb-cards-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.bb-card{padding: 28px 24px;background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md);transition: border-color 0.15s,box-shadow 0.15s,transform 0.15s}.bb-card:hover{border-color: var(--bb-border-strong);box-shadow: 0 4px 20px rgba(15,23,41,0.06);transform: translateY(-2px)}.bb-card-icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--bb-radius);background: var(--bb-primary-light);color: var(--bb-primary);margin-bottom: 18px}.bb-card-icon vaadin-icon{width: 20px;height: 20px;color: var(--bb-primary)}.bb-card-title{font-size: 1.1rem;font-weight: 600;color: var(--bb-text);margin: 0 0 8px 0;letter-spacing: -0.01em}.bb-card-text{font-size: 0.95rem;line-height: 1.6;color: var(--bb-text-soft);margin: 0}.bb-features-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 32px 40px}.bb-feature{padding-top: 20px;border-top: 2px solid var(--bb-primary)}.bb-feature-num{display: block;font-size: 0.78rem;font-weight: 700;color: var(--bb-primary);letter-spacing: 0.08em;margin-bottom: 10px}.bb-feature-title{font-size: 1.1rem;font-weight: 600;color: var(--bb-text);margin: 0 0 6px 0;letter-spacing: -0.01em}.bb-feature-text{font-size: 0.95rem;line-height: 1.6;color: var(--bb-text-soft);margin: 0}.bb-steps{display: grid;grid-template-columns: repeat(2,1fr);gap: 16px}.bb-step{display: flex;gap: 18px;padding: 24px;background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md);transition: border-color 0.15s,box-shadow 0.15s}.bb-step:hover{border-color: var(--bb-primary);box-shadow: 0 4px 20px rgba(30,90,168,0.08)}.bb-step-num{flex-shrink: 0;width: 44px;height: 44px;border-radius: var(--bb-radius);background: var(--bb-primary-light);color: var(--bb-primary);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.95rem;border: 1px solid #D6E4F4}.bb-step-content{flex: 1}.bb-step-title{font-size: 1.05rem;font-weight: 600;color: var(--bb-text);margin: 0 0 4px 0;letter-spacing: -0.01em}.bb-step-text{font-size: 0.92rem;line-height: 1.6;color: var(--bb-text-soft);margin: 0}.bb-banner-section{padding: 60px 0;background: var(--bb-bg)}.bb-banner{background: linear-gradient(135deg,var(--bb-primary),var(--bb-primary-dark));border-radius: var(--bb-radius-lg);padding: 56px 64px;color: white;box-shadow: 0 8px 30px rgba(30,90,168,0.18)}.bb-banner-tag{display: inline-block;font-size: 0.78rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255,255,255,0.8);margin-bottom: 14px}.bb-banner-title{font-size: clamp(1.6rem,3vw,2.2rem);line-height: 1.2;font-weight: 700;color: white;letter-spacing: -0.02em;margin: 0 0 16px 0;max-width: 720px}.bb-banner-text{font-size: 1.05rem;line-height: 1.6;color: rgba(255,255,255,0.9);margin: 0 0 28px 0;max-width: 720px}.bb-banner vaadin-button.bb-btn-primary,.bb-banner .bb-btn-primary{background: white !important;color: var(--bb-primary) !important;border-color: white !important}.bb-banner vaadin-button.bb-btn-primary:hover,.bb-banner .bb-btn-primary:hover{background: var(--bb-primary-light) !important;border-color: var(--bb-primary-light) !important}.bb-banner vaadin-button.bb-btn-primary::part(label){color: var(--bb-primary)}.bb-projects-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.bb-project{background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md);overflow: hidden;transition: all 0.15s}.bb-project:hover{border-color: var(--bb-border-strong);box-shadow: 0 6px 24px rgba(15,23,41,0.08);transform: translateY(-2px)}.bb-project-top{background: var(--bb-bg-alt);border-bottom: 1px solid var(--bb-border);overflow: hidden;position: relative;padding: 16px;display: flex;align-items: center;justify-content: center;min-height: 200px}.bb-project-img{width: 100%;height: auto;max-height: 260px;object-fit: contain;object-position: top center;display: block;border-radius: 6px;border: 2px solid var(--bb-border-strong);outline: 1px solid var(--bb-border);box-shadow: 0 2px 8px rgba(15,23,41,0.12),0 8px 24px rgba(15,23,41,0.10);transition: transform 0.4s cubic-bezier(0.22,0.61,0.36,1),box-shadow 0.4s ease,border-color 0.3s ease}.bb-project:hover .bb-project-img{transform: scale(1.02) translateY(-3px);border-color: var(--bb-primary);box-shadow: 0 4px 16px rgba(15,23,41,0.14),0 16px 40px rgba(30,90,168,0.12)}.bb-project-mock{display: flex;flex-direction: column;gap: 6px;width: 100%;max-width: 220px;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}.bb-project-mock-bar{height: 22px;border-radius: 4px;background: white;border: 1px solid var(--bb-border);position: relative;overflow: hidden}.bb-project-mock-bar::after{content: "";position: absolute;top: 0;left: 0;height: 100%;background: var(--bb-primary);border-radius: 4px;opacity: 0.85}.bb-project-mock-bar:nth-child(1)::after{width: 70%}.bb-project-mock-bar:nth-child(2)::after{width: 45%}.bb-project-mock-bar:nth-child(3)::after{width: 85%}.bb-project-body{padding: 24px}.bb-project-client{display: block;font-size: 0.75rem;font-weight: 600;color: var(--bb-primary);letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 8px}.bb-project-title{font-size: 1.2rem;font-weight: 700;color: var(--bb-text);margin: 0 0 10px 0;letter-spacing: -0.01em}.bb-project-text{font-size: 0.95rem;line-height: 1.6;color: var(--bb-text-soft);margin: 0 0 16px 0}.bb-project-tags{display: flex;gap: 6px;flex-wrap: wrap}.bb-tag{padding: 4px 10px;border-radius: 100px;background: var(--bb-bg-alt);border: 1px solid var(--bb-border);font-size: 0.75rem;color: var(--bb-text-soft);font-weight: 500}.bb-team-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;max-width: 880px}.bb-team-card{padding: 32px 28px;background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md);text-align: center;transition: border-color 0.15s,box-shadow 0.15s}.bb-team-card:hover{border-color: var(--bb-primary);box-shadow: 0 6px 24px rgba(30,90,168,0.10)}.bb-team-avatar,.bb-team-avatar-fallback{width: 88px;height: 88px;border-radius: 50%;object-fit: cover;margin: 0 auto 18px;display: flex;align-items: center;justify-content: center;background: var(--bb-primary-light);color: var(--bb-primary);font-weight: 700;font-size: 1.7rem;border: 3px solid white;box-shadow: 0 0 0 1px var(--bb-border)}.bb-team-name{font-size: 1.15rem;font-weight: 700;color: var(--bb-text);margin: 0 0 4px 0}.bb-team-role{display: block;font-size: 0.88rem;color: var(--bb-primary);font-weight: 500;margin-bottom: 14px}.bb-team-bio{font-size: 0.92rem;line-height: 1.6;color: var(--bb-text-soft);margin: 0}.bb-contact-grid{display: grid;grid-template-columns: 1fr 1.4fr;gap: 40px;align-items: start}.bb-contact-info{display: flex;flex-direction: column;gap: 14px}.bb-contact-row{display: flex;align-items: center;gap: 14px;padding: 16px 18px;background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md)}.bb-contact-icon{width: 36px;height: 36px;border-radius: var(--bb-radius);background: var(--bb-primary-light);border: 1px solid #D6E4F4;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.bb-contact-icon vaadin-icon{width: 16px;height: 16px;color: var(--bb-primary)}.bb-contact-texts{display: flex;flex-direction: column}.bb-contact-label{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.08em;color: var(--bb-text-muted);margin-bottom: 2px;font-weight: 500}.bb-contact-value{font-size: 0.95rem;color: var(--bb-text);font-weight: 500}.bb-form-card{padding: 36px;background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-md)}.bb-form{width: 100%}vaadin-text-field.bb-input,vaadin-text-area.bb-input,vaadin-select.bb-input,vaadin-multi-select-combo-box.bb-input{--vaadin-input-field-background: var(--bb-primary-soft);--vaadin-input-field-border-color: var(--bb-border-strong);--vaadin-input-field-value-color: var(--bb-text);--vaadin-input-field-label-color: var(--bb-text);--vaadin-input-field-placeholder-color: var(--bb-text-muted);--vaadin-input-field-border-radius: 8px}vaadin-text-field.bb-input::part(label),vaadin-text-area.bb-input::part(label),vaadin-select.bb-input::part(label),vaadin-multi-select-combo-box.bb-input::part(label){color: var(--bb-text);font-weight: 500;font-size: 0.88rem}vaadin-text-field.bb-input::part(input-field),vaadin-text-area.bb-input::part(input-field),vaadin-select.bb-input::part(input-field),vaadin-multi-select-combo-box.bb-input::part(input-field){background: var(--bb-primary-soft);border: 1px solid var(--bb-border-strong);border-radius: 8px;color: var(--bb-text);transition: border-color 0.15s,background 0.2s,box-shadow 0.15s}vaadin-text-field.bb-input::part(input-field):hover,vaadin-text-area.bb-input::part(input-field):hover,vaadin-select.bb-input::part(input-field):hover,vaadin-multi-select-combo-box.bb-input::part(input-field):hover{border-color: var(--bb-text-muted)}vaadin-text-field.bb-input[focused]::part(input-field),vaadin-text-area.bb-input[focused]::part(input-field),vaadin-select.bb-input[focused]::part(input-field),vaadin-multi-select-combo-box.bb-input[focused]::part(input-field){background: var(--bb-primary-soft);border-color: var(--bb-primary);box-shadow: 0 0 0 3px rgba(30,90,168,0.10)}vaadin-text-field.bb-input input,vaadin-text-area.bb-input textarea{color: var(--bb-text) !important}.bb-dialog-form vaadin-text-field.bb-input,.bb-dialog-form vaadin-text-area.bb-input,.bb-dialog-form vaadin-select.bb-input,.bb-dialog-form vaadin-multi-select-combo-box.bb-input{--vaadin-input-field-background: var(--bb-primary-soft);--vaadin-input-field-border-color: var(--bb-border-strong);--vaadin-input-field-label-color: var(--bb-text);--vaadin-input-field-placeholder-color: var(--bb-text-muted)}.bb-dialog-form vaadin-text-field.bb-input::part(label),.bb-dialog-form vaadin-text-area.bb-input::part(label),.bb-dialog-form vaadin-select.bb-input::part(label),.bb-dialog-form vaadin-multi-select-combo-box.bb-input::part(label){color: var(--bb-text);font-weight: 500;font-size: 0.88rem}.bb-dialog-form vaadin-text-field.bb-input::part(input-field),.bb-dialog-form vaadin-text-area.bb-input::part(input-field),.bb-dialog-form vaadin-select.bb-input::part(input-field),.bb-dialog-form vaadin-multi-select-combo-box.bb-input::part(input-field){background: var(--bb-primary-soft);border: 1px solid var(--bb-border-strong);border-radius: 8px;color: var(--bb-text);transition: border-color 0.15s,background 0.2s,box-shadow 0.15s}.bb-dialog-form vaadin-text-field.bb-input::part(input-field):hover,.bb-dialog-form vaadin-text-area.bb-input::part(input-field):hover,.bb-dialog-form vaadin-select.bb-input::part(input-field):hover,.bb-dialog-form vaadin-multi-select-combo-box.bb-input::part(input-field):hover{border-color: var(--bb-text-muted)}.bb-dialog-form vaadin-text-field.bb-input[focused]::part(input-field),.bb-dialog-form vaadin-text-area.bb-input[focused]::part(input-field),.bb-dialog-form vaadin-select.bb-input[focused]::part(input-field),.bb-dialog-form vaadin-multi-select-combo-box.bb-input[focused]::part(input-field){background: var(--bb-primary-soft);border-color: var(--bb-primary);box-shadow: 0 0 0 3px rgba(30,90,168,0.10)}.bb-dialog-form vaadin-text-field.bb-input input,.bb-dialog-form vaadin-text-area.bb-input textarea{color: var(--bb-text) !important;caret-color: var(--bb-primary)}.bb-dialog-form vaadin-text-field.bb-input input::placeholder,.bb-dialog-form vaadin-text-area.bb-input textarea::placeholder{color: var(--bb-text-muted) !important;opacity: 1}.bb-dialog-form vaadin-select-value-button,.bb-dialog-form vaadin-multi-select-combo-box::part(input-field) input{color: var(--bb-text) !important}vaadin-select-overlay::part(overlay),vaadin-multi-select-combo-box-overlay::part(overlay){background: white;border: 1px solid var(--bb-border-strong);border-radius: var(--bb-radius);color: var(--bb-text);box-shadow: 0 8px 30px rgba(15,23,41,0.12)}vaadin-select-overlay vaadin-item,vaadin-multi-select-combo-box-overlay vaadin-multi-select-combo-box-item{color: var(--bb-text);background: transparent;padding: 8px 12px;border-radius: 6px;margin: 2px 6px;font-size: 0.92rem}vaadin-select-overlay vaadin-item:hover,vaadin-multi-select-combo-box-overlay vaadin-multi-select-combo-box-item:hover{background: var(--bb-primary-soft) !important;color: var(--bb-text)}vaadin-select-overlay vaadin-item[focused],vaadin-select-overlay vaadin-item[selected],vaadin-multi-select-combo-box-overlay vaadin-multi-select-combo-box-item[focused],vaadin-multi-select-combo-box-overlay vaadin-multi-select-combo-box-item[selected]{background: var(--bb-primary-light) !important;color: var(--bb-primary) !important;font-weight: 500}vaadin-multi-select-combo-box-chip{background: var(--bb-primary-light) !important;color: var(--bb-primary) !important;border: 1px solid #D6E4F4 !important;border-radius: 100px !important}.bb-privacy{margin-top: 16px;font-size: 0.82rem;color: var(--bb-text-muted);line-height: 1.5}.bb-footer{background: var(--bb-bg-alt);border-top: 1px solid var(--bb-border);padding: 56px 0 28px;margin-top: 0}.bb-footer-top{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.2fr;gap: 48px;padding-bottom: 36px;border-bottom: 1px solid var(--bb-border)}.bb-footer-col{display: flex;flex-direction: column;gap: 10px}.bb-footer-desc{font-size: 0.9rem;line-height: 1.6;color: var(--bb-text-soft);margin: 8px 0 0 0;max-width: 320px}.bb-footer-heading{font-size: 0.78rem;font-weight: 700;color: var(--bb-text);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 6px}.bb-footer-link{color: var(--bb-text-soft);text-decoration: none;font-size: 0.92rem;transition: color 0.15s}.bb-footer-link:hover{color: var(--bb-primary)}.bb-footer-text{font-size: 0.92rem;color: var(--bb-text-soft)}.bb-footer-bottom{padding-top: 24px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 12px}.bb-footer-copy,.bb-footer-made{font-size: 0.85rem;color: var(--bb-text-muted)}vaadin-dialog-overlay::part(overlay){background: white;border: 1px solid var(--bb-border);border-radius: var(--bb-radius-lg);box-shadow: 0 20px 60px rgba(15,23,41,0.18);color: var(--bb-text)}vaadin-dialog-overlay::part(content){padding: 0;background: transparent}vaadin-dialog-overlay::part(backdrop){background: rgba(15,23,41,0.45);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.bb-dialog-wrapper{display: flex;flex-direction: column;max-height: 88vh;overflow: hidden;background: white}.bb-dialog-header{position: relative;padding: 22px 28px 18px;border-bottom: 1px solid var(--bb-border);background: var(--bb-bg-alt)}.bb-dialog-tag{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;border-radius: 100px;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;background: rgba(34,197,94,0.10);color: #16A34A;border: 1px solid rgba(34,197,94,0.3);margin-bottom: 14px}.bb-dialog-tag::before{content: "●";font-size: 0.6rem;color: #22C55E}.bb-dialog-title{font-size: 1.25rem;font-weight: 700;color: var(--bb-text);margin: 0 0 6px 0;letter-spacing: -0.02em;line-height: 1.2}.bb-dialog-sub{font-size: 0.88rem;line-height: 1.5;color: var(--bb-text-soft);margin: 0;max-width: 640px}.bb-dialog-close,vaadin-button.bb-dialog-close{position: absolute !important;top: 14px;right: 14px;width: 36px !important;height: 36px !important;min-width: 36px !important;border-radius: 8px !important;background: transparent !important;border: 1px solid var(--bb-border) !important;color: var(--bb-text-soft) !important;cursor: pointer;transition: all 0.15s;padding: 0 !important}.bb-dialog-close:hover,vaadin-button.bb-dialog-close:hover{background: var(--bb-bg-subtle) !important;color: var(--bb-text) !important}.bb-dialog-close vaadin-icon{width: 14px;height: 14px;color: var(--bb-text-soft)}.bb-dialog-form{padding: 20px 28px;overflow-y: auto;flex: 1;background: white}.bb-dialog-form::-webkit-scrollbar{width: 8px}.bb-dialog-form::-webkit-scrollbar-track{background: transparent}.bb-dialog-form::-webkit-scrollbar-thumb{background: var(--bb-border-strong);border-radius: 100px}.bb-dialog-form::-webkit-scrollbar-thumb:hover{background: var(--bb-text-muted)}.bb-dialog-divider{position: relative;text-align: center;margin: 12px 0 4px 0}.bb-dialog-divider::before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: var(--bb-border)}.bb-dialog-divider-text{position: relative;background: white;padding: 0 14px;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--bb-text-muted)}.bb-dialog-footer{padding: 14px 28px 20px;border-top: 1px solid var(--bb-border);background: var(--bb-bg-alt);flex-shrink: 0}.bb-dialog-hint{font-size: 0.82rem;color: var(--bb-text-muted);margin: 0 0 14px 0}.bb-dialog-buttons{display: flex !important;align-items: center;justify-content: flex-end;gap: 10px}.bb-dialog-buttons vaadin-button{margin: 0}.bb-dialog-form vaadin-text-field.bb-input,.bb-dialog-form vaadin-text-area.bb-input,.bb-dialog-form vaadin-select.bb-input,.bb-dialog-form vaadin-multi-select-combo-box.bb-input{--vaadin-input-field-background: var(--bb-primary-soft);--vaadin-input-field-border-color: var(--bb-border-strong);--vaadin-input-field-value-color: var(--bb-text);--vaadin-input-field-label-color: var(--bb-text);--vaadin-input-field-placeholder-color: var(--bb-text-muted)}.bb-dialog-form vaadin-text-field.bb-input::part(label),.bb-dialog-form vaadin-text-area.bb-input::part(label),.bb-dialog-form vaadin-select.bb-input::part(label),.bb-dialog-form vaadin-multi-select-combo-box.bb-input::part(label){color: var(--bb-text);font-weight: 500}.bb-dialog-form vaadin-text-field.bb-input::part(input-field),.bb-dialog-form vaadin-text-area.bb-input::part(input-field),.bb-dialog-form vaadin-select.bb-input::part(input-field),.bb-dialog-form vaadin-multi-select-combo-box.bb-input::part(input-field){background: var(--bb-primary-soft);border: 1px solid var(--bb-border-strong);color: var(--bb-text)}.bb-dialog-form vaadin-text-field.bb-input::part(input-field):hover,.bb-dialog-form vaadin-text-area.bb-input::part(input-field):hover,.bb-dialog-form vaadin-select.bb-input::part(input-field):hover,.bb-dialog-form vaadin-multi-select-combo-box.bb-input::part(input-field):hover{border-color: var(--bb-text-muted)}.bb-dialog-form vaadin-text-field.bb-input[focused]::part(input-field),.bb-dialog-form vaadin-text-area.bb-input[focused]::part(input-field),.bb-dialog-form vaadin-select.bb-input[focused]::part(input-field),.bb-dialog-form vaadin-multi-select-combo-box.bb-input[focused]::part(input-field){border-color: var(--bb-primary);box-shadow: 0 0 0 3px rgba(30,90,168,0.12)}.bb-dialog-form vaadin-text-field.bb-input input,.bb-dialog-form vaadin-text-area.bb-input textarea{color: var(--bb-text) !important;caret-color: var(--bb-primary)}.bb-dialog-form vaadin-text-field.bb-input input::placeholder,.bb-dialog-form vaadin-text-area.bb-input textarea::placeholder{color: var(--bb-text-muted) !important;opacity: 1}.bb-dialog-form vaadin-select-value-button,.bb-dialog-form vaadin-multi-select-combo-box::part(input-field) input{color: var(--bb-text) !important}.bb-dialog-footer vaadin-button.bb-btn-primary,.bb-dialog-footer .bb-btn-primary{background: var(--bb-primary) !important;color: white !important;border-color: var(--bb-primary) !important;box-shadow: 0 1px 2px rgba(15,23,41,0.04) !important}.bb-dialog-footer vaadin-button.bb-btn-primary:hover,.bb-dialog-footer .bb-btn-primary:hover{background: var(--bb-primary-dark) !important;border-color: var(--bb-primary-dark) !important;box-shadow: none !important}.bb-dialog-footer vaadin-button.bb-btn-primary::part(label){color: white}.bb-dialog-footer vaadin-button.bb-btn-ghost,.bb-dialog-footer .bb-btn-ghost{background: transparent !important;color: var(--bb-text-soft) !important;border: 1px solid var(--bb-border-strong) !important}.bb-dialog-footer vaadin-button.bb-btn-ghost:hover,.bb-dialog-footer .bb-btn-ghost:hover{background: var(--bb-bg-alt) !important;color: var(--bb-text) !important}.bb-dialog-footer vaadin-button.bb-btn-ghost::part(label){color: inherit}.bb-proto-panel{position: fixed;inset: 0;z-index: 10000;overflow: hidden;display: flex;flex-direction: column}.bb-proto-panel .bb-dialog-wrapper{height: 100vh;max-height: 100vh;border-radius: 0;display: flex;flex-direction: column;width: 100%}.bb-proto-panel .bb-dialog-form{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch}.bb-proto-panel .bb-dialog-header,.bb-proto-panel .bb-dialog-footer{flex-shrink: 0}.bb-header-mobile-row{display: none;padding: 0 12px 10px;gap: 0;border-top: 1px solid var(--bb-border);background: rgba(255,255,255,0.95)}.bb-mobile-nav-pill{flex: 1;text-align: center;white-space: nowrap;padding: 8px 2px;color: var(--bb-text-soft);text-decoration: none;font-size: 0.78rem;font-weight: 500;transition: color 0.15s;position: relative;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent}.bb-mobile-nav-pill::after{content: "";position: absolute;left: 10%;bottom: 0;width: 80%;height: 2px;background: var(--bb-primary);transform: scaleX(0);transform-origin: left center;transition: transform 0.3s cubic-bezier(0.22,0.61,0.36,1);border-radius: 2px}.bb-mobile-nav-pill:hover{color: var(--bb-primary)}.bb-mobile-nav-pill:hover::after,.bb-mobile-nav-pill.is-active::after{transform: scaleX(1)}.bb-mobile-nav-pill.is-active{color: var(--bb-primary)}@media (prefers-reduced-motion: reduce){.bb-reveal,.bb-mockup,.bb-card,.bb-step,.bb-project,.bb-team-card{transition: none !important;animation: none !important;transform: none !important;opacity: 1 !important}}.bb-reveal{opacity: 0;transform: translateY(24px);transition: opacity 0.7s cubic-bezier(0.22,0.61,0.36,1),transform 0.7s cubic-bezier(0.22,0.61,0.36,1);will-change: opacity,transform}.bb-reveal.is-visible{opacity: 1;transform: translateY(0)}.bb-hero-tag{position: relative;overflow: hidden}.bb-hero-tag::after{content: "";position: absolute;inset: 0;border-radius: inherit;box-shadow: 0 0 0 0 rgba(30,90,168,0.35);animation: bb-pulse 2.6s cubic-bezier(0.4,0,0.6,1) infinite;pointer-events: none}@keyframes bb-pulse{0%{box-shadow: 0 0 0 0 rgba(30,90,168,0.30)}70%{box-shadow: 0 0 0 10px rgba(30,90,168,0.00)}100%{box-shadow: 0 0 0 0 rgba(30,90,168,0.00)}}.bb-hero-title{animation: bb-rise 0.9s cubic-bezier(0.22,0.61,0.36,1) both}.bb-hero-sub{animation: bb-rise 0.9s cubic-bezier(0.22,0.61,0.36,1) 0.1s both}.bb-btn-row{animation: bb-rise 0.9s cubic-bezier(0.22,0.61,0.36,1) 0.2s both}.bb-hero-trust{animation: bb-rise 0.9s cubic-bezier(0.22,0.61,0.36,1) 0.3s both}@keyframes bb-rise{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.bb-tilt-wrapper{perspective: 1400px;padding: 8px;margin: -8px}.bb-mockup{transform-style: preserve-3d;will-change: transform;transition: transform 0.8s cubic-bezier(0.22,0.61,0.36,1),box-shadow 0.4s ease}.bb-mockup.bb-tilt-idle{animation: bb-mockup-idle 8s ease-in-out infinite}@keyframes bb-mockup-idle{0%,100%{transform: perspective(1400px) rotateX(1deg) rotateY(-2deg)}50%{transform: perspective(1400px) rotateX(-1deg) rotateY(2deg)}}.bb-mockup.bb-tilt-active{transition: transform 0.08s linear,box-shadow 0.4s ease;box-shadow: 0 1px 2px rgba(15,23,41,0.04),0 16px 40px rgba(15,23,41,0.12),0 40px 100px rgba(30,90,168,0.15)}.bb-mockup-bar{transform: translateZ(20px)}.bb-mockup-sidebar{transform: translateZ(15px)}.bb-mockup-stats{transform: translateZ(30px)}.bb-mockup-table{transform: translateZ(25px)}.bb-mockup-status.ok::before{content: "";display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: var(--bb-success);margin-right: 5px;vertical-align: middle;animation: bb-heartbeat 1.6s ease-in-out infinite}@keyframes bb-heartbeat{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.4;transform: scale(0.85)}}.bb-card{transition: border-color 0.25s ease,box-shadow 0.35s ease,transform 0.35s cubic-bezier(0.22,0.61,0.36,1)}.bb-card:hover{transform: translateY(-4px);box-shadow: 0 1px 2px rgba(15,23,41,0.04),0 12px 30px rgba(15,23,41,0.08)}.bb-card-icon{transition: transform 0.35s cubic-bezier(0.22,0.61,0.36,1),background 0.25s ease}.bb-card:hover .bb-card-icon{transform: scale(1.08) rotate(-3deg);background: var(--bb-primary)}.bb-card:hover .bb-card-icon vaadin-icon{color: white}.bb-step-num{transition: background 0.3s ease,color 0.3s ease,transform 0.3s ease}.bb-step:hover .bb-step-num{background: var(--bb-primary);color: white;transform: scale(1.06)}.bb-project-mock-bar::after{transition: width 0.6s cubic-bezier(0.22,0.61,0.36,1)}.bb-project:hover .bb-project-mock-bar:nth-child(1)::after{width: 95%}.bb-project:hover .bb-project-mock-bar:nth-child(2)::after{width: 70%}.bb-project:hover .bb-project-mock-bar:nth-child(3)::after{width: 100%}.bb-team-avatar,.bb-team-avatar-fallback{transition: transform 0.4s cubic-bezier(0.22,0.61,0.36,1),box-shadow 0.3s ease}.bb-team-card:hover .bb-team-avatar,.bb-team-card:hover .bb-team-avatar-fallback{transform: translateY(-3px) scale(1.04);box-shadow: 0 0 0 1px var(--bb-primary),0 6px 20px rgba(30,90,168,0.15)}.bb-btn-primary,vaadin-button.bb-btn-primary{position: relative;overflow: hidden}.bb-btn-primary::before,vaadin-button.bb-btn-primary::before{content: "";position: absolute;top: 0;left: -120%;width: 60%;height: 100%;background: linear-gradient( 100deg,transparent 0%,rgba(255,255,255,0.18) 50%,transparent 100% );transform: skewX(-20deg);transition: left 0.6s ease;pointer-events: none}.bb-btn-primary:hover::before,vaadin-button.bb-btn-primary:hover::before{left: 130%}.bb-header-link{position: relative;padding-bottom: 4px}.bb-header-link::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: var(--bb-primary);transform: scaleX(0);transform-origin: left center;transition: transform 0.3s cubic-bezier(0.22,0.61,0.36,1)}.bb-header-link:hover::after,.bb-header-link.is-active::after{transform: scaleX(1)}.bb-header-link.is-active{color: var(--bb-primary)}.bb-banner{position: relative;overflow: hidden}.bb-banner::before{content: "";position: absolute;top: -50%;right: -20%;width: 600px;height: 600px;background: radial-gradient( circle,rgba(255,255,255,0.10) 0%,transparent 60% );pointer-events: none;animation: bb-banner-drift 16s ease-in-out infinite}@keyframes bb-banner-drift{0%,100%{transform: translate(0,0) scale(1)}50%{transform: translate(-40px,30px) scale(1.1)}}.bb-logo-placeholder{transition: color 0.25s ease,transform 0.25s ease}.bb-logo-placeholder:hover{transform: translateY(-2px);color: var(--bb-primary)}@keyframes bb-dialog-in{from{opacity: 0;transform: translateY(20px) scale(0.98)}to{opacity: 1;transform: translateY(0) scale(1)}}vaadin-dialog-overlay[opening]::part(overlay),vaadin-dialog-overlay::part(overlay){animation: bb-dialog-in 0.35s cubic-bezier(0.22,0.61,0.36,1) both}vaadin-notification-card{animation: none !important}#bb-success-toast{position: fixed;top: 24px;left: 50%;transform: translateX(-50%);z-index: 99999;animation: bbt-slide 0.4s cubic-bezier(0.22,0.61,0.36,1) both}@keyframes bbt-slide{from{opacity: 0;transform: translateX(-50%) translateY(-16px) scale(0.97)}to{opacity: 1;transform: translateX(-50%) translateY(0) scale(1)}}.bbt-inner{position: relative;display: flex;align-items: flex-start;gap: 14px;padding: 18px 20px;background: white;border: 1px solid #D1FAE5;border-left: 5px solid #22C55E;border-radius: 12px;box-shadow: 0 4px 6px rgba(15,23,41,0.06),0 20px 50px rgba(15,23,41,0.16);width: clamp(260px,90vw,420px);box-sizing: border-box;font-family: "Inter",-apple-system,"Segoe UI",sans-serif}.bbt-icon{flex-shrink: 0;width: 40px;height: 40px;border-radius: 50%;background: #DCFCE7;display: flex;align-items: center;justify-content: center;color: #16A34A;font-size: 1.1rem;font-weight: 700;line-height: 1}.bbt-texts{flex: 1;display: flex;flex-direction: column;gap: 3px;min-width: 0}.bbt-title{font-size: 1rem;font-weight: 700;color: #0F1729;line-height: 1.2}.bbt-msg{font-size: 0.9rem;line-height: 1.45;color: #4A5567}.bbt-close{flex-shrink: 0;width: 26px;height: 26px;border-radius: 6px;background: transparent;border: none;color: #7A8597;cursor: pointer;font-size: 0.85rem;display: flex;align-items: center;justify-content: center;transition: background 0.15s,color 0.15s;padding: 0;line-height: 1}.bbt-close:hover{background: #F1F4F9;color: #0F1729}.bbt-bar{position: absolute;bottom: 0;left: 0;height: 3px;border-radius: 0 0 0 12px;background: #22C55E;animation: bbt-progress 7s linear forwards}@keyframes bbt-progress{from{width: 100%}to{width: 0%}}@media (max-width: 1024px){.bb-section{padding: 72px 0}.bb-hero-grid{grid-template-columns: 1fr;gap: 48px}.bb-hero-right{order: 1}.bb-cards-grid,.bb-features-grid{grid-template-columns: repeat(2,1fr)}.bb-steps{grid-template-columns: 1fr}.bb-projects-grid,.bb-team-grid{grid-template-columns: 1fr}.bb-contact-grid{grid-template-columns: 1fr;gap: 28px}.bb-footer-top{grid-template-columns: 1fr 1fr;gap: 32px}.bb-banner{padding: 40px}}@media (max-width: 640px){.bb-container{padding: 0 20px}.bb-section{padding: 56px 0}.bb-header-inner{padding: 12px 20px;gap: 12px}.bb-header-links{display: none}.bb-header-mobile-row{display: flex}.bb-hero{padding: 48px 0 64px}.bb-cards-grid,.bb-features-grid{grid-template-columns: 1fr}.bb-btn-row{flex-direction: column;gap: 10px}.bb-btn-row .bb-btn-primary,.bb-btn-row vaadin-button.bb-btn-primary,.bb-btn-row .bb-btn-secondary{width: 100% !important;flex: none;box-sizing: border-box}.bb-btn-primary,vaadin-button.bb-btn-primary,.bb-btn-secondary{width: auto;max-width: 100%;padding: 8px 12px !important;font-size: 0.85rem !important;white-space: normal !important;line-height: 1.2;text-align: center}vaadin-button.bb-btn-primary::part(label),vaadin-button.bb-btn-primary [slot="prefix"],vaadin-button.bb-btn-primary span{white-space: normal !important;overflow: visible !important;text-overflow: clip !important}.bb-btn-large,vaadin-button.bb-btn-large{height: auto !important;min-height: 50px !important;padding: 10px 14px !important;font-size: 0.9rem !important}.bb-banner vaadin-button.bb-btn-primary,.bb-banner .bb-btn-primary{width: auto}.bb-header vaadin-button.bb-btn-primary,.bb-header .bb-btn-primary{height: 38px !important;min-height: 38px !important;padding: 0 14px !important;font-size: 0.85rem !important;white-space: nowrap}.bb-form-card{padding: 24px}.bb-banner{padding: 32px 24px}.bb-mockup-body{grid-template-columns: 1fr;height: auto}.bb-mockup-sidebar{display: none}.bb-footer-top{grid-template-columns: 1fr;gap: 28px}vaadin-dialog-overlay::part(overlay){width: 100vw !important;height: 100vh !important;max-width: 100vw !important;max-height: 100vh !important;min-width: 0 !important;border-radius: 0 !important;margin: 0 !important;padding: 0 !important;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;box-shadow: none !important;border: none !important;box-sizing: border-box !important;position: fixed !important;overflow: hidden !important}vaadin-dialog-overlay::part(content){padding: 0 !important;margin: 0 !important;height: 100% !important;width: 100% !important;box-sizing: border-box !important;overflow: hidden !important}vaadin-dialog-overlay::part(backdrop){display: none !important}.bb-dialog-wrapper{max-height: 100vh;height: 100vh;width: 100vw;border-radius: 0;box-sizing: border-box}.bb-dialog-header{padding: 16px 16px 12px}.bb-dialog-form{padding: 14px 16px}.bb-dialog-footer{padding: 12px 16px 16px}.bb-dialog-title{font-size: 1.1rem}.bb-dialog-sub{font-size: 0.82rem}.bb-dialog-buttons{flex-direction: column-reverse;align-items: stretch}.bb-dialog-buttons vaadin-button{width: 100%}}@media (max-width: 380px){.bb-btn-row{flex-direction: column;align-items: stretch}.bb-btn-row .bb-btn-primary,.bb-btn-row vaadin-button.bb-btn-primary,.bb-btn-row .bb-btn-secondary{width: 100%}}