@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#153c55;--ink-deep:#0e2d43;--teal:#159b8e;--mint:#e3f4ee;--blue:#e8f3f8;--paper:#f8faf9;--white:#fff;--muted:#506675;--line:#d7e3e5;--orange:#e6a95d;--max:1120px;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink-deep);font-family:var(--sans);font-size:17px;line-height:1.65}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(2.6rem,5.4vw,5.2rem);max-width:920px;margin-bottom:1.5rem;font-weight:700}h1 em{font-style:normal;color:var(--teal)}h2{font-size:clamp(2rem,3vw,3.1rem);margin-bottom:1rem}h3{font-size:1.35rem;margin-bottom:.7rem}.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}.site-header{height:84px;padding-inline:max(1.5rem,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(248,250,249,.94)}.brand{text-decoration:none;font-size:.94rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.brand b{font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:white;font-family:var(--display);font-size:.77rem;font-weight:800;letter-spacing:-.04em}.site-header nav{display:flex;gap:2rem}.site-header nav a{text-decoration:none;color:var(--muted);font-size:.94rem}.site-header nav a.active,.site-header nav a:hover{color:var(--teal);font-weight:700}.intro{padding-block:6.5rem 6rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-size:.76rem;font-weight:700;margin-bottom:1rem}.lede{max-width:760px;color:var(--muted);font-size:1.22rem;line-height:1.55;margin-bottom:2rem}.button{display:inline-flex;gap:1.25rem;align-items:center;border-radius:999px;padding:.9rem 1.35rem;background:var(--ink);color:white;text-decoration:none;font-size:.95rem;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{background:#155874;transform:translateY(-2px)}.button span{font-size:1.15rem}.framework{padding-block:1rem 6rem}.section-heading{max-width:700px;margin-bottom:2.4rem}.section-heading>p:last-child{color:var(--muted)}.logic{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;align-items:stretch;gap:1rem}.logic-card{min-height:270px;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:var(--white);position:relative;overflow:hidden}.logic-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--teal)}.guide-card{background:#dff3ed;border-color:#c6e8df}.method-card{background:#edf5f8}.step-number{position:absolute;right:1.15rem;top:.65rem;color:#adc9cb;font-family:var(--display);font-size:2.1rem;font-weight:800}.card-label{color:var(--teal);font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:2.8rem}.logic-card p:last-child{color:var(--muted);font-size:.98rem;line-height:1.55}.logic-arrow{display:grid;place-items:center;color:var(--teal);font-size:1.7rem;font-weight:600}.governance-note{margin:1.25rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--orange);background:#fff9ef;color:var(--muted);font-size:.96rem}.governance-note span{color:#bf812d;margin-right:.4rem}.questions-band{background:#123d56;color:white;padding-block:4.4rem}.questions-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}.questions-band h2{max-width:380px}.questions-band .eyebrow{color:#66d2c3}.question-list{padding:0;list-style:none;counter-reset:q;margin:0}.question-list li{counter-increment:q;border-top:1px solid #ffffff3c;padding:1rem 0;display:flex;gap:1.2rem;align-items:baseline;font-size:1.04rem}.question-list li:before{content:"0" counter(q);font-family:var(--display);color:#66d2c3;font-weight:700;font-size:.86rem}.stages{padding-block:6rem}.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;position:relative}.timeline:before{content:"";position:absolute;top:.3rem;bottom:.8rem;left:34px;width:1px;background:#b4d4d2}.timeline li{display:grid;grid-template-columns:68px 1fr;gap:1.25rem;padding:0 0 2.2rem;position:relative}.month{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--mint);color:#117d77;border:1px solid #c4e4dc;font-family:var(--display);font-size:.84rem;font-weight:800}.timeline h3{font-size:1.18rem;margin:.35rem 0 .5rem}.timeline p{font-size:.96rem;color:var(--muted);line-height:1.55;margin-bottom:.55rem}.timeline small{display:block;color:#19867d;font-size:.8rem;font-weight:700;line-height:1.4}.join-cta{background:#dff3ed;padding-block:4rem}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:3rem}.cta-row h2{max-width:590px}.cta-row p:not(.eyebrow){max-width:700px;color:var(--muted);margin-bottom:0}.button-light{background:var(--teal);white-space:nowrap}.button-light:hover{background:#117a73}.site-footer{background:var(--ink-deep);color:#dce9ec;padding-block:1.5rem;font-size:.82rem}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-row p{margin:0}.footer-row a{color:white}.join-intro{padding-block:6rem 4.5rem}.join-intro h1{max-width:920px}.participation{padding-block:1rem 6rem}.participation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.participation-grid article{position:relative;padding:1.75rem 1.8rem 1.5rem 5rem;background:white;border:1px solid var(--line);border-radius:16px;min-height:230px}.participation-number{position:absolute;left:1.65rem;top:1.65rem;color:var(--teal);font-family:var(--display);font-size:1rem;font-weight:800}.participation-grid p{color:var(--muted);font-size:.97rem;line-height:1.55}.participation-grid .timing{margin:1rem 0 0;color:#16857c;font-size:.79rem;font-weight:700}.who-band{background:#e9f2f4;padding-block:4.5rem}.who-band h2{max-width:760px}.audience-list{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.8rem 0}.audience-list span{background:white;border:1px solid #cadde0;border-radius:999px;padding:.55rem .9rem;font-size:.88rem;color:var(--ink)}.who-band>div>p:last-child{max-width:780px;color:var(--muted)}.what-to-share{padding-block:5rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.what-to-share ul{margin:0;padding-left:1.25rem}.what-to-share li{padding:.3rem 0 .65rem;color:var(--muted)}.contact-panel{background:#123d56;color:white;padding-block:4.5rem}.contact-inner{max-width:800px}.contact-panel .eyebrow{color:#66d2c3}.contact-panel p:not(.eyebrow){color:#d6e5e8;max-width:720px}.contact-status{display:inline-block;margin-top:.8rem;padding:.55rem .9rem;border:1px solid #ffffff55;border-radius:8px;color:#bce7df;font-size:.86rem;font-weight:700}
@media(max-width:800px){.logic{grid-template-columns:1fr}.logic-card{min-height:auto;padding:1.35rem 1.5rem}.card-label{margin-bottom:1.6rem}.logic-arrow{transform:rotate(90deg);font-size:1.4rem}.questions-layout,.what-to-share{grid-template-columns:1fr;gap:1.5rem}.timeline{grid-template-columns:1fr;column-gap:0}.cta-row{align-items:flex-start;flex-direction:column;gap:1.5rem}.participation-grid{grid-template-columns:1fr}.footer-row{flex-wrap:wrap}.intro,.join-intro{padding-block:4.5rem 3.5rem}}
@media(max-width:500px){body{font-size:16px}.wrap{width:calc(100% - 2rem)}.site-header{height:72px;padding-inline:1rem}.brand{font-size:.83rem}.brand-mark{width:34px;height:34px}.site-header nav{gap:.9rem}.site-header nav a{font-size:.82rem}.intro,.join-intro{padding-block:3.5rem}.lede{font-size:1.05rem}.framework,.stages,.participation{padding-block:1rem 4rem}.questions-band{padding-block:3.5rem}.question-list li{font-size:.96rem}.timeline li{grid-template-columns:54px 1fr;gap:.9rem}.timeline:before{left:27px}.month{width:54px;height:54px;font-size:.73rem}.timeline h3{font-size:1.08rem}.participation-grid article{padding:1.35rem 1.2rem 1.2rem 3.7rem}.participation-number{left:1.2rem;top:1.35rem}.who-band,.contact-panel{padding-block:3.5rem}.what-to-share{padding-block:3.5rem}.footer-row{display:grid;grid-template-columns:1fr 1fr}.footer-row p:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* New editorial direction: regional research meets a vivid digital field. */
body{background:#f4f7f7;color:#102f42;font-family:'DM Sans',Arial,sans-serif}
.site-header{height:78px;position:absolute;z-index:10;inset:0 0 auto;background:transparent;border:0;color:#f4fbfc}
.brand{color:#f4fbfc}.brand-mark{border:1px solid #ffffff48;background:#ffffff12;color:#62e4cf;backdrop-filter:blur(8px)}
.site-header nav a{color:#c3d4dd}.site-header nav a.active,.site-header nav a:hover{color:#65e3cf}
.hero-shell{position:relative;isolation:isolate;overflow:hidden;min-height:710px;padding:9rem 0 5rem;background:radial-gradient(ellipse at 77% 52%,#126171 0%,#0d455a 29%,#0d2d44 70%,#0b2438 100%);color:white}
.hero-shell:before{content:"";position:absolute;z-index:-1;inset:auto -12% -55% 30%;height:70%;border:1px solid #8be9dc31;border-radius:50%;box-shadow:0 0 0 52px #8be9dc10,0 0 0 105px #8be9dc0a,0 0 0 160px #8be9dc06;transform:rotate(-17deg)}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:1.5rem;min-height:510px}
.hero-copy{position:relative;z-index:2;padding:1.2rem 0}.hero-copy .eyebrow{color:#69e2d1}.hero-copy h1{font-size:clamp(3rem,5.3vw,5.45rem);max-width:740px;line-height:1.02;letter-spacing:-.065em;margin-bottom:1.4rem}.hero-copy h1 em{color:#6ce2d0}.hero-copy .lede{max-width:570px;color:#c7d8df;font-size:1.15rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hero-actions .button{background:#5de0cb;color:#082b3e;box-shadow:0 12px 40px #37d0bb25}.hero-actions .button:hover{background:#a0f4e8}.text-link{color:#e1eef0;text-decoration:none;font-size:.94rem;font-weight:700}.text-link span{color:#66dfcf;padding-left:.35rem}.hero-meta{display:flex;align-items:center;gap:.6rem;margin:2.1rem 0 0;color:#adc3cc;font-size:.8rem;letter-spacing:.03em}.live-mark{display:block;width:7px;height:7px;border-radius:99px;background:#60e2cf;box-shadow:0 0 0 5px #60e2cf24;animation:pulse 2.2s ease-in-out infinite}.hero-art{position:relative;margin:-.5rem -5rem 0 -1rem;min-width:0}.hero-art img{display:block;width:112%;height:auto;mix-blend-mode:screen;filter:saturate(.92);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 92%,transparent 100%)}.hero-art figcaption{position:absolute;right:4rem;bottom:2.6rem;padding:.65rem .9rem;border:1px solid #9ce9e044;border-radius:999px;background:#0c3045bd;color:#c8e4e6;font-size:.76rem;letter-spacing:.05em;backdrop-filter:blur(12px)}
@keyframes pulse{50%{box-shadow:0 0 0 9px #60e2cf10}}
@media(max-width:800px){.site-header{position:absolute}.hero-shell{min-height:0;padding:8.3rem 0 3rem}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:1rem 0 0}.hero-copy h1{max-width:690px}.hero-art{margin:-2rem -1.5rem -2rem 4rem}.hero-art img{width:100%}.hero-art figcaption{right:1.25rem;bottom:1rem}.hero-meta{margin-top:1.5rem}}
@media(max-width:500px){.site-header{height:68px}.hero-shell{padding:7.2rem 0 2.5rem}.hero-copy h1{font-size:clamp(2.8rem,12vw,4.2rem)}.hero-copy .lede{font-size:1.03rem}.hero-actions{gap:1.1rem}.hero-actions .button{padding:.82rem 1rem}.hero-art{margin:-.3rem -2rem -1.4rem 1.2rem}.hero-art figcaption{font-size:.66rem;right:1.2rem;bottom:.6rem}}

/* Applied across both routes after the hero direction is established. */
.framework{padding:6.5rem 0 6rem}.section-heading{margin-bottom:3rem}.section-heading h2{max-width:680px;font-size:clamp(2.2rem,3.8vw,3.5rem)}
.logic{gap:.75rem}.logic-card{min-height:300px;border:0;border-radius:8px 22px 8px 22px;padding:1.6rem;background:#eaf2f4;box-shadow:0 10px 35px #183f5110;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s}.logic-card:hover{transform:translateY(-7px);box-shadow:0 22px 42px #123d5620}.logic-card:before{display:none}.standard-card{background:#e9f1f4}.guide-card{background:#d9f4ec}.method-card{background:#e7eef9}.step-number{position:static;display:block;color:#118c83;font-size:2.8rem;line-height:1;margin:.2rem 0 1.35rem}.card-label{margin-bottom:.8rem}.logic-card h3{min-height:3rem;font-size:1.3rem}.logic-card p:last-child{font-size:.97rem}.logic-arrow{color:#13a897}.governance-note{padding:1.15rem 1.3rem;border-radius:0 12px 12px 0;background:#fff3dd;border:0;border-left:3px solid #e7a74a;color:#344f5e}.governance-note span{color:#d48d24}
.questions-band{padding-block:5rem;background:linear-gradient(115deg,#0b2a40 0%,#103c54 55%,#0d6268 100%);position:relative;overflow:hidden}.questions-band:after{content:"";position:absolute;width:40rem;height:40rem;border:1px solid #78e2d433;border-radius:50%;right:-14rem;top:-22rem;box-shadow:0 0 0 45px #78e2d414,0 0 0 90px #78e2d40a;pointer-events:none}.questions-layout{position:relative;z-index:1}.questions-band h2{font-size:clamp(2rem,3vw,3.1rem)}.question-list li{padding:1.15rem 0;border-top-color:#ffffff2b}
.stages{padding-block:6.5rem}.timeline{gap:0 2.5rem}.timeline:before{left:29px;top:.2rem;bottom:1rem;background:linear-gradient(#17a594,#b4d4d255)}.timeline li{grid-template-columns:60px 1fr;padding-bottom:2.6rem;gap:1.2rem}.month{width:58px;height:58px;border:0;background:#123e58;color:#77e4d2;box-shadow:0 0 0 6px #f4f7f7;font-size:.8rem;transition:transform .25s,background .25s}.timeline li:hover .month{transform:scale(1.1);background:#0c8e82;color:#fff}.timeline h3{font-size:1.2rem}.timeline p{font-size:.98rem}.timeline small{display:inline-block;padding:.45rem .65rem;border-radius:6px;background:#dff2ed;color:#167f76;font-size:.77rem}
.join-cta{position:relative;overflow:hidden;background:linear-gradient(112deg,#d8f2ea,#e8f5f4);padding-block:4.5rem}.join-cta:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #159b8e35;right:-5rem;top:-7rem;box-shadow:0 0 0 30px #159b8e10,0 0 0 70px #159b8e08;pointer-events:none}.cta-row{position:relative;z-index:1}.cta-row h2{font-size:clamp(2.1rem,3.5vw,3.4rem)}.button-light{background:#0f817b;color:#fff}
.join-intro{position:relative;isolation:isolate;overflow:hidden;padding:9rem 0 5rem;color:white;background:radial-gradient(ellipse at 95% 10%,#155f68,#0e3b54 48%,#0b263b 100%)}.join-intro:after{content:"";position:absolute;z-index:-1;right:-11rem;bottom:-18rem;width:48rem;height:36rem;border:1px solid #80e3d331;border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 0 42px #80e3d30d,0 0 0 88px #80e3d308}.join-intro-inner{display:grid;grid-template-columns:1fr 250px;gap:4rem;align-items:center;min-height:410px}.join-intro .eyebrow{color:#6ce2d0}.join-intro h1{font-size:clamp(2.9rem,5vw,5rem);max-width:780px}.join-intro h1 em{color:#6ce2d0}.join-intro .lede{max-width:700px;color:#c7d8df}.join-stat{border-left:1px solid #8edbd155;padding-left:2rem}.join-stat>span{font-family:var(--display);font-weight:800;font-size:3.5rem;line-height:1;color:#75e5d3;letter-spacing:-.07em}.join-stat p{margin:.85rem 0 1.8rem;color:#f2fbfb;font-size:1.03rem;line-height:1.35}.join-stat small{color:#b1c9d1;font-size:.82rem;line-height:1.5}
.participation{padding-block:6rem}.participation-grid{gap:1rem}.participation-grid article{border:1px solid #d7e3e5;border-radius:7px 20px 7px 20px;min-height:245px;box-shadow:0 8px 24px #173b4d09;transition:transform .28s,border-color .28s,box-shadow .28s}.participation-grid article:hover{transform:translateY(-6px);border-color:#72cabc;box-shadow:0 18px 36px #173b4d16}.participation-number{font-size:1.3rem}.participation-grid h3{font-size:1.4rem}.participation-grid p{font-size:1rem}.participation-grid .timing{display:inline-block;padding:.38rem .55rem;border-radius:5px;background:#e4f5f0}
.who-band{padding-block:5rem;background:#e7f0f2}.who-band h2{font-size:clamp(2.1rem,3.2vw,3.2rem)}.audience-list span{padding:.62rem 1rem;background:#f9ffff;border-color:#cedfe1;font-size:.91rem;transition:transform .2s,background .2s}.audience-list span:hover{transform:translateY(-2px);background:#d9f4ec}.what-to-share{padding-block:5rem}.what-to-share h2{font-size:clamp(2.1rem,3vw,3rem)}.what-to-share ul{border-left:2px solid #42b5a8;padding-left:1.5rem}.what-to-share li{font-size:1.02rem}.contact-panel{padding-block:5rem;background:linear-gradient(115deg,#0b293d,#10435a)}.contact-panel h2{font-size:clamp(2.3rem,4vw,3.8rem);max-width:800px}.contact-status{border-radius:999px;background:#ffffff12;border-color:#81d8ca5c;color:#8de8d9}.site-footer{padding-block:1.7rem;background:#081d2d}
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-ready .logic-card{transition-delay:calc(var(--n,0)*50ms),0s}.logic-card:nth-child(1){--n:0}.logic-card:nth-child(3){--n:1}.logic-card:nth-child(5){--n:2}
@media(max-width:800px){.logic{gap:.65rem}.logic-card{min-height:0;padding:1.3rem}.logic-card h3{min-height:0}.questions-layout{gap:2rem}.timeline{gap:0}.join-intro-inner{grid-template-columns:1fr 190px;gap:2rem}.join-stat{padding-left:1.35rem}.join-stat>span{font-size:2.9rem}.framework,.stages,.participation{padding-block:4.5rem}.join-cta{padding-block:3.5rem}}
@media(max-width:600px){.framework,.stages,.participation{padding-block:3.7rem}.section-heading{margin-bottom:2rem}.logic-card{padding:1.2rem 1.3rem}.step-number{font-size:2.25rem;margin-bottom:.8rem}.logic-arrow{line-height:.8}.questions-band{padding-block:3.8rem}.timeline li{padding-bottom:2.1rem}.join-intro{padding:7rem 0 3.4rem}.join-intro-inner{grid-template-columns:1fr;gap:1.5rem}.join-stat{display:flex;align-items:center;gap:1rem;border:0;border-top:1px solid #8edbd155;padding:1.1rem 0 0}.join-stat>span{font-size:2.4rem}.join-stat p{margin:0;font-size:.88rem}.join-stat small{display:none}.participation-grid article{min-height:0}.what-to-share{padding-block:3.5rem}.contact-panel{padding-block:3.7rem}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}}
