/* Broker / account-setup page layout. */
.page-hero{padding-top:64px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
@media (max-width:940px){.page-hero{grid-template-columns:1fr;gap:40px}}
.page-hero h1{font-size:clamp(42px,6.4vw,68px);line-height:1.02;margin:16px 0 20px}
.page-hero p{max-width:460px;color:var(--text-on-dark-dim);font-size:16px}
.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}

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

.walkthrough{display:grid;grid-template-columns:.5fr 1fr;gap:56px;align-items:start}
@media (max-width:880px){.walkthrough{grid-template-columns:1fr;gap:28px}}
.walkthrough-visual{position:sticky;top:110px;padding:30px;text-align:center}
@media (max-width:880px){.walkthrough-visual{position:static}}
.walkthrough-visual .broker-mark{margin:0 auto 16px}
.walkthrough-visual h3{font-size:20px;margin-bottom:6px}
.walkthrough-visual p{color:var(--text-on-dark-dim);font-size:13.5px;margin-bottom:20px}

.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line);padding:20px 0}
.faq-item summary{cursor:pointer;font:16px var(--font-body);font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font:20px var(--font-mono);color:var(--gold);transition:transform var(--dur-fast) var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin-top:12px;color:var(--text-on-dark-dim);font-size:14px;max-width:64ch}