.trades{display:flex;flex-direction:column}.trades__band{width:min(100%,1120px);margin:0 auto;padding:var(--space-8,64px) var(--oc-space-5);box-sizing:border-box}.trades__band--tint{width:100%;max-width:none;background:color-mix(in srgb,var(--oc-accent-primary) 12%,var(--oc-bg-page))}.trades__band--tint>.trades__band-inner{width:min(100%,1120px);margin:0 auto}.trades__hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--oc-space-5);padding-bottom:var(--oc-space-6)}.trades__title{max-width:14ch;margin:0;font-size:clamp(2.75rem,6.5vw,5.5rem);line-height:1.02;letter-spacing:-.03em;text-align:left}.trades__lede{max-width:34rem;margin:0;font-size:var(--oc-font-size-lg);line-height:1.5;text-align:left}.trades__actions{display:flex;flex-wrap:wrap;gap:var(--oc-space-3)}.trades__collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--oc-space-5);gap:var(--oc-space-5);align-items:start;margin-top:var(--oc-space-4)}.trades__collage>:nth-child(2){margin-top:var(--oc-space-7,48px)}.trades__piece{padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);min-width:0}.trades__strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--oc-space-3) var(--oc-space-5);margin:0;padding:var(--oc-space-5) 0 0;border-top:1px solid var(--oc-border-subtle);list-style:none;color:var(--oc-text-secondary)}.trades__strip li+li:before{content:"•";margin-right:var(--oc-space-5);color:var(--oc-text-muted)}.trades__split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:var(--oc-space-6);gap:var(--oc-space-6);align-items:start}.trades__split h2{margin:var(--oc-space-2) 0 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.02em}.trades__body{margin:0;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.45}.trades__demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--oc-space-5);gap:var(--oc-space-5);margin-top:var(--oc-space-6);padding:var(--oc-space-5);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface)}.trades__demo-label{grid-column:1/-1;margin:0}.trades__section-title{margin:0 0 var(--oc-space-6);font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.02em}.trades__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--oc-space-4);gap:var(--oc-space-4);margin:0;padding:0;list-style:none}.trades__card{display:flex;flex-direction:column;gap:var(--oc-space-3);padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);min-width:0}.trades__card-preview{min-height:180px;padding:var(--oc-space-3);border-radius:var(--oc-radius-inset);background:var(--oc-bg-recessed);overflow:hidden}.trades__card h3,.trades__card p{margin:0}.trades__card-by{margin-top:auto;color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}.trades__steps-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--oc-space-5)}.trades__steps-row h2{margin:0;font-size:clamp(1.5rem,2.5vw,2rem)}.trades__steps{display:flex;flex-wrap:wrap;gap:var(--oc-space-5);margin:0;padding:0;list-style:none;counter-reset:step}.trades__steps li{counter-increment:step}.trades__steps li:before{content:counter(step,decimal-leading-zero) " ";color:var(--oc-text-muted);font-family:var(--oc-font-mono)}.trades__statement{display:flex;flex-direction:column;align-items:center;gap:var(--oc-space-4);text-align:center}.trades__statement p{max-width:40rem;margin:0;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.35}.trades__statement .oc-settings-group{width:min(100%,720px);text-align:left}.trades__closing{display:flex;flex-direction:column;align-items:center;gap:var(--oc-space-5);text-align:center}.trades__closing h2{margin:0;font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.05;letter-spacing:-.02em}.trades__caption{margin:var(--oc-space-3) 0 0;color:var(--oc-text-muted);font-size:var(--oc-font-size-xs)}@media (max-width:960px){.trades__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.trades__collage{grid-template-columns:minmax(0,1fr)}.trades__collage>:nth-child(2){margin-top:0}}@media (max-width:720px){.trades__cards,.trades__demo,.trades__split{grid-template-columns:minmax(0,1fr)}}