:root{
  --navy:#072538;
  --navy2:#0d3348;
  --ink:#112c3c;
  --muted:#667b84;
  --cyan:#0099c7;
  --blue:#0f78a8;
  --lime:#86c63a;
  --green:#5d9d38;
  --forest:#153d2e;
  --teal:#118c8d;
  --violet:#6654b6;
  --gold:#b38b3f;
  --paper:#f7f9f5;
  --paper2:#eef4f0;
  --line:#dce6e1;
  --white:#fff;
  --radius:24px;
  --max:1240px;
  --shadow:0 22px 55px rgba(14,46,58,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.62
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:15px;top:10px;background:#fff;padding:10px 14px;z-index:9999}
.eyebrow{display:inline-block;font-size:.72rem;font-weight:850;letter-spacing:.16em;color:#1687a7}
.eyebrow.lime{color:var(--green)}
.section{padding:96px 0}
.soft{background:var(--paper)}
.section-heading{margin-bottom:44px}
.section-heading.centered{text-align:center}
.section-heading.centered p{margin-inline:auto}
.section-heading h2,.split-copy h2,.cta-inner h2{
  font-size:clamp(2.25rem,4vw,4.1rem);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:.55rem 0 1.1rem
}
.section-heading p{max-width:760px;color:var(--muted);font-size:1.02rem}
.split-copy p{color:#5f737c;font-size:1.02rem}
.btn{
  display:inline-flex;align-items:center;gap:14px;
  padding:14px 20px;border-radius:999px;
  font-weight:800;font-size:.86rem
}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 25px rgba(7,37,56,.18)}
.btn-primary:hover{background:#0b3147}
.btn-outline{border:1px solid #a7bcc5;color:#24556a}
.text-link{font-weight:800;color:#087ca9;display:inline-flex;gap:10px;align-items:center}

/* =========================================================
   THEME B HEADER — LIGHT, CLEAN, NO UNDERLINE, NO OVERLAP
   ========================================================= */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  padding:0;
  background:rgba(255,255,255,.98);
  border-top:4px solid transparent;
  border-image:linear-gradient(90deg,var(--cyan),var(--lime),var(--cyan)) 1;
  border-bottom:1px solid #e2ebe7;
  box-shadow:0 10px 30px rgba(18,51,62,.06);
  backdrop-filter:blur(16px)
}
.site-header.scrolled{
  position:sticky;
  top:0;
  background:rgba(255,255,255,.96);
  padding:0;
  box-shadow:0 14px 36px rgba(18,51,62,.09)
}
.nav-wrap{
  width:min(1400px,calc(100% - 36px));
  min-height:88px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:24px
}
.brand{flex:0 0 182px;display:flex;align-items:center}
.brand-panel{
  width:182px;height:auto;min-height:0;
  background:transparent;border:0;border-radius:0;
  padding:0;box-shadow:none;display:flex;align-items:center
}
.brand-panel img{width:100%;max-height:68px;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;height:100%}
.nav-item{position:static}
.nav-link,.simple-nav{
  appearance:none;border:0;background:transparent;
  color:#173747;
  font-size:.82rem;font-weight:750;
  padding:12px 12px;
  border-radius:999px;
  cursor:pointer;white-space:nowrap;
  transition:background .18s ease,color .18s ease
}
.nav-link span{
  display:inline-block;
  margin-left:6px;
  opacity:.75;
  color:#66828e;
  font-size:.66rem;
  line-height:1
}
.nav-link:hover,.simple-nav:hover,.nav-link.active{
  color:#075f82;
  background:#edf6f7
}
.nav-link.active{box-shadow:inset 0 0 0 1px #d7e9eb}
.nav-actions{display:flex;align-items:center;gap:10px}
.search-btn{
  width:42px;height:42px;border:1px solid #d3e1e5;border-radius:50%;
  background:#fff;color:#173747;font-size:1.2rem;cursor:pointer
}
.search-btn:hover{border-color:#59b8d2;color:#087ea5;background:#f5fbfc}
.partner-btn{
  padding:12px 17px;border:0;border-radius:999px;
  color:#fff;background:linear-gradient(135deg,#0b728f,#0aa2c6);
  font-weight:800;font-size:.8rem;white-space:nowrap;
  box-shadow:0 9px 20px rgba(0,125,164,.16)
}
.partner-btn:hover{transform:translateY(-1px)}
.mega-menu{
  position:absolute;left:50%;top:88px;
  transform:translate(-50%,10px);
  width:min(1080px,calc(100vw - 60px));
  background:#fff;
  border:1px solid #dde7e4;
  box-shadow:0 28px 65px rgba(17,45,57,.14);
  border-radius:0 0 20px 20px;
  padding:30px;
  display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:.18s;color:var(--ink)
}
.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.mega-intro{padding-right:28px;border-right:1px solid var(--line)}
.mega-intro h3{font-size:1.6rem;line-height:1.2;margin:.55rem 0 1.15rem}
.mega-intro>a{font-weight:800;color:#087ca9}
.mega-col{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.mega-col a{
  padding:7px 8px;border-radius:8px;
  font-size:.88rem;font-weight:650;color:#284654
}
.mega-col a:hover{color:#087da4;background:#f0f7f7}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #d8e4e6;border-radius:10px;background:#fff}
.menu-toggle span{display:block;width:23px;height:2px;background:#173747;margin:5px auto}
.mobile-menu{display:none}

/* search */
.search-panel{
  position:fixed;inset:0;background:rgba(5,27,39,.96);z-index:1300;
  display:grid;place-items:center;color:#fff;opacity:0;visibility:hidden;transition:.25s;padding:30px
}
.search-panel.open{opacity:1;visibility:visible}
.search-panel>button{position:absolute;right:28px;top:20px;border:0;background:transparent;color:#fff;font-size:2.4rem}
.search-panel>div{width:min(780px,100%)}
.search-panel h2{font-size:clamp(2.3rem,5vw,4rem);margin:.5rem 0 1.5rem}
.search-panel input{
  width:100%;padding:18px 20px;border:1px solid #35566a;background:#0c3348;color:#fff;
  border-radius:12px;font-size:1.05rem;outline:none
}
.search-results{display:grid;gap:7px;margin-top:14px}
.search-results a{padding:10px 12px;background:#103b51;border-radius:8px;color:#d7e5ed}

/* =========================================================
   HOME HERO — LIGHT EDITORIAL / IMAGE-RIGHT
   ========================================================= */
.home-hero{
  min-height:730px;
  position:relative;
  overflow:hidden;
  color:var(--ink);
  padding:76px 0 82px;
  background:
    radial-gradient(circle at 15% 10%,rgba(134,198,58,.10),transparent 28%),
    linear-gradient(135deg,#fbfcf8 0%,#f1f7f3 100%)
}
.home-hero::before{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  border:1px solid rgba(0,153,199,.10);left:-260px;bottom:-300px;
  box-shadow:0 0 0 70px rgba(0,153,199,.025),0 0 0 140px rgba(134,198,58,.018)
}
.home-hero-grid{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center;position:relative;z-index:2
}
.home-hero h1{
  font-size:clamp(3.7rem,6vw,6.6rem);line-height:.94;letter-spacing:-.065em;
  margin:.75rem 0 1.35rem;color:var(--navy)
}
.home-hero h1 span{color:var(--green)}
.home-hero p{color:#5c717b;max-width:680px;font-size:1.1rem}
.hero-actions{display:flex;gap:13px;margin:28px 0 40px}
.hero-proof{display:flex;gap:28px;flex-wrap:wrap}
.hero-proof div{display:flex;gap:10px;align-items:flex-start}
.hero-proof strong{font-size:1.55rem;color:var(--navy)}
.hero-proof span{font-size:.69rem;line-height:1.45;text-transform:uppercase;letter-spacing:.06em;color:#71848c}
.hero-frame{
  height:570px;border-radius:44px 8px 44px 8px;overflow:hidden;
  box-shadow:0 30px 70px rgba(13,50,62,.16);position:relative;background:#e8f0ed
}
.hero-frame img{width:100%;height:100%;object-fit:cover}
.hero-frame::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,22,33,.28),transparent 42%)
}
.hero-badge{
  position:absolute;left:24px;bottom:24px;z-index:2;
  background:rgba(255,255,255,.93);backdrop-filter:blur(12px);
  padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.7);
  color:#244553;font-size:.74rem;box-shadow:0 10px 24px rgba(0,0,0,.08)
}
.home-intro{display:grid;grid-template-columns:1fr .9fr;gap:90px}
.home-intro h2{
  font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:1.02;letter-spacing:-.05em;margin:.55rem 0
}
.home-intro h2 span{color:#0b8fb8}
.home-intro p{color:#607482;font-size:1.03rem}
.ecosystem-home{background:var(--paper)}
.ecosystem-home .brand-showcase{margin-top:40px}
.innovation-dark{
  background:linear-gradient(135deg,#0b2b3f,#113f49);
  color:#fff
}
.innovation-dark .section-heading p{color:#c0d0d3}
.innovation-dark .process-grid div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
.innovation-dark .process-grid{border-color:rgba(255,255,255,.12)}
.innovation-dark .process-grid strong{color:#fff}
.innovation-dark .process-grid span{color:#b9c9cd}

/* =========================================================
   INNER PAGE HERO — EDITORIAL SPLIT
   ========================================================= */
.page-hero{
  min-height:510px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  color:var(--ink);
  padding:72px 0;
  background:linear-gradient(135deg,#fbfcf8 0%,#edf4ef 100%)
}
.page-hero-bg{
  position:absolute;
  right:0;top:0;bottom:0;
  width:49%;
  overflow:hidden;
  border-radius:0 0 0 70px;
  box-shadow:-18px 0 55px rgba(16,48,60,.10)
}
.page-hero-bg img{width:100%;height:100%;object-fit:cover}
.page-hero-bg>div{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(247,249,245,.30),rgba(247,249,245,.02) 35%,rgba(4,25,37,.08))
}
.page-hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;padding-right:55%}
.breadcrumbs{display:flex;gap:9px;align-items:center;color:#758890;font-size:.78rem;margin-bottom:24px}
.page-hero h1{
  font-size:clamp(3.3rem,6.5vw,6.2rem);line-height:.95;letter-spacing:-.06em;
  margin:.65rem 0 1.15rem;max-width:760px;color:var(--navy)
}
.page-hero p{font-size:1.08rem;color:#5f747d;max-width:650px}

/* =========================================================
   SHARED CONTENT
   ========================================================= */
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.split-section.reverse{direction:rtl}
.split-section.reverse>*{direction:ltr}
.split-media{height:520px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.split-media img{width:100%;height:100%;object-fit:cover}
.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.check-list li{position:relative;padding-left:29px;color:#375366}
.check-list li:before{content:"✓";position:absolute;left:0;top:1px;color:var(--green);font-weight:900}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;
  box-shadow:0 10px 28px rgba(4,25,43,.04);transition:.25s
}
.info-card:hover{transform:translateY(-4px);border-color:#c8dbd4;box-shadow:0 20px 44px rgba(4,25,43,.08)}
.info-icon{
  width:48px;height:48px;border-radius:16px;
  background:linear-gradient(135deg,#edf8f8,#f1f7e8);
  display:grid;place-items:center;color:#0787b4;font-weight:900;margin-bottom:18px
}
.info-card h3{font-size:1.22rem;line-height:1.2;margin:0 0 9px}
.info-card p{font-size:.9rem;color:#667a87;margin:0 0 10px}
.info-card a{font-size:.79rem;font-weight:850;color:#087ca9}
.quote-band{background:linear-gradient(135deg,#143c2d,#0b3445);color:#fff;padding:76px 0}
.quote-band .container{max-width:900px;text-align:center}
.quote-band span{font:700 5rem Georgia;color:var(--lime);line-height:.5}
.quote-band blockquote{font-size:clamp(1.8rem,3vw,3rem);line-height:1.22;margin:10px 0 16px;letter-spacing:-.035em}
.quote-band small{color:#b7cac6}
.stats-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid div{padding:30px 25px;text-align:center;border-right:1px solid var(--line)}
.stats-grid div:last-child{border-right:0}
.stats-grid strong{display:block;font-size:2rem;color:#087da9}
.stats-grid span{font-size:.78rem;color:#677c89;text-transform:uppercase;letter-spacing:.06em}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}
.timeline-item{
  padding:26px;border-radius:18px;background:#fff;border:1px solid var(--line);
  border-top:4px solid #62a542;box-shadow:0 12px 30px rgba(4,25,43,.05)
}
.timeline-item b{color:#0b8eb6;font-size:.74rem;letter-spacing:.08em}
.timeline-item h3{margin:7px 0 9px;font-size:1.12rem}
.timeline-item p{font-size:.87rem;color:#687c89;margin:0}
.mosaic{display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-auto-rows:250px;gap:14px}
.mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:20px}
.mosaic figure:first-child{grid-row:span 2}
.mosaic img{width:100%;height:100%;object-fit:cover}
.mosaic figcaption{
  position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);
  color:#1d3a47;padding:7px 10px;border-radius:999px;font-size:.72rem
}
.cta-band{background:linear-gradient(135deg,#f1f7ef,#e8f1eb);color:var(--ink);padding:78px 0;border-top:1px solid #dbe6df}
.cta-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.cta-inner h2{margin:.5rem 0 .8rem}
.cta-inner p{color:#64777e;max-width:750px}
.brand-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.brand-card{
  border-radius:26px;overflow:hidden;min-height:500px;color:#fff;position:relative;
  box-shadow:var(--shadow);transition:.25s
}
.brand-card:hover{transform:translateY(-5px)}
.brand-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.brand-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,18,30,.94) 0,rgba(3,18,30,.38) 54%,rgba(3,18,30,.03))
}
.brand-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px}
.brand-card h3{font-size:2rem;margin:4px 0 8px}
.brand-card p{color:#d2dde2;font-size:.9rem}
.brand-card a,.brand-card>div>span:last-child{font-weight:800;color:#9be35d}
.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.leader-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.leader-card img{width:100%;height:300px;object-fit:cover;background:#eef4f6}
.leader-card .leader-body{padding:22px}
.leader-card h3{margin:0 0 4px;font-size:1.22rem}
.leader-card strong{display:block;color:#1a8cad;font-size:.78rem;margin-bottom:10px}
.leader-card p{font-size:.86rem;color:#667b88;margin:0}
.avatar{
  height:300px;background:linear-gradient(135deg,#0b3150,#0a8190);
  display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:800
}
.process-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:42px;
  border:1px solid var(--line);border-radius:22px;overflow:hidden
}
.process-grid div{padding:28px 17px;border-right:1px solid var(--line);background:#fff}
.process-grid div:last-child{border-right:0}
.process-grid b{display:block;color:#0c8fb6;font-size:.7rem}
.process-grid strong{display:block;margin:9px 0 7px}
.process-grid span{display:block;color:#6d808d;font-size:.75rem;line-height:1.4}
.external-link{display:inline-flex;align-items:center;gap:8px;color:#087da8;font-weight:850}
.notice{background:#fff8e7;border:1px solid #f0d89d;border-radius:12px;padding:15px 17px;color:#71581f;font-size:.87rem}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 15px 38px rgba(4,25,43,.05)}
.contact-list{display:grid;gap:18px}
.contact-list div{border-bottom:1px solid var(--line);padding-bottom:17px}
.contact-list div:last-child{border:0}
.contact-list small{display:block;color:#7b8c97;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.contact-list strong{font-size:1rem}
.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form .full{grid-column:1/-1}
.form label{display:block;font-size:.75rem;font-weight:800;color:#536a79;margin-bottom:6px}
.form input,.form select,.form textarea{
  width:100%;padding:13px 14px;border:1px solid #cfdee5;border-radius:10px;font:inherit;background:#fff
}
.form textarea{min-height:140px;resize:vertical}
.form button{border:0;cursor:pointer}
.brand-identity{padding:28px 0;border-bottom:1px solid var(--line);background:#fff}
.brand-identity .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-identity img{max-height:82px;max-width:260px;object-fit:contain}
.brand-identity p{margin:0;max-width:700px;color:#657a88;font-size:.9rem}

/* footer */
.footer{background:#0a2634;color:#b9c8cd;padding-top:70px}
.footer-main{display:grid;grid-template-columns:1.35fr repeat(3,.75fr) 1.15fr;gap:38px;padding-bottom:50px}
.footer-logo-wrap{width:190px;background:#fff;border-radius:14px;padding:9px;margin-bottom:16px}
.footer-brand p{font-size:.82rem;max-width:290px}
.socials{display:flex;gap:8px;margin-top:18px}
.socials a{width:31px;height:31px;border-radius:50%;border:1px solid #3c5965;display:grid;place-items:center;font-size:.72rem}
.footer-col{display:flex;flex-direction:column;gap:8px}
.footer-col h4{color:#fff;font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;margin:0 0 9px}
.footer-col a,.footer-col p{font-size:.77rem;color:#b4c6cc;margin:0}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid #28434f;padding:20px 0 27px;display:flex;justify-content:space-between;font-size:.7rem}
.footer-bottom div{display:flex;gap:20px}

/* responsive */
@media(max-width:1240px){
  .nav-wrap{gap:16px}
  .nav-link,.simple-nav{padding:10px 9px;font-size:.77rem}
  .brand,.brand-panel{flex-basis:165px;width:165px}
}
@media(max-width:1180px){
  .desktop-nav{display:none}
  .menu-toggle{display:block}
  .nav-wrap{justify-content:space-between}
  .nav-actions{margin-left:auto}
  .mobile-menu{
    position:fixed;inset:0;top:0;background:#fff;z-index:-1;
    opacity:0;visibility:hidden;display:block;transition:.25s;
    padding:110px 25px 30px;overflow:auto
  }
  .mobile-menu.open{opacity:1;visibility:visible;z-index:995}
  .mobile-inner{max-width:720px;margin:auto;display:flex;flex-direction:column;gap:7px}
  .mobile-inner details{border-bottom:1px solid #dfe8e4;padding:10px 0}
  .mobile-inner summary{color:var(--ink);font-size:1.05rem;font-weight:800;cursor:pointer;list-style:none}
  .mobile-inner details a,.mobile-inner>a{display:block;color:#54707b;padding:7px 4px}
  .mobile-partner{background:var(--navy);color:#fff!important;border-radius:999px;padding:12px 15px!important;text-align:center}
  .home-hero-grid{gap:36px}
  .home-hero h1{font-size:4.6rem}
  .footer-main{grid-template-columns:1.3fr repeat(2,1fr)}
  .brand-showcase{grid-template-columns:1fr 1fr}
  .leadership-grid{grid-template-columns:1fr 1fr}
  .info-grid{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .process-grid{overflow:auto;justify-content:flex-start}
  .process-grid div{min-width:170px}
}
@media(max-width:820px){
  .container{width:min(100% - 30px,var(--max))}
  .brand,.brand-panel{width:150px;flex-basis:150px}
  .partner-btn,.search-btn{display:none}
  .page-hero{min-height:auto;padding:54px 0 0;display:block}
  .page-hero-bg{position:relative;width:100%;height:340px;border-radius:36px 36px 0 0;box-shadow:none;margin-top:35px}
  .page-hero-inner{padding-right:0}
  .page-hero h1{font-size:clamp(3rem,12vw,5rem)}
  .split-section,.contact-grid,.cta-inner,.home-hero-grid,.home-intro{grid-template-columns:1fr;gap:40px}
  .split-section.reverse{direction:ltr}
  .split-media{height:390px}
  .section{padding:74px 0}
  .info-grid,.leadership-grid,.brand-showcase{grid-template-columns:1fr}
  .brand-card{min-height:430px}
  .timeline{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stats-grid div:nth-child(2){border-right:0}
  .stats-grid div{border-bottom:1px solid var(--line)}
  .mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .mosaic figure:first-child{grid-row:span 1}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-brand,.contact-col{grid-column:1/-1}
  .footer-bottom{flex-direction:column;gap:10px}
  .home-hero{min-height:auto;padding:55px 0 76px}
  .home-hero-grid{padding-top:0}
  .hero-frame{height:430px}
  .hero-proof{gap:18px}
  .hero-proof div{width:calc(50% - 10px)}
}
@media(max-width:520px){
  .container{width:min(100% - 24px,var(--max))}
  .nav-wrap{width:calc(100% - 18px)}
  .brand,.brand-panel{width:135px;flex-basis:135px}
  .page-hero h1{font-size:3.2rem}
  .section-heading h2,.split-copy h2,.cta-inner h2,.home-intro h2{font-size:2.55rem}
  .split-media{height:330px}
  .info-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .stats-grid div{border-right:0}
  .mosaic{grid-template-columns:1fr;grid-auto-rows:240px}
  .form{grid-template-columns:1fr}
  .form .full{grid-column:auto}
  .footer-main{grid-template-columns:1fr}
  .footer-brand,.contact-col{grid-column:auto}
  .home-hero h1{font-size:3.45rem}
  .hero-actions{flex-direction:column}
  .hero-frame{height:350px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr}
  .hero-proof div{width:auto}
  .brand-identity .container{align-items:flex-start;flex-direction:column}
  .brand-identity img{max-height:70px}
}
/* ==========================================================
   HOME HERO — FULL BACKGROUND IMAGE
   ========================================================== */

.home-hero-bg {
    position: relative;
    min-height: 760px;
    overflow: hidden;
    color: #ffffff;
    background-image: url("images/Home Page Bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #061a2c;
}


/* ==========================================================
   OVERLAY

   The original image already has a dark left side, so this
   overlay is intentionally subtle.
   ========================================================== */

.home-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(4, 22, 38, .66) 0%, rgba(4, 22, 38, .48) 30%, rgba(4, 22, 38, .24) 48%, rgba(4, 22, 38, .04) 70%, rgba(4, 22, 38, 0) 100% );
}


/* subtle bottom darkening */

.home-hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient( 180deg, rgba(2, 16, 28, .06) 0%, rgba(2, 16, 28, 0) 55%, rgba(2, 16, 28, .22) 100% );
}


/* ==========================================================
   CONTENT CONTAINER
   ========================================================== */

.home-hero-bg-inner {
    position: relative;
    z-index: 2;
    min-height: 760px;
    display: flex;
    align-items: center;
    padding-top: 70px;
    padding-bottom: 60px;
}


.home-hero-bg-content {
    width: 53%;
    max-width: 720px;
}


/* ==========================================================
   EYEBROW
   ========================================================== */

.home-hero-bg .eyebrow {
    margin-bottom: 20px;
    color: #8bcf36;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}


/* ==========================================================
   TITLE
   ========================================================== */

.home-hero-bg h1 {
    max-width: 720px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(4rem, 5.6vw, 6.5rem);
    line-height: .95;
    letter-spacing: -.055em;
    font-weight: 850;
}


    .home-hero-bg h1 span {
        color: #8bcf36;
    }


/* ==========================================================
   DESCRIPTION
   ========================================================== */

.home-hero-bg-content > p {
    max-width: 650px;
    margin: 0;
    color: #d7e5ec;
    font-size: 1.08rem;
    line-height: 1.72;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.home-hero-bg .hero-actions {
    display: flex;
    gap: 14px;
    margin-top: 30px;
    margin-bottom: 0;
}


.home-hero-bg .btn-primary {
    background: linear-gradient( 135deg, #058fbe, #0aa8d5 );
    color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 147, 198, .22);
}


.hero-outline-btn {
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.46);
    background: rgba(5, 29, 47, .22);
    backdrop-filter: blur(5px);
    border-radius: 10px;
}


    .hero-outline-btn:hover {
        color: #ffffff;
        border-color: rgba(255,255,255,.8);
        background: rgba(255,255,255,.08);
    }


/* ==========================================================
   HERO NUMBERS
   ========================================================== */

.home-hero-bg .hero-proof {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 48px;
}


    .home-hero-bg .hero-proof > div {
        min-width: 160px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding-right: 26px;
        margin-right: 26px;
        border-right: 1px solid rgba(255,255,255,.18);
    }


        .home-hero-bg .hero-proof > div:last-child {
            padding-right: 0;
            margin-right: 0;
            border-right: 0;
        }


    .home-hero-bg .hero-proof strong {
        color: #8bcf36;
        font-size: 1.9rem;
        font-weight: 850;
        line-height: 1;
    }


    .home-hero-bg .hero-proof span {
        color: #a9bdc8;
        font-size: .7rem;
        line-height: 1.45;
        letter-spacing: .065em;
        text-transform: uppercase;
    }


/* ==========================================================
   LAPTOP / TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .home-hero-bg {
        background-position: 62% center;
    }


    .home-hero-overlay {
        background: linear-gradient( 90deg, rgba(4,22,38,.88) 0%, rgba(4,22,38,.76) 45%, rgba(4,22,38,.35) 72%, rgba(4,22,38,.08) 100% );
    }


    .home-hero-bg-content {
        width: 65%;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .home-hero-bg {
        min-height: 720px;
        background-position: 68% center;
    }


    .home-hero-overlay {
        background: linear-gradient( 90deg, rgba(4,22,38,.96) 0%, rgba(4,22,38,.90) 60%, rgba(4,22,38,.66) 100% );
    }


    .home-hero-bg-inner {
        min-height: 720px;
        align-items: flex-end;
        padding-top: 120px;
        padding-bottom: 55px;
    }


    .home-hero-bg-content {
        width: 100%;
        max-width: 620px;
    }


    .home-hero-bg h1 {
        font-size: clamp(3.1rem, 13vw, 5rem);
    }


    .home-hero-bg-content > p {
        font-size: 1rem;
        line-height: 1.65;
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 520px) {

    .home-hero-bg {
        background-position: 72% center;
    }


        .home-hero-bg .hero-actions {
            flex-direction: column;
        }


            .home-hero-bg .hero-actions .btn {
                width: 100%;
                justify-content: center;
            }


        .home-hero-bg .hero-proof {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            margin-top: 36px;
        }


            .home-hero-bg .hero-proof > div {
                min-width: 0;
                display: block;
                margin-right: 0;
                padding: 0 10px;
                border-right: 1px solid rgba(255,255,255,.16);
            }


                .home-hero-bg .hero-proof > div:first-child {
                    padding-left: 0;
                }


            .home-hero-bg .hero-proof strong {
                display: block;
                margin-bottom: 6px;
                font-size: 1.55rem;
            }


            .home-hero-bg .hero-proof span {
                font-size: .57rem;
            }
}
/* =========================================================
   CLOUT BIO — SPECIALIZED PLATFORMS
   ========================================================= */

.clout-platforms {
    position: relative;
    padding: 105px 0 95px;
    overflow: hidden;
    background: radial-gradient( circle at 50% 0%, rgba(0, 150, 190, .055), transparent 32% ), #f7faf8;
}


    /* subtle biotechnology pattern */

    .clout-platforms::before {
        content: "";
        position: absolute;
        width: 580px;
        height: 580px;
        left: -330px;
        top: 100px;
        border-radius: 50%;
        border: 1px solid rgba(0, 134, 175, .055);
        box-shadow: 0 0 0 75px rgba(0, 134, 175, .018), 0 0 0 150px rgba(117, 178, 58, .012);
        pointer-events: none;
    }



/* =========================================================
   HEADING
   ========================================================= */

.clout-platforms-heading {
    max-width: 900px;
    margin: 0 auto 58px;
    text-align: center;
}


.clout-platforms-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: #0785ad;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}


.clout-platforms-heading h2 {
    margin: 0 0 20px;
    color: #0b2a3a;
    font-size: clamp(2.8rem, 4.8vw, 5rem);
    line-height: 1.02;
    letter-spacing: -.05em;
}


    .clout-platforms-heading h2 span {
        color: #5d9f38;
    }


.clout-platforms-heading p {
    max-width: 780px;
    margin: 0 auto;
    color: #60747e;
    font-size: 1.05rem;
    line-height: 1.75;
}



/* =========================================================
   GRID
   ========================================================= */

.clout-platforms-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    z-index: 2;
}



/* =========================================================
   CARD
   ========================================================= */

.clout-platform-card {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    padding: 0 30px 30px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dfe9e5;
    border-radius: 26px;
    box-shadow: 0 18px 48px rgba(12, 42, 53, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}


    .clout-platform-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 28px 65px rgba(12, 42, 53, .12);
    }



    /* top accent */

    .clout-platform-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
    }


.clout-platform-pristine::before {
    background: linear-gradient( 90deg, #57a62e, #a5cf45 );
}


.clout-platform-microbbox::before {
    background: linear-gradient( 90deg, #5b9d35, #a87b32 );
}


.clout-platform-cbcri::before {
    background: linear-gradient( 90deg, #12325e, #d9ad3c );
}



/* =========================================================
   LOGO PANEL
   ========================================================= */

.clout-platform-logo {
    height: 175px;
    margin: 5px -30px 27px;
    padding: 30px 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( 180deg, #ffffff, #f8faf9 );
    border-bottom: 1px solid #e4ece8;
}


    .clout-platform-logo img {
        display: block;
        max-width: 78%;
        max-height: 115px;
        width: auto;
        height: auto;
        object-fit: contain;
    }



/*
Pristine logo is wide.
Allow it to occupy more horizontal space.
*/

.clout-platform-pristine
.clout-platform-logo img {
    max-width: 88%;
}



/*
Microbbox logo tends to be more square.
*/

.clout-platform-microbbox
.clout-platform-logo img {
    max-height: 125px;
}



/*
CBCRI crest is vertical.
*/

.clout-platform-cbcri
.clout-platform-logo img {
    max-height: 130px;
    max-width: 70%;
}



/* =========================================================
   CATEGORY LABEL
   ========================================================= */

.clout-platform-type {
    margin-bottom: 8px;
    color: #1885a4;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .145em;
    text-transform: uppercase;
}


.clout-platform-pristine
.clout-platform-type {
    color: #5a9c35;
}


.clout-platform-microbbox
.clout-platform-type {
    color: #6b8d3a;
}


.clout-platform-cbcri
.clout-platform-type {
    color: #315184;
}



/* =========================================================
   CONTENT
   ========================================================= */

.clout-platform-card h3 {
    margin: 0 0 12px;
    color: #102e3e;
    font-size: 2rem;
    line-height: 1.1;
    letter-spacing: -.035em;
}


.clout-platform-intro {
    margin: 0 0 19px;
    color: #637780;
    font-size: .94rem;
    line-height: 1.7;
}



/* =========================================================
   FEATURE LIST
   ========================================================= */

.clout-platform-features {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 9px;
}


    .clout-platform-features li {
        position: relative;
        padding-left: 22px;
        color: #385363;
        font-size: .83rem;
    }


        .clout-platform-features li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #79b83d;
            box-shadow: 0 0 0 4px rgba(121,184,61,.10);
        }



/* =========================================================
   ACTIONS
   ========================================================= */

.clout-platform-actions {
    margin-top: auto;
    padding-top: 21px;
    border-top: 1px solid #e1eae6;
    display: flex;
    flex-direction: column;
    gap: 11px;
}


.clout-platform-primary {
    min-height: 46px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    background: #0c3144;
    color: #ffffff;
    font-size: .8rem;
    font-weight: 800;
    transition: background .2s ease, transform .2s ease;
}


    .clout-platform-primary:hover {
        color: #ffffff;
        background: #087fa7;
        transform: translateY(-1px);
    }


.clout-platform-external {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px;
    color: #1781a1;
    font-size: .76rem;
    font-weight: 750;
}


    .clout-platform-external:hover {
        color: #075e7d;
    }



/* =========================================================
   PARENT ECOSYSTEM FOOTER
   ========================================================= */

.clout-platforms-footer {
    max-width: 920px;
    margin: 55px auto 0;
    padding: 24px 30px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 25px;
    background: #ffffff;
    border: 1px solid #dce7e2;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(9,40,53,.05);
}


.clout-platforms-footer-mark {
    color: #0786ac;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    white-space: nowrap;
}


.clout-platforms-footer p {
    margin: 0;
    color: #60747d;
    font-size: .84rem;
}


.clout-platforms-footer a {
    color: #087da4;
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

    .clout-platforms-grid {
        grid-template-columns: 1fr 1fr;
    }


    .clout-platform-cbcri {
        grid-column: 1 / -1;
        width: calc(50% - 11px);
        justify-self: center;
    }
}



@media (max-width: 760px) {

    .clout-platforms {
        padding: 75px 0;
    }


    .clout-platforms-heading {
        margin-bottom: 40px;
    }


    .clout-platforms-grid {
        grid-template-columns: 1fr;
    }


    .clout-platform-cbcri {
        grid-column: auto;
        width: auto;
    }


    .clout-platform-card {
        min-height: 0;
    }


    .clout-platforms-footer {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 10px;
    }
}



@media (max-width: 520px) {

    .clout-platform-card {
        padding: 0 22px 25px;
    }


    .clout-platform-logo {
        margin: 5px -22px 24px;
        height: 155px;
    }


    .clout-platforms-heading h2 {
        font-size: 2.7rem;
    }
}
/* =========================================================
   CLOUT BIO — INNOVATION LIFECYCLE
   ========================================================= */

.clout-lifecycle {
    position: relative;
    overflow: hidden;
    padding: 105px 0 100px;
    color: #ffffff;
    background: radial-gradient( circle at 88% 15%, rgba(0, 170, 210, .12), transparent 27% ), radial-gradient( circle at 10% 90%, rgba(126, 188, 57, .09), transparent 25% ), linear-gradient( 135deg, #08273a 0%, #103d4a 100% );
}



    /* subtle background rings */

    .clout-lifecycle::before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        right: -260px;
        bottom: -310px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.045);
        box-shadow: 0 0 0 70px rgba(255,255,255,.012), 0 0 0 140px rgba(255,255,255,.008);
        pointer-events: none;
    }



/* =========================================================
   HEADING
   ========================================================= */

.clout-lifecycle-heading {
    max-width: 850px;
    margin-bottom: 72px;
}


.clout-lifecycle-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: #8bcf36;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}


.clout-lifecycle-heading h2 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: 1;
    letter-spacing: -.055em;
}


    .clout-lifecycle-heading h2 span {
        color: #8bcf36;
    }


.clout-lifecycle-heading p {
    max-width: 760px;
    margin: 0;
    color: #bed0d8;
    font-size: 1.05rem;
    line-height: 1.75;
}



/* =========================================================
   PROCESS TRACK
   ========================================================= */

.clout-lifecycle-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}



    /*
Horizontal connector line
*/

    .clout-lifecycle-track::before {
        content: "";
        position: absolute;
        left: 7%;
        right: 7%;
        top: 39px;
        height: 1px;
        background: linear-gradient( 90deg, rgba(139,207,54,.7), rgba(35,178,211,.65) );
        z-index: 0;
    }



/* =========================================================
   STEP
   ========================================================= */

.clout-life-step {
    position: relative;
    z-index: 2;
    text-align: center;
}



/* =========================================================
   CIRCLE
   ========================================================= */

.clout-life-marker {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient( 145deg, #0d4157, #09293b );
    border: 2px solid rgba(113, 211, 236, .50);
    box-shadow: 0 0 0 9px rgba(29, 159, 194, .07), 0 15px 35px rgba(1, 14, 24, .23);
}


    .clout-life-marker::before {
        content: "";
        position: absolute;
        inset: 7px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.08);
    }


    .clout-life-marker span {
        position: relative;
        z-index: 2;
        color: #8bcf36;
        font-size: 15px;
        font-weight: 900;
        letter-spacing: .05em;
    }



/*
Alternate a few markers slightly
to create a premium visual rhythm.
*/

.clout-life-step:nth-child(2)
.clout-life-marker,
.clout-life-step:nth-child(5)
.clout-life-marker {
    border-color: rgba(139,207,54,.60);
}



/* =========================================================
   CONTENT
   ========================================================= */

.clout-life-content {
    max-width: 180px;
    margin: 0 auto;
}


    .clout-life-content h3 {
        margin: 0 0 10px;
        color: #ffffff;
        font-size: 1.12rem;
        letter-spacing: -.02em;
    }


    .clout-life-content p {
        margin: 0;
        color: #afc4cd;
        font-size: .81rem;
        line-height: 1.6;
    }



/* =========================================================
   BOTTOM FLOW INDICATOR
   ========================================================= */

.clout-lifecycle-note {
    margin-top: 65px;
    padding: 17px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    backdrop-filter: blur(6px);
}


    .clout-lifecycle-note span {
        color: #d3e0e5;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: .16em;
    }


.clout-life-arrow {
    position: relative;
    width: 38px;
    height: 1px;
    background: rgba(61,188,216,.48);
}


    .clout-life-arrow::after {
        content: "";
        position: absolute;
        right: 0;
        top: -3px;
        width: 6px;
        height: 6px;
        border-top: 1px solid #6ecfe5;
        border-right: 1px solid #6ecfe5;
        transform: rotate(45deg);
    }



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .clout-lifecycle-track {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 55px;
    }


        .clout-lifecycle-track::before {
            display: none;
        }


    .clout-lifecycle-note {
        display: none;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .clout-lifecycle {
        padding: 78px 0;
    }


    .clout-lifecycle-heading {
        margin-bottom: 50px;
    }


    .clout-lifecycle-track {
        grid-template-columns: 1fr;
        gap: 0;
    }


    .clout-life-step {
        display: grid;
        grid-template-columns: 78px 1fr;
        gap: 20px;
        align-items: start;
        padding-bottom: 36px;
        text-align: left;
    }


        .clout-life-step::after {
            content: "";
            position: absolute;
            left: 39px;
            top: 75px;
            bottom: 0;
            width: 1px;
            background: rgba(61,188,216,.24);
        }


        .clout-life-step:last-child::after {
            display: none;
        }


    .clout-life-marker {
        width: 72px;
        height: 72px;
        margin: 0;
    }


    .clout-life-content {
        max-width: none;
        padding-top: 7px;
        margin: 0;
    }


        .clout-life-content h3 {
            font-size: 1.2rem;
        }


        .clout-life-content p {
            max-width: 300px;
            font-size: .86rem;
        }
}
/* =========================================================
   ABOUT CLOUT BIO — BUILT AROUND SCIENCE
   ========================================================= */

.about-science-section {
    position: relative;
    min-height: 760px;
    overflow: hidden;
    background: #f8fbf9;
}


/* =========================================================
   BACKGROUND IMAGE
   ========================================================= */

.about-science-bg {
    position: absolute;
    inset: 0;
    background-image: url("images/BuiltAround.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    z-index: 0;
}


/*
Very subtle left-side readability layer.

The image already contains open white space,
so this only helps maintain consistent readability
across different screen sizes.
*/

.about-science-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient( 90deg, rgba(249, 252, 250, .98) 0%, rgba(249, 252, 250, .94) 34%, rgba(249, 252, 250, .68) 49%, rgba(249, 252, 250, .12) 66%, rgba(249, 252, 250, 0) 82% );
}


/* =========================================================
   CONTENT POSITION
   ========================================================= */

.about-science-container {
    position: relative;
    z-index: 2;
    min-height: 760px;
    display: flex;
    align-items: center;
    padding-top: 85px;
    padding-bottom: 85px;
}


.about-science-content {
    width: 50%;
    max-width: 680px;
}


    /* =========================================================
   EYEBROW
   ========================================================= */

    .about-science-content .eyebrow {
        display: block;
        margin-bottom: 18px;
        color: #4f9d35;
        font-size: 12px;
        font-weight: 850;
        letter-spacing: .18em;
        text-transform: uppercase;
    }


    /* =========================================================
   HEADING
   ========================================================= */

    .about-science-content h2 {
        margin: 0 0 27px;
        color: #0b2b3c;
        font-size: clamp(3.1rem, 4.7vw, 5rem);
        line-height: .98;
        letter-spacing: -.055em;
        font-weight: 850;
    }


        .about-science-content h2 span {
            color: #1687a8;
        }


    /* =========================================================
   PARAGRAPHS
   ========================================================= */

    .about-science-content > p {
        max-width: 640px;
        margin: 0 0 18px;
        color: #536d79;
        font-size: 1rem;
        line-height: 1.78;
    }


        .about-science-content > p strong {
            color: #173e50;
            font-weight: 750;
        }


/* =========================================================
   KEY PRINCIPLES
   ========================================================= */

.about-science-list {
    margin: 29px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 13px;
}


    .about-science-list li {
        display: flex;
        align-items: flex-start;
        gap: 13px;
        color: #244958;
        font-size: .94rem;
        line-height: 1.45;
    }


.about-check {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    margin-top: -2px;
    border-radius: 50%;
    background: rgba(111, 177, 55, .12);
    color: #62a832;
    font-size: 13px;
    font-weight: 900;
}


/* =========================================================
   STATS BAND
   ========================================================= */

.about-stats-band {
    position: relative;
    z-index: 3;
    background: linear-gradient( 110deg, #082a3d, #0c4050 );
    border-top: 1px solid rgba(255,255,255,.06);
}


.about-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}


.about-stat {
    position: relative;
    min-height: 130px;
    padding: 27px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    text-align: left;
}


    .about-stat:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 30px;
        bottom: 30px;
        width: 1px;
        background: rgba(255,255,255,.13);
    }


    .about-stat strong {
        color: #8bcf36;
        font-size: 2.45rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.04em;
    }


    .about-stat span {
        color: #d5e2e7;
        font-size: .72rem;
        line-height: 1.5;
        letter-spacing: .045em;
        text-transform: uppercase;
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .about-science-bg {
        background-position: 58% center;
    }


    .about-science-section::after {
        background: linear-gradient( 90deg, rgba(249,252,250,.99) 0%, rgba(249,252,250,.97) 45%, rgba(249,252,250,.76) 61%, rgba(249,252,250,.18) 82% );
    }


    .about-science-content {
        width: 60%;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 850px) {

    .about-science-section {
        min-height: auto;
    }


    .about-science-container {
        min-height: 700px;
        align-items: center;
    }


    .about-science-content {
        width: 68%;
    }


    .about-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .about-stat:nth-child(2)::after {
        display: none;
    }


    .about-stat:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.10);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .about-science-section {
        background: #f8fbf9;
    }


    .about-science-bg {
        /*
        On mobile we use the image primarily as
        an atmospheric upper background.
        */

        background-size: auto 58%;
        background-position: 70% top;
    }


    .about-science-section::after {
        background: linear-gradient( 180deg, rgba(249,252,250,.38) 0%, rgba(249,252,250,.86) 30%, rgba(249,252,250,.98) 49%, #f8fbf9 68% );
    }


    .about-science-container {
        min-height: auto;
        align-items: flex-start;
        padding-top: 250px;
        padding-bottom: 65px;
    }


    .about-science-content {
        width: 100%;
        max-width: none;
    }


        .about-science-content h2 {
            font-size: clamp(2.8rem, 13vw, 4rem);
            line-height: 1;
        }


        .about-science-content > p {
            font-size: .95rem;
        }


    .about-stats-grid {
        grid-template-columns: 1fr 1fr;
    }


    .about-stat {
        min-height: 120px;
        padding: 23px 15px;
        flex-direction: column;
        gap: 7px;
        text-align: center;
    }


        .about-stat strong {
            font-size: 2rem;
        }


        .about-stat span {
            font-size: .61rem;
        }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .about-science-container {
        padding-top: 220px;
    }


    .about-science-list li {
        font-size: .88rem;
    }
}

/* =========================================================
   WHO WE ARE — FULL BACKGROUND HERO
   ========================================================= */

.page-hero-full {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #061d2d;
}


    /* FULL BACKGROUND IMAGE */

    .page-hero-full .page-hero-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }


        .page-hero-full .page-hero-bg img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /*
       Image composition is stronger on the right,
       so preserve that area.
    */
            object-position: center right;
        }


        /* DARK GRADIENT FOR TEXT READABILITY */

        .page-hero-full .page-hero-bg > div {
            position: absolute;
            inset: 0;
            background: linear-gradient( 90deg, rgba(4, 24, 39, .98) 0%, rgba(4, 24, 39, .94) 27%, rgba(4, 24, 39, .78) 43%, rgba(4, 24, 39, .36) 60%, rgba(4, 24, 39, .08) 78%, rgba(4, 24, 39, 0) 100% );
        }


    /* CONTENT */

    .page-hero-full .page-hero-inner {
        position: relative;
        z-index: 2;
        width: 100%;
        padding-top: 110px;
        padding-bottom: 100px;
    }


    /* BREADCRUMB */

    .page-hero-full .breadcrumbs {
        margin-bottom: 55px;
        color: rgba(255,255,255,.72);
    }


        .page-hero-full .breadcrumbs a {
            color: rgba(255,255,255,.82);
        }


        .page-hero-full .breadcrumbs span {
            color: rgba(255,255,255,.62);
        }


    /* EYEBROW */

    .page-hero-full .eyebrow {
        display: block;
        margin-bottom: 22px;
        color: #8bcf36;
    }


    /* HEADING */

    .page-hero-full h1 {
        max-width: 680px;
        margin: 0 0 25px;
        color: #ffffff;
        font-size: clamp(4rem, 6.5vw, 7rem);
        line-height: .95;
        letter-spacing: -.055em;
    }


    /* DESCRIPTION */

    .page-hero-full p {
        max-width: 670px;
        margin: 0;
        color: rgba(255,255,255,.84);
        font-size: 1.18rem;
        line-height: 1.75;
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .page-hero-full {
        min-height: 600px;
    }

        .page-hero-full .page-hero-bg img {
            object-position: 62% center;
        }

        .page-hero-full .page-hero-bg > div {
            background: linear-gradient( 90deg, rgba(4,24,39,.98) 0%, rgba(4,24,39,.94) 38%, rgba(4,24,39,.68) 62%, rgba(4,24,39,.20) 100% );
        }

        .page-hero-full p {
            max-width: 570px;
        }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .page-hero-full {
        min-height: 610px;
        align-items: flex-end;
    }

        .page-hero-full .page-hero-bg img {
            object-position: 67% center;
        }

        /*
       Mobile gets a stronger overall overlay because
       text occupies more of the image.
    */

        .page-hero-full .page-hero-bg > div {
            background: linear-gradient( 180deg, rgba(4,24,39,.28) 0%, rgba(4,24,39,.58) 34%, rgba(4,24,39,.92) 68%, rgba(4,24,39,.98) 100% );
        }

        .page-hero-full .page-hero-inner {
            padding-top: 100px;
            padding-bottom: 65px;
        }

        .page-hero-full .breadcrumbs {
            margin-bottom: 38px;
        }

        .page-hero-full h1 {
            font-size: clamp(3.4rem, 16vw, 5rem);
        }

        .page-hero-full p {
            max-width: 100%;
            font-size: 1rem;
            line-height: 1.65;
        }
}
/* =========================================================
   WHO WE ARE HERO — ALIGN CONTENT WITH SITE CONTAINER
   ========================================================= */

.page-hero-full .page-hero-inner {
    position: relative;
    z-index: 2;
    width: calc(100% - 72px);
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 110px;
    padding-bottom: 100px;
}


/* Keep hero text comfortably inside left side */

.page-hero-full .breadcrumbs,
.page-hero-full .eyebrow,
.page-hero-full h1,
.page-hero-full p {
    position: relative;
}


/* Tablet */

@media (max-width: 1100px) {

    .page-hero-full .page-hero-inner {
        width: calc(100% - 48px);
    }
}


/* Mobile */

@media (max-width: 650px) {

    .page-hero-full .page-hero-inner {
        width: calc(100% - 36px);
        padding-top: 90px;
        padding-bottom: 60px;
    }
}

/* =========================================================
   RESEARCH FOUNDATION HERO — TEXT COLORS
   ========================================================= */

.research-foundation-hero .eyebrow {
    color: #8fd12f;
}

.research-foundation-hero h2 {
    color: #ffffff;
    font-size: clamp(2.7rem, 4.2vw, 4.8rem);
    line-height: 0.98;
    font-weight: 700;
    letter-spacing: -0.045em;
    max-width: 720px;
    margin-top: 22px;
    margin-bottom: 28px;
}

.research-foundation-hero p {
    color: rgba(255, 255, 255, 0.88);
}

.research-foundation-hero .check-list li {
    color: rgba(255, 255, 255, 0.92);
}

    .research-foundation-hero .check-list li::before {
        color: #8fd12f;
    }

/* =========================================================
   OUR JOURNEY — 3 x 2 MILESTONE GRID
   ========================================================= */

.journey-section {
    background: linear-gradient( 180deg, #ffffff 0%, #f7faf8 100% );
}


    .journey-section
    .section-heading {
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
    }


        .journey-section
        .section-heading h2 span {
            color: #1687a8;
        }


        .journey-section
        .section-heading p {
            margin-left: auto;
            margin-right: auto;
        }



/* =========================================================
   GRID
   ========================================================= */

.journey-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 52px;
}



/* =========================================================
   CARD
   ========================================================= */

.journey-card {
    position: relative;
    min-height: 330px;
    padding: 30px 30px 28px;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid #dce8e3;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(10, 43, 57, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}


    .journey-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 54px rgba(10, 43, 57, .11);
    }



    /* decorative circle */

    .journey-card::before {
        content: "";
        position: absolute;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        right: -80px;
        top: -85px;
        opacity: .10;
    }



/* =========================================================
   CARD TOP
   ========================================================= */

.journey-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}


.journey-number {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
}


.journey-stage {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .13em;
}



/* =========================================================
   ICON
   ========================================================= */

.journey-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    font-size: 22px;
    font-weight: 900;
}



/* =========================================================
   CONTENT
   ========================================================= */

.journey-card h3 {
    margin: 0 0 12px;
    color: #102f40;
    font-size: 1.28rem;
    line-height: 1.2;
    letter-spacing: -.025em;
}


.journey-card p {
    margin: 0;
    color: #617681;
    font-size: .9rem;
    line-height: 1.7;
}



/* =========================================================
   BOTTOM ACCENT LINE
   ========================================================= */

.journey-line {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 4px;
    border-radius: 4px 4px 0 0;
}



/* =========================================================
   COLOR THEMES
   ========================================================= */

/* FOUNDATION */

.journey-foundation::before {
    background: #1596be;
}

.journey-foundation
.journey-number {
    color: #158db2;
}

.journey-foundation
.journey-stage {
    color: #087b9f;
    background: #e8f6fa;
}

.journey-foundation
.journey-icon {
    color: #087fa6;
    background: #e8f7fb;
}

.journey-foundation
.journey-line {
    background: linear-gradient( 90deg, #0c8bb4, #4fc1df );
}


/* GROWTH */

.journey-growth::before {
    background: #87c33f;
}

.journey-growth
.journey-number {
    color: #6aa431;
}

.journey-growth
.journey-stage {
    color: #5d9430;
    background: #eef7e6;
}

.journey-growth
.journey-icon {
    color: #5f9d32;
    background: #eff8e8;
}

.journey-growth
.journey-line {
    background: linear-gradient( 90deg, #63a734, #9bd14f );
}


/* EXPANSION */

.journey-expansion::before {
    background: #2c9b83;
}

.journey-expansion
.journey-number {
    color: #21886f;
}

.journey-expansion
.journey-stage {
    color: #277f6d;
    background: #e8f6f1;
}

.journey-expansion
.journey-icon {
    color: #22836d;
    background: #e9f7f3;
}

.journey-expansion
.journey-line {
    background: linear-gradient( 90deg, #23886e, #4ab79e );
}


/* CAPABILITY */

.journey-capability::before {
    background: #5e67b2;
}

.journey-capability
.journey-number {
    color: #5b62a9;
}

.journey-capability
.journey-stage {
    color: #575f9f;
    background: #efeff9;
}

.journey-capability
.journey-icon {
    color: #5961a8;
    background: #f0f0fa;
}

.journey-capability
.journey-line {
    background: linear-gradient( 90deg, #5d63ad, #7d82ca );
}


/* NOW */

.journey-now::before {
    background: #b18b36;
}

.journey-now
.journey-number {
    color: #9a782f;
}

.journey-now
.journey-stage {
    color: #8b6d2d;
    background: #faf4e7;
}

.journey-now
.journey-icon {
    color: #96742e;
    background: #faf5e9;
}

.journey-now
.journey-line {
    background: linear-gradient( 90deg, #a78031, #d4ad52 );
}


/* NEXT */

.journey-next {
    background: linear-gradient( 145deg, #0d3045 0%, #114d58 100% );
    border-color: rgba(255,255,255,.06);
}


    .journey-next::before {
        background: #8bcf36;
        opacity: .15;
    }


    .journey-next
    .journey-number {
        color: #8bcf36;
    }


    .journey-next
    .journey-stage {
        color: #d9f1bd;
        background: rgba(139,207,54,.13);
    }


    .journey-next
    .journey-icon {
        color: #8bcf36;
        background: rgba(139,207,54,.12);
    }


    .journey-next h3 {
        color: #ffffff;
    }


    .journey-next p {
        color: #c4d3d8;
    }


    .journey-next
    .journey-line {
        background: linear-gradient( 90deg, #8bcf36, #24b1cb );
    }



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .journey-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 650px) {

    .journey-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }


    .journey-card {
        min-height: 0;
        padding: 25px 24px 26px;
    }


    .journey-line {
        left: 24px;
        right: 24px;
    }
}
.leadership-premium-section {
    background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

    .leadership-premium-section .section-heading h2 span {
        color: #1687a8;
    }

.leadership-premium-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
    margin-top: 55px;
}

.leader-premium-card {
    background: #ffffff;
    border: 1px solid #dfe9e5;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(10, 43, 57, .07);
    transition: .25s ease;
}

    .leader-premium-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 28px 65px rgba(10, 43, 57, .12);
    }

.leader-photo {
    height: 245px;
    background: linear-gradient(135deg, #eef6f3, #f8fbf9);
    overflow: hidden;
}

    .leader-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }

.leader-content {
    padding: 24px 22px 26px;
}

.leader-tag {
    display: inline-block;
    margin-bottom: 10px;
    color: #5d9f38;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.leader-content h3 {
    margin: 0 0 10px;
    color: #102f40;
    font-size: 1.22rem;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.leader-content p {
    margin: 0;
    color: #617681;
    font-size: .86rem;
    line-height: 1.65;
}

.featured-leader {
    border-top: 5px solid #1687a8;
}

@media (max-width: 1200px) {
    .leadership-premium-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 820px) {
    .leadership-premium-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .leadership-premium-grid {
        grid-template-columns: 1fr;
    }

    .leader-photo {
        height: 280px;
    }
}
/* =========================================================
   INFRASTRUCTURE & CAPABILITIES — FULL BACKGROUND HERO
   ========================================================= */

.capabilities-hero {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #eef5f5;
}


/* FULL-WIDTH BACKGROUND */

.capabilities-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .capabilities-hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
        display: block;
    }


/* LEFT-SIDE READABILITY GRADIENT */

.capabilities-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(248, 251, 249, .99) 0%, rgba(248, 251, 249, .98) 30%, rgba(248, 251, 249, .92) 42%, rgba(248, 251, 249, .63) 55%, rgba(248, 251, 249, .22) 70%, rgba(248, 251, 249, 0) 88% );
}


/* CONTENT */

.capabilities-hero-inner {
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 72px));
    margin: 0 auto;
    padding-top: 105px;
    padding-bottom: 95px;
}


/* BREADCRUMBS */

.capabilities-hero .breadcrumbs {
    margin-bottom: 48px;
}


/* EYEBROW */

.capabilities-hero .eyebrow {
    display: block;
    margin-bottom: 20px;
    color: #5f9f34;
}


/* HEADING */

.capabilities-hero h1 {
    max-width: 700px;
    margin: 0 0 26px;
    color: #0b2c3d;
    font-size: clamp(4rem, 6vw, 6.5rem);
    line-height: .95;
    font-weight: 850;
    letter-spacing: -.055em;
}


/* DESCRIPTION */

.capabilities-hero p {
    max-width: 560px;
    margin: 0;
    color: #58717e;
    font-size: 1.08rem;
    line-height: 1.72;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .capabilities-hero {
        min-height: 650px;
    }

    .capabilities-hero-bg img {
        object-position: 60% center;
    }

    .capabilities-hero-overlay {
        background: linear-gradient( 90deg, rgba(248,251,249,.99) 0%, rgba(248,251,249,.96) 45%, rgba(248,251,249,.70) 64%, rgba(248,251,249,.18) 100% );
    }

    .capabilities-hero-inner {
        width: calc(100% - 48px);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .capabilities-hero {
        min-height: 680px;
        align-items: flex-end;
    }

    .capabilities-hero-bg img {
        object-position: 68% center;
    }

    .capabilities-hero-overlay {
        background: linear-gradient( 180deg, rgba(248,251,249,.35) 0%, rgba(248,251,249,.78) 36%, rgba(248,251,249,.96) 63%, rgba(248,251,249,.99) 100% );
    }

    .capabilities-hero-inner {
        width: calc(100% - 36px);
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .capabilities-hero .breadcrumbs {
        margin-bottom: 34px;
    }

    .capabilities-hero h1 {
        font-size: clamp(3.3rem, 15vw, 5rem);
    }

    .capabilities-hero p {
        max-width: 100%;
        font-size: 1rem;
    }
}
/* =========================================================
   FIX — CAPABILITIES HERO FULL BACKGROUND
   ========================================================= */

.capabilities-hero {
    position: relative !important;
    min-height: 720px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    background: #eef5f5 !important;
}


    /* BACKGROUND MUST BE ABSOLUTE */

    .capabilities-hero .capabilities-hero-bg {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 0 !important;
        overflow: hidden !important;
    }


        /* IMAGE FILLS ENTIRE HERO */

        .capabilities-hero .capabilities-hero-bg img {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            object-fit: cover !important;
            object-position: center right !important;
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
        }


    /* LEFT READABILITY OVERLAY */

    .capabilities-hero .capabilities-hero-overlay {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
        pointer-events: none !important;
        background: linear-gradient( 90deg, rgba(248,251,249,.99) 0%, rgba(248,251,249,.98) 30%, rgba(248,251,249,.92) 42%, rgba(248,251,249,.68) 54%, rgba(248,251,249,.24) 70%, rgba(248,251,249,0) 88% ) !important;
    }


    /* CONTENT SITS OVER IMAGE */

    .capabilities-hero .capabilities-hero-inner {
        position: relative !important;
        z-index: 5 !important;
        width: min(1240px, calc(100% - 72px)) !important;
        max-width: 1240px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 105px !important;
        padding-bottom: 95px !important;
    }


    /* BREADCRUMB */

    .capabilities-hero .breadcrumbs {
        margin-bottom: 48px !important;
    }


    /* EYEBROW */

    .capabilities-hero .eyebrow {
        display: block !important;
        margin-bottom: 20px !important;
        color: #5f9f34 !important;
    }


    /* HEADING */

    .capabilities-hero h1 {
        max-width: 650px !important;
        margin: 0 0 26px !important;
        color: #0b2c3d !important;
        font-size: clamp(4rem, 6vw, 6.4rem) !important;
        line-height: .95 !important;
        font-weight: 850 !important;
        letter-spacing: -.055em !important;
    }


    /* DESCRIPTION */

    .capabilities-hero p {
        max-width: 570px !important;
        margin: 0 !important;
        color: #58717e !important;
        font-size: 1.08rem !important;
        line-height: 1.72 !important;
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .capabilities-hero {
        min-height: 650px !important;
    }

        .capabilities-hero .capabilities-hero-bg img {
            object-position: 60% center !important;
        }

        .capabilities-hero .capabilities-hero-overlay {
            background: linear-gradient( 90deg, rgba(248,251,249,.99) 0%, rgba(248,251,249,.96) 45%, rgba(248,251,249,.72) 64%, rgba(248,251,249,.18) 100% ) !important;
        }

        .capabilities-hero .capabilities-hero-inner {
            width: calc(100% - 48px) !important;
        }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .capabilities-hero {
        min-height: 680px !important;
        align-items: flex-end !important;
    }


        .capabilities-hero .capabilities-hero-bg img {
            object-position: 68% center !important;
        }


        .capabilities-hero .capabilities-hero-overlay {
            background: linear-gradient( 180deg, rgba(248,251,249,.32) 0%, rgba(248,251,249,.72) 37%, rgba(248,251,249,.95) 65%, rgba(248,251,249,.99) 100% ) !important;
        }


        .capabilities-hero .capabilities-hero-inner {
            width: calc(100% - 36px) !important;
            padding-top: 95px !important;
            padding-bottom: 60px !important;
        }


        .capabilities-hero .breadcrumbs {
            margin-bottom: 34px !important;
        }


        .capabilities-hero h1 {
            font-size: clamp(3.2rem, 15vw, 5rem) !important;
        }


        .capabilities-hero p {
            max-width: 100% !important;
            font-size: 1rem !important;
        }
}