/* =========================================================================
   DIRECTION A  ·  Editorial paper / ink / blue  ·  THEME LAYER
   Loads AFTER wizard-split.css. Part 1 redefines the --wizard-* design tokens
   so every token-based rule across all 9 steps flips to the light palette
   automatically. Part 2 restyles the shared primitives + step 1 for the full
   editorial treatment. Per-step components are polished one at a time.
   ========================================================================= */

/* ---- Part 1: token flip (recolors/reshapes the whole wizard) ---- */
:root{
  --wizard-primary:#1A66C9;
  --wizard-primary-hover:#134A91;
  --wizard-primary-light:rgba(26,102,201,0.10);
  --wizard-success:#1F8A5B;
  --wizard-success-hover:#176B47;
  --wizard-warning:#C77A12;
  --wizard-danger:#C0392B;
  --wizard-info:#1A66C9;
  --step-pending:#B8B7B0;
  --step-active:var(--wizard-primary);
  --step-completed:var(--wizard-success);
  --wizard-bg:#FAFAF7;
  --wizard-card-bg:#FFFFFF;
  --wizard-border:#E4E3DC;
  --wizard-text:#0B0B0B;
  --wizard-text-secondary:#3A3A38;
  --wizard-text-muted:#7C7C77;
  --wizard-shadow:4px 4px 0 rgba(11,11,11,.08);
  --wizard-shadow-lg:8px 8px 0 rgba(11,11,11,.12);
  --wizard-radius:0px;
  --wizard-radius-sm:0px;
  --wizard-radius-full:9999px;

  /* editorial-only aliases used by the overrides below */
  --paper:#FAFAF7; --paper-card:#FFFFFF; --ink:#0B0B0B; --ink-card:#0A0A0A;
  --on-ink:#FAFAF7; --on-ink-muted:rgba(250,250,247,.62);
  --blue-bright:#4A9FD4; --line:#E4E3DC; --line-ink:rgba(250,250,247,.16);
  --shadow-hard:8px 8px 0 var(--ink); --shadow-hard-blue:8px 8px 0 var(--wizard-primary);
  --t:.22s cubic-bezier(.2,.7,.3,1);
}
body{background:var(--paper);color:var(--ink);font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* ---- Part 2: shared primitives + step 1 ---- */

/* Header */
.onboarding-header{background:var(--paper);border-bottom:1.5px solid var(--ink);padding:1rem clamp(1rem,4vw,2.5rem)}
.header-logo{align-items:baseline}
.header-logo .logo{font-family:"Anton",sans-serif;font-size:1.45rem;letter-spacing:.06em;color:var(--ink)}
.header-logo .logo-slash{color:var(--wizard-primary);animation:none}
.header-logo .sub-brand{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.66rem;font-weight:600;color:var(--wizard-text-muted);margin-left:0;padding-left:.85rem;border-left:1.5px solid var(--line)}
.btn-icon{width:auto;height:auto;border-radius:0;border:1.5px solid var(--ink);background:none;color:var(--ink);font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:600;padding:.5rem .9rem}
.btn-icon:hover{background:var(--ink);color:var(--paper)}

/* Container */
.onboarding-container{max-width:1140px;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,2.5rem) 4rem}

