/* crocoblocks-design-system:v2 */:root{--color-primary:#0D6AB3;--color-primary-hover:#0A5390;--color-accent:#02AAFE;--color-surface-deep:#083D6B;--color-surface-dark:#052848;--color-surface-light:#EBF6FF;--color-primary-subtle:#BFE0FA;--color-surface:#F5F6F6;--color-bg:#FFFFFF;--color-border:#DCDFE1;--color-ink:#31363D;--color-heading:#1C1F23;--color-muted:#636B74;--color-success:#2E9E5B;--color-warning:#E0A106;--color-error:#E5533D;--color-on-dark:#FFFFFF;--color-on-dark-muted:#C3D3E3;--font-head:"Geologica", system-ui, sans-serif;--font-body:"Golos Text", system-ui, sans-serif;--text-xs:clamp(0.766rem, 0.7487rem + 0.0709vw, 0.8125rem);--text-sm:clamp(0.875rem, 0.8518rem + 0.0952vw, 0.9375rem);--text-base:clamp(1rem, 0.9768rem + 0.0952vw, 1.0625rem);--text-md:clamp(1.125rem, 1.0786rem + 0.1905vw, 1.25rem);--text-lg:clamp(1.25rem, 1.2036rem + 0.1905vw, 1.375rem);--text-xl:clamp(1.375rem, 1.3286rem + 0.1905vw, 1.5rem);--text-2xl:clamp(1.65rem, 1.5200rem + 0.5333vw, 2rem);--text-3xl:clamp(1.95rem, 1.7921rem + 0.6476vw, 2.375rem);--text-4xl:clamp(2.125rem, 1.6143rem + 2.0952vw, 3.5rem);--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.65;--ls-tight:-0.01em;--ls-overline:0.09em;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-s:clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);--space-m:clamp(1.125rem, 0.9857rem + 0.5714vw, 1.5rem);--space-l:clamp(1.5rem, 1.3143rem + 0.7619vw, 2rem);--space-xl:clamp(2rem, 1.6286rem + 1.5238vw, 3rem);--space-2xl:clamp(2.5rem, 1.9429rem + 2.2857vw, 4rem);--space-3xl:clamp(3rem, 2.0714rem + 3.8095vw, 5.5rem);--space-section:clamp(3rem, 1.7rem + 5.3333vw, 6.5rem);--space-gap:clamp(1rem, 0.7679rem + 0.9524vw, 1.625rem);--container-max:1440px;--container-text:48rem;--container-pad:clamp(1rem, 0.1rem + 3.7vw, 3rem);--radius-s:4px;--radius-m:8px;--radius-l:12px;--radius-pill:999px;--shadow-s:0 1px 2px rgba(8,40,72,.06), 0 1px 1px rgba(8,40,72,.04);--shadow-m:0 4px 14px rgba(8,40,72,.08);--shadow-l:0 12px 34px rgba(8,40,72,.12);--shadow-ring:inset 0 0 0 1.5px #DCDFE1;}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.lead{font-size:var(--text-md);line-height:var(--lh-snug);color:var(--color-ink);}
@media (max-width: 1024px){.lead{font-size:var(--text-md);line-height:var(--lh-snug);color:var(--color-ink);}}
@media (max-width: 767px){.lead{font-size:var(--text-md);line-height:var(--lh-snug);color:var(--color-ink);}}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid var(--color-primary);background-color:transparent;color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease, color .18s ease;}.btn-outline:hover{background-color:var(--color-primary);color:#FFFFFF;}
@media (max-width: 1024px){.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid var(--color-primary);background-color:transparent;color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease, color .18s ease;}.btn-outline:hover{background-color:var(--color-primary);color:#FFFFFF;}}
@media (max-width: 767px){.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid var(--color-primary);background-color:transparent;color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease, color .18s ease;}.btn-outline:hover{background-color:var(--color-primary);color:#FFFFFF;}}
.container-text{width:100%;max-width:var(--container-text);margin-left:auto;margin-right:auto;}
@media (max-width: 1024px){.container-text{width:100%;max-width:var(--container-text);margin-left:auto;margin-right:auto;}}
@media (max-width: 767px){.container-text{width:100%;max-width:var(--container-text);margin-left:auto;margin-right:auto;}}
.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);box-sizing:border-box;}
@media (max-width: 1024px){.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);box-sizing:border-box;}}
@media (max-width: 767px){.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);box-sizing:border-box;}}
.section-alt{background-color:var(--color-surface);}
@media (max-width: 1024px){.section-alt{background-color:var(--color-surface);}}
@media (max-width: 767px){.section-alt{background-color:var(--color-surface);}}
.grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-gap);}
@media (max-width: 1024px){.grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-gap);}}
@media (max-width: 767px){.grid-2{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--space-gap);}}
.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid #FFFFFF;background-color:#FFFFFF;color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease;}.btn-light:hover{background-color:var(--color-surface-light);color:var(--color-primary-hover);}
@media (max-width: 1024px){.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid #FFFFFF;background-color:#FFFFFF;color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease;}.btn-light:hover{background-color:var(--color-surface-light);color:var(--color-primary-hover);}}
@media (max-width: 767px){.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid #FFFFFF;background-color:#FFFFFF;color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease;}.btn-light:hover{background-color:var(--color-surface-light);color:var(--color-primary-hover);}}
.section-head{max-width:48rem;margin-bottom:var(--space-xl);}
@media (max-width: 1024px){.section-head{max-width:48rem;margin-bottom:var(--space-xl);}}
@media (max-width: 767px){.section-head{max-width:48rem;margin-bottom:var(--space-xl);}}
.overline{display:block;font-family:var(--font-head);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-overline);color:var(--color-primary);margin-bottom:var(--space-xs);}
@media (max-width: 1024px){.overline{display:block;font-family:var(--font-head);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-overline);color:var(--color-primary);margin-bottom:var(--space-xs);}}
@media (max-width: 767px){.overline{display:block;font-family:var(--font-head);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-overline);color:var(--color-primary);margin-bottom:var(--space-xs);}}
.link-arrow{display:inline-flex;align-items:center;gap:0.4em;color:var(--color-primary);font-weight:600;font-size:var(--text-sm);text-decoration:none;}.link-arrow:hover{color:var(--color-primary-hover);}
@media (max-width: 1024px){.link-arrow{display:inline-flex;align-items:center;gap:0.4em;color:var(--color-primary);font-weight:600;font-size:var(--text-sm);text-decoration:none;}.link-arrow:hover{color:var(--color-primary-hover);}}
@media (max-width: 767px){.link-arrow{display:inline-flex;align-items:center;gap:0.4em;color:var(--color-primary);font-weight:600;font-size:var(--text-sm);text-decoration:none;}.link-arrow:hover{color:var(--color-primary-hover);}}
.prose{max-width:var(--container-text);font-size:var(--text-base);line-height:var(--lh-body);color:var(--color-ink);}
@media (max-width: 1024px){.prose{max-width:var(--container-text);font-size:var(--text-base);line-height:var(--lh-body);color:var(--color-ink);}}
@media (max-width: 767px){.prose{max-width:var(--container-text);font-size:var(--text-base);line-height:var(--lh-body);color:var(--color-ink);}}
.section-light{background-color:var(--color-surface-light);}
@media (max-width: 1024px){.section-light{background-color:var(--color-surface-light);}}
@media (max-width: 767px){.section-light{background-color:var(--color-surface-light);}}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid var(--color-primary);background-color:var(--color-primary);color:#FFFFFF;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease, border-color .18s ease, color .18s ease;}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#FFFFFF;}
@media (max-width: 1024px){.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid var(--color-primary);background-color:var(--color-primary);color:#FFFFFF;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease, border-color .18s ease, color .18s ease;}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#FFFFFF;}}
@media (max-width: 767px){.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.8em 1.4em;border-radius:var(--radius-s);border:1.5px solid var(--color-primary);background-color:var(--color-primary);color:#FFFFFF;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease, border-color .18s ease, color .18s ease;}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#FFFFFF;}}
.on-dark{background-color:var(--color-surface-dark);color:var(--color-on-dark);}
@media (max-width: 1024px){.on-dark{background-color:var(--color-surface-dark);color:var(--color-on-dark);}}
@media (max-width: 767px){.on-dark{background-color:var(--color-surface-dark);color:var(--color-on-dark);}}
.grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-gap);}
@media (max-width: 1024px){.grid-3{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-gap);}}
@media (max-width: 767px){.grid-3{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--space-gap);}}
.text-center{text-align:center;margin-left:auto;margin-right:auto;}
@media (max-width: 1024px){.text-center{text-align:center;margin-left:auto;margin-right:auto;}}
@media (max-width: 767px){.text-center{text-align:center;margin-left:auto;margin-right:auto;}}
.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}
@media (max-width: 1024px){.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}}
@media (max-width: 767px){.section{padding-top:var(--space-section);padding-bottom:var(--space-section);}}
