body, h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }   html { scroll-behavior: smooth; } body { background-color: var(--bg-page);  transition: background-color 0.3s ease, color 0.3s ease; }  [data-brx-theme="light"] { color-scheme: light; }  ::selection { background-color: var(--primary); color: var(--text-light); }  *:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }  img { max-width: 100%; height: auto; display: block; }   [data-brx-theme="dark"] {  --secondary: #6060DC;  --primary: #4A4AC9;  --primary-hover: #6060DC;  --primary-dark: #11114B; --primary-subtle: rgba(74, 74, 201, 0.18);  --bg-page: #030315;  --bg-surface: rgba(255, 255, 255, 0.05); --bg-surface-alt: rgba(255, 255, 255, 0.03); --bg-card: rgba(255, 255, 255, 0.03); --bg-input: rgba(255, 255, 255, 0.08); --bg-elevated: rgba(255, 255, 255, 0.06); --bg-section: #030315;   --text-heading: #FFFFFF; --text-body: var(--grey-300); --text-muted: var(--grey-400); --text-link: #9292E7;  --text-link-hover: #B5B5EF;   --border-default: rgba(255, 255, 255, 0.08); --border-strong: rgba(255, 255, 255, 0.18); --border-focus: #6060DC;  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.4); --shadow-m: 0 4px 12px rgba(0, 0, 0, 0.4); --shadow-l: 0 8px 30px rgba(0, 0, 0, 0.5); --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.6); color-scheme: dark; color: var(--text-body); }  [data-brx-theme="dark"] h1, [data-brx-theme="dark"] h2, [data-brx-theme="dark"] h3, [data-brx-theme="dark"] h4, [data-brx-theme="dark"] h5, [data-brx-theme="dark"] h6 { color: var(--text-heading); } [data-brx-theme="dark"] p, [data-brx-theme="dark"] li { color: var(--text-body); }  [data-brx-theme="dark"] .brxe-text-basic, [data-brx-theme="dark"] .brxe-text { color: var(--text-body); }   [data-brx-theme="dark"] .text-accent { color: var(--text-link); } [data-brx-theme="dark"] .eyebrow { color: var(--text-link); }  [data-brx-theme="dark"] a:not(.btn) { color: var(--grey-200); } [data-brx-theme="dark"] a:not(.btn):hover { color: var(--white); }   [data-brx-theme="dark"] .btn-outline { background: transparent; color: var(--white); border-color: var(--white); } [data-brx-theme="dark"] .btn-outline:hover { background: var(--white); color: var(--primary); border-color: var(--white); } [data-brx-theme="dark"] .btn-ghost { color: var(--grey-200); } [data-brx-theme="dark"] .btn-ghost:hover { color: var(--white); } [data-brx-theme="dark"] .btn-white:hover { background: var(--grey-200); border-color: var(--grey-200); }  .dark {  --secondary: #6060DC;  --primary: #4A4AC9;  --primary-hover: #6060DC;  --primary-dark: #11114B; --primary-subtle: rgba(74, 74, 201, 0.18); --accent-subtle: rgba(59, 130, 246, 0.2);  --text-heading: var(--white); --text-body: var(--grey-300); --text-muted: var(--grey-400); --text-link: #9292E7;  --text-link-hover: #B5B5EF;   --bg-surface: rgba(255, 255, 255, 0.05); --bg-surface-alt: rgba(255, 255, 255, 0.03); --bg-card: rgba(255, 255, 255, 0.03); --bg-input: rgba(255, 255, 255, 0.08); --bg-elevated: rgba(255, 255, 255, 0.06); --bg-section: #030315;  --border-default: rgba(255, 255, 255, 0.08); --border-strong: rgba(255, 255, 255, 0.18);  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.4); --shadow-m: 0 4px 12px rgba(0, 0, 0, 0.4); --shadow-l: 0 8px 30px rgba(0, 0, 0, 0.5); color: var(--grey-300); }  .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: var(--text-heading); } .dark a:not(.btn) { color: var(--grey-200); } .dark a:not(.btn):hover { color: var(--white); }   .dark .card:hover, .dark .post-card:hover { border-color: var(--border-strong); }  .dark .social-link, .dark .social-share-btn { border-color: rgba(255, 255, 255, 0.15); color: var(--grey-300); } .dark .social-link:hover, .dark .social-share-btn:hover { background: var(--white); color: var(--primary); } .dark ::placeholder { color: var(--grey-400); }  .dark .pricing-featured .pricing-feature-list li { border-color: rgba(255, 255, 255, 0.15); }  .dark .countdown-styled .brxe-countdown-number, .dark .countdown-styled .countdown-number, .dark .countdown-styled .number { color: var(--white); }  .dark .btn-outline { background: transparent;  color: var(--white); border-color: var(--white); } .dark .btn-outline:hover { background: var(--white); color: var(--primary); border-color: var(--white); } .dark .btn-ghost { color: var(--grey-200); } .dark .btn-ghost:hover { color: var(--white); } .dark .btn-white:hover { background: var(--grey-200); border-color: var(--grey-200); }  .light { --text-heading: #111127;  --text-body: var(--black);  --text-muted: var(--grey-600);  --text-link: #4343d5;  --text-link-hover: #2D2D8B; --bg-surface: #F4F4FA;  --bg-surface-alt: #F9F9FD; --bg-card: rgba(67, 67, 213, 0.04);  --bg-input: #FFFFFF; --bg-elevated: #FFFFFF; --border-default: rgba(67, 67, 213, 0.10); --border-strong: rgba(67, 67, 213, 0.20); --primary-subtle: #EDEDF8; --accent-subtle: #DBEAFE; --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05); --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.08); --shadow-m: 0 4px 12px rgba(0, 0, 0, 0.1); --shadow-l: 0 8px 30px rgba(0, 0, 0, 0.12); color: #6B6B8A; } .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { color: var(--text-heading); } .light a:not(.btn) { color: var(--text-link); } .light a:not(.btn):hover { color: var(--text-link-hover); }    [data-brx-theme="dark"] .section-hero, .dark .section-hero { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc01ci, .dark .brxe-sc01ci { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc01hs, .dark .brxe-sc01hs { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-klsgir, .dark .brxe-klsgir { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05fc, .dark .brxe-sc05fc { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05im, .dark .brxe-sc05im { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05ib, .dark .brxe-sc05ib { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05vl, .dark .brxe-sc05vl { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05vi, .dark .brxe-sc05vi { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05i5, .dark .brxe-sc05i5 { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc05i9, .dark .brxe-sc05i9 { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc06sb, .dark .brxe-sc06sb { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc07sp, .dark .brxe-sc07sp { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc08tm, .dark .brxe-sc08tm { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc09ct, .dark .brxe-sc09ct { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc11fq, .dark .brxe-sc11fq { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc12ct, .dark .brxe-sc12ct { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc15pc, .dark .brxe-sc15pc { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc26tl, .dark .brxe-sc26tl { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc29pt, .dark .brxe-sc29pt { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc30ex, .dark .brxe-sc30ex { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc31px, .dark .brxe-sc31px { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc32dt, .dark .brxe-sc32dt { background-color: var(--bg-page); }  [data-brx-theme="dark"] .brxe-sc33rc, .dark .brxe-sc33rc { background-color: var(--bg-page); }   .brxe-wchwus { display: none; }  [data-brx-theme="dark"] .brxe-lg02im { display: none; }  [data-brx-theme="dark"] .brxe-wchwus { display: block; }  [data-brx-theme="light"] .brxe-wchwus { display: none; }   [data-brx-theme="dark"] .brxe-gl02hd, .dark .brxe-gl02hd { border-bottom-color: rgba(255, 255, 255, 0.12); }   [data-brx-theme="dark"] #brxe-osyugf img { filter: brightness(0) invert(1); }  [data-brx-theme="dark"] #brxe-olecvz .brxa-inner, [data-brx-theme="dark"] #brxe-olecvz .brxa-inner::before, [data-brx-theme="dark"] #brxe-olecvz .brxa-inner::after { background: var(--white); }  [data-brx-theme="dark"] .brxe-fm16cf .bricks-button, .dark .brxe-fm16cf .bricks-button { background: #4A4AC9; border-color: #4A4AC9; } [data-brx-theme="dark"] .brxe-fm16cf .bricks-button:hover, .dark .brxe-fm16cf .bricks-button:hover { background: #6060DC; border-color: #6060DC; } [data-brx-theme="dark"] .brxe-fm23nl .bricks-button, .dark .brxe-fm23nl .bricks-button { background: #4A4AC9; border-color: #4A4AC9; } [data-brx-theme="dark"] .brxe-fm23nl .bricks-button:hover, .dark .brxe-fm23nl .bricks-button:hover { background: #6060DC; border-color: #6060DC; }   .brxe-sc31si .brxe-bd31si, .brxe-sc31si .brxe-bd31si p, .brxe-sc31si .brxe-bd31si li, .brxe-sc31si .brxe-bd31si strong { color: var(--black); }  [data-brx-theme="dark"] .brxe-sc31si .brxe-bd31si, [data-brx-theme="dark"] .brxe-sc31si .brxe-bd31si p, [data-brx-theme="dark"] .brxe-sc31si .brxe-bd31si li, [data-brx-theme="dark"] .brxe-sc31si .brxe-bd31si strong, .dark.brxe-sc31si .brxe-bd31si, .dark.brxe-sc31si .brxe-bd31si p, .dark.brxe-sc31si .brxe-bd31si li, .dark.brxe-sc31si .brxe-bd31si strong, .dark .brxe-sc31si .brxe-bd31si, .dark .brxe-sc31si .brxe-bd31si p, .dark .brxe-sc31si .brxe-bd31si li, .dark .brxe-sc31si .brxe-bd31si strong { color: var(--text-muted); }  .post-card, .testimonial-card, .pricing-card { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background var(--ease), border-color var(--ease), box-shadow var(--ease); }  .dark .post-card:hover, .dark .testimonial-card:hover, .dark .pricing-card:hover, [data-brx-theme="dark"] .post-card:hover, [data-brx-theme="dark"] .testimonial-card:hover, [data-brx-theme="dark"] .pricing-card:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.18); box-shadow: var(--shadow-m); }  .light .post-card:hover, .light .testimonial-card:hover, .light .pricing-card:hover { background: rgba(67, 67, 213, 0.07); border-color: rgba(67, 67, 213, 0.20); box-shadow: var(--shadow-m); }     .stack > * + * { margin-top: var(--space-m); } .stack-s > * + * { margin-top: var(--space-s); } .stack-l > * + * { margin-top: var(--space-l); }   .flow > * + * { margin-top: 1em; } .flow > h2 + * { margin-top: 0.75em; } .flow > h3 + * { margin-top: 0.5em; } .flow > * + h2 { margin-top: 2em; } .flow > * + h3 { margin-top: 1.5em; }   .overlay-dark > *, .overlay-light > *, .overlay-gradient > *, .overlay-brand > * { position: relative; z-index: 1; }    .img-hover-zoom img { transition: transform var(--ease-slow); } .img-hover-zoom:hover img { transform: scale(1.05); }   .video-wrapper iframe, .video-wrapper video { position: absolute; inset: 0; width: 100%; height: 100%; }   .nav-styled a { color: var(--text-heading); text-decoration: none; font-weight: 600; padding: var(--space-xs) var(--space-s); border-radius: var(--radius-s); transition: all var(--ease); } .nav-styled a:hover { color: var(--primary); background: var(--primary-subtle); } .nav-styled .current-menu-item > a { color: var(--primary); }  .nav-transparent a { color: var(--white); } .nav-transparent a:hover { color: var(--grey-200); background: rgba(255,255,255,0.1); } .nav-pills a { border-radius: var(--radius-full); } .nav-pills .current-menu-item > a { background: var(--primary); color: var(--white); }  .brxe-nv02mn .brx-dropdown-content a { color: var(--text-heading); }   .dropdown-styled .brx-dropdown-content { background: var(--bg-elevated); border: 1px solid var(--border-default); border-radius: var(--radius-l); box-shadow: var(--shadow-l); padding: var(--space-xs); min-width: 19.2rem; z-index: var(--z-dropdown); } .dropdown-styled .brx-dropdown-content a { display: block; padding: var(--space-xs) var(--space-s); color: var(--text-body); text-decoration: none; border-radius: var(--radius-s); transition: all var(--ease); } .dropdown-styled .brx-dropdown-content a:hover { background: var(--bg-surface); color: var(--primary); }  .offcanvas-styled .brx-offcanvas-inner { background: var(--bg-elevated); box-shadow: var(--shadow-xl); padding: var(--space-l); z-index: var(--z-offcanvas); } .offcanvas-styled .brxe-toggle { width: 4rem; height: 4rem; border-radius: var(--radius-full); background: var(--bg-surface); color: var(--text-heading); border: none; cursor: pointer; transition: all var(--ease); } .offcanvas-styled .brxe-toggle:hover { background: var(--grey-200); }  .offcanvas-overlay .brx-offcanvas-backdrop { background: var(--bg-overlay); z-index: calc(var(--z-offcanvas) - 1); }   .toggle-mode-styled button { width: 4.8rem; height: 2.8rem; border-radius: var(--radius-full); background: var(--grey-300); border: none; cursor: pointer; position: relative; transition: background var(--ease); } .toggle-mode-styled button::after { content: ''; position: absolute; width: 2rem; height: 2rem; border-radius: var(--radius-full); background: var(--bg-elevated); top: 0.4rem; left: 0.4rem; transition: transform var(--ease); box-shadow: var(--shadow-xs); } .toggle-mode-styled button[aria-pressed="true"] { background: var(--primary); } .toggle-mode-styled button[aria-pressed="true"]::after { transform: translateX(2rem); }    .list-check li::marker { color: var(--success); } .list-cross li::marker { color: var(--error); } .list-brand li::marker { color: var(--primary); } .list-spaced li + li { margin-top: var(--space-xs); } .list-bordered li { padding-block: var(--space-xs); border-bottom: 1px solid var(--border-default); } .list-bordered li:last-child { border-bottom: none; }  .accordion-clean .accordion-content-wrapper, .accordion-clean .brxe-accordion-content, .accordion-clean .brx-accordion-content { border-top: 1px solid var(--border-default); } .accordion-bordered .accordion-content-wrapper, .accordion-bordered .brxe-accordion-content, .accordion-bordered .brx-accordion-content { border: 1px solid var(--border-default); border-radius: var(--radius-m); } .accordion-card .accordion-content-wrapper, .accordion-card .brxe-accordion-content, .accordion-card .brx-accordion-content { background: var(--bg-surface); border-radius: var(--radius-m); margin-bottom: var(--space-xs); }   .tabs-pills .tab-menu .tab-title, .tabs-pills .tab-menu button { border-radius: var(--radius-full); padding: var(--space-xs) var(--space-m); transition: all var(--ease); } .tabs-pills .tab-menu .tab-title:hover, .tabs-pills .tab-menu button:hover { background: var(--bg-surface); } .tabs-pills .tab-menu .tab-title.brx-open, .tabs-pills .tab-menu .tab-title.active, .tabs-pills .tab-menu button.brx-open, .tabs-pills .tab-menu button.active { background: var(--primary); color: var(--text-light); } .tabs-underline .tab-menu .tab-title, .tabs-underline .tab-menu button { border-bottom: 2px solid transparent; padding: var(--space-xs) var(--space-s); transition: all var(--ease); } .tabs-underline .tab-menu .tab-title.brx-open, .tabs-underline .tab-menu .tab-title.active, .tabs-underline .tab-menu button.brx-open, .tabs-underline .tab-menu button.active { border-bottom-color: var(--primary); color: var(--primary); }  .form-styled input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), .form-styled textarea, .form-styled select { border: 1px solid var(--border-default); border-radius: var(--radius-m); padding: var(--space-xs) var(--space-s); font-family: var(--font-base); font-size: var(--text-base); color: var(--text-heading); background: var(--bg-input); width: 100%; transition: border-color var(--ease), box-shadow var(--ease); }   .form-styled input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus, .form-styled textarea:focus, .form-styled select:focus { border-color: var(--border-focus); box-shadow: 0 0 0 3px var(--primary-subtle); outline: none; }   .form-styled ::placeholder { color: var(--text-muted); opacity: 1; } .form-styled label { font-size: var(--text-sm); font-weight: 600; color: var(--text-heading); margin-bottom: var(--space-2xs); display: block; } .form-styled .form-group { margin-bottom: var(--space-m); }  .form-pill input, .form-pill textarea, .form-pill select { border-radius: var(--radius-full) !important; }   .form-styled input[type="checkbox"], .form-styled input[type="radio"] { accent-color: var(--primary); width: 1.125em; height: 1.125em; cursor: pointer; }   .form-dark input, .form-dark textarea, .form-dark select { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.15); color: var(--white); } .form-dark ::placeholder { color: var(--grey-400); } .form-dark label { color: var(--grey-300); }    .map-rounded .brxe-map, .map-rounded iframe { border-radius: var(--radius-xl); overflow: hidden; } .map-bordered .brxe-map { border: 1px solid var(--border-default); } .map-shadow .brxe-map { box-shadow: var(--shadow-m); } .map-leaflet-styled .leaflet-container { border-radius: var(--radius-xl); } .map-leaflet-styled .leaflet-popup-content-wrapper { border-radius: var(--radius-m); font-family: var(--font-base); box-shadow: var(--shadow-m); }  .typing-primary .typed-cursor { color: var(--primary); }  .countdown-styled .brxe-countdown-item, .countdown-styled .countdown-item, .countdown-styled > div > div { background: var(--bg-surface); border-radius: var(--radius-m); padding: var(--space-m); min-width: 7.2rem; text-align: center; } .countdown-styled .brxe-countdown-number, .countdown-styled .countdown-number, .countdown-styled .number { font-size: var(--text-3xl); font-weight: var(--weight-bold); color: var(--primary); line-height: var(--leading-none); } .countdown-styled .brxe-countdown-label, .countdown-styled .countdown-label, .countdown-styled .label { font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: var(--tracking-wider); } .countdown-dark .brxe-countdown-item, .countdown-dark .countdown-item, .countdown-dark > div > div { background: var(--bg-dark); } .countdown-dark .brxe-countdown-number, .countdown-dark .countdown-number, .countdown-dark .number { color: var(--white); } .countdown-dark .brxe-countdown-label, .countdown-dark .countdown-label, .countdown-dark .label { color: var(--grey-400); } .countdown-bordered .brxe-countdown-item, .countdown-bordered .countdown-item, .countdown-bordered > div > div { background: transparent; border: 2px solid var(--primary); }  .pricing-featured .pricing-period { color: var(--grey-300); } .pricing-feature-list li { padding: var(--space-xs) 0; border-bottom: 1px solid var(--border-default); } .pricing-feature-list li:last-child { border-bottom: none; }  .pricing-featured .pricing-feature-list li { border-color: rgba(255,255,255,0.15); }   .progress-brand .brxe-progress-bar-wrapper, .progress-brand .progress-bar-wrapper { background: var(--grey-200); border-radius: var(--radius-full); overflow: hidden; height: 0.8rem; } .progress-brand .brxe-progress-bar-fill, .progress-brand .bar-fill, .progress-brand .fill { background: var(--primary); border-radius: var(--radius-full); transition: width var(--ease-slow); } .progress-thick .brxe-progress-bar-wrapper, .progress-thick .progress-bar-wrapper { height: 1.6rem; } .progress-gradient .brxe-progress-bar-fill, .progress-gradient .bar-fill, .progress-gradient .fill { background: linear-gradient(90deg, var(--primary), var(--accent)); }  .pie-chart-styled .brxe-pie-chart, .pie-chart-styled canvas { max-width: 19.2rem; margin-inline: auto; } .pie-chart-styled .brxe-pie-chart-number, .pie-chart-styled .pie-chart-number, .pie-chart-styled .number { font-size: var(--text-2xl); font-weight: var(--weight-bold); color: var(--primary); } .pie-chart-styled .brxe-pie-chart-label, .pie-chart-styled .pie-chart-label { font-size: var(--text-sm); color: var(--text-muted); }    .avatar-group .avatar { margin-left: -1.2rem; } .avatar-group .avatar:first-child { margin-left: 0; }   .code-styled pre, .code-styled code { font-family: var(--font-mono); font-size: var(--text-sm); background: var(--grey-900); color: #E2E8F0; border-radius: var(--radius-m); padding: var(--space-m); overflow-x: auto; }   .logo-styled img { max-height: 4rem; width: auto; transition: opacity var(--ease); } .logo-styled img:hover { opacity: 0.8; } .logo-styled-lg img { max-height: 5.6rem; }  .facebook-page-styled .brxe-facebook-page { border-radius: var(--radius-l); overflow: hidden; border: 1px solid var(--border-default); }  .breadcrumbs-styled a { color: var(--text-body); text-decoration: none; transition: color var(--ease); } .breadcrumbs-styled a:hover { color: var(--primary); } .breadcrumbs-styled .separator { margin-inline: var(--space-2xs); opacity: 0.5; } .breadcrumbs-styled .current { color: var(--text-heading); font-weight: 600; }   .rating-styled .empty { color: var(--grey-300); }   .brxe-icon { width: 3.5rem; height: 3.5rem; font-size: 3.5rem; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0; } .brxe-icon svg { width: 3.5rem; height: 3.5rem; } .brxe-icon::before { font-size: 3.5rem; line-height: 1; }   .accordion-title-wrapper .brxe-icon { width: 3.2rem; height: 3.2rem; min-width: 3.2rem;  border-radius: var(--radius-full); background: var(--primary-subtle); border: 1.5px solid var(--border-default); transition: all var(--ease); position: relative;  }  .accordion-title-wrapper .brxe-icon i, .accordion-title-wrapper .brxe-icon svg { display: none; }  .accordion-title-wrapper .brxe-icon::before { content: ''; position: absolute; width: 1.2rem; height: 2px; background: var(--primary); border-radius: 2px; transition: all var(--ease); font-size: unset;  }  .accordion-title-wrapper .brxe-icon::after { content: ''; position: absolute; width: 2px; height: 1.2rem; background: var(--primary); border-radius: 2px; transition: all var(--ease); }  .brx-open .accordion-title-wrapper .brxe-icon { background: var(--secondary); border-color: var(--secondary); } .brx-open .accordion-title-wrapper .brxe-icon::before { background: var(--white); } .brx-open .accordion-title-wrapper .brxe-icon::after { opacity: 0; transform: rotate(90deg); }   .brxe-iw26i1 .brxe-icon i, .brxe-iw26i1 .brxe-icon svg, .brxe-iw26i2 .brxe-icon i, .brxe-iw26i2 .brxe-icon svg, .brxe-iw26i3 .brxe-icon i, .brxe-iw26i3 .brxe-icon svg, .brxe-iw26i4 .brxe-icon i, .brxe-iw26i4 .brxe-icon svg, .brxe-iw26i5 .brxe-icon i, .brxe-iw26i5 .brxe-icon svg { display: none; }  .brxe-iw26i1 .brxe-icon, .brxe-iw26i2 .brxe-icon, .brxe-iw26i3 .brxe-icon, .brxe-iw26i4 .brxe-icon, .brxe-iw26i5 .brxe-icon { padding: 0; width: auto; height: auto; font-size: unset; position: relative; }  .brxe-iw26i1 .brxe-icon::before, .brxe-iw26i2 .brxe-icon::before, .brxe-iw26i3 .brxe-icon::before, .brxe-iw26i4 .brxe-icon::before, .brxe-iw26i5 .brxe-icon::before { content: ''; width: 1.4rem; height: 0.7rem; border: 2.5px solid var(--white); border-top: none; border-right: none; transform: rotate(-45deg) translateY(-0.15rem); font-size: unset;  }   .gallery-rounded .bricks-layout-item img { border-radius: var(--radius-m); } .gallery-rounded .bricks-layout-item { overflow: hidden; transition: transform var(--ease); } .gallery-rounded .bricks-layout-item:hover { transform: scale(1.02); }  .audio-styled audio { width: 100%; border-radius: var(--radius-full); } .audio-card audio { flex: 1; }  .slider-arrows-round .swiper-button-prev, .slider-arrows-round .swiper-button-next { width: 4.8rem; height: 4.8rem; border-radius: var(--radius-full); background: var(--bg-elevated); border: 1px solid var(--border-default); color: var(--text-heading); transition: all var(--ease); box-shadow: var(--shadow-s); } .slider-arrows-round .swiper-button-prev:hover, .slider-arrows-round .swiper-button-next:hover { background: var(--primary); border-color: var(--primary); color: var(--text-light); } .slider-arrows-inside .swiper-button-prev { left: var(--space-m); } .slider-arrows-inside .swiper-button-next { right: var(--space-m); }   .slider-dots-brand .swiper-pagination-bullet { background: var(--grey-300); opacity: 1; width: 1rem; height: 1rem; transition: all var(--ease); } .slider-dots-brand .swiper-pagination-bullet-active { background: var(--primary); width: 2.4rem; border-radius: var(--radius-full); } .slider-dots-line .swiper-pagination-bullet { width: 3.2rem; height: 3px; border-radius: var(--radius-full); background: var(--grey-300); opacity: 1; } .slider-dots-line .swiper-pagination-bullet-active { background: var(--primary); }  .slider-arrows-round .splide__arrow { width: 4.8rem; height: 4.8rem; border-radius: var(--radius-full); background: var(--bg-elevated); border: 1px solid var(--border-default); color: var(--text-heading); transition: all var(--ease); box-shadow: var(--shadow-s); opacity: 1; } .slider-arrows-round .splide__arrow:hover { background: var(--primary); border-color: var(--primary); color: var(--text-light); }  .slider-arrows-round .splide__arrow svg { fill: currentColor; width: 1em; height: 1em; } .slider-arrows-inside .splide__arrow--prev { left: var(--space-m); } .slider-arrows-inside .splide__arrow--next { right: var(--space-m); }  .slider-dots-brand .splide__pagination__page { background: var(--grey-300); opacity: 1; width: 1rem; height: 1rem; transition: all var(--ease); border: none; border-radius: var(--radius-full); } .slider-dots-brand .splide__pagination__page.is-active { background: var(--primary); width: 2.4rem; border-radius: var(--radius-full); } .slider-dots-line .splide__pagination__page { width: 3.2rem; height: 3px; border-radius: var(--radius-full); background: var(--grey-300); opacity: 1; border: none; } .slider-dots-line .splide__pagination__page.is-active { background: var(--primary); }   .svg-primary svg { fill: var(--primary); } .svg-accent svg { fill: var(--accent); } .svg-muted svg { fill: var(--text-muted); } .svg-white svg { fill: var(--white); } .svg-responsive svg { width: 100%; height: auto; }   .instagram-styled .brxe-instagram-feed { gap: var(--space-xs) !important; } .instagram-styled .brxe-instagram-feed img { border-radius: var(--radius-m); transition: opacity var(--ease); } .instagram-styled .brxe-instagram-feed img:hover { opacity: 0.85; }    .pagination-styled a, .pagination-styled span { display: inline-flex; align-items: center; justify-content: center; min-width: 4rem; height: 4rem; padding-inline: var(--space-xs); border: 1px solid var(--border-default); border-radius: var(--radius-m); color: var(--text-body); text-decoration: none; font-size: var(--text-sm); font-weight: 600; transition: all var(--ease); } .pagination-styled a:hover { background: var(--bg-surface); border-color: var(--primary); color: var(--primary); }  .pagination-styled .current, .pagination-styled span[aria-current="page"] { background: var(--primary); border-color: var(--primary); color: var(--text-light); } .pagination-pill a, .pagination-pill span { border-radius: var(--radius-full); } .results-summary strong { color: var(--text-heading); font-weight: var(--weight-semibold); }   .post-card-title a { color: inherit; text-decoration: none; } .post-card-title a:hover { color: var(--primary); }  .post-card-image img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; transition: transform var(--ease-slow); } .post-card:hover .post-card-image img { transform: scale(1.03); } .post-list-image img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }  .nav-footer a { color: var(--text-body); text-decoration: none; font-size: var(--text-sm); transition: color var(--ease); } .nav-footer a:hover { color: var(--primary); } .nav-footer li + li { margin-top: var(--space-2xs); }   .nav-sidebar a { display: block; padding: var(--space-xs) var(--space-s); color: var(--text-body); text-decoration: none; border-radius: var(--radius-s); transition: all var(--ease); } .nav-sidebar a:hover { background: var(--bg-surface); color: var(--primary); } .nav-sidebar .current-menu-item > a { background: var(--primary-subtle); color: var(--primary); font-weight: 600; }   .search-styled input[type="search"] { border: 1px solid var(--border-default); border-radius: var(--radius-full); padding: var(--space-s) var(--space-m) var(--space-s) 4rem; font-family: var(--font-base); font-size: var(--text-base); width: 100%; transition: border-color var(--ease), box-shadow var(--ease); } .search-styled input[type="search"]:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-subtle); outline: none; }   .meta-data a { color: var(--text-body); text-decoration: none; } .meta-data a:hover { color: var(--primary); } .meta-data .separator { opacity: 0.4; }  .post-content h2 { font-size: var(--text-2xl); margin-top: 2em; margin-bottom: 0.75em; color: var(--text-heading); } .post-content h3 { font-size: var(--text-xl); margin-top: 1.5em; margin-bottom: 0.5em; color: var(--text-heading); } .post-content h4 { font-size: var(--text-lg); margin-top: 1.25em; margin-bottom: 0.5em; color: var(--text-heading); }  .post-content p + p { margin-top: 1em; } .post-content ul, .post-content ol { padding-left: 1.5em; margin-top: 1em; } .post-content li + li { margin-top: 0.5em; } .post-content blockquote { border-left: 4px solid var(--primary); padding: var(--space-m) var(--space-l); margin: var(--space-l) 0; background: var(--bg-surface); border-radius: 0 var(--radius-m) var(--radius-m) 0;  font-style: italic; color: var(--text-heading); } .post-content img { border-radius: var(--radius-l); margin-block: var(--space-m); } .post-content a { color: var(--text-link); text-underline-offset: 0.15em; } .post-content a:hover { color: var(--text-link-hover); } .post-content figure { margin-block: var(--space-l); } .post-content figcaption { font-size: var(--text-sm); color: var(--text-muted); text-align: center; margin-top: var(--space-xs); }  .post-content pre { font-family: var(--font-mono); font-size: var(--text-sm); background: var(--grey-900); color: #E2E8F0; padding: var(--space-m); border-radius: var(--radius-m); overflow-x: auto; margin-block: var(--space-m); } .post-content code { font-family: var(--font-mono); font-size: 0.9em; background: var(--bg-surface); color: var(--primary); padding: 0.15em 0.4em; border-radius: var(--radius-s); } .post-content pre code { background: none; color: inherit; padding: 0; } .post-content table { width: 100%; border-collapse: collapse; margin-block: var(--space-m); font-size: var(--text-sm); } .post-content th { background: var(--bg-surface); font-weight: var(--weight-semibold); text-align: left; padding: var(--space-s); border: 1px solid var(--border-default); } .post-content td { padding: var(--space-s); border: 1px solid var(--border-default); } .post-content hr { border: none; border-top: 1px solid var(--border-default); margin-block: var(--space-xl); }  .comment-form textarea { min-height: 12.8rem; }  .post-nav a { text-decoration: none; color: var(--text-body); transition: color var(--ease); max-width: 45%; } .post-nav a:hover { color: var(--primary); }  .reading-progress .fill, .reading-progress .brxe-post-reading-progress-bar, .reading-progress > div { height: 100%; background: var(--primary); transition: width 0.1s linear; }  .toc-styled a { color: var(--text-body); text-decoration: none; font-size: var(--text-sm); display: block; padding: var(--space-2xs) var(--space-xs); border-left: 2px solid transparent; transition: all var(--ease); } .toc-styled a:hover { color: var(--primary); border-left-color: var(--primary); } .toc-styled a.active { color: var(--primary); border-left-color: var(--primary); font-weight: 600; background: var(--primary-subtle); } .toc-styled li + li { margin-top: var(--space-3xs); } .toc-styled ul ul { margin-left: var(--space-m); }    .filter-checkbox label { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-2xs) 0; cursor: pointer; font-size: var(--text-sm); color: var(--text-body); transition: color var(--ease); } .filter-checkbox label:hover { color: var(--primary); } .filter-checkbox input[type="checkbox"] { accent-color: var(--primary); width: 1.125em; height: 1.125em; } .filter-checkbox .count { font-size: var(--text-xs); color: var(--text-muted); margin-left: auto; }  .filter-datepicker input { border: 1px solid var(--border-default); border-radius: var(--radius-m); padding: var(--space-s) var(--space-m); font-family: var(--font-base); font-size: var(--text-sm); width: 100%; transition: border-color var(--ease); } .filter-datepicker input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-subtle); outline: none; }  .filter-radio label { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-2xs) 0; cursor: pointer; font-size: var(--text-sm); color: var(--text-body); transition: color var(--ease); } .filter-radio label:hover { color: var(--primary); } .filter-radio input[type="radio"] { accent-color: var(--primary); width: 1.125em; height: 1.125em; }  .filter-range input[type="range"] { width: 100%; accent-color: var(--primary); height: 0.6rem; border-radius: var(--radius-full); background: var(--grey-200); cursor: pointer; }  .filter-search input { border: 1px solid var(--border-default); border-radius: var(--radius-full); padding: var(--space-s) var(--space-m); font-family: var(--font-base); font-size: var(--text-sm); width: 100%; transition: border-color var(--ease); } .filter-search input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-subtle); outline: none; }  .filter-select select { border: 1px solid var(--border-default); border-radius: var(--radius-m); padding: var(--space-s) var(--space-m); font-family: var(--font-base); font-size: var(--text-sm); width: 100%; background: var(--bg-input); appearance: none; cursor: pointer; transition: border-color var(--ease); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B6B8A' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--space-s) center; padding-right: 4rem; } .filter-select select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-subtle); outline: none; }   .filter-submit button { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-s) var(--space-m); background: var(--primary); color: var(--text-light); border: 2px solid var(--primary); border-radius: var(--radius-m); font-family: var(--font-base); font-weight: var(--weight-semibold); font-size: var(--text-sm); cursor: pointer; transition: all var(--ease); } .filter-submit button:hover { background: var(--primary-hover); border-color: var(--primary-hover); } .filter-reset button { background: transparent; color: var(--text-body); border: 1px solid var(--border-default); } .filter-reset button:hover { border-color: var(--error); color: var(--error); }  .active-filter-tag button, .active-filter-tag .remove { background: none; border: none; color: var(--primary); cursor: pointer; font-size: 1.2em; line-height: 1; padding: 0; opacity: 0.6; transition: opacity var(--ease); } .active-filter-tag button:hover, .active-filter-tag .remove:hover { opacity: 1; }  .lang-switcher a, .lang-switcher span { font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); text-decoration: none; padding: 0.2em 0.5em; border-radius: var(--radius-s); text-transform: uppercase; letter-spacing: var(--tracking-wide); transition: all var(--ease); } .lang-switcher a:hover { color: var(--primary); background: var(--primary-subtle); } .lang-switcher .current-lang { color: var(--primary); background: var(--primary-subtle); font-weight: var(--weight-semibold); } .lang-flags img { width: 2rem; height: auto; border-radius: 2px; } .lang-dropdown select { border: 1px solid var(--border-default); border-radius: var(--radius-s); padding: 0.3em 1.5em 0.3em 0.5em; font-size: var(--text-xs); background: var(--bg-input); cursor: pointer; }     .p15-toggle-wrap { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 3rem; font-size: var(--text-base); font-weight: 600; color: var(--text-heading); }  .p15-toggle-btn { position: relative; width: 5.2rem; height: 2.8rem; background: var(--border-default); border: none; border-radius: var(--radius-full); cursor: pointer; transition: background 0.25s; flex-shrink: 0; padding: 0; } .p15-toggle-btn.p15-active { background: var(--primary); } .p15-toggle-knob { position: absolute; top: 0.4rem; left: 0.4rem; width: 2rem; height: 2rem; background: var(--bg-elevated); border-radius: 50%; transition: transform 0.25s; box-shadow: 0 1px 4px rgba(0,0,0,0.18); } .p15-toggle-btn.p15-active .p15-toggle-knob { transform: translateX(2.4rem); } [data-brx-theme="dark"] .p15-toggle-btn { background: rgba(255,255,255,0.25); border: 1px solid rgba(255,255,255,0.3); } [data-brx-theme="dark"] .p15-toggle-btn.p15-active { background: var(--primary); border-color: var(--primary); } [data-brx-theme="dark"] .p15-toggle-knob { background: #FFFFFF; }  .p15-save-badge { display: inline-block; background: rgba(34,197,94,0.12); color: #15803D; font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.2rem 0.7rem; border-radius: var(--radius-full); border: 1px solid rgba(34,197,94,0.3); vertical-align: middle; margin-left: 0.3rem; } [data-brx-theme="dark"] .p15-save-badge { color: #4ade80; background: rgba(34,197,94,0.15); }  .p15-grid { display: flex; align-items: flex-start; gap: 2rem; width: 100%; list-style: none; margin: 0; padding: 1.4rem 0.2rem 2rem; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-color: var(--grey-400) transparent;  scroll-padding-inline: 0.2rem; }  .p15-grid > .p15-card { flex: 0 0 29.3rem; scroll-snap-align: start; } .p15-grid:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }  .p15-grid::-webkit-scrollbar { height: 8px; } .p15-grid::-webkit-scrollbar-track { background: var(--grey-100); border-radius: var(--radius-full); } .p15-grid::-webkit-scrollbar-thumb { background: var(--grey-400); border-radius: var(--radius-full); }  .p15-rail { position: relative; } .p15-rail-head { display: flex; justify-content: flex-end; margin-bottom: 0.4rem; } .p15-rail-static .p15-rail-head { display: none; }  .p15-arrows { display: flex; gap: 1rem; } .p15-arrow { width: 4.8rem; height: 4.8rem; border-radius: var(--radius-full); background: var(--bg-elevated); border: 1px solid var(--border-default); color: var(--text-heading); box-shadow: var(--shadow-s); display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; transition: all var(--ease); } .p15-arrow:hover:not(:disabled) { background: var(--primary); border-color: var(--primary); color: var(--text-light); } .p15-arrow:disabled { opacity: 0.35; cursor: default; }  .p15-arrow svg { width: 1.6rem; height: 1.6rem; fill: currentColor; }  .p15-card { background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--radius-l); padding: 2.4rem 2rem 2rem; display: flex; flex-direction: column; position: relative;  transition: background-color var(--ease), border-color var(--ease), box-shadow var(--ease); } .p15-card:hover { border-color: var(--border-strong); box-shadow: var(--shadow-l); }  .p15-featured { background: var(--primary); border-color: var(--primary); box-shadow: var(--shadow-xl); transform: translateY(-8px); z-index: 1; }  .p15-featured:hover { background-color: var(--primary-hover); }  .p15-badge { display: inline-block; background: rgba(34,197,94,0.20); border: 1px solid rgba(34,197,94,0.45); color: #bbf7d0; font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.3rem 0.9rem; border-radius: var(--radius-full); margin-bottom: 1.2rem; align-self: flex-start; }  .p15-plan-name {  font-size: 2.8rem; font-weight: 600; color: var(--text-heading); margin-bottom: 0.6rem; line-height: 1.2; } .p15-featured .p15-plan-name { color: var(--white); }  .p15-plan-desc { font-size: var(--text-base); color: var(--text-heading); line-height: 1.5; margin-bottom: 1.6rem; min-height: 4.8rem; } .p15-featured .p15-plan-desc { color: rgba(255,255,255,0.8); }  .p15-divider { height: 1px; background: var(--border-default); margin-bottom: 1.6rem; } .p15-featured .p15-divider { background: rgba(255,255,255,0.18); }  .p15-price { display: flex; align-items: flex-start; gap: 0.1rem; line-height: 1; margin-bottom: 0.4rem; } .p15-price-currency { font-size: var(--text-md); font-weight: 600; color: var(--text-heading); margin-top: 0.6rem; } .p15-featured .p15-price-currency { color: var(--white); }  .p15-price-amount { font-size: 5.6rem; font-weight: 600; color: var(--text-heading); letter-spacing: -0.02em; } .p15-featured .p15-price-amount { color: var(--white); } .p15-price-period { font-size: var(--text-base); font-weight: 400; color: var(--text-heading); align-self: flex-end; padding-bottom: 0.6rem; margin-left: 0.2rem; } .p15-featured .p15-price-period { color: rgba(255,255,255,0.7); }  .p15-price-annual { display: none; } .p15-price-monthly { display: flex; } .brxe-code.p15-annual .p15-price-annual { display: flex; } .brxe-code.p15-annual .p15-price-monthly { display: none; }  .p15-billed-note { font-size: var(--text-base); color: var(--text-heading); margin-bottom: 0.8rem; min-height: 2rem; display: none; } .brxe-code.p15-annual .p15-billed-note { display: block; } .p15-featured .p15-billed-note { color: rgba(255,255,255,0.7); } .p15-billed-note-spacer { visibility: hidden; }  .p15-price-custom { font-size: var(--text-2xl) !important; font-weight: 600; color: var(--primary); align-items: center; } [data-brx-theme="dark"] .p15-price-custom { color: var(--text-link); }   .p15-sizing { font-size: var(--text-base); line-height: 1.4; font-weight: 400; color: var(--text-muted); margin: 0 0 1.2rem; min-height: 3.9rem; } .p15-featured .p15-sizing { color: rgba(255,255,255,0.85); } [data-brx-theme="dark"] .p15-sizing { color: var(--grey-400); }  .p15-onetime { font-size: var(--text-base); font-weight: 600; color: #15803D; background: rgba(34,197,94,0.12); border: 1px solid rgba(34,197,94,0.25); border-radius: var(--radius-s); padding: 0.9rem 1.2rem; margin-bottom: 1.6rem; line-height: 1.4; } .p15-featured .p15-onetime { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.85); } [data-brx-theme="dark"] .p15-onetime { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1); }  .p15-strike { text-decoration: line-through; font-weight: var(--weight-regular); } .p15-waived { display: block; margin-top: 0.3rem; font-weight: 700;  }  .p15-cta { display: block; width: 100%; text-align: center; padding: 1.3rem 1.6rem; border-radius: var(--radius-m); font-size: var(--text-base); font-weight: 600; text-decoration: none; transition: background 0.2s, color 0.2s, border-color 0.2s;  margin-bottom: 2.4rem; cursor: pointer; } .p15-cta-outline { background: var(--primary); color: var(--white) !important; border: 2px solid var(--primary); } .p15-cta-outline:hover { background: transparent; color: var(--primary) !important; }  .p15-cta-primary { background: var(--white); color: var(--primary) !important; border: 2px solid var(--white); } .p15-cta-primary:hover { background: var(--primary); color: var(--white) !important; border-color: var(--primary); } [data-brx-theme="dark"] .p15-cta-outline { background: var(--primary); color: var(--white) !important; border-color: var(--primary); } [data-brx-theme="dark"] .p15-cta-outline:hover { background: transparent; color: var(--primary) !important; }  .p15-features-label { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-heading); margin-bottom: 1.2rem; } .p15-featured .p15-features-label { color: rgba(255,255,255,0.82); }  .p15-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.9rem; flex: 0 0 auto; } .p15-card .p15-features:last-of-type { flex: 1 1 auto; } .p15-card .p15-features + .p15-features-label { margin-top: 1.8rem; } .p15-features li { display: flex; align-items: flex-start; gap: 0.8rem; font-size: var(--text-base); color: var(--text-heading); line-height: 1.4; } .p15-featured .p15-features li { color: rgba(255,255,255,0.88); }  .p15-check { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; min-width: 1.8rem; border-radius: 50%; background: rgba(34,197,94,0.12); color: #16A34A; font-size: 1rem; font-weight: 600; margin-top: 0.2rem; flex-shrink: 0; } .p15-featured .p15-check { background: rgba(255,255,255,0.18); color: #FFFFFF; }  .p15-features li.p15-overage { margin-top: 0.8rem; padding-top: 1rem; border-top: 1px solid var(--border-default); font-size: var(--text-base); font-weight: 600; color: var(--text-heading); display: block; } .p15-featured .p15-features li.p15-overage { border-color: rgba(255,255,255,0.15); color: rgba(255,255,255,0.85); }  .p15-payg-note { margin-top: 1rem; } .p15-payg-select { width: 100%; font-family: var(--font-base); font-size: var(--text-base); color: var(--text-heading); background-color: var(--bg-input); border: 1px solid var(--border-default); border-radius: var(--radius-s); padding: 0.9rem 3.4rem 0.9rem 1.1rem; appearance: none; cursor: pointer; transition: border-color var(--ease), box-shadow var(--ease);  line-height: 1.4; background-size: 1.6rem 1.6rem;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B6B8A' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; } .p15-payg-select:focus-visible { border-color: var(--border-focus); box-shadow: 0 0 0 3px var(--primary-subtle); outline: none; }  .p15-payg-annual { display: none; font-size: var(--text-xs); color: var(--text-muted); margin-top: 0.8rem; line-height: 1.4; } .brxe-code.p15-annual .p15-payg-annual { display: block; }  .p15-cross { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; min-width: 1.8rem; border-radius: 50%; background: var(--grey-100); color: var(--grey-600); font-size: 1.2rem; font-weight: 600; margin-top: 0.2rem; flex-shrink: 0; }   [data-brx-theme="dark"] .p15-plan-name { color: var(--white); } [data-brx-theme="dark"] .p15-plan-desc { color: var(--grey-300); } [data-brx-theme="dark"] .p15-price-currency { color: var(--white); } [data-brx-theme="dark"] .p15-price-amount { color: var(--white); } [data-brx-theme="dark"] .p15-price-period { color: var(--grey-300); } [data-brx-theme="dark"] .p15-features li { color: var(--grey-300); } [data-brx-theme="dark"] .p15-features-label { color: var(--grey-400); } [data-brx-theme="dark"] .p15-divider { background: rgba(255,255,255,0.1); } [data-brx-theme="dark"] .p15-billed-note { color: var(--grey-300); } [data-brx-theme="dark"] .p15-features li.p15-overage { border-color: rgba(255,255,255,0.1); color: var(--grey-400); } [data-brx-theme="dark"] .p15-check { background: rgba(34,197,94,0.25); color: #4ade80; } [data-brx-theme="dark"] .p15-cross { background: rgba(255,255,255,0.06); color: var(--grey-400); } [data-brx-theme="dark"] .p15-payg-annual { color: var(--grey-400); } [data-brx-theme="dark"] .p15-grid::-webkit-scrollbar-track { background: rgba(255,255,255,0.06); }  [data-brx-theme="dark"] .p15-payg-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23A3A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }  [data-brx-theme="dark"] .p15-featured { background: var(--primary); border-color: var(--primary); } [data-brx-theme="dark"] .p15-featured .p15-plan-name { color: var(--white); } [data-brx-theme="dark"] .p15-featured .p15-plan-desc { color: rgba(255,255,255,0.8); } [data-brx-theme="dark"] .p15-featured .p15-sizing { color: rgba(255,255,255,0.85); } [data-brx-theme="dark"] .p15-featured .p15-price-currency { color: var(--white); } [data-brx-theme="dark"] .p15-featured .p15-price-amount { color: var(--white); } [data-brx-theme="dark"] .p15-featured .p15-price-period { color: rgba(255,255,255,0.7); } [data-brx-theme="dark"] .p15-featured .p15-divider { background: rgba(255,255,255,0.18); } [data-brx-theme="dark"] .p15-featured .p15-billed-note { color: rgba(255,255,255,0.7); } [data-brx-theme="dark"] .p15-featured .p15-onetime { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.85); } [data-brx-theme="dark"] .p15-featured .p15-features li { color: rgba(255,255,255,0.88); } [data-brx-theme="dark"] .p15-featured .p15-features-label { color: rgba(255,255,255,0.82); } [data-brx-theme="dark"] .p15-featured .p15-check { background: rgba(255,255,255,0.18); color: #FFFFFF; } [data-brx-theme="dark"] .p15-featured .p15-features li.p15-overage { border-color: rgba(255,255,255,0.15); color: rgba(255,255,255,0.85); } [data-brx-theme="dark"] .p15-cta-primary { background: var(--white); color: var(--primary) !important; border-color: var(--white); } [data-brx-theme="dark"] .p15-cta-primary:hover { background: rgba(255,255,255,0.88); color: var(--primary); }    .p29-scroll-hint { display: none; text-align: center; font-size: var(--text-base); color: var(--text-muted); margin-bottom: var(--space-s); } @media (max-width: 860px) { .p29-scroll-hint { display: block; } }  .p29-outer { position: relative; border-radius: var(--radius-2xl); border: 1px solid var(--grey-200); background: #FFFFFF; box-shadow: none; overflow: visible; }  .p29-wrap { max-height: none; overflow: visible; background: transparent; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .p29-wrap::-webkit-scrollbar { width: 4px; height: 4px; } .p29-wrap::-webkit-scrollbar-track { background: transparent; } .p29-wrap::-webkit-scrollbar-thumb { background: transparent; }  .p29-table { min-width: 74rem; width: 100%; border-collapse: separate; border-spacing: 0; font-family: var(--font-base); font-size: var(--text-base); }  .p29-table thead th { position: sticky; top: var(--p29-top, 0px); z-index: 6; background: #FFFFFF; padding: var(--space-m) var(--space-m) var(--space-s); text-align: center; border-bottom: 2px solid var(--grey-200); border-right: none; vertical-align: bottom; } .p29-table thead th:first-child { border-top-left-radius: var(--radius-2xl); } .p29-table thead th:last-child { border-top-right-radius: var(--radius-2xl); }  .p29-table thead th.p29-col-feature { min-width: 22rem; max-width: 22rem; text-align: left; color: var(--text-body); font-size: var(--text-base); font-weight: 600; box-shadow: none; }  .p29-table thead th.p29-featured { background: var(--primary); border-left: 2px solid var(--primary); border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); } .p29-table thead th.p29-featured .p29-plan-name, .p29-table thead th.p29-featured .p29-plan-price { color: #FFFFFF; }  .p29-plan-name { display: block; font-size: var(--text-lg); font-weight: var(--weight-semibold); color: var(--text-heading); margin-bottom: 0.2rem; }  .p29-plan-price { display: block; font-size: var(--text-2xl); font-weight: var(--weight-semibold); color: var(--text-heading); line-height: 1.1; margin-bottom: 0.75rem; } .p29-plan-price small { font-size: 0.5em; font-weight: 400; opacity: 0.7; } .p29-price-custom { font-size: var(--text-base) !important; color: var(--text-muted) !important; font-weight: 400 !important; }  .p29-plan-cta { display: inline-block; padding: 0.45em 1.1em; border-radius: var(--radius-m); font-size: var(--text-base); font-weight: var(--weight-semibold); text-decoration: none; background: var(--primary); color: #FFFFFF; border: 2px solid var(--primary); transition: background 0.2s, color 0.2s, border-color 0.2s; white-space: nowrap; } .p29-plan-cta:hover { background: transparent; color: var(--primary); border-color: var(--primary); } .p29-featured .p29-plan-cta { background: #FFFFFF; color: var(--primary); border-color: #FFFFFF; } .p29-featured .p29-plan-cta:hover { background: var(--primary); color: #FFFFFF; border-color: var(--primary); } .p29-cta-ghost { background: transparent; color: var(--primary); }  .p29-badge { display: block; background: rgba(34,197,94,0.20); border: 1px solid rgba(34,197,94,0.45); color: #bbf7d0; font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wider); text-transform: uppercase; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); margin-bottom: 0.5rem; }  .p29-table tbody td { padding: 1.5rem 1.8rem; text-align: left; vertical-align: baseline; border-right: none; border-bottom: none; background: transparent; color: var(--text-heading); font-size: var(--text-base); font-variant-numeric: tabular-nums; } .p29-table tbody tr + tr td { border-top: 1px solid var(--grey-200); } .p29-table tbody tr:last-child td:first-child { border-bottom-left-radius: var(--radius-2xl); } .p29-table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--radius-2xl); }  .p29-table thead th + th, .p29-table tbody td + td { border-left: 1px solid var(--grey-200); } .p29-table thead th.p29-featured + th, .p29-table tbody td.p29-featured + td { border-left: none; }  .p29-table td.p29-col-feature { position: static; min-width: 22rem; max-width: 22rem; white-space: normal; font-family: var(--font-base); font-size: var(--text-base); font-weight: 600; color: var(--text-body); letter-spacing: 0; line-height: 1.4; background: transparent; border-right: none; text-align: left; box-shadow: none; }  .p29-table tbody td .p29-val { color: var(--text-heading); font-weight: 400; font-size: var(--text-base); line-height: 1.35; } .p29-table tbody td .p29-val-muted { display: block; color: var(--text-muted); font-size: var(--text-sm); margin-top: 0.2rem; } .p29-table tbody td br { display: none; } .p29-tick { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: rgba(34,197,94,0.12); color: #16A34A; font-size: 1rem; font-weight: 600; } .p29-dash { color: var(--text-muted); font-size: var(--text-base); } .p29-val-custom { font-size: var(--text-base); font-style: italic; color: var(--text-muted); }  .p29-table tbody td.p29-featured, .p29-table tr.p29-section td.p29-featured { border-left: 2px solid var(--primary); border-right: 2px solid var(--primary); } .p29-table tbody td.p29-featured { background: var(--primary-subtle); } .p29-table tbody tr:last-child td.p29-featured { border-bottom: 2px solid var(--primary); }  .p29-table tbody tr + tr td.p29-featured, .p29-table tr.p29-section td.p29-featured { border-top-color: rgba(25,25,112,0.22); }  .p29-table tr.p29-section td { background: var(--grey-50); border-right: none; border-top: 1px solid var(--grey-200); border-bottom: none; padding: 1.1rem 1.8rem; font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-heading); } .p29-table tr.p29-section td.p29-featured { background: var(--grey-50); }  .p29-table tbody tr:not(.p29-section):hover td { background: var(--grey-50); } .p29-table tbody tr:not(.p29-section):hover td.p29-featured { background: #E4E4F9; }   .p29-foot { font-size: var(--text-sm); line-height: 1.6; color: var(--text-muted); margin: var(--space-m) auto 0; max-width: 74ch; text-align: center; } .p29-foot b { color: var(--text-heading); font-weight: 600; }  @media (max-width: 860px) { .p29-wrap { overflow-x: auto; }  .p29-table thead th { top: 0; } .p29-table td.p29-col-feature, .p29-table thead th.p29-col-feature { position: sticky; left: 0; z-index: 2; background: #FFFFFF; box-shadow: none;  min-width: 14rem; max-width: 14rem; } .p29-table thead th.p29-col-feature { z-index: 7; } .p29-table tr.p29-section td.p29-col-feature { background: var(--grey-50); } .p29-table tbody tr:not(.p29-section):hover td.p29-col-feature { background: var(--grey-50); } }  [data-brx-theme="dark"] .p29-outer { background: #111127; border-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .p29-wrap { background: transparent; } [data-brx-theme="dark"] .p29-table thead th { background: #111127; color: var(--text-heading); border-bottom-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .p29-table thead th.p29-col-feature { background: #111127; color: var(--grey-300); } [data-brx-theme="dark"] .p29-table thead th.p29-featured { background: var(--primary); } [data-brx-theme="dark"] .p29-table td.p29-col-feature { background: transparent; color: var(--grey-300); } [data-brx-theme="dark"] .p29-table tbody td { background: transparent; color: var(--text-heading); } [data-brx-theme="dark"] .p29-table tbody tr + tr td { border-top-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .p29-table thead th + th, [data-brx-theme="dark"] .p29-table tbody td + td { border-left-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .p29-table tbody td .p29-val { color: var(--text-heading); } [data-brx-theme="dark"] .p29-table tbody td .p29-val-muted { color: var(--grey-400); }  [data-brx-theme="dark"] .p29-table tbody td.p29-featured { background: rgba(74,74,201,0.18); } [data-brx-theme="dark"] .p29-table tbody tr + tr td.p29-featured, [data-brx-theme="dark"] .p29-table tr.p29-section td.p29-featured { border-top-color: rgba(255,255,255,0.16); } [data-brx-theme="dark"] .p29-table tr.p29-section td { background: #0A0A1F; border-top-color: rgba(255,255,255,0.06); } [data-brx-theme="dark"] .p29-table tr.p29-section td.p29-featured { background: #0A0A1F; } [data-brx-theme="dark"] .p29-table tbody tr:not(.p29-section):hover td { background: #18183A; } [data-brx-theme="dark"] .p29-table tbody tr:not(.p29-section):hover td.p29-featured { background: rgba(74,74,201,0.26); } [data-brx-theme="dark"] .p29-plan-name { color: #FFFFFF; } [data-brx-theme="dark"] .p29-plan-price { color: #FFFFFF; } [data-brx-theme="dark"] .p29-plan-cta { background: var(--primary); color: #FFFFFF; border-color: var(--primary); } [data-brx-theme="dark"] .p29-featured .p29-plan-cta { background: #FFFFFF; color: var(--primary); } [data-brx-theme="dark"] .p29-cta-ghost { background: transparent; color: var(--text-heading); border-color: var(--border-default); } [data-brx-theme="dark"] .p29-tick { background: rgba(34,197,94,0.25); color: #4ade80; } @media (max-width: 860px) { [data-brx-theme="dark"] .p29-table td.p29-col-feature, [data-brx-theme="dark"] .p29-table thead th.p29-col-feature { background: #111127; } [data-brx-theme="dark"] .p29-table tr.p29-section td.p29-col-feature { background: #0A0A1F; } }    .ri-floor { max-width: 62rem; width: 100%; margin: var(--space-l) auto 0; align-self: center; padding: var(--space-l); border: 1px solid var(--border-default); border-radius: var(--radius-l); background: var(--bg-card); transition: border-color var(--ease), box-shadow var(--ease); } .ri-floor:hover { border-color: var(--border-strong); box-shadow: var(--shadow-l); } @media (prefers-reduced-motion: reduce) { .ri-floor { transition: none; } .ri-floor:hover { transform: none; } } .ri-floor h3 { margin: 0 0 var(--space-s); }  .ri-floorgroup { margin-top: var(--space-m); } .ri-floorgroup:first-of-type { margin-top: var(--space-s); }  .ri-floortitle { font-size: 1.2rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-body); margin-bottom: 0.9rem; }  .ri-floorlist { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; } .ri-floorlist li { position: relative; padding-left: 2.8rem; font-size: var(--text-base); color: var(--text-body); line-height: 1.4; } .ri-floorlist li::before { content: "\2713"; position: absolute; left: 0; top: 0.15rem; display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: rgba(34,197,94,0.12); color: #16A34A; font-size: 1rem; font-weight: 700; }  .ri-note { font-family: var(--font-base); font-size: var(--text-base); color: var(--text-body);  line-height: var(--leading-snug); }  [data-brx-theme="dark"] .ri-floorlist li { color: var(--grey-300); } [data-brx-theme="dark"] .ri-floorlist li::before { background: rgba(34,197,94,0.25); color: #4ade80; }  .ri-scope { width: 100%; margin: 0; padding: var(--space-l); border: 1px solid var(--border-default); border-radius: var(--radius-l); background: var(--bg-card); } .ri-scope-scroll { overflow-x: auto; } .ri-scope-table { width: 100%; border-collapse: collapse; font-family: var(--font-base); min-width: 52rem; }  .ri-scope-table th { text-align: left; font-size: 1.2rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-body); padding: 0 0 var(--space-xs); border-bottom: 1px solid var(--border-default); } .ri-scope-table td { padding: var(--space-s) var(--space-s) var(--space-s) 0; border-bottom: 1px solid var(--border-default); vertical-align: top; } .ri-scope-table td:last-child, .ri-scope-table th:last-child { padding-right: 0; } .ri-scope-table tr:last-child td { border-bottom: 0; } .ri-scope-table tbody tr:hover td { background: var(--grey-50); } .ri-scope-job { font-size: var(--text-base); font-weight: 600; color: var(--text-body); line-height: var(--leading-snug); width: 22rem; } .ri-scope-what { font-size: var(--text-base); color: var(--text-body); line-height: var(--leading-snug); } .ri-scope-mark { width: 15rem; white-space: nowrap; } .ri-scope-chip { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.4rem 1rem; border-radius: var(--radius-full); font-size: 1.2rem; font-weight: 600; line-height: var(--leading-none); } .ri-scope-chip::before { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; font-size: 0.9rem; font-weight: 700; } .ri-scope-yes { background: var(--success-subtle); color: var(--success-dark); } .ri-scope-yes::before { content: "\2713"; background: rgba(22,101,52,0.14); color: var(--success-dark); } .ri-scope-part { background: var(--warning-subtle); color: var(--warning-dark); } .ri-scope-part::before { content: "\00BD"; background: rgba(146,64,14,0.14); color: var(--warning-dark); } .ri-scope-no { background: var(--grey-100); color: var(--grey-600); } .ri-scope-no::before { content: "\2013"; background: rgba(71,71,104,0.12); color: var(--grey-600); }  [data-brx-theme="dark"] .ri-scope-table tbody tr:hover td { background: #18183A; } [data-brx-theme="dark"] .ri-scope-job { color: var(--grey-200); } [data-brx-theme="dark"] .ri-scope-what { color: var(--grey-200); } [data-brx-theme="dark"] .ri-scope .ri-note { color: var(--grey-200); } [data-brx-theme="dark"] .ri-scope-yes { background: rgba(34,197,94,0.18); color: #4ADE80; } [data-brx-theme="dark"] .ri-scope-yes::before { background: rgba(74,222,128,0.2); color: #4ADE80; } [data-brx-theme="dark"] .ri-scope-part { background: rgba(245,158,11,0.18); color: #FBBF24; } [data-brx-theme="dark"] .ri-scope-part::before { background: rgba(251,191,36,0.2); color: #FBBF24; } [data-brx-theme="dark"] .ri-scope-no { background: rgba(255,255,255,0.06); color: var(--grey-400); } [data-brx-theme="dark"] .ri-scope-no::before { background: rgba(255,255,255,0.1); color: var(--grey-400); }   .ri-scroll-hint { display: none; text-align: center; font-size: var(--text-sm); color: var(--text-muted); margin-bottom: var(--space-s); } @media (max-width: 860px) { .ri-scroll-hint { display: block; } }  .ri-table-outer { position: relative; border-radius: var(--radius-2xl); border: 1px solid var(--grey-200); background: #FFFFFF; box-shadow: none; overflow: visible; }  .ri-table-wrap { max-height: none; overflow: visible; background: transparent; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .ri-table-wrap::-webkit-scrollbar { width: 4px; height: 4px; } .ri-table-wrap::-webkit-scrollbar-track { background: transparent; } .ri-table-wrap::-webkit-scrollbar-thumb { background: transparent; }  .ri-table { min-width: 74rem; width: 100%; border-collapse: separate; border-spacing: 0; font-family: var(--font-base); font-size: var(--text-base); }  .ri-table thead th { background: #FFFFFF; padding: var(--space-m) var(--space-m) var(--space-s); text-align: center; border-bottom: 2px solid var(--grey-200); border-right: none; vertical-align: bottom; font-size: var(--text-base); font-weight: var(--weight-bold); letter-spacing: var(--tracking-wide); color: var(--text-heading); } .ri-table thead th:first-child { border-top-left-radius: var(--radius-2xl); } .ri-table thead th:last-child { border-top-right-radius: var(--radius-2xl); }  .ri-table thead th.col-feature { text-align: left; min-width: 14rem; width: 18%; max-width: none; color: var(--text-body); font-size: var(--text-base); font-weight: 600; box-shadow: none; }  .ri-table thead th.col-ri-head { background: var(--primary); color: var(--white); border-left: 2px solid var(--primary); border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); font-size: var(--text-sm); letter-spacing: var(--tracking-wide); text-transform: none; } .ri-table thead th.col-other-head { color: var(--text-heading); }  .ri-table .col-label { display: block; font-size: var(--text-base); font-weight: var(--weight-bold); letter-spacing: var(--tracking-wide); margin-bottom: 0.15rem; }  .ri-table .col-sub { display: block; font-size: var(--text-xs); font-weight: var(--weight-regular); letter-spacing: 0; text-transform: none; color: var(--text-muted); margin-top: 0.2rem; } .ri-table .col-ri-head .col-label { color: var(--white); } .ri-table .col-ri-head .col-sub { color: rgba(255,255,255,0.75); }  .ri-table td.col-feature { position: static; width: 18%; min-width: 14rem; max-width: none; white-space: normal; font-family: var(--font-base); font-size: var(--text-base); font-weight: 600; color: var(--text-body); line-height: 1.4; background: transparent; border-right: none; text-align: left; padding: 1.5rem 1.8rem; box-shadow: none; }  .ri-table tbody td { padding: 1.5rem 1.8rem; text-align: left; vertical-align: baseline; border-right: none; border-bottom: none; background: transparent; color: var(--text-heading); font-size: var(--text-base); line-height: var(--leading-relaxed); font-variant-numeric: tabular-nums; } .ri-table tbody tr + tr td { border-top: 1px solid var(--grey-200); } .ri-table tbody tr:last-child td:first-child { border-bottom-left-radius: var(--radius-2xl); } .ri-table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--radius-2xl); }  .ri-table thead th + th, .ri-table tbody td + td { border-left: 1px solid var(--grey-200); } .ri-table thead th.col-ri-head + th, .ri-table tbody td.col-ri + td { border-left: none; }  .ri-table td.col-ri { background: var(--primary-subtle); border-left: 2px solid var(--primary); border-right: 2px solid var(--primary); font-weight: var(--weight-medium); color: var(--text-heading); } .ri-table tbody tr:last-child td.col-ri { border-bottom: 2px solid var(--primary); } .ri-table tbody tr + tr td.col-ri { border-top-color: rgba(25,25,112,0.22); }  .ri-table tbody tr:not(.summary-row):hover td { background: var(--grey-50); } .ri-table tbody tr:not(.summary-row):hover td.col-ri { background: #E4E4F9; }  .ri-table tbody tr.summary-row td { border-top: 2px solid var(--grey-200); border-bottom: none; font-weight: var(--weight-bold); font-size: var(--text-base); letter-spacing: 0; color: var(--text-heading); padding: 1.5rem 1.8rem; } .ri-table tbody tr.summary-row td.col-ri { color: var(--primary); }  .ri-table .ri-mark { margin-right: 0.5em; font-size: 0.95em; line-height: 1; } .ri-table .ri-yes { color: var(--success); } .ri-table .ri-no { color: var(--text-muted); }  .ri-table col.col-w-feature { width: 18%; } .ri-table col.col-w-data { width: 27.3%; } .ri-table thead th.col-ri-head, .ri-table thead th.col-other-head, .ri-table tbody td.col-ri, .ri-table tbody td:not(.col-feature):not(.col-ri) { width: 27.3%; }  @media (max-width: 860px) { .ri-table-wrap { overflow-x: auto; } .ri-table td.col-feature, .ri-table thead th.col-feature { position: sticky; left: 0; z-index: 2; background: #FFFFFF; box-shadow: 2px 0 8px rgba(0,0,0,0.04); } .ri-table thead th.col-feature { z-index: 7; } .ri-table tbody tr:not(.summary-row):hover td.col-feature { background: var(--grey-50); } }  [data-brx-theme="dark"] .ri-table-outer { background: #111127; border-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .ri-table-wrap { background: transparent; } [data-brx-theme="dark"] .ri-table thead th { background: #111127; color: var(--text-heading); border-bottom-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .ri-table thead th.col-feature { background: #111127; color: var(--grey-300); } [data-brx-theme="dark"] .ri-table thead th.col-ri-head { background: var(--primary); } [data-brx-theme="dark"] .ri-table td.col-feature { background: transparent; color: var(--grey-300); } [data-brx-theme="dark"] .ri-table tbody td { background: transparent; color: var(--text-heading); } [data-brx-theme="dark"] .ri-table tbody tr + tr td { border-top-color: rgba(255,255,255,0.08); } [data-brx-theme="dark"] .ri-table thead th + th, [data-brx-theme="dark"] .ri-table tbody td + td { border-left-color: rgba(255,255,255,0.08); }  [data-brx-theme="dark"] .ri-table td.col-ri { background: rgba(74,74,201,0.18); border-left-color: var(--primary); border-right-color: var(--primary); } [data-brx-theme="dark"] .ri-table tbody tr + tr td.col-ri { border-top-color: rgba(255,255,255,0.16); } [data-brx-theme="dark"] .ri-table tbody tr:not(.summary-row):hover td { background: #18183A; } [data-brx-theme="dark"] .ri-table tbody tr:not(.summary-row):hover td.col-ri { background: rgba(74,74,201,0.26); } [data-brx-theme="dark"] .ri-table tbody tr.summary-row td { background: transparent; border-top-color: rgba(255,255,255,0.08); }  [data-brx-theme="dark"] .ri-table tbody tr.summary-row td.col-ri { color: #FFFFFF; } @media (max-width: 860px) { [data-brx-theme="dark"] .ri-table td.col-feature, [data-brx-theme="dark"] .ri-table thead th.col-feature { background: #111127; } [data-brx-theme="dark"] .ri-table tbody tr:not(.summary-row):hover td.col-feature { background: #18183A; } }   .ub * { box-sizing: border-box; } .ub .num { font-variant-numeric: tabular-nums; }  .ub-tk { max-width: 92rem; margin: 0 auto; display: grid; grid-template-columns: 1fr 38rem;  background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--radius-l); position: relative; box-shadow: var(--shadow-s); transition: border-color var(--ease), box-shadow var(--ease); }  .ub-tk:hover { border-color: var(--border-strong); box-shadow: var(--shadow-l); }  .ub-tk:hover .ub-stub { background: var(--primary-hover); } @media (max-width: 800px) { .ub-tk { grid-template-columns: 1fr; } }  .ub-main { padding: clamp(2.6rem, 3.2vw, 4rem); display: flex; flex-direction: column; align-items: flex-start; gap: 1.7rem; min-width: 0; } .ub-main h2 { margin: 0; color: var(--text-heading); font-size: var(--text-2xl); font-weight: var(--weight-bold); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); text-wrap: balance; max-width: 16ch; } .ub-main p { margin: 0; color: var(--text-body); font-size: 1.6rem;  line-height: var(--leading-normal); max-width: 48ch; }   .ub-perf { position: absolute; top: 0; bottom: 0; right: 38rem;  width: 0; border-left: 2px dashed var(--border-default); pointer-events: none; } .ub-perf::before, .ub-perf::after { content: ""; position: absolute; left: -1.1rem; width: 2.2rem; height: 2.2rem; border-radius: var(--radius-full); background: var(--border-default); } .ub-perf::before { top: -1.1rem; } .ub-perf::after { bottom: -1.1rem; } @media (max-width: 800px) { .ub-perf { top: auto; bottom: 22.2rem;  right: 0; left: 0; width: auto; height: 0; border-left: none; border-top: 2px dashed rgba(255,255,255,0.4); } .ub-perf::before, .ub-perf::after { top: -1.1rem; bottom: auto; } .ub-perf::before { left: -1.1rem; } .ub-perf::after { left: auto; right: -1.1rem; } }  .ub-offer { align-self: stretch; display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; background: rgba(34,197,94,0.12); border: 1px solid rgba(34,197,94,0.25); border-radius: var(--radius-s); color: #15803D; font-weight: 700; font-size: 1.6rem;  line-height: 1.45; padding: 1.8rem 2rem; } [data-brx-theme="dark"] .ub-offer { color: #4ade80; } .ub-figs { display: flex; align-items: baseline; gap: 1.4rem; } .ub-was { font-size: var(--text-lg); font-weight: var(--weight-regular);  text-decoration: line-through; } .ub-now { font-size: var(--text-3xl); font-weight: var(--weight-bold); letter-spacing: var(--tracking-tighter); line-height: 1; } .ub-for { font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-wider); text-transform: uppercase; line-height: 1.5; }  .ub-stub { background: var(--primary); color: var(--white); border-radius: 0 var(--radius-l) var(--radius-l) 0; padding: clamp(2.6rem, 3.2vw, 4rem); display: flex; flex-direction: column; justify-content: center; transition: background-color var(--ease); } @media (max-width: 800px) { .ub-stub { border-radius: 0 0 var(--radius-l) var(--radius-l); } } .ub-valid { padding-bottom: 1.6rem; margin-bottom: 0.4rem; font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--primary-300); border-bottom: 1px solid rgba(146,146,231,0.4); } .ub-row { display: flex; flex-direction: column; gap: 0.4rem; padding: 1.4rem 0; border-bottom: 1px solid rgba(255,255,255,0.22); } .ub-k { font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--primary-300); } .ub-v { font-size: 1.6rem;  font-weight: var(--weight-semibold); color: var(--white); line-height: 1.3; } .ub-v.good { color: #4ade80; }  .ub-v small { display: block; font-weight: var(--weight-regular); font-size: 1.6rem;  color: rgba(255,255,255,0.82); margin-top: 0.3rem; } @media (prefers-reduced-motion: reduce) { .ub-tk, .ub-stub { transition: none; } }   .gb * { box-sizing: border-box; }  .gb-note {  --gb-pad: clamp(2.8rem, 3.6vw, 4.8rem); --gb-gap: clamp(2.6rem, 3.6vw, 4.8rem); position: relative;  max-width: 92rem; margin: 0 auto;  background: linear-gradient(var(--primary) 0 4px, transparent 4px) border-box no-repeat, var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--radius-m); box-shadow: var(--shadow-s); padding: var(--gb-pad); display: grid; grid-template-columns: 1fr 2fr; gap: var(--gb-gap); align-items: center; transition: border-color var(--ease), box-shadow var(--ease); }  .gb-note:hover { border-color: var(--border-strong); box-shadow: var(--shadow-l); } @media (max-width: 900px) { .gb-note { grid-template-columns: 1fr; justify-items: center; text-align: center; } }   .gb-side { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; text-align: center; align-self: stretch;  background: #FDFCF8;  margin: calc(-1 * var(--gb-pad)) calc(-1 * var(--gb-gap) / 2) calc(-1 * var(--gb-pad)) calc(-1 * var(--gb-pad)); padding: var(--gb-pad) calc(var(--gb-pad) + var(--gb-gap) / 2) var(--gb-pad) var(--gb-pad); border-radius: var(--radius-m) 0 0 var(--radius-m); } [data-brx-theme="dark"] .gb-side, .dark .gb-side { background: var(--bg-surface-alt); } @media (max-width: 900px) {  .gb-copy { order: 1; }  .gb-side { order: 2; margin: 0 calc(-1 * var(--gb-pad)) calc(-1 * var(--gb-pad)); padding: var(--gb-pad); border-radius: 0 0 var(--radius-m) var(--radius-m); border-top: 1px solid var(--border-default); } }  .gb-perf { position: absolute; top: 0; bottom: 0; width: 0; left: calc(var(--gb-pad) + (100% - 2 * var(--gb-pad) - var(--gb-gap)) / 3 + var(--gb-gap) / 2); border-left: 2px dashed var(--border-default); pointer-events: none; }  .gb-perf::before, .gb-perf::after { content: ""; position: absolute; left: -1.1rem; width: 2.2rem; height: 2.2rem; border-radius: var(--radius-full); background: #22C55E; } .gb-perf::before { top: -1.1rem; } .gb-perf::after { bottom: -1.1rem; } @media (max-width: 900px) { .gb-perf { display: none; } } .gb-photo { width: min(100%, 24rem); aspect-ratio: 1 / 1; border-radius: var(--radius-full); overflow: hidden; background: var(--primary-subtle); } @media (max-width: 900px) { .gb-photo { width: min(100%, 17rem); } } .gb-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block; } .gb-sign { margin: 0; max-width: 26rem; font-size: 1.6rem;  line-height: var(--leading-normal); color: var(--text-body); } .gb-sign b { display: block; margin-top: 0.8rem; font-weight: var(--weight-bold); color: var(--text-heading); }  .gb-copy { min-width: 0; display: flex; flex-direction: column; gap: 1.6rem; align-items: flex-start; } @media (max-width: 900px) { .gb-copy { align-items: center; } } .gb-top { display: flex; align-items: center; gap: 1.4rem; } .gb-eyebrow { font-size: var(--text-sm); font-weight: 700; letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--primary); }  [data-brx-theme="dark"] .gb-eyebrow { color: var(--text-link); } .gb-copy h2 { margin: 0; color: var(--text-heading); font-size: var(--text-2xl); font-weight: var(--weight-bold); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); text-wrap: balance; max-width: 20ch; }  .gb-copy p { margin: 0; color: var(--text-body); font-size: 1.6rem;  line-height: var(--leading-normal); } .gb-lead { font-weight: var(--weight-semibold); }  .gb-seal { width: 5.8rem; height: 5.8rem; border-radius: var(--radius-full); flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: rgba(34,197,94,0.12); border: 2px solid rgba(34,197,94,0.35); } .gb-seal i { display: block; width: 1.7rem; height: 0.9rem; border: 3px solid #15803D; border-top: none; border-right: none; transform: rotate(-45deg) translateY(-0.2rem); } [data-brx-theme="dark"] .gb-seal i { border-color: #4ade80; }  .gb-terms { align-self: stretch; padding: 1.8rem 2.2rem; background: rgba(34,197,94,0.12); border: 1px solid rgba(34,197,94,0.25); border-radius: var(--radius-s); color: #15803D; font-weight: var(--weight-semibold); font-size: 1.6rem;  line-height: 1.55; text-align: left; } [data-brx-theme="dark"] .gb-terms { color: #4ade80; } .gb-terms span { display: block; font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-wider); text-transform: uppercase; margin-bottom: 0.8rem; }   .gb-copy p.gb-scope, .gb-scope { align-self: stretch; margin: 0; font-size: 1.4rem;  line-height: var(--leading-normal); color: var(--text-body); text-align: left; }  .gb-star { font-size: 0.7em; vertical-align: super; line-height: 0; font-weight: 700; } @media (prefers-reduced-motion: reduce) { .gb-note { transition: none; } }