.how-header nav a{position:relative}.how-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--green)}.how-page{background:#fbf9f4}.how-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;max-width:1380px;min-height:530px;margin:auto;padding:62px 54px 45px}.how-hero-copy{align-self:center}.how-hero h1{margin:15px 0 22px;font:400 58px/1.04 var(--serif);letter-spacing:-.04em}.how-hero h1 i{color:var(--green);font-weight:400}.how-hero-copy>p{max-width:560px;color:#385d65;font-size:14px;line-height:1.7}.how-promises{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;color:#42656a;font-size:9px;font-weight:700}.journey-visual{position:relative;min-height:420px}.journey-visual article{position:absolute;z-index:3}.journey-visual small,.journey-visual b{display:block}.journey-visual small{color:#456b70;font-size:7px;font-weight:900;letter-spacing:.07em}.journey-visual b{margin-top:4px;color:#496a70;font-size:8px;line-height:1.45}.journey-data{left:0;top:25px}.journey-data>div{display:grid;grid-template-columns:24px 1fr;gap:8px;width:145px;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 25px rgba(4,54,66,.08)}.journey-data i{display:grid;place-items:center;width:12px;height:12px;border:1px solid #7ea092;border-radius:50%;font-size:7px;font-style:normal}.journey-data i.checked{background:var(--deep);color:#fff}.journey-data span{height:3px;margin-top:4px;background:#dce2dc}.journey-analysis{left:100px;bottom:40px;display:flex;align-items:center;gap:12px}.molecule-mark{display:grid;place-items:center;width:80px;height:80px;border:1px solid #abc2b7;border-radius:50%;color:#3e7b6c;font-size:40px}.journey-formula{position:absolute;z-index:4;right:115px;top:92px;display:grid;place-items:center;width:150px;height:210px;border-radius:50% 50% 29% 29%;background:linear-gradient(145deg,#0d5d61,#07313f);color:#fff;text-align:center;font:400 19px/1.1 var(--serif);box-shadow:0 25px 32px rgba(3,56,70,.25)}.journey-formula:before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.25);border-radius:47% 47% 26% 26%}.journey-formula i{position:absolute;width:10px;height:10px;border-radius:50%;background:#8ead9d;box-shadow:22px -18px 0 #e98c6f,42px 7px 0 #dfe5dc,68px -13px 0 #91b19f}.journey-formula i:nth-of-type(1){top:-18px;left:20px}.journey-formula i:nth-of-type(2){top:-42px;left:60px;transform:scale(.7)}.journey-formula i:nth-of-type(3){top:-20px;right:10px;transform:scale(.5)}.journey-formula i:nth-of-type(4){top:30px;left:-20px;transform:scale(.8)}.journey-formula i:nth-of-type(5){top:25px;right:-22px}.journey-review{right:0;top:125px;display:flex;align-items:center;gap:9px}.journey-review>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9eb7ad;border-radius:50%;font-size:18px}.journey-follow{right:25px;bottom:0;width:165px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 25px rgba(4,54,66,.08)}.trend-line,.long-trend{display:block;height:28px;margin-top:8px;border-bottom:1px solid #7ca896;background:linear-gradient(150deg,transparent 48%,#7ca896 49% 51%,transparent 52%)}.journey-visual svg{position:absolute;inset:0;width:100%;height:100%}.journey-visual svg path{fill:none;stroke:#9db4ab;stroke-width:1;stroke-dasharray:4 4}.how-step-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:35px max(54px,calc((100vw - 1272px)/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f3ec}.how-step-strip article{position:relative;padding:10px 35px;text-align:center;border-right:1px solid var(--line)}.how-step-strip article:last-child{border:0}.how-step-strip article>b{position:absolute;left:0;top:20px;font:400 18px var(--serif)}.how-step-strip article>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:1px solid #cfd9d2;border-radius:50%;font-size:22px}.how-step-strip h2{margin:14px 0 7px;font:400 19px/1.05 var(--serif)}.how-step-strip p{color:#5c7478;font-size:9px;line-height:1.5}.how-detail{display:grid;grid-template-columns:.8fr 1fr .9fr;gap:55px;align-items:center;min-height:390px;padding:55px max(70px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line)}.how-detail.reverse{grid-template-columns:1.1fr .9fr}.detail-copy h2{margin:15px 0;font:400 34px/1.08 var(--serif)}.detail-copy>p{color:#4f6c72;font-size:10px;line-height:1.6}.detail-number{font:400 44px var(--serif);color:#1c665c}.detail-number small{font:900 7px var(--sans);letter-spacing:.1em}.detail-checks,.mini-checks{list-style:none;padding:0}.detail-checks li,.mini-checks li{position:relative;margin:11px 0;padding-left:23px;color:#48666c;font-size:9px}.detail-checks li:before,.mini-checks li:before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:14px;height:14px;border:1px solid #6e9c8a;border-radius:50%;color:#267063;font-size:8px}.questionnaire-card,.review-document{padding:20px;border:1px solid #cfdad3;border-radius:10px;background:#fff;box-shadow:0 15px 28px rgba(3,56,70,.08)}.questionnaire-card header{display:flex;justify-content:space-between;gap:10px}.questionnaire-card header b,.questionnaire-card header small{display:block;font-size:9px}.questionnaire-card header small{margin-top:4px;color:#748a8a;font-size:7px}.questionnaire-card header>span{display:grid;place-items:center;width:45px;height:45px;border:7px solid #8eb2a2;border-right-color:#e7ece7;border-radius:50%;font-size:8px}.questionnaire-card>i{display:block;height:4px;margin:13px 0;background:linear-gradient(90deg,#2d7769 65%,#e0e5e0 65%)}.questionnaire-card p,.review-document p{color:#587277;font-size:8px}.analysis-diagram{position:relative;min-height:280px}.analysis-diagram .data-dots{position:absolute;left:0;top:25px;width:100px;height:80px;background:radial-gradient(circle,#6c9989 3px,transparent 4px) 0 0/18px 18px}.analysis-diagram>i{position:absolute;left:115px;top:65px;width:90px;border-top:1px solid #95ada4}.analysis-diagram article{position:absolute;right:0;top:20px;width:180px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 25px rgba(4,54,66,.07)}.analysis-diagram article b{font:400 14px var(--serif)}.analysis-diagram article p{padding:7px;margin:7px 0 0;border:1px solid #e2e6e2;border-radius:5px;color:#587277;font-size:8px}.analysis-diagram article.explainable{left:20px;right:auto;top:auto;bottom:0}.detail-three{grid-template-columns:1fr .8fr .55fr}.review-document>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5eee8}.review-document>b,.review-document>small{display:block}.review-document>b{margin-top:9px;font:400 15px var(--serif)}.review-document>small{color:#718788;font-size:7px}.signature{margin-top:15px;padding-top:11px;border-top:1px solid var(--line);font:italic 13px var(--serif)}.signature i{float:right;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#4d8b78;color:#fff}.approved-formula{display:grid;place-items:center;height:170px;border-radius:45% 45% 28% 28%;background:linear-gradient(145deg,#0c5960,#07313f);color:#fff;text-align:center;font:400 17px var(--serif);box-shadow:0 18px 28px rgba(3,56,70,.2)}.production-flow{display:grid;gap:25px}.production-icons{display:flex;align-items:center;justify-content:space-between}.production-icons span{display:grid;place-items:center;gap:5px;width:55px;height:55px;border:1px solid #cfdad3;border-radius:50%;font-size:17px}.production-icons small{font-size:7px}.production-icons i{color:#8da39b;font-style:normal}.production-flow article{padding:18px;border:1px solid var(--line);border-radius:9px;background:#fff}.production-flow article b{font:400 15px var(--serif)}.production-flow article p{display:inline-block;margin:12px 15px 0 0;color:#577276;font-size:8px}.how-safety{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:0;padding:45px max(54px,calc((100vw - 1272px)/2));background:linear-gradient(120deg,#063846,#07545a);color:#fff}.how-safety>div,.how-safety article{padding:10px 28px;border-right:1px solid rgba(255,255,255,.16)}.how-safety article:last-child{border:0}.how-safety .kicker{color:#9bc3af}.how-safety h2{margin:10px 0 0;font:400 20px/1.2 var(--serif)}.how-safety article>span{font-size:25px;color:#9bc3af}.how-safety article b{display:block;margin:12px 0 5px;font-size:9px}.how-safety article p{margin:0;color:#bed1d1;font-size:8px;line-height:1.5}.how-faq{position:relative;padding:45px max(70px,calc((100vw - 1240px)/2))}.how-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:18px}.how-faq details{border-top:1px solid #ccd6d0}.how-faq summary{padding:14px 5px;list-style:none;color:#31545c;font-size:10px;cursor:pointer}.how-faq summary:after{content:"⌄";float:right}.how-faq details p{padding:0 5px 14px;margin:0;color:#647a7d;font-size:9px;line-height:1.5}.how-final{border-top:1px solid var(--line);background:#fffdf8}.how-final h2{font-size:31px}
@media(max-width:1000px){.how-hero{grid-template-columns:1fr}.journey-visual{min-height:430px}.how-step-strip{grid-template-columns:1fr 1fr}.how-step-strip article{border:0}.how-detail,.how-detail.reverse,.detail-three{grid-template-columns:1fr 1fr}.how-detail>*:last-child{grid-column:auto}.how-safety{grid-template-columns:1fr 1fr}.how-safety>div{grid-column:span 2}.decision-spacer{display:none}}
@media(max-width:620px){.how-hero{padding:45px 20px 25px}.how-hero h1{font-size:42px}.how-promises{display:grid}.journey-visual{min-height:390px;transform:scale(.78);transform-origin:center top;margin-bottom:-75px}.how-step-strip{grid-template-columns:1fr;padding:25px 20px}.how-detail,.how-detail.reverse,.detail-three{grid-template-columns:1fr;padding:42px 20px;gap:28px}.detail-copy h2{font-size:30px}.detail-one .detail-checks{order:3}.analysis-diagram{min-height:300px}.approved-formula{width:170px;margin:auto}.how-safety{grid-template-columns:1fr;padding:35px 20px}.how-safety>div{grid-column:auto}.how-safety>div,.how-safety article{border:0;border-bottom:1px solid rgba(255,255,255,.14);padding:18px 5px}.how-faq{padding:40px 20px}.how-faq>div{grid-template-columns:1fr}.how-header nav{display:none}}