:root{--navy:#0d3b66;--green:#2e8b57;--light:#f5f7fa;--text:#203040;--muted:#5d6b78}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);}
.navbar-brand img{height:36px;margin-right:10px}
.hero{position:relative;color:#fff;padding:120px 0 90px}
.hero h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1rem}
.hero .lead{font-size:1.2rem;max-width:780px}
.section-pad{padding:70px 0}
.section-soft{background:var(--light)}
.card-adv{height:100%;border:none;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:12px}
.card-adv h4{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}
.kicker{color:var(--green);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;margin-bottom:.75rem}
.section-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem}
.section-sub{font-size:1.1rem;color:var(--muted);max-width:900px}
.graphic{width:100%;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.strategy-box,.contact-box,.component-box,.cost-box{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:28px;height:100%}
.cost-box h3,.component-box h3{font-size:1.35rem;margin-bottom:.8rem}
.icon-round{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(46,139,87,.1);color:var(--green);font-size:1.4rem;margin-bottom:14px}
.footer{background:#102235;color:#fff;padding:28px 0;margin-top:40px}
.footer a{color:#fff}
.cta-band{background:linear-gradient(90deg,var(--navy),#194e7a);color:#fff;border-radius:18px;padding:34px}
.small-note{font-size:.95rem;color:var(--muted)}
ul.tight li{margin-bottom:.45rem}

@media (max-width: 768px) {
  .compare-graphic {
    border-radius:22px !important;
  }
}

@media (max-width: 768px){.hero{padding:95px 0 70px}.hero h1{font-size:2.2rem}.section-title{font-size:1.8rem}}

.architecture-intro{max-width:980px}.architecture-compare{margin-top:8px}.compare-graphic,
.compare-graphic img {
  display:block;
  width:100%;
  border-radius:22px !important;
  overflow:hidden;
}.architecture-copy{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:28px}.architecture-copy h3{font-size:1.35rem;font-weight:700;margin-bottom:1rem}.architecture-copy p:last-child{margin-bottom:0}@media (max-width:991.98px){.architecture-copy{margin:0 auto}}


/* Ensure images fully fill rounded containers */
.compare-graphic{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
}


/* Ensure parent containers clip correctly */
.architecture-compare img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
}


.connectivity-layout{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.connectivity-copy{flex:0 0 54%;max-width:54%}
.connectivity-copy h2{margin-bottom:1rem}
.connectivity-copy ul{margin-bottom:1rem}
.connectivity-visual-wrap{flex:0 0 46%;max-width:46%;display:flex;justify-content:flex-start}
.connectivity-visual{background:#f7f9fb;border-radius:16px;padding:10px 12px;box-shadow:0 10px 24px rgba(0,0,0,.05);width:100%;max-width:500px}
.connectivity-visual img{display:block;width:100%;height:auto;max-width:100%;margin:0 auto}

@media (max-width: 991.98px){
  .connectivity-layout{flex-direction:column;align-items:flex-start;gap:1.75rem}
  .connectivity-copy,.connectivity-visual-wrap{flex:0 0 100%;max-width:100%}
  .connectivity-visual-wrap{justify-content:center;width:100%}
  .connectivity-visual{max-width:320px;margin:0 auto}
}


.feature-media-layout{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.feature-copy{flex:0 0 52%;max-width:52%}
.feature-visual-wrap{flex:0 0 48%;max-width:48%;display:flex;justify-content:flex-end}
.feature-visual{background:#f7f9fb;border-radius:16px;padding:10px 12px;box-shadow:0 10px 24px rgba(0,0,0,.05);width:100%;max-width:560px}
.feature-visual img{display:block;width:100%;height:auto;max-width:100%;margin:0 auto;border-radius:10px}
.reverse-on-desktop .feature-visual-wrap{justify-content:flex-start}

@media (max-width: 991.98px){
  .feature-media-layout,.reverse-on-desktop{flex-direction:column;align-items:flex-start;gap:1.5rem}
  .feature-copy,.feature-visual-wrap{flex:0 0 100%;max-width:100%}
  .feature-visual-wrap{justify-content:center;width:100%}
  .feature-visual{max-width:420px;margin:0 auto}
}

.knowledge-accordion .accordion-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:16px;overflow:hidden}
.knowledge-accordion .accordion-toggle{width:100%;background:none;border:0;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--text);cursor:pointer}
.knowledge-accordion .accordion-toggle:focus{outline:none}
.knowledge-accordion .accordion-title{display:block;font-size:1.28rem;font-weight:700;line-height:1.2;margin-bottom:4px}
.knowledge-accordion .accordion-subtitle{display:block;color:var(--muted);font-size:1rem;line-height:1.4;padding-right:24px}
.knowledge-accordion .accordion-toggle i{color:var(--green);font-size:1rem;transition:transform .2s ease}
.knowledge-accordion .accordion-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.knowledge-accordion .accordion-body{padding:0 28px 28px 28px;color:var(--text)}
.knowledge-accordion .accordion-body p:last-child{margin-bottom:0}

@media (max-width:768px){
  .knowledge-accordion .accordion-toggle{padding:20px}
  .knowledge-accordion .accordion-title{font-size:1.12rem}
  .knowledge-accordion .accordion-subtitle{font-size:.95rem;padding-right:10px}
  .knowledge-accordion .accordion-body{padding:0 20px 22px 20px}
}

.component-links{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:10px}
.component-links a{display:inline-block}

/* HERO HEIGHT STANDARDISATION */
.hero, .hero-section, .page-hero {
    height: 450px !important;
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .hero, .hero-section, .page-hero {
        height: 380px !important;
    }
}

/* HERO HEIGHT REFINED */
.hero, .hero-section, .page-hero {
    height: 480px !important;
    display: flex;
    align-items: center;
    padding-top: 10px;
}
@media (max-width: 768px) {
    .hero, .hero-section, .page-hero {
        height: 400px !important;
    }
}


/* HOME PAGE HERO FIX */
body.home-page .hero,
body.home-page .hero-section,
body.home-page .page-hero {
    height: 480px !important;
    min-height: 480px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}

@media (max-width: 768px) {
    body.home-page .hero,
    body.home-page .hero-section,
    body.home-page .page-hero {
        height: 400px !important;
        min-height: 400px !important;
    }
}

body.home-page .hero > .container,
body.home-page .hero-section > .container,
body.home-page .page-hero > .container {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.home-page .hero .hero-content,
body.home-page .hero-section .hero-content,
body.home-page .page-hero .hero-content {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    transform: translateY(-10px) !important;
}

body.home-page .hero h1,
body.home-page .hero-section h1,
body.home-page .page-hero h1 {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

body.home-page .hero p,
body.home-page .hero-section p,
body.home-page .page-hero p {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

body.home-page .hero .hero-buttons,
body.home-page .hero .btn-group,
body.home-page .hero .actions,
body.home-page .hero-section .hero-buttons,
body.home-page .hero-section .btn-group,
body.home-page .hero-section .actions,
body.home-page .page-hero .hero-buttons,
body.home-page .page-hero .btn-group,
body.home-page .page-hero .actions {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}


/* HOME HERO REFINEMENT V2 */
body.home-page header.hero {
    background: linear-gradient(rgba(10,30,50,.7),rgba(10,30,50,.7)),url('../img/intro/busy-kitchen-cropped.png') center/cover no-repeat !important;
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important; /* clear fixed nav */
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

body.home-page header.hero > .container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.home-page header.hero .row {
    width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.home-page header.hero .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center !important;
    transform: none !important;
}

body.home-page header.hero h1 {
    max-width: 760px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.7rem, 4.6vw, 3.8rem) !important;
}

body.home-page header.hero p.lead {
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.2rem !important;
}

body.home-page header.hero .mt-4 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 24px !important;
}

body.home-page header.hero .mt-4 .btn {
    margin: 0 !important;
}

@media (max-width: 768px) {
    body.home-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.home-page header.hero > .container {
        height: auto !important;
    }

    body.home-page header.hero .col-lg-9 {
        max-width: 100% !important;
    }

    body.home-page header.hero h1 {
        max-width: 340px !important;
        font-size: clamp(2.05rem, 8.2vw, 2.6rem) !important;
        line-height: 1.08 !important;
        margin-bottom: 14px !important;
    }

    body.home-page header.hero p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }

    body.home-page header.hero .mt-4 {
        gap: 10px !important;
    }

    body.home-page header.hero .mt-4 .btn {
        width: auto !important;
        max-width: 100% !important;
    }
}


/* OPERATIONAL ADVANTAGES HERO FIX */
body.operational-advantages-page header.hero {
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important;
    display: flex !important;
    align-items: center !important;
}

body.operational-advantages-page header.hero > .container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.operational-advantages-page header.hero .row {
    width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.operational-advantages-page header.hero .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center !important;
}

body.operational-advantages-page header.hero h1 {
    max-width: 780px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.6rem, 4.4vw, 3.6rem) !important;
}

body.operational-advantages-page header.hero p.lead {
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.15rem !important;
}

@media (max-width: 768px) {
    body.operational-advantages-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.operational-advantages-page header.hero h1 {
        max-width: 340px !important;
        font-size: clamp(2.0rem, 8vw, 2.5rem) !important;
        line-height: 1.08 !important;
    }

    body.operational-advantages-page header.hero p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
}


/* OPERATIONAL ADVANTAGES HERO REFINEMENT V2 */
body.operational-advantages-page header.hero {
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

body.operational-advantages-page header.hero > .container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.operational-advantages-page header.hero .row {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.operational-advantages-page header.hero .col-lg-9 {
    flex: 0 0 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center !important;
    position: relative !important;
    left: 22px !important;      /* small rightward optical correction */
    top: 10px !important;       /* lower block for better vertical centering */
}

body.operational-advantages-page header.hero h1 {
    max-width: 820px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.55rem, 4.3vw, 3.55rem) !important;
}

body.operational-advantages-page header.hero p.lead {
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.15rem !important;
}

@media (max-width: 768px) {
    body.operational-advantages-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.operational-advantages-page header.hero > .container {
        height: auto !important;
    }

    body.operational-advantages-page header.hero .col-lg-9 {
        max-width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }

    body.operational-advantages-page header.hero h1 {
        max-width: 340px !important;
        font-size: clamp(2.0rem, 8vw, 2.5rem) !important;
        line-height: 1.08 !important;
    }

    body.operational-advantages-page header.hero p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
}


/* FIX: remove horizontal split issue */
body.operational-advantages-page header.hero .col-lg-9 {
    left: 0 !important;
    transform: none !important;
    text-align: center !important;
}

body.operational-advantages-page header.hero h1,
body.operational-advantages-page header.hero p.lead {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}



/* OPERATIONAL HERO FIX V4 - match actual HTML structure */
body.operational-advantages-page header.hero {
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

body.operational-advantages-page header.hero > .container {
    height: 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

body.operational-advantages-page header.hero > .container > h1 {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.55rem, 4.3vw, 3.55rem) !important;
}

body.operational-advantages-page header.hero > .container > p.lead {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.15rem !important;
}

body.operational-advantages-page header.hero > .container > p.lead .hero-one-line {
    display: inline !important;
}

@media (max-width: 768px) {
    body.operational-advantages-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.operational-advantages-page header.hero > .container {
        height: auto !important;
        max-width: 100% !important;
    }

    body.operational-advantages-page header.hero > .container > h1 {
        max-width: 340px !important;
        font-size: clamp(2.0rem, 8vw, 2.5rem) !important;
        line-height: 1.08 !important;
    }

    body.operational-advantages-page header.hero > .container > p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
}


/* EASY DEPLOYMENT HERO FIX */
body.easy-deployment-page header.hero {
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

body.easy-deployment-page header.hero > .container {
    height: 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

body.easy-deployment-page header.hero > .container > h1 {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.55rem, 4.3vw, 3.55rem) !important;
}

body.easy-deployment-page header.hero > .container > p.lead {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.15rem !important;
}

@media (max-width: 768px) {
    body.easy-deployment-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.easy-deployment-page header.hero > .container {
        height: auto !important;
        max-width: 100% !important;
    }

    body.easy-deployment-page header.hero > .container > h1 {
        max-width: 340px !important;
        font-size: clamp(2.0rem, 8vw, 2.5rem) !important;
        line-height: 1.08 !important;
    }

    body.easy-deployment-page header.hero > .container > p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
}


/* SYSTEM COMPONENTS HERO FIX */
body.system-components-page header.hero {
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

body.system-components-page header.hero > .container {
    height: 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

body.system-components-page header.hero > .container > h1 {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.55rem, 4.3vw, 3.55rem) !important;
}

body.system-components-page header.hero > .container > p.lead {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.15rem !important;
}

@media (max-width: 768px) {
    body.system-components-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.system-components-page header.hero > .container {
        height: auto !important;
        max-width: 100% !important;
    }

    body.system-components-page header.hero > .container > h1 {
        max-width: 340px !important;
        font-size: clamp(2.0rem, 8vw, 2.5rem) !important;
        line-height: 1.08 !important;
    }

    body.system-components-page header.hero > .container > p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
}


/* KNOWLEDGE CENTRE HERO FIX */
body.knowledge-centre-page header.hero {
    height: 480px !important;
    min-height: 480px !important;
    padding: 72px 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

body.knowledge-centre-page header.hero > .container {
    height: 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

body.knowledge-centre-page header.hero > .container > h1 {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto 16px !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: clamp(2.55rem, 4.3vw, 3.55rem) !important;
}

body.knowledge-centre-page header.hero > .container > p.lead {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.15rem !important;
}

@media (max-width: 768px) {
    body.knowledge-centre-page header.hero {
        height: auto !important;
        min-height: 400px !important;
        padding: 92px 0 36px !important;
        align-items: flex-start !important;
    }

    body.knowledge-centre-page header.hero > .container {
        height: auto !important;
        max-width: 100% !important;
    }

    body.knowledge-centre-page header.hero > .container > h1 {
        max-width: 340px !important;
        font-size: clamp(2.0rem, 8vw, 2.5rem) !important;
        line-height: 1.08 !important;
    }

    body.knowledge-centre-page header.hero > .container > p.lead {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
}


/* Home hero background rotation */
body.home-page .hero{
  position:relative;
  color:#fff;
  padding:120px 0 90px;
  overflow:hidden;
  background:none !important;
}
body.home-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(10,30,50,.55);
  z-index:1;
}
body.home-page .hero > .container{
  position:relative;
  z-index:2;
}
body.home-page .hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity 1.5s ease-in-out;
  z-index:0;
}
body.home-page .hero-bg-1{background-image:url('../img/hero/hero-1.jpg');}
body.home-page .hero-bg-2{background-image:url('../img/hero/hero-2.jpg');}
body.home-page .hero-bg-3{background-image:url('../img/hero/hero-3.jpg');}
body.home-page .hero-bg.active{opacity:1;}



/* Easy deployment section balance */
.feature-visual{
  max-width: 520px;
}
.feature-copy ul{
  margin-bottom: 0;
}


/* Easy Deployment page: slight desktop-only increase for right-hand visual cards */
body.easy-deployment-page .feature-visual{
  max-width: 578px;
}
body.easy-deployment-page .connectivity-visual{
  max-width: 555px;
}

/* WIDTH OPTIMISATION – desktop only */
@media (min-width: 1200px){
  .container{
    max-width: 1340px !important;
  }

  .section-sub,
  .architecture-intro{
    max-width: 1020px;
  }

  .card-adv,
  .strategy-box,
  .contact-box,
  .component-box,
  .cost-box,
  .architecture-copy,
  .knowledge-accordion .accordion-card,
  .cta-band{
    border-radius: 18px;
  }

  .card-adv{
    padding: 18px;
  }

  .strategy-box,
  .contact-box,
  .component-box,
  .cost-box,
  .architecture-copy{
    padding: 32px;
  }

  .component-box img{
    max-height: 248px !important;
    width: auto;
  }

  .feature-media-layout,
  .connectivity-layout{
    gap: 2.5rem;
  }

  .feature-copy{
    flex: 0 0 48%;
    max-width: 48%;
  }

  .feature-visual-wrap{
    flex: 0 0 52%;
    max-width: 52%;
  }

  .feature-visual{
    max-width: 650px;
    padding: 14px 16px;
  }

  .connectivity-copy{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .connectivity-visual-wrap{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .connectivity-visual{
    max-width: 620px;
    padding: 14px 16px;
  }

  .compare-graphic{
    border-radius: 24px !important;
  }

  body.home-page header.hero .col-lg-9{
    max-width: 1020px !important;
  }

  body.home-page header.hero h1{
    max-width: 860px !important;
  }

  body.home-page header.hero p.lead{
    max-width: 790px !important;
  }

  body.operational-advantages-page header.hero .col-lg-9,
  body.easy-deployment-page header.hero .col-lg-9,
  body.system-components-page header.hero .col-lg-9,
  body.knowledge-centre-page header.hero .col-lg-9{
    max-width: 1020px !important;
  }

  body.operational-advantages-page header.hero h1,
  body.easy-deployment-page header.hero h1,
  body.system-components-page header.hero h1,
  body.knowledge-centre-page header.hero h1{
    max-width: 860px !important;
  }

  body.operational-advantages-page header.hero p.lead,
  body.easy-deployment-page header.hero p.lead,
  body.system-components-page header.hero p.lead,
  body.knowledge-centre-page header.hero p.lead{
    max-width: 800px !important;
  }
}

@media (min-width: 1600px){
  .container{
    max-width: 1420px !important;
  }

  .feature-visual{
    max-width: 700px;
  }

  .connectivity-visual{
    max-width: 660px;
  }
}


/* HEADER CLARITY PASS */
.navbar{
  padding-top:.72rem;
  padding-bottom:.72rem;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}

.navbar-brand{
  font-size:1.65rem;
  font-weight:600;
  letter-spacing:.01em;
}

.navbar-brand img{
  height:42px;
  margin-right:12px;
}

.navbar .navbar-nav .nav-link{
  font-size:1.08rem;
  font-weight:500;
  padding-left:.9rem;
  padding-right:.9rem;
  color:rgba(255,255,255,.95) !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus{
  color:#ffffff !important;
}

.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active{
  color:#ffffff !important;
  font-weight:600;
}

@media (max-width: 1199.98px){
  .navbar .navbar-nav .nav-link{
    font-size:1rem;
    padding-left:.65rem;
    padding-right:.65rem;
  }
}

@media (max-width: 991.98px){
  .navbar{
    padding-top:.55rem;
    padding-bottom:.55rem;
  }

  .navbar-brand{
    font-size:1.4rem;
  }

  .navbar-brand img{
    height:38px;
    margin-right:10px;
  }

  .navbar .navbar-nav .nav-link{
    font-size:1rem;
    padding:.55rem 0;
  }
}