/* Intent Engine page — page-specific classes layered on site.css (Tommy Editorial v3.0) */

/* hero tagline + endorsement lockup (shared service-page treatment) */
.st-endorse { display: flex; align-items: center; gap: 16px; margin-top: 42px; }
.st-endorse .by { font-size: 18px; letter-spacing: 0.05em; color: var(--advisory-gold); }
.st-endorse img { height: 72px; width: auto; display: block; }
.hero .st-tag { margin-top: 40px; font-family: var(--font-display); font-style: normal; font-size: 24px; color: var(--advisory-gold); }

/* two-card paper-ground blocks (shared service-page treatment) */
.st-pay { display: grid; gap: 24px; margin-top: 40px; }
.st-card { border: 1px solid rgba(15, 27, 45, 0.15); border-top: 3px solid var(--advisory-gold); border-radius: 2px; padding: 28px; }
.st-card .ph { font-family: var(--font-display); font-size: 23px; line-height: 1.16; color: var(--advisory-navy); }
.st-card .pb { margin-top: 14px; font-size: 15px; line-height: 1.62; color: rgba(15, 27, 45, 0.72); }
.st-card .pb a { color: var(--advisory-gold-2); text-decoration: underline; text-underline-offset: 3px; }

/* the five-step flow — numbered grid on navy ground */
.flow-grid { display: grid; gap: 22px; margin-top: 40px; }
.flow-step { border-top: 1px solid var(--advisory-gold); padding-top: 18px; }
.flow-step .fn { font-family: var(--font-display); font-size: 22px; color: var(--advisory-gold); letter-spacing: 0.02em; }
.flow-step .ft { margin-top: 6px; font-family: var(--font-display); font-size: 20px; color: #F5EFE3; }
.flow-step .fb { margin-top: 12px; font-size: 14px; line-height: 1.6; color: rgba(245, 239, 227, 0.78); }

@media (min-width: 640px) {
  .st-pay { grid-template-columns: 1fr 1fr; }
  .flow-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1000px) {
  .flow-grid { grid-template-columns: repeat(5, 1fr); }
  .flow-step .fb { font-size: 13px; }
}
@media (max-width: 719px) {
  .st-endorse img { height: 40px; }
  .st-endorse .by { font-size: 13px; }
}