@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=Cairo:wght@400;600;700;800&display=swap');

/* ═══════════════════════════════
   ROOT — escape theme container
═══════════════════════════════ */
#advert-up-challenge-root {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* ═══════════════════════════════
   BASE
═══════════════════════════════ */
.auc-wrap { font-family:'IBM Plex Mono','Courier New',monospace; background:#fcfcfc; color:#0b0b0b; min-height:80vh; font-size:15px; }
.auc-wrap * { box-sizing:border-box; }
.auc-fade { animation:aucFadeIn .3s ease; }
@keyframes aucFadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }
.auc-teal  { color:#3cc0c6; }
.auc-bold  { font-weight:600; }
.auc-grey  { color:#6b7280; }

/* ═══════════════════════════════
   INTRO
═══════════════════════════════ */
.auc-intro { max-width:800px; margin:0 auto; padding:60px 24px; }
.auc-intro-header { display:flex; align-items:center; gap:12px; margin-bottom:32px; flex-wrap:wrap; }
.auc-badge     { background:#3cc0c6; color:#fcfcfc; padding:6px 14px; border-radius:6px; font-size:11px; font-weight:600; letter-spacing:.1em; }
.auc-badge-sub { font-size:11px; color:#6b7280; letter-spacing:.06em; }
.auc-h1  { font-size:42px; font-weight:600; margin:0 0 8px; letter-spacing:-.02em; line-height:1.2; }
.auc-lead { color:#6b7280; font-size:16px; margin:16px 0 40px; line-height:1.7; font-family:'IBM Plex Sans',sans-serif; }

.auc-scenario-card { border:1.5px solid #e2e8f0; border-radius:12px; padding:24px 28px; margin-bottom:32px; }
.auc-section-label { font-size:11px; font-weight:600; letter-spacing:.1em; margin-bottom:16px; }
.auc-scenario-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.auc-col-label { font-size:12px; color:#6b7280; margin-bottom:10px; letter-spacing:.06em; }
.auc-row { display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px solid #e2e8f0; font-size:13px; font-family:'IBM Plex Sans',sans-serif; gap:10px; }

.auc-tasks-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:40px; }
.auc-task-preview { border:1.5px solid #e2e8f0; border-radius:8px; padding:12px 14px; }
.auc-task-num  { color:#3cc0c6; font-size:11px; font-weight:600; margin-bottom:4px; }
.auc-task-name { font-size:13px; font-weight:600; font-family:'IBM Plex Sans',sans-serif; }

.auc-start-row  { display:flex; align-items:center; gap:20px; }
.auc-start-btn  { background:#3cc0c6; color:#fcfcfc; border:none; border-radius:10px; padding:16px 40px; cursor:pointer; font-family:inherit; font-weight:600; font-size:15px; letter-spacing:.08em; transition:all .2s; }
.auc-start-btn:hover { background:#2a9fa4; transform:translateY(-1px); }
.auc-start-note { font-size:12px; color:#6b7280; font-family:'IBM Plex Sans',sans-serif; }

/* ═══════════════════════════════
   CHALLENGE
═══════════════════════════════ */
.auc-challenge { min-height:100vh; display:flex; flex-direction:column; }
.auc-topbar { background:#0b0b0b; padding:14px 28px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:100; }
.auc-topbar-left  { display:flex; align-items:center; gap:14px; }
.auc-topbar-title { color:#3cc0c6; font-size:12px; font-weight:600; letter-spacing:.08em; }
.auc-topbar-divider { width:1px; height:16px; background:#333; }
.auc-task-dots { display:flex; gap:6px; flex-wrap:wrap; }
.auc-dot-btn { width:24px; height:24px; border-radius:6px; font-size:10px; font-weight:600; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#1a1a1a; color:#6b7280; border:1.5px solid #333; transition:all .15s; }
.auc-dot-btn.auc-dot-active { background:#333; color:#fcfcfc; border-color:#3cc0c6; }
.auc-dot-btn.auc-dot-done   { background:#3cc0c6; color:#fcfcfc; border-color:#3cc0c6; }
.auc-topbar-right { display:flex; align-items:center; gap:16px; }
.auc-timer-wrap   { text-align:right; }
.auc-timer-label  { font-size:10px; color:#6b7280; letter-spacing:.06em; }
.auc-timer { font-size:22px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.04em; }
.auc-finish-top-btn { background:none; border:1.5px solid #333; border-radius:6px; color:#6b7280; padding:6px 12px; cursor:pointer; font-size:11px; font-family:inherit; letter-spacing:.04em; }

.auc-progress-bar  { height:3px; background:#e2e8f0; }
.auc-progress-fill { height:100%; background:#3cc0c6; transition:width 1s linear; }

/* Layout: sidebar left by default (LTR) */
.auc-layout  { display:grid; grid-template-columns:220px 1fr; flex:1; min-height:calc(100vh - 52px); }
.auc-sidebar { padding:24px 16px; border-right:1px solid #e2e8f0; background:#fafafa; }
.auc-main    { padding:32px 36px; }

/* Sidebar elements */
.auc-sidebar-label { font-size:10px; color:#6b7280; letter-spacing:.08em; margin-bottom:12px; padding-left:4px; }
.auc-sidebar-tasks { display:flex; flex-direction:column; gap:6px; }
.auc-task-btn { background:none; border:1.5px solid #e2e8f0; border-radius:8px; padding:10px 14px; cursor:pointer; text-align:left; transition:all .15s; font-family:inherit; width:100%; }
.auc-task-btn:hover,.auc-task-btn.auc-task-btn-active { border-color:#3cc0c6; background:#e8f9fa; }
.auc-task-btn.auc-task-btn-done { border-color:#10b981; }
.auc-task-btn-top   { display:flex; align-items:center; justify-content:space-between; margin-bottom:2px; }
.auc-num      { font-size:10px; color:#3cc0c6; font-weight:600; }
.auc-num-done { font-size:10px; color:#10b981; font-weight:600; }
.auc-check    { font-size:10px; color:#10b981; }
.auc-task-btn-title { font-size:12px; font-weight:600; color:#0b0b0b; font-family:'IBM Plex Sans',sans-serif; }

.auc-quick-ref  { margin-top:24px; padding:12px; background:#fcfcfc; border:1px solid #e2e8f0; border-radius:8px; }
.auc-quick-label { font-size:10px; color:#6b7280; letter-spacing:.06em; margin-bottom:8px; }
.auc-quick-body  { font-size:11px; line-height:1.7; color:#374151; font-family:'IBM Plex Sans',sans-serif; }

.auc-company-ref       { margin-top:12px; padding:12px; background:#e8f9fa; border:1px solid #3cc0c6; border-radius:8px; }
.auc-company-ref-title { font-size:10px; color:#2a9fa4; letter-spacing:.06em; margin-bottom:8px; font-weight:600; }
.auc-company-ref-body  { font-size:11px; line-height:1.8; color:#1a2e2e; font-family:'IBM Plex Sans',sans-serif; margin-bottom:6px; }
.auc-company-ref-sub   { font-size:10px; color:#2a9fa4; font-weight:600; letter-spacing:.06em; margin-bottom:4px; }
.auc-company-dept      { font-size:11px; color:#374151; font-family:'IBM Plex Sans',sans-serif; line-height:1.7; }

/* Main area */
.auc-task-header   { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.auc-tag           { display:inline-block; background:#e8f9fa; color:#2a9fa4; border-radius:6px; padding:3px 10px; font-size:11px; font-weight:600; letter-spacing:.06em; }
.auc-task-status   { font-size:11px; color:#6b7280; letter-spacing:.06em; }
.auc-task-title    { font-size:28px; font-weight:600; margin:0 0 6px; letter-spacing:-.01em; }
.auc-task-subtitle { font-size:15px; color:#6b7280; margin:0 0 24px; font-family:'IBM Plex Sans',sans-serif; }

/* Company brief panel */
.auc-company-brief-panel { border:1.5px solid #3cc0c6; border-radius:10px; padding:18px 20px; margin-bottom:20px; background:#e8f9fa; }
.auc-company-brief-title { font-size:10px; font-weight:600; color:#2a9fa4; letter-spacing:.1em; margin-bottom:14px; }
.auc-company-brief-grid  { display:grid; grid-template-columns:1fr 1fr; gap:16px; font-family:'IBM Plex Sans',sans-serif; }
.auc-brief-col-label { font-size:11px; color:#6b7280; letter-spacing:.06em; margin-bottom:6px; }
.auc-brief-overview  { font-size:13px; color:#1a2e2e; line-height:1.8; }
.auc-brief-item      { font-size:12px; color:#374151; line-height:1.7; }
.auc-brief-hint      { margin-top:12px; font-size:11px; color:#2a9fa4; font-style:italic; }

.auc-textarea { width:100%; border:1.5px solid #e2e8f0; border-radius:8px; padding:12px; font-family:inherit; font-size:15px; resize:vertical; outline:none; transition:border .15s; background:#fcfcfc; color:#0b0b0b; min-height:200px; line-height:1.6; }
.auc-textarea:focus { border-color:#3cc0c6; }

.auc-btn-row    { display:flex; align-items:center; gap:12px; margin-top:14px; flex-wrap:wrap; }
.auc-submit-btn { background:#3cc0c6; color:white; border:none; border-radius:8px; padding:10px 22px; cursor:pointer; font-family:inherit; font-weight:600; font-size:13px; letter-spacing:.05em; transition:background .15s; }
.auc-submit-btn:hover    { background:#2a9fa4; }
.auc-submit-btn:disabled { opacity:.5; cursor:not-allowed; }
.auc-next-btn   { background:none; border:1.5px solid #e2e8f0; border-radius:8px; padding:10px 18px; cursor:pointer; font-size:12px; font-family:inherit; color:#6b7280; }
.auc-finish-btn { background:none; border:1.5px solid #3cc0c6; border-radius:8px; padding:10px 18px; cursor:pointer; font-size:12px; font-family:inherit; color:#3cc0c6; }

.auc-analyzing  { margin-top:16px; display:flex; align-items:center; gap:10px; color:#6b7280; font-size:13px; font-family:'IBM Plex Sans',sans-serif; }
.auc-pulse-dot  { width:6px; height:6px; border-radius:50%; background:#3cc0c6; animation:aucPulse 1s infinite; flex-shrink:0; }
@keyframes aucPulse { 0%,100%{opacity:1} 50%{opacity:.4} }

.auc-feedback       { background:#f0faf9; border-left:3px solid #3cc0c6; border-radius:0 8px 8px 0; padding:14px 16px; margin-top:12px; font-family:'IBM Plex Sans',sans-serif; font-size:14px; line-height:1.7; color:#1a2e2e; white-space:pre-wrap; }
.auc-feedback-label { font-size:10px; font-weight:600; color:#2a9fa4; letter-spacing:.08em; margin-bottom:8px; font-family:'IBM Plex Mono',monospace; }

/* ═══════════════════════════════
   RESULTS
═══════════════════════════════ */
.auc-results         { max-width:860px; margin:0 auto; padding:60px 24px; }
.auc-results-header  { text-align:center; margin-bottom:48px; }
.auc-results-top-row { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:16px; }
.auc-results-label   { font-size:11px; color:#6b7280; letter-spacing:.1em; }
.auc-results-h1      { font-size:42px; font-weight:600; margin:0 0 8px; letter-spacing:-.02em; }
.auc-results-sub     { color:#6b7280; font-size:15px; font-family:'IBM Plex Sans',sans-serif; }
.auc-scores          { display:flex; justify-content:center; gap:24px; margin-top:24px; flex-wrap:wrap; }
.auc-score-item      { text-align:center; }
.auc-score-big       { font-size:40px; font-weight:600; }
.auc-score-big.auc-teal { color:#3cc0c6; }
.auc-score-label     { font-size:11px; color:#6b7280; letter-spacing:.06em; }
.auc-score-divider   { width:1px; background:#e2e8f0; }

.auc-task-list { display:flex; flex-direction:column; gap:16px; }
.auc-result-card { border:1.5px solid #e2e8f0; border-radius:12px; overflow:hidden; }
.auc-result-card.auc-result-done { border-color:#3cc0c6; }
.auc-result-card-header { padding:16px 20px; display:flex; align-items:center; gap:12px; background:#fafafa; }
.auc-result-card-header.auc-result-card-header-done { background:#e8f9fa; }
.auc-num-teal  { font-size:11px; font-weight:600; color:#2a9fa4; }
.auc-num-grey  { font-size:11px; font-weight:600; color:#6b7280; }
.auc-result-card-title { font-size:14px; font-weight:600; flex:1; font-family:'IBM Plex Sans',sans-serif; }
.auc-reviewed { font-size:12px; color:#10b981; }
.auc-skipped  { font-size:12px; color:#6b7280; }
.auc-result-answer { padding:14px 20px; border-top:1px solid #e2e8f0; }
.auc-result-answer-label { font-size:11px; color:#6b7280; letter-spacing:.06em; margin-bottom:6px; }
.auc-result-answer-text  { font-size:13px; color:#374151; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; white-space:pre-wrap; }
.auc-result-feedback { padding:14px 20px; border-top:1px solid #e2e8f0; background:#f0faf9; }
.auc-result-feedback-label { font-size:11px; color:#2a9fa4; letter-spacing:.06em; margin-bottom:6px; font-family:'IBM Plex Mono',monospace; }
.auc-result-feedback-text  { font-size:13px; color:#1a2e2e; line-height:1.7; font-family:'IBM Plex Sans',sans-serif; white-space:pre-wrap; }

/* Submit form */
.auc-submit-form       { border:1.5px solid #3cc0c6; border-radius:12px; padding:28px 32px; margin:40px 0 0; background:#e8f9fa; }
.auc-submit-form-title { font-size:16px; font-weight:600; margin-bottom:6px; }
.auc-submit-form-desc  { font-size:13px; color:#6b7280; font-family:'IBM Plex Sans',sans-serif; margin:0 0 20px; line-height:1.6; }
.auc-submit-fields     { display:flex; gap:12px; flex-wrap:wrap; }
.auc-submit-input      { flex:1; min-width:180px; border:1.5px solid #c5eaec; border-radius:8px; padding:10px 14px; font-family:inherit; font-size:13px; background:#fff; color:#0b0b0b; outline:none; transition:border .15s; }
.auc-submit-input:focus    { border-color:#3cc0c6; }
.auc-submit-input:disabled { opacity:.6; }
.auc-submit-msg            { margin-top:10px; font-size:13px; color:#10b981; font-family:'IBM Plex Sans',sans-serif; }
.auc-submit-msg.auc-submit-msg-error { color:#ef4444; }
.auc-submit-success { font-size:15px; color:#10b981; font-weight:600; padding:12px 0; }
.auc-retry-row  { margin-top:16px; text-align:center; }
.auc-retry-link { background:none; border:none; color:#6b7280; font-size:13px; font-family:inherit; cursor:pointer; text-decoration:underline; padding:8px; }
.auc-retry-link:hover { color:#3cc0c6; }

/* Lang toggle */
.auc-lang-toggle { background:none; border:1.5px solid #3cc0c6; border-radius:6px; color:#3cc0c6; padding:4px 10px; cursor:pointer; font-family:inherit; font-weight:600; font-size:12px; letter-spacing:.06em; transition:all .15s; }
.auc-lang-toggle:hover { background:#3cc0c6; color:#fff; }

/* ═══════════════════════════════
   RTL — scoped to .auc-wrap[dir="rtl"]
   No dependency on parent dir attr
═══════════════════════════════ */
.auc-wrap[dir="rtl"] { direction:rtl; text-align:right; }

/* Flip layout: sidebar goes to the right */
.auc-wrap[dir="rtl"] .auc-layout {
  grid-template-columns: 1fr 220px;
}
.auc-wrap[dir="rtl"] .auc-sidebar {
  border-right: none;
  border-left: 1px solid #e2e8f0;
  order: 2;
}
.auc-wrap[dir="rtl"] .auc-main { order: 1; }

/* Sidebar task buttons */
.auc-wrap[dir="rtl"] .auc-task-btn { text-align:right; }
.auc-wrap[dir="rtl"] .auc-sidebar-label { padding-left:0; padding-right:4px; }

/* Topbar */
.auc-wrap[dir="rtl"] .auc-topbar-left  { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-topbar-right { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-timer-wrap   { text-align:left; }

/* Task buttons */
.auc-wrap[dir="rtl"] .auc-task-btn-top { flex-direction:row-reverse; }

/* Main area */
.auc-wrap[dir="rtl"] .auc-task-header         { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-result-card-header  { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-btn-row             { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-start-row           { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-intro-header        { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-results-top-row     { flex-direction:row-reverse; }

/* Feedback border */
.auc-wrap[dir="rtl"] .auc-feedback {
  border-left: none;
  border-right: 3px solid #3cc0c6;
  border-radius: 8px 0 0 8px;
}

/* Forms */
.auc-wrap[dir="rtl"] .auc-submit-fields { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-submit-input  { text-align:right; }
.auc-wrap[dir="rtl"] .auc-textarea      { text-align:right; direction:rtl; }

/* Scores / scenario */
.auc-wrap[dir="rtl"] .auc-scores        { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-row           { flex-direction:row-reverse; }
.auc-wrap[dir="rtl"] .auc-analyzing     { flex-direction:row-reverse; }

/* Company panels */
.auc-wrap[dir="rtl"] .auc-company-brief-grid { direction:rtl; }

/* Mobile */
@media (max-width:768px) {
  .auc-layout { grid-template-columns:1fr !important; }
  .auc-sidebar { order:unset !important; border-right:none !important; border-left:none !important; border-bottom:1px solid #e2e8f0; }
  .auc-main    { order:unset !important; padding:20px 16px; }
  .auc-tasks-grid { grid-template-columns:repeat(2,1fr); }
  .auc-scenario-grid { grid-template-columns:1fr; }
  .auc-company-brief-grid { grid-template-columns:1fr !important; }
  .auc-h1 { font-size:28px !important; }
  .auc-task-title { font-size:22px !important; }
}

/* ═══════════════════════════════
   v2.0 — MODE PICKER + ELITE ASSESSMENT
═══════════════════════════════ */
.auc-mode-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:14px; }
@media (max-width:760px){ .auc-mode-grid { grid-template-columns:1fr; } }
.auc-mode-card { border:1.5px solid #e2e8f0; border-radius:12px; padding:22px 22px 24px; display:flex; flex-direction:column; gap:10px; background:#fff; transition:border-color .2s, box-shadow .2s; }
.auc-mode-card:hover { border-color:#3cc0c6; box-shadow:0 6px 22px rgba(60,192,198,.12); }
.auc-mode-card-primary { border-color:#3cc0c6; background:linear-gradient(180deg,#f3fdfd 0%,#ffffff 60%); }
.auc-mode-card-tag { font-size:11px; font-weight:600; color:#3cc0c6; letter-spacing:.12em; }
.auc-mode-card-title { font-size:20px; font-weight:600; line-height:1.25; }
.auc-mode-card-desc { font-size:14px; color:#475569; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; }
.auc-mode-card-meta { font-size:11px; color:#6b7280; letter-spacing:.04em; margin-top:2px; }
.auc-mode-cat-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.auc-mode-cat-chip { font-size:10.5px; font-weight:600; color:#2a9fa4; background:#e8f9fa; border:1px solid #bfeef0; border-radius:999px; padding:3px 9px; }
.auc-mode-btn { margin-top:auto; }

/* topbar progress (elite) */
.auc-topbar-progress { font-size:12px; color:#475569; font-weight:500; }

/* sidebar groups (elite) */
.auc-sidebar-group { margin-bottom:14px; }
.auc-sidebar-cat { font-size:10.5px; font-weight:700; letter-spacing:.08em; color:#2a9fa4; text-transform:uppercase; margin:6px 0 6px; padding-left:2px; }
.auc-task-btn-mini { padding:8px 10px !important; }
.auc-task-btn-mini .auc-task-btn-title { font-size:12px; line-height:1.35; }

/* elite badges */
.auc-elite-badges { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.auc-ebadge { font-size:10.5px; font-weight:700; letter-spacing:.04em; border:1.5px solid #e2e8f0; border-radius:999px; padding:4px 11px; background:#fff; }
.auc-ebadge-weight { color:#6b7280; }
.auc-ebadge-id { color:#94a3b8; font-weight:600; letter-spacing:.06em; }

/* scenario + question boxes (elite) */
.auc-scenario-box { border:1px solid #e2e8f0; border-left:4px solid #3cc0c6; border-radius:10px; background:#fafdfd; padding:14px 16px; margin:14px 0; }
.auc-scenario-box-label { font-size:10.5px; font-weight:700; letter-spacing:.1em; color:#2a9fa4; margin-bottom:6px; }
.auc-scenario-box-text { font-size:14.5px; line-height:1.7; color:#1e293b; font-family:'IBM Plex Sans',sans-serif; }
.auc-q-box { margin:10px 0 4px; }
.auc-q-label { font-size:10.5px; font-weight:700; letter-spacing:.1em; color:#0b0b0b; margin-bottom:6px; }
.auc-q-text { font-size:16px; line-height:1.65; color:#0b0b0b; font-weight:500; font-family:'IBM Plex Sans',sans-serif; }
[dir="rtl"] .auc-scenario-box { border-left:1px solid #e2e8f0; border-right:4px solid #3cc0c6; }

/* ═══════════════════════════════
   v2.3 — PROFESSIONAL LANDING PAGE
═══════════════════════════════ */
.auc-landing { background:#ffffff; color:#0b1220; max-width:none; padding:0 0 60px; }
.auc-landing * { box-sizing:border-box; }
[dir="rtl"].auc-landing, [dir="rtl"] .auc-landing,
[dir="rtl"] .auc-hero-title, [dir="rtl"] .auc-section-title, [dir="rtl"] .auc-hero-sub,
[dir="rtl"] .auc-area-name, [dir="rtl"] .auc-area-desc, [dir="rtl"] .auc-step-title,
[dir="rtl"] .auc-step-desc, [dir="rtl"] .auc-final-cta-title, [dir="rtl"] .auc-final-cta-sub,
[dir="rtl"] .auc-hero-btn, [dir="rtl"] .auc-nav-name { font-family:'Cairo','IBM Plex Sans',sans-serif; }

/* nav */
.auc-nav { max-width:1080px; margin:0 auto; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; }
.auc-nav-brand { display:flex; align-items:center; gap:9px; font-weight:700; letter-spacing:.16em; font-size:14px; }
.auc-nav-logo { color:#3cc0c6; font-size:16px; }
.auc-nav-name { font-family:'IBM Plex Mono',monospace; }
.auc-nav-right { display:flex; align-items:center; gap:14px; }
.auc-nav-tagline { font-size:11px; color:#64748b; letter-spacing:.12em; text-transform:uppercase; }

/* hero */
.auc-hero { position:relative; max-width:880px; margin:0 auto; padding:60px 24px 56px; text-align:center;
  background:radial-gradient(120% 120% at 50% 0%, #f0fdfd 0%, #ffffff 55%); border-radius:0 0 28px 28px; }
.auc-hero-eyebrow { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.18em; color:#2a9fa4;
  background:#e8f9fa; border:1px solid #bfeef0; border-radius:999px; padding:6px 14px; margin-bottom:22px; }
.auc-hero-title { font-size:48px; line-height:1.1; font-weight:800; letter-spacing:-.02em; margin:0 0 18px;
  font-family:'IBM Plex Sans',sans-serif; }
.auc-hero-sub { font-size:17px; line-height:1.7; color:#475569; max-width:640px; margin:0 auto 26px;
  font-family:'IBM Plex Sans',sans-serif; }
.auc-hero-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-bottom:30px; font-size:13.5px; color:#334155; font-weight:500; }
.auc-hero-cta { display:flex; flex-direction:column; align-items:center; gap:12px; }
.auc-hero-btn { font-size:16px !important; padding:15px 34px !important; border-radius:12px !important; font-weight:700 !important;
  box-shadow:0 10px 26px rgba(60,192,198,.30); }
.auc-hero-btn:hover { transform:translateY(-1px); }
.auc-hero-cta-note { font-size:12.5px; color:#64748b; }

/* stats band */
.auc-stats { max-width:1000px; margin:44px auto 8px; padding:0 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.auc-stat { border:1.5px solid #e2e8f0; border-radius:14px; padding:22px 16px; text-align:center; background:#fff; }
.auc-stat-num { font-size:34px; font-weight:800; color:#0b1220; line-height:1; font-family:'IBM Plex Sans',sans-serif; }
.auc-stat-num::after { content:""; }
.auc-stat-label { font-size:12px; color:#64748b; margin-top:8px; letter-spacing:.04em; }

/* section heads */
.auc-section-head { max-width:1000px; margin:56px auto 22px; padding:0 24px; }
.auc-section-kicker { font-size:11px; font-weight:700; letter-spacing:.16em; color:#3cc0c6; margin-bottom:8px; }
.auc-section-title { font-size:28px; font-weight:800; letter-spacing:-.01em; margin:0; font-family:'IBM Plex Sans',sans-serif; }

/* area cards */
.auc-areas { max-width:1000px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.auc-area-card { border:1.5px solid #e2e8f0; border-radius:14px; padding:22px; background:#fff; transition:border-color .2s, box-shadow .2s, transform .2s; }
.auc-area-card:hover { border-color:#3cc0c6; box-shadow:0 8px 24px rgba(60,192,198,.12); transform:translateY(-2px); }
.auc-area-count { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px;
  background:#0b1220; color:#fff; border-radius:10px; font-size:18px; font-weight:800; margin-bottom:14px; font-family:'IBM Plex Sans',sans-serif; }
.auc-area-name { font-size:17px; font-weight:700; margin-bottom:6px; }
.auc-area-desc { font-size:14px; color:#64748b; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; }

/* steps */
.auc-steps { max-width:1000px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.auc-step { display:flex; gap:14px; align-items:flex-start; border:1.5px solid #e2e8f0; border-radius:14px; padding:20px; background:#fafdfd; }
.auc-step-num { flex:none; width:34px; height:34px; border-radius:50%; background:#3cc0c6; color:#fff; font-weight:800;
  display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Sans',sans-serif; }
.auc-step-title { font-size:15.5px; font-weight:700; margin-bottom:5px; }
.auc-step-desc { font-size:13.5px; color:#64748b; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; }

/* context */
.auc-context-card { max-width:1000px; margin:0 auto; padding:24px 28px; border:1.5px solid #e2e8f0; border-radius:16px;
  display:grid; grid-template-columns:1fr 1fr; gap:28px; background:#fff; }
.auc-context-col .auc-col-label { font-size:11px; font-weight:700; letter-spacing:.1em; color:#3cc0c6; margin-bottom:12px; }
.auc-context-card .auc-row { display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-bottom:1px dashed #eef2f6; font-size:14px; }

/* final cta */
.auc-final-cta { max-width:760px; margin:56px auto 0; padding:44px 28px; text-align:center;
  background:linear-gradient(135deg,#0b1220 0%,#143e40 100%); border-radius:20px; color:#fff; }
.auc-final-cta-title { font-size:28px; font-weight:800; margin:0 0 10px; font-family:'IBM Plex Sans',sans-serif; }
.auc-final-cta-sub { font-size:15px; color:#b9c7cb; margin:0 0 24px; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; }
.auc-final-cta .auc-hero-btn { box-shadow:0 10px 26px rgba(60,192,198,.4); }

/* footer */
.auc-foot { max-width:1000px; margin:40px auto 0; padding:0 24px; text-align:center; font-size:12px; color:#94a3b8; }

/* responsive */
@media (max-width:860px){
  .auc-hero-title { font-size:34px; }
  .auc-stats { grid-template-columns:repeat(2,1fr); }
  .auc-areas, .auc-steps { grid-template-columns:1fr; }
  .auc-context-card { grid-template-columns:1fr; gap:18px; }
}

/* ═══════════════════════════════
   v2.5 — SETUP (type + role), SERVICES, TEAM, TIPS
═══════════════════════════════ */
.auc-setup { max-width:1000px; margin:0 auto; padding:10px 24px 40px; }
.auc-setup-head { text-align:center; margin:28px 0 26px; }
.auc-setup-kicker { font-size:11px; font-weight:700; letter-spacing:.16em; color:#3cc0c6; margin-bottom:8px; }
.auc-setup-title { font-size:30px; font-weight:800; margin:0; letter-spacing:-.01em; font-family:'IBM Plex Sans',sans-serif; }
.auc-setup-sub { font-size:15px; color:#64748b; margin:10px 0 0; font-family:'IBM Plex Sans',sans-serif; }
.auc-choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; max-width:760px; margin:0 auto; }
.auc-choice-grid.auc-choice-3 { grid-template-columns:repeat(3,1fr); max-width:980px; }
.auc-choice-card { text-align:left; border:1.5px solid #e2e8f0; border-radius:16px; padding:24px 22px; background:#fff; cursor:pointer;
  transition:border-color .2s, box-shadow .2s, transform .2s; display:flex; flex-direction:column; gap:8px; font-family:inherit; }
.auc-choice-card:hover { border-color:#3cc0c6; box-shadow:0 10px 28px rgba(60,192,198,.14); transform:translateY(-2px); }
.auc-choice-tag { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; background:#0b1220; color:#fff;
  border-radius:11px; font-size:20px; margin-bottom:6px; }
.auc-choice-title { font-size:19px; font-weight:800; letter-spacing:-.01em; font-family:'IBM Plex Sans',sans-serif; color:#0b1220; }
.auc-choice-desc { font-size:13.5px; color:#64748b; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; }
.auc-choice-meta { margin-top:6px; font-size:11.5px; font-weight:700; color:#2a9fa4; background:#e8f9fa; border:1px solid #bfeef0;
  border-radius:999px; padding:5px 11px; align-self:flex-start; }
.auc-back-link { background:none; border:none; color:#64748b; font-size:13px; cursor:pointer; font-family:inherit; padding:4px 0; margin-bottom:6px; }
.auc-back-link:hover { color:#3cc0c6; }
[dir="rtl"] .auc-choice-card, [dir="rtl"] .auc-setup { text-align:right; }
[dir="rtl"] .auc-choice-meta { align-self:flex-end; }

/* tips (head role) */
.auc-tips { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:6px 0 14px; padding:10px 12px;
  background:#fffbeb; border:1px solid #fde68a; border-radius:10px; }
.auc-tips-label { font-size:11px; font-weight:700; color:#b45309; letter-spacing:.04em; }
.auc-tip-chip { font-size:11px; font-weight:600; color:#92400e; background:#fef3c7; border:1px solid #fcd34d; border-radius:999px; padding:3px 9px; }

/* team band + services grid (landing) */
.auc-team-band { max-width:1000px; margin:0 auto 18px; padding:18px 22px; border:1.5px solid #e2e8f0; border-radius:14px;
  display:flex; align-items:center; justify-content:space-between; gap:14px; background:#fff; flex-wrap:wrap; }
.auc-team-band-text { font-size:17px; font-weight:700; color:#0b1220; font-family:'IBM Plex Sans',sans-serif; }
.auc-link-btn { display:inline-block; text-decoration:none; font-family:inherit; font-weight:700; font-size:13px; letter-spacing:.03em;
  background:#0b1220; color:#fff !important; border-radius:10px; padding:11px 20px; transition:transform .15s, background .15s; white-space:nowrap; }
.auc-link-btn:hover { background:#143e40; transform:translateY(-1px); }
.auc-link-btn.auc-link-teal { background:#3cc0c6; box-shadow:0 8px 20px rgba(60,192,198,.28); }
.auc-link-btn.auc-link-teal:hover { background:#2a9fa4; }
.auc-svc-grid { max-width:1000px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.auc-svc-card { border:1.5px solid #e2e8f0; border-radius:14px; padding:18px; background:#fff; transition:border-color .2s, box-shadow .2s; }
.auc-svc-card:hover { border-color:#3cc0c6; box-shadow:0 8px 22px rgba(60,192,198,.10); }
.auc-svc-card-title { font-size:14px; font-weight:800; color:#0b1220; margin-bottom:10px; font-family:'IBM Plex Sans',sans-serif;
  padding-bottom:8px; border-bottom:2px solid #e8f9fa; }
.auc-svc-li { font-size:12.5px; color:#475569; line-height:1.9; font-family:'IBM Plex Sans',sans-serif; }
.auc-svc-cta { max-width:1000px; margin:22px auto 0; padding:0 24px; text-align:center; }
@media (max-width:860px){
  .auc-choice-grid, .auc-choice-grid.auc-choice-3 { grid-template-columns:1fr; }
  .auc-svc-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px){ .auc-svc-grid { grid-template-columns:1fr; } }

/* ═══════════════════════════════
   v2.5.2 — FULL MOBILE RESPONSIVE PASS (landing + setup + challenge)
═══════════════════════════════ */
@media (max-width:768px){
  /* nav */
  .auc-nav { padding:14px 16px; }
  .auc-nav-tagline { display:none; }
  /* hero */
  .auc-hero { padding:44px 18px 40px; border-radius:0 0 20px 20px; }
  .auc-hero-eyebrow { font-size:10px; letter-spacing:.12em; padding:5px 11px; margin-bottom:18px; }
  .auc-hero-title { font-size:30px; line-height:1.15; }
  .auc-hero-sub { font-size:15px; margin-bottom:22px; }
  .auc-hero-meta { gap:10px 14px; font-size:12.5px; margin-bottom:24px; }
  .auc-hero-btn { width:100%; max-width:340px; }
  /* sections */
  .auc-section-head { margin:40px auto 16px; }
  .auc-section-title { font-size:22px; }
  .auc-section-kicker { font-size:10px; }
  /* stats: keep 2-up but tighter */
  .auc-stats { gap:10px; margin-top:30px; }
  .auc-stat { padding:16px 10px; border-radius:12px; }
  .auc-stat-num { font-size:26px; }
  .auc-stat-label { font-size:11px; }
  /* areas / steps already 1-col at 860 */
  .auc-area-card, .auc-step { padding:18px; }
  /* team band → stack, full-width button */
  .auc-team-band { flex-direction:column; align-items:stretch; gap:12px; padding:16px 18px; }
  .auc-team-band-text { font-size:16px; text-align:center; }
  .auc-team-band .auc-link-btn { width:100%; text-align:center; }
  /* services cta full width */
  .auc-svc-cta .auc-link-btn { display:block; width:100%; }
  /* final cta */
  .auc-final-cta { padding:34px 18px; margin-top:40px; border-radius:16px; }
  .auc-final-cta-title { font-size:23px; }
  .auc-final-cta-sub { font-size:14px; }
  /* setup */
  .auc-setup-title { font-size:24px; }
  .auc-setup-sub { font-size:14px; }
  .auc-choice-card { padding:20px 18px; }
  .auc-choice-title { font-size:18px; }
  /* challenge topbar: allow wrap, shrink */
  .auc-topbar { padding:12px 14px; flex-wrap:wrap; gap:8px; }
  .auc-topbar-left { gap:8px; flex-wrap:wrap; }
  .auc-topbar-title { font-size:11px; }
  .auc-topbar-progress { font-size:11px; }
  .auc-topbar-right { gap:10px; }
  .auc-timer { font-size:18px; }
  .auc-main { padding:18px 16px; }
  .auc-q-text { font-size:15px; }
  .auc-scenario-box-text { font-size:14px; }
}

@media (max-width:430px){
  .auc-hero-title { font-size:25px; }
  .auc-section-title { font-size:20px; }
  .auc-stats { grid-template-columns:1fr 1fr; }
  .auc-final-cta-title { font-size:21px; }
  .auc-nav-brand { font-size:13px; letter-spacing:.12em; }
}

/* ═══════════════════════════════
   v2.7 — PROMOTION GATE · STAGE QUOTE · ANSWER HINT
═══════════════════════════════ */
.auc-gate { max-width:460px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.auc-gate-input { border:1.5px solid #cbd5e1; border-radius:10px; padding:13px 15px; font-family:inherit; font-size:14px;
  background:#fff; color:#0b1220; outline:none; transition:border .15s; }
.auc-gate-input:focus { border-color:#3cc0c6; }
.auc-gate-msg { font-size:13px; color:#ef4444; font-family:'IBM Plex Sans',sans-serif; }
.auc-gate-note { font-size:12px; color:#94a3b8; line-height:1.6; font-family:'IBM Plex Sans',sans-serif; margin-top:4px; }
[dir="rtl"] .auc-gate-input { text-align:right; }

.auc-need-more { margin-top:10px; font-size:12.5px; color:#b45309; background:#fffbeb; border:1px solid #fde68a;
  border-radius:8px; padding:8px 12px; font-family:'IBM Plex Sans',sans-serif; display:inline-block; }

/* stage quote modal */
.auc-quote-overlay { position:fixed; inset:0; z-index:9999; background:rgba(11,18,32,.62); backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center; padding:20px; animation:aucFadeIn .25s ease; }
.auc-quote-card { background:#fff; border-radius:20px; max-width:440px; width:100%; padding:34px 30px; text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.3); border-top:5px solid #3cc0c6; }
.auc-quote-emoji { font-size:42px; line-height:1; margin-bottom:12px; }
.auc-quote-stage { font-size:12px; font-weight:700; letter-spacing:.08em; color:#2a9fa4; text-transform:uppercase; margin-bottom:12px;
  font-family:'IBM Plex Mono',monospace; }
.auc-quote-text { font-size:19px; line-height:1.6; font-weight:600; color:#0b1220; margin-bottom:22px;
  font-family:'IBM Plex Sans',sans-serif; }
[dir="rtl"] .auc-quote-text { font-family:'Cairo','IBM Plex Sans',sans-serif; }
.auc-quote-btn { width:100%; }