.axqa-experience-page { min-height: 100vh; }
.axqa-experience-page button { font: inherit; }
.axqa-experience-page .simulation-note { display:flex; align-items:flex-start; gap:10px; margin-top:24px; padding:13px 15px; border:1px solid rgba(91,106,245,.2); border-radius:12px; background:rgba(91,106,245,.07); color:#aab6cf; font-size:13px; line-height:1.6; }
.axqa-experience-page .simulation-note i { color:#7ee8d9; margin-top:4px; }
.axqa-experience-page .demo-summary-card { transform:rotate(1deg); }
.axqa-experience-page .demo-score-label { color:#8898b8; font-size:12px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:12px; }
.axqa-experience-page .demo-score-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px; }
.axqa-experience-page .demo-score-row strong { font-family:var(--font-display); font-size:58px; line-height:1; color:#fff; }
.axqa-experience-page .demo-score-row > span { color:#667592; font-size:18px; }
.axqa-experience-page .demo-score-copy { flex-basis:100%; margin-top:12px; color:#9cabc4; font-size:13px; }
.axqa-experience-page .demo-workspace-section, .axqa-experience-page .challenge-app-section { padding:90px 0; border-top:1px solid var(--border); }
.axqa-experience-page .demo-section-heading-wrap { max-width:760px; margin-bottom:36px; }
.axqa-experience-page .demo-section-heading-wrap.centered { margin-left:auto; margin-right:auto; text-align:center; }
.axqa-experience-page .demo-mode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:30px; }
.axqa-experience-page .demo-mode-card { appearance:none; text-align:left; min-height:170px; padding:24px; border-radius:18px; border:1px solid var(--border); background:var(--card-bg); color:#fff; cursor:pointer; transition:.22s ease; }
.axqa-experience-page .demo-mode-card:hover, .axqa-experience-page .demo-mode-card.active { transform:translateY(-2px); border-color:rgba(91,106,245,.55); background:linear-gradient(145deg,rgba(91,106,245,.12),rgba(255,255,255,.025)); }
.axqa-experience-page .demo-mode-card strong, .axqa-experience-page .demo-mode-card > span:last-child { display:block; }
.axqa-experience-page .demo-mode-card strong { margin:15px 0 7px; font-size:17px; }
.axqa-experience-page .demo-mode-card > span:last-child { color:#8898b8; font-size:13px; line-height:1.65; }
.axqa-experience-page .demo-mode-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; color:#a8b3f5; background:rgba(91,106,245,.12); border:1px solid rgba(91,106,245,.2); }
.axqa-experience-page .demo-console { border:1px solid var(--border-2); background:linear-gradient(180deg,#111827,#0e1524); border-radius:24px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.28); }
.axqa-experience-page .demo-console-topbar, .axqa-experience-page .demo-console-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 24px; border-bottom:1px solid var(--border); }
.axqa-experience-page .demo-console-footer { border-top:1px solid var(--border); border-bottom:0; }
.axqa-experience-page .demo-console-kicker { display:block; color:#5f6f8e; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.axqa-experience-page .demo-console-topbar h3 { margin:3px 0 0; color:#fff; font-size:18px; }
.axqa-experience-page .demo-live-pill { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; border:1px solid rgba(0,212,177,.18); background:rgba(0,212,177,.07); color:#7ee8d9; font-size:11px; white-space:nowrap; }
.axqa-experience-page .demo-live-pill > span { width:7px; height:7px; border-radius:50%; background:#4fd9c8; box-shadow:0 0 0 4px rgba(79,217,200,.08); }
.axqa-experience-page .demo-flow-grid { display:grid; grid-template-columns:190px 1fr; min-height:500px; }
.axqa-experience-page .demo-flow-sidebar { padding:18px; border-right:1px solid var(--border); background:rgba(0,0,0,.08); }
.axqa-experience-page .demo-flow-step { width:100%; display:flex; align-items:center; gap:10px; margin-bottom:8px; padding:12px 13px; border:1px solid transparent; border-radius:10px; background:transparent; color:#7d8ca9; cursor:pointer; text-align:left; }
.axqa-experience-page .demo-flow-step span { color:#50607d; font-size:10px; letter-spacing:.08em; }
.axqa-experience-page .demo-flow-step.active { color:#fff; border-color:rgba(91,106,245,.22); background:rgba(91,106,245,.09); }
.axqa-experience-page .demo-flow-step.active span { color:#7ee8d9; }
.axqa-experience-page .demo-flow-main { padding:34px; position:relative; }
.axqa-experience-page .demo-panel { display:none; animation:axqaDemoFade .25s ease; }
.axqa-experience-page .demo-panel.active { display:block; }
@keyframes axqaDemoFade { from { opacity:.25; transform:translateY(5px); } to { opacity:1; transform:none; } }
.axqa-experience-page .demo-panel-label { color:#7ee8d9; font-size:11px; text-transform:uppercase; letter-spacing:.11em; }
.axqa-experience-page .demo-panel h4 { color:#fff; font-size:24px; margin:8px 0 10px; }
.axqa-experience-page .demo-panel > p { color:#8898b8; max-width:720px; margin-bottom:25px; }
.axqa-experience-page .demo-info-grid, .axqa-experience-page .demo-report-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.axqa-experience-page .demo-info-card, .axqa-experience-page .demo-report-card { padding:19px; border-radius:13px; border:1px solid var(--border); background:rgba(255,255,255,.025); }
.axqa-experience-page .demo-info-card span, .axqa-experience-page .demo-report-card span { display:block; color:#63728f; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.axqa-experience-page .demo-info-card strong { display:block; color:#fff; margin-top:6px; }
.axqa-experience-page .demo-test-list { display:grid; gap:10px; }
.axqa-experience-page .demo-test-item { display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:14px; padding:15px 16px; border-radius:12px; border:1px solid var(--border); background:rgba(255,255,255,.02); }
.axqa-experience-page .demo-test-item strong { color:#dce4f3; font-size:14px; }
.axqa-experience-page .demo-test-item small { color:#61708c; }
.axqa-experience-page .demo-test-status { font-size:9px; padding:4px 7px; text-align:center; border-radius:999px; letter-spacing:.07em; }
.axqa-experience-page .demo-test-status.ready { color:#7ee8d9; background:rgba(0,212,177,.09); }
.axqa-experience-page .demo-test-status.watch { color:#f5c842; background:rgba(245,200,66,.09); }
.axqa-experience-page .demo-run-button { border:0; cursor:pointer; }
.axqa-experience-page .demo-run-status { margin-top:25px; padding:20px; border-radius:14px; border:1px solid var(--border); background:rgba(0,0,0,.12); }
.axqa-experience-page .demo-progress-track { height:7px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.axqa-experience-page .demo-progress-track span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#5b6af5,#00d4b1); transition:width .45s ease; }
.axqa-experience-page .demo-run-log { display:grid; gap:8px; margin-top:16px; }
.axqa-experience-page .demo-run-log span { color:#586884; font-size:12px; }
.axqa-experience-page .demo-run-log span.done { color:#9aabc8; }
.axqa-experience-page .demo-run-log span.done::before { content:'✓'; color:#4fd9c8; margin-right:8px; }
.axqa-experience-page .demo-issue-list { display:grid; gap:11px; }
.axqa-experience-page .demo-issue-card { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:16px 18px; border:1px solid var(--border); border-left-width:3px; border-radius:12px; background:rgba(255,255,255,.022); }
.axqa-experience-page .demo-issue-card > div span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; }
.axqa-experience-page .demo-issue-card strong { color:#e5ebf6; font-size:14px; }
.axqa-experience-page .demo-issue-card small { color:#667590; text-align:right; }
.axqa-experience-page .demo-issue-card.critical { border-left-color:#ff6565; }
.axqa-experience-page .demo-issue-card.critical span { color:#ff8585; }
.axqa-experience-page .demo-issue-card.high { border-left-color:#f5c842; }
.axqa-experience-page .demo-issue-card.high span { color:#f5c842; }
.axqa-experience-page .demo-issue-card.medium { border-left-color:#5b6af5; }
.axqa-experience-page .demo-issue-card.medium span { color:#a8b3f5; }
.axqa-experience-page .demo-report-card strong { display:block; margin:6px 0 3px; color:#fff; font-size:28px; font-family:var(--font-display); }
.axqa-experience-page .demo-report-card small { color:#677692; }
.axqa-experience-page .demo-report-card.primary { border-color:rgba(91,106,245,.35); background:rgba(91,106,245,.08); }
.axqa-experience-page .demo-report-card.primary strong { color:#a8b3f5; }
.axqa-experience-page .demo-green { color:#4fd9c8 !important; }
.axqa-experience-page .demo-red { color:#ff7a7a !important; }
.axqa-experience-page .demo-report-callout { display:flex; gap:13px; align-items:flex-start; margin-top:14px; padding:17px; border-radius:12px; border:1px solid rgba(0,212,177,.16); background:rgba(0,212,177,.05); }
.axqa-experience-page .demo-report-callout i { color:#7ee8d9; margin-top:4px; }
.axqa-experience-page .demo-report-callout strong, .axqa-experience-page .demo-report-callout span { display:block; }
.axqa-experience-page .demo-report-callout strong { color:#dce6f5; font-size:13px; }
.axqa-experience-page .demo-report-callout span { color:#7788a6; font-size:12px; margin-top:3px; }
.axqa-experience-page .demo-console-footer span { color:#687793; font-size:12px; }
.axqa-experience-page .demo-console-footer button { cursor:pointer; }
.axqa-experience-page .demo-console-footer button:disabled { opacity:.35; cursor:not-allowed; }
.axqa-experience-page .demo-value-section { padding-top:90px !important; }
.axqa-experience-page .demo-final-cta { padding:20px 0 100px; }
.axqa-experience-page .demo-cta-card { padding:48px; border-radius:26px; border:1px solid rgba(91,106,245,.25); background:radial-gradient(circle at 85% 20%,rgba(91,106,245,.2),transparent 38%),linear-gradient(145deg,#121b2e,#0d1423); }
.axqa-experience-page .demo-cta-card h2 { color:#fff; font-size:36px; margin:8px 0 12px; }
.axqa-experience-page .demo-cta-card p { color:#8898b8; max-width:700px; }

.axqa-experience-page .challenge-count { display:flex; gap:8px; align-items:baseline; margin-bottom:8px; }
.axqa-experience-page .challenge-count strong { font-size:62px; color:#fff; font-family:var(--font-display); }
.axqa-experience-page .challenge-count span { color:#8999b7; }
.axqa-experience-page .challenge-score-card p { color:#7b8ba8; font-size:13px; }
.axqa-experience-page .challenge-progress { margin:18px 0 12px; }
.axqa-experience-page .challenge-score-card small { color:#596986; }
.axqa-experience-page .challenge-toolbar { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:28px; }
.axqa-experience-page .challenge-toolbar .section-heading { margin-bottom:0; }
.axqa-experience-page .challenge-toolbar button { cursor:pointer; }
.axqa-experience-page .challenge-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:22px; align-items:start; }
.axqa-experience-page .challenge-store, .axqa-experience-page .challenge-panel, .axqa-experience-page .challenge-results-card { border:1px solid var(--border); border-radius:20px; background:#111827; overflow:hidden; }
.axqa-experience-page .challenge-browser-bar { display:flex; align-items:center; gap:14px; min-height:52px; padding:0 16px; border-bottom:1px solid var(--border); background:#0d1422; }
.axqa-experience-page .challenge-browser-bar .db-dots { display:flex; gap:6px; }
.axqa-experience-page .challenge-browser-bar .db-dot { width:9px; height:9px; border-radius:50%; }
.axqa-experience-page .challenge-address { flex:1; padding:7px 12px; border-radius:7px; background:rgba(255,255,255,.04); color:#667590; font-size:11px; }
.axqa-experience-page .challenge-demo-label { color:#7ee8d9; font-size:9px; letter-spacing:.1em; }
.axqa-experience-page .challenge-store-body { padding:26px; }
.axqa-experience-page .challenge-store-head { display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:20px; border-bottom:1px solid var(--border); }
.axqa-experience-page .challenge-store-head div span, .axqa-experience-page .challenge-store-head div strong { display:block; }
.axqa-experience-page .challenge-store-head div span { color:#6c7a96; font-size:10px; letter-spacing:.12em; }
.axqa-experience-page .challenge-store-head div strong { color:#fff; font-size:24px; margin-top:2px; }
.axqa-experience-page .challenge-cart-count { color:#8292b1; font-size:12px; }
.axqa-experience-page .challenge-product-row { display:grid; grid-template-columns:44px 1fr auto 90px; align-items:center; gap:13px; padding:18px 0; border-bottom:1px solid var(--border); }
.axqa-experience-page .challenge-product-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:rgba(91,106,245,.1); color:#a8b3f5; }
.axqa-experience-page .challenge-product-copy strong, .axqa-experience-page .challenge-product-copy span { display:block; }
.axqa-experience-page .challenge-product-copy strong { color:#dce4f2; font-size:13px; }
.axqa-experience-page .challenge-product-copy span { color:#61708c; font-size:11px; margin-top:3px; }
.axqa-experience-page .challenge-quantity-control { display:flex; align-items:center; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.axqa-experience-page .challenge-quantity-control button { width:29px; height:29px; border:0; background:rgba(255,255,255,.03); color:#b3bfd5; cursor:pointer; }
.axqa-experience-page .challenge-quantity-control strong { min-width:28px; text-align:center; color:#fff; font-size:12px; }
.axqa-experience-page .challenge-quantity-static { min-width:45px; text-align:center; color:#7f8fac; }
.axqa-experience-page .challenge-product-price { color:#dfe6f2; font-size:13px; text-align:right; }
.axqa-experience-page .challenge-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; padding:22px 0; }
.axqa-experience-page .challenge-form-grid label { color:#71809d; font-size:11px; }
.axqa-experience-page .challenge-form-grid label.wide { grid-column:1 / -1; }
.axqa-experience-page .challenge-form-grid input, .axqa-experience-page .challenge-coupon-row input { width:100%; margin-top:6px; border:1px solid var(--border); background:#0d1422; border-radius:9px; color:#dfe7f4; padding:11px 12px; outline:none; }
.axqa-experience-page .challenge-form-grid input:focus, .axqa-experience-page .challenge-coupon-row input:focus { border-color:rgba(91,106,245,.5); }
.axqa-experience-page .challenge-coupon-row { display:grid; grid-template-columns:1fr auto; gap:9px; padding-bottom:18px; }
.axqa-experience-page .challenge-coupon-row button { border:1px solid rgba(91,106,245,.35); background:rgba(91,106,245,.12); color:#a8b3f5; border-radius:9px; padding:0 16px; cursor:pointer; }
.axqa-experience-page .challenge-coupon-row span { grid-column:1/-1; color:#657490; font-size:11px; }
.axqa-experience-page .challenge-summary { padding:15px 0; border-top:1px solid var(--border); }
.axqa-experience-page .challenge-summary > div { display:flex; justify-content:space-between; gap:20px; padding:5px 0; color:#71809c; font-size:12px; }
.axqa-experience-page .challenge-summary strong { color:#b7c3d9; }
.axqa-experience-page .challenge-summary .total { margin-top:7px; padding-top:12px; border-top:1px solid var(--border); color:#fff; font-size:14px; }
.axqa-experience-page .challenge-summary .total strong { color:#fff; font-size:18px; }
.axqa-experience-page .challenge-checkout-button { width:100%; padding:13px; border:0; border-radius:10px; background:linear-gradient(90deg,#5b6af5,#6c79f7); color:#fff; font-weight:600; cursor:pointer; }
.axqa-experience-page .challenge-order-message { margin-top:10px; min-height:20px; color:#65748f; font-size:11px; text-align:center; }
.axqa-experience-page .challenge-panel { padding:24px; position:sticky; top:100px; }
.axqa-experience-page .challenge-panel h3 { color:#fff; margin:4px 0 8px; font-size:22px; }
.axqa-experience-page .challenge-panel > p { color:#7484a1; font-size:12px; line-height:1.65; }
.axqa-experience-page .challenge-findings { display:grid; gap:7px; margin:20px 0; }
.axqa-experience-page .challenge-findings button { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:8px; padding:10px; border:1px solid var(--border); border-radius:9px; background:rgba(255,255,255,.02); color:#7787a4; cursor:pointer; text-align:left; transition:.2s ease; }
.axqa-experience-page .challenge-findings button span { font-size:9px; color:#4f5f7c; }
.axqa-experience-page .challenge-findings button strong { color:#aab6cc; font-size:11px; }
.axqa-experience-page .challenge-findings button small { color:#657490; font-size:9px; }
.axqa-experience-page .challenge-findings button.found { border-color:rgba(0,212,177,.28); background:rgba(0,212,177,.06); }
.axqa-experience-page .challenge-findings button.found span, .axqa-experience-page .challenge-findings button.found small { color:#7ee8d9; }
.axqa-experience-page .challenge-findings button.found strong { color:#d6e5e3; }
.axqa-experience-page .challenge-axqa-button { width:100%; border:0; cursor:pointer; }
.axqa-experience-page .challenge-panel-note { display:block; color:#52617d; text-align:center; margin-top:8px; }
.axqa-experience-page .challenge-results-section { padding:0 0 90px; }
.axqa-experience-page .challenge-results-card { padding:30px; }
.axqa-experience-page .challenge-results-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.axqa-experience-page .challenge-results-head h2 { color:#fff; margin:5px 0 0; font-size:28px; }
.axqa-experience-page .challenge-scan-list { display:grid; gap:8px; margin:26px 0; }
.axqa-experience-page .challenge-scan-list > div { display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:9px; padding:11px 13px; border:1px solid var(--border); border-radius:10px; color:#6c7b97; font-size:12px; }
.axqa-experience-page .challenge-scan-list strong { color:#596883; font-size:10px; text-transform:uppercase; }
.axqa-experience-page .challenge-scan-list > div.done { border-color:rgba(0,212,177,.16); color:#a0afc9; }
.axqa-experience-page .challenge-scan-list > div.done i, .axqa-experience-page .challenge-scan-list > div.done strong { color:#7ee8d9; }
.axqa-experience-page .challenge-comparison { display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; gap:14px; margin:28px 0 18px; opacity:.3; transition:opacity .3s ease; }
.axqa-experience-page .challenge-comparison.revealed { opacity:1; }
.axqa-experience-page .challenge-comparison-card { text-align:center; padding:28px; border-radius:16px; border:1px solid var(--border); background:rgba(255,255,255,.025); }
.axqa-experience-page .challenge-comparison-card span, .axqa-experience-page .challenge-comparison-card small { display:block; color:#73829e; }
.axqa-experience-page .challenge-comparison-card strong { display:block; color:#fff; font-size:54px; font-family:var(--font-display); line-height:1; margin:10px 0; }
.axqa-experience-page .challenge-comparison-card.axqa { border-color:rgba(0,212,177,.22); background:rgba(0,212,177,.04); }
.axqa-experience-page .challenge-comparison-card.axqa strong { color:#7ee8d9; }
.axqa-experience-page .challenge-versus { text-align:center; color:#53627e; font-size:11px; letter-spacing:.12em; }
.axqa-experience-page .challenge-result-message { padding:15px; border-radius:10px; background:rgba(91,106,245,.07); border:1px solid rgba(91,106,245,.14); color:#95a4bf; font-size:13px; text-align:center; }
.axqa-experience-page .challenge-result-actions { display:none; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:18px; }
.axqa-experience-page .challenge-result-actions.visible { display:flex; }
.axqa-experience-page .challenge-value-section { padding-bottom:100px !important; }

@media (max-width: 991px) {
  .axqa-experience-page .demo-mode-grid { grid-template-columns:1fr; }
  .axqa-experience-page .demo-flow-grid { grid-template-columns:1fr; }
  .axqa-experience-page .demo-flow-sidebar { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; border-right:0; border-bottom:1px solid var(--border); overflow-x:auto; }
  .axqa-experience-page .demo-flow-step { justify-content:center; margin:0; min-width:105px; }
  .axqa-experience-page .challenge-layout { grid-template-columns:1fr; }
  .axqa-experience-page .challenge-panel { position:static; }
}
@media (max-width: 680px) {
  .axqa-experience-page .demo-console-topbar, .axqa-experience-page .demo-console-footer, .axqa-experience-page .challenge-toolbar, .axqa-experience-page .challenge-results-head { align-items:flex-start; flex-direction:column; }
  .axqa-experience-page .demo-flow-main { padding:24px 18px; }
  .axqa-experience-page .demo-info-grid, .axqa-experience-page .demo-report-grid { grid-template-columns:1fr; }
  .axqa-experience-page .demo-test-item { grid-template-columns:66px 1fr; }
  .axqa-experience-page .demo-test-item small { grid-column:2; }
  .axqa-experience-page .demo-issue-card { align-items:flex-start; flex-direction:column; }
  .axqa-experience-page .demo-issue-card small { text-align:left; }
  .axqa-experience-page .demo-cta-card { padding:30px 22px; }
  .axqa-experience-page .demo-cta-card h2 { font-size:28px; }
  .axqa-experience-page .challenge-product-row { grid-template-columns:40px 1fr auto; }
  .axqa-experience-page .challenge-product-price { grid-column:2/4; text-align:left; }
  .axqa-experience-page .challenge-form-grid { grid-template-columns:1fr; }
  .axqa-experience-page .challenge-form-grid label.wide { grid-column:auto; }
  .axqa-experience-page .challenge-comparison { grid-template-columns:1fr; }
  .axqa-experience-page .challenge-versus { padding:2px 0; }
}