:root{--color-primary:#0597F2;--color-primary-accent:#05AFF2;--color-primary-transparent:rgba(5,151,242,0.1);--color-primary-dark:#064260;--color-white:#fafafa;--color-white-transparent:rgba(250,250,250,0.1);--color-black:#0a0a0a;--color-accent:#ececec;--color-muted:#a0a0a0;--color-bg-base:var(--color-white);--color-bg-accent:var(--color-accent);--color-bg-contrast:var(--color-primary);--color-text-base:var(--color-black);--color-text-contrast:var(--color-white);--color-text-primary:var(--color-primary);--color-button-bg-base:var(--color-primary);--color-button-bg-base-hover:var(--color-primary-accent);--color-button-bg-outline-hover:var(--color-primary-transparent);--color-button-bg-outline-hover-inverse:var(--color-white-transparent);--shadow-base:0 15px 18px rgba(23,23,36,0.15);--border-radius-img:1rem;--border-radius-btn:.4rem;--spacing-section:5rem;--spacing-gap:5rem;--spacing-navbar:75px;--spacing-grid-gap:1.5rem;--color-alert-success-bg:#C2F3D6;--color-alert-success-border:#96EAB8;--color-alert-success-text:#1FB05A;--color-alert-danger-bg:#FFE1E3;--color-alert-danger-border:#FF99A4;--color-alert-danger-text:#FF4556;--color-placeholder:#d0d0d0;--imageStrip-height:80px}
@media (max-width:768px){:root{--spacing-section:3rem;--spacing-gap:3rem}}
body,html{font-family:"Inter",sans-serif;background-color:var(--color-bg-base)}
body{padding-top:var(--spacing-navbar)}
a{color:var(--color-primary)}
a:hover,a:focus,a:active{color:var(--color-primary-accent)}
img{max-width:100%;border-radius:var(--border-radius-img);box-shadow:var(--shadow-base)}
img.no-shadow{box-shadow:none}
iframe{width:100%;height:auto;min-height:400px}
.oc-progress-bar{z-index:9999}
.Body--transparentNav{padding-top:0}
.Builder-container{}
.Builder-container--elevated .Flex-container{box-shadow:var(--shadow-base);margin-top:calc(var(--spacing-section) * -2);position:relative;z-index:1;background-color:var(--color-bg-base);padding:2rem;max-width:calc(1200px + 4rem)}
.Builder-container--narrow .Flex-container{max-width:800px}
.Builder-container--full .Flex-container{max-width:100%}
.Builder-container--full .Flex-col>img{width:100%}
.Builder-container--pop{margin:1rem;border-radius:var(--border-radius-img)}
.Builder-container--accent{background-color:var(--color-accent);padding:calc(var(--spacing-section) / 2) 0}
.Builder-container--contrast{background-color:var(--color-primary);padding:calc(var(--spacing-section) / 2) 0}
.Builder-container--contrast .Headline{color:var(--color-primary-dark)}
.Builder-container--contrast p{color:#fff}
.Builder-container--image{background-size:cover;background-position:center;padding:calc(var(--spacing-section) / 2) 0}
.Flex-container{max-width:1300px;width:100%;margin:0 auto;display:flex;gap:var(--spacing-gap);padding:0 1rem;box-sizing:border-box}
.Flex-container--justifyBetween{justify-content:space-between}
.Flex-container--alignCenter{align-items:center}
.Flex-container--stretch{align-items:stretch}
.Flex-col{flex:1 1 auto;box-sizing:border-box}
.Flex-col20{flex:0 0 calc(20% - var(--spacing-gap) / 2)}
.Flex-col30{flex:0 0 calc(30% - var(--spacing-gap) / 2)}
.Flex-col50{flex:1 0 calc(50% - var(--spacing-gap) / 2)}
.Flex-col70{flex:1 0 calc(70% - var(--spacing-gap) / 2)}
.Flex-col .Flex-container{padding:0}
.Flex--reverse .Flex-container{flex-direction:row-reverse}
@media (max-width:768px){.Flex-container--sliderDouble{gap:0}.Flex-container--columns{flex-direction:column;gap:0}.Flex-container--columns .Section:first-of-type{margin-top:0}}

.Buttons{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-top:2rem}
.Buttons--center{justify-content:center}

.Button{text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 2rem;text-decoration:none;background-color:var(--color-button-bg-base);transition:all ease 0.3s;color:var(--color-text-base);font-weight:bold;border-radius:var(--border-radius-btn);box-shadow:var(--shadow-base);border:0}
.Button:hover,.Button:focus,.Button:active{background-color:var(--color-button-bg-base-hover);color:var(--color-text-base);box-shadow:none}
.Button--contrast{background-color:var(--color-button-bg-base);color:var(--color-text-contrast)}
.Button--contrast:hover,.Button--contrast:focus,.Button--contrast:active{background-color:var(--color-button-bg-base-hover);color:var(--color-text-contrast)}
.Button--outline{background-color:transparent;color:var(--color-button-bg-base);border:2px solid var(--color-button-bg-base);box-shadow:none}
.Button--outline:hover,.Button--outline:focus,.Button--outline:active{background-color:var(--color-button-bg-outline-hover);border-color:var(--color-button-bg-base-hover);color:var(--color-button-bg-base-hover)}
.Button--outline.Button--inverse{background-color:transparent;border-color:var(--color-white);color:var(--color-white)}
.Button--outline.Button--inverse:hover,.Button--outline.Button--inverse:focus,.Button--outline.Button--inverse:active{background-color:var(--color-button-bg-outline-hover-inverse);border-color:var(--color-accent);color:var(--color-accent)}
.Button--inverse{background-color:var(--color-white);color:var(--color-primary)}
.Button--inverse:hover,.Button--inverse:focus,.Button--inverse:active{background-color:var(--color-accent);color:var(--color-primary)}
.Headline h1{font-size:2.4rem;font-weight:bold;margin-top:1rem;margin-bottom:1rem}
.Headline h2{font-size:2rem;margin-top:1rem;margin-bottom:1rem;font-weight:bold}
.Headline h3{font-size:1.3rem;margin-top:1rem;margin-bottom:1.5rem;font-weight:bold}
.Headline strong{color:var(--color-text-primary)}
.Headline p{line-height:1.5}
.Content{line-height:1.5}
.Content p:last-child{margin-bottom:0}
.Section{margin:var(--spacing-section) 0}
.Section .Flex-container{align-items:center}
.Section--accent{background-color:var(--color-bg-accent);margin:0;padding:var(--spacing-section) 0}
.Section--contrast{background-color:var(--color-bg-contrast);margin:0;padding:var(--spacing-section) 0;color:var(--color-text-contrast)}
.Section--contrast .Headline--primary{color:var(--color-primary-dark)}
.Section--narrow .Flex-container{max-width:800px}
@media (max-width:768px){.Section .Flex-container{flex-direction:column;align-items:flex-start}.Section .Flex-col{flex:1 0 100%;width:100%}}
.Alert{display:flex;align-items:stretch;justify-content:space-between;gap:2rem;width:100%;border-radius:0.7rem;margin-bottom:2rem;animation:bounceIn 0.6s ease}
.Alert svg{width:2rem;height:2rem}
.Alert-content{display:flex;align-items:center;gap:1.5rem;font-size:1.2rem;padding:1.3rem}
.Alert-content p{margin:0 0 1rem 0}
.Alert-content p:last-child{margin:0}
.Alert-close{border:0;cursor:pointer;padding:0 1.3rem;border-radius:0 0.7rem 0.7rem 0;transition:all ease 0.3s}
.Alert-close:hover,.Alert-close:focus,.Alert-close:active{opacity:0.7}
.Alert--success{background-color:var(--color-alert-success-bg);color:var(--color-alert-success-text);border:1px solid var(--color-alert-success-border);animation:easeIn 0.6s ease;margin-bottom:0}
.Alert--success .Alert-close{background-color:var(--color-alert-success-border)}
.Alert--success svg path{fill:var(--color-alert-success-text)}
.Alert--danger{background-color:var(--color-alert-danger-bg);color:var(--color-alert-danger-text);border:1px solid var(--color-alert-danger-border)}
.Alert--danger .Alert-close{background-color:var(--color-alert-danger-border)}
.Alert--danger svg path{fill:var(--color-alert-danger-text)}
@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}
@keyframes easeIn{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}}