<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Private Vinyl Buyer | We Buy Record Collections</title>
<meta name="description" content="Private vinyl buyer offering fair offers for record collections. Fast, respectful pickups. Appointments only." />
<style>
:root{
--bg:#0b0d10;
--card:#11151b;
--text:#e9eef5;
--muted:#a7b3c2;
--accent:#7dd3fc;
--line:rgba(255,255,255,.08);
--shadow: 0 18px 50px rgba(0,0,0,.55);
--radius: 22px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
background:
radial-gradient(1200px 700px at 15% 10%, rgba(125,211,252,.14), transparent 60%),
radial-gradient(900px 500px at 80% 30%, rgba(167,139,250,.12), transparent 60%),
var(--bg);
color:var(--text);
line-height:1.5;
}
a{color:inherit}
.wrap{max-width:980px;margin:0 auto;padding:28px 18px 70px}
header{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:18px 0 6px;
}
.brand{
display:flex;
gap:12px;
align-items:center;
text-decoration:none;
}
.mark{
width:44px;height:44px;border-radius:14px;
background:linear-gradient(135deg, rgba(125,211,252,.85), rgba(167,139,250,.75));
box-shadow: 0 10px 30px rgba(0,0,0,.35);
display:grid;place-items:center;
font-weight:800;
color:#0b0d10;
}
.brand h1{font-size:15px;margin:0;letter-spacing:.2px}
.brand p{margin:0;font-size:12px;color:var(--muted)}
nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
nav a{
font-size:13px;
color:var(--muted);