:root { --color-primary: #0a2540; --color-primary-light: #1e3a5f; --color-accent: #f47920; --color-accent-dark: #d06216; --color-text: #1a1a1a; --color-text-secondary: #555555; --color-text-light: #999999; --color-background: #ffffff; --color-background-light: #f7f7f8; --color-border: #e0e0e0; --color-success: #2e7d32; --font-heading: "IBM Plex Sans", Arial, sans-serif; --font-body: "Source Sans 3", "Source Sans Pro", Arial, sans-serif; --container-max: 1200px; --container-narrow: 880px; --container-wide: 1360px; --section-padding-y: 40px; --section-padding-x: 24px; --hero-padding-y: 120px; --cta-padding-y: 80px; --content-padding-y: 72px; --header-height: 84px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --shadow-card: 0 12px 32px rgba(10, 37, 64, 0.08); --shadow-soft: 0 8px 24px rgba(10, 37, 64, 0.06); --transition-fast: 0.2s ease; --transition-base: 0.25s ease; } @media (max-width: 991px) { :root { --section-padding-y: 35px; --section-padding-x: 24px; --hero-padding-y: 88px; --cta-padding-y: 64px; --content-padding-y: 64px; --header-height: 76px; } } @media (max-width: 767px) { :root { --section-padding-y: 25px; --section-padding-x: 20px; --hero-padding-y: 72px; --cta-padding-y: 48px; --content-padding-y: 48px; --header-height: 68px; } }  html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--font-body); font-size: 17px; font-weight: 400; line-height: 1.7; color: var(--color-text); background: var(--color-background); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } img, svg, video { max-width: 100%; height: auto; } img { display: block; } a { color: var(--color-primary); text-decoration: none; transition: color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base); } a:hover { color: var(--color-accent); } p { margin-top: 0; margin-bottom: 1.15em; } ul, ol { margin-top: 0; margin-bottom: 1.25em; padding-left: 1.35em; } li + li { margin-top: 0.35em; } strong, b { font-weight: 700; } ::selection { color: #ffffff; background: var(--color-primary); } :focus-visible { outline: 3px solid rgba(244, 121, 32, 0.35); outline-offset: 3px; }  .brxe-nav-menu li { margin-top: 0; }  h1, h2, h3, h4, h5, h6, .brxe-heading { font-family: var(--font-heading); color: var(--color-text); margin-top: 0; margin-bottom: 0.45em; } h1, .h1 { font-size: 44px; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; } h2, .h2 { font-size: 36px; font-weight: 700; line-height: 1.25; letter-spacing: -0.015em; } h3, .h3 { font-size: 28px; font-weight: 600; line-height: 1.3; } h4, .h4 { font-size: 22px; font-weight: 600; line-height: 1.35; } .small, small, .meta, .post-meta, .card-meta { font-size: 14px; line-height: 1.5; color: var(--color-text-secondary); } .lead, .section-intro, .hero-subtitle, .page-subtitle { font-size: 20px; line-height: 1.65; color: var(--color-text-secondary); } .text-muted { color: var(--color-text-secondary); } .text-light { color: var(--color-text-light); } .text-center { text-align: center; } @media (max-width: 991px) { body { font-size: 16px; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } .lead, .section-intro, .hero-subtitle, .page-subtitle { font-size: 18px; } } @media (max-width: 767px) { h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } .lead, .section-intro, .hero-subtitle, .page-subtitle { font-size: 17px; } }  .brxe-section, section.brxe-section, .global-section { padding-block: var(--section-padding-y); padding-inline: var(--section-padding-x); } .brxe-container, .container { width: min(100%, var(--container-max)); margin-inline: auto; } .container-narrow { width: min(100%, var(--container-narrow)); margin-inline: auto; } .container-wide { width: min(100%, var(--container-wide)); margin-inline: auto; } .section-light { background: var(--color-background-light); } .section-white { background: var(--color-background); } .section-dark { color: #ffffff; background: var(--color-primary); } .section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark p, .section-dark li { color: #ffffff; } .section-dark a:not(.brxe-button):not(.btn) { color: #ffffff; } .section-dark a:not(.brxe-button):not(.btn):hover { color: var(--color-accent); } .hero-home, .service-hero, .solution-hero, .page-banner, .article-header, .quote-hero { padding-block: var(--hero-padding-y); padding-inline: var(--section-padding-x); } .footer-cta, .cta-section { padding-block: var(--cta-padding-y); padding-inline: var(--section-padding-x); } .content-section { padding-block: var(--content-padding-y); padding-inline: var(--section-padding-x); } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; }  .site-header, .site-header.brxe-section, .brxe-header, .brxe-header.brxe-section, header.site-header, header.site-header.brxe-section { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: var(--section-padding-x) !important; padding-right: var(--section-padding-x) !important; min-height: var(--header-height); background: var(--color-primary); color: #ffffff; z-index: 1000; } .site-header .brxe-container, .brxe-header .brxe-container, header.site-header > .brxe-container { padding-top: 0 !important; padding-bottom: 0 !important; }  .site-footer, .site-footer.brxe-section, .brxe-footer, .brxe-footer.brxe-section, footer.site-footer, footer.site-footer.brxe-section { padding-top: 72px !important; padding-bottom: 32px !important; padding-left: var(--section-padding-x) !important; padding-right: var(--section-padding-x) !important; } @media (max-width: 991px) { .site-footer, .site-footer.brxe-section, .brxe-footer, .brxe-footer.brxe-section, footer.site-footer, footer.site-footer.brxe-section { padding-top: 64px !important; padding-bottom: 32px !important; } } @media (max-width: 767px) { .brxe-section, section.brxe-section, .global-section, .hero-home, .service-hero, .solution-hero, .page-banner, .article-header, .quote-hero, .footer-cta, .cta-section { padding-inline: var(--section-padding-x); } .site-footer, .site-footer.brxe-section, .brxe-footer, .brxe-footer.brxe-section, footer.site-footer, footer.site-footer.brxe-section { padding-top: 48px !important; padding-bottom: 28px !important; } }  .site-header, .brxe-header { min-height: var(--header-height); background: var(--color-primary); color: #ffffff; } .site-header, .site-header .brxe-container, .brxe-header, .brxe-header .brxe-container, .header-inner { display: flex; align-items: center; } .header-inner { justify-content: space-between; gap: 32px; width: 100%; min-height: var(--header-height); } .site-logo, .site-logo a { display: inline-flex; align-items: center; color: #ffffff; font-family: var(--font-heading); font-weight: 700; line-height: 1.2; } .site-logo img, .site-header .brxe-image img, .brxe-header .brxe-image img { max-height: 56px; width: auto; object-fit: contain; }  .site-header .brxe-nav-menu, .brxe-header .brxe-nav-menu, .site-header .main-nav, .brxe-header .main-nav { font-family: var(--font-heading); font-size: 16px; font-weight: 500; line-height: 1.5; } .site-header .brxe-nav-menu .bricks-nav-menu, .brxe-header .brxe-nav-menu .bricks-nav-menu, .site-header .main-nav > ul, .brxe-header .main-nav > ul { display: flex; align-items: center; justify-content: flex-end; gap: 28px; margin: 0; padding: 0; list-style: none; } .site-header .brxe-nav-menu .bricks-nav-menu > li, .brxe-header .brxe-nav-menu .bricks-nav-menu > li, .site-header .main-nav > ul > li, .brxe-header .main-nav > ul > li { margin: 0; padding: 0; } .site-header .brxe-nav-menu .bricks-nav-menu > li > a, .brxe-header .brxe-nav-menu .bricks-nav-menu > li > a, .site-header .main-nav > ul > li > a, .brxe-header .main-nav > ul > li > a { color: #ffffff; padding-top: 30px; padding-bottom: 30px; transition: color var(--transition-base); } .site-header .brxe-nav-menu .bricks-nav-menu > li > a:hover, .site-header .brxe-nav-menu .bricks-nav-menu > li.current-menu-item > a, .brxe-header .brxe-nav-menu .bricks-nav-menu > li > a:hover, .brxe-header .brxe-nav-menu .bricks-nav-menu > li.current-menu-item > a, .site-header .main-nav > ul > li > a:hover, .site-header .main-nav > ul > li.current-menu-item > a, .brxe-header .main-nav > ul > li > a:hover, .brxe-header .main-nav > ul > li.current-menu-item > a { color: var(--color-accent); }  .site-header .brxe-nav-menu .sub-menu, .brxe-header .brxe-nav-menu .sub-menu, .site-header .main-nav .sub-menu, .brxe-header .main-nav .sub-menu { min-width: 260px; padding: 12px; margin-top: 0; background: #ffffff; border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-card); } .site-header .brxe-nav-menu .sub-menu li, .brxe-header .brxe-nav-menu .sub-menu li, .site-header .main-nav .sub-menu li, .brxe-header .main-nav .sub-menu li { margin: 0; } .site-header .brxe-nav-menu .sub-menu a, .brxe-header .brxe-nav-menu .sub-menu a, .site-header .main-nav .sub-menu a, .brxe-header .main-nav .sub-menu a { display: block; padding: 10px 12px; border-radius: var(--radius-sm); color: var(--color-text); font-family: var(--font-heading); font-size: 15px; font-weight: 400; line-height: 1.4; } .site-header .brxe-nav-menu .sub-menu a:hover, .brxe-header .brxe-nav-menu .sub-menu a:hover, .site-header .main-nav .sub-menu a:hover, .brxe-header .main-nav .sub-menu a:hover { color: var(--color-primary); background: var(--color-background-light); }  .header-cta, .header-cta-btn, .site-header .btn-cta, .site-header .brxe-button.btn-cta, .site-header .brxe-button.header-cta-btn, .brxe-header .btn-cta, .brxe-header .brxe-button.btn-cta, .brxe-header .brxe-button.header-cta-btn { white-space: nowrap; }  @media (min-width: 992px) { .site-header .header-cta .brxe-button, .brxe-header .header-cta .brxe-button, .site-header .brxe-button.header-cta, .brxe-header .brxe-button.header-cta, .site-header .brxe-button.header-cta-btn, .brxe-header .brxe-button.header-cta-btn, .site-header .brxe-button.btn-cta, .brxe-header .brxe-button.btn-cta, .site-header .btn-cta, .brxe-header .btn-cta { min-height: 38px !important; padding: 8px 18px !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; border-radius: 999px !important; white-space: nowrap !important; } }  .brxe-nav-menu button, .brxe-nav-menu button:hover, .brxe-nav-menu button:active, .brxe-nav-menu button:focus, .brxe-nav-menu .brx-submenu-toggle button, .brxe-nav-menu .brx-submenu-toggle button:hover, .brxe-nav-menu .bricks-mobile-menu-toggle, .brxe-nav-menu .bricks-mobile-menu-toggle:hover, .brxe-nav-menu .bricks-mobile-menu-toggle button, .brxe-nav-menu .bricks-mobile-menu-toggle button:hover, .brxe-nav-menu .brx-toggle-div, .brxe-nav-menu .brx-toggle-div:hover, .brxe-nav-menu .brxe-toggle, .brxe-nav-menu .brxe-toggle:hover { min-width: 0 !important; min-height: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; box-shadow: none !important; transform: none !important; line-height: 1 !important; } .brxe-nav-menu .brx-submenu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: currentColor !important; } .brxe-nav-menu .brx-submenu-toggle button { margin-left: 8px !important; color: currentColor !important; }  @media (min-width: 992px) { .brxe-nav-menu .bricks-mobile-menu-toggle, .brxe-nav-menu .brx-toggle-div, .brxe-nav-menu .brxe-toggle { display: none !important; } }  .bricks-mobile-menu-wrapper, .brxe-nav-menu .bricks-mobile-menu { background: var(--color-primary) !important; color: #ffffff !important; } .bricks-mobile-menu-wrapper a, .brxe-nav-menu .bricks-mobile-menu a { color: #ffffff !important; font-family: var(--font-heading); font-size: 17px; font-weight: 500; line-height: 1.35; } .bricks-mobile-menu-wrapper a:hover, .brxe-nav-menu .bricks-mobile-menu a:hover { color: var(--color-accent) !important; } .bricks-mobile-menu-wrapper .sub-menu a, .brxe-nav-menu .bricks-mobile-menu .sub-menu a { font-size: 15px; opacity: 0.9; } @media (max-width: 991px) { .header-inner { gap: 20px; } .site-header .brxe-container, .brxe-header .brxe-container, .header-inner { min-height: var(--header-height); justify-content: space-between; } .site-header .brxe-nav-menu, .brxe-header .brxe-nav-menu, .site-header .main-nav, .brxe-header .main-nav { font-size: 15px; } .brxe-nav-menu .bricks-mobile-menu-toggle, .brxe-nav-menu .brx-toggle-div, .brxe-nav-menu .brxe-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; padding: 0 !important; background: transparent !important; color: #ffffff !important; } .site-header .header-cta .brxe-button, .brxe-header .header-cta .brxe-button, .site-header .brxe-button.header-cta, .brxe-header .brxe-button.header-cta, .site-header .brxe-button.header-cta-btn, .brxe-header .brxe-button.header-cta-btn, .site-header .brxe-button.btn-cta, .brxe-header .brxe-button.btn-cta, .site-header .btn-cta, .brxe-header .btn-cta { min-height: 36px !important; padding: 7px 16px !important; font-size: 13px !important; border-radius: 999px !important; } } @media (max-width: 767px) { .site-header, .brxe-header { min-height: var(--header-height); } .header-inner { min-height: var(--header-height); gap: 16px; } .site-logo, .site-logo a { max-width: 180px; } .site-header .header-cta, .brxe-header .header-cta, .site-header .brxe-button.header-cta, .brxe-header .brxe-button.header-cta, .site-header .brxe-button.header-cta-btn, .brxe-header .brxe-button.header-cta-btn, .site-header .brxe-button.btn-cta, .brxe-header .brxe-button.btn-cta { display: none !important; } .brxe-nav-menu .bricks-mobile-menu-toggle, .brxe-nav-menu .brx-toggle-div, .brxe-nav-menu .brxe-toggle { width: 42px !important; height: 42px !important; } }  .brxe-button, .bricks-button, .btn, button.btn, button.btn-primary, button.btn-secondary, button.btn-cta, input[type="submit"], .brxe-form button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 14px 32px; border: 1px solid transparent; border-radius: var(--radius-sm); background: var(--color-primary); color: #ffffff; font-family: var(--font-body); font-size: 16px; font-weight: 600; line-height: 1.2; text-align: center; cursor: pointer; transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast); } .brxe-button:hover, .bricks-button:hover, .btn:hover, button.btn:hover, button.btn-primary:hover, button.btn-secondary:hover, button.btn-cta:hover, input[type="submit"]:hover, .brxe-form button[type="submit"]:hover { background: var(--color-primary-light); color: #ffffff; transform: translateY(-1px); } .brxe-button:active, .bricks-button:active, .btn:active, button.btn:active, button.btn-primary:active, button.btn-secondary:active, button.btn-cta:active, input[type="submit"]:active, .brxe-form button[type="submit"]:active { transform: translateY(0); } .btn-primary, .brxe-button.btn-primary { background: var(--color-primary); color: #ffffff; border-color: var(--color-primary); } .btn-primary:hover, .brxe-button.btn-primary:hover { background: var(--color-primary-light); color: #ffffff; border-color: var(--color-primary-light); } .btn-cta, .brxe-button.btn-cta, .header-cta .brxe-button, .footer-cta .brxe-button, .quote-submit, .brxe-form button[type="submit"] { background: var(--color-accent); color: #ffffff; border-color: var(--color-accent); } .btn-cta:hover, .brxe-button.btn-cta:hover, .header-cta .brxe-button:hover, .footer-cta .brxe-button:hover, .quote-submit:hover, .brxe-form button[type="submit"]:hover { background: var(--color-accent-dark); color: #ffffff; border-color: var(--color-accent-dark); } .btn-secondary, .brxe-button.btn-secondary { background: transparent; color: var(--color-primary); border-color: var(--color-primary); } .btn-secondary:hover, .brxe-button.btn-secondary:hover { background: var(--color-primary); color: #ffffff; border-color: var(--color-primary); } .section-dark .btn-secondary, .section-dark .brxe-button.btn-secondary { color: #ffffff; border-color: #ffffff; } .section-dark .btn-secondary:hover, .section-dark .brxe-button.btn-secondary:hover { background: #ffffff; color: var(--color-primary); border-color: #ffffff; } .button-group, .hero-actions, .cta-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; } @media (max-width: 767px) { .button-group, .hero-actions, .cta-actions { width: 100%; } .button-group .brxe-button, .hero-actions .brxe-button, .cta-actions .brxe-button, .button-group .btn, .hero-actions .btn, .cta-actions .btn { width: 100%; } }  .form-card, .quote-form-card, .brxe-form { width: 100%; } .form-card, .quote-form-card { padding: 32px; background: #ffffff; border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); } .brxe-form { gap: 20px; } .brxe-form label, .form-label { display: block; margin-bottom: 6px; color: var(--color-text); font-family: var(--font-heading); font-size: 15px; font-weight: 500; line-height: 1.4; } .brxe-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .brxe-form textarea, .brxe-form select, input.form-control, textarea.form-control, select.form-control { width: 100%; min-height: 48px; padding: 13px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: #ffffff; color: var(--color-text); font-family: var(--font-body); font-size: 16px; font-weight: 400; line-height: 1.4; transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base); } .brxe-form textarea, textarea.form-control { min-height: 140px; resize: vertical; } .brxe-form input::placeholder, .brxe-form textarea::placeholder, .form-control::placeholder { color: var(--color-text-light); } .brxe-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus, .brxe-form textarea:focus, .brxe-form select:focus, input.form-control:focus, textarea.form-control:focus, select.form-control:focus { border-color: var(--color-accent); box-shadow: 0 0 0 2px rgba(244, 121, 32, 0.15); outline: none; } .brxe-form input[type="file"] { padding: 12px; border: 1px dashed var(--color-border); border-radius: var(--radius-sm); background: var(--color-background-light); } .brxe-form .form-group, .brxe-form .field, .form-row { margin-bottom: 20px; } .form-help, .form-note { font-size: 14px; line-height: 1.5; color: var(--color-text-secondary); } .form-error, .brxe-form .message.error { color: #b00020; } .form-success, .brxe-form .message.success { color: var(--color-success); } .quote-form-wrapper { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr); gap: 48px; align-items: start; } .quote-sidebar, .contact-info-card { padding: 32px; background: var(--color-background-light); border: 1px solid var(--color-border); border-radius: var(--radius-md); } @media (max-width: 991px) { .quote-form-wrapper { grid-template-columns: 1fr; gap: 32px; } } @media (max-width: 767px) { .form-card, .quote-form-card, .quote-sidebar, .contact-info-card { padding: 24px; } .brxe-form { gap: 16px; } .brxe-form button[type="submit"], .brxe-form input[type="submit"] { width: 100%; } }  .card, .service-card, .capability-card, .industry-card, .resource-card, .case-card, .blog-card, .material-card, .application-card, .benefit-card, .process-step, .faq-item { padding: 28px; background: #ffffff; border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: none; transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base); } .card:hover, .service-card:hover, .capability-card:hover, .industry-card:hover, .resource-card:hover, .case-card:hover, .blog-card:hover, .material-card:hover, .application-card:hover { border-color: rgba(10, 37, 64, 0.18); box-shadow: var(--shadow-card); transform: translateY(-3px); } .card h3, .service-card h3, .capability-card h3, .industry-card h3, .resource-card h3, .case-card h3, .blog-card h3, .material-card h3, .application-card h3, .benefit-card h3, .process-step h3, .faq-item h3 { margin-bottom: 10px; } .card p:last-child, .service-card p:last-child, .capability-card p:last-child, .industry-card p:last-child, .resource-card p:last-child, .case-card p:last-child, .blog-card p:last-child, .material-card p:last-child, .application-card p:last-child, .benefit-card p:last-child, .process-step p:last-child, .faq-item p:last-child { margin-bottom: 0; } .card-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; color: var(--color-primary); font-weight: 600; } .card-link:hover { color: var(--color-accent); } .application-card img, .capability-card img, .material-card img, .resource-card img, .service-card img, .industry-card img, .blog-card img, .case-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 18px; } .capabilities-grid, .services-grid, .industry-solution-grid, .resource-category-grid, .case-archive-grid, .related-case-grid, .related-posts-grid, .materials-grid, .applications-grid, .benefits-grid, .process-grid, .blog-grid, .faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } .services-grid, .industry-solution-grid, .case-archive-grid, .blog-grid { gap: 32px; } .two-column, .home-two-column, .split-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; } .two-column.reverse, .split-layout.reverse { direction: rtl; } .two-column.reverse > *, .split-layout.reverse > * { direction: ltr; } .trust-bar { padding-block: 24px; background: var(--color-background-light); border-block: 1px solid var(--color-border); } .trust-bar-inner { display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; justify-content: center; color: var(--color-text-secondary); font-family: var(--font-heading); font-size: 15px; font-weight: 500; } .badge, .tag, .industry-tag, .process-tag { display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 999px; background: rgba(244, 121, 32, 0.1); color: var(--color-accent-dark); font-family: var(--font-heading); font-size: 13px; font-weight: 500; line-height: 1.2; } .check-list, .feature-list { margin: 0; padding: 0; list-style: none; } .check-list li, .feature-list li { position: relative; margin: 0 0 10px; padding-left: 26px; } .check-list li::before, .feature-list li::before { content: ""; position: absolute; left: 0; top: 0.68em; width: 8px; height: 8px; border-radius: 999px; background: var(--color-accent); } .stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .stat-card { padding: 24px; background: var(--color-background-light); border: 1px solid var(--color-border); border-radius: var(--radius-md); text-align: center; } .stat-number { color: var(--color-primary); font-family: var(--font-heading); font-size: 36px; font-weight: 700; line-height: 1.1; } .stat-label { margin-top: 8px; color: var(--color-text-secondary); font-size: 15px; line-height: 1.4; } @media (max-width: 991px) { .capabilities-grid, .services-grid, .industry-solution-grid, .resource-category-grid, .case-archive-grid, .related-case-grid, .related-posts-grid, .materials-grid, .applications-grid, .benefits-grid, .process-grid, .blog-grid, .faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .two-column, .home-two-column, .split-layout, .two-column.reverse, .split-layout.reverse { grid-template-columns: 1fr; gap: 32px; } .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .capabilities-grid, .services-grid, .industry-solution-grid, .resource-category-grid, .case-archive-grid, .related-case-grid, .related-posts-grid, .materials-grid, .applications-grid, .benefits-grid, .process-grid, .blog-grid, .faq-grid { grid-template-columns: 1fr; gap: 20px; } .card, .service-card, .capability-card, .industry-card, .resource-card, .case-card, .blog-card, .material-card, .application-card, .benefit-card, .process-step, .faq-item { padding: 24px; } .stat-grid { grid-template-columns: 1fr; } }  .content-with-sidebar, .content-sidebar-layout, .case-content-layout, .about-content, .article-layout, .generic-content-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 48px; align-items: start; } .main-content, .article-body, .case-main-content { min-width: 0; } .sidebar, .page-sidebar, .case-sidebar, .about-sidebar { min-width: 0; } .sidebar-card, .sidebar-nav, .key-facts, .related-services-box { padding: 28px; background: var(--color-background-light); border: 1px solid var(--color-border); border-radius: var(--radius-md); } .sidebar-nav ul, .related-services-box ul { margin: 0; padding: 0; list-style: none; } .sidebar-nav li + li, .related-services-box li + li { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--color-border); } .sidebar-nav a, .related-services-box a { display: block; color: var(--color-text); font-weight: 600; } .sidebar-nav a:hover, .related-services-box a:hover { color: var(--color-accent); } .key-facts table { width: 100%; } @media (min-width: 992px) { .sidebar-sticky { position: sticky; top: calc(var(--header-height) + 24px); } } @media (max-width: 991px) { .content-with-sidebar, .content-sidebar-layout, .case-content-layout, .about-content, .article-layout, .generic-content-layout { grid-template-columns: 1fr; gap: 32px; } }  .table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-md); } table, .property-table, .comparison-table, .material-table { width: 100%; border-collapse: collapse; background: #ffffff; } th, td, .property-table th, .property-table td, .comparison-table th, .comparison-table td, .material-table th, .material-table td { padding: 14px 16px; border: 1px solid var(--color-border); text-align: left; vertical-align: top; } th, .property-table th, .comparison-table th, .material-table th { background: var(--color-background-light); color: var(--color-text); font-family: var(--font-heading); font-weight: 600; } td, .property-table td, .comparison-table td, .material-table td { color: var(--color-text-secondary); }   .hero-home { position: relative; isolation: isolate; overflow: hidden; min-height: 620px; display: flex; align-items: center; background: var(--hero-bg, var(--color-primary)); background-size: cover; background-position: center; color: #ffffff; } .hero-home::before { content: ""; position: absolute; inset: 0; background: rgba(10, 37, 64, 0.55); z-index: 0; pointer-events: none; } .hero-home > * { position: relative; z-index: 1; } .hero-home h1, .hero-home h2, .hero-home p { color: #ffffff; } .hero-home .hero-content { max-width: 760px; } .hero-home h1, .hero-title { max-width: 860px; font-size: clamp(56px, 5vw, 72px); line-height: 1.08; font-weight: 700; letter-spacing: -0.035em; margin-bottom: 24px; } .hero-home .hero-subtitle, .hero-home .page-subtitle, .hero-subtitle { max-width: 680px; font-size: 20px; line-height: 1.6; }  .services-overview-intro { max-width: 860px; }  .service-hero { background: linear-gradient(110deg, rgba(10, 37, 64, 0.92), rgba(10, 37, 64, 0.72)), var(--service-hero-bg, var(--color-primary)); background-size: cover; background-position: center; color: #ffffff; } .service-hero h1, .service-hero p, .service-hero .breadcrumb { color: #ffffff; }  .solution-card-icon, .service-card-icon, .capability-card-icon { width: 48px; height: 48px; margin-bottom: 18px; color: var(--color-accent); }  .solution-hero { background: linear-gradient(110deg, rgba(10, 37, 64, 0.92), rgba(10, 37, 64, 0.72)), var(--solution-hero-bg, var(--color-primary)); background-size: cover; background-position: center; color: #ffffff; } .solution-hero h1, .solution-hero p, .solution-hero .breadcrumb { color: #ffffff; }  .resource-search { display: flex; gap: 12px; max-width: 680px; margin-inline: auto; } .resource-search input { flex: 1; }  .article-body, .main-content { font-size: 17px; line-height: 1.75; } .article-body h2, .main-content h2 { margin-top: 1.4em; } .article-body h3, .main-content h3 { margin-top: 1.25em; }  .filter-bar, .case-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; } .filter-chip, .case-filter-bar a { display: inline-flex; align-items: center; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: 999px; background: #ffffff; color: var(--color-text); font-size: 14px; font-weight: 600; } .filter-chip:hover, .filter-chip.active, .case-filter-bar a:hover, .case-filter-bar a.active { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; }  .gf-cs-filter-section, .gf-cs-filter-section.brxe-section { padding-top: 0 !important; padding-bottom: 0 !important; position: relative; z-index: 5; } .gf-cs-archive-filter { position: relative; z-index: 10; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; width: min(100%, var(--container-max)); margin-inline: auto; margin-top: -46px; padding: 22px 28px; background: #ffffff; border: 1px solid rgba(10, 37, 64, 0.08); border-radius: var(--radius-md); box-shadow: var(--shadow-card); } .gf-cs-filter-item { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 14px; align-items: center; min-width: 0; padding: 4px 22px; color: var(--color-text); } .gf-cs-filter-item:not(:last-child)::after { content: ""; position: absolute; top: 8px; right: 0; bottom: 8px; width: 1px; background: var(--color-border); } .gf-cs-icon { grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; background: rgba(244, 121, 32, 0.1); color: var(--color-accent); line-height: 1; flex: 0 0 auto; } .gf-cs-icon svg, .gf-cs-icon i { width: 20px; height: 20px; color: currentColor; } .gf-cs-filter-copy { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; gap: 3px; min-width: 0; } .gf-cs-label { display: block; margin: 0; color: var(--color-text-secondary); font-family: var(--font-heading); font-size: 13px; font-weight: 600; line-height: 1.25; letter-spacing: 0.04em; text-transform: uppercase; } .gf-cs-value { display: block; margin: 0; color: var(--color-primary); font-family: var(--font-heading); font-size: 17px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.gf-cs-filter-item { text-decoration: none; } a.gf-cs-filter-item:hover .gf-cs-value, .gf-cs-filter-item:hover .gf-cs-value { color: var(--color-accent); } @media (max-width: 991px) { .gf-cs-archive-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: -36px; padding: 20px 24px; } .gf-cs-filter-item { padding: 14px 18px; } .gf-cs-filter-item:not(:last-child)::after { display: none; } .gf-cs-filter-item:nth-child(odd)::after { content: ""; display: block; position: absolute; top: 14px; right: 0; bottom: 14px; width: 1px; background: var(--color-border); } .gf-cs-filter-item:nth-child(-n + 2) { border-bottom: 1px solid var(--color-border); } } @media (max-width: 767px) { .gf-cs-archive-filter { grid-template-columns: 1fr; margin-top: 0; padding: 10px 18px; } .gf-cs-filter-item { padding: 16px 0; } .gf-cs-filter-item::after, .gf-cs-filter-item:nth-child(odd)::after { display: none !important; } .gf-cs-filter-item:not(:last-child) { border-bottom: 1px solid var(--color-border); } .gf-cs-value { white-space: normal; } }  .case-hero-meta, .case-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .key-facts-list { margin: 0; padding: 0; list-style: none; } .key-facts-list li { display: flex; justify-content: space-between; gap: 16px; padding-block: 10px; border-bottom: 1px solid var(--color-border); } .key-facts-list li:last-child { border-bottom: 0; }  .blog-list { display: grid; gap: 28px; } .blog-list-item { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; }  .article-header { background: var(--color-background-light); } .article-featured-image { overflow: hidden; border-radius: var(--radius-md); } .author-box, .share-box { padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; }  .about-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .about-stat { padding: 24px; background: var(--color-background-light); border-radius: var(--radius-md); text-align: center; }  .material-overview { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 48px; align-items: center; } .material-property-table { margin-top: 32px; }  .quote-hero { background: var(--color-background-light); } .quote-form-wrapper .brxe-form button[type="submit"] { margin-top: 8px; }  .error-404, .not-found-page { min-height: 60vh; display: grid; place-items: center; text-align: center; } .error-code { color: var(--color-primary); font-family: var(--font-heading); font-size: clamp(80px, 18vw, 180px); font-weight: 700; line-height: 0.9; }  .search-results-list { display: grid; gap: 24px; } .search-result-item { padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; } .search-result-item h2, .search-result-item h3 { margin-bottom: 8px; } @media (max-width: 991px) { .hero-home { min-height: 560px; } .hero-home h1, .hero-title { font-size: 46px; line-height: 1.1; letter-spacing: -0.03em; max-width: 760px; } .hero-home .hero-subtitle, .hero-home .page-subtitle, .hero-subtitle { font-size: 18px; line-height: 1.6; } } @media (max-width: 767px) { .hero-home, .service-hero, .solution-hero, .page-banner, .article-header, .quote-hero { padding-top: 64px; padding-bottom: 64px; } .hero-home { min-height: 520px; } .hero-home h1, .hero-title { font-size: 38px; line-height: 1.12; letter-spacing: -0.025em; max-width: 100%; margin-bottom: 18px; } .hero-home .hero-subtitle, .hero-home .page-subtitle, .hero-subtitle { font-size: 17px; line-height: 1.55; max-width: 100%; } } @media (max-width: 480px) { .hero-home h1, .hero-title { font-size: 34px; line-height: 1.14; } }  .breadcrumb, .brxe-breadcrumbs { margin-bottom: 18px; color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; } .breadcrumb a, .brxe-breadcrumbs a { color: inherit; } .breadcrumb a:hover, .brxe-breadcrumbs a:hover { color: var(--color-accent); } .pagination, .bricks-pagination, .post-navigation { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 48px; } .pagination a, .pagination span, .bricks-pagination a, .bricks-pagination span, .post-navigation a { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: #ffffff; color: var(--color-text); font-weight: 600; } .pagination a:hover, .pagination .current, .bricks-pagination a:hover, .bricks-pagination .current, .post-navigation a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #ffffff; }  .faq-section { background: var(--color-background-light); } .faq-item { background: #ffffff; } .faq-question, .accordion-title { font-family: var(--font-heading); font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--color-text); } .faq-answer, .accordion-content { color: var(--color-text-secondary); }  .site-footer, .brxe-footer { background: var(--color-primary); color: #ffffff; } .site-footer h2, .site-footer h3, .site-footer h4, .brxe-footer h2, .brxe-footer h3, .brxe-footer h4 { color: #ffffff; } .site-footer p, .site-footer li, .brxe-footer p, .brxe-footer li { color: rgba(255, 255, 255, 0.78); } .site-footer a, .brxe-footer a { color: rgba(255, 255, 255, 0.82); } .site-footer a:hover, .brxe-footer a:hover { color: var(--color-accent); }  .site-footer .footer-logo, .brxe-footer .footer-logo { display: inline-flex; align-items: center; line-height: 0; } .site-footer .footer-logo .brxe-image, .brxe-footer .footer-logo .brxe-image { display: inline-block; line-height: 0; } .site-footer .footer-logo a, .brxe-footer .footer-logo a { display: inline-block; padding: 0 !important; margin: 0 !important; border: 0 !important; outline: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; line-height: 0; } .site-footer .footer-logo a:hover, .brxe-footer .footer-logo a:hover, .site-footer .footer-logo a:focus, .brxe-footer .footer-logo a:focus, .site-footer .footer-logo a:focus-visible, .brxe-footer .footer-logo a:focus-visible { border: 0 !important; outline: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .site-footer .footer-logo img, .brxe-footer .footer-logo img { display: block; width: auto !important; max-width: 150px !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; object-fit: contain; }  .site-footer .footer-column-heading, .brxe-footer .footer-column-heading, .site-footer .footer-column-heading a, .brxe-footer .footer-column-heading a { display: inline-block; color: #ffffff !important; font-family: var(--font-heading); font-size: 28px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: color var(--transition-base); } .site-footer .footer-column-heading:hover, .brxe-footer .footer-column-heading:hover, .site-footer .footer-column-heading:hover a, .brxe-footer .footer-column-heading:hover a, .site-footer .footer-column-heading a:hover, .brxe-footer .footer-column-heading a:hover, .site-footer a:hover .footer-column-heading, .brxe-footer a:hover .footer-column-heading { color: var(--color-accent) !important; } .site-footer .footer-column-heading::after, .brxe-footer .footer-column-heading::after, .site-footer .footer-column-heading a::after, .brxe-footer .footer-column-heading a::after { content: ""; display: block; width: 48px; height: 3px; margin-top: 24px; background: rgba(255, 255, 255, 0.25); }  .site-footer .brxe-button.btn-cta, .brxe-footer .brxe-button.btn-cta, .site-footer .footer-cta .brxe-button, .brxe-footer .footer-cta .brxe-button { width: auto !important; min-width: max-content !important; max-width: max-content !important; align-self: flex-start !important; min-height: 34px !important; padding: 7px 16px !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; border-radius: var(--radius-sm) !important; white-space: nowrap !important; }  .footer-grid { display: grid; grid-template-columns: 1.05fr 1.45fr 1.45fr 0.95fr; gap: 56px; align-items: start; } .footer-grid > * { min-width: 0; } .footer-bottom { margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.18); color: rgba(255, 255, 255, 0.65); font-size: 14px; }  .site-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu, .brxe-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; margin: 0; padding: 0; list-style: none; } .site-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu > li, .brxe-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu > li { margin: 0; padding: 0; } .site-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu > li > a, .brxe-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu > li > a { padding-top: 0 !important; padding-bottom: 0 !important; color: rgba(255, 255, 255, 0.82); font-size: 15px; line-height: 1.5; white-space: normal; } .site-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu > li > a:hover, .brxe-footer .brxe-nav-menu:not(.footer-category-nav) .bricks-nav-menu > li > a:hover { color: var(--color-accent); }  .site-footer .footer-category-nav .bricks-nav-menu, .brxe-footer .footer-category-nav .bricks-nav-menu, .footer-category-nav .bricks-nav-menu { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 3px 14px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .site-footer .footer-category-nav .bricks-nav-menu > li, .brxe-footer .footer-category-nav .bricks-nav-menu > li, .footer-category-nav .bricks-nav-menu > li { margin: 0 !important; padding: 0 !important; } .site-footer .footer-category-nav .bricks-nav-menu > li > a, .brxe-footer .footer-category-nav .bricks-nav-menu > li > a, .footer-category-nav .bricks-nav-menu > li > a { padding-top: 0 !important; padding-bottom: 0 !important; color: rgba(255, 255, 255, 0.82); font-size: 14px; line-height: 1.15 !important; white-space: normal; } .site-footer .footer-category-nav .bricks-nav-menu > li > a:hover, .brxe-footer .footer-category-nav .bricks-nav-menu > li > a:hover, .footer-category-nav .bricks-nav-menu > li > a:hover { color: var(--color-accent); } @media (max-width: 991px) { .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } } @media (max-width: 767px) { .footer-grid { grid-template-columns: 1fr; gap: 28px; } .footer-bottom { margin-top: 32px; } .site-footer .footer-category-nav .bricks-nav-menu, .brxe-footer .footer-category-nav .bricks-nav-menu, .footer-category-nav .bricks-nav-menu { gap: 3px 12px !important; } .site-footer .footer-category-nav .bricks-nav-menu > li > a, .brxe-footer .footer-category-nav .bricks-nav-menu > li > a, .footer-category-nav .bricks-nav-menu > li > a { font-size: 13px; line-height: 1.2 !important; } }  @media (max-width: 767px) { .resource-search, .blog-list-item, .material-overview { grid-template-columns: 1fr; } .resource-search { flex-direction: column; } .about-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .table-wrap, table { font-size: 14px; } th, td { padding: 12px; } } @media (max-width: 480px) { .about-stat-grid { grid-template-columns: 1fr; } }   .brxe-nav-menu .bricks-mobile-menu-toggle, .brxe-nav-menu .brx-toggle-div, .brxe-nav-menu .brxe-toggle, .brxe-nav-menu .brx-submenu-toggle button, .brxe-nav-menu button { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; min-height: 0 !important; min-width: 0 !important; transform: none !important; } .brxe-nav-menu .bricks-mobile-menu-toggle:hover, .brxe-nav-menu .brx-toggle-div:hover, .brxe-nav-menu .brxe-toggle:hover, .brxe-nav-menu .brx-submenu-toggle button:hover, .brxe-nav-menu button:hover { background: transparent !important; box-shadow: none !important; transform: none !important; }  .site-footer.brxe-section, .brxe-footer.brxe-section { background: var(--color-primary); color: #ffffff; }