/* One continuous world, viewed through a stationary window. */
#pond-journey{position:relative;height:var(--journey-height,800vh)}
#pond-stage{position:sticky;top:0;height:var(--pond-height,calc(100svh - 64px));overflow:hidden;background:#edf4ed}
.pond-backdrop{position:absolute;inset:0 -120%;background:linear-gradient(90deg,#eaf2e9bb,#edf4ee44 38%,#eaf2e944 70%),url('assets/pond.png') center/auto 100% repeat-x;will-change:transform}
.pond-tint{position:absolute;inset:0;background:#103b30;opacity:0;pointer-events:none}
#pond-world{position:absolute;inset:0;will-change:transform}
#pond-world .pond-scene{position:absolute;left:calc(var(--stop)*100%);top:0;width:100%;height:100%;min-height:0;padding:0;margin:0;display:block;overflow:visible;border:0;background:none}
.pond-scene .scene-body{position:absolute;top:100px;left:5.3%;right:5.3%;bottom:267px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8ca57c66 transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease;max-width:1200px;margin:0 auto;padding:0 4px 12px 0}
.pond-scene.is-readable .scene-body{opacity:1;visibility:visible;pointer-events:auto}
.pond-scene .hero-water,.pond-scene .hero-stage,.pond-scene .friction-scene,.pond-scene .possibility-water,.pond-scene .leap-scene,.pond-scene .example-perch,.pond-scene .outcome-perch,.pond-scene .frog-stop,.pond-scene .offer-water,.pond-scene .scroll-cue{display:none!important}
.pond-scene .section-wrap{width:100%;margin:0;padding:0}
.pond-scene h2{font-size:clamp(32px,3.5vw,54px);line-height:1.1;margin:15px 0 22px}
.pond-scene h3{font-size:22px;line-height:1.3}
.pond-scene .eyebrow{font-size:9px}
.pond-scene p{font-size:14px;line-height:1.6}
.pond-scene .body-large{font-size:17px}
.pond-scene .section-heading{display:block;margin:0}
#home .hero-content{padding:0;margin:0;width:74%;max-width:800px}
#home h1{font-size:clamp(43px,5.1vw,76px);margin:16px 0 20px;line-height:1.06}
#home .lead{max-width:560px;font-size:16px}#home .hero-facts{margin-top:17px;font-size:11px}#home .hero-actions{margin-top:22px;gap:25px}#home .price-note{font-size:11px;margin-top:17px}#home .price-note b{font-size:21px}
#home .scene-body{bottom:180px;right:26%}#home .hero-content{width:100%}
#friction .section-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;max-width:1100px}
#friction .section-copy>.eyebrow{grid-column:1/-1}#friction h2{grid-row:2 / 5;margin-top:17px}#friction .body-large{margin-top:17px;font-size:15px}#friction .opening-pains{margin-top:8px}#friction .opening-pains p{padding:13px 0}#friction .opening-pains b{font-size:14px}#friction .opening-pains span{font-size:11px}#friction .opening-barrier{grid-column:2;font-size:11px!important;margin-top:15px}
#first-leap .section-copy{max-width:670px}#first-leap h2{font-size:clamp(38px,4.5vw,65px)}#first-leap .section-copy>p:not(.eyebrow){color:#dce7d4;margin-top:18px;max-width:580px;font-size:15px}#first-leap .quiet-promise{padding-top:18px;margin-top:22px}#first-leap .section-wrap{display:block}
.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.build-card{padding:22px 18px;text-align:left;background:#f8fbf3e8;border:1px solid #d2dfca;border-radius:14px;box-shadow:0 10px 32px #17453009;transition:transform .2s,box-shadow .2s;min-width:0}.build-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #17453019}.build-card .mini-label{font-size:8px}.build-card h3{font-size:19px;margin:18px 0 9px}.build-card p{font-size:12px;color:#58715f}.card-action{font-size:11px;display:block;margin-top:18px;color:#366749}
.mini-tool{background:#fffefa;border:1px solid #dbe4d3;border-radius:7px;padding:12px;margin-top:17px;font-size:9px;min-height:127px;box-shadow:0 4px 10px #1b482508}.mini-tool>span{display:block;font-size:7px;letter-spacing:.05em;border-bottom:1px solid #e1e8dc;padding-bottom:10px;margin-bottom:5px;color:#6d8269}.mini-tool>div{display:flex;justify-content:space-between;gap:7px;align-items:center;line-height:1.5;padding:6px 0}.mini-tool b{font-weight:500}.mini-tool i{font-size:7px;font-style:normal;padding:3px 4px;border-radius:4px;background:#f4ecd5;color:#8c6f32}.mini-tool i.good{background:#e5eddb;color:#527c41}.mini-quote>span{display:flex;justify-content:space-between}.mini-tool strong{display:block;text-align:right;font-size:20px;margin-top:8px;font-weight:500}.grid-note{font-size:10px!important;margin-top:15px;color:#637b62}
.result-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:24px}.result-main{background:#f8fbf0ce;border:1px solid #c8dabc;border-radius:12px;padding:25px}.result-grid h3{margin:12px 0}.result-grid p{font-size:13px;color:#57705a}.result-main ul{padding-left:17px;margin:17px 0 0;font-size:12px;line-height:1.7}.result-main li{margin:7px 0}.result-lasting{padding:25px 8px}.method-line{display:flex;flex-wrap:wrap;gap:13px;border-top:1px solid #c6d6bb;margin-top:25px;padding-top:18px;font-size:10px;color:#517148}.pond-scene .scope-note{font-size:10px;max-width:850px;margin-top:18px}
#programme .heading-aside{max-width:700px;font-size:13px;margin:0}#programme h2 br{display:none}#programme h2{max-width:700px}#programme .programme-grid{grid-template-columns:1fr 1fr;gap:35px;margin-top:24px}#programme .steps button{padding:13px 0;gap:12px;align-items:center}#programme .steps button>span{padding:0;flex-basis:55px;font-size:8px}#programme .steps h3{font-size:17px}#programme .programme-pond{min-height:0;border-radius:12px;background:#edf4e5bd;padding:28px;align-self:stretch;border:1px solid #d2e0c8}#programme .programme-pond:after{display:none}#programme #stage-panel{position:static;text-align:left}#programme .programme-pond h3{font-size:29px;margin:25px 0 16px}#programme #stage-description{font-size:14px;line-height:1.8}
#people .scene-body{display:grid;grid-template-columns:1fr 1fr;gap:7%}#people .people-copy h2{margin-top:17px}#people .people-copy .body-large{font-size:16px;margin-top:0}#people .people-copy>p:last-of-type{font-size:13px;margin-top:15px}#people .people-right{padding:0}#people .audience-stories article{padding:15px 0}#people .audience-stories article:first-child{border:0;padding-top:0}#people .audience-stories h3{font-size:20px;line-height:1.3;margin:9px 0}#people .audience-stories p{font-size:12px}#people .audience-stories .eyebrow{font-size:7px}#people .audience-reassurance{padding-top:14px;margin-top:20px;font-size:12px}
#discovery .offer-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;padding:0}#discovery .offer-copy{min-height:0}#discovery h2{font-size:clamp(35px,3.7vw,55px)}#discovery .offer-copy>.body-large{font-size:15px;margin-top:25px}#discovery .offer-card{padding:24px;background:#f8fbf1e8;backdrop-filter:none}#discovery .offer-result{font-size:23px;margin-top:12px}#discovery .offer-result em{font-size:23px}#discovery .offer-result-copy{font-size:12px;margin-top:12px}#discovery .offer-price{font-size:38px;margin:16px 0 8px}#discovery .offer-location{font-size:11px}#discovery .offer-card ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin:15px 0;padding:13px 0}#discovery .offer-card li{font-size:10px;padding:2px 0 2px 15px}#discovery .offer-card .button{padding:14px 18px;font-size:12px}#discovery .fine{font-size:9px;margin-top:12px}.end-links{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;gap:20px}.end-links button{border:0;border-bottom:1px solid #8aa17a;background:none;padding:5px 0;font-size:11px}.end-links>span{color:#61775b}
/* Pads share world coordinates with their content. The foreground frog has a clear lane. */
.pond-pad{position:absolute;left:var(--pad-x,76%);top:var(--pad-y,80%);width:260px;height:80px;transform:translate(-50%,-50%);pointer-events:none}
.pond-pad .lily-pad{top:28%;height:44%;transform:rotate(-4deg);background:repeating-conic-gradient(from 8deg at 48% 50%,transparent 0deg 38deg,#c8d9a52a 39deg 40deg,transparent 41deg 58deg),radial-gradient(ellipse at 45% 35%,#a5bb78,#74965b 55%,#4f7849);box-shadow:inset 0 1px 1px #dfedb975,inset 0 -1px 1px #345c3950;clip-path:polygon(0 0,100% 0,100% 23%,54% 53%,100% 41%,100% 100%,0 100%)}
.pond-pad:before{content:'';position:absolute;left:1%;right:1%;top:56%;height:16%;border-radius:50%;background:#163e3038;filter:blur(4px);transform:rotate(-4deg)}.pond-pad:after{content:'';position:absolute;left:28%;width:44%;top:42%;height:12%;border-radius:50%;background:#173c2a55;filter:blur(3px);opacity:0}.pond-pad.occupied:after{opacity:.7}.pond-pad .water-ring{inset:18% -13% 11%;border-color:#7e9b7040;box-shadow:none;opacity:.35}.pond-pad.landed .water-ring{animation:water-settle 900ms ease-out}.pond-pad.landed .lily-pad{animation:leaf-settle 450ms ease-out}.pad-marker{position:absolute;top:88px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:#698061;white-space:nowrap}
#traveler{transition:none!important;z-index:6}#traveler .frog-shadow{display:none}.pond-direction{position:absolute;left:5.3%;right:5.3%;bottom:23px;display:flex;justify-content:space-between;font-size:10px;color:#385c41;pointer-events:none;letter-spacing:.04em}
.site-header{position:fixed;height:80px;z-index:9}.site-header .wordmark{font-size:29px}.site-header nav{gap:25px}.site-header .button.small{padding:12px 16px}.sideways-dark .site-header{color:#e7efdf}.sideways-dark .pond-direction,.sideways-dark .pad-marker{color:#dce8d1}
.journey-control .journey-arrow{background:transparent;font-size:18px;padding:6px 10px}.journey-control .journey-arrow:disabled{opacity:.25;cursor:default}.journey-control #chapter-name{min-width:170px}.journey-track{width:62px}.journey-control{gap:12px}
#examples-dialog{width:min(1080px,calc(100% - 40px));padding:35px;overscroll-behavior:contain}#examples-title{font-size:34px;margin:10px 0 18px}#examples-dialog .example-tabs{margin-bottom:28px}#examples-dialog .example-panel{gap:35px;grid-template-columns:.8fr 1.2fr;min-height:0}#examples-dialog .example-copy h3{font-size:29px}#examples-dialog .demo-window{min-height:0}#examples-dialog .example-disclaimer{font-size:10px}.overlay-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px;width:36px;height:36px}#faq-dialog{width:min(750px,calc(100% - 32px))}#faq-dialog h2{font-size:35px;margin:8px 0 25px}#faq-dialog .faq{display:block;width:100%;padding:0}#faq-dialog .faq>.eyebrow{display:none}
@media(min-width:1100px){#home .scene-body{bottom:200px}#home .hero-content{max-width:800px}.pond-scene .scene-body{bottom:280px}#discovery .offer-card ul{font-size:12px}}
@media(max-width:1000px){.pond-scene .scene-body{top:102px;bottom:260px}.pond-scene h2{font-size:36px}#home h1{font-size:48px}#home .scene-body{right:20%;bottom:195px}#home .hero-actions{gap:18px}#home .button{padding:15px 18px;font-size:12px}#home .text-link{font-size:11px}.build-grid{gap:10px;margin-top:18px}.build-card{padding:15px 12px}.build-card h3{font-size:17px}.mini-tool{padding:9px;font-size:8px}.mini-tool i{font-size:6px}.card-action{font-size:10px}.result-grid{gap:18px}.result-main{padding:20px}.result-lasting{padding:20px 0}.result-grid h3{font-size:20px}#discovery .offer-grid{gap:25px}#discovery h2{font-size:35px}#discovery .offer-card{padding:18px}#discovery .offer-result,#discovery .offer-result em{font-size:21px}#discovery .offer-card ul{grid-template-columns:1fr}#discovery .scene-body{bottom:235px}.site-header nav{gap:20px}.site-header nav>a{font-size:11px}.site-header .button.small{font-size:10px;gap:14px}.site-header .wordmark{font-size:27px}}
@media(max-width:600px){.site-header{height:65px;padding:0 22px}.site-header .wordmark{font-size:25px}.site-header nav>a:not(.button){display:none}.site-header .button.small{padding:11px;font-size:9px;gap:12px}.site-header .button.small span{font-size:15px}.pond-scene .scene-body,#home .scene-body,#discovery .scene-body{top:84px;left:22px;right:22px;bottom:230px;padding-right:3px}#home h1{font-size:38px;margin:12px 0 16px}#home h1 br:first-child{display:none}#home .lead{font-size:13px}#home .hero-facts{font-size:9px;margin-top:12px}#home .hero-facts span{padding:0 6px}#home .hero-actions{gap:12px;margin-top:17px}#home .hero-actions .button{padding:12px 13px;font-size:10px;gap:12px}#home .hero-actions .text-link{font-size:9px;gap:9px}#home .price-note{font-size:10px;margin-top:13px}#home .price-note b{font-size:18px}#home .price-note>span{font-size:8px}.pond-scene h2{font-size:31px;margin:12px 0 18px}.pond-scene .eyebrow{font-size:8px}#friction .section-copy{display:block}#friction h2{font-size:30px;margin:12px 0}#friction h2 br{display:none}#friction h2 .soft{display:block}#friction .body-large{font-size:13px;margin-top:12px}#friction .opening-pains p{padding:9px 0}#friction .opening-pains b{font-size:12px}#friction .opening-pains span{font-size:10px}#friction .opening-barrier{font-size:10px!important;margin-top:12px}#first-leap h2{font-size:35px}#first-leap .section-copy>p:not(.eyebrow){font-size:13px;margin-top:16px}.build-grid{grid-template-columns:1fr;gap:12px}.build-card{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;padding:16px}.build-card .mini-label{grid-column:1}.build-card .mini-tool{grid-column:2;grid-row:1/5;margin:0;min-height:110px}.build-card h3{font-size:17px;margin:6px 0}.build-card p{font-size:11px}.card-action{font-size:10px;margin-top:7px}.result-grid{grid-template-columns:1fr;gap:13px}.result-main{padding:20px}.result-lasting{padding:12px 0}.result-grid h3{font-size:22px}#programme .programme-grid{grid-template-columns:1fr;gap:20px;margin-top:18px}#programme .steps button{padding:11px 0}#programme .steps h3{font-size:16px}#programme .programme-pond{padding:22px}#programme .programme-pond h3{margin:13px 0}#people .scene-body{display:block}#people .people-right{margin-top:25px}#people .people-copy .body-large{font-size:14px}#people .people-copy>p:last-of-type{font-size:12px}#discovery .offer-grid{display:block}#discovery .offer-copy h2{font-size:32px}#discovery .offer-copy>.body-large{font-size:14px;margin-top:15px}#discovery .offer-card{margin-top:25px;padding:22px}#discovery .offer-result,#discovery .offer-result em{font-size:24px}.end-links{align-items:start;flex-direction:column;gap:10px}.pond-pad{width:190px;height:65px}.pad-marker{top:74px}.pond-direction{left:22px;right:22px;font-size:8px;bottom:20px}.pond-direction>span:first-child{display:none}.pond-direction>span:last-child{margin-left:auto}.journey-control{gap:5px;padding:8px 10px}.journey-control #chapter-name{min-width:0;width:125px;overflow:hidden;text-overflow:ellipsis;font-size:9px}.journey-track{width:25px}.journey-control button{padding:6px 8px}.journey-control .journey-arrow{padding:6px}.journey-control .motion-label{display:none}.journey-control .journey-number{font-size:8px}#examples-dialog{width:calc(100% - 20px);padding:25px 18px}#examples-title{font-size:27px;padding-right:15px}#examples-dialog .example-panel{grid-template-columns:1fr;gap:25px}#examples-dialog .example-tabs{gap:0;margin-bottom:22px}#examples-dialog .example-tabs button{gap:6px;padding:15px 10px 15px 0;margin-right:10px}#examples-dialog .example-tabs button span{font-size:12px}#examples-dialog .example-copy h3{font-size:26px}#examples-dialog .demo-inner{padding:20px}}
@media(max-height:700px){.pond-scene .scene-body,#home .scene-body,#discovery .scene-body{top:75px;bottom:205px}.pond-direction{bottom:16px}.site-header{height:63px}}
@media(prefers-reduced-motion:reduce){.pond-scene .scene-body,.build-card{transition:none}.pond-pad.landed .water-ring,.pond-pad.landed .lily-pad{animation:none}}
.sideways-paused .scene-body{transition:none}.sideways-paused .pond-pad *{animation:none!important}
html:not(.sideways-ready) #pond-journey{height:auto}html:not(.sideways-ready) #pond-stage{height:auto;overflow:visible}html:not(.sideways-ready) #pond-world{position:relative}html:not(.sideways-ready) #pond-world .pond-scene{position:relative;left:auto;height:auto;padding:110px 6% 60px}html:not(.sideways-ready) .pond-scene .scene-body{position:relative;inset:auto;opacity:1;visibility:visible;pointer-events:auto;overflow:visible}html:not(.sideways-ready) .pond-direction{display:none}
/* Keep the reading area calm while the same water continues underneath. */
.pond-mist{position:absolute;inset:0;background:linear-gradient(#eff5eef5 0%,#eff5eeed 50%,#eff5ee94 68%,#eff5ee00 82%);pointer-events:none}
@media(min-width:601px){
 .build-card{display:grid;grid-template-rows:10px 100px 42px 34px 16px;gap:8px;padding:14px;align-content:start}
 .build-card .mini-label,.build-card .mini-tool,.build-card h3,.build-card p,.build-card .card-action{margin:0}
 .build-card .mini-tool{min-height:0;height:100px;padding:8px}.mini-tool>span{padding-bottom:6px;margin-bottom:3px}.mini-tool>div{padding:4px 0;font-size:8px}.mini-tool strong{font-size:17px;margin-top:2px}
 .build-card h3{font-size:17px}.build-card p{font-size:11px;line-height:1.5}.build-card .card-action{font-size:10px}.grid-note{font-size:9px!important;margin-top:10px}
 .result-grid{margin-top:18px}.result-main{padding:18px}.result-grid h3{font-size:19px;margin:8px 0}.result-grid p{font-size:12px}.result-main ul{font-size:11px;margin-top:10px;line-height:1.6}.result-main li{margin:4px 0}.result-lasting{padding:18px 0}.method-line{margin-top:18px;padding-top:13px}.pond-scene .scope-note{margin-top:13px}
 #programme h2{font-size:32px;margin-bottom:13px}#programme .programme-grid{margin-top:18px}#programme .steps button{padding:10px 0}#programme .steps h3{font-size:16px}#programme .programme-pond{padding:23px}
 #people .audience-stories article{padding:12px 0}#people .audience-stories h3{font-size:18px}#people .audience-stories p{font-size:11px}
 #discovery .offer-result-copy{font-size:11px;margin-top:9px}#discovery .offer-card .button{margin-top:16px}#discovery .offer-card ul{grid-template-columns:1fr 1fr}
}
.offer-inclusions{margin-top:14px;font-size:11px}.offer-inclusions summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #d2dfc7}.offer-inclusions summary>span{font-size:16px}.offer-inclusions[open] summary>span{transform:rotate(45deg)}
.pond-backdrop{background-size:auto,cover;background-repeat:no-repeat}
#home .hero-actions{flex-direction:row;align-items:center}
#discovery .end-links{flex-direction:column;align-items:start;gap:12px;margin-top:30px}
@media(min-width:601px){
 #outcome .result-main{padding:15px}#outcome .result-grid{margin-top:12px}#outcome h2{margin-bottom:15px}#outcome .scope-note{margin-top:10px;font-size:9px;line-height:1.5}
 #builds .scene-body{padding-bottom:5px}
 #discovery .offer-card{padding:17px}#discovery .offer-price{margin-top:12px}#discovery .offer-card .button{margin-top:12px}#discovery .offer-result{margin-top:9px}#discovery .offer-inclusions{margin-top:10px}
}
@media(max-width:600px){
 #builds .build-grid{gap:10px;margin-top:15px}.build-card{grid-template-columns:1fr 112px;padding:10px 12px;gap:4px 12px}.build-card .mini-tool{height:82px;min-height:0;padding:6px;overflow:hidden}.build-card .mini-tool>span{font-size:6px;margin:0;padding-bottom:4px}.build-card .mini-tool>div{font-size:7px;padding:3px 0}.build-card .mini-tool i{font-size:6px;padding:2px}.build-card .mini-tool strong{font-size:16px;margin:0}.build-card h3{font-size:15px;margin:3px 0}.build-card p{display:none}.build-card .mini-label{font-size:7px}.build-card .card-action{font-size:9px;margin-top:3px}#builds .grid-note{display:none}
 #programme .programme-grid{grid-template-columns:74px 1fr;gap:14px}#programme .steps button{min-height:45px;gap:4px}#programme .steps button>div{display:none}#programme .steps button>span{flex-basis:auto;font-size:8px}#programme .steps button>b{font-size:14px}#programme .programme-pond{padding:18px}#programme .programme-pond h3{font-size:24px}#programme #stage-description{font-size:12px;line-height:1.7}
}
