/* Safety page — uses site colors; no drop shadows */

/* general containers */
.container{ max-width: 1100px; margin: 0 auto; padding: 0 16px; }

/* hero */
.safety-hero{ padding: 28px 0 8px; text-align: center; }
.safety-hero .brand{ font-size: clamp(32px, 6vw, 56px); margin-bottom: 8px; }
.safety-hero .lede{ font-size: clamp(18px, 2.2vw, 22px); color:#394854; }

/* section title */
.section-title{ font-size: clamp(22px, 3.4vw, 32px); margin: 10px 0 8px; text-align:center; }

/* features grid */
.safety-grid{ padding: 20px 0 10px; }
.feature-list{
  display:grid; gap:18px; list-style:none; padding:0; margin:16px 0 8px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.feature-list li{
  background:#fff; border-radius:14px; padding:16px;
  border:1px solid rgba(0,0,0,.06); /* no shadows */
}
.feature-list .ico{ font-size:22px; display:inline-block; margin-right:6px; align: center;}
.feature-list h3{ margin:0 0 6px; font-size: clamp(18px, 2.2vw, 20px); }
.feature-list p{ margin:0; color:#2d3a46; font-size:16px; }

/* design block (image + text) */
.design-block{
  display:grid; gap:28px; align-items:center; padding: 28px 0;
  grid-template-columns: 1.05fr 1fr;
}
.design-block.img-right{ grid-template-columns: 1fr 1.05fr; }
.design-copy h2{ margin:0 0 8px; font-size: clamp(24px, 3.6vw, 34px); }
.design-copy p{ margin:10px 0; color:#2d3a46; font-size: clamp(16px, 1.8vw, 18px); }
.bullets{ margin:10px 0; padding-left:18px; }
.bullets li{ margin:4px 0; }

.design-img img{
  width:100%; height:auto; border-radius:16px;
  border:1px solid rgba(0,0,0,.06); /* no shadows */
}
.design-img .tiny{ font-size:12px; color:#5b5b66; margin-top:6px; }

/* two-column text section */
.safety-columns{
  display:grid; gap:28px; padding: 10px 0 24px;
  grid-template-columns: 1fr 1fr;
}
.safety-columns h2{ margin:0 0 8px; font-size: clamp(22px, 3.2vw, 28px); }
.safety-columns p, .safety-columns li{ color:#2d3a46; }

/* QA & disclosure */
.qa{ padding: 8px 0 24px; }
.qa h2{ font-size: clamp(22px, 3.2vw, 28px); margin-bottom:6px; }
.qa h3{ font-size: clamp(18px, 2.5vw, 20px); margin: 12px 0 6px; }
.disclosure{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:12px; padding:12px 14px; color:#394854;
}

/* CTA subscribe (centered & padded like About) */
.safety-cta{ text-align:center; padding: 24px 0 56px; }
.safety-cta h2{ font-size: clamp(22px, 3.8vw, 32px); margin-bottom:6px; }
.safety-cta p{ color:#394854; }

.safety-cta .subscribe-form{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; margin:18px auto 0; padding: 10px 0; max-width:420px;
}
.safety-cta .subscribe-form input[type="email"]{
  width:100%; padding:14px 18px; border-radius:10px; font-size:1rem; text-align:center;
}
.safety-cta .subscribe-form .btn{ min-width:160px; }

/* Responsive stacks */
@media (max-width: 900px){
  .design-block, .design-block.img-right{ grid-template-columns:1fr; }
  .safety-columns{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .deco, .deco *{ display:none !important; }
}