*,*::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:#122016;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:#008fde;text-decoration:underline} 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 #eaf2ea} .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(205, 143, 56, 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.2} .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(205, 143, 56, 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:#f7faf7}.hba-c-groundAlt{color:#eaf2ea}.hba-c-ink{color:#122016}.hba-c-accent{color:#CD8F38}.hba-c-second{color:#0d9488}.hba-c-highlight{color:#facc15}.hba-c-deep{color:#122016} .hba-h-ground{background:#f7faf7;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-groundAlt{background:#eaf2ea;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-ink{background:#122016;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-accent{background:#CD8F38;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-second{background:#0d9488;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-highlight{background:#facc15;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-deep{background:#122016;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;max-width:1260px;margin:0 auto;background:#f7faf7;box-shadow:0 24px 70px rgba(0,0,0,0.13);} .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. */ :is(.bldr-block,.bldr-content-surface,.bldr-section-rows,.bldr-section-panels,.bldr-freemove):has([data-hba-menu-panel]:target){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:#eaf2ea;color:#122016;font:700 .9rem 'Open Sans', system-ui,sans-serif;cursor:pointer} .bldr-panel-tabs button[aria-selected=true]{background:#CD8F38;color:#f7faf7} .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:#CD8F38;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:#CD8F38;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:1180px;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{color:#0f227e;text-decoration:underline;} .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,#CD8F38);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,#CD8F38)} .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,#CD8F38);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,#CD8F38);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,#CD8F38)}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:#eaf2ea;border:1px solid #d2d7d3;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 #d2d7d3;border-radius:10px;padding:0.7rem 0.9rem;margin-bottom:10px;color:#606a62;font-size:0.92em;background:#edf0ed} .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:#646e67;margin:-6px 0 10px} .bldr-acc{background:#eaf2ea;border:1px solid #d2d7d3;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:#646e67} /* 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:#122016;color:#f7faf7;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-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} }

Watch: The Gospel of John

Free Video + 7-Day Devotional

Believing in Jesus Is the Beginning. Here's How to Walk With Him.

Watch real stories of ordinary people learning forgiveness, making things right, and finding the Holy Spirit's power to change. Then get one short devotional each morning for 7 days.

Get The Free Walk With Jesus Video + 7 Day Email Devotional

Free. Arrives right away. Unsubscribe anytime.

What You'll Discover in the Video

Why your past no longer defines you once you've trusted Jesus (2 Corinthians 5:17)
What a village chief learned from Zacchaeus about making things right, even when it cost him
The breathing picture of the Holy Spirit: breathe out by confessing, breathe in by trusting Him to lead
How a former gang leader stopped fighting, and why his old friends wanted to know Jesus because of it
The 9 fruits of the Spirit, and how staying connected to the Vine grows them
Plus 7 morning devotionals and ongoing encouragement by email after that

Why I'm Sharing This

I found this video extremely powerful. It doesn't just explain the Christian life. It shows it, through ordinary people learning to receive God's forgiveness, make things right with others, lean on the Holy Spirit instead of their own strength, and stand firm when following Jesus costs them something.

Wherever you are in your walk, whether you just believed or have known Him for years, I believe it will meet you there. That's why I want you to have it, along with a short devotional each morning to help you walk it out.

Luc Despres

"I am the vine; you are the branches. If you remain in me and I in you, you will bear much fruit; apart from me you can do nothing."

John 15:5

Whether You Believed Last Week or Decades Ago, There's a Next Step in Your Walk

Take it today. Watch the free Walk With Jesus video now, and your 7-Day Devotional begins right away.

Send Me The Free Video + Devotional

Free. Arrives right away. Unsubscribe anytime.

Walk With Jesus™