/* Scoped styles for the landing only */
:root { --ss-accent: #111; --ss-muted:#666; --ss-card:#fff; --ss-ring:rgba(0,0,0,.08); }

.splash { font-family: Inter, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif; color:#111; }
.splash a { color:#111; text-decoration:none; }
.splash img{ max-width:100%; display:block; }
.splash .splash-divider{ border:0; border-top:1px solid var(--ss-ring); margin:4rem 0; }

/* Ticker */
.splash .splash-ticker{ max-width:1120px; margin:0 auto; display:flex; align-items:center; gap:.6rem; padding:.75rem 1rem; border-bottom:1px solid var(--ss-ring); font-size:.9rem;}
.splash .splash-ticker__dot{ width:6px;height:6px;border-radius:999px;background:#2ecc71;}
.splash .splash-ticker__label{ text-transform:uppercase; letter-spacing:.08em; font-weight:700; font-size:.72rem; color:var(--ss-muted);}
.splash .splash-ticker__text{ color:#222;}
.splash .splash-ticker__link{ margin-left:auto; text-decoration:underline; }

/* Hero */
.splash .splash-hero{ max-width:1120px; margin:2rem auto 0; padding:2rem 1rem; display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; }
.splash .splash-hero__media{ border:1px solid var(--ss-ring); border-radius:16px; overflow:hidden; }
.splash .splash-pill{ display:inline-flex; padding:.35rem .6rem; border:1px solid var(--ss-ring); border-radius:999px; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;}
.splash .splash-title{ font-size:clamp(28px,4vw,48px); line-height:1.1; margin:.75rem 0 1rem; font-weight:800;}
.splash .splash-lead{ color:var(--ss-muted); max-width:40ch; }
.splash .splash-cta{ margin-top:1.25rem; display:flex; gap:.6rem; flex-wrap:wrap; }
.splash .splash-btn{ display:inline-flex; align-items:center; justify-content:center; padding:.75rem 1rem; border-radius:14px; border:1px solid var(--ss-ring); font-weight:600; }
.splash .splash-btn--primary{ background:#000; color:#fff; border-color:#000; }
.splash .splash-receipts{ margin-top:1.2rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; }
.splash .splash-card{ border:1px solid var(--ss-ring); border-radius:14px; padding:.9rem; background:var(--ss-card); }
.splash .splash-card strong{ display:block; font-weight:700;}
.splash .splash-card span{ color:var(--ss-muted); font-size:.9rem; }

/* Subscribe */
.splash .splash-subscribe{ margin:1rem 0 0; position:relative; display:flex; gap:.5rem; max-width:420px; }
.splash .splash-subscribe input{ flex:1; padding:.85rem .9rem; border-radius:999px; border:1px solid var(--ss-ring); outline:none; }
.splash .splash-subscribe button{ padding:.85rem 1rem; border-radius:999px; border:0; background:#000; color:#fff; font-weight:700; }
.splash .splash-subscribe small{ display:none; margin-top:.4rem; }
.splash .splash-subscribe.success .success{ display:block; color:#2ecc71; }
.splash .splash-subscribe.error .error{ display:block; color:#e74c3c; }

/* Method / Offers */
.splash .splash-h2{ font-size:clamp(22px,3vw,32px); font-weight:800; }
.splash .splash-kicker{ color:var(--ss-muted); margin:.25rem 0 1rem; }
.splash .splash-method, .splash .splash-offers{ max-width:1120px; margin:0 auto; padding:1rem; }
.splash .splash-grid{ display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.splash .splash-method .splash-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); }
.splash .splash-list{ margin:.5rem 0 0; padding-left:1.1rem; color:#222; }
.splash .splash-tag{ font-size:.75rem; color:var(--ss-muted); text-transform:uppercase; letter-spacing:.08em; }

/* Stream */
.splash .splash-stream{ max-width:1120px; margin:0 auto; padding:1rem; }
.splash .splash-stream__list{ list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.75rem; }
.splash .splash-stream__item{ border:1px solid var(--ss-ring); border-radius:12px; padding:.9rem; }
.splash .splash-stream__item time{ font-size:.8rem; color:var(--ss-muted); margin-right:.5rem; display:inline-block; }
.splash .splash-stream__item a{ font-weight:700; text-decoration:underline; }
.splash .splash-stream__item p{ margin:.35rem 0 0; color:#333; }

/* Responsive */
@media (max-width: 980px){
  .splash .splash-hero{ grid-template-columns:1fr; }
  .splash .splash-receipts{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .splash .splash-method .splash-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .splash .splash-offers .splash-grid{ grid-template-columns:1fr; }
}
/* ===== Tripoli overrides for the landing ONLY ===== */
.home-template .splash { 
  width: 100%;
  display: block;
  margin: 0 auto;
  font-size: 16px;            /* reset any 62.5% root sizing tricks */
  line-height: 1.5;
}

.home-template .splash,
.home-template .splash * { box-sizing: border-box; }

/* Kill parent layout constraints that shove content right or clamp width */
.home-template .splash .c-container,
.home-template .splash .container,
.home-template .splash .gh-container,
.home-template .splash .content,
.home-template .splash .o-grid {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Give our sections their own centered max-width */
.home-template .splash-hero,
.home-template .splash-method,
.home-template .splash-offers,
.home-template .splash-stream,
.home-template .splash-ticker {
  max-width: 1120px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Make the hero breathe more on big screens */
@media (min-width: 1200px){
  .home-template .splash-hero { gap: 2.5rem; padding-top: 2.5rem; }
}

/* Ensure the stream items don’t collapse visually */
.home-template .splash-stream__item p { color:#222; }

/* Optional: dark mode guard if Tripoli flips colors */
[data-user-color-scheme="dark"] .splash .splash-card { background:#111; border-color:#222; }
[data-user-color-scheme="dark"] .splash a { color:#fff; }