:root{--ink:#08171D;--ink2:#0E2630;--paper:#E7EEF0;--dim:rgba(231,238,240,.72);--faint:rgba(231,238,240,.25);--quiet:rgba(231,238,240,.45);--green:#7FB8A4;--green-wash:rgba(127,184,164,.22);--coral:#E0603F;--coral-wash:rgba(224,96,63,.28);--pad:clamp(24px,6.6vw,96px)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--paper);font-family:Poppins,sans-serif}
body{text-transform:uppercase;letter-spacing:.06em;text-align:center}
a{color:var(--paper);text-decoration:none}a:hover{color:var(--green)}
nav{position:sticky;top:0;z-index:5;background:rgba(8,23,29,.92);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(20px,4.4vw,64px);border-bottom:1px solid var(--faint)}
nav .wm{font:500 14px/1 Poppins,sans-serif;white-space:nowrap}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;font:400 12px/1.4 Poppins,sans-serif;color:var(--dim)}
nav a{color:inherit}
section{min-height:min(100svh,900px);padding:var(--pad);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(24px,3.3vw,48px)}
section.alt{background:var(--ink2)}
p{margin:0}
.k{font:500 clamp(16px,2.1vw,30px)/1.35 Poppins,sans-serif}
.h{font:500 clamp(30px,4.4vw,64px)/1.2 Poppins,sans-serif;letter-spacing:.04em;max-width:1000px;text-wrap:pretty}
.stat{font:600 clamp(56px,8.3vw,120px)/1 Poppins,sans-serif;letter-spacing:-.02em}
.hero{font:600 clamp(104px,14vw,200px)/1 Poppins,sans-serif;letter-spacing:-.02em}
.sup{font:500 clamp(18px,2.4vw,34px)/1.35 Poppins,sans-serif;max-width:1000px;text-wrap:pretty}
.body{font:500 clamp(15px,1.7vw,24px)/1.4 Poppins,sans-serif;text-wrap:pretty}
.fn{font:400 14px/1.4 Poppins,sans-serif;color:var(--dim);text-transform:none;letter-spacing:0;max-width:900px}
.g{color:var(--green)}.o{color:var(--coral)}.d{color:var(--dim)}
.tag{position:absolute;white-space:nowrap;left:14px;top:12px;font:600 11px/1 Poppins,sans-serif;letter-spacing:.16em;padding:6px 9px;border:1px solid currentColor}
.tag.today{color:var(--coral)}.tag.proposed{color:var(--green)}.tag.scale{color:var(--dim)}
.panel{position:relative;background:var(--ink);border:1px solid var(--faint);min-width:0}
.panel svg{display:block;width:100%;height:auto}
.panel .cap{font:400 12px/1.4 Poppins,sans-serif;color:var(--dim);text-transform:none;letter-spacing:0;padding:10px 14px;text-align:left;border-top:1px solid var(--faint)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:1240px}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(100svh,760px)}
.split>div{padding:var(--pad) clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,2.2vw,32px)}
.zones{display:grid;grid-template-columns:repeat(4,clamp(48px,6.6vw,96px));gap:12px}
.zones span{height:clamp(36px,5vw,72px);border:2px solid var(--paper)}
.zones span.on{border-color:var(--green);background:var(--green)}
.dots-ring{display:inline-block;width:max-content;max-width:100%;border:2px dashed rgba(127,184,164,.6);border-radius:999px;padding:clamp(14px,2vw,28px) clamp(20px,3vw,44px)}
.dots{display:grid;grid-template-columns:repeat(14,clamp(14px,2.2vw,36px));gap:clamp(6px,.9vw,14px);justify-content:center}
.dots span{aspect-ratio:1;border-radius:50%;background:var(--green)}
.members{display:flex;flex-direction:column;gap:28px;font:500 11px/1.9 Poppins,sans-serif;letter-spacing:.14em;color:var(--quiet)}
.members b{display:block;color:var(--green);font-weight:500;margin-bottom:4px}
.members div{display:flex;flex-direction:column}
.hero-wrap{position:relative;width:100%;display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:24px;align-items:center}
.hero-wrap .members.l{text-align:left}.hero-wrap .members.r{text-align:right}
.hero-center{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,2.5vw,36px)}
.bar{width:100%;max-width:900px;display:flex;flex-direction:column;gap:20px}
.track{position:relative;height:28px;background:var(--faint)}
.labels{position:relative;height:26px;font:500 clamp(13px,1.4vw,20px)/1.3 Poppins,sans-serif}
.labels>span{position:absolute;white-space:nowrap}
footer{padding:var(--pad) var(--pad) 48px;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3vw,48px);border-top:1px solid var(--faint)}
.field{width:min(520px,100%);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--paper);padding-bottom:12px;font:400 16px/1 Poppins,sans-serif;text-transform:none;letter-spacing:0}
.signup{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}
.signup .field{width:100%;gap:12px}
.signup input[type=email]{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--paper);font:400 16px/1.4 Poppins,sans-serif;padding:4px 0}
.signup input[type=email]::placeholder{color:var(--dim)}
.signup button{background:none;border:0;padding:4px 0;cursor:pointer;color:var(--paper);font:500 16px/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.signup button:hover,.signup button:focus-visible{color:var(--green)}
.signup .field:focus-within{border-bottom-color:var(--green)}
.signup [hidden]{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;font:400 13px/1.4 Poppins,sans-serif;color:var(--dim)}
.disc{font:300 13px/1.5 Poppins,sans-serif;color:var(--dim);text-transform:none;letter-spacing:0;max-width:800px}
@media (max-width:900px){
  .grid3{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .hero-wrap{grid-template-columns:1fr}
  .members{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:10px;line-height:1.6}
  .members div{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 10px}
  .members b{display:inline;margin:0 6px 0 0}
  .hero-wrap .members.l,.hero-wrap .members.r{text-align:center}
  .hero-wrap .members.r{order:3}
  nav{flex-direction:column;align-items:flex-start;gap:10px}
  nav ul{justify-content:flex-start;font-size:11px;gap:6px 14px}
}
@media (max-width:600px){
  section{min-height:0;padding:72px 20px}
  .split{min-height:0}
  .split>div{padding:72px 20px}
  .dots{grid-template-columns:repeat(9,clamp(14px,6vw,26px));gap:8px}
  .dots-ring{border-radius:28px;padding:18px 20px}
  .hero{font-size:96px}
  .zones{grid-template-columns:repeat(4,minmax(0,56px));gap:8px}
  .labels{height:auto!important;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}
  .labels>span{position:static;transform:none!important;text-align:left!important;white-space:normal}
  .panel .cap{font-size:11px}
  footer{padding:72px 20px 40px}
  .links{flex-direction:column;align-items:center;gap:14px}
}