:root{ --primary: #37ca37; --secondary: #188bf6; --white: #ffffff; --gray: #cbd5e0; --black: #000000; --red: #e93d3d; --orange: #f6ad55; --yellow: #faf089; --green: #9ae6b4; --teal: #81e6d9; --malibu: #63b3ed; --indigo: #757BBD; --purple: #d6bcfa; --pink: #fbb6ce; --transparent: transparent; --overlay: rgba(0, 0, 0, 0.5); --color-m4r8i8yf: #FE86D4; --color-m4r9d6l2: #7B6CD5; --color-m4r9fc5o: rgb(112, 114, 115); --color-m4r9o0jb: rgb(189, 106, 202); --color-m4r9qony: rgb(165, 113, 211); --color-m4ra9r57: #F2F0FB; --color-m4rar5ia: #EA8FCA; --color-m4rfqf80: #F7F6FB; --color-m4ripy76: #9359C8; --color-m4rir4ig: #AB46BC; --color-m4rj8eb2: #3C3B4B; --color-m4rja9kt: rgb(176, 176, 176); --color-m9k31jer: #ffffffd4; --color-m9k35q2o: #B1DF56; --color-m9k5qjcz: #2d2d2d; --color-m9k5rbqz: #FF5C00; --color-m9k62osj: #6e6e6e; --color-m9k63usq: #F7F5E8; --color-m9k69gs1: #1F4E38; --color-ma304m1o: #5a5a5a; --color-lyj34ldq: #848484; --color-mabrl6fo: #1f4e3833; --color-mabrm184: #1f4e381a; --cobalt: #155eef; --smoke: #f5f5f5; --color-lx2prsc2: #000321; --brandboards-new_color_8246: #333333ff; --brandboards-sekcje: #161616ff; --brandboards-white_grey: #d1d5dbff; --brandboards-yellow: #f6e71dff; --brandboards-bialy: #ffffffff; --brandboards-neongreen: #b4f642ff; --brandboards-new_color_3305: #161616ff; --brandboards-new_color_616: #0a0a0aff; --brandboards-new_color_8442: #e1cfc3ff; --brandboards-new_color_1679: #edab39ff; --brandboards-new_color_9322: #f1eadfff; --brandboards-new_color_5691: #54474eff; --brandboards-new_color_918: #6b9cd5ff; --brandboards-new_color_1834: #aec9e8ff; --brandboards-new_color_4175: #d1d160ff; --color-66c5b4f991201e717d357151: #f1ebdf; --color-66c5b4f991201e3958357152: #f5f6f0; --color-69e5ee564ac4ff12261a8860: #bb9c87; --color-69e5ee564ac4ff382c1a8861: #6b9cd4; --color-69e5ee564ac4ff28d21a8862: #aec9e8; --color-69e5ee564ac4ff15571a8863: #54474e; --color-69e5ee564ac4ff9cde1a8864: #d1d161; --color-69e5ee564ac4ff2a6a1a8865: #edab39; --outfit: 'Outfit'; --plus-jakarta-sans: 'Plus Jakarta Sans'; --headlinefont: 'Outfit'; --contentfont: 'Plus Jakarta Sans'; --text-color: #000000; --link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--transparent)} .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px} #hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:767px){#hl_main_popup.popup-body{width:380px!important}} .drop-zone-draggable .hl_main_popup-Tt7oEMC9q0{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px} #hl_main_popup-Tt7oEMC9q0.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup-Tt7oEMC9q0.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:767px){#hl_main_popup-Tt7oEMC9q0.popup-body{width:380px!important}} /* ---- final styles ----- */ :root{--outfit:'Outfit';--white:#ffffff;--black:#000000;--transparent:transparent}.hl_page-preview--content .col-c4ad8qer1J,.hl_page-preview--content .row-yEyCAjpIUB,.hl_page-preview--content .section-67pXLDUui{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-c4ad8qer1J,.hl_page-preview--content .row-yEyCAjpIUB{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-c4ad8qer1J{padding:0;margin:0}.hl_page-preview--content .nav-menu-v2-M1QKLn5aJB{width:auto;height:auto}.hl_page-preview--content .cnav-menu-v2-M1QKLn5aJB{font-family:var(--headlinefont);padding:0 0 8px;margin:0;item-padding-top:0;item-padding-bottom:0;item-padding-left:16px;item-padding-right:16px;item-margin-top:0;item-margin-bottom:0;item-margin-left:0;item-margin-right:0;line-height:1.3em;text-transform:none;letter-spacing:0;text-align:left;font-weight:400;background-color:#f1ebdfff;mobile-background-color:#f1ebdfff;popup-background-color:var(--white);mobile-popup-background-color:var(--white);color:var(--text-color);hover-background-color:#f1ebdfff;hover-text-color:var(--white);bold-text-color:var(--black);italic-text-color:var(--black);underline-text-color:var(--black);icon-color:var(--black);cart-icon-color:var(--black);user-icon-color:var(--black);cart-icon-active-color:var(--black);submenu-background-color:var(--white);submenu-mobile-background-color:var(--white);submenu-color:var(--text-color);submenu-hover-background-color:var(--black);submenu-hover-text-color:var(--white);nav-menu-item-spacing-x:12px;nav-menu-item-spacing-y:0;nav-menu-align:left;sub-menu-align:right;sub-menu-style:popover;border-color:var(--black);border-style:none;border-width:2px;border-radius:0;item-border-color:#000;item-border-style:solid;item-border-width:1px;item-border-radius:0;box-shadow:2px 2px 2px 0#ffffffff;item-box-shadow:none}#section-67pXLDUui>.inner{max-width:100%}@media (max-width:1024px){#section-67pXLDUui{animation:none!important}}.--mobile #row-yEyCAjpIUB,.--mobile #section-67pXLDUui{animation:none!important}@media (max-width:1024px){#row-yEyCAjpIUB{animation:none!important}}#col-c4ad8qer1J>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-c4ad8qer1J{animation:none!important}}.--mobile #col-c4ad8qer1J{animation:none!important}#nav-menu-v2-M1QKLn5aJB .mega-menu-container{font-weight:400;font-size:24px;justify-content:flex-start;flex-direction:row;background-color:#f1ebdfff}#nav-menu-v2-M1QKLn5aJB .nav-menu-mobile{display:none}#nav-menu-v2-M1QKLn5aJB .nav-menu-desktop{display:flex}#nav-menu-v2-M1QKLn5aJB .x-icon{display:none}#nav-menu-v2-M1QKLn5aJB .menu-layout{flex-direction:row}#nav-menu-v2-M1QKLn5aJB .nav-spacing-x{margin-left:12px}#nav-menu-v2-M1QKLn5aJB .menu-item-builder-title,#nav-menu-v2-M1QKLn5aJB .menu-item-title:hover{background-color:#f1ebdfff;color:var(--white)}#nav-menu-v2-M1QKLn5aJB .menu-item-builder-title-icon>span::after,#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon>span::after{color:inherit;content:"";font-family:"Font Awesome 5 Free";font-weight:700;font-size:24px;display:inline-block;margin-left:.25rem;transition:transform .3s ease}#nav-menu-v2-M1QKLn5aJB .menu-item-builder-title-icon-hover>span::after,#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon:hover>span::after{transform:rotate(180deg)}#nav-menu-v2-M1QKLn5aJB .menu-item-builder>.submenu-builder,#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.mega-menu,#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.submenu,#nav-menu-v2-M1QKLn5aJB .submenu:hover{visibility:visible;opacity:1}#nav-menu-v2-M1QKLn5aJB .submenu,#nav-menu-v2-M1QKLn5aJB .submenu-builder{position:absolute;z-index:10;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in}#nav-menu-v2-M1QKLn5aJB .submenu-content-container{margin:0;padding-top:0;padding-bottom:0;background-color:var(--white);border-width:1px;border-color:#000!important;border-style:solid;border-radius:0;box-shadow:none}#nav-menu-v2-M1QKLn5aJB .submenu-column{display:block;grid-template-columns:1fr 1fr;row-gap:0;column-gap:0}#nav-menu-v2-M1QKLn5aJB .submenu-item{padding-left:16px;padding-right:16px;margin-bottom:0;color:var(--text-color)}#nav-menu-v2-M1QKLn5aJB .submenu-column>li:last-child,#nav-menu-v2-M1QKLn5aJB .submenu-column>li:last-child .submenu-item{margin-bottom:0}#nav-menu-v2-M1QKLn5aJB .submenu-item:hover{background-color:var(--black);color:var(--white)}#nav-menu-v2-M1QKLn5aJB .sub-menu-align{right:-.5rem}#nav-menu-v2-M1QKLn5aJB .user-icon{color:var(--black)}#nav-menu-v2-M1QKLn5aJB .mega-menu{visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in;position:absolute;left:0;z-index:999}#nav-menu-v2-M1QKLn5aJB .mega-menu:hover{visibility:visible;opacity:1}#nav-menu-v2-M1QKLn5aJB .mega-menu-builder{position:absolute;left:0}#nav-menu-v2-M1QKLn5aJB .items-cart,#nav-menu-v2-M1QKLn5aJB .items-cart-active{color:var(--black)}#nav-menu-v2-M1QKLn5aJB .cart-search-desktop{display:list-item}#nav-menu-v2-M1QKLn5aJB .cart-search-mobile{display:none}#nav-menu-v2-M1QKLn5aJB .nav-search-wrapper,#nav-menu-v2-M1QKLn5aJB .search-bar-container{background-color:var(--white)}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete-input{border:1px solid #cacaca;margin:1px;border-radius:16px}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete{font-family:inherit}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete-button{background:#fff}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete-input-wrapper{color:#000;background-color:#fff}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete-results{border:1px solid #cacaca;border-top:none;border-radius:16px;border-top-left-radius:0;border-top-right-radius:0;color:var(--black);background-color:var(--white)}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete-input:hover{border-width:1.5px;margin:.5px}#nav-menu-v2-M1QKLn5aJB .hl-autocomplete-input:focus-within{border-width:2px;margin:0}@media screen and (min-width:0px) and (max-width:767px){#nav-menu-v2-M1QKLn5aJB .mega-menu-container{font-weight:400;font-size:24px;background-color:#f1ebdfff}#nav-menu-v2-M1QKLn5aJB .nav-menu-mobile{display:block}#nav-menu-v2-M1QKLn5aJB .nav-menu-mobile span::before{cursor:pointer;color:var(--black);content:"";font-family:"Font Awesome 5 Free";font-weight:700;font-size:24px}#nav-menu-v2-M1QKLn5aJB .nav-menu-desktop{display:block;position:fixed;width:100%;height:100vh;overflow-y:scroll;overscroll-behavior:contain;z-index:999;left:0;top:0;padding-left:1rem;padding-right:1rem;background-color:var(--white);padding-bottom:8rem}#nav-menu-v2-M1QKLn5aJB:has(.nav-menu-desktop:not(.hide-popup)),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .nav-menu-desktop:not(.hide-popup)),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .nav-menu-desktop:not(.hide-popup)),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .nav-menu-desktop:not(.hide-popup)){z-index:13}#nav-menu-v2-M1QKLn5aJB .hide-popup{display:none!important}#nav-menu-v2-M1QKLn5aJB .x-icon{display:flex}#nav-menu-v2-M1QKLn5aJB .submenu-content-container{margin:0;background-color:var(--white);padding:0 16px;border:0;box-shadow:none}#nav-menu-v2-M1QKLn5aJB .nav-spacing-x{margin-left:0;margin-bottom:12px}#nav-menu-v2-M1QKLn5aJB .menu-item-builder>.submenu-builder{display:block}#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon{position:relative;padding-right:calc(24px*2);white-space:normal!important;text-wrap:wrap!important}#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon>span::after{font-size:24px;position:absolute;right:.375rem}#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon-rotate>span::after{transform:rotate(180deg)!important}#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon-rotate-reverse>span::after{transform:rotate(0deg)!important}#nav-menu-v2-M1QKLn5aJB .submenu{display:none;position:static;z-index:unset;visibility:visible;opacity:1;transition:visibility 0s,opacity .3s ease-in}#nav-menu-v2-M1QKLn5aJB .submenu-item{white-space:normal!important;text-wrap:wrap!important}#nav-menu-v2-M1QKLn5aJB .submenu-mobile-active{display:block}#nav-menu-v2-M1QKLn5aJB .submenu-builder{display:none;position:static;z-index:none;visibility:visible;opacity:1;transition:none}#nav-menu-v2-M1QKLn5aJB .itemTarget{border:0!important;border-radius:unset!important;box-shadow:none!important}#nav-menu-v2-M1QKLn5aJB .mega-menu{display:none;visibility:visible;opacity:1;position:static;left:unset;bottom:unset;z-index:unset;transition:visibility 0s,opacity .3s ease-in}#nav-menu-v2-M1QKLn5aJB .mega-menu-mobile-active{display:block}#nav-menu-v2-M1QKLn5aJB .mega-menu-builder{position:static;left:unset;bottom:unset;z-index:unset}#nav-menu-v2-M1QKLn5aJB .cart-search-desktop{display:none}#nav-menu-v2-M1QKLn5aJB .cart-search-mobile{display:flex}#nav-menu-v2-M1QKLn5aJB .nav-search-wrapper,#nav-menu-v2-M1QKLn5aJB .search-bar-container{background-color:var(--white)}}@media screen and (min-width:768px) and (max-width:1024px){#nav-menu-v2-M1QKLn5aJB .mega-menu-container{font-weight:400;font-size:24px}#nav-menu-v2-M1QKLn5aJB .menu-item-title-icon>span::after{font-size:24px}}#nav-menu-v2-M1QKLn5aJB:has(.mega-menu-builder),#nav-menu-v2-M1QKLn5aJB:has(.mega-menu-mobile-active),#nav-menu-v2-M1QKLn5aJB:has(.menu-item-builder>.submenu-builder),#nav-menu-v2-M1QKLn5aJB:has(.menu-item:hover>.mega-menu),#nav-menu-v2-M1QKLn5aJB:has(.menu-item:hover>.submenu),#nav-menu-v2-M1QKLn5aJB:has(.submenu-mobile-active),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .mega-menu-builder),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .mega-menu-mobile-active),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .menu-item-builder>.submenu-builder),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.mega-menu),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.submenu),.c-wrapper.c-column:has(#nav-menu-v2-M1QKLn5aJB .submenu-mobile-active),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .mega-menu-builder),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .mega-menu-mobile-active),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .menu-item-builder>.submenu-builder),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.mega-menu),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.submenu),.c-wrapper.c-row:has(#nav-menu-v2-M1QKLn5aJB .submenu-mobile-active),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .mega-menu-builder),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .mega-menu-mobile-active),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .menu-item-builder>.submenu-builder),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.mega-menu),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .menu-item:hover>.submenu),.c-wrapper.c-section:has(#nav-menu-v2-M1QKLn5aJB .submenu-mobile-active){z-index:13} /* ---- Section styles ----- */ :root{--black:#000000;--transparent:transparent}.hl_page-preview--content .col-6KbtSHVbj2,.hl_page-preview--content .row-fV5Iq3-Po3,.hl_page-preview--content .section-l_ZMlzPCT9{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-6KbtSHVbj2,.hl_page-preview--content .row-fV5Iq3-Po3{margin:0 auto;width:100%}.hl_page-preview--content .col-6KbtSHVbj2{margin:0}.hl_page-preview--content .custom-code-8rrD4hFZgS{margin:0;width:auto;height:auto}#section-l_ZMlzPCT9>.inner{max-width:100%}@media (max-width:1024px){#section-l_ZMlzPCT9{animation:none!important}}.--mobile #row-fV5Iq3-Po3,.--mobile #section-l_ZMlzPCT9{animation:none!important}@media (max-width:1024px){#row-fV5Iq3-Po3{animation:none!important}}#col-6KbtSHVbj2>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-6KbtSHVbj2{animation:none!important}}.--mobile #col-6KbtSHVbj2{animation:none!important} /* ---- stopka styles ----- */ :root{--plus-jakarta-sans:'Plus Jakarta Sans';--outfit:'Outfit';--black:#000000;--green:#9ae6b4;--transparent:transparent;--color-lx2prsc2:#000321}.hl_page-preview--content .section-ed5ZY5_ISV{box-shadow:none;padding:0;margin:0;background-color:#54474eff;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .row-cGZAb_ajA1{margin:0 auto;padding:15px 0;width:80%}.hl_page-preview--content .col-Bq7vqYhA6J,.hl_page-preview--content .cparagraph-rh9iUpbMms,.hl_page-preview--content .row-cGZAb_ajA1{background-color:var(--transparent);box-shadow:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-Bq7vqYhA6J{padding:10px 5px;width:100%;margin:0}.hl_page-preview--content #paragraph-rh9iUpbMms{margin:0}.hl_page-preview--content .cparagraph-rh9iUpbMms{font-family:var(--contentfont);color:#f1ebdfff;icon-color:var(--text-color);font-weight:400;padding:0;opacity:1;text-shadow:none;line-height:1.3em;letter-spacing:0;text-align:right}.hl_page-preview--content .col-oaRTaNT8cd,.hl_page-preview--content .row-NkWcI7D27c{margin:40px auto 0;box-shadow:none;padding:15px 10px;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col-oaRTaNT8cd{padding:10px 5px;margin:0}.hl_page-preview--content .button-R9eTHIQg73{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-R9eTHIQg73{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-nspu0ZuSqD{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-nspu0ZuSqD{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-kDiWH1crMl{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-kDiWH1crMl{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-XcXSl-Z2GP{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-XcXSl-Z2GP{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content #sub-heading-OWtzmr4P9z,.hl_page-preview--content #sub-heading-rAZD5_EDk3{margin:0 0 20px}.hl_page-preview--content .col-EHit3xGjVi,.hl_page-preview--content .csub-heading-OWtzmr4P9z{box-shadow:none;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .csub-heading-OWtzmr4P9z{font-family:var(--headlinefont);color:var(--color-lx2prsc2);icon-color:var(--color-lx2prsc2);font-weight:400;padding:0;opacity:1;text-shadow:none;line-height:1.3em;letter-spacing:0;text-align:left;inline-colors:#6b9cd4ff}.hl_page-preview--content .col-EHit3xGjVi{padding:10px 5px;width:100%;margin:0}.hl_page-preview--content .button-ZhY6-4pw4q{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-ZhY6-4pw4q{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-n2LYfOmC1p{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-n2LYfOmC1p{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-R-qGiRof3D{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-R-qGiRof3D{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-vipXKNMK-3{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-vipXKNMK-3{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-HGSefC-TX5{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-HGSefC-TX5{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-W6pd67hhpk{margin:0 0 10px;text-align:left}.hl_page-preview--content .cbutton-W6pd67hhpk{font-family:var(--headlinefont);background-color:var(--transparent);color:#f1ebdfff;secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .col-iKVqQU0qCh,.hl_page-preview--content .csub-heading-rAZD5_EDk3{box-shadow:none;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .csub-heading-rAZD5_EDk3{font-family:var(--headlinefont);color:#6b9cd4ff;icon-color:var(--color-lx2prsc2);font-weight:400;padding:0;opacity:1;text-shadow:none;line-height:1.3em;letter-spacing:0;text-align:left}.hl_page-preview--content .col-iKVqQU0qCh{padding:0 5px;width:100%;margin:-40px 0 0}.hl_page-preview--content .custom-code-GvrglidDpF{margin:0;width:auto;height:auto}#section-ed5ZY5_ISV>.inner{max-width:100%}@media (max-width:1024px){#section-ed5ZY5_ISV{animation:none!important}}.--mobile #row-cGZAb_ajA1,.--mobile #section-ed5ZY5_ISV{animation:none!important}@media (max-width:1024px){#row-cGZAb_ajA1{animation:none!important}}#col-Bq7vqYhA6J>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-Bq7vqYhA6J{animation:none!important}}.--mobile #col-Bq7vqYhA6J,.--mobile #row-NkWcI7D27c{animation:none!important}.paragraph-rh9iUpbMms{font-weight:400}.paragraph-rh9iUpbMms em,.paragraph-rh9iUpbMms strong,.paragraph-rh9iUpbMms u{color:var(--text-color)}.paragraph-rh9iUpbMms a,.paragraph-rh9iUpbMms a *,.sub-heading-OWtzmr4P9z a,.sub-heading-OWtzmr4P9z a *,.sub-heading-rAZD5_EDk3 a,.sub-heading-rAZD5_EDk3 a *{color:var(--link-color);text-decoration:none}.paragraph-rh9iUpbMms a u,.paragraph-rh9iUpbMms a:hover,.sub-heading-OWtzmr4P9z a u,.sub-heading-OWtzmr4P9z a:hover,.sub-heading-rAZD5_EDk3 a u,.sub-heading-rAZD5_EDk3 a:hover{text-decoration:underline}.paragraph-rh9iUpbMms a s,.sub-heading-OWtzmr4P9z a s,.sub-heading-rAZD5_EDk3 a s{text-decoration:line-through}@media screen and (min-width:0px) and (max-width:767px){.paragraph-rh9iUpbMms h1,.paragraph-rh9iUpbMms h2,.paragraph-rh9iUpbMms h3,.paragraph-rh9iUpbMms h4,.paragraph-rh9iUpbMms h5,.paragraph-rh9iUpbMms h6,.paragraph-rh9iUpbMms ul li,.paragraph-rh9iUpbMms.text-output{font-size:14px!important;font-weight:400}}@media screen and (min-width:768px) and (max-width:10000px){.paragraph-rh9iUpbMms h1,.paragraph-rh9iUpbMms h2,.paragraph-rh9iUpbMms h3,.paragraph-rh9iUpbMms h4,.paragraph-rh9iUpbMms h5,.paragraph-rh9iUpbMms h6,.paragraph-rh9iUpbMms ul li,.paragraph-rh9iUpbMms.text-output{font-size:14px!important;font-weight:400}}.paragraph-rh9iUpbMms.text-output h1:first-child:before,.paragraph-rh9iUpbMms.text-output h2:first-child:before,.paragraph-rh9iUpbMms.text-output h3:first-child:before,.paragraph-rh9iUpbMms.text-output h4:first-child:before,.paragraph-rh9iUpbMms.text-output h5:first-child:before,.paragraph-rh9iUpbMms.text-output h6:first-child:before,.paragraph-rh9iUpbMms.text-output p:first-child:before{color:var(--text-color);content:'\'; font-family: '';margin-right:5px;font-weight:700}@media (max-width:1024px){#row-NkWcI7D27c{animation:none!important}}#col-oaRTaNT8cd>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-oaRTaNT8cd{animation:none!important}}.--mobile #col-oaRTaNT8cd{animation:none!important}@media screen and (min-width:768px) and (max-width:10000px){.button-R9eTHIQg73 .button-icon-end,.button-R9eTHIQg73 .button-icon-start,.button-R9eTHIQg73 .main-heading-button{font-size:15px;font-weight:400}.button-R9eTHIQg73 .button-icon-start{margin-right:5px}.button-R9eTHIQg73 .button-icon-end{margin-left:5px}.button-R9eTHIQg73 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-R9eTHIQg73 .button-icon-end,.button-R9eTHIQg73 .button-icon-start,.button-R9eTHIQg73 .main-heading-button{font-size:15px;font-weight:400}.button-R9eTHIQg73 .button-icon-start{margin-right:5px}.button-R9eTHIQg73 .button-icon-end{margin-left:5px}.button-R9eTHIQg73 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-R9eTHIQg73 .button-icon-end,.button-R9eTHIQg73 .button-icon-start,.button-R9eTHIQg73 .main-heading-button{font-size:15px;font-weight:400}.button-R9eTHIQg73 .button-icon-start{margin-right:5px}.button-R9eTHIQg73 .button-icon-end{margin-left:5px}.button-R9eTHIQg73 .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-nspu0ZuSqD .button-icon-end,.button-nspu0ZuSqD .button-icon-start,.button-nspu0ZuSqD .main-heading-button{font-size:15px;font-weight:400}.button-nspu0ZuSqD .button-icon-start{margin-right:5px}.button-nspu0ZuSqD .button-icon-end{margin-left:5px}.button-nspu0ZuSqD .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-nspu0ZuSqD .button-icon-end,.button-nspu0ZuSqD .button-icon-start,.button-nspu0ZuSqD .main-heading-button{font-size:15px;font-weight:400}.button-nspu0ZuSqD .button-icon-start{margin-right:5px}.button-nspu0ZuSqD .button-icon-end{margin-left:5px}.button-nspu0ZuSqD .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-nspu0ZuSqD .button-icon-end,.button-nspu0ZuSqD .button-icon-start,.button-nspu0ZuSqD .main-heading-button{font-size:15px;font-weight:400}.button-nspu0ZuSqD .button-icon-start{margin-right:5px}.button-nspu0ZuSqD .button-icon-end{margin-left:5px}.button-nspu0ZuSqD .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-kDiWH1crMl .button-icon-end,.button-kDiWH1crMl .button-icon-start,.button-kDiWH1crMl .main-heading-button{font-size:15px;font-weight:400}.button-kDiWH1crMl .button-icon-start{margin-right:5px}.button-kDiWH1crMl .button-icon-end{margin-left:5px}.button-kDiWH1crMl .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-kDiWH1crMl .button-icon-end,.button-kDiWH1crMl .button-icon-start,.button-kDiWH1crMl .main-heading-button{font-size:15px;font-weight:400}.button-kDiWH1crMl .button-icon-start{margin-right:5px}.button-kDiWH1crMl .button-icon-end{margin-left:5px}.button-kDiWH1crMl .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-kDiWH1crMl .button-icon-end,.button-kDiWH1crMl .button-icon-start,.button-kDiWH1crMl .main-heading-button{font-size:15px;font-weight:400}.button-kDiWH1crMl .button-icon-start{margin-right:5px}.button-kDiWH1crMl .button-icon-end{margin-left:5px}.button-kDiWH1crMl .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-XcXSl-Z2GP .button-icon-end,.button-XcXSl-Z2GP .button-icon-start,.button-XcXSl-Z2GP .main-heading-button{font-size:15px;font-weight:400}.button-XcXSl-Z2GP .button-icon-start{margin-right:5px}.button-XcXSl-Z2GP .button-icon-end{margin-left:5px}.button-XcXSl-Z2GP .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-XcXSl-Z2GP .button-icon-end,.button-XcXSl-Z2GP .button-icon-start,.button-XcXSl-Z2GP .main-heading-button{font-size:15px;font-weight:400}.button-XcXSl-Z2GP .button-icon-start{margin-right:5px}.button-XcXSl-Z2GP .button-icon-end{margin-left:5px}.button-XcXSl-Z2GP .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-XcXSl-Z2GP .button-icon-end,.button-XcXSl-Z2GP .button-icon-start,.button-XcXSl-Z2GP .main-heading-button{font-size:15px;font-weight:400}.button-XcXSl-Z2GP .button-icon-start{margin-right:5px}.button-XcXSl-Z2GP .button-icon-end{margin-left:5px}.button-XcXSl-Z2GP .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}.sub-heading-OWtzmr4P9z,.sub-heading-rAZD5_EDk3{font-weight:600}@media screen and (min-width:0px) and (max-width:767px){.sub-heading-OWtzmr4P9z h1,.sub-heading-OWtzmr4P9z h2,.sub-heading-OWtzmr4P9z h3,.sub-heading-OWtzmr4P9z h4,.sub-heading-OWtzmr4P9z h5,.sub-heading-OWtzmr4P9z h6,.sub-heading-OWtzmr4P9z ul li,.sub-heading-OWtzmr4P9z.text-output{font-size:17px!important;font-weight:600}}@media screen and (min-width:768px) and (max-width:10000px){.sub-heading-OWtzmr4P9z h1,.sub-heading-OWtzmr4P9z h2,.sub-heading-OWtzmr4P9z h3,.sub-heading-OWtzmr4P9z h4,.sub-heading-OWtzmr4P9z h5,.sub-heading-OWtzmr4P9z h6,.sub-heading-OWtzmr4P9z ul li,.sub-heading-OWtzmr4P9z.text-output{font-size:17px!important;font-weight:600}}.sub-heading-OWtzmr4P9z.text-output h1:first-child:before,.sub-heading-OWtzmr4P9z.text-output h2:first-child:before,.sub-heading-OWtzmr4P9z.text-output h3:first-child:before,.sub-heading-OWtzmr4P9z.text-output h4:first-child:before,.sub-heading-OWtzmr4P9z.text-output h5:first-child:before,.sub-heading-OWtzmr4P9z.text-output h6:first-child:before,.sub-heading-OWtzmr4P9z.text-output p:first-child:before,.sub-heading-rAZD5_EDk3.text-output h1:first-child:before,.sub-heading-rAZD5_EDk3.text-output h2:first-child:before,.sub-heading-rAZD5_EDk3.text-output h3:first-child:before,.sub-heading-rAZD5_EDk3.text-output h4:first-child:before,.sub-heading-rAZD5_EDk3.text-output h5:first-child:before,.sub-heading-rAZD5_EDk3.text-output h6:first-child:before,.sub-heading-rAZD5_EDk3.text-output p:first-child:before{color:var(--color-lx2prsc2);content:'\'; font-family: '';margin-right:5px;font-weight:700}#col-EHit3xGjVi>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-EHit3xGjVi{animation:none!important}}.--mobile #col-EHit3xGjVi{animation:none!important}@media screen and (min-width:768px) and (max-width:10000px){.button-ZhY6-4pw4q .button-icon-end,.button-ZhY6-4pw4q .button-icon-start,.button-ZhY6-4pw4q .main-heading-button{font-size:15px;font-weight:400}.button-ZhY6-4pw4q .button-icon-start{margin-right:5px}.button-ZhY6-4pw4q .button-icon-end{margin-left:5px}.button-ZhY6-4pw4q .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-ZhY6-4pw4q .button-icon-end,.button-ZhY6-4pw4q .button-icon-start,.button-ZhY6-4pw4q .main-heading-button{font-size:15px;font-weight:400}.button-ZhY6-4pw4q .button-icon-start{margin-right:5px}.button-ZhY6-4pw4q .button-icon-end{margin-left:5px}.button-ZhY6-4pw4q .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-ZhY6-4pw4q .button-icon-end,.button-ZhY6-4pw4q .button-icon-start,.button-ZhY6-4pw4q .main-heading-button{font-size:15px;font-weight:400}.button-ZhY6-4pw4q .button-icon-start{margin-right:5px}.button-ZhY6-4pw4q .button-icon-end{margin-left:5px}.button-ZhY6-4pw4q .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-n2LYfOmC1p .button-icon-end,.button-n2LYfOmC1p .button-icon-start,.button-n2LYfOmC1p .main-heading-button{font-size:15px;font-weight:400}.button-n2LYfOmC1p .button-icon-start{margin-right:5px}.button-n2LYfOmC1p .button-icon-end{margin-left:5px}.button-n2LYfOmC1p .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-n2LYfOmC1p .button-icon-end,.button-n2LYfOmC1p .button-icon-start,.button-n2LYfOmC1p .main-heading-button{font-size:15px;font-weight:400}.button-n2LYfOmC1p .button-icon-start{margin-right:5px}.button-n2LYfOmC1p .button-icon-end{margin-left:5px}.button-n2LYfOmC1p .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-n2LYfOmC1p .button-icon-end,.button-n2LYfOmC1p .button-icon-start,.button-n2LYfOmC1p .main-heading-button{font-size:15px;font-weight:400}.button-n2LYfOmC1p .button-icon-start{margin-right:5px}.button-n2LYfOmC1p .button-icon-end{margin-left:5px}.button-n2LYfOmC1p .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-R-qGiRof3D .button-icon-end,.button-R-qGiRof3D .button-icon-start,.button-R-qGiRof3D .main-heading-button{font-size:15px;font-weight:400}.button-R-qGiRof3D .button-icon-start{margin-right:5px}.button-R-qGiRof3D .button-icon-end{margin-left:5px}.button-R-qGiRof3D .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-R-qGiRof3D .button-icon-end,.button-R-qGiRof3D .button-icon-start,.button-R-qGiRof3D .main-heading-button{font-size:15px;font-weight:400}.button-R-qGiRof3D .button-icon-start{margin-right:5px}.button-R-qGiRof3D .button-icon-end{margin-left:5px}.button-R-qGiRof3D .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-R-qGiRof3D .button-icon-end,.button-R-qGiRof3D .button-icon-start,.button-R-qGiRof3D .main-heading-button{font-size:15px;font-weight:400}.button-R-qGiRof3D .button-icon-start{margin-right:5px}.button-R-qGiRof3D .button-icon-end{margin-left:5px}.button-R-qGiRof3D .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-vipXKNMK-3 .button-icon-end,.button-vipXKNMK-3 .button-icon-start,.button-vipXKNMK-3 .main-heading-button{font-size:15px;font-weight:400}.button-vipXKNMK-3 .button-icon-start{margin-right:5px}.button-vipXKNMK-3 .button-icon-end{margin-left:5px}.button-vipXKNMK-3 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-vipXKNMK-3 .button-icon-end,.button-vipXKNMK-3 .button-icon-start,.button-vipXKNMK-3 .main-heading-button{font-size:15px;font-weight:400}.button-vipXKNMK-3 .button-icon-start{margin-right:5px}.button-vipXKNMK-3 .button-icon-end{margin-left:5px}.button-vipXKNMK-3 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-vipXKNMK-3 .button-icon-end,.button-vipXKNMK-3 .button-icon-start,.button-vipXKNMK-3 .main-heading-button{font-size:15px;font-weight:400}.button-vipXKNMK-3 .button-icon-start{margin-right:5px}.button-vipXKNMK-3 .button-icon-end{margin-left:5px}.button-vipXKNMK-3 .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-HGSefC-TX5 .button-icon-end,.button-HGSefC-TX5 .button-icon-start,.button-HGSefC-TX5 .main-heading-button{font-size:15px;font-weight:400}.button-HGSefC-TX5 .button-icon-start{margin-right:5px}.button-HGSefC-TX5 .button-icon-end{margin-left:5px}.button-HGSefC-TX5 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-HGSefC-TX5 .button-icon-end,.button-HGSefC-TX5 .button-icon-start,.button-HGSefC-TX5 .main-heading-button{font-size:15px;font-weight:400}.button-HGSefC-TX5 .button-icon-start{margin-right:5px}.button-HGSefC-TX5 .button-icon-end{margin-left:5px}.button-HGSefC-TX5 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-HGSefC-TX5 .button-icon-end,.button-HGSefC-TX5 .button-icon-start,.button-HGSefC-TX5 .main-heading-button{font-size:15px;font-weight:400}.button-HGSefC-TX5 .button-icon-start{margin-right:5px}.button-HGSefC-TX5 .button-icon-end{margin-left:5px}.button-HGSefC-TX5 .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:768px) and (max-width:10000px){.button-W6pd67hhpk .button-icon-end,.button-W6pd67hhpk .button-icon-start,.button-W6pd67hhpk .main-heading-button{font-size:15px;font-weight:400}.button-W6pd67hhpk .button-icon-start{margin-right:5px}.button-W6pd67hhpk .button-icon-end{margin-left:5px}.button-W6pd67hhpk .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:768px) and (max-width:1024px){.button-W6pd67hhpk .button-icon-end,.button-W6pd67hhpk .button-icon-start,.button-W6pd67hhpk .main-heading-button{font-size:15px;font-weight:400}.button-W6pd67hhpk .button-icon-start{margin-right:5px}.button-W6pd67hhpk .button-icon-end{margin-left:5px}.button-W6pd67hhpk .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:767px){.button-W6pd67hhpk .button-icon-end,.button-W6pd67hhpk .button-icon-start,.button-W6pd67hhpk .main-heading-button{font-size:15px;font-weight:400}.button-W6pd67hhpk .button-icon-start{margin-right:5px}.button-W6pd67hhpk .button-icon-end{margin-left:5px}.button-W6pd67hhpk .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}.sub-heading-rAZD5_EDk3 em,.sub-heading-rAZD5_EDk3 strong,.sub-heading-rAZD5_EDk3 u{color:var(--color-lx2prsc2)}@media screen and (min-width:0px) and (max-width:767px){.sub-heading-rAZD5_EDk3 h1,.sub-heading-rAZD5_EDk3 h2,.sub-heading-rAZD5_EDk3 h3,.sub-heading-rAZD5_EDk3 h4,.sub-heading-rAZD5_EDk3 h5,.sub-heading-rAZD5_EDk3 h6,.sub-heading-rAZD5_EDk3 ul li,.sub-heading-rAZD5_EDk3.text-output{font-size:17px!important;font-weight:600}}@media screen and (min-width:768px) and (max-width:10000px){.sub-heading-rAZD5_EDk3 h1,.sub-heading-rAZD5_EDk3 h2,.sub-heading-rAZD5_EDk3 h3,.sub-heading-rAZD5_EDk3 h4,.sub-heading-rAZD5_EDk3 h5,.sub-heading-rAZD5_EDk3 h6,.sub-heading-rAZD5_EDk3 ul li,.sub-heading-rAZD5_EDk3.text-output{font-size:17px!important;font-weight:600}}#col-iKVqQU0qCh>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-iKVqQU0qCh{animation:none!important}}.--mobile #col-iKVqQU0qCh{animation:none!important} :root { /* "Our Style" Color Palette - Biophilic & Organic */ --color-cream: #f1ebdf; --color-light: #f5f6f0; --color-taupe: #bb9c87; --color-blue: #6b9cd4; --color-blue-light: #aec9e8; --color-plum: #54474e; --color-yellow: #d1d161; --color-orange: #edab39; --bg-color: var(--color-cream); --bg-dark: var(--color-plum); --text-primary: var(--color-plum); --text-light: var(--color-light); --text-secondary: rgba(84, 71, 78, 0.7); /* Warm Accents */ --accent-peach: var(--color-taupe); --accent-amber: var(--color-orange); --accent-rose: var(--color-blue); --accent-sage: var(--color-yellow); /* Typography */ --font-heading: 'Outfit', sans-serif; --font-serif: 'Playfair Display', serif; /* For the elegant italic accent */ --font-body: 'Plus Jakarta Sans', sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; max-width: 100vw; overflow-x: hidden !important; position: relative; } body { background-color: var(--bg-color); color: var(--text-primary); font-family: var(--font-body); font-size: 1rem; line-height: 1.7; -webkit-font-smoothing: antialiased; } /* Typography */ h1, h2, h3, h4, .logo { font-family: var(--font-heading); font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; } h1 { font-size: clamp(3rem, 5vw, 4.8rem); margin-bottom: 1.5rem; } .text-accent { font-family: var(--font-serif); font-style: italic; color: var(--accent-amber); font-weight: 400; } .subtitle { display: inline-block; font-family: var(--font-body); font-size: 0.8rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 2rem; color: var(--accent-rose); } .body-large { font-size: 1.15rem; font-weight: 300; line-height: 1.6; margin-bottom: 3rem; color: var(--text-secondary); max-width: 480px; } /* Custom Cursor Glow */ .cursor-glow { position: fixed; top: 0; left: 0; width: 400px; height: 400px; background: radial-gradient(circle, rgba(187, 156, 135, 0.2) 0%, rgba(241, 235, 223, 0) 70%); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 9999; transition: transform 0.1s ease-out; } /* Navigation - Floating, Glassmorphism */ .navbar { position: fixed; top: 1rem; left: 5%; width: 90%; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; z-index: 100; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 3rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); } .navbar .logo { font-size: 1.25rem; font-weight: 500; color: var(--text-primary); } .navbar .logo .coach-accent { color: var(--accent-amber); font-weight: 400; } .nav-links { display: flex; gap: 2.5rem; align-items: center; } .nav-links a { color: var(--text-primary); text-decoration: none; font-size: 0.8rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; transition: color 0.3s ease, opacity 0.3s ease; } .nav-links a:hover { color: var(--accent-amber); } .nav-btn { background-color: var(--accent-peach); color: var(--text-primary) !important; padding: 0.8rem 1.8rem; border-radius: 3rem; border: none; } .nav-btn:hover { background-color: var(--accent-amber); color: var(--text-primary) !important; } @media (max-width: 1100px) { .nav-links { display: none; } } /* Split Layout - Organic Style */ .split-hero { display: flex; min-height: 100vh; } .hero-left, .hero-right { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 6rem 8%; position: relative; } /* Left Side - Light and Fluid */ .hero-left { background-color: var(--bg-color); position: relative; overflow: hidden; } .floating-splash { position: absolute; top: -10%; left: -20%; width: 70%; opacity: 0.4; mix-blend-mode: multiply; pointer-events: none; z-index: 0; animation: float 10s ease-in-out infinite alternate; } .hero-left-content { position: relative; z-index: 1; } /* Right Side - Dark and Deep */ .hero-right { background: radial-gradient(circle at 70% 20%, rgba(255, 255, 255, 0.06) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(107, 156, 212, 0.04) 0%, transparent 40%), var(--text-primary); color: var(--text-light); position: relative; overflow: hidden; /* Soften the vertical divide */ border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; margin: 1rem 1rem 1rem 0; box-shadow: -20px 0 50px rgba(0, 0, 0, 0.05); } .hero-right-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } /* Buttons - Pill shaped, organic */ .btn-group { display: flex; gap: 1.5rem; flex-wrap: wrap; } .btn { display: inline-block; padding: 1.2rem 2.5rem; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); border-radius: 3rem; /* Pill shape */ } .btn-dark { background-color: var(--text-primary); color: var(--bg-color); } .btn-dark:hover { background-color: var(--accent-amber); transform: translateY(-3px); } .btn-outline { background-color: transparent; color: var(--text-primary); border: 1px solid rgba(84, 71, 78, 0.3); } .btn-outline:hover { border-color: var(--accent-amber); color: var(--accent-amber); transform: translateY(-3px); } /* Quote */ .quote-box { margin: auto 0; max-width: 85%; } .quote-mark { font-family: var(--font-serif); font-size: 4rem; color: var(--accent-peach); opacity: 0.5; line-height: 0; display: block; margin-bottom: 2rem; } .quote-text { font-family: var(--font-serif); font-size: clamp(1.8rem, 3vw, 2.5rem); font-style: italic; color: var(--text-light); line-height: 1.4; font-weight: 300; } /* Credentials */ .credentials { margin-bottom: 2rem; padding-left: 2rem; border-left: 2px solid var(--accent-peach); /* Organic accent line */ } .credentials p { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; color: rgba(245, 246, 240, 0.7); margin-bottom: 0.5rem; } /* Animations */ @keyframes float { 0% { transform: translateY(0px) rotate(0deg); } 100% { transform: translateY(20px) rotate(5deg); } } /* Responsive */ @media (max-width: 900px) { .split-hero { flex-direction: column; } .hero-right { margin: 0; border-radius: 0; border-top-left-radius: 3rem; border-top-right-radius: 3rem; min-height: 60vh; } .hero-left { min-height: 70vh; padding-top: 10rem; } } /* Services Overview Grid - Organic & Elegant */ .services-overview-grid { padding: 8rem 0; background-color: var(--bg-color); } .services-overview-grid .container { max-width: 1400px; margin: 0 auto; padding: 0 5%; } .services-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; padding-bottom: 2rem; } .header-left h2 { font-size: clamp(2rem, 3vw, 3rem); margin-bottom: 0; color: var(--text-primary); } .link-arrow { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: var(--accent-peach); text-decoration: none; transition: color 0.3s ease; } .link-arrow:hover { color: var(--text-primary); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(84, 71, 78, 0.1); border-left: 1px solid rgba(84, 71, 78, 0.1); } .service-box { padding: 3rem; border-right: 1px solid rgba(84, 71, 78, 0.1); border-bottom: 1px solid rgba(84, 71, 78, 0.1); display: flex; flex-direction: column; transition: background-color 0.4s ease, transform 0.4s ease; } .service-box:hover { background-color: rgba(255, 255, 255, 0.4); /* Subtly warm overlay */ transform: translateY(-5px); } .service-number { font-family: var(--font-serif); font-size: 3rem; color: var(--accent-peach); opacity: 0.5; margin-bottom: 1.5rem; line-height: 1; } .service-box h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: var(--text-primary); } .font-serif { font-family: var(--font-serif); font-style: italic; font-weight: 400 !important; } .service-box p { font-size: 0.95rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 2rem; flex-grow: 1; } .service-meta { font-size: 0.85rem; font-weight: 600; color: var(--text-primary); } @media (max-width: 1024px) { .services-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .services-header { flex-direction: column; align-items: flex-start; gap: 2rem; } .services-grid { grid-template-columns: 1fr; } } /* Detailed Services Page */ .page-hero { padding: 12rem 5% 6rem; text-align: center; background-color: var(--bg-color); } .detailed-service-block { display: flex; align-items: flex-start; gap: 4rem; padding: 6rem 5%; border-top: 1px solid rgba(84, 71, 78, 0.1); background-color: var(--bg-color); } .detailed-service-block:nth-child(even) { background-color: rgba(255, 255, 255, 0.4); } .service-left { flex: 1; position: sticky; top: 120px; } .service-right { flex: 2; } .service-left .service-number { font-size: 6rem; margin-bottom: 0; } .service-left h2 { font-size: 2.5rem; color: var(--text-primary); margin-top: 1rem; } .service-right h4 { font-size: 1.25rem; color: var(--accent-peach); margin-bottom: 1rem; margin-top: 2rem; } .service-right p { font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem; } .service-features { list-style: none; margin-bottom: 2rem; } .service-features li { position: relative; padding-left: 2rem; margin-bottom: 0.8rem; color: var(--text-primary); } .service-features li::before { content: ''; position: absolute; left: 0; top: 0.6rem; width: 8px; height: 8px; border-radius: 50%; background-color: var(--accent-peach); } .price-box { display: inline-block; padding: 1rem 2rem; background-color: rgba(84, 71, 78, 0.05); border-radius: 3rem; font-weight: 600; color: var(--text-primary); margin-top: 1rem; } @media (max-width: 900px) { .detailed-service-block { flex-direction: column; gap: 2rem; } .service-left { position: static; } } /* Metoda 5Z Section */ .method-5z-section { padding: 8rem 0; background-color: var(--bg-dark); /* Plum */ color: var(--text-light); } .split-5z { display: flex; gap: 6rem; max-width: 1400px; margin: 0 auto; padding: 0 5%; } .method-left { flex: 1; } .method-left h2 { font-size: clamp(2.5rem, 4vw, 3.5rem); color: var(--text-light); margin-bottom: 1.5rem; } .method-desc { font-size: 1.1rem; color: rgba(245, 246, 240, 0.8); line-height: 1.6; margin-bottom: 3rem; } .method-details { list-style: none; margin-bottom: 2rem; } .method-details li { font-size: 0.85rem; color: rgba(245, 246, 240, 0.6); margin-bottom: 1rem; line-height: 1.5; } .method-details strong { color: var(--text-light); font-weight: 500; } .btn-primary { background-color: var(--accent-peach); color: var(--bg-dark); border: none; padding: 1.2rem 2.5rem; border-radius: 3rem; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; display: inline-block; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .btn-primary:hover { background-color: var(--text-light); color: var(--bg-dark); transform: translateY(-3px); } .method-right { flex: 1.2; display: flex; flex-direction: column; } .z-item { display: flex; align-items: center; gap: 2rem; padding: 2.5rem 0; border-bottom: 1px solid rgba(245, 246, 240, 0.1); } .z-item:first-child { padding-top: 0; } .z-item:last-child { border-bottom: none; padding-bottom: 0; } .z-letter { font-family: var(--font-serif); font-size: 4rem; font-style: italic; color: var(--text-light); opacity: 0.15; line-height: 1; min-width: 60px; transition: color 0.3s ease, opacity 0.3s ease; } .z-item:hover .z-letter { color: var(--accent-peach); opacity: 0.5; } .z-content h4 { font-size: 1.2rem; color: var(--text-light); margin-bottom: 0.5rem; font-weight: 500; } .z-content p { font-size: 0.95rem; color: rgba(245, 246, 240, 0.6); line-height: 1.5; } @media (max-width: 900px) { .split-5z { flex-direction: column; gap: 4rem; } } /* CTA Banner */ .cta-banner { background-color: var(--color-yellow); padding: 5rem 0; } .cta-banner-inner { max-width: 1400px; margin: 0 auto; padding: 0 5%; display: flex; justify-content: space-between; align-items: center; gap: 4rem; } .cta-content { flex: 1; } .cta-content .subtitle { margin-bottom: 1rem !important; color: var(--text-primary) !important; opacity: 0.7; } .cta-content h2 { font-family: var(--font-serif); font-size: clamp(1.8rem, 2.5vw, 2.5rem); font-weight: 400; color: var(--text-primary); margin: 0; line-height: 1.3; } .cta-action { flex-shrink: 0; } .btn-square { display: inline-block; padding: 1.2rem 3rem; background-color: var(--text-primary); color: var(--text-light); font-size: 0.85rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; transition: all 0.4s ease; } .btn-square:hover { background-color: var(--accent-amber); color: var(--text-primary); transform: translateY(-3px); } @media (max-width: 900px) { .cta-banner-inner { flex-direction: column; align-items: flex-start; gap: 2rem; } } /* Process Timeline for Metoda 5Z */ .process-timeline-section { background-color: var(--bg-color); padding: 8rem 0; } .process-timeline { max-width: 1000px; margin: 0 auto; padding: 0 5%; position: relative; } .timeline-step { display: flex; gap: 4rem; margin-bottom: 6rem; position: relative; } .timeline-step:last-child { margin-bottom: 0; } .timeline-line { position: absolute; top: 0; bottom: 0; left: 4rem; width: 2px; background: linear-gradient(to bottom, var(--accent-peach) 0%, rgba(187, 156, 135, 0) 100%); opacity: 0.4; z-index: 0; } .step-marker { flex-shrink: 0; width: 8rem; height: 8rem; background-color: var(--bg-dark); /* Plum */ border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; box-shadow: 0 20px 40px rgba(84, 71, 78, 0.1); border: 8px solid var(--bg-color); } .step-number { font-family: var(--font-serif); font-size: 3rem; font-style: italic; color: var(--color-yellow); line-height: 1; } .step-content { flex: 1; padding-top: 0.5rem; background: rgba(255, 255, 255, 0.4); padding: 3rem; border-radius: 2rem; border: 1px solid rgba(84, 71, 78, 0.05); transition: transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease; } .step-content:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.8); box-shadow: 0 15px 30px rgba(84, 71, 78, 0.05); } .step-content h2 { font-family: var(--font-serif); font-size: 3rem; color: var(--text-primary); margin-bottom: 0.5rem; } .step-content h4 { font-size: 1.15rem; color: var(--accent-peach); margin-bottom: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; } .step-content p { font-size: 1.1rem; color: var(--text-secondary); line-height: 1.7; margin-bottom: 2rem; } @media (max-width: 900px) { .timeline-step { flex-direction: column; gap: 1.5rem; } .timeline-line { display: none !important; /* Hide line on mobile to prevent layout overlap & vertical cuts */ } .step-marker { width: 3.5rem; height: 3.5rem; border-width: 3px; margin-left: 0; /* Reset negative margin */ align-self: flex-start; } .step-number { font-size: 1.3rem; } .step-content { padding: 2rem; width: 100%; } } /* Testimonials Section */ .testimonials-section { padding: 8rem 0; background-color: var(--bg-dark); /* Zmienione na ciemne tło (Plum) */ color: var(--text-light); } .testimonials-section .container { max-width: 1400px; margin: 0 auto; padding: 0 5%; } .testimonials-section h2 { color: var(--text-light); } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; margin-top: 4rem; align-items: stretch; /* Umożliwia rozciągnięcie wszystkich kart do równej wysokości */ } .testimonial-card { background-color: rgba(245, 246, 240, 0.03); /* Bardzo delikatne, jasne prześwitywanie */ padding: 3rem; border-radius: 1.5rem; border: 1px solid rgba(245, 246, 240, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); position: relative; transition: transform 0.4s ease, background-color 0.4s ease; display: flex; flex-direction: column; } .testimonial-card:hover { transform: translateY(-5px); background-color: rgba(245, 246, 240, 0.06); } .testimonial-quote { font-family: var(--font-serif); font-size: 5rem; color: var(--accent-peach); line-height: 0.5; margin-bottom: 1.5rem; opacity: 0.2; } .testimonial-title { font-size: 1.2rem; color: var(--text-light); margin-bottom: 1rem; font-weight: 500; } .testimonial-text { font-size: 1rem; color: rgba(245, 246, 240, 0.75); line-height: 1.7; margin-bottom: 2rem; font-style: italic; flex-grow: 1; /* Wypycha dolną sekcję (autora) na sam dół */ } .testimonial-author { display: flex; flex-direction: column; border-top: 1px solid rgba(245, 246, 240, 0.1); padding-top: 1.5rem; } .author-name { font-family: var(--font-serif); font-size: 1.2rem; color: var(--text-light); font-weight: 600; } .author-role { font-size: 0.85rem; color: var(--accent-peach); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; margin-top: 0.2rem; } .author-date { font-size: 0.8rem; color: rgba(245, 246, 240, 0.4); margin-top: 0.2rem; } /* About Section (Badges and Arrows) */ .about-badge { padding: 1rem 2rem; background-color: rgba(187, 156, 135, 0.15); /* Lekki beż (taupe) */ border-left: 3px solid var(--accent-peach); font-family: var(--font-heading); font-size: 0.85rem; font-weight: 500; letter-spacing: 0.1em; color: var(--accent-peach); text-transform: uppercase; transition: transform 0.3s ease, background-color 0.3s ease; } .about-badge:hover { transform: translateY(-2px); background-color: rgba(187, 156, 135, 0.25); } .hover-arrow { display: inline-flex; align-items: center; gap: 1rem; color: var(--accent-peach); font-family: var(--font-heading); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; font-size: 0.95rem; transition: color 0.3s ease; } .hover-arrow span { font-size: 2rem; font-family: var(--font-serif); font-style: italic; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .hover-arrow:hover { color: var(--accent-amber); } .hover-arrow:hover span { transform: translateX(10px); color: var(--accent-amber); } /* Podcast Section */ .podcast-section { padding: 10rem 0; background-color: var(--color-blue); color: white; } .podcast-section .container { max-width: 1400px; margin: 0 auto; padding: 0 5%; display: grid; grid-template-columns: 1fr 1.3fr; gap: 8rem; align-items: center; } .podcast-info .subtitle { color: rgba(255, 255, 255, 0.8); margin-bottom: 2rem; } .podcast-info h2 { font-size: clamp(3.2rem, 5.5vw, 5rem); font-family: var(--font-serif); color: white; margin-bottom: 2.5rem; line-height: 1.05; } .podcast-info p { font-size: 1.15rem; line-height: 1.7; color: rgba(255, 255, 255, 0.9); margin-bottom: 4rem; max-width: 550px; font-weight: 300; } .podcast-btns { display: flex; gap: 1.5rem; flex-wrap: wrap; } .btn-white { background-color: white; color: var(--color-blue) !important; } .btn-white:hover { background-color: var(--color-light); transform: translateY(-3px); } .btn-podcast-outline { border: 1px solid rgba(255, 255, 255, 0.4); color: white !important; } .btn-podcast-outline:hover { background-color: rgba(255, 255, 255, 0.1); border-color: white; transform: translateY(-3px); } .episode-list { display: flex; flex-direction: column; border-top: 1px solid rgba(255, 255, 255, 0.15); } .episode-item { display: grid; grid-template-columns: 60px 1fr auto; align-items: center; padding: 2.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); text-decoration: none; color: white; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .episode-item:hover { background-color: rgba(255, 255, 255, 0.05); padding-left: 1.5rem; } .episode-item .num { font-family: var(--font-heading); font-size: 0.85rem; opacity: 0.4; font-weight: 500; } .episode-item .title { font-size: 1.2rem; font-weight: 400; padding-right: 2rem; line-height: 1.4; } .episode-item .label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; opacity: 0.5; font-weight: 600; } @media (max-width: 1200px) { .podcast-section .container { grid-template-columns: 1fr; gap: 6rem; } .podcast-info { text-align: center; display: flex; flex-direction: column; align-items: center; } } @media (max-width: 768px) { .episode-item { grid-template-columns: 40px 1fr; padding: 1.8rem 0; } .episode-item .label { display: none; } .episode-item .title { font-size: 1.05rem; } } /* Coffee Invite Section (Immersive, Cinematic) */ .coffee-invite-section { padding: 0; min-height: 100vh; background-color: #1a2721; /* Głęboka leśna zieleń pasująca do fotela na zdjęciu */ background-image: radial-gradient(circle at 0% 50%, rgba(209, 209, 97, 0.03) 0%, transparent 60%), radial-gradient(circle at 100% 100%, rgba(237, 171, 57, 0.03) 0%, transparent 60%); color: var(--color-cream); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } .giant-bg-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--font-serif); font-size: 28vw; font-weight: 700; color: rgba(255, 255, 255, 0.04); z-index: 1; pointer-events: none; line-height: 0.8; white-space: nowrap; } .coffee-container { max-width: 96vw; /* Prawie cała szerokość ekranu */ width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; position: relative; border-radius: 4rem; overflow: hidden; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5); z-index: 2; } .coffee-image-wrapper { grid-column: 1 / -1; grid-row: 1 / -1; width: 100%; height: 100%; position: relative; /* Usuwamy maskę, obraz jest teraz gigantycznym prostokątem z zaokrąglonymi rogami */ mask-image: none; -webkit-mask-image: none; } .coffee-img { width: 100%; height: 100%; display: block; transform: scale(1.05); transition: transform 15s ease-out; } .coffee-image-wrapper:hover .coffee-img { transform: scale(1.12); /* Powolny, filmowy zoom */ } .coffee-content { grid-column: 1 / -1; grid-row: 1 / -1; position: relative; z-index: 2; justify-self: end; /* Tekst po prawej stronie */ width: 45%; display: flex; flex-direction: column; justify-content: center; padding: 6rem; background: linear-gradient(to right, rgba(11, 20, 16, 0) 0%, rgba(11, 20, 16, 0.8) 30%, rgba(11, 20, 16, 0.98) 100%); } .coffee-content .subtitle { color: var(--color-yellow); margin-bottom: 1.5rem; letter-spacing: 0.2em; } .coffee-content h2 { font-size: clamp(3rem, 5vw, 4.5rem); color: var(--color-cream); margin-bottom: 2rem; line-height: 1.1; text-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .coffee-content .body-large { color: rgba(241, 235, 223, 0.85); font-size: 1.15rem; line-height: 1.8; } /* Hyper-Realistic Cinematic Smoke Effect - Mocno Ulepszony */ .smoke-container { position: absolute; width: 200px; height: 400px; z-index: 10; pointer-events: none; filter: url(#real-smoke); /* Używa filtra SVG z HTML dla realistycznego załamywania dymu */ transform: translateX(-50%); /* Centrowanie kontenera nad kubkiem */ } /* Pozycje kubków (wymagają kalibracji po załadowaniu zdjęcia) */ .cup-1 { left: 48%; /* Skorygowane dla trybu pełnoekranowego */ bottom: 25%; } .cup-2 { left: 58%; bottom: 25%; } .smoke { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: radial-gradient(circle, rgba(230, 235, 240, 0.9) 0%, rgba(230, 235, 240, 0) 65%); border-radius: 50%; opacity: 0; } /* Zróżnicowane kłęby dymu */ .smoke-1 { width: 80px; height: 80px; animation: real-smoke-rise 8s infinite cubic-bezier(0.3, 0, 0.2, 1); } .smoke-2 { width: 60px; height: 60px; animation: real-smoke-rise 7s infinite cubic-bezier(0.4, 0, 0.2, 1); } .smoke-3 { width: 40px; height: 40px; animation: real-smoke-rise 6s infinite cubic-bezier(0.2, 0, 0.1, 1); } .smoke-4 { width: 100px; height: 60px; animation: real-smoke-rise 9s infinite cubic-bezier(0.5, 0, 0.3, 1); } @keyframes real-smoke-rise { 0% { transform: translate(-50%, 0) scale(0.3); opacity: 0; } 15% { opacity: 0.8; } 50% { transform: translate(calc(-50% + 40px), -150px) scale(2); opacity: 0.5; } 100% { transform: translate(calc(-50% + 120px), -350px) scale(4); opacity: 0; } } @media (max-width: 1024px) { .coffee-container { border-radius: 2rem; } .coffee-content { width: 100%; height: auto; justify-self: end; align-self: end; padding: 4rem 2rem; background: linear-gradient(to top, rgba(11, 20, 16, 0.98) 0%, rgba(11, 20, 16, 0.8) 60%, rgba(11, 20, 16, 0) 100%); } } @media (max-width: 900px) { .coffee-container { flex-direction: column; gap: 3rem; } } /* Section Divider & Transition Styles */ .section-divider-top { position: absolute; top: 0; left: 0; width: 100%; line-height: 0; z-index: 10; pointer-events: none; } .about-section { z-index: 5; position: relative; box-shadow: none; } .section-divider-top svg { display: block; width: calc(100% + 1.3px); height: 120px; transform: rotate(180deg) translateY(100%); } /* Atmospheric Iconography Cards for 'Kim Jestem' / 'Ekspertyza' */ .about-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2.5rem; margin-top: 4rem; margin-bottom: 4rem; width: 100%; } .about-feature-card { background: transparent; backdrop-filter: none; border: none; padding: 0; display: flex; flex-direction: column; align-items: flex-start; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: visible; } .about-feature-card::before { content: ''; position: absolute; inset: -20px; background: radial-gradient(circle 280px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(237, 171, 57, 0.08) 0%, transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; border-radius: 3rem; z-index: -1; } .about-feature-card:hover::before { opacity: 1; } .about-feature-card:hover { transform: translateY(-10px); } .feature-img-wrapper { position: relative; width: 100%; aspect-ratio: 2 / 1; /* Dopasowane idealnie do proporcji grafik 1024x512 */ height: auto; margin-bottom: 2.5rem; overflow: hidden; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); background-color: transparent; border: none; padding: 0; } .about-feature-card:hover .feature-img-wrapper { transform: scale(1.03); } .feature-img-blob { width: 100%; height: 100%; object-fit: cover; /* Wypełnia całą przestrzeń ramki bez pozostawiania pustych miejsc */ mix-blend-mode: multiply; /* Usuwa tło obrazka, zostawiając same linie */ transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); /* Underwater live wave motion filter */ filter: url(#water-ripple); } .about-feature-card:hover .feature-img-blob { transform: scale(1.08); } .feature-card-content { display: flex; flex-direction: column; gap: 0.6rem; width: 100%; } .feature-card-category { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent-peach); /* Subtelny złoty/taupe akcent */ margin: 0; } .feature-card-tagline { font-family: var(--font-serif); font-style: italic; font-size: 1.25rem; color: var(--text-primary); line-height: 1.3; margin-bottom: 0.4rem; font-weight: 400 !important; } .feature-card-desc { font-size: 0.92rem; line-height: 1.65; color: var(--text-secondary); font-weight: 300; margin: 0; } /* Specific styling for Dark Background compatibility in aboutme.html philosophy */ .about-philosophy .about-feature-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); } .about-philosophy .about-feature-card:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); } /* ========================================================================== PREMIUM MOBILE OPTIMIZATION & RESPONSIVE REBORN SYSTEM ========================================================================== */ /* Global Typography & Section Spacing Adjustments */ @media (max-width: 900px) { :root { --section-spacing: clamp(4rem, 8vw, 6rem); } h1 { font-size: clamp(2.2rem, 8vw, 3.2rem) !important; line-height: 1.15 !important; } h2 { font-size: clamp(1.8rem, 6vw, 2.5rem) !important; line-height: 1.2 !important; } body { font-size: 0.95rem; line-height: 1.6; } /* Reduce oversized page heroes & section spacing */ .page-hero { padding: 8rem 1.5rem 4rem !important; } .podcast-hero { padding: 8rem 1.5rem 4rem !important; } .deep-dive-section { padding: 8rem 1.5rem 4rem !important; } .about-hero-200 { padding-top: 8rem !important; padding-bottom: clamp(4rem, 8vw, 6rem) !important; } .about-philosophy, .about-experience, .about-cta-200 { padding: clamp(4rem, 8vw, 6rem) 0 !important; } } /* Strona Główna: Sekcja Hero (Editorial Arch Gallery Stack) */ @media (max-width: 900px) { .coffee-invite-section { min-height: auto !important; /* Pozwalamy sekcji rosnąć naturalnie z treścią */ padding: 8rem 1.5rem 4rem 1.5rem !important; /* Duży oddech pod pływającym menu */ background-color: #0b172a !important; /* Głęboki, luksusowy granat (midnight blue) */ display: block !important; } .giant-bg-text { display: none !important; /* Ukryte na mobile dla czystości kompozycji */ } .coffee-container { display: grid !important; grid-template-columns: 1fr !important; row-gap: 2rem !important; /* Idealne odstępy między sekcjami w pionie */ max-width: 100% !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; border: none !important; } /* Wykorzystujemy nowoczesną właściwość display: contents, by zmienić układ dzieci bez zmian w HTML */ .coffee-content { display: contents !important; } /* 1. Subtitle na samej górze */ .coffee-content .subtitle { grid-row: 1 !important; color: var(--color-yellow) !important; font-size: 0.72rem !important; letter-spacing: 0.2em !important; margin-bottom: 0 !important; text-align: center !important; font-weight: 600 !important; } /* 2. Nagłówek H1 jako drugi */ .coffee-content h1 { grid-row: 2 !important; font-size: clamp(2.1rem, 7.8vw, 2.8rem) !important; line-height: 1.18 !important; color: var(--color-cream) !important; text-align: center !important; margin-bottom: 0.5rem !important; font-family: var(--font-serif) !important; } /* 3. Rama Portretowa (Arch Frame) jako trzecia */ .coffee-image-wrapper { grid-row: 3 !important; position: relative !important; width: 100% !important; max-width: 320px !important; /* Piękne proporcje portretu */ height: 380px !important; justify-self: center !important; border-radius: 12rem 12rem 2rem 2rem !important; /* Luksusowy Łuk Architektoniczny */ border: 1px solid rgba(209, 209, 97, 0.22) !important; /* Subtelna złota linia */ box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45) !important; /* Głęboki, miękki cień */ overflow: hidden !important; transform: none !important; /* Zatrzymanie paralaksy scrolla */ margin: 1.2rem 0 !important; } /* Poświata (Halo Effect) za ramą łuku */ .coffee-image-wrapper::before { content: ''; position: absolute; inset: -20px; background: radial-gradient(circle at center, rgba(209, 209, 97, 0.12) 0%, transparent 70%); z-index: -1; filter: blur(10px); pointer-events: none; } .coffee-img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 28% 12% !important; /* Perfekcyjne wykadrowanie Ewy i filiżanki */ transform: none !important; transition: none !important; } /* 4. Lead (body-large) pod zdjęciem */ .coffee-content .body-large { grid-row: 4 !important; font-size: 1.15rem !important; line-height: 1.6 !important; color: var(--color-cream) !important; text-align: center !important; margin: 0 auto 1.5rem auto !important; max-width: 480px !important; padding: 0 1rem !important; font-family: var(--font-serif) !important; font-style: italic !important; } /* 4b. Opisy pomocowe (coffee-description-block) */ .coffee-content .coffee-description-block { grid-row: 5 !important; font-size: 0.95rem !important; line-height: 1.7 !important; color: rgba(241, 235, 223, 0.8) !important; text-align: center !important; margin: 0 auto 2rem auto !important; max-width: 480px !important; padding: 0 1rem !important; display: flex !important; flex-direction: column !important; gap: 0.8rem !important; } /* 5. Pionowy stos przycisków */ .coffee-content .btn-group { grid-row: 6 !important; display: flex !important; flex-direction: column !important; gap: 0.8rem !important; width: 100% !important; max-width: 320px !important; margin: 0.5rem auto 2.5rem auto !important; padding: 0 1rem !important; } /* 5b. Podpis Ewy na samym dole */ .coffee-content .coffee-signature-block { grid-row: 7 !important; width: 100% !important; max-width: 320px !important; margin: 0 auto !important; padding: 2rem 1rem 0 1rem !important; border-top: 1px solid rgba(241, 235, 223, 0.15) !important; text-align: center !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } .coffee-content .btn-group .btn { width: 100% !important; text-align: center !important; padding: 1.15rem !important; font-size: 0.9rem !important; border-radius: 3rem !important; margin: 0 !important; } .smoke-container { display: none !important; /* Wyłączone dla stabilności layoutu na mobile */ } } /* Strona Główna & Podstrony: Rozwiązanie sztywnych szerokości (min-width) & Brak poziomego przewijania */ @media (max-width: 900px) { html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; position: relative !important; } section { max-width: 100vw !important; overflow: hidden !important; } .giant-bg-text, .connecting-flow-line { display: none !important; } div[style*="min-width"] { min-width: 0 !important; width: 100% !important; max-width: 100% !important; } .container { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Nadpisanie inline-styli flex i min-width w sekcji "O Mnie" */ .about-section .container { flex-direction: column !important; gap: 3rem !important; } .about-section .container>div { min-width: 0 !important; width: 100% !important; flex: none !important; padding-left: 0 !important; } .about-section .container>div img { max-width: 100% !important; height: auto !important; } } /* O Mnie (aboutme.html): Naprawa Editorial Layout & Philosophy */ @media (max-width: 900px) { .editorial-layout { display: flex !important; flex-direction: column !important; gap: 3rem !important; } .editorial-layout>div { grid-column: span 12 !important; width: 100% !important; flex: none !important; } /* Zatrzymanie sticky po lewej stronie, gdy przewijamy pionowo */ .service-left, .about-experience .editorial-layout div[style*="position: sticky"] { position: static !important; margin-bottom: 1rem !important; } /* Usunięcie sztywnego lewego marginesu i borderu z desktopu */ .about-experience .editorial-layout div[style*="border-left"] { border-left: none !important; padding-left: 0 !important; margin-top: 2rem !important; } .about-experience .editorial-layout div[style*="border-left"] p { font-size: 1.15rem !important; } } @media (max-width: 768px) { /* Filozofia O Mnie: Siatka wartości 1fr 1px 1fr do 1 kolumny */ .about-philosophy div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 2.5rem !important; } /* Przekształcenie pionowej linii dzielącej w poziomą */ .about-philosophy div[style*="background: rgba(255,255,255,0.1)"] { height: 1px !important; width: 100% !important; margin: 1rem 0 !important; } .about-philosophy div[style*="margin-bottom: 10rem"] { margin-bottom: 4rem !important; } } /* Metoda 5Z (metoda-5z.html) & Formularze */ @media (max-width: 900px) { #dolacz>div { flex-direction: column !important; gap: 3rem !important; } #dolacz>div>div { min-width: 100% !important; width: 100% !important; padding: 2rem !important; } } /* Podcast (podcast.html) */ @media (max-width: 768px) { .platform-grid { grid-template-columns: 1fr !important; gap: 1rem !important; margin-top: 3rem !important; } .episodes-section { padding: 5rem 0 !important; } .episodes-section div[style*="margin-bottom: 6rem"] { margin-bottom: 3rem !important; } .episodes-section div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 2rem !important; } .episode-card { padding: 2rem !important; } } /* ========================================================================== LUKSUSOWA INTEGRACJA NAWIGACJI MOBILNEJ ========================================================================== */ /* Przygotowanie przycisku hamburgera */ .mobile-nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; z-index: 110; position: relative; width: 40px; height: 40px; flex-direction: column; justify-content: center; align-items: center; gap: 6px; } .mobile-nav-toggle span { display: block; width: 24px; height: 2px; background-color: var(--text-primary); border-radius: 2px; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, background-color 0.4s ease; } /* Stan aktywny hamburgera (krzyżyk) */ .mobile-nav-toggle.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); } .mobile-nav-toggle.active span:nth-child(2) { opacity: 0; } .mobile-nav-toggle.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } @media (max-width: 1100px) { .mobile-nav-toggle { display: flex; } /* Płynnie wysuwane menu overlay */ .nav-links { display: flex !important; position: fixed; top: 0; right: -100%; width: 80%; max-width: 400px; height: 100vh; background: rgba(241, 235, 223, 0.96); /* cream match with blur */ backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: -10px 0 40px rgba(84, 71, 78, 0.15); flex-direction: column; justify-content: center; align-items: flex-start; padding: 6rem 3rem; gap: 2rem; z-index: 105; transition: right 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .nav-links.active { right: 0; } .nav-links a { font-size: 1.25rem !important; font-weight: 500 !important; width: 100%; border-bottom: 1px solid rgba(84, 71, 78, 0.06); padding-bottom: 0.8rem; } .nav-btn { width: 100%; text-align: center; padding: 1.2rem !important; margin-top: 1rem; font-size: 1rem !important; } } /* ========================================================================== PODSTRONA ABOUT ME: Editorial Split Hero ========================================================================== */ .discover-link { font-family: var(--font-body); font-size: 0.95rem; font-weight: 500; color: var(--text-primary); text-decoration: none; display: inline-flex; align-items: center; gap: 0.8rem; transition: all 0.3s ease; } .discover-link span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--text-primary); font-size: 0.8rem; transition: all 0.3s ease; } .discover-link:hover { color: var(--accent-peach); } .discover-link:hover span { transform: translateX(5px); border-color: var(--accent-peach); background-color: var(--accent-peach); color: white; } @media (max-width: 900px) { .about-hero-split { padding-top: 8rem !important; min-height: auto !important; display: flex !important; flex-direction: column !important; } /* Wyjmujemy obrazek z tła absolutnego na mobile, by ułożyć go pod tekstem */ .about-hero-split .hero-bg-wrapper { position: relative !important; height: 480px !important; width: 100% !important; order: 2 !important; z-index: 1 !important; } .about-hero-split .hero-bg-img { object-position: center 25% !important; /* Kadrowanie postaci Ewy na mobile pośrodku */ } .about-hero-split .container { position: relative !important; padding: 2rem 1.5rem 4rem 1.5rem !important; text-align: center !important; order: 1 !important; z-index: 2 !important; width: 100% !important; max-width: 100% !important; } .about-hero-split .container>div { max-width: 100% !important; margin: 0 auto !important; } .about-hero-split .container>div p { margin: 0 auto 3rem auto !important; } } /* ========================================================================== ABOUT ME: Responsive CTA Box ========================================================================== */ .about-cta-box { border: 1px solid rgba(84, 71, 78, 0.1); padding: 8rem 4rem; border-radius: 3rem; background: white; transition: transform 0.3s ease; margin: 0 auto; } @media (max-width: 768px) { .about-cta-box { padding: 5rem 1.5rem !important; /* Mniejsze marginesy wewnętrzne na mobile */ border-radius: 2rem !important; width: calc(100% - 2rem) !important; /* Symetryczne marginesy boczne 1rem */ margin: 0 auto !important; /* Perfekcyjne centrowanie elementu w poziomie */ } .about-cta-box a.btn { padding: 1.2rem 2rem !important; /* Wygodny i dopasowany padding przycisku */ font-size: 0.9rem !important; display: inline-block !important; width: 100% !important; max-width: 280px !important; } } /* ========================================================================== SERVICES: 4-Column Editorial Grid (Top 0.1% UX/UI Edition) ========================================================================== */ .services-columns-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3.5rem; /* Zwiększony dystans między kartami */ margin-top: 5rem; align-items: stretch; } .service-col-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: transparent; padding: 3rem 2.2rem; /* Powiększony padding wewnątrz kart dla oddechu */ text-align: center; position: relative; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease; } .service-col-card:hover { transform: translateY(-8px); /* Subtelne, luksusowe uniesienie całej karty */ } .service-col-card:not(:last-child) { border-right: 1px solid rgba(84, 71, 78, 0.08); } .service-col-img-wrapper { width: 100%; max-width: 330px; /* Zwiększony rozmiar grafiki dla wielkiej strony */ aspect-ratio: 1 / 1; margin: 0 auto 3rem auto; display: flex; align-items: center; justify-content: center; position: relative; -webkit-mask-image: radial-gradient(circle at center, black 50%, transparent 72%); mask-image: radial-gradient(circle at center, black 50%, transparent 72%); } .service-col-img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; /* Wtopienie tła obrazka (JPEG) w tło strony */ transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .service-col-card:hover .service-col-img { transform: scale(1.08); /* Miękkie, większe powiększenie szkicu */ } .service-col-tag { font-family: var(--font-body); font-size: 0.85rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent-peach); font-weight: 600; display: block; margin-bottom: 2.2rem; text-align: center; width: 100%; } .service-col-title { font-family: var(--font-serif); font-size: 2.2rem; line-height: 1.15; color: var(--color-plum); font-weight: 400; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 0.02em; text-align: center; width: 100%; min-height: 7.6rem; } .service-col-title .font-serif-italic { font-family: var(--font-serif); font-style: italic; text-transform: none; font-weight: 400; } .service-col-text { font-family: var(--font-body); font-size: 1.05rem; /* Zwiększone dla wygody czytania na dużym gridzie */ line-height: 1.85; color: var(--text-secondary); font-weight: 300; margin-bottom: 4rem; flex-grow: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.6rem; width: 100%; } .service-col-text p { margin: 0; } .service-col-text .text-highlight-gold { color: #b0886a; font-weight: 500; } .service-col-cta-wrapper { margin-top: auto; display: flex; justify-content: center; width: 100%; } .service-col-btn { display: inline-flex; align-items: center; justify-content: center; padding: 1.3rem 2.2rem; border-radius: 3rem; font-family: var(--font-body); font-size: 0.88rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none; line-height: 1.4; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; max-width: 320px; min-height: 64px; border: none; text-align: center; } /* Individual CTA Button Colors with Custom Hover Shadows */ .btn-col-plum { background-color: var(--color-plum); color: var(--color-cream); font-size: 0.8rem; text-transform: none; letter-spacing: 0; padding: 1.1rem 1.8rem; box-shadow: 0 10px 30px rgba(84, 71, 78, 0.15); } .btn-col-plum:hover { background-color: #3f3339; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(84, 71, 78, 0.3); } .btn-col-olive { background-color: #617255; color: var(--color-cream); box-shadow: 0 10px 30px rgba(97, 114, 85, 0.2); } .btn-col-olive:hover { background-color: #515e47; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(97, 114, 85, 0.4); } .btn-col-terracotta { background-color: #b66f4e; color: var(--color-cream); box-shadow: 0 10px 30px rgba(182, 111, 78, 0.2); } .btn-col-terracotta:hover { background-color: #9d5d3f; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(182, 111, 78, 0.4); } .btn-col-honey { background-color: #c0953a; color: var(--color-cream); box-shadow: 0 10px 30px rgba(192, 149, 58, 0.2); } .btn-col-honey:hover { background-color: #a47f2f; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(192, 149, 58, 0.4); } /* Responsive Overrides */ @media (max-width: 1023px) { .services-columns-grid { grid-template-columns: repeat(2, 1fr); gap: 4rem 2rem; } .service-col-card { padding: 3rem 1.5rem; border-bottom: 1px solid rgba(84, 71, 78, 0.08); padding-bottom: 4rem; } .service-col-card:hover { transform: translateY(-4px); } .service-col-card:not(:last-child) { border-right: none; } .service-col-card:nth-last-child(-n+2) { border-bottom: none; padding-bottom: 0; } } @media (max-width: 767px) { .services-columns-grid { grid-template-columns: 1fr; gap: 5rem; } .service-col-card { border-bottom: 1px solid rgba(84, 71, 78, 0.08); padding-bottom: 5rem; } .service-col-card:last-child { border-bottom: none; padding-bottom: 0; } .service-col-title { min-height: auto; } } /* Organic Transition Divider & Hero Transition Animation */ .section-divider-top { position: absolute; top: -1px; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 4; pointer-events: none; } .section-divider-top svg { position: relative; display: block; width: 100%; height: clamp(60px, 8vw, 120px); } /* Sekcja Bridge - Artystyczny Watermark Logo w Tle */ .hero-bridge-section { position: relative; padding: 16rem 0 14rem 0; background-color: var(--bg-color); color: var(--text-primary); overflow: hidden; z-index: 5; display: flex; align-items: center; justify-content: center; min-height: 85vh; } .bg-logo-watermark-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%); width: clamp(450px, 55vw, 750px); height: auto; z-index: 1; pointer-events: none; user-select: none; display: flex; justify-content: center; align-items: center; } .bg-logo-watermark-img { width: 100%; height: auto; object-fit: contain; opacity: 0.16; filter: sepia(0.15) contrast(1.05); mix-blend-mode: multiply; } .quote-minimal-box { position: relative; text-align: center; max-width: 920px; margin: 0 auto; padding: 2rem 1rem; z-index: 2; } .quote-minimal-content { position: relative; z-index: 2; margin: 0 0 3rem 0; } .quote-text-serif { font-family: var(--font-serif); font-size: clamp(2rem, 3.8vw, 3.2rem); line-height: 1.4; color: var(--color-plum); font-weight: 400; letter-spacing: -0.01em; margin-bottom: 2rem; text-shadow: 0 2px 20px rgba(241, 235, 223, 0.8); } .quote-text-serif.sub { font-size: clamp(1.4rem, 2.5vw, 2.2rem); opacity: 0.94; font-weight: 400; margin-bottom: 0; max-width: 880px; margin-left: auto; margin-right: auto; } .quote-minimal-author { position: relative; z-index: 2; font-family: var(--font-body); font-size: 0.9rem; letter-spacing: 0.3em; text-transform: uppercase; color: #df9477; font-weight: 600; margin-top: 2.5rem; } @media (max-width: 767px) { .hero-bridge-section { padding: 10rem 0 8rem 0; min-height: auto; } .bg-logo-watermark-wrapper { width: 380px; } } /* Sekcja Zrozumienie (Editorial Overlay Split Banner z Sepią i Ziarnem Filmowym) */ .zrozumienie-editorial-section { position: relative; min-height: 85vh; display: flex; align-items: center; overflow: hidden; background-color: #f4eee6; padding: 8rem 0; } .zrozumienie-bg-wrapper { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; } .zrozumienie-bg-img { width: 100%; height: 100%; object-fit: cover; object-position: right center; filter: sepia(0.35) contrast(1.08) saturate(1.12) brightness(0.96); } .zrozumienie-scrim-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(244, 238, 230, 0.90) 0%, rgba(244, 238, 230, 0.84) 34%, rgba(244, 238, 230, 0.42) 58%, rgba(244, 238, 230, 0) 100%); pointer-events: none; } /* Analogowe Ziarno Filmowe (Enlarged Film Grain Overlay) */ .zrozumienie-grain-overlay { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; opacity: 0.50; mix-blend-mode: overlay; background-size: 240px 240px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); } .zrozumienie-content-box { max-width: 600px; margin-left: 0; margin-right: auto; position: relative; z-index: 2; } .zrozumienie-headline { font-size: clamp(2.8rem, 4.5vw, 4.2rem); line-height: 1.15; color: var(--color-plum); font-weight: 300; margin-bottom: 2.2rem; letter-spacing: -0.02em; } .zrozumienie-bullets-block { display: flex; flex-direction: column; gap: 0.8rem; font-family: var(--font-body); font-size: 1.15rem; line-height: 1.6; color: var(--color-plum); font-weight: 400; margin-bottom: 2.2rem; border-left: 2px solid var(--accent-peach); padding-left: 1.5rem; } .zrozumienie-body-block { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 0.5rem; } .zrozumienie-intro-text { font-family: var(--font-body); font-size: 1.1rem; line-height: 1.75; color: var(--text-secondary); font-weight: 300; } .zrozumienie-answer-text { font-family: var(--font-serif); font-style: italic; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.45; color: var(--color-plum); font-weight: 400; padding-top: 0.4rem; } .discover-link { display: inline-flex; align-items: center; gap: 0.8rem; font-family: var(--font-body); font-size: 0.95rem; text-transform: lowercase; letter-spacing: 0.05em; color: var(--color-plum); text-decoration: none; font-weight: 500; transition: all 0.3s ease; } .discover-link:hover { color: var(--color-orange); transform: translateX(5px); } @media (max-width: 1023px) { .zrozumienie-editorial-section { min-height: auto; padding: 4rem 0 6rem 0; align-items: flex-start; } .zrozumienie-bg-wrapper { height: 100%; } .zrozumienie-bg-img { object-position: 60% 5%; } .zrozumienie-scrim-overlay { background: linear-gradient(to bottom, rgba(244, 238, 230, 0.01) 0%, rgba(244, 238, 230, 0.12) 20%, rgba(244, 238, 230, 0.78) 45%, rgba(244, 238, 230, 0.94) 68%); } .zrozumienie-content-box { max-width: 100%; padding-top: 280px; position: relative; z-index: 4; } .zrozumienie-headline { font-size: clamp(2.2rem, 7.5vw, 3.2rem); margin-bottom: 1.8rem; } .zrozumienie-bullets-block { font-size: 1.05rem; padding-left: 1.2rem; gap: 0.7rem; } } /* Sekcja Pod Wszystkimi Rolami - Styl Minimalistyczno-Edytorski z Ciemnym Kontrastem */ .roles-editorial-section { position: relative; padding: 10rem 0 11rem 0; background-color: var(--color-plum); color: var(--color-cream); overflow: hidden; z-index: 5; text-align: center; } .roles-headline-serif { font-family: var(--font-serif); font-size: clamp(2.4rem, 4.5vw, 4.2rem); line-height: 1.3; color: var(--color-cream); font-weight: 400; max-width: 980px; margin: 0 auto 4.5rem auto; letter-spacing: -0.01em; } .roles-headline-serif .text-italic { font-style: italic; display: block; margin-top: 0.5rem; color: var(--color-cream); font-weight: 400; } .roles-list-container { max-width: 680px; margin: 0 auto 4.5rem auto; display: flex; flex-direction: column; } .roles-list-item { font-family: var(--font-body); font-size: 0.88rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(241, 235, 223, 0.85); font-weight: 400; padding: 1.35rem 0; position: relative; } .roles-list-item:not(:last-child)::after { content: ''; position: absolute; bottom: 0; left: 15%; right: 15%; height: 1px; background-color: rgba(241, 235, 223, 0.15); } .roles-closing-box { max-width: 840px; margin: 0 auto; } .roles-closing-text-serif { font-family: var(--font-serif); font-size: clamp(1.4rem, 2.4vw, 2.2rem); line-height: 1.55; color: rgba(241, 235, 223, 0.95); font-weight: 400; font-style: italic; margin-bottom: 2.5rem; } @media (max-width: 767px) { .roles-editorial-section { padding: 6rem 0 7rem 0; } .roles-list-item { font-size: 0.78rem; letter-spacing: 0.15em; padding: 1.1rem 0; } .roles-list-item:not(:last-child)::after { left: 5%; right: 5%; } } /* Przebudowana Sekcja O Mnie / Jak Mogę Pomóc (Top 0.1% Editorial UX/UI) */ .about-portrait-frame { position: relative; width: 100%; max-width: 540px; aspect-ratio: 1 / 1.15; border-radius: 2.2rem; overflow: hidden; box-shadow: 0 35px 80px rgba(84, 71, 78, 0.12); background-color: transparent; display: flex; } .about-portrait-img { width: 100%; height: 100%; object-fit: cover; object-position: 20% 10%; display: block; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .about-portrait-frame:hover .about-portrait-img { transform: scale(1.04); } @media (max-width: 900px) { .about-portrait-frame { max-width: 100%; aspect-ratio: 1 / 1.08; } .about-portrait-img { object-position: 20% 12%; } } .about-portrait-overlay-badge { position: absolute; bottom: 1.5rem; right: 1.5rem; background: rgba(241, 235, 223, 0.88); backdrop-filter: blur(15px); padding: 0.6rem 1.4rem; border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.6); font-family: var(--font-body); font-size: 0.8rem; letter-spacing: 0.2em; color: var(--color-plum); font-weight: 600; } .about-greeting-title { font-size: clamp(2.8rem, 5vw, 4.2rem); line-height: 1.1; color: var(--color-plum); font-weight: 300; margin-bottom: 2rem; } .about-mission-statement { font-size: clamp(1.35rem, 2.2vw, 1.85rem); line-height: 1.55; color: var(--color-plum); font-weight: 400; margin-bottom: 1.8rem; border-left: 3px solid #df9477; padding-left: 1.5rem; } .about-secondary-desc { font-family: var(--font-body); font-size: 1.08rem; line-height: 1.85; color: var(--text-secondary); font-weight: 300; margin-bottom: 2.2rem; } .about-offer-highlight-card { background: rgba(187, 156, 135, 0.08); border: 1px solid rgba(187, 156, 135, 0.18); border-radius: 1.5rem; padding: 1.8rem 2.2rem; margin-bottom: 2.5rem; } .about-offer-text { font-family: var(--font-body); font-size: 1.02rem; line-height: 1.8; color: var(--color-plum); font-weight: 300; } .about-offer-text strong { font-weight: 600; color: var(--color-plum); } .about-footer-prompt { border-top: 1px solid rgba(84, 71, 78, 0.1); padding-top: 2rem; } /* Sekcja Metody i Narzędzia Pracy (RÓŻNE DROGI. JEDEN CEL.) */ .tools-methods-section { position: relative; padding: 10rem 0 12rem 0; background-color: var(--color-light); color: var(--color-plum); overflow: hidden; z-index: 5; } .tools-header-box { text-align: center; max-width: 900px; margin: 0 auto 5rem auto; } .tools-main-headline { font-size: clamp(2.8rem, 5vw, 4.5rem); line-height: 1.1; color: var(--color-plum); font-weight: 300; margin-bottom: 2.2rem; letter-spacing: -0.01em; } .tools-intro-text-block { max-width: 780px; margin: 0 auto; } .tools-lead-p { font-size: clamp(1.4rem, 2.3vw, 1.9rem); color: var(--color-plum); font-weight: 400; margin-bottom: 1.2rem; } .tools-body-p { font-family: var(--font-body); font-size: 1.08rem; line-height: 1.85; color: var(--text-secondary); font-weight: 300; } .tools-body-p strong { color: var(--color-plum); font-weight: 600; } /* Grid Kart Narzędzi */ .tools-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .tool-method-card { background: #ffffff; border-radius: 2rem; overflow: hidden; border: 1px solid rgba(187, 156, 135, 0.18); box-shadow: 0 20px 50px rgba(84, 71, 78, 0.06); display: flex; flex-direction: column; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .tool-method-card:hover { transform: translateY(-8px); box-shadow: 0 35px 70px rgba(84, 71, 78, 0.12); border-color: rgba(223, 148, 119, 0.4); } .tool-card-image-box { position: relative; width: 100%; height: 250px; overflow: hidden; } .tool-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .tool-method-card:hover .tool-card-img { transform: scale(1.06); } .tool-card-badge { position: absolute; top: 1.2rem; right: 1.2rem; width: 42px; height: 42px; background: rgba(241, 235, 223, 0.9); backdrop-filter: blur(10px); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-serif); font-size: 1rem; color: var(--color-plum); font-weight: 500; } .tool-card-body { padding: 2.2rem 2rem; display: flex; flex-direction: column; flex: 1; } .tool-card-category { font-family: var(--font-body); font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: #df9477; font-weight: 600; margin-bottom: 0.8rem; display: block; } .tool-card-title { font-size: 1.45rem; line-height: 1.35; color: var(--color-plum); font-weight: 400; margin-bottom: 0.8rem; } .tool-card-tagline { font-family: var(--font-body); font-size: 0.98rem; line-height: 1.6; color: var(--text-secondary); font-style: italic; margin-bottom: 2rem; } .tool-card-footer { margin-top: auto; padding-top: 1.2rem; border-top: 1px solid rgba(84, 71, 78, 0.08); } @media (max-width: 1023px) { .tools-cards-grid { grid-template-columns: 1fr; gap: 2rem; } } /* Perfekcyjna Sekcja Metody i Narzędzia Pracy (Pixel-Perfect Editorial Layout) */ .tools-methods-section { position: relative; padding: 9rem 0 10rem 0; background-color: var(--color-light); color: var(--color-plum); overflow: hidden; z-index: 5; } .tools-header-box { text-align: center; max-width: 860px; margin: 0 auto 4.5rem auto; } .tools-main-headline { font-size: clamp(2.8rem, 4.8vw, 4.2rem); line-height: 1.12; color: var(--color-plum); font-weight: 300; margin-bottom: 1.8rem; letter-spacing: -0.01em; } .tools-intro-text-block { max-width: 760px; margin: 0 auto; } .tools-lead-p { font-size: clamp(1.35rem, 2.2vw, 1.8rem); color: var(--color-plum); font-weight: 400; margin-bottom: 1rem; } .tools-body-p { font-family: var(--font-body); font-size: 1.05rem; line-height: 1.8; color: var(--text-secondary); font-weight: 300; } .tools-body-p strong { color: var(--color-plum); font-weight: 600; } /* Symmetric Equal-Height Grid & Cards */ .about-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2rem; align-items: stretch; } .about-feature-card { background: #ffffff; border-radius: 2rem; overflow: hidden; border: 1px solid rgba(187, 156, 135, 0.18); box-shadow: 0 15px 45px rgba(84, 71, 78, 0.05); display: flex; flex-direction: column; height: 100%; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .about-feature-card:hover { transform: translateY(-8px); box-shadow: 0 30px 70px rgba(84, 71, 78, 0.12); border-color: rgba(223, 148, 119, 0.35); } .feature-img-wrapper { width: 100%; height: auto; position: relative; overflow: hidden; background-color: transparent; margin: 0; border-radius: 0; } .feature-img-blob { width: 100%; height: auto; display: block; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .about-feature-card:hover .feature-img-blob { transform: scale(1.06); } .feature-card-content { padding: 2.6rem 2.4rem 2.4rem 2.4rem; display: flex; flex-direction: column; flex: 1; text-align: left; } .feature-card-category { font-family: var(--font-body); font-size: 0.8rem; letter-spacing: 0.22em; text-transform: uppercase; color: #3b6e8c; font-weight: 600; margin-bottom: 0.9rem; display: block; } .feature-card-title { font-size: 1.52rem; line-height: 1.35; color: var(--color-plum); font-weight: 400; margin-bottom: 0.9rem; min-height: 4.1rem; } .feature-card-tagline { font-family: var(--font-body); font-size: 1.05rem; line-height: 1.6; color: var(--text-secondary); font-style: italic; margin-bottom: 2.2rem; } .feature-card-footer { margin-top: auto; padding-top: 1.4rem; border-top: 1px solid rgba(84, 71, 78, 0.08); width: 100%; } @media (max-width: 1023px) { .about-features-grid { grid-template-columns: 1fr; gap: 2rem; } .feature-card-title { min-height: auto; } } /* Przycisk CTA Przejdź do Pełnej Oferty (Section Footer UX) */ .tools-footer-cta { margin-top: 5rem; text-align: center; } .btn-tools-cta { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2.8rem; background-color: var(--accent-amber); color: var(--color-plum); border-radius: 3rem; font-family: var(--font-body); font-size: 0.88rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; box-shadow: 0 15px 35px rgba(237, 171, 57, 0.25); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .btn-tools-cta:hover { background-color: #d99624; transform: translateY(-4px); box-shadow: 0 22px 50px rgba(237, 171, 57, 0.35); color: var(--color-plum); } /* Interaktywna Zachęta w Kartach Usług (Hover Reveal Teaser) */ /* Subtelny Glimpse Tekstu w Kartach Usług na Stronie Główniej */ .service-col-glimpse-text { font-family: var(--font-body); font-size: 0.94rem; line-height: 1.65; color: var(--text-secondary); font-weight: 300; margin: 1rem 0 1.5rem 0; text-align: center; } .service-col-hover-teaser { margin-top: auto; font-family: var(--font-body); font-size: 0.88rem; font-weight: 600; color: #3b6e8c; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; } .service-col-card:hover .service-col-hover-teaser { color: var(--color-plum); } .service-col-hover-teaser .arrow-icon { display: inline-block; margin-left: 0.4rem; font-size: 1.1rem; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .service-col-card:hover .service-col-hover-teaser .arrow-icon { transform: translateX(5px); } /* Baner Konwersji pod Kartami Usług na Stronie Główniej */ .services-cta-anchor-box { margin-top: 5.5rem; background: #ffffff; border: 1px solid rgba(187, 156, 135, 0.22); border-radius: 2.5rem; padding: 3.5rem 4rem; box-shadow: 0 25px 60px rgba(84, 71, 78, 0.06); display: flex; align-items: center; justify-content: space-between; gap: 3rem; } .services-cta-anchor-content { max-width: 750px; } .services-cta-badge { font-size: 1.15rem; color: #df9477; font-style: italic; font-weight: 400; display: block; margin-bottom: 0.8rem; } .services-cta-title { font-family: var(--font-body); font-size: 1.22rem; line-height: 1.7; color: var(--color-plum); font-weight: 300; } .btn-services-anchor { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2.8rem; background-color: var(--color-plum); color: var(--color-cream); border-radius: 3rem; font-family: var(--font-body); font-size: 0.88rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; white-space: nowrap; box-shadow: 0 15px 35px rgba(84, 71, 78, 0.15); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .btn-services-anchor:hover { background-color: #3b3036; transform: translateY(-4px); box-shadow: 0 22px 50px rgba(84, 71, 78, 0.25); color: #ffffff; } @media (max-width: 1023px) { .services-cta-anchor-box { flex-direction: column; text-align: center; padding: 3rem 2rem; gap: 2rem; } } @media (max-width: 1024px) { #section-67pXLDUui, #row-yEyCAjpIUB, #col-c4ad8qer1J, #section-l_ZMlzPCT9, #row-fV5Iq3-Po3, #col-6KbtSHVbj2, #section-ed5ZY5_ISV, #row-NkWcI7D27c, #col-iKVqQU0qCh, #col-EHit3xGjVi, #col-oaRTaNT8cd, #row-cGZAb_ajA1, #col-Bq7vqYhA6J { animation: none !important; } } :root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:9999}.align-center{align-items:center}.h-full{height:100%}.max-w-400{max-width:400px}.text-right{text-align:right}.d-grid{display:grid}.px-0{padding-left:0!important;padding-right:0!important}.gap-1{gap:.3rem}.items-end{align-items:flex-end}.relative{position:relative}.gap-2{gap:.625rem}.mt-20{margin-top:20px}.mt-8{margin-top:32px}.ml-3{margin-left:.75rem}.mr-10{margin-right:10px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-25{width:25%}.mw-100{max-width:100%}.noBorder{border:none!important}.iti__flag{background-image:url("https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png")}.pointer{cursor:pointer}@media(min-resolution:192dpi){.iti__flag{background-image:url("https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags@2x.png")}}.iti__country{display:flex;justify-content:space-between}.iti__hide{display:none}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}.hl_page-creator--menu{left:0;top:0;z-index:10}.hl_wrapper{padding-left:0}}@media(min-width:1200px){.hl_wrapper.nav-shrink{padding-left:0!important}}html body .hl_wrapper{height:100vh;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}.bg-fixed{z-index:-1}.progress-outer{background-color:#f5f5f5;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001a;font-size:14px;height:35px;line-height:36px;overflow:hidden;padding-bottom:0;padding-top:0;width:100%}.progress-inner{box-shadow:inset 0 -1px #00000026;color:#fff;float:left;font-size:14px;height:100%;padding-left:10px;padding-right:10px;transition:width .6s ease;width:0}.progress0{width:0}.progress10{width:10%}.progress20{width:20%}.progress30{width:30%}.progress40{width:40%}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress80{width:80%}.progress90{width:90%}.progress100{width:100%}.progressbarOffsetWhite{background:#f5f5f5}.progressbarOffsetTransparentWhite{background-color:#ffffff80}.progressbarOffsetBlack{background:#333}.progressbarOffsetTransparentBlack{background-color:#7e7e7e80}.text-white{color:#fff}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-bold-italic{font-style:italic;font-weight:700}.progressbarSmall{font-size:14px;height:35px;line-height:36px}.progressbarMedium{font-size:19px;height:45px;line-height:45px}.progressbarLarge{font-size:21px;height:65px;line-height:65px}.recaptcha-container{margin-bottom:1em}.recaptcha-container p{color:red;margin-top:1em}.button-recaptcha-container div:first-child{height:auto!important;width:100%!important}.card-el-error-msg{align-items:center;color:#e25950;display:flex;font-size:13px;justify-content:flex-start;padding:10px 0;text-align:center}.card-el-error-msg svg{color:#f87171;margin-right:2px}.hl-faq-child-heading{border:none;cursor:pointer;justify-content:space-between;outline:none;padding:15px;width:100%}.hl-faq-child-head,.hl-faq-child-heading{align-items:center;display:flex}.v-enter-active,.v-leave-active{transition:opacity .2s ease-out}.v-enter-from,.v-leave-to{opacity:0}.faq-separated-child{margin-bottom:10px}.hl-faq-child-panel img{border-radius:15px;cursor:pointer}.hl-faq-child-heading-icon.left{margin-right:1em}.expand-collapse-all-button{background-color:transparent;border:1px solid #d1d5db;border-radius:15px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:1em 0;padding:5px 15px}.hl-faq-child-panel{transition:padding .2s ease}.v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{animation:v-moonStretchDelay .6s linear 0s infinite;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.generic-error-message{color:red;font-weight:500;margin-top:.5rem;text-align:center}#faq-overlay{background:var(--overlay);height:100vh;opacity:.8;width:100vw}#faq-overlay,#faq-popup{position:fixed;z-index:1000}#faq-popup{background:#fff;height:auto;left:50%;margin-left:-250px;margin-top:-250px;top:50%;width:500px}#popupclose{cursor:pointer;float:right;padding:10px}.popupcontent{height:auto!important;width:100%!important}#button{cursor:pointer}.dark{background-color:#000}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotlight{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.z-10{z-index:10}.right-0{right:0}.left-0{left:0}.fixed{position:fixed}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.place-content-center{place-content:center}.grid{display:grid}.z-20{z-index:20}.max-w-520px{max-width:520px}.mb-8{margin-bottom:2rem}.text-8xl{font-size:6rem;line-height:1}.font-medium{font-weight:500}.mb-16{margin-bottom:4rem}.leading-tight{line-height:1.25}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}@media(min-width:640px){.sm-text-10xl{font-size:10rem;line-height:1}.sm-text-4xl{font-size:2.25rem;line-height:2.5rem}.sm-px-0{padding-left:0;padding-right:0}}.full-center{background-position:50%!important;background-repeat:repeat!important;background-size:cover!important}.fill-width{background-size:100% auto!important}.fill-width,.fill-width-height{background-repeat:no-repeat!important}.fill-width-height{background-size:100% 100%!important}.no-repeat{background-repeat:no-repeat!important}.repeat-x{background-repeat:repeat-x!important}.repeat-y{background-repeat:repeat-y!important}.repeat-x-fix-top{background-position:top!important;background-repeat:repeat-x!important}.repeat-x-fix-bottom{background-position:bottom!important;background-repeat:repeat-x!important}#overlay{height:100%;inset:0;opacity:0;overflow-y:scroll;position:fixed;transition:opacity .3s ease;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#overlay.show{opacity:1}.popup-body{background-color:#fff;height:auto;left:50%;min-height:180px;position:absolute;top:10%;transition:transform .25s ease-in-out}.popup-body,.popup-body.show{transform:translate(-50%)}.closeLPModal{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:21}.settingsPModal{font-size:18px;left:40%;padding:10px;position:absolute;top:-40px;width:32px}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.previewer{--vw:100vh/100;height:calc(100vh - 170px);margin:auto;overflow:scroll;overflow-x:hidden;overflow-y:scroll;width:100%}.c-element{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.hl_page-creator--row.active{border-color:#188bf6}.flip-list-move{transition:transform .5s}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-wrapper .sortable-ghost{border:none!important;position:relative}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.active-drop-area{border:1px dashed grey}.active-drop-area.is-empty{min-height:60px}.empty-component{align-items:center;border:1px dashed #d7dde9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.empty-component,.empty-component-min-height{min-height:100px;pointer-events:none}.dividerContainer{width:100%}.items-center{align-items:center}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.justify-between{justify-content:space-between}.text-lg{font-size:1.125rem}.font-base{font-weight:400}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.centered{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mx-auto{margin:0 auto}.default-cursor{cursor:default!important} @media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-button button{outline:none;position:relative}.fa,.fab,.fal,.far,.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.c-column{flex:1 1 auto!important}.c-column>.inner.horizontal>div{flex:1}.c-row>.inner{display:flex;width:100%}.c-nested-column .c-row>.inner{width:100%!important}.c-nested-column .inner{border:none!important}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.bgCover{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover{background-attachment:scroll!important}}.bgCover100{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100,.bgNoRepeat{background-repeat:no-repeat!important}.bgRepeatX{background-repeat:repeat-x!important}.bgRepeatY{background-repeat:repeat-y!important}.bgRepeatXTop{background-position:top!important}.bgRepeatXBottom,.bgRepeatXTop{background-repeat:repeat-x!important}.bgRepeatXBottom{background-position:bottom!important}.cornersTop{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.cornersBottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius10{border-radius:10px}.radius15{border-radius:15px}.radius20{border-radius:20px}.radius25{border-radius:25px}.radius50{border-radius:50px}.radius75{border-radius:75px}.radius100{border-radius:100px}.radius125{border-radius:125px}.radius150{border-radius:150px}.borderTopBottom{border-bottom-color:#000000b3;border-left:none!important;border-right:none!important;border-top-color:#000000b3}.borderTop{border-bottom:none!important;border-top-color:#000000b3}.borderBottom,.borderTop{border-left:none!important;border-right:none!important}.borderBottom{border-bottom-color:#000000b3;border-top:none!important}.borderFull{border-color:#000000b3}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.buttonRocking{animation:rocking 2s infinite;animation-timing-function:ease-out;transition:.2s}.buttonPulseGlow{animation:pulseGlow 2s infinite;animation-timing-function:ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}.buttonBounce{animation:bounce 1.5s infinite;animation-timing-function:ease-in;transition:.2s}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}.buttonElevate:hover{animation:elevate .2s forwards}.buttonElevate{box-shadow:0 0 0 0 transparent;transition:.2s}.buttonWobble{transition:.3s}.buttonWobble:hover{animation:wobble .5s 1;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.image-container img{max-width:100%;vertical-align:middle}.sub-text ::-moz-placeholder{color:#000;opacity:1}.sub-text ::placeholder{color:#000;opacity:1}.image-container{height:100%;width:100%}.shadow5inner{box-shadow:inset 0 1px 3px #0000000d}.shadow10inner{box-shadow:inset 0 1px 5px #0000001a}.shadow20inner{box-shadow:inset 0 1px 5px #0003}.shadow30inner{box-shadow:inset 0 2px 5px 2px #0000004d}.shadow40inner{box-shadow:inset 0 2px 5px 2px #0006}.shadow5{box-shadow:0 1px 3px #0000000d}.shadow10{box-shadow:0 1px 5px #0000001a}.shadow20{box-shadow:0 1px 5px #0003}.shadow30{box-shadow:0 2px 5px 2px #0000004d}.shadow40{box-shadow:0 2px 5px 2px #0006}.sub-heading-button{color:#fff;font-weight:400;line-height:normal;opacity:.8;text-align:center}.wideSection{max-width:1120px}.midWideSection,.wideSection{margin-left:auto!important;margin-right:auto!important}.midWideSection{max-width:960px}.midSection{margin-left:auto!important;margin-right:auto!important;max-width:720px}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.feature-img-circle img,.img-circle,.img-circle img{border-radius:50%!important}.feature-img-round-corners img,.img-round-corners,.img-round-corners img{border-radius:5px}.feature-image-dark-border img,.image-dark-border{border:3px solid rgba(0,0,0,.7)}.feature-image-white-border img,.image-white-border{border:3px solid #fff}.img-grey,.img-grey img{filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease}.button-shadow1{box-shadow:0 1px 5px #0003}.button-shadow2{box-shadow:0 1px 5px #0006}.button-shadow3{box-shadow:0 1px 5px #000000b3}.button-shadow4{box-shadow:0 8px 1px #0000001a}.button-shadow5{box-shadow:0 0 25px #0003,0 0 15px #0003,0 0 3px #0006}.button-shadow6{box-shadow:0 0 25px #0006,0 0 15px #fff3,0 0 3px #fff6}.button-shadow-sharp1{box-shadow:inset 0 1px #fff3}.button-shadow-sharp2{box-shadow:inset 0 0 0 1px #fff3}.button-shadow-sharp3{box-shadow:inset 0 0 0 2px #fff3}.button-shadow-highlight{box-shadow:none}.button-shadow-highlight:hover{box-shadow:inset 0 0 #ffffff38,inset 0 233px 233px #ffffff1f}.button-flat-line{background-color:transparent!important;border-width:2px}.button-vp-5{padding-bottom:5px!important;padding-top:5px!important}.button-vp-10{padding-bottom:10px!important;padding-top:10px!important}.button-vp-15{padding-bottom:15px!important;padding-top:15px!important}.button-vp-20{padding-bottom:20px!important;padding-top:20px!important}.button-vp-25{padding-bottom:25px!important;padding-top:25px!important}.button-vp-30{padding-bottom:30px!important;padding-top:30px!important}.button-vp-40{padding-bottom:40px!important;padding-top:40px!important}.button-vp-0{padding-bottom:0!important;padding-top:0!important}.button-hp-5{padding-left:5px!important;padding-right:5px!important}.button-hp-10{padding-left:10px!important;padding-right:10px!important}.button-hp-15{padding-left:15px!important;padding-right:15px!important}.button-hp-20{padding-left:20px!important;padding-right:20px!important}.button-hp-25{padding-left:25px!important;padding-right:25px!important}.button-hp-30{padding-left:30px!important;padding-right:30px!important}.button-hp-40{padding-left:40px!important;padding-right:40px!important}.button-hp-0{padding-left:0!important;padding-right:0!important}.vs__dropdown-toggle{background:#f3f8fb!important;border:none!important;height:43px!important}.row-align-center{margin:0 auto}.row-align-left{margin:0 auto;margin-left:0!important}.row-align-right{margin:0 auto;margin-right:0!important}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}.main-heading-group>div{display:inline-block}.c-button span.main-heading-group,.c-button span.sub-heading-group{display:block}.time-grid-3{grid-template-columns:repeat(3,100px)}.time-grid-3,.time-grid-4{display:grid;text-align:center}.time-grid-4{grid-template-columns:repeat(4,100px)}@media screen and (max-width:767px){.time-grid-3{grid-template-columns:repeat(3,80px)}.time-grid-4{grid-template-columns:repeat(4,70px)}}.time-grid .timer-box{display:grid;font-size:15px;grid-template-columns:1fr;text-align:center}.timer-box .label{font-weight:300}.c-button button{cursor:pointer}.c-button>a{text-decoration:none}.c-button>a,.c-button>a span{display:inline-block}.nav-menu-wrapper{display:flex;justify-content:space-between}.nav-menu-wrapper.default{flex-direction:row}.nav-menu-wrapper.reverse{flex-direction:row-reverse}.nav-menu-wrapper .branding{align-items:center;display:flex}.nav-menu-wrapper.default .branding{flex-direction:row}.nav-menu-wrapper.reverse .branding{flex-direction:row-reverse}.nav-menu-wrapper.default .branding .logo,.nav-menu-wrapper.reverse .branding .title{margin-right:18px}.nav-menu-wrapper .branding .title{align-items:center;display:flex;min-height:50px;min-width:50px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-menu{border:none;box-shadow:0 8px 16px 5px #0000001a}.dropdown-menu{background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#607179;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu{display:block}.nav-menu .dropdown-menu{display:none;list-style:none;margin:0;padding:0}.nav-menu-mobile{display:none}.nav-menu-mobile i{cursor:pointer;font-size:24px}#nav-menu-popup{background:var(--overlay);display:none;height:100%;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:100}#nav-menu-popup.show{opacity:1}#nav-menu-popup .nav-menu-body{background-color:#fff;height:100%;left:0;overflow:auto;padding:45px;position:absolute;top:0;width:100%}#nav-menu-popup .nav-menu-body .close-menu{cursor:pointer;position:absolute;right:20px;top:20px;z-index:100}#nav-menu-popup .nav-menu-body .close-menu:before{content:""}#nav-menu-popup .nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}#nav-menu-popup .nav-menu .nav-menu-item{list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content{display:flex;position:relative}#nav-menu-popup .nav-menu-item .nav-menu-item-title{flex-grow:1;margin:0 1rem;max-width:calc(100% - 2rem)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle{cursor:pointer;font-size:24px;position:absolute;right:0;top:calc(50% - 12px)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i{font-size:24px;transition:transform .2s ease}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:""}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i{transform:rotate(-180deg)}#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu{display:none;max-height:0;opacity:0;overflow:auto;padding:0;transition:all .3s ease-in-out;visibility:hidden}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu{display:block;max-height:600px;opacity:1;visibility:visible}.form-error{border:2px solid var(--red);border-radius:8px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:6px 12px;text-align:center}.form-error,.form-error i{color:var(--red)}.c-bullet-list ul li{line-height:inherit}.c-bullet-list ul li.ql-indent-1{padding-left:4.5em}.c-bullet-list ul li.ql-indent-2{padding-left:7.5em}.c-bullet-list ul li.ql-indent-3{padding-left:10.5em}.c-bullet-list ul li.ql-indent-4{padding-left:13.5em}.c-bullet-list ul li.ql-indent-5{padding-left:16.5em}.c-bullet-list ul li.ql-indent-6{padding-left:19.5em}.c-bullet-list ul li.ql-indent-7{padding-left:22.5em}.c-bullet-list ul li.ql-indent-8{padding-left:25.5em}.c-rich-text .list-disc{list-style-type:disc}.c-rich-text .list-square{list-style-type:square}.c-rich-text .list-none{list-style-type:none}.c-rich-text .list-circle{list-style-type:circle}.c-rich-text .list-decimal{list-style-type:decimal}.c-rich-text .list-upper-alpha{list-style-type:upper-alpha}.c-rich-text .list-lower-alpha{list-style-type:lower-alpha}.c-rich-text .list-upper-roman{list-style-type:upper-roman}.c-rich-text .list-lower-roman{list-style-type:lower-roman}.text-output ul li{padding-left:1.5em}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.svg-component svg{max-height:100%;max-width:100%}.border1{border-bottom:3px solid rgba(0,0,0,.2)!important}.border2{border:2px solid rgba(0,0,0,.55)}.border3{border:solid rgba(0,0,0,.15);border-width:1px 1px 2px;padding:5px}.border4{border:solid rgba(0,0,0,.35);border-width:1px 1px 2px;padding:1px!important}.shadow1{box-shadow:0 10px 6px -6px #00000026}.shadow2{box-shadow:0 4px 3px #00000026,0 0 2px #00000026}.shadow3{box-shadow:0 10px 6px -6px #999}.shadow4{box-shadow:3px 3px 15px #212121a8}.shadow6{box-shadow:0 10px 1px #ddd,0 10px 20px #ccc}.background{background-color:unset!important}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:" "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}.w-3-4{width:75%}.w-1-2{width:50%}.tabs-container{display:flex}@media screen and (max-width:767px){.nav-menu{display:none}.nav-menu-mobile{align-items:center;display:flex}#faq-popup{left:5px!important;margin-left:0!important;width:98%!important}.video-container{width:100%!important}.autoplay .vjs-big-play-button{display:none!important}.autoplay:hover .vjs-control-bar{display:flex!important}}.hvr-grow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-grow,.hvr-grow:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.05))!important}.hvr-shrink{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-shrink,.hvr-shrink:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,.9))!important}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}.hvr-pulse{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-pulse,.hvr-pulse:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:infinite;animation-name:hvr-pulse;animation-timing-function:linear}.hvr-bounce-in{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.5s);transition-property:transform;vertical-align:middle}.hl-builder-hover-preview.hvr-bounce-in,.hvr-bounce-in:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.2))!important;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-rotate,.hvr-rotate:hover{transform:perspective(1px) translateZ(0) rotate(calc(var(--hover-angle, 5)*1deg))!important}.hvr-float{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease-out);vertical-align:middle}.hl-builder-hover-preview.hvr-float,.hvr-float:hover{transform:perspective(1px) translateZ(0) translateY(calc(var(--hover-distance, 5)*-1px))!important}.hvr-skew-forward{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transform-origin:0 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-skew-forward,.hvr-skew-forward:hover{transform:perspective(1px) translateZ(0) skew(calc(var(--hover-angle, 5)*-1deg))!important}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-wobble-horizontal,.hvr-wobble-horizontal:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:1;animation-name:hvr-wobble-horizontal;animation-timing-function:ease-in-out}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-buzz{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-buzz,.hvr-buzz:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,.15s);animation-iteration-count:infinite;animation-name:hvr-buzz;animation-timing-function:linear}.hoverElevate{backface-visibility:hidden;box-shadow:0 0 0 0 transparent;transition:transform var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s),box-shadow var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s)}.hl-builder-hover-preview.hoverElevate,.hoverElevate:hover{box-shadow:0 8px 5px -5px #00000040!important;transform:translateY(calc(var(--hover-distance, 10)*-1px))!important}.hvr-fade{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-fade>*{position:relative;z-index:1}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hl-builder-hover-preview.hvr-fade,.hvr-fade:hover{color:#fff!important}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-right>*{position:relative;z-index:1}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-sweep-to-right,.hvr-sweep-to-right:hover{color:#fff!important}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-bottom>*{position:relative;z-index:1}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-sweep-to-bottom,.hvr-sweep-to-bottom:hover{color:#fff!important}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in{box-shadow:0 0 1px transparent;color:var(--hover-radial-in-rest-color,#fff)!important;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-radial-in>*{position:relative;z-index:1}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover{color:var(--hover-radial-in-hover-color,inherit)!important}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-bounce-to-top>*{position:relative;z-index:1}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hl-builder-hover-preview.hvr-bounce-to-top,.hvr-bounce-to-top:hover{color:#fff!important}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center>*{position:relative;z-index:1}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}.hvr-shadow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-shadow,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 var(--hover-spread,10px) var(--hover-blur,10px) calc(var(--hover-spread, 10px)*-1) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-glow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-glow,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 var(--hover-blur,8px) var(--hover-spread,0) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-box-shadow-outset{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:box-shadow;vertical-align:middle}.hl-builder-hover-preview.hvr-box-shadow-outset,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px var(--hover-blur,10px) var(--hover-spread,5px) var(--hover-shadow-color,rgba(24,139,246,.55))!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hoverElevate,.hl-builder-hover-preview.hvr-bounce-in,.hl-builder-hover-preview.hvr-box-shadow-outset,.hl-builder-hover-preview.hvr-buzz,.hl-builder-hover-preview.hvr-float,.hl-builder-hover-preview.hvr-glow,.hl-builder-hover-preview.hvr-grow,.hl-builder-hover-preview.hvr-pulse,.hl-builder-hover-preview.hvr-rotate,.hl-builder-hover-preview.hvr-shadow,.hl-builder-hover-preview.hvr-shrink,.hl-builder-hover-preview.hvr-skew-forward,.hl-builder-hover-preview.hvr-wobble-horizontal,.hoverElevate:hover,.hvr-bounce-in:hover,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover,.hvr-buzz:hover,.hvr-float:hover,.hvr-glow:focus,.hvr-glow:hover,.hvr-grow:hover,.hvr-pulse:hover,.hvr-rotate:hover,.hvr-shadow:focus,.hvr-shadow:hover,.hvr-shrink:hover,.hvr-skew-forward:hover,.hvr-wobble-horizontal:hover{animation:none!important;box-shadow:none!important;transform:none!important}.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}.hl-entrance-running{pointer-events:none!important}.hl-entrance-parent-clipping{overflow:hidden}[data-animation-done="1"]:not(.hl-entrance-running){opacity:1!important}@media(prefers-reduced-motion:reduce){.hoverElevate,.hoverElevate.hl-builder-hover-preview,.hoverElevate:hover,[class*=hvr-],[class*=hvr-].hl-builder-hover-preview,[class*=hvr-]:hover{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:767px){.hl-pricing-table-slide-columns{--column-width:100%!important;--column-gap:0px!important}.hl-pricing-table-slide-columns .hl-pricing-table-column-container:not(:first-child){display:none!important}}@media screen and (max-width:768px){.hl-pricing-table-classic-table-grid-container{grid-template-columns:repeat(var(--mobile-columns),280px)!important;width:calc(var(--mobile-columns)*280px)!important}} @font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot");src:url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff") format("woff"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-weight:400}@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot");src:url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff") format("woff"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot");src:url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff") format("woff"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"),url("https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:Font Awesome\ 5 Brands;font-weight:400} :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media(prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out} .nav-menu-ul{list-style-type:none;margin:0;padding:0}.mr-2{margin-right:.5rem}.justify-start{justify-content:flex-start}.flex-row{flex-direction:row}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-15{padding-right:.375rem}.pl-15,.px-15{padding-left:.375rem}.rounded-sm{border-radius:.125rem}.relative{position:relative}.text-nowrap{white-space:nowrap!important}.absolute{position:absolute}.min-w-24{min-width:6rem}.bottom-0{bottom:0}.py-4{padding-bottom:1rem;padding-top:1rem}.justify-center{justify-content:center}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.no-inherit{background-color:initial;color:initial;font-family:revert;font-weight:400;letter-spacing:normal;line-height:normal;text-align:initial;text-transform:none}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.cart-padding .items-text{padding-right:0}.touch-target{min-height:48px;min-width:48px} .testimonial-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.testimonial-modal-content{align-items:stretch;background:none;display:flex;flex-direction:column;max-height:600px;max-width:540px;width:100%}.testimonial-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:2}.testimonial-modal-close-icon{color:#222;height:22px;width:22px}@media(max-width:768px){.testimonial-modal-content{border-radius:10px;max-width:98vw}.testimonial-modal-close{right:10px;top:10px}} .mega-menu-link,.mega-menu-link:active,.mega-menu-link:hover{color:inherit;text-decoration:inherit} .pdp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#344054b3;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.pdp-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:min(640px,85vh);max-width:1024px;position:relative;width:90%}.pdp-modal-container--mobile{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.pdp-modal-close{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;width:32px;z-index:10}.pdp-modal-scroll{border-radius:12px;flex:1;font-family:var(--contentfont,inherit);font-size:14px;margin-top:24px;overflow-x:hidden;overflow-y:auto;padding:12px}.pdp-modal-container--mobile .pdp-modal-scroll{padding:12px}@media(max-width:1024px){.pdp-modal-overlay{align-items:flex-start;box-sizing:border-box;padding:8px 12px 12px}.pdp-modal-container{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.pdp-modal-container .pdp-modal-scroll{padding:12px}}.pdp-modal-scroll .c-product-details--sticky{position:static!important}.pdp-modal-scroll .hl-product-image-container{height:auto!important;position:static!important;top:auto!important}.pdp-modal-scroll .product-detail-container{flex-wrap:wrap!important;height:auto!important}.pdp-modal-scroll .c-product-details{min-width:0;overflow-wrap:break-word;word-break:break-word}.pdp-modal-scroll .ecomm-price-desktop-container .flex{flex-wrap:wrap}.pdp-modal-scroll>div{container-type:inline-size;width:100%} .drawer{display:none}.drawer.is-visible{display:block}.drawer.is-open .drawer__overlay{opacity:.5}.drawer.is-open .drawer__content{transform:translate(0)}.drawer__overlay{background-color:#000;left:0;opacity:0;transition-property:opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:200}.drawer__content,.drawer__overlay{bottom:0;position:fixed;right:0;top:0;width:100%}.drawer__content{box-shadow:0 2px 6px #777;display:flex;flex-direction:column;height:100%;overflow:auto;transform:translate(100%);transition-property:transform;transition:all .45s cubic-bezier(.29,.63,.44,1);z-index:9999} :root { --color-cream: #f1ebdf; --color-plum-dark: #54474eff; --color-yellow: #d1d161; --color-orange: #edab39; --font-heading: 'Outfit', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; --font-serif: 'Playfair Display', serif; } * { margin: 0; padding: 0; box-sizing: border-box; } /* Sekcja Stopki */ .footer-section { background-color: var(--color-plum-dark); padding: 3.5rem 0; width: 100%; position: relative; overflow: hidden; border-top: 1px solid rgba(245, 246, 240, 0.05); display: flex; justify-content: center; align-items: center; } .footer-container { max-width: 1400px; margin: 0 auto; padding: 0 5%; display: flex; flex-direction: column; align-items: center; gap: 1.8rem; text-align: center; z-index: 2; } /* Klikalny Wrapper Logo + Tagline */ .footer-logo-wrapper { text-decoration: none; display: inline-flex; flex-direction: column; align-items: center; gap: 0.4rem; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 0.5rem 1.5rem; border-radius: 1rem; } .footer-logo-wrapper:hover { transform: translateY(-3px); } /* Logo Ewa Ryczek */ .footer-logo { font-family: var(--font-heading); font-size: 2.2rem; font-weight: 400; letter-spacing: -0.02em; color: var(--color-cream); line-height: 1; transition: color 0.3s ease; } .footer-logo .accent { color: var(--color-orange); font-weight: 500; transition: color 0.3s ease; } .footer-logo-wrapper:hover .footer-logo .accent { color: var(--color-yellow); } /* Podpis pod logo */ .footer-tagline { font-family: var(--font-body); font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.22em; color: rgba(241, 235, 223, 0.6); transition: color 0.3s ease, letter-spacing 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .footer-logo-wrapper:hover .footer-tagline { color: rgba(241, 235, 223, 0.95); letter-spacing: 0.25em; } /* Inspirowany Cytat Autorski */ .footer-quote { font-family: var(--font-serif); font-style: italic; font-size: 1.2rem; color: rgba(241, 235, 223, 0.75); max-width: 600px; line-height: 1.6; font-weight: 300; margin: 0 auto; } /* Responsywność */ @media (max-width: 768px) { .footer-section { padding: 2.5rem 0; } .footer-container { gap: 1.5rem; } .footer-logo { font-size: 1.8rem; } .footer-tagline { font-size: 0.65rem; letter-spacing: 0.18em; } .footer-quote { font-size: 1.05rem; padding: 0 1rem; } }