/* The process page uses editorial pacing while keeping the shared brand system. */
.how-page{overflow-x:clip}
.how-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 12%,rgba(195,244,201,.8),transparent 37%),linear-gradient(125deg,#f5f7f4,#e3f0e6)}
.how-hero::before,.how-cta::before{content:'';position:absolute;z-index:-1;right:0;bottom:0;width:clamp(440px,49vw,760px);aspect-ratio:1743/938;background:rgba(46,111,66,.075);-webkit-mask-image:url('/images/a-mark.png');mask-image:url('/images/a-mark.png');-webkit-mask-size:200% 286%;mask-size:200% 286%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.how-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.91fr);align-items:center;gap:clamp(55px,7vw,110px);min-height:660px;padding-top:70px;padding-bottom:70px}
.how-hero__copy{max-width:680px}
.how-hero .eyebrow{color:#315f3d;margin-bottom:26px}
.how-hero h1{font-size:clamp(57px,5.25vw,82px);line-height:1.01;letter-spacing:-.067em;max-width:700px;margin:0 0 27px}
.how-hero h1 em{font-style:normal;color:#346e49}
.how-hero__lead{font-size:clamp(17px,1.42vw,20px);line-height:1.55;max-width:590px;margin:0 0 34px}
.how-hero .button-row{margin:0}
.how-hero__proof{margin:0;padding:18px 18px 15px;border-radius:25px;background:linear-gradient(145deg,#2d503d,#0b2420 75%);box-shadow:0 30px 65px rgba(23,65,41,.18);min-width:0}
.how-hero__proof img{display:block;width:100%;height:auto;aspect-ratio:1469/827;object-fit:cover;border-radius:11px}
.how-hero__proof figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 4px 1px;color:#dbeee0;font-size:11px;line-height:1.4}
.how-hero__proof figcaption span{color:#bdeac7}
.how-foundation{background:linear-gradient(125deg,#254a38,#0c2621 72%,#19251f);color:#fff}
.how-foundation__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr);gap:clamp(55px,10vw,160px);align-items:end;padding-top:clamp(78px,8vw,120px);padding-bottom:clamp(78px,8vw,120px)}
.how-foundation h2{font-size:clamp(49px,5vw,78px);line-height:1.03;letter-spacing:-.06em;max-width:850px;margin:0}
.how-foundation h2 em{font-style:normal;color:#c3f4c9}
.how-foundation p{max-width:440px;margin:0 0 7px;color:#d7e9db;font-size:18px;line-height:1.65}
.how-film{background:#f2f7f3}
.how-film__grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(55px,8vw,125px);align-items:center;padding-top:clamp(80px,8vw,120px);padding-bottom:clamp(80px,8vw,120px)}
.how-film__copy .eyebrow{margin-bottom:23px;color:#376d48}
.how-film h2{font-size:clamp(48px,4.8vw,73px);line-height:1.04;letter-spacing:-.06em;max-width:500px;margin:0 0 23px}
.how-film__copy>p:last-child{font-size:18px;line-height:1.6;max-width:450px;margin:0}
.how-film__media{min-width:0}
.how-film__caption{display:flex;justify-content:space-between;gap:15px;margin:0 0 15px;color:#315d3e;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.how-film__caption span{font-weight:400;letter-spacing:0;text-transform:none}
.how-film .promo-video{border-radius:20px}
.how-flow{padding-top:clamp(76px,8vw,115px);background:#fff}
.how-flow__intro{max-width:850px;padding-bottom:clamp(28px,3vw,42px)}
.how-flow__intro h2{font-size:clamp(49px,5.3vw,78px);line-height:1.05;letter-spacing:-.06em;margin:0 0 22px}
.how-flow__intro p{font-size:18px;line-height:1.6;max-width:700px;margin:0}
.how-stage{position:relative;overflow:hidden}
.how-stage__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(55px,8vw,125px);align-items:center;padding-top:clamp(75px,8vw,115px);padding-bottom:clamp(75px,8vw,115px)}
.how-stage--discover .how-stage__inner{padding-top:clamp(35px,4vw,55px)}
.how-stage__copy{max-width:590px}
.how-stage__name{display:block;color:#376d48;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:23px}
.how-stage h3{font-size:clamp(43px,4.4vw,68px);line-height:1.05;letter-spacing:-.058em;margin:0 0 25px}
.how-stage__copy>p{font-size:17px;line-height:1.65;margin:0 0 28px;max-width:570px}
.how-stage__points{display:grid;grid-template-columns:1fr 1fr;gap:15px 28px;border-top:1px solid #bcd3c1;padding-top:25px;margin:0 0 34px;list-style:none}
.how-stage__points li{font-size:13px;line-height:1.5;color:#33483a}
.how-stage__points strong{display:block;font-size:14px;color:#182a1d;margin-bottom:5px}
.how-stage .editorial-link{font-size:13px}
.how-case{margin:0;padding:clamp(38px,5vw,70px);border-radius:24px;background:radial-gradient(circle at 92% 10%,rgba(195,244,201,.23),transparent 44%),linear-gradient(135deg,#e7f3e9,#f4f7f4);border:1px solid #cfe2d3;min-height:480px;display:flex;flex-direction:column;justify-content:space-between}
.how-case small{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#416d4d;font-weight:700}
.how-case strong{display:block;font-weight:400;letter-spacing:-.05em;line-height:1.16;font-size:clamp(27px,2.6vw,39px);max-width:570px}
.how-case p{font-size:14px;line-height:1.55;max-width:540px;margin:25px 0 0;color:#3e5545}
.how-stage--implement{background:#e9f3eb}
.how-stage--implement .how-stage__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.how-report{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;padding:37px 38px 20px;border-radius:25px;background:linear-gradient(150deg,#d4ead9,#e8f2ea);border:1px solid #c9ddce}
.how-report img{display:block;width:min(100%,510px);height:540px;object-fit:cover;object-position:top;background:#fff;border-radius:11px 11px 0 0;box-shadow:0 19px 39px rgba(19,58,34,.16)}
.how-report figcaption{font-size:11px;line-height:1.5;text-align:center;color:#375443;padding-top:18px}
.how-stage--monitor{background:linear-gradient(133deg,#254b39,#0b2420 75%);color:#fff}
.how-stage--monitor .how-stage__inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.how-stage--monitor .how-stage__name{color:#c3f4c9}
.how-stage--monitor .how-stage__copy>p{color:#d6e8d9}
.how-stage--monitor .editorial-link{color:#c3f4c9}
.how-signals{border-top:1px solid rgba(195,244,201,.48)}
.how-signals__row{display:grid;grid-template-columns:minmax(125px,.45fr) minmax(0,1fr);gap:30px;padding:28px 0;border-bottom:1px solid rgba(195,244,201,.36)}
.how-signals__row span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#bce5c4}
.how-signals__row strong{font-size:clamp(20px,2vw,29px);font-weight:400;line-height:1.25;letter-spacing:-.035em}
.how-deliver{background:#fff;padding-top:clamp(85px,9vw,135px);padding-bottom:clamp(85px,9vw,135px)}
.how-deliver__head{max-width:760px;margin-bottom:55px}
.how-deliver h2{font-size:clamp(46px,5vw,74px);line-height:1.06;letter-spacing:-.06em;margin:0 0 21px}
.how-deliver__head p{font-size:17px;line-height:1.6;margin:0}
.how-deliver__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c7d7ca}
.how-deliver__grid article{padding:27px 28px 5px 0;min-height:190px}
.how-deliver__grid article+article{border-left:1px solid #c7d7ca;padding-left:28px}
.how-deliver__grid h3{font-size:clamp(22px,2vw,29px);line-height:1.17;letter-spacing:-.04em;margin:0 0 12px}
.how-deliver__grid p{font-size:14px;line-height:1.55;margin:0;color:#415346}
.how-deliver__link{display:inline-block;margin-top:35px}
.how-cta{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(195,244,201,.95),transparent 45%),linear-gradient(125deg,#e9f5eb,#d0ecd6);width:min(calc(100% - 40px),1460px);margin:20px auto;border-radius:22px}
.how-cta::before{right:1%;background:rgba(46,111,66,.09)}
.how-cta__inner{position:relative;z-index:1;padding-top:clamp(70px,7vw,105px);padding-bottom:clamp(70px,7vw,105px)}
.how-cta h2{font-size:clamp(47px,5vw,76px);line-height:1.06;letter-spacing:-.06em;max-width:850px;margin:0 0 21px}
.how-cta p{font-size:18px;line-height:1.55;max-width:600px;margin:0 0 34px}
.how-cta .button--primary{background:#231f20;color:#fff}
.how-cta .button--primary:hover{background:#3d3939}
@media(max-width:1000px){.how-hero__grid{grid-template-columns:1fr 1fr;gap:35px}.how-hero h1{font-size:clamp(48px,5.4vw,65px)}.how-foundation__inner{grid-template-columns:1fr .8fr}.how-stage__inner,.how-stage--implement .how-stage__inner,.how-stage--monitor .how-stage__inner{gap:40px}.how-deliver__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-deliver__grid article{border-bottom:1px solid #c7d7ca}.how-deliver__grid article:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:900px){.how-hero__grid,.how-foundation__inner,.how-film__grid,.how-stage__inner,.how-stage--implement .how-stage__inner,.how-stage--monitor .how-stage__inner{grid-template-columns:1fr}.how-hero__grid{min-height:0;gap:47px;padding-top:66px;padding-bottom:65px}.how-hero h1{font-size:clamp(48px,9vw,68px)}.how-hero__proof{max-width:720px}.how-foundation__inner{gap:27px}.how-foundation p{max-width:620px}.how-film__grid{gap:38px}.how-film__copy>p:last-child{max-width:680px}.how-stage--implement .how-report{order:2}.how-stage--implement .how-stage__copy{order:1}.how-case{min-height:360px}.how-stage__inner{padding-top:76px;padding-bottom:76px}.how-deliver__grid article{min-height:165px}}
@media(max-width:560px){.how-hero__grid{padding-top:55px;gap:36px}.how-hero h1{font-size:clamp(45px,11.4vw,57px)}.how-hero__lead{font-size:16px}.how-hero__proof{padding:10px 10px 11px;border-radius:18px}.how-hero__proof figcaption{display:block;font-size:10px;padding:11px 3px 0}.how-hero__proof figcaption span{display:block;margin-top:3px}.how-hero::before,.how-cta::before{right:-35px;width:330px;background:rgba(46,111,66,.055);-webkit-mask-size:170% 244%;mask-size:170% 244%;-webkit-mask-position:55% center;mask-position:55% center}.how-foundation h2,.how-flow__intro h2,.how-deliver h2{font-size:clamp(42px,10.5vw,54px)}.how-foundation p,.how-flow__intro p,.how-deliver__head p,.how-cta p{font-size:16px}.how-stage h3{font-size:clamp(42px,10.5vw,54px)}.how-stage__points{grid-template-columns:1fr;gap:18px}.how-case{padding:30px;min-height:390px}.how-case strong{font-size:28px}.how-report{padding:18px 18px 15px}.how-report img{height:390px}.how-signals__row{grid-template-columns:1fr;gap:9px;padding:20px 0}.how-deliver__grid{grid-template-columns:1fr}.how-deliver__grid article,.how-deliver__grid article+article{border-left:0;padding:22px 0;min-height:0}.how-cta{width:calc(100% - 16px);margin:8px auto;border-radius:18px}.how-cta h2{font-size:clamp(42px,10.5vw,54px)}}
@media(prefers-reduced-motion:no-preference){.how-hero__proof,.how-report{transition:transform .25s ease,box-shadow .25s ease}.how-hero__proof:hover,.how-report:hover{transform:translateY(-3px)}}