
/* =========================================================
   EduNova V8 — clean visual layer
   Loaded AFTER legacy CSS and responsive.css on purpose.
   ========================================================= */

:root{
  --en-navy:#082b55;
  --en-blue:#0a6fa8;
  --en-aqua:#24c9c8;
  --en-aqua-soft:#e9f9f8;
  --en-ink:#10263e;
  --en-muted:#62768b;
  --en-bg:#f4f8fb;
  --en-line:#dfe9f0;
  --en-white:#fff;
  --en-shadow:0 18px 50px rgba(8,43,85,.08);
  --en-radius:22px;
}

body{
  color:var(--en-ink);
  background:#fff;
  overflow-x:hidden;
}

/* ---------- Header / navigation ---------- */
.header-area.nova-site-header{
  position:sticky!important;
  top:0;
  z-index:999!important;
  width:100%;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(8,43,85,.08)!important;
  box-shadow:0 6px 22px rgba(8,43,85,.035)!important;
  backdrop-filter:blur(16px);
  padding:0!important;
}
.nova-site-header .container{
  max-width:1180px!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
.nova-site-header .row{
  min-height:76px!important;
  margin:0!important;
}
.nova-site-header [class*="col-"]{
  padding-left:10px!important;
  padding-right:10px!important;
}
.nova-site-header .logo-area{
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}
.edunova-wordmark{
  display:inline-flex!important;
  align-items:baseline!important;
  margin:0!important;
  padding:0!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-1.8px!important;
  color:var(--en-navy)!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.edunova-wordmark span{color:var(--en-aqua)!important}

.nova-site-header .menu-area,
.nova-site-header .menu-area nav{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.nova-site-header .menu-area nav>ul#nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.nova-site-header .menu-area nav>ul#nav>li{
  margin:0!important;
  padding:0!important;
  display:block!important;
  float:none!important;
  position:relative!important;
}
.nova-site-header .menu-area nav>ul#nav>li>a{
  display:flex!important;
  align-items:center!important;
  min-height:76px!important;
  padding:0!important;
  margin:0!important;
  color:#34465b!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  border:0!important;
  background:none!important;
  white-space:nowrap!important;
}
.nova-site-header .menu-area nav>ul#nav>li>a:hover,
.nova-site-header .menu-area nav>ul#nav>li>a.active{
  color:var(--en-blue)!important;
}
.nova-site-header .menu-area nav>ul#nav>li>a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:17px;
  height:2px;
  border-radius:2px;
  background:var(--en-aqua);
}
.nav-contact-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:102px!important;
  min-height:44px!important;
  padding:11px 18px!important;
  margin:0!important;
  border:1px solid var(--en-navy)!important;
  border-radius:10px!important;
  background:var(--en-navy)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.nav-contact-btn:hover{
  transform:translateY(-1px);
  background:#0b3b6f!important;
}
.nova-mobile-nav{box-shadow:0 18px 30px rgba(8,43,85,.08)}

