.how-page{background:var(--paper)}.how-hero{min-height:700px;padding:176px max(24px,calc((100% - 1080px)/2)) 88px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;color:#f6f7f1;background:radial-gradient(circle at 82% 35%,rgba(184,242,74,.12),transparent 30%),var(--night)}
.channel-map{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.channel-map span,.channel-map strong{padding:16px 10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;text-align:center;font-size:.67rem;letter-spacing:.07em}.channel-map strong{grid-column:1/-1;padding:30px 12px;color:var(--ink);background:var(--accent)}
.change-flow,.boundaries,.safety{padding:96px max(24px,calc((100% - 1080px)/2))}.section-copy{display:grid;grid-template-columns:.45fr 1.05fr .5fr;gap:28px;align-items:end}.section-copy h2,.boundaries h2,.safety h2{margin:0;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1;letter-spacing:-.05em}.section-copy>p:last-child{margin:0;color:var(--muted)}
.change-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:54px 0 0;padding:0;background:var(--line);list-style:none}.change-flow li{min-height:260px;padding:24px;display:flex;flex-direction:column;background:#fff}.change-flow li>span{color:#5f853c;font-weight:800}.change-flow strong{margin-top:72px;font-size:1.25rem}.change-flow li p{color:var(--muted)}
.boundaries{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;color:#f6f7f1;background:#151d16}.boundaries .section-label{color:var(--accent)}.boundary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12)}.boundary-grid article{padding:26px;background:#151d16}.boundary-grid span{color:var(--accent);font-size:.68rem;font-weight:800}.boundary-grid h3{margin:28px 0 8px}.boundary-grid p{margin:0;color:rgba(246,247,241,.6)}
.safety{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.safety ul{margin:0;padding:0;list-style:none}.safety li{padding:18px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.safety li:last-child{border-bottom:1px solid var(--line)}.safety li span{color:var(--muted);text-align:right}.how-boundary{padding:78px max(24px,calc((100% - 1080px)/2));display:grid;grid-template-columns:.4fr 1.2fr auto;gap:30px;align-items:center;background:#fff}.how-boundary>p:nth-child(2){margin:0;font-size:clamp(1.35rem,2.5vw,2.25rem)}
@media(max-width:820px){.how-hero,.section-copy,.boundaries,.safety,.how-boundary{grid-template-columns:1fr}.how-hero{min-height:auto;padding-top:150px}.change-flow ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.change-flow,.boundaries,.safety,.how-boundary{padding-top:66px;padding-bottom:66px}.channel-map,.change-flow ol,.boundary-grid{grid-template-columns:1fr}.channel-map strong{grid-column:auto}}