@font-face{font-family:Display;font-weight:760;font-display:swap;src:url('assets/anwa-display.woff')}@font-face{font-family:Manrope;font-display:swap;src:url('assets/manrope.woff');font-weight:200 800}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1a3329;background:#fff;font-family:Manrope,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #97c03e;outline-offset:5px}.symbols{position:absolute;overflow:hidden}.skip{position:absolute;top:-60px}.skip:focus{top:8px;background:#fff;z-index:20}header{height:112px;display:flex;align-items:center;gap:28px;max-width:1600px;margin:auto;padding:0 5vw}.logo{width:143px;display:block}.logo img{width:100%;height:auto;display:block}.descriptor{font-size:12px;border-left:1px solid #d6ded8;padding-left:24px}.nav{margin-left:auto;font-size:13px}.contact{margin-left:auto;border:0;background:#1a3329;color:white;border-radius:40px;padding:15px 21px;font-size:12px}.contact span{padding-left:15px}.hero{max-width:1600px;margin:25px auto 0;padding:0 0 32px 5vw;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:680px;overflow:hidden}.intro{padding-right:40px;padding-bottom:50px}.eyebrow{font-size:13px;display:flex;align-items:center;gap:9px;margin:0 0 27px}.eyebrow i{height:7px;width:7px;border-radius:50%;background:#97c03e}h1{font-family:Display,sans-serif;font-weight:760;font-size:clamp(42px,4.5vw,76px);letter-spacing:-.05em;line-height:1.05;margin:0 0 31px}.explain{font-size:16px;line-height:1.75;max-width:390px;color:#52665a;margin:0 0 32px}.discover{display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #1a3329;padding-bottom:12px;font-size:13px;font-weight:650}.discover span{font-size:23px}.showcase{min-width:0;align-self:center;scroll-margin-top:20px}.viewport{overflow:hidden;padding:12px 0 0 0;touch-action:pan-y}.track{display:flex;gap:22px;transition:transform 650ms cubic-bezier(.77,0,.175,1);will-change:transform}.offer{position:relative;flex:0 0 86%;min-width:0;height:634px;border-radius:12px;overflow:hidden;padding:34px 36px;isolation:isolate}.sprint{background:#ed4c35;color:#082016}.performance{background:#194bc6;color:#fff}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.card-dot{height:9px;width:9px;border:1px solid currentColor;border-radius:50%}.offer h2{position:relative;z-index:2;font-family:Display,sans-serif;font-size:clamp(42px,4.6vw,70px);line-height:1.06;letter-spacing:-.04em;margin:32px 0 18px;font-weight:760}.period{color:inherit}.promise{position:relative;z-index:2;font-size:17px;line-height:1.45;letter-spacing:-.3px;margin:0}.card-bottom{position:absolute;left:36px;right:36px;bottom:28px;z-index:3}.card-bottom p{font-size:12px;line-height:1.7;margin:0 0 18px}.card-bottom .offer-discover{width:100%;border:0;border-top:1px solid #08201655;padding:16px 0 0;background:none;color:inherit;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650}.card-bottom .offer-discover span{font-size:25px;line-height:1}.performance .card-bottom .offer-discover{border-color:#ffffff60}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 7vw 0 0}.tabs{display:flex;gap:18px}.tabs button{font-size:11px;padding:9px 0;border:0;background:none;color:#647069;position:relative}.tabs .selected{color:#1a3329;font-weight:750}.tabs .selected:after{content:'';height:2px;width:100%;border-radius:2px;background:#1a3329;position:absolute;bottom:0;left:0}.arrows{display:flex;gap:7px}.arrows button{border:1px solid #dde3dd;width:44px;height:44px;border-radius:50%;background:#fff;color:#1a3329;font-size:17px}#pause{font-size:12px;border:0}dialog{border:0;border-radius:18px;padding:42px;max-width:550px;width:calc(100% - 32px);color:#1a3329}dialog::backdrop{background:#10251bcc;backdrop-filter:blur(5px)}dialog h2{font-family:Display;font-size:43px;letter-spacing:-2px;margin:0 0 20px}dialog p,dialog li{font-size:14px;line-height:1.8}dialog ul{padding-left:20px}.close{position:absolute;right:17px;top:10px;border:0;background:none;font-size:30px}.shared{background:#f1f6f0;padding:15px}.close-bottom{border:0;background:#1a3329;color:white;border-radius:30px;padding:13px 20px}@media(hover:hover) and (pointer:fine){.offer button:hover span{transform:translate(3px,-3px)}}.offer button span{transition:transform 160ms ease-out}@media(min-width:1550px){.hero{padding-left:80px}.controls{padding-right:85px}}@media(max-width:1000px){header{gap:18px}.descriptor{display:none}.hero{grid-template-columns:45% 55%;min-height:600px}.offer{padding:28px;height:600px}.offer h2{font-size:48px}.card-bottom{left:28px;right:28px}.tabs{gap:12px}.controls{padding-right:20px}.explain{font-size:13px}.contact{font-size:11px}}@media(max-width:700px){header{height:83px;padding:0 22px;justify-content:space-between}.logo{width:112px}.nav{display:none}.contact{padding:11px 14px;font-size:10px}.contact span{padding-left:5px}.hero{display:block;padding:17px 0 30px 24px;margin:0;min-height:0}.intro{padding:0 24px 30px 0}.eyebrow{font-size:11px;margin-bottom:19px}h1{font-size:clamp(37px,8.8vw,60px);margin-bottom:19px;letter-spacing:-.055em}.explain{font-size:13px;line-height:1.7;margin-bottom:18px;max-width:350px}.discover{font-size:12px;padding-bottom:8px}.offer{flex-basis:90%;height:560px;padding:25px}.offer h2{font-size:49px;margin-top:28px}.promise{font-size:16px}.card-bottom{left:25px;right:25px;bottom:23px}.track{gap:15px}.controls{padding:18px 24px 0 0;gap:4px}.tabs{gap:10px}.tabs button{font-size:10px}.arrows{gap:3px}.arrows button{width:44px;height:44px}dialog{padding:32px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{transition:none}.offer button span{transition:none}}@media(hover:hover) and (pointer:fine){.contact:hover{background:#294b38}.arrows button:hover{background:#edf4e9;color:#103b30}}

