/* =========================================================
   SIBYLINKS STATIC WEBSITE
   Supplementary / Override Styles
   Brand Color: #E60000
   ========================================================= */


/* =========================================================
   1. BRAND VARIABLES
   ========================================================= */

:root {
  --sibylinks-red: #E60000;
  --sibylinks-red-dark: #C40000;
  --sibylinks-red-light: #FEE2E2;
  --sibylinks-red-soft: rgba(230, 0, 0, 0.08);
  --sibylinks-red-border: rgba(230, 0, 0, 0.20);
}


/* =========================================================
   2. NAVBAR
   ========================================================= */

.site-navbar {
  background: transparent;
  border-bottom: 1px solid transparent;
  box-shadow: none;

  transition:
    background 0.4s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease;
}

.site-navbar.scrolled {
  background: rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  border-bottom: 1px solid rgba(229, 231, 235, 0.8);

  box-shadow:
    0 1px 40px rgba(0, 0, 0, 0.06);
}


/* =========================================================
   3. NAVIGATION LINKS
   ========================================================= */

.site-navbar .hover-brand-bg {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}


/* Hover */
.site-navbar .hover-brand-bg:hover {
  color: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red-soft) !important;
}


/* Active page */
.site-navbar .hover-brand-bg.active,
.site-navbar .hover-brand-bg[aria-current="page"] {
  color: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red-soft) !important;
}


/* =========================================================
   4. SERVICES NAVIGATION
   ========================================================= */

.services-nav-item > a:hover {
  color: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red-soft) !important;
}

.services-nav-item.open > a {
  color: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red-soft) !important;
}


/* =========================================================
   5. DROPDOWN
   ========================================================= */

.nav-dropdown {
  display: none;
}

.nav-dropdown.open {
  display: block;
  animation: fadeIn 0.15s ease;
}

.nav-dropdown a {
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.nav-dropdown a:hover {
  color: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red-soft) !important;
}


/* =========================================================
   6. DROPDOWN ANIMATION
   ========================================================= */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -4px);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}


/* =========================================================
   7. PRIMARY BUTTONS
   ========================================================= */

.btn-primary {
  background: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red) !important;

  color: #ffffff !important;

  border-color: var(--sibylinks-red) !important;

  box-shadow:
    0 10px 28px rgba(230, 0, 0, 0.20);

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}


/* Button hover */
.btn-primary:hover {
  background: var(--sibylinks-red-dark) !important;
  background-color: var(--sibylinks-red-dark) !important;

  color: #ffffff !important;

  border-color: var(--sibylinks-red-dark) !important;

  box-shadow:
    0 14px 35px rgba(230, 0, 0, 0.28);

  transform: translateY(-1px);
}


/* Button active */
.btn-primary:active {
  background: var(--sibylinks-red-dark) !important;
  background-color: var(--sibylinks-red-dark) !important;
  transform: translateY(0);
}


/* =========================================================
   8. HEADER GET STARTED
   ========================================================= */

.site-navbar .btn-primary {
  background: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red) !important;

  color: #ffffff !important;

  border-color: var(--sibylinks-red) !important;
}

.site-navbar .btn-primary:hover {
  background: var(--sibylinks-red-dark) !important;
  background-color: var(--sibylinks-red-dark) !important;

  color: #ffffff !important;

  border-color: var(--sibylinks-red-dark) !important;
}


/* =========================================================
   9. HERO START YOUR PROJECT
   ========================================================= */

.hero-gradient .btn-primary {
  background: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red) !important;

  color: #ffffff !important;

  border-color: var(--sibylinks-red) !important;
}

.hero-gradient .btn-primary:hover {
  background: var(--sibylinks-red-dark) !important;
  background-color: var(--sibylinks-red-dark) !important;

  color: #ffffff !important;

  border-color: var(--sibylinks-red-dark) !important;
}


/* =========================================================
   10. HERO HIGHLIGHT TEXT
   ========================================================= */

/*
   Convert the existing blue/purple hero gradient text
   to the SIBYLINKS red brand color.
*/

.hero-gradient .gradient-text,
.hero-gradient .gradient-text-blue {
  color: var(--sibylinks-red) !important;

  background: none !important;
  background-image: none !important;

  -webkit-background-clip: initial !important;
  background-clip: initial !important;

  -webkit-text-fill-color: var(--sibylinks-red) !important;
}


/* Generic gradient text */
.gradient-text,
.gradient-text-blue {
  color: var(--sibylinks-red) !important;

  background: none !important;
  background-image: none !important;

  -webkit-background-clip: initial !important;
  background-clip: initial !important;

  -webkit-text-fill-color: var(--sibylinks-red) !important;
}


/* =========================================================
   11. HERO WATCH DEMO
   ========================================================= */