/* ---------- Shared content rhythm ---------- */
.page-edunova main section .container{
  max-width:1180px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
.page-edunova .section-eyebrow,
.nova-card-kicker{
  display:inline-block!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#07949b!important;
}
.page-edunova h2,
.page-edunova h3{
  text-wrap:balance;
}

/* ---------- Feasibility / Haalbaarheid ---------- */
.nova-feasibility{
  display:block!important;
  padding:108px 0 112px!important;
  margin:0!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)!important;
}
.nova-feasibility-head{
  max-width:860px!important;
  margin:0 auto 54px!important;
  text-align:center!important;
}
.nova-feasibility-head h2{
  max-width:850px!important;
  margin:14px auto 18px!important;
  padding:0!important;
  color:var(--en-navy)!important;
  font-size:clamp(38px,4.15vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
}
.nova-feasibility-head p{
  max-width:780px!important;
  margin:0 auto!important;
  padding:0!important;
  color:var(--en-muted)!important;
  font-size:18px!important;
  line-height:1.7!important;
}

.nova-feasibility-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:26px!important;
  width:100%!important;
  margin:0 0 28px!important;
}
.nova-feasibility-card{
  display:block!important;
  min-width:0!important;
  padding:38px!important;
  margin:0!important;
  border:1px solid var(--en-line)!important;
  border-radius:var(--en-radius)!important;
  background:#f8fbfd!important;
  box-shadow:var(--en-shadow)!important;
  overflow:hidden!important;
}
.nova-feasibility-card.dark{
  background:linear-gradient(145deg,#082b55 0%,#0a466f 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
}
.nova-feasibility-card h3{
  margin:12px 0 16px!important;
  padding:0!important;
  color:var(--en-navy)!important;
  font-size:30px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  font-weight:780!important;
}
.nova-feasibility-card p{
  margin:0!important;
  padding:0!important;
  color:var(--en-muted)!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.nova-feasibility-card.dark .nova-card-kicker{color:#79e8df!important}
.nova-feasibility-card.dark h3,
.nova-feasibility-card.dark p,
.nova-feasibility-card.dark p strong{color:#fff!important}

.nova-readiness-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:24px 0 0!important;
  padding:0!important;
}
.nova-readiness-list span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:7px 12px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#e9f6fa!important;
  color:#0879a8!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.nova-status-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:26px 0 0!important;
}
.nova-status-row>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  padding:16px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
}
.nova-status-row b{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#79e8df!important;
  font-size:17px!important;
  line-height:1!important;
}
.nova-status-row span{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

.nova-feasibility-flow{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:28px 0!important;
  padding:0!important;
}
.nova-flow-step{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  min-width:0!important;
  margin:0!important;
  padding:22px!important;
  border:1px solid var(--en-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(8,43,85,.04)!important;
}
.nova-flow-step>b{
  display:grid!important;
  place-items:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#0c80b7!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
}
.nova-flow-step>span{
  display:block!important;
  min-width:0!important;
}
.nova-flow-step strong{
  display:block!important;
  margin:1px 0 5px!important;
  color:var(--en-navy)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.nova-flow-step small{
  display:block!important;
  margin:0!important;
  color:var(--en-muted)!important;
  font-size:12px!important;
  line-height:1.48!important;
}

.nova-feasibility-proof{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
  align-items:center!important;
  gap:30px!important;
  margin:28px 0 0!important;
  padding:38px!important;
  border-radius:var(--en-radius)!important;
  background:#eef7fa!important;
}
.nova-feasibility-proof h3{
  margin:10px 0 12px!important;
  color:var(--en-navy)!important;
  font-size:31px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}
.nova-feasibility-proof p{
  margin:0!important;
  color:var(--en-muted)!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.nova-proof-box{
  display:block!important;
  margin:0!important;
  padding:24px!important;
  border:1px solid var(--en-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(8,43,85,.05)!important;
}
.nova-proof-box small{
  display:block!important;
  margin:0 0 10px!important;
  color:#0b7fb3!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.nova-proof-box strong{
  display:block!important;
  margin:0!important;
  color:var(--en-navy)!important;
  font-size:18px!important;
  line-height:1.4!important;
}
.nova-proof-box span{
  display:block!important;
  margin:11px 0 0!important;
  color:#129fa8!important;
  font-size:14px!important;
  font-weight:800!important;
}

/* ---------- Homepage feasibility teaser ---------- */
.edunova-feasibility-teaser{
  display:block!important;
  padding:90px 0!important;
  margin:0!important;
  background:var(--en-bg)!important;
}
.edunova-feasibility-teaser .container{max-width:1180px!important}
.feasibility-teaser-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  align-items:center!important;
  gap:54px!important;
  margin:0!important;
}
.feasibility-teaser-inner h2{
  margin:14px 0 18px!important;
  color:var(--en-navy)!important;
  font-size:44px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
.feasibility-teaser-inner h2 span{color:var(--en-aqua)!important}
.feasibility-teaser-inner p{
  margin:0 0 28px!important;
  color:var(--en-muted)!important;
  font-size:17px!important;
  line-height:1.72!important;
}
.feasibility-mini-ui{
  margin:0!important;
  padding:28px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#082b55,#0a466f)!important;
  box-shadow:0 22px 55px rgba(8,43,85,.16)!important;
}
.mini-ui-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  margin:0 0 20px!important;
  color:#fff!important;
}
.mini-ui-head span{color:#79e8df!important;font-size:12px!important;font-weight:800!important}
.mini-ui-head b{color:#fff!important;font-size:18px!important}
.mini-ui-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:9px 0!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.mini-ui-row b{
  display:grid!important;
  place-items:center!important;
  width:28px!important;height:28px!important;
  flex:0 0 28px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.09)!important;
}
.mini-ui-row span{color:#fff!important;font-size:14px!important;font-weight:650!important}
.mini-ui-row.ok b{color:#79e8df!important}
.mini-ui-row.warn b{color:#ffd479!important}
.mini-ui-row.bad b{color:#ff9a9a!important}
.mini-ui-note{
  margin-top:17px!important;
  padding-top:17px!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
  color:#d0dfeb!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1199px){
  .nova-site-header .menu-area nav>ul#nav{gap:20px!important}
  .nova-site-header .menu-area nav>ul#nav>li>a{font-size:14px!important}
}
@media(max-width:991px){
  .header-area.nova-site-header{position:sticky!important}
  .nova-site-header .row{min-height:68px!important}
  .edunova-wordmark{font-size:28px!important}
  .nova-feasibility{padding:76px 0 82px!important}
  .nova-feasibility-grid,
  .nova-feasibility-proof,
  .feasibility-teaser-inner{grid-template-columns:1fr!important}
  .nova-feasibility-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .feasibility-mini-ui{max-width:620px!important}
}
@media(max-width:575px){
  .page-edunova main section .container{padding-left:18px!important;padding-right:18px!important}
  .nova-feasibility-head{text-align:left!important;margin-bottom:38px!important}
  .nova-feasibility-head h2{font-size:36px!important;margin-left:0!important}
  .nova-feasibility-head p{font-size:16px!important}
  .nova-feasibility-card{padding:25px!important}
  .nova-feasibility-card h3{font-size:27px!important}
  .nova-status-row,
  .nova-feasibility-flow{grid-template-columns:1fr!important}
  .nova-feasibility-proof{padding:25px!important}
  .feasibility-teaser-inner h2{font-size:34px!important}
}


/* V9 — contact preference */
.contact-preference{
  border:0!important;
  padding:0!important;
  margin:0 0 28px!important;
  min-width:0!important;
}
.contact-preference legend{
  display:block!important;
  width:100%!important;
  margin:0 0 13px!important;
  padding:0!important;
  color:var(--en-ink)!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.contact-choice-group{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.contact-choice{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  max-width:none!important;
  min-height:72px!important;
  margin:0!important;
  padding:15px 16px!important;
  border:1px solid #d8e3ec!important;
  border-radius:12px!important;
  background:#f9fbfd!important;
  cursor:pointer!important;
  text-transform:none!important;
  letter-spacing:0!important;
  transition:.2s ease!important;
}
.contact-choice:hover{
  border-color:#a9c8dc!important;
  background:#fff!important;
}
.contact-choice input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.contact-choice-dot{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  border:2px solid #9ab8cd!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 4px #fff!important;
}
.contact-choice strong{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--en-navy)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.contact-choice small{
  display:block!important;
  margin:0!important;
  color:var(--en-muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.contact-choice:has(input:checked){
  border-color:#0c7fb7!important;
  background:#eef8fc!important;
  box-shadow:0 0 0 3px rgba(12,127,183,.07)!important;
}
.contact-choice:has(input:checked) .contact-choice-dot{
  border-color:#0c7fb7!important;
  background:#0c7fb7!important;
  box-shadow:inset 0 0 0 4px #fff!important;
}
@media(max-width:575px){
  .contact-choice-group{grid-template-columns:1fr!important;}
}


/* =========================================================
   V10 — Functionaliteiten structuur + mega menu
   ========================================================= */
.nova-mega-parent{position:static!important}
.nova-mega-parent>a{gap:5px!important}
.nav-caret{font-size:13px;line-height:1;transform:translateY(-1px)}
.nova-mega-menu{
  position:absolute!important;
  left:50%!important;
  top:68px!important;
  transform:translateX(-50%) translateY(10px)!important;
  width:min(900px,calc(100vw - 48px))!important;
  display:grid!important;
  grid-template-columns:1.7fr .75fr!important;
  gap:0!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid var(--en-line)!important;
  border-radius:20px!important;
  box-shadow:0 24px 65px rgba(8,43,85,.16)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:.18s ease!important;
  text-align:left!important;
  z-index:1200!important;
}
.nova-mega-parent:hover .nova-mega-menu,
.nova-mega-parent:focus-within .nova-mega-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.nova-mega-main{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  padding:10px!important;
}
.nova-mega-main>a{
  display:flex!important;
  gap:13px!important;
  align-items:flex-start!important;
  min-height:86px!important;
  padding:15px!important;
  border-radius:13px!important;
  text-decoration:none!important;
  background:#fff!important;
  transition:.15s ease!important;
}
.nova-mega-main>a:hover{background:#f3f8fb!important}
.mega-index{
  display:grid!important;
  place-items:center!important;
  width:31px!important;height:31px!important;
  flex:0 0 31px!important;
  border-radius:9px!important;
  background:#e9f8f7!important;
  color:#07949b!important;
  font-size:11px!important;
  font-weight:900!important;
}
.nova-mega-main strong{
  display:block!important;
  color:var(--en-navy)!important;
  font-size:15px!important;
  line-height:1.2!important;
  margin:1px 0 5px!important;
}
.nova-mega-main small{
  display:block!important;
  color:var(--en-muted)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
.nova-mega-feature{
  margin:10px!important;
  padding:24px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#082b55,#0a4b78)!important;
}
.nova-mega-feature>span{color:#78e5df!important;font-size:10px!important;font-weight:900!important;letter-spacing:.1em!important}
.nova-mega-feature h4{color:#fff!important;font-size:22px!important;line-height:1.12!important;margin:14px 0 10px!important}
.nova-mega-feature p{color:#d6e5ef!important;font-size:12px!important;line-height:1.55!important;margin:0 0 18px!important}
.nova-mega-feature a{color:#78e5df!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}

.nova-mobile-details{border-top:1px solid #e6eef3;border-bottom:1px solid #e6eef3}
.nova-mobile-details summary{padding:13px 4px;color:#10233d;font-weight:800;cursor:pointer;list-style:none}
.nova-mobile-details summary::-webkit-details-marker{display:none}
.nova-mobile-details summary:after{content:"+";float:right;color:#0a6fa8}
.nova-mobile-details[open] summary:after{content:"−"}
.nova-mobile-details>div{padding:0 0 10px 14px}
.nova-mobile-details>div a{padding:8px 4px;font-size:14px;color:#52677c}

.function-hero{
  padding:106px 0 88px!important;
  background:linear-gradient(135deg,#f7fbfd 0%,#edf6fa 100%)!important;
}
.function-hero .container{max-width:1040px!important}
.function-hero h1{
  max-width:900px!important;
  margin:14px 0 20px!important;
  color:var(--en-navy)!important;
  font-size:clamp(46px,5.3vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  font-weight:830!important;
}
.function-hero p{
  max-width:800px!important;
  margin:0!important;
  color:var(--en-muted)!important;
  font-size:19px!important;
  line-height:1.75!important;
}
.function-overview{padding:70px 0 110px!important}
.function-overview .container,.function-detail .container,.function-category-closing .container,.function-highlight .container,.function-cta .container{max-width:1180px!important}
.function-chain{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  padding:20px!important;
  margin:0 0 44px!important;
  border:1px solid var(--en-line)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.function-chain span{font-size:14px;font-weight:800;color:var(--en-navy)}
.function-chain i{font-style:normal;color:#19afb4;font-weight:900}
.function-category-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
.function-category-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:30px!important;
  border:1px solid var(--en-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 38px rgba(8,43,85,.055)!important;
  transition:.18s ease!important;
}
.function-category-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(8,43,85,.09)!important}
.function-card-index{
  display:grid!important;place-items:center!important;
  width:38px!important;height:38px!important;border-radius:10px!important;
  background:#e9f8f7!important;color:#07949b!important;font-size:12px!important;font-weight:900!important;
}
.function-category-card h2{margin:18px 0 10px!important;color:var(--en-navy)!important;font-size:28px!important;line-height:1.1!important;letter-spacing:-.035em!important}
.function-category-card p{margin:0 0 18px!important;color:var(--en-muted)!important;line-height:1.65!important}
.function-category-card ul{margin:0 0 24px!important;padding:0!important;list-style:none!important}
.function-category-card li{position:relative;padding:5px 0 5px 16px;color:#40566b;font-size:13px;line-height:1.4}
.function-category-card li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--en-aqua)}
.function-category-card>a{margin-top:auto!important;color:#0879ad!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important}
.function-cta{padding:0 0 110px!important}
.function-cta .container{
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;
  padding:44px!important;border-radius:24px!important;background:linear-gradient(135deg,#082b55,#0a4773)!important;
}
.function-cta h2{color:#fff!important;font-size:35px!important;margin:10px 0!important}
.function-cta p{color:#d2e1eb!important;margin:0!important}
.function-cta .section-eyebrow{color:#78e5df!important}

.function-detail{padding:82px 0 96px!important;background:#fff!important}
.function-detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.function-detail-card{
  position:relative!important;
  min-height:230px!important;
  padding:30px!important;
  border:1px solid var(--en-line)!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(8,43,85,.045)!important;
}
.function-detail-card>span{display:inline-block;color:#0a8f97;font-size:11px;font-weight:900;letter-spacing:.1em}
.function-detail-card h3{margin:16px 0 10px!important;color:var(--en-navy)!important;font-size:25px!important;line-height:1.12!important;letter-spacing:-.025em!important}
.function-detail-card p{margin:0!important;color:var(--en-muted)!important;font-size:15px!important;line-height:1.65!important}

.function-highlight{padding:86px 0!important}
.function-highlight.dark{background:#082b55!important}
.function-highlight.aqua{background:#eef9f9!important}
.function-highlight .container{
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:50px!important;
  align-items:center!important;
}
.function-highlight-copy h2{font-size:42px!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:13px 0 18px!important}
.function-highlight.dark .function-highlight-copy h2{color:#fff!important}
.function-highlight.dark .function-highlight-copy p{color:#d5e3ed!important}
.function-highlight.dark .section-eyebrow{color:#7ce8e0!important}
.function-highlight.aqua .function-highlight-copy h2{color:var(--en-navy)!important}
.function-highlight-copy p{font-size:17px!important;line-height:1.7!important;margin:0 0 26px!important;color:var(--en-muted)!important}
.function-highlight-shot{padding:10px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important}
.function-highlight-shot img{display:block!important;width:100%!important;border-radius:11px!important}
.function-intel-ui{display:grid!important;gap:12px!important}
.function-intel-ui>div{display:flex!important;align-items:center!important;gap:14px!important;padding:18px!important;border:1px solid #d7e9ea!important;border-radius:14px!important;background:#fff!important}
.function-intel-ui b{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#e8f8f7!important;color:#078e96!important}
.function-intel-ui span{color:var(--en-navy)!important;font-weight:800!important}

.function-category-closing{padding:75px 0 100px!important;background:#f5f9fb!important}
.function-category-closing .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important}
.function-category-closing h2{max-width:780px!important;margin:10px 0 0!important;color:var(--en-navy)!important;font-size:34px!important;line-height:1.15!important}
.function-secondary-link{white-space:nowrap!important;color:#0879ad!important;font-weight:850!important;text-decoration:none!important}

@media(max-width:991px){
  .nova-mega-menu{display:none!important}
  .function-category-grid,.function-detail-grid{grid-template-columns:1fr 1fr!important}
  .function-highlight .container{grid-template-columns:1fr!important}
  .function-cta .container,.function-category-closing .container{display:block!important}
  .function-cta .edunova-btn{margin-top:24px!important}
  .function-secondary-link{display:inline-block!important;margin-top:22px!important}
}
@media(max-width:575px){
  .function-hero{padding:70px 0 60px!important}
  .function-hero h1{font-size:39px!important}
  .function-hero p{font-size:16px!important}
  .function-category-grid,.function-detail-grid{grid-template-columns:1fr!important}
  .function-category-card,.function-detail-card{padding:24px!important}
  .function-chain{justify-content:flex-start!important}
  .function-chain i{display:none!important}
  .function-chain span{display:block!important;width:100%!important;padding:5px 0!important}
  .function-cta .container{padding:30px 24px!important}
  .function-highlight-copy h2{font-size:34px!important}
}

.nova-hero-line{font-size:18px!important;font-weight:800!important;color:#78e5df!important;margin:-6px 0 14px!important;letter-spacing:-.01em!important}
