@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fraunces:wght@600;700&family=IBM+Plex+Sans:wght@400;600&family=Libre+Baskerville:wght@700&family=Literata:wght@600&family=Newsreader:wght@600&family=Outfit:wght@600;700&family=Sora:wght@600;700&family=Source+Sans+3:wght@400;600&family=Space+Grotesk:wght@600;700&display=swap');
:root {
  --bg: #f4f0e6;
  --fg: #1c1917;
  --muted: #57534e;
  --accent: #f97316;
  --card: #fffdf8;
  --line: color-mix(in srgb, #f97316 35%, #d6d3d1);
  --disp: "Libre Baskerville", Georgia, serif;
  --body: "Source Sans 3", system-ui, sans-serif;
  --btn-rad: 4px;
  --img-rad: 2px;
  --card-rad: 2px;
}
* { box-sizing: border-box; }
body { margin:0; font-family:var(--body); background: linear-gradient(180deg,#faf7f0 0%,#f4f0e6 45%,#e7e5e4 100%); color:var(--fg); line-height:1.55; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1120px,92%); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:20; background:#fffdf8;border-bottom:2px solid #f97316;backdrop-filter:none; }
.header-inner { display:flex; align-items:center; gap:1rem; padding:.75rem 0; }
.brand { display:flex; align-items:center; gap:.55rem; font-family:var(--disp); font-weight:700; font-size:1.15rem; }
.brand img { width:36px; height:36px; object-fit:cover; border-radius:2px; }
.nav-desk { display:flex; gap:1.25rem; flex:1; flex-wrap:wrap; font-size:.9rem; color:var(--muted); }
.nav-desk a.active,.nav-desk a:hover { color:var(--accent); text-decoration:underline;text-underline-offset:4px; }
.hdr-cta { display:flex; gap:.5rem; }
.btn { display:inline-block; padding:.65rem 1.1rem; border-radius:var(--btn-rad); font-weight:700; font-size:.9rem; border:1px solid transparent; }
.btn-primary { background:var(--accent); color:#fff; }
.btn-ghost { border-color:var(--line); color:var(--fg); }
.menu-btn { display:none; background:none; border:1px solid var(--line); color:var(--fg); border-radius:8px; padding:.35rem .55rem; }
.ace-offer,.section,.hero,.cash,.ref-band { padding:2.2rem 0; }
.ace-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:1.5rem; align-items:center; }
.ace-grid.rev { direction:rtl; }
.ace-grid.rev > * { direction:ltr; }
.ace-kicker { display:inline-block; color:var(--accent); font-size:.8rem; margin-bottom:.4rem; letter-spacing:.12em;text-transform:uppercase;border-left:3px solid var(--accent);padding-left:.5rem; }
h1 { font-family:var(--disp); font-size:clamp(1.7rem,4vw,2.55rem); line-height:1.15; margin:0 0 .75rem; }
h1 em { font-style:normal; color:var(--accent); }
.ace-list { margin:.8rem 0 1.1rem; padding-left:1.1rem; color:var(--muted); }
.ace-list li { margin:.35rem 0; }
.ace-list b { color:var(--fg); }
.ace-cta { display:flex; flex-wrap:wrap; gap:.6rem; }
.ace-banner img,.ace-track img { width:100%; height:auto; border-radius:var(--img-rad); display:block; border:1px solid var(--line); }
.ace-banner a,.ace-track a,.ref-band a { display:block; }
.ace-banner a:hover img,.ace-track a:hover img,.ref-band a:hover img,.card:hover img { opacity:.92; }
.ace-track { display:grid; grid-template-columns:repeat(5,1fr); gap:.6rem; }
.chips { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem; }
.chips a { padding:.35rem .75rem; border:1px solid var(--line); border-radius:2px; color:var(--muted); font-size:.85rem; }
.chips a.active,.chips a:hover { border-color:var(--accent); color:var(--accent); }
.section-h { display:flex; justify-content:space-between; gap:1rem; align-items:end; margin-bottom:1rem; }
.section-h h2 { font-family:var(--disp); margin:0; font-size:1.45rem; }
.section-h p { margin:.25rem 0 0; color:var(--muted); font-size:.92rem; }
.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.85rem; }
.card { background:var(--card); border:1px solid var(--line); border-radius:var(--card-rad); overflow:hidden; 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 .7rem .8rem; }
.card .meta strong { display:block; font-size:.92rem; }
.card .meta span { color:var(--muted); font-size:.78rem; }
.cash-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cash-card { border:1px solid var(--line); border-radius:var(--card-rad); padding:1.1rem 1.15rem; background:color-mix(in srgb,var(--card) 80%, transparent); }
.cash-card h3 { margin:0 0 .4rem; font-family:var(--disp); font-size:1.1rem; color:var(--accent); }
.ref-band .ref-row { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; }
.ref-band img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--img-rad); border:1px solid var(--line); }
.blog-list { display:grid; gap:.55rem; }
.blog-list a { display:block; padding:.7rem .85rem; border:1px solid var(--line); border-radius:var(--card-rad); color:var(--muted); }
.blog-list a:hover { border-color:var(--accent); color:var(--fg); }
.site-footer { border-top:1px solid var(--line); padding:1.5rem 0 2rem; margin-top:1rem; color:var(--muted); font-size:.85rem; }
.legal-quiet { font-size:11px; opacity:.75; margin-top:.75rem; }
.stack-offer .ace-grid { grid-template-columns:1fr; }
.mid-offer { margin:1.25rem 0; }
.mid-offer img { width:100%; height:auto; border-radius:var(--img-rad); border:1px solid var(--line); display:block; }
@media (max-width:860px) {
  .nav-desk { display:none; }
  .menu-btn { display:block; }
  .ace-grid,.cash-grid,.grid,.ace-track,.ref-band .ref-row { grid-template-columns:1fr 1fr; }
  .ace-track { grid-template-columns:1fr 1fr; }
}
@media (max-width:520px) {
  .grid,.ace-track,.ref-band .ref-row,.cash-grid { grid-template-columns:1fr; }
}