:where([data-design=standard]){--oc-brand-blue: #023da7;--oc-brand-lime: #dbf059;--oc-ink: #0f0f23;--oc-muted: #555;--oc-surface: #fff;--oc-surface-subtle: #f8fafc;--oc-surface-navy: #0a192f;--oc-on-navy: #fff;--oc-muted-on-navy: #cbd8ea;--oc-border: #e5e7eb;--oc-action: var(--oc-brand-lime);--oc-action-hover: #cadf4b;--oc-action-ink: var(--oc-ink);--oc-focus: var(--oc-brand-blue);--oc-font-sans: "Inter", system-ui, sans-serif;--oc-font-display: "Gilroy", var(--oc-font-sans);--oc-text-sm: .875rem;--oc-text-base: 1rem;--oc-text-lg: 1.25rem;--oc-text-xl: 1.5rem;--oc-text-2xl: 1.875rem;--oc-text-3xl: 2.25rem;--oc-text-4xl: 3rem;--oc-leading-tight: 1.25;--oc-leading-normal: 1.5;--oc-space-2: .5rem;--oc-space-3: .75rem;--oc-space-4: 1rem;--oc-space-6: 1.5rem;--oc-space-8: 2rem;--oc-container: 1302px;--oc-gutter: 15px;--oc-radius-button: 8px;--oc-radius-card: 16px}:where([data-design=standard]) .oc-container{box-sizing:border-box;width:100%;min-width:0;max-width:var(--oc-container);margin-inline:auto;padding-inline:var(--oc-gutter)}:where([data-design=standard]) .oc-hero{--oc-focus: var(--oc-brand-lime);padding-block:clamp(92px,9vw,128px) clamp(44px,6vw,80px);background:var(--oc-surface-navy);color:var(--oc-on-navy)}:where([data-design=standard]) .oc-hero h1{max-width:29ch;font-family:var(--oc-font-display);font-size:clamp(2rem,4.2vw,3.75rem);font-weight:800;line-height:1.12;color:inherit;overflow-wrap:anywhere}:where([data-design=standard]) .oc-hero p{max-width:66ch;margin-block-start:var(--oc-space-4);color:var(--oc-muted-on-navy);font-size:clamp(1rem,1.4vw,1.125rem)}:where([data-design=standard]) .oc-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:var(--oc-space-2) var(--oc-space-6);border:0;border-radius:var(--oc-radius-button);background:var(--oc-action);color:var(--oc-action-ink);font:600 var(--oc-text-base)/var(--oc-leading-tight) var(--oc-font-sans);text-align:center;text-decoration:none;cursor:pointer}:where([data-design=standard]) .oc-button:hover{background:var(--oc-action-hover)}:where([data-design=standard]) .oc-button:focus-visible{outline:2px solid var(--oc-focus);outline-offset:3px}:where([data-design=standard]) .oc-button:disabled{opacity:.6;cursor:default}:where([data-design=standard]) .oc-card{box-sizing:border-box;min-width:0;padding:var(--oc-space-6);border:1px solid var(--oc-border);border-radius:var(--oc-radius-card);background:var(--oc-surface);color:var(--oc-ink)}
