.how-page{color:#35453a;background:#fff}.how-page *,.how-page :before,.how-page :after{box-sizing:border-box}.how-shell{width:min(1180px,100%);margin-inline:auto}.how-section,.how-hero{padding:clamp(2rem,3.5vw,3rem) 1.5rem}.how-section--soft{background:#f6f9f1}.how-page h1,.how-page h2,.how-page h3{color:#164c35;letter-spacing:-.035em}.how-page h2{margin:0 0 1rem;font-size:clamp(1.8rem,3.2vw,2.85rem);line-height:1.18}.how-page h3{margin:0 0 .85rem;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.3}.how-page p{line-height:1.75}.how-eyebrow{color:#287840;letter-spacing:.09em;margin:0 0 .8rem;font-size:.78rem;font-weight:800}.how-hero__panel{background:linear-gradient(125deg,#fff9f2,#eef7e8);border:1px solid #eee5d8;border-radius:1.9rem;grid-template-columns:1.15fr .85fr;align-items:center;min-height:460px;padding:clamp(2rem,4vw,3.5rem);display:grid;overflow:hidden}.how-hero h1{margin:0 0 1.2rem;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.08}.how-hero h1 span{color:#e97828;display:block}.how-hero__lead{color:#274534;max-width:650px;font-size:clamp(1.08rem,1.8vw,1.3rem);font-weight:700}.how-hero__content>p:not(.how-eyebrow){max-width:650px;margin-bottom:1rem}.how-hero__notice{color:#627065;margin-top:1.4rem;font-size:.88rem}.how-hero__visual{place-items:center;padding:1rem;display:grid}.how-hero__circle{aspect-ratio:1;color:#287840;text-align:center;background:radial-gradient(circle at 35% 25%,#fff,#e1f0db);border:2px solid #d5e7d2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:min(100%,310px);display:flex;box-shadow:0 18px 48px #184a2d14}.how-hero__circle svg{width:100px;height:100px}.how-hero__circle strong{color:#e97828;letter-spacing:.15em;font-size:1rem}.how-hero__circle small{color:#53705c}.how-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;display:flex}.how-button{color:#fff;text-align:center;background:#e97828;border:2px solid #e97828;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;min-height:3.2rem;padding:.85rem 1.4rem;font-weight:750;line-height:1.3;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.how-button:hover{background:#ca621c;transform:translateY(-2px)}.how-button--outline{color:#216841;background:#fff;border-color:#c9e0ca}.how-button--outline:hover{background:#eaf4e8}.how-page a:focus-visible{outline-offset:4px;outline:3px solid #ed7829}.how-heading{max-width:830px;margin-bottom:1.8rem}.how-heading>p:last-child{color:#5a685e}.how-sites,.how-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.how-site-card,.how-info{background:#f8fbf5;border:1px solid #e4eade;border-radius:1.5rem;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(1.5rem,2.5vw,2.2rem);display:flex}.how-site-card--orange{background:#fff7f0;border-color:#f0e1d5}.how-site-icon{color:#267346;background:#e5f2e2;border-radius:.9rem;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:grid}.how-site-card--orange .how-site-icon{color:#e97828;background:#ffe8d6}.how-site-card p,.how-info p{color:#59665d;margin:0 0 1rem}.how-text-link{color:#237044;text-underline-offset:4px;align-items:center;gap:.6rem;margin-top:auto;font-weight:750;text-decoration:underline;display:inline-flex}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.how-step{background:#fff;border:1px solid #e4eadd;border-radius:1.5rem;min-width:0;padding:clamp(1.5rem,2.5vw,2.2rem);box-shadow:0 12px 30px #1c36230a}.how-step__icon{color:#287840;background:#e5f3e2;border-radius:1.1rem;place-items:center;width:3.8rem;height:3.8rem;margin-bottom:1.25rem;display:grid}.how-step__icon--orange{color:#e97828;background:#fff0e2}.how-step__icon svg{width:2rem;height:2rem}.how-step p{color:#59665d;margin:0 0 .9rem}.how-step p:last-child{margin-bottom:0}.how-source-note{background:#fff;border:1px solid #deebda;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.3rem;padding:1.3rem;display:flex}.how-source-note p{color:#526458;margin:0}.how-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-info{background:#fffdf9}.how-info p{margin:0}.how-notice{background:#fff8f0;border-left:4px solid #e97828;border-radius:.7rem;margin-top:1.4rem;padding:1.3rem 1.5rem}.how-notice strong{color:#164c35}.how-notice p{color:#5c685e;margin:.4rem 0 0}.how-support{background:linear-gradient(120deg,#fffaf4,#eaf5e6);border:1px solid #e3ebdc;border-radius:1.7rem;padding:clamp(1.8rem,3.5vw,3rem)}.how-support>div{max-width:780px}.how-support p:not(.how-eyebrow){color:#59675c}@media (width<=900px){.how-hero__panel{grid-template-columns:1fr}.how-hero__visual{display:none}}@media (width<=700px){.how-section,.how-hero{padding:1.75rem 1.1rem}.how-hero__panel{border-radius:1.4rem;min-height:0;padding:1.6rem}.how-sites,.how-steps,.how-info-grid{grid-template-columns:1fr}.how-support{padding:1.5rem}.how-button{width:100%}}@media (prefers-reduced-motion:reduce){.how-button{transition:none}}