/* =====================================================================
   V46 — AI section dark-mode redesign + icon fix
   - Activates inline SVG icon system through body class
   - Recolors AI-Powered Delivery to match comparison dark palette
   - Cleans and strengthens icon rendering
   ===================================================================== */

:root{
  --v46-bg:#07090f;
  --v46-surface:#0d1524;
  --v46-surface-2:#10254a;
  --v46-surface-3:#0f2238;
  --v46-border:rgba(255,255,255,.10);
  --v46-text:#ffffff;
  --v46-muted:rgba(255,255,255,.72);
  --v46-soft:rgba(255,255,255,.58);
  --v46-purple:#7c3aed;
  --v46-blue:#56a8ff;
  --v46-green:#22c55e;
  --v46-gold:#f0c979;
}

/* enforce icon system */
.ibtdi-v44-icons .ibtdi-svg-icon{
  width:1em;
  height:1em;
  display:inline-block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.ibtdi-v44-icons .ibtdi-svg-solid path{fill:currentColor;stroke:none;}

/* section palette */
.ibtdi_ai_blueprint{
  background:
    radial-gradient(circle at 15% 0%, rgba(86,168,255,.16), transparent 34%),
    radial-gradient(circle at 85% 10%, rgba(124,58,237,.12), transparent 28%),
    linear-gradient(180deg,#07090f 0%, #08101e 100%) !important;
  color:var(--v46-text);
}
.ai42_grid{
  opacity:.44 !important;
  background-image:
    linear-gradient(rgba(86,168,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(86,168,255,.06) 1px, transparent 1px) !important;
}
.ai42_orb_one{background:radial-gradient(circle,rgba(86,168,255,.14),transparent 68%) !important;}
.ai42_orb_two{background:radial-gradient(circle,rgba(124,58,237,.14),transparent 68%) !important;}

.ai42_eyebrow{
  border-color:rgba(240,201,121,.24) !important;
  background:rgba(240,201,121,.08) !important;
  color:var(--v46-gold) !important;
}
.ai42_heading h2,
.ai42_heading h2 em,
.ai42_context strong,
.ai42_stage h3,
.ai42_output_copy h3,
.ai42_blueprint_title strong,
.ai42_live_state,
.ai42_status_badge,
.ai42_output_title,
.ai42_brief_title{color:var(--v46-text) !important;}
.ai42_heading h2 em{color:#8dc3ff !important;}
.ai42_heading p,
.ai42_context p,
.ai42_stage p,
.ai42_output_copy p,
.ai42_promise,
.ai42_brief_text,
.ai42_run small,
.ai42_stage_footer b{color:var(--v46-muted) !important;}
.ai42_context span,
.ai42_stage_kicker,
.ai42_output_copy>span,
.ai42_picker_title,
.ai42_blueprint_title small,
.ai42_stage_footer span,
.ai42_promise span{color:#d4e5ff !important;}

.ai42_controlbar,
.ai42_blueprint{
  border:1px solid var(--v46-border) !important;
  background:rgba(255,255,255,.04) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(14px);
}
.ai42_blueprint{
  background:linear-gradient(180deg, rgba(16,21,36,.92), rgba(9,16,30,.94)) !important;
}
.ai42_blueprint_top{border-bottom-color:rgba(255,255,255,.08) !important;}
.ai42_window_dots{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.04) !important;
}
.ai42_window_dots i:nth-child(1){background:var(--v46-green) !important; box-shadow:0 0 12px rgba(34,197,94,.38) !important;}
.ai42_window_dots i:nth-child(2){background:var(--v46-blue) !important;}
.ai42_window_dots i:nth-child(3){background:var(--v46-purple) !important;}
.ai42_status_badge{
  border-color:rgba(34,197,94,.20) !important;
  background:rgba(34,197,94,.10) !important;
}
.ai42_status_badge>span{background:var(--v46-green) !important; box-shadow:0 0 0 6px rgba(34,197,94,.10),0 0 14px rgba(34,197,94,.45) !important;}

.ai42_tabs{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.03) !important;
}
.ai42_tab{
  color:var(--v46-muted) !important;
}
.ai42_tab:hover{background:rgba(255,255,255,.06) !important;color:#fff !important;}
.ai42_tab.is-selected{
  border-color:rgba(86,168,255,.30) !important;
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(86,168,255,.18)) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(86,168,255,.06);
}

.ai42_run{
  border-color:rgba(86,168,255,.35) !important;
  background:linear-gradient(135deg, var(--v46-purple), var(--v46-blue)) !important;
  box-shadow:0 18px 36px rgba(86,168,255,.20), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.ai42_run:hover{box-shadow:0 22px 40px rgba(86,168,255,.28), inset 0 1px 0 rgba(255,255,255,.16) !important;}
.ai42_play{
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.12) !important;
}
.ibtdi-v44-icons .ai42_play::after{
  background:linear-gradient(145deg, rgba(124,58,237,.88), rgba(86,168,255,.88)) !important;
}

.ai42_context,
.ai42_output,
.ai42_stage{
  border-color:var(--v46-border) !important;
  background:linear-gradient(180deg, rgba(16,21,36,.94), rgba(12,19,32,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 36px rgba(0,0,0,.20) !important;
}
.ai42_context{
  background:linear-gradient(90deg, rgba(16,37,74,.62), rgba(8,16,30,.96)) !important;
}
.ai42_path{gap:18px !important;}
.ai42_track{
  background:linear-gradient(90deg, rgba(86,168,255,.08), rgba(86,168,255,.42), rgba(124,58,237,.16)) !important;
}
.ai42_track b{background:linear-gradient(90deg, transparent, #56a8ff, #8f8cff, transparent) !important; box-shadow:0 0 16px rgba(86,168,255,.38) !important;}

.ai42_stage{
  min-height:292px;
  border-radius:24px !important;
}
.ai42_stage:before{
  border-color:#08101e !important;
  background:#355073 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) !important;
}
.ai42_stage.is-active,.ai42_stage.is-complete{
  border-color:rgba(86,168,255,.28) !important;
  background:linear-gradient(180deg, rgba(16,37,74,.95), rgba(12,19,32,.98)) !important;
  box-shadow:0 0 0 1px rgba(86,168,255,.08), 0 20px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ai42_stage.is-active:before,.ai42_stage.is-complete:before{
  background:linear-gradient(135deg,var(--v46-purple),var(--v46-blue)) !important;
  border-color:#08101e !important;
  box-shadow:0 0 0 4px rgba(86,168,255,.10),0 0 24px rgba(86,168,255,.45) !important;
}
.ai42_stage_icon{
  width:62px !important;
  height:62px !important;
  border-radius:18px !important;
  border-color:rgba(86,168,255,.28) !important;
  background:linear-gradient(145deg, rgba(124,58,237,.26), rgba(86,168,255,.20)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.24) !important;
}
.ibtdi-v44-icons .ai42_context_icon,
.ibtdi-v44-icons .ai42_stage_icon{
  border-color:rgba(86,168,255,.28) !important;
  background:linear-gradient(145deg, rgba(124,58,237,.26), rgba(86,168,255,.20)) !important;
}
.ibtdi-v44-icons .ai42_context_icon .ibtdi-svg-icon,
.ibtdi-v44-icons .ai42_stage_icon .ibtdi-svg-icon,
.ibtdi-v44-icons .ai42_tabs .ibtdi-svg-icon,
.ibtdi-v44-icons .ai42_eyebrow .ibtdi-svg-icon,
.ibtdi-v44-icons .ai42_stage_footer .ibtdi-svg-icon,
.ibtdi-v44-icons .ai42_success .ibtdi-svg-icon,
.ibtdi-v44-icons .ai42_promise .ibtdi-svg-icon{
  color:#dbeafe !important;
}
.ibtdi-v44-icons .ai42_context_icon .ibtdi-svg-icon{width:25px !important;height:25px !important;}
.ibtdi-v44-icons .ai42_stage_icon .ibtdi-svg-icon{width:28px !important;height:28px !important;}
.ai42_context_icon{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
}
.ai42_stage_footer{border-top-color:rgba(255,255,255,.08) !important;}
.ai42_stage_number{color:rgba(255,255,255,.42) !important;}

.ai42_output{
  border-color:rgba(86,168,255,.22) !important;
  background:linear-gradient(110deg, rgba(12,19,32,.98), rgba(16,37,74,.86)) !important;
}
.ai42_browser{
  border-color:rgba(255,255,255,.18) !important;
  background:linear-gradient(145deg,#142849,#0d1524) !important;
}
.ai42_browser_bar i:nth-child(1){background:var(--v46-green) !important;}
.ai42_browser_bar i:nth-child(2){background:var(--v46-blue) !important;}
.ai42_browser_bar i:nth-child(3){background:var(--v46-purple) !important;}
.ai42_browser_bar b,.ai42_browser_cards b{background:rgba(255,255,255,.12) !important;}
.ai42_browser_hero{background:linear-gradient(135deg,var(--v46-purple),var(--v46-blue)) !important;}
.ai42_browser_hero span{background:rgba(255,255,255,.62) !important;}
.ai42_browser_hero strong{background:#fff !important;}
.ai42_browser_hero em{background:rgba(255,255,255,.76) !important;}
.ai42_success{
  border-color:#08101e !important;
  background:linear-gradient(135deg,var(--v46-green),#16a34a) !important;
  color:#fff !important;
}
.ibtdi-v44-icons .ai42_success::before{background:transparent !important;}
.ai42_contact{
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
}
.ai42_contact:hover{background:#fff !important; color:#08101e !important;}

.ai42_promise{
  margin-top:28px !important;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.04);
}
.ai42_promise>b{background:rgba(255,255,255,.25) !important;}

/* responsive tweaks */
@media (max-width:991px){
  .ai42_stage{min-height:260px;}
  .ai42_heading h2{font-size:clamp(34px,5vw,56px) !important;}
}
@media (max-width:767px){
  .ai42_controlbar,.ai42_blueprint,.ai42_context,.ai42_output,.ai42_promise{border-radius:20px !important;}
  .ai42_stage{min-height:auto;}
  .ai42_stage_icon,.ai42_context_icon{width:56px !important;height:56px !important;}
  .ibtdi-v44-icons .ai42_stage_icon .ibtdi-svg-icon{width:26px !important;height:26px !important;}
  .ai42_run strong{font-size:16px !important;}
}