@font-face{font-family:Arena;src:url(assets/body.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;color:#f6f8ef;background:radial-gradient(ellipse at 78% 47%,#25342744 0,transparent 60%),#090e0b;font:17px/1.45 Arena,Arial,sans-serif}
main{max-width:1320px;margin:auto;padding:clamp(22px,4vw,56px);min-height:100svh;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:9px;margin-bottom:24px}
.brand img{width:125px;filter:brightness(0) invert(1)}
.brand b,.date,.clock span,footer{font-family:ui-monospace,monospace}
.brand b{font-size:12px;letter-spacing:.05em;border:1px solid #8aaa70;border-radius:4px;padding:0 4px;color:#c1f69a}
.stage{position:relative;isolation:isolate;flex:1;display:grid;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;padding:40px 0 44px}
.art{grid-column:2;grid-row:1;position:relative;isolation:isolate;min-width:0;perspective:950px}
.art::before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#8eed5a1f,transparent 70%);pointer-events:none}
.board{position:relative;aspect-ratio:1;transform:rotateX(33deg) rotateZ(-15deg);transform-style:preserve-3d}
.traces{width:100%;height:100%;display:block;mask-image:radial-gradient(ellipse,#000 30%,#000c 56%,transparent 75%)}
.processor{position:absolute;inset:33%;border:2px solid #7c927c;border-radius:9%;padding:5%;background:linear-gradient(145deg,#738673,#263529 25%,#16221a 62%,#607260);box-shadow:0 4px #364535,0 8px #161e17,0 12px #273627,0 22px 34px #0009,0 0 34px #bdff7a26}
.die{position:absolute;inset:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9%;border:1px solid #a7b7a1;border-radius:7%;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(140deg,#51604b,#233426 42%,#15221a 75%,#394b38);box-shadow:inset 0 1px 2px #c1d0ab99}
.die img{width:80%;filter:brightness(0) invert(1);display:block}
.die b{font:700 clamp(11px,1.4vw,22px)/1 ui-monospace,monospace;letter-spacing:.12em;padding-left:.12em;color:#cdff9e;text-shadow:0 0 12px #a2fc73a6}
.signals{stroke-dasharray:9 270;stroke-dashoffset:0;filter:drop-shadow(0 0 3px #9ef06a)}
.launchStory{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,76px);border-top:1px solid #334035;padding:clamp(24px,4vw,56px) 0}
.launchStory p{max-width:59ch;color:#cbd4ca;margin:0;line-height:1.55}.launchStory strong{color:#f1f6ec}
.launchStory h2{font:650 clamp(30px,3.7vw,52px)/1.05 Arial,sans-serif;letter-spacing:-.055em;margin:12px 0 0}.launchStory em{font-style:normal;color:#c6f59c}
.invite{grid-column:1;grid-row:1}
.date{margin:0;color:#c2f294;letter-spacing:.14em;font-size:14px;font-weight:700}.date span{color:#687465;padding:0 4px}
h1{font-family:Arial,sans-serif;font-size:clamp(66px,7.2vw,106px);line-height:.94;letter-spacing:-.077em;margin:15px 0 24px}h1 em{color:#c6f59c;font-style:normal}
.clock{display:flex;gap:clamp(12px,2vw,28px);border-top:1px solid #3b4a3b;border-bottom:1px solid #3b4a3b;padding:12px 0;width:fit-content}
.clock div{min-width:48px}.clock b{display:block;font:550 clamp(28px,3vw,44px)/1.1 Arial,sans-serif;font-variant-numeric:tabular-nums}.clock span{color:#b2bdaf;text-transform:uppercase;letter-spacing:.09em;font-size:10px}
.offer{font-size:clamp(20px,2vw,27px);margin:21px 0 2px;letter-spacing:-.035em}.offer strong{color:#c6f59c}
#signup>p{margin:0 0 12px;color:#c6cec6}.formWrap{max-width:490px}.formWrap iframe{max-width:100%}
.enter{display:inline-flex;margin-top:16px;padding:12px 22px;color:#11220d;background:#c6f59c;border-radius:10px;font-weight:bold;text-decoration:none}
footer{padding-top:16px;border-top:1px solid #334035;color:#aeb9ad;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px}
@media(prefers-reduced-motion:no-preference){.signals path{animation:pulseAlong 3.2s linear infinite}.signals path:nth-child(2n){animation-delay:-1.6s}@keyframes pulseAlong{to{stroke-dashoffset:-279}}}
@media(max-width:700px){.stage{display:block;padding:10px 0 26px}.art{width:min(100%,370px);margin:0 auto -4px}.brand{margin-bottom:0}.invite{max-width:490px;margin:auto}h1{font-size:clamp(54px,12vw,77px);margin:10px 0 18px}.clock{width:100%;justify-content:space-between}.offer{margin-top:16px}main{padding:18px 22px}}

@media(max-width:700px){.art{width:min(66vw,255px);margin:-20px auto -10px}.launchStory{grid-template-columns:1fr}.die b{font-size:10px}}

#signup {width:100%;max-width:490px;margin:12px auto 0;text-align:center}
#signup>p {margin-bottom:10px}
.formWrap {box-sizing:border-box;width:100%;margin-inline:auto;padding:clamp(10px,2vw,18px);background:#edf3e9;border:1px solid #8ba586;border-radius:20px;box-shadow:0 12px 34px #0003}
.formWrap iframe {margin-inline:auto;display:block;width:100%;border:0}

#signup .signupConsent {font:400 14px/1.5 Arial,sans-serif;max-width:52ch;margin:0 auto 12px;color:#c8d2c7}
