/* CIVIO interactive simulation */
.cv-simulation-page{background:#fff}
.cv-simulation-page .cv-page-hero{position:relative;overflow:hidden;padding:92px 0 76px;background:#050505;color:#fff}
.cv-simulation-page .cv-page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 92%)}
.cv-simulation-page .cv-page-hero .cv-shell{position:relative;z-index:1}
.cv-simulation-page .cv-page-hero h1{max-width:980px;font-size:clamp(52px,7.8vw,104px)}
.cv-simulation-page .cv-page-hero p{max-width:780px;color:rgba(255,255,255,.72);font-size:18px}
.cv-simulation-intro{padding:72px 0 62px;background:#fff}
.cv-simulation-intro-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;align-items:start}
.cv-simulation-intro h2{margin:0 0 22px;font-family:var(--cv-display);font-size:clamp(38px,5vw,66px);line-height:1.06;letter-spacing:-.04em}
.cv-simulation-intro p{margin:0;color:var(--cv-muted);font-size:15px;line-height:1.95}
.cv-simulation-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:4px solid #111;border-bottom:1px solid var(--cv-line)}
.cv-simulation-notes article{padding:28px;border-right:1px solid var(--cv-line)}
.cv-simulation-notes article:last-child{border-right:0}
.cv-simulation-notes span{font:900 10px monospace;letter-spacing:.15em;color:var(--cv-red)}
.cv-simulation-notes h3{margin:34px 0 10px;font-size:20px;line-height:1.35}
.cv-simulation-notes p{font-size:12px;line-height:1.75}
.cv-simulation-section{padding:72px 0 110px;background-color:var(--cv-soft);background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:42px 42px}
.simulation-app{--civio-black:#050505;--civio-ink:#151515;--civio-red:#c4141f;--civio-red-dark:#a80f1b;--civio-red-light:#ff6670;--civio-white:#fff;--civio-soft:#f4f4f1;--civio-line:#d6d6d3;--civio-muted:#626262;color:var(--civio-ink);font-family:var(--cv-body);line-height:1.6}
.simulation-app *{box-sizing:border-box;min-width:0}
.simulation-app h1,.simulation-app h2,.simulation-app h3,.simulation-app h4,.simulation-app p,.simulation-app ul{margin-top:0;margin-bottom:0}
.simulation-app button,.simulation-app select{font:inherit}
.simulation-app button{cursor:pointer}
.simulation-app button:disabled{cursor:not-allowed}
.simulation-app-shell{width:min(1120px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
.sim-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:18px 20px;background:#050505;color:#fff;border-top:5px solid var(--cv-red)}
.sim-toolbar>div{display:flex;flex-direction:column;gap:3px}
.sim-toolbar span:first-child{font:900 9px monospace;letter-spacing:.17em;color:#ff727a}
.sim-toolbar strong{font-family:var(--cv-display);font-size:clamp(20px,3vw,32px);line-height:1.1;letter-spacing:.02em}
.sim-restart-button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:10px 15px!important;font-size:12px!important}
.sim-icon{display:inline-grid;place-items:center;flex:0 0 auto;min-width:1.1em;font-weight:900;line-height:1}
.simulation-app .pixel-font{font-family:var(--cv-display);letter-spacing:.045em}
.simulation-app .pixel-card{border:1px solid var(--civio-black);box-shadow:12px 12px 0 rgba(196,20,31,.13);background-color:var(--civio-white)}
.simulation-app .pixel-btn{border:1px solid var(--civio-black);box-shadow:5px 5px 0 var(--civio-black);background-color:var(--civio-red);color:var(--civio-white);transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease;user-select:none}
.simulation-app .pixel-btn:hover:not(:disabled){background-color:var(--civio-red-dark);transform:translateY(-2px)}
.simulation-app .pixel-btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:1px 1px 0 var(--civio-black)}
.simulation-app [class*="rounded-"]{border-radius:0!important}
.simulation-app select:focus-visible,.simulation-app button:focus-visible,.simulation-app a:focus-visible{outline:3px solid var(--civio-red);outline-offset:3px}
.simulation-app [class*="text-blue-"],.simulation-app [class*="text-emerald-"],.simulation-app [class*="text-purple-"]{color:var(--civio-red)!important}
.simulation-app [class*="bg-blue-"],.simulation-app [class*="bg-emerald-"],.simulation-app [class*="bg-purple-"]{background-color:var(--civio-red)!important}
.simulation-app .bg-\[\#151515\]{background:#151515!important}

.simulation-app #stat-users,
.simulation-app #stat-merchants,
.simulation-app #stat-inclusion,
.simulation-app #data-coverage-pct,
.simulation-app #data-velocity,
.simulation-app #pred-users-change,
.simulation-app #pred-merchants-change{color:#c4141f!important}
.simulation-app #data-quarter-volume{color:#fff!important}
.simulation-app .sim-risk-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border:1px solid #b9c7bb;background:#edf3ee;color:#12411b;line-height:1.2;white-space:nowrap}
.simulation-app .sim-risk-safe{background:#edf3ee;color:#12411b;border-color:#9ab39e}
.simulation-app .sim-risk-caution{background:#fff4cf;color:#5b4600;border-color:#dfc46a}
.simulation-app .sim-risk-high{background:#ffe9c7;color:#6d4300;border-color:#e2b86e}
.simulation-app .sim-risk-danger,.simulation-app .sim-risk-impossible{background:#ffe3e6;color:#8a1018;border-color:#d59aa2}
.simulation-app .sim-risk-impossible{animation:pulse-danger .9s infinite}
.simulation-app .bg-\[\#050505\]{background:#050505!important}
.simulation-app .border-\[\#333333\]{border-color:#383838!important}
.simulation-app [role="dialog"]{z-index:1400!important}
.simulation-app #screen-start>h2,.simulation-app #screen-ending>h2{font-family:var(--cv-display);letter-spacing:-.025em}
.simulation-app #screen-start{border-top:7px solid var(--cv-red)}
.simulation-app #screen-ending{border-top:7px solid var(--cv-red)}
.simulation-app select{appearance:auto;background:#fff}
.simulation-app canvas{display:block;max-width:100%}
.simulation-app .animate-danger{animation:pulse-danger .7s infinite}
.simulation-app .animate-pop{animation:pop-score .3s cubic-bezier(.175,.885,.32,1.275) forwards}
@keyframes pulse-danger{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.86;transform:scale(1.01)}}
@keyframes pop-score{0%{transform:scale(.94);opacity:0}100%{transform:scale(1);opacity:1}}
.cv-simulation-disclaimer{padding:60px 0;background:#050505;color:#fff}
.cv-simulation-disclaimer .cv-shell{max-width:920px}
.cv-simulation-disclaimer h2{margin:0 0 18px;font-family:var(--cv-display);font-size:clamp(36px,5vw,64px);line-height:1.08}
.cv-simulation-disclaimer p{margin:0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.9}
@media(max-width:800px){
  .cv-simulation-page .cv-page-hero{padding:72px 0 58px}.cv-simulation-page .cv-page-hero p{font-size:15px}
  .cv-simulation-intro-grid{grid-template-columns:1fr;gap:20px}.cv-simulation-notes{grid-template-columns:1fr}.cv-simulation-notes article{border-right:0;border-bottom:1px solid var(--cv-line)}.cv-simulation-notes article:last-child{border-bottom:0}
  .simulation-app-shell{width:calc(100% - 28px)!important}.sim-toolbar{align-items:flex-start}.sim-toolbar strong{font-size:20px}.sim-restart-button{padding:9px 10px!important}
  .simulation-app .pixel-card{box-shadow:7px 7px 0 rgba(196,20,31,.13)}
}
@media(max-width:520px){.sim-toolbar{flex-direction:column}.sim-restart-button{width:100%;justify-content:center}.cv-simulation-section{padding-top:48px}.simulation-app #screen-start,.simulation-app #screen-ending{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.simulation-app *,.simulation-app *::before,.simulation-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.sim-model-notice{max-width:680px;margin:0 auto;padding:12px 14px;border-left:5px solid var(--civio-red);background:#f7f7f5;color:#2b2b2b;font-size:12px;line-height:1.75;text-align:left}
.sim-model-notice strong{color:#050505}
.sim-model-details{max-width:680px;margin:0 auto;border:1px solid #b8b8b4;background:#fff;text-align:left}
.sim-model-details summary{min-height:44px;display:flex;align-items:center;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:900;color:#050505}
.sim-model-details[open] summary{border-bottom:1px solid #d6d6d3}
.sim-model-details ul{margin:0;padding:12px 28px 14px;color:#444;font-size:11px;line-height:1.8}