.canopy-how-page,.canopy-how-page *{box-sizing:border-box}.canopy-how-page{color:var(--canopy-ink);background:var(--canopy-paper)}.canopy-how-page h1,.canopy-how-page h2,.canopy-how-page h3,.canopy-how-page p{color:inherit;font-family:inherit}.how-hero{position:relative;overflow:hidden;color:#fff;background:var(--canopy-forest-950)}.how-hero:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#092f27f2,#092f27b8),url(/images/canopy-homepage/knysna-mist.jpg) center / cover no-repeat;opacity:.38}.how-hero__grid{position:relative;z-index:1;display:grid;min-height:650px;grid-template-columns:minmax(0,.86fr) minmax(470px,1.14fr);gap:82px;align-items:center;padding-block:84px 98px}.how-kicker,.how-section-label{margin:0 0 17px;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.how-kicker{display:flex;gap:10px;align-items:center;color:#cadbd3!important}.how-kicker span{display:block;width:28px;height:3px;background:currentColor}.how-section-label{color:var(--canopy-forest-700)!important}.how-hero h1{max-width:620px;margin:0;color:#fff;font-size:clamp(48px,4.7vw,70px);font-weight:650;letter-spacing:-.039em;line-height:1.02}.how-hero__copy>p:not(.how-kicker){max-width:590px;margin:27px 0 0;color:#d4e1db;font-size:18px;line-height:1.62}.how-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.how-path{overflow:hidden;color:var(--canopy-ink);background:#fafcf9fa;border:1px solid rgba(255,255,255,.48);border-radius:10px;box-shadow:0 34px 80px #0000004d}.how-path__bar{display:flex;min-height:40px;align-items:center;justify-content:space-between;padding-inline:15px;color:#5d6b64;background:#eef2ee;border-bottom:1px solid #dce2dd;font-size:10px}.how-path__bar>span{display:flex;gap:5px}.how-path__bar i{display:block;width:7px;height:7px;background:#c7d0c9;border-radius:50%}.how-path__bar strong{font-weight:650}.how-path ol{margin:0;padding:24px 28px 12px;list-style:none}.how-path li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #dce2dd}.how-path li:last-child{border-bottom:0}.how-path li>span{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;color:#fff;background:var(--canopy-forest-900);border-radius:50%;font-size:12px;font-weight:700}.how-path li:not(:last-child)>span:after{position:absolute;top:28px;left:13px;z-index:-1;width:1px;height:28px;background:#bcc9c1;content:""}.how-path li div strong,.how-path li div small{display:block}.how-path li div strong{font-size:15px;font-weight:700}.how-path li div small{margin-top:3px;color:#69756f;font-size:12px}.how-path li b{color:var(--canopy-forest-700);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.how-path>p{margin:0;padding:14px 28px 17px;color:#6b7771;background:#f1f4f1;border-top:1px solid #dce2dd;font-size:11px;line-height:1.45}.how-rollout,.how-boundaries{padding:112px 0;background:var(--canopy-paper)}.how-section-heading{max-width:790px;margin-bottom:72px}.how-section-heading--wide{max-width:850px}.how-section-heading h2,.how-work h2,.how-handoffs h2,.how-roles h2{margin:0;font-size:clamp(38px,4.2vw,58px);font-weight:650;letter-spacing:-.036em;line-height:1.04}.how-section-heading>p:last-child,.how-work__header>p,.how-handoffs__grid>div>p:last-child{max-width:680px;margin:23px 0 0;color:#536159;font-size:17px;line-height:1.65}.how-rollout__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:0;padding:0;list-style:none}.how-rollout__steps li{padding-top:24px;border-top:1px solid #bfc9c2}.how-rollout__steps li>span{display:grid;width:34px;height:34px;margin-bottom:34px;place-items:center;color:#fff;background:var(--canopy-forest-900);border-radius:50%;font-size:12px;font-weight:700}.how-rollout__steps h3{margin:0;font-size:21px;font-weight:650;letter-spacing:-.02em;line-height:1.2}.how-rollout__steps p{margin:15px 0 0;color:var(--canopy-muted);font-size:15px;line-height:1.65}.how-work{padding:108px 0;color:#fff;background:var(--canopy-forest-950)}.how-work .how-section-label{color:#b9cbc2!important}.how-work__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:90px;align-items:end}.how-work__header>p{color:#c9d7d0}.how-work__track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:70px 0 0;padding:0;list-style:none;border:1px solid rgba(213,229,220,.25)}.how-work__stage{position:relative;min-height:238px;padding:30px 26px;border-right:1px solid rgba(213,229,220,.25)}.how-work__stage:last-child{border-right:0}.how-work__stage:not(:last-child):after{position:absolute;top:50%;right:-14px;z-index:2;display:grid;width:28px;height:28px;place-items:center;color:var(--canopy-forest-900);background:#dce6df;border-radius:50%;content:"→";font-size:13px;transform:translateY(-50%)}.how-work__stage>span,.how-work__stage>strong,.how-work__stage>small{display:block}.how-work__stage>span{display:flex;gap:8px;align-items:center;color:#aabfb5;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.how-work__stage>span:before{display:block;width:6px;height:6px;flex:0 0 auto;background:var(--stage-accent);border-radius:50%;content:""}.how-work__stage>strong{margin-top:48px;font-size:21px;font-weight:650;line-height:1.25}.how-work__stage>small{margin-top:18px;color:#b9cbc2;font-size:12px;line-height:1.5}.how-work__stage--source{--stage-accent: #c6531f}.how-work__stage--shape{--stage-accent: #158595}.how-work__stage--review{--stage-accent: #9db39a}.how-work__stage--publish{--stage-accent: #c49424}.how-handoffs{padding:112px 0;background:#e8ede7}.how-handoffs__grid,.how-roles__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:100px;align-items:start}.how-handoffs ul{margin:0;padding:0;list-style:none;border-top:1px solid #bdc9c1}.how-handoffs li{display:grid;grid-template-columns:145px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid #bdc9c1}.how-handoffs li strong{color:var(--canopy-forest-900);font-size:14px;font-weight:700}.how-handoffs li span{color:#506059;font-size:15px;line-height:1.55}.how-boundaries__table{border-top:1px solid #bfc9c2}.how-boundaries__future{max-width:760px;margin:26px 0 0;color:var(--canopy-muted)!important;font-size:14px;line-height:1.6}.how-boundaries__future strong{color:var(--canopy-forest-800)}.how-boundaries__row{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(130px,.45fr) minmax(300px,1.35fr);gap:38px;align-items:start;padding:22px 0;border-bottom:1px solid #d4dcd6}.how-boundaries__row span,.how-boundaries__row strong{font-size:15px;line-height:1.5}.how-boundaries__row>span:last-child{color:var(--canopy-muted)}.how-boundaries__row strong{color:var(--canopy-forest-900);font-weight:700}.how-boundaries__row--head{padding:13px 0;color:#6a766f}.how-boundaries__row--head span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.how-roles{padding:104px 0;background:#fff}.how-roles dl{margin:0}.how-roles dl>div{display:grid;grid-template-columns:minmax(165px,.52fr) minmax(0,1.48fr);gap:34px;padding:22px 0;border-top:1px solid var(--canopy-line)}.how-roles dl>div:last-child{border-bottom:1px solid var(--canopy-line)}.how-roles dt{color:var(--canopy-forest-900);font-size:15px;font-weight:700}.how-roles dd{margin:0;color:var(--canopy-muted);font-size:15px;line-height:1.6}@media(max-width:1040px){.how-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:50px}.how-handoffs__grid,.how-roles__grid{gap:65px}}@media(max-width:850px){.how-hero__grid{min-height:0;grid-template-columns:1fr;padding-block:68px 82px}.how-rollout__steps{grid-template-columns:repeat(2,1fr);row-gap:48px}.how-work__header,.how-handoffs__grid,.how-roles__grid{grid-template-columns:1fr;gap:38px}.how-work__track{grid-template-columns:repeat(2,1fr)}.how-work__stage:nth-child(2){border-right:0}.how-work__stage:nth-child(2):after{display:none}.how-work__stage:nth-child(-n+2){border-bottom:1px solid rgba(213,229,220,.25)}.how-boundaries__row{grid-template-columns:minmax(180px,.8fr) minmax(120px,.45fr) minmax(250px,1.25fr);gap:24px}}@media(max-width:620px){.how-hero h1{font-size:43px}.how-hero__actions{align-items:stretch;flex-direction:column}.how-path li{grid-template-columns:34px minmax(0,1fr)}.how-path li b{display:none}.how-rollout,.how-boundaries,.how-handoffs,.how-roles{padding:78px 0}.how-rollout__steps,.how-work__track{grid-template-columns:1fr}.how-rollout__steps li>span{margin-bottom:22px}.how-work{padding:78px 0}.how-work__stage{min-height:0;border-right:0;border-bottom:1px solid rgba(213,229,220,.25)}.how-work__stage:last-child{border-bottom:0}.how-work__stage:not(:last-child):after{top:auto;right:50%;bottom:-14px;transform:translate(50%) rotate(90deg)}.how-work__stage>strong{margin-top:24px}.how-handoffs li,.how-boundaries__row,.how-boundaries__row--head{grid-template-columns:1fr;gap:8px}.how-boundaries__row--head{display:none}.how-boundaries__row>span:first-child{font-size:13px;font-weight:650}.how-roles dl>div{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-motion:reduce){.canopy-how-page *,.canopy-how-page *:before,.canopy-how-page *:after{scroll-behavior:auto!important;transition:none!important}}