.crm-hero-sim{position:relative;min-height:100%}.crm-hero-sim-board{position:relative;display:grid;gap:1.5rem;min-height:34rem;padding:1.5rem;border:1px solid rgba(113,88,62,.16);border-radius:var(--radius-2xl);background:linear-gradient(180deg,#fffdf9fa,#f6f0e9f5),var(--surface-card);box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate}.crm-hero-sim-board:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(113,88,62,.04) 1px,transparent 1px,0),linear-gradient(90deg,rgba(113,88,62,.04) 1px,transparent 1px,0);background-size:100% 5rem,5rem 100%;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 92%);pointer-events:none}.crm-hero-sim-board-glow{position:absolute;right:-10%;bottom:-22%;width:24rem;height:24rem;background:radial-gradient(circle,rgba(201,106,58,.16),transparent 72%);pointer-events:none}.crm-hero-sim-header,.crm-hero-sim-stage header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.crm-hero-sim-header strong{display:block;font-size:1.1rem;color:var(--color-ink)}.crm-hero-sim-header span,.crm-hero-sim-stage header span,.crm-hero-sim-task-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--color-slate)}.crm-hero-sim-stage header span{background:#c96a3a14;color:var(--color-terracotta-active);padding:.35rem .75rem;border-radius:999px;font-weight:600;letter-spacing:.08em}.crm-hero-sim-header p{margin:0;max-width:14rem;color:var(--color-slate);font-size:.88rem;line-height:1.4;text-align:right}.crm-hero-sim-stage-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.crm-hero-sim-stage{display:grid;grid-template-rows:auto 1fr;gap:.85rem;padding:1.1rem .5rem;border-radius:1.4rem;background:linear-gradient(180deg,#fffdf9f5,#f4ece4eb),var(--surface-page);box-shadow:inset 0 1px #ffffffb8}.crm-hero-sim-stage-body{position:relative;min-height:12.5rem;padding:3.2rem .25rem .8rem;border-radius:1.1rem;background:linear-gradient(180deg,#ffffff61,#ffffff1f),#d8c6b01f}.crm-hero-sim-slot{position:absolute;inset:3.2rem .25rem .8rem;border:1px dashed rgba(113,88,62,.12);border-radius:1rem}.crm-hero-sim-fallback-stack{position:relative;display:grid;min-height:100%}.crm-hero-sim-card-layer{position:absolute;inset:0;pointer-events:none}.crm-hero-sim-card{position:relative;display:grid;gap:.35rem;padding:.85rem;border:1px solid rgba(113,88,62,.16);border-radius:1.1rem;background:linear-gradient(180deg,#fffdf9fc,#fffdf9f2),var(--surface-card);box-shadow:0 18px 34px #14203314;will-change:transform,opacity}.crm-hero-sim-card-layer .crm-hero-sim-card{position:absolute;top:0;left:0;transition:transform .72s var(--motion-spring),opacity .32s ease,box-shadow .22s ease,border-color .22s ease}.crm-hero-sim-card-layer .crm-hero-sim-card.no-transition{transition:none!important}.crm-hero-sim-card-layer .crm-hero-sim-card[data-card-state=active]{border-color:#c96a3a4d;box-shadow:0 20px 38px #1420331f,0 0 0 1px #c96a3a14}.crm-hero-sim-card-topline{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;min-width:0;margin-bottom:.2rem}.crm-hero-sim-chip{display:inline-flex;align-items:center;justify-content:center;padding:.34rem .58rem;border-radius:999px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;background:#28476614;color:var(--color-ink)}.crm-hero-sim[data-locale=ar] .crm-hero-sim-header span,.crm-hero-sim[data-locale=ar] .crm-hero-sim-stage header span,.crm-hero-sim[data-locale=ar] .crm-hero-sim-task-label,.crm-hero-sim[data-locale=ar] .crm-hero-sim-chip{font-family:var(--font-arabic);letter-spacing:0;text-transform:none}.crm-hero-sim[data-locale=ar] .crm-hero-sim-card,.crm-hero-sim[data-locale=ar] .crm-hero-sim-task{text-align:right}.crm-hero-sim-card-core{display:grid;gap:.15rem}.crm-hero-sim-card strong{font-size:1rem;line-height:1.3}.crm-hero-sim-card-meta,.crm-hero-sim-card-client,.crm-hero-sim-task span{color:var(--color-slate);font-size:.86rem;line-height:1.35}.crm-hero-sim-card-footer{display:flex;align-items:center;justify-content:center;gap:0;padding-top:.65rem;margin-top:.25rem;border-top:1px solid rgba(113,88,62,.1)}.crm-hero-sim-card-amount{flex:0 0 auto;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--color-ink);letter-spacing:.02em;background:#c96a3a0f;padding:.2rem .45rem;border-radius:.4rem}.crm-hero-sim-bubble{position:absolute;bottom:calc(100% + .6rem);left:50%;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:13rem;padding:.5rem .8rem;border:1px solid rgba(201,106,58,.22);border-radius:.8rem;background:linear-gradient(180deg,#fff6edfa,#fffaf4f5),var(--surface-card);box-shadow:0 12px 20px #c96a3a1f;color:var(--color-terracotta-active);font-size:.72rem;line-height:1.35;white-space:normal;text-align:center;pointer-events:none;z-index:10;opacity:0;transform:translate3d(-50%,.4rem,0) scale(.95);transition:opacity .22s ease,transform .32s var(--motion-spring)}.crm-hero-sim-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-.3rem;width:.6rem;height:.6rem;border-right:1px solid rgba(201,106,58,.22);border-bottom:1px solid rgba(201,106,58,.22);background:#fff8f2fa;transform:translateY(-55%) rotate(45deg)}.crm-hero-sim-bubble.is-visible{opacity:1;transform:translate3d(-50%,0,0) scale(1)}.crm-hero-sim-footer{position:relative;z-index:1;display:flex;justify-content:flex-end}.crm-hero-sim-task{display:grid;gap:.38rem;max-width:20rem;padding:1rem 1.1rem;border:1px solid rgba(113,88,62,.16);border-radius:1.1rem;background:linear-gradient(180deg,#fffdf9fa,#fcf5eff5),var(--surface-card);box-shadow:var(--shadow-card);transition:transform .36s var(--motion-spring),box-shadow .22s ease}.crm-hero-sim[data-enhanced=true] .crm-hero-sim-task.is-updating{transform:translate3d(0,-.18rem,0);box-shadow:0 16px 26px #1420331a}.crm-hero-sim[data-enhanced=true] .crm-hero-sim-fallback-stack{opacity:0}.crm-hero-sim[data-enhanced=true] .crm-hero-sim-card-fallback{visibility:hidden}@media(max-width:760px){.crm-hero-sim-board{min-height:auto;gap:1rem;padding:.95rem}.crm-hero-sim-header{display:grid;align-items:start}.crm-hero-sim-header p{max-width:none;text-align:left}.crm-hero-sim[data-locale=ar] .crm-hero-sim-header p{text-align:right}.crm-hero-sim-stage-grid{grid-template-columns:repeat(3,minmax(13.5rem,1fr));gap:.65rem;overflow-x:auto;padding:0 .15rem .35rem;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.crm-hero-sim-stage-body{min-height:10rem;padding:2.8rem .5rem .65rem}.crm-hero-sim-stage{scroll-snap-align:start}.crm-hero-sim-slot{inset:2.8rem .5rem .65rem}.crm-hero-sim-footer{justify-content:stretch}.crm-hero-sim-task{max-width:none;width:100%}}@media(max-width:640px){.crm-hero-sim-header strong{font-size:1rem}.crm-hero-sim-stage header span,.crm-hero-sim-header span,.crm-hero-sim-task-label{letter-spacing:.04em}.crm-hero-sim-card strong{font-size:.94rem}.crm-hero-sim-card-meta,.crm-hero-sim-card-client,.crm-hero-sim-task span{font-size:.8rem}}