:root{--font-editorial: "DM Serif Display",Georgia,serif;--font-mono: "JetBrains Mono","Fira Code",monospace;--surface-body: #ffffff;--surface-card: #ffffff;--surface-section-alt: #f5f4f7;--ink-primary: #1b1a1f;--ink-muted: #55535e;--wm-hairline: rgba(20,18,28,0.12);--wm-paper: #f5f4f7;--wm-paper-ink: #16151a;--weight-heading-light: 500;--weight-body-medium: 500;--weight-body-bold: 600;--color-success: #2e7d32;--color-warning: #ed6c02;--color-error: #c62828;--ink-tertiary: #8a9bb0;--surface-elevated: #ffffff;--surface-section-warm: #f9f6f2;--surface-overlay: rgba(255,255,255,0.85);--surface-header: var(--color-primary,var(--bouw-brand-unset));--surface-header-dark: color-mix(in srgb,var(--color-primary,var(--bouw-brand-unset)) 80%,black);--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(60,42,20,0.06);--shadow-sm: 0 1px 3px rgba(60,42,20,0.08),0 4px 8px rgba(60,42,20,0.04);--shadow-md: 0 2px 4px rgba(60,42,20,0.08),0 8px 20px rgba(60,42,20,0.06);--shadow-lg: 0 4px 6px rgba(60,42,20,0.06),0 16px 40px rgba(60,42,20,0.10);--shadow-xl: 0 8px 12px rgba(60,42,20,0.06),0 24px 56px rgba(60,42,20,0.14);--shadow-hover:0 4px 8px rgba(60,42,20,0.08),0 12px 28px rgba(60,42,20,0.12);--shadow-inset-highlight: inset 0 1px 0 rgba(255,255,255,0.5);--glass-bg: rgba(255,255,255,0.75);--glass-bg-heavy: rgba(255,255,255,0.90);--glass-blur: 12px;--glass-blur-heavy: 20px;--glass-border: 1px solid rgba(255,255,255,0.3);--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.5rem;--text-xl: clamp(1.75rem,3vw,2.25rem);--text-2xl: clamp(2rem,4vw,3rem);--text-display: clamp(2.5rem,5vw,4rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -0.01em;--tracking-normal: 0;--tracking-wide: 0.04em;--tracking-caps: 0.12em;--motion-duration: 300ms;--motion-duration-fast: 150ms;--motion-duration-slow: 500ms;--ease-standard: cubic-bezier(0.2,0,0,1);--ease-decelerate: cubic-bezier(0,0,0,1);--ease-accelerate: cubic-bezier(0.3,0,1,1);--transition-base: var(--motion-duration) var(--ease-standard);--transition-fast: var(--motion-duration-fast) var(--ease-standard);--transition-slow: var(--motion-duration-slow) var(--ease-decelerate);--hover-lift: translateY(-2px);--hover-press: scale(0.98);--layout-content: 1200px;--layout-narrow: 720px;--layout-wide: 1400px;--layout-gutter: clamp(1rem,4vw,2.5rem);--col-major: 62%;--col-minor: 38%;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--section-breathe: clamp(4rem,8vw,7rem);--section-normal: clamp(3rem,5vw,4.5rem);--section-compact: clamp(1.5rem,3vw,2.5rem);--heading-gap: 1.25rem;--card-gap: clamp(0.75rem,2vw,1.25rem);--input-height: 44px;--input-padding: 0.625rem 0.875rem;--input-radius: var(--radius-sm);--input-border: 1px solid rgba(60,42,20,0.15);--input-border-focus: 2px solid var(--color-primary);--input-bg: var(--surface-card);--btn-padding: 0.625rem 1.25rem;--btn-padding-lg: 0.75rem 1.75rem;--btn-font-weight: var(--weight-body-bold);--btn-transition: background var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);--card-padding: var(--space-lg);--card-bg: var(--surface-card);--card-border: 1px solid rgba(60,42,20,0.06);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-hover);--tag-radius: var(--radius-xs);--tag-padding: 0.2rem 0.6rem;--tag-font-size: var(--text-xs);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--color-rating-star: #f59e0b;--ink-inverse-muted: rgba(255,255,255,0.85);--ink-inverse-subtle: rgba(255,255,255,0.6);--border-inverse: rgba(255,255,255,0.1);--border-inverse-strong: rgba(255,255,255,0.3);--divider-subtle: rgba(60,42,20,0.08);--surface-primary-tint: #e9f2ff;--surface-primary-tint-hover: #d4e5ff;--surface-input-disabled: #e5e7eb;--bouw-border-light: #d1d5db;--bouw-border-muted: #9ca3af;--bouw-color-primary: var(--color-primary);--bouw-color-accent: var(--color-accent);--bouw-color-base: var(--surface-card);--bouw-color-contrast: var(--ink-primary);--bouw-color-surface: var(--surface-section-alt);--bouw-color-surface-warm: var(--surface-section-warm);--bouw-color-muted: var(--ink-secondary);--bouw-base: var(--surface-card,#ffffff);--bouw-contrast: var(--ink-primary,#1a1a2e);--bouw-error: var(--color-error,#dc2626);--bouw-success: var(--color-success,#16a34a);--bouw-warning: var(--color-warning,#f59e0b);--bouw-rating-star: var(--color-rating-star,#f59e0b);--bouw-card-bg: var(--card-bg);--bouw-card-border: var(--card-border);--bouw-card-shadow: var(--card-shadow);--bouw-card-radius: var(--card-radius);--bouw-font-family-heading: var(--font-heading);--bouw-font-family-body: var(--font-body);--bouw-section-gap: var(--section-normal);--bouw-heading-gap: var(--heading-gap);--bouw-card-gap: var(--card-gap);--bouw-transition-fast: var(--transition-fast);--bouw-transition-base: var(--transition-base);--bouw-transition-slow: var(--transition-slow);--bouw-layout-content-width:var(--layout-content);--bouw-responsive-gutter: var(--layout-gutter);--bouw-input-radius: var(--input-radius);}
:root{--bouw-brand-unset: #ff00ff;--bouw-brand-unset-font: system-ui,-apple-system,sans-serif;--neutral-50: var(--wp--preset--color--neutral-50,#fafafa);--neutral-100: var(--wp--preset--color--neutral-100,#f5f5f5);--neutral-200: var(--wp--preset--color--neutral-200,#e5e5e5);--neutral-300: var(--wp--preset--color--neutral-300,#d4d4d4);--neutral-400: var(--wp--preset--color--neutral-400,#a3a3a3);--neutral-500: var(--wp--preset--color--neutral-500,#737373);--neutral-600: var(--wp--preset--color--neutral-600,#525252);--neutral-700: var(--wp--preset--color--neutral-700,#404040);--neutral-800: var(--wp--preset--color--neutral-800,#262626);--neutral-900: var(--wp--preset--color--neutral-900,#171717);--space-xs: var(--wp--preset--spacing--20,0.5rem);--space-sm: var(--wp--preset--spacing--30,0.75rem);--space-md: var(--wp--preset--spacing--40,1rem);--space-lg: var(--wp--preset--spacing--50,1.5rem);--space-xl: var(--wp--preset--spacing--60,2rem);--space-2xl: var(--wp--preset--spacing--70,3rem);--space-3xl: var(--wp--preset--spacing--80,4rem);--cta-primary-hover: color-mix(in srgb,var(--cta-primary,var(--bouw-brand-unset)) 85%,black);--cta-primary-active: color-mix(in srgb,var(--cta-primary,var(--bouw-brand-unset)) 70%,black);--success: #059669;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #dc2626;--error-light: #fee2e2;--text-xs: clamp(0.75rem,0.69rem + 0.25vw,0.875rem);--text-sm: clamp(0.875rem,0.81rem + 0.31vw,1rem);--text-base: clamp(1rem,0.93rem + 0.38vw,1.125rem);--text-lg: clamp(1.125rem,1.05rem + 0.38vw,1.25rem);--text-xl: clamp(1.25rem,1.16rem + 0.44vw,1.5rem);--text-2xl: clamp(1.5rem,1.39rem + 0.56vw,1.875rem);--text-3xl: clamp(1.875rem,1.74rem + 0.69vw,2.25rem);--text-4xl: clamp(2.25rem,2.09rem + 0.81vw,2.75rem);--text-5xl: clamp(2.75rem,2.55rem + 1vw,3.5rem);--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-xs: 0.125rem;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);--focus-ring: 0 0 0 3px rgba(37,99,235,0.1);--focus-ring-error: 0 0 0 3px rgba(220,38,38,0.1);--focus-ring-success: 0 0 0 3px rgba(5,150,105,0.1);--transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);--transition-base: 200ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce: 400ms cubic-bezier(0.68,-0.55,0.265,1.55);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--form-height-sm: 2.25rem;--form-height-base: 2.75rem;--form-height-lg: 3.5rem;--form-padding-x: 0.875rem;--form-padding-y: 0.625rem;--cta-height-sm: 2.5rem;--cta-height-base: 3rem;--cta-height-lg: 3.5rem;--cta-padding-x: 1.5rem;--cta-padding-y: 0.75rem;--content-width: 65ch;--content-width-narrow: 45ch;--content-width-wide: 85ch;--delay-xs: 0ms;--delay-sm: 100ms;--delay-md: 200ms;--delay-lg: 300ms;--delay-xl: 400ms;}@media (prefers-color-scheme: dark){:root{--neutral-50: #171717;--neutral-100: #262626;--neutral-200: #404040;--neutral-300: #525252;--neutral-400: #737373;--neutral-500: #a3a3a3;--neutral-600: #d4d4d4;--neutral-700: #e5e5e5;--neutral-800: #f5f5f5;--neutral-900: #fafafa;--shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.4),0 1px 2px -1px rgba(0,0,0,0.4);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.4);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.4);--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.6);}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-bounce: 0ms;}}
.bouw-form{display: flex;flex-direction: column;gap: var(--bouw-spacing-lg);}.bouw-form-row{display: grid;grid-template-columns: 1fr;gap: var(--bouw-spacing-md);}@media (min-width: 640px){.bouw-form-row{grid-template-columns: 1fr 1fr;}}.bouw-form-field-group{display: flex;flex-direction: column;gap: var(--bouw-spacing-xs);}.bouw-form-field-group label{font-family: var(--bouw-font-body);font-size: var(--bouw-font-size-small);font-weight: 600;color: var(--bouw-color-black);line-height: var(--bouw-line-height-normal);}.bouw-form-field-group label span[aria-label]{color: var(--bouw-color-orange);}.bouw-form-field-group input[type="text"],.bouw-form-field-group input[type="email"],.bouw-form-field-group input[type="tel"],.bouw-form-field-group select,.bouw-form-field-group textarea{width: 100%;height: var(--bouw-input-height);padding: 0 var(--bouw-input-padding);font-family: var(--bouw-font-body);font-size: var(--bouw-font-size-body-mobile);line-height: var(--bouw-line-height-normal);color: var(--bouw-input-text);background-color: var(--bouw-input-bg);border: var(--bouw-input-border);border-radius: var(--bouw-input-radius);transition: border-color var(--bouw-transition-base),box-shadow var(--bouw-transition-base);}.bouw-form-field-group textarea{height: auto;min-height: 120px;padding: var(--bouw-spacing-md);resize: vertical;}.bouw-form-field-group input:focus,.bouw-form-field-group select:focus,.bouw-form-field-group textarea:focus{outline: none;border: var(--bouw-input-border-focus);box-shadow: 0 0 0 3px rgba(247,148,29,0.1);}.bouw-form-field-group input.bouw-input-error,.bouw-form-field-group select.bouw-input-error,.bouw-form-field-group textarea.bouw-input-error{border-color: #dc2626;box-shadow: 0 0 0 3px rgba(220,38,38,0.1);}.bouw-form-error{display: block;font-size: var(--bouw-font-size-small);color: #dc2626;margin-top: var(--bouw-spacing-xs);font-weight: 500;}.bouw-form-success{padding: var(--bouw-spacing-md);background-color: #10b981;color: white;border-radius: var(--bouw-radius-md);font-weight: 600;text-align: center;margin-bottom: var(--bouw-spacing-lg);}.bouw-form button[type="submit"]{width: 100%;height: var(--bouw-input-height);padding: 0 var(--bouw-spacing-lg);font-family: var(--bouw-font-body);font-size: var(--bouw-font-size-body-mobile);font-weight: 600;color: var(--bouw-color-white);background-color: var(--bouw-color-orange);border: none;border-radius: var(--bouw-input-radius);cursor: pointer;transition: background-color var(--bouw-transition-base),transform var(--bouw-transition-fast);}.bouw-form button[type="submit"]:hover:not(:disabled){background-color: #e6850a;transform: translateY(-1px);}.bouw-form button[type="submit"]:active:not(:disabled){transform: translateY(0);}.bouw-form button[type="submit"]:disabled{opacity: 0.6;cursor: not-allowed;}.bouw-form-disclaimer{font-size: var(--bouw-font-size-small);color: var(--bouw-color-gray-50);text-align: center;line-height: var(--bouw-line-height-relaxed);}.bouw-form-disclaimer a{color: var(--bouw-color-orange);text-decoration: underline;}.bouw-form-disclaimer a:hover{text-decoration: none;}.bouw-hero-form{max-width: 100%;}@media (min-width: 768px){.bouw-hero-form{max-width: 480px;}}@media (max-width: 639px){.bouw-form-row{grid-template-columns: 1fr;}.bouw-form-field-group input,.bouw-form-field-group select,.bouw-form-field-group textarea{font-size: 16px;}}
