
:root{--navy:#0f172a;--slate:#334155;--light:#f8fafc;--green:#2f855a;--teal:#0f766e;--border:#e2e8f0}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--slate);background:white;line-height:1.65}
a{color:var(--teal);text-decoration:none} a:hover{text-decoration:underline}
header{background:white;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;color:var(--navy)}.logo-mark{width:46px;height:46px;border-radius:14px;background:#e8f5ef;display:flex;align-items:center;justify-content:center;font-size:25px}.logo b{font-size:24px}
nav{display:flex;gap:18px;flex-wrap:wrap;font-weight:700;font-size:14px}
.hero{background:linear-gradient(#f8fafc,#fff);padding:72px 0}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.badge{display:inline-block;background:#dcfce7;color:#166534;font-weight:700;border-radius:999px;padding:8px 14px;margin-bottom:18px}
h1{font-size:48px;line-height:1.08;color:var(--navy);margin:0 0 20px} h2{font-size:34px;line-height:1.2;color:var(--navy);margin:0 0 18px} h3{font-size:24px;color:var(--navy);margin:26px 0 10px}
.lead{font-size:20px;color:#475569}.btn{display:inline-block;background:var(--navy);color:#fff;padding:14px 20px;border-radius:14px;font-weight:800;margin:8px 8px 8px 0}.btn.green{background:var(--green)}
.card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.section{padding:62px 0}.dark{background:var(--navy);color:#cbd5e1}.dark h2,.dark h3{color:#fff}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stat{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.stat b{display:block;font-size:30px;color:var(--navy)}
.notice{border-left:6px solid var(--green);background:#f0fdf4;padding:18px 22px;border-radius:16px;margin:20px 0}.warning{border-left:6px solid #b45309;background:#fffbeb;padding:18px 22px;border-radius:16px;margin:20px 0}
footer{border-top:1px solid var(--border);padding:34px 0;color:#64748b}.article{max-width:900px;margin:0 auto;padding:44px 22px}.article h1{font-size:42px}.article p,.article li{font-size:18px}
.table{width:100%;border-collapse:collapse;margin:22px 0;background:white}.table th,.table td{border:1px solid var(--border);padding:12px;text-align:left;vertical-align:top}.table th{background:#f8fafc;color:var(--navy)}
@media(max-width:850px){.grid,.cards,.statgrid{grid-template-columns:1fr}h1{font-size:38px}.nav{align-items:flex-start}}

.product-box{
border:1px solid #dbe4ea;
border-radius:20px;
padding:22px;
margin:28px 0;
background:#f8fafc;
box-shadow:0 4px 14px rgba(0,0,0,.04)
}
.product-box h3{margin-top:0}
.product-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin:28px 0
}
.product-card{
border:1px solid #dbe4ea;
border-radius:18px;
padding:18px;
background:white
}
.product-card a{
display:inline-block;
margin-top:10px;
padding:10px 14px;
background:#0f172a;
color:white;
border-radius:12px;
font-weight:bold
}

.carepatrol-cta{
border:1px solid #cbd5e1;
border-radius:22px;
padding:24px;
margin:34px 0;
background:linear-gradient(180deg,#ffffff,#f8fafc);
box-shadow:0 6px 18px rgba(15,23,42,.06)
}
.carepatrol-cta h2{margin-top:0}
.carepatrol-cta .buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.carepatrol-cta .buttons a{
display:inline-block;
background:#0f172a;
color:#fff;
padding:12px 16px;
border-radius:14px;
font-weight:800
}
.carepatrol-cta .buttons a.secondary{background:#2f855a}

.calculator-wrap{
border:1px solid #dbe4ea;
border-radius:24px;
padding:24px;
background:#f8fafc;
box-shadow:0 6px 18px rgba(15,23,42,.06);
margin:28px 0
}
.calc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
margin:20px 0
}
.calc-field label{font-weight:800;color:#0f172a;display:block;margin-bottom:6px}
.calc-field input{
width:100%;
padding:12px;
border:1px solid #cbd5e1;
border-radius:12px;
font-size:16px
}
.calc-result{
background:white;
border:1px solid #dbe4ea;
border-radius:18px;
padding:20px;
margin-top:20px
}
.calc-result strong{font-size:24px;color:#0f172a}


/* V19 site-wide button/link color polish */
a {
  color: #0f766e;
  font-weight: 700;
}

.card a,
.article a:not(.btn),
.product-card a,
.carepatrol-cta .buttons a,
.btn {
  display: inline-block;
  background: #0f766e;
  color: #ffffff !important;
  padding: 11px 16px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  margin-top: 10px;
  box-shadow: 0 4px 10px rgba(15, 118, 110, .18);
}

.card a:hover,
.article a:not(.btn):hover,
.product-card a:hover,
.carepatrol-cta .buttons a:hover,
.btn:hover {
  background: #115e59;
  text-decoration: none;
}

.btn.green,
.carepatrol-cta .buttons a.secondary {
  background: #2f855a;
}

.btn.green:hover,
.carepatrol-cta .buttons a.secondary:hover {
  background: #276749;
}

nav a {
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

nav a:hover {
  color: #0f766e !important;
}

.logo {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

.logo:hover {
  text-decoration: none;
}

footer a {
  color: #0f766e;
}


/* V20 force homepage/card CTA buttons */
.cards .card a,
.card > a,
.card a[href],
a.card-button {
  display: inline-block !important;
  background-color: #0f766e !important;
  color: #ffffff !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  margin-top: 14px !important;
  box-shadow: 0 5px 14px rgba(15, 118, 110, 0.22) !important;
}

.cards .card a:hover,
.card > a:hover,
.card a[href]:hover,
a.card-button:hover {
  background-color: #115e59 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.product-card a,
.carepatrol-cta a,
.article .product-card a,
.article .carepatrol-cta a,
.article a.btn,
.article a.card-button {
  display: inline-block !important;
  background-color: #0f766e !important;
  color: #ffffff !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 5px 14px rgba(15, 118, 110, 0.22) !important;
}

nav a,
.logo {
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* V23 Fixed Full Brand Refresh */
:root{
  --brand-navy:#0f172a;
  --brand-teal:#0f766e;
  --brand-green:#2f855a;
  --brand-soft:#f8fafc;
  --brand-border:#dbe4ea;
}

body{
  background:#f8fafc !important;
}

header{
  background:#ffffff !important;
  border-bottom:1px solid var(--brand-border) !important;
  box-shadow:0 2px 12px rgba(15,23,42,.04) !important;
}

.logo{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  color:var(--brand-navy) !important;
  text-decoration:none !important;
}

.logo img{
  width:92px !important;
  height:auto !important;
  display:block !important;
}

.logo b{
  font-size:26px !important;
  color:var(--brand-navy) !important;
}

.logo small{
  color:var(--brand-teal) !important;
  font-weight:800 !important;
  letter-spacing:.4px !important;
}

.hero{
  background:linear-gradient(180deg,#ffffff,#eef7f4) !important;
}

h1,h2,h3{
  color:var(--brand-navy) !important;
}

.card{
  border:1px solid var(--brand-border) !important;
  border-radius:26px !important;
  box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
}

.notice{
  background:#f0fdf4 !important;
  border-left:6px solid var(--brand-green) !important;
}

.warning{
  background:#fffbeb !important;
  border-left:6px solid #b45309 !important;
}

.btn,
.card-button,
.cards .card a,
.card a[href],
.product-card a,
.carepatrol-cta .buttons a,
.article a.btn{
  display:inline-block !important;
  background:var(--brand-teal) !important;
  color:#ffffff !important;
  padding:12px 18px !important;
  border-radius:14px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 5px 14px rgba(15,118,110,.22) !important;
}

.btn:hover,
.card-button:hover,
.cards .card a:hover,
.card a[href]:hover,
.product-card a:hover,
.carepatrol-cta .buttons a:hover{
  background:#115e59 !important;
  color:#ffffff !important;
  text-decoration:none !important;
}

.btn.green,
.carepatrol-cta .buttons a.secondary{
  background:var(--brand-green) !important;
}

nav a{
  background:transparent !important;
  color:var(--brand-navy) !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  font-weight:800 !important;
}

nav a:hover{
  color:var(--brand-teal) !important;
}

footer{
  background:#ffffff !important;
  border-top:1px solid var(--brand-border) !important;
}

.article{
  background:#ffffff !important;
}
