@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: #06140c;
  --fg: #ecfdf5;
  --muted: #86efac;
  --accent: #4ade80;
  --card: color-mix(in srgb,#06140c 60%, #022c22);
  --line: color-mix(in srgb, #4ade80 35%, #333);
  --disp: "Sora", system-ui, sans-serif;
  --body: "Literata", Georgia, serif;
  --btn-rad: 12px;
  --img-rad: 12px;
  --card-rad: 12px;
}
* { box-sizing: border-box; }
body { margin:0; font-family:var(--body); background: repeating-linear-gradient(-12deg, transparent, transparent 40px, color-mix(in srgb,#4ade80 6%, transparent) 40px, color-mix(in srgb,#4ade80 6%, transparent) 41px), #06140c; 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:color-mix(in srgb,#06140c 90%, #000);border-bottom:1px dashed var(--line);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:12px;transform:rotate(-3deg); }
.nav-desk { display:flex; gap:1rem; flex:1; flex-wrap:wrap; font-size:.9rem; color:var(--muted); }
.nav-desk a.active,.nav-desk a:hover { color:var(--accent);  }
.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:#022c22; }
.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; font-family:var(--disp);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--fg); }
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:12px; 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; }
}