.hero-gradient button:hover {
  background-color: var(--sibylinks-red-soft) !important;
  border-color: var(--sibylinks-red-border) !important;
}


/* Play icon */
.hero-gradient button svg circle {
  stroke: var(--sibylinks-red) !important;
}

.hero-gradient button svg polygon {
  fill: var(--sibylinks-red) !important;
}


/* =========================================================
   12. BRAND TEXT
   ========================================================= */

.brand-red,
.text-brand-red,
.sibylinks-red {
  color: var(--sibylinks-red) !important;
}


/* =========================================================
   13. BRAND HOVER BACKGROUND
   ========================================================= */

.hover-brand-bg:hover {
  background-color: var(--sibylinks-red-soft) !important;
  color: var(--sibylinks-red) !important;
}


/* =========================================================
   14. BRAND LINKS
   ========================================================= */

.brand-link {
  color: var(--sibylinks-red) !important;
}

.brand-link:hover {
  color: var(--sibylinks-red-dark) !important;
}


/* =========================================================
   15. ACTIVE STATES
   ========================================================= */

.active-brand {
  color: var(--sibylinks-red) !important;
}

.active-brand-bg {
  background-color: var(--sibylinks-red-soft) !important;
}


/* =========================================================
   16. MOBILE MENU
   ========================================================= */

.mobile-menu {
  display: none;
}

.mobile-menu.open {
  display: block;
}

.mobile-menu a:hover {
  color: var(--sibylinks-red) !important;
  background-color: var(--sibylinks-red-soft) !important;
}


/* =========================================================
   17. SCROLL REVEAL
   ========================================================= */

.section-reveal {
  opacity: 0;

  transform: translateY(24px);

  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}

.section-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}


/* =========================================================
   18. CARD HOVER
   ========================================================= */

.card-hover {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.card-hover:hover {
  border-color: rgba(230, 0, 0, 0.20) !important;

  box-shadow:
    0 18px 45px rgba(15, 23, 42, 0.08);
}


/* =========================================================
   19. BRAND UTILITY CLASSES
   ========================================================= */

.sibylinks-red {
  color: var(--sibylinks-red) !important;
}

.sibylinks-red-bg {
  background-color: var(--sibylinks-red) !important;
  color: #ffffff !important;
}

.sibylinks-red-bg:hover {
  background-color: var(--sibylinks-red-dark) !important;
}

.sibylinks-red-border {
  border-color: var(--sibylinks-red) !important;
}


/* =========================================================
   20. FOCUS
   ========================================================= */

:focus-visible {
  outline: 2px solid var(--sibylinks-red);
  outline-offset: 3px;
}


/* =========================================================
   21. TEXT SELECTION
   ========================================================= */

::selection {
  background: rgba(230, 0, 0, 0.18);
  color: #0F172A;
}


/* =========================================================
   22. RESPONSIVE
   ========================================================= */

@media (max-width: 1023px) {

  .mobile-menu.open {
    background: rgba(255, 255, 255, 0.97);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-top: 1px solid rgba(229, 231, 235, 0.8);

    box-shadow:
      0 15px 40px rgba(0, 0, 0, 0.08);
  }

}


/* =========================================================
   23. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .section-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .site-navbar,
  .btn-primary,
  .card-hover {
    transition: none;
  }

  .nav-dropdown.open {
    animation: none;
  }
}
/* SIBYLINKS - Primary Button Color Fix */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active {
    background: #e60000 !important;
    background-color: #e60000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.btn-primary span,
.btn-primary:hover span,
.btn-primary svg,
.btn-primary:hover svg {
    color: #ffffff !important;
}
/* SIBYLINKS GET STARTED */

.navbar-get-started {
    background: #E60000 !important;
    background-color: #E60000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.18) !important;
}

.navbar-get-started:hover {
    background: #CC0000 !important;
    background-color: #CC0000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #CC0000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(230, 0, 0, 0.28) !important;
}

.navbar-get-started:active {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    transform: translateY(0) !important;
}

.navbar-get-started span {
    color: #FFFFFF !important;
}
.navbar-get-started:focus,
.navbar-get-started:focus-visible {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.18) !important;
}
/* =========================================================
   SIBYLINKS - GET STARTED BUTTON OVERRIDE
   ========================================================= */

a.navbar-get-started.btn-primary {
    background: #E60000 !important;
    background-color: #E60000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.18) !important;
}

/* HOVER */
a.navbar-get-started.btn-primary:hover {
    background: #CC0000 !important;
    background-color: #CC0000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #CC0000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(230, 0, 0, 0.28) !important;
}

/* ACTIVE / CLICK */
a.navbar-get-started.btn-primary:active {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
    transform: translateY(0) !important;
}

/* FOCUS */
a.navbar-get-started.btn-primary:focus,
a.navbar-get-started.btn-primary:focus-visible {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
    outline: none !important;
}

/* TEXT */
a.navbar-get-started.btn-primary,
a.navbar-get-started.btn-primary span {
    color: #FFFFFF !important;
}
/* =========================================================
   SIBYLINKS - GLOBAL BRAND HOVER OVERRIDES
   ========================================================= */

/* Primary Buttons */
.btn-primary,
.btn-primary:visited {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #CC0000 !important;
    background-color: #CC0000 !important;
    color: #FFFFFF !important;
    border-color: #CC0000 !important;
    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.25) !important;
    transform: translateY(-2px);
}

