/* SettleSpeed — main stylesheet (dark "settlement terminal" theme). Above-fold basics live in critical.q7y1n-css. */

/* ---------- content typography ---------- */
.q7y1n-site-main section{margin:0 auto}
.q7y1n-prose,.q7y1n-wrap{}
h2{font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2;letter-spacing:-.01em;margin:2.2rem 0 .6rem}
h3{font-size:1.15rem;margin:1.6rem 0 .4rem}
h4{font-size:1rem;margin:1.2rem 0 .3rem;color:var(--muted)}
p{margin:.6rem 0}
ul,ol{margin:.6rem 0;padding-left:1.3rem}
li{margin:.3rem 0}
strong{color:#fff}
hr{border:none;border-top:1px solid var(--line);margin:2rem 0}
:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}
.q7y1n-small{font-size:.85rem}
.q7y1n-muted{color:var(--muted)}
.q7y1n-mono{font-family:var(--mono)}
.q7y1n-center{text-align:center}
cite{color:var(--muted);font-style:normal;font-size:.85em}

/* ---------- answer-first box (AI-citation signature) ---------- */
.q7y1n-answer-box{background:var(--surface);border:1px solid var(--line-2);border-left:3px solid var(--teal);border-radius:12px;padding:1rem 1.15rem;margin:1rem 0}
.q7y1n-answer-box .q7y1n-a-label{display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:.35rem}
.q7y1n-answer-box p{margin:.2rem 0}
.q7y1n-answer-box strong{color:#fff}

/* ---------- callout ---------- */
.q7y1n-callout{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;padding:.9rem 1.1rem;margin:1.2rem 0}
.q7y1n-callout.q7y1n-warn{border-left:3px solid var(--amber)}
.q7y1n-callout.q7y1n-tip{border-left:3px solid var(--teal)}

/* ---------- stat / kpi grid (home hero + summaries) ---------- */
.q7y1n-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin:1.2rem 0}
.q7y1n-kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.q7y1n-kpi-card .q7y1n-v{display:block;font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--teal);line-height:1.1}
.q7y1n-kpi-card .q7y1n-k{display:block;font-size:.8rem;color:var(--muted);margin-top:.25rem}

/* ---------- tables ---------- */
.q7y1n-table-wrap{overflow-x:auto;margin:1.1rem 0;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:520px}
thead th{position:sticky;top:60px;z-index:1;background:var(--surface-2);text-align:left;font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);padding:.7rem .8rem;border-bottom:1px solid var(--line-2)}
tbody th,tbody td{padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
tbody th{text-align:left;font-weight:600}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:rgba(255,122,24,.06)}
.q7y1n-num{text-align:right;font-family:var(--mono);white-space:nowrap}
.q7y1n-row-best{background:rgba(255,122,24,.10)}
.q7y1n-row-best th::before{content:"▸ ";color:var(--teal)}

