:root{color-scheme:dark;font-family:"Century Gothic","Avenir Next",Avenir,"Segoe UI",sans-serif;color:#f7f8ff;background:#252d3b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #6ce6ff;outline-offset:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-80px;left:20px;z-index:10;background:white;color:#182134;padding:14px}.skip:focus{top:12px}.scenery{position:absolute;inset:0;min-height:100svh;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 48% -12%,#7b8da8 0,transparent 49%),radial-gradient(ellipse at 45% 85%,#354258,transparent 55%),#242b37}.scene-side{position:absolute;inset:0;background-image:url('scene.png');background-repeat:no-repeat;background-size:100% 100%;will-change:transform;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.015)}.left{clip-path:polygon(0 7%,10% 9%,10% 15%,24% 15%,24% 78%,0 84%);mask-image:linear-gradient(to right,#000 80%,transparent)}.right{clip-path:polygon(90% 6%,100% 0,100% 84%,76% 78%,76% 13%,90% 13%);mask-image:linear-gradient(to left,#000 80%,transparent)}.floor{position:absolute;inset:79% 0 0;background:radial-gradient(ellipse at -3% 100%,#ffae5899,transparent 27%),radial-gradient(ellipse at 100% 100%,#ff77c6a3,transparent 27%),radial-gradient(ellipse at 17% 0%,#7b42f54d,transparent 30%),radial-gradient(ellipse at 87% 0%,#08c5ff4d,transparent 30%);border-top:1px solid #dbeaff1c;box-shadow:0 -8px 35px #9dcaff0c}.page{position:relative;min-height:100svh;max-width:1672px;margin:auto;display:flex;flex-direction:column}.header{width:78%;margin:0 auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:163px;flex:none}.brand span{display:block;position:relative;width:100%;height:48px;overflow:hidden}.brand img{position:absolute;width:100%;height:auto;top:-3px}.header nav{display:flex;gap:42px;align-items:center}.header nav a{text-transform:uppercase;font-size:13px;letter-spacing:3px;padding:12px 0;transition:color .2s}.header nav a:hover{color:#71e4ff}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:64px;padding:16px 38px;border-radius:50px;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1.3px;transition:transform .2s,box-shadow .2s;background:#202735b3;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button span{font-size:23px;font-weight:400}.button.outline{border:1.5px solid transparent;background:linear-gradient(#232b39,#232b39) padding-box,linear-gradient(115deg,#67dcff,#eab3d9 80%,#fff0cb) border-box;box-shadow:0 0 18px #b3b8ff16}.button.compact{min-height:48px;padding:10px 29px;box-shadow:0 0 17px #a7bfff55}.button.primary{color:#14223e;background:#fff;border:1px solid #eefaff;box-shadow:0 0 24px #c5d3ffb0,0 0 50px #80baff30}.button.primary:hover{box-shadow:0 0 34px #c5d3ffdd}.hero{text-align:center;width:100%;padding:26px 20px 65px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{margin:0;width:min(780px,58vw);line-height:0}.title{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 12px #0004)}.tagline{margin:15px 0 24px;font-size:clamp(23px,2.45vw,41px);letter-spacing:3px;background:linear-gradient(95deg,#00e4ef 0%,#008cff 37%,#b900ff 51%,#ff267b 67%,#ffce00 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{max-width:800px;font-size:18px;line-height:1.6;letter-spacing:.25px}.intro p{margin:0}.intro strong{font-size:20px}.actions{display:flex;gap:22px;margin-top:34px}.actions .button{min-width:270px}.features{width:84%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0 34px;min-height:174px}.features > div{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:0 12px;transition:color .2s}.features > div:hover{color:#8beaff}.features > div+div:before{content:"";position:absolute;left:0;top:12px;bottom:16px;width:1px;background:#dce5ff66}.features svg{height:39px;width:39px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:17px}.features strong{font-size:14px;letter-spacing:1.3px;line-height:1.4;text-transform:uppercase}.features span{font-size:14px;margin-top:5px;color:#e0e1eb}dialog{color:#f7f8ff;width:min(620px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid #93c6e877;border-radius:24px;padding:42px;background:radial-gradient(ellipse at top left,#37445d,#1b2230 75%);box-shadow:0 20px 120px #0009}dialog::backdrop{background:#0b101bba;backdrop-filter:blur(10px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:14px;top:10px;color:white;background:none;border:none;font-size:32px;cursor:pointer;width:42px;height:42px}dialog h2{font-size:30px;margin:10px 0 16px}dialog p{line-height:1.7;color:#dce2ef}dialog .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#65dfff}.vendor-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.vendor-list article{padding:18px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff05}.vendor-list h3{margin:0 0 8px;font-size:17px}.vendor-list p{margin:0;font-size:14px}dialog li{padding:8px 0;line-height:1.6}dialog .button{margin-top:12px;white-space:normal;font-size:12px}.no-script{position:relative;padding:24px;text-align:center;background:#182132}
@media(min-width:1700px){.scenery{max-height:1100px}.page{max-height:1100px}.hero{padding-top:50px}h1{width:850px}}
@media(max-width:1100px){.header{width:90%;gap:20px}.header nav{gap:22px}.header nav a{font-size:11px;letter-spacing:2px}.brand{width:130px}.brand span{height:39px}.button.compact{padding:10px 20px;font-size:11px}.hero{padding-top:40px;padding-bottom:60px}h1{width:70vw}.intro{font-size:16px;max-width:650px}.intro strong{font-size:18px}.tagline{letter-spacing:2px}.features{width:94%}.features span{font-size:12px}.features strong{font-size:12px}.left{clip-path:polygon(0 12%,19% 12%,19% 78%,0 84%)}.right{clip-path:polygon(81% 12%,100% 8%,100% 84%,81% 78%)}}
@media(max-width:700px){.scenery{position:fixed;background:radial-gradient(ellipse at 50% 0,#53657d,transparent 55%),#252d3b}.scene-side{background-size:auto 100%;opacity:.65}.left{background-position:left;clip-path:polygon(0 18%,20% 18%,20% 83%,0 86%)}.right{background-position:right;clip-path:polygon(80% 18%,100% 18%,100% 86%,80% 83%)}.floor{inset:78% 0 0}.header{min-height:116px;flex-wrap:wrap;gap:10px;padding:17px 0}.brand{width:122px}.brand span{height:37px}.header .compact{margin-left:auto;min-height:41px;padding:8px 16px}.header nav{order:3;width:100%;justify-content:space-between;gap:12px}.header nav a{font-size:10px;letter-spacing:1.5px}.hero{padding:40px 18px 44px;justify-content:flex-start}h1{width:min(100%,530px)}.tagline{font-size:25px;line-height:1.45;letter-spacing:1px;margin:24px 0 22px;max-width:360px}.tagline span{display:block}.intro{font-size:15px;max-width:440px;text-shadow:0 2px 10px #111}.intro strong{font-size:16px}.intro p+p{margin-top:10px}.desktop-break{display:none}.actions{width:min(100%,350px);flex-direction:column;gap:16px;margin-top:30px}.actions .button{min-height:56px;width:100%;font-size:12px}.features{grid-template-columns:1fr 1fr;gap:30px 0;padding:26px 0 36px;width:94%}.features > div:nth-child(3):before{display:none}.features svg{height:32px;margin-bottom:12px}.features strong{font-size:11px;letter-spacing:1px}.features span{font-size:12px}.features > div{padding:0 6px}dialog{padding:32px 24px}.vendor-list{grid-template-columns:1fr}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.scene-side{transform:none}}

/* Community signup and celebration */
.header{min-height:88px}.button{cursor:pointer}.community-invite{font-size:14px;letter-spacing:.6px;color:#e0e9f8;margin:23px 0 0}.connect{position:relative;isolation:isolate;animation:connect-breathe 3.8s ease-in-out infinite}.connect:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:linear-gradient(110deg,#00dcff66,#b975ff44,#ff90ce55);filter:blur(18px);z-index:-1;animation:halo-breathe 3.8s ease-in-out infinite;pointer-events:none}.button:hover,.button.primary:hover{transform:scale(1.055);box-shadow:0 0 35px #e5f6ff,0 0 80px #86c5ffa8;animation-play-state:paused}.button:active{transform:scale(1.015)}.button:disabled{cursor:wait;opacity:.7}.button:disabled:hover{transform:none}.close{border-radius:50%;transition:transform .2s,box-shadow .2s}.close:hover{transform:scale(1.1);box-shadow:0 0 24px #8bdfff88}.features>div:hover{color:inherit}#signup-form{margin-top:26px}#signup-form[hidden]{display:none}#signup-form>label:first-child{display:block;font-size:14px;margin-bottom:10px}input[type=email]{width:100%;padding:16px 18px;border-radius:12px;border:1px solid #91b1d066;background:#101927;color:#fff;font:inherit;font-size:17px}input:focus-visible{outline:2px solid #70dfff;outline-offset:3px}.consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.6;color:#dce2ef}.consent input{margin-top:4px;accent-color:#75ddff;width:17px;height:17px;flex:none}#submit-signup{width:100%}#signup-status{min-height:1.7em;margin-bottom:0}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#effects{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;background:transparent;border:0;overflow:hidden;pointer-events:none;z-index:9999}#effects::backdrop{background:transparent;pointer-events:none}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.celebration-shade{position:absolute;inset:0;background:#040713;opacity:0;transition:opacity .55s ease;pointer-events:none}.celebrating .celebration-shade{opacity:.83}@keyframes connect-breathe{0%,100%{box-shadow:0 0 22px #c5e3ffb0,0 0 46px #80baff55}50%{box-shadow:0 0 35px #e7f7ffdd,0 0 72px #96caff88}}@keyframes halo-breathe{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media(max-width:700px){.header{min-height:76px}.hero{padding-top:26px}.community-invite{font-size:12px}}@media(prefers-reduced-motion:reduce){.connect,.connect:before{animation:none}.button:hover,.close:hover{transform:none}#effects{display:none!important}}
