/* =============================================================================================
   CanIPhish public site chrome, 2026 design -- compatibility layer.

   The shared header and footer partials (_SiteHeader2026 / _SiteFooter2026) were written for
   _LandingsLayout2025, which loads the Silicon theme (Bootstrap 5) on top of the Front theme
   (Bootstrap 4). The older public layouts load Front alone and their pages are written against
   it, so loading Silicon there would restyle every page. This file instead carries just the
   declarations the chrome needs, confined to #header and .footer.

   Generated from the Silicon theme and the nav CSS in _LandingsLayout2025; regenerate rather than
   hand-editing if that nav CSS changes. Verified in-browser: the header renders with zero computed
   -style differences against the Silicon stack, the footer with one sub-pixel rounding difference.

   Section 1  Silicon component styles the header uses, scoped with :where(#header)
   Section 2  The nav's own CSS from _LandingsLayout2025, scoped with :where(#header)
   Section 3  Silicon utilities the footer uses, plus footer-specific corrections
   ============================================================================================= */

/* The header is fixed, so an in-page anchor would otherwise land underneath it. Declared on html
   rather than :target so that the many views which already set their own scroll-padding-top just
   override this one value instead of stacking a second offset on top of it. */
html { scroll-padding-top: 6rem; }

/* A fixed header would otherwise repeat down every printed sheet. */
@media print {
    #header { position: static; }
    .menu-backdrop { display: none; }
}



/* === Section 1: Silicon component styles (scoped) ========================================= */

/* Silicon custom properties, scoped to the header so its component styles resolve. */
#header {
    --si-blue:#0d6efd;
    --si-indigo:#6610f2;
    --si-purple:#6f42c1;
    --si-pink:#d63384;
    --si-red:#dc3545;
    --si-orange:#fd7e14;
    --si-yellow:#ffc107;
    --si-green:#198754;
    --si-teal:#20c997;
    --si-cyan:#0dcaf0;
    --si-black:#000;
    --si-white:#fff;
    --si-gray:#9397ad;
    --si-gray-dark:#33354d;
    --si-gray-100:#f3f6ff;
    --si-gray-200:#eff2fc;
    --si-gray-300:#e2e5f1;
    --si-gray-400:#d4d7e5;
    --si-gray-500:#b4b7c9;
    --si-gray-600:#9397ad;
    --si-gray-700:#565973;
    --si-gray-800:#33354d;
    --si-gray-900:#0b0f19;
    --si-primary:#6366f1;
    --si-secondary:#eff2fc;
    --si-success:#22c55e;
    --si-info:#4c82f7;
    --si-warning:#ffba08;
    --si-danger:#ef4444;
    --si-light:#fff;
    --si-dark:#0b0f19;
    --si-primary-rgb:99,102,241;
    --si-secondary-rgb:239,242,252;
    --si-success-rgb:34,197,94;
    --si-info-rgb:76,130,247;
    --si-warning-rgb:255,186,8;
    --si-danger-rgb:239,68,68;
    --si-light-rgb:255,255,255;
    --si-dark-rgb:11,15,25;
    --si-primary-text-emphasis:#3438ed;
    --si-secondary-text-emphasis:#565973;
    --si-success-text-emphasis:#1a9a49;
    --si-info-text-emphasis:#1b60f5;
    --si-warning-text-emphasis:#d49900;
    --si-danger-text-emphasis:#eb1515;
    --si-light-text-emphasis:#565973;
    --si-dark-text-emphasis:#0b0f19;
    --si-primary-bg-subtle:#eff0fe;
    --si-secondary-bg-subtle:#f3f6ff;
    --si-success-bg-subtle:#e9f9ef;
    --si-info-bg-subtle:#edf3fe;
    --si-warning-bg-subtle:#fff8e6;
    --si-danger-bg-subtle:#fdecec;
    --si-light-bg-subtle:#fff;
    --si-dark-bg-subtle:#ebeced;
    --si-primary-border-subtle:#d8d9fc;
    --si-secondary-border-subtle:#eff2fc;
    --si-success-border-subtle:#c8f1d7;
    --si-info-border-subtle:#d2e0fd;
    --si-warning-border-subtle:#ffeec1;
    --si-danger-border-subtle:#fbd0d0;
    --si-light-border-subtle:#f3f6ff;
    --si-dark-border-subtle:#eff2fc;
    --si-white-rgb:255,255,255;
    --si-black-rgb:0,0,0;
    --si-font-sans-serif:"Manrope",sans-serif;
    --si-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --si-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --si-body-font-family:var(--si-font-sans-serif);
    --si-body-font-size:1rem;
    --si-body-font-weight:400;
    --si-body-line-height:1.6;
    --si-body-color:#565973;
    --si-body-color-rgb:86,89,115;
    --si-body-bg:#fff;
    --si-body-bg-rgb:255,255,255;
    --si-emphasis-color:#000;
    --si-emphasis-color-rgb:0,0,0;
    --si-secondary-color:rgba(86,89,115,.75);
    --si-secondary-color-rgb:86,89,115;
    --si-secondary-bg:#eff2fc;
    --si-secondary-bg-rgb:239,242,252;
    --si-tertiary-color:rgba(86,89,115,.5);
    --si-tertiary-color-rgb:86,89,115;
    --si-tertiary-bg:#f3f6ff;
    --si-tertiary-bg-rgb:243,246,255;
    --si-heading-color:var(--si-gray-900);
    --si-link-color:#6366f1;
    --si-link-color-rgb:99,102,241;
    --si-link-decoration:underline;
    --si-link-hover-color:#3e41ee;
    --si-link-hover-color-rgb:62,65,238;
    --si-link-hover-decoration:none;
    --si-code-color:#e3116c;
    --si-highlight-color:#565973;
    --si-highlight-bg:#fff3cd;
    --si-border-width:1px;
    --si-border-style:solid;
    --si-border-color:#e2e5f1;
    --si-border-color-translucent:rgba(0,0,0,.175);
    --si-border-radius:0.375rem;
    --si-border-radius-sm:0.25rem;
    --si-border-radius-lg:0.5rem;
    --si-border-radius-xl:0.75rem;
    --si-border-radius-xxl:1rem;
    --si-border-radius-2xl:var(--si-border-radius-xxl);
    --si-border-radius-pill:50rem;
    --si-box-shadow:0 0.275rem 1.25rem rgba(11,15,25,.05),0 0.25rem 0.5625rem rgba(11,15,25,.03);
    --si-box-shadow-sm:0 0.275rem 0.75rem -0.0625rem rgba(11,15,25,.06),0 0.125rem 0.4rem -0.0625rem rgba(11,15,25,.03);
    --si-box-shadow-lg:0 0.3rem 1.525rem -0.375rem rgba(11,15,25,.1),0 0.25rem 0.8125rem -0.125rem rgba(11,15,25,.06);
    --si-box-shadow-inset:inset 0 0 0 transparent;
    --si-focus-ring-width:0.25rem;
    --si-focus-ring-opacity:0.25;
    --si-focus-ring-color:rgba(99,102,241,.25);
    --si-form-valid-color:#22c55e;
    --si-form-valid-border-color:#22c55e;
    --si-form-invalid-color:#ef4444;
    --si-form-invalid-border-color:#ef4444;
    --si-breakpoint-xs:0;
    --si-breakpoint-sm:500px;
    --si-breakpoint-md:768px;
    --si-breakpoint-lg:992px;
    --si-breakpoint-xl:1200px;
    --si-breakpoint-xxl:1400px;
    --si-btn-close-filter:;
    --si-user-selection-color:rgba(var(--si-primary-rgb),0.22);
    --si-heading-link-color:#33354d;
    --si-heading-link-hover-color:#6366f1;
}

