/* Snaptools Core v2: product-grade shared UI */
.st-tool-hero{
  max-width:1100px;
  margin:28px auto 28px;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(135deg,#f7fbff 0%,#eef7ff 48%,#ffffff 100%);
  border:1px solid #dbeafe;
  box-shadow:0 10px 28px rgba(21,33,89,.07);
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:center;
}
.st-tool-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  color:#2563eb;
  font-size:.9rem;
  font-weight:800;
}
.st-tool-hero h1{
  margin:0 0 12px;
  color:#152159;
  font-size:clamp(1.8rem,4vw,2.65rem);
  line-height:1.22;
  letter-spacing:.01em;
}
.st-tool-hero__lead{
  margin:0;
  max-width:760px;
  color:#475569;
  line-height:1.9;
  font-size:1.02rem;
}
.st-tool-hero__side{
  background:rgba(255,255,255,.78);
  border:1px solid #e6edf7;
  border-radius:20px;
  padding:18px;
}
.st-trust-badges{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.st-trust-badges li{
  padding:8px 10px;
  border-radius:999px;
  background:#eef7ff;
  color:#152159;
  font-size:.84rem;
  font-weight:800;
  white-space:nowrap;
}
.st-tool-hero__note{
  margin:14px 0 0;
  color:#64748b;
  font-size:.88rem;
  line-height:1.7;
}
.st-use-cases,
.st-next-actions{
  max-width:1100px;
  margin:32px auto;
  background:#fff;
  border-radius:20px;
  padding:32px;
  box-shadow:0 8px 24px rgba(21,33,89,.06);
}
.st-use-case-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.st-use-case-card{
  border:1px solid #e6edf7;
  border-radius:18px;
  padding:20px;
  background:#f8fbff;
}
.st-use-case-icon{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#eaf3ff;
  color:#2563eb;
  font-weight:900;
  margin-bottom:10px;
}
.st-use-case-card h3{
  margin:0 0 8px;
  color:#152159;
  font-size:1.05rem;
}
.st-use-case-card p{
  margin:0;
  color:#475569;
  line-height:1.75;
  font-size:.94rem;
}
.st-next-action-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.st-next-action-card{
  display:block;
  padding:20px;
  border-radius:18px;
  border:1px solid #dbeafe;
  background:#f8fbff;
  text-decoration:none;
  color:#152159;
  transition:.18s ease;
}
.st-next-action-card:hover{
  transform:translateY(-2px);
  background:#eef7ff;
}
.st-next-action-card strong{
  display:block;
  margin-bottom:6px;
}
.st-next-action-card span{
  display:block;
  color:#64748b;
  line-height:1.65;
  font-size:.92rem;
}
.st-tool-slim-content{
  max-width:1100px;
  margin:32px auto;
  background:#fff;
  border-radius:20px;
  padding:32px;
  box-shadow:0 8px 24px rgba(21,33,89,.06);
  line-height:1.9;
}
.st-tool-slim-content h2{
  margin:34px 0 12px;
  color:#152159;
  font-size:1.45rem;
}
.st-tool-slim-content h2:first-child{margin-top:0;}
.st-tool-slim-content p,
.st-tool-slim-content li{color:#475569;}
@media(max-width:900px){
  .st-tool-hero{grid-template-columns:1fr;padding:24px 20px;margin:20px auto 24px;}
  .st-tool-hero__side{padding:16px;}
  .st-trust-badges{grid-template-columns:1fr 1fr;}
  .st-use-cases,.st-next-actions,.st-tool-slim-content{padding:24px 20px;margin:24px auto;}
  .st-use-case-grid,.st-next-action-list{grid-template-columns:1fr;}
}
@media(max-width:420px){
  .st-trust-badges{grid-template-columns:1fr;}
}