@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--movie:#ed6b57;--music:#8c70e8;--book:#45a685;--game:#408feb;--bg-top:#1e2030;--bg-bottom:#0e0f18;--panel:#191b28;--panel-2:#21243a;--line:#ffffff14;--text:#eceef8;--text-dim:#9aa0bc;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg-bottom);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800;line-height:1.08}a{color:inherit}.wordmark{letter-spacing:-.02em;background:linear-gradient(90deg, var(--movie), var(--music) 38%, var(--book) 66%, var(--game));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.topbar{z-index:40;pointer-events:none;background:linear-gradient(#0e0f18d9,#0e0f1800);justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.topbar>*{pointer-events:auto}.btn{cursor:pointer;border:0;border-radius:999px;padding:13px 24px;font:600 .95rem/1 inherit;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg, var(--movie), #f0836f);color:#fff;box-shadow:0 8px 24px #ed6b5752}.btn-ghost{color:var(--text);border:1px solid var(--line);background:#ffffff12}.btn-ghost:hover{background:#ffffff1f}.btn-small{border:1px solid var(--line);color:var(--text);background:#ffffff17;padding:9px 18px;font-size:.85rem}.hero{height:230vh;position:relative}.hero-sticky{height:100vh;background:radial-gradient(120% 90% at 50% 0%, var(--bg-top), var(--bg-bottom) 78%);height:100dvh;position:sticky;top:0;overflow:hidden}.hero-canvas{position:absolute;top:0;bottom:0;left:0;right:0}.hero-canvas canvas{display:block}.hero-copy{z-index:10;text-align:center;pointer-events:none;text-shadow:0 2px 24px #0a0b12d9,0 1px 4px #0a0b1299;opacity:var(--scroll-fade,1);padding:0 20px;transition:opacity .35s,transform .35s;position:absolute;top:clamp(72px,12vh,140px);left:0;right:0}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 75% at 50% 42%,#0c0d169e,#0c0d1600 72%);position:absolute;top:-60px;bottom:-60px;left:-10vw;right:-10vw}.hero-copy a{pointer-events:auto}.hero-copy.is-tucked{opacity:0;pointer-events:none;transform:translateY(-14px)}.hero-copy.is-tucked a{pointer-events:none}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-size:.82rem;font-weight:600}.hero h1{margin-bottom:18px;font-size:clamp(2.6rem,7vw,5rem)}.hero-sub{max-width:560px;color:var(--text-dim);margin:0 auto 26px;font-size:clamp(1rem,1.6vw,1.15rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-hint{color:#9aa0bcbf;margin-top:22px;font-size:.8rem}.static-shelf{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:16vh;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.static-spines{align-items:flex-end;gap:12px;display:flex}.static-spine{transform-origin:0 100%;border-radius:7px;position:relative;box-shadow:inset 4px 0 8px #ffffff2e,0 12px 24px #00000073}.static-spine i{background:#ffffffc7;border-radius:4px;height:12px;position:absolute;top:12%;left:18%;right:18%}.static-spine i.thin{background:#ffffff6b;height:6px;top:calc(12% + 20px);left:26%;right:26%}.static-bar{background:#34344c;border-radius:7px;width:min(420px,70vw);height:18px;margin-top:2px;box-shadow:inset 0 3px #ffffff26,0 18px 40px #00000080}.detail-card{z-index:20;-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);background:#191b28eb;border-radius:22px;width:min(330px,100vw - 32px);padding:20px;animation:.3s card-in;position:absolute;top:50%;right:clamp(16px,5vw,72px);transform:translateY(-50%);box-shadow:0 30px 80px #0000008c}@keyframes card-in{0%{opacity:0;transform:translateY(calc(16px - 50%))}to{opacity:1;transform:translateY(-50%)}}.detail-close{width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;font-size:1.05rem;position:absolute;top:12px;right:14px}.detail-cover{border-radius:14px;flex-direction:column;justify-content:space-between;height:110px;margin-bottom:14px;padding:12px 14px;display:flex}.detail-cover-kind{letter-spacing:.12em;color:#ffffffd9;background:#0a0a1280;border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:.62rem;font-weight:700}.detail-cover-title{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.detail-card h3{margin-bottom:2px;font-size:1.2rem}.detail-sub{color:var(--text-dim);margin-bottom:12px;font-size:.88rem}.detail-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border-radius:999px;padding:5px 11px;font-size:.74rem;font-weight:600}.chip-muted{color:var(--text-dim);background:#ffffff14}.detail-value{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.detail-value-num{font-size:1.7rem;font-weight:800}.detail-value-label{color:var(--text-dim);font-size:.82rem}.detail-note{color:var(--text-dim);border-top:1px solid var(--line);padding-top:12px;font-size:.8rem}.kinds{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1080px;margin:0 auto;padding:clamp(40px,8vh,90px) 20px 0;display:grid}.kind-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;padding:20px;display:flex}.kind-swatch{background:var(--kc);width:30px;height:8px;box-shadow:0 0 18px color-mix(in srgb, var(--kc) 60%, transparent);border-radius:4px;margin-bottom:8px}.kind-card small{color:var(--text-dim);font-size:.82rem}.features{max-width:1080px;margin:0 auto;padding:0 20px}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,80px);padding:clamp(56px,11vh,120px) 0;display:grid}.feature-flip .feature-text{order:2}.feature-flip .feature-visual{order:1}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:.78rem;font-weight:700}#scan .eyebrow{color:var(--movie)}#pick .eyebrow{color:var(--music)}#value .eyebrow{color:var(--book)}#wrapped .eyebrow{color:var(--game)}#share .eyebrow{color:var(--movie)}.feature h2{margin-bottom:14px;font-size:clamp(1.7rem,3.4vw,2.5rem)}.feature .body{color:var(--text-dim);max-width:46ch;font-size:1.02rem}.phone{aspect-ratio:9/18.5;background:#05060a;border:1px solid #ffffff24;border-radius:42px;width:min(290px,78vw);margin:0 auto;padding:10px;position:relative;box-shadow:0 40px 90px #0000008c,inset 0 0 0 2px #ffffff0d}.phone-notch{z-index:2;background:#05060a;border-radius:999px;width:86px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(#171a2b,#101120);border-radius:33px;flex-direction:column;gap:12px;width:100%;height:100%;padding:52px 16px 18px;display:flex;overflow:hidden}.mock-row{border:1px solid var(--line);background:#ffffff0d;border-radius:13px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.mock-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.mock-row small{color:var(--text-dim);font-size:.68rem}.dot{border-radius:50%;flex:none;width:9px;height:9px}.mock-check{color:var(--book);font-size:.85rem;font-weight:700}.mock-price{font-size:.82rem;font-weight:700}.mock-scan{flex-direction:column;gap:10px;height:100%;display:flex}.mock-scan-finder{border:1px solid var(--line);background:#06070d;border-radius:16px;justify-content:center;align-items:center;height:34%;display:flex;position:relative;overflow:hidden}.mock-barcode{opacity:.85;background:repeating-linear-gradient(90deg,#dfe2f2 0 3px,#0000 3px 6px,#dfe2f2 6px 8px,#0000 8px 13px);border-radius:3px;width:60%;height:42%}.mock-scanline{background:var(--movie);height:2px;box-shadow:0 0 12px var(--movie);animation:2.2s ease-in-out infinite scanline;position:absolute;left:8%;right:8%}@keyframes scanline{0%,to{top:22%}50%{top:76%}}@media (prefers-reduced-motion:reduce){.mock-scanline{animation:none;top:50%}}.mock-scan-rows{flex-direction:column;gap:8px;display:flex}.mock-batch{text-align:center;color:var(--text-dim);background:#ffffff0d;border-radius:999px;margin-top:auto;padding:8px;font-size:.72rem}.mock-home{flex-direction:column;gap:12px;height:100%;display:flex}.mock-home h4{font-size:1.35rem}.mock-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-stats div{border:1px solid var(--line);background:#ffffff0d;border-radius:13px;flex-direction:column;padding:10px 8px;display:flex}.mock-stats strong{font-size:.92rem}.mock-stats small{color:var(--text-dim);font-size:.64rem}.mock-pick{background:linear-gradient(115deg,#8f3fd4,#e14a70);border-radius:16px;flex-direction:column;gap:5px;padding:14px;display:flex}.mock-pick strong{font-size:.95rem}.mock-pick small{color:#ffffffd9;font-size:.72rem}.mock-ask{border:1px solid var(--line);color:var(--text-dim);background:#ffffff0d;border-radius:13px;padding:11px 12px;font-size:.78rem}.mock-ask-note{color:var(--text-dim);font-size:.66rem}.mock-value{flex-direction:column;gap:8px;height:100%;display:flex}.mock-value-total{background:#45a6851f;border:1px solid #45a6854d;border-radius:16px;flex-direction:column;gap:2px;margin-bottom:4px;padding:14px;display:flex}.mock-value-total small{color:var(--text-dim);font-size:.7rem}.mock-value-total strong{font-size:1.5rem}.mock-up{color:var(--book);font-size:.72rem;font-weight:600}.mock-wrapped{background:radial-gradient(90% 60% at 80% 0,#8c70e866,#0000),radial-gradient(80% 50% at 10% 100%,#ed6b5759,#0000),#171a2b;border-radius:20px;flex-direction:column;gap:12px;height:100%;padding:18px 16px;display:flex}.mock-wrapped>small{letter-spacing:.16em;color:var(--text-dim);font-size:.64rem;font-weight:700}.mock-wrapped h4{font-size:1.5rem}.mock-wrapped-stats{flex-direction:column;gap:8px;margin-top:4px;display:flex}.mock-wrapped-stats div{align-items:baseline;gap:8px;display:flex}.mock-wrapped-stats strong{font-size:1.05rem}.mock-wrapped-stats small{color:var(--text-dim);font-size:.72rem}.mock-wrapped-bars{align-items:flex-end;gap:10px;height:90px;margin-top:auto;display:flex}.mock-wrapped-bars span{border-radius:6px 6px 3px 3px;flex:1}.browser{border:1px solid var(--line);background:var(--panel);border-radius:16px;max-width:430px;margin:0 auto;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 30px 70px #00000073}.browser:hover{transform:translateY(-3px);box-shadow:0 40px 90px #0000008c}.browser-bar{background:var(--panel-2);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 12px;display:flex}.browser-bar>span{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.browser-url{color:var(--text-dim);background:#0000004d;border-radius:8px;flex:1;margin-left:6px;padding:5px 12px;font-size:.75rem}.browser-body{flex-direction:column;gap:4px;padding:18px;display:flex}.browser-body strong{font-size:1.05rem}.browser-body>small{color:var(--text-dim);margin-bottom:12px;font-size:.8rem}.browser-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.browser-grid span{aspect-ratio:2/3;border-radius:6px}.browser-cta{color:var(--game);margin-top:14px;font-size:.85rem;font-weight:600}.notify{text-align:center;max-width:620px;margin:0 auto;padding:clamp(60px,12vh,130px) 20px}.notify h2{margin-bottom:12px;font-size:clamp(1.8rem,3.6vw,2.6rem)}.notify p{color:var(--text-dim);margin-bottom:24px}.notify form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.notify input{border:1px solid var(--line);min-width:220px;max-width:340px;color:var(--text);background:#ffffff0f;border-radius:999px;outline:none;flex:1;padding:13px 20px;font:500 .95rem inherit}.notify input:focus{border-color:#ed6b5799}.notify-done{color:var(--book);font-weight:600}.notify-err{color:var(--movie);margin-top:12px;font-size:.85rem}.footer{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:18px;padding:40px clamp(16px,4vw,40px) 50px;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-brand small{color:var(--text-dim)}.footer-links{gap:22px;font-size:.9rem;display:flex}.footer-links a{color:var(--text-dim);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-legal{color:#9aa0bc99;font-size:.78rem}@media (max-width:900px){.kinds{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.hero{height:200vh}.feature{grid-template-columns:1fr;gap:34px;padding:56px 0}.feature-flip .feature-text{order:1}.feature-flip .feature-visual{order:2}.detail-card{width:auto;animation:.3s card-in-mobile;top:auto;bottom:18px;left:16px;right:16px;transform:none}@keyframes card-in-mobile{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}@media (max-width:520px){.kinds{grid-template-columns:1fr 1fr;gap:10px}.kind-card{padding:14px}}