:root{color-scheme:light;--green:#fafafa;--cream:#171717;--lime:#eeeeee;--muted:#505050;--ink:#191919;background:#fafafa;color:#171717}
.living-page{background:#fafafa;isolation:isolate;min-height:100svh;font-family:Arial,Helvetica,sans-serif}
.fluid-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#fafafa}
#fluid-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease}
#fluid-canvas.ready{opacity:1}
.fluid-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,250,250,.35),transparent 55%)}
.living-page .masthead{padding-top:30px;padding-bottom:30px}
.living-page .wordmark{display:inline-flex;align-items:center;gap:5px;font-size:22px;letter-spacing:-1px}
.wordmark>span:first-child,.brand-dot,.living-page .wordmark>span:not(.brand-dot){color:#171717}
.brand-orbit{display:inline-block;flex-shrink:0;width:33px;height:35px;margin-right:9px;border:7px solid #171717;border-right-color:#666;border-bottom-color:#aaa;border-radius:50%;transform:rotate(-24deg);box-shadow:2px 3px 5px #00000020}
.living-page .launch{gap:7%;grid-template-columns:1.5fr 1fr;padding-top:60px;padding-bottom:70px}
.living-page .statement{position:relative}
.living-page h1{text-shadow:0 2px 18px #ffffff55;font-size:clamp(62px,8vw,115px)}
.living-page h1 em,.registration h1 em{color:#494949}
.living-page .intro{color:#444}
.living-page .eyebrow{letter-spacing:2.3px}
.living-page .header-note{color:#444}
.living-page .join-card{background:#fafafa;border:1px solid #ffffffb8;border-radius:22px;box-shadow:0 22px 70px #00000024,0 2px 5px #0000000a;padding:36px 32px}
.living-page .join-card h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:37px;letter-spacing:-1.8px}
.living-page .card-arrow{right:23px;top:15px}
.living-page .qr-link{border-radius:10px;overflow:hidden;box-shadow:0 7px 20px #0000000a;filter:grayscale(1)}
.button,.living-page .button{background:#191919;color:#fff;border-radius:9px;box-shadow:0 5px 16px #00000015}
.button:hover,.living-page .button:hover{background:#373737;transform:translateY(-2px)}
.living-page footer,footer{border-color:#00000022;color:#484848}
.motion-toggle{padding:9px 14px;border:1px solid #55555550;border-radius:30px;color:#303030;font-size:11px;background:#ffffff80;cursor:pointer}
.motion-toggle:hover{border-color:#222;color:#111}
.divider{color:#666}.divider:before,.divider:after{background:#d4d4d4}
.dot{background:#333}.form-card{background:#fafafa}.field input{background:#fff;border-color:#aaa}.field-hint,.privacy,.small-note,.optional,.form-intro,.thank-you>p:not(.eyebrow){color:#555}.consent input{accent-color:#222}.success-mark{background:#e3e3e3}.error{color:#222;font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#222}
.connection-art{display:block;width:100%;max-width:460px;height:auto;margin-top:28px;border-radius:22px;mix-blend-mode:lighten}
@media(prefers-reduced-motion:no-preference){
  .living-page .button{transition:transform .2s ease,background .2s ease}
  @keyframes organic-orbit{0%{transform:rotate(-24deg);border-radius:40% 60% 53% 47% / 48% 42% 58% 52%}50%{border-radius:60% 40% 42% 58% / 62% 56% 44% 38%}100%{transform:rotate(20deg);border-radius:47% 53% 60% 40% / 38% 60% 40% 62%}}
}
@media(max-width:760px){
  .living-page .wordmark{font-size:18px;gap:4px}
  .brand-orbit{width:27px;height:29px;border-width:6px;margin-right:6px}
  .living-page .launch{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:40px}
  .living-page h1{font-size:clamp(58px,12.2vw,88px)}
  .fluid-scene{background-position:55% center}
  .fluid-shade{background:linear-gradient(90deg,#fafafa55,transparent)}
  .living-page .join-card{border-radius:20px;padding:32px 26px}
  .living-page .join-card h2{font-size:33px}
  .living-page footer{justify-content:center;text-align:center}
  .living-page footer>span:last-child{display:none}
  .connection-art{max-height:180px;object-fit:cover;object-position:50% 48%;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){#fluid-canvas{transition:none}.living-page .button:hover{transform:none}}
