.purpose-hero{padding:80px clamp(20px,8vw,120px);background:linear-gradient(130deg,#102c20,#20523b);color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:50px}.purpose-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:.2em 0}.purpose-hero>div>p{font-size:19px;max-width:850px}.purpose-hero aside{background:#fff;color:var(--ink);padding:25px;border-radius:16px;display:grid;gap:8px;align-self:center}.purpose-hero aside span{text-transform:uppercase;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.08em}.purpose-hero aside b{font-size:18px;margin-bottom:10px}.purpose-actions,.final-purpose>div:last-child{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.purpose-actions a,.final-purpose a{padding:12px 16px;border-radius:8px;background:#d7ef54;color:#14241c;font-weight:900;text-decoration:none}.purpose-actions a+a{background:transparent;color:#fff;border:1px solid #fff}.problem-section,.principles,.audiences,.pattern-section,.public-private,.final-purpose{padding:70px clamp(20px,8vw,120px)}.problem-section{background:#f5f1e8}.problem-grid,.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.problem-grid article,.audience-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.problem-grid p,.audience-grid p{color:var(--muted)}.audience-grid article>span{color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase}.circle-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}.circle-flow article{background:#edf5ef;padding:18px;border-radius:12px}.circle-flow span{display:grid;place-items:center;width:32px;height:32px;background:var(--green);color:#fff;border-radius:50%;font-weight:900}.circle-flow h3{font-size:17px}.circle-flow p{font-size:14px;color:var(--muted)}.audiences{background:#fafbfa}.pattern-section{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;background:#153b2b;color:#fff}.pattern-section h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:.2em 0}.pattern-boundary{background:#fff;color:var(--ink);padding:24px;border-radius:15px}.pattern-boundary b{font-size:20px}.pattern-boundary p{color:var(--muted)}.public-private-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-private-grid article{border:1px solid var(--line);border-radius:15px;padding:22px}.public-private-grid li{margin:8px 0}.final-purpose{display:flex;justify-content:space-between;gap:40px;align-items:center;background:#f5f1e8}.final-purpose>div:first-child{max-width:820px}.final-purpose h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:.2em 0}.final-purpose a+a{background:var(--green);color:#fff}.member-transparency{margin:18px 0;padding:18px;background:#eaf3ed;border:1px solid #bfd2c4;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:30px}.member-transparency p{margin:5px 0;color:var(--muted)}.member-transparency a{font-weight:800;color:var(--green)}@media(max-width:1000px){.purpose-hero,.pattern-section{grid-template-columns:1fr}.problem-grid,.audience-grid{grid-template-columns:1fr 1fr}.circle-flow{grid-template-columns:repeat(3,1fr)}.final-purpose{display:grid}}@media(max-width:650px){.problem-grid,.audience-grid,.public-private-grid,.circle-flow{grid-template-columns:1fr}.member-transparency{display:grid}}
.purpose-hero{background:linear-gradient(135deg,#07172b,#102f55)}.purpose-hero aside span,.audience-grid article>span,.member-transparency a{color:#0b1f3a}.purpose-actions a,.final-purpose a{background:#f2d98b;color:#07172b}.circle-flow span{background:#0b1f3a}.circle-flow article,.member-transparency{background:#f7f1e3}.pattern-section{background:#0b1f3a}.final-purpose a+a{background:#0b1f3a;color:#fff}
