:root {
  --ink: #100714;
  --panel: #170c1d;
  --panel-2: #24122c;
  --line: rgba(255, 222, 255, .15);
  --paper: #fff5ff;
  --muted: #c5b0c9;
  --mint: #ff66d5;
  --ice: #d9a6ff;
  --cyan: #a85fff;
  --mono: "DM Mono", monospace;
  --display: "Space Grotesk", sans-serif;
  --body: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--body); overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 20; background: linear-gradient(90deg, transparent 49.9%, rgba(255,102,213,.035) 50%, transparent 50.1%); background-size: 120px 100%; mask-image: linear-gradient(to bottom, black, transparent 70%); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; }
.noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .065; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; z-index: 19; width: 430px; height: 430px; border-radius: 50%; pointer-events: none; opacity: .16; background: radial-gradient(circle, var(--cyan) 0, rgba(255,102,213,.14) 24%, transparent 68%); transform: translate(-50%, -50%); left: -100vw; top: -100vh; mix-blend-mode: screen; transition: opacity .3s; }
.section-shell { width: min(1320px, calc(100% - 80px)); margin: 0 auto; }
.eyebrow { margin: 0 0 17px; color: var(--mint); font: 500 10px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -.075em; }
h1 { max-width: 720px; margin: 0; font-size: clamp(4rem, 8.8vw, 8.6rem); font-weight: 500; line-height: .83; }
h2 { margin: 0; font-size: clamp(3.3rem, 6vw, 6.2rem); font-weight: 500; line-height: .86; }
h1 em, h2 em { color: var(--ice); font-style: normal; }

