:root{
  --teal:#089de3;       /* Main Highlight color (marca) */
  --teal-dark:#0674a7;  /* Offer button hover color (marca) */
  --teal-light:#7fcfea; /* Secondary color (marca) */
  --orange:#a01803;     /* Offer buttons color (marca) */
  --orange-dark:#7d1200;
  --link:#d31e03;       /* Custom color for links inside posts (marca) */
  --ink:#1c2b2e;
  --muted:#5b6b6e;
  --bg:#f6f9f9;
  --card:#ffffff;
  --border:#e3ebeb;
  --radius:10px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* header */
header.site{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1180px;margin:0 auto}
.logo{font-size:22px;font-weight:800;color:var(--teal-dark);letter-spacing:-.5px}
.logo span{font-weight:400;color:var(--orange)}
nav.main a{margin-left:22px;font-size:14px;font-weight:600;color:var(--ink)}
nav.main a:hover{color:var(--teal)}
.nav-toggle{display:none}

/* hero */
.hero{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;padding:46px 0 40px}
.hero h1{font-size:30px;margin:0 0 8px;font-weight:800}
.hero p{margin:0;opacity:.92;font-size:16px;max-width:640px}
.hero .badge-strip{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.hero .badge-strip span{background:rgba(255,255,255,.15);padding:6px 12px;border-radius:20px;font-size:13px}

/* breadcrumb */
.crumb{font-size:13px;color:var(--muted);padding:14px 0}
.crumb a{color:var(--teal)}

/* sections */
main{padding:30px 0 60px}
h2.section-title{font-size:21px;margin:0 0 18px;font-weight:800;color:var(--teal-dark)}

/* offer grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.offer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,transform .15s}
.offer-card:hover{box-shadow:0 8px 22px rgba(14,124,134,.12);transform:translateY(-2px)}
.tag-row{display:flex;gap:8px;align-items:center}
.pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 9px;border-radius:20px}
.pill.coupon{background:#fff1ea;color:var(--orange-dark)}
.pill.offer{background:#e8f4f4;color:var(--teal-dark)}
.pill.days{margin-left:auto;background:#f1f3f3;color:var(--muted);font-weight:600;text-transform:none}
.offer-card h3{font-size:16px;margin:0;line-height:1.35}
.offer-card p.desc{font-size:13.5px;color:var(--muted);margin:0;flex:1}
.code-box{border:1.5px dashed var(--orange);border-radius:8px;padding:8px 10px;font-family:monospace;font-weight:700;letter-spacing:1px;text-align:center;color:var(--orange-dark);background:#fff9f6}
.cta{display:inline-block;text-align:center;background:var(--orange);color:#fff;font-weight:700;padding:10px 16px;border-radius:8px;font-size:14px}
.cta:hover{background:var(--teal-dark)}
.verified{font-size:11.5px;color:var(--muted)}
.verified strong{color:var(--teal-dark)}

/* chain directory */
.chain-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.chain-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.chain-tile:hover{border-color:var(--teal)}
.chain-tile small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:3px}
.count-badge{background:var(--teal);color:#fff;border-radius:20px;font-size:11px;padding:2px 8px;font-weight:700}

.empty-note{background:#fff9f2;border:1px solid #ffe3c2;border-radius:var(--radius);padding:16px 18px;font-size:14px;color:#7a5209}

/* intro / editorial */
.intro{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:28px;font-size:15px;color:#33474a}
.intro p{margin:0 0 10px}
.intro p:last-child{margin-bottom:0}
.draft-flag{display:inline-block;margin-top:10px;font-size:11.5px;background:#fdeeee;color:#b23c3c;padding:3px 9px;border-radius:6px;font-weight:700}

/* footer */
footer.site{background:#0e2124;color:#c9d6d6;padding:36px 0 26px;margin-top:40px;font-size:13.5px}
footer.site a{color:#8fd3cf}
footer.site .cols{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:22px}
footer.site .cols div{min-width:160px}
footer.site h4{color:#fff;font-size:13px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}
footer.site .disclosure{border-top:1px solid #22383c;padding-top:16px;font-size:12px;color:#93a3a3;line-height:1.6}

@media(max-width:640px){
  nav.main{display:none}
  .hero h1{font-size:24px}
}