/* crocoblocks-design-system:v2 */:root{--color-primary:#00ba83;--color-primary-hover:#009650;--color-primary-light:#e8f9f0;--color-dark:#0d233a;--color-text:#4a5b6c;--color-muted:#8292a1;--color-bg:#f7fafc;--color-white:#ffffff;--color-border:#e2e8f0;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-h1:48px;--fs-h2:36px;--fs-h3:28px;--fs-h4:22px;--fs-body:16px;--fs-small:14px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--line-height:1.6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-round:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 8px 24px rgba(0,0,0,.08);--shadow-lg:0 18px 40px rgba(0,0,0,.12);--container-width:1200px;--transition:.3s ease;}: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);}}*{box-sizing:border-box;}
*::before{box-sizing:border-box;}
*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-family);font-size:var(--fs-body);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height);}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font:inherit;}
input{font:inherit;}
textarea{font:inherit;}
*{box-sizing:border-box;}
*::before{box-sizing:border-box;}
*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-family);font-size:var(--fs-body);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height);}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font:inherit;}
input{font:inherit;}
textarea{font:inherit;}
.card__description{color:var(--color-muted);}
.hero{display:flex;align-items:center;gap:var(--space-3xl);padding-block:var(--space-3xl);}
.footer__text{text-align:center;}
.hero__title{font-size:var(--fs-h1);color:var(--color-dark);margin-bottom:var(--space-lg);}
.header__container{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-md);}
.hero__content{flex:1;}
.header{background:var(--color-white);box-shadow:var(--shadow-sm);}
.section{padding-block:var(--space-3xl);}
.container{width:min(100%, var(--container-width));margin-inline:auto;padding-inline:var(--space-lg);}
.hidden{display:none;}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 28px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-weight:var(--fw-semibold);}
.hero__image{flex:1;}
.footer{background:var(--color-dark);color:var(--color-white);padding:var(--space-xl);}
.card__title{margin-bottom:var(--space-md);font-size:var(--fs-h3);color:var(--color-dark);}
.header__link:hover{color:var(--color-primary);}
.button--outline{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent;}
.card--featured{border:2px solid var(--color-primary);}
.header__logo{font-size:24px;font-weight:var(--fw-bold);}
.header__nav{display:flex;gap:var(--space-lg);}
.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);}
.button--primary{background:var(--color-primary);color:var(--color-white);}.button--primary:hover{background:var(--color-primary-hover);}
.hero__text{margin-bottom:var(--space-xl);}
.text-center{text-align:center;}