
:root{--ink:#0d0730;--night:#090225;--purple:#6c25e9;--pink:#ff2f99;--cyan:#1ed6e8;--yellow:#ffd82f;--cream:#fff9ed}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
main{overflow:hidden}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);position:absolute;z-index:20;width:100%;color:white;border-bottom:1px solid #ffffff26}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}.brand img{width:52px;height:52px;object-fit:contain;border-radius:50%}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:700}.site-header nav a:hover{color:var(--cyan)}
.mini-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),#f22979);color:white;font-weight:900;padding:16px 24px;box-shadow:0 10px 30px #ff2f9940;transition:.2s transform,.2s box-shadow}.mini-button{font-size:13px;padding:12px 19px}.mini-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 36px #ff2f9960}
.hero{min-height:820px;background:radial-gradient(circle at 74% 34%,#3e1680 0,transparent 30%),linear-gradient(135deg,#080224 10%,#180755 55%,#091038);position:relative;color:white;padding:150px clamp(24px,7vw,110px) 80px;display:grid;grid-template-columns:47% 53%;align-items:center}
.grid-glow{position:absolute;inset:0;background-image:linear-gradient(#5d35ba28 1px,transparent 1px),linear-gradient(90deg,#5d35ba28 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent 3%,#000 40%,transparent 100%)}
.hero-copy{position:relative;z-index:3}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;font-weight:900}.eyebrow{display:flex;align-items:center;gap:10px;color:#c5baf1}.eyebrow span{width:30px;height:2px;background:var(--cyan)}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(66px,7.5vw,116px);line-height:.82;letter-spacing:-.075em;margin:28px 0}.hero h1 em,h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 24px #1ed6e84d}.hero h1 em{color:var(--pink);text-shadow:0 0 30px #ff2f995c}.hero-lede{max-width:610px;color:#c8c0e7;font-size:17px;line-height:1.75}
.hero-actions{display:flex;gap:24px;align-items:center;margin:28px 0}.text-button{background:none;border:0;color:white;font-weight:800;padding:14px 0}.text-button span{color:var(--yellow);margin-left:8px}.drop-note{display:flex;align-items:center;gap:12px;margin-top:32px}.drop-note div{display:flex;flex-direction:column}.drop-note small{color:#aaa1ca;margin-top:4px}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px #1ed6e81f,0 0 20px var(--cyan)}
.hero-art{align-self:end;position:relative;z-index:2;height:620px}.logo-orbit{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);width:min(35vw,500px);height:min(35vw,500px);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#642ade82,transparent 65%)}.hero-logo{width:82%;height:82%;object-fit:contain;position:relative;z-index:2}.orbit{position:absolute;border:1px solid #b379ff55;border-radius:50%;inset:-8%}.orbit-b{inset:-20%;border-color:#21dfef42}.prize-collage{position:absolute;width:118%;max-width:none;bottom:-2px;left:-9%;z-index:4}.arcade-sign{position:absolute;z-index:3;filter:drop-shadow(0 16px 25px #0008)}.sign-one{width:170px;right:5%;top:17%;transform:rotate(8deg)}.sign-play{width:190px;right:35%;bottom:8%;transform:rotate(-4deg)}.scroll-cue{position:absolute;bottom:28px;left:7vw;font-size:10px;letter-spacing:.22em;color:#9186bb}.scroll-cue span{color:var(--cyan);font-size:18px;margin-left:12px}
.ticker{background:var(--yellow);white-space:nowrap;overflow:hidden;transform:rotate(-1deg) scale(1.02);position:relative;z-index:6}.ticker div{padding:14px 0;font-weight:1000;letter-spacing:.1em;font-size:13px;word-spacing:18px}.ticker b{color:var(--pink)}
.section{padding:110px clamp(24px,7vw,110px)}.section-kicker{color:var(--pink)}.story{background:#fffaf0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:18px}.section h2{font-size:clamp(46px,5vw,78px);line-height:.98;letter-spacing:-.06em;margin:0}.story-copy{font-size:17px;line-height:1.75;color:#5e5872}.machine-showcase{display:grid;grid-template-columns:2.1fr .9fr;gap:24px;margin-top:70px}.photo-frame{border-radius:30px;background:#d9d6df;min-height:500px;position:relative;overflow:hidden;border:8px solid white;box-shadow:0 25px 70px #18075518}.photo-frame img{width:100%;height:100%;object-fit:contain}.photo-tag{position:absolute;left:22px;bottom:22px;background:var(--night);color:white;border-radius:999px;padding:12px 16px;font-weight:900;font-size:11px;letter-spacing:.12em}.stat-card{background:var(--night);color:white;border-radius:30px;padding:30px 40px;display:flex;flex-direction:column;justify-content:center}.stat-card img{width:140px;align-self:flex-end;margin-bottom:20px}.stat-card strong{font-size:54px;color:var(--cyan);line-height:1}.stat-card span{color:#c6bce4;margin-top:6px}.stat-line{height:1px;background:#ffffff1f;margin:20px 0}
.hunt{background:var(--night);color:white}.center-heading{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.step-card{background:linear-gradient(145deg,#18104d,#100934);border:1px solid #7459bf55;border-radius:24px;padding:36px;position:relative}.step-number{position:absolute;right:24px;top:22px;color:#8175a7;font-weight:900}.step-icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:#ff2f9917;color:var(--pink);font-size:34px;box-shadow:inset 0 0 0 1px #ff2f9944}.step-card:nth-child(2) .step-icon{color:var(--cyan);background:#1ed6e812;box-shadow:inset 0 0 0 1px #1ed6e844}.step-card:nth-child(3) .step-icon{color:var(--yellow);background:#ffd82f12;box-shadow:inset 0 0 0 1px #ffd82f44}.step-card h3{font-size:24px;margin:28px 0 10px}.step-card p{color:#afa5cf;line-height:1.65}
.finder{background:#f5efff}.finder-head{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end}.finder-head p{color:#655c78;line-height:1.7}.filters{display:flex;gap:10px;margin:42px 0 24px;flex-wrap:wrap}.filters button{border:1px solid #d0c2ea;background:white;border-radius:999px;padding:11px 20px;font-weight:800;color:#5d5570}.filters button.active{background:var(--purple);color:white;border-color:var(--purple)}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.location-card{background:white;border-radius:20px;padding:23px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid #e4daf6;transition:.2s}.location-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #5318af12}.map-pin{width:47px;height:47px;border-radius:15px;background:#efe7ff;color:var(--purple);display:grid;place-items:center;font-weight:1000}.status{font-size:9px;letter-spacing:.14em;color:#86799f;font-weight:900}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:5px}.location-card h3{font-size:20px;margin:6px 0 4px}.location-card p{margin:0;color:#726982;font-size:13px}.distance{font-size:12px;font-weight:900;color:#827894}.nominate{background:var(--purple);color:white;border-color:var(--purple)}.nominate .map-pin{background:#ffffff18;color:white}.nominate .status,.nominate p{color:#ded3f9}.nominate>a{font-size:24px}
.qr-story{background:#fffaf0}.qr-card{max-width:1100px;margin:auto;border-radius:34px;padding:60px;background:linear-gradient(135deg,#0d0730,#2a0b69);color:white;display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:center;box-shadow:0 28px 70px #32127933}.qr-card p{color:#c7bde4;line-height:1.75;max-width:600px}.qr-card .primary-button{margin-top:14px}.qr-visual{background:white;padding:22px;border-radius:24px;transform:rotate(-3deg);box-shadow:14px 14px 0 var(--pink);color:var(--ink);text-align:center}.qr-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;aspect-ratio:1}.qr-grid i{background:#eee9f8}.qr-grid i.on{background:var(--ink)}.qr-visual span{display:block;font-size:11px;letter-spacing:.22em;font-weight:1000;margin-top:14px}
.partners{background:linear-gradient(120deg,var(--purple),#3b12a0);color:white;display:grid;grid-template-columns:.7fr 1.6fr auto;align-items:center;gap:50px}.partners>img{width:100%;max-width:250px;filter:drop-shadow(0 18px 25px #20005a99)}.partners p{color:#dcd2fa;line-height:1.7;max-width:650px}.primary-button.light{background:white;color:var(--purple);white-space:nowrap}
footer{background:#07021f;color:white;padding:60px clamp(24px,7vw,110px) 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;position:relative}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:13px;color:#aaa0ca;font-size:13px}footer a:hover{color:var(--cyan)}.footer-brand{display:grid;grid-template-columns:60px auto;align-items:center}.footer-brand img{width:54px;height:54px;object-fit:contain;grid-row:1/3}.footer-brand strong{font-size:22px}.footer-brand span{color:#9a90ba;font-size:12px}footer small{position:absolute;right:7vw;bottom:30px;color:#696184}
.modal-backdrop{position:fixed;inset:0;background:#07021edb;z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.quest-modal{background:#fffaf0;border-radius:28px;padding:44px;max-width:520px;position:relative;box-shadow:0 0 0 2px var(--pink),0 30px 90px #000}.quest-modal h2{font-size:48px;margin:12px 0}.quest-modal p{color:#5e5872;line-height:1.7}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:32px;color:#766d84}.quest-reward{display:flex;gap:16px;align-items:center;background:#f0e8ff;border-radius:18px;padding:16px;margin:24px 0}.quest-reward>span{font-size:35px;color:var(--pink)}.quest-reward div{display:flex;flex-direction:column}.quest-reward small{font-size:9px;letter-spacing:.15em}.quest-reward strong{margin-top:4px}
@media(max-width:950px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px;min-height:1100px}.hero-copy{max-width:650px}.hero-art{height:520px}.logo-orbit{width:430px;height:430px}.sign-one{top:5%}.story-grid,.finder-head{grid-template-columns:1fr;gap:26px}.machine-showcase{grid-template-columns:1fr}.stat-card{display:grid;grid-template-columns:1fr 1fr}.stat-card img{display:none}.stat-line{display:none}.steps{grid-template-columns:1fr}.partners{grid-template-columns:220px 1fr}.partners .primary-button{grid-column:1/-1;justify-self:start}.qr-card{grid-template-columns:220px 1fr;gap:45px}.location-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{height:72px}.brand span{display:none}.mini-button{padding:10px 14px}.hero{padding:115px 22px 60px;min-height:950px}.hero h1{font-size:63px}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.hero-art{height:410px}.logo-orbit{width:310px;height:310px;top:43%}.prize-collage{width:145%;left:-22%}.sign-one{width:110px;right:-5%}.sign-play{display:none}.section{padding:80px 22px}.section h2{font-size:46px}.machine-showcase{margin-top:45px}.photo-frame{min-height:300px}.stat-card{padding:30px;grid-template-columns:1fr 1fr}.stat-card strong{font-size:40px}.qr-card{grid-template-columns:1fr;padding:36px 24px;gap:50px}.qr-visual{max-width:230px;margin:auto}.partners{grid-template-columns:1fr;gap:20px}.partners>img{width:150px}footer{grid-template-columns:1fr;gap:30px}footer small{position:static}.quest-modal{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

[hidden]{display:none!important}
body.modal-open{overflow:hidden}