.btn-primary:active {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    transform: translateY(0);
}


/* Navbar Get Started */
.navbar-get-started,
.navbar-get-started:visited {
    background: #E60000 !important;
    background-color: #E60000 !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
}

.navbar-get-started:hover,
.navbar-get-started:focus {
    background: #CC0000 !important;
    background-color: #CC0000 !important;
    color: #FFFFFF !important;
    border-color: #CC0000 !important;
}


/* Navigation Links */
.navbar a:hover {
    color: #E60000 !important;
}


/* Footer Links */
footer a:hover {
    color: #E60000 !important;
}


/* Common brand hover classes */
.hover-brand-bg:hover {
    background-color: #E60000 !important;
    color: #FFFFFF !important;
}

.hover-brand-text:hover {
    color: #E60000 !important;
}


/* Cards */
.card-hover:hover {
    border-color: #E60000 !important;
}


/* Remove old blue button shadows */
.btn-primary:hover,
.navbar-get-started:hover {
    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.25) !important;
}


/* Button text and icons */
.btn-primary *,
.navbar-get-started * {
    color: #FFFFFF !important;
}
/* Privacy Policy - Contents Links */
.sticky nav a:hover {
    color: #E60000 !important;
}
/* =====================================================
   SIBYLINKS - FORCE GET STARTED BUTTON RED
   ===================================================== */

a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
    background: #E60000 !important;
    background-color: #E60000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #E60000 !important;
    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.18) !important;
}

a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:focus-visible {
    background: #CC0000 !important;
    background-color: #CC0000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #CC0000 !important;
    box-shadow: 0 14px 30px rgba(230, 0, 0, 0.28) !important;
    transform: translateY(-2px);
}

a.btn-primary:active {
    background: #E60000 !important;
    background-color: #E60000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    transform: translateY(0);
}

a.btn-primary span {
    color: #FFFFFF !important;
}
/* =========================================
   SIBYLINKS NAVBAR - GET STARTED BUTTON
   ========================================= */

.navbar-get-started {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 128px !important;
    height: 46px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #E60000 !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 10px !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.20) !important;

    transition: all 0.2s ease !important;
}

/* Text */
.navbar-get-started span {
    color: #FFFFFF !important;
}

/* Hover */
.navbar-get-started:hover {
    background: #D50000 !important;
    color: #FFFFFF !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 12px 28px rgba(230, 0, 0, 0.28) !important;
}

/* Prevent blue/purple visited color */
.navbar-get-started:visited,
.navbar-get-started:active,
.navbar-get-started:focus {
    background: #E60000 !important;
    color: #FFFFFF !important;
}
/* =====================================================
   SIBYLINKS - FORCE RED PRIMARY BUTTON
   ===================================================== */

body a.btn-primary,
body .btn-primary {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #E60000 !important;
    background-image: none !important;

    color: #FFFFFF !important;
    border: 1px solid #E60000 !important;

    box-shadow: 0 10px 25px rgba(230, 0, 0, 0.20) !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
}

/* Remove any blue overlay */
body a.btn-primary::before,
body a.btn-primary::after,
body .btn-primary::before,
body .btn-primary::after {
    content: none !important;
    display: none !important;
}

/* Make button text visible */
body a.btn-primary span,
body .btn-primary span {
    position: relative !important;
    z-index: 10 !important;
    color: #FFFFFF !important;
}

/* Hover */
body a.btn-primary:hover,
body .btn-primary:hover {
    background: #C90000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #C90000 !important;
    box-shadow: 0 12px 30px rgba(230, 0, 0, 0.28) !important;
}

/* Hover text */
body a.btn-primary:hover span,
body .btn-primary:hover span {
    color: #FFFFFF !important;
}
/* Contact page - Send Message button */
button.btn-primary,
input.btn-primary,
form button.btn-primary {
    background: #E60000 !important;
    background-color: #E60000 !important;
    background-image: none !important;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    border: 1px solid #E60000 !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: 0 10px 25px rgba(230, 0, 0, 0.20) !important;
}