/* Silicon component styles the 2026 header was designed against, scoped to the header. */
:where(#header) .btn-check:disabled+.btn, :where(#header) .btn-check[disabled]+.btn { filter:none;opacity:.65;pointer-events:none }
:where(#header) .input-group .btn { position:relative;z-index:2 }
:where(#header) .input-group .btn:focus { z-index:5 }
:where(#header) .input-group-lg>.btn, :where(#header) .input-group-lg>.form-control, :where(#header) .input-group-lg>.form-select, :where(#header) .input-group-lg>.input-group-text { border-radius:var(--si-border-radius-lg);font-size:1rem;padding:.785rem 1.125rem }
:where(#header) .input-group-sm>.btn, :where(#header) .input-group-sm>.form-control, :where(#header) .input-group-sm>.form-select, :where(#header) .input-group-sm>.input-group-text { border-radius:var(--si-border-radius-sm);font-size:.75rem;padding:.475rem .875rem }
:where(#header) .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), :where(#header) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, :where(#header) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select, :where(#header) .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), :where(#header) .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), :where(#header) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, :where(#header) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, :where(#header) .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-bottom-right-radius:0;border-top-right-radius:0 }
:where(#header) .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-bottom-left-radius:0;border-top-left-radius:0;margin-left:calc(var(--si-border-width)*-1) }
:where(#header) .btn { --si-btn-padding-x:1.75rem;--si-btn-padding-y:0.625rem;--si-btn-font-family: ;--si-btn-font-size:0.875rem;--si-btn-font-weight:600;--si-btn-line-height:1.6;--si-btn-color:#fff;--si-btn-bg:transparent;--si-btn-border-width:var(--si-border-width);--si-btn-border-color:transparent;--si-btn-border-radius:var(--si-border-radius);--si-btn-hover-border-color:transparent;--si-btn-box-shadow:unset;--si-btn-disabled-opacity:0.65;--si-btn-focus-box-shadow:0 0 0 0 rgba(var(--si-btn-focus-shadow-rgb),.5);background-color:var(--si-btn-bg);border:var(--si-btn-border-width) solid var(--si-btn-border-color);border-radius:var(--si-btn-border-radius);box-shadow:var(--si-btn-box-shadow);color:var(--si-btn-color);cursor:pointer;display:inline-block;font-family:var(--si-btn-font-family);font-size:var(--si-btn-font-size);font-weight:var(--si-btn-font-weight);line-height:var(--si-btn-line-height);padding:var(--si-btn-padding-y) var(--si-btn-padding-x);text-align:center;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap }
@media (prefers-reduced-motion:reduce) {
    :where(#header) .btn { transition:none }
}
:where(#header) .btn:hover { background-color:var(--si-btn-hover-bg);border-color:var(--si-btn-hover-border-color);color:var(--si-btn-hover-color) }
:where(#header) .btn-check+.btn:hover { background-color:var(--si-btn-bg);border-color:var(--si-btn-border-color);color:var(--si-btn-color) }
:where(#header) .btn:focus-visible { background-color:var(--si-btn-hover-bg);border-color:var(--si-btn-hover-border-color);box-shadow:var(--si-btn-box-shadow),var(--si-btn-focus-box-shadow);color:var(--si-btn-hover-color);outline:0 }
:where(#header) .btn-check:focus-visible+.btn { border-color:var(--si-btn-hover-border-color);box-shadow:var(--si-btn-box-shadow),var(--si-btn-focus-box-shadow);outline:0 }
:where(#header) .btn-check:checked+.btn, :where(#header) .btn.active, :where(#header) .btn.show, :where(#header) .btn:first-child:active, :where(#header) :not(.btn-check)+.btn:active { background-color:var(--si-btn-active-bg);border-color:var(--si-btn-active-border-color);box-shadow:var(--si-btn-active-shadow);color:var(--si-btn-active-color) }
:where(#header) .btn-check:checked+.btn:focus-visible, :where(#header) .btn.active:focus-visible, :where(#header) .btn.show:focus-visible, :where(#header) .btn:first-child:active:focus-visible, :where(#header) :not(.btn-check)+.btn:active:focus-visible { box-shadow:var(--si-btn-active-shadow),var(--si-btn-focus-box-shadow) }
:where(#header) .btn-check:checked:focus-visible+.btn { box-shadow:var(--si-btn-active-shadow),var(--si-btn-focus-box-shadow) }
:where(#header) .btn.disabled, :where(#header) .btn:disabled, :where(#header) fieldset:disabled .btn { background-color:var(--si-btn-disabled-bg);border-color:var(--si-btn-disabled-border-color);box-shadow:none;color:var(--si-btn-disabled-color);opacity:var(--si-btn-disabled-opacity);pointer-events:none }
:where(#header) .btn-primary { --si-btn-color:#000;--si-btn-bg:#6366f1;--si-btn-border-color:#6366f1;--si-btn-hover-color:#000;--si-btn-hover-bg:#7a7df3;--si-btn-hover-border-color:#7375f2;--si-btn-focus-shadow-rgb:84,87,205;--si-btn-active-color:#000;--si-btn-active-bg:#8285f4;--si-btn-active-border-color:#7375f2;--si-btn-active-shadow:unset;--si-btn-disabled-color:#000;--si-btn-disabled-bg:#6366f1;--si-btn-disabled-border-color:#6366f1 }
:where(#header) .btn-success { --si-btn-color:#000;--si-btn-bg:#22c55e;--si-btn-border-color:#22c55e;--si-btn-hover-color:#000;--si-btn-hover-bg:#43ce76;--si-btn-hover-border-color:#38cb6e;--si-btn-focus-shadow-rgb:29,167,80;--si-btn-active-color:#000;--si-btn-active-bg:#4ed17e;--si-btn-active-border-color:#38cb6e;--si-btn-active-shadow:unset;--si-btn-disabled-color:#000;--si-btn-disabled-bg:#22c55e;--si-btn-disabled-border-color:#22c55e }
:where(#header) .btn-light { --si-btn-color:#000;--si-btn-bg:#fff;--si-btn-border-color:#fff;--si-btn-hover-color:#000;--si-btn-hover-bg:#d9d9d9;--si-btn-hover-border-color:#ccc;--si-btn-focus-shadow-rgb:217,217,217;--si-btn-active-color:#000;--si-btn-active-bg:#ccc;--si-btn-active-border-color:#bfbfbf;--si-btn-active-shadow:unset;--si-btn-disabled-color:#000;--si-btn-disabled-bg:#fff;--si-btn-disabled-border-color:#fff }
:where(#header) .btn-group-lg>.btn, :where(#header) .btn-lg { --si-btn-padding-y:0.785rem;--si-btn-padding-x:2rem;--si-btn-font-size:1rem;--si-btn-border-radius:var(--si-border-radius-lg) }
:where(#header) .btn-group-sm>.btn, :where(#header) .btn-sm { --si-btn-padding-y:0.475rem;--si-btn-padding-x:1.25rem;--si-btn-font-size:0.75rem;--si-btn-border-radius:var(--si-border-radius-sm) }
:where(#header) .dropdown-menu { --si-dropdown-zindex:1000;--si-dropdown-min-width:12rem;--si-dropdown-padding-x:0;--si-dropdown-padding-y:0.5rem;--si-dropdown-spacer:0.25rem;--si-dropdown-font-size:0.875rem;--si-dropdown-color:var(--si-body-color);--si-dropdown-bg:#fff;--si-dropdown-border-color:#fff;--si-dropdown-border-radius:0.5rem;--si-dropdown-border-width:var(--si-border-width);--si-dropdown-inner-border-radius:calc(0.5rem - var(--si-border-width));--si-dropdown-divider-bg:#e2e5f1;--si-dropdown-divider-margin-y:0.375rem;--si-dropdown-box-shadow:0 0.275rem 1.25rem rgba(11,15,25,.05),0 0.25rem 0.5625rem rgba(11,15,25,.03);--si-dropdown-link-color:#33354d;--si-dropdown-link-hover-color:#6366f1;--si-dropdown-link-hover-bg:transparent;--si-dropdown-link-active-color:#6366f1;--si-dropdown-link-active-bg:transparent;--si-dropdown-link-disabled-color:#9397ad;--si-dropdown-item-padding-x:1rem;--si-dropdown-item-padding-y:0.375rem;--si-dropdown-header-color:var(--si-gray-900);--si-dropdown-header-padding-x:1rem;--si-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);color:var(--si-dropdown-color);display:none;font-size:var(--si-dropdown-font-size);list-style:none;margin:0;min-width:var(--si-dropdown-min-width);padding:var(--si-dropdown-padding-y) var(--si-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--si-dropdown-zindex) }
:where(#header) .dropdown-menu[data-bs-popper] { left:0;margin-top:var(--si-dropdown-spacer);top:100% }
:where(#header) .dropup .dropdown-menu[data-bs-popper] { bottom:100%;margin-bottom:var(--si-dropdown-spacer);margin-top:0;top:auto }
:where(#header) .dropend .dropdown-menu[data-bs-popper] { left:100%;margin-left:var(--si-dropdown-spacer);margin-top:0;right:auto;top:0 }
:where(#header) .dropstart .dropdown-menu[data-bs-popper] { left:auto;margin-right:var(--si-dropdown-spacer);margin-top:0;right:100%;top:0 }
:where(#header) .dropdown-item { background-color:transparent;border:0;border-radius:var(--si-dropdown-item-border-radius,0);clear:both;color:var(--si-dropdown-link-color);display:block;font-weight:400;padding:var(--si-dropdown-item-padding-y) var(--si-dropdown-item-padding-x);text-align:inherit;text-decoration:none;white-space:nowrap;width:100% }
:where(#header) .dropdown-item:focus, :where(#header) .dropdown-item:hover { background-color:var(--si-dropdown-link-hover-bg);color:var(--si-dropdown-link-hover-color) }
:where(#header) .dropdown-item.active, :where(#header) .dropdown-item:active { background-color:var(--si-dropdown-link-active-bg);color:var(--si-dropdown-link-active-color);text-decoration:none }
:where(#header) .dropdown-item.disabled, :where(#header) .dropdown-item:disabled { background-color:transparent;color:var(--si-dropdown-link-disabled-color);pointer-events:none }
:where(#header) .dropdown-menu.show { display:block }
:where(#header) .btn-group-vertical>.btn, :where(#header) .btn-group>.btn { flex:1 1 auto;position:relative }
:where(#header) .btn-group-vertical>.btn-check:checked+.btn, :where(#header) .btn-group-vertical>.btn-check:focus+.btn, :where(#header) .btn-group-vertical>.btn.active, :where(#header) .btn-group-vertical>.btn:active, :where(#header) .btn-group-vertical>.btn:focus, :where(#header) .btn-group-vertical>.btn:hover, :where(#header) .btn-group>.btn-check:checked+.btn, :where(#header) .btn-group>.btn-check:focus+.btn, :where(#header) .btn-group>.btn.active, :where(#header) .btn-group>.btn:active, :where(#header) .btn-group>.btn:focus, :where(#header) .btn-group>.btn:hover { z-index:1 }
:where(#header) .btn-group>.btn-group:not(:first-child), :where(#header) .btn-group>:not(.btn-check:first-child)+.btn { margin-left:calc(var(--si-border-width)*-1) }
:where(#header) .btn-group>.btn-group:not(:last-child)>.btn, :where(#header) .btn-group>.btn.dropdown-toggle-split:first-child, :where(#header) .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius:0;border-top-right-radius:0 }
:where(#header) .btn-group>.btn-group:not(:first-child)>.btn, :where(#header) .btn-group>.btn:nth-child(n+3), :where(#header) .btn-group>:not(.btn-check)+.btn { border-bottom-left-radius:0;border-top-left-radius:0 }
:where(#header) .btn-group-sm>.btn+.dropdown-toggle-split, :where(#header) .btn-sm+.dropdown-toggle-split { padding-left:.9375rem;padding-right:.9375rem }
:where(#header) .btn-group-lg>.btn+.dropdown-toggle-split, :where(#header) .btn-lg+.dropdown-toggle-split { padding-left:1.5rem;padding-right:1.5rem }
:where(#header) .btn-group-vertical>.btn, :where(#header) .btn-group-vertical>.btn-group { width:100% }
:where(#header) .btn-group-vertical>.btn-group:not(:first-child), :where(#header) .btn-group-vertical>.btn:not(:first-child) { margin-top:calc(var(--si-border-width)*-1) }
:where(#header) .btn-group-vertical>.btn-group:not(:last-child)>.btn, :where(#header) .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius:0;border-bottom-right-radius:0 }
:where(#header) .btn-group-vertical>.btn-group:not(:first-child)>.btn, :where(#header) .btn-group-vertical>.btn:nth-child(n+3), :where(#header) .btn-group-vertical>:not(.btn-check)+.btn { border-top-left-radius:0;border-top-right-radius:0 }
:where(#header) .nav-link { background:none;border:0;color:var(--si-nav-link-color);display:block;font-size:var(--si-nav-link-font-size);font-weight:var(--si-nav-link-font-weight);padding:var(--si-nav-link-padding-y) var(--si-nav-link-padding-x);text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out }
@media (prefers-reduced-motion:reduce) {
    :where(#header) .nav-link { transition:none }
}
:where(#header) .nav-link:focus, :where(#header) .nav-link:hover { color:var(--si-nav-link-hover-color) }
:where(#header) .nav-link:focus-visible { box-shadow:0 0 0 .25rem rgba(99,102,241,.25);outline:0 }
:where(#header) .nav-link.disabled, :where(#header) .nav-link:disabled { color:var(--si-nav-link-disabled-color);cursor:default;pointer-events:none }
:where(#header) .nav-tabs .nav-link { border:var(--si-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--si-nav-tabs-border-radius);border-top-right-radius:var(--si-nav-tabs-border-radius);margin-bottom:calc(var(--si-nav-tabs-border-width)*-1) }
:where(#header) .nav-tabs .nav-link:focus, :where(#header) .nav-tabs .nav-link:hover { border-color:var(--si-nav-tabs-link-hover-border-color);isolation:isolate }
:where(#header) .nav-tabs .nav-item.show .nav-link, :where(#header) .nav-tabs .nav-link.active { background-color:var(--si-nav-tabs-link-active-bg);border-color:var(--si-nav-tabs-link-active-border-color);color:var(--si-nav-tabs-link-active-color) }
:where(#header) .nav-tabs .dropdown-menu { border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--si-nav-tabs-border-width)*-1) }
:where(#header) .nav-pills .nav-link { border-radius:var(--si-nav-pills-border-radius) }
:where(#header) .nav-pills .nav-link.active, :where(#header) .nav-pills .show>.nav-link { background-color:var(--si-nav-pills-link-active-bg);color:var(--si-nav-pills-link-active-color) }
:where(#header) .nav-underline .nav-link { border-bottom:var(--si-nav-underline-border-width) solid transparent;padding-left:0;padding-right:0 }
:where(#header) .nav-underline .nav-link:focus, :where(#header) .nav-underline .nav-link:hover { border-bottom-color:currentcolor }
:where(#header) .nav-underline .nav-link.active, :where(#header) .nav-underline .show>.nav-link { border-bottom-color:currentcolor;color:var(--si-nav-underline-link-active-color);font-weight:800 }
:where(#header) .nav-fill .nav-item, :where(#header) .nav-fill>.nav-link { flex:1 1 auto;text-align:center }
:where(#header) .nav-justified .nav-item, :where(#header) .nav-justified>.nav-link { flex-basis:0;flex-grow:1;text-align:center }
:where(#header) .nav-fill .nav-item .nav-link, :where(#header) .nav-justified .nav-item .nav-link { width:100% }
:where(#header) .navbar { --si-navbar-padding-x:0;--si-navbar-padding-y:0.5rem;--si-navbar-color:#33354d;--si-navbar-hover-color:#6366f1;--si-navbar-disabled-color:#9397ad;--si-navbar-active-color:#6366f1;--si-navbar-brand-padding-y:0.5rem;--si-navbar-brand-margin-end:1rem;--si-navbar-brand-font-size:1.375rem;--si-navbar-brand-color:#0b0f19;--si-navbar-brand-hover-color:#0b0f19;--si-navbar-nav-link-padding-x:0.875rem;--si-navbar-toggler-padding-y:0.625rem;--si-navbar-toggler-padding-x:0.25rem;--si-navbar-toggler-font-size:1.125rem;--si-navbar-toggler-icon-bg:initial;--si-navbar-toggler-border-color:transparent;--si-navbar-toggler-border-radius:0;--si-navbar-toggler-focus-width:0;--si-navbar-toggler-transition:box-shadow 0.15s ease-in-out;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--si-navbar-padding-y) var(--si-navbar-padding-x);position:relative }
:where(#header) .navbar>.container, :where(#header) .navbar>.container-fluid, :where(#header) .navbar>.container-lg, :where(#header) .navbar>.container-md, :where(#header) .navbar>.container-sm, :where(#header) .navbar>.container-xl, :where(#header) .navbar>.container-xxl { align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between }
:where(#header) .navbar-brand { color:var(--si-navbar-brand-color);font-size:var(--si-navbar-brand-font-size);margin-right:var(--si-navbar-brand-margin-end);padding-bottom:var(--si-navbar-brand-padding-y);padding-top:var(--si-navbar-brand-padding-y);text-decoration:none;white-space:nowrap }
:where(#header) .navbar-brand:focus, :where(#header) .navbar-brand:hover { color:var(--si-navbar-brand-hover-color) }
:where(#header) .navbar-nav { --si-nav-link-padding-x:0;--si-nav-link-padding-y:0.535rem;--si-nav-link-color:var(--si-navbar-color);--si-nav-link-hover-color:var(--si-navbar-hover-color);--si-nav-link-disabled-color:var(--si-navbar-disabled-color);display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0 }
:where(#header) .navbar-nav .nav-link.active, :where(#header) .navbar-nav .nav-link.show { color:var(--si-navbar-active-color) }
:where(#header) .navbar-nav .dropdown-menu { position:static }
:where(#header) .navbar-toggler { background-color:transparent;border:var(--si-border-width) solid var(--si-navbar-toggler-border-color);border-radius:var(--si-navbar-toggler-border-radius);color:var(--si-navbar-color);font-size:var(--si-navbar-toggler-font-size);line-height:1;padding:var(--si-navbar-toggler-padding-y) var(--si-navbar-toggler-padding-x);transition:var(--si-navbar-toggler-transition) }
@media (prefers-reduced-motion:reduce) {
    :where(#header) .navbar-toggler { transition:none }
}
:where(#header) .navbar-toggler:hover { text-decoration:none }
:where(#header) .navbar-toggler:focus { box-shadow:0 0 0 var(--si-navbar-toggler-focus-width);outline:0;text-decoration:none }
@media (min-width:500px) {
    :where(#header) .navbar-expand-sm .navbar-nav { flex-direction:row }
    :where(#header) .navbar-expand-sm .navbar-nav .dropdown-menu { position:absolute }
    :where(#header) .navbar-expand-sm .navbar-nav .nav-link { padding-left:var(--si-navbar-nav-link-padding-x);padding-right:var(--si-navbar-nav-link-padding-x) }
    :where(#header) .navbar-expand-sm .navbar-toggler { display:none }
}
@media (min-width:768px) {
    :where(#header) .navbar-expand-md .navbar-nav { flex-direction:row }
    :where(#header) .navbar-expand-md .navbar-nav .dropdown-menu { position:absolute }
    :where(#header) .navbar-expand-md .navbar-nav .nav-link { padding-left:var(--si-navbar-nav-link-padding-x);padding-right:var(--si-navbar-nav-link-padding-x) }
    :where(#header) .navbar-expand-md .navbar-toggler { display:none }
}
@media (min-width:992px) {
    :where(#header) .navbar-expand-lg .navbar-nav { flex-direction:row }
    :where(#header) .navbar-expand-lg .navbar-nav .dropdown-menu { position:absolute }
    :where(#header) .navbar-expand-lg .navbar-nav .nav-link { padding-left:var(--si-navbar-nav-link-padding-x);padding-right:var(--si-navbar-nav-link-padding-x) }
    :where(#header) .navbar-expand-lg .navbar-toggler { display:none }
}
@media (min-width:1200px) {
    :where(#header) .navbar-expand-xl .navbar-nav { flex-direction:row }
    :where(#header) .navbar-expand-xl .navbar-nav .dropdown-menu { position:absolute }
    :where(#header) .navbar-expand-xl .navbar-nav .nav-link { padding-left:var(--si-navbar-nav-link-padding-x);padding-right:var(--si-navbar-nav-link-padding-x) }
    :where(#header) .navbar-expand-xl .navbar-toggler { display:none }
}
@media (min-width:1400px) {
    :where(#header) .navbar-expand-xxl .navbar-nav { flex-direction:row }
    :where(#header) .navbar-expand-xxl .navbar-nav .dropdown-menu { position:absolute }
    :where(#header) .navbar-expand-xxl .navbar-nav .nav-link { padding-left:var(--si-navbar-nav-link-padding-x);padding-right:var(--si-navbar-nav-link-padding-x) }
    :where(#header) .navbar-expand-xxl .navbar-toggler { display:none }
}
:where(#header) .navbar-expand .navbar-nav { flex-direction:row }
:where(#header) .navbar-expand .navbar-nav .dropdown-menu { position:absolute }
:where(#header) .navbar-expand .navbar-nav .nav-link { padding-left:var(--si-navbar-nav-link-padding-x);padding-right:var(--si-navbar-nav-link-padding-x) }
:where(#header) .navbar-expand .navbar-toggler { display:none }
:where(#header) .card-header-tabs .nav-link.active { background-color:var(--si-card-bg);border-bottom-color:var(--si-card-bg) }
:where(#header) .btn .badge { position:relative;top:-1px }
:where(#header) .placeholder.btn:before { content:"";display:inline-block }
:where(#header) a[class*=bg-]:not(.btn), :where(#header) a[class^=bg-]:not(.btn) { transition:background-color .25s ease }
:where(#header) .is-valid:not(:required):not(.btn):not(.form-check-input), :where(#header) .was-validated :valid:not(:required):not(.btn):not(.form-check-input) { background-image:none;border-color:#d4d7e5!important }
:where(#header) .is-valid:not(:required):not(.btn):not(.form-check-input):focus, :where(#header) .was-validated :valid:not(:required):not(.btn):not(.form-check-input):focus { border-color:rgba(99,102,241,.35)!important;box-shadow:0 .5rem 1.125rem -.5rem rgba(99,102,241,.2) }
:where(#header) .btn { align-items:center;display:inline-flex;justify-content:center }
:where(#header) .btn:not([class^=btn-outline-]):not([class*=" btn-outline-"]):not(.btn-secondary):not(.btn-light):not(.btn-link) { --si-btn-color:#fff }
:where(#header) .btn.disabled, :where(#header) .btn:disabled, :where(#header) .btn:hover { box-shadow:none!important }
:where(#header) .btn-primary { --si-btn-hover-color:#fff;--si-btn-active-color:#fff;--si-btn-hover-bg:#4044ee;--si-btn-active-bg:#4044ee;--si-btn-hover-border-color:#4044ee;--si-btn-active-border-color:#4044ee;--si-btn-disabled-color:#fff }
:where(#header) .btn-success { --si-btn-hover-color:#fff;--si-btn-active-color:#fff;--si-btn-hover-bg:#1ca44e;--si-btn-active-bg:#1ca44e;--si-btn-hover-border-color:#1ca44e;--si-btn-active-border-color:#1ca44e;--si-btn-disabled-color:#fff }
:where(#header) .btn-light { --si-btn-hover-color:#fff;--si-btn-active-color:#fff;--si-btn-hover-bg:#ececec;--si-btn-active-bg:#ececec;--si-btn-hover-border-color:#ececec;--si-btn-active-border-color:#ececec;--si-btn-disabled-color:#fff }
:where(#header) .btn-light, :where(#header) .btn-secondary { --si-btn-color:#33354d;--si-btn-hover-color:#0b0f19;--si-btn-active-color:#0b0f19;--si-btn-disabled-color:#565973 }
:where(#header) .btn-icon { --si-btn-size:2.75rem;--si-btn-icon-size:1.25rem;flex-shrink:0;height:var(--si-btn-size);padding:0;width:var(--si-btn-size) }
:where(#header) .btn-icon>i { font-size:var(--si-btn-icon-size) }
:where(#header) .btn-group-sm>.btn-icon.btn, :where(#header) .btn-icon.btn-sm { --si-btn-size:2.25rem;--si-btn-icon-size:1.125rem }
:where(#header) .btn-group-lg>.btn-icon.btn, :where(#header) .btn-icon.btn-lg { --si-btn-size:3.25rem;--si-btn-icon-size:1.4375rem }
:where(#header) .btn-icon.btn-xl { --si-btn-size:4.5rem;--si-btn-icon-size:1.75rem }
:where(#header) .btn-group .btn { --si-btn-padding-x:1.3125rem }
:where(#header) .btn-group .btn.dropdown-toggle-split { --si-btn-padding-x:0.875rem;padding-left:var(--si-btn-padding-x);padding-right:var(--si-btn-padding-x) }
:where(#header) .btn-group .btn-lg, :where(#header) .btn-group-lg .btn { --si-btn-padding-x:1.5rem }
:where(#header) .btn-group .btn-lg.dropdown-toggle-split, :where(#header) .btn-group-lg .btn.dropdown-toggle-split { --si-btn-padding-x:1rem;padding-left:var(--si-btn-padding-x);padding-right:var(--si-btn-padding-x) }
:where(#header) .btn-group .btn-sm, :where(#header) .btn-group-sm .btn { --si-btn-padding-x:0.9375rem }
:where(#header) .btn-group .btn-sm.dropdown-toggle-split, :where(#header) .btn-group-sm .btn.dropdown-toggle-split { --si-btn-padding-x:0.625rem;padding-left:var(--si-btn-padding-x);padding-right:var(--si-btn-padding-x) }
:where(#header) .dropdown-toggle.btn:not(.btn-lg):after, :where(#header) .dropdown-toggle.btn:not(.btn-lg):before { font-size:1.375em }
:where(#header) .dropdown-menu { --si-dropdown-link-font-weight:500 }
:where(#header) .dropdown-menu li:hover>.dropdown-item { color:var(--si-dropdown-link-hover-color) }
:where(#header) .dropdown-menu .active>.dropdown-item { color:var(--si-dropdown-link-active-color) }
:where(#header) .dropdown-menu .active>.dropdown-item, :where(#header) .dropdown-menu .dropdown-item.active { pointer-events:none }
:where(#header) .dropdown-menu.w-100 { min-width:100% }
:where(#header) .dropdown-item { font-weight:var(--si-dropdown-link-font-weight) }
:where(#header) .dropdown-menu.show { animation:fade-in .2s ease-in-out }
:where(#header) .nav-tabs-alt>.nav-item>.dropdown-menu { border-top-color:transparent;border-top-left-radius:0;border-top-right-radius:0;margin-top:-.125rem!important }
:where(#header) .nav-link { align-items:center;display:flex }
:where(#header) .nav-link.active { color:var(--si-nav-link-active-color) }
:where(#header) .nav-link.active:not([data-bs-toggle=dropdown]) { cursor:default;pointer-events:none }
:where(#header) .nav-tabs .nav-link { background-color:var(--si-nav-tabs-link-bg);border-radius:var(--si-nav-tabs-border-radius);color:var(--si-nav-tabs-link-color) }
:where(#header) .nav-tabs .nav-link.show:not(.active), :where(#header) .nav-tabs .nav-link:hover:not(.active) { background-color:var(--si-nav-tabs-link-hover-bg);color:var(--si-nav-tabs-link-hover-color) }
:where(#header) .nav-tabs .nav-link.disabled, :where(#header) .nav-tabs .nav-link[disabled] { background-color:var(--si-nav-tabs-link-disabled-bg);color:var(--si-nav-tabs-link-disabled-color) }
:where(#header) .nav-tabs .dropdown-menu { border-top-left-radius:var(--si-dropdown-border-radius);border-top-right-radius:var(--si-dropdown-border-radius) }
:where(#header) .nav-tabs-alt .nav-link { border-bottom:1px solid transparent;padding:var(--si-nav-tabs-alt-link-padding-y) var(--si-nav-tabs-alt-link-padding-x) }
:where(#header) .nav-tabs-alt .nav-link.active { border-bottom-color:var(--si-nav-tabs-alt-link-active-border-color) }
:where(#header) .side-nav .nav-link { font-size:var(--si-side-nav-link-font-size);padding:var(--si-side-nav-link-padding-y) var(--si-side-nav-link-padding-x);transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out }
:where(#header) .side-nav.side-nav-start .nav-link { border-right:var(--si-side-nav-border-width) solid transparent;margin-right:calc(var(--si-side-nav-border-width)*-1) }
:where(#header) .side-nav.side-nav-end .nav-link { border-left:var(--si-side-nav-border-width) solid transparent;margin-left:calc(var(--si-side-nav-border-width)*-1) }
:where(#header) .side-nav .active>.nav-link, :where(#header) .side-nav .nav-link.active { border-color:var(--si-side-nav-link-active-border-color) }
:where(#header) .navbar-brand { --si-navbar-brand-padding-y:0.5rem;--si-navbar-brand-margin-end:1rem;--si-navbar-brand-font-size:1.375rem;--si-navbar-brand-font-weight:800;align-items:center;display:flex;font-weight:var(--si-navbar-brand-font-weight);padding:calc(var(--si-navbar-brand-padding-y)*.5) 0 }
:where(#header) .navbar-brand>img { margin-right:.4375rem }
:where(#header) .navbar-toggler { height:2.25rem;position:relative;width:1.875rem }
:where(#header) .navbar-nav { --si-nav-link-font-weight:600;--si-mega-dropdown-column-width:14rem }
:where(#header) .navbar .dropdown-toggle:after { font-size:1.15em;margin-top:.0625rem }
:where(#header) .navbar .navbar-nav .dropdown-menu { background:none;border:0;border-left:var(--si-dropdown-border-wdth,1px) solid var(--si-border-color);border-radius:0;box-shadow:none }
:where(#header) .navbar .navbar-nav .dropdown-menu .dropdown-menu { margin-left:.75rem;margin-right:.75rem }
:where(#header) .navbar .navbar-nav .dropdown-menu .dropdown-toggle:after { font-size:1em;margin-left:.125rem;margin-right:0;margin-top:-.0625rem }
@media (min-width:500px) {
    :where(#header) .navbar-expand-sm .navbar-brand { padding:var(--si-navbar-brand-padding-y) 0 }
    :where(#header) .navbar-expand-sm .navbar-nav .dropdown-menu { background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);margin-top:var(--si-dropdown-spacer) }
    :where(#header) .navbar-expand-sm .dropdown-menu.show { display:none }
    :where(#header) .navbar-expand-sm .dropdown .dropdown .dropdown-menu { left:100%;margin-left:0;margin-right:0;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-sm .dropstart>.dropdown-menu { margin-left:0;margin-right:0;right:94%;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-sm .dropdown:hover>.dropdown-menu, :where(#header) .navbar-expand-sm .dropstart:hover>.dropdown-menu { animation:dropdown-show .2s;display:block }
}
@media (min-width:768px) {
    :where(#header) .navbar-expand-md .navbar-brand { padding:var(--si-navbar-brand-padding-y) 0 }
    :where(#header) .navbar-expand-md .navbar-nav .dropdown-menu { background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);margin-top:var(--si-dropdown-spacer) }
    :where(#header) .navbar-expand-md .dropdown-menu.show { display:none }
    :where(#header) .navbar-expand-md .dropdown .dropdown .dropdown-menu { left:100%;margin-left:0;margin-right:0;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-md .dropstart>.dropdown-menu { margin-left:0;margin-right:0;right:94%;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-md .dropdown:hover>.dropdown-menu, :where(#header) .navbar-expand-md .dropstart:hover>.dropdown-menu { animation:dropdown-show .2s;display:block }
}
@media (min-width:992px) {
    :where(#header) .navbar-expand-lg .navbar-brand { padding:var(--si-navbar-brand-padding-y) 0 }
    :where(#header) .navbar-expand-lg .navbar-nav .dropdown-menu { background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);margin-top:var(--si-dropdown-spacer) }
    :where(#header) .navbar-expand-lg .dropdown-menu.show { display:none }
    :where(#header) .navbar-expand-lg .dropdown .dropdown .dropdown-menu { left:100%;margin-left:0;margin-right:0;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-lg .dropstart>.dropdown-menu { margin-left:0;margin-right:0;right:94%;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-lg .dropdown:hover>.dropdown-menu, :where(#header) .navbar-expand-lg .dropstart:hover>.dropdown-menu { animation:dropdown-show .2s;display:block }
}
@media (min-width:1200px) {
    :where(#header) .navbar-expand-xl .navbar-brand { padding:var(--si-navbar-brand-padding-y) 0 }
    :where(#header) .navbar-expand-xl .navbar-nav .dropdown-menu { background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);margin-top:var(--si-dropdown-spacer) }
    :where(#header) .navbar-expand-xl .dropdown-menu.show { display:none }
    :where(#header) .navbar-expand-xl .dropdown .dropdown .dropdown-menu { left:100%;margin-left:0;margin-right:0;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-xl .dropstart>.dropdown-menu { margin-left:0;margin-right:0;right:94%;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-xl .dropdown:hover>.dropdown-menu, :where(#header) .navbar-expand-xl .dropstart:hover>.dropdown-menu { animation:dropdown-show .2s;display:block }
}
@media (min-width:1400px) {
    :where(#header) .navbar-expand-xxl .navbar-brand { padding:var(--si-navbar-brand-padding-y) 0 }
    :where(#header) .navbar-expand-xxl .navbar-nav .dropdown-menu { background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);margin-top:var(--si-dropdown-spacer) }
    :where(#header) .navbar-expand-xxl .dropdown-menu.show { display:none }
    :where(#header) .navbar-expand-xxl .dropdown .dropdown .dropdown-menu { left:100%;margin-left:0;margin-right:0;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-xxl .dropstart>.dropdown-menu { margin-left:0;margin-right:0;right:94%;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
    :where(#header) .navbar-expand-xxl .dropdown:hover>.dropdown-menu, :where(#header) .navbar-expand-xxl .dropstart:hover>.dropdown-menu { animation:dropdown-show .2s;display:block }
}
:where(#header) .navbar-expand .navbar-brand { padding:var(--si-navbar-brand-padding-y) 0 }
:where(#header) .navbar-expand .navbar-nav .dropdown-menu { background-color:var(--si-dropdown-bg);border:var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);border-radius:var(--si-dropdown-border-radius);box-shadow:var(--si-dropdown-box-shadow);margin-top:var(--si-dropdown-spacer) }
:where(#header) .navbar-expand .dropdown-menu.show { display:none }
:where(#header) .navbar-expand .dropdown .dropdown .dropdown-menu { left:100%;margin-left:0;margin-right:0;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
:where(#header) .navbar-expand .dropstart>.dropdown-menu { margin-left:0;margin-right:0;right:94%;top:calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1) }
:where(#header) .navbar-expand .dropdown:hover>.dropdown-menu, :where(#header) .navbar-expand .dropstart:hover>.dropdown-menu { animation:dropdown-show .2s;display:block }
:where(#header) .navbar.position-absolute { left:0;top:0;width:100%;z-index:1030 }
:where(#header) .navbar { --si-navbar-stuck-bg:#fff;--si-navbar-toggler-color:#33354d }
:where(#header) .navbar.navbar-stuck { background-color:var(--si-navbar-stuck-bg) }
:where(#header) .navbar .nav-item:hover>.nav-link:not(.disabled) { color:var(--si-navbar-hover-color) }
:where(#header) .navbar .nav-item.active>.nav-link:not(.disabled) { color:var(--si-navbar-active-color) }
:where(#header) .navbar .dropdown:hover>.nav-link { color:var(--si-navbar-hover-color) }
:where(#header) .navbar.fixed-top { z-index:1031 }
:where(#header) .card-header-pills .nav-link.active, :where(#header) .card-header-tabs .nav-link.active { background-color:var(--si-nav-tabs-link-active-bg);border-color:var(--si-nav-tabs-link-active-border-color) }
:where(#header) .card-header-pills .nav-link.active { background-color:var(--si-nav-pills-link-active-bg) }
:where(#header) .btn .badge { top:1px }
:where(#header) .btn-group-sm>.btn-next.btn>i, :where(#header) .btn-group-sm>.btn-prev.btn>i, :where(#header) .btn-next.btn-sm>i, :where(#header) .btn-prev.btn-sm>i { font-size:1.25em }
:where(#header) .btn-group-lg>.btn-next.btn>i, :where(#header) .btn-group-lg>.btn-prev.btn>i, :where(#header) .btn-next.btn-lg>i, :where(#header) .btn-prev.btn-lg>i { font-size:1.75em }
:where(#header) .page-link.btn-icon { align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:2.25rem;justify-content:center;padding:0;width:2.25rem }
:where(#header) .ap-volume-button+.dropdown-menu { height:6.5rem;left:50%!important;margin-left:-1.0625rem!important;max-width:2.125rem;min-width:2.125rem;width:2.125rem }

/* === Section 2: nav CSS from _LandingsLayout2025 (scoped) ================================= */

:where(#header) .navbar {
            padding: 0 0;
        }:where(#header) .nav-link {
            font-weight: 400;
        }:where(#header) .navbar-dropdown-menu-banner {
            position: relative;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            border-radius: 0.5rem;
        }:where(#header) .navbar-dropdown-menu-banner-content {
            position: absolute;
            top: 50%;
            z-index: 1;
            width: 100%;
            text-align: center;
            padding: 2rem 2rem;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }:where(#header) .navbar-dropdown-menu-inner {
            padding: 0.75rem 0.75rem;
        }:where(#header) .dropdown-item:not(:last-child) {
            margin-bottom: 0.25rem;
        }

        @media (min-width: 992px) {:where(#header) .navbar-expand-lg .navbar-nav .nav-link {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-right: .75rem;
                padding-left: .75rem;
            }
        }

        @media (min-width: 992px) {:where(#header) .navbar-expand-lg .navbar-nav .dropdown-menu {
                border-top: .1875rem solid #6366f1;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-left: 1px solid #e7e7e7;
                border-right: 1px solid #e7e7e7;
                border-bottom: 1px solid #e7e7e7;
                border-bottom-right-radius: .3125rem;
                border-bottom-left-radius: .3125rem;
                box-shadow: 0 12px 15px rgba(140, 152, 164, .1);
            }:where(#header) .navbar-expand-lg .navbar-nav .dropdown-menu::before {
                content: "";
                position: absolute;
                top: -.1875rem;
                left: -1px;
                right: -1px;
                height: .1875rem;
                background: linear-gradient(90deg, #6366f1, #8b5cf6 50%, #d946ef);
                pointer-events: none;
            }
        }:where(#header) .no-gutters {
            margin-right: 0;
            margin-left: 0;
        }:where(#header) .dropdown-menu {
            min-width: 8.4375rem !important;
            padding: 1rem 0;
            margin: .5rem 0 0;
            font-size: 1rem;
            color: #677788;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 0 solid rgba(0, 0, 0, .15);
            z-index: 1000;
            top: 100%;
        }:where(#header) .dropdown-menu a {
                text-decoration: none;
            }:where(#header) .navbar-promo {
            background-color: #6366f10f;
        }#header {
            position: fixed;
            top: 0;
        }#header .header-section {
            transition: background-color .2s ease, box-shadow .2s ease;
        }#header.js-header-fix-moment .header-section {
            background-color: #fff;
        }#header .nav-link, #header .btn-text-secondary {
            transition: color .2s ease;
        }

        @media (prefers-reduced-motion: reduce) {#header .header-section, #header .nav-link, #header .btn-text-secondary {
                transition: none;
            }
        }

        /* Snippet-style mega menu */:where(#header) .navbar .hs-mega-menu.dropdown-menu {
            animation: navbarMmRollDown .25s ease-out;
            transform-origin: top center;
        }

        /* Full-bleed mega menu panel with container-width content */
        @media (min-width: 992px) {
            /* The panel is pinned to the navbar's bottom edge while the item stops at the nav
               link's bottom, leaving a couple of pixels that belong to neither. Without this strip
               a slow drag from the item into the panel crosses them, fires mouseleave on the item
               and dismisses the menu. Only present while the menu is open. */:where(#header) .hs-has-mega-menu {
                position: relative;
            }:where(#header) .hs-has-mega-menu.hs-mega-menu-opened::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                height: .5rem;
            }:where(#header) .navbar .hs-mega-menu.dropdown-menu {
                position: fixed !important;
                top: var(--navbar-height, 6rem) !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                border-left: 0;
                border-right: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }:where(#header) .navbar .hs-mega-menu.dropdown-menu > .navbar-mm-row {
                max-width: 960px;
                margin-left: auto;
                margin-right: auto;
            }:where(#header) .navbar .hs-mega-menu.dropdown-menu > .navbar-mm-migrations-row {
                max-width: 720px;
            }
        }

        @media (min-width: 1200px) {:where(#header) .navbar .hs-mega-menu.dropdown-menu > .navbar-mm-row {
                max-width: 1140px;
            }:where(#header) .navbar .hs-mega-menu.dropdown-menu > .navbar-mm-migrations-row {
                max-width: 840px;
            }
        }

        @media (min-width: 1400px) {:where(#header) .navbar .hs-mega-menu.dropdown-menu > .navbar-mm-row {
                max-width: 1320px;
            }:where(#header) .navbar .hs-mega-menu.dropdown-menu > .navbar-mm-migrations-row {
                max-width: 960px;
            }
        }.menu-backdrop {
            position: fixed;
            /* Starts below the header rather than at inset: 0. The header is transparent until the
               page is scrolled, so a full-viewport backdrop would tint and blur the topbar through
               it. --navbar-height is the same offset the open mega menu panel uses. */
            top: var(--navbar-height, 6rem);
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 999;
            visibility: hidden;
            opacity: 0;
            background-color: rgba(11, 15, 25, .48);
            backdrop-filter: blur(2.5px);
            -webkit-backdrop-filter: blur(2.5px);
            pointer-events: none;
            transition: opacity .2s ease, visibility .2s ease;
        }.menu-backdrop.is-visible {
            visibility: visible;
            opacity: 1;
        }

        @keyframes navbarMmRollDown {
            from {
                opacity: 0;
                transform: translateY(-.75rem);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }:where(#header) .navbar-mm-row {
            padding: 2rem 2.5rem 2.5rem;
        }:where(#header) .navbar-mm-col {
            padding: 0 2.25rem;
        }:where(#header) .navbar-mm-heading {
            display: block;
            color: #9397ad;
            font-size: .875rem;
            padding: .5rem .75rem;
            margin-bottom: .75rem;
        }:where(#header) .navbar-mm-item {
            display: block;
            text-decoration: none;
            padding: .5rem .75rem;
            border-radius: .5rem;
            margin-bottom: 1rem;
        }:where(#header) .navbar-mm-link-col {
            display: flex;
            flex-direction: column;
        }:where(#header) .navbar-mm-link-col .navbar-mm-item {
                flex: 1 1 0;
            }:where(#header) .navbar-mm-item:hover {
                background-color: rgba(189,197,209,.2);
            }:where(#header) .navbar-mm-item-title {
            display: block;
            color: #1e2022;
            font-weight: 600;
            font-size: .9375rem;
        }:where(#header) .navbar-mm-item-text {
            display: block;
            max-width: 16rem;
            color: #8c98a4;
            font-size: .8125rem;
            margin-top: .125rem;
        }

        /* Platform feature cards */:where(#header) .navbar-mm-eyebrow {
            display: block;
            color: #6366f1;
            font-size: .75rem;
            font-weight: 600;
            letter-spacing: .16em;
            text-transform: uppercase;
            padding: .5rem .75rem;
            margin-bottom: .75rem;
        }:where(#header) .navbar-mm-eyebrow-muted {
            color: #9397ad;
        }:where(#header) .navbar-mm-eyebrow-ai {
            display: inline-block;
            color: transparent;
            background: linear-gradient(90deg, #6366f1, #8b5cf6 50%, #d946ef);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }:where(#header) .navbar-mm-feature-col {
            display: flex;
            padding: 0 2rem;
        }:where(#header) .navbar-mm-row > .navbar-mm-platform-features {
            padding-right: 1rem;
            padding-left: 2.5rem;
        }:where(#header) .navbar-mm-row > .navbar-mm-platform-explore {
            display: flex;
            flex-direction: column;
            padding-right: 2.5rem;
        }

        @media (min-width: 992px) {:where(#header) .navbar-mm-row > .navbar-mm-platform-explore {
                border-right: 1px solid #eceef3;
            }
        }:where(#header) .navbar-mm-platform-nav-link {
            display: flex;
            align-items: center;
            gap: .5rem;
            color: #1e2022;
            font-size: .9375rem;
            font-weight: 600;
            text-decoration: none;
            padding: .5rem .75rem;
            border-radius: .5rem;
            transition: background-color .15s ease-in-out, color .15s ease-in-out;
        }:where(#header) .navbar-mm-platform-nav-link:hover {
                color: #6366f1;
                background-color: #f6f6f7;
            }:where(#header) .navbar-mm-platform-nav-all {
            margin-top: .5rem;
            color: #6366f1;
        }:where(#header) .navbar-mm-platform-nav-all i {
                font-size: 1.125rem;
            }:where(#header) .navbar-mm-platform-badge {
            color: #6366f1;
            font-size: .625rem;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: .1rem .4rem;
            border-radius: .35rem;
            background-color: rgba(99, 102, 241, .12);
        }:where(#header) .navbar-mm-platform-cards {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1.15rem;
        }:where(#header) .navbar-mm-platform-card {
            display: flex;
            flex-direction: column;
            height: 100%;
            color: #1e2022;
            text-decoration: none;
            padding: .75rem;
            border-radius: .85rem;
            transition: background-color .15s ease-in-out;
        }:where(#header) .navbar-mm-platform-card:hover, :where(#header) .navbar-mm-platform-card:focus-visible {
                color: #1e2022;
                background-color: #f6f6f7;
            }:where(#header) .navbar-mm-platform-card:focus-visible {
                outline: 2px solid #6366f1;
                outline-offset: 2px;
            }:where(#header) .navbar-mm-platform-card-title {
            display: block;
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.3;
            /* reserve two lines so every title block ends at the same height */
            min-height: 2.6em;
        }:where(#header) .navbar-mm-platform-card-text {
            display: block;
            color: #5f6368;
            font-size: .8125rem;
            line-height: 1.5;
            margin: .5rem 0 1.5rem;
            /* reserve three lines so every visual starts on the same line */
            min-height: 4.5em;
        }:where(#header) .navbar-mm-platform-card-visual {
            display: block;
            width: 100%;
            margin-top: auto;
            aspect-ratio: 4 / 3;
            object-fit: cover;
            border-radius: .75rem;
            background-color: #f4f5f8;
        }

        @media (max-width: 991.98px) {:where(#header) .navbar-mm-row > .navbar-mm-platform-features {
                padding-left: 0;
                margin-top: 1.5rem;
            }:where(#header) .navbar-mm-platform-cards {
                grid-template-columns: 1fr;
            }
        }:where(#header) .navbar-mm-feature-row {
            flex: 1;
            row-gap: 1.25rem;
        }

        @media (min-width: 992px) {:where(#header) .navbar-mm-resource-row .navbar-mm-link-col {
                display: grid;
                grid-template-rows: auto repeat(3, minmax(0, 1fr));
            }:where(#header) .navbar-mm-feature-row {
                margin: 0;
            }:where(#header) .navbar-mm-row > .navbar-mm-enterprise {
                padding-right: 3.5rem;
            }
        }:where(#header) .navbar-mm-feature {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            text-decoration: none;
            padding: .5rem;
            border-radius: .75rem;
        }:where(#header) .navbar-mm-feature:hover {
                background-color: rgba(189,197,209,.15);
            }:where(#header) .navbar-mm-feature-title {
            display: flex;
            align-items: center;
            gap: .25rem;
            color: #1e2022;
            font-weight: 600;
            font-size: 1rem;
        }:where(#header) .navbar-mm-feature-title i {
                color: #9397ad;
                font-size: 1.25rem;
            }:where(#header) .navbar-mm-feature-text {
            display: block;
            color: #8c98a4;
            font-size: .8125rem;
            margin: .35rem 0 .75rem;
        }:where(#header) .navbar-mm-feature-visual {
            display: block;
            flex: 1;
            width: 100%;
            margin-top: auto;
            min-height: 8rem;
            object-fit: cover;
            border-radius: .75rem;
            background-color: #f4f5f8;
        }

        /* Platform capabilities use larger icons that fill the row height */:where(#header) .navbar-mm-enterprise .navbar-mm-resource-icon {
            flex: 0 0 3.75rem;
            width: 3.75rem;
            height: 3.75rem;
            font-size: 1.75rem;
        }

        /* Platform hero video tile */:where(#header) .navbar-mm-hero {
            display: block;
            width: 100%;
            overflow: hidden;
            border-radius: .9rem;
            background-color: #f4f5f8;
        }:where(#header) .navbar-mm-hero-video {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Enterprise features list */:where(#header) .navbar-mm-enterprise {
            border-right: 1px solid #eceef3;
        }:where(#header) .navbar-mm-list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #1e2022;
            font-weight: 600;
            font-size: .9375rem;
            text-decoration: none;
            padding: .875rem .75rem;
            border-bottom: 1px solid #f0f1f5;
        }:where(#header) .navbar-mm-list-item:last-child {
                border-bottom: 0;
            }:where(#header) .navbar-mm-list-item i {
                color: #9397ad;
                font-size: 1.25rem;
            }:where(#header) .navbar-mm-list-item:hover {
                color: #6366f1;
            }:where(#header) .navbar-mm-resources-row {
            align-items: stretch;
            padding-top: 1.5rem;
            padding-bottom: 2rem;
        }:where(#header) .navbar-mm-resources-row > [class*="col-"] {
            padding-right: 1.25rem;
            padding-left: 1.25rem;
        }:where(#header) .navbar-mm-resource-group-title {
            display: block;
            color: #9397ad;
            font-size: .75rem;
            font-weight: 600;
            letter-spacing: .16em;
            text-transform: uppercase;
            padding: .5rem .75rem;
            margin: 0 0 .75rem;
        }:where(#header) .navbar-mm-resource-link {
            display: flex;
            align-items: flex-start;
            gap: .875rem;
            padding: .75rem;
            border-radius: .75rem;
            color: #1e2022;
            text-decoration: none;
            transition: background-color .15s ease-in-out;
        }:where(#header) .navbar-mm-resource-link:hover {
            color: #1e2022;
            background-color: #f6f6f7;
        }:where(#header) .navbar-mm-resource-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 2.75rem;
            width: 2.75rem;
            height: 2.75rem;
            border: 1px solid #e4e6eb;
            border-radius: .65rem;
            color: #343840;
            font-size: 1.25rem;
            background-color: #fff;
            box-shadow: 0 .25rem .65rem rgba(20, 24, 32, .08);
        }:where(#header) .navbar-mm-resource-copy {
            min-width: 0;
        }:where(#header) .navbar-mm-resource-link-title {
            display: block;
            color: #1e2022;
            font-size: .9375rem;
            font-weight: 600;
            line-height: 1.35;
        }:where(#header) .navbar-mm-resource-link-title .navbar-mm-platform-badge {
            margin-left: .35rem;
            vertical-align: middle;
        }:where(#header) .navbar-mm-resource-link-text {
            display: block;
            color: #676d78;
            font-size: .8125rem;
            line-height: 1.45;
            margin-top: .15rem;
        }:where(#header) .navbar-mm-plan-strip {
            padding: 1rem 0;
            border-top: 1px solid #e8e9ed;
            background-color: #f8f9fb;
        }:where(#header) .navbar-mm-plan-strip-inner {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start;
            gap: .75rem 2rem;
            padding: 0 4.5rem;
            margin-left: auto;
            margin-right: auto;
        }:where(#header) .navbar-mm-plan-title {
            color: #737781;
            font-size: .75rem;
            font-weight: 600;
            letter-spacing: .08em;
            text-transform: uppercase;
            margin-right: .5rem;
        }:where(#header) .navbar-mm-plan-link {
            color: #1e2022;
            font-size: .9rem;
            font-weight: 600;
            text-decoration: none;
            white-space: nowrap;
        }:where(#header) .navbar-mm-plan-link:hover {
            color: #6366f1;
        }

        @media (min-width: 992px) {:where(#header) .navbar-mm-plan-strip-inner {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {:where(#header) .navbar-mm-plan-strip-inner {
                max-width: 1140px;
            }
        }

        @media (min-width: 1400px) {:where(#header) .navbar-mm-plan-strip-inner {
                max-width: 1320px;
            }
        }

        @media (max-width: 991.98px) {:where(#header) .navbar-mm-resources-row > [class*="col-"] + [class*="col-"] {
                margin-top: 1.25rem;
            }:where(#header) .navbar-mm-plan-title {
                flex-basis: 100%;
            }
        }:where(#header) .navbar-mm-migrations-row {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }:where(#header) .navbar-mm-migrations-row > .navbar-mm-migrations-col {
            padding-right: 3rem;
            padding-left: 3rem;
        }:where(#header) .navbar-mm-migrations-col + .navbar-mm-migrations-col {
            border-left: 1px solid #eceef3;
        }:where(#header) .navbar-mm-migrations-heading {
            display: block;
            color: #9397ad;
            font-size: .75rem;
            font-weight: 600;
            letter-spacing: .18em;
            text-transform: uppercase;
            margin-bottom: 2rem;
        }:where(#header) .navbar-mm-migrations-heading-gradient {
            display: inline-block;
            color: transparent;
            background: linear-gradient(90deg, #6366f1, #8b5cf6 50%, #d946ef);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }:where(#header) .navbar-mm-migration-overview {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }:where(#header) .navbar-mm-migration-overview > div {
            min-width: 0;
        }:where(#header) .navbar-mm-migration-overview i {
            color: #14b8a6;
            font-size: 1.75rem;
        }:where(#header) .navbar-mm-migration-title {
            display: block;
            color: #1e2022;
            font-size: 1rem;
            font-weight: 600;
        }:where(#header) .navbar-mm-migration-text {
            display: block;
            color: #8c98a4;
            font-size: .875rem;
            line-height: 1.6;
            margin-top: .5rem;
        }:where(#header) .navbar-mm-migration-link {
            display: block;
            padding: .25rem 0 1.75rem;
            text-decoration: none;
        }:where(#header) .navbar-mm-migration-link + .navbar-mm-migration-link {
            padding-top: .75rem;
        }:where(#header) .navbar-mm-migration-link-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #1e2022;
            font-size: 1rem;
            font-weight: 600;
        }:where(#header) .navbar-mm-migration-link-title i {
            color: #1e2022;
            font-size: 1.25rem;
        }:where(#header) .navbar-mm-migration-link:hover .navbar-mm-migration-link-title {
            color: #6366f1;
        }:where(#header) .navbar-mm-video-card {
            display: block;
            padding: 1.15rem;
            border-radius: .75rem;
            color: #1e2022;
            text-decoration: none;
            background-color: #f5f5f4;
            background-image: url("https://assets.caniphish.com/assets/images/caniphish/blank-card-texture.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }:where(#header) .navbar-mm-video-card:hover {
            color: #1e2022;
        }:where(#header) .navbar-mm-video-thumbnail {
            position: relative;
            display: block;
            overflow: hidden;
            aspect-ratio: 16 / 9;
            border-radius: .6rem;
            background-color: #111827;
        }:where(#header) .navbar-mm-video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Centre play button: hidden at rest so it doesn't cover the thumbnail, fades in on hover/focus */:where(#header) .navbar-mm-video-play {
            position: absolute;
            top: 50%;
            left: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 50%;
            color: #1e2022;
            font-size: 1.75rem;
            background-color: #fff;
            box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .3);
            opacity: 0;
            transform: translate(-50%, -50%) scale(.85);
            transition: opacity .2s ease, transform .2s ease;
            pointer-events: none;
        }:where(#header) .navbar-mm-video-play i {
            margin-left: .15rem; /* optically centre the play triangle */
        }:where(#header) .navbar-mm-video-card:hover .navbar-mm-video-play, :where(#header) .navbar-mm-video-card:focus-visible .navbar-mm-video-play {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }

        /* Play icon + duration pill, bottom right of the thumbnail. The thumbnail's headline,
           logo and face leave no clear space for a separate play button, so this carries both. */:where(#header) .navbar-mm-video-duration {
            position: absolute;
            right: .5rem;
            bottom: .5rem;
            display: inline-flex;
            align-items: center;
            gap: .125rem;
            padding: .125rem .4rem .125rem .25rem;
            border-radius: .25rem;
            color: #fff;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1.4;
            background-color: rgba(0, 0, 0, .8);
        }:where(#header) .navbar-mm-video-duration i {
            font-size: 1rem;
        }:where(#header) .navbar-mm-video-title {
            display: block;
            font-size: 1.125rem;
            font-weight: 700;
            margin: 1.25rem 0 .75rem;
        }:where(#header) .navbar-mm-video-text {
            display: block;
            color: #5f6368;
            font-size: .875rem;
            line-height: 1.55;
        }

        @media (max-width: 991.98px) {:where(#header) .navbar-mm-migrations-col + .navbar-mm-migrations-col {
                border-left: 0;
                border-top: 1px solid #eceef3;
                margin-top: 1rem;
                padding-top: 1.5rem;
            }:where(#header) .navbar-mm-migrations-heading {
                margin-bottom: 1.25rem;
            }
        }

        /* Mobile + tablet menu (below the lg breakpoint) */
        @media (max-width: 991.98px) {
            /* The header is position: fixed, so an open menu taller than the screen can't be
               scrolled with the page. Scroll it inside its own panel instead. */#header .navbar-collapse.show, #header .navbar-collapse.collapsing {
                max-height: calc(100vh - 5.5rem);
                max-height: calc(100dvh - 5.5rem);
                overflow-y: auto;
                overscroll-behavior: contain;
            }

            /* The desktop gutters (up to 3rem per side) squeeze the dropdowns to ~130px wide on phones */:where(#header) .navbar-mm-row, :where(#header) .navbar-mm-migrations-row, :where(#header) .navbar-mm-resources-row {
                padding: 1rem 0 1.25rem;
            }:where(#header) .navbar-mm-row > .navbar-mm-col, :where(#header) .navbar-mm-row > .navbar-mm-platform-explore, :where(#header) .navbar-mm-row > .navbar-mm-platform-features, :where(#header) .navbar-mm-resources-row > [class*="col-"] {
                padding-right: 0;
                padding-left: 0;
            }

            /* Migration links have no inner padding of their own, so indent the column to line up
               with the Platform and Resources items */:where(#header) .navbar-mm-migrations-row > .navbar-mm-migrations-col {
                padding-right: .75rem;
                padding-left: .75rem;
            }

            /* Platform menu: lead with Core Platform, then Advanced Capabilities */:where(#header) .navbar-mm-platform-row > .navbar-mm-platform-features {
                order: -1;
                margin-top: 0;
            }:where(#header) .navbar-mm-platform-row > .navbar-mm-platform-explore {
                margin-top: 1.25rem;
            }

            /* Drop the card illustrations and the desktop height-matching so the cards read as a compact list */:where(#header) .navbar-mm-platform-card-visual {
                display: none;
            }:where(#header) .navbar-mm-platform-cards {
                gap: .25rem;
            }:where(#header) .navbar-mm-platform-card-title {
                min-height: 0;
            }:where(#header) .navbar-mm-platform-card-text {
                min-height: 0;
                margin: .25rem 0 0;
            }
        }

/* === Section 3: footer compatibility ====================================================== */

/* ---------------------------------------------------------------------------------------------
   Compatibility rules for the 2026 site chrome on layouts that load only the Front (Bootstrap 4)
   theme. _LandingsLayout2025 also loads the Silicon (Bootstrap 5) theme, which the shared header
   and footer markup was written against. These rules reproduce the Silicon declarations that
   chrome actually depends on, rather than pulling in the whole theme and restyling page content.

   Everything that could otherwise reach page content is scoped to #header or .footer. The values
   were read off the two stacks side by side in a browser, not guessed.
   --------------------------------------------------------------------------------------------- */

/* --- utilities Silicon defines and Front does not; safe unscoped, Front has no rule for them --- */
.fs-xs { font-size: .75rem !important; }
.me-0 { margin-right: 0 !important; }
.opacity-50 { opacity: .5 !important; }
.opacity-70 { opacity: .7 !important; }

@media (min-width: 768px) {
    .text-md-start { text-align: left !important; }
}

/* --- the chrome is set in Manrope over Silicon's body colour, as on the 2026 pages --- */
#header, .footer, #menuBackdrop { font-family: Manrope, sans-serif; color: #565973; }

/* The header's sign-up button uses this gradient. Two of the older layouts already declare it
   inline; the rest do not, so declare it here for all of them. Identical to those copies. */
.bg-gradient-primary { background: linear-gradient(90deg, #6366f1, #8b5cf6 50%, #d946ef) !important; }

/* --- Bootstrap 5 grid metrics, so the chrome lines up the way it was designed ---------------- */
/* Front's container tops out at 1140px with 15px gutters; Silicon goes to 1320px with 12px.

   These carry !important because the chrome shares the .container class with page content, and
   most pages narrow or widen it for themselves: the six older layouts declare
   `.container { max-width: 1260px !important }`, 96 blog/SEO views declare 1440px and one declares
   1600px. Before the 2026 chrome the header and footer were immune because their container carried
   `style="max-width: 1320px !important"` inline; the shared partials have no inline style, so the
   pin lives here instead. #header/.footer specificity beats the bare .container rules. */
#header .container, .footer .container { padding-right: .75rem !important; padding-left: .75rem !important; }

/* The row and column gutters are :where()-scoped on purpose. The nav CSS in section 2 centres the
   open mega menu with `.navbar .hs-mega-menu.dropdown-menu > .navbar-mm-row { margin: 0 auto }`,
   which is itself :where()-scoped and so carries only class specificity. Writing these as
   `#header .row` would add an id and silently outrank it, pinning the mega menu to the left edge. */
:where(#header) .row, :where(.footer) .row { margin-right: -.75rem; margin-left: -.75rem; }
:where(#header) .row > [class*="col"], :where(.footer) .row > [class*="col"] { padding-right: .75rem; padding-left: .75rem; }

#header .container, .footer .container { max-width: 100% !important; }
@media (min-width: 576px)  { #header .container, .footer .container { max-width: 540px !important; } }
@media (min-width: 768px)  { #header .container, .footer .container { max-width: 720px !important; } }
@media (min-width: 992px)  { #header .container, .footer .container { max-width: 960px !important; } }
@media (min-width: 1200px) { #header .container, .footer .container { max-width: 1140px !important; } }
@media (min-width: 1400px) { #header .container, .footer .container { max-width: 1320px !important; } }

/* --- footer ---------------------------------------------------------------------------------- */

.footer { flex-shrink: 0; }
.footer-text { color: rgba(255, 255, 255, .7); text-decoration: none; }

/* Silicon's dark is near-black; Front's is navy. */
.footer.bg-dark { background-color: #0b0f19 !important; }
.footer .text-light { color: #fff !important; }

/* Silicon's heading scale. */
.footer .h6 { margin-bottom: 1rem; color: #fff; font-size: 1rem; font-weight: 800; }

/* Silicon flips .text-dark to white inside a data-bs-theme="dark" container. The Front theme has no
   dark-mode support, so the footer's column headings would otherwise be near-black on near-black. */
.footer[data-bs-theme="dark"] .text-dark { color: #fff !important; }

/* Bootstrap 5's spacer step 5 is 3rem; the Front theme's is 2rem. Steps 1-4 already agree.
   The footer element itself carries pt-5/pb-5/pb-lg-5, hence the un-descended selectors. */
.footer.pt-5, .footer .pt-5, .footer.py-5, .footer .py-5 { padding-top: 3rem !important; }
.footer.pb-5, .footer .pb-5, .footer.py-5, .footer .py-5 { padding-bottom: 3rem !important; }
.footer.mt-5, .footer .mt-5, .footer.my-5, .footer .my-5 { margin-top: 3rem !important; }
.footer.mb-5, .footer .mb-5, .footer.my-5, .footer .my-5 { margin-bottom: 3rem !important; }
.footer.p-5, .footer .p-5 { padding: 3rem !important; }

@media (min-width: 576px) {
    .footer.pt-sm-5, .footer .pt-sm-5 { padding-top: 3rem !important; }
    .footer.pb-sm-5, .footer .pb-sm-5 { padding-bottom: 3rem !important; }
    .footer.mt-sm-5, .footer .mt-sm-5 { margin-top: 3rem !important; }
    .footer.mb-sm-5, .footer .mb-sm-5 { margin-bottom: 3rem !important; }
}

@media (min-width: 768px) {
    .footer.pt-md-5, .footer .pt-md-5 { padding-top: 3rem !important; }
    .footer.pb-md-5, .footer .pb-md-5 { padding-bottom: 3rem !important; }
    .footer.mt-md-5, .footer .mt-md-5 { margin-top: 3rem !important; }
    .footer.mb-md-5, .footer .mb-md-5 { margin-bottom: 3rem !important; }
}

@media (min-width: 992px) {
    .footer.pt-lg-5, .footer .pt-lg-5 { padding-top: 3rem !important; }
    .footer.pb-lg-5, .footer .pb-lg-5 { padding-bottom: 3rem !important; }
    .footer.mt-lg-5, .footer .mt-lg-5 { margin-top: 3rem !important; }
    .footer.mb-lg-5, .footer .mb-lg-5 { margin-bottom: 3rem !important; }
}

@media (min-width: 1200px) {
    .footer.pt-xl-5, .footer .pt-xl-5 { padding-top: 3rem !important; }
    .footer.pb-xl-5, .footer .pb-xl-5 { padding-bottom: 3rem !important; }
    .footer.mt-xl-5, .footer .mt-xl-5 { margin-top: 3rem !important; }
    .footer.mb-xl-5, .footer .mb-xl-5 { margin-bottom: 3rem !important; }
}

/* Silicon draws the round social buttons as outlined rather than filled, a size smaller. */
.footer .btn-icon { width: 2.75rem !important; height: 2.75rem !important; }
.footer .btn-icon > i { font-size: 1.25rem; }
.footer .btn { font-size: .875rem; font-weight: 600; }
.footer .btn-secondary {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, .85) !important;
    color: rgba(255, 255, 255, .85) !important;
}

/* Brand colours on hover, as Silicon defines them. */
.footer .btn-youtube:hover, .footer .btn-youtube:focus, .footer .btn-youtube:active {
    background-color: red !important; border-color: red !important; color: #fff !important;
    box-shadow: 0 .375rem 1.125rem -.375rem rgba(255, 0, 0, .8) !important;
}
.footer .btn-linkedin:hover, .footer .btn-linkedin:focus, .footer .btn-linkedin:active {
    background-color: #0077b5 !important; border-color: #0077b5 !important; color: #fff !important;
    box-shadow: 0 .375rem 1.125rem -.375rem rgba(0, 119, 181, .8) !important;
}
.footer .btn-github:hover, .footer .btn-github:focus, .footer .btn-github:active {
    background-color: #4078c0 !important; border-color: #4078c0 !important; color: #fff !important;
    box-shadow: 0 .375rem 1.125rem -.375rem rgba(64, 120, 192, .8) !important;
}
.footer .btn-flickr:hover, .footer .btn-flickr:focus, .footer .btn-flickr:active {
    background-color: #0063dc !important; border-color: #0063dc !important; color: #fff !important;
    box-shadow: 0 .375rem 1.125rem -.375rem rgba(0, 99, 220, .8) !important;
}