/* iQBus — Microsoft-style (Fluent) page system. Extracted from iqbus-home-fluent.php 2026-10-26.
   Scoped to #iqbf and body.iqbf-light. See fluent-functions.php. */
/* =====================================================================
   1. LIGHT SKIN FOR THE SHARED HEADER + FOOTER (this template only)
   header.php styles a dark floating pill; Microsoft uses a flat white
   bar with a hairline. Everything here is scoped to body.iqbf-light.
   ===================================================================== */
body.iqbf-light { background:#fff !important; color:#17253D; }
body.iqbf-light.iqb-body::before { display:none !important; }

body.iqbf-light .iqb-utility {
  background:#F7F7F7 !important; border-bottom:1px solid #E6E6E6 !important;
  font-family:"Segoe UI Variable Text","Segoe UI","Inter",system-ui,sans-serif;
}
body.iqbf-light .iqb-utility a,
body.iqbf-light .iqb-utility .iqb-util-caret { color:#3B4656 !important; }
body.iqbf-light .iqb-utility a:hover { color:#0E1726 !important; text-decoration:underline; text-underline-offset:3px; }
body.iqbf-light .iqb-utility a + a::before,
body.iqbf-light .iqb-utility .container > a + .iqb-util-item::before,
body.iqbf-light .iqb-utility .container > .iqb-util-item + a::before,
body.iqbf-light .iqb-utility .container > .iqb-util-item + .iqb-util-item::before { color:#B5BCC6 !important; }
body.iqbf-light .iqb-utility .iqb-utility-phone { color:#0E1726 !important; }
body.iqbf-light .iqb-utility .iqb-utility-phone svg { color:#566BDD !important; }
body.iqbf-light .iqb-utility .iqb-utility-phone .phone-label { color:#5B6678 !important; }
body.iqbf-light .iqb-utility .iqb-util-sub {
  background:#fff !important; border:1px solid #E6E6E6 !important;
  box-shadow:0 0 2px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
body.iqbf-light .iqb-utility .iqb-util-sub a:hover { background:#F5F5F5 !important; text-decoration:none; }

body.iqbf-light .iqb-h-wrap { top:var(--iqb-util-h) !important; left:0 !important; right:0 !important; width:100% !important; padding:0 !important; box-sizing:border-box !important; transform:none !important; }
body.iqbf-light.admin-bar .iqb-h-wrap { top:calc(32px + var(--iqb-util-h)) !important; }
body.iqbf-light .iqb-h-nav {
  width:100% !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important;
  height:var(--iqb-nav-h) !important; padding-top:0 !important; padding-bottom:0 !important;
  border-radius:0 !important; border:0 !important; border-bottom:1px solid #E6E6E6 !important;
  background:rgba(255,255,255,.96) !important; box-shadow:none !important; color:#0E1726 !important;
  -webkit-backdrop-filter:saturate(180%) blur(12px); backdrop-filter:saturate(180%) blur(12px);
  padding-left:max(24px, calc((100vw - 1280px) / 2)) !important;
  padding-right:max(24px, calc((100vw - 1280px) / 2)) !important;
  font-family:"Segoe UI Variable Text","Segoe UI","Inter",system-ui,sans-serif;
}
body.iqbf-light .iqb-h-brand { color:#0E1726 !important; }
body.iqbf-light .iqb-h-divider { background:#D1D6DD !important; }
body.iqbf-light .iqb-h-parent { color:#5B6678 !important; }
body.iqbf-light .iqb-h-parent strong { color:#0E7A3E !important; }
body.iqbf-light .iqb-h-link { color:#26344A !important; border-radius:6px !important; font-weight:500; }
body.iqbf-light .iqb-h-link:hover { color:#0E1726 !important; background:#F2F4F7 !important; }
body.iqbf-light .iqb-h-link.is-active { color:#0E1726 !important; background:transparent !important; box-shadow:inset 0 -2px 0 #566BDD !important; border-radius:0 !important; }
body.iqbf-light .iqb-h-burger span { background:#26344A !important; }
body.iqbf-light .iqb-h-burger:hover { background:#F2F4F7 !important; }

/* Mega menus -> white Fluent flyouts */
body.iqbf-light .iqb-mega {
  background:#fff !important; border:1px solid #E6E6E6 !important; border-radius:12px !important;
  box-shadow:0 0 2px rgba(0,0,0,.12),0 14px 28px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; color:#17253D !important;
}
/* Featured item (BizTalk Migration): the one card in the menu that should
   pop — brand gradient slab with glass highlights, white type, a call line. */
body.iqbf-light .iqb-mega-feature { position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(135deg,#EEF4FF 0%,#E2EAFF 55%,#ECE8FF 100%) !important; border:1px solid #C9D6FF !important;
  box-shadow:inset 1px 1px 0 #fff, 0 10px 24px -14px rgba(31,49,160,.35) !important;
  transition:transform .25s ease, box-shadow .25s ease !important; }
body.iqbf-light .iqb-mega-feature::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(320px 180px at 100% 0%, rgba(120,170,255,.35), transparent 70%); }
body.iqbf-light .iqb-mega-feature:hover { transform:translateY(-2px) !important; box-shadow:inset 1px 1px 0 #fff, 0 16px 32px -14px rgba(31,49,160,.45) !important; }
body.iqbf-light .iqb-mega-feature h3 { color:#0E1726 !important; }
body.iqbf-light .iqb-mega-feature p { color:#3B4656 !important; }
body.iqbf-light .iqb-mega-feature .mf-icon { background:linear-gradient(135deg,#3F5FD6,#5B4BDB) !important; border:0 !important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.35), 0 6px 14px -6px rgba(31,49,160,.5) !important; }
body.iqbf-light .iqb-mega-feature .mf-icon img { filter:brightness(0) invert(1); }
body.iqbf-light .iqb-mega-feature::after { content:"Plan your migration \2192"; display:inline-flex; align-items:center; margin-top:16px;
  color:#3347AE; font:600 14px/1 "Segoe UI Variable Text","Segoe UI","Inter",system-ui,sans-serif; align-self:flex-start; }
/* Product flyout (2026-10-29): the featured card is the MCP Server, not the migration */
body.iqbf-light .iqb-mega-product .iqb-mega-feature::after { content:"Explore the MCP Server \2192"; }
body.iqbf-light .iqb-mega-product .iqb-mega-feature .mf-flow span { color:#3B4656 !important; border-color:#C9D6FF !important; background:#fff !important; }
body.iqbf-light .iqb-mega-product .iqb-mega-feature .mf-flow .arr { color:#8A96AA !important; border:0 !important; background:transparent !important; }
body.iqbf-light .iqb-mega-product .iqb-mega-feature .mf-flow .target { color:#0E7A3E !important; border-color:#9ADBB3 !important; background:#E7F4EC !important; }
/* Microsoft-style type in the flyouts (the dark theme used mono caps) */
body.iqbf-light .iqb-mega-list .ml-head,
body.iqbf-light .iqb-mega-foot a { font-family:"Segoe UI Variable Text","Segoe UI","Inter",system-ui,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; }
body.iqbf-light .iqb-mega-list .ml-head { font-size:12px !important; font-weight:600 !important; }
body.iqbf-light .iqb-mega-foot a { font-size:14px !important; font-weight:600 !important; }
body.iqbf-light .iqb-mega-list .ml-head,
body.iqbf-light .iqb-mega-list--services .ml-head { color:#5B6678 !important; }
body.iqbf-light .iqb-mega-list--services { border-left-color:#E6E6E6 !important; }
body.iqbf-light .iqb-mega-list a { color:#17253D !important; }
body.iqbf-light .iqb-mega-list a:hover { background:#F5F5F5 !important; color:#0E1726 !important; }
body.iqbf-light .iqb-mega-list a small { color:#5B6678 !important; }
body.iqbf-light .iqb-mega-foot { border-top-color:#E6E6E6 !important; }
body.iqbf-light .iqb-mega-foot a { color:#566BDD !important; }
body.iqbf-light .iqb-mega-foot a:hover { color:#0C3B5E !important; }
body.iqbf-light .iqb-mega-industries .ind-item strong,
body.iqbf-light .iqb-mega-industries .ind-parent a { color:#0E1726 !important; }
body.iqbf-light .iqb-mega-industries .ind-item small { color:#5B6678 !important; }
body.iqbf-light .iqb-mega-industries .ind-item:hover { background:#F5F5F5 !important; }
body.iqbf-light .iqb-mega-industries .ind-item::before { box-shadow:none !important; }
body.iqbf-light .iqb-mega-industries .ind-group { background:#F4FAFD !important; box-shadow:inset 0 0 0 1px #D8DBFF !important; }
body.iqbf-light .iqb-mega-industries .ind-parent { border-bottom-color:#D1D6DD !important; }
body.iqbf-light .iqb-mega-industries .ind-umb { color:#0F548C !important; background:#E9EBFF !important; border-color:#D8DBFF !important; }
@media (max-width:768px) {
  body.iqbf-light .iqb-h-menu {
    background:#fff !important; border:1px solid #E6E6E6 !important;
    box-shadow:0 0 2px rgba(0,0,0,.12),0 14px 28px rgba(0,0,0,.18) !important;
  }
  body.iqbf-light .iqb-h-menu > li { border-bottom-color:#EDEDED !important; }
  body.iqbf-light .iqb-mega { box-shadow:none !important; border:0 !important; }
}

/* Footer -> Microsoft-style light grey footer */
body.iqbf-light .iqb-footer {
  background:#F2F2F2 !important; color:#3B4656 !important; border-top:1px solid #E6E6E6 !important;
  font-family:"Segoe UI Variable Text","Segoe UI","Inter",system-ui,sans-serif !important;
}
body.iqbf-light .iqb-footer .grid,
body.iqbf-light .iqb-footer .trust { border-bottom-color:#DADDE1 !important; }
body.iqbf-light .iqb-footer .brand-logo,
body.iqbf-light .iqb-footer .brand p strong,
body.iqbf-light .iqb-footer .legal .copy strong { color:#0E1726 !important; }
body.iqbf-light .iqb-footer .brand p { color:#3B4656 !important; }
body.iqbf-light .iqb-footer .parent-line,
body.iqbf-light .iqb-footer .col h4,
body.iqbf-light .iqb-footer .trust .lbl,
body.iqbf-light .iqb-footer .legal .copy { color:#5B6678 !important; }
body.iqbf-light .iqb-footer .parent-line { font-family:inherit !important; text-transform:none !important; letter-spacing:0 !important; font-size:13px !important; }
body.iqbf-light .iqb-footer .parent-line strong { color:#0E1726 !important; }
body.iqbf-light .iqb-footer .parent-line a { border-bottom-color:#B5BCC6 !important; }
body.iqbf-light .iqb-footer .col h4 { font-family:inherit !important; font-size:13px !important; letter-spacing:0 !important; text-transform:none !important; font-weight:600 !important; color:#0E1726 !important; }
body.iqbf-light .iqb-footer .col li a,
body.iqbf-light .iqb-footer .legal .links a { color:#3B4656 !important; }
body.iqbf-light .iqb-footer .col li a:hover,
body.iqbf-light .iqb-footer .legal .links a:hover { color:#0E1726 !important; text-decoration:underline; text-underline-offset:3px; }
body.iqbf-light .iqb-footer .col li a.featured { color:#566BDD !important; }
body.iqbf-light .iqb-footer .badge { background:#fff !important; border-color:#DADDE1 !important; color:#26344A !important; }
body.iqbf-light .iqb-footer .badge .dot { background:#0E7A3E !important; box-shadow:none !important; }
body.iqbf-light .iqb-footer .legal .links { font-family:inherit !important; letter-spacing:0 !important; text-transform:none !important; font-size:12.5px !important; }

/* =====================================================================
   2. PAGE — everything under #iqbf
   ===================================================================== */
#iqbf {
  --f-ink:#0E1726; --f-ink-2:#17253D; --f-text:#26344A; --f-mute:#505C6D; --f-mute-2:#6B7687;
  --f-line:#E1E5EA; --f-line-2:#D1D6DD;
  --f-bg:#FFFFFF; --f-tint:#F5F6FF; --f-grey:#F7F7F7; --f-navy:#0B1B33;
  --f-brand:#566BDD; --f-brand-hover:#475CC9; --f-brand-press:#2A3B90; --f-brand-ink:#3347AE;
  --f-brand-tint:#EFF0FF; --f-brand-tint-2:#D8DBFF;
  --f-btn:#091F2C; --f-btn-hover:#1F3444; --f-lav:#F5F6FF;
  --f-green:#0E7A3E; --f-green-tint:#E7F4EC;
  --f-depth-4:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14);
  --f-depth-8:0 0 2px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.14);
  --f-depth-16:0 0 2px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.14);
  --f-depth-28:0 0 8px rgba(0,0,0,.12),0 14px 28px rgba(0,0,0,.14);
  --f-r-card:24px; --f-r-btn:2px;
  --f-display:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI","Inter",system-ui,-apple-system,sans-serif;
  --f-textfont:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI","Inter",system-ui,-apple-system,sans-serif;
  --f-mono:"Cascadia Code","Cascadia Mono","JetBrains Mono",ui-monospace,Menlo,monospace;
  --f-wrap:1280px;
  --f-sticky-top:calc(var(--iqb-util-h,30px) + var(--iqb-nav-h,64px));

  position:relative; z-index:1; overflow-x:clip;
  background:var(--f-bg); color:var(--f-text);
  font-family:var(--f-textfont); font-size:16px; line-height:1.5; letter-spacing:-0.01em;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  padding-top:var(--f-sticky-top);
}
#iqbf *, #iqbf *::before, #iqbf *::after { box-sizing:border-box; }
#iqbf h1, #iqbf h2, #iqbf h3, #iqbf h4, #iqbf p, #iqbf figure, #iqbf blockquote, #iqbf dl, #iqbf dd, #iqbf ul { margin:0; padding:0; }
#iqbf ul { list-style:none; }
#iqbf img { max-width:100%; height:auto; display:block; }
#iqbf a { color:var(--f-brand); text-decoration:none; }
#iqbf a:hover { text-decoration:underline; text-underline-offset:3px; }
#iqbf :focus-visible { outline:2px solid var(--f-ink); outline-offset:2px; border-radius:4px; }
#iqbf .iqbf-wrap { max-width:var(--f-wrap); margin:0 auto; padding:0 48px; }
#iqbf .iqbf-sec { padding:96px 0; scroll-margin-top:calc(var(--f-sticky-top) + 56px); }
#iqbf .iqbf-sec--tint { background:var(--f-tint); }
#iqbf .iqbf-sec--grey { background:var(--f-grey); }

/* Type */
#iqbf .iqbf-eyebrow { display:block; font:600 13px/1.4 var(--f-textfont); letter-spacing:.04em; text-transform:uppercase; color:var(--f-ink); margin-bottom:16px; }
#iqbf .iqbf-h1 { font:500 clamp(40px,4.2vw,58px)/1.14 var(--f-display); letter-spacing:-0.025em; color:var(--f-ink); text-wrap:balance; }
#iqbf .iqbf-h2 { font:500 clamp(32px,3.4vw,48px)/1.17 var(--f-display); letter-spacing:-0.025em; color:var(--f-ink); text-wrap:balance; }
#iqbf .iqbf-h3 { font:500 clamp(24px,2.2vw,32px)/1.25 var(--f-display); letter-spacing:-0.02em; color:var(--f-ink); }
#iqbf .iqbf-h4 { font:600 20px/1.35 var(--f-display); letter-spacing:-0.01em; color:var(--f-ink); }
#iqbf .iqbf-lead { font-size:18px; line-height:28px; color:var(--f-text); }
#iqbf .iqbf-body { font-size:16px; line-height:24px; color:var(--f-text); }
#iqbf .iqbf-small { font-size:14px; line-height:20px; color:var(--f-mute); }
#iqbf .iqbf-head { max-width:820px; margin-bottom:48px; }
#iqbf .iqbf-head .iqbf-lead { margin-top:16px; }
#iqbf .iqbf-head--center { margin-left:auto; margin-right:auto; text-align:center; }

/* Buttons + links (Fluent / Azure) */
#iqbf .iqbf-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; min-width:160px; padding:8px 28px; border-radius:var(--f-r-btn);
  font:600 15px/20px var(--f-textfont); letter-spacing:0; white-space:nowrap;
  border:2px solid transparent; cursor:pointer; text-decoration:none !important;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
#iqbf .iqbf-btn--primary { background:var(--f-btn); color:#fff; }
#iqbf .iqbf-btn--primary:hover { background:var(--f-btn-hover); color:#fff; }
#iqbf .iqbf-btn--primary:active { background:#000; }
#iqbf .iqbf-btn--outline { background:rgba(255,255,255,.55); color:var(--f-btn); border-color:var(--f-btn); }
#iqbf .iqbf-btn--outline:hover { background:var(--f-ink); color:#fff; }
#iqbf .iqbf-btn--white { background:#fff; color:var(--f-ink); }
#iqbf .iqbf-btn--white:hover { background:#E8EEF6; color:var(--f-ink); }
#iqbf .iqbf-btn--ghost-light { background:transparent; color:#fff; border-color:rgba(255,255,255,.9); }
#iqbf .iqbf-btn--ghost-light:hover { background:#fff; color:var(--f-ink); }
#iqbf .iqbf-btn--sm { min-height:34px; min-width:0; padding:6px 20px; font-size:14px; }
#iqbf .iqbf-btns { display:flex; flex-wrap:wrap; gap:12px; }
#iqbf .iqbf-link { display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--f-brand); }
#iqbf .iqbf-link .iqbf-arrow { transition:transform .15s ease; }
#iqbf .iqbf-link:hover .iqbf-arrow { transform:translateX(3px); }

/* Card */
#iqbf .iqbf-card { background:#fff; border-radius:var(--f-r-card); box-shadow:var(--f-depth-4); }

/* ---------- HERO ---------- */
#iqbf .iqbf-hero { position:relative; background:linear-gradient(180deg,#F5F8FF 0%,#EEF4FF 55%,#E6F3FF 100%); overflow:hidden; isolation:isolate; }
#iqbf .iqbf-waves { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
#iqbf .iqbf-waves svg { position:absolute; inset:0; width:100%; height:100%; }
#iqbf .iqbf-hero .iqbf-waves { -webkit-mask-image:linear-gradient(100deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.6) 30%, #000 55%); mask-image:linear-gradient(100deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.6) 30%, #000 55%); }
#iqbf .iqbf-waves .drift { animation:iqbfDrift 28s ease-in-out infinite alternate; transform-origin:50% 50%; }
#iqbf .iqbf-waves .drift-2 { animation-duration:36s; animation-direction:alternate-reverse; }
@keyframes iqbfDrift { from { transform:translate3d(-2%,0,0) scaleY(1); } to { transform:translate3d(2%,-1.5%,0) scaleY(1.06); } }
#iqbf .iqbf-hero .iqbf-wrap { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:48px; align-items:center; padding-top:72px; padding-bottom:80px; }
#iqbf .iqbf-hero .iqbf-lead { margin-top:20px; max-width:540px; }
#iqbf .iqbf-hero .iqbf-btns { margin-top:32px; }
#iqbf .iqbf-proof { display:flex; flex-wrap:wrap; align-items:center; gap:0; margin-top:36px; padding-top:24px; border-top:1px solid var(--f-line-2); max-width:600px; }
#iqbf .iqbf-proof li { display:flex; align-items:center; gap:8px; padding:0 20px; min-height:96px; border-left:1px solid var(--f-line-2); }
#iqbf .iqbf-proof li:first-child { padding-left:0; border-left:0; }
#iqbf .iqbf-proof li a { display:flex; align-items:center; gap:8px; color:inherit; text-decoration:none !important; }
#iqbf .iqbf-proof li.ms img { height:96px; width:auto; border-radius:6px; box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.06); }
#iqbf .iqbf-proof li.stack { flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; }
#iqbf .iqbf-proof li.stack > div { display:flex; align-items:center; gap:8px; }
#iqbf .iqbf-proof li a > img, #iqbf .iqbf-proof li svg { width:26px; height:26px; flex-shrink:0; }
#iqbf .iqbf-proof span { display:flex; flex-direction:column; line-height:1.2; }
#iqbf .iqbf-proof small { font-size:11px; color:var(--f-mute); }
#iqbf .iqbf-proof b { font-size:13px; font-weight:600; color:var(--f-ink); white-space:nowrap; }
#iqbf .iqbf-hero--prompt .iqbf-proof { justify-content:center; border-top:0; margin-top:8px; padding-top:0; max-width:none; }
#iqbf .iqbf-hero-proof { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:36px; padding-top:24px; border-top:1px solid var(--f-line-2); max-width:560px; }
#iqbf .iqbf-hero-proof li { display:flex; align-items:center; gap:8px; font-size:14px; line-height:20px; color:var(--f-text); }
#iqbf .iqbf-hero-proof svg { flex-shrink:0; }

/* Floating glass label (used by the image and prompt heroes) */
#iqbf .iqbf-float { position:absolute; display:inline-flex; align-items:center; gap:8px; padding:8px 14px 8px 12px; border-radius:12px; background:rgba(255,255,255,.86); -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%); border:1px solid rgba(255,255,255,.9); box-shadow:0 0 2px rgba(0,0,0,.10), 0 8px 24px rgba(51,71,174,.16); font-size:13px; line-height:18px; color:var(--f-ink); white-space:nowrap; animation:iqbfFloat 6s ease-in-out infinite; }
#iqbf .iqbf-float i { width:8px; height:8px; border-radius:50%; background:#13A10E; flex-shrink:0; }
#iqbf .iqbf-float b { font-weight:600; }
#iqbf .iqbf-float em { font-style:normal; color:var(--f-mute); }
@keyframes iqbfFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes iqbfBob { 0%,100% { transform:translate3d(0,0,0) rotate(0deg); } 50% { transform:translate3d(0,-18px,0) rotate(-4deg); } }
@keyframes iqbfSlab { 0%,100% { transform:rotateY(-16deg) rotateX(6deg) rotateZ(-1.5deg) translateY(0); } 50% { transform:rotateY(-11deg) rotateX(3.5deg) rotateZ(-.8deg) translateY(-12px); } }
@keyframes iqbfSheen { 0% { transform:translateX(-140%) skewX(-18deg); } 55%,100% { transform:translateX(340%) skewX(-18deg); } }

/* ---------- HERO 1: tile mosaic, light palette ---------- */
#iqbf .iqbf-hero--mosaic { min-height:min(760px, calc(100vh - var(--f-sticky-top))); }
#iqbf .iqbf-hero--mosaic .iqbf-wrap { grid-template-columns:minmax(0,640px) 1fr; }
#iqbf .iqbf-mosaic { position:absolute; inset:0; z-index:0; pointer-events:none; }
#iqbf .iqbf-mosaic canvas { position:absolute; display:block; }
#iqbf .iqbf-hero--mosaic .iqbf-waves { opacity:.55; }

/* ---------- HERO 2: Office-style render + real product screens ---------- */
#iqbf .iqbf-hero--image { background:#F2F5FA; }
#iqbf .iqbf-hero-bg { position:absolute; inset:0; z-index:0; }
#iqbf .iqbf-hero-bg img { position:absolute; right:-6%; bottom:-4%; width:auto; height:118%; max-width:none; object-fit:cover; }
#iqbf .iqbf-hero-bg::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, #F2F5FA 0%, rgba(242,245,250,.94) 30%, rgba(242,245,250,.35) 52%, rgba(242,245,250,0) 66%); }
#iqbf .iqbf-hero--image .iqbf-wrap { grid-template-columns:minmax(0,560px) 1fr; min-height:660px; }
#iqbf .iqbf-stage { position:relative; height:560px; perspective:2400px; }
/* The product in a thick glass slab, Office-hero style: a tilted pane with
   a milky translucent rim, a bright bevel along the top-left edge, a
   thicker darker edge along the bottom-right, and a soft highlight
   sweeping across the face. The screenshot itself sits inset, sharp. */
#iqbf .iqbf-glass { position:absolute; top:24px; left:2%; width:124%; padding:22px; border-radius:28px;
  transform:rotateY(-16deg) rotateX(6deg) rotateZ(-1.5deg); transform-origin:0 50%; transform-style:preserve-3d;
  animation:iqbfSlab 9s ease-in-out infinite; will-change:transform;
  background:linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.22) 30%, rgba(203,204,255,.30) 55%, rgba(255,255,255,.18) 75%, rgba(255,255,255,.55) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(190%); backdrop-filter:blur(22px) saturate(190%);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:
    inset 2px 2px 0 rgba(255,255,255,1),
    inset -2px -2px 0 rgba(124,133,236,.35),
    inset 0 0 0 9px rgba(255,255,255,.22),
    inset 9px 9px 0 0 rgba(255,255,255,.35),
    inset -9px -9px 0 0 rgba(106,114,222,.10),
    inset 0 0 30px rgba(255,255,255,.45),
    0 2px 4px rgba(0,0,0,.08),
    0 56px 100px -26px rgba(31,49,160,.5); }
/* slab thickness: the pane's edge extruded down-right, like a sheet of acrylic */
#iqbf .iqbf-glass::before { content:""; position:absolute; inset:0; border-radius:28px; pointer-events:none;
  box-shadow:
    3px 4px 0 rgba(255,255,255,.9),
    6px 8px 0 rgba(222,225,255,.85),
    9px 12px 0 rgba(188,195,255,.75),
    12px 16px 0 rgba(149,158,246,.6),
    15px 20px 0 rgba(107,118,226,.42),
    18px 24px 0 rgba(81,95,203,.22);
  transform:translateZ(-1px); }
/* light sweeping across the face, plus a bright bevel on the top-left lip */
#iqbf .iqbf-glass::after { content:""; position:absolute; inset:0; border-radius:28px; pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.65) 42%, rgba(255,255,255,.22) 50%, rgba(255,255,255,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,0) 12px),
    linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,0) 12px); }
/* a band of light that sweeps across the whole slab, screen included */
#iqbf .iqbf-sheen { position:absolute; inset:0; z-index:2; border-radius:28px; overflow:hidden; pointer-events:none; }
#iqbf .iqbf-sheen::before { content:""; position:absolute; top:-10%; bottom:-10%; left:0; width:28%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55) 50%, rgba(255,255,255,0));
  mix-blend-mode:soft-light; animation:iqbfSheen 6.5s cubic-bezier(.45,.05,.35,1) infinite; animation-delay:1.2s; }
#iqbf .iqbf-screen { position:relative; z-index:1; border-radius:14px; overflow:hidden; background:#fff;
  box-shadow:0 0 0 1px rgba(109,121,222,.18), 0 1px 0 rgba(255,255,255,.8), 0 18px 40px -14px rgba(31,49,160,.35); }
#iqbf .iqbf-screen img { width:100%; height:auto; display:block; }
#iqbf .iqbf-tile { position:absolute; width:64px; height:64px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(235,236,251,.9)); border:1px solid rgba(255,255,255,.95); box-shadow:inset 1px 1px 0 #fff, 0 2px 4px rgba(0,0,0,.10), 0 16px 32px -8px rgba(51,71,174,.35); font:700 15px/1 var(--f-mono); color:#3347AE; animation:iqbfBob 5s ease-in-out infinite; }
#iqbf .iqbf-tile img { width:40px; height:40px; }
#iqbf .iqbf-tile.t1 { left:-4%; top:-4%; width:80px; height:80px; border-radius:22px; animation-delay:-1s; }
#iqbf .iqbf-tile.t2 { right:-5%; top:-9%; color:#0E7A3E; animation-delay:-3s; }
#iqbf .iqbf-tile.t3 { right:4%; bottom:4%; color:#C742C5; animation-delay:-5s; }
#iqbf .iqbf-tile.t4 { left:14%; bottom:-2%; width:auto; height:52px; padding:0 18px; font:600 15px/1 var(--f-textfont); color:#0176D3; animation-delay:-2s; }
#iqbf .iqbf-stage .iqbf-float { left:34%; bottom:6%; animation-delay:-4s; z-index:2; }

/* ---------- HERO 3: Copilot-style prompt ---------- */
#iqbf .iqbf-hero--prompt .iqbf-wrap { grid-template-columns:1fr; justify-items:center; text-align:center; gap:40px; padding-top:80px; padding-bottom:88px; }
#iqbf .iqbf-hero--prompt .iqbf-hero-copy { display:flex; flex-direction:column; align-items:center; max-width:880px; }
#iqbf .iqbf-hero--prompt .iqbf-lead { margin-left:auto; margin-right:auto; max-width:640px; }
#iqbf .iqbf-hero--prompt .iqbf-btns { justify-content:center; }
#iqbf .iqbf-hero--prompt .iqbf-hero-proof { justify-content:center; border-top:0; padding-top:0; margin-top:28px; max-width:none; }
#iqbf .iqbf-hero--prompt .iqbf-waves { -webkit-mask-image:none; mask-image:none; }
#iqbf .iqbf-ask { position:relative; width:100%; max-width:820px; text-align:left; }
#iqbf .iqbf-ask-in { position:relative; border-radius:24px; border:2px solid transparent; background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.96)) padding-box, linear-gradient(110deg,#6671FF,#3D7BFF 40%,#19B39B 70%,#BE5AD3) border-box; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 30px 60px -24px rgba(51,71,174,.35); overflow:hidden; }
#iqbf .iqbf-ask-box { display:flex; align-items:center; gap:14px; padding:20px 20px 20px 22px; }
#iqbf .iqbf-ask-box img { width:28px; height:28px; flex-shrink:0; }
#iqbf .iqbf-ask-text { flex:1; min-height:28px; font:400 18px/28px var(--f-textfont); color:var(--f-ink); }
#iqbf .iqbf-ask-text::after { content:""; display:inline-block; width:2px; height:22px; margin-left:2px; vertical-align:-4px; background:#566BDD; animation:iqbfCaret 1s steps(1) infinite; }
@keyframes iqbfCaret { 50% { opacity:0; } }
#iqbf .iqbf-ask-send { width:40px; height:40px; border-radius:2px; display:grid; place-items:center; background:var(--f-btn); color:#fff; flex-shrink:0; }
#iqbf .iqbf-ask-out { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 20px 20px; }
#iqbf .iqbf-ask-card { display:flex; flex-direction:column; gap:6px; padding:14px 16px; border-radius:14px; background:var(--f-lav); border:1px solid var(--f-brand-tint-2); transition:opacity .35s ease, transform .35s ease; }
#iqbf .iqbf-ask-card .k { font:600 11.5px/1 var(--f-textfont); letter-spacing:.04em; text-transform:uppercase; color:var(--f-brand); }
#iqbf .iqbf-ask-card .v { font:500 14px/20px var(--f-mono); color:var(--f-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#iqbf .iqbf-ask-card.is-ready { background:#fff; border-color:var(--f-line); }
#iqbf .iqbf-ask-card.is-ready .k { color:var(--f-green); }
#iqbf .iqbf-ask-card .rv { align-self:flex-start; margin-top:2px; padding:3px 12px; border-radius:2px; background:var(--f-btn); color:#fff; font:600 12.5px/18px var(--f-textfont); }
#iqbf .iqbf-ask.js-anim .iqbf-ask-card { opacity:0; transform:translateY(6px); }
#iqbf .iqbf-ask.js-anim .iqbf-ask-card.on { opacity:1; transform:none; }
#iqbf .iqbf-ask-note { margin-top:12px; text-align:center; font-size:13px; color:var(--f-mute); }

@media (prefers-reduced-motion: reduce) {
  #iqbf .iqbf-waves .drift, #iqbf .iqbf-float, #iqbf .iqbf-tile, #iqbf .iqbf-ask-text::after, #iqbf .iqbf-glass, #iqbf .iqbf-sheen::before { animation:none; }
}
html.lite #iqbf .iqbf-waves .drift, html.lite #iqbf .iqbf-float, html.lite #iqbf .iqbf-tile, html.lite #iqbf .iqbf-glass, html.lite #iqbf .iqbf-sheen::before { animation:none; }
@media (max-width:1080px) {
  #iqbf .iqbf-hero .iqbf-wrap, #iqbf .iqbf-hero--image .iqbf-wrap { grid-template-columns:1fr; gap:40px; padding-top:56px; }
  #iqbf .iqbf-hero--mosaic .iqbf-wrap { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  #iqbf .iqbf-stage { height:440px; max-width:640px; width:100%; margin:0 auto; }
  #iqbf .iqbf-hero-bg::after { background:linear-gradient(180deg, #F2F5FA 0%, rgba(242,245,250,.92) 45%, rgba(242,245,250,.2) 70%); }
  #iqbf .iqbf-hero-bg img { height:70%; right:-20%; bottom:0; }
}
@media (max-width:899px) {
  /* mosaic script bleeds the mark in from the top-right below 900px: start the copy under it */
  #iqbf .iqbf-hero--mosaic .iqbf-wrap { grid-template-columns:1fr; padding-top:calc(18vh + min(62.5vw, 30vh) - 24px) !important; }
}
@media (max-width:768px) {
  #iqbf .iqbf-hero .iqbf-wrap { padding-top:40px; padding-bottom:56px; }
  /* Phone order (Jorge 2026-10-26): H1 > sub > hero image > credentials > CTAs */
  #iqbf .iqbf-hero--image .iqbf-wrap { gap:0; }
  #iqbf .iqbf-hero--image .iqbf-hero-copy { display:contents; }
  #iqbf .iqbf-hero--image .iqbf-eyebrow { order:1; }
  #iqbf .iqbf-hero--image .iqbf-h1 { order:2; }
  #iqbf .iqbf-hero--image .iqbf-lead { order:3; }
  #iqbf .iqbf-hero--image .iqbf-stage { order:4; margin:36px 0 28px; }
  #iqbf .iqbf-hero--image .iqbf-proof { order:5; margin-top:0; padding-top:0; border-top:0; }
  #iqbf .iqbf-hero--image .iqbf-btns { order:6; margin-top:28px; }
  #iqbf .iqbf-hero--prompt .iqbf-wrap { text-align:left; justify-items:stretch; padding-top:40px; }
  #iqbf .iqbf-hero--prompt .iqbf-hero-copy { align-items:flex-start; }
  #iqbf .iqbf-hero--prompt .iqbf-btns, #iqbf .iqbf-hero--prompt .iqbf-hero-proof { justify-content:flex-start; }
  #iqbf .iqbf-stage { height:300px; }
  #iqbf .iqbf-glass { width:118%; padding:12px; border-radius:18px; }
  #iqbf .iqbf-screen { border-radius:10px; }
  #iqbf .iqbf-tile { width:48px; height:48px; border-radius:12px; font-size:12px; }
  #iqbf .iqbf-tile img { width:30px; height:30px; }
  #iqbf .iqbf-tile.t1 { width:56px; height:56px; }
  #iqbf .iqbf-tile.t4 { width:auto; height:40px; padding:0 12px; font-size:12px; }
  #iqbf .iqbf-stage .iqbf-float { display:none; }
  #iqbf .iqbf-ask-text { font-size:16px; line-height:24px; min-height:72px; }
  #iqbf .iqbf-ask-out { grid-template-columns:1fr; }
  #iqbf .iqbf-proof { flex-wrap:nowrap; }
  #iqbf .iqbf-proof li { padding:0 0 0 16px; min-height:84px; }
  #iqbf .iqbf-proof li.ms img { height:84px; }
  #iqbf .iqbf-hero--prompt .iqbf-proof { justify-content:flex-start; }
  #iqbf .iqbf-ask-card:not(.is-ready):nth-child(2) { display:none; }
}

/* ---------- STICKY PILL BAR ---------- */
#iqbf .iqbf-pillbar { position:sticky; top:var(--f-sticky-top); z-index:20; background:rgba(255,255,255,.97); border-bottom:1px solid var(--f-line); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); }
#iqbf .iqbf-pillbar .iqbf-wrap { display:flex; align-items:center; gap:16px; min-height:64px; }
#iqbf .iqbf-pills { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px; }
#iqbf .iqbf-pills::-webkit-scrollbar { display:none; }
#iqbf .iqbf-pill { flex-shrink:0; display:inline-flex; align-items:center; min-height:36px; padding:6px 18px; border-radius:200px; background:rgba(86,107,221,.09); color:#3347AE; font:600 15px/20px var(--f-textfont); text-decoration:none !important; transition:background-color .15s ease,color .15s ease; }
#iqbf .iqbf-pill:hover { background:rgba(86,107,221,.17); }
#iqbf .iqbf-pill.is-on { background:#091F2C; color:#fff; }
#iqbf .iqbf-pillbar .iqbf-btn { margin-left:auto; flex-shrink:0; }

/* ---------- LOGOS ---------- */
#iqbf .iqbf-logos { padding:56px 0 64px; border-bottom:1px solid var(--f-line); }
#iqbf .iqbf-logos-label { text-align:center; font-size:15px; color:var(--f-mute); margin-bottom:32px; }
#iqbf .iqbf-logo-grid { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:28px 32px; align-items:center; }
#iqbf .iqbf-logo-grid li { display:flex; align-items:center; justify-content:center; height:44px; }
#iqbf .iqbf-logo-grid img { max-height:34px; max-width:112px; width:auto; object-fit:contain; }
#iqbf .iqbf-logo-grid .lg img { max-height:42px; }

/* ---------- EVOLUTION ---------- */
#iqbf .iqbf-eras { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#iqbf .iqbf-era { padding:32px; display:flex; flex-direction:column; gap:12px; }
#iqbf .iqbf-era-when { font:600 13px/1 var(--f-textfont); letter-spacing:.04em; color:var(--f-mute); text-transform:uppercase; }
#iqbf .iqbf-era-icon { width:48px; height:48px; border-radius:12px; display:grid; place-items:center; background:var(--f-grey); color:var(--f-mute); margin:8px 0 4px; }
#iqbf .iqbf-era.is-now { box-shadow:var(--f-depth-8), inset 0 0 0 2px var(--f-brand); }
#iqbf .iqbf-era.is-now .iqbf-era-icon { background:var(--f-brand-tint); color:var(--f-brand); }
#iqbf .iqbf-era.is-now .iqbf-era-when { color:var(--f-brand); }

/* ---------- PLATFORM TABS ---------- */
#iqbf .iqbf-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
#iqbf .iqbf-tab { appearance:none; border:0; cursor:pointer; min-height:40px; padding:8px 22px; border-radius:200px; background:rgba(86,107,221,.09); color:#3347AE; font:600 15px/20px var(--f-textfont); transition:background-color .15s ease,color .15s ease; }
#iqbf .iqbf-tab:hover { background:rgba(86,107,221,.17); }
#iqbf .iqbf-tab[aria-selected="true"] { background:#091F2C; color:#fff; }
#iqbf .iqbf-panel { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; align-items:center; padding:48px; }
#iqbf .iqbf-panel + .iqbf-panel { margin-top:24px; }
#iqbf.js-tabs .iqbf-panel[hidden] { display:none; }
#iqbf .iqbf-panel .iqbf-body { margin-top:16px; }
#iqbf .iqbf-panel .iqbf-link { margin-top:24px; }
#iqbf .iqbf-panel-kicker { font:600 14px/1 var(--f-textfont); color:var(--f-brand); margin-bottom:12px; }
#iqbf .iqbf-viz { border-radius:16px; background:var(--f-tint); border:1px solid var(--f-line); padding:28px; min-height:300px; display:flex; flex-direction:column; justify-content:center; }
#iqbf .iqbf-viz-cap { font-size:12.5px; color:var(--f-mute); margin-top:14px; }
#iqbf .iqbf-rows { display:flex; flex-direction:column; gap:10px; }
#iqbf .iqbf-row { display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:10px; background:#fff; box-shadow:var(--f-depth-4); font-size:14px; color:var(--f-ink-2); }
#iqbf .iqbf-row b { font-weight:600; }
#iqbf .iqbf-row .r { margin-left:auto; font-size:13px; color:var(--f-mute); font-family:var(--f-mono); }
#iqbf .iqbf-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; background:#13A10E; }
#iqbf .iqbf-dot--warn { background:#DA7400; }
#iqbf .iqbf-dot--idle { background:#B5BCC6; }
#iqbf .iqbf-row--warn { box-shadow:var(--f-depth-4), inset 3px 0 0 #DA7400; }
#iqbf .iqbf-resume { margin-left:auto; display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:2px; background:var(--f-brand); color:#fff; font-size:12.5px; font-weight:600; }
#iqbf .iqbf-adapters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#iqbf .iqbf-adapter { display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:10px; background:#fff; box-shadow:var(--f-depth-4); font-size:14px; font-weight:500; color:var(--f-ink-2); }
#iqbf .iqbf-adapter i { width:28px; height:28px; border-radius:7px; display:grid; place-items:center; font:600 10px/1 var(--f-mono); font-style:normal; color:var(--f-brand-ink); background:var(--f-brand-tint); flex-shrink:0; }
#iqbf .iqbf-skills { display:flex; flex-wrap:wrap; gap:10px; }
#iqbf .iqbf-skill { padding:10px 16px; border-radius:999px; background:#fff; box-shadow:var(--f-depth-4); font-size:15px; font-weight:500; color:var(--f-ink-2); }
#iqbf .iqbf-legend { display:flex; gap:20px; margin-top:12px; font-size:13px; color:var(--f-mute); }
#iqbf .iqbf-legend span { display:inline-flex; align-items:center; gap:8px; }
#iqbf .iqbf-legend i { width:22px; height:3px; border-radius:2px; display:block; }

/* ---------- CUSTOMER STORY ---------- */
#iqbf .iqbf-story { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); overflow:hidden; }
#iqbf .iqbf-story-body { padding:56px; }
#iqbf .iqbf-story-quote { margin-top:24px; font:400 22px/1.45 var(--f-display); letter-spacing:-0.01em; color:var(--f-ink); }
#iqbf .iqbf-story-quote::before { content:"\201C"; }
#iqbf .iqbf-story-quote::after { content:"\201D"; }
#iqbf .iqbf-story-who { margin-top:20px; font-size:15px; color:var(--f-mute); }
#iqbf .iqbf-story-who b { color:var(--f-ink); font-weight:600; }
#iqbf .iqbf-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:36px; padding-top:28px; border-top:1px solid var(--f-line); }
#iqbf .iqbf-stat-v { font:500 36px/1.1 var(--f-display); letter-spacing:-0.02em; color:var(--f-ink); }
#iqbf .iqbf-stat-l { margin-top:6px; font-size:14px; line-height:20px; color:var(--f-mute); }
#iqbf .iqbf-story .iqbf-btns { margin-top:36px; align-items:center; }
#iqbf .iqbf-story-aside { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:48px 32px; background:linear-gradient(150deg,#485CC9 0%,#203082 60%,#14305E 130%); color:#fff; text-align:center; }
#iqbf .iqbf-story-aside img { width:62%; max-width:190px; }
#iqbf .iqbf-story-aside p { font-size:14px; line-height:20px; color:rgba(255,255,255,.82); }

/* ---------- COMPARE ---------- */
#iqbf .iqbf-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
#iqbf .iqbf-path { position:relative; display:flex; flex-direction:column; padding:32px; }
#iqbf .iqbf-path.is-featured { box-shadow:var(--f-depth-16), inset 0 0 0 2px var(--f-brand); }
#iqbf .iqbf-path-badge { position:absolute; top:-13px; left:32px; padding:4px 12px; border-radius:999px; background:var(--f-brand); color:#fff; font:600 12.5px/18px var(--f-textfont); }
#iqbf .iqbf-path-kicker { font:600 13px/1.4 var(--f-textfont); color:var(--f-mute); }
#iqbf .iqbf-path.is-featured .iqbf-path-kicker { color:var(--f-brand); }
#iqbf .iqbf-path-title { display:flex; align-items:center; gap:12px; margin-top:12px; }
#iqbf .iqbf-path-title img { width:32px; height:32px; }
#iqbf .iqbf-path-h { font-size:26px; white-space:nowrap; }
#iqbf .iqbf-path-stance { margin-top:12px; font-size:15px; line-height:22px; color:var(--f-text); min-height:66px; }
#iqbf .iqbf-outcomes { margin-top:20px; border-top:1px solid var(--f-line); }
#iqbf .iqbf-outcome { display:grid; grid-template-columns:1fr; gap:4px; padding:14px 0; border-bottom:1px solid var(--f-line); }
#iqbf .iqbf-outcome:last-child { border-bottom:0; }
#iqbf .iqbf-outcome dt { font-size:12.5px; font-weight:600; letter-spacing:.02em; color:var(--f-mute); text-transform:uppercase; }
#iqbf .iqbf-outcome dd { display:flex; align-items:center; gap:10px; font-size:15px; color:var(--f-ink-2); }
#iqbf .iqbf-st { width:20px; height:20px; flex-shrink:0; }
#iqbf .iqbf-outcome.row-hl { background:linear-gradient(90deg, transparent, var(--f-tint) 12%, var(--f-tint) 88%, transparent); }
#iqbf .iqbf-paths-foot { margin-top:40px; display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; }
#iqbf .iqbf-fine { font-size:12.5px; line-height:18px; color:var(--f-mute-2); max-width:760px; }
#iqbf .iqbf-sr { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* ---------- PARTNER BAND (deep navy) ---------- */
#iqbf .iqbf-band { background:linear-gradient(135deg,#151C48 0%,#1B2863 55%,#10224A 100%); color:#fff; position:relative; overflow:hidden; isolation:isolate; }
#iqbf .iqbf-band .iqbf-waves { opacity:.55; }
#iqbf .iqbf-band .iqbf-wrap { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:56px; align-items:center; }
#iqbf .iqbf-band .iqbf-eyebrow, #iqbf .iqbf-band .iqbf-h2 { color:#fff; }
#iqbf .iqbf-band .iqbf-lead { color:rgba(255,255,255,.84); margin-top:16px; }
#iqbf .iqbf-band .iqbf-btns { margin-top:32px; }
#iqbf .iqbf-creds { display:grid; gap:12px; }
#iqbf .iqbf-cred { display:flex; align-items:center; gap:16px; padding:20px 22px; border-radius:16px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); }
#iqbf .iqbf-cred-ic { width:44px; height:44px; border-radius:10px; display:grid; place-items:center; background:#fff; flex-shrink:0; }
#iqbf .iqbf-cred b { display:block; font-size:16px; font-weight:600; color:#fff; }
#iqbf .iqbf-cred span { display:block; font-size:14px; color:rgba(255,255,255,.72); margin-top:2px; }

/* ---------- AI ACCELERATOR ---------- */
#iqbf .iqbf-ai { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:0; overflow:hidden; }
#iqbf .iqbf-ai-prompts { padding:36px; border-right:1px solid var(--f-line); display:flex; flex-direction:column; gap:12px; }
#iqbf .iqbf-ai-label { font:600 13px/1 var(--f-textfont); letter-spacing:.04em; text-transform:uppercase; color:var(--f-mute); margin-bottom:4px; }
#iqbf .iqbf-ai-ex { appearance:none; text-align:left; cursor:pointer; width:100%; padding:16px 18px; border-radius:12px; border:1px solid var(--f-line); background:#fff; font:400 15px/22px var(--f-textfont); color:var(--f-ink-2); transition:border-color .15s ease, box-shadow .15s ease; }
#iqbf .iqbf-ai-ex:hover { border-color:var(--f-line-2); box-shadow:var(--f-depth-4); }
#iqbf .iqbf-ai-ex[aria-pressed="true"] { border-color:var(--f-brand); box-shadow:inset 0 0 0 1px var(--f-brand); background:var(--f-brand-tint); }
#iqbf .iqbf-ai-note { margin-top:auto; padding-top:12px; font-size:13px; line-height:19px; color:var(--f-mute); }
#iqbf .iqbf-ai-out { background:#1E1E1E; color:#D4D4D4; display:flex; flex-direction:column; min-width:0; }
#iqbf .iqbf-ai-bar { display:flex; align-items:center; gap:12px; padding:12px 18px; background:#252526; border-bottom:1px solid #333; font:500 13px/1 var(--f-textfont); color:#CCCCCC; }
#iqbf .iqbf-ai-bar .file { color:#fff; }
#iqbf .iqbf-ai-bar .tag { margin-left:auto; padding:3px 8px; border-radius:4px; background:rgba(55,148,255,.18); color:#9CDCFE; font-size:12px; }
#iqbf .iqbf-ai-stages { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:14px 18px 0; font-size:12.5px; color:#9DA5B4; }
#iqbf .iqbf-ai-stages span.s { padding:3px 10px; border-radius:999px; border:1px solid #3C3C3C; color:#E0E0E0; }
#iqbf .iqbf-ai-code { margin:0; padding:16px 18px 22px; font:400 13px/1.7 var(--f-mono); white-space:pre; overflow-x:auto; min-height:300px; color:#D4D4D4; }
#iqbf .iqbf-ai-code .k { color:#569CD6; } #iqbf .iqbf-ai-code .t { color:#4EC9B0; } #iqbf .iqbf-ai-code .s { color:#CE9178; }
#iqbf .iqbf-ai-code .f { color:#DCDCAA; } #iqbf .iqbf-ai-code .c { color:#6A9955; } #iqbf .iqbf-ai-code .p { color:#9CDCFE; }
#iqbf.js-ai .iqbf-ai-result[hidden] { display:none; }
#iqbf .iqbf-ai-result .cl { display:block; }
#iqbf.js-ai .iqbf-ai-result.is-typing .cl { opacity:0; animation:iqbfLine .35s ease forwards; }
@keyframes iqbfLine { to { opacity:1; } }

/* ---------- COMPANY ---------- */
#iqbf .iqbf-company { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:start; }
#iqbf .iqbf-company .iqbf-lead { margin-top:20px; }
#iqbf .iqbf-company .iqbf-link { margin-top:24px; }
#iqbf .iqbf-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#iqbf .iqbf-fact { padding:28px; }
#iqbf .iqbf-fact-v { font:500 40px/1.05 var(--f-display); letter-spacing:-0.025em; color:var(--f-ink); }
#iqbf .iqbf-fact-v--sm { font-size:28px; line-height:1.43; white-space:nowrap; }
#iqbf .iqbf-fact-l { margin-top:10px; font-size:15px; line-height:22px; color:var(--f-text); }
#iqbf .iqbf-fact-n { margin-top:6px; font-size:13px; line-height:18px; color:var(--f-mute); }

/* ---------- FINAL CTA ---------- */
#iqbf .iqbf-cta { position:relative; overflow:hidden; isolation:isolate; border-radius:var(--f-r-card); padding:72px 56px; text-align:center; color:#fff; background:linear-gradient(120deg,#2E3EAB 0%,#485CC9 45%,#2C55C9 100%); box-shadow:var(--f-depth-16); }
#iqbf .iqbf-cta .iqbf-waves { opacity:.7; }
#iqbf .iqbf-cta > *:not(.iqbf-waves) { position:relative; }
#iqbf .iqbf-cta .iqbf-h2 { color:#fff; max-width:760px; margin:0 auto; }
#iqbf .iqbf-cta .iqbf-lead { color:rgba(255,255,255,.9); max-width:620px; margin:16px auto 0; }
#iqbf .iqbf-cta .iqbf-btns { justify-content:center; margin-top:32px; }

/* =====================================================================
   LIQUID GLASS — three places only (Jorge 2026-10-26): the sticky section
   bar, the Platform tabs, the Microsoft Partner band. Body-reading
   surfaces elsewhere stay solid. html.lite drops the blur, keeps the look.
   ===================================================================== */
/* 1. Sticky section bar: frosted strip over whatever scrolls under it */
#iqbf .iqbf-pillbar { background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,249,255,.58)) !important;
  -webkit-backdrop-filter:blur(22px) saturate(190%) !important; backdrop-filter:blur(22px) saturate(190%) !important;
  border-bottom:1px solid rgba(255,255,255,.85) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 0 rgba(86,107,221,.12), 0 10px 24px -18px rgba(31,49,160,.35); }
#iqbf .iqbf-pill { background:rgba(255,255,255,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(86,107,221,.16); }
#iqbf .iqbf-pill:hover { background:rgba(255,255,255,.85); }
#iqbf .iqbf-pill.is-on { box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 12px -4px rgba(9,31,44,.4); }

/* 2. Platform: wave wash behind; the panel is a frosted slab, the visual a thicker inset glass */
#iqbf .iqbf-sec--glass { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg,#F7FAFF 0%,#EEF4FF 100%); }
#iqbf .iqbf-sec--glass > .iqbf-waves { opacity:.75; }
#iqbf .iqbf-sec--glass > .iqbf-wrap { position:relative; z-index:1; }
#iqbf .iqbf-sec--glass .iqbf-panel { background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.72));
  -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 rgba(86,107,221,.12), 0 2px 4px rgba(0,0,0,.05), 0 30px 60px -30px rgba(31,49,160,.35); }
#iqbf .iqbf-sec--glass .iqbf-viz { position:relative; border-radius:20px; border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(135deg, rgba(232,240,255,.85) 0%, rgba(214,226,255,.55) 45%, rgba(236,232,255,.6) 100%);
  box-shadow:inset 2px 2px 0 #fff, inset -2px -2px 0 rgba(86,107,221,.18), inset 0 0 24px rgba(255,255,255,.6),
    3px 4px 0 rgba(255,255,255,.85), 6px 8px 0 rgba(208,220,255,.75), 9px 12px 0 rgba(160,178,245,.45), 0 24px 40px -20px rgba(31,49,160,.4); }
#iqbf .iqbf-sec--glass .iqbf-viz::after { content:""; position:absolute; inset:0; border-radius:20px; pointer-events:none;
  background:linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.45) 44%, rgba(255,255,255,0) 58%); }
#iqbf .iqbf-sec--glass .iqbf-viz > * { position:relative; z-index:1; }
#iqbf .iqbf-sec--glass .iqbf-tab { background:rgba(255,255,255,.6); box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(86,107,221,.16); }
#iqbf .iqbf-sec--glass .iqbf-tab:hover { background:rgba(255,255,255,.9); }
#iqbf .iqbf-sec--glass .iqbf-tab[aria-selected="true"] { background:#091F2C; color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 12px -4px rgba(9,31,44,.4); }

/* 3. Partner band: thick glass credential cards over the dark waves */
#iqbf .iqbf-band .iqbf-cred { position:relative; border-radius:18px;
  background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.07) 45%, rgba(140,170,255,.12) 100%);
  -webkit-backdrop-filter:blur(18px) saturate(170%); backdrop-filter:blur(18px) saturate(170%);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.45), inset -1px -1px 0 rgba(0,0,0,.18), inset 0 0 18px rgba(255,255,255,.06),
    3px 4px 0 rgba(255,255,255,.10), 6px 8px 0 rgba(150,170,255,.10), 0 20px 40px -18px rgba(0,0,0,.55); }
#iqbf .iqbf-band .iqbf-cred::after { content:""; position:absolute; inset:0; border-radius:18px; pointer-events:none;
  background:linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.16) 45%, rgba(255,255,255,0) 60%); }
#iqbf .iqbf-band .iqbf-cred-ic { width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0;
  background:linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,.08)); border:1px solid rgba(255,255,255,.38);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.55), inset -1px -1px 0 rgba(0,0,0,.15), 0 8px 18px -8px rgba(0,0,0,.55); }
#iqbf .iqbf-band .iqbf-cred-ic svg, #iqbf .iqbf-band .iqbf-cred-ic img { display:block; margin:0; }
#iqbf .iqbf-band .iqbf-creds { gap:16px; }

html.lite #iqbf .iqbf-pillbar, html.lite #iqbf .iqbf-sec--glass .iqbf-panel, html.lite #iqbf .iqbf-band .iqbf-cred { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
html.lite #iqbf .iqbf-pillbar { background:rgba(255,255,255,.97) !important; }
html.lite #iqbf .iqbf-sec--glass .iqbf-panel { background:rgba(255,255,255,.96); }
html.lite #iqbf .iqbf-band .iqbf-cred { background:rgba(255,255,255,.12); }
@media (prefers-reduced-transparency: reduce) {
  #iqbf .iqbf-pillbar { background:rgba(255,255,255,.97) !important; }
  #iqbf .iqbf-sec--glass .iqbf-panel { background:#fff; }
}

/* ---------- INDUSTRIES: scenario cards with real-world photos ---------- */
#iqbf .iqbf-scn { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#iqbf .iqbf-scn-card { display:flex; flex-direction:column; padding:8px; border-radius:var(--f-r-card); background:#fff;
  border:1px solid #D6E6F5; box-shadow:0 0 2px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.05); color:inherit; text-decoration:none !important;
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
#iqbf .iqbf-scn-card:hover { transform:translateY(-4px); border-color:#BCD3F0; box-shadow:0 0 2px rgba(0,0,0,.08), 0 18px 36px -14px rgba(31,49,160,.28); }
#iqbf .iqbf-scn-img { display:block; border-radius:16px; overflow:hidden; aspect-ratio:2/1; background:#EEF2F7; }
#iqbf .iqbf-scn-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.16,1,.3,1); }
#iqbf .iqbf-scn-card:hover .iqbf-scn-img img { transform:scale(1.045); }
#iqbf .iqbf-scn-body { display:flex; flex-direction:column; flex:1; padding:28px 16px 18px; }
#iqbf .iqbf-scn-kicker { font:600 12px/1.3 var(--f-textfont); color:var(--f-ink-2); margin-bottom:12px; }
#iqbf .iqbf-scn-title { font:500 24px/1.25 var(--f-display); letter-spacing:-0.015em; color:var(--f-ink); }
#iqbf .iqbf-scn-text { margin-top:14px; font-size:15px; line-height:24px; color:var(--f-text); flex:1; }
#iqbf .iqbf-scn-more { display:inline-flex; align-items:center; gap:10px; margin-top:20px; font:600 14px/1 var(--f-textfont); color:var(--f-ink); }
#iqbf .iqbf-scn-more i { width:32px; height:32px; border-radius:8px; display:grid; place-items:center; background:var(--f-btn); color:#fff; transition:transform .2s ease; }
#iqbf .iqbf-scn-card:hover .iqbf-scn-more i { transform:translateX(3px); }
@media (max-width:1080px) { #iqbf .iqbf-scn { grid-template-columns:1fr; max-width:640px; margin:0 auto; } }

/* ---------- Learning-curve chart: draws itself when its panel arrives ---------- */
#iqbf .iqbf-lc .lc-guide { transform-box:view-box; opacity:0; }
#iqbf .iqbf-lc .lc-dot { transform-box:fill-box; transform-origin:50% 50%; }
#iqbf.js-reveal .iqbf-lc .lc-sweep { clip-path:inset(0 100% 0 0); }
#iqbf.js-reveal .iqbf-lc .lc-dot { opacity:0; transform:scale(.2); }
#iqbf .lc-run .iqbf-lc .lc-sweep { animation:iqbfLcSweep 2.6s cubic-bezier(.45,.05,.45,1) .35s both; }
#iqbf .lc-run .iqbf-lc .lc-guide { animation:iqbfLcGuide 2.6s cubic-bezier(.45,.05,.45,1) .35s both; }
#iqbf .lc-run .iqbf-lc .lc-dot--iq { animation:iqbfLcDot .5s cubic-bezier(.34,1.56,.64,1) 2.85s both; }
#iqbf .lc-run .iqbf-lc .lc-dot--bt { animation:iqbfLcDot .5s cubic-bezier(.34,1.56,.64,1) 3s both; }
#iqbf .lc-run .iqbf-lc .lc-ring { transform-box:fill-box; transform-origin:50% 50%; animation:iqbfLcRing 2s ease-out 3.3s infinite; }
@keyframes iqbfLcSweep { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
@keyframes iqbfLcGuide { 0% { opacity:0; transform:translateX(0); } 8% { opacity:1; } 92% { opacity:1; } 100% { opacity:0; transform:translateX(430px); } }
@keyframes iqbfLcDot { from { opacity:0; transform:scale(.2); } to { opacity:1; transform:scale(1); } }
@keyframes iqbfLcRing { 0% { transform:scale(1); opacity:.35; } 100% { transform:scale(3.2); opacity:0; } }
@media (prefers-reduced-motion: reduce) {
  #iqbf.js-reveal .iqbf-lc .lc-sweep, #iqbf .lc-run .iqbf-lc .lc-sweep { clip-path:none; animation:none; }
  #iqbf.js-reveal .iqbf-lc .lc-dot, #iqbf .lc-run .iqbf-lc .lc-dot { opacity:1; transform:none; animation:none; }
  #iqbf .lc-run .iqbf-lc .lc-guide, #iqbf .lc-run .iqbf-lc .lc-ring { animation:none; }
}
html.lite #iqbf.js-reveal .iqbf-lc .lc-sweep { clip-path:none; }
html.lite #iqbf.js-reveal .iqbf-lc .lc-dot { opacity:1; transform:none; }
html.lite #iqbf .lc-run .iqbf-lc * { animation:none !important; }

/* ---------- Reveal (below the fold only; JS adds .js-reveal) ---------- */
/* 2026-10-26 (Jorge: "more notorious"): longer travel, a blur-to-sharp
   focus, directional entrances, and staggered groups. --rv-d is set per
   element by the script so siblings arrive one after another. */
#iqbf.js-reveal .iqbf-rv { opacity:0; transform:translate3d(0,64px,0) scale(.97); filter:blur(8px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1), transform 1.1s cubic-bezier(.16,1,.3,1), filter .9s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--rv-d,0s); }
#iqbf.js-reveal .iqbf-rv.rv-left  { transform:translate3d(-80px,0,0); }
#iqbf.js-reveal .iqbf-rv.rv-right { transform:translate3d(80px,0,0); }
#iqbf.js-reveal .iqbf-rv.rv-zoom  { transform:translate3d(0,40px,0) scale(.9); }
#iqbf.js-reveal .iqbf-rv.rv-tilt  { transform:perspective(1200px) translate3d(0,70px,0) rotateX(14deg); transform-origin:50% 100%; }
#iqbf.js-reveal .iqbf-rv.is-in { opacity:1; transform:none; filter:none; }
/* comparison rows and story stats follow their card in */
#iqbf.js-reveal .iqbf-path .iqbf-outcome, #iqbf.js-reveal .iqbf-stats > div { opacity:0; transform:translate3d(-16px,0,0); transition:opacity .6s ease, transform .7s cubic-bezier(.16,1,.3,1); transition-delay:calc(var(--rv-d,0s) + .35s + var(--i,0) * .09s); }
#iqbf.js-reveal .iqbf-rv.is-in .iqbf-outcome, #iqbf.js-reveal .iqbf-rv.is-in .iqbf-stats > div { opacity:1; transform:none; }
/* section headings: the eyebrow leads, the heading follows */
#iqbf.js-reveal .iqbf-head.iqbf-rv .iqbf-eyebrow { display:inline-block; transform:translateX(-24px); opacity:0; transition:transform .8s cubic-bezier(.16,1,.3,1) .1s, opacity .6s ease .1s; }
#iqbf.js-reveal .iqbf-head.iqbf-rv.is-in .iqbf-eyebrow { transform:none; opacity:1; }
#iqbf .iqbf-plx { will-change:transform; }
@media (max-width:768px) {
  #iqbf.js-reveal .iqbf-rv { transform:translate3d(0,40px,0); filter:none; }
  #iqbf.js-reveal .iqbf-rv.rv-left, #iqbf.js-reveal .iqbf-rv.rv-right { transform:translate3d(0,40px,0); }
}
html.lite #iqbf.js-reveal .iqbf-rv { filter:none; }
@media (prefers-reduced-motion: reduce) {
  #iqbf.js-reveal .iqbf-rv, #iqbf.js-reveal .iqbf-path .iqbf-outcome, #iqbf.js-reveal .iqbf-stats > div, #iqbf.js-reveal .iqbf-head.iqbf-rv .iqbf-eyebrow { opacity:1; transform:none; filter:none; transition:none; }
  #iqbf.js-ai .iqbf-ai-result.is-typing .cl { opacity:1; animation:none; }
}

/* ---------- Responsive ---------- */
@media (max-width:1080px) {
  #iqbf .iqbf-wrap { padding:0 32px; }
  #iqbf .iqbf-logo-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  #iqbf .iqbf-panel { grid-template-columns:1fr; gap:32px; padding:36px; }
  #iqbf .iqbf-paths { grid-template-columns:1fr; max-width:640px; margin:0 auto; gap:32px; }
  #iqbf .iqbf-path-stance { min-height:0; }
  #iqbf .iqbf-band .iqbf-wrap, #iqbf .iqbf-company { grid-template-columns:1fr; gap:40px; }
  #iqbf .iqbf-ai { grid-template-columns:1fr; }
  #iqbf .iqbf-ai-prompts { border-right:0; border-bottom:1px solid var(--f-line); }
}
@media (max-width:768px) {
  #iqbf { --f-sticky-top:calc(var(--iqb-util-h,30px) + var(--iqb-nav-h,64px)); }
  #iqbf .iqbf-wrap { padding:0 16px; }
  #iqbf .iqbf-sec { padding:64px 0; }
  #iqbf .iqbf-pillbar .iqbf-btn { display:none; }
  #iqbf .iqbf-pillbar .iqbf-wrap { min-height:56px; }
  #iqbf .iqbf-pill { font-size:14px; padding:6px 14px; }
  #iqbf .iqbf-logo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 20px; }
  #iqbf .iqbf-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin-left:-16px; margin-right:-16px; padding:2px 16px; }
  #iqbf .iqbf-tab { flex-shrink:0; }
  #iqbf .iqbf-eras { grid-template-columns:1fr; }
  #iqbf .iqbf-panel { padding:24px; }
  #iqbf .iqbf-viz { padding:18px; min-height:0; }
  #iqbf .iqbf-adapters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #iqbf .iqbf-story { grid-template-columns:1fr; }
  #iqbf .iqbf-story-aside { order:-1; padding:36px 24px; }
  #iqbf .iqbf-story-body { padding:32px 24px; }
  #iqbf .iqbf-story-quote { font-size:19px; }
  #iqbf .iqbf-stats { grid-template-columns:1fr; gap:20px; }
  #iqbf .iqbf-path { padding:28px 24px; }
  #iqbf .iqbf-ai-prompts { padding:24px; }
  #iqbf .iqbf-ai-code { font-size:12px; min-height:0; }
  #iqbf .iqbf-facts { grid-template-columns:1fr; }
  #iqbf .iqbf-cta { padding:48px 24px; }
  #iqbf .iqbf-btns .iqbf-btn { flex:1 1 auto; }
}

/* =====================================================================
   SHARED PIECES FOR INNER PAGES (2026-10-27): FAQ cards, light form
   fields, and the light skin for the site-wide form success/error card
   that the footer JS (functions.php §11) swaps in after a submit. The
   original card styles are scoped to .iqb-glass, so on Fluent pages the
   card was unstyled until now.
   ===================================================================== */
#iqbf .iqbf-faq { display:flex; flex-direction:column; gap:12px; }
#iqbf .iqbf-faq details { background:#fff; border-radius:16px; box-shadow:var(--f-depth-4); transition:box-shadow .2s ease; }
#iqbf .iqbf-faq details[open] { box-shadow:var(--f-depth-8); }
#iqbf .iqbf-faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 26px; font:600 17px/1.4 var(--f-textfont); color:var(--f-ink); }
#iqbf .iqbf-faq summary::-webkit-details-marker { display:none; }
#iqbf .iqbf-faq summary::after { content:""; flex-shrink:0; width:10px; height:10px; border-right:2px solid var(--f-ink); border-bottom:2px solid var(--f-ink); transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; }
#iqbf .iqbf-faq details[open] summary::after { transform:rotate(225deg) translate(-2px,-2px); }
#iqbf .iqbf-faq details p { padding:0 26px 24px; font-size:16px; line-height:24px; color:var(--f-text); }
#iqbf .iqbf-faq-grid { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:64px; align-items:start; }
#iqbf .iqbf-faq-grid .iqbf-head { margin-bottom:0; position:sticky; top:calc(var(--f-sticky-top) + 32px); }

#iqbf .iqbf-field { display:flex; flex-direction:column; gap:6px; min-width:0; }
#iqbf .iqbf-field label { font:600 14px/20px var(--f-textfont); color:var(--f-ink); }
#iqbf .iqbf-field label small { font-weight:400; color:var(--f-mute); }
#iqbf .iqbf-field input, #iqbf .iqbf-field textarea, #iqbf .iqbf-field select {
  width:100%; margin:0; min-height:40px; padding:8px 12px; border-radius:4px; border:1px solid #8A94A6; border-bottom-width:2px;
  background:#fff; color:var(--f-ink); font:400 15px/22px var(--f-textfont); box-shadow:none; transition:border-color .15s ease; }
#iqbf .iqbf-field textarea { min-height:112px; resize:vertical; }
#iqbf .iqbf-field input:hover, #iqbf .iqbf-field textarea:hover { border-color:#5B6678; }
#iqbf .iqbf-field input:focus, #iqbf .iqbf-field textarea:focus { outline:none; border-color:var(--f-brand); border-bottom-color:var(--f-brand); box-shadow:0 1px 0 0 var(--f-brand); }
#iqbf .iqbf-field input::placeholder, #iqbf .iqbf-field textarea::placeholder { color:#7A8496; }

#iqbf .iqb-form-success { position:relative; margin:0 auto; padding:36px 32px 32px; max-width:640px; text-align:center; border-radius:20px;
  background:#fff; box-shadow:var(--f-depth-16); color:var(--f-text); opacity:0; transform:scale(.97) translateY(10px);
  transition:opacity .42s cubic-bezier(.2,.8,.2,1), transform .42s cubic-bezier(.2,.8,.2,1); }
#iqbf .iqb-form-success.iqb-fs-in { opacity:1; transform:none; }
#iqbf .iqb-fs-icon { width:60px; height:60px; margin:0 auto 18px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--f-green-tint); color:var(--f-green); }
#iqbf .iqb-fs-icon svg { width:30px; height:30px; }
#iqbf .iqb-fs-icon svg path { stroke-dasharray:24; stroke-dashoffset:24; }
#iqbf .iqb-form-success.iqb-fs-in .iqb-fs-icon svg path { animation:iqbfFsCheck .55s cubic-bezier(.2,.8,.2,1) .18s forwards; }
@keyframes iqbfFsCheck { to { stroke-dashoffset:0; } }
#iqbf .iqb-fs-meta { display:inline-block; margin-bottom:14px; padding:4px 10px; border-radius:999px; background:var(--f-brand-tint); color:var(--f-brand-ink); font:600 12px/16px var(--f-textfont); }
#iqbf .iqb-fs-title { display:block; font:500 26px/1.25 var(--f-display); letter-spacing:-0.02em; color:var(--f-ink); margin:0 0 10px; }
#iqbf .iqb-fs-body { font-size:16px; line-height:24px; color:var(--f-text); margin:0 auto 22px; max-width:480px; }
#iqbf .iqb-fs-next { display:inline-flex; align-items:center; gap:8px; font-weight:600; color:var(--f-brand); }
#iqbf .iqb-fs-next::after { content:"→"; }
#iqbf .iqb-form-error { margin:0 0 16px; padding:12px 16px; border-radius:8px; background:#FDE7E9; border-left:4px solid #C4314B; color:#8A1C2C; font-size:14px; line-height:20px; }
#iqbf form button[type="submit"][disabled] { opacity:.6; cursor:progress; }
@media (prefers-reduced-motion: reduce) {
  #iqbf .iqb-form-success { transition:opacity .2s; transform:none; }
  #iqbf .iqb-fs-icon svg path { stroke-dashoffset:0; animation:none; }
}
@media (max-width:1080px) {
  #iqbf .iqbf-faq-grid { grid-template-columns:1fr; gap:40px; }
  #iqbf .iqbf-faq-grid .iqbf-head { position:static; }
}
@media (max-width:768px) {
  #iqbf .iqbf-faq summary { padding:18px 20px; font-size:16px; }
  #iqbf .iqbf-faq details p { padding:0 20px 20px; }
}

/* ---------- PEOPLE rows (iqbf_people): static cards keep the look, drop the lift ---------- */
#iqbf .iqbf-scn-card.is-static:hover { transform:none; border-color:#D6E6F5; box-shadow:0 0 2px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.05); }
#iqbf .iqbf-scn-card.is-static:hover .iqbf-scn-img img { transform:scale(1.02); }
#iqbf .iqbf-people .iqbf-head .iqbf-lead { max-width:760px; }
/* single-photo variant: one wide horizontal card */
#iqbf .iqbf-scn.iqbf-scn--one { grid-template-columns:minmax(0,1fr); max-width:none; }
#iqbf .iqbf-scn--one .iqbf-scn-card { flex-direction:row; align-items:stretch; }
#iqbf .iqbf-scn--one .iqbf-scn-img { flex:0 0 56%; aspect-ratio:auto; min-height:320px; }
#iqbf .iqbf-scn--one .iqbf-scn-body { justify-content:center; padding:36px 40px; }
#iqbf .iqbf-scn--one .iqbf-scn-title { font-size:30px; }
#iqbf .iqbf-scn--one .iqbf-scn-text { flex:0 0 auto; font-size:16px; line-height:26px; max-width:440px; }
@media (max-width:1080px) { #iqbf .iqbf-scn--one { max-width:640px; } #iqbf .iqbf-scn--one .iqbf-scn-card { flex-direction:column; } #iqbf .iqbf-scn--one .iqbf-scn-img { flex:none; aspect-ratio:2/1; min-height:0; } #iqbf .iqbf-scn--one .iqbf-scn-body { padding:28px 16px 18px; } #iqbf .iqbf-scn--one .iqbf-scn-title { font-size:24px; } }