/* Progress (numbered editorial rail) */
.wizard-progress{display:block;background:none;border:none;border-radius:0;padding:0;margin-bottom:clamp(1.5rem,4vw,2.5rem)}
.wizard-progress-track{display:flex;align-items:flex-end;border-bottom:1.5px solid var(--line)}
.wizard-step-indicator{flex:1;flex-direction:column;align-items:flex-start;gap:.3rem;padding:0 0 .85rem;position:relative;min-width:0;cursor:pointer}
.wizard-step-indicator::after{content:"";position:absolute;left:0;right:auto;top:auto;bottom:-1.5px;width:0;height:1.5px;background:var(--wizard-primary);transition:width .4s ease}
.wizard-step-indicator.active::after,.wizard-step-indicator.completed::after{width:100%}
.wizard-step-circle{width:auto;height:auto;border:none;border-radius:0;background:none;box-shadow:none;font-family:"Oswald",sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.04em;color:var(--wizard-text-muted)}
.wizard-step-indicator.active .wizard-step-circle{background:none;color:var(--wizard-primary);box-shadow:none}
.wizard-step-indicator.completed .wizard-step-circle{background:none;color:var(--wizard-text-secondary)}
.wizard-step-indicator:hover .wizard-step-circle{transform:none;box-shadow:none}
.wizard-step-label{margin-top:.15rem;max-width:none;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;font-weight:500;color:var(--wizard-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wizard-step-indicator.active .wizard-step-label{color:var(--ink);font-weight:600}
.wizard-step-indicator.completed .wizard-step-label{color:var(--wizard-text-secondary)}

/* Step shell (open paper, no card) */
.wizard-step-content{background:none;border:none;border-radius:0;box-shadow:none;padding:0}
.step-header{margin-bottom:clamp(1.5rem,4vw,2.5rem)}
.step-eyebrow{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.22em;font-weight:600;font-size:.72rem;color:var(--wizard-primary);margin-bottom:1rem}
.wizard-step-content h2{font-family:"Anton",sans-serif;font-weight:400;letter-spacing:-.015em;line-height:.96;font-size:clamp(2.4rem,6vw,4rem);color:var(--ink);margin-bottom:1.1rem}
.wizard-step-content>p,.step-header p,.step-description{font-size:1.06rem;color:var(--wizard-text-secondary);max-width:620px;line-height:1.55;margin-bottom:clamp(1.5rem,4vw,2.5rem)}

/* Plan cards */
.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:none;align-items:start;margin-bottom:0}
.plan-card{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:0;padding:1.9rem 1.6rem;position:relative;transition:transform var(--t),box-shadow var(--t);color:var(--ink)}
.plan-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hard)}
.plan-card.selected{box-shadow:var(--shadow-hard-blue)}
.plan-card.selected:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hard-blue)}
.plan-card.popular{background:var(--ink-card);border-color:var(--ink-card);transform:none;color:var(--on-ink)}
.plan-card.popular:hover,.plan-card.popular.selected{box-shadow:var(--shadow-hard-blue)}
.plan-badge{position:absolute;top:-14px;left:1.6rem;transform:none;background:var(--wizard-primary);color:#fff;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:700;padding:.4rem .85rem;border-radius:0}
.plan-icon,.plan-subtitle{display:none}
.plan-label{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:600;color:var(--wizard-primary);margin-bottom:.7rem}
.plan-card.popular .plan-label{color:var(--blue-bright)}
.plan-name{font-family:"Anton",sans-serif;font-size:2rem;letter-spacing:.01em;color:var(--ink);line-height:1;margin-bottom:.6rem}
.plan-card.popular .plan-name{color:var(--on-ink)}
.plan-price{font-family:"Anton",sans-serif;font-size:3.4rem;line-height:.9;color:var(--ink);margin-bottom:.1rem}
.plan-card.popular .plan-price{color:var(--on-ink)}
.plan-period{font-family:"Space Grotesk",sans-serif;font-size:.86rem;color:var(--wizard-text-muted);margin-bottom:0}
.plan-card.popular .plan-period{color:var(--on-ink-muted)}
.plan-outcome{font-size:.92rem;line-height:1.45;color:var(--wizard-text-secondary);padding:.9rem 0 1rem;margin-top:.9rem;border-top:1px solid var(--line)}
.plan-card.popular .plan-outcome{color:var(--on-ink-muted);border-top-color:var(--line-ink)}
.plan-features{list-style:none;padding:0;margin:0}
.plan-features li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.4;color:var(--ink);padding:.62rem 0;border-bottom:1px solid var(--line)}
.plan-features li:last-child{border-bottom:none}
.plan-card.popular .plan-features li{color:var(--on-ink);border-bottom-color:var(--line-ink)}
.plan-features li i{color:var(--wizard-primary);font-size:.7rem;margin-right:0;margin-top:.28rem;flex:0 0 auto}
.plan-card.popular .plan-features li i{color:var(--blue-bright)}

/* Consult line */
.consult{display:flex;align-items:center;gap:1.25rem;margin:2.5rem 0;color:var(--wizard-text-secondary);font-size:.95rem}
.consult::before,.consult::after{content:"";flex:1;height:1px;background:var(--line)}
.consult a{color:var(--wizard-primary);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--wizard-primary)}
.consult a:hover{color:var(--ink);border-color:var(--ink)}

/* Goal selection */
.goal-selection{margin-top:.5rem}
.goal-eyebrow{display:block;margin-bottom:.6rem}
.goal-title{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.01em;color:var(--ink);margin-bottom:.4rem}
.goal-sub{color:var(--wizard-text-muted);font-size:.95rem;margin-bottom:1.4rem}
.goal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.goal-card{background:var(--paper-card);border:1.5px solid var(--line);border-radius:0;padding:1.25rem 1.3rem;cursor:pointer;transition:var(--t);position:relative}
.goal-card:hover{border-color:var(--ink)}
.goal-card.selected{border-color:var(--ink);box-shadow:var(--shadow-hard-blue);background:var(--paper-card)}
.goal-mark{position:absolute;top:1rem;right:1rem;width:18px;height:18px;color:var(--wizard-primary);opacity:0;transition:var(--t)}
.goal-mark i{font-size:1rem}
.goal-card.selected .goal-mark{opacity:1}
.goal-name{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.92rem;color:var(--ink);margin-bottom:.5rem}
.goal-desc{font-size:.86rem;line-height:1.45;color:var(--wizard-text-secondary)}

