.hero{padding:72px 0 48px;}
.hero .eyebrow{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.06em;color:var(--teal);text-transform:uppercase;margin-bottom:14px;}
.hero p.lead{font-size:1.15rem;color:var(--ink-soft);max-width:560px;margin:0 0 28px;}

.route{position:relative;margin-top:64px;padding:32px 8px 8px;}
.route svg{width:100%;height:auto;display:block;}
.route .stop-label{font-family:var(--font-mono);font-size:0.72rem;color:var(--ink-soft);text-align:center;margin-top:8px;}
.route .stop-title{font-size:0.85rem;font-weight:600;color:var(--ink);text-align:center;margin-top:2px;}

section{padding:48px 0;}
section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:760px){.grid-3{grid-template-columns:1fr;}}

.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;}
.card .icon{width:36px;height:36px;border-radius:8px;background:var(--teal-light);display:flex;align-items:center;justify-content:center;color:var(--teal);margin-bottom:14px;font-family:var(--font-mono);font-weight:500;}
.card h3{margin-bottom:8px;}
.card p{color:var(--ink-soft);font-size:0.94rem;margin:0;}

.section-head{margin-bottom:32px;}
.section-head .eyebrow{font-family:var(--font-mono);font-size:0.78rem;color:var(--teal);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}

.trust-strip{display:flex;align-items:center;gap:20px;background:var(--teal-light);border-radius:10px;padding:24px 28px;}
.trust-strip .icon{font-family:var(--font-mono);font-size:1.4rem;color:var(--teal);}
.trust-strip p{margin:0;color:var(--ink);}
.trust-strip p strong{color:var(--teal);}

@media (max-width:760px){
  .hero .wrap{grid-template-columns:1fr !important;text-align:center;}
}

.tool-card{
  text-decoration:none;color:inherit;background:var(--surface);
  border:1px solid var(--border);border-radius:12px;padding:20px;
  border-top:4px solid var(--border);
  transition:transform 0.15s ease, box-shadow 0.15s ease;
  display:block;
}
.tool-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  text-decoration:none;
}
.tool-card .tool-icon{
  width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;margin-bottom:12px;
}
.tool-card.tc-teal{border-top-color:var(--teal)}
.tool-card.tc-teal .tool-icon{background:var(--teal-light);color:var(--teal)}
.tool-card.tc-gold{border-top-color:var(--gold)}
.tool-card.tc-gold .tool-icon{background:var(--gold-bg);color:var(--gold-text)}
.tool-card.tc-purple{border-top-color:var(--purple)}
.tool-card.tc-purple .tool-icon{background:var(--purple-bg);color:var(--purple-text)}
.tool-card.tc-peri{border-top-color:var(--peri-text)}
.tool-card.tc-peri .tool-icon{background:var(--peri-bg);color:var(--peri-text)}
.tool-card.tc-sand{border-top-color:var(--sand)}
.tool-card.tc-sand .tool-icon{background:var(--sand-bg);color:var(--sand-text)}
.tool-card.tc-blue{border-top-color:var(--accent)}
.tool-card.tc-blue .tool-icon{background:var(--peri-bg);color:var(--accent)}