.site-header { position: absolute; z-index: 10; top: 0; left: 50%; display: flex; width: min(1400px, calc(100% - 80px)); height: 95px; align-items: center; justify-content: space-between; transform: translateX(-50%); border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; gap: 11px; align-items: center; color: var(--paper); font: 700 20px/1 var(--display); letter-spacing: -.07em; }
.brand-mark { display: inline-flex; align-items: end; gap: 2px; height: 20px; transform: skew(-12deg); }
.brand-mark i { display: block; width: 4px; background: var(--mint); }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 14px; }.brand-mark i:nth-child(3) { height: 20px; }
.main-nav { display: flex; gap: clamp(18px, 2.4vw, 38px); margin-left: 9%; }
.main-nav a, .quiet-button { color: #c1c9c9; font: 500 11px var(--mono); letter-spacing: .02em; }
.main-nav a { position: relative; transition: color .2s; }
.main-nav a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; content: ""; background: var(--mint); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.main-nav a:hover { color: var(--paper); }.main-nav a:hover::after { transform: scaleX(1); }
.header-actions { display: flex; gap: 24px; align-items: center; }
.quiet-button { padding: 0; border: 0; background: none; }.quiet-button span { color: var(--mint); }
.header-cta { padding: 11px 14px; border: 1px solid rgba(201,255,118,.45); color: var(--mint); font: 500 10px var(--mono); letter-spacing: .04em; transition: background .25s, color .25s; }.header-cta:hover { background: var(--mint); color: var(--ink); }
.menu-toggle { display: none; width: 38px; height: 32px; padding: 8px 0; border: 0; background: transparent; }.menu-toggle span { display: block; width: 100%; height: 1px; margin: 5px 0; background: var(--paper); transition: transform .2s; }

.hero { position: relative; min-height: 790px; padding-top: 192px; overflow: hidden; }
.hero::before { position: absolute; z-index: -2; top: 0; right: -22%; width: 77%; height: 100%; content: ""; background: radial-gradient(ellipse at 45% 50%, rgba(122,43,146,.52), transparent 62%), radial-gradient(ellipse at 85% 15%, rgba(255,102,213,.22), transparent 43%); }
.hero-copy { position: relative; z-index: 3; width: min(650px, 55%); }
.rating-pill { display: inline-flex; gap: 8px; align-items: center; margin-bottom: 29px; color: #bdc6c4; font: 10px var(--mono); letter-spacing: .02em; }.rating-pill > span:last-child { color: var(--mint); font-size: 15px; }.pulse, .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(201,255,118,.12); }
.hero .eyebrow { margin-bottom: 17px; }
.hero-lede { width: min(480px, 100%); margin: 31px 0; color: #b8c4c3; font-size: 15px; line-height: 1.75; }
.hero-actions { display: flex; gap: 28px; align-items: center; }.button { display: inline-flex; gap: 44px; align-items: center; justify-content: space-between; padding: 16px 18px; border: 1px solid transparent; font: 500 11px var(--mono); letter-spacing: .03em; text-transform: uppercase; transition: transform .22s, background .22s, border .22s; }.button:hover { transform: translateY(-3px); }.button-primary { min-width: 211px; background: var(--mint); color: var(--ink); }.button-primary span { font-size: 18px; }.text-button { padding: 10px 0; border: 0; border-bottom: 1px solid rgba(239,245,242,.35); background: transparent; color: var(--paper); font: 500 10px var(--mono); }.text-button span { padding-left: 13px; color: var(--mint); }
.hero-art { position: absolute; top: 112px; right: -5%; width: min(66vw, 855px); height: 630px; overflow: hidden; }.hero-word { position: absolute; z-index: 1; top: 65px; right: 36px; color: rgba(216,255,248,.23); font: 700 clamp(8rem, 15vw, 14rem)/.68 var(--display); letter-spacing: -.12em; text-align: right; mix-blend-mode: screen; }.orb { position: absolute; border-radius: 50%; filter: blur(1px); }.orb-one { top: 60px; right: 22%; width: 460px; height: 460px; background: radial-gradient(circle at 32% 29%, #c5f3eb 0 3%, #84b6bb 17%, #275963 44%, rgba(20,30,40,.08) 70%); box-shadow: inset -70px -70px 90px rgba(4,12,18,.6), 0 0 90px rgba(128,238,226,.18); }.orb-two { top: 20px; right: 6%; width: 180px; height: 180px; background: radial-gradient(circle at 35% 30%, #fdffd9, #b1f07d 20%, #557e58 58%, rgba(12,25,24,0) 70%); opacity: .8; }.grid-sphere { position: absolute; right: 12%; bottom: 5px; width: 520px; height: 280px; border: 1px solid rgba(201,255,118,.3); border-radius: 50% 50% 0 0 / 100% 100% 0 0; background: repeating-radial-gradient(ellipse at center bottom, transparent 0 18px, rgba(176,245,237,.18) 19px 20px), repeating-linear-gradient(90deg, transparent 0 34px, rgba(176,245,237,.16) 35px 36px); transform: perspective(350px) rotateX(54deg); mask-image: linear-gradient(to top, transparent, black 26%, black); }.glass-card { border: 1px solid rgba(230,255,252,.29); background: linear-gradient(140deg, rgba(222,255,250,.19), rgba(74,133,140,.06)); box-shadow: 0 18px 38px rgba(0,0,0,.25); backdrop-filter: blur(7px); }.card-live { position: absolute; z-index: 3; right: 2%; bottom: 60px; width: 258px; padding: 15px; }.live-top { display: flex; gap: 7px; align-items: center; color: var(--paper); font: 9px var(--mono); letter-spacing: .11em; }.live-top span:last-child { margin-left: auto; color: var(--mint); }.live-dot { width: 5px; height: 5px; box-shadow: 0 0 0 3px rgba(201,255,118,.12); }.live-wave { display: flex; height: 44px; gap: 3px; align-items: center; margin: 7px 0 9px; }.live-wave i { display: block; width: 2px; height: 15%; background: var(--ice); animation: equalize 1.25s ease-in-out infinite alternate; }.live-wave i:nth-child(2n) { animation-delay: -.6s; }.live-wave i:nth-child(3n) { animation-delay: -.9s; }.member-row { display: flex; gap: 9px; align-items: center; color: #cad4d2; font-size: 9px; }.avatars { display: flex; }.avatars b { display: grid; width: 19px; height: 19px; margin-left: -5px; border: 1px solid #d7eeec; border-radius: 50%; place-items: center; background: #38616a; color: var(--paper); font: 700 8px var(--mono); }.avatars b:first-child { margin-left: 0; background: #968362; }.avatars b:nth-child(2) { background: #6b5b83; }.avatars b:nth-child(3) { background: #4d836d; }.avatars b:last-child { background: var(--mint); color: var(--ink); }.stat-float { position: absolute; z-index: 3; top: 122px; left: 12%; width: 145px; padding: 14px; border: 1px solid rgba(201,255,118,.35); background: rgba(7,10,14,.48); backdrop-filter: blur(9px); }.stat-float span { color: var(--mint); font: 9px var(--mono); letter-spacing: .1em; }.stat-float strong { display: block; margin: 4px 0 1px; font: 500 43px/.9 var(--display); letter-spacing: -.09em; }.stat-float small { color: #b2c0be; font: 9px var(--mono); }.stat-float small b { color: var(--mint); font-weight: 400; }.scan-line { position: absolute; z-index: 4; top: 0; left: 38%; width: 1px; height: 93%; background: linear-gradient(transparent, var(--mint), transparent); opacity: .65; transform: rotate(30deg); }
.hero-footer { position: absolute; right: 0; bottom: 36px; left: 0; display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--line); }.hero-footer .eyebrow { margin: 0; color: #889594; }.platforms { display: flex; gap: 11px; align-items: center; color: #d2ddda; font: 10px var(--mono); letter-spacing: .12em; }.platforms i { display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--mint); }.scroll-cue { color: #8d9998; font: 9px var(--mono); letter-spacing: .11em; }.scroll-cue span { margin-left: 12px; color: var(--mint); font-size: 15px; }
@keyframes equalize { from { transform: scaleY(.35); } to { transform: scaleY(2.45); } }

.marquee { overflow: hidden; padding: 14px 0; border-top: 1px solid rgba(201,255,118,.55); border-bottom: 1px solid rgba(201,255,118,.55); background: var(--mint); color: var(--ink); }.marquee-track { display: flex; width: max-content; animation: marquee 24s linear infinite; }.marquee span { margin-right: 38px; white-space: nowrap; font: 700 16px var(--display); letter-spacing: -.05em; }.marquee b { margin-left: 38px; color: #479094; font-size: 12px; }@keyframes marquee { to { transform: translateX(-50%); } }

.signal { padding-top: 166px; padding-bottom: 150px; }.section-heading { position: relative; display: flex; align-items: end; justify-content: space-between; margin-bottom: 68px; }.split-heading > p { width: 310px; margin: 0 9% 8px 0; color: #a7b2b1; font-size: 14px; line-height: 1.75; }.benefit-grid { display: grid; grid-template-columns: 1.45fr 1fr 1fr; min-height: 540px; border: 1px solid var(--line); }.benefit { position: relative; min-height: 538px; padding: 22px; overflow: hidden; border-right: 1px solid var(--line); background: radial-gradient(circle at 60% 40%, rgba(84,148,152,.13), transparent 47%), var(--panel); }.benefit:last-child { border: 0; }.card-number { color: #94a19e; font: 10px var(--mono); letter-spacing: .1em; }.benefit-copy { position: absolute; z-index: 2; right: 22px; bottom: 23px; left: 22px; }.benefit-copy .eyebrow { margin-bottom: 12px; color: var(--mint); font-size: 9px; }.benefit h3 { margin: 0 0 11px; font-size: clamp(1.5rem,2vw,2rem); font-weight: 500; line-height: .95; }.benefit-copy > p:last-child { max-width: 390px; margin: 0; color: #94a09f; font-size: 11px; line-height: 1.7; }.radar { position: absolute; top: 49px; left: 50%; width: 290px; height: 290px; border: 1px solid rgba(167,240,241,.25); border-radius: 50%; transform: translateX(-50%); background: repeating-radial-gradient(circle, transparent 0 35px, rgba(167,240,241,.16) 36px 37px); }.radar span { position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background: rgba(167,240,241,.17); transform-origin: top; }.radar span:nth-child(1) { transform: rotate(45deg); }.radar span:nth-child(2) { transform: rotate(90deg); }.radar span:nth-child(3) { transform: rotate(135deg); }.radar i { position: absolute; top: 50%; left: 50%; width: 49%; height: 1px; background: linear-gradient(90deg, var(--mint), transparent); transform-origin: left; animation: radar 4.2s linear infinite; }.radar b { position: absolute; top: 39%; left: 67%; width: 9px; height: 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 7px rgba(201,255,118,.13); } @keyframes radar { to { transform: rotate(360deg); } }.team-orbit { position: absolute; top: 69px; left: 50%; width: 180px; height: 180px; border: 1px solid rgba(201,255,118,.39); border-radius: 50%; transform: translateX(-50%); }.team-orbit::before, .team-orbit::after { position: absolute; top: 50%; left: 50%; width: 130%; height: 45%; border: 1px solid rgba(167,240,241,.21); border-radius: 50%; content: ""; transform: translate(-50%,-50%) rotate(29deg); }.team-orbit::after { transform: translate(-50%,-50%) rotate(-29deg); }.team-orbit span { position: absolute; top: 50%; left: 50%; color: var(--mint); font-size: 31px; transform: translate(-50%,-50%); }.team-orbit i { position: absolute; z-index: 2; width: 13px; height: 13px; border: 2px solid var(--panel); border-radius: 50%; background: var(--ice); }.team-orbit i:nth-of-type(1) { top: -6px; left: 50%; }.team-orbit i:nth-of-type(2) { top: 47%; right: -6px; background: var(--mint); }.team-orbit i:nth-of-type(3) { bottom: -6px; left: 35%; background: #ae9df3; }.team-orbit i:nth-of-type(4) { top: 45%; left: -6px; background: #ffbb82; }.team-orbit b { position: absolute; right: -24px; bottom: 5px; display: grid; width: 38px; height: 38px; border-radius: 50%; place-items: center; background: var(--paper); color: var(--ink); font: 500 13px var(--mono); }.mini-calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; position: absolute; top: 68px; right: 27px; left: 27px; }.mini-calendar span { color: #7d8988; font: 9px var(--mono); text-align: center; }.mini-calendar i { display: block; height: 22px; border: 1px solid rgba(167,240,241,.2); background: rgba(167,240,241,.03); }.mini-calendar i:nth-of-type(3), .mini-calendar i:nth-of-type(7), .mini-calendar i:nth-of-type(11) { border-color: var(--mint); background: rgba(201,255,118,.25); }

.spaces { padding: 142px 0; border-top: 1px solid var(--line); }.spaces .section-heading { align-items: end; }.arrow-link { margin-bottom: 12px; color: var(--ice); border-bottom: 1px solid rgba(167,240,241,.5); font: 10px var(--mono); padding-bottom: 6px; }.arrow-link span { margin-left: 20px; color: var(--mint); font-size: 15px; }.space-list { border-top: 1px solid var(--line); }.space-row { position: relative; display: grid; grid-template-columns: 8% 28% 1fr 17% 30px; min-height: 129px; gap: 20px; align-items: center; padding: 17px 20px; overflow: hidden; border-bottom: 1px solid var(--line); transition: padding .35s, background .35s; }.space-row::before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 0%; content: ""; background: linear-gradient(90deg, rgba(167,240,241,.19), transparent); transition: width .5s cubic-bezier(.18,.8,.2,1); }.space-row:hover { padding-right: 28px; padding-left: 28px; background: rgba(167,240,241,.03); }.space-row:hover::before { width: 100%; }.space-index { color: #889694; font: 10px var(--mono); }.space-name { font: 500 clamp(1.7rem, 3.3vw, 3.4rem)/1 var(--display); letter-spacing: -.08em; }.space-description { max-width: 370px; color: #9ba7a5; font-size: 12px; line-height: 1.6; }.space-members { color: #b8c7c2; font: 10px var(--mono); white-space: nowrap; }.space-members b { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--mint); }.row-arrow { color: var(--mint); font-size: 22px; transition: transform .3s; }.space-row:hover .row-arrow { transform: rotate(45deg); }.midnight .space-name { color: #d5c3ff; }.forge .space-name { color: #ffca91; }.roam .space-name { color: var(--ice); }

.experience { padding: 150px 0; }.experience-top { display: flex; align-items: end; justify-content: space-between; margin-bottom: 70px; }.experience-top > p { width: 350px; margin: 0 9% 9px 0; color: #9ba7a5; font-size: 14px; line-height: 1.7; }.planner { padding: 19px; border: 1px solid rgba(167,240,241,.28); background: radial-gradient(circle at 85% 10%, rgba(167,240,241,.15), transparent 27%), linear-gradient(130deg, #101d25, #0a1016); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }.planner-nav, .planner-footer { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid var(--line); color: #b7c7c4; font: 10px var(--mono); letter-spacing: .08em; }.planner-nav button { width: 28px; height: 28px; margin-left: 5px; border: 1px solid var(--line); background: transparent; transition: border .2s, color .2s; }.planner-nav button:hover { border-color: var(--mint); color: var(--mint); }.planner-days { display: grid; grid-template-columns: repeat(5,1fr); padding: 16px 0; border-bottom: 1px solid var(--line); }.planner-days span { padding-left: 13px; color: #82908e; font: 10px/1.5 var(--mono); }.planner-days b { color: var(--paper); font: 500 20px var(--display); }.planner-days .today { position: relative; color: var(--mint); }.planner-days .today::before { position: absolute; top: -16px; right: 0; left: 0; height: 2px; content: ""; background: var(--mint); }.planner-events { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; min-height: 193px; padding: 15px 0 21px; }.event { position: relative; display: flex; min-height: 148px; flex-direction: column; padding: 12px; overflow: hidden; border: 1px solid; background: rgba(255,255,255,.02); }.event::after { position: absolute; right: -38px; bottom: -63px; width: 150px; height: 150px; border: 1px solid currentColor; border-radius: 50%; content: ""; opacity: .4; }.event span { color: currentColor; font: 9px var(--mono); }.event strong { position: relative; z-index: 1; width: 83%; margin-top: auto; color: var(--paper); font: 500 15px/1.1 var(--display); letter-spacing: -.05em; }.event small { z-index: 1; margin-top: 7px; color: #a8b9b5; font: 9px var(--mono); }.cyan { color: var(--ice); border-color: rgba(167,240,241,.5); }.violet { color: #c6aaff; border-color: rgba(198,170,255,.5); }.lime { color: var(--mint); border-color: rgba(201,255,118,.5); }.orange { color: #ffca91; border-color: rgba(255,202,145,.5); }.planner-footer { padding: 15px 0 0; border: 0; color: #94a19e; }.planner-footer i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--mint); }.planner-footer button { padding: 0; border: 0; background: transparent; color: var(--ice); font: 10px var(--mono); }.planner-footer b { padding-left: 15px; color: var(--mint); font-size: 16px; }

.stories { padding: 150px 0 137px; overflow: hidden; }.stories-heading { display: grid; grid-template-columns: minmax(300px, 1fr) 120px; align-items: end; margin-bottom: 57px; }.stories-controls { display: flex; justify-content: end; gap: 7px; }.stories-controls button { display: grid; width: 45px; height: 45px; border: 1px solid var(--line); place-items: center; background: transparent; color: var(--ice); transition: background .2s, color .2s; }.stories-controls button:hover { background: var(--ice); color: var(--ink); }.story-rail { display: flex; gap: 19px; width: max-content; transition: transform .55s cubic-bezier(.22,.8,.2,1); }.story-card { display: grid; grid-template-columns: 203px 358px; width: 580px; border: 1px solid var(--line); background: var(--panel); }.story-image { position: relative; min-height: 272px; overflow: hidden; }.story-image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent, rgba(3,9,13,.65)); }.story-image span { position: absolute; z-index: 1; right: 22px; bottom: 12px; color: var(--mint); font: 500 87px/.6 var(--display); }.portrait-one { background: radial-gradient(circle at 39% 29%, #d7f0d6 0 7%, transparent 7.5%), radial-gradient(ellipse at 38% 47%, #7aa294 0 16%, transparent 16.5%), radial-gradient(ellipse at 39% 92%, #5b8078 0 32%, transparent 32.5%), linear-gradient(140deg,#527474,#101e25); }.portrait-two { background: radial-gradient(circle at 60% 32%, #c6b58b 0 8%, transparent 8.5%), radial-gradient(ellipse at 60% 49%, #9c6d68 0 17%, transparent 17.5%), radial-gradient(ellipse at 60% 95%, #565b8d 0 33%, transparent 33.5%), linear-gradient(140deg,#6c5c84,#161126); }.portrait-three { background: radial-gradient(circle at 43% 31%, #c49f8f 0 8%, transparent 8.5%), radial-gradient(ellipse at 43% 48%, #a87667 0 16%, transparent 16.5%), radial-gradient(ellipse at 43% 96%, #756d64 0 34%, transparent 34.5%), linear-gradient(140deg,#7a5d4e,#1c1917); }.story-body { display: flex; flex-direction: column; padding: 21px; }.stars { color: var(--mint); font-size: 12px; letter-spacing: .15em; }.story-body > p { margin: 23px 0; color: #dce4e0; font: 500 18px/1.38 var(--display); letter-spacing: -.04em; }.story-body div:last-child { margin-top: auto; }.story-body strong, .story-body span { display: block; font: 10px var(--mono); letter-spacing: .04em; }.story-body strong { margin-bottom: 4px; color: var(--paper); }.story-body span { color: #83918e; font-size: 8px; }

.manifesto { display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; border: 1px solid var(--line); background: var(--panel); }.manifesto-copy { padding: clamp(35px, 7vw, 90px); }.manifesto-copy > p:not(.eyebrow) { max-width: 355px; margin: 32px 0; color: #a8b4b2; font-size: 13px; line-height: 1.8; }.button-ghost { min-width: 182px; border-color: rgba(167,240,241,.55); color: var(--ice); }.button-ghost:hover { background: var(--ice); color: var(--ink); }.manifesto-art { position: relative; display: grid; overflow: hidden; border-left: 1px solid var(--line); place-items: center; background: radial-gradient(circle at 50% 55%, rgba(127,236,229,.32), transparent 9%), radial-gradient(circle at 50% 55%, transparent 0 22%, rgba(167,240,241,.16) 22.2% 22.5%, transparent 22.7%), radial-gradient(circle at 50% 55%, transparent 0 38%, rgba(167,240,241,.13) 38.2% 38.5%, transparent 38.7%), radial-gradient(circle at 50% 55%, transparent 0 54%, rgba(167,240,241,.09) 54.2% 54.5%, transparent 54.7%), #0d191f; }.manifesto-art::before { position: absolute; inset: -40%; content: ""; background: repeating-linear-gradient(0deg, transparent 0 32px, rgba(167,240,241,.12) 33px 34px), repeating-linear-gradient(90deg, transparent 0 32px, rgba(167,240,241,.12) 33px 34px); transform: perspective(400px) rotateX(60deg); }.manifesto-art p { position: relative; z-index: 2; margin: 0; color: #e9f5ee; font: 500 clamp(1.7rem,3vw,3rem)/1.02 var(--display); letter-spacing: -.07em; text-align: center; }.quote-symbol { position: absolute; top: 47px; left: 48px; color: var(--mint); font-size: 33px; }.north-arrow { position: absolute; right: 30px; bottom: 27px; color: #9ab1ad; font: 10px var(--mono); }.north-arrow span { display: block; margin-top: 5px; color: var(--mint); font-size: 18px; text-align: center; }

.faq { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; padding: 160px 0; }.faq-intro > p:last-child { margin-top: 32px; color: #9ba7a5; font-size: 13px; }.faq-intro a { color: var(--ice); border-bottom: 1px solid var(--ice); }.faq-list { border-top: 1px solid var(--line); }.faq details { border-bottom: 1px solid var(--line); }.faq summary { display: flex; align-items: center; justify-content: space-between; padding: 23px 0; color: #e0e7e4; list-style: none; font: 500 17px var(--display); letter-spacing: -.04em; cursor: pointer; }.faq summary::-webkit-details-marker { display: none; }.faq summary span { color: var(--mint); font: 300 24px var(--display); transition: transform .2s; }.faq details[open] summary span { transform: rotate(45deg); }.faq details p { max-width: 525px; padding-bottom: 24px; margin: 0; color: #95a29f; font-size: 12px; line-height: 1.8; }

.join { position: relative; min-height: 574px; padding: 119px 10px; overflow: hidden; border-top: 1px solid var(--line); text-align: center; }.join::before { position: absolute; z-index: -1; top: 50%; left: 50%; width: 760px; height: 760px; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(167,240,241,.25), transparent 51%); transform: translate(-50%,-50%); }.join h2 { position: relative; z-index: 1; }.join > p:not(.eyebrow) { margin: 25px 0 28px; color: #aab7b4; font-size: 13px; }.join .button { position: relative; z-index: 1; }.join-orbit { position: absolute; top: 50%; left: 50%; width: 510px; height: 510px; border: 1px solid rgba(167,240,241,.22); border-radius: 50%; transform: translate(-50%,-50%); }.join-orbit::before, .join-orbit::after, .join-orbit i { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(167,240,241,.17); border-radius: 50%; content: ""; }.join-orbit::before { width: 79%; height: 79%; transform: translate(-50%,-50%); }.join-orbit::after { width: 58%; height: 58%; transform: translate(-50%,-50%); }.join-orbit i { width: 140%; height: 23%; transform: translate(-50%,-50%) rotate(35deg); }.join-orbit i:nth-child(2) { transform: translate(-50%,-50%) rotate(-35deg); }.join-orbit i:nth-child(3) { width: 23%; height: 140%; transform: translate(-50%,-50%) rotate(15deg); }.join-orbit span { position: absolute; top: -7px; left: 50%; color: var(--mint); font-size: 21px; transform: translateX(-50%); }

.site-footer { padding-top: 54px; }.footer-top { display: flex; align-items: end; justify-content: space-between; padding-bottom: 65px; border-bottom: 1px solid var(--line); }.footer-top .brand { font-size: 31px; }.footer-top .brand-mark { height: 29px; }.footer-top .brand-mark i:nth-child(1) { height: 11px; }.footer-top .brand-mark i:nth-child(2) { height: 20px; }.footer-top .brand-mark i:nth-child(3) { height: 29px; }.footer-top p { margin: 0; color: #99a6a3; font-size: 13px; }.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 50px 0; }.footer-links div { display: flex; flex-direction: column; gap: 11px; }.footer-links span { margin-bottom: 4px; color: var(--mint); font: 9px var(--mono); letter-spacing: .12em; }.footer-links a { color: #a8b4b2; font-size: 12px; transition: color .2s; }.footer-links a:hover { color: var(--paper); }.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 17px 0 23px; border-top: 1px solid var(--line); color: #74807e; font: 8px var(--mono); letter-spacing: .08em; }.footer-bottom div { display: flex; gap: 18px; }.footer-bottom button { padding: 0; border: 0; background: none; color: inherit; font: inherit; }
.toast { position: fixed; z-index: 30; right: 25px; bottom: 25px; max-width: 300px; padding: 14px 16px; border: 1px solid rgba(201,255,118,.6); background: #131c1c; box-shadow: 0 15px 30px rgba(0,0,0,.28); color: var(--paper); font: 10px var(--mono); opacity: 0; transform: translateY(15px); transition: opacity .25s, transform .25s; pointer-events: none; }.toast.show { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) { .section-shell { width: min(100% - 42px, 700px); }.site-header { width: calc(100% - 42px); height: 76px; }.main-nav, .header-actions { display: none; }.menu-toggle { display: block; }.site-header.menu-open { position: fixed; width: calc(100% - 24px); padding: 0 9px; border: 1px solid var(--line); background: rgba(7,10,14,.94); backdrop-filter: blur(12px); }.site-header.menu-open .main-nav { position: absolute; top: 74px; right: -1px; left: -1px; display: flex; flex-direction: column; gap: 22px; padding: 24px 20px; border: 1px solid var(--line); border-top: 0; background: rgba(7,10,14,.98); }.site-header.menu-open .header-actions { position: absolute; top: 265px; right: -1px; left: -1px; display: flex; padding: 0 20px 23px; border: 1px solid var(--line); border-top: 0; background: rgba(7,10,14,.98); }.hero { min-height: 760px; padding-top: 148px; }.hero-copy { width: 100%; }.hero-art { top: 292px; right: -13%; width: 650px; height: 430px; opacity: .75; }.hero-word { top: 34px; }.hero-footer { bottom: 21px; }.hero-footer .eyebrow { display: none; }.hero-footer { justify-content: space-between; }.benefit-grid { grid-template-columns: 1fr 1fr; }.feature-large { grid-column: span 2; }.space-row { grid-template-columns: 50px minmax(175px, 1fr) 1fr 30px; }.space-description { display: none; }.space-members { grid-column: 3; }.experience-top > p, .split-heading > p { margin-right: 0; }.planner-events { grid-template-columns: repeat(2, 1fr); }.story-card { grid-template-columns: 180px 310px; width: 510px; }.manifesto { grid-template-columns: 1fr; }.manifesto-art { min-height: 390px; border-top: 1px solid var(--line); border-left: 0; }.faq { gap: 45px; grid-template-columns: 1fr; }.footer-bottom > span:last-child { display: none; } }
@media (max-width: 560px) { .section-shell { width: calc(100% - 32px); } h1 { font-size: clamp(3.8rem, 20vw, 5.2rem); } h2 { font-size: clamp(3.1rem, 16vw, 4.3rem); }.hero { min-height: 740px; }.hero-art { top: 330px; right: -48%; }.hero-lede { font-size: 13px; }.hero-actions { gap: 18px; align-items: start; flex-direction: column; }.hero-footer { width: 100%; }.scroll-cue { font-size: 8px; }.platforms { font-size: 8px; }.signal, .spaces, .experience, .stories, .faq { padding-top: 105px; padding-bottom: 105px; }.section-heading, .experience-top { display: block; margin-bottom: 43px; }.split-heading > p, .experience-top > p { width: auto; margin: 25px 0 0; }.benefit-grid { display: block; }.benefit { min-height: 445px; border-right: 0; border-bottom: 1px solid var(--line); }.benefit:last-child { border-bottom: 0; }.feature-large { min-height: 510px; }.space-row { grid-template-columns: 35px 1fr 24px; gap: 10px; min-height: 93px; padding: 14px 5px; }.space-members { display: none; }.space-name { font-size: 1.85rem; }.planner { padding: 12px; }.planner-days span { padding-left: 3px; font-size: 8px; }.planner-events { display: flex; overflow-x: auto; padding-bottom: 10px; }.event { min-width: 177px; }.planner-footer span { max-width: 160px; font-size: 8px; line-height: 1.5; }.stories-heading { grid-template-columns: 1fr 100px; }.story-card { grid-template-columns: 136px 245px; width: 381px; }.story-image { min-height: 264px; }.story-body { padding: 16px; }.story-body > p { margin: 18px 0; font-size: 15px; }.manifesto-copy { padding: 37px 23px 48px; }.manifesto-art { min-height: 300px; }.quote-symbol { top: 20px; left: 21px; }.footer-top { padding-bottom: 42px; }.footer-links { grid-template-columns: 1fr 1fr; }.footer-links div:last-child { grid-column: span 2; }.footer-bottom { flex-direction: column; gap: 12px; align-items: start; }.footer-bottom div { flex-wrap: wrap; gap: 9px 16px; }.cursor-glow { display: none; } }