@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=IBM+Plex+Sans:wght@400;600&family=Source+Sans+3:wght@400;600&family=Space+Grotesk:wght@600;700&display=swap');
:root {
  --bg:#0c1222; --fg:#f8fafc; --muted:#94a3b8; --accent:#b45309;
  --card: color-mix(in srgb, #0c1222 78%, #000);
  --line: color-mix(in srgb, #b45309 40%, #334155);
  --disp:"Space Grotesk", system-ui, sans-serif; --body:"IBM Plex Sans", system-ui, sans-serif;
}
* { box-sizing:border-box; }
body { margin:0; font-family:var(--body); color:var(--fg); line-height:1.6; background:
  radial-gradient(900px 420px at 80% -10%, color-mix(in srgb,var(--accent) 22%, transparent), transparent 50%), var(--bg);
}
a { color:inherit; text-decoration:none; }
.wrap { width:min(1080px,92%); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line);
  background: color-mix(in srgb,var(--bg) 88%, transparent); backdrop-filter:blur(8px); }
.header-inner { display:flex; align-items:center; gap:1rem; padding:.8rem 0; }
.brand { display:flex; align-items:center; gap:.5rem; font-family:var(--disp); font-weight:700; }
.brand img { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.nav-desk { display:flex; gap:1rem; flex:1; color:var(--muted); font-size:.92rem; }
.hdr-cta { display:flex; gap:.45rem; }
.btn { display:inline-block; padding:.6rem 1.05rem; font-weight:700; font-size:.9rem; border:1px solid transparent; border-radius:999px; }
.btn-primary { background:var(--accent); color:#fff8f0; }
.btn-ghost { border-color:var(--line); }
.hero-block,.section { padding:2.1rem 0; }
.split { display:grid; grid-template-columns:1fr; gap:1.4rem; align-items:center; }
.process .split { grid-template-columns: .9fr 1.1fr; }
.kicker { color:var(--accent); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
h1 { font-family:var(--disp); font-size:clamp(1.65rem,4vw,2.45rem); line-height:1.18; margin:.35rem 0 .7rem; }
.lead { color:var(--muted); font-size:1.05rem; }
.steps { margin:1rem 0; padding:0; list-style:none; counter-reset:s; }
.steps li { counter-increment:s; margin:.45rem 0; padding-left:2rem; position:relative; }
.steps li::before { content:counter(s); position:absolute; left:0; width:1.4rem; height:1.4rem; border:1px solid var(--accent); border-radius:50%; font-size:.75rem; display:flex; align-items:center; justify-content:center; color:var(--accent); }
.ace-banner img { width:100%; height:auto; display:block; border:1px solid var(--line); border-radius:20px; }
.ace-banner a { display:block; }
.ace-banner a:hover img,a.card:hover img { opacity:.92; }
.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.card { border:1px solid var(--line); background:var(--card); overflow:hidden; border-radius:14px; color:inherit; }
a.card { display:block; cursor:pointer; }
.card img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; }
.card .meta { padding:.65rem; }
.card .meta span { color:var(--muted); font-size:.78rem; }
.mid-offer { margin:1.25rem 0; }
.mid-offer img { width:100%; height:auto; display:block; border:1px solid var(--line); border-radius:16px; }
.cash-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cash-card { border:1px solid var(--line); padding:1rem 1.1rem; border-radius:16px; }
.blog-list a { display:block; padding:.7rem .8rem; border:1px solid var(--line); margin:.4rem 0; color:var(--muted); border-radius:12px; }
.blog-list a:hover { color:var(--fg); border-color:var(--accent); }
.guide-cards { display:grid; gap:.65rem; }
.guide-card { display:block !important; padding:1rem 1.1rem !important; margin:0 !important; border:1px solid var(--line);
  border-radius:14px; background:var(--card); color:inherit !important; }
.guide-card strong { display:block; font-family:var(--disp); color:var(--fg); margin-bottom:.35rem; }
.guide-card span { display:block; color:var(--muted); font-size:.92rem; line-height:1.45; font-weight:400; }
.site-footer { border-top:1px solid var(--line); padding:1.4rem 0 2rem; color:var(--muted); font-size:.85rem; }
.legal-quiet { font-size:11px; opacity:.8; }
@media (max-width:800px) {
  .nav-desk { display:none; }
  .split,.grid,.cash-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:520px) { .split,.grid,.cash-grid { grid-template-columns:1fr; } }