/* Final brand layer: the official logo contains white lettering and is designed for a dark field. */
.site-header{background:#0c2c37!important;border-bottom-color:#294b54!important}.site-header nav a{color:#dbe7e8!important}.site-header nav a:hover,.site-header nav a.active{color:#69cecb!important}.site-header .text-button{color:#fff!important;border-color:#59747a}.corporate-footer{background:#082a34!important;color:#fff!important;border-top-color:#234b55!important}.corporate-footer .footer-brand>p,.corporate-footer .footer-links a,.corporate-footer .footer-bottom{color:#9eb2b6!important}.corporate-footer .footer-reg>span{background:#fff!important;color:#0c2c37!important}
.programme,.results{background:linear-gradient(145deg,#0c2c37 0%,#124752 100%)!important}.programme .portal-mark{color:#69cecb!important}.results .metric-card.navy{background:#123b47!important}.journey-card.featured{background:#e7f4f2!important}.choice-row i:first-child{border-color:#1ea3a6!important;background:rgba(30,163,166,.18)!important}.sparkline i:nth-child(5){background:#1ea3a6!important}

/* Logo-gradient typography and a calmer, premium progress story. */
.brand-gradient-text{
  display:inline-block;
  color:#1ea3a6!important;
  background:linear-gradient(105deg,#84c041 0%,#52b76e 42%,#1ea3a6 78%,#0d8794 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-fill-color:transparent;
}

.results{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#0c2c37!important;
  background:linear-gradient(135deg,#e7f3ef 0%,#f7f8f3 48%,#dcefeb 100%)!important;
  border:1px solid rgba(30,163,166,.14);
}
.results:before,.results:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  border-radius:50%;
  filter:blur(15px);
  pointer-events:none;
}
.results:before{
  left:-250px;
  top:-250px;
  background:radial-gradient(circle,rgba(132,192,65,.22),rgba(132,192,65,0) 68%);
}
.results:after{
  right:-220px;
  bottom:-310px;
  background:radial-gradient(circle,rgba(30,163,166,.25),rgba(30,163,166,0) 68%);
}
.results .section-heading{max-width:860px}
.results .section-heading .kicker{
  display:inline-block;
  background:linear-gradient(105deg,#76b943,#1ea3a6);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.results .section-heading h2{color:#0c2c37}
.results .section-heading p{color:#536d73!important}
.results .metrics-grid{gap:20px;max-width:1240px}
.results .metric-card,
.results .metric-card.coral,
.results .metric-card.mint,
.results .metric-card.navy{
  height:360px;
  color:#0c2c37!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(12,44,55,.09)!important;
  border-radius:24px;
  box-shadow:0 22px 60px rgba(12,44,55,.09);
  backdrop-filter:blur(16px);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease;
}
.results .metric-card:before{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:0;
  height:4px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#84c041,#1ea3a6);
}
.results .metric-card:hover{
  transform:translateY(-9px);
  border-color:rgba(30,163,166,.28)!important;
  box-shadow:0 30px 75px rgba(12,44,55,.14);
}
.results .metric-card>span{color:#39727a}
.results .metric-card>strong{
  margin-top:48px;
  background:linear-gradient(105deg,#75b83f,#1ea3a6 72%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.results .metric-card>p{color:#526b71;font-size:14.7px}
.results .metric-card.coral .metric-bars i{
  background:linear-gradient(180deg,rgba(30,163,166,.42),rgba(30,163,166,.12))!important;
}
.results .metric-card.coral .metric-bars i:last-child{
  background:linear-gradient(180deg,#84c041,#1ea3a6)!important;
}
.results .message-bubble{
  color:#33545b;
  background:linear-gradient(110deg,#f5faf7,#e5f4f1);
  border:1px solid rgba(30,163,166,.14);
  box-shadow:none;
}
.results .message-bubble b{color:#1ea3a6}
.results .mini-calendar{border-top-color:#d9e5e2}
.results .mini-calendar b{
  color:#fff;
  background:linear-gradient(135deg,#84c041,#1ea3a6)!important;
  box-shadow:0 12px 26px rgba(30,163,166,.2);
}
.results .mini-calendar span{color:#526b71}
.results-note{color:#698087!important}

@media(max-width:760px){
  .results .metric-card,.results .metric-card.coral,.results .metric-card.mint,.results .metric-card.navy{height:330px}
  .results .metrics-grid{gap:14px}
}