/* One shared illustration area makes both offers part of the same family. */
.method-art{position:absolute;left:36px;right:36px;top:277px;height:210px;pointer-events:none}
.method-art svg{width:100%;height:100%;overflow:visible}
.brand-form{fill:#fff}
.river-form{fill:none;stroke:#cfdfef;stroke-width:43;stroke-linecap:round}
.motion-route{fill:none;stroke:#97c03e;stroke-width:1.2;opacity:.65}
.guide-point{fill:#b8e54c}
.card-bottom .method-note{font-size:13px;line-height:1.5;margin:0 0 22px}
.method-note span{display:block;font-size:10px;letter-spacing:.01em;opacity:.75;margin-bottom:5px}
.track.instant{transition:none}
@media(max-width:1000px){.method-art{left:28px;right:28px;top:258px;height:218px}.intro{padding-right:28px}}
@media(max-width:700px){.intro{padding-right:24px;padding-bottom:28px}.explain{font-size:14px;max-width:370px}.method-art{left:25px;right:25px;top:247px;height:185px}.controls{flex-wrap:wrap;row-gap:9px}.tabs{gap:18px}.tabs button{min-height:44px}.arrows{margin-left:auto}.offer h2{font-size:clamp(40px,11vw,49px)}.card-bottom .method-note{font-size:12px}}

/* One continuous vector scene spans both cards. */
.track{position:relative;transition:none;isolation:isolate}
.journey{position:absolute;left:0;top:0;z-index:4;overflow:visible;pointer-events:none}
.journey-a{fill:#E2EAE5}

.journey-line{fill:none;stroke:#7E9F30;stroke-width:2;stroke-linecap:round}
.journey-point{fill:#A2CA3A}

/* The river is a signature; the working relationship leads the cards. */
.working-method{position:relative;z-index:5;margin:24px 0 0;font-size:12px;line-height:1.5}
.working-method>div{display:grid;grid-template-columns:108px 1fr;gap:12px;padding:10px 0;border-top:1px solid #08201630}
.working-method dt{font-size:10px;align-self:center;opacity:.8}
.working-method dd{margin:0;font-weight:600}
.performance .working-method>div{border-color:#ffffff40}
@media(max-width:1000px){.working-method>div{grid-template-columns:86px 1fr;gap:8px}.working-method{font-size:11px}}
@media(max-width:700px){.working-method{margin-top:20px}.working-method>div{padding:9px 0;grid-template-columns:88px 1fr}.working-method dt{font-size:10px}}

/* Keep the deeper logo-derived arches clear of the offer CTA. */
.offer{height:674px}
@media(max-width:1000px){.offer{height:640px}}
@media(max-width:700px){.offer{height:600px}}

.journey-river{fill:none;stroke:#E2EAE5;stroke-linecap:butt;stroke-linejoin:round}

/* Refined hierarchy: a quiet introduction and two expressive offer panels. */
.intro{padding-right:clamp(28px,4vw,70px);padding-bottom:35px}
.intro h1{font-size:clamp(42px,4.35vw,70px);font-weight:680;letter-spacing:-.055em;line-height:1.09;margin-bottom:29px}
.explain{max-width:365px;font-size:15px;line-height:1.8;color:#52665a;margin-bottom:30px}
.explain strong{display:block;color:#1a3329;font-weight:650;margin:13px 0 4px}
.card-top{font-size:11px;line-height:1.5;gap:12px}
.card-category{font-size:10px;white-space:nowrap;border:1px solid currentColor;border-radius:30px;padding:5px 9px;opacity:.8}
.offer h2{font-size:clamp(40px,4.1vw,64px);font-weight:730;line-height:1.02;letter-spacing:-.045em;margin:31px 0 19px}
.promise{font-size:17px;line-height:1.5;letter-spacing:-.35px}
.working-method{margin-top:25px;font-size:12px;line-height:1.55}
.working-method>div{grid-template-columns:90px 1fr;gap:12px;padding:12px 0}
.working-method dt{font-size:11px;align-self:start;padding-top:1px;opacity:.85}
.working-method dd{font-weight:500;letter-spacing:-.1px}
.card-bottom .offer-discover{font-size:13px;font-weight:650;padding-top:18px}
.card-bottom .offer-discover span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:17px}
@media(min-width:701px) and (max-width:1000px){
.intro{padding-right:28px}.intro h1{font-size:clamp(35px,4.3vw,44px)}
.explain{font-size:13px}.offer h2{font-size:clamp(33px,4.5vw,44px)}
.card-category{display:none}.working-method>div{grid-template-columns:75px 1fr;gap:7px}.working-method{font-size:10.5px}.working-method dt{font-size:10px}
}
@media(max-width:700px){
.intro{padding:0 26px 34px 0}.intro h1{font-size:clamp(36px,9.1vw,58px);line-height:1.07;margin-bottom:23px}
.explain{font-size:14px;line-height:1.7;max-width:355px;margin-bottom:24px}.explain strong{margin-top:11px}
.offer h2{font-size:clamp(36px,10.5vw,49px);margin:27px 0 17px}.promise{font-size:16px}
.working-method{margin-top:21px;font-size:11px}.working-method>div{grid-template-columns:78px 1fr;gap:9px;padding:10px 0}.working-method dt{font-size:10px}
.card-top{font-size:10px}.card-category{font-size:9px;padding:4px 7px}
}
@media(max-width:370px){.card-category{display:none}.working-method>div{grid-template-columns:65px 1fr;gap:7px}.working-method{font-size:10px}.working-method dt{font-size:9px}}

/* Expert-led service connected to its shared workspace. */
.card-top{flex-wrap:wrap;row-gap:5px;font-size:11px}
.duration{font-size:11px;white-space:nowrap;opacity:.8}
.offer .promise{font-size:clamp(16px,1.4vw,19px);line-height:1.5;min-height:3em;letter-spacing:-.3px}
.augmented-pair{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:start;position:relative;z-index:5;margin-top:24px;padding-top:16px;border-top:1px solid #08201635;max-width:360px}
.performance .augmented-pair{border-color:#ffffff45}
.augmented-pair>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.augmented-pair svg{display:block;width:90px;height:48px;max-width:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.augmented-pair .expert-side svg{width:48px}
.augmented-pair .signal{fill:#A2CA3A;stroke:none}
.augmented-pair .front-sheet{fill:#ed4c35}.performance .augmented-pair .front-sheet{fill:#194bc6}
.augmented-pair .grid-lines{opacity:.4}.augmented-pair .task-bars{stroke-width:4;stroke:#A2CA3A}
.augmented-pair .pair-title{font-size:14px;font-weight:600;line-height:1.45;letter-spacing:-.25px;text-align:left}
.pair-title small{display:block;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;margin-top:4px;opacity:.8}
.pair-link{position:relative;margin-top:24px;height:1px;background:currentColor;opacity:.4;transform:translateX(-12px);width:calc(100% + 18px)}
.pair-link:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:currentColor}
@media(min-width:701px) and (max-width:1000px){.augmented-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.augmented-pair .pair-title{font-size:13px}.pair-title small{font-size:11px}.card-top{font-size:11px;gap:5px 8px}.duration{font-size:11px}}
@media(max-width:700px){.offer .promise{font-size:17px}.augmented-pair{padding-top:14px}.duration{font-size:11px}.card-top{font-size:11px}}
@media(max-width:370px){.augmented-pair{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.augmented-pair .pair-title{font-size:13px}.pair-title small{font-size:11px}.card-top{font-size:11px;gap:5px 8px}.duration{font-size:11px}}

/* The link starts and ends at the actual SVG signal centres. */
.augmented-pair .signal{fill:#A2CA3A}
.augmented-pair .pair-link{position:absolute;left:var(--link-x,0px);top:var(--link-y,0px);width:var(--link-width,0px);height:1.5px;margin:0;background:#A2CA3A;opacity:1;transform:translateY(-50%) scaleX(0);transform-origin:left center;pointer-events:none}
.augmented-pair .pair-link:after{display:none}
.augmented-pair.link-arrived .pair-link{animation:expert-connect 1800ms cubic-bezier(.4,0,.2,1) 350ms both}
@keyframes expert-connect{from{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}
@media(prefers-reduced-motion:reduce){.augmented-pair .pair-link,.augmented-pair.link-arrived .pair-link{animation:none;transform:translateY(-50%) scaleX(1)}}

.augmented-pair .expert-side{grid-column:1}.augmented-pair .platform-side{grid-column:3}.augmented-pair .platform-side svg{width:89.6px}

/* A moving point replaces the permanent connection. */
.augmented-pair .pair-link{display:none}
.platform-side .signal{opacity:0}
.travelling-signal{position:absolute;border-radius:50%;background:#A2CA3A;pointer-events:none;z-index:3}
.signal-trail{position:absolute;width:120px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(162,202,58,0) 0%,rgba(162,202,58,.2) 22%,rgba(162,202,58,.7) 64%,#A2CA3A 100%);transform-origin:center;pointer-events:none;z-index:2}

.arrow-icon{width:20px;height:20px;display:block;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact span{display:inline-flex;vertical-align:middle}.discover span{display:inline-flex}.arrows button{display:flex;align-items:center;justify-content:center}.card-bottom .offer-discover .arrow-icon{width:18px;height:18px}
.journey-point{opacity:1}

.intro h1 .headline-lime{color:#78951f}

.scroll-stage{position:relative;min-width:0}
.scroll-stage.is-pinned>.hero,.scroll-stage.is-pinned>.showcase{position:sticky;top:var(--pin-top,12px);margin-top:0}
.scroll-stage>.hero{width:100%}
.scroll-stage.is-pinned .track{transition:none}
.scroll-skip{display:block;width:max-content;margin:0 0 0 auto;padding:14px 26px;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#52665a}
::selection{background:#a2ca3a;color:#102f26}

@media(max-width:700px){.scroll-stage{width:100%}.scroll-skip{font-size:12px;padding:14px 0}.scroll-stage.is-pinned>.showcase{background:#fff;padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.scroll-stage.is-pinned>.hero,.scroll-stage.is-pinned>.showcase{position:static}.scroll-skip{display:none}}

.hero:has(.scroll-stage.is-pinned){overflow:visible}
main{overflow-x:clip}

/* One offer window. Keep the approved heights, narrow only the width. */
.showcase{width:78%;min-width:0}
.viewport{width:100%;overflow:hidden}
.offer{flex:0 0 100%}
.controls{padding-right:0;flex-wrap:wrap;row-gap:12px}
.scroll-skip{padding-right:0}
@media(min-width:701px) and (max-width:1000px){.showcase{width:86%}}
@media(max-width:700px){.showcase{width:84%}.controls{gap:8px}.tabs{gap:12px}.arrows{margin-left:auto}}

/* A viewport-sized scene stays in place until the guided sequence completes. */
html{scrollbar-gutter:stable}
.motion-stage{position:relative;min-width:0}
.motion-pin{position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.motion-pin>.hero{width:100%;margin:0;flex-shrink:0}
.motion-pin>.showcase{flex-shrink:0}
.motion-pin .track{transition:none}
.hero:has(.motion-stage){overflow:visible}
@media(max-width:700px){.motion-stage{width:100%}.motion-pin{justify-content:flex-start}.motion-pin>.showcase{transform-origin:left center!important}}
@media(prefers-reduced-motion:reduce){.motion-pin{position:static;height:auto!important}.motion-stage{height:auto!important}.motion-pin>.hero,.motion-pin>.showcase{transform:none!important}}

/* Audit correction: retain readable sizes; no whole-scene scaling. */
.motion-pin{position:relative;overflow:visible;min-width:0}
.early-proof{display:block;margin-top:24px;font-size:13px;color:#31573b;text-underline-offset:5px}
.booking{display:inline-flex;align-items:center;gap:28px;padding:15px 22px;background:#b3dd42;color:#102f26;border-radius:4px;text-decoration:none;font-size:14px;font-weight:650}
.booking:focus-visible{outline:3px solid currentColor;outline-offset:5px}
dialog .booking{margin:15px 0}dialog .close-bottom{display:block}
@media(max-width:700px){.early-proof{font-size:13px}.contact{font-size:12px}}

/* Match the actual static display font; size and spacing provide hierarchy. */
h1,.offer h2{font-weight:760}
.detail-functions{font-size:14px;line-height:1.6;border-block:1px solid #d6ded8;padding:16px 0;color:#31573b}
/* Preserve the vertical composition instead of squeezing it to viewport height. */
@media(min-width:1001px){.showcase{width:min(78%,460px)}}

/* Fit the complete card and controls through layout, not a transform scale. */
.hero{min-height:0;align-items:start;padding-bottom:0}
.intro{align-self:center}
.offer{height:clamp(520px,calc(100svh - 132px),674px);padding:26px 30px}
.offer h2{font-size:clamp(38px,3.5vw,54px);margin:20px 0 14px;line-height:1.02}
.offer .promise{font-size:17px;line-height:1.4;min-height:2.8em}
.augmented-pair{margin-top:18px;padding-top:12px}
.augmented-pair>div{gap:6px}
.augmented-pair svg{height:42px}
.card-bottom{left:30px;right:30px;bottom:22px}
.controls{padding-top:12px;row-gap:4px}
.scroll-skip{padding-top:8px;padding-bottom:8px}
@media(min-width:701px) and (max-height:780px){.intro h1{font-size:clamp(36px,3.7vw,56px)}.intro{padding-bottom:0}.intro .explain{margin-bottom:18px}.early-proof{margin-top:18px}.offer h2{font-size:48px}}
@media(min-width:701px) and (max-width:1000px){.offer{padding:24px}.offer h2{font-size:38px}.card-bottom{left:24px;right:24px}}
@media(max-width:700px){.offer{padding:24px;height:clamp(500px,calc(100svh - 160px),600px)}.offer h2{font-size:clamp(36px,10vw,45px)}.card-bottom{left:24px;right:24px}.controls{gap:6px}.tabs{gap:10px}}