:root{color-scheme:dark;--accent:#c9d2ff;--accent-strong:#38f5f1;--accent-soft:#c9d2ff24;--ink:#f4f6ff;--muted:#f4f6ffad;--faint:#f4f6ff66;--bg:#171b2a;--bg-elevated:#1f2435;--surface:#303750c2;--surface-solid:#303750;--surface-alt:#252b40;--separator:#c9d2ff33;--shadow:0 18px 50px #0508127a;--shadow-tight:0 8px 24px #05081257;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at top left, #38f5f129, transparent 34rem), radial-gradient(circle at 82% 12%, #c9d2ff21, transparent 28rem), linear-gradient(180deg, var(--bg-elevated), var(--bg) 42rem);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img,svg{display:block}.site-header{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100% - 40px);margin:0 auto;padding:24px 0 10px;display:flex}.brand-link{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.logo{flex:none;width:38px;height:38px;display:block}.logo img{object-fit:contain;width:100%;height:100%}.wordmark{font-size:19px;font-weight:750}.header-link{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:650}.header-link:hover{color:var(--ink);background:var(--surface)}.container{width:min(1120px,100% - 40px);margin:0 auto}.list-container{max-width:920px;padding:38px 0 58px}.hero{width:min(1120px,100% - 40px);margin:0 auto}.hero-landing{grid-template-columns:minmax(0,.95fr) minmax(330px,1.05fr);align-items:center;gap:clamp(28px,6vw,84px);min-height:calc(100svh - 92px);padding:clamp(44px,8vw,92px) 0 clamp(26px,5vw,54px);display:grid}.hero-copy{max-width:570px}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:0;margin:12px 0 14px;font-size:clamp(56px,10vw,112px);line-height:.88}.hero p{max-width:520px;color:var(--muted);margin:0 0 28px;font-size:clamp(18px,2vw,22px)}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-size:15px;font-weight:750;transition:transform 80ms,background .16s,border-color .16s;display:inline-flex}.button:active{transform:scale(.98)}.button-primary{background:var(--accent-strong);color:#111526;box-shadow:0 10px 22px #38f5f12e}.button-primary:hover{background:#8ffdfa}.button-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--separator)}.button-secondary:hover{border-color:#38f5f16b}.phone-stage{place-items:center;min-height:720px;display:grid;position:relative}.phone{z-index:2;aspect-ratio:1320/2868;width:min(370px,88vw);box-shadow:var(--shadow), 0 0 0 8px #0b0f1b;background:#000;border:1px solid #c9d2ff38;border-radius:46px;position:relative;overflow:hidden}.phone:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c9d2ff29}.phone img{object-fit:cover;width:100%;height:100%}.sleeve{aspect-ratio:1;border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.sleeve:after{content:"";background:radial-gradient(circle,#0000 0 10%,#ffffffeb 10% 13%,#0000 13%),repeating-radial-gradient(circle,#0000006b 0 1px,#ffffff0a 1px 3px);border-radius:999px;position:absolute;inset:18%}.sleeve-one{background:linear-gradient(135deg,#171b2a,#485579 42%,#38f5f1 43%,#c9d2ff)}.sleeve-two{background:linear-gradient(135deg,#0f1320,#27304a 42%,#c9d2ff 43%,#6f7da8)}.sleeve-three{background:linear-gradient(135deg,#3a4260,#8a95c7 44%,#38f5f1 45%,#171b2a)}.vinyl-stack{z-index:1;width:300px;height:300px;position:absolute;bottom:58px;right:0}.sleeve{width:210px;box-shadow:var(--shadow-tight);border-radius:12px;position:absolute}.sleeve-one{bottom:12px;right:70px;transform:rotate(-10deg)}.sleeve-two{bottom:56px;right:10px;transform:rotate(9deg)}.sleeve-three{bottom:102px;right:122px;transform:rotate(-18deg)}.feature-band{border-top:1px solid var(--separator);background:#0b0f1b38;padding:64px 0 84px}.section-heading,.feature-grid{width:min(1120px,100% - 40px);margin:0 auto}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:0;max-width:620px;margin:8px 0 0;font-size:clamp(30px,5vw,52px);line-height:1}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--separator);min-height:218px;box-shadow:var(--shadow-tight);backdrop-filter:blur(18px);padding:20px}.feature .icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-strong);border-radius:10px;place-items:center;margin-bottom:28px;display:grid}.feature h3{margin:0 0 8px;font-size:17px;line-height:1.15}.feature p{color:var(--muted);margin:0;font-size:14px}.list-hero{padding:18px 0 26px}.list-kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.list-title-row{justify-content:space-between;align-items:end;gap:18px;display:flex}.list-title-row h1{letter-spacing:0;margin:0;font-size:clamp(40px,8vw,76px);line-height:.95}.record-count{color:var(--muted);flex:none;margin-bottom:8px;font-size:15px;font-weight:700}.list-copy{max-width:680px;color:var(--muted);margin:14px 0 0;font-size:17px}.list-actions{margin-top:22px}.records{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.record-tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--separator);box-shadow:var(--shadow-tight);overflow:hidden}.record-tile .cover{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, transparent 0 10%, #ffffffbd 10% 13%, transparent 13%), repeating-radial-gradient(circle, #0000002e 0 1px, #ffffff0f 1px 4px), var(--surface-alt);color:var(--faint);place-items:center;display:grid;overflow:hidden}.record-tile .cover img{object-fit:cover;width:100%;height:100%}.record-tile .meta{padding:12px 13px 14px}.record-tile .title,.record-tile .artist,.record-tile .colour{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-tile .title{margin:0 0 3px;font-size:15px;font-weight:750}.record-tile .artist{color:var(--muted);margin:0;font-size:13px}.record-tile .colour{color:var(--faint);margin:3px 0 0;font-size:12px}.state{text-align:center;max-width:560px;color:var(--muted);margin:46px auto;padding:46px 24px}.state p{margin:14px auto 0}.state .state-icon{background:var(--surface);width:58px;height:58px;color:var(--faint);border:1px solid var(--separator);border-radius:16px;place-items:center;margin:0 auto 16px;display:grid}.state h2{color:var(--ink);margin:0 0 8px;font-size:24px}.spinner{border:3px solid var(--separator);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.support-band{padding:68px 0 84px}.support-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--separator);width:min(1120px,100% - 40px);box-shadow:var(--shadow-tight);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 auto;padding:clamp(24px,5vw,42px);display:grid}.support-card h2{margin:8px 0 10px;font-size:clamp(30px,5vw,48px);line-height:1}.support-card p{max-width:700px;color:var(--muted);margin:0;font-size:17px}.support-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}footer{width:min(1120px,100% - 40px);color:var(--faint);border-top:1px solid var(--separator);justify-content:space-between;gap:18px;margin:0 auto;padding:30px 0 38px;font-size:13px;display:flex}footer a:hover{color:var(--ink)}.footer-links{gap:18px;display:flex}.legal{width:min(760px,100% - 40px);margin:0 auto;padding:clamp(32px,6vw,64px) 0 56px}.legal h1{letter-spacing:0;margin:0 0 6px;font-size:clamp(34px,6vw,52px);line-height:1}.legal .updated{color:var(--faint);margin:0 0 32px;font-size:14px}.legal h2{margin:36px 0 10px;font-size:21px;line-height:1.2}.legal p{color:var(--muted);margin:0 0 14px;font-size:16px}.legal ul{color:var(--muted);margin:0 0 14px;padding-left:22px;font-size:16px}.legal li{margin-bottom:8px}.legal a{color:var(--accent-strong)}.legal a:hover{text-decoration:underline}@media (width<=900px){.hero-landing{grid-template-columns:1fr;min-height:auto;padding-top:46px}.hero-copy{max-width:none}.phone-stage{min-height:560px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.support-card{grid-template-columns:1fr}.support-actions{justify-content:flex-start}}@media (width<=620px){.site-header,.container,.hero,.section-heading,.feature-grid,.support-card,footer{width:min(100% - 28px,1120px)}.site-header{padding-top:18px}.wordmark{font-size:17px}.header-link{padding-inline:8px}.hero h1{font-size:clamp(52px,17vw,78px)}.button-row{grid-template-columns:1fr;display:grid}.phone-stage{min-height:520px}.phone{border-radius:36px;width:min(330px,94vw)}.vinyl-stack{transform-origin:100% 100%;bottom:20px;right:-38px;transform:scale(.76)}.feature-band{padding-top:48px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.feature .icon{margin-bottom:18px}.list-title-row{display:block}.record-count{margin:12px 0 0}.records{grid-template-columns:1fr}.record-tile{border-radius:var(--radius-md);grid-template-columns:76px minmax(0,1fr);align-items:center;display:grid}.record-tile .cover{width:76px;height:76px}.support-actions{grid-template-columns:1fr;display:grid}footer{display:grid}.footer-links{flex-wrap:wrap}}