@font-face{font-family:Roundo;src:url('/assets/fonts/roundo-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roundo;src:url('/assets/fonts/roundo-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Roundo;src:url('/assets/fonts/roundo-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.scx-overview{--scx-ink:#202320;--scx-muted:#555555;--scx-paper:#ffffff;--scx-surface:#f3f3f3;--scx-accent:#ffcf22;--scx-display:clamp(2.25rem,4vw,3.5rem);--scx-heading:clamp(1.75rem,2.6vw,2.5rem);--scx-title:clamp(1.5rem,2.1vw,2rem);--scx-body:1rem;--scx-gap:clamp(32px,4.5vw,64px);font-family:Roundo,Arial,sans-serif;font-size:var(--scx-body);line-height:1.6;font-synthesis:none;color:var(--scx-ink);background:var(--scx-paper)}
.scx-overview ::selection{background:var(--scx-accent);color:var(--scx-ink)}
.scx-overview .scx-shell{width:min(1240px,calc(100% - 80px))}
.scx-overview [id]{scroll-margin-top:112px}
.scx-overview h1,.scx-overview h2{font-family:inherit;font-weight:500;letter-spacing:-.025em;text-wrap:balance;color:var(--scx-ink)}
.scx-overview h2{margin:0 0 18px;font-size:var(--scx-heading);line-height:1.15}
.scx-overview p{margin:0 0 16px;font-size:var(--scx-body);line-height:1.6;color:var(--scx-muted)}
.scx-overview p:last-child{margin-bottom:0}
.scx-overview strong{font-weight:600;color:var(--scx-ink)}
.scx-overview a:focus-visible{outline:3px solid var(--scx-ink);outline-offset:5px}
.scx-overview .scx-hero{padding:56px 0 64px;background:var(--scx-paper);text-align:left}
.scx-overview-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px}
.scx-overview .scx-hero h1{margin:0 0 24px;max-width:15ch;font-size:var(--scx-display);font-weight:500;line-height:1.08;letter-spacing:-.03em}
.scx-overview .scx-lead{max-width:43ch;margin:0;font-size:18px;line-height:1.55;color:var(--scx-muted)}
.scx-overview .scx-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px 20px;margin:28px 0 0}
.scx-overview .scx-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:99px;background:var(--scx-accent);color:var(--scx-ink);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:background-color 160ms ease}
.scx-overview .scx-action:hover{background:var(--scx-ink);color:var(--scx-paper)}
.scx-overview .scx-action:active{transform:translateY(1px)}
.scx-overview .scx-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;color:var(--scx-ink);text-decoration:underline;text-underline-offset:5px}
.scx-overview-visual,.scx-feature-visual{margin:0;min-width:0}
.scx-overview-visual img,.scx-feature-visual img{display:block;width:100%;height:auto}
.scx-feature-story{padding:0 0 72px}
.scx-feature-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:var(--scx-gap);margin-top:72px}
.scx-feature-story>.scx-feature-row:first-child{margin-top:0}
.scx-feature-copy{max-width:52ch}
.scx-feature-copy h2{font-size:var(--scx-title)}
.scx-feature-row-reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.scx-feature-row-reverse .scx-feature-copy{order:2}
.scx-feature-row-reverse .scx-feature-visual{order:1}
.scx-feature-wide{margin-top:72px}
.scx-feature-wide-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 var(--scx-gap)}
.scx-feature-wide-copy h2{grid-column:1;grid-row:1/span 2;align-self:start;font-size:var(--scx-title)}
.scx-feature-wide-copy p{grid-column:2;max-width:58ch}
.scx-feature-wide-copy p:last-child{margin:0}
.scx-feature-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.scx-overview-value{padding:40px 0;background:var(--scx-surface)}
.scx-overview-value-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--scx-gap);align-items:center}
.scx-overview-value h2{margin:0;font-size:var(--scx-title)}
.scx-overview-value p{max-width:58ch;margin:0}
.scx-overview-partner{padding:72px 0 64px}
.scx-overview-partner-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--scx-gap)}
.scx-overview-partner-heading>p{max-width:36ch}
.scx-overview-badge{display:block;width:176px;height:auto;margin-top:24px}
.scx-overview-partner-copy{max-width:58ch}
.scx-overview-partner-copy p{margin-bottom:20px}
.scx-overview-partner-copy .scx-action{margin-top:4px}
.scx-overview .scx-source{padding:20px 0 36px;border:0;color:var(--scx-muted);font-family:inherit;font-size:13px;line-height:1.5}
@media(max-width:900px){
  .scx-overview .scx-shell{width:calc(100% - 48px)}
  .scx-overview-hero{grid-template-columns:1fr;gap:32px}
  .scx-overview .scx-hero h1{max-width:none}
  .scx-overview .scx-lead{max-width:46ch}
  .scx-overview-visual{max-width:760px}
  .scx-feature-row,.scx-feature-row-reverse{grid-template-columns:1fr;gap:24px;margin-top:56px}
  .scx-feature-row-reverse .scx-feature-copy,.scx-feature-row-reverse .scx-feature-visual{order:initial}
  .scx-feature-copy{max-width:60ch}
  .scx-feature-visual{max-width:760px}
  .scx-feature-wide-copy{display:block;max-width:60ch}
  .scx-feature-image-pair{margin-top:24px}
}
@media(max-width:600px){
  .scx-overview .scx-shell{width:calc(100% - 40px)}
  .scx-overview .scx-hero{padding:36px 0 48px}
  .scx-overview .scx-lead{font-size:var(--scx-body);max-width:35ch}
  .scx-overview .scx-actions{gap:8px 18px;margin-top:22px}
  .scx-overview .scx-action{padding-inline:20px}
  .scx-feature-story{padding-bottom:48px}
  .scx-feature-row{margin-top:48px}
  .scx-feature-wide{margin-top:48px}
  .scx-feature-image-pair{grid-template-columns:1fr;gap:20px}
  .scx-overview-value{padding:32px 0}
  .scx-overview-value-grid,.scx-overview-partner-grid{grid-template-columns:1fr;gap:24px}
  .scx-overview-partner{padding:48px 0 36px}
  .scx-overview-badge{width:160px;margin-top:20px}
  .scx-overview .scx-source{padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.scx-overview .scx-action{transition:none}.scx-overview .scx-action:active{transform:none}}
