@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#100a2c;--deep:#09061b;--purple:#9c35ff;--lilac:#d5aaff;--white:#f7f2ff;--muted:#aaa0c3;--mx:0px;--my:0px;--pointer-x:50vw;--pointer-y:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--deep);color:var(--white);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.075;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:screen}.topbar{height:92px;position:absolute;z-index:10;top:0;left:0;right:0;padding:0 6.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(207,157,255,.14);background:linear-gradient(180deg,rgba(14,8,39,.66),transparent)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--white);color:#7619d8;border-radius:50%;font:700 17px 'Space Grotesk';letter-spacing:-2px;box-shadow:0 0 24px #a140ff88}.brand-name{font:700 22px 'Space Grotesk';letter-spacing:1px}.brand-name i{font-style:normal;color:#bf76ff}.nav{display:flex;align-items:center;gap:46px;margin-left:90px}.nav a{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c1b8d4;transition:color .2s;position:relative}.nav a:hover,.nav a.active{color:#dcafff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--purple);box-shadow:0 0 12px var(--purple)}.nav-cta{height:46px;padding:0 18px 0 22px;border:1px solid #bb73ff;border-radius:30px;background:#7b20d7;box-shadow:0 0 22px #7d21d855;display:flex;align-items:center;gap:30px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:.25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 34px #ae4fff88}.nav-cta b,.button b{font-size:17px}.section{position:relative;min-height:100vh;overflow:hidden}.hero{min-height:900px;height:100vh;max-height:1150px;padding:92px 6.2vw 0;display:grid;grid-template-columns:46% 54%;align-items:center;background:radial-gradient(ellipse at 72% 64%,#50119e 0%,#250d58 30%,transparent 62%),radial-gradient(ellipse at 22% 35%,#1e124c 0%,transparent 45%),linear-gradient(112deg,#0c0825 0%,#10092e 56%,#190740 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--pointer-x) var(--pointer-y),rgba(178,82,255,.1),transparent 70%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(205,160,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(205,160,255,.12) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-copy{position:relative;z-index:3;padding:36px 0 34px 1.8vw;align-self:center}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:2px;color:#c7a8ea;margin:0 0 24px;display:flex;gap:10px;align-items:center}.live-dot{width:7px;height:7px;background:#c779ff;border-radius:50%;box-shadow:0 0 14px #c779ff;animation:blink 2s infinite}@keyframes blink{50%{opacity:.3}}h1,h2,p{margin-top:0}.hero h1{font:700 clamp(64px,7.35vw,132px)/.88 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:0 0 23px;text-transform:uppercase;text-shadow:0 4px 42px #0008}.hero h1 span{display:block;white-space:nowrap}.hero h1 em{display:block;color:#c586ff;font-style:normal;font-size:.43em;letter-spacing:.06em;margin-top:23px;text-shadow:0 0 28px #9e3cff77}.hero-lede{font-size:18px;line-height:1.62;color:#d2c9e3;margin-bottom:30px}.hero-actions{display:flex;gap:12px;align-items:center}.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button:active,.nav-cta:active{transform:translateY(1px)}.button-primary{background:linear-gradient(105deg,#a43af5,#6810d3);border:1px solid #cb98ff;box-shadow:0 9px 30px #7b22dc55, inset 0 1px #f3daff55}.button-primary:hover{box-shadow:0 12px 36px #a53dff8a}.button-quiet{background:rgba(255,255,255,.035);border:1px solid #7852a7;color:#e0d4f0}.button-quiet:hover,.button-outline:hover{background:rgba(164,58,245,.17)}.x-glyph{font-size:16px}.contract-panel{margin-top:30px;width:min(100%,510px);padding:15px 17px 13px;background:rgba(10,6,29,.66);border:1px solid rgba(196,142,255,.3);border-left:3px solid #a83eff;backdrop-filter:blur(8px)}.contract-label{display:flex;align-items:center;gap:9px;color:#a99dbd;font:500 9px 'DM Mono';letter-spacing:1.5px;margin-bottom:12px}.tiny-mark{display:grid;place-items:center;width:19px;height:19px;background:#8429df;color:white;border-radius:50%;font:700 8px 'Space Grotesk';letter-spacing:-1px}.contract-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.contract-row code,.community-ca code{font:11px 'DM Mono',monospace;letter-spacing:.4px;color:#f6edff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-button{cursor:pointer;border:0;background:transparent;color:#cf93ff;font:500 9px 'DM Mono';letter-spacing:1.2px;padding:7px 2px;white-space:nowrap;transition:color .2s}.copy-button:hover,.copy-button.copied{color:white;text-shadow:0 0 12px #cf93ff}.copy-button span{margin-left:9px}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:31px;color:#8f83a8;font:9px 'DM Mono';letter-spacing:1.2px}.footline{width:62px;height:1px;background:#8b45c0}.hero-art{position:relative;z-index:2;height:calc(100% - 90px);align-self:end;transform:translate(var(--mx),var(--my));transition:transform .15s ease-out;display:flex;align-items:flex-end;justify-content:center}.hero-art:before{content:"";position:absolute;width:min(55vw,780px);height:min(55vw,780px);right:0;bottom:4%;border-radius:50%;background:radial-gradient(circle,#7624c788 0%,#4c159277 38%,transparent 70%);filter:blur(18px)}.art-halo{position:absolute;width:75%;height:73%;right:0;bottom:9%;border:1px solid #d69aff38;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 50px #9d4aff18,inset 0 0 60px #8e2bdd1c}.orbit{position:absolute;border:1px solid #d4a0ff38;border-radius:50%;pointer-events:none}.orbit-one{width:100%;height:40%;right:-10%;bottom:32%;transform:rotate(-17deg)}.orbit-two{width:76%;height:30%;right:2%;bottom:38%;transform:rotate(20deg);border-style:dashed;opacity:.7}.hero-figure{position:relative;z-index:1;width:min(49vw,750px);height:min(49vw,750px);margin:0 0 -7px 1vw;border-radius:46% 46% 7% 7%;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);filter:drop-shadow(0 28px 46px #070314aa);animation:float 6s ease-in-out infinite}.hero-figure img{width:100%;height:100%;object-fit:cover;object-position:center 35%;mix-blend-mode:normal}.art-label{position:absolute;z-index:2;font:9px 'DM Mono';letter-spacing:1.5px;color:#d5b8f1;display:flex;gap:18px}.art-label i{font-style:normal;color:#9961cb}.label-top{top:14%;right:7%}.label-bottom{bottom:15%;left:4%}.art-stamp{position:absolute;z-index:3;right:4%;bottom:18%;width:97px;height:97px;border:1px solid #e5c9ff;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(12deg);background:#32105d99;box-shadow:0 0 22px #8d32da55}.art-stamp span{font:8px 'DM Mono';letter-spacing:1px;line-height:1.4}.art-stamp b{font:700 29px 'Space Grotesk';letter-spacing:-3px}.spark{position:absolute;color:#ddbaff;text-shadow:0 0 22px #b953ff;animation:twinkle 3.2s ease-in-out infinite}.spark-a{top:20%;left:16%;font-size:22px}.spark-b{top:37%;right:3%;font-size:20px;animation-delay:1s}.spark-c{bottom:32%;left:2%;font-size:29px;animation-delay:1.8s}@keyframes twinkle{50%{transform:scale(.7) rotate(25deg);opacity:.38}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.cityline{position:absolute;bottom:0;left:0;right:0;height:18%;opacity:.52;background:linear-gradient(0deg,#17082f 0%,transparent 100%);border-top:1px solid #d080ff6b;clip-path:polygon(0 69%,3% 69%,3% 36%,6% 36%,6% 50%,10% 50%,10% 20%,12% 20%,12% 61%,15% 61%,15% 42%,18% 42%,18% 70%,22% 70%,22% 31%,24% 31%,24% 60%,28% 60%,28% 17%,30% 17%,30% 66%,33% 66%,33% 45%,37% 45%,37% 72%,41% 72%,41% 26%,43% 26%,43% 65%,46% 65%,46% 48%,51% 48%,51% 69%,55% 69%,55% 35%,58% 35%,58% 63%,62% 63%,62% 20%,65% 20%,65% 66%,69% 66%,69% 42%,72% 42%,72% 70%,77% 70%,77% 24%,79% 24%,79% 59%,84% 59%,84% 37%,87% 37%,87% 68%,92% 68%,92% 14%,94% 14%,94% 62%,100% 62%,100% 100%,0 100%)}.scroll-cue{position:absolute;left:6.2vw;bottom:28px;display:flex;align-items:center;gap:16px;color:#a998be;font:9px 'DM Mono';letter-spacing:1.5px;z-index:4}.scroll-cue b{font-size:16px;color:#cf9aff;animation:bob 1.8s infinite}@keyframes bob{50%{transform:translateY(4px)}}.ticker{height:66px;overflow:hidden;display:flex;align-items:center;background:#8b25d9;border-top:1px solid #d5a6ff;border-bottom:1px solid #d5a6ff;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:4;box-shadow:0 0 32px #811bce55}.ticker-track{display:flex;align-items:center;gap:45px;white-space:nowrap;animation:marquee 30s linear infinite;font:700 16px 'Space Grotesk';letter-spacing:2px}.ticker-track b{color:#e5c7ff;font-size:20px}@keyframes marquee{to{transform:translateX(-50%)}}.story{min-height:980px;background:#110a2b;padding:150px 11vw 115px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:8vw;align-items:center}.section-index{position:absolute;top:67px;left:6.3vw;display:flex;align-items:center;gap:14px;color:#a99bbf;font:9px 'DM Mono';letter-spacing:1.6px}.section-index span:first-child{color:#dbaeff}.section-index i{display:block;width:45px;height:1px;background:#8d47b6}.story-head{grid-column:1;grid-row:1;margin:34px 0 22px}.story-head h2,.night-title h2,.community-content h2{font:700 clamp(58px,7vw,110px)/.91 'Space Grotesk';letter-spacing:-.075em;margin:0}.story-head h2 span,.community-content h2 span{color:#b96aff}.story-copy{grid-column:1;grid-row:2;max-width:460px;color:#c6bad8;font-size:15px;line-height:1.8}.story-copy p+p{margin-top:15px}.text-link{display:inline-flex;align-items:center;gap:20px;margin-top:13px;color:#d8aaff;font:500 10px 'DM Mono';letter-spacing:1px}.text-link b{font-size:16px;transition:transform .2s}.text-link:hover b{transform:translate(3px,3px)}.story-art{grid-column:2;grid-row:1/4;position:relative;width:min(100%,565px);height:650px;justify-self:center}.story-art:before{content:"";position:absolute;inset:7% -7% 0 9%;border:1px solid #bd7cff66;transform:rotate(4deg)}.story-art-glow{position:absolute;inset:12% 6% 0;background:radial-gradient(ellipse,#8c2ce877,transparent 67%);filter:blur(28px)}.story-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:2px;filter:saturate(.9);mask-image:linear-gradient(135deg,#000 0%,#000 76%,transparent 100%);box-shadow:0 20px 80px #05031388}.scribble{position:absolute;top:9%;right:-3%;font:italic 700 25px 'Space Grotesk';line-height:.86;color:#e2c5ff;transform:rotate(9deg);text-shadow:0 0 13px #912fe5}.photo-caption{position:absolute;bottom:15px;left:12px;right:12px;display:flex;justify-content:space-between;font:8px 'DM Mono';letter-spacing:1.2px;color:#e1d4f0}.story-note{position:absolute;bottom:58px;left:11vw;display:flex;align-items:center;gap:17px;color:#9f91b5;font:9px 'DM Mono';letter-spacing:1.1px;line-height:1.8}.story-note p{margin:0}.story-note strong{color:#d5c3eb;font-weight:500}.note-star{font-size:24px;color:#b859ff}.night{min-height:1040px;background:linear-gradient(108deg,#100827 0%,#1e0a46 55%,#260b56 100%);padding:148px 11vw 100px}.night-backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 34%,#7e26d355 0%,transparent 46%),linear-gradient(180deg,#12082d 0%,transparent 61%,#090618 100%)}.moon{position:absolute;top:9%;right:17%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e5c5ff,#a95aff 62%,#5c1ba2);opacity:.62;box-shadow:0 0 100px #9b37ee77}.skyline{position:absolute;left:0;right:0;bottom:23%;height:45%;background-repeat:repeat-x;background-position:bottom;background-size:760px 100%;opacity:.66}.skyline-back{height:35%;opacity:.42;background-image:linear-gradient(0deg,#170a35 0%,#21104b 88%,transparent 89%);clip-path:polygon(0 100%,0 55%,5% 55%,5% 31%,9% 31%,9% 55%,13% 55%,13% 43%,19% 43%,19% 62%,25% 62%,25% 24%,28% 24%,28% 63%,34% 63%,34% 42%,39% 42%,39% 58%,45% 58%,45% 16%,48% 16%,48% 61%,55% 61%,55% 37%,60% 37%,60% 59%,68% 59%,68% 28%,71% 28%,71% 61%,77% 61%,77% 42%,84% 42%,84% 62%,89% 62%,89% 22%,93% 22%,93% 62%,100% 62%,100% 100%)}.skyline-front{bottom:19%;height:32%;opacity:.7;background-image:linear-gradient(0deg,#0c071d 0%,#190b37 90%,transparent 91%);clip-path:polygon(0 100%,0 48%,6% 48%,6% 67%,11% 67%,11% 30%,16% 30%,16% 66%,22% 66%,22% 44%,27% 44%,27% 68%,34% 68%,34% 22%,38% 22%,38% 69%,44% 69%,44% 39%,49% 39%,49% 66%,56% 66%,56% 32%,59% 32%,59% 68%,65% 68%,65% 46%,71% 46%,71% 67%,79% 67%,79% 27%,83% 27%,83% 67%,90% 67%,90% 42%,96% 42%,96% 65%,100% 65%,100% 100%)}.road{position:absolute;bottom:-17%;left:10%;width:100%;height:34%;transform:rotate(-7deg);border-top:2px solid #9b48ff88;border-radius:50%;box-shadow:0 -9px 35px #a942ff55}.night .section-index{z-index:2}.night-title{position:relative;z-index:2;width:40%;margin:50px 0 0}.night-title h2 em{font-style:normal;color:#d291ff}.night-title>p:last-child{max-width:355px;color:#c8b9db;line-height:1.7;font-size:14px;margin-top:25px}.route-card{position:absolute;z-index:3;left:11vw;bottom:16%;width:390px;padding:25px 26px 19px;border:1px solid #bd83eb66;background:#100826bb;backdrop-filter:blur(11px);box-shadow:0 20px 70px #05031366}.route-kicker{display:block;margin-bottom:22px;color:#bf9ad9;font:9px 'DM Mono';letter-spacing:1.5px}.route-stop{display:flex;align-items:center;gap:12px;font:10px 'DM Mono';letter-spacing:1px;color:#eee2fa}.route-stop b{margin-left:auto;color:#ca8aff;font-size:12px}.stop-dot{width:8px;height:8px;border-radius:50%;background:#cc83ff;box-shadow:0 0 13px #d086ff}.stop-dot.pulse{background:#fff;animation:blink 1.4s infinite}.route-line{height:30px;border-left:1px dashed #8e5ca8;margin:4px 0 4px 3.5px}.route-caption{border-top:1px solid #8b55a944;margin-top:20px;padding-top:14px;color:#9f90b3;font:9px 'DM Mono';letter-spacing:.4px}.night-dog{position:absolute;z-index:2;right:4vw;bottom:0;width:min(50vw,720px);height:78%;transform:translate(var(--mx),var(--my));transition:transform .16s ease-out}.night-dog:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#190a4000 40%,#1c094500),linear-gradient(0deg,#100722 0%,transparent 45%);pointer-events:none}.night-dog img{height:100%;width:100%;object-fit:cover;object-position:center 18%;mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 86%,transparent 100%);filter:drop-shadow(0 0 45px #8733db44)}.dog-whisper{position:absolute;z-index:2;top:24%;right:10%;padding:11px 16px;border:1px solid #c99af6;border-radius:50%;background:#170b33;color:#ecd9ff;font:italic 14px 'Space Grotesk';transform:rotate(8deg)}.night-coordinate{position:absolute;bottom:34px;right:6.4vw;color:#9a88b0;font:8px 'DM Mono';letter-spacing:1px;z-index:3}.community{min-height:900px;padding:151px 11vw 0;background:radial-gradient(ellipse at 76% 55%,#4c168577 0%,transparent 39%),linear-gradient(112deg,#100a2c,#140834 58%,#1f0a44);display:grid;grid-template-columns:53% 47%;align-items:center}.community-content{position:relative;z-index:2;padding-bottom:80px}.community-content h2{font-size:clamp(65px,7vw,112px)}.community-copy{max-width:410px;color:#c2b6d2;font-size:15px;line-height:1.8;margin:25px 0}.community-actions{display:flex;gap:13px;flex-wrap:wrap}.button-outline{border:1px solid #a878c9;background:#1b0c39;color:#ecdef8}.community-ca{width:min(100%,500px);display:flex;align-items:center;gap:15px;margin-top:30px;padding-top:16px;border-top:1px solid #9d6fbd55;color:#ab99be;font:9px 'DM Mono';letter-spacing:1.3px}.community-ca code{margin-left:auto}.community-portrait{position:relative;width:min(100%,520px);height:620px;justify-self:center;align-self:end}.community-portrait:before{content:"";position:absolute;inset:10% 0 0;background:radial-gradient(ellipse,#8c36db77,transparent 69%)}.community-portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 22%;mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);filter:drop-shadow(0 0 35px #4b148f88)}.portrait-ring{position:absolute;inset:13% -5% 20%;border:1px solid #c799e955;border-radius:50%;transform:rotate(-18deg)}.portrait-tag{position:absolute;top:15%;right:-3%;font:9px 'DM Mono';line-height:1.7;letter-spacing:1px;color:#dbc3f2;transform:rotate(7deg)}.portrait-seal{position:absolute;bottom:26%;left:2%;width:78px;height:78px;border:1px solid #d8b4f5;border-radius:50%;display:grid;place-items:center;color:#f3e5ff;font:700 24px 'Space Grotesk';letter-spacing:-2px;transform:rotate(-12deg);background:#251044aa}footer{position:absolute;bottom:0;left:0;right:0;height:77px;padding:0 6.2vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aa7ace33;color:#9989ad;font:8px 'DM Mono';letter-spacing:1.1px}footer .brand-mark{width:30px;height:30px;font-size:12px}footer .brand-name{font-size:15px}.toast{position:fixed;z-index:30;right:32px;bottom:30px;padding:14px 19px;background:#5f19a1;border:1px solid #d5a0ff;color:#fff;font:10px 'DM Mono';letter-spacing:.6px;box-shadow:0 10px 35px #0008;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.hero-art.reveal,.night-dog.reveal{transform:translate(var(--mx),var(--my)) translateY(24px)}.hero-art.reveal.in-view,.night-dog.reveal.in-view{transform:translate(var(--mx),var(--my))}
@media(min-width:1600px){.hero{padding-left:max(6.2vw,110px);padding-right:max(6.2vw,110px)}.story,.night,.community{padding-left:max(11vw,190px);padding-right:max(11vw,190px)}}
@media(max-width:1200px){.topbar{padding:0 4vw}.nav{gap:22px;margin-left:15px}.hero{padding-left:4vw;padding-right:4vw;grid-template-columns:49% 51%}.hero h1{font-size:clamp(60px,8vw,98px)}.hero-figure{width:53vw;height:53vw}.story,.night,.community{padding-left:8vw;padding-right:8vw}.story-note{left:8vw}.route-card{left:8vw}.night-dog{right:-5vw;width:54vw}.community-portrait{height:550px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
