:root {
  --ink:#031629; --ink-2:#082a4a; --ink-3:#0d3f68; --teal:#1b9df0; --teal-soft:#8fd3ff;
  --gold:#f6c455; --gold-2:#ffdc78; --white:#f6fafb; --muted:#bfd5e6; --line:rgba(27,157,240,.38);
  --display:"Montserrat",sans-serif; --body:"DM Sans",sans-serif; --script:"Caveat",cursive;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden}
a{color:inherit} .skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--gold);color:#081c23;padding:.7rem 1rem;border-radius:.4rem;font-weight:700}.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:92px;display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:2rem;padding:0 clamp(1.25rem,4vw,4.5rem);position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:grid;grid-template-columns:58px 1fr;text-decoration:none;line-height:1}.brand-mark{width:58px;height:38px;grid-row:1/3;color:var(--teal)}.brand-name{font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:.16em;align-self:end}.brand-name b{color:var(--gold)}.brand-tagline{font-size:.47rem;letter-spacing:.13em;color:#c6d8de;margin-top:.35rem}
nav{display:flex;justify-content:flex-end;gap:clamp(1.1rem,2vw,2.1rem)}nav a{text-decoration:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.05em;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:2px;background:var(--gold);transition:.25s}nav a:hover:after,nav a:focus-visible:after{right:0}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.7rem 1.55rem;border-radius:999px;text-transform:uppercase;text-decoration:none;font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.035em;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid white;outline-offset:3px}.button-outline{border:1px solid var(--gold);padding-inline:1.9rem}.button-outline:hover{background:var(--gold);color:#071d24}.button-gold{color:#071b22;background:linear-gradient(110deg,#f1b83f,#ffe087,#edb53d);box-shadow:0 8px 35px rgba(246,196,85,.18)}.button-gold:hover{box-shadow:0 11px 40px rgba(246,196,85,.33)}.button-ghost{border:1px solid rgba(255,255,255,.75);background:rgba(2,18,25,.45);backdrop-filter:blur(8px)}.play{display:grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font-size:.65rem;padding-left:2px}
.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:130px clamp(1.25rem,5vw,5rem) 70px;background-image:linear-gradient(90deg,rgba(2,17,25,.96) 0%,rgba(2,17,25,.77) 35%,rgba(2,17,25,.13) 68%,rgba(2,17,25,.35) 100%),radial-gradient(circle at 63% 40%,rgba(20,184,202,.18),transparent 30%),url("hero-network.webp");background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--ink))}.hero-glow{position:absolute;width:54vw;height:54vw;border:1px solid rgba(59,230,231,.11);border-radius:50%;left:43%;top:12%;box-shadow:0 0 110px rgba(26,190,211,.08)}.hero-content{position:relative;z-index:2;max-width:640px}.eyebrow{text-transform:uppercase;font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.31em;color:var(--gold);margin:0 0 .7rem}.hero h1,.section-copy h2,.mission h2,.boundary-copy h2,.section-heading h2,.join h2{font-family:var(--display);text-transform:uppercase;line-height:.92;margin:.3rem 0 1rem;letter-spacing:-.035em}.hero h1{font-size:clamp(3.4rem,7vw,7.2rem)}.hero h1 span,.section-copy h2 span,.mission h2 span,.boundary-copy h2 span{color:var(--gold)}.hero-kicker{text-transform:uppercase;font-family:var(--display);font-weight:700;letter-spacing:.23em;line-height:1.55}.hero-kicker em{font-style:normal;color:var(--gold)}.hero-copy{font-size:1.12rem;max-width:490px;color:#e2edf0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.script-note{font-family:var(--script);font-size:clamp(2rem,4vw,3.3rem);line-height:.95;transform:rotate(-5deg);margin:0;color:white;text-shadow:0 2px 15px #000}.script-note span{display:block;width:105px;height:5px;background:var(--gold);border-radius:50%;transform:rotate(-8deg);margin:.6rem auto 0}.hero-note{position:absolute;right:6vw;bottom:16%;z-index:3}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:1rem;width:26px;height:42px;border:1px solid rgba(255,255,255,.6);border-radius:20px}.scroll-cue span{position:absolute;width:4px;height:8px;border-radius:3px;background:var(--gold);left:10px;top:8px;animation:scroll 1.8s infinite}@keyframes scroll{50%{transform:translateY(14px);opacity:.25}}
.movement-line{margin:.2rem 0 .85rem;color:var(--teal-soft);font-family:var(--display);font-weight:700;font-size:.93rem;letter-spacing:.08em;text-transform:uppercase}
.pillars{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);background:linear-gradient(90deg,#03242d,#041a25 50%,#03242d);position:relative;z-index:4}.pillars article{text-align:center;padding:1.7rem 1rem;position:relative}.pillars article+article:before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:linear-gradient(transparent,var(--gold),transparent)}.line-icon{display:block;color:var(--teal);font-size:2.8rem;line-height:1}.pillars h2{font-family:var(--display);font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;margin:.5rem 0 .15rem}.pillars p{font-size:.83rem;line-height:1.25;color:#d4e2e6;max-width:160px;margin:auto}
.club-welcome{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:2rem;padding:clamp(2.2rem,5vw,4rem) clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line);background:linear-gradient(110deg,#0a3157,#05213c)}.club-welcome h2{margin:.15rem 0 .6rem;font:800 clamp(2rem,4vw,3.6rem)/1 var(--display);text-transform:uppercase}.club-welcome p:not(.eyebrow){max-width:760px;margin:0;color:#d7e7f2;font-size:1.08rem}.club-welcome-actions{display:grid;gap:.75rem}.club-welcome-actions .button{width:100%;text-align:center}
.section-grid{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(350px,1fr) minmax(210px,.6fr);min-height:500px;border-bottom:1px solid var(--line)}.portrait-panel,.community-photo{position:relative;overflow:hidden;background-size:cover;background-position:center}.portrait-panel{background-image:linear-gradient(90deg,transparent 40%,rgba(3,25,35,.55)),url("portrait.webp");min-height:470px}.portrait-panel:after,.community-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,15,23,.3),transparent 50%)}.portrait-panel .script-note{position:absolute;z-index:2;right:4%;bottom:14%;max-width:260px;text-align:center;font-size:2.25rem}.section-copy{padding:4rem clamp(2rem,4vw,4rem);align-self:center}.section-copy h2,.mission h2,.boundary-copy h2{font-size:clamp(2rem,3.2vw,3.25rem)}.section-copy p{max-width:520px;color:#d7e4e8}.section-copy .lead{font-weight:700;color:white;font-size:1.06rem}.section-copy .button{margin-top:1rem}.benefits{list-style:none;margin:auto 0;padding:2.5rem 2rem;border-left:1px solid rgba(246,196,85,.45)}.benefits li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:.5rem;text-transform:uppercase;font-family:var(--display);font-size:.77rem;letter-spacing:.09em;margin:1.25rem 0}.benefits span{color:var(--gold);font-size:1.6rem}
.mission{display:grid;grid-template-columns:minmax(300px,.7fr) 1.3fr;grid-template-rows:1fr auto;min-height:540px;padding:4rem clamp(1.5rem,5vw,5rem) 1.5rem;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,24,34,.98),rgba(4,28,38,.5)),url("hero-network.webp") center/cover}.mission-copy{position:relative;z-index:2;align-self:center}.mission-copy p:last-child{max-width:430px;color:#d6e4e9}.world{min-height:330px;position:relative;align-self:center;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(26,219,224,.14),transparent 58%)}.world:before{content:"";width:min(40vw,540px);aspect-ratio:2/1;border:1px solid rgba(57,224,227,.37);border-radius:50%;box-shadow:0 0 50px rgba(31,215,220,.12),inset 0 0 50px rgba(31,215,220,.07)}.map-word{position:absolute;font-family:var(--display);font-size:clamp(1.4rem,3vw,3rem);font-weight:800;letter-spacing:.28em;color:rgba(255,255,255,.15)}.orbit{position:absolute;width:60%;height:43%;border-top:1px solid rgba(246,196,85,.65);border-radius:50%;transform:rotate(13deg)}.orbit-b{transform:rotate(-14deg);width:72%}.orbit-c{transform:rotate(2deg);width:48%}.countries{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,1fr);gap:.75rem;position:relative;z-index:2}.countries span{text-align:center;text-transform:uppercase;font-family:var(--display);font-size:.64rem;letter-spacing:.08em}.countries b{display:grid;place-items:center;height:34px;margin-bottom:.35rem}.countries img{display:block;width:40px;height:27px;object-fit:cover;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.35)}.globe-icon{width:30px;height:30px;border:2px solid var(--teal);border-radius:50%;position:relative;background:linear-gradient(90deg,transparent 44%,var(--teal) 46% 54%,transparent 56%),linear-gradient(transparent 44%,var(--teal) 46% 54%,transparent 56%)}.globe-icon:before,.globe-icon:after{content:"";position:absolute;inset:5px -2px;border-block:1px solid var(--teal);border-radius:50%}.globe-icon:after{inset:-2px 7px;border:0;border-inline:1px solid var(--teal)}
.boundaries{display:grid;grid-template-columns:.55fr .75fr .75fr 1.25fr;gap:1rem;align-items:center;min-height:430px;padding:2.5rem clamp(1.25rem,4vw,4rem);background:linear-gradient(90deg,#021922 0%,#082a32 52%,#142820 100%);border-block:1px solid var(--line)}.boundary-card{border:1px solid;border-radius:15px;padding:1.4rem;background:rgba(1,19,26,.55);min-height:280px}.boundary-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.07em;margin-top:0}.boundary-card h3 span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid;border-radius:50%;margin-right:.35rem}.boundary-card ul{list-style:none;padding:0;margin:0}.boundary-card li{position:relative;padding:.35rem 0 .35rem 1.4rem;font-size:.87rem}.boundary-card li:before{position:absolute;left:0;font-weight:800}.can{border-color:#20d876}.can h3,.can li:before{color:#34e486}.can li:before{content:"✓"}.cannot{border-color:#ef675a}.cannot h3,.cannot li:before{color:#ff7467}.cannot li:before{content:"×"}.community-photo{height:auto;aspect-ratio:1300/607;border-radius:18px;background-image:linear-gradient(90deg,rgba(5,22,27,.18),transparent),url("community.webp");background-size:contain;background-repeat:no-repeat;background-color:#10272c}.community-photo .script-note{position:absolute;z-index:2;left:8%;top:8%;font-size:2rem;max-width:290px}
.stories,.faq{padding:5rem clamp(1.25rem,5vw,5rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2{font-size:clamp(1.7rem,3vw,3rem);max-width:850px}.impact-path{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.impact-step{padding:2rem 1.25rem;position:relative}.impact-step+.impact-step{border-left:1px solid rgba(246,196,85,.26)}.impact-step>span{font-family:var(--display);font-weight:800;color:var(--teal);opacity:.7}.impact-step h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:.55rem 0}.impact-step p{margin:0;color:#d7e4e8}.stories-note{font-size:.8rem;color:var(--muted);margin-top:1.25rem}.hq-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center;padding:5rem clamp(1.25rem,5vw,5rem);background:linear-gradient(120deg,#062833,#021820);border-block:1px solid var(--line)}.hq-preview h2{font-family:var(--display);font-size:clamp(2rem,4vw,4rem);line-height:.96;text-transform:uppercase;margin:.4rem 0 1.2rem}.hq-preview h2 span{color:var(--gold)}.hq-preview-copy p:not(.eyebrow){color:#d2e2e7;max-width:620px}.hq-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.hq-preview-grid span{padding:1.1rem;border:1px solid rgba(32,215,220,.35);border-radius:12px;background:rgba(255,255,255,.035);font-family:var(--display);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.faq{background:#051f29}.faq .section-heading{display:block}.faq-list{max-width:920px;margin:auto}.faq details{border-top:1px solid rgba(125,247,243,.24);padding:1.2rem .2rem}.faq details:last-child{border-bottom:1px solid rgba(125,247,243,.24)}.faq summary{font-family:var(--display);font-weight:700;font-size:1.06rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";color:var(--gold);font-size:1.5rem}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);max-width:730px}
.join{min-height:290px;display:grid;grid-template-columns:180px 1fr 1.2fr;align-items:center;gap:2rem;padding:2.5rem clamp(1.5rem,5vw,5rem);background:linear-gradient(90deg,rgba(2,20,28,.5),rgba(2,20,28,.94)),url("hero-network.webp") bottom/cover;border-top:1px solid var(--line)}.join h2{font-size:clamp(1.7rem,3vw,2.8rem);margin-bottom:.3rem}.join-copy p:last-child{text-transform:uppercase;letter-spacing:.18em;margin:0}.join-action{text-align:center}.join-action .button{width:100%}.join-action p{font-size:.8rem;color:var(--muted)}.beacon{height:150px;position:relative;background:linear-gradient(90deg,transparent,rgba(246,196,85,.15));clip-path:polygon(0 0,100% 40%,100% 60%,0 100%)}.beacon span{position:absolute;left:8px;top:48%;width:22px;height:45px;background:var(--white);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}
footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,5vw,5rem);font-size:.78rem;color:#9eb4bc;background:#011218}footer div{display:flex;gap:1.4rem}footer a{text-decoration:none;color:var(--gold)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}
@media(max-width:760px){.club-welcome{grid-template-columns:1fr}.club-welcome-actions{width:100%}}
@media (max-width:1050px){.site-header{grid-template-columns:240px 1fr auto;padding-inline:1.5rem;gap:1rem}nav{gap:1rem}nav a{font-size:.69rem}.header-cta{display:none}.hero-note{right:3vw}.section-grid{grid-template-columns:1fr 1fr}.benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);border-left:0;border-top:1px solid rgba(246,196,85,.35);padding:1rem}.benefits li{display:flex;flex-direction:column;text-align:center}.boundaries{grid-template-columns:1fr 1fr}.boundary-copy{grid-column:1/-1}.community-photo{grid-column:1/-1}.impact-path{grid-template-columns:repeat(3,1fr)}.impact-step:nth-child(4),.impact-step:nth-child(5){border-top:1px solid rgba(246,196,85,.26)}.join{grid-template-columns:100px 1fr 1fr}}
@media (max-width:760px){.site-header{height:80px;grid-template-columns:1fr auto}.brand{grid-template-columns:48px 1fr}.brand-mark{width:48px}.brand-name{font-size:.85rem}.menu-toggle{display:grid;gap:5px;width:44px;height:44px;place-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(1,19,27,.6);color:white}.menu-toggle span:not(.sr-only){width:20px;height:2px;background:currentColor;transition:.2s}nav{display:none;position:absolute;left:1rem;right:1rem;top:74px;padding:1.3rem;flex-direction:column;background:rgba(2,24,33,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.35)}nav.open{display:flex}.hero{min-height:720px;align-items:flex-end;padding-bottom:100px;background-position:62% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,17,25,.98) 0%,rgba(2,17,25,.6) 60%,rgba(2,17,25,.08) 100%)}.hero-content{z-index:2}.hero h1{font-size:clamp(3rem,16vw,5.2rem)}.hero-copy{font-size:1rem}.hero-note{top:130px;bottom:auto;right:7vw;font-size:2.2rem}.hero-actions .button{width:100%}.pillars{grid-template-columns:repeat(2,1fr)}.pillars article:last-child{grid-column:1/-1}.pillars article:nth-child(odd):before{display:none}.pillars article+article:before{top:18%;height:64%}.section-grid{grid-template-columns:1fr}.portrait-panel{min-height:410px}.section-copy{padding:3rem 1.5rem}.benefits{grid-column:auto;grid-template-columns:repeat(2,1fr)}.mission{grid-template-columns:1fr;padding-inline:1.5rem}.world{min-height:240px}.world:before{width:90vw}.countries{grid-template-columns:repeat(4,1fr)}.boundaries{grid-template-columns:1fr;padding:3rem 1.25rem}.boundary-copy,.community-photo{grid-column:auto}.impact-path{grid-template-columns:1fr}.impact-step+.impact-step{border-left:0;border-top:1px solid rgba(246,196,85,.26)}.hq-preview{grid-template-columns:1fr;gap:2rem}.section-heading{display:block}.join{grid-template-columns:1fr;text-align:center}.beacon{display:none}footer{flex-direction:column;text-align:center}footer div{justify-content:center;flex-wrap:wrap}}
@media (max-width:420px){.brand-tagline{display:none}.hero h1{font-size:2.85rem}.hero-kicker{letter-spacing:.12em}.pillars{grid-template-columns:1fr}.pillars article+article:before{top:0;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.pillars article:last-child{grid-column:auto}.benefits{grid-template-columns:1fr}.countries{grid-template-columns:repeat(2,1fr)}.story-card{grid-template-columns:52px 1fr}.avatar{width:52px}}
.mission-copy .lead{font-family:var(--display);font-weight:700;color:white;text-transform:uppercase;letter-spacing:.06em}

/* DLT blue brand refresh and responsive founder portrait */
.pillars{background:linear-gradient(90deg,#082f52,#061d36 50%,#082f52)}
.mission{background-image:linear-gradient(90deg,rgba(3,18,40,.98),rgba(6,42,78,.5)),url("hero-network.webp")}
.boundaries{background:linear-gradient(90deg,#03182b 0%,#092e50 52%,#0d3f68 100%)}
.can{border-color:#2f9ee8}.can h3,.can li:before{color:#72c6ff}
.hq-preview{background:linear-gradient(120deg,#0a355d,#03182d)}
.faq{background:#061f3a}
.join{background-image:linear-gradient(90deg,rgba(3,25,51,.52),rgba(3,24,48,.95)),url("hero-network.webp")}
footer{background:#020f21}
.portrait-panel{min-height:500px;background:radial-gradient(circle at 58% 42%,#174f80 0%,#082845 45%,#031629 78%)}
.portrait-panel:after{background:linear-gradient(0deg,rgba(1,15,31,.25),transparent 48%);pointer-events:none}
.portrait-panel img{position:absolute;z-index:1;right:-2%;bottom:0;width:min(92%,520px);height:96%;object-fit:contain;object-position:right bottom}
.portrait-quote{position:absolute;z-index:3;left:6%;bottom:5%;width:88%;max-width:420px;margin:0;padding:1rem 1.15rem;color:white;font-family:var(--display);font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:500;line-height:1.25;background:rgba(3,22,41,.9);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.portrait-quote strong{color:var(--gold)}
@media (max-width:760px){.portrait-panel{min-height:520px}.portrait-panel img{right:-8%;width:108%;height:92%}.portrait-quote{left:1rem;bottom:1rem;width:calc(100% - 2rem);font-size:1.05rem}}

/* Expanded programme story */
.how-it-works{padding:5.5rem clamp(1.25rem,5vw,5rem);background:linear-gradient(145deg,#061c35 0%,#0a355d 58%,#061a31 100%);border-bottom:1px solid var(--line)}
.how-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:2.7rem}
.how-heading h2,.ways h2{font-family:var(--display);font-size:clamp(2rem,4vw,4rem);line-height:.98;text-transform:uppercase;letter-spacing:-.035em;margin:.35rem 0 0}
.how-heading h2 span{color:var(--gold)}
.how-heading>p{margin:0;color:#d6e7f3;font-size:1.08rem;max-width:620px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:steps}
.process-card{position:relative;min-height:250px;padding:1.6rem 1.4rem;border:1px solid rgba(143,211,255,.28);border-radius:16px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.process-card>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:var(--display);font-weight:800}
.process-card h3,.way-card h3{font-family:var(--display);font-size:1.02rem;line-height:1.2;text-transform:uppercase;letter-spacing:.045em;margin:1.35rem 0 .7rem}
.process-card p,.way-card p{margin:0;color:#c9dce9;font-size:.94rem}
.process-card:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-1.1rem;top:1.9rem;width:1.2rem;text-align:center;color:var(--gold);font-size:1.25rem}
.how-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:1.45rem 1.6rem;border:1px solid rgba(246,196,85,.4);border-radius:16px;background:rgba(2,15,33,.48)}
.how-cta p{margin:0;color:#dceaf3}.how-cta strong{color:white;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em}
.how-cta .button{flex:0 0 auto}
.ways{padding:5.5rem clamp(1.25rem,5vw,5rem);background:#031629}
.ways .section-heading{align-items:end}.ways .section-heading>p{max-width:490px;margin:0;color:#bfd5e6}
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.way-card{position:relative;padding:1.65rem 1.55rem 1.8rem;border-top:3px solid var(--teal);background:linear-gradient(145deg,#0a3154,#061e38);border-radius:0 0 14px 14px;min-height:210px}
.way-card>span{font-family:var(--display);font-size:.75rem;font-weight:800;letter-spacing:.14em;color:var(--gold)}
.way-card h3{margin-top:.85rem;color:white}
@media (max-width:1050px){.process-grid{grid-template-columns:repeat(2,1fr)}.process-card:nth-child(2):after{display:none}.ways-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.how-it-works,.ways{padding-block:4rem}.how-heading{grid-template-columns:1fr;gap:1.25rem}.process-grid,.ways-grid{grid-template-columns:1fr}.process-card{min-height:0}.process-card:after{display:none}.how-cta{align-items:stretch;flex-direction:column}.how-cta .button{width:100%}.ways .section-heading>p{margin-top:1rem}}
.pillars{background:linear-gradient(90deg,#082d50,#031629 50%,#082d50)}
.boundaries{background:linear-gradient(90deg,#031629 0%,#0a3157 52%,#061f3b 100%)}
.boundary-card{background:rgba(6,31,59,.72)}
.can{border-color:#55b9ff}.can h3,.can li:before{color:#55b9ff}
.community-photo{background-color:#082d50}

/* Final public-facing blue pass */
.hero{background-image:linear-gradient(90deg,rgba(3,22,41,.98) 0%,rgba(3,31,59,.86) 38%,rgba(3,31,59,.18) 72%,rgba(3,22,41,.42) 100%),radial-gradient(circle at 63% 40%,rgba(27,157,240,.18),transparent 30%),url("hero-network.webp")}
.hero-glow{border-color:rgba(85,185,255,.18);box-shadow:0 0 110px rgba(27,157,240,.12)}
.world{overflow:hidden;border:1px solid rgba(85,185,255,.34);border-radius:22px;background-image:linear-gradient(rgba(3,22,41,.18),rgba(3,22,41,.28)),url("hero-network.webp");background-size:cover;background-position:61% center;box-shadow:inset 0 0 60px rgba(3,22,41,.5),0 22px 55px rgba(0,0,0,.22)}
.world:before{display:none}.map-word{z-index:2;padding:.45rem .75rem;border-radius:8px;background:rgba(3,22,41,.72);color:rgba(255,255,255,.76);text-shadow:0 2px 12px #031629}.orbit{z-index:1;border-color:rgba(246,196,85,.72)}
.hq-preview-grid span{border-color:rgba(85,185,255,.38);background:rgba(13,62,104,.55)}
.faq details,.faq details:last-child{border-color:rgba(85,185,255,.28)}
.portrait-panel img{right:0;width:min(90%,520px);height:94%;object-position:center bottom}
.portrait-quote{right:6%;width:auto;max-width:min(420px,88%);overflow-wrap:anywhere}
@media (max-width:760px){.world{min-height:280px;background-position:60% center}.world:before{display:none}.map-word{font-size:1.35rem;letter-spacing:.18em}.portrait-panel img{right:0;width:100%;height:91%;object-position:center bottom}.portrait-quote{left:1rem;right:1rem;width:auto;max-width:none}}

/* Final desktop alignment: give the portrait and all four boundary elements
   equal visual weight instead of letting their content create uneven boxes. */
@media (min-width:761px){
  .portrait-panel img{
    right:50%;
    bottom:-2%;
    width:min(112%,760px);
    height:106%;
    object-position:center center;
    transform:translateX(50%);
  }

  .boundaries{
    align-items:stretch;
  }
  .boundary-copy,
  .boundary-card,
  .community-photo{
    min-height:360px;
    height:100%;
  }
  .boundary-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .boundary-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .community-photo{
    aspect-ratio:auto;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
}

.impact .section-heading h2 span{color:var(--gold)!important}
.ways .section-heading h2 span{color:var(--gold)}
.club-welcome h2 span{color:var(--gold)}
.faq .section-heading h2 span{color:var(--gold)}
.join h2 span{color:var(--gold)}
.community-photo{background-image:linear-gradient(0deg,rgba(3,22,41,.08),rgba(3,22,41,.04)),url("community-together-v2.png")}

/* iPhone polish: contain the hero and tighten the 2–2–1 value grid. */
@media (max-width:600px){
  html,body,main,.hero,.pillars,.club-welcome{width:100%;max-width:100%}
  .hero{overflow:hidden;padding-inline:1.15rem;min-height:700px}
  .hero h1{font-size:clamp(2.65rem,12.5vw,3.75rem);line-height:.94;letter-spacing:-.055em}
  .hero-note{top:92px;right:1.25rem;font-size:1.7rem;max-width:150px}
  .hero-kicker{font-size:.9rem;letter-spacing:.11em}
  .hero-copy{line-height:1.48}
  .hero-actions{gap:.65rem;margin-top:1.45rem}
  .pillars article{display:flex;min-height:158px;flex-direction:column;justify-content:center;padding:1.15rem .7rem}
  .pillars article:last-child{min-height:138px;padding-block:.9rem}
  .line-icon{font-size:2.45rem}
  .pillars h2{margin-top:.7rem}
  .club-welcome{gap:1.5rem;padding:3rem 1.25rem 2.25rem}
  .club-welcome h2{font-size:clamp(2.15rem,10.5vw,3rem);line-height:.98}
  .club-welcome-actions{gap:.65rem;margin-top:.25rem}
}