/* Order summary (payment) */
.payment-order-summary{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:0;max-width:520px}
.order-summary-plan{color:var(--wizard-primary);font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.order-summary-row.total .order-summary-value{color:var(--ink)}

/* Navigation + buttons */
.wizard-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.75rem;padding-top:1.6rem;border-top:1.5px solid var(--ink)}
.wizard-btn{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.84rem;border-radius:0;border:1.5px solid var(--ink);padding:.95rem 1.6rem;display:inline-flex;align-items:center;gap:.6rem;transition:var(--t)}
.wizard-btn-secondary{background:none;color:var(--ink)}
.wizard-btn-secondary:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wizard-btn-primary{background:var(--ink);color:var(--paper)}
.wizard-btn-primary:hover:not(:disabled){background:var(--wizard-primary);border-color:var(--wizard-primary);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.wizard-btn-success{background:var(--wizard-success);border-color:var(--wizard-success);color:#fff}
.reassure{margin-top:1.1rem;font-size:.8rem;color:var(--wizard-text-muted);text-align:right}

/* Responsive */
@media (max-width:880px){
  .plan-cards,.goal-cards{grid-template-columns:1fr}
  .wizard-progress-track{overflow-x:auto;scrollbar-width:none}
  .wizard-progress-track::-webkit-scrollbar{display:none}
  .wizard-step-indicator{min-width:84px;padding:0 0 .85rem}
}
@media (max-width:520px){
  .wizard-navigation{flex-direction:column-reverse;align-items:stretch}
  .wizard-btn{justify-content:center;width:100%}
  .reassure{text-align:center}
  .consult{flex-direction:column;gap:.85rem;text-align:center}
  .consult::before,.consult::after{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* =========================================================================
   Part 3: per-step polish (steps 2-9). Targets hardcoded purple gradients/
   tints and dark-card chrome the token flip cannot reach. CSS-only, no JS.
   ========================================================================= */

/* Form inputs: paper + ink, square, blue focus (kills the faint purple fill) */
.wizard-step-content .form-input,.wizard-input,.business-name-input,.url-input,
.review-description-textarea,.hex-input-field,.address-autocomplete-input,
.location-card-review input[type=text]{
  background:var(--paper-card)!important;border:1.5px solid var(--line)!important;
  border-radius:0!important;color:var(--ink)!important;
}
.wizard-step-content .form-input:focus,.wizard-input:focus,.business-name-input:focus,
.url-input:focus,.review-description-textarea:focus,.address-autocomplete-input:focus{
  border-color:var(--wizard-primary)!important;box-shadow:0 0 0 3px rgba(26,102,201,.15)!important;background:var(--paper-card)!important;
}
.url-input-group{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:0}
.url-input-group:focus-within{border-color:var(--wizard-primary);box-shadow:0 0 0 3px rgba(26,102,201,.15)}
.url-prefix{background:var(--paper);border-right:1.5px solid var(--line);color:var(--wizard-text-muted)}
.url-example,.platform-btn{background:var(--paper-card);border:1.5px solid var(--line);border-radius:0;color:var(--wizard-text-secondary)}
.url-example:hover,.platform-btn:hover{border-color:var(--ink);color:var(--ink)}

/* Step 3: scraping (token flip handles globe/ring/dots; refine surfaces) */
.scraping-visual,.scraping-feed{background:var(--paper-card);border:1.5px solid var(--line);border-radius:0}
.scraping-globe{box-shadow:none}
.scraping-stat-value{color:var(--wizard-primary)}

/* Step 5: review knowledge sections + scan summary */
.knowledge-section{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:0}
.knowledge-item{background:var(--paper);border-radius:0}
.knowledge-item-value.editable:hover{background:rgba(26,102,201,.06);border-color:var(--wizard-primary)}
.scan-summary{background:var(--paper-card)!important;border:1.5px solid var(--ink)!important;border-radius:0}
.scan-summary-title{color:var(--wizard-primary)}
.add-info-btn{border:1.5px dashed var(--line);border-radius:0;color:var(--wizard-text-muted)}
.add-info-btn:hover{border-color:var(--ink);color:var(--ink)}

/* Step 7 (Actions/CTA): kill purple gradients on cards + icons */
.cta-option-card{background:var(--paper-card);border:1.5px solid var(--line);border-radius:0}
.cta-option-card:hover{border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.cta-option-card.selected{border-color:var(--ink);background:rgba(26,102,201,.06);box-shadow:var(--shadow-hard-blue)}
.cta-option-icon{background:var(--wizard-primary)!important;border-radius:0}
.cta-option-check{background:var(--wizard-primary)}
.cta-input-section,.notif-email-card{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:0}
.cta-summary,.cta-preview-card{background:rgba(26,102,201,.06)!important;border:1.5px solid var(--line)!important;border-radius:0}

/* Step 9 (Go Live): accordion + cards square with ink rules */
.launch-section{border:1.5px solid var(--ink)!important;border-radius:0!important;background:var(--paper-card)!important}
.launch-section-header i:first-child,.notif-email-card .form-label i{color:var(--wizard-primary)}
.code-block{border:1.5px solid var(--ink);border-radius:0}

/* Modals: square + paper (token flip colors them; fix radius/over-dark) */
.platform-modal{border-radius:0;border:1.5px solid var(--ink)}
.platform-modal-header,.platform-modal-body{background:var(--paper-card)}

/* =========================================================================
   Part 4: finale arrival (post-submit success block, #launchPostSubmission)
   ========================================================================= */
.success-section{text-align:left;padding:0}
.arrival-top{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;margin-bottom:3rem}
@media (max-width:880px){.arrival-top{grid-template-columns:1fr;gap:2rem}}
.arrival-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.22em;font-weight:600;font-size:.72rem;color:var(--wizard-primary);margin-bottom:1rem}
.arrival-eyebrow .adot{width:8px;height:8px;border-radius:50%;background:var(--wizard-primary);animation:arrPulse 1.6s infinite}
@keyframes arrPulse{0%,100%{opacity:1}50%{opacity:.3}}
.arrival-title{font-family:"Anton",sans-serif;font-weight:400;letter-spacing:-.015em;line-height:.96;font-size:clamp(2.4rem,6vw,4rem);color:var(--ink);margin:0 0 1.1rem}
.success-subtitle{font-size:1.06rem;color:var(--wizard-text-secondary);max-width:520px;line-height:1.55;margin:0}

.agent-card{background:var(--ink-card);color:var(--on-ink);border:1.5px solid var(--ink);border-radius:0;padding:1.6rem;box-shadow:var(--shadow-hard-blue)}
.agent-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-ink);padding-bottom:1rem;margin-bottom:1.1rem}
.agent-status{display:inline-flex;align-items:center;gap:.5rem;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;font-weight:600;color:var(--blue-bright)}
.agent-status .adot{width:8px;height:8px;border-radius:50%;background:var(--blue-bright);animation:arrPulse 1.6s infinite}
.agent-id{font-family:"Oswald",sans-serif;letter-spacing:.1em;font-size:.6rem;color:var(--on-ink-muted)}
.agent-name{font-family:"Anton",sans-serif;font-size:2rem;line-height:1;letter-spacing:.01em;margin-bottom:.35rem;color:var(--on-ink)}
.agent-role{font-size:.88rem;color:var(--on-ink-muted);margin-bottom:1.1rem}
.agent-bubble{background:rgba(250,250,247,.06);border:1px solid var(--line-ink);border-radius:0;padding:.85rem 1rem;font-size:.9rem;line-height:1.45;color:var(--on-ink);margin-bottom:1.2rem}
.agent-channels{display:flex;gap:.5rem;flex-wrap:wrap}
.agent-channels .chan{display:inline-flex;align-items:center;gap:.4rem;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:600;padding:.35rem .6rem;border:1px solid var(--line-ink);color:var(--on-ink)}
.agent-channels .chan .cdot{width:6px;height:6px;border-radius:50%;background:var(--blue-bright)}
.agent-channels .chan.pending{color:var(--on-ink-muted)}

.arrival-sec-head{margin:0 0 1.4rem}
.arrival-sec-title{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em;color:var(--ink);margin-top:.4rem}

/* next-step tiles editorial */
.next-steps-grid{margin-top:2rem}
.next-step-card{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:0}
.next-step-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hard);border-color:var(--ink)}
.next-step-icon{background:var(--wizard-primary);color:#fff;border-radius:0}
.next-step-title{color:var(--ink)}
.next-step-desc{color:var(--wizard-text-muted)}

/* submission status panel */
#submissionStatusSection{background:var(--paper-card)!important;border:1.5px solid var(--ink)!important;border-radius:0!important}
#submissionIdDisplay{background:rgba(11,11,11,.06)!important;color:var(--wizard-text-secondary)!important}

/* Google Places autocomplete dropdown: light editorial (was dark in wizard-split.css) */
gmp-place-autocomplete{
  --gmpx-color-surface:#FFFFFF;
  --gmpx-color-on-surface:#0B0B0B;
  --gmpx-color-on-surface-variant:#7C7C77;
  --gmpx-color-primary:#1A66C9;
  --gmpx-color-outline:#E4E3DC;
  --gmpx-font-family-base:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
  border-radius:0!important;
}