/* ---------- badges ---------- */
.q7y1n-badge{display:inline-block;font-family:var(--mono);font-size:.78rem;font-weight:700;padding:.1rem .45rem;border-radius:6px;border:1px solid transparent;white-space:nowrap}
.q7y1n-b-green{background:rgba(55,207,139,.14);color:#66e0a2;border-color:rgba(55,207,139,.35)}
.q7y1n-b-amber{background:rgba(227,166,63,.14);color:#f0bd6a;border-color:rgba(227,166,63,.35)}
.q7y1n-b-red{background:rgba(232,115,107,.14);color:#f0918a;border-color:rgba(232,115,107,.35)}
.q7y1n-b-dim{background:var(--surface-2);color:var(--muted);border-color:var(--line-2)}
.q7y1n-b-live{background:rgba(232,115,107,.16);color:#f0918a;border-color:rgba(232,115,107,.4)}
.q7y1n-b-live::before{content:"●";margin-right:.25rem;animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.q7y1n-b-live::before{animation:none}}

/* ---------- settlement two-bar viz (queue vs chain) — signature ---------- */
.q7y1n-settle-bar{margin:.7rem 0}
.q7y1n-settle-track{display:flex;height:18px;border-radius:6px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line-2)}
.q7y1n-seg-queue{background:linear-gradient(180deg,#eab657,#e3a63f)}
.q7y1n-seg-chain{background:linear-gradient(180deg,#4fe0d0,#38d3c2)}
.q7y1n-settle-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.4rem;font-size:.8rem;color:var(--muted)}
.q7y1n-settle-legend span{display:inline-flex;align-items:center;gap:.35rem}
.q7y1n-dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.q7y1n-dot-queue{background:#e3a63f}.q7y1n-dot-chain{background:#38d3c2}

/* ---------- settlement pipeline (stages list) ---------- */
.q7y1n-pipeline{list-style:none;padding:0;margin:1.2rem 0;counter-reset:st}
.q7y1n-pipeline li{position:relative;padding:.2rem 0 1.1rem 2.1rem;border-left:2px solid var(--line-2);margin-left:.6rem}
.q7y1n-pipeline li:last-child{border-left-color:transparent;padding-bottom:0}
.q7y1n-pipeline li::before{counter-increment:st;content:counter(st);position:absolute;left:-.85rem;top:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;background:var(--surface);border:1px solid var(--teal);color:var(--teal);border-radius:50%;font-family:var(--mono);font-size:.78rem;font-weight:700}
.q7y1n-pipeline b{color:#fff}

/* ---------- CTA card ---------- */
.q7y1n-cta-card{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:1rem 1.15rem;margin:1.6rem 0}
.cta-disclosure{font-size:.78rem;color:var(--muted);margin:0 0 .6rem}
.cta-ad{display:inline-block;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:.05rem .35rem;margin-right:.4rem;vertical-align:1px}
.q7y1n-cta-heading{font-weight:700;font-size:1.05rem;margin:.1rem 0}
.q7y1n-cta-angle{color:var(--muted);margin:.15rem 0 .8rem}
.q7y1n-cta-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--teal);color:var(--ink-on-teal);font-weight:700;text-decoration:none;padding:.6rem 1.05rem;border-radius:9px}
.q7y1n-cta-btn:hover{background:var(--teal-hi);color:var(--ink-on-teal)}

/* ---------- FAQ ---------- */
.q7y1n-faq-section{margin:2.4rem auto}
.q7y1n-faq-list{display:flex;flex-direction:column;gap:.5rem}
.q7y1n-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.2rem .95rem}
.q7y1n-faq-item summary{cursor:pointer;font-weight:600;padding:.7rem 0;list-style:none}
.q7y1n-faq-item summary::-webkit-details-marker{display:none}
.q7y1n-faq-item summary::after{content:"+";float:right;color:var(--teal);font-weight:700}
.q7y1n-faq-item[open] summary::after{content:"−"}
.q7y1n-faq-item p{margin:0 0 .8rem;color:var(--muted)}

/* ---------- interactive tool ---------- */
.q7y1n-tool-shell{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:1.1rem;margin:1.4rem 0}
.q7y1n-tool-intro{color:var(--muted);font-size:.92rem;margin:0 0 .8rem}
.q7y1n-tool-tabs{display:flex;gap:.35rem;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:1rem}
.q7y1n-tool-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-weight:600;padding:.5rem .7rem;cursor:pointer}
.q7y1n-tool-tab[aria-selected=true]{color:var(--teal);border-bottom-color:var(--teal)}
.q7y1n-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-bottom:.9rem}
.q7y1n-tool-field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.3rem;font-weight:600}
.q7y1n-tool-field select,.q7y1n-tool-field input{width:100%;background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;padding:.55rem .6rem;font:inherit}
.q7y1n-tool-actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin:.4rem 0 .2rem}
.q7y1n-tool-run{appearance:none;background:var(--teal);color:var(--ink-on-teal);border:none;border-radius:9px;padding:.6rem 1.15rem;font:inherit;font-weight:700;cursor:pointer}
.q7y1n-tool-run:hover{background:var(--teal-hi)}
.q7y1n-tool-note{font-size:.8rem;color:var(--muted)}
.q7y1n-tool-out{margin-top:1rem}
.q7y1n-result-strip{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}
.q7y1n-result-kpi{flex:1 1 130px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}
.q7y1n-result-kpi .q7y1n-k{display:block;font-size:.75rem;color:var(--muted)}
.q7y1n-result-kpi .q7y1n-v{display:block;font-family:var(--mono);font-size:1.35rem;font-weight:700;color:var(--teal);line-height:1.15}
.q7y1n-err{color:#f0918a;font-weight:600}

/* ---------- page banner ---------- */
.q7y1n-page-banner{margin:1.2rem 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.q7y1n-page-banner img{display:block;width:100%;height:auto}

/* ---------- footer ---------- */
.q7y1n-site-footer{border-top:1px solid var(--line);background:#0a1526;margin-top:3rem;padding:2.2rem 0 2.6rem}
.q7y1n-footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:1.6rem}
.q7y1n-footer-brand .q7y1n-brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;font-size:1.1rem}
.q7y1n-footer-brand .q7y1n-brand-mark{color:var(--teal);font-size:1.3rem}
.q7y1n-footer-tagline{color:var(--muted);font-size:.9rem;max-width:42ch;margin:.5rem 0 0}
.q7y1n-footer-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.2rem}
.q7y1n-footer-col-h{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}
.q7y1n-footer-col ul{list-style:none;padding:0;margin:0}
.q7y1n-footer-col li{margin:.3rem 0}
.q7y1n-footer-col a{color:var(--ink);text-decoration:none;font-size:.9rem}
.q7y1n-footer-col a:hover{color:var(--teal)}
.q7y1n-footer-legal{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
.q7y1n-footer-legal p{margin:.5rem 0}
.q7y1n-footer-copy{color:#6f7d8d}

/* ---------- responsible-gambling block ---------- */
.rg-block{background:#0a1526;border-top:1px solid var(--line)}
.rg-inner{padding:1.5rem 0}
.rg-title{font-weight:700;color:#fff;margin:0 0 .3rem}
.rg-block p{color:var(--muted);font-size:.9rem;margin:.3rem 0;max-width:74ch}

/* ---------- responsive ---------- */
@media (max-width:720px){
  .q7y1n-footer-top{grid-template-columns:1fr}
  thead th{top:0}
}

/* --- first-hand screenshots (.q7y1n-shot) --- */
.q7y1n-site-main img{max-width:100%;height:auto}
.q7y1n-shot{margin:1.5rem 0}
.q7y1n-shot img{display:block;width:100%;max-width:760px;height:auto;border-radius:.6rem;border:1px solid rgba(255,255,255,.12)}
.q7y1n-shot figcaption{font-size:.82rem;opacity:.7;margin-top:.45rem;line-height:1.4}