/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 21 2026 | 15:52:08 */
.td-card h2 {
  margin-top: 30px;
}
.td-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 16px;
width: 100%;
}
.td-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.td-alert:nth-child(2n) {
	background-color: #f5f5f5;
}
@media (min-width: 900px) {
  .td-grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}
.td-card {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
.td-card h2 {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.td-card .td-body {
  padding: 14px 16px;
}
.td-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
} /* 16:9 */
.td-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.td-embed.tall {
  padding-top: 78%;
}
.td-embed.short {
  padding-top: 40%;
}
.td-note {
  font-size: 13px;
  opacity: 0.8;
  margin-top: 8px;
}
.td-btnrow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.td-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: var(--primary);
  color: #fff;
  font-size: 14px;
}
.td-btn:hover {
  opacity: .85l
}
.td-pill {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
}
.td-alert {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 10px 0;
}
.td-alert h3 {
  margin: 0 0 6px 0;
  font-size: 15px;
}
.td-alert p {
  margin: 0;
  font-size: 13px;
  opacity: 0.9;
}
.td-alert a {
  font-weight: 600;
  text-decoration: none;
}
.td-muted {
  opacity: 0.75;
}
.td-split {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}



 :root{
      --navy:#0B1F33;
      --blue:#124E78;
      --teal:#1F7A8C;
      --green:#2E9E5B;
      --gold:#E5B93C;
      --red:#C0392B;
      --white:#FFFFFF;
      --offwhite:#F8FBFD;
      --gray:#D9E2EC;
      --text:#102A43;
      --muted:#486581;
      --shadow:0 10px 30px rgba(11,31,51,.12);
      --radius:16px;
    }
.panel{
      background:var(--offwhite);
      color:var(--text);
      border-radius:18px;
      box-shadow:var(--shadow);
      padding:24px;
      border:1px solid var(--gray);
    }

    .eyebrow{
      margin:0 0 8px;
      font-size:12px;
      letter-spacing:1.2px;
      text-transform:uppercase;
      color:var(--muted);
      font-weight:700;
    }

    .small-links a {
	font-size: 13px;
}
    .status-safe{color:var(--green); font-weight:700}
    .status-alert{color:var(--red); font-weight:700}
    .small{font-size:.92rem; color:var(--muted)}
    .small-links{
      font-size:.92rem;
      margin-top:14px;
    }
    .small-links a{color:var(--blue); text-decoration:none}
    .small-links a:hover{text-decoration:underline}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:12px 12px;
      border-radius:12px;
      border:0;
      text-decoration:none;
      font-weight:700;
      cursor:pointer;
      transition:.18s ease;
      box-shadow:0 6px 16px rgba(11,31,51,.12);
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:var(--blue); 
	color:var(--white)}
    .btn-primary:hover{background:var(--secondary)}
    .btn-green{background:var(--green); color:var(--white)}
    .btn-green:hover{filter:brightness(1.04)}
    .btn-outline{
      background:transparent;
      color:var(--white);
      border:2px solid rgba(255,255,255,.85);
      box-shadow:none;
    }

.btn-outline:hover{background:rgba(255,255,255,.12)}
    .btn-gold{
      background:var(--gold);
      color:var(--navy);
    }

    .btn-stack{
      display:grid;
      gap:10px;
      margin-top:12px;
    }
    .btn-stack .btn{width:100%}

    .hero-cta{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      margin-top:20px;
    }

    .zip-label{
      font-size:.95rem;
      font-weight:700;
      margin:14px 0 8px;
    }

    .zip-form{
      display:grid;
      grid-template-columns:1fr auto;
      gap:10px;
      margin-bottom:12px;
    }

    .zip-input{
      width:100%;
      min-height:48px;
      border-radius:12px;
      border:1px solid #bcccdc;
      padding:12px 14px;
      font-size:16px;
    }

    .results{
      display:none;
      margin-top:16px;
      background:#fff;
      border:1px solid var(--gray);
      border-radius:14px;
      padding:16px;
    }

    .results h4{
      margin:0 0 10px;
      font-size:1rem;
    }

    .results-grid{
      display:grid;
      gap:10px;
    }
    .results .btn{
      width:100%;
      justify-content:space-between;
    }

    .quick-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      margin-top:32px;
    }

    .card{
      background:var(--white);
      border-radius:16px;
      box-shadow:var(--shadow);
      border:1px solid var(--gray);
      padding:20px;
    }

    .card h3{margin-bottom:6px}
    .card p{color:var(--muted); min-height:48px}
    .card .btn{width:100%}

    .code-note{
      background:#fff8db;
      border:1px solid #f0dda3;
      border-radius:12px;
      padding:14px 16px;
      margin-top:28px;
      color:#5c4b00;
      font-size:.95rem;
    }

    code, pre{
      font-family:Consolas, Monaco, monospace;
    }
    pre{
      white-space:pre-wrap;
      background:#0f1720;
      color:#dce7f0;
      padding:18px;
      border-radius:14px;
      overflow:auto;
    }
.btn-stack .btn.btn-primary {
	font-size: 14px;
}
h2.font_22 {
	font-size: 22px !important;
}
    @media (max-width: 980px){
      .hero-grid{grid-template-columns:1fr}
      .quick-grid{grid-template-columns:repeat(2,1fr)}
    }

    @media (max-width: 640px){
      .wrap{padding:16px}
      .quick-grid{grid-template-columns:1fr}
      .zip-form{grid-template-columns:1fr}
      .hero-cta{flex-direction:column}
      .hero-cta .btn{width:100%}
    }