Splash - zilara (overview) | Making It Work Online

*,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} [id]{scroll-margin-top:24px} body{margin:0;background-color:#ffffff;color:#3e3e3e;font-family:'Open Sans', system-ui,-apple-system,Segoe UI,sans-serif;font-size:16.00px;line-height:1.6} img{max-width:100%;height:auto;display:block} a{color:#eb6a56;text-decoration:none} h1,h2,h3,h4,h5,h6{font-family:'Open Sans', Georgia,serif;margin:0;line-height:1.15} p{margin:0} hr{border:0;border-top:1px solid #028090} .bldr-rt p{margin:0 0 0.72em} .bldr-rt ul,.bldr-rt ol{margin:0 0 0.72em;padding-left:1.4em} .bldr-rt li{margin:0.25em 0} .bldr-rt>*:last-child{margin-bottom:0} /* Markers ride WITH the words. Outside the content box they stay pinned to the far left while centred copy drifts away from them. */ .bldr-rt-center ul,.bldr-rt-center ol,.bldr-rt-right ul,.bldr-rt-right ol{display:table;max-width:100%;text-align:left} .bldr-rt-center ul,.bldr-rt-center ol{margin-left:auto;margin-right:auto} .bldr-rt-right ul,.bldr-rt-right ol{margin-left:auto;margin-right:0} .bldr-rt li[style*="text-align:center"],.bldr-rt li[style*="text-align:right"]{list-style-position:inside} /* A quote should look like a quote: an oversized opening mark, roomier type, and a rule only where a rule makes sense (left-aligned copy). */ .bldr-rt blockquote{position:relative;margin:1.35em 0;padding:0.1em 0 0.1em 2.55em;border-left:3px solid rgba(235, 106, 86, 0.45);color:#3e3e3e;font-family:'Open Sans', Georgia,serif;font-style:italic;font-size:15px;font-weight:inherit;letter-spacing:0px;line-height:1.6} .bldr-rt blockquote::before{content:"“";position:absolute;left:0.42em;top:-0.02em;font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:2.6em;line-height:1;color:rgba(235, 106, 86, 0.5);pointer-events:none} .bldr-rt-center blockquote,.bldr-rt-right blockquote{border-left:0;padding-left:0;padding-top:1.25em} .bldr-rt-center blockquote::before,.bldr-rt-right blockquote::before{left:0;right:0;top:0;text-align:center} .bldr-rt-right blockquote::before{text-align:right} mark{background:#fde047;color:inherit;padding:0 0.12em;border-radius:3px} /* Explicit inline paint is source geometry; do not add marker chrome. */ mark[style]{padding:0;border-radius:0} /* Words coloured with one of the SITE's colours. The document stores the role, so re-skinning the site re-skins the words. Twin of the .hba-c-* rules in client/src/builder/styles/canvas.css (which reads the same values from CSS variables the canvas sets). */ .hba-c-ground{color:#ffffff}.hba-c-groundAlt{color:#028090}.hba-c-ink{color:#3e3e3e}.hba-c-accent{color:#eb6a56}.hba-c-second{color:#00a896}.hba-c-highlight{color:#02c39a}.hba-c-deep{color:#f0f3bd} .hba-h-ground{background:#ffffff;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-groundAlt{background:#028090;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-ink{background:#3e3e3e;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-accent{background:#eb6a56;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-second{background:#00a896;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-highlight{background:#02c39a;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-deep{background:#f0f3bd;color:inherit;padding:0 0.12em;border-radius:3px} .bldr-rt img.hba-img-sm{display:inline-block;width:180px;max-width:100%;vertical-align:middle} .bldr-rt img.hba-img-md{display:inline-block;width:340px;max-width:100%;vertical-align:middle} .bldr-rt img.hba-img-lg{display:inline-block;width:520px;max-width:100%;vertical-align:middle} .bldr-rt img.hba-img-full{display:block;width:100%;margin:0.6em 0} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit} .bldr-page{width:100%;box-sizing:border-box;flex:0 0 auto;} .bldr-block{width:100%} .bldr-pullup{margin-top:-3.5rem;position:relative;z-index:2} .bldr-sticky{position:sticky;z-index:30}.bldr-sticky-top{top:0}.bldr-sticky-bottom{bottom:0} .bldr-anchor-alias{display:block;height:0} .bldr-img-hover-zoom{overflow:hidden}.bldr-img-hover-zoom img{transition:transform .35s ease}.bldr-img-hover-zoom:hover img{transform:scale(1.06)} .bldr-img-hover-lift img{transition:transform .25s ease,box-shadow .25s ease}.bldr-img-hover-lift:hover img{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.18)} .bldr-img-hover-darken img,.bldr-img-hover-lighten img{transition:filter .25s ease}.bldr-img-hover-darken:hover img{filter:brightness(.72)}.bldr-img-hover-lighten:hover img{filter:brightness(1.15)} .bldr-img-filter-grayscale img{filter:grayscale(1)}.bldr-img-filter-sepia img{filter:sepia(.7)}.bldr-img-filter-soften img{filter:saturate(.7) contrast(.95)} .bldr-img-filter-hover-off img{transition:filter .3s ease}.bldr-img-filter-hover-off:hover img{filter:none} @media (prefers-reduced-motion:reduce){.bldr-img-hover-zoom img,.bldr-img-hover-lift img,.bldr-img-hover-darken img,.bldr-img-hover-lighten img,.bldr-img-filter-hover-off img{transition:none}} .bldr-freemove{position:relative;left:var(--fm-x,0);top:var(--fm-y,0);z-index:var(--fm-z,1)} @media (max-width:767px){.bldr-pullup{margin-top:-1.5rem}} @media (max-width:767px){.bldr-freemove{left:var(--fm-mobile-x,0)}} .bldr-section-rows{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px;width:100%} .bldr-section-panels{position:relative;z-index:1;width:100%} /* An open phone menu panel is fixed full-screen, but the z-index:1 section wrappers above are stacking contexts that trap it under later sections. Lift its ancestors only while it is the :target. A row dropdown is trapped the same way, so lift them too while its menu item is hovered or focused. */ :is(.bldr-block,.bldr-content-surface,.bldr-section-rows,.bldr-section-panels,.bldr-freemove):has([data-hba-menu-panel]:target){z-index:2147482000!important} :is(.bldr-block,.bldr-content-surface,.bldr-section-rows,.bldr-section-panels,.bldr-freemove):has([data-hba-menu-item]:hover,[data-hba-menu-item]:focus-within){z-index:2147482000!important} .bldr-section-background-layer{position:absolute;inset:0;width:100%;max-width:none;overflow:hidden;border-radius:inherit;pointer-events:none} .bldr-section-panel[hidden]{display:none} .bldr-panel-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0 auto 18px} .bldr-panel-tabs button{border:0;border-radius:10px;padding:.7rem 1rem;background:#028090;color:#3e3e3e;font:700 .9rem 'Open Sans', system-ui,sans-serif;cursor:pointer} .bldr-panel-tabs button[aria-selected=true]{background:#eb6a56;color:#ffffff} .bldr-panel-arrows{display:flex;justify-content:space-between;pointer-events:none;margin-top:12px}.bldr-panel-arrows button{pointer-events:auto;border:1px solid currentColor;border-radius:999px;width:38px;height:38px;background:transparent;color:#eb6a56;font-size:26px;line-height:1;cursor:pointer} .bldr-panel-indicators{display:flex;gap:7px;justify-content:center;margin-top:14px}.bldr-panel-indicators button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#eb6a56;opacity:.32;cursor:pointer}.bldr-panel-indicators button[aria-current=true]{opacity:1;transform:scale(1.2)} .bldr-audience-pending{display:none!important} @media (prefers-reduced-motion:reduce){.bldr-section-panel,.bldr-panel-tabs button,.bldr-panel-indicators button{transition:none!important}} .bldr-wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;display:flex;flex-wrap:wrap;align-items:stretch} .bldr-col{flex:var(--col-grow,1) 1 0;min-width:0;min-height:40px;display:flex;flex-direction:column;gap:18px;margin-top:var(--col-nudge,0)} .bldr-col.hba-source-relative-nudge{position:relative;top:var(--col-nudge,0);margin-top:0} @media(max-width:767px){.bldr-col.hba-source-relative-nudge{top:var(--col-mobile-nudge,0px);margin-top:0!important}} .bldr-bg-sizer{display:block;flex:0 0 auto;width:100%;height:auto;visibility:hidden;pointer-events:none} .bldr-card-hover{transition:transform .25s ease,box-shadow .25s ease} .bldr-card-hover:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,0.16)} .bldr-bgvid{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden} video.bldr-bgvid{width:100%;height:100%;object-fit:cover} .bldr-bgvid-yt{overflow:hidden} .bldr-bgvid-yt iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none} .bldr-embed-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0} @media(max-width:767px){.bldr-content-phone-inset{width:var(--bldr-content-phone-width)!important}.bldr-content-phone-offset{top:var(--bldr-content-phone-offset)!important}} .bldr-divider{z-index:0} @media(max-width:767px){.bldr-divider-responsive{height:var(--bldr-divider-mobile-height)!important}} .bldr-btn-link{display:inline-block;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;border-radius:10px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease} a:not(.bldr-btn-link):hover{text-decoration:none;} .bldr-btn-h-grow:hover{transform:scale(1.045)} .bldr-btn-h-lift:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,0.22)} .bldr-btn-h-fill:hover{background:var(--bldr-btn-hover-bg,#eb6a56);color:var(--bldr-btn-hover-fg,#fff)} .bldr-btn-hbg:hover{background:var(--bldr-btn-hover-bg)!important} .bldr-btn-hfg:hover{color:var(--bldr-btn-hover-fg)!important} .bldr-btn-h-glow:hover{transform:scale(1.045);box-shadow:0 12px 34px var(--bldr-btn-glow,#eb6a56)} .bldr-btn-h-slide{position:relative;overflow:hidden} .bldr-btn-h-slide>span,.bldr-btn-h-slide>svg{position:relative;z-index:1} .bldr-btn-h-slide::before{content:"";position:absolute;inset:0;background:var(--bldr-btn-hover-bg,#eb6a56);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease-out;z-index:0} .bldr-btn-h-slide:hover{color:var(--bldr-btn-hover-fg,#fff)} .bldr-btn-h-slide:hover::before{transform:scaleX(1)} .bldr-btn-h-reveal{position:relative;overflow:hidden} .bldr-btn-h-reveal>span,.bldr-btn-h-reveal>svg{position:relative;z-index:1} .bldr-btn-h-reveal::before{content:"";position:absolute;inset:0;background:var(--bldr-btn-hover-bg,#eb6a56);transform:scale(0);transition:transform .3s ease-out;z-index:0} .bldr-btn-h-reveal:hover{color:var(--bldr-btn-hover-fg,#fff)} .bldr-btn-h-reveal:hover::before{transform:scale(1)} .bldr-btn-gradient-flow{background-size:220% 220%!important;animation:bldr-btn-gradient-flow 5s ease infinite} .bldr-btn-gradient-aurora{background-size:260% 260%!important;animation:bldr-btn-gradient-aurora 7s ease-in-out infinite} @keyframes bldr-btn-gradient-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes bldr-btn-gradient-aurora{0%,100%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(18deg)}} .bldr-btn-a-rock{animation:bldr-btn-a-rock 2.4s ease-in-out infinite;transform-origin:50% 100%} .bldr-btn-a-pulse{animation:bldr-btn-a-pulse 2.2s ease-out infinite} .bldr-btn-a-bounce{animation:bldr-btn-a-bounce 2.6s ease-in-out infinite} .bldr-btn-a-wobble{animation:bldr-btn-a-wobble 2.8s ease-in-out infinite} .bldr-btn-a-rock:hover,.bldr-btn-a-pulse:hover,.bldr-btn-a-bounce:hover,.bldr-btn-a-wobble:hover{animation-play-state:paused} @keyframes bldr-btn-a-rock{0%,25%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}} @keyframes bldr-btn-a-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--bldr-btn-glow,#eb6a56)}60%{transform:scale(1.03);box-shadow:0 0 0 12px transparent}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}} @keyframes bldr-btn-a-bounce{0%,30%,60%,100%{transform:translateY(0)}40%{transform:translateY(-9px)}50%{transform:translateY(-4px)}} @keyframes bldr-btn-a-wobble{0%,40%,100%{transform:skewX(0)}50%{transform:skewX(6deg)}60%{transform:skewX(-6deg)}70%{transform:skewX(3deg)}80%{transform:skewX(-2deg)}90%{transform:skewX(0)}} @media (prefers-reduced-motion:reduce){.bldr-btn-h-slide::before,.bldr-btn-h-reveal::before{transition:none}.bldr-btn-gradient-flow,.bldr-btn-gradient-aurora,.bldr-btn-a-rock,.bldr-btn-a-pulse,.bldr-btn-a-bounce,.bldr-btn-a-wobble{animation:none}} .bldr-btn-row{display:flex;align-items:center;justify-content:center;gap:.55em} .bldr-btn-labels{display:block;text-align:inherit} .bldr-btn-pair{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch} .bldr-btn-pair.stack{flex-direction:column;align-items:stretch} .bldr-reveal{display:none} .bldr-reveal.is-revealed{display:block} .bldr-form{max-width:430px;margin:0 auto;background:#028090;border:1px solid #e0e0e0;border-radius:14px;padding:1.6rem;box-shadow:0 12px 32px rgba(0,0,0,0.12)} .bldr-form.bldr-form-bare{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none} .bldr-form-field{border:1px solid #e0e0e0;border-radius:10px;padding:0.7rem 0.9rem;margin-bottom:10px;color:#808080;font-size:0.92em;background:#f6f6f6} .bldr-form-field-single{white-space:nowrap;overflow:hidden} @media(max-width:767px){.bldr-form-row>*{flex-basis:100%!important}} .bldr-form-help{font-size:0.76em;color:#838383;margin:-6px 0 10px} .bldr-acc{background:#028090;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden} .bldr-acc>summary{position:relative;padding:0.8rem 2.4rem 0.8rem 1rem;font-weight:700;font-size:0.95em;cursor:pointer;list-style:none} .bldr-acc>summary::-webkit-details-marker{display:none} /* The visitor's cue that a row opens. The old marker was suppressed with nothing in its place, so questions read as static boxes (accordion styles pass, 2026-08-22). currentColor keeps the cue readable on any member-chosen heading colour. */ .bldr-acc>summary::after{content:"";position:absolute;right:1.05rem;top:50%;width:0.42em;height:0.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:0.55;transition:transform .25s ease} .bldr-acc[open]>summary::after{transform:translateY(-30%) rotate(225deg)} .bldr-acc.bldr-acc-plus>summary::after{width:12px;height:12px;border:0;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;transform:translateY(-50%);transition:background-size .25s ease} .bldr-acc.bldr-acc-plus[open]>summary::after{transform:translateY(-50%);background-size:12px 2px,2px 0} /* Hover shade as a translucent overlay so it reads over ANY heading colour, including "no colour at all" in the lines look. */ .bldr-acc>summary:hover{background-image:linear-gradient(rgba(0,0,0,0.045),rgba(0,0,0,0.045))} .bldr-acc-body{padding:0 1rem 0.85rem;font-size:0.9em;line-height:1.6;color:#838383} /* Smooth open/close where the browser can animate to auto height; everywhere else the toggle stays instant, exactly as before. Scoped to the accordion so the keyword interpolation cannot leak into other height animations. */ @supports (interpolate-size:allow-keywords){ .bldr-acc{interpolate-size:allow-keywords} .bldr-acc::details-content{block-size:0;overflow-y:clip;transition:content-visibility .25s allow-discrete,block-size .25s ease} .bldr-acc[open]::details-content{block-size:auto} } @media (prefers-reduced-motion:reduce){.bldr-acc>summary::after{transition:none}.bldr-acc::details-content{transition:none}} .bldr-social{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .bldr-social a{width:38px;height:38px;border-radius:50%;background:#3e3e3e;color:#ffffff;display:grid;place-items:center;font-size:0.72em;font-weight:800;text-decoration:none;text-transform:uppercase} .bldr-container-responsive{--bldr-container-mobile-pad-x:0px;--bldr-container-mobile-bleed:0px} .bldr-container-grid-item{grid-column:span var(--bldr-container-span,12);min-width:0} .bldr-image-responsive{--bldr-image-mobile-width:100%} .bldr-spacer-responsive{--bldr-spacer-mobile-height:0px} .bldr-video-box{position:relative;width:100%;box-sizing:border-box} .bldr-video{position:relative;width:100%;max-width:660px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,0.25)} .bldr-video-surface{position:relative;width:100%;box-sizing:border-box;overflow:hidden} .bldr-video-media{position:relative;width:100%;box-sizing:border-box;overflow:hidden} .bldr-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0} .bldr-custom-html iframe,.bldr-custom-html video,.bldr-custom-html embed,.bldr-custom-html object{max-width:100%} .bldr-video-inner-shadow{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none} .bldr-video-box-inner-shadow{position:absolute;inset:0;z-index:5;display:block;box-sizing:border-box;border-radius:inherit;pointer-events:none} .bldr-video-overlay-hit{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .35s ease,visibility .35s ease} .bldr-video-overlay-hit.is-gone{opacity:0;visibility:hidden;pointer-events:none} .bldr-video-overlay{position:absolute;top:14%;left:8%;max-width:84%;background:#fff;color:#111;font-family:'Caveat',cursive;font-size:clamp(1.05rem,3vw,1.55rem);line-height:1.15;padding:.2em .8em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 4px 14px rgba(0,0,0,.3);pointer-events:none} .bldr-count{display:flex;gap:10px;justify-content:center;align-items:flex-start} .bldr-count-cell{background:#101418;color:#fff;border-radius:8px;padding:0.55rem 0.7rem;font-size:1.6em;font-weight:800;font-variant-numeric:tabular-nums;min-width:2.4em;text-align:center} .bldr-count-cap{font-size:0.62em;margin-top:5px;opacity:0.55;text-transform:uppercase;letter-spacing:0.08em;text-align:center} @keyframes bldr-anim-fade{from{opacity:0}to{opacity:1}} @keyframes bldr-anim-slide-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-slide-left{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-slide-right{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-slide-down{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-zoom{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:none}} @keyframes bldr-anim-bounce{0%{opacity:0;transform:scale(.72)}55%{opacity:1;transform:scale(1.08)}75%{transform:scale(.96)}100%{transform:none}} @keyframes bldr-anim-roll-in{from{opacity:0;transform:translateX(-60px) rotate(-120deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-rotate{from{opacity:0;transform:rotate(-14deg) scale(.9)}to{opacity:1;transform:none}} @keyframes bldr-anim-flip-vertical{from{opacity:0;transform:perspective(700px) rotateX(-90deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-flip-horizontal{from{opacity:0;transform:perspective(700px) rotateY(-90deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-bounce-top{0%{opacity:0;transform:translateY(-70px)}55%{opacity:1;transform:translateY(12px)}75%{transform:translateY(-5px)}100%{transform:none}} @keyframes bldr-anim-bounce-left{0%{opacity:0;transform:translateX(-70px)}55%{opacity:1;transform:translateX(12px)}75%{transform:translateX(-5px)}100%{transform:none}} @keyframes bldr-anim-bounce-right{0%{opacity:0;transform:translateX(70px)}55%{opacity:1;transform:translateX(-12px)}75%{transform:translateX(5px)}100%{transform:none}} @keyframes bldr-anim-bounce-bottom{0%{opacity:0;transform:translateY(70px)}55%{opacity:1;transform:translateY(-12px)}75%{transform:translateY(5px)}100%{transform:none}} @keyframes bldr-anim-tilt-left{from{opacity:0;transform:translateX(-34px) rotate(-9deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-tilt-right{from{opacity:0;transform:translateX(34px) rotate(9deg)}to{opacity:1;transform:none}} .bldr-anim-on .bldr-a{opacity:0} .bldr-anim-on .bldr-a.bldr-a-fade.bldr-a-slow.is-in{animation:bldr-anim-fade 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-fade.bldr-a-normal.is-in{animation:bldr-anim-fade 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-fade.bldr-a-fast.is-in{animation:bldr-anim-fade 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-up.bldr-a-slow.is-in{animation:bldr-anim-slide-up 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-up.bldr-a-normal.is-in{animation:bldr-anim-slide-up 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-up.bldr-a-fast.is-in{animation:bldr-anim-slide-up 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-left.bldr-a-slow.is-in{animation:bldr-anim-slide-left 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-left.bldr-a-normal.is-in{animation:bldr-anim-slide-left 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-left.bldr-a-fast.is-in{animation:bldr-anim-slide-left 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-right.bldr-a-slow.is-in{animation:bldr-anim-slide-right 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-right.bldr-a-normal.is-in{animation:bldr-anim-slide-right 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-right.bldr-a-fast.is-in{animation:bldr-anim-slide-right 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-down.bldr-a-slow.is-in{animation:bldr-anim-slide-down 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-down.bldr-a-normal.is-in{animation:bldr-anim-slide-down 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-down.bldr-a-fast.is-in{animation:bldr-anim-slide-down 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-zoom.bldr-a-slow.is-in{animation:bldr-anim-zoom 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-zoom.bldr-a-normal.is-in{animation:bldr-anim-zoom 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-zoom.bldr-a-fast.is-in{animation:bldr-anim-zoom 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce.bldr-a-slow.is-in{animation:bldr-anim-bounce 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce.bldr-a-normal.is-in{animation:bldr-anim-bounce 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce.bldr-a-fast.is-in{animation:bldr-anim-bounce 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-roll-in.bldr-a-slow.is-in{animation:bldr-anim-roll-in 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-roll-in.bldr-a-normal.is-in{animation:bldr-anim-roll-in 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-roll-in.bldr-a-fast.is-in{animation:bldr-anim-roll-in 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-rotate.bldr-a-slow.is-in{animation:bldr-anim-rotate 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-rotate.bldr-a-normal.is-in{animation:bldr-anim-rotate 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-rotate.bldr-a-fast.is-in{animation:bldr-anim-rotate 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-vertical.bldr-a-slow.is-in{animation:bldr-anim-flip-vertical 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-vertical.bldr-a-normal.is-in{animation:bldr-anim-flip-vertical 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-vertical.bldr-a-fast.is-in{animation:bldr-anim-flip-vertical 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-horizontal.bldr-a-slow.is-in{animation:bldr-anim-flip-horizontal 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-horizontal.bldr-a-normal.is-in{animation:bldr-anim-flip-horizontal 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-horizontal.bldr-a-fast.is-in{animation:bldr-anim-flip-horizontal 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-top.bldr-a-slow.is-in{animation:bldr-anim-bounce-top 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-top.bldr-a-normal.is-in{animation:bldr-anim-bounce-top 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-top.bldr-a-fast.is-in{animation:bldr-anim-bounce-top 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-left.bldr-a-slow.is-in{animation:bldr-anim-bounce-left 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-left.bldr-a-normal.is-in{animation:bldr-anim-bounce-left 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-left.bldr-a-fast.is-in{animation:bldr-anim-bounce-left 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-right.bldr-a-slow.is-in{animation:bldr-anim-bounce-right 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-right.bldr-a-normal.is-in{animation:bldr-anim-bounce-right 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-right.bldr-a-fast.is-in{animation:bldr-anim-bounce-right 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-bottom.bldr-a-slow.is-in{animation:bldr-anim-bounce-bottom 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-bottom.bldr-a-normal.is-in{animation:bldr-anim-bounce-bottom 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-bottom.bldr-a-fast.is-in{animation:bldr-anim-bounce-bottom 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-left.bldr-a-slow.is-in{animation:bldr-anim-tilt-left 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-left.bldr-a-normal.is-in{animation:bldr-anim-tilt-left 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-left.bldr-a-fast.is-in{animation:bldr-anim-tilt-left 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-right.bldr-a-slow.is-in{animation:bldr-anim-tilt-right 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-right.bldr-a-normal.is-in{animation:bldr-anim-tilt-right 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-right.bldr-a-fast.is-in{animation:bldr-anim-tilt-right 0.32s cubic-bezier(0.2,0.7,0.3,1) both} @media (prefers-reduced-motion:reduce){.bldr-anim-on .bldr-a{opacity:1!important;animation:none!important}} /* Text gutter (textGutterVars): words never touch the screen edge. Desktop and tablet values are expressions of the screen width; phones override below. The screen width is the page's own width (100cqw), which leaves out a desktop scrollbar; 100vw counts it. Without container units: 100vw. */ @supports (width:1cqw){.bldr-page{container-type:inline-size;--bldr-screen:100cqw}} .bldr-text-gutter{padding-left:var(--bldr-gutter-dl,0px);padding-right:var(--bldr-gutter-dr,0px)} @media (min-width:768px) and (max-width:1024px){.bldr-text-gutter{padding-left:var(--bldr-gutter-tl,var(--bldr-gutter-dl,0px));padding-right:var(--bldr-gutter-tr,var(--bldr-gutter-dr,0px))}} @media (max-width:767px){ .bldr-widget-mobile-margin{margin:var(--bldr-widget-mobile-margin)!important} .bldr-form-mobile-field-gap .bldr-form-field-gap{margin-bottom:var(--bldr-form-mobile-field-gap)!important} .bldr-form-mobile-field-gap .bldr-form-field-gap-row{gap:var(--bldr-form-mobile-field-gap)!important} .bldr-form-mobile-field-gap .bldr-form-field-gap-row .bldr-form-field-gap{margin-bottom:0!important} .bldr-form-mobile-field-gap .bldr-form-field-gap>.bldr-form-field{margin-bottom:0!important} .bldr-wrap{gap:18px;padding-left:18px;padding-right:18px} .bldr-container-responsive{padding-left:var(--bldr-container-mobile-pad-x)!important;padding-right:var(--bldr-container-mobile-pad-x)!important;width:calc(100% + var(--bldr-container-mobile-bleed) * 2)!important;margin-left:calc(var(--bldr-container-mobile-bleed) * -1)!important;margin-right:calc(var(--bldr-container-mobile-bleed) * -1)!important} .bldr-container-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important} .bldr-container-grid-item{grid-column:span var(--bldr-container-mobile-span,12)} .bldr-image-responsive{--bldr-image-active-aspect:var(--bldr-image-mobile-aspect);position:relative;left:50%;transform:translateX(-50%);width:min(100%,var(--bldr-image-mobile-width))!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} .bldr-spacer-responsive{height:var(--bldr-spacer-mobile-height)!important} .bldr-btn-mobile-wrap{white-space:normal!important} .bldr-btn-mobile-nowrap{white-space:nowrap!important} /* Imported Desktop offsets reset when columns stack; explicit Mobile edits use their selected-device offset. */ .bldr-col{flex:1 1 100%;--col-nudge:var(--col-mobile-nudge,0px)!important;margin-top:var(--col-mobile-nudge,0px)!important} .bldr-phone-side-by-side>.bldr-col{flex:var(--col-grow,1) 1 0;--col-nudge:var(--col-mobile-nudge,0px)!important;margin-top:var(--col-mobile-nudge,0px)!important} .bldr-col-mobile-padding{padding:var(--bldr-col-mobile-padding)!important} .bldr-text-gutter{padding-left:var(--bldr-gutter-l,0px);padding-right:var(--bldr-gutter-r,0px)} .bldr-bg-sizer-desktop{display:none} .bldr-row-mobile-padding{padding:var(--bldr-row-mobile-padding)!important} .bldr-mobile-line-height{line-height:var(--bldr-mobile-line-height)!important} .bldr-checkout-source-preview{padding-left:10px!important;padding-right:10px!important} .bldr-checkout-source-summary{margin-left:-10px!important;margin-right:-10px!important;padding-left:20px!important;padding-right:20px!important} .bldr-checkout-source-security{grid-template-columns:1fr!important} .bldr-col-responsive-gap{gap:var(--bldr-col-mobile-gap)!important} .bldr-section-responsive-gap{gap:var(--bldr-mobile-row-gap)!important} .bldr-stack-rev{flex-direction:column-reverse} .bldr-col-phone-order{order:var(--bldr-phone-order)} .bldr-embed-mobile-height{height:var(--bldr-embed-mobile-height)!important} .bldr-bgvid{display:none} .bldr-sticky-phone-off{position:relative!important} } /* Rotating headline words (tier 4). The document stores the choice; these keyframes and the platform runtime are the code. */ .hba-rot{display:inline-grid;vertical-align:baseline;text-align:start} .hba-rot-item{grid-area:1/1;visibility:hidden;white-space:nowrap} .hba-rot-item.is-in{visibility:visible;animation:hba-rot-in var(--hba-rot-anim,400ms) both} .hba-rot-fade .hba-rot-item.is-in{animation-name:hba-rot-fade} .hba-rot-slide-up .hba-rot-item.is-in{animation-name:hba-rot-slide-up} .hba-rot-flip .hba-rot-item.is-in{animation-name:hba-rot-flip} .hba-rot-zoom .hba-rot-item.is-in{animation-name:hba-rot-zoom} .hba-rot-bounce .hba-rot-item.is-in{animation-name:hba-rot-bounce} .hba-rot-blur .hba-rot-item.is-in{animation-name:hba-rot-blur} .hba-rot-typewriter .hba-rot-item.is-in{animation-name:hba-rot-type;animation-timing-function:steps(18,end)} @keyframes hba-rot-in{from{opacity:0}to{opacity:1}} @keyframes hba-rot-fade{from{opacity:0}to{opacity:1}} @keyframes hba-rot-slide-up{from{opacity:0;transform:translateY(0.5em)}to{opacity:1;transform:none}} @keyframes hba-rot-flip{from{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:1;transform:none}} @keyframes hba-rot-zoom{from{opacity:0;transform:scale(0.78)}to{opacity:1;transform:none}} @keyframes hba-rot-bounce{0%{opacity:0;transform:scale(0.7)}55%{opacity:1;transform:scale(1.09)}75%{transform:scale(0.97)}100%{transform:none}} @keyframes hba-rot-blur{from{opacity:0;filter:blur(9px)}to{opacity:1;filter:none}} @keyframes hba-rot-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} @media (prefers-reduced-motion:reduce){.hba-rot .hba-rot-item.is-in{animation:none}} /* A per-device override has to carry the SAME centred-list recipe the ordinary alignment classes use (see .bldr-rt-center above): text-align alone leaves the bullets pinned to the far left while the words move to the middle. */ @media (max-width:767px){ .bldr-al-m-left,.bldr-al-m-left>*{text-align:left!important} .bldr-al-m-center,.bldr-al-m-center>*{text-align:center!important} .bldr-al-m-right,.bldr-al-m-right>*{text-align:right!important} .bldr-al-m-justify,.bldr-al-m-justify>*{text-align:justify!important} .bldr-al-m-center ul,.bldr-al-m-center ol,.bldr-al-m-right ul,.bldr-al-m-right ol{display:table;max-width:100%;text-align:left!important} .bldr-al-m-center ul,.bldr-al-m-center ol{margin-left:auto;margin-right:auto} .bldr-al-m-right ul,.bldr-al-m-right ol{margin-left:auto;margin-right:0} .bldr-al-m-left ul,.bldr-al-m-left ol{display:block;margin-left:0;margin-right:0} } @media (min-width:768px) and (max-width:1024px){ .bldr-al-t-left,.bldr-al-t-left>*{text-align:left!important} .bldr-al-t-center,.bldr-al-t-center>*{text-align:center!important} .bldr-al-t-right,.bldr-al-t-right>*{text-align:right!important} .bldr-al-t-justify,.bldr-al-t-justify>*{text-align:justify!important} .bldr-al-t-center ul,.bldr-al-t-center ol,.bldr-al-t-right ul,.bldr-al-t-right ol{display:table;max-width:100%;text-align:left!important} .bldr-al-t-center ul,.bldr-al-t-center ol{margin-left:auto;margin-right:auto} .bldr-al-t-right ul,.bldr-al-t-right ol{margin-left:auto;margin-right:0} .bldr-al-t-left ul,.bldr-al-t-left ol{display:block;margin-left:0;margin-right:0} } @media (max-width:767px){.bldr-hide-mobile{display:none!important}} @media (min-width:768px) and (max-width:1024px){.bldr-hide-tablet{display:none!important}} @media (min-width:1025px){.bldr-hide-desktop{display:none!important}} .bldr-pad-none{padding-top:0;padding-bottom:0} .bldr-pad-sm{padding-top:1.40rem;padding-bottom:1.40rem} .bldr-pad-md{padding-top:2.60rem;padding-bottom:2.60rem} .bldr-pad-lg{padding-top:4.00rem;padding-bottom:4.00rem} .bldr-pad-xl{padding-top:6.00rem;padding-bottom:6.00rem} @media(max-width:767px){ .bldr-mobile-pad-top{padding-top:var(--bldr-mobile-pad-top)!important} .bldr-mobile-pad-bottom{padding-bottom:var(--bldr-mobile-pad-bottom)!important} .bldr-mobile-min-height{min-height:var(--bldr-mobile-min-height)!important} }

Here is a Sneak-Peek Into How This Thing Works!

Get Paid 30% Per Sale. Even as a Free Member. Includes additional ways to earn if you choose to grow your business.

No product purchases required. No monthly fees!

YES! I Am Ready!