.how-it-works{width:100%;padding-block:var(--spacing-1000);background:var(--color-background-surface);color:var(--color-text)}.how-it-works-layout{width:min(calc(100% - 48px),var(--container-content));margin-inline:auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--spacing-800);align-items:start}.how-it-works-title{margin:0;font-size:var(--text-heading-xxlarge);line-height:var(--leading-heading-xxlarge);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading)}.how-it-works-content{display:flex;flex-direction:column;gap:var(--spacing-500);min-width:0}.how-it-works-lede{margin:0;font-size:var(--text-body-large);line-height:var(--leading-body-large)}.how-it-works-grid{margin:0;padding:var(--spacing-400) 0 0;list-style:none;border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-300)}.how-it-works-pillar{display:flex;flex-direction:column;gap:var(--spacing-150)}.how-it-works-pillar-heading{display:flex;align-items:center;gap:var(--spacing-100)}.how-it-works-step{flex-shrink:0;min-width:var(--spacing-300);color:var(--color-text-brand);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.how-it-works-pillar h3{margin:0;font-size:var(--text-heading-small);line-height:var(--leading-heading-small);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-body)}.how-it-works-pillar p{margin:0;font-size:var(--text-body-large);line-height:var(--leading-body-large)}@media (max-width:1100px){.how-it-works-layout{grid-template-columns:1fr;gap:var(--spacing-400)}.how-it-works-title{max-width:600px}}@media (max-width:760px){.how-it-works{padding-block:var(--spacing-600)}.how-it-works-layout{width:calc(100% - 32px)}.how-it-works-content{gap:var(--spacing-400)}.how-it-works-grid{padding-top:var(--spacing-300);grid-template-columns:1fr}.how-it-works-title{font-size:var(--text-heading-xlarge);line-height:var(--leading-heading-xlarge)}}.explore-title{margin:0;font-size:var(--text-heading-xxlarge);line-height:var(--leading-heading-xxlarge);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading)}.explore{padding-block:var(--spacing-1000)}.explore-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-300);margin-bottom:var(--spacing-500)}.explore-head-left{display:flex;flex-direction:column;gap:var(--spacing-150)}.explore-subtitle{margin:0;font-size:var(--text-body-large);line-height:var(--leading-body-large)}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-300)}.example{margin:0;min-width:0}.example-preview{aspect-ratio:6/5;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-background-preview)}.example-preview img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(.7)}.example figcaption{padding-top:var(--spacing-150);font-size:var(--text-body-small);line-height:var(--leading-body-small)}.landing-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-300);padding-block:var(--spacing-400) var(--spacing-1000)}.landing-cta h2{margin:0;text-align:center;font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading)}.landing-cta .button{padding-inline:var(--spacing-300)}@media (max-width:760px){.explore{padding-block:var(--spacing-600)}.examples{grid-template-columns:1fr}.landing-cta h2{font-size:var(--text-heading-xxlarge);line-height:var(--leading-heading-xxlarge)}.explore-title{font-size:var(--text-heading-large);line-height:var(--leading-heading-large)}.explore-head{align-items:flex-start;flex-direction:column}}