.templates-hero { padding:42px 0 24px; max-width:900px; }
.templates-hero h1 { max-width:none; font-size:clamp(2.5rem,4.5vw,3.8rem); line-height:1.04; letter-spacing:-.065em; font-weight:470; margin:16px 0 18px; }
.templates-hero .lead { max-width:650px; font-size:1.07rem; line-height:1.75; }
.templates-reassurance { margin:20px 0 0; color:#847797; font-size:.76rem; }
.template-showcase { margin:14px 0 48px; border:1px solid #e5deef; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 15px 50px #4a366b07; }
.template-showcase-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; }
.template-showcase-heading :is(h2,h3) { margin:6px 0 0; font-size:1.45rem; letter-spacing:-.04em; font-weight:500; }
.template-showcase-heading .eyebrow { font-size:.62rem; }
.template-showcase-heading>a { font-size:.75rem; white-space:nowrap; }
.template-example-picker { display:flex; gap:10px; padding:0 28px 22px; border-bottom:1px solid #e9e3f0; }
.template-example-picker a { flex:1; display:block; border:1px solid #e6e0ee; border-radius:9px; padding:12px 16px; text-decoration:none; background:#fcfbfe; }
.template-example-picker small { display:block; color:#9c8cab; font-size:.63rem; margin-bottom:5px; }
.template-example-picker strong { font-size:.8rem; color:#7e6a8d; font-weight:550; }
.template-example-picker a[aria-current] { background:#f3eefa; border-color:#bca6df; }
.template-example-picker a[aria-current] strong { color:#644092; }
.template-example-picker a:focus-visible { outline:2px solid #7852c5; outline-offset:3px; }
.template-chart-frame { display:block; border:0; width:100%; height:700px; background:#fff; }
.template-chart-caption { margin:0; padding:16px 25px; border-top:1px solid #eee8f5; color:#8c7b9b; font-size:.73rem; line-height:1.7; }
.template-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.template-cards--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.template-card { border:1px solid #e5deef; border-radius:14px; display:flex; flex-direction:column; }
.template-card-body { padding:28px; display:flex; flex-direction:column; flex:1; }
.template-card-body .eyebrow { font-size:.64rem; color:#7e589f; }
.template-card-body :is(h2,h3) { font-size:1.65rem; font-weight:490; letter-spacing:-.055em; margin:10px 0 15px; }
.template-card-body>p:not(.eyebrow) { font-size:.85rem; line-height:1.8; color:#72627e; margin:0 0 18px; }
.template-card-body .template-try { font-size:.75rem!important; margin-top:auto!important; padding:15px 0 0; }
.template-try strong { color:#7c608f; font-weight:550; }
.template-card-body .button { font-size:.8rem; padding:12px 17px; justify-content:space-between; min-height:44px; margin-top:5px; }
.template-secondary { text-align:center; font-size:.71rem; color:#79588d; margin-top:15px; text-decoration:none; }
.template-secondary:hover { text-decoration:underline; }
.templates-next { display:grid; grid-template-columns:1fr 1fr; gap:50px; border-top:1px solid #e8e2ef; padding:55px 0 70px; margin-top:60px; }
.templates-next h2 { font-weight:480; font-size:clamp(2rem,4vw,3rem); line-height:1.16; letter-spacing:-.05em; margin:14px 0; }
.templates-next p:not(.eyebrow) { font-size:.92rem; color:#776481; line-height:1.8; }
.templates-next .text-link { font-size:.85rem; }
@media(max-width:760px) {
  .templates-hero { padding:32px 0 18px; }
  .templates-hero .lead { font-size:.95rem; }
  .template-showcase-heading { padding:20px; flex-wrap:wrap; gap:12px; }
  .template-example-picker { padding:0 12px 14px; gap:6px; }
  .template-example-picker a { padding:10px; }
  .template-example-picker strong { font-size:.68rem; }
  .template-chart-frame { height:740px; }
  .template-chart-caption { padding:14px 18px; }
  .template-cards { grid-template-columns:minmax(0,1fr); gap:20px; }
  .template-card-body { padding:25px; }
  .templates-next { grid-template-columns:1fr; gap:10px; padding:40px 0; margin-top:40px; }
}