@font-face{font-family:Bricolage;src:url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Geist;src:url("assets/fonts/geist-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url("assets/fonts/geist-medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url("assets/fonts/geist-bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--black:#101010;--surface:#181818;--border:#333;--white:#f5f5f5;--muted:#9a9a9a;--yellow:#ffd60a;--red:#ff5449;--green:#48c78e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Geist,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}.kicker{font:500 10px/1.3 Geist,sans-serif;letter-spacing:.11em}.site-header{height:84px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:3px solid var(--white);font-size:9px;letter-spacing:.08em}.meticon{font:800 27px/1 Bricolage,sans-serif;letter-spacing:-.055em}.site-header img{width:105px;height:auto}.site-header p{text-align:right}
h1,h2{font-family:Bricolage,sans-serif;font-weight:780;letter-spacing:-.075em}.hero{min-height:790px;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--border)}.hero-copy{padding:64px 32px;display:flex;flex-direction:column}.hero h1{margin-top:10vh;font-size:clamp(76px,9.5vw,150px);line-height:.79}.lead{max-width:560px;margin:44px 0 0 auto;font-size:20px;line-height:1.45;color:#d6d6d6}.store-buttons{margin:38px 0 0 auto;display:flex;gap:10px}.store-badge{min-width:180px;padding:10px 15px;display:grid;gap:3px;border:1px solid #555;border-radius:10px;background:#050505;color:#fff;opacity:.68}.store-badge small{font-size:7px;letter-spacing:.1em}.store-badge strong{font-size:18px;font-weight:500}.hero-visual{padding:42px 28px;display:flex;flex-direction:column;justify-content:center;background:var(--yellow);color:var(--black);border-left:1px solid var(--white)}.scoreboard{padding:18px 0;display:grid;grid-template-columns:1fr auto;border-block:3px solid var(--black);font-size:10px;letter-spacing:.1em}.scoreboard strong{grid-row:1/3;grid-column:2;font-size:44px;letter-spacing:-.05em}.scoreboard i{font-style:normal}.sticker-grid{margin:24px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--black);border-left:2px solid var(--black)}.sticker-grid span{aspect-ratio:.77;display:flex;align-items:end;padding:8px;border-right:2px solid var(--black);border-bottom:2px solid var(--black);font-size:13px;font-weight:700;position:relative}.sticker-grid .have{background:var(--black);color:var(--white)}.sticker-grid .repeat{background:var(--white)}.sticker-grid sup{position:absolute;right:7px;top:7px;font-size:11px;color:var(--red)}.hero-visual>p{text-align:right;font-size:9px;letter-spacing:.1em}
.three-states{border-bottom:1px solid var(--border)}.states-title{min-height:500px;padding:56px 28px;display:grid;grid-template-columns:.55fr 1.45fr;background:var(--white);color:var(--black)}.states-title h2{max-width:980px;font-size:clamp(70px,8.5vw,134px);line-height:.8}.three-states ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.three-states li{min-height:390px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.three-states li:last-child{border:0}.three-states li>span{font-size:9px;color:var(--muted)}.three-states strong{margin-top:auto;font:780 clamp(62px,7vw,112px)/.8 Bricolage,sans-serif;letter-spacing:-.07em}.three-states li p{max-width:330px;margin-top:28px;font-size:15px;line-height:1.5;color:var(--muted)}.three-states .yellow{background:var(--yellow);color:var(--black)}.three-states .yellow p,.three-states .yellow>span{color:var(--black)}
.library{padding:72px 28px 90px;background:#0b0b0b;border-bottom:1px solid var(--border)}.library-head{display:grid;grid-template-columns:.45fr 1.45fr .65fr;gap:36px;align-items:end}.library h2{font-size:clamp(62px,7.5vw,118px);line-height:.82}.library-head>p:last-child{font-size:16px;line-height:1.55;color:var(--muted)}.album-stack{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.album{min-height:560px;padding:20px;position:relative;overflow:hidden;border:1px solid #555;display:flex;flex-direction:column;justify-content:end}.album img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.album::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.88))}.album>*:not(img){position:relative;z-index:2}.album span,.album p{font-size:9px;letter-spacing:.09em}.album h3{margin:14px 0 6px;font:700 clamp(38px,4vw,64px)/.88 Geist,sans-serif;letter-spacing:-.05em}.album-abstract{transform:rotate(1.2deg)}.album-super{transform:translateY(28px) rotate(-1deg)}
.exchange{min-height:800px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--white);color:var(--black);border-bottom:1px solid var(--black)}.exchange-copy{padding:64px 28px;display:flex;flex-direction:column}.exchange h2{margin-top:16vh;font-size:clamp(78px,9vw,142px);line-height:.77}.exchange-copy>p:last-child{max-width:570px;margin:52px 0 0 auto;font-size:18px;line-height:1.5}.qr-stage{padding:70px 40px;display:flex;flex-direction:column;justify-content:center;background:var(--yellow);border-left:1px solid var(--black)}.qr{aspect-ratio:1;max-width:450px;width:100%;margin:auto;position:relative;border:18px solid var(--black);background:repeating-conic-gradient(var(--black) 0 25%,transparent 0 50%) 0/42px 42px}.qr::before,.qr::after,.qr i{content:"";position:absolute;width:25%;aspect-ratio:1;background:var(--yellow);border:14px solid var(--black)}.qr::before{left:5%;top:5%}.qr::after{right:5%;top:5%}.qr i:first-child{left:5%;bottom:5%}.qr-stage p{margin-top:30px;font-size:24px;font-weight:700}.qr-stage span{margin-top:8px;font-size:9px;letter-spacing:.1em}
.numbers{padding:70px 28px 90px}.numbers h2{max-width:1150px;margin:40px 0 80px;font-size:clamp(70px,9vw,142px);line-height:.8}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:3px solid var(--white)}.number-grid article{min-height:210px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border)}.number-grid article:last-child{border:0}.number-grid strong{font:700 clamp(44px,5vw,80px)/1 Geist,sans-serif;letter-spacing:-.06em}.number-grid span{font-size:9px;letter-spacing:.1em;color:var(--yellow)}.number-copy{max-width:640px;margin:50px 0 0 auto;font-size:18px;line-height:1.5;color:var(--muted)}
.privacy{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--yellow);color:var(--black);border-bottom:1px solid var(--black)}.privacy>div{padding:64px 28px}.privacy>div:first-child{border-right:1px solid var(--black)}.privacy h2{margin-top:18vh;font-size:clamp(70px,8.5vw,136px);line-height:.8}.privacy-copy{display:flex;flex-direction:column}.privacy-copy>p:first-child{font-size:23px;line-height:1.4}.privacy ul{list-style:none;margin:auto 0 25px;padding:0;border-top:1px solid var(--black)}.privacy li{padding:15px 0;display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid var(--black);font-size:16px}.privacy li span{font-size:9px}.fine{font-size:10px;line-height:1.55}
.faq{padding:70px 28px 0;background:var(--white);color:var(--black)}.faq-head{display:grid;grid-template-columns:.5fr 1.5fr}.faq h2{font-size:clamp(64px,8vw,124px);line-height:.81}.accordion{margin:80px -28px 0;border-top:3px solid var(--black)}.accordion details{border-bottom:1px solid var(--black)}.accordion summary{min-height:110px;padding:24px 84px 24px 28px;display:flex;align-items:center;position:relative;list-style:none;font:700 clamp(30px,3.2vw,50px)/1 Geist,sans-serif;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:"+";position:absolute;right:28px;font-size:36px}.accordion details[open] summary::after{transform:rotate(45deg)}.accordion details p{max-width:650px;margin:0 28px 0 auto;padding:0 0 38px;font-size:16px;line-height:1.55}
.status{min-height:670px;padding:58px 28px;display:flex;flex-direction:column;background:var(--yellow);color:var(--black)}.status h2{margin-top:13vh;font-size:clamp(72px,10vw,160px);line-height:.78}.status .store-buttons{margin:36px 0 0}.status .store-badge{color:var(--white)}.status nav{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.status nav a{padding-top:11px;border-top:3px solid var(--black);font-size:9px;letter-spacing:.08em}body>footer{min-height:96px;padding:26px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:9px;letter-spacing:.08em}body>footer p:nth-child(2){text-align:center}body>footer a{text-align:right}.cookie-notice{position:fixed;z-index:30;left:18px;right:18px;bottom:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:28px;background:var(--white);color:var(--black);border:2px solid var(--black);box-shadow:8px 8px 0 var(--yellow);font-size:11px;line-height:1.5}.cookie-notice[hidden]{display:none}.cookie-notice div{display:flex;gap:8px}.cookie-notice button{padding:10px 14px;border:2px solid var(--black);background:transparent;font:500 10px Geist;cursor:pointer}
@media(max-width:900px){.hero{grid-template-columns:1fr 42%}.library-head{grid-template-columns:1fr}.album-stack{grid-template-columns:1fr 1fr}.album:last-child{grid-column:1/-1}.privacy{grid-template-columns:1fr}.privacy>div:first-child{min-height:600px;border-right:0;border-bottom:1px solid var(--black)}}
@media(max-width:620px){.site-header{height:72px;padding:0 16px;grid-template-columns:1fr auto}.site-header p{display:none}.site-header img{width:82px}.hero{grid-template-columns:1fr}.hero-copy{min-height:680px;padding:34px 16px}.hero h1{margin-top:12vh;font-size:clamp(72px,21.5vw,94px)}.lead{max-width:88%;font-size:17px}.store-buttons{width:100%;flex-direction:column}.store-badge{width:100%}.hero-visual{min-height:620px;padding:34px 16px;border-left:0;border-top:1px solid var(--white)}.sticker-grid{grid-template-columns:repeat(3,1fr)}.states-title{min-height:500px;padding:38px 16px;grid-template-columns:1fr}.states-title h2{margin-top:auto;font-size:66px}.three-states ol{grid-template-columns:1fr}.three-states li{min-height:300px;padding:26px 16px;border-right:0;border-bottom:1px solid var(--border)}.three-states li:last-child{border:0}.library{padding:54px 16px 70px}.library h2{font-size:62px}.album-stack{margin-top:60px;grid-template-columns:1fr}.album,.album:last-child{grid-column:auto;min-height:480px}.album-super{transform:none}.exchange{grid-template-columns:1fr}.exchange-copy{min-height:680px;padding:46px 16px}.exchange h2{margin-top:18vh;font-size:72px}.exchange-copy>p:last-child{font-size:16px}.qr-stage{min-height:560px;padding:44px 24px;border-left:0;border-top:1px solid var(--black)}.numbers{padding:54px 16px 70px}.numbers h2{font-size:66px}.number-grid{grid-template-columns:1fr 1fr}.number-grid article:nth-child(2){border-right:0}.number-grid article:nth-child(-n+2){border-bottom:1px solid var(--border)}.number-copy{font-size:16px}.privacy>div{padding:46px 16px}.privacy>div:first-child{min-height:600px}.privacy h2{font-size:70px}.privacy-copy{min-height:670px}.privacy-copy>p:first-child{font-size:20px}.faq{padding:54px 16px 0}.faq-head{grid-template-columns:1fr}.faq h2{margin-top:30px;font-size:64px}.accordion{margin:60px -16px 0}.accordion summary{min-height:94px;padding:22px 62px 22px 16px;font-size:29px}.accordion summary::after{right:16px}.accordion details p{margin:0;padding:0 16px 32px;font-size:15px}.status{min-height:760px;padding:44px 16px}.status h2{font-size:70px}.status nav{grid-template-columns:1fr;gap:20px}body>footer{grid-template-columns:1fr;gap:15px}body>footer p:nth-child(2),body>footer a{text-align:left}.cookie-notice{left:10px;right:10px;bottom:10px;grid-template-columns:1fr}.cookie-notice div{display:grid;grid-template-columns:1fr 1fr}}
.hero-visual{padding:34px;align-items:center;background:var(--yellow);color:var(--white)}
.app-shell{width:min(100%,530px);min-height:700px;padding:24px 22px 0;display:flex;flex-direction:column;overflow:hidden;background:var(--black);border:1px solid #393939;border-radius:30px 30px 0 0;box-shadow:18px 18px 0 rgba(0,0,0,.14)}
.app-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:8px;letter-spacing:.12em}.app-top b{font:700 25px/1 Geist,sans-serif;letter-spacing:-.06em;color:var(--white)}.app-top b span{color:var(--yellow)}.app-top i{text-align:right;font-style:normal;color:var(--yellow)}
.app-greeting{margin-top:38px;display:grid;gap:7px}.app-greeting small,.album-preview small,.quick-title{font-size:8px;letter-spacing:.13em;color:var(--muted)}.app-greeting strong{font-size:27px;line-height:1.02;letter-spacing:-.045em}
.album-preview{min-height:180px;margin-top:24px;padding:14px;display:grid;grid-template-columns:100px 1fr 72px;gap:15px;align-items:center;background:var(--surface);border:1px solid #303030;border-radius:16px}.album-preview>img{width:100px;height:145px;object-fit:cover;border-radius:9px;filter:brightness(.72)}.album-preview-copy{min-width:0;display:grid;gap:8px}.album-preview-copy strong{font-size:20px;white-space:nowrap}.album-preview-copy>span{font-size:8px;letter-spacing:.08em;color:var(--muted)}.progress{height:4px;overflow:hidden;background:#353535;border-radius:10px}.progress i{display:block;width:45%;height:100%;background:var(--yellow)}
.progress-ring{width:66px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:5px solid #353535;border-top-color:var(--yellow);border-right-color:var(--yellow);border-radius:50%;transform:rotate(17deg)}.progress-ring>*{transform:rotate(-17deg)}.progress-ring b{font-size:15px}.progress-ring span{font-size:6px;letter-spacing:.08em;color:var(--muted)}
.quick-title{margin-top:30px;display:flex;justify-content:space-between}.quick-title b{color:var(--yellow);font-weight:500}.app-shell .sticker-grid{margin:12px 0 20px;grid-template-columns:repeat(6,1fr);border-color:#444}.app-shell .sticker-grid span{padding:6px;border-width:0 1px 1px 0;border-color:#444;background:#202020;color:#8a8a8a;font-size:10px}.app-shell .sticker-grid .have{background:var(--white);color:var(--black)}.app-shell .sticker-grid .repeat{background:var(--yellow);color:var(--black)}.app-shell .sticker-grid sup{right:5px;top:5px;font-size:8px}
.app-nav{height:78px;margin:auto -22px 0;padding:12px 13px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#171717;border-top:1px solid #333}.app-nav span,.app-nav b{display:grid;place-items:center;gap:6px;font-size:6px;letter-spacing:.05em;color:#737373}.app-nav b{color:var(--yellow)}.app-nav i{font-style:normal;font-size:18px;line-height:1}
@media(max-width:620px){.hero-visual{min-height:720px;padding:26px 12px}.app-shell{min-height:660px;padding-inline:16px;border-radius:24px 24px 0 0}.album-preview{grid-template-columns:80px 1fr 58px;gap:10px}.album-preview>img{width:80px;height:124px}.progress-ring{width:54px}.app-nav{margin-inline:-16px}.app-shell .sticker-grid{grid-template-columns:repeat(6,1fr)}}
.lead strong{color:var(--white);font-weight:500}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}