/* RAV Digital v5.3.4 — Master Brand / Healthcare Rebrand
   Loaded after legacy ecosystem styles so this file intentionally overrides
   public-brand presentation without changing operational/admin UI. */

:root{
  --rav-brand-navy:#0a3470;
  --rav-brand-blue:#0969b3;
  --rav-brand-cyan:#08a7c7;
  --rav-brand-teal:#12b8a6;
  --rav-brand-ink:#14384b;
  --rav-brand-soft:#f4f9fb;
  --rav-brand-line:#dcebf0;
}

/* Master brand lockup — removes dependency on the old
   "RAV Digital Ecosystem" image lockup from visible pages. */
.rav-master-brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-width:0;
  text-decoration:none;
}
.rav-master-wordmark{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding-right:12px;
  color:var(--rav-brand-navy);
  font-size:2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.09em;
}
.rav-master-wordmark::after{
  content:"";
  position:absolute;
  right:0;
  bottom:8px;
  width:8px;
  height:8px;
  border-radius:2px 2px 5px 2px;
  background:linear-gradient(135deg,var(--rav-brand-cyan),var(--rav-brand-teal));
  transform:rotate(45deg);
}
.rav-master-copy{display:flex;flex-direction:column;line-height:1.02}
.rav-master-copy strong{
  color:#184b73;
  font-size:1rem;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.rav-master-copy small{
  margin-top:5px;
  color:#78909d;
  font-size:.54rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ecosystem-brand.rav-master-brand{min-width:220px}

.rav-digital-header{
  border-bottom-color:rgba(20,81,116,.09);
  box-shadow:0 8px 30px rgba(22,73,99,.035);
}
.rav-digital-header .ecosystem-nav-cta{
  background:linear-gradient(135deg,var(--rav-brand-blue),var(--rav-brand-cyan));
  border-color:transparent;
}

/* Hero */
.rav-master-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 9% 8%,rgba(8,167,199,.10),transparent 27%),
    radial-gradient(circle at 92% 22%,rgba(18,184,166,.08),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,#f4f9fb 100%);
}
.rav-master-hero::after{
  content:"";
  position:absolute;
  right:-170px;
  top:-190px;
  width:520px;
  height:520px;
  border:1px solid rgba(9,105,179,.08);
  border-radius:50%;
  pointer-events:none;
}
.rav-master-hero h1{
  max-width:710px;
  color:#123b55;
  font-size:clamp(3rem,5.8vw,5.2rem);
  line-height:.97;
  letter-spacing:-.055em;
}
.rav-brand-trust-row span{background:rgba(255,255,255,.78)}

/* RAV Ecosystem visual */
.rav-ecosystem-visual{
  position:relative;
  padding:20px;
  border:1px solid rgba(13,95,134,.12);
  border-radius:30px;
  background:rgba(255,255,255,.88);
  box-shadow:0 30px 70px rgba(20,74,99,.13);
  backdrop-filter:blur(12px);
}
.rav-ecosystem-visual::before{
  content:"";
  position:absolute;
  inset:10px;
  z-index:-1;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(9,105,179,.07),rgba(18,184,166,.04));
}
.rav-ecosystem-visual-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:5px 5px 17px;
  border-bottom:1px solid #e8f0f3;
}
.rav-ecosystem-visual-head small,
.rav-ecosystem-visual-head strong{display:block}
.rav-ecosystem-visual-head small{
  color:#8399a5;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.12em;
}
.rav-ecosystem-visual-head strong{
  margin-top:5px;
  max-width:300px;
  color:#214f68;
  font-size:1.04rem;
  line-height:1.3;
}
.rav-ecosystem-visual-head>span{
  padding:7px 10px;
  border-radius:999px;
  background:#eaf7f9;
  color:#087fa0;
  font-size:.58rem;
  font-weight:900;
  white-space:nowrap;
}
.rav-platform-stack{display:grid;gap:10px;margin:16px 0}
.rav-platform-layer{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:15px;
  border:1px solid #e4eef2;
  border-radius:18px;
  background:#fff;
}
.rav-platform-layer small,.rav-platform-layer strong,.rav-platform-layer p{display:block}
.rav-platform-layer small{color:#8aa0aa;font-size:.52rem;font-weight:900;letter-spacing:.08em}
.rav-platform-layer strong{margin-top:3px;color:#28566d;font-size:.86rem}
.rav-platform-layer p{margin:3px 0 0;color:#8297a1;font-size:.62rem;line-height:1.45}
.rav-platform-badge{
  display:grid;
  flex:0 0 30px;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:9px;
  background:#edf7fa;
  color:#087ca0;
  font-size:.57rem;
  font-weight:900;
}
.rav-platform-products{border-color:#d5edf1;background:linear-gradient(135deg,#fbfeff,#f4fbfb)}
.rav-platform-products .rav-platform-badge{background:linear-gradient(135deg,#0b74b7,#0cafbc);color:#fff}
.rav-mini-products{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.rav-mini-products a,.rav-mini-products span{
  padding:5px 8px;
  border:1px solid #d7e8ed;
  border-radius:999px;
  background:#fff;
  color:#447084;
  font-size:.53rem;
  font-weight:800;
  text-decoration:none;
}
.rav-ecosystem-visual-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rav-ecosystem-visual-foot span{
  padding:8px 5px;
  border-radius:10px;
  background:#f3f7f9;
  color:#6f8995;
  font-size:.52rem;
  font-weight:800;
  text-align:center;
}

/* Brand statement */
.rav-brand-statement{
  padding:45px 0;
  background:#fff;
  border-top:1px solid #edf3f5;
  border-bottom:1px solid #edf3f5;
}
.rav-brand-statement h2{
  margin:7px 0 0;
  color:#214a61;
  font-size:clamp(1.75rem,3vw,2.8rem);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:830;
}
.rav-brand-statement p{margin:0;color:#718b97;font-size:1.02rem;line-height:1.8}

.rav-product-card{border-color:#e0edf1}
.rav-product-card:hover{border-color:#c8e5eb;box-shadow:0 22px 44px rgba(22,82,108,.09)}
.rav-featured-product-showcase{border-top:4px solid #0aa6bd}
.rav-ecosystem-band{
  background:
    radial-gradient(circle at 90% 0%,rgba(32,207,190,.16),transparent 35%),
    linear-gradient(135deg,#07385f,#075d7d 58%,#087c88);
}
.rav-final-cta{background:linear-gradient(180deg,#fff,#f9fcfd)}

/* About brand architecture */
.rav-brand-architecture-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.rav-brand-architecture-cards article{
  min-height:225px;
  padding:25px;
  border:1px solid #dcebf0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(26,75,99,.05);
}
.rav-brand-architecture-cards small{
  color:#0a8dac;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.1em;
}
.rav-brand-architecture-cards h3{margin:18px 0 8px;color:#244f65;font-size:1.35rem;font-weight:850}
.rav-brand-architecture-cards p{margin:0;color:#718a96;font-size:.86rem;line-height:1.65}

/* Public page hero */
.rav-page-hero-brand{
  background:
    radial-gradient(circle at 12% 15%,rgba(8,167,199,.09),transparent 28%),
    linear-gradient(180deg,#fbfdff,#f5fafb);
}

/* RAV Account public access */
.rav-account-access-section{background:linear-gradient(180deg,#f7fbfc,#fff)}
.rav-account-card{border-top:4px solid #0aa4bd}

/* Footer */
.rav-digital-footer{background:linear-gradient(135deg,#062d4d,#073d5c)}
.rav-master-brand-footer{margin-bottom:16px}
.rav-master-brand-footer .rav-master-wordmark{color:#fff}
.rav-master-brand-footer .rav-master-copy strong{color:#fff}
.rav-master-brand-footer .rav-master-copy small{color:#8db5c4}
.rav-footer-grid{grid-template-columns:2fr 1fr 1fr}

/* Account shell rebrand */
.rav-account-header-v534 .rav-account-master-brand img{display:none}
.rav-account-master-brand .rav-master-wordmark{font-size:1.65rem;min-height:36px}
.rav-account-master-brand .rav-master-copy strong{font-size:.82rem}
.rav-account-master-brand .rav-master-copy small{font-size:.49rem;margin-top:4px}

@media(max-width:991.98px){
  .rav-master-hero h1{font-size:clamp(2.8rem,9vw,4.4rem)}
  .rav-brand-architecture-cards{grid-template-columns:1fr 1fr}
  .rav-footer-grid{grid-template-columns:1.5fr 1fr 1fr}
}

@media(max-width:767.98px){
  .ecosystem-brand.rav-master-brand{min-width:0}
  .rav-master-wordmark{font-size:1.65rem;min-height:36px}
  .rav-master-copy strong{font-size:.8rem}
  .rav-master-copy small{font-size:.45rem}
  .rav-master-hero h1{font-size:2.85rem}
  .rav-ecosystem-visual{padding:14px;border-radius:23px}
  .rav-ecosystem-visual-head{flex-direction:column}
  .rav-ecosystem-visual-foot{grid-template-columns:1fr 1fr}
  .rav-brand-architecture-cards{grid-template-columns:1fr}
  .rav-brand-architecture-cards article{min-height:0}
  .rav-footer-grid{grid-template-columns:1fr}
}