*,*::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:#FAF8F4;color:#1a1a1a;font-family:'Inter', 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:#0268b0;text-decoration:underline} h1,h2,h3,h4,h5,h6{font-family:'Bebas Neue', Georgia,serif;margin:0;line-height:1.15} p{margin:0} hr{border:0;border-top:1px solid #F2EDE4} .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(3, 130, 219, 0.45);color:#1a1a1a;font-family:'DM Serif Display', Georgia,serif;font-style:italic;font-size:26px;font-weight:inherit;letter-spacing:inherit;line-height:1.4} .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(3, 130, 219, 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:#FAF8F4}.hba-c-groundAlt{color:#F2EDE4}.hba-c-ink{color:#1a1a1a}.hba-c-accent{color:#0382db}.hba-c-second{color:#0A4F7A}.hba-c-highlight{color:#05A6FF}.hba-c-deep{color:#0a1628} .hba-h-ground{background:#FAF8F4;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-groundAlt{background:#F2EDE4;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-ink{background:#1a1a1a;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-accent{background:#0382db;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-second{background:#0A4F7A;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-highlight{background:#05A6FF;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-deep{background:#0a1628;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:6px;padding:.7rem 1rem;background:#F2EDE4;color:#1a1a1a;font:700 .9rem 'Inter', system-ui,sans-serif;cursor:pointer} .bldr-panel-tabs button[aria-selected=true]{background:#0382db;color:#FAF8F4} .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:#0382db;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:#0382db;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:1120px;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:2px;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:#024d82;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,#0382db);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,#0382db)} .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,#0382db);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,#0382db);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,#0382db)}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:#F2EDE4;border:1px solid #d6d4d1;border-radius:6px;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 #d6d4d1;border-radius:4px;padding:0.7rem 0.9rem;margin-bottom:10px;color:#666564;font-size:0.92em;background:#f0eeea} .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:#6b6a68;margin:-6px 0 10px} .bldr-acc{background:#F2EDE4;border:1px solid #d6d4d1;border-radius:4px;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:#6b6a68} /* 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:#1a1a1a;color:#FAF8F4;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:var(--bldr-container-mobile-margin-left,0px)!important;margin-right:var(--bldr-container-mobile-margin-right,0px)!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-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} }

The First Page of My Income-Beyond-the-Paycheck Experiment

October 23, 2026by Joseph Remington

I’m rebuilding this part of my life in public.

That sounds more dramatic than some of the work looks. Recently, it has included checking whether a button saves answers, making buyer instructions clearer, and making sure an email reaches the right inbox.

Those details belong to the same larger question that brought me here: what can I build from what I know that becomes useful to someone else and creates another way to earn?

I want to give that question real work to do while I have time to develop the answer.

What I want this work to make possible

I want income beyond the paycheck and more options for the years ahead. I also want somewhere to bring together the ideas, explanations, and practical resources I’m developing.

JosephRemington.com is that place. The Journal gives me room to work through a question properly. The Chronicles let me stay in touch through weekly letters as the work develops.

Faith is my foundation. Cultivator describes the way I think about developing what we’ve been entrusted with. That includes knowledge, ability, relationships, and time. I want to put those things to useful work, including work that can contribute financially.

Losing people I love has made the question of time more immediate. There are things I want to make and pass on. I’d rather begin finding out what they can become than keep leaving them for a more convenient season.

The first concrete example

The Part-Time Business Workweek Kit helps someone work through a planning problem: how to make progress when a job and the rest of life already occupy much of the week.

It includes tools for examining capacity, choosing a priority, and leaving a handoff note so the next session has somewhere to begin. There are also tools for documenting a repeatable task and thinking through delegation.

The pages are interactive. Someone can enter answers, save a file, reopen that file, and print their kit. The browser also keeps working answers on that device. That is different from cloud storage, so the instructions explain how to keep a backup and use it elsewhere.

We’ve built a creation course around the Kit as a worked example. It follows the decisions involved in choosing a problem, making a useful resource, and preparing an offer. That gives me something concrete to show when I write about turning knowledge into digital assets.

What exists and what remains to be learned

The Kit exists. Its controls work, and the customer path includes checkout, protected access, and welcome instructions. We’ve checked the checkout amounts and tested access and email delivery separately, without making a live payment.

That record tells us what we checked. Customer use and paid demand are further questions. A finished product gives me something to put in front of people. Their response will help determine what to improve and what deserves more attention.

I want to keep those distinctions visible here. You should be able to see the work and understand what the evidence supports.

As the project develops, I can show a page before and after a revision, explain a choice, or walk through a tool someone can actually use. There will be more to learn from that than from presenting the whole thing as if it appeared fully formed.

Your first page can be simpler

You don’t need all those pieces to begin your own experiment. A short description of the work you intend to attempt will give you a useful starting point.

Write down what you want additional income to make possible. Name one person you think you could help and a problem you understand. Then decide what you can afford to give the first attempt in time and money.

Choose the question you want the work to answer next. It might be whether the problem matters to someone else, whether you can explain the solution clearly, or whether a first draft helps them complete a task.

Keep the answer small enough that you can do something about it this week.

I’ll keep sharing my work through the Cultivator Chronicles. If you’d like to follow along, bring a possibility of your own. We’ll have something useful to compare as we go.

About the author

Joseph Remington

Joseph Remington writes and makes videos for fellow Gen Xers exploring a meaningful next chapter. His work connects faith, income beyond the paycheck, and practical ways to turn experience into something useful. Scripture is his foundation, and Cultivator is how he describes developing what we’ve been entrusted with.

Read Joseph’s story and the thinking behind Cultivator →

Comments

Choose a useful first step

The free Next Chapter Kit helps you consider a direction, examine an opportunity, and plan a small experiment.

Open the free kit