/* crocoblocks-design-system:v2 */:root{--color-primary:#8a00e6;--color-primary-hover:#7500c0;--color-text-main:#0f0f0f;--color-text-muted:#666666;--color-bg-light:#f9f9fb;--color-white:#ffffff;--color-border:#0f0f0f;--color-badge-bg:#f2f2f5;--font-family-base:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base:16px;--font-weight-regular:400;--font-weight-bold:700;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--radius-sm:4px;}: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;margin:0;padding:0;}
@media (max-width: 1024px){*{box-sizing:border-box;margin:0;padding:0;}}
@media (max-width: 767px){*{box-sizing:border-box;margin:0;padding:0;}}
body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-main);background-color:var(--color-white);line-height:1.5;}
@media (max-width: 1024px){body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-main);background-color:var(--color-white);line-height:1.5;}}
@media (max-width: 767px){body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-main);background-color:var(--color-white);line-height:1.5;}}
.hero__badge-indicator{width:8px;height:8px;background-color:var(--color-primary);}
@media (max-width: 1024px){.hero__badge-indicator{width:8px;height:8px;background-color:var(--color-primary);}}
@media (max-width: 767px){.hero__badge-indicator{width:8px;height:8px;background-color:var(--color-primary);}}
.header__actions{display:flex;align-items:center;gap:var(--spacing-md);}
@media (max-width: 1024px){.header__actions{display:flex;align-items:center;gap:var(--spacing-md);}}
@media (max-width: 767px){.header__actions{display:flex;align-items:center;gap:var(--spacing-md);}}
.nav__list{display:flex;list-style:none;gap:var(--spacing-lg);}
@media (max-width: 1024px){.nav__list{display:flex;list-style:none;gap:var(--spacing-lg);}}
@media (max-width: 767px){.nav__list{display:flex;list-style:none;gap:var(--spacing-lg);}}
.hero__visual{flex:1;height:100%;min-height:500px;background-color:var(--color-bg-light);position:relative;overflow:hidden;}
@media (max-width: 1024px){.hero__visual{flex:1;height:100%;min-height:500px;background-color:var(--color-bg-light);position:relative;overflow:hidden;}}
@media (max-width: 767px){.hero__visual{flex:1;height:100%;min-height:500px;background-color:var(--color-bg-light);position:relative;overflow:hidden;}}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:16px;font-weight:var(--font-weight-bold);text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease;}
@media (max-width: 1024px){.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:16px;font-weight:var(--font-weight-bold);text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease;}}
@media (max-width: 767px){.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:16px;font-weight:var(--font-weight-bold);text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease;}}
.hero__actions{display:flex;align-items:center;gap:var(--spacing-md);}
@media (max-width: 1024px){.hero__actions{display:flex;align-items:center;gap:var(--spacing-md);}}
@media (max-width: 767px){.hero__actions{display:flex;align-items:center;gap:var(--spacing-md);}}
.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-main);font-weight:var(--font-weight-bold);font-size:20px;}
@media (max-width: 1024px){.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-main);font-weight:var(--font-weight-bold);font-size:20px;}}
@media (max-width: 767px){.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-main);font-weight:var(--font-weight-bold);font-size:20px;}}
.nav__link--active{color:var(--color-primary);}
@media (max-width: 1024px){.nav__link--active{color:var(--color-primary);}}
@media (max-width: 767px){.nav__link--active{color:var(--color-primary);}}
.hero__title{font-size:56px;line-height:1.15;font-weight:800;color:var(--color-text-main);margin-bottom:var(--spacing-md);}
@media (max-width: 1024px){.hero__title{font-size:56px;line-height:1.15;font-weight:800;color:var(--color-text-main);margin-bottom:var(--spacing-md);}}
@media (max-width: 767px){.hero__title{font-size:56px;line-height:1.15;font-weight:800;color:var(--color-text-main);margin-bottom:var(--spacing-md);}}
.hero__description{font-size:18px;color:var(--color-text-muted);max-width:480px;margin-bottom:var(--spacing-xl);line-height:1.6;}
@media (max-width: 1024px){.hero__description{font-size:18px;color:var(--color-text-muted);max-width:480px;margin-bottom:var(--spacing-xl);line-height:1.6;}}
@media (max-width: 767px){.hero__description{font-size:18px;color:var(--color-text-muted);max-width:480px;margin-bottom:var(--spacing-xl);line-height:1.6;}}
.hero__content{flex:1;padding:var(--spacing-xl) 80px;}
@media (max-width: 1024px){.hero__content{flex:1;padding:var(--spacing-xl) 80px;}}
@media (max-width: 767px){.hero__content{flex:1;padding:var(--spacing-xl) 80px;}}
.nav__link{text-decoration:none;color:var(--color-text-main);font-weight:500;transition:color 0.2s ease;}.nav__link:hover{color:var(--color-primary);}
@media (max-width: 1024px){.nav__link{text-decoration:none;color:var(--color-text-main);font-weight:500;transition:color 0.2s ease;}.nav__link:hover{color:var(--color-primary);}}
@media (max-width: 767px){.nav__link{text-decoration:none;color:var(--color-text-main);font-weight:500;transition:color 0.2s ease;}.nav__link:hover{color:var(--color-primary);}}
.lang-switcher__btn--active{background-color:var(--color-primary);color:var(--color-white);}
@media (max-width: 1024px){.lang-switcher__btn--active{background-color:var(--color-primary);color:var(--color-white);}}
@media (max-width: 767px){.lang-switcher__btn--active{background-color:var(--color-primary);color:var(--color-white);}}
.btn--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-main);}.btn--outline:hover{background-color:var(--color-text-main);color:var(--color-white);}
@media (max-width: 1024px){.btn--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-main);}.btn--outline:hover{background-color:var(--color-text-main);color:var(--color-white);}}
@media (max-width: 767px){.btn--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-main);}.btn--outline:hover{background-color:var(--color-text-main);color:var(--color-white);}}
.nav{display:flex;align-items:center;}
@media (max-width: 1024px){.nav{display:flex;align-items:center;}}
@media (max-width: 767px){.nav{display:flex;align-items:center;}}
.lang-switcher__btn{border:none;background:transparent;padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);}
@media (max-width: 1024px){.lang-switcher__btn{border:none;background:transparent;padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);}}
@media (max-width: 767px){.lang-switcher__btn{border:none;background:transparent;padding:var(--spacing-xs) var(--spacing-sm);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);}}
.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 80px;background-color:var(--color-white);border-bottom:1px solid #f0f0f0;}
@media (max-width: 1024px){.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 80px;background-color:var(--color-white);border-bottom:1px solid #f0f0f0;}}
@media (max-width: 767px){.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 80px;background-color:var(--color-white);border-bottom:1px solid #f0f0f0;}}
.hero{display:flex;align-items:center;min-height:calc(100vh - 80px);}
@media (max-width: 1024px){.hero{display:flex;align-items:center;min-height:calc(100vh - 80px);}}
@media (max-width: 767px){.hero{display:flex;align-items:center;min-height:calc(100vh - 80px);}}
.lang-switcher{display:flex;background-color:var(--color-badge-bg);border-radius:var(--radius-sm);padding:2px;}
@media (max-width: 1024px){.lang-switcher{display:flex;background-color:var(--color-badge-bg);border-radius:var(--radius-sm);padding:2px;}}
@media (max-width: 767px){.lang-switcher{display:flex;background-color:var(--color-badge-bg);border-radius:var(--radius-sm);padding:2px;}}
.btn--primary{background-color:var(--color-primary);color:var(--color-white);}.btn--primary:hover{background-color:var(--color-primary-hover);}
@media (max-width: 1024px){.btn--primary{background-color:var(--color-primary);color:var(--color-white);}.btn--primary:hover{background-color:var(--color-primary-hover);}}
@media (max-width: 767px){.btn--primary{background-color:var(--color-primary);color:var(--color-white);}.btn--primary:hover{background-color:var(--color-primary-hover);}}
.header__logo-icon{width:40px;height:40px;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);}
@media (max-width: 1024px){.header__logo-icon{width:40px;height:40px;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);}}
@media (max-width: 767px){.header__logo-icon{width:40px;height:40px;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);}}
.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-badge-bg);color:var(--color-text-muted);font-size:14px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);}
@media (max-width: 1024px){.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-badge-bg);color:var(--color-text-muted);font-size:14px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);}}
@media (max-width: 767px){.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-badge-bg);color:var(--color-text-muted);font-size:14px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);}}