/* =========================================================================
   TINISO RETHEME v2 — "SWISS BRUTALISM"
   Overlay layer: loads AFTER tiniso.css. Light paper theme, hard 2px black
   frames, single red accent, visible grid scaffold, mono typography.
   Structure, selectors, JS hooks and layout mechanics stay untouched.
   ========================================================================= */

:root {
  --bg: #F4F1EA;
  --bg-2: #FFFFFF;
  --panel: rgba(0, 0, 0, .03);
  --panel-strong: rgba(0, 0, 0, .06);
  --line: #111111;
  --line-soft: rgba(17, 17, 17, .18);
  --fg: #111111;
  --muted: #4A4A45;
  --faint: #7A7A72;
  --acc: #E5261F;
  --acc-2: #B81B15;
  --acc-glow: rgba(229, 38, 31, .18);
  --ink-on-acc: #FFFFFF;
  --lime: #111111;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "JetBrains Mono", monospace;
}

/* ── base: paper, black text ── */
html { color-scheme: light; }
body {
  background: var(--bg) !important;
  color: var(--fg) !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(17,17,17,.05) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(90deg, rgba(17,17,17,.05) 0 1px, transparent 1px 72px);
  background-attachment: fixed;
}
.glow, .glow-a, .glow-b, .grain { display: none !important; }
main, header.nav, footer.site-foot { position: relative; z-index: 1; }

h1, h2, h3, h4, .ob-q, .dash-name, .ob-title, .page-title, .stat-n, .dash-stat-n,
.cockpit-name, .ob-chan .n, .ob-sum-chan .n, .review-card figcaption b {
  color: #111 !important;
}

