.btn,.brxe-button.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); padding: 12px 28px; font-family: var(--font-body); font-size: var(--fs-body); font-weight: var(--fw-semibold); line-height: 1; border-radius: var(--radius-md); border: none; cursor: pointer; transition: all var(--transition-base); text-decoration: none;}.btn-primary,.brxe-button.btn-primary { background: var(--gradient-button); color: var(--color-text-white) !important; box-shadow: var(--shadow-button);}.btn-primary:hover,.brxe-button.btn-primary:hover { background: var(--gradient-button-hover); box-shadow: var(--shadow-button-hover); transform: translateY(-1px);}.btn-secondary,.brxe-button.btn-secondary { background: var(--color-bg-white); color: var(--color-primary) !important; border: 2px solid var(--color-primary);}.btn-secondary:hover,.brxe-button.btn-secondary:hover { background: var(--color-primary); color: var(--color-text-white) !important;}.btn-outline-light,.brxe-button.btn-outline-light { background: transparent; color: var(--color-text-white) !important; border: 2px solid var(--color-text-white);}.btn-outline-light:hover,.brxe-button.btn-outline-light:hover { background: var(--color-text-white); color: var(--color-primary) !important;}.btn-large,.brxe-button.btn-large { padding: 16px 36px; font-size: var(--fs-body-lg);}.card { background: var(--color-bg-white); border-radius: var(--radius-lg); padding: var(--space-xl); border: 1px solid var(--color-border-light); transition: all var(--transition-base);}.card-elevated { background: var(--color-bg-white); border-radius: var(--radius-lg); padding: var(--space-xl); box-shadow: var(--shadow-md); border: none; transition: all var(--transition-base);}.card-elevated:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg);}.card-with-image { position: relative; border-radius: var(--radius-lg); overflow: hidden; min-height: 320px; padding: var(--space-xl); display: flex; flex-direction: column; justify-content: flex-end; color: var(--color-text-white);}.section-cream { background: var(--color-bg-cream);}.section-dark { background: var(--color-primary); color: var(--color-text-white);}.section-white { background: var(--color-bg-white);}.container-content { width: 100%; max-width: var(--container-content); margin-left: auto; margin-right: auto; padding-left: var(--space-lg); padding-right: var(--space-lg);}.container-narrow { width: 100%; max-width: var(--container-narrow); margin-left: auto; margin-right: auto; padding-left: var(--space-lg); padding-right: var(--space-lg);}.section-label { display: inline-block; font-family: var(--font-body); font-size: var(--fs-small); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-primary); margin-bottom: var(--space-md);}.form-input,.brxe-form input[type="text"],.brxe-form input[type="email"],.brxe-form input[type="tel"],.brxe-form textarea { width: 100%; padding: 12px 16px; font-family: var(--font-body); font-size: var(--fs-body); color: var(--color-text-dark); background: var(--color-bg-white); border: 1.5px solid var(--color-border-medium); border-radius: var(--radius-sm); transition: border-color var(--transition-fast);}.form-input:focus,.brxe-form input:focus,.brxe-form textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(31, 58, 46, 0.1);}.faq-item { border: 1px solid var(--color-border-light); border-radius: var(--radius-md); margin-bottom: var(--space-sm); background: var(--color-bg-white); overflow: hidden; transition: all var(--transition-base);}.faq-question { display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); padding: var(--space-md) var(--space-lg); font-family: var(--font-body); font-size: var(--fs-body-lg); font-weight: var(--fw-semibold); color: var(--color-text-dark); cursor: pointer;}.faq-answer { padding: 0 var(--space-lg) var(--space-md); font-size: var(--fs-body); line-height: var(--lh-relaxed); color: var(--color-text-medium);}.icon-feature { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--color-primary); margin-bottom: var(--space-md);}.icon-badge { width: 24px; height: 24px; border-radius: var(--radius-full); background: var(--color-accent-light); color: var(--color-primary); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}body { font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-normal); color: var(--color-text-dark);}h1, h2, h3, h4, h5, h6,.brxe-heading { font-family: var(--font-heading); color: var(--color-text-dark); letter-spacing: -0.015em;}h1, .brxe-heading.h1 { font-size: var(--fs-display); font-weight: var(--fw-medium); line-height: var(--lh-tight);}h2, .brxe-heading.h2 { font-size: var(--fs-h2); font-weight: var(--fw-medium); line-height: var(--lh-snug);}h3, .brxe-heading.h3 { font-size: var(--fs-h3); font-weight: var(--fw-semibold); line-height: var(--lh-snug);}