/* v37 multi-page architecture */
body{background:#03101f;color:#f6f8fb}
main{min-height:calc(100vh - 82px)}
.page-hero{padding:92px 7% 58px;background:#03101f;border-bottom:1px solid #ffffff14}
.page-hero .eyebrow{margin-bottom:18px}
.page-hero h1{max-width:980px;margin:0 0 20px;font-family:var(--h);font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em}
.page-hero h1 em{font-style:normal;color:var(--blue)}
.page-hero .lead{max-width:780px;font-size:18px;line-height:1.7;color:#c9d5e5}
.page-section{padding:70px 7%;background:#f7f8fa;color:#091525}
.page-section.navy{background:#03101f;color:#f6f8fb}
.page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;max-width:1180px;margin:0 auto}
.page-content{max-width:820px}
.page-content h2,.page-section h2{font-family:var(--h);font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.035em;margin:0 0 22px}
.page-content h3{font-family:var(--h);font-size:26px;margin:38px 0 12px}
.page-content p{font-size:16px;line-height:1.8;margin:0 0 18px}
.page-content ul{padding-left:22px;line-height:1.9}
.page-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:38px auto 0}
.page-card{padding:28px;border:1px solid #ffffff18;background:#071b31;min-height:190px}
.light .page-card{background:#fff;border-color:#0b1a2b16}
.page-card b{font-size:12px;letter-spacing:.18em;color:var(--blue)}
.page-card h3{font-family:var(--h);font-size:22px;margin:14px 0 10px}
.page-card p{font-size:14px;line-height:1.7;color:#aebdce}
.light .page-card p{color:#596779}
.callout{margin:32px 0;padding:25px 28px;border-left:2px solid var(--blue);background:#0a2038}
.light .callout{background:#edf3fb}
.callout strong{display:block;margin-bottom:8px}
.page-figure{margin:0}
.page-figure img{width:100%;display:block;border-radius:12px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:35px auto}
.market-page .market-grid{max-width:1180px;margin:0 auto}
.tools-page .finance-tools{max-width:1180px;margin:0 auto}
.full-width{max-width:1180px;margin:0 auto}
.breadcrumb{max-width:1180px;margin:0 auto 20px;color:#8294aa;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.page-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.page-links .button{display:inline-flex}
.etoro-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1180px;margin:0 auto;padding:38px;border:1px solid #ffffff20;background:#071b31}
.contact-page form{max-width:760px;margin:0 auto}
@media(max-width:850px){
  .page-grid{grid-template-columns:1fr;gap:32px}
  .page-card-grid{grid-template-columns:1fr 1fr}
  .metric-grid{grid-template-columns:1fr 1fr}
  .etoro-cta{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
  .page-hero{padding:65px 5% 42px}
  .page-section{padding:52px 5%}
  .page-card-grid,.metric-grid{grid-template-columns:1fr}
  .page-hero h1{font-size:42px}
  .page-hero .lead{font-size:16px}
}