/* Phase M4.3.1 — Premium Marketing Corrective Hotfix */
.cx-site-shell {
  --site-ink:#171126;
  --site-muted:#6c627f;
  --site-line:rgba(105,70,156,.16);
  --site-primary:#5b18a8;
  --site-primary-2:#7c2fd1;
  --site-pink:#e13bc0;
  --site-green:#16a085;
  --site-gold:#f4a62a;
  --site-bg:#fbf8ff;
  --site-card:#ffffff;
  --site-shadow:0 24px 70px rgba(44,17,89,.12);
  min-height:100vh;
  color:var(--site-ink);
  background:
    radial-gradient(circle at 14% 12%,rgba(225,59,192,.12),transparent 28%),
    radial-gradient(circle at 82% 10%,rgba(91,24,168,.14),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fbf8ff 44%,#fff 100%);
  direction:rtl;
  text-align:right;
  overflow-x:hidden;
}
.cx-site-shell *, .cx-site-shell *::before, .cx-site-shell *::after { box-sizing:border-box; }
.cx-site-shell a { color:inherit; }
.cx-site-shell .cx-eyebrow { margin:0 0 12px; color:var(--site-primary); font-weight:1000; letter-spacing:.02em; text-transform:uppercase; }
.cx-site-nav {
  position:sticky; top:0; z-index:30; display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:14px clamp(16px,4vw,64px); background:rgba(255,255,255,.78); backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(91,24,168,.11); box-shadow:0 12px 40px rgba(24,12,58,.05);
}
.cx-site-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--site-ink); font-weight:1000; }
.cx-site-brand img { width:44px; height:44px; border-radius:16px; box-shadow:0 14px 28px rgba(91,24,168,.16); }
.cx-site-nav-links { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cx-site-nav-links a:not(.cx-btn) { color:var(--site-muted); font-weight:1000; text-decoration:none; padding:10px 12px; border-radius:999px; transition:.18s ease; }
.cx-site-nav-links a:not(.cx-btn):hover { color:var(--site-primary); background:#f3eaff; }
.cx-site-shell .cx-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; padding:12px 18px; font-weight:1000; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:.18s ease; font:inherit; }
.cx-site-shell .cx-btn:hover { transform:translateY(-2px); }
.cx-site-shell .cx-btn-primary { color:#fff; background:linear-gradient(135deg,var(--site-primary),var(--site-pink)); box-shadow:0 16px 36px rgba(91,24,168,.22); }
.cx-site-shell .cx-btn-ghost { background:#fff; color:var(--site-primary); border-color:rgba(91,24,168,.18); box-shadow:0 12px 30px rgba(50,19,91,.06); }
.cx-site-shell .cx-btn-soft { background:#f0e8ff; color:var(--site-primary); border-color:#e5d5ff; }


.cx-site-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.92fr); gap:34px; align-items:center; padding:clamp(58px,8vw,112px) clamp(16px,4vw,64px) 40px; position:relative; }
.cx-site-hero::before { content:""; position:absolute; inset:70px 7% auto auto; width:280px; height:280px; background:linear-gradient(135deg,rgba(225,59,192,.2),rgba(91,24,168,.16)); border-radius:50%; filter:blur(20px); animation:cxFloat 7s ease-in-out infinite; }
.cx-site-hero-copy { position:relative; z-index:1; }
.cx-site-hero-copy h1 { margin:0; max-width:980px; font-size:clamp(42px,6vw,82px); line-height:1.02; letter-spacing:-.055em; font-weight:1000; }
.cx-site-hero-copy p:not(.cx-eyebrow) { color:var(--site-muted); font-size:clamp(17px,2vw,23px); line-height:1.85; max-width:850px; margin:22px 0; font-weight:800; }
.cx-site-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.cx-hero-proof { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.cx-hero-proof b { padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.74); border:1px solid var(--site-line); color:var(--site-primary); box-shadow:0 12px 24px rgba(44,17,89,.06); }
.cx-hero-visual { position:relative; min-height:520px; display:grid; place-items:center; }
.cx-visual-orbit { position:absolute; border-radius:50%; background:linear-gradient(135deg,rgba(91,24,168,.16),rgba(225,59,192,.12)); filter:blur(1px); animation:cxFloat 8s ease-in-out infinite; }
.cx-visual-orbit.one { width:200px; height:200px; top:10px; right:18px; }
.cx-visual-orbit.two { width:140px; height:140px; bottom:16px; left:28px; animation-delay:-2s; }
.cx-dashboard-shell { position:relative; width:min(100%,560px); border-radius:36px; padding:18px; background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,246,255,.82)); border:1px solid rgba(255,255,255,.68); box-shadow:0 34px 90px rgba(42,16,90,.2); backdrop-filter:blur(18px); animation:cxHeroIn .7s ease both; }
.cx-dashboard-top { display:flex; align-items:center; gap:8px; padding:8px 10px 16px; color:var(--site-muted); font-weight:1000; }
.cx-dashboard-top span { width:12px; height:12px; border-radius:50%; background:#eadfff; }
.cx-dashboard-top span:nth-child(2) { background:#ffd9f3; }
.cx-dashboard-top span:nth-child(3) { background:#d7fff3; }
.cx-dashboard-top b { margin-inline-start:auto; color:var(--site-primary); }
.cx-dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cx-dashboard-grid article { min-height:118px; display:grid; align-content:center; gap:6px; border:1px solid var(--site-line); border-radius:26px; padding:18px; background:#fff; box-shadow:0 16px 36px rgba(45,17,88,.07); }
.cx-dashboard-grid small { color:var(--site-muted); font-weight:900; }
.cx-dashboard-grid strong { font-size:32px; color:var(--site-ink); }
.cx-dashboard-grid em { width:max-content; padding:5px 10px; border-radius:999px; background:#f2eaff; color:var(--site-primary); font-weight:1000; font-style:normal; }
.cx-dashboard-grid em.good { color:#0a8066; background:#e8fff7; }
.cx-dashboard-alert { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding:14px 16px; border-radius:22px; background:#25104f; color:#fff; }
.cx-dashboard-alert span { color:rgba(255,255,255,.72); font-weight:800; }
.cx-site-trust-row { padding:0 clamp(16px,4vw,64px) 26px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.cx-site-kpi-card { position:relative; overflow:hidden; border:1px solid var(--site-line); border-radius:26px; padding:20px; background:rgba(255,255,255,.88); box-shadow:var(--site-shadow); display:grid; gap:8px; transform:translateY(14px); opacity:0; transition:.55s ease; }
.cx-site-kpi-card::after { content:""; position:absolute; inset:auto -20px -40px auto; width:120px; height:120px; border-radius:50%; background:rgba(91,24,168,.08); }
.cx-site-kpi-card.is-visible, .cx-site-kpi-card[data-motion="lift"] { opacity:1; transform:none; }
.cx-site-kpi-card span { color:var(--site-muted); font-weight:1000; }
.cx-site-kpi-card strong { font-size:clamp(22px,3vw,34px); letter-spacing:-.03em; }
.cx-site-kpi-card small { color:var(--site-muted); font-weight:800; line-height:1.5; }
.cx-site-section-tabs { position:sticky; top:74px; z-index:22; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; padding:14px clamp(16px,4vw,64px); background:rgba(251,248,255,.84); backdrop-filter:blur(18px); border-block:1px solid rgba(91,24,168,.09); }
.cx-site-section-tabs button { border:1px solid var(--site-line); background:#fff; border-radius:22px; padding:13px 10px; cursor:pointer; display:grid; gap:3px; justify-items:center; color:var(--site-muted); font:inherit; transition:.18s ease; box-shadow:0 12px 28px rgba(45,17,88,.04); }
.cx-site-section-tabs button span { font-size:22px; }
.cx-site-section-tabs button b { color:var(--site-ink); font-size:14px; }
.cx-site-section-tabs button small { font-weight:800; font-size:11px; }
.cx-site-section-tabs button.is-active, .cx-site-section-tabs button:hover { border-color:rgba(91,24,168,.34); transform:translateY(-2px); background:linear-gradient(145deg,#fff,#f5edff); box-shadow:0 18px 46px rgba(91,24,168,.12); }
.cx-site-section { padding:46px clamp(16px,4vw,64px); }
.cx-site-panel { display:none; animation:cxPanelIn .35s ease both; }
.cx-site-panel.is-active { display:block; }
.cx-section-title { display:grid; gap:8px; margin-bottom:24px; max-width:970px; }
.cx-section-title h2, .cx-panel-hero h2, .cx-value-strip h2, .cx-contact-copy h2 { margin:0; font-size:clamp(30px,4.4vw,58px); line-height:1.08; letter-spacing:-.045em; }
.cx-section-title span, .cx-section-title p:not(.cx-eyebrow), .cx-panel-hero p, .cx-value-strip p, .cx-contact-copy p { color:var(--site-muted); font-weight:800; line-height:1.85; }
.cx-panel-hero { display:grid; grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr); gap:28px; align-items:center; margin-bottom:26px; }
.cx-panel-hero figure, .cx-spotlight-media, .cx-analytics-board { margin:0; border-radius:34px; overflow:hidden; border:1px solid rgba(255,255,255,.7); background:#fff; box-shadow:var(--site-shadow); }
.cx-panel-hero img, .cx-spotlight-media img, .cx-analytics-board img { display:block; width:100%; height:auto; }
.cx-site-insight-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:24px 0; }
.cx-site-insight, .premium-card, .cx-industry-card, .cx-contact-steps article, .cx-chart-story article { border:1px solid var(--site-line); border-radius:28px; padding:22px; background:#fff; box-shadow:var(--site-shadow); transform:translateY(18px); opacity:0; transition:.55s ease; }
[data-motion].is-visible { opacity:1; transform:none; }
.cx-site-insight span, .cx-industry-card span { width:56px; height:56px; display:grid; place-items:center; border-radius:20px; background:#f2eaff; font-size:28px; margin-bottom:12px; }
.cx-site-insight b, .cx-industry-card h3, .premium-card h3 { font-size:22px; display:block; margin:0 0 8px; }
.cx-site-insight p, .cx-industry-card p, .cx-industry-card small, .premium-card p, .cx-feature-impact span { margin:0; color:var(--site-muted); line-height:1.75; font-weight:800; }
.cx-value-strip { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:20px; align-items:center; margin:32px 0; padding:28px; border-radius:34px; background:linear-gradient(135deg,#24104f,#5b18a8 58%,#e13bc0); color:#fff; box-shadow:0 26px 80px rgba(91,24,168,.24); }
.cx-value-strip .cx-eyebrow, .cx-value-strip p { color:rgba(255,255,255,.78); }
.cx-value-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cx-value-metrics article { padding:18px; border-radius:24px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); }
.cx-value-metrics b { display:block; margin-bottom:6px; font-size:20px; }
.cx-value-metrics span { color:rgba(255,255,255,.75); font-weight:800; }
.cx-spotlight { display:grid; grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr); gap:24px; align-items:center; margin:22px 0 28px; opacity:0; transform:translateY(20px); transition:.6s ease; }
.cx-spotlight.is-reverse { grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr); }
.cx-spotlight.is-reverse .cx-spotlight-copy { order:2; }
.cx-spotlight-copy { padding:28px; border:1px solid var(--site-line); border-radius:34px; background:linear-gradient(145deg,#fff,#fbf8ff); box-shadow:var(--site-shadow); }
.cx-pill { display:inline-flex; align-items:center; gap:8px; width:max-content; padding:8px 13px; border-radius:999px; background:#f2eaff; color:var(--site-primary); font-weight:1000; }
.cx-spotlight h3 { margin:16px 0 12px; font-size:clamp(26px,3vw,40px); line-height:1.12; letter-spacing:-.035em; }
.cx-spotlight p, .cx-spotlight li { color:var(--site-muted); line-height:1.8; font-weight:800; }
.cx-spotlight ul { margin:14px 0 20px; padding-inline-start:22px; }
.cx-feature-grid, .cx-industry-grid, .cx-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cx-feature-card { display:grid; gap:14px; min-height:300px; }
.cx-feature-card-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.cx-feature-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:22px; background:#f2eaff; font-size:28px; }
.cx-feature-card-head small, .cx-price-badge { padding:7px 11px; border-radius:999px; background:#fff0fb; color:#b3148f; font-weight:1000; }
.cx-feature-impact { display:grid; gap:6px; padding:14px; border-radius:20px; background:#fbf8ff; border:1px solid var(--site-line); margin-top:auto; }
.cx-site-text-link { border:0; background:transparent; color:var(--site-primary); font-weight:1000; text-align:inherit; cursor:pointer; padding:0; }
.cx-chart-story { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:22px 0; }
.cx-chart-story h3 { margin:0 0 10px; font-size:24px; }
.cx-chart-story p { color:var(--site-muted); font-weight:800; line-height:1.7; }
.cx-mini-chart { margin:14px 0; border-radius:24px; background:#25104f; min-height:150px; overflow:hidden; position:relative; }
.cx-mini-chart.is-bars { display:flex; align-items:end; justify-content:center; gap:14px; padding:24px; }
.cx-mini-chart.is-bars span { width:34px; height:var(--h); border-radius:16px 16px 6px 6px; background:linear-gradient(180deg,#e13bc0,#7c2fd1); animation:cxBarGrow 2.8s ease-in-out infinite; }
.cx-mini-chart.is-bars span:nth-child(even) { background:linear-gradient(180deg,#16a085,#7c2fd1); animation-delay:.25s; }
.cx-mini-chart.is-line svg { width:100%; height:160px; }
.cx-mini-chart.is-line path { fill:none; stroke:#e13bc0; stroke-width:8; stroke-linecap:round; stroke-dasharray:620; animation:cxDash 4.2s ease-in-out infinite; }
.cx-mini-chart.is-line circle { fill:#fff; animation:cxPulse 1.8s ease-in-out infinite; }
.cx-analytics-layout { display:grid; grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr); gap:20px; align-items:center; margin-bottom:22px; }
.cx-analytics-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cx-price-card { position:relative; display:grid; gap:14px; border:1px solid var(--site-line); border-radius:32px; padding:26px; background:#fff; box-shadow:var(--site-shadow); overflow:hidden; opacity:0; transform:translateY(18px); transition:.55s ease; }
.cx-price-card::before { content:""; position:absolute; inset:0 0 auto; height:7px; background:linear-gradient(90deg,var(--site-primary),var(--site-pink)); opacity:.72; }
.cx-price-card.is-featured { border-color:rgba(91,24,168,.34); transform:translateY(0) scale(1.02); box-shadow:0 34px 90px rgba(91,24,168,.2); }
.cx-price-card h3 { margin:0; font-size:28px; }
.cx-price-card strong { font-size:clamp(28px,4vw,44px); color:var(--site-primary); letter-spacing:-.035em; }
.cx-price-card p, .cx-price-card li { color:var(--site-muted); font-weight:800; line-height:1.75; }
.cx-price-card ul { margin:0; padding-inline-start:20px; }
.cx-site-plan-meta { display:flex; gap:8px; flex-wrap:wrap; }
.cx-site-plan-meta b { padding:8px 10px; border-radius:999px; background:#f2eaff; color:var(--site-primary); font-size:12px; }
.cx-site-old-price { color:#a59ab9; text-decoration:line-through; font-weight:900; }
.cx-offer-band { display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr); gap:16px; margin:20px 0 24px; padding:24px; border-radius:32px; background:#25104f; color:#fff; box-shadow:0 26px 80px rgba(37,16,79,.24); }
.cx-offer-band .cx-eyebrow, .cx-offer-band p { color:rgba(255,255,255,.72); }
.cx-offer-band h2 { margin:0; font-size:clamp(26px,3vw,42px); }
.cx-offer-list { display:grid; gap:12px; }
.cx-offer-card { display:grid; gap:8px; padding:18px; border-radius:24px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.17); }
.cx-offer-card span { color:#ffd9f3; font-weight:1000; }
.cx-offer-card strong { font-size:22px; }
.cx-compare-block { margin-top:24px; }
.cx-compare-block h3 { font-size:30px; margin:0 0 14px; }
.cx-site-table-wrap { overflow:auto; border:1px solid var(--site-line); border-radius:28px; background:#fff; box-shadow:var(--site-shadow); }
.cx-site-comparison { width:100%; min-width:860px; border-collapse:separate; border-spacing:0; }
.cx-site-comparison th { background:#f1e8ff; color:var(--site-primary); padding:16px; text-align:right; font-weight:1000; }
.cx-site-comparison td { padding:16px; border-top:1px solid #f1eafa; font-weight:900; }
.cx-site-comparison td small { display:block; color:var(--site-muted); margin-top:5px; font-weight:800; }
.cx-industry-card { display:grid; gap:8px; min-height:210px; }
.cx-contact-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr); gap:22px; align-items:start; }
.cx-contact-copy { padding:28px; border-radius:34px; background:linear-gradient(145deg,#24104f,#5b18a8); color:#fff; box-shadow:0 26px 80px rgba(91,24,168,.22); }
.cx-contact-copy .cx-eyebrow, .cx-contact-copy p { color:rgba(255,255,255,.75); }
.cx-contact-steps { display:grid; gap:10px; margin:20px 0; }
.cx-contact-steps article { display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.16); opacity:1; transform:none; box-shadow:none; }
.cx-contact-steps b { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--site-primary); }
.cx-site-contact-lines { display:flex; flex-wrap:wrap; gap:10px; }
.cx-site-contact-lines a { color:#fff; text-decoration:none; padding:10px 12px; border-radius:999px; background:rgba(255,255,255,.12); font-weight:1000; }
.cx-site-contact-form { border:1px solid var(--site-line); border-radius:34px; padding:24px; background:#fff; box-shadow:var(--site-shadow); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cx-site-contact-form label { display:grid; gap:8px; color:var(--site-muted); font-weight:1000; }
.cx-site-contact-form input, .cx-site-contact-form select, .cx-site-contact-form textarea { border:1px solid var(--site-line); border-radius:16px; padding:13px 14px; font:inherit; color:var(--site-ink); background:#fff; outline:none; }
.cx-site-contact-form input:focus, .cx-site-contact-form select:focus, .cx-site-contact-form textarea:focus { border-color:rgba(91,24,168,.38); box-shadow:0 0 0 4px rgba(91,24,168,.08); }
.cx-site-contact-form textarea { min-height:125px; resize:vertical; }
.cx-site-contact-form .is-wide { grid-column:1/-1; }
.cx-contact-success { grid-column:1/-1; margin:0; padding:12px 14px; border-radius:16px; background:#e9fff7; color:#0a8066; font-weight:1000; }
.cx-site-footer { display:flex; justify-content:space-between; gap:18px; padding:28px clamp(16px,4vw,64px); border-top:1px solid var(--site-line); background:#fff; }
.cx-site-footer div { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.cx-site-footer a { color:var(--site-muted); font-weight:900; text-decoration:none; }
.cx-site-shell .cx-loading-state, .cx-site-shell .cx-form-error { padding:26px; border-radius:24px; background:#fff; border:1px solid var(--site-line); box-shadow:var(--site-shadow); color:var(--site-muted); font-weight:1000; }
.cx-site-rich-modal .cx-modal__panel, .cx-site-rich-modal .modal-content { overflow:hidden; }
.cx-site-modal-premium { display:grid; gap:18px; line-height:1.85; }
.cx-site-modal-hero { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; padding:22px; border-radius:28px; color:#fff; background:linear-gradient(135deg,#24104f,#5b18a8 62%,#e13bc0); }
.cx-site-modal-hero > span { width:64px; height:64px; border-radius:24px; display:grid; place-items:center; background:rgba(255,255,255,.16); font-size:34px; }
.cx-site-modal-hero small { color:rgba(255,255,255,.72); font-weight:1000; }
.cx-site-modal-hero h3 { margin:0; font-size:30px; }
.cx-site-modal-hero p { margin:4px 0 0; color:rgba(255,255,255,.78); }
.cx-site-shell .cx-modal-tabs { display:flex; gap:8px; flex-wrap:wrap; padding:8px; border-radius:24px; background:#f5efff; }
.cx-site-shell .cx-modal-tabs button { border:0; border-radius:18px; padding:10px 14px; font:inherit; font-weight:1000; color:var(--site-muted); background:transparent; cursor:pointer; }
.cx-site-shell .cx-modal-tabs button.is-active { color:var(--site-primary); background:#fff; box-shadow:0 10px 24px rgba(91,24,168,.1); }
.cx-site-shell .cx-modal-tab-panels > section { display:none; padding:20px; border:1px solid var(--site-line); border-radius:24px; background:#fff; }
.cx-site-shell .cx-modal-tab-panels > section.is-active { display:block; animation:cxPanelIn .25s ease both; }
.cx-site-shell .cx-modal-tab-panels h4, .cx-site-shell .cx-site-modal-block h4 { margin:0 0 8px; font-size:22px; }
.cx-site-shell .cx-modal-tab-panels p, .cx-site-shell .cx-modal-tab-panels li, .cx-site-shell .cx-site-modal-block p { color:var(--site-muted); font-weight:800; }
.cx-modal-example-grid, .cx-site-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cx-site-detail-grid section, .cx-site-modal-block, .cx-site-plan-group { border:1px solid var(--site-line); border-radius:22px; padding:16px; background:#fff; }
.cx-site-detail-grid p { color:var(--site-muted); font-weight:800; }
.cx-site-plan-group { margin-bottom:12px; }
.cx-site-plan-group > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cx-site-plan-group article { display:grid; gap:4px; padding:12px; border-radius:16px; background:#fbf8ff; }
.cx-site-plan-group span { color:var(--site-green); font-weight:1000; }
.cx-site-plan-group small { color:var(--site-muted); font-weight:800; }
@keyframes cxFloat { 0%,100%{ transform:translate3d(0,0,0); } 50%{ transform:translate3d(0,-18px,0); } }
@keyframes cxHeroIn { from{ opacity:0; transform:translateY(24px) scale(.98); } to{ opacity:1; transform:none; } }
@keyframes cxPanelIn { from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@keyframes cxDash { 0%{ stroke-dashoffset:620; } 55%,100%{ stroke-dashoffset:0; } }
@keyframes cxPulse { 0%,100%{ r:7; } 50%{ r:12; } }
@keyframes cxBarGrow { 0%,100%{ transform:scaleY(.72); transform-origin:bottom; } 50%{ transform:scaleY(1); transform-origin:bottom; } }
@media (prefers-reduced-motion: reduce) {
  .cx-site-shell *, .cx-site-shell *::before, .cx-site-shell *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  [data-motion] { opacity:1!important; transform:none!important; }
}
@media (max-width: 1140px) {
  .cx-site-hero, .cx-panel-hero, .cx-value-strip, .cx-spotlight, .cx-spotlight.is-reverse, .cx-analytics-layout, .cx-contact-layout, .cx-offer-band { grid-template-columns:1fr; }
  .cx-spotlight.is-reverse .cx-spotlight-copy { order:0; }
  .cx-site-section-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); top:72px; }
  .cx-site-insight-grid, .cx-site-trust-row, .cx-feature-grid, .cx-pricing-grid, .cx-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .cx-site-nav { align-items:flex-start; flex-direction:column; }
  .cx-site-nav-links { width:100%; overflow:auto; flex-wrap:nowrap; padding-bottom:4px; }
  

.cx-site-hero { padding-top:34px; }
  .cx-hero-visual { min-height:auto; }
  .cx-dashboard-grid, .cx-site-trust-row, .cx-site-section-tabs, .cx-site-insight-grid, .cx-value-metrics, .cx-feature-grid, .cx-chart-story, .cx-analytics-cards, .cx-pricing-grid, .cx-industry-grid, .cx-site-contact-form, .cx-modal-example-grid, .cx-site-detail-grid, .cx-site-plan-group > div { grid-template-columns:1fr; }
  .cx-site-section-tabs { position:relative; top:auto; }
  .cx-site-section { padding:32px 14px; }
  .cx-panel-hero figure, .cx-spotlight-media, .cx-analytics-board { border-radius:24px; }
  .cx-site-footer { flex-direction:column; }
}

/* Phase M4.3 — visual integrity, stronger tabs, richer offers */
.cx-site-section-tabs button.is-active {
  color:#fff;
  border-color:rgba(36,16,79,.75);
  background:linear-gradient(135deg,#24104f 0%,#5b18a8 55%,#e13bc0 100%);
  box-shadow:0 22px 60px rgba(91,24,168,.32), inset 0 0 0 1px rgba(255,255,255,.18);
  transform:translateY(-3px) scale(1.01);
}
.cx-site-section-tabs button.is-active b,
.cx-site-section-tabs button.is-active small,
.cx-site-section-tabs button.is-active span { color:#fff; }
.cx-site-section-tabs button.is-active::after {
  content:""; width:42px; height:4px; border-radius:999px; background:#ffd86b; box-shadow:0 0 18px rgba(255,216,107,.8);
}
.cx-site-shell .cx-modal-tabs button.is-active {
  color:#fff;
  background:linear-gradient(135deg,#24104f,#7c2fd1 62%,#e13bc0);
  box-shadow:0 14px 34px rgba(91,24,168,.22);
}
.cx-visual-scene { position:relative; min-height:360px; width:100%; overflow:hidden; border-radius:32px; isolation:isolate; background:linear-gradient(135deg,#fff,#f4edff); border:1px solid rgba(255,255,255,.72); display:grid; place-items:center; box-shadow:0 26px 72px rgba(40,15,80,.12); }
.cx-visual-scene::before { content:""; position:absolute; inset:-30% auto auto -16%; width:340px; height:340px; border-radius:50%; background:rgba(225,59,192,.18); filter:blur(20px); animation:cxFloat 8s ease-in-out infinite; }
.cx-visual-scene::after { content:""; position:absolute; inset:auto -12% -24% auto; width:300px; height:300px; border-radius:50%; background:rgba(91,24,168,.16); filter:blur(16px); animation:cxFloat 9s ease-in-out infinite reverse; }
.cx-visual-glow { position:absolute; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.2); filter:blur(12px); animation:cxPulseSoft 3.4s ease-in-out infinite; }
.cx-floating-chip { position:absolute; z-index:3; padding:10px 14px; border-radius:999px; color:#fff; background:linear-gradient(135deg,#5b18a8,#e13bc0); box-shadow:0 18px 38px rgba(91,24,168,.28); font-weight:1000; animation:cxFloat 4.6s ease-in-out infinite; }
.cx-floating-chip.one { top:34px; right:34px; }
.cx-floating-chip.two { bottom:34px; left:34px; animation-delay:-1.3s; }
.cx-pos-terminal { position:relative; z-index:2; display:grid; grid-template-columns:minmax(260px,420px) 90px; gap:20px; align-items:end; }
.cx-pos-screen, .cx-cost-board, .cx-analytics-screen { border-radius:28px; padding:18px; background:rgba(255,255,255,.94); border:1px solid rgba(255,255,255,.8); box-shadow:0 24px 60px rgba(37,16,79,.2); }
.cx-pos-screen header, .cx-cost-board header, .cx-analytics-screen header { display:flex; justify-content:space-between; gap:10px; color:#5b18a8; font-weight:1000; margin-bottom:14px; }
.cx-pos-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cx-pos-grid span { min-height:66px; display:grid; place-items:center; border-radius:18px; color:#fff; font-weight:1000; background:linear-gradient(135deg,#5b18a8,#e13bc0); animation:cxTileGlow 3s ease-in-out infinite; }
.cx-pos-grid span:nth-child(2), .cx-pos-grid span:nth-child(4) { animation-delay:-1s; }
.cx-pos-ticket { margin-top:14px; display:grid; grid-template-columns:1fr auto; gap:8px; color:#6c627f; font-weight:900; }
.cx-pos-ticket strong { color:#171126; }
.cx-pos-person, .cx-analyst-person { position:relative; width:86px; height:150px; }
.cx-pos-person span, .cx-analyst-person span { position:absolute; top:0; left:22px; width:48px; height:48px; border-radius:50%; background:#ffd0a6; box-shadow:0 14px 28px rgba(0,0,0,.12); }
.cx-pos-person b, .cx-analyst-person b { position:absolute; bottom:0; left:6px; width:78px; height:100px; border-radius:28px 28px 16px 16px; background:linear-gradient(135deg,#24104f,#7c2fd1); animation:cxPersonLean 4s ease-in-out infinite; }
.cx-cost-board { position:relative; z-index:2; min-width:min(82%,520px); display:grid; gap:16px; }
.cx-cost-ring { justify-self:center; width:178px; height:178px; border-radius:50%; display:grid; place-items:center; align-content:center; background:conic-gradient(#16a085 0 68%,#f2eaff 68% 100%); color:#171126; box-shadow:inset 0 0 0 18px #fff,0 20px 44px rgba(22,160,133,.18); animation:cxSpinSoft 6s linear infinite; }
.cx-cost-ring strong { font-size:38px; }
.cx-cost-ring small { color:#6c627f; font-weight:1000; }
.cx-cost-bars { height:120px; display:flex; align-items:end; justify-content:center; gap:14px; }
.cx-cost-bars span { width:38px; height:var(--h); border-radius:16px 16px 6px 6px; background:linear-gradient(180deg,#e13bc0,#5b18a8); animation:cxBarGrow 2.6s ease-in-out infinite; }
.cx-cost-alert { padding:12px 14px; border-radius:18px; color:#0a8066; background:#e9fff7; font-weight:1000; }
.cx-inventory-boxes { position:absolute; z-index:1; right:34px; bottom:34px; display:flex; gap:10px; }
.cx-inventory-boxes span { width:54px; height:46px; border-radius:10px; background:#d89a4d; box-shadow:0 12px 28px rgba(81,49,16,.22); animation:cxFloat 4s ease-in-out infinite; }
.cx-inventory-boxes span:nth-child(2){ animation-delay:-.9s; }.cx-inventory-boxes span:nth-child(3){ animation-delay:-1.8s; }
.cx-analytics-screen { position:relative; z-index:2; width:min(86%,620px); }
.cx-analytics-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.cx-analytics-kpis article { border:1px solid var(--site-line); border-radius:18px; padding:14px; background:#fbf8ff; display:grid; gap:4px; }
.cx-analytics-kpis small { color:#6c627f; font-weight:900; }.cx-analytics-kpis strong { font-size:26px; }
.cx-svg-line { width:100%; height:180px; margin-top:10px; overflow:visible; }
.cx-svg-line path { fill:none; stroke:#e13bc0; stroke-width:10; stroke-linecap:round; stroke-dasharray:720; animation:cxDash 4.5s ease-in-out infinite; }
.cx-svg-line circle { fill:#5b18a8; animation:cxPulse 2s ease-in-out infinite; }
.cx-branch-map { position:relative; z-index:2; width:min(82%,560px); min-height:330px; border-radius:30px; background:#fff; box-shadow:0 28px 70px rgba(37,16,79,.22); display:grid; place-items:center; }
.cx-branch-map b { width:92px; height:92px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#24104f,#e13bc0); font-size:26px; box-shadow:0 0 0 16px #f2eaff; }
.cx-branch-map span { position:absolute; padding:12px 16px; border-radius:999px; background:#f5efff; color:#5b18a8; font-weight:1000; box-shadow:0 14px 32px rgba(91,24,168,.12); animation:cxFloat 5s ease-in-out infinite; }
.cx-branch-map .b1 { top:48px; right:58px; }.cx-branch-map .b2 { bottom:58px; right:72px; animation-delay:-1s; }.cx-branch-map .b3 { bottom:76px; left:58px; animation-delay:-2s; }
.cx-branch-card { position:absolute; z-index:3; bottom:30px; left:30px; display:grid; gap:4px; padding:16px; border-radius:20px; background:#25104f; color:#fff; box-shadow:0 24px 52px rgba(37,16,79,.32); }
.cx-branch-card span { color:#ffd86b; font-weight:1000; }
.cx-restaurant-room { position:relative; z-index:2; width:min(86%,620px); height:360px; border-radius:34px; background:linear-gradient(180deg,#fff 0%,#fff8ef 100%); box-shadow:0 28px 70px rgba(37,16,79,.18); overflow:hidden; }
.cx-counter { position:absolute; top:36px; right:44px; width:530px; height:86px; border-radius:26px; background:linear-gradient(135deg,#24104f,#5b18a8); }
.cx-restaurant-room .cx-table { position:absolute; width:140px; height:90px; border-radius:45px; background:#f4a62a; box-shadow:0 14px 34px rgba(146,91,14,.2); }
.cx-restaurant-room .cx-table.t1 { right:120px; bottom:78px; }.cx-restaurant-room .cx-table.t2 { left:130px; bottom:88px; }
.cx-restaurant-room .cx-table span, .cx-restaurant-room .cx-guest, .cx-restaurant-room .cx-waiter { position:absolute; border-radius:50%; background:#ffd0a6; box-shadow:0 10px 22px rgba(0,0,0,.12); }
.cx-restaurant-room .cx-table span { width:36px; height:36px; top:-18px; }.cx-restaurant-room .cx-table span:first-child { right:24px; }.cx-restaurant-room .cx-table span:last-child { left:24px; }
.cx-guest { width:44px; height:44px; animation:cxFloat 4.8s ease-in-out infinite; }
.cx-guest.g1 { right:280px; bottom:120px; }.cx-guest.g2 { left:300px; bottom:140px; animation-delay:-1.2s; }
.cx-waiter { width:54px; height:54px; right:86px; top:150px; background:#16a085; animation:cxWaiter 5s ease-in-out infinite; }
.cx-modal-visual-row { display:grid; grid-template-columns:minmax(300px,.95fr) minmax(260px,.55fr); gap:16px; align-items:stretch; }
.cx-modal-visual-row .cx-visual-scene { min-height:270px; border-radius:24px; }
.cx-modal-visual-row aside { border:1px solid var(--site-line); border-radius:24px; padding:20px; background:linear-gradient(145deg,#fff,#fbf8ff); display:grid; align-content:center; gap:12px; }
.cx-modal-visual-row aside b { font-size:22px; color:#24104f; }
.cx-countdown { display:grid; grid-template-columns:repeat(3,auto auto); gap:6px 8px; align-items:center; justify-content:start; padding:12px; border-radius:18px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.18); }
.cx-countdown b { min-width:42px; display:grid; place-items:center; padding:8px; border-radius:12px; background:#fff; color:#5b18a8; font-size:22px; }
.cx-countdown small { color:rgba(255,255,255,.8); font-weight:1000; }
.cx-offer-card.is-expired { opacity:.72; filter:grayscale(.2); }
@keyframes cxPulseSoft { 0%,100%{ transform:scale(.92); opacity:.58; } 50%{ transform:scale(1.08); opacity:.92; } }
@keyframes cxTileGlow { 0%,100%{ filter:saturate(1); transform:translateY(0); } 50%{ filter:saturate(1.35); transform:translateY(-4px); } }
@keyframes cxPersonLean { 0%,100%{ transform:rotate(0deg); } 50%{ transform:rotate(-3deg); } }
@keyframes cxSpinSoft { from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes cxWaiter { 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(-120px); } }
@media (max-width: 900px) {
  .cx-modal-visual-row, .cx-pos-terminal { grid-template-columns:1fr; }
  .cx-visual-scene { min-height:300px; }
  .cx-countdown { grid-template-columns:repeat(3,1fr); }
}

/* Phase M4.3.1 — corrected offer cards and clean detail modals */
.cx-site-section-tabs button.is-active {
  background:linear-gradient(135deg,#160b35 0%,#4b109a 52%,#c621a9 100%);
  border-color:#160b35;
  box-shadow:0 28px 70px rgba(46,12,93,.38), inset 0 0 0 1px rgba(255,255,255,.2);
}
.cx-site-section-tabs button.is-active::after { background:#ffd45f; height:5px; width:56px; }
.cx-site-modal-premium--clean { display:grid; gap:16px; }
.cx-site-modal-hero--text { background:linear-gradient(135deg,#190b3a,#5b18a8 62%,#d92aba); color:#fff; border:0; }
.cx-site-modal-hero--text small,
.cx-site-modal-hero--text p { color:rgba(255,255,255,.82); }
.cx-site-shell .cx-modal-tab-panels section { border:1px solid var(--site-line); border-radius:24px; padding:22px; background:linear-gradient(145deg,#fff,#fcf8ff); box-shadow:0 12px 34px rgba(45,17,88,.06); }
.cx-site-shell .cx-modal-tab-panels section h4 { margin:0 0 12px; font-size:22px; color:#24104f; }
.cx-site-shell .cx-modal-tab-panels section p { color:var(--site-muted); font-weight:850; line-height:1.9; }
.cx-modal-text-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.cx-modal-text-grid article { border:1px solid var(--site-line); border-radius:20px; padding:16px; background:#fff; display:grid; gap:8px; }
.cx-modal-text-grid b { color:#5b18a8; }
.cx-modal-text-grid span { color:var(--site-muted); line-height:1.75; font-weight:800; }
.cx-site-modal-footer { position:sticky; bottom:0; display:flex; justify-content:flex-start; padding-top:12px; background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%); }
.cx-price-card-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.cx-offer-live-dot { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background:#e9fff7; color:#08785f; font-size:12px; font-weight:1000; }
.cx-offer-live-dot::before { content:""; width:8px; height:8px; border-radius:50%; background:#16a085; box-shadow:0 0 0 0 rgba(22,160,133,.35); animation:cxLivePulse 1.4s ease-in-out infinite; }
.cx-plan-offer-strip { margin:14px 0; display:grid; gap:12px; border:1px solid rgba(225,59,192,.24); border-radius:22px; padding:14px; background:linear-gradient(135deg,#fff4fc,#f4ecff); box-shadow:inset 0 0 0 1px rgba(255,255,255,.65); }
.cx-plan-offer-strip b { color:#24104f; font-size:15px; }
.cx-plan-offer-strip small { color:#6c627f; font-weight:850; line-height:1.55; }
.cx-countdown--compact { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0; background:transparent; border:0; }
.cx-countdown--compact span { display:grid; justify-items:center; gap:4px; padding:8px 6px; border-radius:16px; background:#fff; border:1px solid rgba(91,24,168,.14); box-shadow:0 10px 24px rgba(91,24,168,.08); }
.cx-countdown--compact b { min-width:0; padding:0; background:transparent; color:#5b18a8; font-size:24px; line-height:1; }
.cx-countdown--compact small { color:#6c627f; font-size:11px; }
.cx-egypt-time { display:block; text-align:center; color:#5b18a8 !important; font-weight:1000 !important; }
.cx-price-card.has-offer { border-color:rgba(225,59,192,.42); box-shadow:0 30px 80px rgba(91,24,168,.17); }
@keyframes cxLivePulse { 0%{ box-shadow:0 0 0 0 rgba(22,160,133,.38); } 70%{ box-shadow:0 0 0 10px rgba(22,160,133,0); } 100%{ box-shadow:0 0 0 0 rgba(22,160,133,0); } }
@media (max-width: 760px) { .cx-modal-text-grid { grid-template-columns:1fr; } .cx-countdown--compact { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* M4.3.2 offer pricing polish */
.cx-price-current { display:block; margin:10px 0 4px; color:#5b18a8; font-size:clamp(28px,3.2vw,44px); font-weight:1100; line-height:1; letter-spacing:-.035em; }
.cx-price-card.has-offer .cx-price-current { color:#3b0f7f; text-shadow:0 14px 34px rgba(91,24,168,.18); animation:cxOfferPricePulse 2.8s ease-in-out infinite; }
.cx-price-saving { display:inline-flex; align-items:center; gap:6px; width:max-content; margin:6px 0 0; border-radius:999px; padding:7px 11px; color:#7a2b00; background:linear-gradient(135deg,#fff3c7,#ffe1a3); border:1px solid rgba(244,166,42,.36); font-weight:1000; box-shadow:0 10px 24px rgba(244,166,42,.13); }
.cx-plan-offer-strip { position:relative; overflow:hidden; }
.cx-plan-offer-strip::before { content:""; position:absolute; inset:0 auto 0 -40%; width:32%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); animation:cxOfferShine 3.6s ease-in-out infinite; pointer-events:none; }
.cx-countdown--compact span { background:#fff; border:1px solid rgba(91,24,168,.14); box-shadow:0 10px 22px rgba(91,24,168,.08); }
@keyframes cxOfferPricePulse { 0%,100%{ transform:translateY(0); filter:saturate(1); } 50%{ transform:translateY(-2px); filter:saturate(1.15); } }
@keyframes cxOfferShine { 0%{ transform:translateX(0); opacity:0; } 20%{ opacity:.8; } 55%{ transform:translateX(420%); opacity:0; } 100%{ opacity:0; transform:translateX(420%); } }