/* ── global chrome: every box gets a hard frame ── */
.card, .step, .review-card, .trust-item, .dash-stat, .lead-card, .creator-cockpit,
.page-cta, .vs-wrap, .ob-panel, .ob-chan, .ob-sum-block, .ob-sum-chan, .ob-auth,
.cockpit-stat-box, .cockpit-channel, .cockpit-deal-card, .offer-chan, .calc-cell,
.offer-card, .loader-card, .am-card, .lg-card, .ck-banner, .ck-panel,
#sp-form-256054.sp-form, .page-section code, .ob-other-input, .am-input, .am-select,
.lg-input, .lead-form input[type="email"], .channel-bar {
  background: #fff !important;
  border: 2px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* ── nav: white strip, hard rule ── */
.nav { background: #fff !important; border-bottom: 2px solid #111 !important; }
.brand b { color: #111 !important; background: none !important; -webkit-background-clip: initial !important;
  background-clip: initial !important; letter-spacing: -.05em; }
.brand .tag { color: #E5261F !important; font-family: var(--font-mono); letter-spacing: .3em; }
.links a { color: #111 !important; text-transform: uppercase; font-family: var(--font-mono);
  font-size: 12px !important; letter-spacing: .12em; }
.links a:hover { color: #E5261F !important; }
.nav-login { color: #111 !important; border: 2px solid #111 !important; border-radius: 0 !important;
  background: #fff !important; font-family: var(--font-mono); text-transform: uppercase;
  font-size: 11.5px; letter-spacing: .1em; }
.nav-login:hover { background: #111 !important; color: #fff !important; }
.nav-apply, .nav .nav-apply, button.nav-apply, .btn.nav-apply {
  background: #E5261F !important; color: #fff !important; border-radius: 0 !important;
  font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .1em; font-size: 11.5px;
  border: 2px solid #111 !important; }
.nav-apply:hover { background: #111 !important; color: #fff !important; filter: none;
  box-shadow: 4px 4px 0 rgba(229,38,31,.85); transform: translate(-2px,-2px); }

/* ── buttons ── */
.btn, .sp-open-btn, .sp-btn, .channel-bar .btn, .am-btn, .lg-submit, .ob-btn {
  border-radius: 0 !important; font-family: var(--font-mono); text-transform: uppercase;
  letter-spacing: .1em; font-size: 12.5px; }
.btn-solid, .sp-open-btn, .sp-btn, .channel-bar .btn, .am-btn, .lg-submit, .ob-btn-primary,
#sp-form-256054 .sp-button, .ck-btn-primary, .ck-allow, .ck-confirm, .ob-google {
  background: #E5261F !important; color: #fff !important; border: 2px solid #111 !important;
  border-radius: 0 !important; }
.btn-solid:hover, .sp-open-btn:hover, .sp-btn:hover, .channel-bar .btn:hover, .am-btn:hover,
.lg-submit:hover, .ob-btn-primary:hover, #sp-form-256054 .sp-button:hover,
.ck-btn-primary:hover, .ck-allow:hover, .ck-confirm:hover {
  background: #111 !important; color: #fff !important;
  box-shadow: 5px 5px 0 rgba(229,38,31,.85) !important; transform: translate(-2px,-2px); }
.btn-ghost { background: #fff !important; color: #111 !important; border: 2px solid #111 !important;
  border-radius: 0 !important; font-family: var(--font-mono); text-transform: uppercase; font-size: 11.5px; }
.btn-ghost:hover { background: #111 !important; color: #fff !important; }
.btn-solid:disabled { opacity: .55; }

/* ── inputs ── */
.lead-form input[type="email"], .am-input, .am-select, .lg-input, .ob-other-input,
#sp-form-256054 .sp-form-control { color: #111 !important; }
.lead-form input[type="email"]::placeholder, .am-input::placeholder, .lg-input::placeholder,
.ob-other-input::placeholder { color: #7A7A72 !important; }
.lead-form input[type="email"]:focus, .am-input:focus, .lg-input:focus, .ob-other-input:focus,
#sp-form-256054 .sp-form-control:focus, .channel-bar:focus-within {
  border-color: #E5261F !important; box-shadow: 4px 4px 0 rgba(229,38,31,.3) !important; }
.channel-bar input { color: #111 !important; }
.channel-bar input::placeholder { color: #7A7A72 !important; }

/* ── kickers & labels ── */
.kicker, .ob-kicker, .page-kicker, .ob-step-kicker { color: #E5261F !important;
  font-family: var(--font-mono) !important; letter-spacing: .28em; }
.foot-h, .dash-stat-l, .ob-sum-block .lbl, .sp-brand .tag, .calc-cell span, .logos-p,
.cockpit-eyebrow { font-family: var(--font-mono); letter-spacing: .16em; }
.foot-h { color: #111 !important; border-bottom: 2px solid #111; display: inline-block;
  padding-bottom: 4px; }
.dash-stat-l { color: #4A4A45 !important; }
.pill { background: #fff !important; border: 2px solid #111 !important; border-radius: 0 !important;
  color: #111 !important; font-family: var(--font-mono); text-transform: uppercase;
  font-size: 11px; letter-spacing: .1em; }
.pill .dot { background: #E5261F !important; box-shadow: none !important; border-radius: 2px !important; }
.pill b { color: #E5261F !important; }

/* ── hero ── */
.hero h1 em { background: none !important; -webkit-background-clip: initial !important;
  background-clip: initial !important; color: #E5261F !important;
  font-style: italic; text-decoration: underline; text-decoration-thickness: 4px;
  text-underline-offset: 8px; }
.stat-n, .dash-stat-n { background: none !important; -webkit-background-clip: initial !important;
  background-clip: initial !important; color: #111 !important; }
.lede, .ticks li { color: #4A4A45 !important; }
.ticks svg { color: #E5261F !important; }

/* ── cards: white slabs, offset hover ── */
.card, .step, .review-card, .trust-item, .dash-stat { transition: transform .15s, box-shadow .15s, border-color .15s; }
.card:hover, .review-card:hover, .dash-stat:hover, .trust-item:hover, .step:hover {
  border-color: #111 !important; box-shadow: 8px 8px 0 rgba(229,38,31,.9) !important;
  transform: translate(-3px,-3px); }
.card-ic, .trust-ic, .step .num { background: #fff !important; border: 2px solid #111 !important;
  border-radius: 0 !important; color: #E5261F !important; }
.step .num { background: #E5261F !important; color: #fff !important; }
.card h3, .step h3 { color: #111 !important; }
.card p, .step p, .trust-item p, .review-card blockquote { color: #4A4A45 !important; }
.tag-chip, .foot-badge { background: #fff !important; border: 1.5px solid #111 !important;
  border-radius: 0 !important; color: #111 !important; font-family: var(--font-mono);
  text-transform: uppercase; font-size: 10px; letter-spacing: .12em; }
.offer-badge { background: #fff !important; border: 2px solid #111 !important; border-radius: 0 !important;
  color: #E5261F !important; font-family: var(--font-mono); text-transform: uppercase; }
.review-stars { color: #E5261F !important; }
.review-card figcaption { border-top: 2px solid #111 !important; }
.review-card figcaption img, .offer-chan img { border-radius: 0 !important; border: 2px solid #111 !important; }

/* ── modals & overlays ── */
.loader-overlay::before, .offer-overlay::before, .am-overlay::before, .lg-overlay::before,
.ck-backdrop { background: rgba(17,17,17,.55) !important; backdrop-filter: none !important; }
.offer-scrim { background: transparent !important; }
.lg-close, .am-close, .ck-close { border-radius: 0 !important; border: 2px solid #111 !important;
  background: #fff !important; color: #111 !important; }
.lg-close:hover, .am-close:hover, .ck-close:hover { background: #E5261F !important; color: #fff !important;
  border-color: #111 !important; }
.lg-error { background: rgba(229,38,31,.06) !important; border: 2px solid rgba(229,38,31,.4) !important;
  color: #B81B15 !important; }
.loader-track { background: rgba(17,17,17,.12) !important; border-radius: 0 !important; }
.loader-bar { background: #E5261F !important; border-radius: 0 !important; }
.loader-step.is-done .loader-step-dot { border-color: #E5261F !important; background: #E5261F !important; }

/* ── cookie center ── */
.ck-banner { font-family: var(--font-body); }
.ck-banner h3, .ck-panel-body h3, .ck-cat-title { color: #111 !important; }
.ck-banner p, .ck-desc, .ck-cat-desc { color: #4A4A45 !important; }
.ck-banner p a, .ck-powered { color: #B81B15 !important; }
.ck-banner p a { color: #B81B15 !important; }
.ck-btn-ghost, .ck-reject { background: #fff !important; color: #111 !important;
  border: 2px solid #111 !important; border-radius: 0 !important; }
.ck-btn-ghost:hover, .ck-reject:hover { background: #111 !important; color: #fff !important; }
.ck-toggle input:checked + .tk { background: #E5261F !important; }
.ck-toggle input:checked + .tk::before { background: #fff !important; }
.ck-always-label { color: #E5261F !important; }
.ck-toggle .tk { background: rgba(17,17,17,.15) !important; }
.ck-toggle input:checked + .tk::before { transform: translateX(20px); }

/* ── cockpit: white instrument card, hard frames ── */
.creator-cockpit { background: #fff !important; border: 2px solid #111 !important;
  box-shadow: 8px 8px 0 rgba(17,17,17,.12) !important; }
.creator-cockpit h3 { color: #111 !important; }
.cockpit-eyebrow { color: #7A7A72 !important; }
.cockpit-live-tag { color: #E5261F !important; }
.cockpit-pulse-dot { background: #E5261F !important; box-shadow: none !important; border-radius: 2px !important; }
.cockpit-name { color: #111 !important; }
.cockpit-handle, .cockpit-stat-lbl, .cockpit-stat-trend, .cockpit-deal-meta { color: #7A7A72 !important; }
.cockpit-stat-val { color: #111 !important; }
.text-green { color: #1B9E4B !important; }
.text-indigo, .text-purple, .text-amber { color: #E5261F !important; }
.cockpit-deal-card { background: rgba(229,38,31,.05) !important; border-color: #111 !important; }
.cockpit-deal-badge { color: #E5261F !important; }
.cockpit-deal-amount, .cockpit-deal-title { color: #111 !important; }
.cockpit-footer { color: #4A4A45 !important; }
.cockpit-more-link { color: #E5261F !important; }
.cockpit-avatar, .cockpit-avatar-wrap img { border-radius: 0 !important; border: 2px solid #111 !important; }
.cockpit-verified-badge { background: #E5261F !important; border-color: #fff !important; border-radius: 0 !important; }
.cockpit-status-dot.green { background: #1B9E4B !important; }

/* ── onboarding ── */
.ob-chan { background: #fff !important; }
.ob-chan .s, .ob-sum-chan .s { color: #4A4A45 !important; }
.ob-chan .badge, .ob-ready span { color: #B81B15 !important; border: 2px solid #E5261F !important;
  background: rgba(229,38,31,.06) !important; border-radius: 0 !important;
  font-family: var(--font-mono); text-transform: uppercase; font-size: 10px; letter-spacing: .14em; }
.ob-point .ic { background: #E5261F !important; color: #fff !important; border-radius: 0 !important; }
.ob-point b { color: #111 !important; }
.ob-panel::before { background: #E5261F !important; opacity: 1 !important; }
.ob-prog { background: #E5261F !important; border-radius: 0 !important; }
.ob-qsub, .ob-lede { color: #4A4A45 !important; }
.ob-opt { background: #fff !important; border: 2px solid rgba(17,17,17,.35) !important; color: #111 !important; }
.ob-opt:hover { border-color: #111 !important; box-shadow: 4px 4px 0 rgba(229,38,31,.5) !important;
  transform: translate(-2px,-2px); }
.ob-opt .ic { background: #F4F1EA !important; border: 1.5px solid rgba(17,17,17,.3) !important; }
.ob-opt .ic svg { color: #4A4A45 !important; }
.ob-opt .d { color: #7A7A72 !important; }
.ob-opt .radio, .ob-opt .box { border-color: #111 !important; background: #fff; }
.ob-opt.selected { border-color: #111 !important; background: #fff !important;
  box-shadow: 5px 5px 0 rgba(229,38,31,.9) !important; transform: translate(-2px,-2px); }
.ob-opt.selected .ic { background: #fff !important; border-color: #E5261F !important; }
.ob-opt.selected .ic svg { color: #E5261F !important; }
.ob-opt.selected .radio { border-color: #E5261F !important; }
.ob-opt.selected .radio::after { background: #E5261F !important; }
.ob-opt.selected .box { background: #E5261F !important; border-color: #111 !important; color: #fff !important; }
.ob-btn-ghost { background: #fff !important; color: #111 !important; border: 2px solid #111 !important; }
.ob-btn-ghost:hover { background: #111 !important; color: #fff !important; box-shadow: none !important; }
.ob-other-input { background: #fff !important; }
.ob-letter, .ob-done-ic { background: #E5261F !important; color: #fff !important; border-radius: 0 !important; }
.ob-done-ic { border: 2px solid #111 !important; }
.ob-google { color: #fff !important; }
.ob-auth h3 { color: #111 !important; }
.ob-auth p, .ob-legal { color: #7A7A72 !important; }
.ob-auth-note { color: #7A7A72 !important; }
.ob-auth-error { color: #B81B15 !important; }
.ob-auth.verified { border-color: #5EE07A !important; }
.ob-auth.verified .ob-auth-ic svg { color: #1B9E4B !important; }
.ob-sum-block .lbl svg { color: #E5261F !important; }
.dash-note b { color: #E5261F !important; }
.dash-avatar { border-radius: 0 !important; border: 2px solid #111 !important;
  box-shadow: 6px 6px 0 rgba(229,38,31,.6) !important; }
.dash-badge { color: #B81B15 !important; border: 2px solid #E5261F !important;
  background: rgba(229,38,31,.06) !important; border-radius: 0 !important;
  font-family: var(--font-mono); text-transform: uppercase; font-size: 11px; }
.dash-badge .ring { border-color: rgba(229,38,31,.4); border-top-color: #E5261F; }
.dash-stat:hover { transform: translate(-2px,-2px); }

/* ── footer ── */
.site-foot { border-top: 2px solid #111 !important; background: #F4F1EA; }
.foot-about { color: #4A4A45 !important; }
.foot-col a { color: #4A4A45 !important; }
.foot-col a:hover { color: #E5261F !important; }
.foot-bottom { border-top: 2px solid #111 !important; color: #7A7A72 !important; }

/* ── strips, tables, feeds ── */
.strip { background: #fff !important; border-block: 2px solid #111 !important; }
.vs-head > div { background: #111 !important; color: #fff !important; }
.vs-head .vs-grow { color: #FF5B54 !important; }
.vs-row > div { background: #fff !important; }
.live-pill, .slots-pill, .slots-timer { background: #fff !important; border: 2px solid #111 !important;
  border-radius: 0 !important; color: #111 !important; }
.live-pill b, .slots-pill b, .slots-timer b { color: #E5261F !important; }
.live-pill .fdot { background: #E5261F !important; box-shadow: none !important; border-radius: 2px !important; }
.logos-row { opacity: .8; }
.logos-row span { color: #111 !important; }
.sweep::after { background: linear-gradient(100deg, transparent, rgba(229,38,31,.08), transparent) !important; }
.page-cta h2, .cta-panel h2 { color: #111 !important; }
.cta-panel { background: #fff !important; border: 2px solid #111 !important; }
.faq summary { color: #111 !important; }
.faq summary .pm { color: #E5261F !important; border: 2px solid #111 !important; border-radius: 0 !important; }
.faq .ans { color: #4A4A45 !important; }
.page-section p, .page-section ul { color: #4A4A45 !important; }
.page-section li b { color: #111 !important; }
.page-section code { background: #fff !important; color: #B81B15 !important; }
.calc-cell b { color: #111 !important; }
.offer-proof { color: #7A7A72 !important; }
.loader-card h3, .loader-sub, .offer-card h2, .offer-sub { color: #111 !important; }
.loader-sub, .offer-sub { color: #4A4A45 !important; }
.loader-step { color: #4A4A45 !important; }
.loader-step.is-active, .loader-step.is-done { color: #111 !important; }
.offer-item b { color: #111 !important; }
.offer-item p { color: #4A4A45 !important; }
.offer-item .ic { color: #E5261F !important; border: 2px solid #111 !important; background: #fff !important; border-radius: 0 !important; }
.offer-chan { background: #fff !important; }
.offer-chan .subs { color: #7A7A72 !important; }
.offer-chan .name { color: #111 !important; }
.ck-open-btn { background: #fff !important; color: #111 !important; border: 2px solid #111 !important; border-radius: 0 !important; }
.ck-open-btn:hover { background: #111 !important; color: #fff !important; }
::selection { background: rgba(229,38,31,.25); }

/* ── SendPulse embed form ── */
#sp-form-256054 .sp-control-label { color: #4A4A45 !important; }
#sp-form-256054 .sp-control-label strong { color: #E5261F !important; }
#sp-form-256054 .sp-form-control { background: #fff !important;
  border: 2px solid rgba(17,17,17,.35) !important; }
#sp-form-256054 .sp-form-control::placeholder { color: #7A7A72 !important; }
#sp-form-256054 .sp-consent { color: #4A4A45 !important; }
#sp-form-256054 .sp-consent a { color: #B81B15 !important; }
#sp-form-256054 .sp-consent input[type="checkbox"] { border: 2px solid #111 !important;
  background: #fff !important; border-radius: 0 !important; }
#sp-form-256054 .sp-consent input[type="checkbox"]:checked { background: #E5261F !important; }
#sp-form-256054 .sp-consent input[type="checkbox"]:checked::after { border-color: #fff !important; }
#sp-form-256054 .sp-legal { color: #7A7A72 !important; }
#sp-form-256054 .sp-legal a { color: #B81B15 !important; }
#sp-form-256054 .sp-message { color: #111 !important; }
.sp-field label { color: #111 !important; }
.sp-field label .req { color: #E5261F !important; }
.sp-field input[type="text"], .sp-field input[type="email"] { border: 2px solid rgba(17,17,17,.35) !important; }
.sp-check { color: #4A4A45 !important; }
.sp-msg.ok { color: #1B9E4B !important; background: rgba(27,158,75,.07) !important;
  border: 2px solid rgba(27,158,75,.35) !important; border-radius: 0 !important; }
.sp-msg.err { color: #B81B15 !important; background: rgba(229,38,31,.06) !important;
  border: 2px solid rgba(229,38,31,.35) !important; border-radius: 0 !important; }
.sp-powered { background: #fff !important; border: 1.5px solid #111 !important; color: #4A4A45 !important; }
.sp-powered .pulse { background: #E5261F !important; border-radius: 0 !important; }