/* trades.css: add-on for trade landing pages. Loads AFTER /landing/styles.css. Does not change the homepage. */
.trade .sheet { grid-template-columns: minmax(0, 1fr); max-width: 1100px; }
.trade .col { border-right: 0; }
.crumbs { margin: 22px 0 0; }
.crumbs a { color: inherit; }
.t-hero { padding: 26px 0 56px; max-width: 46em; }
.t-hero h1 { font-weight: 800; font-size: clamp(38px, 5.4vw, 68px); line-height: .98; letter-spacing: -.03em; margin: 10px 0 22px; font-variation-settings: "wdth" 82, "opsz" 72; }
.t-sec { padding: 40px 0; border-top: 2px dashed rgba(26, 95, 180, .35); }
.t-sec h2 { font-weight: 800; font-size: clamp(26px, 3vw, 40px); line-height: 1.05; letter-spacing: -.02em; margin: 0 0 20px; max-width: 24ch; }
.t-note { margin-top: 18px; }
.t-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.t-plan { background: var(--sheet); border: 2px solid var(--ink); padding: 20px 20px 22px; box-shadow: 8px 8px 0 rgba(21, 25, 29, .14); display: flex; flex-direction: column; }
.t-plan h3 { font-weight: 800; font-size: 24px; line-height: 1.05; margin: 0 0 10px; }
.t-plan .btn { margin-top: auto; align-self: flex-start; }
.t-plan p { margin: 0 0 12px; }
.t-faq dt { font-weight: 700; font-size: 19px; margin-top: 16px; }
.t-faq dd { margin: 4px 0 0; max-width: 40em; }
.trade .foot-links + .foot-links { margin-top: 10px; }
@media (max-width: 860px) { .t-plans { grid-template-columns: 1fr; } }