@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#080914;--cream:#f5f2ed;--muted:#c4c2d1;--lav:#c8b8ff;--line:rgba(236,232,255,.22);--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{height:82px;position:absolute;z-index:8;top:0;left:0;right:0;padding:0 4.7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(#070812aa,transparent)}.brand{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;letter-spacing:.2em}.brand img{width:47px;height:34px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:46px;font:11px var(--mono);letter-spacing:.18em}.topbar nav a{transition:color .25s}.topbar nav a:hover{color:var(--lav)}.nav-join{border:1px solid var(--lav);border-radius:30px;padding:13px 22px}.nav-join span{padding-left:9px;color:var(--lav)}.scene{position:relative;background-image:linear-gradient(90deg,rgba(7,8,18,.82) 0%,rgba(7,8,18,.22) 48%,rgba(7,8,18,.04) 100%),url('../assets/images/lunar-scene.png');background-position:center;background-size:cover;background-repeat:no-repeat}.hero{height:min(100vh,1080px);min-height:760px;display:flex;align-items:center;padding:100px 4.7vw 74px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 42%,transparent 0 24%,rgba(5,6,15,.11) 56%,rgba(5,6,15,.45) 100%);z-index:-1}.sky-grain{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(1px 1px at 20% 22%,#fff,transparent),radial-gradient(1px 1px at 63% 18%,#fff,transparent),radial-gradient(1px 1px at 78% 35%,#ddd,transparent);background-size:190px 170px,240px 220px,310px 260px;animation:stars 30s linear infinite}.hero-copy{position:relative;z-index:2;transform:translate(var(--px,0),var(--py,0));transition:transform .25s ease-out;margin-top:-15px}.eyebrow{font:11px var(--mono);letter-spacing:.24em;color:#d4caff;text-transform:uppercase}.eyebrow span{padding:0 9px;color:var(--lav)}.eyebrow b{font-weight:400;color:#fff}.hero h1{font-size:clamp(86px,9.1vw,168px);letter-spacing:-.085em;line-height:.79;margin:28px 0 24px;font-weight:800}.hero h1 em,.story h2 em,.quiet-copy h2 em,.community h2 em,.contract h2 em{font-style:normal;color:var(--lav)}.hero-line{font-size:clamp(19px,1.75vw,30px);line-height:1.42;font-weight:300;color:#f4f1f0;margin:0 0 36px}.hero-actions,.community-actions{display:flex;gap:14px}.button{height:54px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 26px;border-radius:40px;font:11px var(--mono);letter-spacing:.16em;transition:transform .25s,background .25s,color .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px) scale(.98)}.button span{font-size:15px}.button-fill{background:var(--lav);color:#100e1b;border:1px solid var(--lav)}.button-fill:hover{background:#e0d7ff}.button-ghost{border:1px solid #d2c3ff;color:#eee9ff;background:#090a17aa}.button-ghost:hover{background:#c8b8ff;color:#100e1b}.ca-inline{margin-top:26px;display:flex;align-items:center;gap:14px;font:11px var(--mono);letter-spacing:.21em;color:#e8e3f0}.ca-inline code{font:inherit;color:#fff}.copy-button{border:0;background:transparent;color:var(--lav);padding:3px;display:flex;align-items:center;gap:9px;cursor:pointer}.copy-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.copy-status{color:var(--lav);letter-spacing:.12em;font-size:9px}.orbit-stamp{position:absolute;width:290px;height:290px;right:17%;top:19%;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.orbit-stamp img{width:156px;height:110px;object-fit:contain;filter:drop-shadow(0 0 28px #c6b8ff66)}.stamp-ring{position:absolute;inset:0;border:1px solid #d8caff32;border-radius:50%;box-shadow:0 0 75px #c8b8ff0b inset}.stamp-ring:before,.stamp-ring:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#d7caff;box-shadow:0 0 12px #d7caff}.stamp-ring:before{top:18%;right:20%}.stamp-ring:after{bottom:19%;left:13%}.orbit-stamp small{position:absolute;bottom:11px;font:8px var(--mono);letter-spacing:.28em;color:#d8d3e6}.hero-bottom{position:absolute;bottom:34px;left:4.7vw;right:4.7vw;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.24em;color:#efedf4}.hero-bottom a{display:flex;gap:14px;align-items:center}.hero-bottom b{font-size:20px;color:var(--lav);font-weight:300}.coordinates{position:absolute;right:4.8vw;top:51%;font:8px/1.8 var(--mono);letter-spacing:.16em;color:#d5d1dd88;text-align:right}.marquee{height:74px;overflow:hidden;border-top:1px solid #d4caff44;border-bottom:1px solid #d4caff44;display:flex;align-items:center;background:#0c0c19}.marquee div{white-space:nowrap;animation:marquee 32s linear infinite;font-size:17px;font-weight:600;letter-spacing:.28em;color:#d7d0e9}.marquee i{font-style:normal;color:var(--lav);padding:0 42px}.story{min-height:880px;padding:150px 10vw 90px;background-position:center 42%;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.story:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080914eF 0%,#080914d9 52%,#0809148a 100%)}.section-index{position:absolute;z-index:1;top:112px;left:10vw;font:10px var(--mono);letter-spacing:.22em;color:#c9c0df}.story-copy,.story-note{position:relative;z-index:1;opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.story-copy.in-view,.story-note.in-view,.quiet-copy.in-view,.community-content.in-view,.contract-inner.in-view{opacity:1;transform:translateY(0)}.story h2,.quiet-copy h2,.community h2,.contract h2{font-size:clamp(56px,6vw,102px);line-height:.98;letter-spacing:-.07em;margin:25px 0}.body-copy{max-width:510px;color:#d4d0dc;font-size:17px;line-height:1.85;font-weight:300}.text-link{display:inline-flex;gap:22px;margin-top:24px;font:10px var(--mono);letter-spacing:.18em;border-bottom:1px solid #d6caff88;padding-bottom:12px}.text-link span{color:var(--lav);font-size:16px}.story-note{justify-self:end;margin:110px 8% 0 0;padding:34px 0 0 32px;border-left:1px solid #d4caff88}.note-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--lav);box-shadow:0 0 18px var(--lav)}.story-note p{font-size:34px;font-weight:300;line-height:1.3;letter-spacing:-.04em}.story-note small{font:8px var(--mono);letter-spacing:.2em;color:#c1b9d0}.section-foot{position:absolute;bottom:38px;left:10vw;right:10vw;z-index:1;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.2em;color:#d5d0dd}.section-foot b{color:var(--lav);font-weight:400}.quiet{min-height:850px;padding:120px 12vw;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:8vw;background:linear-gradient(145deg,#0c0c1b,#131322 55%,#090a13);position:relative;overflow:hidden}.quiet-art{height:590px;position:relative;border:1px solid #d7caff30;background:radial-gradient(ellipse at 52% 36%,#1d1a32,#090a14 63%);overflow:hidden}.quiet-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 16%,#fff,transparent),radial-gradient(2px 2px at 63% 26%,#fff,transparent),radial-gradient(1px 1px at 80% 72%,#d8caff,transparent),radial-gradient(1px 1px at 34% 81%,#fff,transparent);background-size:190px 180px;opacity:.7}.moon-disc{position:absolute;width:350px;height:350px;border-radius:50%;left:50%;top:34%;transform:translate(-50%,-50%);background:radial-gradient(circle at 36% 35%,#f1eafa,#a19bb4 46%,#474358 70%,#171624 75%);box-shadow:0 0 90px #c7b8ff3a}.quiet-label{position:absolute;z-index:2;top:24px;left:26px;font:9px var(--mono);letter-spacing:.2em;color:#d3cae5}.quiet-label span{color:#8c839e}.quiet-quote{position:absolute;z-index:3;left:34px;bottom:38px;font-size:38px;line-height:1.2;letter-spacing:-.06em;font-weight:500}.quiet-quote em{font-style:normal;color:var(--lav)}.quiet-mark{position:absolute;right:29px;bottom:35px;z-index:4;width:56px;height:56px;border:1px solid #d7caff77;border-radius:50%;display:grid;place-items:center}.quiet-mark img{width:35px;height:27px;object-fit:contain}.quiet-copy{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.quiet-copy h2{font-size:clamp(60px,6vw,100px)}.quiet-copy>p:not(.eyebrow){max-width:390px;color:#c9c6d2;font-size:17px;line-height:1.8;font-weight:300}.quiet-meta{margin-top:65px;display:flex;justify-content:space-between;max-width:400px;border-top:1px solid #d8d3e42e;padding-top:16px;font:8px var(--mono);letter-spacing:.16em;color:#aaa3b6}.star{position:absolute;z-index:2;border-radius:50%;background:#fff;box-shadow:0 0 13px #fff}.s1{width:4px;height:4px;top:25%;left:24%}.s2{width:3px;height:3px;top:18%;right:20%}.s3{width:3px;height:3px;bottom:36%;left:18%}.community{height:770px;padding:135px 12vw 90px;display:flex;align-items:center;background-position:center 60%;overflow:hidden}.community:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080914ed,#0809149c 50%,#08091455)}.community-content{position:relative;z-index:2;max-width:600px;opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.community h2{font-size:clamp(76px,8vw,130px)}.community-content>p:not(.eyebrow){font-size:17px;font-weight:300;color:#d3cfda;margin:18px 0 30px}.community-emblem{position:absolute;right:17%;top:25%;width:300px;height:300px;border-radius:50%;border:1px solid #d8caff45;display:grid;place-items:center;box-shadow:0 0 100px #b7a0ff17 inset}.community-emblem img{width:160px;height:110px;object-fit:contain;filter:drop-shadow(0 0 24px #c8b8ff77)}.community-emblem span{position:absolute;bottom:34px;font:8px var(--mono);letter-spacing:.26em;color:#d4cce7}.contract{min-height:560px;background:#0b0b16;padding:90px 10vw 0;display:flex;flex-direction:column;justify-content:space-between}.contract-inner{display:flex;justify-content:space-between;align-items:center;gap:70px;max-width:1250px;width:100%;margin:0 auto 80px;opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.contract h2{font-size:clamp(54px,5vw,86px);margin-bottom:0}.contract-box{width:min(560px,50%);border-top:1px solid #d8caff7a;padding-top:19px}.contract-box>span{font:9px var(--mono);letter-spacing:.22em;color:#aaa3b7}.address-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0;padding:18px 20px;border:1px solid #d8caff42;background:#11111e}.address-line code{font:12px var(--mono);letter-spacing:.1em;color:#fff;overflow:hidden;text-overflow:ellipsis}.large-copy{font:9px var(--mono);letter-spacing:.15em;white-space:nowrap}.large-copy svg{width:19px;height:19px}.contract-links{display:flex;gap:32px;font:9px var(--mono);letter-spacing:.18em}.contract-links a:hover{color:var(--lav)}.contract-links span{color:var(--lav);padding-left:8px}footer{height:83px;border-top:1px solid #d7caff32;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.16em;color:#bcb6c7}footer .brand{font-family:var(--sans);font-size:11px;color:#fff}footer .brand img{width:32px;height:24px}.toast{position:fixed;z-index:20;bottom:30px;left:50%;transform:translate(-50%,20px);padding:13px 20px;background:#d1c2ff;color:#13101e;border-radius:30px;font:9px var(--mono);letter-spacing:.15em;opacity:0;pointer-events:none;transition:.3s}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes stars{to{background-position:190px 170px,-240px 220px,310px -260px}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1100px){.hero{min-height:700px}.orbit-stamp{right:9%;width:220px;height:220px}.orbit-stamp img{width:120px}.story{padding-left:7vw;padding-right:7vw}.quiet{padding-left:7vw;padding-right:7vw;gap:5vw}.quiet-art{height:500px}.community-emblem{right:8%;width:240px;height:240px}.contract{padding-left:7vw;padding-right:7vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}