:root { --ink:#17151e; --muted:#6f6875; --pink:#f0527a; --blush:#fff2f5; --line:#eee5e8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fffafa; font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.shell { width:min(760px,calc(100% - 36px)); margin:auto; }
nav { height:72px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; font-weight:850; text-decoration:none; letter-spacing:-.02em; }
.mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:white; background:linear-gradient(145deg,#ff91a9,var(--pink)); box-shadow:0 8px 20px -10px #bd3154; font-size:20px; }
.back { color:var(--muted); font-size:14px; text-decoration:none; }
main { padding:70px 0 90px; }
.eyebrow { color:var(--pink); text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:800; }
h1 { max-width:680px; margin:12px 0 18px; font-size:clamp(40px,8vw,68px); line-height:1; letter-spacing:-.055em; }
.lead { max-width:650px; margin:0 0 42px; color:var(--muted); font-size:19px; }
.card { padding:28px; margin:18px 0; border:1px solid var(--line); border-radius:20px; background:white; box-shadow:0 18px 45px -38px #432331; }
h2 { margin:0 0 10px; font-size:23px; letter-spacing:-.025em; }
h3 { margin:30px 0 8px; font-size:18px; }
p { margin:8px 0; }
ul { margin:10px 0; padding-left:21px; }
.contact { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 28px; margin:36px 0; border-radius:20px; color:white; background:var(--ink); }
.contact strong,.contact span { display:block; }
.contact span { color:#c9c4cc; font-size:14px; }
.button { flex-shrink:0; padding:11px 18px; border-radius:999px; color:white; background:var(--pink); font-weight:750; text-decoration:none; }
.meta { padding-top:28px; margin-top:44px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.legal-nav { display:flex; gap:18px; margin-top:18px; }
footer { padding:25px 0 45px; color:var(--muted); border-top:1px solid var(--line); font-size:13px; }
@media (max-width:560px) { main{padding-top:48px}.contact{display:block}.button{display:inline-block;margin-top:18px}.back{font-size:0}.back::after{content:'← PixelPanda';font-size:13px}.card{padding:22px} }