/* Button text */
button.btn-primary *,
input.btn-primary * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Hover */
button.btn-primary:hover,
input.btn-primary:hover,
form button.btn-primary:hover {
    background: #C90000 !important;
    background-color: #C90000 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #C90000 !important;
}
.footer-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.footer-logo img {
    width: 165px;
    height: auto;
    display: block;
}
/* Footer SIBYLINKS Logo */
.footer-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.footer-logo img {
    width: 180px;
    height: auto;
    display: block;
}
/* ===== FINAL GET STARTED BUTTON FIX ===== */

a.navbar-get-started {
    width: 125px !important;
    height: 40px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background-color: #E60000 !important;
    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 46px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    box-shadow: 0 10px 24px rgba(230, 0, 0, 0.20) !important;
}

a.navbar-get-started span {
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

a.navbar-get-started:hover {
    background-color: #D50000 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

a.navbar-get-started:visited,
a.navbar-get-started:active,
a.navbar-get-started:focus {
    background-color: #E60000 !important;
    color: #FFFFFF !important;
}
/* =========================================
   SIBYLINKS - Services Dropdown
   ========================================= */

.services-dropdown-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
    padding: 18px;
}

.services-dropdown-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 10px;
    border-radius: 10px;
    text-decoration: none;
    color: #0F172A;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.services-dropdown-link:hover {
    background: rgba(37, 99, 235, 0.07);
    color: #E60000;
    transform: translateX(2px);
}

.services-dropdown-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #F8FAFC;
    font-size: 16px;
    flex-shrink: 0;
}

.services-dropdown-footer {
    border-top: 1px solid #E5E7EB;
    padding: 14px 18px;
}

.services-dropdown-footer a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #E60000;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.services-dropdown-footer a:hover {
    gap: 8px;
}

@media (max-width: 900px) {

    .services-dropdown-grid {
        grid-template-columns: 1fr;
    }

}
/* ===== SIBYLINKS FINAL SHARED FOOTER FIX ===== */
.sib-footer{background:#0F172A;color:#fff;width:100%;}
.sib-footer-inner{width:min(1440px,calc(100% - 80px));margin:0 auto;padding:64px 0 30px;}
.sib-footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:56px;margin-bottom:52px;align-items:start;}
.sib-footer-brand{max-width:370px;}
.sib-footer-brand .footer-logo{display:inline-flex;align-items:center;margin:0 0 20px;text-decoration:none;}
.sib-footer-brand .footer-logo img{width:180px;height:auto;display:block;}
.sib-footer-brand p{color:#7188aa;line-height:1.8;font-size:14px;margin:0 0 22px;}
.sib-footer-socials{display:flex;gap:10px;}
.sib-footer-social{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:#94a3b8;text-decoration:none;transition:.2s;}
.sib-footer-social:hover{color:#fff;background:rgba(255,255,255,.11);transform:translateY(-2px);}
.sib-footer-social svg{width:18px;height:18px;fill:currentColor;}
.sib-footer-col h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 20px;color:#fff;font-weight:700;}
.sib-footer-col a{display:block;color:#7188aa;text-decoration:none;font-size:14px;margin:0 0 13px;transition:.2s;line-height:1.35;}
.sib-footer-col a:hover{color:#fff;transform:translateX(3px);}
.sib-footer-bottom{border-top:1px solid rgba(255,255,255,.07);}
.sib-footer-bottom-inner{width:min(1440px,calc(100% - 80px));min-height:78px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;}
.sib-footer-bottom p,.sib-footer-bottom a{font-size:12px;color:#617492;text-decoration:none;margin:0;}
.sib-footer-status{font-size:12px;color:#617492;display:flex;align-items:center;justify-content:center;gap:8px;}
.sib-footer-status .status-dot{width:7px;height:7px;background:#17c784;border-radius:50%;display:inline-block;}
.sib-footer-legal{display:flex;justify-content:flex-end;gap:22px;}
.sib-footer-legal a:hover{color:#fff;}
@media (max-width:1100px){.sib-footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.sib-footer-inner,.sib-footer-bottom-inner{width:calc(100% - 48px);}}
@media (max-width:760px){.sib-footer-inner{width:calc(100% - 36px);padding:48px 0 26px}.sib-footer-grid{grid-template-columns:1fr 1fr;gap:36px 28px}.sib-footer-brand{grid-column:1/-1;max-width:none}.sib-footer-bottom-inner{width:calc(100% - 36px);grid-template-columns:1fr;text-align:center;padding:20px 0;gap:14px}.sib-footer-status{justify-content:center}.sib-footer-legal{justify-content:center;gap:18px;}}
@media (max-width:480px){.sib-footer-grid{grid-template-columns:1fr}.sib-footer-brand{grid-column:auto}.sib-footer-col h3{margin-bottom:14px;}}