/* GENERATED by scripts/copy-render-kit-runtime.mjs — do not edit by hand.
 * The www.infoc.in site sheet (CMS-D-223): the canonical CMS-D-054 kit,
 * then forms, then slider, then the infoc.in skin LAST. No overrides.css,
 * no v6.css — the sites share nothing at the skin layer. */
/* Generated from the canonical CMS-D-054 stylesheet; only the remote font transport is replaced. */
@font-face{font-family:'Infoc Modern';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/infoc-modern-latin.woff2') format('woff2')}
@font-face{font-family:'Infoc Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/infoc-mono-latin.woff2') format('woff2')}
@font-face{font-family:'Infoc Mark';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/infoc-mark-latin.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/infoc-modern-latin.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/infoc-mono-latin.woff2') format('woff2')}
@font-face{font-family:'Michroma';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/infoc-mark-latin.woff2') format('woff2')}
/* ---- absorbed from ioc-core.css (CMS-D-071) ---- */
/* ============================================================
   INFOC · Carbon-style design foundation
   Geist + 2x grid + INFOC interactive blue (#0001ff)
   Light theme (white / Gray 10). Shared across all directions.
   ============================================================ */


:root{
  /* Gray family (Carbon) */
  --ioc-white:#ffffff;
  --ioc-g10:#f4f4f4;
  --ioc-g20:#e0e0e0;
  --ioc-g30:#c6c6c6;
  --ioc-g40:#a8a8a8;
  --ioc-g50:#8d8d8d;
  --ioc-g60:#666666;
  --ioc-g70:#525252;
  --ioc-g80:#393939;
  --ioc-g90:#262626;
  --ioc-g100:#161616;

  /* Interactive — INFOC blue */
  --ioc-blue:#0001ff;--ioc-accent:#0001ff;--ioc-accent-hover:#0000c4;--ioc-accent-ink:#0001ff;
  /* CMS-D-095 ③: was #0e8a5f — 4.36:1 as text on white and 3.95:1 on the
     success tint, both AA failures. Green-70 reads 7.72:1 / 7.00:1. */
  --ioc-green:#0e6027;
  --ioc-blue-hover:#0000c4;
  --ioc-focus:#0001ff;

  /* Text */
  --ioc-text-primary:#161616;
  --ioc-text-secondary:#525252;
  --ioc-text-helper:#5c5c5c;
  --ioc-text-on-color:#ffffff;

  /* Lines */
  --ioc-border-subtle:#e0e0e0;
  --ioc-border-strong:#8d8d8d;

  /* Type */
  --ioc-sans:"Manrope", system-ui, -apple-system, sans-serif;
  --ioc-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Carbon spacing scale */
  --ioc-s1:2px;  --ioc-s2:4px;  --ioc-s3:8px;  --ioc-s4:12px; --ioc-s5:16px;
  --ioc-s6:24px; --ioc-s7:32px; --ioc-s8:40px; --ioc-s9:48px; --ioc-s10:64px;
  --ioc-s11:80px; --ioc-s12:96px; --ioc-s13:160px;

  /* Layout */
  --ioc-maxw:1584px;
  --ioc-gutter:32px;
  /* ONE placeholder colour for every form input on the site (owner direction
     2026-08-28). Placeholders were set FIVE different ways — g50, g60, g70,
     an on-brand tint and a raw rgba — and `.field input::placeholder` sat on
     g50 (#8d8d8d), which is 3.4:1 on white and FAILS WCAG AA for the hint text
     a visitor reads to know what to type.
     Built from the existing scale rather than a new literal: it lands ~#757575,
     4.8:1 on white. Lighter than the g60 the campaign forms used (5.7:1), so it
     reads as a hint and not as a filled value, while keeping real headroom over
     the 4.5:1 floor — the lightest fully safe grey is about #767676, so there
     is no room to go lighter than this and stay compliant. */
  --ioc-placeholder:color-mix(in srgb,var(--ioc-g50) 38%,var(--ioc-g60));
  --ioc-container-prose:720px;
  --ioc-container-default:1200px;
  --ioc-container-wide:1440px;

  /* Elevation — subtle, engineered depth */
  --ioc-shadow-sm:0 1px 2px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.03);
  --ioc-shadow-md:0 4px 8px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);
  --ioc-shadow-lg:0 12px 24px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);
  --ioc-shadow-card:0 14px 34px -20px rgba(15,17,60,.30);
  --ioc-shadow-pop:0 24px 48px -24px rgba(10,12,60,.22);

  /* Motion */
  --ioc-dur-instant:100ms; --ioc-dur-fast:200ms; --ioc-dur-mid:250ms;
  --ioc-dur-slow:300ms; --ioc-dur-reveal:600ms;
  --ioc-ease:cubic-bezier(.2,.7,.3,1);
  --ioc-ease-out:cubic-bezier(.16,1,.3,1);
  --ioc-ease-in:cubic-bezier(.7,0,.84,0);
  --ioc-ease-inout:cubic-bezier(.65,0,.35,1);

  /* Z-index */
  --ioc-z-raised:10; --ioc-z-sticky:20; --ioc-z-dropdown:30; --ioc-z-tooltip:40;
  --ioc-z-overlay:50; --ioc-z-modal:60; --ioc-z-toast:70;
}

/* ---- P37 role layer (CMS-D-094/095) · literal-valued semantic roles ----
   Rules consume these instead of raw hex; the T16 gate ratchets the raw hex
   to zero across Wave T. Only LITERAL-valued roles may live at :root —
   an alias (a value containing var()) declared here substitutes on <html>
   and FREEZES at its code default, blind to the emitter's body.ioc-site
   overrides; aliases live in the body.ioc-site block below. Values with a
   deliberate delta from the literals they absorb (--ioc-success vs the
   #42be65 it replaces) are CMS-D-095 ③ decisions, applied at Wave T2b. */
:root{
  /* surfaces · light */
  --ioc-surface:#ffffff;
  --ioc-surface-subtle:#fbfbfb;
  --ioc-surface-cool:#f2f4f8;
  --ioc-surface-hover:#e8e8e8;
  --ioc-hover-wash:#f7faff;
  --ioc-selected-surface:#edf5ff;
  --ioc-selected-border:#c6d9ff;
  /* surfaces · inverse / brand */
  --ioc-surface-inverse-raised:#1c1c1c;
  --ioc-surface-brand:#001d6c;
  --ioc-surface-brand-deep:#001141;
  /* on-color text/border — the #fff split (CMS-D-094 ①) */
  /* T2b: the --blue-on-dark repair — four sites consumed a name declared
     NOWHERE (invalid at computed-value time; they rendered inherited
     colour) and now consume this declared role. Census-named. */
  --ioc-accent-on-inverse:#78a9ff;
  --ioc-border-on-color:#ffffff;
  /* Wave A: text on PRIMARY fills. Skin-derived by the emitter — dark's
     primary is Carbon blue-40, a light fill needing ink text (7.68:1),
     while white on it reads 2.3:1. Accent fills keep --ioc-text-on-color:
     family accents are AA-proven with white by the family spec. */
  --ioc-text-on-primary:#ffffff;
  --ioc-text-on-brand-soft:#e5e5ff;
  --ioc-text-on-brand-muted:#d0d0ff;
  --ioc-text-on-brand-deep:#d0e2ff;
  --ioc-accent-on-brand:#8c8cff;
  /* status */
  --ioc-danger:#da1e28;
  --ioc-danger-text:#a2191f;
  --ioc-danger-surface:#fff1f1;
  --ioc-danger-on-color:#ff8389;
  --ioc-success:#198038;
  --ioc-success-surface:#defbe6;
  /* family palette constants — code-owned; the [data-page-family] sources
     alias these at Wave T3 (a DIFFERENT name, so no var() self-reference) */
  --ioc-fam-academy:#6929c4;
  --ioc-fam-academy-hover:#55209c;
  --ioc-fam-talents:#1a7a52;
  --ioc-fam-talents-hover:#145f40;
  --ioc-fam-talents-ink:#146245;
  --ioc-fam-industries:#007d79;
  --ioc-fam-industries-ink:#005d5d;
  --ioc-fam-company:#4d5358;
  /* Wave C component roles — each bound to a tab field, each consumed
     below. The header surface keeps the kit's translucent-blur alpha; the
     emitter rebuilds it from a validated hex via color-mix. */
  --ioc-header-surface:rgba(255,255,255,.94);
  --ioc-header-active:#0001ff;
  --ioc-crumb:#5c5c5c;
  --ioc-crumb-current:#0001ff;
  /* residue constants (CMS-D-095 ⑤ — found, not named) */
  --ioc-magenta:#9f1853;
  --ioc-teal:#08bdba;
  --ioc-wash-pink:#fff1f7;
}
/* Aliased roles: substitution happens ON body, after the admin emitter's
   overrides cascade onto that same element, so a store change to the
   primitive flows through the role for every descendant. */
body.ioc-site{
  /* T2b freeze repair: at :root this substituted var(--ioc-blue) on <html>
     and froze — focus rings ignored the admin primary. Here it follows. */
  --ioc-shadow-focus:0 0 0 2px var(--ioc-surface,#ffffff), 0 0 0 5px var(--ioc-blue);
  --ioc-surface-sunken:var(--ioc-g10);
  --ioc-surface-inverse:var(--ioc-g100);
  --ioc-text-on-inverse-muted:var(--ioc-g30);
  /* Wave C: the footer follows the page surface (and therefore the skin)
     until its own field says otherwise. */
  --ioc-footer-surface:var(--ioc-surface);
}

body.ioc-site *{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* P36 / CMS-D-092 — the admin-governed tokens are CONSUMED here. Each carries
   the previous literal as its `var()` fallback, so a page rendered without the
   token block (anything outside the `[siteKey]` segment) is byte-identical to
   before. `--ioc-text-primary` was already a token and already inherited by
   headings, which is what makes item 6 reachable without an element-level
   heading colour rule that would break the inverse sections. */
body.ioc-site{
  /* CMS-D-093 — the `skin` field's OWN consumer. Without it the control would be
     stored, shown, and read by nothing (the CMS-D-081 dangling-store defect).
     This is what makes native controls, scrollbars and form widgets follow a
     dark site instead of staying stubbornly light against it. */
  color-scheme:var(--ioc-color-scheme,light);
  margin:0;
  font-family:var(--ioc-body-family,var(--ioc-sans));
  color:var(--ioc-text-primary);
  background:var(--ioc-white);
  font-size:var(--ioc-body-size,16px);
  line-height:var(--ioc-body-line-height,1.5);
  font-weight:var(--ioc-body-weight,400);
}
body.ioc-site a{color:inherit;text-decoration:none}
body.ioc-site img{max-width:100%;display:block}
body.ioc-site ::selection{background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
:focus-visible{outline:none;box-shadow:var(--ioc-shadow-focus)}

/* Skip link — first focusable element on every page */
.skip-link{position:absolute;left:16px;top:-48px;z-index:var(--ioc-z-toast);background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);padding:12px 20px;font-family:var(--ioc-sans);font-size:14px;font-weight:500;transition:top .15s var(--ioc-ease-out)}
.skip-link:focus-visible{top:16px;box-shadow:var(--ioc-shadow-focus)}

/* Metrics never shift layout while counting */
.statstrip .sn b,.a-stat .num,[data-countup],.tnum{font-variant-numeric:tabular-nums}

/* ---------- Type scale (Carbon productive/expressive) ---------- */
.eyebrow{
  font-family:var(--ioc-mono);
  font-size:12px;
  letter-spacing:.32px;
  text-transform:uppercase;
  color:var(--ioc-text-secondary);
  font-weight:400;
  margin:0;
}
.eyebrow .dot{color:var(--ioc-blue)}
/* P36 (CMS-D-092 phase) — `:where()` carries ZERO specificity, so this reads as
   the source's bare `h1,h2,h3,h4` (0-0-1) while keeping CMS-D-071 deviation #5's
   scoping intent. Written as `body.ioc-site h1` it scored 0-1-2 and silently
   outranked EVERY single-class block heading rule in this file; measured against
   the served design source, 8 of 41 headings on the home page rendered at 600
   instead of 700. The scope must not also be a priority. */
:where(body.ioc-site) h1,:where(body.ioc-site) h2,:where(body.ioc-site) h3,:where(body.ioc-site) h4{letter-spacing:-.01em;margin:0;line-height:1.12;font-family:var(--ioc-heading-family,inherit)}
/* Split per level so CMS-D-092's per-level weights have somewhere to land. The
   `600` fallbacks preserve the grouped rule this replaced, byte for byte, when
   no token block is present. Still 0-0-1: the scope must not be a priority. */
.display-xl{font-size:clamp(48px,6.6vw,104px);font-weight:600;line-height:.98;letter-spacing:-.03em}
.display-l{font-size:clamp(40px,4.6vw,72px);font-weight:600;line-height:1.04;letter-spacing:-.028em}
.display-m{font-size:clamp(30px,3.2vw,46px);font-weight:600;line-height:1.08;letter-spacing:-.015em}
.heading{font-size:clamp(22px,2vw,30px);font-weight:600;line-height:1.18;letter-spacing:-.01em}
.body-l{font-size:clamp(18px,1.4vw,21px);line-height:1.55;color:var(--ioc-text-secondary);font-weight:400;letter-spacing:-.003em;text-wrap:pretty}
.display-xl,.display-l,.display-m{text-wrap:balance}
.body{font-size:16px;line-height:1.55;color:var(--ioc-text-secondary)}
.body-s{font-size:14px;line-height:1.5;color:var(--ioc-text-secondary)}
.fw300{font-weight:300}
.thin-accent{color:var(--ioc-blue)}

/* ---------- Layout helpers ---------- */
.wrap{max-width:var(--ioc-maxw);margin:0 auto;padding:0 var(--ioc-gutter)}
.grid16{display:grid;grid-template-columns:repeat(16,1fr);gap:0}
.section{padding-top:112px;padding-bottom:112px}
.section-xl{padding-top:140px;padding-bottom:140px}
.rule{height:1px;background:var(--ioc-border-subtle);border:0;margin:0}
.rule-strong{height:1px;background:var(--ioc-border-strong)}

/* ---------- Buttons (Carbon) ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:space-between;
  gap:var(--ioc-s10);
  font-family:var(--ioc-sans);font-size:15px;font-weight:500;line-height:1.2;
  padding:16px 20px;min-width:200px;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;
  transition:background .16s var(--ioc-ease), color .16s var(--ioc-ease), border-color .16s var(--ioc-ease), box-shadow .16s var(--ioc-ease);
  text-align:left;
}
.btn svg{width:18px;height:18px;flex:none;transition:transform .2s var(--ioc-ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.btn-primary:hover{background:var(--ioc-accent-hover);box-shadow:var(--ioc-shadow-card)}
.btn-primary:active{background:var(--ioc-accent-hover)}
.btn-secondary{background:var(--ioc-g80);color:var(--ioc-text-on-color,#fff)}
.btn-secondary:hover{background:var(--ioc-g70)}
.btn-tertiary{background:transparent;color:var(--ioc-accent);border-color:var(--ioc-accent)}
.btn-tertiary:hover{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.btn-ghost{background:transparent;color:var(--ioc-accent);min-width:auto;padding:8px 0;gap:var(--ioc-s5)}
.btn-ghost:hover{color:var(--ioc-accent-hover)}
.btn-on-dark{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.btn-on-dark.is-ghost{background:transparent;border-color:var(--ioc-g70,#525252);color:var(--ioc-text-on-color,#fff);min-width:200px}
.btn-on-dark.is-ghost:hover{background:var(--ioc-text-on-color,#fff);color:var(--ioc-text-primary,#161616);border-color:var(--ioc-border-on-color,#fff)}

/* inline link with arrow */
.link-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--ioc-link-color,var(--ioc-blue));font-size:15px;font-weight:400;font-family:var(--ioc-sans)}
.link-arrow svg{width:16px;height:16px;transition:transform .15s ease}
.link-arrow:hover svg{transform:translateX(4px)}

/* tag / chip */
.tag{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ioc-mono);font-size:12px;letter-spacing:.4px;
  color:var(--ioc-text-secondary);
  border:1px solid var(--ioc-border-subtle);
  padding:6px 12px;background:var(--ioc-white);
  transition:border-color .14s var(--ioc-ease),color .14s var(--ioc-ease),background .14s var(--ioc-ease);
}
.tag:hover{border-color:var(--ioc-g40);color:var(--ioc-text-primary)}
.tag b{color:var(--ioc-blue);font-weight:500}

/* ========================================================
   GLOBAL SHARED SHELL  (INFOC V1 · matches approved reference)
   Header + mega menus + search + mobile drawer + footer +
   cookie consent + chat routing + back-to-top. Mapped to INFOC
   tokens and the locked Manrope / JetBrains Mono stack.
   Header/footer internals are scoped under .ioc-header/.ioc-footer.
   ======================================================== */

/* ---- scroll progress ---- */
.sh-progress{position:fixed;z-index:var(--ioc-z-toast);left:0;right:0;top:0;height:2px;pointer-events:none}
.sh-progress::before{content:"";display:block;width:calc(var(--sp,0) * 1%);height:100%;background:linear-gradient(90deg,var(--ioc-blue),var(--ioc-fam-talents,#1a7a52))}

/* ---- HEADER ---- */
.ioc-header{position:sticky;top:0;z-index:var(--ioc-z-sticky);background:var(--ioc-header-surface,rgba(255,255,255,.94));-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--ioc-border-subtle);transition:box-shadow .25s var(--ioc-ease)}
.ioc-header.scrolled{box-shadow:0 10px 28px -18px rgba(15,17,60,.22)}
.ioc-header .header-row{display:flex;align-items:stretch;height:72px;max-width:none;margin:0 auto;padding:0 var(--ioc-gutter)}
.ioc-header .brand{display:inline-flex;align-items:center;color:var(--ioc-text-primary);margin-right:32px}
/* INFOC Michroma wordmark lockup (static master) */
.infoc-logo{display:inline-flex;align-items:baseline;font-family:"Michroma",sans-serif;font-weight:400;letter-spacing:.11em;line-height:1;padding-bottom:.26em;-webkit-text-stroke:.063em currentColor;paint-order:stroke fill;transform:none}
.infoc-logo .g{display:inline-block}
.infoc-logo .g:first-child{margin-right:-.07em}
.infoc-logo .g:nth-child(2){margin-right:-.04em}
.infoc-logo .gc{position:relative;color:var(--ioc-blue);margin-right:-.02em}
.infoc-logo .gc::after{content:"";position:absolute;left:0;top:calc(100% + .122em);width:calc(100% - .11em);height:.14em;background:currentColor}
.ioc-header .brand .infoc-logo{font-size:23px}
@media (prefers-reduced-motion:no-preference){.ioc-header .brand .infoc-logo .gc{animation:idcHdrInk 1.5s var(--ioc-ease) .25s both}}
@keyframes idcHdrInk{0%{color:var(--ioc-text-primary)}100%{color:var(--ioc-blue)}}
.ioc-header .nav{display:flex;margin-left:auto;align-items:stretch}
.ioc-header .nav-link,.ioc-header .nav-trigger{position:relative;display:flex;align-items:center;gap:6px;padding:0 15px;border:0;background:transparent;font-family:var(--ioc-sans);font-weight:600;font-size:14px;color:var(--ioc-text-secondary);white-space:nowrap;cursor:pointer;transition:color .16s var(--ioc-ease)}
.ioc-header .nav-link::after,.ioc-header .nav-trigger::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--ioc-header-active,#0001ff);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ioc-ease)}
.ioc-header .nav-link:hover,.ioc-header .nav-trigger:hover,.ioc-header .nav-trigger[aria-expanded="true"]{color:var(--ioc-text-primary)}
.ioc-header .nav-link:hover::after,.ioc-header .nav-trigger:hover::after,.ioc-header .nav-trigger[aria-expanded="true"]::after{transform:scaleX(1)}
.ioc-header .nav-link[aria-current="page"]{color:var(--ioc-header-active,#0001ff)}
.ioc-header .nav-link[aria-current="page"]::after{transform:scaleX(1)}
.ioc-header .ico-down{width:12px;height:12px;transition:transform .2s var(--ioc-ease)}
.ioc-header .nav-trigger[aria-expanded="true"] .ico-down{transform:rotate(180deg)}
.ioc-header .nav-link,.ioc-header .nav-trigger{text-decoration:none;cursor:pointer}
.mobile-sub .mobile-overview{font-weight:600;color:var(--ioc-blue)}
.ioc-header .nav-trigger[aria-current="page"]{color:var(--ioc-header-active,#0001ff)}
.ioc-header .nav-trigger[aria-current="page"]::after{transform:scaleX(1)}
.ioc-header .header-actions{display:flex;margin-left:6px}
.ioc-header .icon-btn{width:56px;display:grid;place-items:center;border:0;border-left:1px solid var(--ioc-border-subtle);background:transparent;color:var(--ioc-text-primary);cursor:pointer;transition:background .16s var(--ioc-ease),color .16s var(--ioc-ease)}
.ioc-header .icon-btn:hover{background:var(--ioc-g10);color:var(--ioc-blue)}
.ioc-header .icon-btn .ico{width:20px;height:20px}
.ioc-header .top-cta{min-width:176px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);font-weight:600;font-size:13.5px;letter-spacing:-.01em;transition:background .16s var(--ioc-ease)}
.ioc-header .top-cta:hover{background:var(--ioc-blue-hover)}
.ioc-header .top-cta .ico{width:16px;height:16px;transition:transform .2s var(--ioc-ease)}
.ioc-header .top-cta:hover .ico{transform:translateX(3px)}
.ioc-header .mobile-toggle{display:none}

/* ---- mega panels ---- */
.ioc-header .backdrop{position:absolute;left:0;right:0;top:100%;height:100vh;background:rgba(22,22,22,.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ioc-ease),visibility .2s}
.ioc-header .backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
.ioc-header .mega{display:block;position:absolute;left:0;right:0;width:auto;top:100%;background:var(--ioc-surface,#fff);border-bottom:1px solid var(--ioc-border-strong);box-shadow:0 24px 48px -24px rgba(10,12,60,.25);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s var(--ioc-ease),transform .28s var(--ioc-ease),visibility .2s;max-height:calc(100vh - 72px);overflow:auto}
.ioc-header .mega.open{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.ioc-header .mega-inner{width:100%;max-width:none;margin:0 auto;padding:26px var(--ioc-gutter)}
.ioc-header .sol-layout{display:grid;grid-template-columns:minmax(13rem,3fr) minmax(26rem,6fr) minmax(13rem,3fr);gap:clamp(20px,2vw,32px);align-items:start}
.ioc-header .simple-layout{display:grid;grid-template-columns:minmax(13rem,3fr) minmax(30rem,9fr);gap:clamp(20px,2vw,32px);align-items:start}
.ioc-header .featured{display:flex;flex-direction:column;padding:18px;background:var(--ioc-selected-surface,#edf5ff)}
.ioc-header .featured>svg{width:24px;height:24px;color:var(--ioc-blue)}
.ioc-header .featured .mega-label{margin-top:14px}
.ioc-header .featured h3{margin:6px 0 8px;font-size:18px;line-height:1.12;letter-spacing:-.02em;color:var(--ioc-text-primary)}
.ioc-header .featured p{margin:0;color:var(--ioc-text-secondary);font-size:12.5px;line-height:1.5}
.ioc-header .featured>a{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--ioc-selected-border,#c6d9ff);color:var(--ioc-blue);font-weight:600;font-size:14px}
.ioc-header .featured>a .ico{width:16px;height:16px}
.ioc-header .mega-label{color:var(--ioc-blue);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ioc-header .mega-intro h2{font-size:clamp(19px,1.5vw,24px);line-height:1.08;letter-spacing:-.025em;margin:8px 0;max-width:16ch}
.ioc-header .mega-intro p{color:var(--ioc-text-secondary);line-height:1.5;font-size:13px;max-width:38ch}
.ioc-header .view-all{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--ioc-blue);font-weight:600;font-size:13px}
.ioc-header .view-all .ico{width:16px;height:16px;transition:transform .2s var(--ioc-ease)}
.ioc-header .view-all:hover .ico{transform:translateX(3px)}
.ioc-header .group-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ioc-border-subtle);border-left:1px solid var(--ioc-border-subtle)}
.ioc-header .menu-group{padding:14px 16px;border-right:1px solid var(--ioc-border-subtle);border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-header .menu-group h3{margin:0 0 8px;color:var(--ioc-blue);font-family:var(--ioc-mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}
.ioc-header .menu-group a{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:9px 0;border-top:1px solid var(--ioc-border-subtle);color:var(--ioc-text-primary)}
.ioc-header .menu-group a:first-of-type{border-top:0}
.ioc-header .menu-group .mg-ico{margin-top:2px}
.ioc-header .menu-group .mg-ico svg{width:18px;height:18px;color:var(--ioc-blue)}
.ioc-header .menu-group strong{display:block;font-size:13.5px;font-weight:600;transition:color .14s var(--ioc-ease)}
.ioc-header .menu-group .mg-txt>span{display:block;margin-top:3px;color:var(--ioc-text-secondary);font-size:12px;font-weight:400;line-height:1.45}
.ioc-header .menu-group a>.ico{width:15px;height:15px;margin-top:2px;color:var(--ioc-blue);flex:none;transition:transform .16s var(--ioc-ease)}
.ioc-header .menu-group a:hover>.ico{transform:translateX(3px)}
.ioc-header .menu-group a:hover strong{color:var(--ioc-blue)}
.ioc-header .simple-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ioc-border-subtle);border-left:1px solid var(--ioc-border-subtle)}
.ioc-header .simple-links a{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:16px;border-right:1px solid var(--ioc-border-subtle);border-bottom:1px solid var(--ioc-border-subtle);color:var(--ioc-text-primary);transition:background .16s var(--ioc-ease)}
.ioc-header .simple-links a .ico{width:22px;height:22px;color:var(--ioc-blue)}
.ioc-header .simple-links [data-tile]{display:block}
.ioc-header .simple-links [data-tile] svg{width:20px;height:20px;color:var(--ioc-blue)}
.ioc-header .simple-links .mega-label{margin-bottom:2px}
.ioc-header .simple-links strong{font-size:15px;font-weight:600}
.ioc-header .simple-links span{color:var(--ioc-text-secondary);font-size:12.5px;line-height:1.45}
.ioc-header .simple-links a:hover{background:var(--ioc-g10)}
.ioc-header .simple-links a:hover strong{color:var(--ioc-blue)}

/* ---- mobile drawer ---- */
.sh-drawer{position:fixed;z-index:var(--ioc-z-modal);inset:0 0 0 auto;width:min(92vw,28rem);background:var(--ioc-surface,#fff);transform:translateX(102%);transition:transform .32s var(--ioc-ease);box-shadow:-2rem 0 5rem rgba(0,0,0,.18);display:flex;flex-direction:column}
.sh-drawer.open{transform:none}
.sh-drawer .mobile-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding-left:20px;border-bottom:1px solid var(--ioc-border-subtle)}
.sh-drawer .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.04em;color:var(--ioc-text-primary)}
.sh-drawer .brand .infoc-logo{font-size:21px}
.sh-drawer .icon-btn{width:56px;height:56px;display:grid;place-items:center;border:0;background:transparent;color:var(--ioc-text-primary);cursor:pointer}
.sh-drawer .icon-btn .ico{width:20px;height:20px}
.sh-drawer .mobile-nav{overflow:auto;flex:1}
.sh-drawer .mobile-nav>a,.sh-drawer .mobile-nav>button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:0;border-bottom:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff);text-align:left;font-family:var(--ioc-sans);font-weight:600;font-size:15px;color:var(--ioc-text-primary);cursor:pointer}
.sh-drawer .mobile-nav .ico-down{width:16px;height:16px;transition:transform .2s var(--ioc-ease)}
.sh-drawer .mobile-nav>button[aria-expanded="true"] .ico-down{transform:rotate(180deg)}
.sh-drawer .mobile-sub{display:grid;grid-template-rows:0fr;background:var(--ioc-g10);transition:grid-template-rows .25s var(--ioc-ease)}
.sh-drawer .mobile-sub.open{grid-template-rows:1fr}
.sh-drawer .mobile-sub>div{overflow:hidden}
.sh-drawer .mobile-sub a{display:block;padding:13px 28px;border-bottom:1px solid var(--ioc-border-subtle);color:var(--ioc-text-secondary);font-size:14px}
.sh-drawer .drawer-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);font-weight:600}
.sh-drawer .drawer-cta .ico{width:16px;height:16px}

/* ---- search overlay ---- */
.sh-search{position:fixed;z-index:var(--ioc-z-overlay);inset:0;background:rgba(22,22,22,.65);display:grid;place-items:start center;padding-top:6rem;opacity:0;visibility:hidden;transition:opacity .2s var(--ioc-ease),visibility .2s}
.sh-search.show{opacity:1;visibility:visible}
.sh-search .search-panel{width:min(calc(100% - 2rem),54rem);background:var(--ioc-surface,#fff);box-shadow:0 2rem 6rem rgba(0,0,0,.25)}
.sh-search .search-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ioc-border-subtle);font-family:var(--ioc-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.sh-search .icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--ioc-text-primary);cursor:pointer}
.sh-search .icon-btn .ico{width:18px;height:18px}
.sh-search>.search-panel>label{display:block;padding:24px 24px 6px;font-size:20px;font-weight:600;letter-spacing:-.01em}
.sh-search .search-input{display:flex;align-items:center;gap:12px;margin:0 24px 16px;padding:0 14px;background:var(--ioc-g10);border-bottom:2px solid var(--ioc-text-primary)}
.sh-search .search-input .ico{width:18px;height:18px;color:var(--ioc-text-helper)}
.sh-search .search-input input{width:100%;height:60px;border:0;background:transparent;font-family:var(--ioc-sans);font-size:17px;outline:none;color:var(--ioc-text-primary)}
.sh-search .search-results{border-top:1px solid var(--ioc-border-subtle)}
.sh-search .search-results a{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-bottom:1px solid var(--ioc-border-subtle);color:var(--ioc-text-primary);font-size:14.5px}
.sh-search .search-results a .ico{width:16px;height:16px;color:var(--ioc-blue);transition:transform .2s var(--ioc-ease)}
.sh-search .search-results a:hover{background:var(--ioc-g10);color:var(--ioc-blue)}
.sh-search .search-results a:hover .ico{transform:translateX(3px)}

/* ---- FOOTER ---- */
.ioc-footer{position:relative;border-top:1px solid var(--ioc-border-subtle);background:var(--ioc-footer-surface,#fff);color:var(--ioc-text-primary)}
.ioc-footer .fwrap{max-width:var(--ioc-maxw);margin:0 auto;padding:0 var(--ioc-gutter)}
.ioc-footer .footer-cta{background:linear-gradient(115deg,var(--ioc-selected-surface,#edf5ff) 0%,var(--ioc-hover-wash,#f7faff) 58%,var(--ioc-wash-pink,#fff1f7) 150%);border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-footer .footer-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(2.5rem,5vw,5rem);align-items:start;padding-block:clamp(64px,7vw,112px)}
.ioc-footer .fcta-eyebrow{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-accent)}
.ioc-footer .footer-cta h2{max-width:11ch;font-size:clamp(40px,6vw,92px);line-height:.96;letter-spacing:-.045em;margin:14px 0 0;font-weight:800}
.ioc-footer .footer-cta h2 .em{color:var(--ioc-accent)}
.ioc-footer .footer-action{padding-left:clamp(1.5rem,3vw,3rem);border-left:1px solid var(--ioc-selected-border,#c6d9ff)}
.ioc-footer .footer-action .fa-k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-accent)}
.ioc-footer .footer-action h3{font-size:clamp(22px,2.4vw,30px);line-height:1.08;letter-spacing:-.02em;margin:12px 0}
.ioc-footer .footer-action p{max-width:35rem;color:var(--ioc-text-secondary);line-height:1.6;font-size:14.5px;margin:0}
.ioc-footer .fa-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ioc-border-subtle);margin:14px 0 20px;max-width:36rem}
.ioc-footer .fa-tab{min-height:3rem;padding:0 1rem;background:var(--ioc-surface,#fff);border:0;border-right:1px solid var(--ioc-border-subtle);font:inherit;font-weight:600;font-size:13px;color:var(--ioc-text-secondary);cursor:pointer;text-align:left;transition:background .2s,color .2s}
.ioc-footer .fa-tab:last-child{border-right:0}
.ioc-footer .fa-tab[aria-selected="true"]{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.ioc-footer .fa-panel{display:none}
.ioc-footer .fa-panel.active{display:block}
.ioc-footer .footer-action-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:22px 0;background:var(--ioc-selected-border,#c6d9ff);border:1px solid var(--ioc-selected-border,#c6d9ff)}
.ioc-footer .footer-action-points span{min-height:4.25rem;padding:12px;background:rgba(255,255,255,.75);font-size:12px;line-height:1.4;color:var(--ioc-text-secondary)}
.ioc-footer .footer-action-points b{display:block;margin-bottom:4px;color:var(--ioc-accent);font-family:var(--ioc-mono);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.ioc-footer .footer-button{display:flex;align-items:center;justify-content:space-between;width:min(100%,24rem);min-height:56px;padding:16px 18px;background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff);font-weight:600;transition:background .2s var(--ioc-ease),transform .2s var(--ioc-ease)}
.ioc-footer .footer-button:hover{background:var(--ioc-accent-hover);transform:translateY(-2px)}
.ioc-footer .footer-button .ico{width:16px;height:16px;transition:transform .2s var(--ioc-ease)}
.ioc-footer .footer-button:hover .ico{transform:translateX(3px)}
.ioc-footer .footer-routes{background:var(--ioc-surface,#fff);border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-footer .route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-inline:1px solid var(--ioc-border-subtle)}
.ioc-footer .route{min-height:9rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:26px 28px;border-right:1px solid var(--ioc-border-subtle);color:var(--ioc-text-primary);transition:background .2s var(--ioc-ease),color .2s var(--ioc-ease)}
.ioc-footer .route:last-child{border-right:0}
.ioc-footer .route .rn{display:inline-flex;align-items:center;justify-content:center;color:var(--ioc-accent)}
.ioc-footer .route .rn svg{width:26px;height:26px;stroke-width:1.5}
.ioc-footer .route b{display:block;margin-bottom:4px;font-size:16px;letter-spacing:-.01em}
.ioc-footer .route small{display:block;color:var(--ioc-text-secondary);line-height:1.45;font-size:13px}
.ioc-footer .route .ico{width:18px;height:18px;color:var(--ioc-accent);transition:transform .2s var(--ioc-ease)}
.ioc-footer .route:hover{background:var(--ioc-g10);color:var(--ioc-accent)}
.ioc-footer .route:hover .ico{transform:translateX(3px)}
.ioc-footer .footer-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr)) minmax(0,1.75fr);gap:clamp(28px,3.2vw,56px);align-items:start;padding-block:clamp(56px,6vw,88px)}
.ioc-footer .footer-brand{padding-right:clamp(24px,3vw,48px)}
.ioc-footer .footer-menu{padding-left:0}
.ioc-footer .footer-brand .brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.04em;color:var(--ioc-text-primary)}
.ioc-footer .footer-brand .brand .infoc-logo{font-size:30px}
.ioc-footer .footer-brand .brand.footer-lockup{display:inline-flex;align-items:center;gap:16px}
.ioc-footer .footer-lockup .navdiv{width:1px;height:1.9em;background:var(--ioc-border-subtle);flex:none}
.ioc-footer .footer-lockup .navword{font-family:var(--ioc-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-text-primary);white-space:nowrap;opacity:0;transform:translateY(.4em);transition:opacity .5s var(--ioc-ease),transform .5s var(--ioc-ease)}
.ioc-footer .footer-lockup .navword.in{opacity:1;transform:none}
.ioc-footer .footer-lockup .infoc-logo.suffixing .gc::after{opacity:0;transition:opacity .3s var(--ioc-ease)}
.ioc-footer .footer-brand>p{max-width:30rem;color:var(--ioc-text-secondary);line-height:1.6;font-size:14px;margin:18px 0 0}
.ioc-footer .footer-menu-stack{display:flex;flex-direction:column;gap:28px}
.ioc-footer .footer-menu-stack nav>h3{margin-top:0}
.ioc-footer .footer-contact{display:flex;flex-direction:column;margin-top:2px}
.ioc-footer .footer-contact .fc-row{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:16px;padding:13px 0;border-top:1px solid var(--ioc-border-subtle)}
.ioc-footer .footer-contact .fc-row:first-child{border-top:0;padding-top:0}
.ioc-footer .footer-contact .fc-k{font-size:14px;color:var(--ioc-text-secondary);font-weight:500;letter-spacing:-.01em}
.ioc-footer .footer-contact .fc-v{justify-self:end;text-align:right;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ioc-text-primary);line-height:1.35;text-decoration:none}
.ioc-footer .footer-contact a.fc-v{transition:color .16s var(--ioc-ease)}
.ioc-footer .footer-contact a.fc-v:hover{color:var(--ioc-accent)}
.ioc-footer .footer-menu h3{margin:0 0 16px;font-family:var(--ioc-mono);font-size:11px;font-weight:400;color:var(--ioc-accent);letter-spacing:.12em;text-transform:uppercase}
.ioc-footer .footer-menu a{display:flex;align-items:center;min-height:32px;padding:4px 0;color:var(--ioc-g80,#393939);line-height:1.35;font-size:14px;transition:color .16s var(--ioc-ease),transform .16s var(--ioc-ease)}
.ioc-footer .footer-menu a:hover{color:var(--ioc-accent);transform:translateX(3px)}
.ioc-footer .footer-contact-band{border-top:1px solid var(--ioc-border-subtle)}
.ioc-footer .footer-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,56px);align-items:start;padding-block:clamp(28px,3vw,40px)}
.ioc-footer .fc-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.ioc-footer .fc-label{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-accent)}
.ioc-footer .fc-value{color:var(--ioc-text-primary);font-size:15px;font-weight:600;line-height:1.4;word-break:break-word;text-decoration:none}
.ioc-footer a.fc-value:hover{color:var(--ioc-accent)}
@media(max-width:760px){.ioc-footer .footer-contact-grid{grid-template-columns:1fr 1fr}}
.ioc-footer .legal{background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff)}
.ioc-footer .legal-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px;color:var(--ioc-g30,#c6c6c6);font-size:12.5px;flex-wrap:wrap}
.ioc-footer .legal-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ioc-footer .legal-links span,.ioc-footer .legal-links a,.ioc-footer .legal-button{color:var(--ioc-g30,#c6c6c6);font-size:inherit}
.ioc-footer .legal-button{border:0;background:transparent;padding:0;cursor:pointer;font-family:var(--ioc-sans)}
.ioc-footer .legal-links a:hover,.ioc-footer .legal-button:hover{color:var(--ioc-text-on-color,#fff);text-decoration:underline}
.ioc-footer .social{display:flex;gap:8px}
.ioc-footer .social a,.ioc-footer .social button{width:34px;height:34px;border:1px solid var(--ioc-g80,#393939);display:flex;align-items:center;justify-content:center;color:var(--ioc-g30,#c6c6c6);background:transparent;cursor:pointer;padding:0}
.ioc-footer .social a:hover,.ioc-footer .social button:hover{border-color:var(--ioc-accent);color:var(--ioc-text-on-color,#fff);background:var(--ioc-accent)}
.ioc-footer .social button svg{width:16px;height:16px}
.ioc-footer .back-top{border:0;background:transparent;color:var(--ioc-text-on-color,#fff);display:flex;align-items:center;gap:8px;padding:6px;cursor:pointer;font-family:var(--ioc-sans);font-size:12.5px}
.ioc-footer .back-top .ico{width:16px;height:16px;transform:rotate(-90deg);transition:transform .2s var(--ioc-ease)}
.ioc-footer .back-top:hover .ico{transform:rotate(-90deg) translateX(3px)}

/* ---- cookie consent ---- */
/* C3 · corner card. A notice in the lower-left corner rather than a
   full-width curtain: the footer and the rest of the viewport stay
   readable, and it does not share the bottom-right with the chat
   launcher. Accept spans the card; reject sits beside preferences at
   the same size, so rejecting is still one click. */
.sh-cookie{position:fixed;z-index:var(--ioc-z-toast);left:20px;bottom:var(--lift-bottom,20px);transition:bottom .18s var(--ioc-ease);width:min(26rem,calc(100vw - 40px));background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-strong);border-top:3px solid var(--ioc-blue);box-shadow:0 1.5rem 4rem rgba(0,0,0,.18)}
.sh-cookie[hidden]{display:none}
.sh-cookie .cookie-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px}
.sh-cookie .cookie-copy{max-width:none}
.sh-cookie .cookie-copy strong{display:block;margin-bottom:4px;font-size:15px}
.sh-cookie .cookie-copy p{margin:0;color:var(--ioc-text-secondary);font-size:13px;line-height:1.55}
.sh-cookie .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sh-cookie .cookie-actions .primary{grid-column:1/-1;order:-1}
.sh-cookie .cookie-actions .sh-cookie-btn{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:13px;text-align:center}
.sh-cookie-btn{min-height:44px;padding:10px 16px;border:1px solid var(--ioc-text-primary);background:var(--ioc-surface,#fff);font-family:var(--ioc-sans);font-weight:600;font-size:13.5px;cursor:pointer;transition:background .16s var(--ioc-ease)}
.sh-cookie-btn:hover{background:var(--ioc-g10)}
.sh-cookie-btn.primary{border-color:var(--ioc-blue);background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
.sh-cookie-btn.primary:hover{background:var(--ioc-blue-hover)}
.sh-cookie-dialog{width:min(calc(100% - 2rem),44rem);padding:0;border:0;background:var(--ioc-surface,#fff);box-shadow:0 2rem 6rem rgba(0,0,0,.35)}
.sh-cookie-dialog::backdrop{background:rgba(22,22,22,.64)}
.sh-cookie-dialog .cd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:24px;border-bottom:1px solid var(--ioc-border-subtle)}
.sh-cookie-dialog .cd-k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-blue)}
.sh-cookie-dialog .cd-head h2{margin:6px 0 0;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.sh-cookie-dialog .icon-btn{width:44px;height:44px;display:grid;place-items:center;border:0;background:var(--ioc-surface,#fff);cursor:pointer}
.sh-cookie-dialog .icon-btn .ico{width:18px;height:18px}
.sh-cookie-dialog .cd-body{padding:24px}
.sh-cookie-dialog .cd-body>p{color:var(--ioc-text-secondary);line-height:1.6;font-size:14px;margin:0}
.sh-cookie-dialog .cookie-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:16px 0;border-top:1px solid var(--ioc-border-subtle)}
.sh-cookie-dialog .cookie-option:first-of-type{margin-top:16px}
.sh-cookie-dialog .cookie-option strong{display:block;font-size:14.5px}
.sh-cookie-dialog .cookie-option small{display:block;margin-top:3px;color:var(--ioc-text-secondary);line-height:1.45;font-size:12.5px}
.sh-switch{position:relative;width:48px;height:26px;flex:none}
.sh-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sh-switch .ui{position:absolute;inset:0;background:var(--ioc-g50,#8d8d8d);transition:background .2s var(--ioc-ease)}
.sh-switch .ui::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--ioc-text-on-color,#fff);transition:transform .2s var(--ioc-ease)}
.sh-switch input:checked+.ui{background:var(--ioc-blue)}
.sh-switch input:checked+.ui::after{transform:translateX(22px)}
.sh-switch input:disabled+.ui{opacity:.6}
.sh-cookie-dialog .cd-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 24px;border-top:1px solid var(--ioc-border-subtle)}

/* ---- chat routing ---- */
/* --lift-bottom is written by ioc-site.js on both bottom-fixed overlays
   so each rides above whatever currently occupies the bottom of the
   viewport: the footer legal row, and for the launcher the consent
   card when they share a column. */
.sh-chat{position:fixed;z-index:var(--ioc-z-toast);right:20px;bottom:var(--lift-bottom,20px);transition:bottom .18s var(--ioc-ease)}
.sh-chat .chat-launcher{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:0;background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);font-family:var(--ioc-sans);font-weight:600;font-size:14px;box-shadow:0 12px 30px -10px rgba(0,1,255,.5);cursor:pointer;transition:background .2s var(--ioc-ease),transform .2s var(--ioc-ease),bottom .25s var(--ioc-ease)}
.sh-chat .chat-launcher:hover{background:var(--ioc-blue-hover);transform:translateY(-2px)}
.sh-chat .chat-launcher .ico{width:18px;height:18px}
.sh-chat .chat-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(calc(100vw - 40px),23rem);background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);box-shadow:0 1.5rem 4rem rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:bottom right;transition:opacity .2s var(--ioc-ease),transform .25s var(--ioc-ease),visibility .2s}
.sh-chat .chat-panel.open{opacity:1;visibility:visible;transform:none}
.sh-chat .chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--ioc-border-subtle)}
.sh-chat .chat-k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-blue)}
.sh-chat .chat-head h2{margin:6px 0 0;font-size:22px;line-height:1.1;letter-spacing:-.02em}
.sh-chat .icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;background:var(--ioc-surface,#fff);cursor:pointer}
.sh-chat .icon-btn .ico{width:18px;height:18px}
.sh-chat .chat-body{padding:16px}
.sh-chat .chat-body>p{margin:2px 0 12px;color:var(--ioc-text-secondary);font-size:13px;line-height:1.55}
.sh-chat .chat-route{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--ioc-border-subtle);color:var(--ioc-text-primary)}
.sh-chat .chat-route:first-of-type{border-top:0}
.sh-chat .chat-route strong{display:block;font-size:14px}
.sh-chat .chat-route small{display:block;margin-top:2px;color:var(--ioc-text-secondary);font-size:12px}
.sh-chat .chat-route .ico{width:16px;height:16px;color:var(--ioc-blue);transition:transform .2s var(--ioc-ease)}
.sh-chat .chat-route:hover{color:var(--ioc-blue)}
.sh-chat .chat-route:hover .ico{transform:translateX(3px)}
.sh-chat .chat-foot{padding:14px 16px;background:var(--ioc-g10);color:var(--ioc-text-secondary);font-size:12px;line-height:1.5}

/* ---- shell responsive ---- */
@media(max-width:1180px){
  .ioc-header .nav-link,.ioc-header .nav-trigger{padding:0 11px;font-size:13.5px}
  .ioc-header .brand{margin-right:18px}
}
@media(max-width:1000px){
  .ioc-header .nav,.ioc-header .search-open,.ioc-header .top-cta{display:none}
  .ioc-header .mobile-toggle{display:grid}
  .ioc-header .header-row{height:64px}
  .ioc-header .mega{display:none}
}
@media(max-width:900px){
  .ioc-footer .footer-cta-grid{grid-template-columns:1fr}
  .ioc-footer .footer-action{padding:32px 0 0;border-left:0;border-top:1px solid var(--ioc-selected-border,#c6d9ff)}
  .ioc-footer .route-grid{grid-template-columns:1fr;border-inline:0}
  .ioc-footer .route{border-right:0;border-top:1px solid var(--ioc-border-subtle)}
  .ioc-footer .route:first-child{border-top:0}
  .ioc-footer .footer-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3rem)}
  .ioc-footer .footer-brand{grid-column:1/-1;padding-right:0;padding-bottom:28px;border-right:0;border-bottom:1px solid var(--ioc-border-subtle)}
  .ioc-footer .footer-menu{padding-left:0}
}
@media(max-width:560px){
  .ioc-footer .footer-action-points{grid-template-columns:1fr}
  .ioc-footer .footer-main-grid{grid-template-columns:1fr 1fr;column-gap:24px}
  .ioc-footer .footer-menu:last-child{grid-column:1/-1}
  .ioc-footer .legal-row{flex-direction:column;align-items:flex-start}
  /* Card and chat launcher share the bottom edge; on a narrow screen
     the card spans it and the launcher sits above. */
  .sh-cookie{left:12px;right:12px;width:auto}
  .sh-chat .chat-launcher span{display:none}
  .sh-chat .chat-launcher{width:52px;justify-content:center;padding:0}
}

/* ========================================================
   PAGE SHELL — breadcrumb, hero, section heads
   ======================================================== */
.crumb{border-bottom:1px solid var(--ioc-border-subtle)}
.crumb .crumb-inner{max-width:var(--ioc-maxw);margin:0 auto;padding:14px var(--ioc-gutter);display:flex;align-items:center;gap:10px;font-family:var(--ioc-mono);font-size:12px;letter-spacing:.3px;color:var(--ioc-text-helper)}
.crumb a{color:var(--ioc-text-helper)}
.crumb a:hover{color:var(--ioc-blue)}
.crumb .sep{color:var(--ioc-g30)}
.crumb .cur{color:var(--ioc-text-primary)}

/* refined in-hero breadcrumb: bordered back-chevron + path trail */
.ph-trail{display:flex;align-items:center;gap:14px;margin-bottom:32px}
.ph-trail .back{width:36px;height:36px;flex:none;border:1px solid var(--ioc-border-strong);display:flex;align-items:center;justify-content:center;color:var(--ioc-text-primary);transition:background .12s,color .12s,border-color .12s}
.ph-trail .back svg{width:16px;height:16px}
.ph-trail .back:hover{background:var(--ioc-blue);border-color:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
.ph-trail .path{display:flex;align-items:center;gap:9px;font-family:var(--ioc-mono);font-size:12px;letter-spacing:.3px;text-transform:uppercase}
.ph-trail .path a{color:var(--ioc-crumb,#5c5c5c)}
.ph-trail .path a:hover{color:var(--ioc-blue)}
.ph-trail .path .sep{color:var(--ioc-g30)}
.ph-trail .path .cur{color:var(--ioc-crumb-current,#0001ff)}

.page-hero{border-bottom:1px solid var(--ioc-border-subtle)}
/* hero 07 — capability tags, single column */
.page-hero .ph-solo{padding:88px 0 80px}
.page-hero .ph-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.page-hero .ph-solo h1{max-width:18ch}
.page-hero .ph-solo .ph-lede{max-width:56ch}
.page-hero .ph-solo .ph-cta{display:flex;flex-wrap:wrap;gap:0;margin-top:36px}

/* hero — solo with side figure (uses .phf-frame) */
.page-hero .ph-solo.has-fig{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,38%,560px);column-gap:64px;align-items:center}
.ph-solo.has-fig>*{grid-column:1}
.ph-solo.has-fig .ph-fig{grid-column:2;grid-row:1/span 9;align-self:stretch;display:flex;border-left:1px solid var(--ioc-border-subtle);padding:0 0 0 48px}
.ph-solo.has-fig .ph-fig .phf-frame{flex:1;min-height:380px}
@media(max-width:980px){
  .page-hero .ph-solo.has-fig{display:block}
  .ph-solo.has-fig .ph-fig{border-left:0;padding:0;margin-top:44px}
  .ph-solo.has-fig .ph-fig .phf-frame{min-height:280px}
}

/* imagery motion — slow ken-burns on frame hover */
.phf-frame .pic img{transition:transform var(--ioc-dur-reveal) var(--ioc-ease-out)}
.phf-frame:hover .pic img{transform:scale(1.03)}

/* index — industry figures */
.indcell .indfig{margin-bottom:20px;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--ioc-border-subtle);background:var(--ioc-g10)}
.indcell .indfig img{width:100%;height:100%;object-fit:cover;transition:transform var(--ioc-dur-reveal) var(--ioc-ease-out)}
.indcell:hover .indfig img{transform:scale(1.04)}

/* hero — feature (image + focus strip) */
.page-hero.ph-feature .phf{display:grid;grid-template-columns:repeat(16,1fr);align-items:stretch}
.page-hero.ph-feature .phf-main{grid-column:1 / 9;padding:80px 48px 72px 0;display:flex;flex-direction:column;justify-content:center}
.page-hero.ph-feature .phf-main h1{max-width:16ch}
.page-hero.ph-feature .phf-main .ph-lede{max-width:50ch;margin-top:24px}
.page-hero.ph-feature .phf-main .ph-cta{display:flex;flex-wrap:wrap;gap:0;margin-top:36px}
.page-hero.ph-feature .phf-fig{grid-column:9 / 17;border-left:1px solid var(--ioc-border-subtle);padding:40px 0 40px 40px;display:flex}
.phf-frame{border:1px solid var(--ioc-border-subtle);flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:400px}
.phf-frame .cap{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--ioc-border-subtle);background:var(--ioc-g10);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-text-helper)}
.phf-frame .cap .dots{display:flex;gap:6px}
.phf-frame .cap .dots i{width:8px;height:8px;border:1px solid var(--ioc-g40);display:block}
.phf-frame .cap .dots i:first-child{background:var(--ioc-blue);border-color:var(--ioc-blue)}
.phf-frame .pic{flex:1;position:relative;background:var(--ioc-g10);min-height:320px}
.phf-frame .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* focus / tags strip */
.page-hero.ph-feature .phf-bar{display:grid;grid-template-columns:repeat(16,1fr);border-top:1px solid var(--ioc-border-strong);align-items:center}
.page-hero.ph-feature .phf-bar .bk{grid-column:1 / 4;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-text-helper);padding:22px 0}
.page-hero.ph-feature .phf-bar .bt{grid-column:4 / 17;display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}
@media(max-width:980px){
  .page-hero.ph-feature .phf-main{grid-column:1/17;padding:64px 0 40px}
  .page-hero.ph-feature .phf-fig{grid-column:1/17;border-left:0;border-top:1px solid var(--ioc-border-subtle);padding:32px 0 0}
  .phf-frame{min-height:300px}
  .page-hero.ph-feature .phf-bar .bk{grid-column:1/17;padding:24px 0 0}
  .page-hero.ph-feature .phf-bar .bt{grid-column:1/17;padding:14px 0 24px}
}
.page-hero .ph-grid{display:grid;grid-template-columns:repeat(16,1fr);align-items:end}
.page-hero .ph-main{grid-column:1 / 12;padding:72px 32px 64px 0}
.page-hero .ph-side{grid-column:12 / 17;border-left:1px solid var(--ioc-border-subtle);padding:48px 0 56px 40px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:24px}
.page-hero h1{margin:22px 0 0;max-width:18ch}
.page-hero .ph-lede{margin:26px 0 0;max-width:52ch}
.page-hero .ph-side .pk{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--ioc-text-helper)}
.page-hero .ph-side .pv{font-size:17px;margin-top:6px;font-weight:500;letter-spacing:-.01em}
.page-hero .ph-side .pv b{color:var(--ioc-blue)}
@media(max-width:980px){.page-hero .ph-main{grid-column:1/17;padding-right:0}.page-hero .ph-side{grid-column:1/17;border-left:0;border-top:1px solid var(--ioc-border-subtle);padding:32px 0 0;margin-top:32px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:40px}}

.sec-head{display:grid;grid-template-columns:repeat(16,1fr);align-items:end;padding-bottom:56px}
.sec-head .sh-l{grid-column:1 / 11}
.sec-head .sh-r{grid-column:12 / 17;display:flex;justify-content:flex-end;align-items:flex-end}
.sec-head h2{margin-top:18px;max-width:20ch}
@media(max-width:980px){.sec-head .sh-l,.sec-head .sh-r{grid-column:1/17}.sec-head .sh-r{justify-content:flex-start;margin-top:24px}}

/* ========================================================
   DATA TABLE (borrowed from Direction C)
   ======================================================== */
.dtable{border:1px solid var(--ioc-border-subtle)}
.dtable .dt-row{display:grid;align-items:center;border-bottom:1px solid var(--ioc-border-subtle);transition:background .16s var(--ioc-ease),box-shadow .16s var(--ioc-ease)}
.dtable .dt-row:last-child{border-bottom:0}
.dtable .dt-row:hover:not(.head){background:var(--ioc-g10);box-shadow:inset 3px 0 0 var(--ioc-blue)}
.dtable .dt-row:hover:not(.head) .tg svg{transform:translateX(3px)}
.dtable .tg svg{transition:transform .2s var(--ioc-ease)}
.dtable .dt-row.head{background:var(--ioc-g10);border-bottom:1px solid var(--ioc-border-strong)}
.dtable .dt-row.head>div{font-family:var(--ioc-mono);font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--ioc-text-helper);padding:12px 18px}
.dtable .dt-row>div{padding:20px 18px}
.dtable .ti{font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-blue)}
.dtable .tn{font-weight:600;font-size:16px;letter-spacing:-.005em}
.dtable .td{font-size:14px;color:var(--ioc-text-secondary);line-height:1.5}
.dtable .tt{font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-text-secondary)}
.dtable .tg{color:var(--ioc-blue);display:flex}

/* ========================================================
   CARD GRID + feature tiles
   ======================================================== */
/* Card grids — de-boxed: whitespace separates, hairlines reserved for data */
/* Card grids — de-boxed: whitespace separates, hairlines reserved for data */
.cardgrid{display:grid;gap:40px 32px}
.cardgrid.c2{grid-template-columns:repeat(2,1fr)}
.cardgrid.c3{grid-template-columns:repeat(3,1fr)}
.cardgrid.c4{grid-template-columns:repeat(4,1fr)}
.ucard{background:transparent;padding:24px 0 0;display:flex;flex-direction:column;min-height:0;position:relative;transition:color .18s var(--ioc-ease)}
.ucard::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--ioc-border-subtle)}
.ucard::after{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:var(--ioc-accent);transition:width .45s var(--ioc-ease)}
.ucard:hover::after{width:100%}
.ucard:hover h4,.ucard:hover h3{color:var(--ioc-accent)}
.ucard .uk{width:44px;height:44px;border:1px solid var(--ioc-accent);color:var(--ioc-accent);margin-bottom:24px;display:flex;align-items:center;justify-content:center;transition:background .18s var(--ioc-ease),color .18s var(--ioc-ease)}
.ucard .uk svg{width:24px;height:24px;display:block}
.ucard:hover .uk{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.ucard .ueyebrow{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--ioc-text-helper);margin-bottom:12px}
.ucard h3{font-size:21px;letter-spacing:-.01em;max-width:18ch}
.ucard h4{font-size:18px;letter-spacing:-.005em}
.ucard p{margin:12px 0 0;font-size:14.5px;color:var(--ioc-text-secondary);line-height:1.55}
.ucard .ulink{margin-top:auto;padding-top:24px;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-blue);transition:letter-spacing .18s var(--ioc-ease)}
.ucard:hover .ulink{letter-spacing:.8px}
.ucard .tnum{font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-blue);margin-bottom:14px}
@media(max-width:980px){.cardgrid.c3,.cardgrid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cardgrid.c2,.cardgrid.c3,.cardgrid.c4{grid-template-columns:1fr}}

/* stat strip */
.statstrip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ioc-border-subtle)}
.statstrip .st{padding:40px 28px;border-left:1px solid var(--ioc-border-subtle)}
.statstrip .st:first-child{border-left:0}
.statstrip .st .sn{font-size:48px;font-weight:300;letter-spacing:-.02em;line-height:1}
.statstrip .st .sn b{color:var(--ioc-blue);font-weight:600}
.statstrip .st .sl{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-text-helper);margin-top:12px}
@media(max-width:780px){.statstrip{grid-template-columns:1fr 1fr}.statstrip .st:nth-child(odd){border-left:0}}

/* ========================================================
   PROSE (About / article body)
   ======================================================== */
.prose{max-width:none}
.prose p{font-size:17px;line-height:1.65;color:var(--ioc-text-secondary);margin:0 0 22px;font-weight:300}
.prose p.lead{font-size:clamp(19px,1.6vw,23px);color:var(--ioc-text-primary);font-weight:400;line-height:1.5}
.prose h3{font-size:26px;margin:48px 0 18px;letter-spacing:-.015em}
.prose h4{font-size:18px;margin:32px 0 10px}
.prose ul{margin:0 0 22px;padding:0;list-style:none}
.prose ul li{position:relative;padding:10px 0 10px 28px;font-size:16px;color:var(--ioc-text-secondary);border-bottom:1px solid var(--ioc-border-subtle);line-height:1.5}
.prose ul li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:10px;background:var(--ioc-blue)}
.prose blockquote{margin:32px 0;padding:24px 0 24px 28px;border-left:2px solid var(--ioc-blue);font-size:clamp(20px,2vw,28px);font-weight:300;letter-spacing:-.01em;color:var(--ioc-text-primary);line-height:1.3}

/* ========================================================
   FORM (Contact) — Carbon fields
   ======================================================== */
.field{display:flex;flex-direction:column;margin-bottom:1px;background:var(--ioc-g10);border:1px solid var(--ioc-border-subtle);border-bottom:2px solid var(--ioc-g50);transition:border-color .14s var(--ioc-ease),background .14s var(--ioc-ease),box-shadow .14s var(--ioc-ease)}
.field:hover{border-bottom-color:var(--ioc-g70)}
.field:focus-within{background:var(--ioc-surface,#fff);border-color:var(--ioc-blue);box-shadow:inset 0 0 0 1px var(--ioc-blue)}
.field label{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-text-helper);padding:12px 16px 2px;transition:color .14s var(--ioc-ease)}
.field:focus-within label{color:var(--ioc-blue)}
.field input,.field select,.field textarea{font-family:var(--ioc-sans);font-size:15px;color:var(--ioc-text-primary);background:transparent;border:0;padding:6px 16px 13px;outline:none;width:100%}
.field input::placeholder,.field textarea::placeholder{color:var(--ioc-placeholder)}
.field textarea{resize:vertical;min-height:120px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.formgrid .field{border:0;border-bottom:2px solid var(--ioc-g50)}
.formgrid .field:focus-within{box-shadow:inset 0 0 0 1px var(--ioc-blue)}
.formgrid .full{grid-column:1 / -1}
@media(max-width:640px){.formgrid{grid-template-columns:1fr}}

/* ========================================================
   CTA band (shared dark)
   ======================================================== */
.cta-band{background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff)}
.cta-band .cta-grid{display:grid;grid-template-columns:repeat(16,1fr);align-items:center}
.cta-band .cta-l{grid-column:1 / 10;padding:96px 40px 96px 0}
.cta-band .cta-r{grid-column:10 / 17;border-left:1px solid var(--ioc-g80,#393939);padding:96px 0 96px 48px;display:flex;flex-direction:column;gap:1px}
.cta-band h2{color:var(--ioc-text-on-color,#fff);max-width:18ch;margin-top:20px}
.cta-band p{color:var(--ioc-g40,#a8a8a8);max-width:48ch;margin:24px 0 0;font-weight:300;font-size:18px}
.cta-band .eyebrow{color:var(--ioc-g50,#8d8d8d)}
@media(max-width:980px){.cta-band .cta-l,.cta-band .cta-r{grid-column:1/17}.cta-band .cta-r{border-left:0;border-top:1px solid var(--ioc-g80,#393939);padding:0 0 0}.cta-band .cta-l{padding-right:0}}

.section-g10{background:var(--ioc-g10)}
.img-figure{border:1px solid var(--ioc-border-subtle);background:var(--ioc-g10);overflow:hidden}
.img-figure img{width:100%;height:100%;object-fit:cover;display:block}

/* branded panel — product-screen abstraction (shared) */
.brandpanel{border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff);display:flex;flex-direction:column;overflow:hidden;width:100%}
.brandpanel .bp-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ioc-border-subtle);background:var(--ioc-g10)}
.brandpanel .bp-bar .dots{display:flex;gap:6px}
.brandpanel .bp-bar .dots i{width:9px;height:9px;border:1px solid var(--ioc-g40);display:block}
.brandpanel .bp-bar .dots i:first-child{background:var(--ioc-blue);border-color:var(--ioc-blue)}
.brandpanel .bp-cap{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-text-helper)}
.brandpanel .bp-canvas{display:block}
.brandpanel .bp-canvas svg{width:100%;height:auto;display:block}

/* ========================================================
   BLOG CARD (shared) — insight tile
   ======================================================== */
.post2{background:var(--ioc-surface,#fff);display:flex;flex-direction:column;transition:background .18s var(--ioc-ease),box-shadow .18s var(--ioc-ease)}
.post2:hover{background:var(--ioc-surface,#fff);box-shadow:var(--ioc-shadow-card);position:relative;z-index:2}
.post2 .p2-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--ioc-border-subtle);background:var(--ioc-g10);position:relative;overflow:hidden}
.post2 .p2-thumb .ln{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 23px,var(--ioc-border-subtle) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,var(--ioc-border-subtle) 23px 24px)}
.post2 .p2-thumb .glyph{position:absolute;left:22px;bottom:18px;width:30px;height:30px;background:var(--ioc-blue)}
.post2 .p2-body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;gap:14px}
.post2 .p2-cat{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--ioc-blue)}
.post2 h4{font-size:18px;line-height:1.28;letter-spacing:-.01em}
.post2 .p2-meta{margin-top:auto;font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-text-helper)}
.post2:hover h4{color:var(--ioc-blue)}

/* ========================================================
   Scroll-reveal & motion: owned by ioc-motion.js (shared).
   ======================================================== */

/* Progressive disclosure — native details */
.disclose{border-top:1px solid var(--ioc-border-subtle);border-bottom:1px solid var(--ioc-border-subtle)}
.disclose summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-weight:500;font-size:15px}
.disclose summary::-webkit-details-marker{display:none}
.disclose .chev{width:16px;height:16px;transition:transform .2s var(--ioc-ease)}
.disclose[open] .chev{transform:rotate(180deg)}
.disclose-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s var(--ioc-ease)}
.disclose[open] .disclose-body{grid-template-rows:1fr}
.disclose-body>*{overflow:hidden}

/* InvoiceNow — the ONLY amber on the site */
:root{--ioc-amber:#b45309;--ioc-amber-bg:#fdf6ec;--ioc-amber-line:#e8c79a}
.inv-band{background:var(--ioc-amber-bg);border-top:1px solid var(--ioc-amber-line);border-bottom:1px solid var(--ioc-amber-line)}
.inv-band .wrap{display:flex;gap:24px;align-items:baseline;padding:20px var(--ioc-gutter);flex-wrap:wrap}
.inv-band .ik{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--ioc-amber);white-space:nowrap}
.inv-band p{margin:0;font-size:15px;color:var(--ioc-text-primary);max-width:70ch}
.inv-band a{color:var(--ioc-amber);border-bottom:1px solid currentColor;font-weight:500}

::marker{color:var(--ioc-blue)}

/* service page: spec band */
.specband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ioc-border-subtle);border-top:1px solid var(--ioc-border-subtle);border-bottom:1px solid var(--ioc-border-subtle)}
@media(max-width:900px){.specband{grid-template-columns:1fr 1fr}}
.specband .sp{background:var(--ioc-white);padding:28px 24px}
.specband .sp .k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-blue);margin:0 0 10px}
.specband .sp .v{font-size:15px;color:var(--ioc-text-primary);font-weight:600;letter-spacing:-.01em;margin:0}
.specband .sp .d{font-size:13px;color:var(--ioc-text-secondary);margin:6px 0 0;line-height:1.5}

/* service page: FAQ */
.faq{border-top:1px solid var(--ioc-border-subtle)}
details.qa{border-bottom:1px solid var(--ioc-border-subtle)}
details.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:22px 0;font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ioc-text-primary)}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary .qi{font-family:var(--ioc-mono);font-size:13px;color:var(--ioc-blue);flex:none;transition:transform .2s var(--ioc-ease)}
details.qa[open] summary .qi{transform:rotate(45deg)}
details.qa .qa-a{padding:0 0 24px;max-width:70ch;color:var(--ioc-text-secondary);font-size:15px;line-height:1.65}

/* service page: related links */
.relrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
@media(max-width:760px){.relrow{grid-template-columns:1fr}}
.relrow a{background:var(--ioc-white);padding:26px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;overflow:hidden;transition:background .18s var(--ioc-ease)}
.relrow a::after{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:var(--ioc-accent);transition:width .45s var(--ioc-ease)}
.relrow a:hover::after{width:100%}
.relrow a:hover{background:var(--ioc-g10)}
.relrow a .rl{font-weight:600;font-size:15.5px;letter-spacing:-.01em;color:var(--ioc-text-primary)}
.relrow a .rl small{display:block;font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-text-helper);margin-top:6px;font-weight:400}
.relrow a svg{width:18px;height:18px;color:var(--ioc-blue);flex:none;transition:transform .2s var(--ioc-ease)}
.relrow a:hover svg{transform:translateX(4px)}
.ioc-header{transition:box-shadow .25s var(--ioc-ease)}
.ioc-header.scrolled{box-shadow:0 10px 28px -18px rgba(15,17,60,.22)}


/* ========================================================
   Reduced motion — hard kill-switch (WCAG). Reveals render
   final; hover micro-interactions remain but are instant.
   ======================================================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  [data-reveal],[data-stagger]>*{opacity:1 !important;transform:none !important}
}

/* image placeholder — line grid + glyph (interim until custom SVG) */
.pic-ph{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 23px,var(--ioc-border-subtle) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,var(--ioc-border-subtle) 23px 24px)}
.pic-ph .glyph{position:absolute;left:22px;bottom:18px;width:30px;height:30px;background:var(--ioc-blue)}

/* ========================================================
   INFOC V1 HERO PATTERNS (standard) — home + inner
   Two-panel copy/visual, outcome overlay, home rail,
   inner-page crumbs/meta/technical-visual/capability matrix.
   ======================================================== */
.v1hero{background:linear-gradient(180deg,var(--ioc-surface,#fff) 0%,var(--ioc-surface-subtle,#fbfbfb) 100%);border-bottom:1px solid var(--ioc-border-subtle);padding:clamp(20px,3vw,36px) 0 clamp(28px,4vw,44px)}
.v1hero .hero-shell{display:grid;gap:16px}
.v1hero .hero-main{display:grid;grid-template-columns:minmax(26rem,5fr) minmax(34rem,7fr);gap:16px;align-items:stretch}
.v1hero .copy-panel,.v1hero .inner-copy{min-width:0;background:var(--ioc-g10);border:1px solid var(--ioc-border-subtle);padding:clamp(28px,3vw,52px);display:flex;flex-direction:column;justify-content:center;min-height:36rem}
.v1hero .h-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--ioc-text-primary);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.v1hero .h-eyebrow::before{content:"";width:26px;height:2px;background:var(--ioc-blue);flex:none}
.v1hero h1{margin:0;max-width:13ch;font-size:clamp(44px,5.2vw,86px);font-weight:800;line-height:.96;letter-spacing:-.045em;text-wrap:balance}
.v1hero h1 .em{color:var(--ioc-blue)}
.v1hero .h-lede{max-width:36ch;margin:22px 0 0;color:var(--ioc-text-secondary);font-size:clamp(16px,1.2vw,19px);line-height:1.6;text-wrap:pretty}
.v1hero .h-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.v1hero .h-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 22px;border:1px solid var(--ioc-blue);background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);font-weight:600;font-size:15px;transition:background .2s var(--ioc-ease),transform .2s var(--ioc-ease)}
.v1hero .h-btn svg{width:16px;height:16px;transition:transform .2s var(--ioc-ease)}
.v1hero .h-btn:hover{background:var(--ioc-blue-hover);transform:translateY(-1px)}
.v1hero .h-btn:hover svg{transform:translateX(3px)}
.v1hero .h-btn.ghost{background:transparent;color:var(--ioc-text-primary);border-color:var(--ioc-border-strong)}
.v1hero .h-btn.ghost:hover{background:var(--ioc-surface,#fff);border-color:var(--ioc-text-primary)}
.v1hero .proof-list{display:flex;flex-wrap:wrap;gap:12px 22px;margin:26px 0 0;list-style:none}
.v1hero .proof-list li{display:flex;align-items:center;gap:8px;color:var(--ioc-text-secondary);font-size:14px}
.v1hero .proof-list li::before{content:"";width:8px;height:8px;background:var(--ioc-green);flex:none}
.v1hero .visual-panel,.v1hero .tech-visual{position:relative;min-width:0;border:1px solid var(--ioc-border-subtle);background:var(--ioc-g20);overflow:hidden;min-height:36rem}
.v1hero .visual-panel img,.v1hero .tech-visual img{width:100%;height:100%;object-fit:cover;display:block}
.v1hero .img-caption{position:absolute;left:16px;bottom:16px;z-index:3;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;width:calc(100% - 32px);color:var(--ioc-text-on-color,#fff);font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.v1hero .img-caption strong{font-weight:600}
.v1hero .img-caption span{font-family:var(--ioc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-g20,#e0e0e0);white-space:nowrap}
.v1hero .capability-strip{position:absolute;left:16px;right:16px;bottom:60px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.v1hero .hcap{min-width:0;display:grid;grid-template-columns:1.8rem 1fr;gap:11px;align-items:center;padding:13px 15px;border-right:1px solid var(--ioc-border-subtle)}
.v1hero .hcap:last-child{border-right:0}
.v1hero .hcap svg{width:22px;height:22px;color:var(--ioc-blue)}
.v1hero .hcap strong{display:block;font-size:13px;letter-spacing:-.005em}
.v1hero .hcap span{display:block;margin-top:2px;color:var(--ioc-text-secondary);font-size:11.5px;line-height:1.35}
.v1hero .hcap.is-blue{background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
.v1hero .hcap.is-blue svg{color:var(--ioc-text-on-color,#fff)}
.v1hero .hcap.is-blue span{color:var(--ioc-text-on-brand-muted,#d0d0ff)}
.v1hero .outcome{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:4;width:min(23rem,calc(100% - 32px));background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);box-shadow:0 16px 40px rgba(22,22,22,.18)}
.v1hero .outcome-head{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;border-bottom:1px solid var(--ioc-border-subtle);font-family:var(--ioc-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.v1hero .outcome-head .live{color:var(--ioc-green);display:flex;gap:7px;align-items:center}
.v1hero .outcome-head .live::before{content:"";width:7px;height:7px;background:var(--ioc-green)}
.v1hero .route{position:relative;width:100%;display:grid;grid-template-columns:1.4rem 1fr auto;align-items:start;gap:11px;padding:14px 16px;border:0;border-bottom:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff);text-align:left;cursor:pointer;font-family:var(--ioc-sans);transition:background .18s var(--ioc-ease)}
.v1hero .route:hover{background:var(--ioc-hover-wash,#f7faff)}
.v1hero .route[aria-pressed="true"]{background:var(--ioc-selected-surface,#edf5ff)}
.v1hero .route[aria-pressed="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ioc-blue)}
.v1hero .route .rix{color:var(--ioc-blue);font-family:var(--ioc-mono);font-size:10px;padding-top:2px}
.v1hero .route strong{display:block;font-size:13.5px;line-height:1.2;color:var(--ioc-text-primary)}
.v1hero .route small{display:block;margin-top:3px;color:var(--ioc-text-secondary);font-size:12px;line-height:1.35}
.v1hero .route .rarr{width:16px;height:16px;color:var(--ioc-blue);transition:transform .18s var(--ioc-ease)}
.v1hero .route:hover .rarr{transform:translateX(2px)}
.v1hero .outcome-result{padding:16px;background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff)}
.v1hero .outcome-result span{display:block;color:var(--ioc-g40,#a8a8a8);font-family:var(--ioc-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.v1hero .outcome-result strong{display:block;margin:6px 0 4px;font-size:16px;letter-spacing:-.01em}
.v1hero .outcome-result p{margin:0;color:var(--ioc-g30,#c6c6c6);font-size:12.5px;line-height:1.45}
.v1hero .home-rail{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.v1hero .rail-card{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;min-height:6.5rem;padding:20px 22px;border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff)}
.v1hero .rail-card.soft{background:var(--ioc-g10)}
.v1hero a.rail-card.strong{background:var(--ioc-blue);border-color:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);transition:background .2s var(--ioc-ease)}
.v1hero a.rail-card.strong:hover{background:var(--ioc-blue-hover)}
.v1hero .rail-card .rc-n{font-size:clamp(32px,2.8vw,48px);font-weight:700;line-height:.9;letter-spacing:-.05em;color:var(--ioc-text-primary);font-variant-numeric:tabular-nums}
.v1hero .rail-card .rc-ic{width:34px;height:34px;color:var(--ioc-text-on-color,#fff)}
.v1hero .rail-copy{min-width:0}
.v1hero .rail-copy span{display:block;margin-bottom:3px;font-family:var(--ioc-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ioc-text-helper)}
.v1hero .rail-card.strong .rail-copy span{color:var(--ioc-text-on-brand-muted,#d0d0ff)}
.v1hero .rail-copy p{margin:0;color:var(--ioc-text-secondary);font-size:13px;line-height:1.45}
.v1hero .rail-card.strong .rail-copy p{color:var(--ioc-text-on-color,#fff);font-weight:600}
/* inner-page hero extras */
.v1hero .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;color:var(--ioc-text-helper);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.04em}
.v1hero .crumbs a{color:var(--ioc-text-helper)}
.v1hero .crumbs a:hover{color:var(--ioc-blue)}
.v1hero .crumbs .sep{color:var(--ioc-g30)}
.v1hero .crumbs .cur{color:var(--ioc-blue)}
.v1hero .inner-copy h1{max-width:12ch}
.v1hero .inner-copy .h-lede{max-width:34ch}
.v1hero .inner-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.v1hero .inner-meta div{display:flex;flex-direction:column;gap:5px;min-width:10.5rem;padding:12px 14px;border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff)}
.v1hero .inner-meta small{font-family:var(--ioc-mono);color:var(--ioc-text-helper);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.v1hero .inner-meta strong{font-size:14px;letter-spacing:-.005em}
.v1hero .tech-chip{position:absolute;left:16px;top:16px;z-index:3;display:inline-flex;flex-direction:column;gap:4px;max-width:20rem;padding:12px 14px;border:1px solid rgba(224,224,224,.85);background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(22,22,22,.08)}
.v1hero .tech-chip strong{font-size:13px;line-height:1.3}
.v1hero .tech-chip span{color:var(--ioc-text-secondary);font-family:var(--ioc-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.v1hero .cap-matrix{position:absolute;right:16px;bottom:16px;z-index:3;width:min(22rem,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ioc-border-subtle);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(22,22,22,.12)}
.v1hero .cap{padding:14px;border-right:1px solid var(--ioc-border-subtle);border-bottom:1px solid var(--ioc-border-subtle);display:flex;flex-direction:column;min-height:7rem}
.v1hero .cap:nth-child(2n){border-right:0}
.v1hero .cap:nth-last-child(-n+2){border-bottom:0}
.v1hero .cap .cix{color:var(--ioc-blue);font-family:var(--ioc-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.v1hero .cap strong{margin:auto 0 3px;font-size:15px}
.v1hero .cap span:last-child{color:var(--ioc-text-secondary);font-size:12px;line-height:1.4}
@media(max-width:1100px){
  .v1hero .hero-main{grid-template-columns:1fr}
  .v1hero .copy-panel,.v1hero .inner-copy{min-height:auto}
  .v1hero .visual-panel,.v1hero .tech-visual{min-height:30rem}
  .v1hero .outcome{top:auto;bottom:16px;transform:none}
  .v1hero .home-rail{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v1hero h1{font-size:clamp(40px,11vw,58px)}
  .v1hero .h-actions{display:grid}.v1hero .h-btn{width:100%}
  .v1hero .visual-panel,.v1hero .tech-visual{display:flex;flex-direction:column;overflow:visible;min-height:auto}
  .v1hero .visual-panel img,.v1hero .tech-visual img{height:20rem}
  .v1hero .outcome,.v1hero .cap-matrix{position:relative;right:auto;top:auto;bottom:auto;transform:none;width:100%;box-shadow:none}
  .v1hero .capability-strip{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;box-shadow:none}
  .v1hero .hcap{border-right:0;border-bottom:1px solid var(--ioc-border-subtle)}
  .v1hero .hcap:last-child{border-bottom:0}
  .v1hero .img-caption{position:static;width:auto;padding:12px 14px;background:var(--ioc-g100)}
  .v1hero .tech-chip{display:none}
  .v1hero .inner-meta{display:grid;grid-template-columns:1fr}
  .v1hero .cap-matrix{grid-template-columns:1fr}.v1hero .cap{border-right:0}
}

/* ========================================================
   INFOC WEB ELEMENTS (InfocBrandUI v1) — ui-* primitives
   Square, hairline, token-driven. One owner, no leakage.
   ======================================================== */
/* alerts / notices */
.ui-alert{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--ioc-border-subtle);border-left:3px solid var(--ioc-blue);background:var(--ioc-white)}
.ui-alert .ai{width:20px;height:20px;flex:none;color:var(--ioc-blue);margin-top:1px}
.ui-alert .at{font-weight:600;font-size:14.5px;letter-spacing:-.01em;margin:0 0 3px;color:var(--ioc-text-primary)}
.ui-alert .ad{margin:0;font-size:13.5px;color:var(--ioc-text-secondary);line-height:1.5}
.ui-alert.is-success{border-left-color:var(--ioc-green)}.ui-alert.is-success .ai{color:var(--ioc-green)}
.ui-alert.is-warning{border-left-color:var(--ioc-amber);background:var(--ioc-amber-bg)}.ui-alert.is-warning .ai{color:var(--ioc-amber)}
.ui-alert.is-danger{border-left-color:var(--ioc-danger,#da1e28)}.ui-alert.is-danger .ai{color:var(--ioc-danger,#da1e28)}
/* badges */
.ui-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--ioc-border-subtle);color:var(--ioc-text-secondary);background:var(--ioc-white)}
.ui-badge.solid{background:var(--ioc-blue);border-color:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
.ui-badge.on{color:var(--ioc-green);border-color:var(--ioc-green)}
.ui-badge.off{color:var(--ioc-g60);border-color:var(--ioc-g40)}
.ui-badge .dot{width:7px;height:7px;background:currentColor;flex:none}
/* breadcrumbs */
.ui-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-family:var(--ioc-mono);font-size:12px;letter-spacing:.04em;color:var(--ioc-text-helper)}
.ui-crumbs a{color:var(--ioc-text-helper)}.ui-crumbs a:hover{color:var(--ioc-blue)}
.ui-crumbs .sep{color:var(--ioc-g30)}.ui-crumbs .cur{color:var(--ioc-blue)}
/* tabs */
.ui-tabs{display:flex;border-bottom:1px solid var(--ioc-border-subtle);overflow-x:auto}
.ui-tabs button{position:relative;border:0;background:transparent;font-family:var(--ioc-sans);font-weight:600;font-size:14px;color:var(--ioc-text-secondary);padding:14px 18px;white-space:nowrap;cursor:pointer;transition:color .16s var(--ioc-ease)}
.ui-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ioc-blue);transform:scaleX(0);transition:transform .2s var(--ioc-ease)}
.ui-tabs button:hover{color:var(--ioc-text-primary)}
.ui-tabs button[aria-selected="true"]{color:var(--ioc-blue)}
.ui-tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.ui-tabpanel{padding:22px 2px;font-size:15px;color:var(--ioc-text-secondary);line-height:1.6}
.ui-tabpanel[hidden]{display:none}
/* switch */
.ui-switch{position:relative;display:inline-block;width:48px;height:26px;flex:none;vertical-align:middle}
.ui-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ui-switch .track{position:absolute;inset:0;background:var(--ioc-g50);transition:background .2s var(--ioc-ease)}
.ui-switch .track::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--ioc-text-on-color,#fff);transition:transform .2s var(--ioc-ease)}
.ui-switch input:checked+.track{background:var(--ioc-blue)}
.ui-switch input:checked+.track::after{transform:translateX(22px)}
.ui-switch input:focus-visible+.track{box-shadow:var(--ioc-shadow-focus)}
.ui-switch input:disabled+.track{opacity:.5;cursor:not-allowed}
/* checkbox + radio */
.ui-opt{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ioc-text-primary);cursor:pointer;user-select:none}
.ui-opt input{position:absolute;opacity:0;width:0;height:0}
.ui-opt .mk{width:20px;height:20px;border:1px solid var(--ioc-border-strong);background:var(--ioc-surface,#fff);flex:none;display:grid;place-items:center;transition:background .14s var(--ioc-ease),border-color .14s var(--ioc-ease)}
.ui-opt.radio .mk{border-radius:50%!important}
.ui-opt .mk svg{width:13px;height:13px;color:var(--ioc-text-on-color,#fff);opacity:0;transition:opacity .12s var(--ioc-ease)}
.ui-opt.radio .mk::after{content:"";width:9px;height:9px;border-radius:50%!important;background:var(--ioc-text-on-color,#fff);transform:scale(0);transition:transform .14s var(--ioc-ease)}
.ui-opt input:checked+.mk{background:var(--ioc-blue);border-color:var(--ioc-blue)}
.ui-opt input:checked+.mk svg{opacity:1}
.ui-opt.radio input:checked+.mk::after{transform:scale(1)}
.ui-opt input:focus-visible+.mk{box-shadow:var(--ioc-shadow-focus)}
.ui-opt input:disabled+.mk{opacity:.5}
/* select */
.ui-select{position:relative;display:inline-flex;align-items:center;min-width:220px;background:var(--ioc-g10);border-bottom:1px solid var(--ioc-border-strong)}
.ui-select select{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;font-family:var(--ioc-sans);font-size:15px;color:var(--ioc-text-primary);padding:12px 40px 12px 16px;outline:none;cursor:pointer}
.ui-select::after{content:"";position:absolute;right:16px;width:9px;height:9px;border-right:2px solid var(--ioc-text-primary);border-bottom:2px solid var(--ioc-text-primary);transform:rotate(45deg) translateY(-3px);pointer-events:none}
.ui-select:focus-within{box-shadow:inset 0 0 0 2px var(--ioc-blue);background:var(--ioc-surface,#fff);border-bottom-color:var(--ioc-blue)}
/* pagination */
.ui-pager{display:flex;gap:0;border:1px solid var(--ioc-border-subtle);width:max-content}
.ui-pager a,.ui-pager span{min-width:44px;height:44px;display:grid;place-items:center;font-family:var(--ioc-mono);font-size:13px;color:var(--ioc-text-secondary);border-left:1px solid var(--ioc-border-subtle);transition:background .14s var(--ioc-ease),color .14s var(--ioc-ease)}
.ui-pager a:first-child,.ui-pager span:first-child{border-left:0}
.ui-pager a:hover{background:var(--ioc-g10);color:var(--ioc-text-primary)}
.ui-pager a[aria-current="page"]{background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
.ui-pager .dots{color:var(--ioc-g40)}
/* tooltip */
.ui-tip{position:relative;display:inline-flex}
.ui-tip .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff);font-size:12px;line-height:1.4;padding:8px 11px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ioc-ease),transform .16s var(--ioc-ease);z-index:var(--ioc-z-tooltip)}
.ui-tip .tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ioc-g100)}
.ui-tip:hover .tip,.ui-tip:focus-within .tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* progress */
.ui-progress{height:6px;background:var(--ioc-g20);overflow:hidden}
.ui-progress .bar{height:100%;background:var(--ioc-blue);transition:width .6s var(--ioc-ease-out)}
.ui-meter{display:flex;justify-content:space-between;font-family:var(--ioc-mono);font-size:11px;color:var(--ioc-text-helper);margin-bottom:8px;letter-spacing:.04em}
/* steps */
.ui-steps{display:flex;flex-wrap:wrap;gap:0}
.ui-steps .st{display:flex;align-items:center;gap:12px;padding-right:28px}
.ui-steps .sn{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid var(--ioc-border-strong);font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-text-secondary)}
.ui-steps .st.done .sn{background:var(--ioc-blue);border-color:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff)}
.ui-steps .st.now .sn{border-color:var(--ioc-blue);color:var(--ioc-blue)}
.ui-steps .sl{font-size:14px;font-weight:600;letter-spacing:-.005em}
.ui-steps .st.now .sl{color:var(--ioc-blue)}
.ui-steps .st:not(:last-child)::after{content:"";width:36px;height:1px;background:var(--ioc-border-strong)}
/* avatar */
.ui-avatar{width:40px;height:40px;display:grid;place-items:center;background:var(--ioc-blue);color:var(--ioc-text-on-primary,#fff);font-weight:700;font-size:14px;flex:none}
.ui-avatar.g{background:var(--ioc-g80)}
.ui-avatar-stack{display:flex}
.ui-avatar-stack .ui-avatar{box-shadow:0 0 0 2px var(--ioc-surface,#fff);margin-left:-10px}
.ui-avatar-stack .ui-avatar:first-child{margin-left:0}
/* empty state */
.ui-empty{border:1px dashed var(--ioc-border-strong);background:var(--ioc-g10);padding:40px 24px;text-align:center}
.ui-empty .ei{width:40px;height:40px;color:var(--ioc-g40);margin:0 auto 14px}
.ui-empty h4{font-size:17px;letter-spacing:-.01em;margin:0 0 6px}
.ui-empty p{margin:0 auto 18px;font-size:14px;color:var(--ioc-text-secondary);max-width:40ch;line-height:1.55}
/* dropdown menu */
.ui-menu{border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff);box-shadow:var(--ioc-shadow-lg);min-width:220px;padding:6px 0}
.ui-menu a,.ui-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:0;background:transparent;font-family:var(--ioc-sans);font-size:14px;color:var(--ioc-text-primary);text-align:left;cursor:pointer;transition:background .12s var(--ioc-ease)}
.ui-menu a:hover,.ui-menu button:hover{background:var(--ioc-g10);color:var(--ioc-blue)}
.ui-menu .sep{height:1px;background:var(--ioc-border-subtle);margin:6px 0}
.ui-menu svg{width:16px;height:16px;color:var(--ioc-text-helper)}
/* toast */
.ui-toast{display:flex;align-items:flex-start;gap:12px;background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff);padding:14px 16px;box-shadow:var(--ioc-shadow-lg);min-width:280px;max-width:380px;border-left:3px solid var(--ioc-green)}
.ui-toast .ti{width:18px;height:18px;color:var(--ioc-green);flex:none;margin-top:1px}
.ui-toast strong{display:block;font-size:14px}
.ui-toast p{margin:2px 0 0;font-size:12.5px;color:var(--ioc-g30,#c6c6c6);line-height:1.45}
/* modal */
.ui-modal-overlay{position:fixed;inset:0;background:rgba(22,22,22,.55);display:none;place-items:center;z-index:var(--ioc-z-modal);padding:24px}
.ui-modal-overlay.open{display:grid}
.ui-modal{width:min(100%,32rem);background:var(--ioc-surface,#fff);box-shadow:0 24px 60px -20px rgba(10,12,60,.4);border-top:3px solid var(--ioc-blue)}
.ui-modal .mh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 0}
.ui-modal .mh h3{font-size:20px;letter-spacing:-.015em}
.ui-modal .mx{width:36px;height:36px;border:0;background:transparent;color:var(--ioc-text-primary);cursor:pointer;display:grid;place-items:center}
.ui-modal .mx:hover{color:var(--ioc-blue)}
.ui-modal .mb{padding:14px 22px 8px;color:var(--ioc-text-secondary);font-size:14.5px;line-height:1.6}
.ui-modal .mf{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px 22px}
/* data table */
.ui-table{width:100%;border-collapse:collapse;border:1px solid var(--ioc-border-subtle)}
.ui-table th,.ui-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--ioc-border-subtle);font-size:14px}
.ui-table thead th{background:var(--ioc-g10);border-bottom:1px solid var(--ioc-border-strong);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-text-helper);font-weight:400}
.ui-table tbody tr:last-child td{border-bottom:0}
.ui-table tbody tr{transition:background .14s var(--ioc-ease)}
.ui-table tbody tr:hover{background:var(--ioc-g10)}
.ui-table td.num{font-family:var(--ioc-mono);font-variant-numeric:tabular-nums;text-align:right}

/* Family accent standard: Solutions=blue, Academy=purple, Talents Gateway=green,
   Industries=teal, Company=slate. --ioc-accent-ink is the AA-safe text value for
   each family (identical to the accent unless the accent is too light for body text). */
[data-page-family="Academy"]{--ioc-accent:var(--ioc-fam-academy);--ioc-accent-hover:var(--ioc-fam-academy-hover);--ioc-accent-ink:var(--ioc-fam-academy)}
[data-page-family="Talents Gateway"]{--ioc-accent:var(--ioc-fam-talents);--ioc-accent-hover:var(--ioc-fam-talents-hover);--ioc-accent-ink:var(--ioc-fam-talents-ink)}
/* Industries and Company have no page-wide accent yet: their values are scoped to
   the closing band only, so no live CTA or hero accent changes colour. */
[data-page-family="Industries"] .ioc-fam{--ioc-accent:var(--ioc-fam-industries);--ioc-accent-ink:var(--ioc-fam-industries-ink)}
[data-page-family="Company"] .ioc-fam{--ioc-accent:var(--ioc-fam-company);--ioc-accent-ink:var(--ioc-fam-company)}
.ioc-footer h3.fam-sol{color:var(--ioc-blue,#0001ff)}
.ioc-footer h3.fam-aca{color:var(--ioc-fam-academy,#6929c4)}
.ioc-footer h3.fam-tal{color:var(--ioc-fam-talents,#1a7a52)}
/* Family tint band: closing links section, driven by the family accent */
.ioc-fam{background:color-mix(in oklch,var(--ioc-accent) 10%,var(--ioc-surface));border-top:3px solid var(--ioc-accent)}
.ioc-fam .ioc-kicker{color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-fam .ioc-kicker::before{background:var(--ioc-accent)}
.ioc-fam .ioc-related{background:color-mix(in oklch,var(--ioc-accent) 24%,var(--ioc-surface));border-color:color-mix(in oklch,var(--ioc-accent) 24%,var(--ioc-surface))}
.ioc-fam .ioc-related a:hover{background:color-mix(in oklch,var(--ioc-accent) 6%,var(--ioc-surface))}
.ioc-fam .ioc-related .ioc-rel-k,.ioc-fam .ioc-related .ioc-rel-go{color:var(--ioc-accent-ink,var(--ioc-accent))}

/* ---- absorbed from ioc-blocks.css (CMS-D-071) ---- */
/* ============================================================
   InfocBrandUI v1 · inner-page block library (idc namespace)
   Loaded AFTER ioc-core.css on every inner page. Implements the
   governed CMS blocks (B-01..B-24) on carbon tokens: white-first,
   square controls, blue lead, short reveal motion. No gradients,
   particles or rounded startup cards.
   ============================================================ */

/* ---- shared section scaffold ---- */
.ioc-block{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.ioc-block.tight{padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(48px,5vw,72px)}
.ioc-block.soft{background:var(--ioc-g10)}
.ioc-block.dark{background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff)}
.ioc-block.dark .body,.ioc-block.dark p{color:var(--ioc-g30)}
.ioc-block.dark h2,.ioc-block.dark h3,.ioc-block.dark b,.ioc-block.dark strong{color:var(--ioc-text-on-color,#fff)}

/* section header: heading left, supporting note right */
.ioc-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.ioc-head>p{margin:0;color:var(--ioc-text-secondary);font-size:16px;line-height:1.55;max-width:46ch}
.ioc-block.dark .ioc-head>p{color:var(--ioc-g30)}
.ioc-kicker{display:flex;align-items:center;gap:10px;font-family:var(--ioc-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-text-primary);margin:0 0 14px}
.ioc-kicker::before{content:"";width:22px;height:2px;background:var(--ioc-accent);flex:none}
.ioc-kicker.teal::before{background:var(--ioc-teal,#08bdba)}
.ioc-block.dark .ioc-kicker{color:var(--ioc-text-on-color,#fff)}
.ioc-head h2,.ioc-h2{margin:0;font-size:clamp(28px,3.2vw,46px);font-weight:700;line-height:1.06;letter-spacing:-.025em;text-wrap:balance}
@media(max-width:860px){.ioc-head{grid-template-columns:1fr;align-items:start}}

/* ---- B-02 Inner hero · Light Technical Split ---- */
.ioc-hero{background:linear-gradient(180deg,var(--ioc-surface,#fff) 0%,var(--ioc-surface-subtle,#fbfbfb) 100%);border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,4vw,64px);align-items:center;padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(36px,4vw,60px)}
.ioc-hero-copy{min-width:0}
.ioc-crumb{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.04em;color:var(--ioc-text-helper);margin:0 0 20px}
.ioc-crumb a{color:var(--ioc-text-helper)}
.ioc-crumb a:hover{color:var(--ioc-accent)}
.ioc-hero h1{margin:0;font-size:clamp(34px,4.4vw,64px);font-weight:800;line-height:1.0;letter-spacing:-.035em;text-wrap:balance}
.ioc-hero h1 .em{color:var(--ioc-accent)}
.ioc-hero .ioc-lede{max-width:52ch;margin:20px 0 0;color:var(--ioc-text-secondary);font-size:clamp(16px,1.15vw,18px);line-height:1.6;text-wrap:pretty}
.ioc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ioc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;max-width:100%}
.ioc-chips-label{display:inline-flex;align-items:center;margin-right:4px;font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-g60,#666666);white-space:nowrap}
.ioc-chip{position:relative;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;background:var(--ioc-surface-cool,#f2f4f8);border:1px solid transparent;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-primary,#161616);text-decoration:none;white-space:nowrap;transition:background .18s var(--ioc-ease),color .18s var(--ioc-ease),border-color .18s var(--ioc-ease)}
.ioc-chip svg{flex:none;width:16px;height:16px;color:var(--ioc-accent-ink,var(--ioc-accent,#0001ff))}
.ioc-chip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ioc-accent);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ioc-ease)}
a.ioc-chip:hover{background:var(--ioc-surface,#fff);border-color:var(--ioc-text-primary,#161616)}
a.ioc-chip:hover::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.ioc-chip,.ioc-chip::after{transition:none}}
@media(max-width:640px){.ioc-chip{font-size:10.5px;padding:9px 12px}}
.ioc-hero-visual{position:relative;min-width:0;display:flex}
.ioc-hero-figure{position:relative;flex:1;border:1px solid var(--ioc-border-subtle);overflow:hidden;min-height:clamp(26rem,34vw,34rem);background:var(--ioc-g20);margin:0}
.ioc-hero-figure img{width:100%;height:100%;object-fit:cover;display:block}
.ioc-hero-figure::after{content:"";position:absolute;inset:56% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.52));pointer-events:none}
.ioc-hero-figure figcaption{position:absolute;left:16px;top:16px;right:16px;z-index:2;max-width:22rem;padding:13px 15px;border:1px solid rgba(224,224,224,.85);background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.ioc-hero-figure figcaption b,.ioc-hero-figure figcaption strong{display:block;font-family:var(--ioc-sans);font-size:13px;font-weight:600;line-height:1.35;color:var(--ioc-text-primary);letter-spacing:-.005em;text-transform:none}
.ioc-hero-figure figcaption span{display:block;margin-top:4px;font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-matrix{position:absolute;right:16px;bottom:16px;z-index:3;width:min(23rem,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle);box-shadow:0 16px 40px rgba(0,0,0,.14);backdrop-filter:blur(12px)}
.ioc-matrix>div{background:rgba(255,255,255,.96);padding:14px 16px;min-height:5.5rem;display:flex;flex-direction:column;justify-content:center}
.ioc-matrix b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ioc-text-primary);letter-spacing:-.01em}
.ioc-matrix b svg{flex:none;width:17px;height:17px;color:var(--ioc-accent-ink,var(--ioc-accent,#0001ff));stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ioc-matrix span{display:block;margin-top:4px;font-size:12.5px;color:var(--ioc-text-secondary);line-height:1.4}
/* Auto-spotlight: one tile lit at a time, light ground */
.ioc-matrix[data-spotlight]{box-shadow:0 20px 52px rgba(0,0,0,.26)}
.ioc-matrix[data-spotlight]>div{position:relative;overflow:hidden;background:var(--ioc-surface,#fff);cursor:pointer;transition:background .4s var(--ioc-ease,cubic-bezier(.2,.8,.2,1))}
.ioc-matrix[data-spotlight]>div b{color:var(--ioc-text-helper,#5c5c5c);transition:color .32s}
.ioc-matrix[data-spotlight]>div b svg{color:var(--ioc-g40,#a8a8a8);transition:color .32s,transform .42s var(--ioc-ease,cubic-bezier(.2,.8,.2,1))}
.ioc-matrix[data-spotlight]>div span{color:var(--ioc-g60,#666666);transform:translateY(3px);transition:color .32s,transform .42s var(--ioc-ease,cubic-bezier(.2,.8,.2,1))}
.ioc-matrix[data-spotlight]>div.on{background:var(--ioc-surface,#fff)}
.ioc-matrix[data-spotlight]>div.on b{color:var(--ioc-accent-ink,var(--ioc-accent,#0001ff))}
.ioc-matrix[data-spotlight]>div.on b svg{color:var(--ioc-accent-ink,var(--ioc-accent,#0001ff));transform:scale(1.1)}
.ioc-matrix[data-spotlight]>div.on span{color:var(--ioc-text-primary,#161616);transform:none}
.ioc-matrix[data-spotlight] .ioc-mx-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ioc-accent,#0001ff);transform:scaleX(0);transform-origin:left}
.ioc-matrix[data-spotlight]>div.on .ioc-mx-bar{animation:iocMxBar 3.4s linear forwards}
@keyframes iocMxBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.ioc-matrix[data-spotlight]>div,.ioc-matrix[data-spotlight]>div b,.ioc-matrix[data-spotlight]>div b svg,.ioc-matrix[data-spotlight]>div span{transition:none}.ioc-matrix[data-spotlight]>div.on b svg{transform:none}.ioc-matrix[data-spotlight] .ioc-mx-bar{display:none}}
/* ---- Inner-page local section nav ---- */
.ioc-localnav{position:sticky;top:72px;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ioc-border-subtle);backdrop-filter:blur(12px)}
.ioc-localnav .wrap{display:flex;overflow-x:auto;scrollbar-width:none;padding:0}
.ioc-localnav .wrap::-webkit-scrollbar{display:none}
.ioc-localnav a{display:flex;align-items:center;min-height:3.5rem;padding:0 18px;white-space:nowrap;border-right:1px solid var(--ioc-border-subtle);font-size:14px;font-weight:600;color:var(--ioc-text-secondary);transition:background .16s var(--ioc-ease),color .16s var(--ioc-ease)}
.ioc-localnav a:first-child{border-left:1px solid var(--ioc-border-subtle)}
.ioc-localnav a:hover{background:var(--ioc-g10);color:var(--ioc-accent)}
.ioc-localnav a.active,.ioc-localnav a[aria-current="true"]{color:var(--ioc-accent);box-shadow:inset 0 -3px var(--ioc-accent)}
.ioc-block[id],.ioc-hero[id]{scroll-margin-top:8rem}
@media(max-width:1000px){.ioc-localnav{top:64px}}
@media(max-width:860px){.ioc-hero .wrap{grid-template-columns:1fr;gap:28px}.ioc-hero-visual{order:2}.ioc-hero-figure{min-height:22rem}.ioc-hero-figure::after{display:none}.ioc-hero-figure figcaption{position:static;max-width:none;border:0;border-bottom:1px solid var(--ioc-border-subtle);box-shadow:none}.ioc-matrix{position:relative;right:auto;bottom:auto;width:100%;box-shadow:none;border-top:0}}

/* ---- B-06 Card grid ---- */
.ioc-cards{display:grid;gap:1px;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle)}
.ioc-cards>*{box-shadow:0 0 0 1px var(--ioc-border-subtle)}
.ioc-cards.two{grid-template-columns:repeat(2,1fr)}
.ioc-cards.three{grid-template-columns:repeat(3,1fr)}
.ioc-cards.four{grid-template-columns:repeat(4,1fr)}
.ioc-card{position:relative;background:var(--ioc-surface,#fff);padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;min-width:0;transition:background .18s var(--ioc-ease)}
.ioc-card:hover{background:var(--ioc-g10)}
.ioc-card .ioc-card-ix{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.08em;color:var(--ioc-accent);margin:0 0 18px}
.ioc-card .ioc-card-ix .ioc-cardicon{width:30px;height:30px;color:var(--ioc-accent);display:block}
.ioc-card .ioc-card-eyebrow{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper);margin:0 0 10px}
.ioc-card h3{margin:0 0 10px;font-size:clamp(18px,1.5vw,22px);font-weight:700;letter-spacing:-.015em}
.ioc-card p{margin:0;color:var(--ioc-text-secondary);font-size:15px;line-height:1.55;flex:1}
.ioc-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.ioc-tag{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.03em;border:1px solid var(--ioc-border-subtle);color:var(--ioc-text-secondary);padding:4px 8px}
.ioc-tag.ai{border-color:var(--ioc-accent);color:var(--ioc-accent)}
.ioc-card .ioc-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--ioc-accent);font-weight:600;font-size:15px}
.ioc-card .ioc-card-link svg{width:16px;height:16px;transition:transform .18s var(--ioc-ease)}
.ioc-card:hover .ioc-card-link svg{transform:translateX(4px)}
.ioc-card.tap{cursor:pointer}
.ioc-card.tap::after{content:"";position:absolute;inset:0}
@media(max-width:960px){.ioc-cards.three,.ioc-cards.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ioc-cards.two,.ioc-cards.three,.ioc-cards.four{grid-template-columns:1fr}}

/* ---- Feature grid (outcomes) ---- */
.ioc-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-feature{position:relative;background:var(--ioc-surface,#fff);padding:clamp(26px,2.4vw,34px);overflow:hidden;transition:background .3s var(--ioc-ease)}
.ioc-feature::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--ioc-accent);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ioc-ease)}
.ioc-feature:hover{background:var(--ioc-hover-wash,#f7faff)}
.ioc-feature:hover::before{transform:scaleX(1)}
.ioc-feature .ioc-fmark{width:auto;height:auto;display:block;border:0;margin-bottom:clamp(14px,1.4vw,20px);font-family:var(--ioc-mono);font-size:clamp(34px,3.4vw,46px);font-weight:400;line-height:.9;letter-spacing:-.04em;color:var(--ioc-g30,#c6c6c6);transition:color .3s var(--ioc-ease),transform .38s var(--ioc-ease);transform-origin:left center}
.ioc-feature:hover .ioc-fmark{color:var(--ioc-accent)}
.ioc-feature .ioc-fmark svg{width:30px;height:30px;display:block;color:var(--ioc-accent)}
.ioc-feature b{display:block;font-size:clamp(17px,1.35vw,20px);font-weight:700;margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}
.ioc-feature p{margin:0;color:var(--ioc-text-secondary);font-size:14.5px;line-height:1.55;text-wrap:pretty}
@media(max-width:900px){.ioc-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ioc-features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ioc-feature,.ioc-feature::before,.ioc-feature .ioc-fmark,.ioc-chip,.ioc-chip::after{transition:none}}

/* ---- B-11 Delivery lifecycle / process ---- */
.ioc-process{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);overflow:hidden}
.ioc-step{box-shadow:1px 1px 0 0 var(--ioc-border-subtle)}
.ioc-block.dark .ioc-process{background:var(--ioc-surface-inverse-raised,#1c1c1c);border-color:var(--ioc-g80);overflow:hidden}
.ioc-block.dark .ioc-step{box-shadow:1px 1px 0 0 var(--ioc-g80)}
.ioc-step{background:var(--ioc-surface,#fff);padding:clamp(20px,1.8vw,26px);display:flex;flex-direction:column;gap:10px}
.ioc-block.dark .ioc-step{background:var(--ioc-g90)}
.ioc-step .ioc-step-n{font-family:var(--ioc-mono);font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:.02em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ioc-accent)}
.ioc-block.dark .ioc-step .ioc-step-n{color:var(--ioc-accent-on-inverse)}
.ioc-step b{font-size:15px;font-weight:700;letter-spacing:-.01em}
.ioc-step p{margin:0;font-size:13px;line-height:1.5;color:var(--ioc-text-secondary)}

/* B-11 step shading: each stage a step lighter than the last, so the strip reads as one path. */
.dark .ioc-process .ioc-step:nth-child(1){background:var(--ioc-surface-inverse-raised,#1c1c1c)}
.dark .ioc-process .ioc-step:nth-child(2){background:color-mix(in srgb,var(--ioc-surface-inverse-raised) 97.8%,white)}
.dark .ioc-process .ioc-step:nth-child(3){background:var(--ioc-g90,#262626)}
.dark .ioc-process .ioc-step:nth-child(4){background:color-mix(in srgb,var(--ioc-surface-inverse-raised) 93.39%,white)}
.dark .ioc-process .ioc-step:nth-child(5){background:color-mix(in srgb,var(--ioc-surface-inverse-raised) 91.19%,white)}
.dark .ioc-process .ioc-step:nth-child(6){background:color-mix(in srgb,var(--ioc-surface-inverse-raised) 88.99%,white)}
.ioc-block:not(.dark) .ioc-step b{color:var(--ioc-text-primary)}
.ioc-block:not(.dark) .ioc-step p{color:var(--ioc-text-secondary)}
.ioc-block:not(.dark) .ioc-process .ioc-step:nth-child(1){background:var(--ioc-surface,#fff)}
.ioc-block:not(.dark) .ioc-process .ioc-step:nth-child(2){background:color-mix(in oklch,var(--ioc-accent) 2%,var(--ioc-surface))}
.ioc-block:not(.dark) .ioc-process .ioc-step:nth-child(3){background:color-mix(in oklch,var(--ioc-accent) 4%,var(--ioc-surface))}
.ioc-block:not(.dark) .ioc-process .ioc-step:nth-child(4){background:color-mix(in oklch,var(--ioc-accent) 6%,var(--ioc-surface))}
.ioc-block:not(.dark) .ioc-process .ioc-step:nth-child(5){background:color-mix(in oklch,var(--ioc-accent) 8%,var(--ioc-surface))}
.ioc-block:not(.dark) .ioc-process .ioc-step:nth-child(6){background:color-mix(in oklch,var(--ioc-accent) 10%,var(--ioc-surface))}

@media(max-width:1080px){.ioc-process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.ioc-process{grid-template-columns:1fr}}

/* ---- B-08 Capability matrix ---- */
.ioc-cap{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-cap>div{background:var(--ioc-surface,#fff);padding:clamp(22px,2vw,30px)}
.ioc-cap h3{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.01em}
.ioc-cap ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ioc-cap li{position:relative;padding-left:20px;font-size:14px;color:var(--ioc-text-secondary);line-height:1.5}
.ioc-cap li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--ioc-accent)}
@media(max-width:720px){.ioc-cap{grid-template-columns:1fr}}

/* ---- B-05 Outcome navigator ---- */
.ioc-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle);margin-bottom:0}
.ioc-nav-btn{background:var(--ioc-surface,#fff);border:0;text-align:left;padding:18px 20px;cursor:pointer;display:block;transition:background .16s var(--ioc-ease)}
.ioc-nav-btn:hover{background:var(--ioc-g10)}
.ioc-nav-btn[aria-pressed="true"]{background:var(--ioc-selected-surface,#edf5ff);box-shadow:inset 3px 0 0 var(--ioc-accent)}
.ioc-nav-btn b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}
.ioc-nav-btn span{display:block;font-size:13px;color:var(--ioc-text-secondary);line-height:1.45}
.ioc-rec{border:1px solid var(--ioc-accent);background:var(--ioc-hover-wash,#f7faff);padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;gap:8px;justify-content:center}
.ioc-rec .ioc-rec-k{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-accent)}
.ioc-rec h3{margin:0;font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.015em}
.ioc-rec p{margin:0;color:var(--ioc-text-secondary);font-size:15px;line-height:1.55}
.ioc-rec a{margin-top:8px;align-self:flex-start}
.ioc-nav-split{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:stretch}
@media(max-width:860px){.ioc-nav-split{grid-template-columns:1fr}.ioc-nav-grid{grid-template-columns:1fr}}

/* ---- B-12 CTA band ---- */
.ioc-cta{background:linear-gradient(115deg,var(--ioc-selected-surface,#edf5ff) 0%,var(--ioc-hover-wash,#f7faff) 58%,var(--ioc-wash-pink,#fff1f7) 150%);color:var(--ioc-text-primary);border-top:1px solid var(--ioc-border-subtle)}
.ioc-cta .ioc-cta-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.ioc-cta .ioc-kicker{color:var(--ioc-accent)}
.ioc-cta h2{margin:0;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--ioc-text-primary);text-wrap:balance}
.ioc-cta p{margin:16px 0 0;color:var(--ioc-text-secondary);font-size:16px;line-height:1.6;max-width:52ch}
.ioc-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:860px){.ioc-cta .ioc-cta-panel{grid-template-columns:1fr}}
.ioc-cta-panel.has-form{grid-template-columns:1fr 1fr;align-items:start}
.ioc-cta-panel.has-form>div:first-child{align-self:center}
.ioc-cta-form{position:relative;display:flex;flex-direction:column;gap:16px;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);box-shadow:0 1px 2px rgba(16,22,60,.05);padding:clamp(20px,2.2vw,28px)}
.ioc-cta-form::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--ioc-accent)}
.ioc-cta-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ioc-cta-field{display:flex;flex-direction:column;gap:7px}
.ioc-cta-field>span{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-secondary)}
.ioc-cta-field input{border:1px solid var(--ioc-g30);background:var(--ioc-surface,#fff);color:var(--ioc-text-primary);font-family:var(--ioc-sans);font-size:15px;padding:12px 14px}
.ioc-cta-field input::placeholder{color:var(--ioc-placeholder)}
.ioc-cta-field input:focus{outline:0;border-color:var(--ioc-accent);box-shadow:0 0 0 3px rgba(0,1,255,.14);background:var(--ioc-surface,#fff)}
.ioc-cta-field.invalid input{border-color:var(--ioc-danger,#da1e28);box-shadow:0 0 0 3px rgba(218,30,40,.14)}
.ioc-cta-form>.btn{align-self:stretch;justify-content:space-between;min-height:52px;font-weight:700}
.ioc-cta-reassure{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.ioc-cta-reassure span{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:var(--ioc-text-secondary)}
.ioc-cta-reassure span svg{width:16px;height:16px;flex:none;color:var(--ioc-green)}
.ioc-cta-form.is-sent .ioc-cta-reassure{display:none}
.ioc-cta-note{margin:0;font-family:var(--ioc-mono);font-size:12px;line-height:1.55;color:var(--ioc-text-secondary)}
.ioc-cta-note a{color:var(--ioc-accent);text-decoration:underline}
.ioc-cta-confirm{display:none;margin:0;font-size:16px;line-height:1.5;color:var(--ioc-text-primary)}
.ioc-cta-confirm b{display:block;font-family:var(--ioc-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-accent);margin-bottom:8px;font-weight:400}
.ioc-cta-form.is-sent .ioc-cta-fields,.ioc-cta-form.is-sent>.btn,.ioc-cta-form.is-sent .ioc-cta-note{display:none}
.ioc-cta-form.is-sent .ioc-cta-confirm{display:block}
@media(max-width:860px){.ioc-cta-panel.has-form{grid-template-columns:1fr}.ioc-cta-fields{grid-template-columns:1fr}}

/* ---- B-16 FAQ ---- */
.ioc-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(28px,4vw,64px);align-items:start}
.ioc-faq-list{display:flex;flex-direction:column;border-top:1px solid var(--ioc-border-subtle)}
.ioc-faq-item{border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ioc-text-primary)}
.ioc-faq-item summary::-webkit-details-marker{display:none}
.ioc-faq-item summary .ioc-faq-sign{flex:none;width:22px;height:22px;position:relative;transition:transform .2s var(--ioc-ease)}
.ioc-faq-item summary .ioc-faq-sign::before,.ioc-faq-item summary .ioc-faq-sign::after{content:"";position:absolute;background:var(--ioc-accent)}
.ioc-faq-item summary .ioc-faq-sign::before{left:0;top:10px;width:22px;height:2px}
.ioc-faq-item summary .ioc-faq-sign::after{left:10px;top:0;width:2px;height:22px;transition:transform .2s var(--ioc-ease)}
.ioc-faq-item[open] summary .ioc-faq-sign::after{transform:scaleY(0)}
.ioc-faq-item p{margin:0 0 20px;color:var(--ioc-text-secondary);font-size:15px;line-height:1.6;max-width:60ch}
@media(max-width:860px){.ioc-faq{grid-template-columns:1fr;gap:24px}}

/* ---- B-17 Related pages ---- */
.ioc-related{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-related a{background:var(--ioc-surface,#fff);padding:clamp(22px,2.2vw,30px);display:flex;flex-direction:column;gap:8px;transition:background .16s var(--ioc-ease)}
.ioc-related a:hover{background:var(--ioc-g10)}
.ioc-related .ioc-rel-k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-related b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.ioc-related span.d{color:var(--ioc-text-secondary);font-size:14px;line-height:1.5}
.ioc-related .ioc-rel-go{margin-top:auto;color:var(--ioc-accent);font-weight:600;font-size:14px;display:inline-flex;gap:6px;align-items:center}
.ioc-related .ioc-rel-go svg{width:16px;height:16px;flex:none;transition:transform .18s var(--ioc-ease)}
.ioc-related a:hover .ioc-rel-go svg{transform:translateX(3px)}
@media(max-width:860px){.ioc-related{grid-template-columns:1fr}}

/* ---- B-09 Media split ---- */
.ioc-media{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.ioc-media.flip .ioc-media-fig{order:2}
.ioc-media-fig{border:1px solid var(--ioc-border-subtle);overflow:hidden;background:var(--ioc-surface,#fff)}
.ioc-media-fig img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;background:var(--ioc-g20)}
.ioc-media-fig figcaption{padding:12px 14px;border-top:1px solid var(--ioc-border-subtle);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-secondary);line-height:1.5}
.ioc-media ul{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ioc-media li{position:relative;padding-left:22px;font-size:15px;color:var(--ioc-text-secondary);line-height:1.5}
.ioc-media li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;background:var(--ioc-accent)}
@media(max-width:860px){.ioc-media{grid-template-columns:1fr;gap:24px}.ioc-media.flip .ioc-media-fig{order:0}}

/* ---- B-19 KPI / evidence strip ---- */
.ioc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-kpi{background:var(--ioc-surface,#fff);padding:clamp(22px,2.2vw,30px)}
.ioc-block.dark .ioc-kpi{background:var(--ioc-g90)}
.ioc-kpi .n{font-size:clamp(30px,3.4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.ioc-kpi .l{margin-top:10px;font-size:14px;color:var(--ioc-text-secondary);line-height:1.45}
@media(max-width:820px){.ioc-kpis{grid-template-columns:repeat(2,1fr)}}

/* ---- B-13 Search / filter directory ---- */
.ioc-dir-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ioc-dir-search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;border:1px solid var(--ioc-border-strong);background:var(--ioc-surface,#fff);padding:0 14px;height:48px}
.ioc-dir-search svg{width:18px;height:18px;color:var(--ioc-text-helper);flex:none}
.ioc-dir-search input{flex:1;border:0;outline:0;font-family:var(--ioc-sans);font-size:15px;background:transparent;color:var(--ioc-text-primary)}
.ioc-filter{display:inline-flex;align-items:center;height:48px;padding:0 16px;border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff);font-family:var(--ioc-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ioc-text-secondary);cursor:pointer;transition:all .15s var(--ioc-ease)}
.ioc-filter[aria-pressed="true"]{border-color:var(--ioc-accent);color:var(--ioc-accent);background:var(--ioc-hover-wash,#f7faff)}
.ioc-dir{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-dir-item{background:var(--ioc-surface,#fff);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:8px}
.ioc-dir-item[hidden]{display:none}
.ioc-dir-item .ioc-dir-meta{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-dir-item h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.ioc-dir-item p{margin:0;font-size:14px;color:var(--ioc-text-secondary);line-height:1.5}
@media(max-width:760px){.ioc-dir{grid-template-columns:1fr}}

/* ---- B-22 Role directory / B-23 cert catalog (list rows) ---- */
.ioc-rows{border:1px solid var(--ioc-border-subtle)}
.ioc-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ioc-border-subtle);transition:background .15s var(--ioc-ease)}
.ioc-row:last-child{border-bottom:0}
.ioc-row:hover{background:var(--ioc-g10)}
.ioc-row .ioc-row-t b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}
.ioc-row .ioc-row-t span{display:block;margin-top:3px;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-row .ioc-row-d{font-size:14px;color:var(--ioc-text-secondary);line-height:1.5}
.ioc-row .ioc-row-go{color:var(--ioc-accent);font-weight:600;font-size:14px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.ioc-row .ioc-row-go svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s var(--ioc-ease)}
.ioc-row:hover .ioc-row-go svg{transform:translateX(3px)}
@media(max-width:760px){.ioc-row{grid-template-columns:1fr;gap:8px}.ioc-row .ioc-row-go{justify-self:start}}

/* ---- B-14 Lead form ---- */
.ioc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ioc-field{display:flex;flex-direction:column;gap:8px}
.ioc-field.full{grid-column:1/-1}
.ioc-field label{font-size:13px;font-weight:600;color:var(--ioc-text-primary)}
.ioc-field label .req{color:var(--ioc-accent)}
.ioc-field input,.ioc-field select,.ioc-field textarea{border:1px solid var(--ioc-border-strong);background:var(--ioc-surface,#fff);padding:13px 14px;font-family:var(--ioc-sans);font-size:15px;color:var(--ioc-text-primary);transition:border-color .15s var(--ioc-ease),box-shadow .15s var(--ioc-ease)}
.ioc-field input:focus,.ioc-field select:focus,.ioc-field textarea:focus{outline:0;border-color:var(--ioc-accent);box-shadow:var(--ioc-shadow-focus)}
.ioc-field textarea{min-height:120px;resize:vertical}
/* The site-standard field had NO placeholder rule, so every .ioc-form on the
   site (the thin campaign landers, the chat panel) fell to the browser default
   -- black at 50% alpha, which is exactly the "hint reads as a value" report
   the shared token exists to end. The audit that found it was per-page, which
   is why a token that covered four field classes still missed the fifth. */
.ioc-field input::placeholder,.ioc-field textarea::placeholder{color:var(--ioc-placeholder)}
/* The two search boxes carry a STORE-backed placeholder (search.placeholder,
   with a registered fallback) and had no rule either. The coverage test in
   form-placeholder-contract found them; a class that styles its input must
   style its hint. */
.ioc-search-field input::placeholder,.search-field input::placeholder{color:var(--ioc-placeholder)}
.ioc-form-note{font-size:13px;color:var(--ioc-text-helper);line-height:1.5;margin:0}
@media(max-width:620px){.ioc-form-grid{grid-template-columns:1fr}}

/* ---- B-15 Location / map ---- */
.ioc-map{display:grid;grid-template-columns:1fr 1.4fr;gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-map-info{background:var(--ioc-surface,#fff);padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:14px}
.ioc-map-info h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.ioc-map-info p,.ioc-map-info a{margin:0;font-size:15px;color:var(--ioc-text-secondary);line-height:1.55}
.ioc-map-info a:hover{color:var(--ioc-accent)}
.ioc-map-frame{background:var(--ioc-g20);min-height:320px;position:relative}
.ioc-map-frame img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.ioc-map{grid-template-columns:1fr}}

/* ---- B-24 Newsletter ---- */
.ioc-news{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;border:1px solid var(--ioc-border-subtle);background:var(--ioc-g10);padding:clamp(28px,3vw,48px)}
.ioc-news h2{margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.ioc-news p{margin:12px 0 0;color:var(--ioc-text-secondary);font-size:15px;line-height:1.55}
.ioc-news form{display:flex;gap:10px;flex-wrap:wrap}
.ioc-news input{flex:1;min-width:200px;border:1px solid var(--ioc-border-strong);background:var(--ioc-surface,#fff);padding:14px;font-family:var(--ioc-sans);font-size:15px}
.ioc-news input:focus{outline:0;border-color:var(--ioc-accent);box-shadow:var(--ioc-shadow-focus)}
@media(max-width:760px){.ioc-news{grid-template-columns:1fr}}

/* ---- B-18 Photo band ---- */
.ioc-photoband{position:relative;min-height:clamp(280px,32vw,440px);overflow:hidden;background:var(--ioc-g100)}
.ioc-photoband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.ioc-photoband .wrap{position:relative;z-index:2;display:flex;align-items:center;min-height:inherit;padding-top:48px;padding-bottom:48px}
.ioc-photoband h2{color:var(--ioc-text-on-color,#fff);font-size:clamp(26px,3.4vw,48px);font-weight:700;letter-spacing:-.02em;line-height:1.06;max-width:20ch;text-wrap:balance}
.ioc-photoband p{color:var(--ioc-text-on-color,#fff);opacity:.86;font-size:17px;line-height:1.6;max-width:52ch;margin-top:16px}

/* ---- B-21 Source / status note ---- */
.ioc-note{border:1px solid var(--ioc-amber-line);background:var(--ioc-amber-bg);padding:18px 22px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.ioc-note .ioc-note-k{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-amber);white-space:nowrap}
.ioc-note p{margin:0;font-size:14px;color:var(--ioc-text-primary);line-height:1.5;max-width:78ch}
.ioc-note a{color:var(--ioc-amber);text-decoration:underline}

/* ---- B-04 Persona switcher ---- */
.ioc-persona-tabs{display:flex;flex-wrap:wrap;gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle);margin-bottom:0}
.ioc-persona-tab{flex:1;min-width:150px;background:var(--ioc-surface,#fff);border:0;padding:16px 18px;text-align:left;cursor:pointer;transition:background .15s var(--ioc-ease)}
.ioc-persona-tab:hover{background:var(--ioc-g10)}
.ioc-persona-tab[aria-selected="true"]{background:var(--ioc-g100);color:var(--ioc-text-on-color,#fff)}
.ioc-persona-tab b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.ioc-persona-tab span{display:block;margin-top:3px;font-size:12px;color:var(--ioc-text-helper)}
.ioc-persona-tab[aria-selected="true"] span{color:var(--ioc-g40)}
.ioc-persona-panel{border:1px solid var(--ioc-border-subtle);border-top:0;padding:clamp(24px,2.6vw,36px)}
.ioc-persona-panel[hidden]{display:none}
.ioc-persona-panel p{margin:0;font-size:16px;line-height:1.6;color:var(--ioc-text-secondary);max-width:70ch}

/* reveal hooks respected by ioc-motion.js; safe default visible */
.no-js [data-reveal]{opacity:1}

/* ============================================================
   NEW TEMPLATES · article, landing, search states, block states
   ============================================================ */

/* ---- Article / guide detail ---- */
.ioc-article{padding-top:clamp(40px,4vw,64px);padding-bottom:clamp(48px,6vw,88px)}
.ioc-article .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:clamp(32px,4vw,64px);align-items:start}
.ioc-arthead{border-bottom:1px solid var(--ioc-border-subtle);padding-bottom:clamp(24px,3vw,36px);margin-bottom:clamp(28px,3vw,44px)}
.ioc-arthead h1{margin:14px 0 0;font-size:clamp(30px,3.8vw,52px);font-weight:800;line-height:1.03;letter-spacing:-.03em;text-wrap:balance;max-width:20ch}
.ioc-artmeta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;align-items:center;font-family:var(--ioc-mono);font-size:12px;letter-spacing:.03em;color:var(--ioc-text-helper)}
.ioc-artmeta .ioc-who{display:flex;align-items:center;gap:10px;font-family:var(--ioc-sans);font-size:14px;color:var(--ioc-text-primary);font-weight:600}
.ioc-artmeta .ioc-avatar{width:34px;height:34px;border-radius:50%!important;background:var(--ioc-g20);border:1px solid var(--ioc-border-subtle);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--ioc-mono);font-size:11px;color:var(--ioc-text-helper)}
.ioc-share{display:flex;gap:8px;margin-left:auto}
.ioc-share a{width:34px;height:34px;border:1px solid var(--ioc-border-subtle);display:flex;align-items:center;justify-content:center;color:var(--ioc-text-secondary)}
.ioc-share a:hover{border-color:var(--ioc-accent);color:var(--ioc-accent)}
.ioc-share svg{width:16px;height:16px}
.ioc-prose{max-width:66ch;font-size:clamp(16px,1.15vw,18px);line-height:1.7;color:var(--ioc-text-primary)}
.ioc-prose>*+*{margin-top:1.15em}
.ioc-prose h2{font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.02em;margin-top:1.8em;line-height:1.15}
.ioc-prose h3{font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.01em;margin-top:1.5em}
.ioc-prose p{color:var(--ioc-text-secondary)}
.ioc-prose ul,.ioc-prose ol{padding-left:1.3em;color:var(--ioc-text-secondary)}
.ioc-prose li+li{margin-top:.5em}
.ioc-prose a{color:var(--ioc-accent);text-decoration:underline;text-underline-offset:2px}
.ioc-prose figure{margin:1.8em 0}
.ioc-prose figure img{width:100%;display:block;border:1px solid var(--ioc-border-subtle)}
.ioc-prose figcaption{margin-top:10px;font-size:13px;color:var(--ioc-text-helper);font-family:var(--ioc-mono)}
.ioc-callout{border-left:3px solid var(--ioc-accent);background:var(--ioc-g10);padding:20px 24px;font-size:17px;line-height:1.55;color:var(--ioc-text-primary)}
.ioc-callout .ioc-callout-k{display:block;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-accent);margin-bottom:8px}
.ioc-aside{position:sticky;top:7rem;display:flex;flex-direction:column;gap:22px;font-size:14px}
.ioc-toc b,.ioc-aside-card b{display:block;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper);margin-bottom:12px}
.ioc-toc{border-top:2px solid var(--ioc-text-primary);padding-top:16px}
.ioc-toc a{display:block;padding:6px 0;color:var(--ioc-text-secondary);line-height:1.4;border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-toc a:hover{color:var(--ioc-accent)}
.ioc-aside-card{border:1px solid var(--ioc-border-subtle);padding:20px}
.ioc-aside-card p{margin:0 0 14px;color:var(--ioc-text-secondary);line-height:1.5}
@media(max-width:900px){.ioc-article .wrap{grid-template-columns:1fr}.ioc-aside{position:static;order:2}}

/* ---- Landing: reduced shell ---- */
body.ioc-lp .ioc-header .nav,body.ioc-lp .ioc-header .search-open,body.ioc-lp .ioc-header .mobile-toggle{display:none}
body.ioc-lp .footer-routes,body.ioc-lp .footer-main{display:none}
.ioc-lp-offer{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-lp-offer>div{background:var(--ioc-surface,#fff);padding:clamp(22px,2.4vw,32px)}
.ioc-lp-offer .n{font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-accent);letter-spacing:.08em}
.ioc-lp-offer b{display:block;margin:10px 0 6px;font-size:18px;font-weight:700;letter-spacing:-.01em}
.ioc-lp-offer p{margin:0;font-size:14px;color:var(--ioc-text-secondary);line-height:1.5}
@media(max-width:820px){.ioc-lp-offer{grid-template-columns:1fr}}
.ioc-lp-proof{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;padding:22px 0;border-top:1px solid var(--ioc-border-subtle);border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-lp-proof span{font-family:var(--ioc-mono);font-size:13px;color:var(--ioc-text-secondary);letter-spacing:.03em}

/* ---- Search results states ---- */
.ioc-searchbar{display:flex;align-items:center;gap:12px;border:1px solid var(--ioc-border-strong);background:var(--ioc-surface,#fff);padding:0 16px;height:56px;max-width:640px}
.ioc-searchbar svg{width:20px;height:20px;color:var(--ioc-text-helper);flex:none}
.ioc-searchbar input{flex:1;border:0;outline:0;background:transparent;font-family:var(--ioc-sans);font-size:17px;color:var(--ioc-text-primary)}
.ioc-resultmeta{margin:20px 0 8px;font-family:var(--ioc-mono);font-size:13px;color:var(--ioc-text-helper)}
.ioc-result-list{border-top:1px solid var(--ioc-border-subtle)}
.ioc-result{display:block;padding:22px 0;border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-result .k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-result h3{margin:6px 0 4px;font-size:20px;font-weight:700;letter-spacing:-.015em}
.ioc-result h3 a:hover{color:var(--ioc-accent)}
.ioc-result p{margin:0;color:var(--ioc-text-secondary);font-size:15px;line-height:1.55;max-width:76ch}
.ioc-result .u{margin-top:8px;font-family:var(--ioc-mono);font-size:12px;color:var(--ioc-accent)}
.ioc-empty{border:1px dashed var(--ioc-border-strong);background:var(--ioc-g10);padding:clamp(32px,4vw,56px);text-align:center}
.ioc-empty h3{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.015em}
.ioc-empty p{margin:0 auto 20px;color:var(--ioc-text-secondary);font-size:15px;line-height:1.6;max-width:52ch}
.ioc-empty .ioc-empty-topics{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}

/* ---- Block states (form / feed) ---- */
.ioc-statebanner{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border:1px solid var(--ioc-border-subtle);font-size:15px;line-height:1.5}
.ioc-statebanner .ioc-sb-ico{width:22px;height:22px;flex:none;border-radius:50%!important;display:flex;align-items:center;justify-content:center;color:var(--ioc-text-on-color,#fff);font-size:13px;font-weight:700}
.ioc-statebanner b{display:block;font-weight:700;margin-bottom:2px}
.ioc-statebanner p{margin:0;color:var(--ioc-text-secondary)}
.ioc-statebanner.ok{border-color:color-mix(in srgb,var(--ioc-success) 30%,var(--ioc-surface));background:var(--ioc-success-surface,#defbe6)}.ioc-statebanner.ok .ioc-sb-ico{background:var(--ioc-green,#0e6027)}
.ioc-statebanner.err{border-color:color-mix(in srgb,var(--ioc-danger) 30%,var(--ioc-surface));background:var(--ioc-danger-surface,#fff1f1)}.ioc-statebanner.err .ioc-sb-ico{background:var(--ioc-danger,#da1e28)}
.ioc-statebanner.info{border-color:color-mix(in srgb,var(--ioc-blue) 30%,var(--ioc-surface));background:var(--ioc-selected-surface,#edf5ff)}.ioc-statebanner.info .ioc-sb-ico{background:var(--ioc-accent)}
.ioc-field.invalid input,.ioc-field.invalid select,.ioc-field.invalid textarea{border-color:var(--ioc-danger,#da1e28);box-shadow:0 0 0 3px rgba(194,29,29,.12)}
.ioc-field .ioc-err{font-size:12px;color:var(--ioc-danger,#da1e28);font-weight:600}
.ioc-skel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ioc-border-subtle);border:1px solid var(--ioc-border-subtle)}
.ioc-skel{background:var(--ioc-surface,#fff);padding:clamp(22px,2.2vw,30px)}
.ioc-skel span{display:block;height:12px;border-radius:2px!important;background:linear-gradient(90deg,var(--ioc-g10),var(--ioc-g20),var(--ioc-g10));background-size:200% 100%;animation:idcshimmer 1.3s infinite;margin-bottom:10px}
.ioc-skel span.s1{width:40%;height:10px}.ioc-skel span.s2{width:90%}.ioc-skel span.s3{width:70%}
@keyframes idcshimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:900px){.ioc-skel-grid{grid-template-columns:1fr}}
.ioc-btn-loading{position:relative;pointer-events:none;opacity:.75}
.ioc-spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--ioc-border-on-color,#fff);border-radius:50%!important;animation:idcspin .7s linear infinite;vertical-align:-2px}
@keyframes idcspin{to{transform:rotate(360deg)}}

/* ---- Landing lead-capture split (B-14 on landing) ---- */
.ioc-lp-capture{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.ioc-lp-capture .ioc-lp-cap-copy h2{margin:0;font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.08}
.ioc-lp-capture .ioc-lp-cap-copy .lede{margin:16px 0 24px}
.ioc-lp-cap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ioc-lp-cap-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ioc-text-secondary);line-height:1.5}
.ioc-lp-cap-list li svg{width:20px;height:20px;flex:none;color:var(--ioc-accent);margin-top:1px}
.ioc-lp-cap-form{border:1px solid var(--ioc-border-strong);background:var(--ioc-surface,#fff);padding:clamp(24px,2.6vw,36px)}
.ioc-lp-cap-form h3{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.015em}
.ioc-lp-cap-form .sub{margin:0 0 20px;font-size:14px;color:var(--ioc-text-secondary)}
@media(max-width:820px){.ioc-lp-capture{grid-template-columns:1fr}}

/* ---- 404 / error page ---- */
.ioc-404{text-align:center;max-width:640px;margin:0 auto;padding:clamp(48px,8vw,96px) 0}
.ioc-404 .code{font-family:var(--ioc-mono);font-size:clamp(72px,14vw,150px);font-weight:600;line-height:.9;letter-spacing:-.03em;color:var(--ioc-accent)}
.ioc-404 h1{margin:20px 0 12px;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.025em}
.ioc-404 p{margin:0 auto 28px;color:var(--ioc-text-secondary);font-size:16px;line-height:1.6;max-width:46ch}
.ioc-404 .ioc-searchbar{margin:0 auto 28px}
.ioc-404-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* hero kicker as iconic breadcrumb: home / PAGE */
.ioc-kicker-crumb{gap:9px}
.ioc-kicker-crumb::before{display:none}
.ioc-home{display:inline-flex;align-items:center;color:var(--ioc-text-primary);padding-bottom:3px;border-bottom:2px solid var(--ioc-accent);line-height:1;transition:color .16s var(--ioc-ease)}
.ioc-home svg{width:16px;height:16px;display:block}
.ioc-home:hover{color:var(--ioc-accent)}
.ioc-kicker-crumb .ioc-sep{color:var(--ioc-text-helper);margin:0 3px}

/* ---- B-12 CTA action patterns (light band) ---- */
.ioc-cta-act{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ioc-cta-act>.btn{align-self:stretch;justify-content:space-between;min-height:52px}
.ioc-cta-note{font-size:12.5px;color:var(--ioc-text-secondary);margin:0}
.ioc-cta-slots{display:flex;flex-wrap:wrap;gap:8px}
.ioc-cta-slots span{font-family:var(--ioc-mono);font-size:12.5px;color:var(--ioc-text-primary);border:1px solid var(--ioc-g30);padding:8px 12px;transition:border-color .15s,color .15s}
.ioc-cta-aud{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.ioc-cta-aud button{flex:1 1 42%;border:1px solid var(--ioc-g30);background:var(--ioc-surface,#fff);color:var(--ioc-text-primary);padding:12px;text-align:left;cursor:pointer;font:inherit;transition:background .15s,color .15s,border-color .15s}
.ioc-cta-aud button[aria-selected=true]{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff);border-color:var(--ioc-accent)}
.ioc-cta-aud b{display:block;font-size:14px}
.ioc-cta-aud small{display:block;font-size:12px;opacity:.82;margin-top:3px}
.ioc-cta-stats{display:flex;gap:26px;flex-wrap:wrap}
.ioc-cta-stats b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ioc-text-primary)}
.ioc-cta-stats span{font-size:12px;color:var(--ioc-text-secondary)}
.ioc-cta-guar{display:flex;flex-direction:column;gap:8px}
.ioc-cta-guar span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ioc-text-secondary)}
.ioc-cta-guar svg{width:15px;height:15px;color:var(--ioc-green);flex:none}

/* ---- B-14 Reassurance panel (beside the enquiry form) ---- */
.ioc-reassure{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.4vw,30px);background:var(--ioc-g10);border:1px solid var(--ioc-border-subtle)}
.ioc-rea-k{font-family:var(--ioc-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-rea-card{display:flex;gap:13px;padding:16px 18px;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle)}
.ioc-rea-card svg{flex:none;width:18px;height:18px;color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-rea-card b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}
.ioc-rea-card span{display:block;font-size:13.5px;line-height:1.5;color:var(--ioc-text-secondary)}
.ioc-rea-direct{margin-top:auto;padding-top:16px;border-top:1px solid var(--ioc-border-subtle);display:flex;flex-direction:column;gap:4px}
.ioc-rea-direct a{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:14.5px;font-weight:600;color:var(--ioc-text-primary);text-decoration:none}
.ioc-rea-direct a svg{width:16px;height:16px;color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-rea-direct a:hover{color:var(--ioc-accent-ink,var(--ioc-accent))}

/* ---- B-14 panel sits in the narrow first column ---- */
#enquiry .ioc-nav-split{grid-template-columns:minmax(18rem,23rem) minmax(0,1fr)}
@media(max-width:900px){#enquiry .ioc-nav-split{grid-template-columns:1fr}}
/* ---- B-15 Office: split card with map. Country tabs are ready for a second
   office: repeat .ioc-office and re-add the tablist when one exists. ---- */
.ioc-office-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.ioc-office-tabs button{padding:10px 16px;background:var(--ioc-surface-cool,#f2f4f8);border:1px solid transparent;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-primary);cursor:pointer;transition:background .18s var(--ioc-ease),color .18s var(--ioc-ease),border-color .18s var(--ioc-ease)}
.ioc-office-tabs button:hover{background:var(--ioc-surface,#fff);border-color:var(--ioc-text-primary)}
.ioc-office-tabs button[aria-selected="true"]{background:var(--ioc-accent);border-color:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.ioc-office{display:grid;grid-template-columns:minmax(19rem,26rem) 1fr;border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff)}
.ioc-office[hidden]{display:none}
.ioc-office-info{padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column}
.ioc-office-co{margin:0 0 4px;font-size:clamp(19px,1.7vw,23px);font-weight:800;letter-spacing:-.025em}
.ioc-office-reg{margin:0 0 22px;font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-office-row{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--ioc-border-subtle)}
.ioc-office-row svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-office-row .k{display:block;font-family:var(--ioc-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-text-helper);margin-bottom:3px}
.ioc-office-row a,.ioc-office-row .v{font-size:15px;line-height:1.45;font-weight:600;color:var(--ioc-text-primary);text-decoration:none}
.ioc-office-row a:hover{color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-office-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:22px}
.ioc-office-acts a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;background:var(--ioc-surface-cool,#f2f4f8);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-primary);text-decoration:none;transition:background .18s,color .18s}
.ioc-office-acts a svg{width:15px;height:15px;color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-office-acts a:hover{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.ioc-office-acts a:hover svg{color:var(--ioc-text-on-color,#fff)}
.ioc-office-map{position:relative;min-height:22rem;border-left:1px solid var(--ioc-border-subtle);background:var(--ioc-g20);display:flex;align-items:center;justify-content:center}
.ioc-office-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
.ioc-office-badge{position:absolute;left:16px;top:16px;z-index:2;padding:8px 12px;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-text-primary);font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.ioc-office-empty{padding:0 24px;text-align:center;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-secondary);line-height:1.6}
@media(max-width:900px){.ioc-office{grid-template-columns:1fr}.ioc-office-map{border-left:0;border-top:1px solid var(--ioc-border-subtle);min-height:16rem}}
@media(prefers-reduced-motion:reduce){.ioc-office-tabs button,.ioc-office-acts a,.ioc-rea-direct a{transition:none}}

/* ---- B-14 Route cards: tinted by the family the enquiry goes to ---- */
.ioc-cards [data-route-fam]{--rf:var(--ioc-accent);--rfi:var(--ioc-accent-ink,var(--ioc-accent));position:relative;background:color-mix(in oklch,var(--rf) 4%,var(--ioc-surface));border-top:2px solid var(--rf)!important;transition:background .2s var(--ioc-ease)}
.ioc-cards [data-route-fam="sol"]{--rf:var(--ioc-blue);--rfi:var(--ioc-blue)}
.ioc-cards [data-route-fam="aca"]{--rf:var(--ioc-fam-academy);--rfi:var(--ioc-fam-academy)}
.ioc-cards [data-route-fam="tal"]{--rf:var(--ioc-fam-talents);--rfi:var(--ioc-fam-talents-ink)}
.ioc-cards [data-route-fam="sup"]{--rf:var(--ioc-fam-company);--rfi:var(--ioc-fam-company)}
.ioc-cards [data-route-fam="com"]{--rf:var(--ioc-fam-company);--rfi:var(--ioc-fam-company)}
.ioc-cards [data-route-fam="ind"]{--rf:var(--ioc-fam-industries);--rfi:var(--ioc-fam-industries-ink)}
.ioc-cards [data-route-fam="tec"],.ioc-cards [data-route-fam="ins"]{--rf:var(--ioc-blue);--rfi:var(--ioc-blue)}
.ioc-cards [data-route-fam] .ioc-card-eyebrow{color:var(--rfi)}
.ioc-cards [data-route-fam] .ioc-cardicon,.ioc-cards [data-route-fam] .ioc-card-link{color:var(--rfi)}
.ioc-cards [data-route-fam]:hover{background:color-mix(in oklch,var(--rf) 9%,var(--ioc-surface))}
.ioc-cards [data-route-fam]:focus-visible{outline:3px solid var(--rf);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.ioc-cards [data-route-fam]{transition:none}}

/* ---- B-15b Regions served: tabs + market grid with per-market mailbox ---- */
.ioc-regions{margin-top:clamp(22px,2.4vw,32px)}
.ioc-region-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ioc-region-tabs button{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;background:var(--ioc-surface-cool,#f2f4f8);border:1px solid transparent;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-primary);cursor:pointer;transition:background .18s var(--ioc-ease),color .18s var(--ioc-ease),border-color .18s var(--ioc-ease)}
.ioc-region-tabs button .n{font-size:10px;color:var(--ioc-text-helper)}
.ioc-region-tabs button:hover{background:var(--ioc-surface,#fff);border-color:var(--ioc-text-primary)}
.ioc-region-tabs button[aria-selected="true"]{background:var(--ioc-accent);border-color:var(--ioc-accent);color:var(--ioc-text-on-color,#fff)}
.ioc-region-tabs button[aria-selected="true"] .n{color:rgba(255,255,255,.78)}
.ioc-region-panel[hidden]{display:none}
.ioc-region-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px}
.ioc-region-head b{font-size:16px;font-weight:700;letter-spacing:-.015em}
.ioc-region-head span{font-size:14px;color:var(--ioc-text-secondary)}
.ioc-markets{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle)}
.ioc-markets>div{box-shadow:0 0 0 1px var(--ioc-border-subtle);background:var(--ioc-surface,#fff);padding:15px 17px}
.ioc-markets b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.ioc-markets .tag{font-style:normal;font-family:var(--ioc-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-on-color,#fff);background:var(--ioc-accent);padding:2px 6px}
.ioc-markets a{display:flex;align-items:center;gap:7px;margin-top:7px;font-family:var(--ioc-mono);font-size:11px;color:var(--ioc-text-secondary);text-decoration:none;word-break:break-all}
.ioc-markets a svg{flex:none;width:14px;height:14px;color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-markets a:hover{color:var(--ioc-accent-ink,var(--ioc-accent))}
@media(max-width:900px){.ioc-markets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ioc-markets{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ioc-region-tabs button{transition:none}}

/* ---- Section header · right column lead sentence ---- */
.ioc-head .ioc-sh-lead{align-self:end}
.ioc-sh-lead p{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--ioc-text-primary);max-width:36ch;text-wrap:pretty}
.ioc-sh-lead p b{font-weight:700}
.ioc-sh-lead .meta{display:block;margin-top:12px;font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper);line-height:1.6}
.ioc-block.dark .ioc-sh-lead p{color:var(--ioc-g10,#f4f4f4)}
.ioc-block.dark .ioc-sh-lead .meta{color:var(--ioc-g40,#a8a8a8)}
@media(max-width:860px){.ioc-sh-lead p{max-width:none}}

/* Section-header route link, used inside .ioc-sh-lead */
.ioc-sh-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;color:var(--ioc-accent,#0001ff);font-weight:600;font-size:.9rem;text-decoration:none}
.ioc-sh-link svg{width:1rem;height:1rem;transition:transform .18s ease}
.ioc-sh-link:hover svg{transform:translateX(4px)}
.dark .ioc-sh-link{color:var(--ioc-accent-on-inverse)}


/* ============================================================
   Reserved blocks, now built · B-07, B-08, B-12, B-14, B-16,
   B-18, B-19, B-20, B-23, B-24. Same contract as the rest of
   the library: white-first, square, 1px #e0e0e0, mono meta,
   family accent via var(--ioc-accent), container-clipped grids
   so a short final row never shows a divider block.
   ============================================================ */

/* ---- B-07 · Logo wall ---- */
.ioc-logowall{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);overflow:hidden}
.ioc-logowall .ioc-lw{display:flex;align-items:center;justify-content:center;min-height:112px;padding:24px 28px;box-shadow:1px 1px 0 0 var(--ioc-border-subtle);position:relative}
.ioc-logowall img{max-width:100%;max-height:40px;width:auto;height:auto;filter:grayscale(1);opacity:.62;transition:filter .18s ease,opacity .18s ease}
.ioc-logowall .ioc-lw:hover img{filter:none;opacity:1}
.ioc-logowall .ioc-lw-name{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-secondary)}
.ioc-logowall-note{margin:14px 0 0;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-block.dark .ioc-logowall{background:var(--ioc-surface-inverse-raised,#1c1c1c);border-color:var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-logowall .ioc-lw{box-shadow:1px 1px 0 0 var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-logowall img{filter:grayscale(1) invert(1);opacity:.7}
.ioc-block.dark .ioc-logowall .ioc-lw-name{color:var(--ioc-g40,#a8a8a8)}

/* ---- B-08 · Testimonial ---- */
.ioc-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);overflow:hidden}
.ioc-quote{padding:clamp(24px,3vw,36px);box-shadow:1px 1px 0 0 var(--ioc-border-subtle);display:flex;flex-direction:column;gap:20px;border-top:3px solid var(--ioc-accent)}
.ioc-quote blockquote{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-weight:600;letter-spacing:-.015em;color:var(--ioc-text-primary);text-wrap:pretty}
.ioc-quote blockquote::before{content:"";display:block}
.ioc-quote figcaption{display:flex;align-items:center;gap:14px;margin-top:auto}
.ioc-quote figcaption img{width:44px;height:44px;object-fit:cover;flex:none}
.ioc-quote .ioc-q-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.ioc-quote .ioc-q-who b{font-size:14px;font-weight:700;color:var(--ioc-text-primary)}
.ioc-quote .ioc-q-who span{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-secondary)}
.ioc-quote .ioc-q-src{font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-quote.lead{grid-column:1/-1}
.ioc-quote.lead blockquote{font-size:clamp(22px,2.6vw,34px);font-weight:700;line-height:1.24}
.ioc-block.dark .ioc-quotes{background:var(--ioc-surface-inverse-raised,#1c1c1c);border-color:var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-quote{box-shadow:1px 1px 0 0 var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-quote blockquote{color:var(--ioc-text-on-color,#fff)}
.ioc-block.dark .ioc-quote .ioc-q-who span,.ioc-block.dark .ioc-quote .ioc-q-src{color:var(--ioc-g40,#a8a8a8)}

/* ---- B-12 · Table ---- */
.ioc-tablewrap{border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff);overflow-x:auto}
.ioc-tablewrap table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.ioc-tablewrap caption{text-align:left;padding:14px 18px;border-bottom:1px solid var(--ioc-border-subtle);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-secondary)}
.ioc-tablewrap th{text-align:left;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--ioc-text-secondary);background:var(--ioc-g10);padding:12px 18px;border-bottom:1px solid var(--ioc-border-subtle);white-space:nowrap;position:sticky;top:0}
.ioc-tablewrap td{padding:14px 18px;border-bottom:1px solid var(--ioc-border-subtle);color:var(--ioc-text-secondary);line-height:1.55;vertical-align:top}
.ioc-tablewrap tbody tr:last-child td{border-bottom:0}
.ioc-tablewrap tbody tr:hover td{background:var(--ioc-g10)}
.ioc-tablewrap td:first-child{color:var(--ioc-text-primary);font-weight:600}
.ioc-tablewrap td.num,.ioc-tablewrap th.num{text-align:right;font-family:var(--ioc-mono);font-variant-numeric:tabular-nums}
.ioc-tablewrap .ioc-td-yes{color:var(--ioc-accent-ink,var(--ioc-accent));font-weight:700}
.ioc-tablewrap .ioc-td-no{color:var(--ioc-text-helper)}
.ioc-table-note{margin:12px 0 0;font-family:var(--ioc-mono);font-size:11px;color:var(--ioc-text-helper)}

/* ---- B-14 · Timeline ---- */
.ioc-timeline{display:grid;gap:0;border-left:2px solid var(--ioc-border-subtle);margin-left:8px}
.ioc-tl{position:relative;padding:0 0 clamp(28px,3vw,40px) clamp(24px,3vw,36px)}
.ioc-tl:last-child{padding-bottom:0}
.ioc-tl::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--ioc-surface,#fff);border:2px solid var(--ioc-border-strong,#8d8d8d)}
.ioc-tl.done::before{background:var(--ioc-accent);border-color:var(--ioc-accent)}
.ioc-tl.now::before{background:var(--ioc-accent);border-color:var(--ioc-accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--ioc-accent) 18%,var(--ioc-surface))}
.ioc-tl-when{display:block;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper);margin-bottom:6px}
.ioc-tl.now .ioc-tl-when,.ioc-tl.done .ioc-tl-when{color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-tl b{display:block;font-size:clamp(16px,1.4vw,19px);font-weight:700;letter-spacing:-.015em;color:var(--ioc-text-primary);margin-bottom:6px}
.ioc-tl p{margin:0;font-size:14px;line-height:1.65;color:var(--ioc-text-secondary);max-width:62ch}
.ioc-block.dark .ioc-timeline{border-left-color:var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-tl::before{background:var(--ioc-surface-inverse,#161616);border-color:var(--ioc-g60,#666666)}
.ioc-block.dark .ioc-tl p{color:var(--ioc-g30)}

/* ---- B-16 · Job listings ---- */
.ioc-jobs{display:grid;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);overflow:hidden}
.ioc-job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;padding:22px 24px;box-shadow:0 1px 0 0 var(--ioc-border-subtle);text-decoration:none;color:inherit;transition:background .16s ease}
.ioc-job:hover{background:var(--ioc-g10)}
.ioc-job:hover h3{color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-job-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-helper);margin-bottom:8px}
.ioc-job-meta .ioc-job-fam{color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-job h3{margin:0 0 6px;font-size:clamp(16px,1.4vw,19px);font-weight:700;letter-spacing:-.015em;transition:color .16s ease}
.ioc-job p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ioc-text-secondary);max-width:70ch}
.ioc-job-go{display:inline-flex;align-items:center;gap:8px;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-accent-ink,var(--ioc-accent));white-space:nowrap}
.ioc-job-go svg{width:16px;height:16px;transition:transform .18s ease}
.ioc-job:hover .ioc-job-go svg{transform:translateX(4px)}
.ioc-jobs-empty{padding:32px 24px;font-size:14px;color:var(--ioc-text-secondary)}
@media(max-width:640px){.ioc-job{grid-template-columns:1fr}}

/* ---- B-18 · Code / spec ---- */
.ioc-code{border:1px solid var(--ioc-g80,#393939);background:var(--ioc-surface-inverse,#161616);overflow:hidden}
.ioc-code-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--ioc-g90,#262626);border-bottom:1px solid var(--ioc-g80,#393939);font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-g40,#a8a8a8)}
.ioc-code-bar b{color:var(--ioc-text-on-color,#fff);font-weight:500;letter-spacing:.04em}
.ioc-code-bar .ioc-code-lang{margin-left:auto;color:var(--ioc-accent-on-inverse)}
.ioc-code pre{margin:0;padding:20px 18px;overflow-x:auto;font-family:var(--ioc-mono);font-size:12.5px;line-height:1.9;color:var(--ioc-g20,#e0e0e0);tab-size:2}
.ioc-code pre b{color:var(--ioc-accent-on-inverse);font-weight:500}
.ioc-code pre i{color:var(--ioc-g60,#666666);font-style:normal}
.ioc-code pre em{color:var(--ioc-success,#198038);font-style:normal}
.ioc-code-foot{padding:12px 16px;border-top:1px solid var(--ioc-g80,#393939);font-family:var(--ioc-mono);font-size:11px;color:var(--ioc-g50,#8d8d8d);line-height:1.7}

/* ---- B-19 · Comparison ---- */
.ioc-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);overflow:hidden}
.ioc-cmp{padding:clamp(22px,2.4vw,30px);box-shadow:1px 1px 0 0 var(--ioc-border-subtle);display:flex;flex-direction:column;gap:14px;border-top:3px solid var(--ioc-border-subtle)}
.ioc-cmp.pick{border-top-color:var(--ioc-accent);background:color-mix(in oklch,var(--ioc-accent) 4%,var(--ioc-surface))}
.ioc-cmp-k{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-cmp.pick .ioc-cmp-k{color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-cmp h3{margin:0;font-size:clamp(17px,1.6vw,22px);font-weight:700;letter-spacing:-.02em}
.ioc-cmp>p{margin:0;font-size:14px;line-height:1.65;color:var(--ioc-text-secondary)}
.ioc-cmp ul{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--ioc-border-subtle)}
.ioc-cmp li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--ioc-border-subtle);font-size:13.5px;line-height:1.55;color:var(--ioc-text-secondary)}
.ioc-cmp li svg{width:16px;height:16px;margin-top:2px;flex:none;color:var(--ioc-accent-ink,var(--ioc-accent))}
.ioc-cmp li.no{color:var(--ioc-text-helper)}
.ioc-cmp li.no svg{color:var(--ioc-g40,#a8a8a8)}
.ioc-cmp .ioc-cmp-when{margin-top:auto;padding-top:6px;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-primary)}

/* ---- B-20 · Banner ---- */
.ioc-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 20px;align-items:center;padding:16px 20px;background:color-mix(in oklch,var(--ioc-accent) 6%,var(--ioc-surface));border-top:3px solid var(--ioc-accent);border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-banner>svg{width:22px;height:22px;color:var(--ioc-accent-ink,var(--ioc-accent));flex:none}
.ioc-banner p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ioc-text-primary)}
.ioc-banner p b{font-weight:700}
.ioc-banner .ioc-banner-k{display:block;font-family:var(--ioc-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-accent-ink,var(--ioc-accent));margin-bottom:4px}
.ioc-banner a.ioc-banner-go{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ioc-accent-ink,var(--ioc-accent));text-decoration:none;white-space:nowrap}
.ioc-banner a.ioc-banner-go svg{width:16px;height:16px;transition:transform .18s ease}
.ioc-banner a.ioc-banner-go:hover svg{transform:translateX(4px)}
.ioc-banner .ioc-banner-x{background:none;border:0;padding:6px;cursor:pointer;color:var(--ioc-text-secondary);line-height:0}
.ioc-banner .ioc-banner-x svg{width:16px;height:16px}
.ioc-banner .ioc-banner-x:hover{color:var(--ioc-text-primary)}
.ioc-banner.warn{background:var(--ioc-amber-bg,#fdf6ec);border-top-color:var(--ioc-amber,#b45309)}
.ioc-banner.warn>svg,.ioc-banner.warn .ioc-banner-k,.ioc-banner.warn a.ioc-banner-go{color:var(--ioc-amber,#b45309)}
@media(max-width:640px){.ioc-banner{grid-template-columns:auto minmax(0,1fr);}.ioc-banner a.ioc-banner-go{grid-column:2}}

/* ---- B-23 · Embed ---- */
.ioc-embed{border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff)}
.ioc-embed-frame{position:relative;aspect-ratio:16/9;background:var(--ioc-surface-inverse,#161616);overflow:hidden}
.ioc-embed-frame iframe,.ioc-embed-frame video,.ioc-embed-frame img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.ioc-embed-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:14px 18px;border-top:1px solid var(--ioc-border-subtle)}
.ioc-embed-cap b{font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.ioc-embed-cap span{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-embed-cap .ioc-embed-src{margin-left:auto}
.ioc-embed-consent{padding:14px 18px;border-top:1px solid var(--ioc-border-subtle);font-size:12.5px;line-height:1.7;color:var(--ioc-text-secondary)}
.ioc-embed-consent button{font:inherit;font-weight:600;color:var(--ioc-accent-ink,var(--ioc-accent));background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---- B-24 · Divider ---- */
.ioc-divider{border:0;height:1px;background:var(--ioc-border-subtle);margin:clamp(40px,6vw,80px) 0}
.ioc-divider.strong{height:2px;background:var(--ioc-text-primary)}
.ioc-divider.accent{height:3px;background:var(--ioc-accent);width:64px;margin-left:0}
.ioc-divider-label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:clamp(40px,6vw,80px) 0}
.ioc-divider-label span{font-family:var(--ioc-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-text-helper)}
.ioc-divider-label::after{content:"";height:1px;background:var(--ioc-border-subtle)}
.ioc-block.dark .ioc-divider{background:var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-divider-label::after{background:var(--ioc-g80,#393939)}
.ioc-block.dark .ioc-divider-label span{color:var(--ioc-g50,#8d8d8d)}
@media(prefers-reduced-motion:reduce){.ioc-logowall img,.ioc-job,.ioc-job-go svg,.ioc-banner a.ioc-banner-go svg{transition:none}}

/* Icon sizing for link and question contracts (was missing) */
.ioc-cardlink svg{width:16px;height:16px;flex:none;transition:transform .15s var(--ioc-ease)}
.ioc-cardlink:hover svg{transform:translateX(3px)}
.ioc-faq-q svg{width:20px;height:20px;flex:none}

/* ---- absorbed from ioc-forms.css (CMS-D-071) ---- */
/* ============================================================
   INFOC Simple CTA Forms · v3.0.0 · styling
   Light only. Builds on the B-17 .ioc-field / .ioc-form-grid
   contract already in ioc-blocks.css rather than replacing it,
   so a preset-rendered form and a hand-written one look the same.
   Only the parts B-17 does not cover are defined here.
   ============================================================ */

.ioc-form{background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-subtle);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:22px}
/* The renderer wraps the fields, action, reassurance and consent in
   [data-form-body] so the success state can replace them in one node.
   That wrapper owns their rhythm; .ioc-form's gap does not reach them. */
.ioc-form [data-form-body]{display:flex;flex-direction:column;gap:22px}
.ioc-form-title{font-size:clamp(21px,2vw,27px);line-height:1.15;letter-spacing:-.02em;margin:0}
.ioc-form-copy{margin:-10px 0 0;color:var(--ioc-text-secondary);font-size:16px;line-height:1.55;max-width:54ch}

/* ---- ask line · sets the length of the ask before the first field ---- */
/* No separator glyph. Any divider attached to an item, whether a border
   or a pseudo-element, is placed by DOM position and cannot know where
   the flex line breaks, so it dangles on a wrapped row. Spacing alone
   separates these three at 11px uppercase mono. */
.ioc-form-ask{display:flex;flex-wrap:wrap;column-gap:26px;row-gap:8px;margin:-6px 0 0;padding:0;list-style:none}
.ioc-form-ask span{white-space:nowrap;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc-text-secondary);line-height:1.2}

/* ---- reassurance · under the action, never above it.
   Named .ioc-form-sure, not .ioc-reassure: that name already belongs to
   the padded B-17 reassurance panel in ioc-blocks.css. ---- */
.ioc-form-sure{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 24px;margin:0;padding:18px 0 0;list-style:none;border-top:1px solid var(--ioc-border-subtle)}
.ioc-form-sure li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--ioc-text-secondary)}
.ioc-form-sure svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:var(--ioc-accent);fill:none;stroke:currentColor;stroke-width:2}

/* ---- error summary · focus lands here on a failed submit ---- */
.ioc-form-errors{border:1px solid var(--ioc-danger,#da1e28);border-left:3px solid var(--ioc-danger,#da1e28);background:var(--ioc-danger-surface,#fff1f1);padding:16px 20px}
.ioc-form-errors:focus{outline:2px solid var(--ioc-focus);outline-offset:2px}
.ioc-form-errors h4{margin:0 0 8px;font-size:15px;letter-spacing:-.01em}
.ioc-form-errors ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.ioc-form-errors a{color:var(--ioc-danger-text,#a2191f);font-size:14px}

/* ---- field error state ---- */
.ioc-field.is-error input,.ioc-field.is-error select,.ioc-field.is-error textarea{border-color:var(--ioc-danger,#da1e28)}
.ioc-choicegroup.is-error .ioc-choices{border-color:var(--ioc-danger,#da1e28)}
.ioc-field-error{margin:0;color:var(--ioc-danger-text,#a2191f);font-size:13px;font-family:var(--ioc-mono);letter-spacing:.01em}
.ioc-opt{color:var(--ioc-text-helper);font-weight:400;font-family:var(--ioc-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}

/* ---- radio group · one required state for the whole group ---- */
.ioc-choicegroup{grid-column:1/-1;border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ioc-choicegroup legend{padding:0;font-size:13px;font-weight:600;color:var(--ioc-text-primary)}
.ioc-choicegroup legend .req{color:var(--ioc-accent)}
.ioc-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-border-strong);overflow:hidden}
.ioc-choices:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(220px,1fr))}
.ioc-choice{background:var(--ioc-surface,#fff);box-shadow:1px 1px 0 0 var(--ioc-border-subtle);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-height:44px;transition:background var(--ioc-dur-fast) var(--ioc-ease)}
.ioc-choice:hover{background:var(--ioc-g10)}
.ioc-choice input{margin:3px 0 0;accent-color:var(--ioc-accent);width:16px;height:16px;flex:0 0 auto}
.ioc-choice b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.ioc-choice small{display:block;margin-top:2px;color:var(--ioc-text-secondary);font-size:13px;line-height:1.4}
.ioc-choice:has(input:checked){background:color-mix(in oklch,var(--ioc-accent) 5%,var(--ioc-surface));box-shadow:inset 3px 0 0 0 var(--ioc-accent)}
.ioc-choice:focus-within{outline:2px solid var(--ioc-focus);outline-offset:-2px}

/* ---- collapsed secondary qualification ---- */
.ioc-more{grid-column:1/-1;border:1px solid var(--ioc-border-subtle);background:var(--ioc-surface,#fff)}
.ioc-more>summary{cursor:pointer;padding:13px 16px;font-size:14px;font-weight:600;letter-spacing:-.01em;display:flex;gap:8px;align-items:center;min-height:44px}
.ioc-more>summary:hover{background:var(--ioc-g10)}
.ioc-more>summary:focus-visible{outline:2px solid var(--ioc-focus);outline-offset:-2px}
.ioc-more[open]>summary{border-bottom:1px solid var(--ioc-border-subtle)}
.ioc-more .ioc-form-grid{padding:20px 16px}

/* ---- file input · limits stated before the picker opens ---- */
.ioc-filefield input[type="file"]{padding:11px 14px;font-size:14px;font-family:var(--ioc-sans)}
.ioc-filefield input[type="file"]::file-selector-button{font:inherit;font-size:12px;font-family:var(--ioc-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--ioc-surface,#fff);border:1px solid var(--ioc-text-primary);color:var(--ioc-text-primary);padding:7px 13px;margin-right:12px;cursor:pointer}
.ioc-filefield input[type="file"]::file-selector-button:hover{background:var(--ioc-text-primary);color:var(--ioc-text-on-color,#fff)}
.ioc-fhint{color:var(--ioc-text-helper);font-size:12px;font-family:var(--ioc-mono);letter-spacing:.02em}

/* ---- consent · separate, optional, unticked ---- */
.ioc-marketing{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--ioc-text-secondary);line-height:1.5;cursor:pointer;min-height:44px;padding:0;margin-top:-6px}
.ioc-marketing input{margin:2px 0 0;accent-color:var(--ioc-accent);width:16px;height:16px;flex:0 0 auto}
.ioc-privacy{margin:0;font-size:12.5px;color:var(--ioc-text-helper);line-height:1.55;max-width:66ch}

/* ---- actions ---- */
.ioc-form-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.ioc-form-actions .ioc-form-note{max-width:46ch;font-size:13.5px;line-height:1.5;color:var(--ioc-text-secondary)}
.ioc-form-actions .btn{flex:0 0 auto;padding-block:15px;font-size:15.5px}

/* ---- success · replaces the body, does not sit under it ---- */
.ioc-form-success[hidden],.ioc-form [hidden]{display:none}
.ioc-form-success{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0}
.ioc-form-success:focus{outline:2px solid var(--ioc-focus);outline-offset:4px}
.ioc-form-success h3{margin:0;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em}
.ioc-form-success p{margin:0;color:var(--ioc-text-secondary);max-width:52ch}
.ioc-form-ok{width:44px;height:44px;display:grid;place-items:center;background:var(--ioc-accent);margin:0}
.ioc-form-ok svg{width:24px;height:24px;color:var(--ioc-text-on-color,#fff);fill:none}
.ioc-form-success .btn{margin-top:8px}

/* ---- honeypot ---- */
.ioc-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- compact presets · newsletter, download, event ---- */
.ioc-form.compact{gap:16px;padding:clamp(20px,2vw,28px)}
.ioc-form.compact [data-form-body]{gap:16px}
.ioc-form.compact .ioc-form-grid{grid-template-columns:1fr}
.ioc-form.compact .ioc-form-actions{justify-content:flex-start}

/* ---- on a dark band the form stays a light card ---- */
.ioc-block.dark .ioc-form,.cta-band .ioc-form{background:var(--ioc-surface,#fff);color:var(--ioc-text-primary)}
.ioc-block.dark .ioc-form-title,.cta-band .ioc-form-title{color:var(--ioc-text-primary)}
.ioc-block.dark .ioc-form p,.cta-band .ioc-form p{color:var(--ioc-text-secondary)}

@media(max-width:640px){
  .ioc-form-actions{flex-direction:column;align-items:stretch}
  .ioc-form-actions .btn{width:100%;justify-content:center;order:-1}
  .ioc-form-sure{gap:8px}
  .ioc-choices{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ioc-choice{transition:none}}

/* arrow inside form buttons · the sprite is stroked, not filled */
.ioc-form .btn svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;transition:transform var(--ioc-dur-fast) var(--ioc-ease)}
.ioc-form .btn:hover svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.ioc-form .btn:hover svg{transform:none}}


/* CMS-D-071 D-9: the source set this inline on the legal row; carried as a class. */
.legal-actions{display:flex;align-items:center;gap:16px}

/* ==========================================================================
   CMS-D-071 W6 — empty-segment collapse for owned overlay item templates.
   Fixed item templates emit every optional segment; a segment whose bound
   value is empty must not paint (tags, eyebrows, notes, link stubs, glyphs).
   ========================================================================== */
.infoc-cms .ioc-tag:empty{display:none}
.infoc-cms .ioc-card-eyebrow:empty{display:none}
.infoc-cms .ioc-card-tags:not(:has(.ioc-tag:not(:empty))){display:none}
.infoc-cms .ioc-note:has(> p:empty){display:none}
.infoc-cms .ioc-sh-lead:has(> p:empty){display:none}
.infoc-cms .ioc-fmark svg:has(use[href$="#"]){display:none}
.infoc-cms .ioc-card-ix svg:has(use[href$="#"]){display:none}
.infoc-cms .ioc-card-link[href="#"]{display:none}
.infoc-cms .ioc-card[data-route-fam=""]{--rf:initial;--rfi:initial;background:var(--ioc-surface,#fff);border-top:0!important}

/* CMS-D-071 W7 — the talents role-family rowgroup styles, absorbed VERBATIM
   from the page-local <style> shared by talents/professionals.html and
   talents/employers.html (W2 skipped them as dead; the W6 fixed variants
   B-11-V07/V08 now emit this markup). */
.ioc-rowgroup{margin-bottom:28px}.ioc-rowgroup>h3{font-size:clamp(18px,1.8vw,24px);font-weight:700;letter-spacing:-.015em;margin:0 0 14px}.ioc-rowgroup>h3 span{font-family:var(--ioc-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-text-helper);margin-left:10px}

/* ==========================================================================
   CMS-D-071 W11 — the home page design, absorbed VERBATIM from the six
   inline <style> blocks of docs/designs/infoc-site/index.html (the home
   design lives nowhere else). .showcase is rewritten to .showcase —
   the render wrapper carries the scope classes on the home page.
   ========================================================================== */

.infoc-logo{display:inline-flex;align-items:baseline;font-family:"Michroma",sans-serif;font-weight:400;letter-spacing:.11em;line-height:1;padding-bottom:.26em;-webkit-text-stroke:.063em currentColor;paint-order:stroke fill}.infoc-logo .g{display:inline-block}.infoc-logo .g:first-child{margin-right:-.07em}.infoc-logo .g:nth-child(2){margin-right:-.04em}.infoc-logo .gc{position:relative;color:var(--ioc--blue);margin-right:-.02em}.infoc-logo .gc::after{content:"";position:absolute;left:0;top:calc(100% + .122em);width:calc(100% - .11em);height:.14em;background:currentColor}.logo .logo-sub{margin-left:.65rem;padding-left:.65rem;border-left:1px solid var(--ioc--g20);color:var(--ioc--g70);font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;align-self:center}
.architecture-table-wrap{overflow-x:auto;border-top:1px solid var(--ioc--g20)}.architecture-table{width:100%;border-collapse:collapse;font-size:.85rem}.architecture-table th,.architecture-table td{text-align:left;padding:1rem;border-bottom:1px solid var(--ioc--g20);vertical-align:top}.architecture-table th{font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc--g70)}.assessment-result{display:none}.assessment-result.active{display:block}.score-ring{width:6rem;height:6rem;border:3px solid var(--ioc--blue);border-radius:50%;display:grid;place-items:center;margin-bottom:1.5rem}.score-ring strong{font-size:1.6rem;font-weight:600;color:var(--ioc--blue)}.result-notification{margin:1.5rem 0;padding:1.25rem;background:var(--ioc--g10);border-left:4px solid var(--ioc--blue)}.result-notification strong{display:block;margin-bottom:.35rem}.result-notification p{margin:0;color:var(--ioc--g70);font-size:.85rem}

    /* Legacy --ioc--* names alias the canonical --ioc-* tokens in ioc-core.css.
   Never give one of these a literal value: two namespaces with two values is how
   the same grey ended up painted twice on one page. */
body.ioc-site{--ioc--blue:var(--ioc-blue);--ioc--g100:var(--ioc-g100);--ioc--g70:var(--ioc-g70);--ioc--g60:var(--ioc-g60);--ioc--g30:var(--ioc-g30);--ioc--g20:var(--ioc-g20);--ioc--g10:var(--ioc-g10);--ioc--white:var(--ioc-white);--ioc--black:var(--ioc-g100);--ioc--focus:var(--ioc-focus);--ioc--ease:var(--ioc-ease);--ioc--max:1440px;--ioc--gutter:clamp(1.25rem,4vw,4rem);--ioc--section:clamp(5rem,9vw,9rem)}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--ioc--white);color:var(--ioc--g100);font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}::selection{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--ioc--blue);color:var(--ioc-text-on-primary,#fff);padding:.75rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--ioc--focus);outline-offset:3px}.container{width:min(100%,var(--ioc--max));margin-inline:auto;padding-inline:var(--ioc--gutter)}.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600}.eyebrow:before{content:"";width:2rem;height:2px;background:var(--ioc--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(3rem,6.8vw,7.25rem)}h2{font-size:clamp(2.35rem,4.7vw,5rem)}h3{font-size:clamp(1.35rem,2.1vw,2rem)}.lede{max-width:48rem;color:var(--ioc--g70);font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.55}.section{padding-block:var(--ioc--section);border-top:1px solid var(--ioc--g20)}.section-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}.section-head p{margin:0;color:var(--ioc--g70);font-size:1.05rem}.section-kicker{font-family:"JetBrains Mono",monospace;color:var(--ioc--blue);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:3.5rem;padding:.9rem 1rem;border:1px solid transparent;border-radius:0;background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s var(--ioc--ease)}.btn:hover{background:var(--ioc-blue-hover,#0000c4)}.btn:active{transform:translateY(1px)}.btn .icon{width:1.25rem}.btn-secondary{background:transparent;border-color:var(--ioc--g100);color:var(--ioc--g100)}.btn-secondary:hover{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.text-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--ioc-link-color,var(--ioc--blue));font-weight:600}.text-link .icon{width:1.1rem;transition:transform .2s}.text-link:hover .icon{transform:translateX(.3rem)}.tag{display:inline-flex;padding:.35rem .6rem;background:var(--ioc--g10);font-size:.75rem;letter-spacing:.04em}.icon{width:1.5rem;height:1.5rem;flex:0 0 auto}
    .site-header{position:sticky;top:0;z-index:100;height:4rem;background:rgba(255,255,255,.94);border-bottom:1px solid var(--ioc--g20);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center}.logo{display:flex;align-items:center;align-self:stretch;min-width:10rem;font-size:1.45rem;font-weight:700;letter-spacing:-.08em}.logo-mark{color:var(--ioc--blue)}.nav{display:flex;align-self:stretch;margin-left:auto}.nav-item{position:relative}.nav-trigger,.nav-link{height:100%;display:flex;align-items:center;gap:.4rem;padding:0 1rem;border:0;background:transparent;font-size:.875rem;cursor:pointer}.nav-trigger:hover,.nav-link:hover,.nav-trigger[aria-expanded="true"]{background:var(--ioc--g10)}.nav-trigger .icon{width:1rem;transition:transform .2s}.nav-trigger[aria-expanded="true"] .icon{transform:rotate(180deg)}.nav-actions{display:flex;align-self:stretch;margin-left:.5rem}.nav-actions .btn{min-height:auto;height:100%;gap:1.5rem}.menu-toggle{display:none;width:4rem;height:4rem;border:0;border-left:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff);align-items:center;justify-content:center}.menu-toggle .icon{width:1.5rem}.mega.open{display:grid;animation:menuIn .22s var(--ioc--ease)}.mega a:hover{background:var(--ioc--g10)}.mega span{color:var(--ioc--g70);font-size:.85rem}@keyframes menuIn{from{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}
    .hero{position:relative;overflow:hidden}.hero-grid{min-height:calc(100vh - 4rem);min-height:calc(100svh - 4rem);display:grid;grid-template-columns:minmax(0,7fr) minmax(22rem,5fr);align-items:stretch}.hero-copy{padding:clamp(4rem,9vw,8rem) var(--ioc--gutter) 3rem max(var(--ioc--gutter),calc((100vw - var(--ioc--max))/2 + var(--ioc--gutter)));display:flex;flex-direction:column;justify-content:space-between}.hero h1{max-width:65rem;margin-bottom:2rem}.hero h1 em{color:var(--ioc--blue);font-style:normal}.hero-copy-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:1.5rem;border-top:1px solid var(--ioc--g20);font-size:.78rem;color:var(--ioc--g70)}.hero-panel{position:relative;background:var(--ioc--black);color:var(--ioc-text-on-color,#fff);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:38rem}.panel-label{display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ioc-g30,#c6c6c6)}.panel-label:after{content:"● LIVE";color:var(--ioc-success,#198038)}.system-map{position:relative;aspect-ratio:1/1;max-height:32rem;margin:auto;width:100%}.system-map:before,.system-map:after{content:"";position:absolute;background:var(--ioc-g80,#393939)}.system-map:before{left:50%;top:10%;bottom:10%;width:1px}.system-map:after{top:50%;left:10%;right:10%;height:1px}.map-core,.map-node{position:absolute;border:1px solid var(--ioc-g70,#525252);background:var(--ioc--black);padding:1rem}.map-core{z-index:2;left:50%;top:50%;width:9rem;height:9rem;transform:translate(-50%,-50%);background:var(--ioc--blue);border-color:var(--ioc--blue);display:flex;flex-direction:column;justify-content:space-between}.map-core span{font-weight:700;letter-spacing:-.05em}.map-core strong{font-weight:400}.map-node{width:41%;min-height:6rem}.map-node small{color:var(--ioc-g50,#8d8d8d)}.map-node strong,.map-node span{display:block}.map-node strong{margin-top:.5rem;font-weight:500}.map-node span{color:var(--ioc-g40,#a8a8a8);font-size:.75rem}.node-a{left:0;top:0}.node-b{right:0;top:0}.node-c{left:0;bottom:0}.node-d{right:0;bottom:0}
    .proof{background:var(--ioc--g10);border-top:1px solid var(--ioc--g20);border-bottom:1px solid var(--ioc--g20)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:2rem;border-left:1px solid var(--ioc--g20);min-height:10rem}.proof-item:first-child{border-left:0}.proof-item strong{display:block;font-size:clamp(2rem,4vw,3.75rem);font-weight:300;letter-spacing:-.05em;line-height:1;color:var(--ioc--blue)}.proof-item span{display:block;margin-top:1rem;color:var(--ioc--g70);font-size:.85rem;max-width:12rem}
    .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ioc--g20);border-left:1px solid var(--ioc--g20)}.solution-card{position:relative;min-height:25rem;padding:2rem;border-right:1px solid var(--ioc--g20);border-bottom:1px solid var(--ioc--g20);display:flex;flex-direction:column;overflow:hidden;transition:background .25s,color .25s}.solution-card:hover{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.solution-card:hover p{color:var(--ioc-g30,#c6c6c6)}.solution-card .icon{margin:auto 0;color:var(--ioc--blue);width:3.5rem;height:3.5rem}.solution-card h3{margin-bottom:1rem}.solution-card p{color:var(--ioc--g70);font-size:.9rem}.solution-card .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--ioc--g20);font-size:.78rem}.solution-card .card-foot .icon{width:1.1rem;height:1.1rem;margin:0}.solution-card:hover .card-foot{border-color:var(--ioc-g70,#525252)}
    .ai-section{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.ai-section .section-head p{color:var(--ioc-g30,#c6c6c6)}.ai-layout{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(0,3fr);border-top:1px solid var(--ioc-g80,#393939)}.tabs{border-right:1px solid var(--ioc-g80,#393939)}.tab{width:100%;min-height:5rem;padding:1rem 1.25rem;border:0;border-bottom:1px solid var(--ioc-g80,#393939);background:transparent;color:var(--ioc-g30,#c6c6c6);text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.tab:hover{background:var(--ioc-g90,#262626)}.tab[aria-selected="true"]{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}.tab-panel{display:none;min-height:30rem;padding:clamp(2rem,5vw,5rem)}.tab-panel.active{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;animation:panelIn .35s var(--ioc--ease)}@keyframes panelIn{from{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.tab-panel h3{font-size:clamp(2rem,4vw,4rem);max-width:42rem}.tab-panel p{color:var(--ioc-g30,#c6c6c6);max-width:42rem}.cap-list{align-self:end;list-style:none;margin:0;padding:0}.cap-list li{padding:1rem 0;border-top:1px solid var(--ioc-g80,#393939);display:flex;gap:.75rem}.cap-list .icon{width:1.1rem;color:var(--ioc-success,#198038)}
    .industry-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ioc--g20);border-left:1px solid var(--ioc--g20)}.industry{min-height:19rem;padding:1.5rem;border-right:1px solid var(--ioc--g20);border-bottom:1px solid var(--ioc--g20);display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.industry:hover{background:var(--ioc--g10)}.industry .icon{color:var(--ioc--blue);width:2rem;height:2rem}.industry p{color:var(--ioc--g70);font-size:.85rem;margin-bottom:0}.industry strong{font-size:1.25rem;font-weight:500}.industry span{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--ioc--g60)}
    .process{background:var(--ioc--g10)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:steps}.step{position:relative;padding:2rem 2rem 4rem 0;border-top:2px solid var(--ioc--g100);counter-increment:steps}.step:before{content:"0" counter(steps);display:block;margin-bottom:4rem;color:var(--ioc--blue);font-family:"JetBrains Mono",monospace;font-size:.75rem}.step:not(:last-child):after{content:"";position:absolute;right:0;top:-5px;width:8px;height:8px;background:var(--ioc--blue)}.step h3{font-size:1.45rem}.step p{color:var(--ioc--g70);font-size:.9rem;max-width:17rem}
    .gateways{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ioc--g20);border:1px solid var(--ioc--g20)}.gateway{background:var(--ioc-surface,#fff);min-height:35rem;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,color .25s}.gateway:hover{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}.gateway .gateway-top{display:flex;justify-content:space-between}.gateway .icon{width:2.5rem;height:2.5rem}.gateway h3{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:1rem}.gateway p{max-width:32rem;color:var(--ioc--g70)}.gateway:hover p{color:var(--ioc-text-on-color,#fff)}.gateway .text-link{color:inherit}.gateway-index{font-family:"JetBrains Mono",monospace;font-size:.75rem}
    .case-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:38rem;border:1px solid var(--ioc--g20)}.case-visual{position:relative;background:var(--ioc-surface-brand-deep,#001141);color:var(--ioc-text-on-color,#fff);padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.case-visual:after{content:"";position:absolute;width:24rem;height:24rem;right:-8rem;bottom:-8rem;border:5rem solid var(--ioc--blue);border-radius:50%;opacity:.7}.case-visual>.carbon-icon{position:relative;z-index:1;width:clamp(5rem,12vw,11rem);height:clamp(5rem,12vw,11rem);color:var(--ioc-text-on-color,#fff)}.case-visual p{position:relative;z-index:1;max-width:24rem;color:var(--ioc-text-on-brand-deep,#d0e2ff)}.case-copy{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between}.case-copy blockquote{font-size:clamp(1.5rem,2.5vw,2.6rem);line-height:1.25;letter-spacing:-.03em;margin:0}.case-copy cite{display:block;margin-top:2rem;color:var(--ioc--g70);font-size:.85rem;font-style:normal}.outcomes{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ioc--g20)}.outcomes div{padding:1rem 0}.outcomes strong{display:block;font-size:1.75rem;font-weight:400}.outcomes span{font-size:.75rem;color:var(--ioc--g70)}
    .insights{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ioc--g20)}.insight{padding:2rem 2rem 2rem 0;min-height:25rem;border-bottom:1px solid var(--ioc--g20);display:flex;flex-direction:column}.insight:not(:last-child){border-right:1px solid var(--ioc--g20);margin-right:2rem}.insight-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ioc--g60);text-transform:uppercase;letter-spacing:.06em}.insight-graphic{height:8rem;margin:2rem 0;background:var(--ioc--g10);position:relative;overflow:hidden}.insight-graphic:before{content:"";position:absolute;background:var(--ioc--blue);inset:auto 0 0;height:28%}.insight:nth-child(3) .insight-graphic:before{height:100%;left:66%;background:var(--ioc--g100)}.insight h3{font-size:1.45rem}.insight .text-link{margin-top:auto}
    .faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem)}.faq-list{border-top:1px solid var(--ioc--g100)}.faq-item{border-bottom:1px solid var(--ioc--g20)}.faq-q{width:100%;border:0;background:transparent;padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:500;cursor:pointer}.faq-q .icon{transition:transform .25s}.faq-q[aria-expanded="true"] .icon{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ioc--ease)}.faq-a>div{overflow:hidden}.faq-a p{max-width:42rem;color:var(--ioc--g70);padding:0 2rem 1.5rem 0;margin:0}.faq-q[aria-expanded="true"]+.faq-a{grid-template-rows:1fr}
    .contact{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,10rem)}.contact h2{font-size:clamp(3rem,6vw,6.5rem)}.contact p{color:var(--ioc-text-on-brand-soft,#e5e5ff);max-width:38rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.5rem}.field.full{grid-column:1/-1}.field label{font-size:.75rem}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid var(--ioc-border-on-color,#fff);background:rgba(255,255,255,.1);border-radius:0;color:var(--ioc-text-on-color,#fff);padding:1rem;outline:0}.field select option{color:var(--ioc--g100)}.field textarea{min-height:8rem;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:inset 0 -3px var(--ioc-border-on-color,#fff);background:rgba(255,255,255,.16)}.field input::placeholder,.field textarea::placeholder{color:var(--ioc-text-on-brand-muted,#d0d0ff)}.contact-form .btn{grid-column:1/-1;background:var(--ioc-text-on-color,#fff);color:var(--ioc--blue);margin-top:.5rem}.contact-form .btn:hover{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.form-note{grid-column:1/-1;font-size:.72rem;color:var(--ioc-text-on-brand-soft,#e5e5ff)}
    footer{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff);padding-top:4rem}.footer-top{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:3rem;padding-bottom:5rem}.footer-brand .logo{height:auto}.footer-brand p{color:var(--ioc-g40,#a8a8a8);max-width:22rem;margin-top:1.5rem}.footer-col h3{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-g50,#8d8d8d)}.footer-col a{display:block;padding:.35rem 0;color:var(--ioc-g30,#c6c6c6);font-size:.9rem}.footer-col a:hover{color:var(--ioc-text-on-color,#fff);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--ioc-g80,#393939);color:var(--ioc-g50,#8d8d8d);font-size:.75rem}.footer-bottom div{display:flex;gap:1.5rem}.back-top{border:0;background:transparent;color:var(--ioc-text-on-color,#fff);display:flex;gap:.5rem;cursor:pointer}.back-top .icon{transform:rotate(-90deg);width:1rem}
    .reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .7s var(--ioc--ease),transform .7s var(--ioc--ease)}.reveal.visible{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(1rem);transition:opacity .55s var(--ioc--ease),transform .55s var(--ioc--ease)}.stagger.visible>*{opacity:1;transform:none}.stagger.visible>*:nth-child(2){transition-delay:.07s}.stagger.visible>*:nth-child(3){transition-delay:.14s}.stagger.visible>*:nth-child(4){transition-delay:.21s}.stagger.visible>*:nth-child(5){transition-delay:.28s}.stagger.visible>*:nth-child(6){transition-delay:.35s}
    /* Direction 02: editorial composition */
    .editorial{--ioc--blue:var(--ioc-blue)}.editorial h1,.editorial h2{letter-spacing:-.055em}.editorial .site-header{height:5rem}.editorial .hero-grid{grid-template-columns:1fr;min-height:auto}.editorial .hero-copy{min-height:calc(100svh - 5rem);padding-top:clamp(5rem,10vw,10rem);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(19rem,.3fr);column-gap:4rem}.editorial .hero-copy>.eyebrow{grid-column:1/-1;align-self:start}.editorial .hero h1{font-size:clamp(4rem,8.6vw,9.25rem);grid-column:1/-1;align-self:center;max-width:85rem}.editorial .hero-copy-bottom{grid-column:1/-1}.editorial .hero-panel{min-height:30rem;background:var(--ioc-surface,#fff);color:var(--ioc--g100);border-top:1px solid var(--ioc--g20);padding:var(--ioc--gutter);margin-inline:auto;width:min(100%,var(--ioc--max))}.editorial .panel-label{color:var(--ioc--g70)}.editorial .editorial-visual{display:grid;grid-template-columns:.4fr 1.6fr;gap:2rem;align-items:start}.quote-mark{font-size:14rem;line-height:.6;color:var(--ioc--blue);font-family:Georgia,serif;margin:0}.manifesto{font-size:clamp(2rem,4.5vw,5rem);line-height:1.1;letter-spacing:-.045em;max-width:62rem}.manifesto-foot{grid-column:2;display:flex;gap:2rem;border-top:1px solid var(--ioc--g20);padding-top:1rem;font-family:"JetBrains Mono",monospace;font-size:.72rem}.editorial .proof{background:var(--ioc-surface,#fff)}.editorial .proof-grid{border-top:1px solid var(--ioc--g20)}.editorial .proof-item{min-height:13rem;padding-top:3rem}.editorial .solution-grid{grid-template-columns:1fr 1fr}.editorial .solution-card{min-height:30rem}.editorial .solution-card:nth-child(3n){grid-column:span 2;min-height:22rem}.editorial .gateway{min-height:42rem}
    /* Direction 03: modular control system */
    .modular{--ioc--g10:var(--ioc-g10)}.modular .hero{background:var(--ioc--g10)}.modular .hero-grid{padding:var(--ioc--gutter);gap:1rem;grid-template-columns:1.05fr .95fr;min-height:calc(100svh - 4rem)}.modular .hero-copy{background:var(--ioc-surface,#fff);padding:clamp(3rem,6vw,6rem);border:1px solid var(--ioc--g20)}.modular .hero-panel{background:var(--ioc-surface,#fff);color:var(--ioc--g100);border:1px solid var(--ioc--g20);min-height:auto}.modular .panel-label{color:var(--ioc--g70)}.modular .control-centre{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:1rem;margin:auto 0}.cc-top,.cc-main,.cc-small,.cc-wide{border:1px solid var(--ioc--g20);padding:1.5rem}.cc-top{grid-column:1/-1;display:flex;align-items:center;gap:.75rem}.cc-top strong{margin-left:auto;font-size:1.75rem;font-weight:400}.status-dot{width:.65rem;height:.65rem;background:var(--ioc-success,#198038);border-radius:50%;box-shadow:0 0 0 .3rem var(--ioc-success-surface,#defbe6)}.cc-main{grid-row:2;min-height:17rem;display:flex;flex-direction:column}.cc-main strong{font-size:4rem;font-weight:300;color:var(--ioc--blue)}.bars{display:flex;gap:.4rem;align-items:end;height:7rem;margin-top:auto}.bars i{flex:1;background:var(--ioc--blue)}.cc-small{display:flex;flex-direction:column;justify-content:space-between}.cc-small strong{font-size:3rem;font-weight:300}.cc-wide{grid-column:1/-1}.progress{height:.4rem;background:var(--ioc--g20);margin:1rem 0 .6rem}.progress i{display:block;width:80%;height:100%;background:var(--ioc--blue)}.cc-wide small{color:var(--ioc--g70)}.modular .solution-grid{gap:1rem;border:0;background:var(--ioc--g10);padding:1rem}.modular .solution-card{border:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff)}.modular .solution-card:hover{background:var(--ioc--blue)}.modular .industry-strip{gap:1rem;border:0}.modular .industry{border:1px solid var(--ioc--g20)}.modular .process-grid{gap:1rem}.modular .step{background:var(--ioc-surface,#fff);padding:2rem;border:1px solid var(--ioc--g20)}.modular .step:before{margin-bottom:6rem}.modular .step:after{display:none}.modular .case-grid{gap:1rem;border:0;background:var(--ioc--g10);padding:1rem}.modular .case-visual,.modular .case-copy{border:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff);color:var(--ioc--g100)}.modular .case-visual p{color:var(--ioc--g70)}
    @media(max-width:1024px){.nav{display:none}.nav-actions .btn-secondary{display:none}.menu-toggle{display:flex}.site-header.mobile-open{height:auto}.site-header.mobile-open .nav-wrap{height:auto;min-height:4rem;flex-wrap:wrap}.site-header.mobile-open .nav{display:flex;order:4;width:100%;margin:0;flex-direction:column;border-top:1px solid var(--ioc--g20)}.site-header.mobile-open .nav-item,.site-header.mobile-open .nav-link,.site-header.mobile-open .nav-trigger{width:100%;height:auto;min-height:3.5rem}.site-header.mobile-open .mega{position:static;width:100%;box-shadow:none;border-inline:0;grid-template-columns:1fr 1fr}.hero-grid,.modular .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:45rem;padding-left:var(--ioc--gutter)}.hero-panel{min-height:36rem}.editorial .hero-copy{grid-template-columns:1fr}.editorial .hero-panel{width:100%}.solution-grid{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr 1fr}.proof-item:nth-child(3){border-left:0;border-top:1px solid var(--ioc--g20)}.proof-item:nth-child(4){border-top:1px solid var(--ioc--g20)}.ai-layout{grid-template-columns:1fr}.tabs{border-right:0;display:grid;grid-template-columns:repeat(4,1fr)}.tab{font-size:.8rem;border-right:1px solid var(--ioc-g80,#393939)}.tab-panel.active{grid-template-columns:1fr}.industry-strip{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.step:before{margin-bottom:2rem}.footer-top{grid-template-columns:1fr 1fr}.editorial .solution-card:nth-child(3n){grid-column:auto}.editorial .solution-grid{grid-template-columns:1fr 1fr}.editorial .editorial-visual{grid-template-columns:.25fr 1.75fr}}
    @media(max-width:700px){:root{--ioc--section:4.5rem}.container{padding-inline:1.25rem}.section-head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.site-header{height:4rem}.logo{min-width:auto}.nav-actions .btn{display:none}.hero-copy{min-height:auto;padding:4.5rem 1.25rem 3rem}.hero-copy-bottom{grid-template-columns:1fr}.hero-panel{min-height:31rem;padding:1.25rem}.hero-meta{margin-top:2rem}.hero h1{font-size:clamp(2.8rem,14vw,4.75rem)}.proof-grid{grid-template-columns:1fr 1fr}.proof-item{padding:1.25rem;min-height:9rem}.solution-grid,.editorial .solution-grid{grid-template-columns:1fr}.solution-card,.editorial .solution-card{min-height:22rem}.tabs{display:flex;overflow-x:auto}.tab{min-width:11rem}.tab-panel{padding:2rem 1.25rem}.industry-strip{grid-template-columns:1fr}.industry{min-height:14rem}.process-grid{grid-template-columns:1fr}.step{padding-right:0}.step:not(:last-child):after{display:none}.gateways{grid-template-columns:1fr}.gateway{min-height:28rem}.case-grid{grid-template-columns:1fr}.case-visual{min-height:26rem}.insights{grid-template-columns:1fr}.insight:not(:last-child){border-right:0;margin-right:0}.faq-wrap{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.field,.field.full{grid-column:1}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.editorial .hero-copy{display:flex;min-height:auto}.editorial .hero h1{font-size:clamp(3.2rem,15vw,5rem)}.editorial .hero-panel{min-height:30rem}.editorial .editorial-visual{grid-template-columns:1fr}.editorial .quote-mark{font-size:8rem}.editorial .manifesto-foot{grid-column:1;flex-wrap:wrap}.modular .hero-grid{padding:1rem}.modular .hero-copy{padding:3rem 1.25rem}.control-centre{gap:.5rem}.cc-top,.cc-main,.cc-small,.cc-wide{padding:1rem}.cc-main strong{font-size:3rem}.cc-small strong{font-size:2rem}.site-header.mobile-open .mega{grid-template-columns:1fr}.mega a{min-height:6rem}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal],[data-stagger]>*{opacity:1;transform:none}}
    .bars .b1{height:28%}.bars .b2{height:42%}.bars .b3{height:55%}.bars .b4{height:72%}.bars .b5{height:88%}

    /* INFOC definitive Carbon showcase */
    .showcase{--ioc--green:#198038}[data-reveal],[data-stagger]>*{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(1.5rem)}.js .reveal.visible{opacity:1;transform:none}.js .stagger>*{opacity:0;transform:translateY(1rem)}.js .stagger.visible>*{opacity:1;transform:none}
    .announcement{min-height:2.5rem;background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff);font-size:.75rem}.announcement .container{min-height:2.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-align:center}.announcement strong{font-weight:600}.announcement a{display:inline-flex;align-items:center;gap:.35rem;color:var(--ioc-accent-on-inverse,#78a9ff)}.announcement .icon{width:.9rem;height:.9rem}
    
    .showcase .site-header{top:0}.showcase .logo{letter-spacing:-.07em}.showcase .logo-sub{margin-left:.65rem;padding-left:.65rem;border-left:1px solid var(--ioc--g20);color:var(--ioc--g70);font-family:"JetBrains Mono",monospace;font-size:.62rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
    .showcase-hero{position:relative;min-height:calc(100svh - 6.5rem);border-bottom:1px solid var(--ioc--g20);overflow:hidden}.showcase-hero .container{min-height:inherit;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(28rem,.8fr);gap:clamp(3rem,7vw,8rem);align-items:center;padding-block:clamp(5rem,9vw,9rem)}.showcase-hero h1{font-size:clamp(3.75rem,7.5vw,8rem);max-width:72rem;margin-bottom:2rem}.showcase-hero h1 em{font-style:normal;color:var(--ioc--blue)}.showcase-hero .lede{max-width:45rem}.showcase-hero .hero-actions{margin:2.25rem 0}.hero-trust{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;padding:1.25rem 0 0;border-top:1px solid var(--ioc--g20);list-style:none;color:var(--ioc--g70);font-size:.78rem}.hero-trust li{display:flex;align-items:center;gap:.45rem}.hero-trust .icon{width:1rem;color:var(--ioc--green)}
    .decision-console{position:relative;border:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff);box-shadow:1.5rem 1.5rem 0 var(--ioc--g10);min-height:36rem}.console-bar{height:3rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--ioc--g20);font-family:"JetBrains Mono",monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.console-status{display:flex;align-items:center;gap:.5rem;color:var(--ioc--green)}.console-status:before{content:"";width:.5rem;height:.5rem;background:var(--ioc-success,#198038);border-radius:50%}.console-body{padding:1.5rem}.console-question{margin:0 0 1rem;color:var(--ioc--g70);font-size:.8rem}.console-route{width:100%;border:1px solid var(--ioc--g20);border-bottom:0;background:var(--ioc-surface,#fff);padding:1rem;display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;align-items:center;text-align:left;cursor:pointer}.console-route:last-of-type{border-bottom:1px solid var(--ioc--g20)}.console-route:hover,.console-route[aria-pressed="true"]{position:relative;z-index:1;border-color:var(--ioc--blue);background:var(--ioc-selected-surface,#edf5ff)}.console-route[aria-pressed="true"]:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--ioc--blue)}.console-route>.carbon-icon:first-child{width:1rem;height:1rem;color:var(--ioc--blue)}.console-route strong{display:block;font-weight:500}.console-route small{color:var(--ioc--g70)}.console-route .icon{width:1.1rem}.console-result{margin-top:1.5rem;padding:1.25rem;background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.console-result-label{display:block;color:var(--ioc-g40,#a8a8a8);font-family:"JetBrains Mono",monospace;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.console-result strong{display:block;margin:.65rem 0;font-size:1.2rem;font-weight:500}.console-result p{color:var(--ioc-g30,#c6c6c6);font-size:.8rem;margin-bottom:0}
    .logo-proof{border-bottom:1px solid var(--ioc--g20)}.logo-proof .container{display:grid;grid-template-columns:1fr repeat(4,auto);gap:2rem;align-items:center;min-height:5.5rem}.logo-proof p{margin:0;color:var(--ioc--g70);font-size:.75rem}.proof-mark{display:flex;align-items:center;gap:.55rem;padding-left:2rem;border-left:1px solid var(--ioc--g20);white-space:nowrap;font-size:.75rem;font-weight:600}.proof-mark .icon{width:1rem;color:var(--ioc--blue)}
    .persona-section{background:var(--ioc--g10)}.content-switcher{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ioc--g20);margin-bottom:1rem}.persona-tab{min-height:4rem;padding:1rem;border:0;border-right:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff);text-align:left;cursor:pointer}.persona-tab:last-child{border-right:0}.persona-tab:hover{background:var(--ioc-surface-hover,#e8e8e8)}.persona-tab[aria-selected="true"]{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.persona-panel{display:none;background:var(--ioc-surface,#fff);border:1px solid var(--ioc--g20);min-height:28rem}.persona-panel.active{display:grid;grid-template-columns:1.25fr .75fr;animation:panelIn .3s var(--ioc--ease)}.persona-copy{padding:clamp(2rem,5vw,5rem)}.persona-copy h3{font-size:clamp(2.25rem,4.2vw,4.5rem);max-width:48rem}.persona-copy p{max-width:42rem;color:var(--ioc--g70);font-size:1.05rem}.persona-outcomes{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column}.persona-outcomes>span{font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.persona-outcomes ul{list-style:none;padding:0;margin:auto 0 0}.persona-outcomes li{display:flex;gap:.75rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.3)}.persona-outcomes .icon{width:1.1rem}
    .journey-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ioc--g20);border-left:1px solid var(--ioc--g20)}.journey{border-right:1px solid var(--ioc--g20);border-bottom:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff)}.journey summary{list-style:none;min-height:17rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.journey summary::-webkit-details-marker{display:none}.journey summary:hover{background:var(--ioc--g10)}.journey[open] summary{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.journey-top{display:flex;justify-content:space-between}.journey-top span{display:inline-flex;align-items:center;gap:.5rem;font-family:"JetBrains Mono",monospace;color:var(--ioc--blue);font-size:.72rem}.journey-top span>.carbon-icon{width:1rem;height:1rem}.journey[open] .journey-top span{display:inline-flex;align-items:center;gap:.5rem;color:var(--ioc-accent-on-inverse,#78a9ff)}.journey-top span>.carbon-icon{width:1rem;height:1rem}.journey summary h3{max-width:28rem;margin:2rem 0 0}.journey-toggle{box-sizing:border-box;width:2rem;height:2rem;padding:.375rem;border:1px solid currentColor;transition:transform .2s}.journey[open] .journey-toggle{transform:rotate(45deg)}.journey-detail{padding:2rem;border-top:1px solid var(--ioc--g20);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.journey-detail p{color:var(--ioc--g70)}.journey-detail ul{margin:0;padding:0;list-style:none}.journey-detail li{padding:.65rem 0;border-top:1px solid var(--ioc--g20);display:flex;gap:.6rem;font-size:.85rem}.journey-detail .icon{width:1rem;color:var(--ioc--green)}
    .architecture{background:var(--ioc-surface,#fff)}.architecture-shell{border:1px solid var(--ioc--g20);display:grid;grid-template-columns:17rem 1fr}.process-nav{background:var(--ioc--g10);border-right:1px solid var(--ioc--g20);padding:1rem}.process-button{width:100%;min-height:3.5rem;border:0;border-bottom:1px solid var(--ioc--g20);background:transparent;padding:.75rem;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.process-button:hover{background:var(--ioc-surface-hover,#e8e8e8)}.process-button[aria-selected="true"]{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}.architecture-view{min-width:0;padding:clamp(1.5rem,4vw,4rem)}.architecture-title{display:flex;align-items:start;justify-content:space-between;gap:2rem;margin-bottom:3rem}.architecture-title h3{font-size:clamp(2rem,4vw,4rem);margin-bottom:.75rem}.architecture-title p{max-width:42rem;color:var(--ioc--g70)}.info-button{position:relative;border:0;background:transparent;color:var(--ioc--blue);padding:.5rem;cursor:help}.info-button .icon{width:1.3rem}.info-button:focus:after,.info-button:hover:after{content:attr(data-tooltip);position:absolute;right:0;top:100%;z-index:5;width:16rem;background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff);padding:.75rem;text-align:left;font-size:.72rem;font-weight:400}.layer-map{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch}.layer{position:relative;min-height:15rem;padding:1.25rem;border:1px solid var(--ioc--g20);border-right:0;display:flex;flex-direction:column;justify-content:space-between}.layer:last-child{border-right:1px solid var(--ioc--g20)}.layer:after{content:"";position:absolute;left:100%;top:50%;z-index:2;width:1rem;height:1px;background:var(--ioc--g100)}.layer:last-child:after{display:none}.layer>.carbon-icon{width:1.25rem;height:1.25rem;color:var(--ioc--g70)}.layer strong{font-size:1rem;font-weight:500}.layer span{color:var(--ioc--g70);font-size:.75rem}.layer.active{background:var(--ioc--blue);border-color:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}.layer.active>.carbon-icon,.layer.active span{color:var(--ioc-text-on-brand-deep,#d0e2ff)}.architecture-table-wrap{margin-top:2rem;overflow-x:auto}.architecture-table{width:100%;border-collapse:collapse;font-size:.82rem}.architecture-table th,.architecture-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--ioc--g20)}.architecture-table th{background:var(--ioc--g10);font-weight:600}.architecture-table td:first-child{font-weight:600}.architecture-table .tag{white-space:nowrap}
    .value-section{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.value-section .section-head p{color:var(--ioc-g30,#c6c6c6)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ioc-g80,#393939);border:1px solid var(--ioc-g80,#393939)}.value-card{min-height:22rem;background:var(--ioc--g100);padding:2rem;display:flex;flex-direction:column}.value-card:hover{background:var(--ioc-g90,#262626)}.value-card>.carbon-icon{width:1.25rem;height:1.25rem;color:var(--ioc-accent-on-inverse,#78a9ff)}.value-card strong{display:block;margin:auto 0 1rem;font-size:clamp(2rem,4vw,4rem);font-weight:300;letter-spacing:-.05em}.value-card p{color:var(--ioc-g30,#c6c6c6);max-width:28rem}.value-card footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 0;border-top:1px solid var(--ioc-g70,#525252);background:transparent;font-size:.75rem}.value-card .icon{width:1rem}
    .assessment-section{background:var(--ioc--g10)}.assessment-shell{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--ioc--g20);background:var(--ioc-surface,#fff);min-height:38rem}.assessment-aside{padding:clamp(2rem,4vw,4rem);background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);display:flex;flex-direction:column}.assessment-aside h3{font-size:clamp(2rem,4vw,4rem)}.assessment-aside p{color:var(--ioc-text-on-brand-soft,#e5e5ff)}.progress-steps{list-style:none;margin:auto 0 0;padding:0}.progress-steps li{display:grid;grid-template-columns:1.5rem 1fr;gap:.75rem;padding:.8rem 0;color:var(--ioc-text-on-brand-muted,#d0d0ff)}.progress-steps li:before{content:"";width:.75rem;height:.75rem;margin-top:.35rem;border:1px solid currentColor;border-radius:50%}.progress-steps li.current{color:var(--ioc-text-on-color,#fff);font-weight:600}.progress-steps li.current:before{background:var(--ioc-text-on-color,#fff);box-shadow:inset 0 0 0 3px var(--ioc--blue)}.progress-steps li.done:before{background:var(--ioc-success,#198038);border-color:var(--ioc-success,#198038)}.assessment-main{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column}.assessment-step{display:none;border:0;padding:0;margin:0}.assessment-step.active{display:block;animation:panelIn .25s var(--ioc--ease)}.assessment-step legend{font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:2rem}.choice{position:relative;display:flex;gap:1rem;padding:1rem;border:1px solid var(--ioc--g20);border-bottom:0;cursor:pointer}.choice:last-child{border-bottom:1px solid var(--ioc--g20)}.choice:hover{background:var(--ioc--g10)}.choice input{position:absolute;opacity:0}.radio-ui{width:1.25rem;height:1.25rem;border:1px solid var(--ioc--g100);border-radius:50%;flex:0 0 auto}.choice input:checked+.radio-ui{background:var(--ioc--blue);box-shadow:inset 0 0 0 4px var(--ioc-border-on-color,#fff);border-color:var(--ioc--blue)}.choice:has(input:focus-visible){outline:3px solid var(--ioc--focus);outline-offset:2px}.choice-text strong,.choice-text small{display:block}.choice-text strong{font-weight:500}.choice-text small{color:var(--ioc--g70);margin-top:.2rem}.assessment-actions{margin-top:auto;padding-top:2rem;display:flex;justify-content:space-between;gap:1rem}.assessment-actions .btn[disabled]{background:var(--ioc-g30,#c6c6c6);color:var(--ioc-g60,#666666);cursor:not-allowed}.assessment-result{display:none}.assessment-result.active{display:block}.score-ring{width:10rem;height:10rem;border:1.5rem solid var(--ioc--g10);border-top-color:var(--ioc--blue);border-right-color:var(--ioc--blue);border-radius:50%;display:grid;place-items:center;margin-bottom:2rem}.score-ring strong{font-size:2.4rem;font-weight:300}.result-notification{border-left:4px solid var(--ioc--blue);background:var(--ioc-selected-surface,#edf5ff);padding:1rem;margin:1.5rem 0}.result-notification strong{display:block}.result-notification p{margin:.35rem 0 0;color:var(--ioc--g70)}
    .resource-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.search-field{position:relative;width:min(100%,28rem)}.search-field label{display:block;margin-bottom:.4rem;font-size:.75rem}.search-field input{width:100%;height:3.5rem;padding:0 3rem 0 1rem;border:0;border-bottom:1px solid var(--ioc--g100);background:var(--ioc--g10)}.search-field .icon{position:absolute;right:1rem;bottom:1rem;width:1.25rem;pointer-events:none}.filter-status{color:var(--ioc--g70);font-size:.78rem}.insight[hidden]{display:none}.empty-state{display:none;padding:3rem;background:var(--ioc--g10);text-align:center}.empty-state.visible{display:block}
    .trust-centre{background:var(--ioc-surface,#fff)}.trust-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border:1px solid var(--ioc--g20)}.trust-intro,.trust-item{min-height:18rem;padding:2rem;border-right:1px solid var(--ioc--g20)}.trust-item:last-child{border-right:0}.trust-intro{background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff)}.trust-intro h3{font-size:2rem}.trust-intro p{color:var(--ioc-g30,#c6c6c6)}.trust-item{display:flex;flex-direction:column}.trust-item .icon{color:var(--ioc--blue);width:2rem;height:2rem}.trust-item strong{margin:auto 0 .75rem;font-size:1.2rem;font-weight:500}.trust-item p{color:var(--ioc--g70);font-size:.82rem;margin:0}
    .sticky-conversion{position:fixed;z-index:90;left:50%;bottom:1rem;transform:translate(-50%,calc(100% + 2rem));width:min(calc(100% - 2rem),58rem);background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff);border:1px solid var(--ioc-g70,#525252);box-shadow:0 1rem 3rem rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.75rem .75rem .75rem 1.25rem;transition:transform .35s var(--ioc--ease)}.sticky-conversion.visible{transform:translate(-50%,0)}.sticky-conversion p{margin:0;font-size:.82rem}.sticky-conversion .btn{min-height:2.75rem;padding:.65rem .9rem;gap:1rem}.sticky-close{border:0;background:transparent;color:var(--ioc-text-on-color,#fff);padding:.5rem;cursor:pointer}.sticky-close .icon{width:1rem}
    .carbon-dialog{width:min(calc(100% - 2rem),52rem);max-height:90vh;padding:0;border:0;background:var(--ioc-surface,#fff);color:var(--ioc--g100);box-shadow:0 2rem 6rem rgba(0,0,0,.35)}.carbon-dialog::backdrop{background:rgba(0,0,0,.65)}.dialog-head{display:flex;align-items:start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--ioc--g20)}.dialog-head h2{font-size:2rem;margin:0}.dialog-close{width:3rem;height:3rem;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.dialog-body{padding:clamp(1.5rem,4vw,3rem)}.dialog-body>p{color:var(--ioc--g70)}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dialog-grid .field.full{grid-column:1/-1}.dialog-grid .field input,.dialog-grid .field select,.dialog-grid .field textarea{background:var(--ioc--g10);color:var(--ioc--g100);border-bottom:1px solid var(--ioc--g100)}.dialog-grid .field input::placeholder,.dialog-grid .field textarea::placeholder{color:var(--ioc--g70)}.checkbox{display:flex;gap:.75rem;align-items:start;font-size:.75rem;color:var(--ioc--g70)}.checkbox input{margin-top:.2rem;width:1rem;height:1rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem}
    .showcase .contact{position:relative;overflow:hidden}.showcase .contact:after{content:"INFOC";position:absolute;right:-1rem;bottom:-3rem;color:rgba(255,255,255,.09);font-size:20vw;font-weight:700;letter-spacing:-.1em;line-height:.7;pointer-events:none}.showcase .contact-grid{position:relative;z-index:1}
    @media(max-width:1100px){.showcase-hero .container{grid-template-columns:1fr}.decision-console{max-width:46rem}.logo-proof .container{grid-template-columns:1fr 1fr}.logo-proof p{grid-column:1/-1;padding-top:1.25rem}.proof-mark{padding:0 0 1.25rem;border-left:0}.architecture-shell{grid-template-columns:1fr}.process-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--ioc--g20)}.process-button{min-width:10rem}.layer-map{grid-template-columns:repeat(3,1fr)}.layer:nth-child(3){border-right:1px solid var(--ioc--g20)}.layer:nth-child(n+4){border-top:0}.assessment-shell{grid-template-columns:1fr}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem}.trust-grid{grid-template-columns:1fr 1fr}.trust-intro,.trust-item{border-bottom:1px solid var(--ioc--g20)}}
    @media(max-width:700px){.announcement .container{padding-block:.55rem}.announcement strong{display:none}.showcase .logo-sub{display:none}.showcase-hero .container{padding-block:4rem;gap:3rem}.showcase-hero h1{font-size:clamp(3rem,14vw,5rem)}.decision-console{min-height:auto;box-shadow:.75rem .75rem 0 var(--ioc--g10)}.console-route{grid-template-columns:2rem 1fr}.console-route .icon{display:none}.logo-proof .container{grid-template-columns:1fr 1fr;gap:0}.logo-proof p{padding:1.25rem 0}.proof-mark{min-height:4rem;padding:0;border-top:1px solid var(--ioc--g20);font-size:.68rem}.content-switcher{grid-template-columns:1fr 1fr}.persona-tab:nth-child(2){border-right:0}.persona-tab:nth-child(-n+2){border-bottom:1px solid var(--ioc--g20)}.persona-panel.active{grid-template-columns:1fr}.persona-outcomes{min-height:19rem}.journey-grid{grid-template-columns:1fr}.journey summary{min-height:14rem}.journey-detail{grid-template-columns:1fr}.architecture-title{flex-direction:column}.layer-map{grid-template-columns:1fr}.layer,.layer:nth-child(3){min-height:9rem;border-right:1px solid var(--ioc--g20);border-top:0}.layer:first-child{border-top:1px solid var(--ioc--g20)}.layer:after{display:none}.value-grid{grid-template-columns:1fr}.value-card{min-height:18rem}.progress-steps{grid-template-columns:1fr 1fr}.assessment-main{min-height:34rem}.resource-toolbar{align-items:stretch;flex-direction:column}.trust-grid{grid-template-columns:1fr}.trust-intro,.trust-item{min-height:14rem;border-right:0}.sticky-conversion p{display:none}.sticky-conversion{width:auto;right:1rem;left:1rem;transform:translateY(calc(100% + 2rem))}.sticky-conversion.visible{transform:none}.dialog-grid{grid-template-columns:1fr}.dialog-grid .field.full{grid-column:1}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}

    /* INFOC corporate typography system: IBM Plex hierarchy */
    :root{--ioc--font-sans:"Manrope","Helvetica Neue",Arial,sans-serif;--ioc--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--ioc--measure:68ch}
    .showcase{font-family:var(--ioc--font-sans);font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;font-kerning:normal;font-synthesis:none;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}
    .showcase :is(h1,h2,h3,h4,h5){margin-top:0;font-family:var(--ioc--font-sans);text-wrap:balance}
    /* P36 — `div.showcase` scores 0-1-2, the specificity these rules had in the
       source, where the scope class sat on the BODY element. (The selector is
       not spelled out here: the W11 spec asserts the absorbed sheet no longer
       contains that string, and a comment counts.) The absorption flattened
       them to a bare
       `.showcase h*` (0-1-1), which lost to the `body.ioc-site` generic above and
       tied with every block rule; the comment two blocks up still reads
       "`.showcase` is rewritten to `.showcase`", the fingerprint of the
       find/replace that ate its own subject. `div` is not decoration: the scope
       class rides a wrapper DIV here rather than <body>, and restoring the
       element part is what restores the source's cascade. Verified against the
       served source: all 41 headings match. */
    div.showcase h1{font-size:clamp(3.6rem,7vw,7.5rem);font-weight:var(--ioc-h1-weight,700);line-height:.96;letter-spacing:-.055em}
    div.showcase h2{font-size:clamp(2.35rem,4.7vw,5rem);font-weight:var(--ioc-h2-weight,700);line-height:1.03;letter-spacing:-.045em}
    div.showcase h3{font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:var(--ioc-h3-weight,600);line-height:1.14;letter-spacing:-.025em}
    div.showcase h4{font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:var(--ioc-h4-weight,600);line-height:1.25;letter-spacing:-.015em}
    div.showcase h5{font-size:.875rem;font-weight:600;line-height:1.35;letter-spacing:.045em;text-transform:uppercase}
    .showcase p{line-height:1.65;text-wrap:pretty}
    .showcase .lede{max-width:60ch;font-size:clamp(1.125rem,1.55vw,1.375rem);font-weight:400;line-height:1.58;letter-spacing:-.008em}
    .showcase .section-head>p{max-width:52ch;font-size:1.0625rem;line-height:1.65}
    .showcase :is(.eyebrow,.section-kicker,.panel-label,.num,.value-index,.gateway-index,.insight-meta,.layer small,.architecture-table th){font-family:var(--ioc--font-mono)}
    .showcase :is(strong,b){font-weight:600}
    .showcase .showcase-hero h1{max-width:13ch}
    .showcase .showcase-hero h1 em{font-weight:700}
    .showcase .solution-card h3{font-size:clamp(1.5rem,2.1vw,2rem);font-weight:600;line-height:1.18}
    .showcase .insight h3,.showcase .step h3{font-size:1.45rem;font-weight:600;line-height:1.18}
    .showcase .gateway h3{font-size:clamp(2.5rem,5vw,5rem);font-weight:600}
    .showcase .persona-copy h3{font-size:clamp(2.25rem,4.2vw,4.5rem);font-weight:600}
    .showcase .tab-panel h3,.showcase .architecture-title h3{font-size:clamp(2rem,4vw,4rem);font-weight:600}
    .showcase .assessment-aside h3{font-size:clamp(2rem,4vw,4rem);font-weight:600}
    .showcase .layer h4{margin:1rem 0 .45rem;font-size:1rem;line-height:1.25}
    .showcase .industry h3{margin:.55rem 0 .75rem;font-size:1.25rem;line-height:1.2}
    .showcase .trust-intro h2{font-size:2rem;line-height:1.1;letter-spacing:-.03em}
    .showcase .trust-item h3{margin:auto 0 .75rem;font-size:1.2rem;line-height:1.2}
    .showcase .footer-col h3{margin-bottom:1rem;color:var(--ioc-g40,#a8a8a8);font-size:.75rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}
    .showcase .footer-col h5{margin-bottom:1rem;color:var(--ioc-g40,#a8a8a8)}
    .showcase .dialog-head h2{font-size:2rem;line-height:1.1}
    /* P36 — must track the `div.showcase` restoration above: left at 0-1-1 these
   responsive sizes would LOSE to the 0-1-2 base rules and mobile headings would
   silently keep their desktop clamp. */
@media(max-width:700px){div.showcase h1{font-size:clamp(3rem,14vw,5rem)}div.showcase h2{font-size:clamp(2.2rem,10vw,3.6rem)}div.showcase .showcase-hero h1{max-width:11ch}}

    /* Review refinement layer: homepage only */
    .review-index{--ioc--max:1360px;--ioc--gutter:clamp(1.25rem,3.4vw,3.5rem);--ioc--section:clamp(4.75rem,7.2vw,7.5rem);--ioc--g30:var(--ioc-g30);--ioc--nav-offset:7rem}
    .review-index section[id]{scroll-margin-top:var(--ioc--nav-offset)}
    .review-index .announcement{background:var(--ioc-surface-brand-deep,#001141)}
    .review-index .announcement a{font-weight:600}
    .review-index .site-header{box-shadow:0 1px 0 rgba(0,0,0,.04)}
    .review-index .nav-actions .btn{min-width:10.5rem;background:var(--ioc--blue)}
    .review-index .nav-actions .btn:hover{background:var(--ioc-blue-hover,#0000c4)}
    .review-index .showcase-hero{min-height:auto;background:linear-gradient(180deg,var(--ioc-surface,#fff) 0%,var(--ioc-surface,#fff) 78%,var(--ioc-surface-subtle,#fbfbfb) 100%)}
    .review-index .showcase-hero .container{grid-template-columns:minmax(0,1.08fr) minmax(26rem,.92fr);gap:clamp(3rem,6vw,6.5rem);padding-block:clamp(5.25rem,8vw,7.75rem)}
    .review-index .showcase-hero h1{max-width:11ch;font-size:clamp(3.8rem,7vw,7.25rem)}
    .review-index .showcase-hero .lede{max-width:58ch}
    .review-index .hero-note{max-width:42rem;margin:0 0 .75rem;color:var(--ioc--g100);font-size:.86rem;font-weight:600}
    .review-index .decision-console{min-height:32rem;box-shadow:1rem 1rem 0 var(--ioc--g10)}
    .review-index .console-body{padding:1.25rem}
    .review-index .console-route{padding:.9rem 1rem;transition:background .18s,border-color .18s,transform .18s var(--ioc--ease)}
    .review-index .console-route:hover{transform:translateX(.2rem)}
    .review-index .console-result{margin-top:1.25rem}
    .review-index .logo-proof .container{min-height:4.75rem}
    .review-index .page-nav{position:sticky;top:4rem;z-index:85;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ioc--g20);backdrop-filter:blur(14px)}
    .review-index .page-nav-inner{display:flex;overflow-x:auto;scrollbar-width:none}
    .review-index .page-nav-inner::-webkit-scrollbar{display:none}
    .review-index .page-nav a{position:relative;display:flex;align-items:center;min-height:3.25rem;padding:0 1rem;white-space:nowrap;color:var(--ioc--g70);font-size:.78rem;font-weight:600}
    .review-index .page-nav a:hover{background:var(--ioc--g10);color:var(--ioc--g100)}
    .review-index .page-nav a.active{color:var(--ioc--blue)}
    .review-index .page-nav a.active:after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:3px;background:var(--ioc--blue)}
    .review-index .proof-item{min-height:8.75rem;padding:1.5rem 2rem}
    .review-index .proof-item strong{font-size:clamp(2rem,3.4vw,3.25rem)}
    .review-index .section-head{gap:clamp(2rem,5vw,5.5rem);margin-bottom:clamp(2.75rem,5vw,4.75rem)}
    .review-index .persona-panel{min-height:24rem}
    .review-index .persona-copy{padding:clamp(2rem,4vw,4rem)}
    .review-index .persona-outcomes{padding:clamp(2rem,3.5vw,3.5rem)}
    .review-index .journey summary{min-height:13.5rem;padding:1.75rem}
    .review-index .journey-detail{padding:1.75rem}
    .review-index .solution-card{min-height:21.5rem;padding:1.75rem;transition:background .22s,color .22s,transform .22s var(--ioc--ease),box-shadow .22s}
    .review-index .solution-card .icon{width:3rem;height:3rem;margin:2.75rem 0 2rem}
    .review-index .solution-card:hover{background:var(--ioc-surface-brand,#001d6c);transform:translateY(-3px);box-shadow:0 1rem 2.5rem rgba(0,29,108,.14)}
    .review-index .architecture-view{padding:clamp(1.5rem,3.5vw,3.5rem)}
    .review-index .architecture-title{margin-bottom:2.25rem}
    .review-index .layer{min-height:12.5rem}
    .review-index .tab-panel{min-height:25rem;padding:clamp(2rem,4vw,4rem)}
    .review-index .industry{min-height:15.5rem}
    .review-index .step{padding-bottom:2.5rem}
    .review-index .step:before{margin-bottom:2.75rem}
    .review-index .gateway{min-height:28rem;padding:clamp(2rem,4vw,4rem)}
    .review-index .gateway h3{font-size:clamp(2.2rem,4.25vw,4rem)}
    .review-index .gateway:hover{background:var(--ioc-surface-brand,#001d6c)}
    .review-index .gateway.talent:hover{background:var(--ioc-magenta,#9f1853)}
    .review-index .value-card{min-height:18rem}
    .review-index .case-grid{min-height:30rem}
    .review-index .case-visual,.review-index .case-copy{padding:clamp(2rem,4vw,4rem)}
    .review-index .insight{min-height:21rem}
    .review-index .assessment-shell{min-height:34rem}
    .review-index .assessment-main{padding:clamp(2rem,4vw,4rem)}
    .review-index .result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
    .review-index .result-actions .btn{margin:0}
    .review-index .trust-intro,.review-index .trust-item{min-height:15.5rem}
    .review-index .proof-trust{margin-top:clamp(2.25rem,4vw,3.5rem)}
    .review-index .proof-trust .trust-grid{grid-template-columns:repeat(4,1fr)}
    .review-index .proof-marks{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ioc--g20);border-top:0;background:var(--ioc-surface,#fff)}
    .review-index .proof-marks .proof-mark{display:flex;align-items:center;gap:.55rem;margin:0;padding:1.1rem 1.25rem;border-right:1px solid var(--ioc--g20);font-size:.85rem;font-weight:600;color:var(--ioc--g100)}
    .review-index .proof-marks .proof-mark:last-child{border-right:0}
    .review-index .proof-marks .carbon-icon{color:var(--ioc--blue)}
    .review-index .industry{display:flex;flex-direction:column;gap:.75rem;color:inherit;text-decoration:none;transition:background .2s,transform .2s}
    .review-index .industry:hover{background:var(--ioc--g10)}
    .review-index .industry .industry-cta{margin-top:auto;padding-top:1.1rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--ioc--blue);font-weight:600;font-size:.85rem}
    .review-index .industry .industry-cta .carbon-icon{transition:transform .18s var(--ioc--ease)}
    .review-index .industry:hover .industry-cta .carbon-icon{transform:translateX(.2rem)}
    .review-index .ca-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ioc--g20);margin-bottom:1.25rem;max-width:46rem}
    .review-index .ca-tab{min-height:3.6rem;padding:0 1.35rem;background:var(--ioc-surface,#fff);border:0;border-right:1px solid var(--ioc--g20);font:inherit;font-weight:600;color:var(--ioc--g70);cursor:pointer;text-align:left;transition:background .2s,color .2s}
    .review-index .ca-tab:last-child{border-right:0}
    .review-index .ca-tab[aria-selected="true"]{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff)}
    .review-index .ca-panel{display:none}
    .review-index .ca-panel.active{display:block;animation:panelIn .25s var(--ioc--ease)}
    .review-index #assessment{padding-bottom:clamp(2.5rem,4vw,3.5rem)}
    .review-index #proof{padding-block:var(--ioc--section)}
    .review-index .v1hero .wrap{max-width:none;width:100%;padding-inline:clamp(1.25rem,3.4vw,3.5rem)}
    .review-index .sec-num{position:absolute;top:.85rem;left:clamp(1.25rem,3.4vw,3.5rem);z-index:6;font-family:var(--ioc--font-mono,ui-monospace,monospace);font-size:.72rem;font-weight:600;letter-spacing:.14em;color:inherit;opacity:.32;pointer-events:none}
    .ioc-footer .footer-cta-grid.gs-full{padding-block:clamp(2.75rem,4vw,4.25rem)}
    .review-index .architecture-shell{box-shadow:0 1px 0 var(--ioc--g20)}
    .review-index .architecture-view .layer{transition:background .2s var(--ioc--ease),transform .2s var(--ioc--ease)}
    .review-index .architecture-view .layer:not(.active):hover{background:var(--ioc--g10);transform:translateY(-2px)}
    .review-index .architecture-table tbody tr{transition:background .18s}
    .review-index .architecture-table tbody tr:hover{background:var(--ioc--g10)}
    .review-index .process-button{transition:background .18s,color .18s}
    .ioc-footer .footer-cta-grid.gs-full{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(2rem,4vw,4rem);align-items:start;max-width:none}
    .ioc-footer .footer-cta-grid.gs-full .footer-action{border-left:1px solid var(--ioc-selected-border,#c6d9ff);padding-left:clamp(1.5rem,3vw,3rem)}
    .ioc-footer #get-started .assessment-shell,.ioc-footer #get-started .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
    .ioc-footer #get-started .contact h2{font-size:clamp(1.75rem,2.8vw,2.75rem)}
    .ioc-footer #get-started .ca-tabs{margin:0 0 1.25rem;max-width:36rem}
    .review-index .assessment-aside p{color:var(--ioc-text-on-brand-soft,#e5e5ff)}
    .review-index #get-started .contact,.review-index #get-started .contact p,.review-index #get-started .contact label,.review-index #get-started .contact .hero-meta span{color:var(--ioc-text-on-color,#fff)}
    .review-index .contact{background:var(--ioc-surface-brand,#001d6c)}
    .review-index .contact-form .btn{color:var(--ioc-surface-brand,#001d6c)}
    .review-index .contact-form .btn:hover{color:var(--ioc-text-on-color,#fff)}
    .review-index .sticky-conversion{bottom:max(1rem,env(safe-area-inset-bottom));padding:.65rem .65rem .65rem 1rem}
    .review-index .reveal{transform:translateY(.85rem);transition-duration:.55s}
    .review-index .stagger>*{transform:translateY(.6rem);transition-duration:.48s}
    .review-index .toast{position:fixed;right:1rem;bottom:1rem;z-index:300;max-width:24rem;padding:1rem 1.25rem;background:var(--ioc--g100);color:var(--ioc-text-on-color,#fff);border-left:4px solid var(--ioc-success,#198038);box-shadow:0 1rem 3rem rgba(0,0,0,.2)}
    .review-index .toast.visible{display:block}
    @media(hover:hover){.review-index .btn:hover .icon{transform:translateX(.2rem)}.review-index .btn .icon{transition:transform .18s var(--ioc--ease)}}
    @media(max-width:1180px){.review-index .nav-link[href="#insights"]{display:none}.review-index .showcase-hero .container{grid-template-columns:1fr}.review-index .decision-console{max-width:48rem}}
    @media(max-width:700px){.review-index{--ioc--section:4.1rem;--ioc--nav-offset:7rem}.review-index .showcase-hero .container{padding-block:3.75rem}.review-index .showcase-hero h1{font-size:clamp(3rem,14vw,4.75rem)}.review-index .hero-actions .btn{width:100%}.review-index .hero-note{margin-top:.25rem}.review-index .page-nav{top:4rem}.review-index .page-nav a{min-height:3rem;padding:0 .8rem}.review-index .proof-item{padding:1.1rem;min-height:8rem}.review-index .solution-card{min-height:19rem}.review-index .solution-card .icon{margin:2.25rem 0 1.5rem}.review-index .gateway{min-height:23rem}.review-index .sticky-conversion{gap:.5rem}.review-index .result-actions{flex-direction:column}.review-index .result-actions .btn{width:100%}}


    /* Real photography system: selected commercial-use Pexels photography, not AI-generated */
    .review-index .media-frame{position:relative;margin:0;overflow:hidden;background:var(--ioc-g20,#e0e0e0);border:1px solid var(--ioc--g20)}
    .review-index .media-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02);transition:transform .8s var(--ioc--ease),filter .35s ease}
    .review-index .media-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(15,15,16,.72) 100%)}
    .review-index .media-frame figcaption{position:absolute;z-index:2;left:1.25rem;right:1.25rem;bottom:1rem;display:flex;align-items:end;justify-content:space-between;gap:1rem;color:var(--ioc-text-on-color,#fff)}
    .review-index .media-frame figcaption span{display:block;max-width:34rem;font-size:.82rem;font-weight:600;line-height:1.4}
    .review-index .media-frame figcaption small{color:var(--ioc-g30,#c6c6c6);font-family:var(--ioc--font-mono);font-size:.62rem;letter-spacing:.04em;text-align:right}
    @media(hover:hover){.review-index .media-frame:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.03)}}

    .review-index .hero-visual{align-self:stretch;display:grid;grid-template-rows:minmax(16rem,1fr) auto;background:var(--ioc-surface,#fff);border:1px solid var(--ioc--g20);box-shadow:1rem 1rem 0 var(--ioc--g10)}
    .review-index .hero-photo{min-height:18rem;border:0;border-bottom:1px solid var(--ioc--g20)}
    .review-index .hero-photo img{object-position:center 38%}
    .review-index .hero-visual .decision-console{min-height:0;border:0;box-shadow:none}
    .review-index .hero-visual .console-bar{background:var(--ioc-surface,#fff)}

    .review-index .section-photo{aspect-ratio:16/5.4;margin:0 0 1.5rem}
    .review-index .section-photo img{object-position:center}
    .review-index .section-photo--operations img{object-position:center 53%}
    .review-index .section-photo--industry img{object-position:center 48%}
    .review-index .section-photo--dark{border-color:var(--ioc-g80,#393939);background:var(--ioc-g90,#262626)}
    .review-index .section-photo--dark:after{background:linear-gradient(180deg,rgba(22,22,22,.05) 35%,rgba(22,22,22,.86) 100%)}
    .review-index .ai-section .section-photo{margin-bottom:1px}

    .review-index .gateway{padding:0;overflow:hidden}
    .review-index .gateway-photo{flex:0 0 auto;aspect-ratio:16/7.2;border:0;border-bottom:1px solid var(--ioc--g20)}
    .review-index .gateway-photo:after{background:linear-gradient(180deg,transparent 55%,rgba(15,15,16,.62) 100%)}
    .review-index .gateway-photo img{object-position:center}
    .review-index .gateway:first-child .gateway-photo img{object-position:center 44%}
    .review-index .gateway.talent .gateway-photo img{object-position:center 40%}
    .review-index .gateway-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;padding:clamp(2rem,4vw,4rem)}
    .review-index .gateway:hover .gateway-photo img{transform:scale(1.025)}
    .review-index .gateway:hover .gateway-photo:after{background:linear-gradient(180deg,rgba(0,1,255,.1),rgba(0,29,108,.78))}
    .review-index .gateway.talent:hover .gateway-photo:after{background:linear-gradient(180deg,rgba(255,0,119,.08),rgba(159,24,83,.8))}
    body.review-index .gateway h3{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.12}
    .review-index .gateway{min-height:auto}
    .review-index .gateway-photo{aspect-ratio:16/6}
    .review-index .gateway-content{gap:1.5rem;padding:clamp(1.75rem,3vw,2.75rem)}

    .review-index .photo-sources{padding:1rem 0;border-top:1px solid var(--ioc-g80,#393939);color:var(--ioc-g50,#8d8d8d);font-size:.68rem;line-height:1.55}
    .review-index .photo-sources a{color:var(--ioc-g30,#c6c6c6);text-decoration:underline;text-underline-offset:2px}

    @media(max-width:1100px){
      .review-index .hero-visual{max-width:48rem}
      .review-index .section-photo{aspect-ratio:16/7}
    }
    @media(max-width:700px){
      .review-index .hero-visual{grid-template-rows:15rem auto;box-shadow:.65rem .65rem 0 var(--ioc--g10)}
      .review-index .hero-photo{min-height:15rem}
      .review-index .media-frame figcaption{left:1rem;right:1rem;bottom:.8rem;align-items:start;flex-direction:column;gap:.25rem}
      .review-index .media-frame figcaption small{text-align:left}
      .review-index .section-photo{aspect-ratio:4/3;margin-bottom:1rem}
      .review-index .gateway-photo{aspect-ratio:16/9}
      .review-index .gateway-content{padding:2rem 1.25rem}
    }

  .carbon-icon{display:block;width:1.5rem;height:1.5rem;flex:0 0 auto;fill:currentColor}

/* ===== HOME · harmonized to inner-page (idc) standard ===== */
.showcase .container{width:min(100%,1584px);padding-inline:clamp(20px,4vw,32px)}
.showcase .section{padding-block:clamp(64px,8vw,112px)}
#constraints{background:var(--ioc--g10)}
#constraints .vh-cgrid{background:var(--ioc--white)}
#constraints .vh-c:hover{background:var(--ioc-surface-hover,#e8e8e8)}
#delivery{background:var(--ioc--g10)}
#delivery .vh-steps{background:var(--ioc--white);border:1px solid var(--ioc--g20);padding:2rem}
#delivery .vh-step{padding:1.5rem;margin:0 -2rem;transition:background .2s}
#delivery .vh-step:first-child{padding-top:1.5rem}
#delivery .vh-step:hover{background:var(--ioc-surface-hover,#e8e8e8)}
#delivery .vh-dgrid{align-items:stretch}
#delivery .vh-out{background:var(--ioc-g80,#393939);border-color:var(--ioc-g80,#393939);align-content:stretch;height:100%}
#delivery .vh-out div{background:var(--ioc--g100)}
#delivery .vh-out svg{color:var(--ioc-accent-on-brand,#8c8cff)}
#delivery .vh-out strong{color:var(--ioc-text-on-color,#fff)}
#delivery .vh-out span{color:var(--ioc-g30,#c6c6c6)}
#delivery .vh-out div:hover{background:var(--ioc-g90,#262626)}
.showcase .section-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);margin-bottom:clamp(32px,4vw,56px)}
.showcase .section-head>div>h2,.showcase .section-head h2{font-size:clamp(28px,3.2vw,46px);font-weight:700;line-height:1.06;letter-spacing:-.025em;text-wrap:balance}
.showcase .section-head p{font-size:16px;line-height:1.55;max-width:46ch}
.showcase .section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;color:var(--ioc--g100)}
.showcase .section-kicker::before{content:"";width:22px;height:2px;background:var(--ioc--blue);flex:none}
.showcase .ai-section .section-kicker,.showcase .value-section .section-kicker{color:var(--ioc-text-on-color,#fff)}
/* tame oversized module headings to the restrained idc scale */
.showcase .persona-copy h3{font-size:clamp(24px,2.6vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.showcase .persona-copy p{font-size:16px}
.showcase .architecture-title h3{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.showcase .assessment-aside h3{font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.15}
.showcase .assessment-step legend{font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.2}
.showcase .value-card strong{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.02em}
.showcase .contact h2{font-size:clamp(28px,3.2vw,46px);font-weight:700;line-height:1.06;letter-spacing:-.025em}
.showcase .trust-intro h2{font-size:clamp(24px,2.8vw,38px);font-weight:700;letter-spacing:-.02em}
@media(max-width:860px){.showcase .section-head{grid-template-columns:1fr;align-items:start}}



/* ---- Get-started CTA polish (home #assessment + footer #get-started) ---- */
.review-index .ca-tabs{max-width:46rem;border-color:var(--ioc--g20);box-shadow:0 1px 0 var(--ioc--g20)}
.review-index .ca-tab{position:relative;letter-spacing:-.01em;transition:background .2s var(--ioc--ease),color .2s var(--ioc--ease)}
.review-index .ca-tab:hover:not([aria-selected="true"]){background:var(--ioc--g10);color:var(--ioc--g100)}
.review-index .ca-tab[aria-selected="true"]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ioc--g100)}
/* Aside */
.review-index .assessment-aside{position:relative;background:linear-gradient(160deg,var(--ioc--blue) 0%,var(--ioc-blue-hover,#0000c4) 100%);overflow:hidden}
.review-index .assessment-aside>div:first-child{position:relative;z-index:1}
.review-index .assessment-aside .carbon-icon{width:2.25rem;height:2.25rem;padding:.5rem;background:rgba(255,255,255,.14);margin-bottom:1.25rem}
.review-index .assessment-aside p{max-width:34ch}
.review-index .progress-steps{counter-reset:astep;position:relative;z-index:1}
.review-index .progress-steps li{align-items:center;transition:color .2s}
.review-index .assessment-trust{position:relative;z-index:1;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--ioc-text-on-brand-soft,#e5e5ff);line-height:1.4}
.review-index .assessment-trust .carbon-icon{width:1.15rem;height:1.15rem;flex:0 0 auto;margin:0;padding:0;background:none;color:var(--ioc-text-on-color,#fff)}
/* Choices as confident cards */
.review-index .assessment-step legend{font-weight:600;text-wrap:balance}
.review-index .choice{gap:1.15rem;padding:1.15rem 1.25rem;align-items:center;transition:background .16s var(--ioc--ease),border-color .16s var(--ioc--ease),box-shadow .16s var(--ioc--ease)}
.review-index .choice+.choice{margin-top:-1px}
.review-index .choice:hover{background:var(--ioc--g10);border-color:var(--ioc--g60);z-index:1}
.review-index .choice:has(input:checked){background:var(--ioc-selected-surface,#edf5ff);border-color:var(--ioc--blue);box-shadow:inset 3px 0 0 var(--ioc--blue);z-index:2}
.review-index .choice:has(input:checked) .choice-text strong{font-weight:700}
.review-index .radio-ui{width:1.35rem;height:1.35rem;border-color:var(--ioc--g60);transition:border-color .16s,background .16s,box-shadow .16s}
.review-index .choice-text small{line-height:1.4}
/* Actions: confident primary */
.review-index .assessment-actions{align-items:center}
.review-index .assessment-next{min-width:12rem;gap:1.25rem;background:var(--ioc--blue)}
.review-index .assessment-next:not([disabled]):hover{background:var(--ioc-blue-hover,#0000c4)}
.review-index .assessment-back{min-width:8rem}
.review-index .assessment-progress-note{margin-right:auto;font-family:var(--ioc--font-mono,ui-monospace,monospace);font-size:.72rem;letter-spacing:.1em;color:var(--ioc--g60);text-transform:uppercase}
/* Result */
.review-index .assessment-result.active{display:flex;flex-direction:column}
.review-index .score-ring{transition:transform .4s var(--ioc--ease)}
/* Contact form: clearer focus + confidence */
.review-index #get-started .contact-form .field input,.review-index #get-started .contact-form .field select,.review-index #get-started .contact-form .field textarea,.review-index #ca-contact .field input,.review-index #ca-contact .field select,.review-index #ca-contact .field textarea{border-bottom-width:1px;border-bottom-color:rgba(255,255,255,.55);transition:border-color .18s,background .18s}
.review-index #ca-contact .field label,.review-index #get-started .contact-form .field label{font-family:var(--ioc--font-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;opacity:.9}
.review-index #ca-contact .field input:focus,.review-index #ca-contact .field select:focus,.review-index #ca-contact .field textarea:focus,.review-index #get-started .contact-form .field input:focus,.review-index #get-started .contact-form .field select:focus,.review-index #get-started .contact-form .field textarea:focus{border-bottom-color:var(--ioc-border-on-color,#fff);background:rgba(255,255,255,.18)}
.review-index #ca-contact .field input::placeholder,.review-index #ca-contact .field textarea::placeholder{color:rgba(255,255,255,.6)}
.review-index .contact-form .btn{margin-top:.5rem}
.review-index .form-reassure{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:.35rem;font-size:.75rem;color:var(--ioc-text-on-brand-soft,#e5e5ff)}
.review-index .form-reassure span{display:inline-flex;align-items:center;gap:.4rem}
.review-index .form-reassure .carbon-icon{width:1rem;height:1rem;color:var(--ioc-text-on-color,#fff)}
@media(max-width:700px){.review-index .assessment-next{min-width:0;flex:1}.review-index .assessment-actions{flex-wrap:wrap}.review-index .assessment-progress-note{width:100%;order:-1;margin:0 0 .5rem}}


.section-head .ioc-sh-lead p{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--ioc--g100);max-width:36ch;text-wrap:pretty}
.section-head .ioc-sh-lead p b{font-weight:700}
.section-head .ioc-sh-lead .meta{display:block;margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc--g60);line-height:1.6}
.section-head .vh-sh-aside{gap:.9rem}
.section.dark .section-head .ioc-sh-lead p{color:var(--ioc-g10,#f4f4f4)}
.section.dark .section-head .ioc-sh-lead .meta{color:var(--ioc-g40,#a8a8a8)}
@media(max-width:860px){.section-head .ioc-sh-lead p{max-width:none}}


.review-index .v1hero{background:linear-gradient(100deg,var(--ioc-surface-subtle,#fbfbfb) 0%,var(--ioc-surface-subtle,#fbfbfb) 45%,var(--ioc-surface-cool,#f2f4f8) 100%);border-bottom:1px solid var(--ioc--g20)}
.v1hero .hero-main{grid-template-columns:minmax(24rem,42fr) minmax(34rem,58fr);gap:clamp(24px,3vw,56px)}
.v1hero .copy-panel{background:transparent;border:0;padding:clamp(24px,3vw,48px) 0 clamp(24px,3vw,48px) clamp(4px,2.5vw,40px);min-height:0;justify-content:center}
.v1hero .h-lede{max-width:40ch}
.v1hero .h-actions .h-btn{white-space:nowrap}
.v1hero .hero-visual-col{display:flex;flex-direction:column;gap:22px;min-width:0;padding-block:clamp(16px,2.2vw,32px)}
.v1hero .hero-slides{position:relative;margin:0;aspect-ratio:16/7.6;min-height:15rem;overflow:hidden;background:var(--ioc--g20)}
.v1hero .hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--ioc--ease)}
.v1hero .hs-img.is-on{opacity:1}
.v1hero .hs-dots{position:absolute;right:14px;bottom:12px;z-index:3;display:flex;gap:7px}
.v1hero .hs-dots button{width:10px;height:10px;padding:0;border:0;background:rgba(255,255,255,.78);cursor:pointer}
.v1hero .hs-dots button.on{background:var(--ioc--blue)}
.v1hero .hero-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(14.5rem,19.5rem);gap:22px;align-items:stretch}
.v1hero .hero-lower .outcome{position:static;transform:none;width:auto;box-shadow:none;border:1px solid var(--ioc--g20);display:flex;flex-direction:column}
.v1hero .hero-lower .outcome-result{margin-top:auto}
.v1hero .foundation-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:var(--ioc-surface-inverse,#161616);color:var(--ioc-text-on-color,#fff)}
.v1hero .fc-kicker{font-family:var(--ioc--font-mono,"JetBrains Mono",monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-g40,#a8a8a8)}
.v1hero .fc-body{margin:auto 0;padding-block:1.4rem}
.v1hero .fc-body>svg{width:30px;height:30px;margin-bottom:14px;color:var(--ioc-text-on-color,#fff)}
.v1hero .fc-title{margin:0 0 10px;font-size:clamp(20px,1.6vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--ioc-text-on-color,#fff)}
.v1hero .fc-sub{margin:0;color:var(--ioc-g30,#c6c6c6);font-size:14px;line-height:1.5}
.v1hero .fc-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;color:var(--ioc-text-on-color,#fff);font-weight:600;font-size:14px}
.v1hero .fc-link svg{width:16px;height:16px;fill:currentColor;transition:transform .18s var(--ioc--ease)}
.v1hero .fc-link:hover svg{transform:translateX(3px)}
@media(max-width:1040px){.v1hero .hero-main{grid-template-columns:1fr;gap:0}.v1hero .hero-visual-col{padding-block:0 clamp(16px,2.2vw,32px)}}
@media(max-width:1024px){.v1hero .copy-panel{padding-left:0}.v1hero .hero-lower{grid-template-columns:1fr}.v1hero .foundation-card{min-height:11rem}.v1hero .fc-body{padding-block:1rem}}


.vh-ribbon{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ioc--g70)}
.vh-ribbon span{border:1px solid var(--ioc--g20);padding:.5rem .85rem}
.vh-agrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ioc--g20);border-left:1px solid var(--ioc--g20)}
.vh-acard{padding:2rem;border-right:1px solid var(--ioc--g20);border-bottom:1px solid var(--ioc--g20);display:flex;flex-direction:column;gap:.55rem;min-height:16rem}
.vh-acard>svg{width:2rem;height:2rem;color:var(--ioc--blue);margin-bottom:.85rem}
.vh-acard .kx{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc--blue)}
.vh-acard h3{font-size:1.18rem;font-weight:500;margin:0;letter-spacing:-.01em}
.vh-acard p{color:var(--ioc--g70);font-size:.88rem;margin:0;line-height:1.5}
.vh-cgrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ioc--g20);border-left:1px solid var(--ioc--g20)}
.vh-c{position:relative;padding:2rem;border-right:1px solid var(--ioc--g20);border-bottom:1px solid var(--ioc--g20);display:flex;flex-direction:column;min-height:23rem;transition:background .2s}
.vh-c:hover{background:var(--ioc--g10)}
.vh-c .num{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.06em;color:var(--ioc--g60)}
.vh-c>svg{width:2.25rem;height:2.25rem;color:var(--ioc--blue);margin:1.25rem 0}
.vh-c h3{font-size:1.3rem;font-weight:500;margin:0 0 .6rem;letter-spacing:-.01em}
.vh-c p{color:var(--ioc--g70);font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}
.vh-c a{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:var(--ioc--blue);font-weight:600;font-size:.85rem}
.vh-c a svg{width:1rem;height:1rem}
.vh-pf{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--ioc--g20)}
.vh-pf p{color:var(--ioc--g70);max-width:52ch;margin:0;font-size:.9rem}
.vh-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.vh-chips a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--ioc--g20);padding:.45rem .85rem;font-size:.78rem;color:var(--ioc--g70);transition:background .15s var(--ioc--ease),border-color .15s,color .15s,transform .15s}
.vh-chips a svg{width:.85rem;height:.85rem;opacity:.45;transition:transform .15s,opacity .15s}
.vh-chips a:hover{background:var(--ioc--blue);border-color:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);transform:translateY(-1px)}
.vh-chips a:hover svg{opacity:1;transform:translateX(2px)}

.vh-ind{display:block;border-top:1px solid var(--ioc--g20);padding-top:1.5rem}


.vh-dgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.vh-steps{display:flex;flex-direction:column}
.vh-step{display:flex;gap:1.25rem;padding:1.5rem 0;border-top:1px solid var(--ioc--g20)}
.vh-step:first-child{border-top:0;padding-top:0}
.vh-step .si{width:2.75rem;height:2.75rem;flex:none;border:1px solid var(--ioc--g20);display:flex;align-items:center;justify-content:center;color:var(--ioc--blue)}
.vh-step .si svg{width:1.35rem;height:1.35rem}
.vh-step h3{font-size:1.12rem;font-weight:500;margin:0 0 .35rem}
.vh-step p{color:var(--ioc--g70);font-size:.9rem;margin:0;line-height:1.5}
.vh-out{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ioc--g20);border:1px solid var(--ioc--g20)}
.vh-out div{background:var(--ioc-surface,#fff);padding:1.5rem;min-height:9.5rem;display:flex;flex-direction:column;gap:.3rem}
.vh-out svg{width:1.6rem;height:1.6rem;color:var(--ioc--blue);margin-bottom:.4rem}
.vh-out strong{font-weight:500;font-size:.96rem}
.vh-out span{color:var(--ioc--g60);font-size:.78rem;line-height:1.45}
.vh-cap{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ioc--g20);border:1px solid var(--ioc--g20)}
.vh-capcard{background:var(--ioc-surface,#fff);display:flex;flex-direction:column}
.vh-capcard .cm{aspect-ratio:16/9;overflow:hidden;background:var(--ioc--g10)}
.vh-capcard .cm img{width:100%;height:100%;object-fit:cover}
.vh-capcard .cb{padding:2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.vh-capcard .kx{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ioc--blue)}
.vh-capcard h3{font-size:1.55rem;font-weight:400;letter-spacing:-.02em;margin:0}
.vh-capcard p{color:var(--ioc--g70);font-size:.92rem;margin:0;line-height:1.55}
.vh-capcard a{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:var(--ioc--blue);font-weight:600;font-size:.85rem;padding-top:.5rem}
.vh-capcard a svg{width:1rem;height:1rem}
.vh-cpanel{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);padding:clamp(1.75rem,3.5vw,3rem)}
.vh-cpanel .eyebrow{color:var(--ioc-text-on-color,#fff);margin-bottom:.7rem}
.vh-cpanel .eyebrow:before{background:var(--ioc-text-on-color,#fff)}
.vh2-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem 2rem;align-items:start;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.vh-cpanel .vh2-intro h2{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:400;letter-spacing:-.025em;margin:0;color:var(--ioc-text-on-color,#fff);max-width:22ch}
.vh2-sub{color:var(--ioc-text-on-brand-soft,#e5e5ff);font-size:.92rem;line-height:1.5;margin:.6rem 0 0;max-width:58ch}
.vh2-trust{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0;font-size:.78rem;color:var(--ioc-text-on-brand-muted,#d0d0ff)}
.vh2-trust svg{width:1rem;height:1rem;color:var(--ioc-text-on-color,#fff);flex:none}
.vh-modetabs{display:flex;border:1px solid rgba(255,255,255,.55);align-self:start}
.vh-modetabs button{padding:.62rem 1.15rem;border:0;background:transparent;color:var(--ioc-text-on-color,#fff);font-weight:600;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.vh-modetabs button[aria-selected="true"]{background:var(--ioc-text-on-color,#fff);color:var(--ioc--blue)}
.vh2-form{background:var(--ioc-surface,#fff);color:var(--ioc--g100);padding:clamp(1.5rem,2.6vw,2.35rem);display:grid;grid-template-columns:repeat(4,1fr);gap:1.35rem 1.25rem;align-items:start}
#conversion-form [hidden]{display:none!important}
.vh2-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.vh2-full{grid-column:1/-1}
.vh2-field label{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ioc--g70)}
.vh2-field .req{color:var(--ioc--blue)}
.vh2-field input,.vh2-field select,.vh2-field textarea{width:100%;background:var(--ioc-surface,#fff);border:1px solid var(--ioc--g30);padding:.7rem .8rem;color:var(--ioc--g100);font-size:.95rem;font-family:inherit;outline:0;border-radius:0;transition:border-color .15s,box-shadow .15s}
.vh2-field textarea{resize:vertical;min-height:4rem;line-height:1.5}
.vh2-field input:hover,.vh2-field select:hover,.vh2-field textarea:hover{border-color:var(--ioc--g60)}
.vh2-field input:focus,.vh2-field select:focus,.vh2-field textarea:focus{border-color:var(--ioc--blue);box-shadow:0 0 0 3px rgba(0,1,255,.14)}
.vh2-field input::placeholder,.vh2-field textarea::placeholder{color:var(--ioc-placeholder)}
.vh2-field.err input,.vh2-field.err select,.vh2-field.err textarea{border-color:var(--ioc-danger,#da1e28);box-shadow:0 0 0 3px rgba(218,30,40,.12)}
.vh2-err{font-size:.72rem;color:var(--ioc-danger,#da1e28)}
.vh2-err:empty{display:none}
.vh2-q{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}
.vh2-q legend{font-family:"JetBrains Mono",monospace;font-size:.67rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ioc--g70);margin-bottom:.55rem;padding:0}
.vh-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.vh-choices label{position:relative;display:flex;align-items:center;gap:.6rem;justify-content:flex-start;text-align:left;padding:.7rem .8rem;border:1px solid var(--ioc--g30);font-size:.82rem;line-height:1.25;color:var(--ioc--g70);cursor:pointer;transition:transform .15s var(--ioc--ease),background .15s,border-color .15s,color .15s}
.vh-choices label::before{content:"";width:22px;height:7px;flex:none;background:linear-gradient(90deg,var(--ioc--blue) var(--lvl,33%),var(--ioc--g20) 0)}
.vh-choices label:nth-child(1){--lvl:33%}
.vh-choices label:nth-child(2){--lvl:66%}
.vh-choices label:nth-child(3){--lvl:100%}
.vh-choices label:hover{border-color:var(--ioc--blue);color:var(--ioc--g100);transform:translateY(-1px)}
.vh-choices label:has(input:checked){background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);border-color:var(--ioc--blue);font-weight:600}
.vh-choices label:has(input:checked)::before{background:linear-gradient(90deg,var(--ioc-text-on-color,#fff) var(--lvl,33%),rgba(255,255,255,.35) 0)}
.vh-choices input{position:absolute;opacity:0;width:0;height:0}
.vh2-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-top:.25rem;padding-top:1.35rem;border-top:1px solid var(--ioc--g20)}
.vh-consent{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--ioc--g70);margin:0;cursor:pointer}
.vh-consent input{width:1.1rem;height:1.1rem;flex:none;accent-color:var(--ioc--blue)}
.vh2-submit{display:inline-flex;align-items:center;gap:1.5rem;background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);border:0;padding:.85rem 1.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s}
.vh2-submit:hover{background:var(--ioc-blue-hover,#0000c4)}
.vh2-submit svg{width:1.1rem;height:1.1rem}
.vh2-submit[disabled]{opacity:.65;cursor:default}
.vh-status{grid-column:1/-1;font-size:.85rem;padding:.75rem .9rem;background:var(--ioc--g10);border-left:3px solid var(--ioc--blue);color:var(--ioc--g100);line-height:1.5}
.vh-status:empty{display:none}
.vh-status.ok{background:var(--ioc-success-surface,#defbe6);border-left-color:var(--ioc-green,#0e6027)}
.vh-status.bad{background:var(--ioc-danger-surface,#fff1f1);border-left-color:var(--ioc-danger,#da1e28)}
.vh-status strong{font-weight:600}
.vh2-note{grid-column:1/-1;font-size:.72rem;color:var(--ioc--g60)}
@media(max-width:820px){.vh2-head{grid-template-columns:1fr}.vh2-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.vh2-form,.vh-choices{grid-template-columns:1fr}.vh-modetabs{width:100%}.vh-modetabs button{flex:1;text-align:center}.vh2-foot{flex-direction:column;align-items:stretch}.vh2-submit{justify-content:center}}
@media(max-width:1024px){.vh-agrid,.vh-cgrid{grid-template-columns:1fr 1fr}.vh-dgrid{grid-template-columns:1fr}.vh-cap{grid-template-columns:1fr}}
@media(max-width:700px){.vh-agrid,.vh-cgrid{grid-template-columns:1fr}.vh-out{grid-template-columns:1fr}.vh-modetabs{flex-direction:column}}

/* B-03 · layered stack (from Platform section options v2, option A) */
.pa{background:var(--ioc-g100);background-image:radial-gradient(120% 90% at 10% 0%,rgba(0,1,255,.32) 0%,rgba(0,1,255,0) 58%);color:var(--ioc-text-on-color,#fff);padding:clamp(1.75rem,3.5vw,3rem);border:1px solid var(--ioc-g80,#393939)}
.pa-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem)}
.pa-stack{display:flex;flex-direction:column;gap:6px}
.pa-row{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:1rem;align-items:center;padding:.85rem 1.1rem;border:1px solid var(--ioc-g80,#393939);background:rgba(255,255,255,.035);text-decoration:none;color:var(--ioc-text-on-color,#fff);transition:border-color .2s,background .2s,transform .2s}
.pa-row:hover{border-color:var(--ioc-accent-on-brand,#8c8cff);background:rgba(140,140,255,.10);transform:translateX(4px)}
.pa-row.core{border-color:color-mix(in oklch,var(--ioc-blue) 62%,var(--ioc-border-on-color));background:linear-gradient(90deg,rgba(0,1,255,.5),rgba(0,1,255,.1))}
.pa-row .ic{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ioc-g70,#525252)}
.pa-row.core .ic{border-color:rgba(255,255,255,.55)}
.pa-row .ic svg{width:20px;height:20px;color:var(--ioc-text-on-brand-muted,#d0d0ff)}
.pa-row .k{display:block;font-family:var(--ioc-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-g40,#a8a8a8)}
.pa-row strong{display:block;font-size:1.05rem;font-weight:500;letter-spacing:-.01em;margin:2px 0 3px}
.pa-row .d{display:block;font-size:.82rem;line-height:1.45;color:var(--ioc-g30,#c6c6c6);max-width:46ch}
.pa-row.core .d,.pa-row.core .k{color:var(--ioc-text-on-brand-soft,#e5e5ff)}
.pa-row .go{display:flex;align-items:center;gap:.5rem;font-family:var(--ioc-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ioc-g40,#a8a8a8);white-space:nowrap;transition:color .2s}
.pa-row:hover .go{color:var(--ioc-accent-on-brand,#8c8cff)}
.pa-row.core .go{color:var(--ioc-text-on-color,#fff)}
.pa-row:hover .ic{border-color:var(--ioc-accent-on-brand,#8c8cff)}
.pa-row:hover .ic svg{color:var(--ioc-accent-on-brand,#8c8cff)}
.pa-row .go svg{width:14px;height:14px;transition:transform .2s}
.pa-row:hover .go svg{transform:translateX(3px)}
.pa-side{display:flex;flex-direction:column;gap:1rem}
.pa-fig{position:relative;overflow:hidden;border:1px solid var(--ioc-g80,#393939);aspect-ratio:16/10;margin:0}
.pa-fig img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.pa-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,1,255,.4),rgba(22,22,22,.86))}
.pa-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.1rem;z-index:1}
.pa-fig figcaption b{display:block;font-size:1rem;font-weight:600}
.pa-fig figcaption span{font-family:var(--ioc-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ioc-text-on-brand-muted,#d0d0ff)}
.pa-rule{border:1px solid var(--ioc-g80,#393939);padding:1rem 1.1rem;background:rgba(255,255,255,.03)}
.pa-rule p{margin:0;font-size:.88rem;line-height:1.6;color:var(--ioc-g30,#c6c6c6)}
.pa-rule p b{color:var(--ioc-text-on-color,#fff);font-weight:600}
.pa-rule .k{margin:0 0 .5rem;font-family:var(--ioc-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ioc-text-on-brand-muted,#d0d0ff)}
.pa-links{display:grid;border:1px solid var(--ioc-g80,#393939);margin-top:auto}
.pa-links a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;color:var(--ioc-text-on-color,#fff);text-decoration:none;border-bottom:1px solid var(--ioc-g80,#393939);font-size:.92rem;transition:background .18s,padding-left .18s}
.pa-links a:last-child{border-bottom:0}
.pa-links a:hover{background:rgba(0,1,255,.22);padding-left:1.45rem}
.pa-links svg{width:16px;height:16px}
@media(max-width:900px){.pa-grid{grid-template-columns:1fr}}
/* industry strip · option D */
.vh-dtabs{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--ioc-g20);border-top:0;margin-top:0}
.vh-dtabs button{flex:1 1 auto;appearance:none;background:var(--ioc-surface,#fff);border:0;box-shadow:1px 0 0 0 var(--ioc-g20);padding:.95rem 1.1rem;font:inherit;font-size:.85rem;font-weight:500;color:var(--ioc-g70);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;transition:background .15s,color .15s}
.vh-dtabs button svg{width:17px;height:17px;opacity:.55}
.vh-dtabs button:hover{background:var(--ioc-g10);color:var(--ioc-text-primary)}
.vh-dtabs button[aria-selected="true"]{background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff);box-shadow:1px 0 0 0 var(--ioc-accent)}
.vh-dtabs button[aria-selected="true"] svg{opacity:1}
.vh-dpanel{border:1px solid var(--ioc-g20);border-top:0;padding:1.6rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem 2rem;align-items:center;background:var(--ioc-g10)}
.vh-dpanel p{margin:0;font-size:1.05rem;line-height:1.5;letter-spacing:-.01em;max-width:56ch}
.vh-dpanel .m{display:block;font-family:var(--ioc-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ioc-g60);margin-top:.6rem}
.vh-dpanel a{display:inline-flex;align-items:center;gap:.5rem;background:var(--ioc-accent);color:var(--ioc-text-on-color,#fff);text-decoration:none;padding:.75rem 1.15rem;font-size:.85rem;font-weight:500;white-space:nowrap;min-height:44px;box-sizing:border-box}
.vh-dpanel a svg{width:16px;height:16px}
.vh-dpanel a:hover{background:var(--ioc-accent-hover)}
@media(max-width:700px){.vh-dtabs{flex-direction:column}.vh-dpanel{grid-template-columns:1fr}}
/* --- section hover + explore links --- */
.vh-acard>svg,.vh-c>svg{transition:transform .18s var(--ioc--ease)}
.vh-acard{transition:background .18s var(--ioc--ease)}
.vh-acard:hover{background:var(--ioc--g10)}
.vh-acard:hover>svg{transform:translateY(-3px)}
.vh-c a svg{transition:transform .18s var(--ioc--ease)}
.vh-c:hover a svg{transform:translateX(4px)}
.vh-c:hover>svg{transform:translateY(-3px)}
.vh-capcard .cm img{transition:transform .45s var(--ioc--ease)}
.vh-capcard:hover .cm img{transform:scale(1.05)}
.vh-capcard a svg{transition:transform .18s var(--ioc--ease)}
.vh-capcard:hover a svg{transform:translateX(4px)}
.vh-out div{transition:background .18s var(--ioc--ease)}
.vh-out div:hover{background:var(--ioc--g10)}
.vh-out svg{transition:transform .18s var(--ioc--ease)}
.vh-out div:hover svg{transform:scale(1.1)}
.vh-step .si{transition:background .18s var(--ioc--ease),color .18s,border-color .18s}
.vh-step:hover .si{background:var(--ioc--blue);color:var(--ioc-text-on-color,#fff);border-color:var(--ioc--blue)}
.vh-chips a{transition:border-color .15s,color .15s,transform .15s}
.vh-chips a:hover{transform:translateY(-1px)}
.vh-sh-aside{display:flex;flex-direction:column;gap:1.1rem;align-items:flex-start}
.vh-sh-aside>p{margin:0}
.vh-seclink{display:inline-flex;align-items:center;gap:.5rem;color:var(--ioc--blue);font-weight:600;font-size:.9rem}
.vh-seclink svg{width:1rem;height:1rem;transition:transform .18s var(--ioc--ease)}
.vh-seclink:hover svg{transform:translateX(4px)}
.vh-capcard{transition:background .2s var(--ioc--ease)}
.vh-capcard:first-child:hover{background:var(--ioc-fam-academy,#6929c4)}
.vh-capcard:last-child:hover{background:var(--ioc-fam-talents,#1a7a52)}
.vh-capcard:hover .kx,.vh-capcard:hover h3,.vh-capcard:hover p,.vh-capcard:hover a{color:var(--ioc-text-on-color,#fff)}
/* --- home footer-cta hosts the get-started form --- */
.ioc-footer .footer-cta .vh2-sub{color:var(--ioc-text-secondary,#525252);font-size:.95rem;line-height:1.55;margin:1.1rem 0 0;max-width:46ch}
.ioc-footer .footer-cta .vh2-trust{display:inline-flex;align-items:center;gap:.5rem;margin:1.1rem 0 0;font-size:.8rem;color:var(--ioc-text-secondary,#525252)}
.ioc-footer .footer-cta .vh2-trust svg{width:1rem;height:1rem;flex:none;color:var(--ioc-blue,#0001ff)}
.ioc-footer .footer-action .vh-modetabs{display:flex;border:1px solid var(--ioc-border-strong,#8d8d8d);margin:0 0 18px;width:max-content;max-width:100%}
.ioc-footer .footer-action .vh-modetabs button{padding:.62rem 1.15rem;border:0;background:var(--ioc-surface,#fff);color:var(--ioc-text-secondary,#525252);font-weight:600;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.ioc-footer .footer-action .vh-modetabs button[aria-selected="true"]{background:var(--ioc-blue,#0001ff);color:var(--ioc-text-on-primary,#fff)}
.ioc-footer .footer-action .vh2-form{border:1px solid var(--ioc-border-subtle,#e0e0e0)}


.home-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--ioc--g100,#161616);color:var(--ioc-text-on-color,#fff);transform:translateY(100%);transition:transform .35s cubic-bezier(.2,0,0,1)}
.home-cta-bar.in{transform:none}
.hcb-wrap{width:min(100%,1440px);margin:0 auto;padding:16px clamp(1.25rem,4vw,4rem);display:flex;align-items:center;gap:20px}
.hcb-wrap p{margin:0;font-size:15px;flex:1;color:var(--ioc-g20,#e0e0e0);text-wrap:pretty}
.hcb-wrap p strong{color:var(--ioc-text-on-color,#fff);font-weight:700}
.hcb-btn{display:inline-flex;align-items:center;gap:14px;background:var(--ioc--blue,#0001ff);color:var(--ioc-text-on-color,#fff);font-weight:600;font-size:15px;padding:12px 20px;white-space:nowrap;transition:background .15s}
.hcb-btn:hover{background:var(--ioc-blue-hover,#0000c4)}
.hcb-btn svg{width:18px;height:18px}
.hcb-close{background:transparent;border:0;color:var(--ioc-g40,#a8a8a8);font-size:26px;line-height:1;cursor:pointer;padding:2px 6px}
.hcb-close:hover{color:var(--ioc-text-on-color,#fff)}
@media(max-width:760px){.hcb-wrap{flex-wrap:wrap;gap:12px}.hcb-wrap p{flex:1 1 100%}.hcb-btn{flex:1}}


/* CMS-D-071 · lead-capture failure state — a lead that was not stored must
   read as a failure, not a confirmation. */
.ioc-cta-confirm.is-error{color:var(--ioc-danger,#da1e28)}
.ioc-cta-panel .ioc-cta-confirm.is-error{color:var(--ioc-danger-on-color,#ff8389)}
.ioc-cta-confirm.is-error a{color:inherit;text-decoration:underline}

/* ==========================================================================
   P36 / CMS-D-092 — the per-level heading weights, DELIBERATELY LAST.
   Still 0-0-1, so every block rule (0-1-1) and the showcase system (0-1-2)
   continue to outrank them exactly as they do in the design source. Position
   is the whole point: an absorbed legacy reset further up this file declares
   a bare `h1,h2,h3{font-weight:400}` at the SAME 0-0-1, and at equal
   specificity the later rule wins. Declared beside the other generic rules
   these lost to it, and six header headings rendered at 400 — measured, after
   it happened, which is the only reason this comment exists.
   ========================================================================== */
:where(body.ioc-site) h1{font-weight:var(--ioc-h1-weight,600)}
:where(body.ioc-site) h2{font-weight:var(--ioc-h2-weight,600)}
:where(body.ioc-site) h3{font-weight:var(--ioc-h3-weight,600)}
:where(body.ioc-site) h4{font-weight:var(--ioc-h4-weight,600)}

/* INFOC forms — the multi-step pager (CMS-D-084 P5, owner decision B-1).
 *
 * A SEPARATE, OWNED sheet. `infoc-cms.css` is sha256-pinned by
 * `scripts/v5-ui-gate.mjs` (P15-PUBLIC-BOUNDARY) and must not be hand-edited, and
 * appending to the GENERATED `infoc-site-overrides.css` would be overwritten on
 * the next build. B-1 chose option (c) — a dedicated sheet — and verified none of
 * the selectors below collide with the frozen one.
 *
 * It is deliberately SMALL. Every field, label, error and button inside a step is
 * already styled by the frozen sheet's generic selectors; this adds only what a
 * pager needs and nothing a single-step form pays for.
 *
 * Design rules (CMS-D-066): radius 0, 1px hairlines, house blue #0001ff, no
 * shadows-as-structure.
 *
 * P37 T4 (CMS-D-094/095): tokenised. The role layer lives in the PUBLIC kit's
 * own :root/body.ioc-site since Wave T1 — the old "the public site does not
 * load the admin token layer" rationale is no longer true. Every var() here
 * CARRIES A FALLBACK on purpose: this is a separate file, and a page that
 * ever loaded it without the kit sheet must render the house values, not
 * transparent (CMS-D-078). `#0001ff` maps to --ioc-blue, NEVER --ioc-accent —
 * accent is variant-overridden and a form pager must not family-shift.
 */

/* The step itself. A real <fieldset>, so the legend names the step for a screen
   reader and `hidden` on a later step is what the engine's own `visible()`
   already understands. */
.ioc-form .ioc-step {
  border: 0;
  padding: 0;
  margin: 0;
  min-inline-size: 0; /* fieldset defaults to min-content; this lets the grid shrink */
}

.ioc-form .ioc-step > legend {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  padding: 0;
  margin: 0 0 10px;
}

/* Progress. One line, a hairline rule, and a bar that fills — no percentages
   shouted at the visitor, because the step count is already in the label. */
.ioc-form .ioc-form-progress {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  /* was #6f6f6f — the progress label is helper text on a light card, and
     helper's role value is #5c5c5c (ΔE 7.8, an approved §5 normalisation) */
  color: var(--ioc-text-helper, #5c5c5c);
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ioc-border-subtle, #e0e0e0);
}

.ioc-form .ioc-form-progress__bar {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  background: var(--ioc-blue, #0001ff);
  transition: width 160ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .ioc-form .ioc-form-progress__bar {
    transition: none;
  }
}

/* Back / Continue. Sits above the action row so the submit stays the last thing
   before the reassurance line on the final step. */
.ioc-form .ioc-form-steps {
  display: flex;
  gap: 8px;
  margin: 4px 0 14px;
}

.ioc-form .ioc-form-steps [hidden] {
  display: none;
}

/* The step LIST marker classes B-1 reserved. Used by the builder's preview and by
   any future step-list affordance; declared here so the two never diverge. */
.ioc-form-step--current {
  font-weight: 600;
  color: var(--ioc-text-primary, #161616);
}

.ioc-form-step--complete {
  color: var(--ioc-blue, #0001ff);
}

/* The success panel's REFERENCE and REPLY-BY lines (2026-09-04).
   The forms runtime injects both as <p class="ioc-form-ref"> after a
   successful submit, and until now that class had ZERO rules in any of the
   five concat parts, so a reference identifier rendered in Manrope at the
   same 16px as the sentence above it -- the one string a person may need to
   read back to us, set as prose.
   THREE THINGS HERE ARE LOAD-BEARING.
   (1) `p.ioc-form-ref` and not `.ioc-form-ref`: the generated correction
   layer emits `body.ioc-site .ioc-form-success p{color:...}` at (0,2,2), so
   a (0,2,1) rule loses on the element count before source order is ever
   consulted. `color` is deliberately NOT set here for the same reason -- it
   could not beat the dark-band rule at (0,4,2), and the inherited secondary
   grey is already correct.
   (2) `align-self:stretch`: the success panel is `align-items:flex-start`,
   so without it the divider spans only the text width, not the panel.
   (3) The adjacent-sibling rule: the runtime injects the class TWICE, so a
   plain `border-top` would paint a double divider between two meta lines.
   This lives in forms.css rather than the infoc.com skin on purpose -- it is
   in all three site concats, so infoc.ai and infoc.one get it too, and the
   win is by specificity rather than sheet order, which makes the placement
   safe either way. */
.ioc-form-success p.ioc-form-ref {
  align-self: stretch;
  border-top: 1px solid var(--ioc-border-subtle, #e0e0e0);
  padding-top: var(--ioc-s4, 12px);
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 12px;
  letter-spacing: 0.02em;
}

.ioc-form-success p.ioc-form-ref + p.ioc-form-ref {
  border-top: 0;
  padding-top: 0;
}

/* The form summary is a section heading under the page title. */
.ioc-form-errors h2{margin:0 0 8px;font-size:15px;letter-spacing:-.01em}

/* ============================================================
   INFOC ONE CMS — slider sheet (CMS-D-100 ④). OWNED, not vendored.

   `infoc-cms.css` is a SHA-pinned artifact referenced in eleven places and is
   NOT touched by this programme. This is a separate owned sheet, exactly as
   `infoc-forms.css` is, copied to apps/one/public by
   copy-render-kit-runtime.mjs (prebuild + predev) and linked from the frontend
   layout.

   LITERAL-HEX CEILING IS ZERO. Every colour is `var(--role, #fallback)` — the
   var()-fallback pattern is the end state (CMS-D-078), and it is what makes the
   appearance ratchet monotonic. The mock's ~200 literal hexes and its invented
   family accents (#a04a00, #00635f, #0f62fe) are VOID; the palette that exists
   is --ioc-fam-* in infoc-cms.css:123-129.

   ALIASES DECLARE ON body.ioc-site, NEVER :root. An alias (a value containing
   var()) declared at :root substitutes on <html> and freezes at its code
   default, blind to the emitter's body.ioc-site overrides — CMS-D-095, live
   instance --ioc-shadow-focus.

   MOTION IS DECLARATIVE. Every duration and easing comes from the custom
   properties `renderSliderMarkup` inlined on the mount, resolved server-side by
   `resolveMotion`. The runtime only toggles data-state; it never sets a
   duration, so JS and CSS cannot disagree about timing.
   ============================================================ */

/* Slider roles. Aliases (they contain var()), so they belong on body.ioc-site.
   Each names the base role it draws from, and carries the literal fallback that
   role resolves to today. */
body.ioc-site {
  --ioc-sl-accent: var(--ioc-accent, #0001ff);
  --ioc-sl-accent-hover: var(--ioc-accent-hover, #0000c4);
  --ioc-sl-surface: var(--ioc-surface, #ffffff);
  --ioc-sl-surface-cool: var(--ioc-surface-cool, #f2f4f8);
  --ioc-sl-text: var(--ioc-text-primary, #161616);
  --ioc-sl-text-2: var(--ioc-text-secondary, #525252);
  --ioc-sl-border: var(--ioc-border-subtle, #e0e0e0);
  --ioc-sl-on-color: var(--ioc-text-on-color, #ffffff);
  --ioc-sl-on-inverse-muted: var(--ioc-text-on-inverse-muted, #c6c6c6);
  --ioc-sl-surface-dark: var(--ioc-surface-inverse-raised, #1c1c1c);
  --ioc-sl-border-on-color: var(--ioc-border-on-color, #ffffff);
}

/* Family accents. The document's `family` picks one; where a page already
   declares [data-page-family] the slider inherits that instead. */
.ioc-sl[data-family='academy'] {
  --ioc-sl-accent: var(--ioc-fam-academy, #6929c4);
  --ioc-sl-accent-hover: var(--ioc-fam-academy-hover, #55209c);
}
.ioc-sl[data-family='talents'] {
  --ioc-sl-accent: var(--ioc-fam-talents, #1a7a52);
  --ioc-sl-accent-hover: var(--ioc-fam-talents-hover, #145f40);
}
.ioc-sl[data-family='industries'] {
  --ioc-sl-accent: var(--ioc-fam-industries, #007d79);
  --ioc-sl-accent-hover: var(--ioc-fam-industries-ink, #005d5d);
}

/* ── mount + stage ───────────────────────────────────────────────────────── */

.ioc-sl {
  position: relative;
  overflow: hidden;
  background: var(--ioc-sl-surface, #ffffff);
  /* Horizontal swipe is ours; a vertical drag must still scroll the page. */
  touch-action: pan-y;

  /* TIMELINE DEFAULTS — the same values as TL_DEFAULTS in layouts.ts.
     `renderSliderMarkup` inlines the document's resolved values on this
     element, and an inline style beats a class selector, so these are the
     floor rather than the norm.

     Declaring them here is not redundancy. It buys three things:
       1. The appearance gate can see them. A var() consumed but declared
          nowhere is invalid at computed-value time (T16 ②c), and the gate is
          right to refuse it — the inline style is not something it can read.
       2. The runtime reads --hold and --depth through getComputedStyle. With
          no declaration and no inline style it would get an empty string and
          fall back to a magic number in JS instead of the shared source.
       3. If a strict nonce-based CSP ever blocks the inline style attribute
          (deployment plan §J1), the slider degrades to correct default motion
          rather than to no motion at all. */
  --enter: 620ms;
  --exit: 420ms;
  --kd: 1;
  --line-dur: 780ms;
  --line-lead: 180ms;
  --lift-dur: 640ms;
  --lift-lead: 260ms;
  --unveil-dur: 900ms;
  --unveil-lead: 200ms;
  --data-lead: 420ms;
  --hold: 6200ms;
  --depth: 12px;
  --ease-in: cubic-bezier(0.22, 1, 0.36, 1);
  /* Per-item stagger index; the markup sets a real one on each staggered
     child, so this is only the floor for an item that carries none. */
  --i: 0;
}

.ioc-sl-stage {
  position: relative;
  display: grid;
  /* Every slide occupies the same cell, so the stage height is the tallest
     slide and nothing reflows when the active one changes. */
  grid-template-areas: 'slide';
  min-height: 34rem;
}

.ioc-sl-slide {
  grid-area: slide;
  position: relative;
  display: grid;
  gap: 3rem;
  align-items: center;
  padding: 4.75rem 4rem 6rem;
  color: var(--ioc-sl-text, #161616);
  background: var(--ioc-sl-surface, #ffffff);
}

.ioc-sl-slide[hidden] {
  display: none;
}

.ioc-sl-slide--dark {
  color: var(--ioc-sl-on-color, #ffffff);
  background: var(--ioc-sl-surface-dark, #1c1c1c);
}

.ioc-sl-slide--dark .ioc-sl-sub,
.ioc-sl-slide--dark .ioc-sl-stat-l {
  color: var(--ioc-sl-on-inverse-muted, #c6c6c6);
}

/* ── typography ──────────────────────────────────────────────────────────── */

.ioc-sl-kicker {
  margin: 0 0 1.125rem;
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ioc-sl-accent, #0001ff);
}

.ioc-sl-headline {
  margin: 0 0 1rem;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.03em;
}

.ioc-sl-sub {
  margin: 0 0 1.5rem;
  max-width: 46ch;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--ioc-sl-text-2, #525252);
}

.ioc-sl-quote {
  margin: 0 0 1.25rem;
  padding-left: 1.25rem;
  border-left: 3px solid var(--ioc-sl-accent, #0001ff);
  font-size: 1.1875rem;
  line-height: 1.5;
  font-weight: 500;
  max-width: 40rem;
}

/* ── CTAs ────────────────────────────────────────────────────────────────── */

.ioc-sl-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0 0 1.5rem;
}

.ioc-sl-cta {
  display: inline-flex;
  align-items: center;
  height: 3rem;
  padding: 0 1.375rem;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  /* Radius 0 everywhere (CMS-D-066). */
  border-radius: 0;
  transition: background 0.16s ease-out, color 0.16s ease-out;
}

.ioc-sl-cta--primary {
  background: var(--ioc-sl-accent, #0001ff);
  color: var(--ioc-sl-on-color, #ffffff);
}
.ioc-sl-cta--primary:hover {
  background: var(--ioc-sl-accent-hover, #0000c4);
}

.ioc-sl-cta--secondary {
  border: 1px solid currentColor;
  color: inherit;
}

.ioc-sl-cta:focus-visible,
.ioc-sl-dot:focus-visible {
  outline: 2px solid var(--ioc-sl-accent, #0001ff);
  outline-offset: 2px;
}

.ioc-sl-slide--dark .ioc-sl-cta:focus-visible,
.ioc-sl-slide--dark .ioc-sl-dot:focus-visible {
  outline-color: var(--ioc-sl-border-on-color, #ffffff);
}

/* ── stats ───────────────────────────────────────────────────────────────── */

.ioc-sl-stats {
  display: flex;
  gap: 2rem;
}

.ioc-sl-stat {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ioc-sl-stat-v {
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ioc-sl-accent, #0001ff);
}

.ioc-sl-stat-l {
  font-size: 0.8125rem;
  color: var(--ioc-sl-text-2, #525252);
}

/* ── layout: 01-split ────────────────────────────────────────────────────── */

.ioc-sl-slide[data-layout='01-split'] {
  grid-template-columns: 1fr 1.02fr;
}

.ioc-sl-figure {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid var(--ioc-sl-border, #e0e0e0);
}

.ioc-sl-figure img,
.ioc-sl-bleed img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── layout: 03-media ────────────────────────────────────────────────────── */

.ioc-sl-slide[data-layout='03-media'] {
  padding: 0;
  grid-template-columns: 1fr;
}

.ioc-sl-bleed {
  position: absolute;
  inset: 0;
}

.ioc-sl-scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* A left-weighted scrim so overlay text keeps AA contrast over any image. */
  background: linear-gradient(
    90deg,
    var(--ioc-sl-surface-dark, #1c1c1c) 0%,
    transparent 68%
  );
  opacity: 0.86;
}

.ioc-sl-overlay {
  position: relative;
  max-width: 44rem;
  padding: 4.75rem 4rem 6rem;
}

/* ── nav dots ────────────────────────────────────────────────────────────── */

.ioc-sl-nav {
  display: flex;
  gap: 0.25rem;
  padding: 0.75rem 4rem 1.25rem;
  background: var(--ioc-sl-surface-cool, #f2f4f8);
  overflow-x: auto;
}

.ioc-sl-dot {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.75rem;
  padding: 0 0.625rem;
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.6875rem;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  color: var(--ioc-sl-text-2, #525252);
  background: transparent;
  border: 1px solid transparent;
  transition: background 0.16s ease-out, color 0.16s ease-out;
}

.ioc-sl-dot:hover {
  border-color: var(--ioc-sl-border, #e0e0e0);
}

.ioc-sl-dot[aria-current='true'] {
  background: var(--ioc-sl-accent, #0001ff);
  color: var(--ioc-sl-on-color, #ffffff);
}

.ioc-sl-dot-name {
  /* Inherits the site body family — a slider never re-declares one. */
  font-size: 0.75rem;
}

/* ── entrance choreography ───────────────────────────────────────────────
   Durations and easing come from the custom properties resolveMotion inlined
   on the mount. `--kd` is the unitless stagger multiplier; `--i` is the item
   index the markup sets on each staggered child. */

.ioc-sl-slide[data-state='active'] [data-anim] {
  animation-duration: var(--lift-dur, 640ms);
  animation-timing-function: var(--ease-in, cubic-bezier(0.22, 1, 0.36, 1));
  animation-fill-mode: both;
}

.ioc-sl-slide[data-state='active'] [data-anim='lift'] {
  animation-name: iocSlLift;
  animation-delay: calc(var(--lift-lead, 260ms) * var(--kd, 1));
}

.ioc-sl-slide[data-state='active'] [data-anim='line'] {
  animation-name: iocSlLine;
  animation-duration: var(--line-dur, 780ms);
  animation-delay: calc(var(--line-lead, 180ms) * var(--kd, 1));
}

.ioc-sl-slide[data-state='active'] [data-anim='unveil'] {
  animation-name: iocSlUnveil;
  animation-duration: var(--unveil-dur, 900ms);
  animation-delay: calc(var(--unveil-lead, 200ms) * var(--kd, 1));
}

.ioc-sl-slide[data-state='active'] [data-anim='pop'] {
  animation-name: iocSlPop;
  animation-delay: calc((var(--data-lead, 420ms) + (var(--i, 0) * 60ms)) * var(--kd, 1));
}

@keyframes iocSlLift {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes iocSlLine {
  from {
    opacity: 0;
    transform: translateY(26px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes iocSlUnveil {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

@keyframes iocSlPop {
  from {
    opacity: 0;
    transform: scale(0.94);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ── slide transitions ───────────────────────────────────────────────────
   One rule per fx the register can emit (`FX` in layouts.ts). The entering
   slide animates over --enter; the leaving one over --exit. */

.ioc-sl-slide[data-state='active'] {
  animation-duration: var(--enter, 620ms);
  animation-timing-function: var(--ease-in, cubic-bezier(0.22, 1, 0.36, 1));
  animation-fill-mode: both;
}

.ioc-sl-slide[data-state='leaving'] {
  animation-duration: var(--exit, 420ms);
  animation-timing-function: var(--ease-in, cubic-bezier(0.22, 1, 0.36, 1));
  animation-fill-mode: both;
  /* The leaving slide must not swallow clicks meant for the entering one. */
  pointer-events: none;
}

.ioc-sl-slide[data-fx='shutter'][data-state='active'] {
  animation-name: iocSlShutterIn;
}
.ioc-sl-slide[data-fx='shutter'][data-state='leaving'] {
  animation-name: iocSlShutterOut;
}

.ioc-sl-slide[data-fx='rise'][data-state='active'] {
  animation-name: iocSlRiseIn;
}
.ioc-sl-slide[data-fx='rise'][data-state='leaving'] {
  animation-name: iocSlFadeOut;
}

.ioc-sl-slide[data-fx='split'][data-state='active'] {
  animation-name: iocSlSplitIn;
}
.ioc-sl-slide[data-fx='split'][data-state='leaving'] {
  animation-name: iocSlFadeOut;
}

.ioc-sl-slide[data-fx='fade'][data-state='active'] {
  animation-name: iocSlFadeIn;
}
.ioc-sl-slide[data-fx='fade'][data-state='leaving'] {
  animation-name: iocSlFadeOut;
}

.ioc-sl-slide[data-fx='zoom'][data-state='active'] {
  animation-name: iocSlZoomIn;
}
.ioc-sl-slide[data-fx='zoom'][data-state='leaving'] {
  animation-name: iocSlZoomOut;
}

@keyframes iocSlShutterIn {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes iocSlShutterOut {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes iocSlRiseIn {
  from {
    opacity: 0;
    transform: translateY(4%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes iocSlSplitIn {
  from {
    clip-path: inset(50% 0 50% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes iocSlFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes iocSlFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes iocSlZoomIn {
  from {
    opacity: 0;
    transform: scale(1.06);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes iocSlZoomOut {
  from {
    opacity: 1;
    transform: scale(0.98);
  }
  to {
    opacity: 0;
    transform: scale(0.98);
  }
}

/* ── responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 60rem) {
  .ioc-sl-slide {
    padding: 3rem 1.5rem 4rem;
  }
  .ioc-sl-slide[data-layout='01-split'] {
    grid-template-columns: 1fr;
  }
  .ioc-sl-overlay {
    padding: 3rem 1.5rem 4rem;
  }
  .ioc-sl-nav {
    padding: 0.75rem 1.5rem 1rem;
  }
  .ioc-sl-stage {
    min-height: 28rem;
  }
}

@media (max-width: 30rem) {
  .ioc-sl-stats {
    flex-wrap: wrap;
    gap: 1.25rem;
  }
  .ioc-sl-dot-name {
    display: none;
  }
}

/* ── reduced motion ──────────────────────────────────────────────────────
   Not a softening — a kill. Every entrance, transition and ambient drift is
   removed, and the runtime independently disables autoplay and parallax. The
   preference is honoured in three layers because it is easy to claim and hard
   to notice broken. */

@media (prefers-reduced-motion: reduce) {
  .ioc-sl *,
  .ioc-sl-slide,
  .ioc-sl-slide [data-anim] {
    animation: none !important;
    transition: none !important;
  }
  .ioc-sl [data-ambient='drift'] {
    transform: none !important;
  }
}

/* ── layouts 02, 04-15 ───────────────────────────────────────────────────
   One block per layout, in register order. Every colour is a var() with its
   token's literal as the fallback; the ceiling is 0 and the gate enforces it. */

/* 02-statement — centred, four-up stats */
.ioc-sl-slide[data-layout='02-statement'] {
  justify-items: center;
  text-align: center;
}
.ioc-sl-centre {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 60rem;
}
.ioc-sl-stats--quad {
  gap: 3rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* 04-showcase — media + composed preview */
.ioc-sl-slide[data-layout='04-showcase'] {
  grid-template-columns: 0.9fr 1.1fr;
}
.ioc-sl-figure--wide {
  aspect-ratio: 16 / 10;
}

/* 05-convert — copy + governed form mount */
.ioc-sl-slide[data-layout='05-convert'] {
  grid-template-columns: 1fr 0.92fr;
}
.ioc-sl-bullets {
  margin: 0 0 1.5rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.75rem;
}
.ioc-sl-bullet {
  padding-left: 1.25rem;
  border-left: 2px solid var(--ioc-sl-accent, #0001ff);
  font-size: 0.9375rem;
}
.ioc-sl-col--form {
  padding: 1.5rem;
  background: var(--ioc-sl-surface, #ffffff);
  border: 1px solid var(--ioc-sl-border, #e0e0e0);
  border-top: 3px solid var(--ioc-sl-accent, #0001ff);
}

/* 06-features — capability grid */
.ioc-sl-slide[data-layout='06-features'] {
  grid-template-columns: 0.86fr 1.14fr;
}
.ioc-sl-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 1px;
  background: var(--ioc-sl-border, #e0e0e0);
  border: 1px solid var(--ioc-sl-border, #e0e0e0);
}
.ioc-sl-card {
  padding: 1.125rem;
  background: var(--ioc-sl-surface, #ffffff);
}
.ioc-sl-card-n {
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.6875rem;
  color: var(--ioc-sl-accent, #0001ff);
}
.ioc-sl-card-t {
  margin: 0.5rem 0 0.25rem;
  font-size: 1.0625rem;
  font-weight: 600;
}
.ioc-sl-card-b {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--ioc-sl-text-2, #525252);
}

/* 07-results — KPI evidence */
.ioc-sl-slide[data-layout='07-results'] {
  grid-template-columns: 0.82fr 1.18fr;
}
.ioc-sl-stats--kpi {
  flex-wrap: wrap;
  gap: 2rem 3rem;
  margin-bottom: 1.5rem;
}

/* Composed decoration — deterministic bars, never authored data. */
.ioc-sl-chart {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 7.5rem;
}
.ioc-sl-bar {
  flex: 1;
  /* The markup sets a real per-bar height inline; this is the floor for a bar
     that carries none, and it is what lets the gate see the property declared
     (T16 ②c) rather than consumed out of nowhere. */
  --h: 50%;
  height: var(--h, 50%);
  background: var(--ioc-sl-accent, #0001ff);
  opacity: 0.7;
}
.ioc-sl-slide--dark .ioc-sl-bar {
  background: var(--ioc-sl-on-color, #ffffff);
  opacity: 0.5;
}

/* 08-story — case study */
.ioc-sl-slide[data-layout='08-story'] {
  grid-template-columns: 0.8fr 1.2fr;
}
.ioc-sl-attrib {
  margin: 0 0 1.5rem;
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: var(--ioc-sl-text-2, #525252);
}

/* 09-journey — process timeline */
.ioc-sl-slide[data-layout='09-journey'] {
  grid-template-columns: 1fr;
  align-content: center;
}
.ioc-sl-head {
  max-width: 46rem;
}
.ioc-sl-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 1.5rem;
  margin: 0 0 2rem;
  padding: 1.5rem 0 0;
  list-style: none;
  border-top: 2px solid var(--ioc-sl-accent, #0001ff);
}
.ioc-sl-step {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.ioc-sl-step-n {
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.6875rem;
  color: var(--ioc-sl-accent, #0001ff);
}
.ioc-sl-step-t {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* 10-collection + 15-careers — adapter-resolved query mounts. Empty until the
   host adapter fills them: an empty region is honest, invented rows are not. */
.ioc-sl-slide[data-layout='10-collection'],
.ioc-sl-slide[data-layout='15-careers'] {
  grid-template-columns: 0.9fr 1.1fr;
}
.ioc-sl-collection,
.ioc-sl-roles {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  min-height: 12rem;
  background: var(--ioc-sl-border, #e0e0e0);
}

/* 11-compare — before / after */
.ioc-sl-slide[data-layout='11-compare'] {
  grid-template-columns: 1fr;
  align-content: center;
}
.ioc-sl-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.ioc-sl-panel {
  margin: 0;
  border: 1px solid var(--ioc-sl-border, #e0e0e0);
}
.ioc-sl-panel img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.ioc-sl-panel-l {
  padding: 0.625rem 0.875rem;
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ioc-sl-panel--after .ioc-sl-panel-l {
  background: var(--ioc-sl-accent, #0001ff);
  color: var(--ioc-sl-on-color, #ffffff);
}
.ioc-sl-stats--delta {
  gap: 2.5rem;
}

/* 12-video */
.ioc-sl-slide[data-layout='12-video'] {
  padding: 0;
  grid-template-columns: 1fr;
  align-items: end;
}
.ioc-sl-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ioc-sl-duration {
  margin: 0 0 1rem;
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 0.75rem;
  letter-spacing: 0.1em;
}

/* 13-proof-wall */
.ioc-sl-slide[data-layout='13-proof-wall'] {
  justify-items: center;
  text-align: center;
}
.ioc-sl-logos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
  gap: 2rem;
  align-items: center;
  margin: 0 0 2rem;
  width: 100%;
  max-width: 56rem;
}
.ioc-sl-logo img {
  max-width: 100%;
  height: 1.75rem;
  object-fit: contain;
  /* Mono-tone by contract (the register says mono-tone SVG wordmarks); the
     filter guarantees it even if an editor uploads a colour mark. */
  filter: grayscale(1);
  opacity: 0.75;
}

/* 14-announce */
.ioc-sl-slide[data-layout='14-announce'] {
  grid-template-columns: 1.15fr 0.85fr;
}
.ioc-sl-venue {
  margin: 0 0 1.5rem;
  font-size: 0.9375rem;
  color: var(--ioc-sl-on-inverse-muted, #c6c6c6);
}
.ioc-sl-when {
  display: block;
  font-family: var(--ioc-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ioc-sl-accent, #0001ff);
}

/* 15-careers mosaic */
.ioc-sl-mosaic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ioc-sl-tile img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}

/* ── inert-preview note (LOCKED CMS-D-106) ───────────────────────────────────
   The runtime mints this when a preview form is submitted; the copy is the
   decision's exact sentence, so it must read as a deliberate answer, not an
   unstyled default paragraph. */
.ioc-form-inert {
  margin: 0.75rem 0 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--ioc-sl-border, #e0e0e0);
  border-left: 3px solid var(--ioc-sl-accent);
  color: var(--ioc-sl-text-2);
  font-size: 0.8125rem;
  line-height: 1.4;
}

/* ── responsive, layouts 02-15 ───────────────────────────────────────────── */

@media (max-width: 60rem) {
  .ioc-sl-slide[data-layout='02-statement'],
  .ioc-sl-slide[data-layout='04-showcase'],
  .ioc-sl-slide[data-layout='05-convert'],
  .ioc-sl-slide[data-layout='06-features'],
  .ioc-sl-slide[data-layout='07-results'],
  .ioc-sl-slide[data-layout='08-story'],
  .ioc-sl-slide[data-layout='10-collection'],
  .ioc-sl-slide[data-layout='14-announce'],
  .ioc-sl-slide[data-layout='15-careers'] {
    grid-template-columns: 1fr;
  }
  .ioc-sl-compare {
    grid-template-columns: 1fr;
  }
  .ioc-sl-stats--quad {
    gap: 1.5rem;
  }
}

/* CMS-D-223 — the AUTHORED skin for www.infoc.in (INFOC India).
 *
 * WHAT THIS FILE IS. The fourth Site's complete visual layer, DERIVED from
 * www.infoc.com's 00-wiringsite pack, whose CSS is committed beside it at
 * `sites/infoc.in/design/00-pack/site.css`. It is served STANDALONE: the
 * concat is kit + forms + slider + this file, with NO overrides.css and NO
 * v6.css. www.infoc.com carries those two because thirteen of ITS routes still
 * render V6 blocks; every route here renders pack variants, so they would be
 * dead weight.
 *
 * TWO REGIONS, and the difference matters:
 *
 *   THIS HEAD is authored and owned. It carries the transport the pack could
 *   not ship (self-hosted Figtree, an owned icon sprite) and the corrections
 *   this Site needs.
 *
 *   THE PACK LAYER below the marker is SPLICED by
 *   sites/infoc.in/scripts/build-pack-layer.mjs from this Site's own copy of
 *   the pack CSS. Do not hand-edit it; the next build overwrites it. Change
 *   the pack copy, or change the splice rules in the builder.
 *
 * WHY THE LAYER IS REGENERATED RATHER THAN COPIED. The builder narrows every
 * pack rule that could reach kit markup to `:where([data-variant-id="…"], …)`,
 * and those ids are the ids of the SITE THE BUILDER RUNS IN. Copying
 * www.infoc.com's spliced layer verbatim would scope every rule to its
 * `B-01-V25 … B-17-V32`, leaving this Site's `B-xx-V45 … V49` bands completely
 * unstyled while every gate stayed green — a class-coverage check cannot see
 * it, because every class would be present and none of the rules would match.
 *
 * THE PACK'S OWN LOAD-BEARING MOTION RULE, preserved verbatim from its
 * CMS-INTEGRATION.md because all three failure modes shipped as bugs on the
 * sibling site once: a frame-driven transition must never be the thing that
 * makes content visible, legible or correctly coloured. No rule may transition
 * background, color, opacity or visibility. Only transform is transitioned.
 */

/* -- Figtree ------------------------------------------------------------
 * The pack loads Figtree from fonts.googleapis.com. S4 refuses a font CDN, so
 * it is self-hosted. These are the SAME two committed woff2 files www.infoc.com
 * and www.infoc.one already serve — a variable face carrying wght 300-900,
 * which covers every weight the pack asks for in one download. Deliberately
 * NOT a third copy: same bytes, same URL, one cache entry across all three
 * sites. */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/infoc-one-cms/fonts/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/infoc-one-cms/fonts/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* -- Icons --------------------------------------------------------------
 * The pack draws icons as Phosphor webfont glyphs from a CDN stylesheet. This
 * Site reuses the OWNED symbol sprite instead (CMS-D-223 ⑧) — a font was
 * refused for S4 and for a second reason: glyph elements with no accessible
 * name are announced by screen readers as private-use characters.
 *
 * The metrics reproduce what the font gave: Phosphor sets line-height 1 and
 * the glyph box scales with font-size, so 1em square keeps every `--ic-*` size
 * rule meaningful. currentColor keeps the pack's colour rules working. The
 * -0.125em baseline shift is what puts an inline SVG where a glyph sat.
 *
 * SCOPED, and that is load-bearing. An unscoped `.ph` sits at (0,1,0) and
 * LOSES to the kit's own `.btn svg{width:18px;height:18px}` at (0,1,1), which
 * sizes any svg inside any button — measured on the sibling site: the hero CTA
 * icon rendered at 18px against the pack's 15px, growing the button from 47px
 * to 56px and pushing every band below it down the page. Scoping to
 * `body.ioc-site` puts this at (0,2,0), above every element+class rule the kit
 * has.
 *
 * `1lh` restores the glyph BOX exactly: a font glyph occupies its line box,
 * not its em, so an SVG at height:1em came out short and cost real vertical
 * rhythm on the sibling. The 1em fallback precedes it for engines without the
 * lh unit. */
body.ioc-site .ph,
body.ioc-site .ioc-form .btn > svg {
  width: 1em;
  height: 1em;
  height: 1lh;
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentColor;
  flex: none;
  align-self: center;
  line-height: 1;
}

/* -- Band context -------------------------------------------------------
 * The pack sets its typography ONCE, on body, and every band inherits it. That
 * works when the pack's sheet is the only one on the page, and here it nearly
 * is — but the kit still ships in this concat, and the shared forms and search
 * emitters stamp `.ioc-*` classes on every Site. So the pack's body context is
 * re-established at every band root — every `[data-block]` element and the four
 * chrome roots — and inheritance resumes from there. Values are the pack's own
 * body declaration, restated verbatim. Nothing the pack sets explicitly is
 * affected: the pack layer follows this head and wins every tie. */
body.ioc-site [data-block],
body.ioc-site .ub,
body.ioc-site .mh,
body.ioc-site .mm,
body.ioc-site .qd,
body.ioc-site .ft {
  font: 400 16px/1.62 var(--disp);
  color: var(--t1);
}

/* -- Buttons inherit the UA default the pack relied on ----------------------
 * The pack never resets `button`, so its rows and tiles run at the UA default
 * for buttons: 13.3333px, line-height normal. The app's global reset says
 * `button{font:inherit}`, which lifts them to the body's 16px/1.62 and moves
 * every such row by ~3px. `:where()` keeps this at the reset's own weight, so
 * any pack class on a button still outranks it exactly as it outranks the UA
 * sheet. */
body.ioc-site :where(button) {
  font-size: 13.3333px;
  line-height: normal;
}

/* -- The credential strip sits on the site's spine ---------------------------
 * The pack runs this strip full-bleed while every other band sits in `.wrap`
 * at max-width 1240px. On a wide screen that misalignment reads as a mistake:
 * the strip's first label starts hundreds of pixels left of the hero above it.
 * The BAND keeps its full-bleed ground (`.cs` carries the background) and only
 * the GRID is constrained (`.cs__g`), so the content lands on the same spine
 * as every other band while the ink still runs edge to edge. Values are the
 * pack's own `.wrap` values, not new numbers. */
body.ioc-site .cs__g {
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: var(--pad);
}

/* -- 2.5.8 Target Size (Minimum) on the shared kit link families -------------
 * The pack arms its own link families at 24px. The kit's are not armed, and
 * here they inherit the pack's 16px/1.62 rhythm, which lands them just under
 * the minimum. Each is a standalone control, not a link inside a sentence, so
 * the 2.5.8 inline exception does not apply. */
body.ioc-site .ioc-card-link,
body.ioc-site .ioc-sh-link,
body.ioc-site .ioc-head-link,
body.ioc-site .ioc-home {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
}

/* -- 1.4.1 Use of Colour, for a link inside running text ---------------------
 * Everywhere else on this Site a link is its own control and shape says so. In
 * a sentence only colour does, and neither the pack nor the kit states an
 * underline. Underlined ALWAYS, not on hover: hover is unavailable to keyboard
 * and touch readers, and 1.4.1 asks for the cue to be present rather than
 * discoverable. */
body.ioc-site .ioc-privacy a,
body.ioc-site .prose a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* BEGIN PACK LAYER */
/* Generated from design/00-wiringsite/www.infoc.in/site.css by
   sites/infoc.in/scripts/build-pack-layer.mjs --scope  (every selector lifted under body.ioc-site)
   Do not hand-edit: the next build overwrites this region. */
/* INFOC · Business applications · Data & AI consulting, talents and training
   ─────────────────────────────────────────────────────────────────────────
   A deliberately separate identity from INFOC ONE. ONE is a product company:
   its language is a 52px lattice of identical cells, cool halo blue, and
   solid app tiles — the architecture of a suite. The PALETTE stays the brand's
   (Halo and Beacon); what separates the two sites is structure, not colour.
   This is a consultancy, so the language is a working paper: Figtree
   throughout with no mono, no background texture at all, and content set as a
   ruled REGISTER of numbered records rather than a field of hover cards. The
   structure carries the page; nothing is decorated. */
:root{
  /* brand anchors · Halo Solid #0F43D6 and Beacon Dark #1A1726. The palette is
     the brand's; only the STRUCTURE separates this site from the product one. */
  --beacon:#1A1726;--beacon-2:#141120;--beacon-3:#2A2438;--beacon-4:#4A4266;
  --halo:#0F43D6;--halo-600:#0B34AB;
  /* #0F43D6 is 7.52:1 on white and carries white at 7.52:1, so the brand
     anchor needs no darkening anywhere; --halo-600 is the hover state only.
     #5478E8 is 4.62:1 on --beacon-2, which is why every dark ground in this
     sheet is --beacon-2: on --beacon it would be 4.38 and fail. */
  --halo-4:#5478E8;--halo-50:#EEF2FE;
  --paper:#fff;--wash:#F5F5F7;--wash2:#EBEBEF;
  --rule:#E5E5E9;--rule-2:#C9C9D0;
  --t1:#121317;--t2:#121317;--t3:#121317;--t4:#7A828F;
  --dk-t:#fff;--dk-t2:#fff;
  /* .86 is the step for text on a HALO fill, where .76 would drop under AA */
  --dk-t3:#fff;
  /* two rules on dark ground, not five: a hairline and an edge */
  --b-line:rgba(255,255,255,.14);--b-line2:rgba(255,255,255,.24);
  --ok:#0F6B33;
  /* the accent is Halo by default; two sub-brands override it on their own
     pages only, which is why accent-bearing rules read --acc, not --halo */
  --acc:#0F43D6;--acc-600:#0B34AB;--acc-dk:#5478E8;--acc-wash:#EEF2FE;
  --disp:"Figtree",system-ui,sans-serif;
  --pad:clamp(20px,4vw,64px);
  --sec-y:clamp(72px,9vw,132px);--sec-y-tight:clamp(44px,5vw,72px);
  --sec-y-hero:clamp(40px,5vw,64px);--sec-y-hero-t:clamp(34px,4vw,54px);
  --r:3px;
  /* icon scale · four steps. Sizes ran 11,12,13,14,15,16,17,18,19,21 with no
     system, so the same role rendered at a different size in each section. */
  --ic-1:13px;--ic-2:15px;--ic-3:18px;--ic-4:22px;
}body.ioc-site[data-section="academy"]{--acc:#5B21B6;--acc-600:#4C1D95;--acc-dk:#A78BFA;--acc-wash:#F3EEFE}body.ioc-site[data-section="talents"]{--acc:#12674A;--acc-600:#0E523B;--acc-dk:#5FBF9B;--acc-wash:#E9F5F0}body.ioc-site,body.ioc-site *{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body.ioc-site{margin:0;background:var(--paper);color:var(--t1);font:400 16px/1.62 var(--disp);text-wrap:pretty;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}body.ioc-site h1:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h1,body.ioc-site h2:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h2,body.ioc-site h3:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h3,body.ioc-site h4:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h4{font-family:var(--disp);font-weight:700;letter-spacing:-.028em;line-height:1.06;margin:0;color:var(--beacon)}/* h5 is only ever an eyebrow here, and the theme rewrite dropped the global
   rule — two of them fell back to UA defaults because the replacement rules
   keyed on .k, which the markup did not carry. Reset it so a missing class
   can never again leave a heading unstyled. */
body.ioc-site h5:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h5{margin:0;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--halo)}body.ioc-site h1:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h1{font-size:clamp(38px,5.2vw,64px)}body.ioc-site h2:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h2{font-size:clamp(27px,3.4vw,42px)}body.ioc-site h3:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h3{font-size:clamp(19px,1.9vw,25px);letter-spacing:-.022em}body.ioc-site h4:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h4{font-size:17px;letter-spacing:-.014em;line-height:1.28}body.ioc-site p:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) p{margin:0}body.ioc-site a:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) a{color:var(--halo);text-decoration:none}body.ioc-site a:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer):hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) a:hover{color:var(--halo-600)}body.ioc-site img:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) img,body.ioc-site svg:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) svg{display:block;max-width:100%}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).wrap,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}body.ioc-site section:where([data-block]){padding:var(--sec-y) 0}body.ioc-site section:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tight,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) section.tight{padding:var(--sec-y-tight) 0}body.ioc-site .wash{background:var(--wash);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}body.ioc-site .dk{background:var(--beacon-2);color:var(--dk-t)}body.ioc-site .dk h1,body.ioc-site .dk h2,body.ioc-site .dk h3,body.ioc-site .dk h4{color:#fff}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).lede,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .lede{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6;color:var(--t3)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).dk .lede,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .dk .lede{color:var(--dk-t2)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).body,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .body{font-size:14.5px;line-height:1.6;color:var(--t3)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).dk .body,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .dk .body{color:var(--dk-t2)}body.ioc-site .small{font-size:12.5px;line-height:1.55;color:var(--t3)}body.ioc-site .dk .small{color:var(--dk-t2)}/* the eyebrow · tracked Figtree, no mono anywhere on this site */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .k{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--halo);display:block}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).dk .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .dk .k{color:var(--halo-4)}body.ioc-site .k--q{color:var(--t3)}/* buttons · beacon or halo, flat fills, never a gradient */
/* no transition on a fill or a text colour anywhere in this sheet: a
   transition needs frames, and where frames do not run the element never
   arrives at the state it was told to take. Only transform and opacity —
   neither of which any state depends on for legibility — are animated. */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn{display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border-radius:var(--r);border:1px solid var(--rule-2);
  background:transparent;color:var(--beacon);font:600 14px/1 var(--disp);cursor:pointer;white-space:nowrap}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn:hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn:hover{background:var(--wash2);border-color:var(--rule-2);color:var(--beacon)}body.ioc-site .btn--beacon{background:var(--beacon);border-color:var(--beacon);color:#fff}body.ioc-site .btn--beacon:hover{background:var(--beacon-2);border-color:var(--beacon-2);color:#fff}body.ioc-site .btn--halo,body.ioc-site .btn--acc{background:var(--acc);border-color:var(--acc);color:#fff}body.ioc-site .btn--halo:hover,body.ioc-site .btn--acc:hover{background:var(--acc-600);border-color:var(--acc-600);color:#fff}body.ioc-site .btn--paper{background:var(--paper);border-color:var(--paper);color:var(--beacon)}body.ioc-site .btn--paper:hover{background:#fff;border-color:#fff;color:var(--beacon)}body.ioc-site .btn--dk{background:transparent;border-color:var(--b-line2);color:#fff}body.ioc-site .btn--dk:hover{background:rgba(255,255,255,.09);color:#fff}body.ioc-site .btn--lg{padding:15px 24px;font-size:15px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn i{}body.ioc-site .lnk{font:600 13.5px/1 var(--disp);display:inline-flex;align-items:center;gap:7px;color:var(--halo);white-space:nowrap}body.ioc-site .lnk i{transition:transform .18s ease}body.ioc-site .lnk:hover{color:var(--halo-600)}body.ioc-site .lnk:hover i{transform:translateX(3px)}body.ioc-site .dk .lnk{color:var(--halo-4)}/* section head */
body.ioc-site .sec-h{margin-bottom:clamp(28px,3.2vw,42px)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).sec-h .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .sec-h .k{margin-bottom:18px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).sec-h .lede,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .sec-h .lede{margin-top:18px;max-width:52ch}@media (min-width:900px){/* start-aligned, never end-aligned: bottom-aligning the heading to the lede
     pushed a one-line h2 down by the lede's full height — 89px away from the
     eyebrow labelling it — whenever the two columns were uneven. The heading
     now stays with its eyebrow at any lede length, and the lede takes a small
     padding-top so its first line sits with the heading's cap height rather
     than above it. */
body.ioc-site .sec-h--wide{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(36px,5vw,80px);align-items:start}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).sec-h--wide .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .sec-h--wide .k{grid-column:1/-1}body.ioc-site .sec-h--wide h2{max-width:20ch}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).sec-h--wide .lede,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .sec-h--wide .lede{margin-top:0;padding-top:.5em;max-width:44ch}
}body.ioc-site .sec-h__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}/* ═══ block · utility-bar ═══ */
body.ioc-site .ub{background:var(--beacon-2);color:var(--dk-t2);font:500 12px/1 var(--disp)}body.ioc-site .ub__in{max-width:1240px;margin:0 auto;padding:0 var(--pad);height:36px;display:flex;align-items:center;gap:22px}body.ioc-site .ub__l,body.ioc-site .ub__r{display:flex;align-items:center;gap:18px}body.ioc-site .ub__r{margin-left:auto}body.ioc-site .ub a{color:var(--dk-t2);display:inline-flex;align-items:center;gap:6px}body.ioc-site .ub a:hover{color:#fff}body.ioc-site .ub__loc{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dk-t2);white-space:nowrap}@media (max-width:860px){body.ioc-site .ub__hide,body.ioc-site .ub__r{display:none}}/* ═══ block · masthead ═══ */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mh,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mh{position:sticky;top:0;z-index:60;background:var(--dk-t3);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}body.ioc-site .mh__in{max-width:1240px;margin:0 auto;padding:0 var(--pad);height:72px;display:flex;align-items:center;gap:30px}body.ioc-site .wm{flex:none;display:inline-flex;align-items:center;margin-right:12px;line-height:0}/* the wordmark is now live Archivo rather than outlined Syncopate, so the mark
   and the interface share one face. Tracking is 0.14em — the master lockup's
   authored gap was 0.20em and read loose at this size. One cap height in both
   places; the footer only changes colour. */
/* the wordmark is the site's own face at zero tracking — one family, one
   request, and the mark no longer waits on a font the page does not otherwise
   need. 800 rather than 700: at zero tracking the lighter weight read thin
   against the interface it sits above. */
body.ioc-site .wm{font-family:var(--disp);font-weight:800;font-size:31px;line-height:1;
  letter-spacing:0;color:var(--beacon);white-space:nowrap;
  display:inline-flex;align-items:center;gap:.30em}/* the badge is set from the wordmark's cap height, not a fixed px, so the two
   stay in proportion at any size. align-items:center, not baseline — a disc
   has no baseline of its own and a baseline row drops it below the letters. */
body.ioc-site .wm__b{width:.94em;height:.94em;flex:none;display:block}/* the footer's own link rule sets 13.5px and wins by order at equal
   specificity, so the wordmark states its size again rather than inheriting.
   Weight 700 against the header's 800 is deliberate: reversed type blooms, so
   an identical weight reads heavier on black. This is the optical match. */
body.ioc-site .ft .wm,body.ioc-site .ft__wm{font-family:var(--disp);font-weight:700;font-size:31px;letter-spacing:0;color:#fff}body.ioc-site .wm small{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--t3);margin-left:8px;align-self:center}body.ioc-site .mh__nav{display:flex;gap:2px;margin:0 auto}body.ioc-site .mh__nav a{padding:9px 12px;border-radius:3px;font:500 14.5px/1 var(--disp);color:var(--t2);display:inline-flex;align-items:center;gap:5px}body.ioc-site .mh__nav a:hover{background:var(--wash2);color:var(--beacon)}body.ioc-site .mh__nav i{color:var(--t1)}/* margin-left:auto here, not on the nav: the cluster's right-alignment must
   not depend on a sibling that the 1120px breakpoint sets to display:none —
   the nav's auto margins then stop participating and the controls collapsed
   to the left with 527px of dead space beside them */
body.ioc-site .mh__r{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}body.ioc-site .mh__s{width:36px;height:36px;border-radius:3px;border:1px solid var(--rule);background:transparent;display:grid;place-items:center;color:var(--t3);cursor:pointer}body.ioc-site .mh__s:hover{background:var(--wash2);color:var(--beacon)}/* nav disclosure · the inline nav collapses below 1080px, so it needs a
   control rather than simply vanishing: every declared item must resolve */
body.ioc-site .navtog{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:3px;
  border:1px solid var(--rule-2);background:transparent;color:var(--beacon);font-size:17px;flex:none;cursor:pointer}body.ioc-site .navtog:hover{background:var(--wash2)}@media (max-width:1080px){body.ioc-site .mh__nav{display:none}body.ioc-site .navtog{display:inline-flex}body.ioc-site .mh__in{flex-wrap:wrap;height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mh__in.open .mh__nav,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mh__in.open .mh__nav{display:flex;order:9;flex-basis:100%;flex-direction:column;gap:1px;padding-top:10px;margin:4px 0 0;border-top:1px solid var(--rule)}
}/* the one hero whose second column is a form rather than an image: it has no
   absolutely-positioned figure to clear, so it keeps ordinary section padding */
body.ioc-site .hero--form{padding:clamp(52px,6vw,88px) 0 var(--sec-y)}/* the reveal must not hide a menu panel that opens after the pass */
body.ioc-site .mm .rv{opacity:1!important;transform:none!important}/* ═══ mega menu ═══
   Groups are STACKS inside equal grid columns, not a grid of cells — a cell
   grid leaves a half-ruled partial row whenever the item count does not divide
   evenly, which is what the boxed version did. Stacks take any count. */
/* the panel spans the header, so its containing block must BE the header: the
   item and its wrapper go static, leaving .mh (sticky, therefore positioned)
   as the nearest positioned ancestor */
body.ioc-site .mh__i--has:has(.mm){position:static}body.ioc-site .mh__i--has:has(.mm) .mh__dd{position:static;padding-top:0}body.ioc-site .mm{position:absolute;left:0;right:0;top:100%;background:var(--paper);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule-2);z-index:70}body.ioc-site .mm__in{max-width:1240px;margin:0 auto;padding:clamp(30px,3vw,44px) var(--pad) clamp(32px,3.4vw,48px);
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,2.2fr) minmax(0,1fr);gap:clamp(28px,3.4vw,56px)}body.ioc-site .mm__lead h3{font-size:clamp(22px,1.9vw,27px);letter-spacing:-.028em;margin:14px 0 0}body.ioc-site .mm__lead p{margin-top:12px;font-size:14px;line-height:1.55;color:var(--t3);max-width:34ch}body.ioc-site .mm__lead .lnk{margin-top:18px}/* the item columns: each column is an independent stack of groups */
body.ioc-site .mm__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.4vw,40px) clamp(24px,2.6vw,44px);align-content:start}body.ioc-site .mm__g{display:grid;gap:2px;align-content:start}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mm__g > .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mm__g > .k{margin-bottom:10px}body.ioc-site .mm__it{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;gap:11px;align-items:start;
  padding:9px 8px 9px 0;border-radius:var(--r);color:var(--beacon)}body.ioc-site .mm__it:hover{background:var(--wash);color:var(--beacon)}body.ioc-site .mm__it > i:first-child{font-size:var(--ic-3);color:var(--halo);line-height:1.35}body.ioc-site .mm__it b{display:block;font:600 14.5px/1.35 var(--disp);letter-spacing:0}body.ioc-site .mm__it span{display:block;font-size:12.5px;line-height:1.45;color:var(--t3);margin-top:2px}body.ioc-site .mm__it > i:last-child{font-size:var(--ic-1);color:var(--t1);line-height:1.5;opacity:0}body.ioc-site .mm__it:hover > i:last-child{opacity:1;color:var(--halo)}/* the rail states its own ground rather than a box border */
body.ioc-site .mm__rail{background:var(--wash);border-left:2px solid var(--halo);padding:clamp(18px,1.8vw,24px);align-self:start}body.ioc-site .mm__rail h4{margin:12px 0 10px;font-size:17px;letter-spacing:-.02em}body.ioc-site .mm__rail p{font-size:13px;line-height:1.55;color:var(--t3)}body.ioc-site .mm__rail .lnk{margin-top:16px}@media (max-width:1180px){body.ioc-site .mm__in{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}body.ioc-site .mm__rail{grid-column:1/-1}
}/* below the nav breakpoint the panel is part of the disclosure list, so it
   flattens: no absolute positioning, no lead or rail, just the groups */
@media (max-width:1120px){body.ioc-site .mh__i--has:has(.mm){position:relative}body.ioc-site .mm{position:static;border-top:0;border-bottom:0;background:var(--wash)}body.ioc-site .mm__in{display:block;padding:6px 0 12px;max-width:none}body.ioc-site .mm__lead,body.ioc-site .mm__rail{display:none}body.ioc-site .mm__cols{grid-template-columns:1fr;gap:14px}body.ioc-site .mm__it{padding:9px 16px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mm__g > .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mm__g > .k{padding:0 16px}body.ioc-site .mm__it > i:last-child{opacity:1}
}/* ═══ block · hero ═══
   The figure is absolutely positioned to the section's right edge rather than
   sitting in a grid track inside .wrap, so it bleeds to the viewport and the
   text still aligns to the same measure as every section below it. Below
   900px it returns to normal flow and stacks above the text. */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero{position:relative;padding:0;border-bottom:1px solid var(--rule);overflow:hidden}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero .wrap,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero .wrap{position:relative;z-index:2}body.ioc-site .hero__t{max-width:50%;padding:clamp(52px,6vw,88px) clamp(30px,3.4vw,64px) clamp(48px,5.5vw,80px) 0}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero .k{margin-bottom:22px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero h1,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero h1{font-size:clamp(40px,5.6vw,72px);line-height:1.02;letter-spacing:-.035em}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero h1 em,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero h1 em{font-style:normal;color:var(--halo)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero .lede,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero .lede{margin-top:22px;max-width:44ch;font-size:clamp(16px,1.25vw,18.5px)}body.ioc-site .hero__cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px}/* the platform names are a light row, not a bordered table: at this size the
   box competed with the call to action directly above it */
body.ioc-site .hero__pl{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero__pl .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero__pl .k{margin-bottom:14px}body.ioc-site .platr{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}body.ioc-site .platr li{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1.2 var(--disp);color:var(--t2);white-space:nowrap}body.ioc-site .platr i{color:var(--halo)}body.ioc-site .hero__fig{position:relative}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig{position:absolute;right:0;top:0;bottom:0;width:50%;z-index:1;border-left:1px solid var(--rule)}body.ioc-site .hero__fig image-slot{position:absolute;inset:0}body.ioc-site .hero__img{width:100%;height:100%;object-fit:cover;object-position:38% center;display:block}/* a figure outside the hero sizes itself rather than filling an absolute box */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer):not(.hero) > .hero__fig,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) :not(.hero) > .hero__fig{height:clamp(220px,26vw,320px);border:1px solid var(--rule);overflow:hidden}/* where a footing panel is present the image yields the bottom third to it,
   so the photograph is never cropped behind an opaque panel */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .hero__img,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .hero__img{height:66%}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) image-slot,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) image-slot{inset:0 0 auto 0;height:66%}body.ioc-site .hero__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 28px 24px;color:#fff;pointer-events:none;
  background:linear-gradient(0deg,rgba(26,23,38,.95) 0%,rgba(26,23,38,.88) 62%,rgba(26,23,38,.55) 85%,rgba(26,23,38,0) 100%)}/* the caption's ground is a translucent plate over a photograph we do not
   control, so this is the one eyebrow that cannot carry the brand blue */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero__cap .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero__cap .k{color:var(--dk-t3);margin-bottom:9px}body.ioc-site .hero__cap b{display:block;font:700 clamp(17px,1.5vw,21px)/1.24 var(--disp);letter-spacing:-.024em}body.ioc-site .hero__cap a{pointer-events:auto;display:inline-flex;margin-top:11px;color:#fff}/* the split stacks at 1000px, not 900: a half-width text column below that
   leaves the headline about 420px wide, which broke it into four lines */
@media (max-width:1000px){body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero{display:flex;flex-direction:column}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig{position:relative;order:-1;width:auto;height:clamp(240px,44vw,320px);border-left:0;border-bottom:1px solid var(--rule)}body.ioc-site .hero__t{max-width:none;padding:clamp(34px,6vw,52px) 0 clamp(34px,5vw,48px)}body.ioc-site .hero--form{padding:clamp(34px,6vw,52px) 0 clamp(56px,8vw,84px)}
}/* ═══ block · credential strip ═══ */
body.ioc-site .cs{background:var(--beacon-2);color:var(--dk-t)}body.ioc-site .cs__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}/* flex column with the label pinned to the bottom: the grid equalises the
   item heights but nothing inside them would align, so each label would sit
   wherever its own eyebrow's wrap left it */
body.ioc-site .cs__i{padding:22px 26px;border-right:1px solid var(--b-line);display:flex;flex-direction:column}body.ioc-site .cs__i:last-child{border-right:0}/* an icon leading a WRAPPING label must align to the first line, not to the
   centre of the wrapped block — with align-items:center the glyph drifted to
   the middle of a three-line eyebrow and read as detached from its phrase.
   Matching the icon's line box to the text's makes it optically centre on
   that first line. Only this row wraps; rows whose labels are single-line
   keep align-items:center, which centres their glyph more exactly. */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).cs__i .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .cs__i .k{color:var(--halo-4);margin-bottom:9px;display:flex;align-items:flex-start;gap:8px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).cs__i .k i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .cs__i .k i{line-height:1.62;flex:none}body.ioc-site .cs__i b{margin-top:auto;font:600 16px/1.28 var(--disp);letter-spacing:-.02em;color:#fff}body.ioc-site .cs__i a{color:#fff;display:inline-flex;align-items:center;gap:8px}body.ioc-site .cs__i a i{color:var(--halo-4);transition:transform .18s ease}body.ioc-site .cs__i a:hover i{transform:translateX(3px)}@media (max-width:720px){body.ioc-site .cs__i{border-right:0;border-bottom:1px solid var(--b-line)}}/* ═══ block · solution cards ═══
   Four routes in, each with a photograph of the work rather than an icon
   alone. The image is the card's own figure, cropped to a fixed ratio so a
   portrait or a wide shot both sit on the same baseline. */
body.ioc-site .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,20px)}body.ioc-site .card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);
  border-radius:var(--r);overflow:hidden;color:inherit;min-width:0}body.ioc-site .card:hover{border-color:var(--halo)}body.ioc-site .card__fig{display:block;aspect-ratio:8/5;background:var(--wash2);overflow:hidden}body.ioc-site .card__fig img{width:100%;height:100%;object-fit:cover;display:block}body.ioc-site .card--data .card__fig img{object-position:78% center}body.ioc-site .card__bd{display:flex;flex-direction:column;gap:9px;padding:20px 20px 22px;flex:1;border-top:1px solid var(--rule)}body.ioc-site .card__i{font-size:21px;color:var(--halo);margin-bottom:2px}body.ioc-site .card h4{font-size:17.5px;color:var(--beacon)}body.ioc-site .card__d{font-size:14px;line-height:1.55;color:var(--t3)}body.ioc-site .card__go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;
  font:600 13.5px/1 var(--disp);color:var(--halo);white-space:nowrap}body.ioc-site .card:hover .card__go i{animation:nudge .34s ease-out}@media (max-width:1000px){body.ioc-site .g4{grid-template-columns:1fr 1fr}}@media (max-width:560px){body.ioc-site .g4{grid-template-columns:1fr}}/* ═══ block · register · the site's core structure ═══
   consulting sells evidence in rows: a number, a claim, what it covers, and
   where it leads. Ruled records, not a field of cards. */
/* a ruled block is enclosed, never bounded on one side: a border-top with
   per-row bottom rules left the left and right ends open and the final rule
   dangling, so the whole register read as an unfinished box */
body.ioc-site .reg{border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden}body.ioc-site .reg__r:last-child{border-bottom:0}body.ioc-site .reg__r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:clamp(16px,2.4vw,34px);
  align-items:start;padding:22px clamp(16px,2vw,24px);border-bottom:1px solid var(--rule)}body.ioc-site .reg__r:hover{background:var(--wash)}body.ioc-site .dk .reg{border-top-color:var(--b-line2)}body.ioc-site .dk .reg__r{border-bottom-color:var(--b-line)}body.ioc-site .dk .reg__r:hover{background:rgba(255,255,255,.045)}body.ioc-site .reg__t{display:flex;align-items:baseline;gap:11px}body.ioc-site .reg__t i{color:var(--beacon-4);flex:none}body.ioc-site .dk .reg__t i{color:var(--halo-4)}body.ioc-site .reg__t h4{color:var(--beacon)}body.ioc-site .dk .reg__t h4{color:#fff}body.ioc-site .reg__d{font-size:14.5px;line-height:1.55;color:var(--t3);padding-top:1px}body.ioc-site .dk .reg__d{color:var(--dk-t2)}body.ioc-site .reg__a{padding-top:2px;justify-self:end}@media (max-width:860px){body.ioc-site .reg__r{grid-template-columns:1fr;row-gap:9px}body.ioc-site .reg__a{justify-self:start}
}/* ═══ block · industries ═══
   Each cell carries the sector's own operating shape — the answer to the lede's
   question. A name alone made the grid a list of labels; the detail line is
   what shows the sector is understood. Sector facts only: nothing here claims a
   client or an engagement. */
body.ioc-site .ind{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden}body.ioc-site .ind li{background:var(--paper);display:flex;flex-direction:column;gap:9px;padding:20px 22px 22px;
  border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}body.ioc-site .ind__h{display:flex;align-items:flex-start;gap:11px}/* the glyph's line box is matched to the label's so it optically centres on the
   first line whether the sector name runs to one line or two */
body.ioc-site .ind__h i{line-height:1.3;color:var(--halo);flex:none}body.ioc-site .ind__h b{font:600 14.5px/1.3 var(--disp);letter-spacing:-.012em;color:var(--beacon)}body.ioc-site .ind__d{font-size:12.5px;line-height:1.5;color:var(--t3);padding-left:30px}body.ioc-site .ind li:nth-child(4n){border-right:0}body.ioc-site .ind li:nth-last-child(-n+4){border-bottom:0}/* the eighth cell would have been empty, leaving the last row half-ruled: it
   carries an invitation instead, which fills the grid without inventing a
   sector the business does not serve */
body.ioc-site .ind li.ind__ask{padding:0;background:var(--wash)}body.ioc-site .ind__ask a{display:flex;flex-direction:column;gap:9px;width:100%;height:100%;padding:20px 22px 22px;color:var(--halo)}body.ioc-site .ind__ask:hover{background:var(--wash2)}body.ioc-site .ind__ask .ind__h b{color:var(--halo)}body.ioc-site .ind__ask .ind__d{color:var(--t3)}@media (max-width:1000px){body.ioc-site .ind{grid-template-columns:repeat(2,1fr)}body.ioc-site .ind li:nth-child(4n){border-right:1px solid var(--rule)}body.ioc-site .ind li:nth-child(2n){border-right:0}body.ioc-site .ind li:nth-last-child(-n+4){border-bottom:1px solid var(--rule)}body.ioc-site .ind li:nth-last-child(-n+2){border-bottom:0}
}@media (max-width:520px){body.ioc-site .ind{grid-template-columns:1fr}body.ioc-site .ind li{border-right:0!important;border-bottom:1px solid var(--rule)!important}body.ioc-site .ind li:last-child{border-bottom:0!important}
}/* ═══ block · platform stack · the architecture in cross-section ═══
   A section cut through the platform: the core is the top stratum and each
   band rests on the one below. Selecting a band brings its screen forward in
   the deck beside it, and a flow runs down the strata so the stack reads as
   something with current through it rather than a list of tabs. */
body.ioc-site .pf{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,44px);
  align-items:stretch;margin-top:clamp(24px,3vw,38px)}@media (max-width:960px){body.ioc-site .pf{grid-template-columns:1fr}}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).st,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .st{position:relative;border:1px solid var(--b-line2);border-radius:var(--r);overflow:hidden}body.ioc-site .st__r{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;font-family:var(--disp);
  display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:clamp(12px,1.6vw,20px);align-items:center;
  padding:17px clamp(16px,2.2vw,26px);border-bottom:1px solid var(--b-line);color:#fff}body.ioc-site .st__r:last-of-type{border-bottom:0}body.ioc-site .st__r:hover{background:rgba(255,255,255,.05)}body.ioc-site .st__c{min-width:0}body.ioc-site .st__ic{color:var(--halo-4)}body.ioc-site .st__n{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dk-t2);display:block;margin-bottom:5px}body.ioc-site .st__t{font:700 clamp(14.5px,1.3vw,17.5px)/1.2 var(--disp);letter-spacing:-.024em;display:block}body.ioc-site .st__a{color:#fff;justify-self:end;transition:transform .18s ease}body.ioc-site .st__r:hover .st__a{transform:translateX(3px);color:#fff}/* the selected band, and the core, are the two states that get a fill */
body.ioc-site .st__r[aria-pressed="true"]{background:var(--halo);box-shadow:inset 3px 0 0 #fff}body.ioc-site .st__r[aria-pressed="true"] .st__n{color:var(--dk-t3)}body.ioc-site .st__r[aria-pressed="true"] .st__ic,body.ioc-site .st__r[aria-pressed="true"] .st__a{color:#fff}body.ioc-site .st__r--core:not([aria-pressed="true"]){background:rgba(15,67,214,.16)}/* the flow · a band of light travelling down the stack. Decorative only: it
   carries no content, so if keyframes never run nothing is lost. */
body.ioc-site .st__flow{position:absolute;left:0;right:0;top:0;height:34%;pointer-events:none;
  background:linear-gradient(180deg,rgba(84,120,232,0) 0%,rgba(84,120,232,.13) 50%,rgba(84,120,232,0) 100%);
  animation:stflow 7s ease-in-out infinite}@keyframes stflow{0%{transform:translateY(-40%)}50%{transform:translateY(300%)}100%{transform:translateY(-40%)}}@media (prefers-reduced-motion:reduce){body.ioc-site .st__flow{display:none}}/* the deck · one card per layer, stacked. The active card is fully opaque and
   in front; the rest fan back behind it. Every state is set outright rather
   than arrived at by a transition, so a stuck transition still shows the
   correct card. */
/* the deck stretches to the grid row rather than carrying its own height, so
   it always matches the strata column beside it however many layers there are.
   Its cards are position:absolute, so they contribute no content height — the
   row is sized by the strata list alone. min-height covers the stacked layout,
   where the two are no longer in the same row. */
body.ioc-site .pf__deck{position:relative;min-height:clamp(300px,34vw,392px)}body.ioc-site .pf__card{position:absolute;inset:0;margin:0;border:1px solid var(--b-line2);border-radius:var(--r);
  background:var(--beacon);overflow:hidden;display:flex;flex-direction:column;
  /* opacity decides WHICH card is visible, so it must never be reached by a
     transition: where frames do not advance, computed opacity stays one state
     behind the value JS wrote, leaving the deck showing the wrong layer with a
     fully transparent card on top of it eating clicks. Only transform is
     animated — nothing depends on it to be legible. */
  transition:transform .42s cubic-bezier(.2,.8,.2,1)}body.ioc-site .pf__img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}body.ioc-site .pf__fig{position:relative;flex:1;min-height:0;display:block}body.ioc-site .pf__fig image-slot{position:absolute;inset:0}/* the caption carries the layer's full sentence, so it is sized for two or
   three lines rather than the copy being cut to fit it */
body.ioc-site .pf__card figcaption{padding:15px 18px 17px;border-top:1px solid var(--b-line);background:var(--beacon-2);min-height:5.6em}body.ioc-site .pf__n{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--halo-4);margin-bottom:6px}body.ioc-site .pf__card figcaption b{font:600 14px/1.45 var(--disp);letter-spacing:-.014em;color:#fff;display:block;max-width:42ch}@media (max-width:960px){body.ioc-site .pf__deck{height:clamp(280px,60vw,340px)}}/* ═══ block · symptom register + engagement ═══ */
body.ioc-site .sy{border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden}body.ioc-site .sy__i:last-child{border-bottom:0}body.ioc-site .sy__i{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--rule);cursor:pointer;font-family:var(--disp);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:clamp(16px,2.4vw,34px);align-items:start;
  padding:20px clamp(16px,2vw,24px)}body.ioc-site .sy__i:hover{background:var(--wash)}body.ioc-site .sy__h{display:flex;align-items:baseline;gap:11px}body.ioc-site .sy__h i{color:var(--beacon-4);flex:none}body.ioc-site .sy__h b{font:700 17px/1.28 var(--disp);letter-spacing:-.02em;color:var(--beacon)}body.ioc-site .sy__d{font-size:14px;line-height:1.55;color:var(--t3)}body.ioc-site .sy__go{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--halo);display:inline-flex;align-items:center;gap:7px;justify-self:end;padding-top:3px;white-space:nowrap}body.ioc-site .sy__i[aria-pressed="true"]{background:var(--beacon-2);border-bottom-color:var(--beacon-2)}body.ioc-site .sy__i[aria-pressed="true"] .sy__h b{color:#fff}body.ioc-site .sy__i[aria-pressed="true"] .sy__d{color:var(--dk-t2)}body.ioc-site .sy__i[aria-pressed="true"].sy__i[aria-pressed="true"] .sy__h i,body.ioc-site .sy__i[aria-pressed="true"] .sy__go{color:var(--halo-4)}@media (max-width:860px){body.ioc-site .sy__i{grid-template-columns:1fr;row-gap:9px}body.ioc-site .sy__go{justify-self:start}
}body.ioc-site .eng{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) 220px;margin-top:clamp(20px,2.4vw,32px);
  border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden;background:var(--paper)}body.ioc-site .eng__m{background:var(--beacon-2);color:#fff;padding:clamp(22px,2.6vw,32px)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).eng__m .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .eng__m .k{color:var(--halo-4);margin-bottom:16px}body.ioc-site .eng__m h3{margin-bottom:12px;color:#fff}body.ioc-site .eng__m p{font-size:14px;line-height:1.55;color:var(--dk-t3)}body.ioc-site .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}/* stays at (0,1,1) deliberately: the .tags--q and .tags--pick variants are
   also (0,1,1) and override it by coming later in the sheet. Adding a :not()
   here to exclude the picker raised this to (0,2,1) and silently defeated
   .tags--q, turning six chips white-on-white on the home page. */
body.ioc-site .tags span{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  padding:7px 11px;border-radius:var(--r);border:1px solid var(--b-line2);color:#fff}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).eng__m .btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .eng__m .btn{margin-top:22px}body.ioc-site .eng__f{position:relative;min-height:210px;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}body.ioc-site .eng__f image-slot{position:absolute;inset:0}body.ioc-site .eng__s{background:var(--wash);padding:clamp(18px,2.2vw,26px)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).eng__s .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .eng__s .k{margin-bottom:14px}body.ioc-site .eng__s a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--rule);
  font:600 14px/1.3 var(--disp);color:var(--beacon)}body.ioc-site .eng__s a:last-child{border-bottom:0}body.ioc-site .eng__s a i{color:var(--t1);transition:transform .18s ease}body.ioc-site .eng__s a:hover{color:var(--halo)}body.ioc-site .eng__s a:hover i{transform:translateX(3px);color:var(--halo)}body.ioc-site .tags--q span{border-color:var(--rule-2);color:var(--t3)}@media (max-width:980px){body.ioc-site .eng{grid-template-columns:1fr}body.ioc-site .eng__f{border-left:0;border-right:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:190px}}/* ═══ block · route pair · train or hire ═══ */
/* fixed track count, never auto-fit: a wrapping row left "Platform admin"
   alone on a second row, stretched full width, so the strip read as an open
   box. Four equal tracks, then two, then one — every row always full. */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden;margin-bottom:22px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button{padding:15px 16px;border:0;border-right:1px solid var(--rule);background:transparent;cursor:pointer;
  font:600 14px/1 var(--disp);color:var(--t3);display:inline-flex;align-items:center;gap:9px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button:last-child,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button:last-child{border-right:0}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button i{color:var(--t1)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button:hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button:hover{background:var(--wash);color:var(--beacon)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button[aria-selected="true"],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button[aria-selected="true"]{background:var(--beacon-2);color:#fff}@media (max-width:760px){body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs{grid-template-columns:repeat(2,1fr)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button:nth-child(2n),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button:nth-child(2n){border-right:0}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button:nth-child(-n+2),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button:nth-child(-n+2){border-bottom:1px solid var(--rule)}}@media (max-width:420px){body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs{grid-template-columns:1fr}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button{border-right:0;border-bottom:1px solid var(--rule)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button:last-child,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button:last-child{border-bottom:0}}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button[aria-selected="true"] i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button[aria-selected="true"] i{color:var(--halo-4)}body.ioc-site .g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:clamp(18px,2.2vw,26px)}body.ioc-site .rt{border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}body.ioc-site .rt__fig{height:124px;position:relative;border-bottom:1px solid var(--rule)}body.ioc-site .rt__fig image-slot{position:absolute;inset:0}body.ioc-site .rt__bd{padding:20px 22px 22px;display:flex;flex-direction:column;gap:11px;flex:1}body.ioc-site .rt__tag{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}body.ioc-site .rt__tag i{flex:none}body.ioc-site .rt--train .rt__tag i{color:var(--beacon-4)}body.ioc-site .rt--hire .rt__tag i{color:var(--halo)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).rt__bd .btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .rt__bd .btn{margin-top:auto;align-self:flex-start}/* ═══ block · enquiry ═══ */
body.ioc-site .eq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:start}body.ioc-site .eq__fig{height:196px;position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--rule);margin-top:28px}body.ioc-site .eq__fig image-slot{position:absolute;inset:0}body.ioc-site .eq__c{margin-top:20px;border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden}body.ioc-site .eq__c a:last-child{border-bottom:0}body.ioc-site .eq__c a{padding:14px 16px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:12px;font:500 14.5px/1 var(--disp);color:var(--beacon)}body.ioc-site .eq__c a i{color:var(--halo)}body.ioc-site .eq__c a:hover{color:var(--halo)}body.ioc-site .form{background:var(--paper);border:1px solid var(--rule-2);border-radius:var(--r);padding:clamp(22px,2.6vw,30px)}body.ioc-site .fl{font:600 13px/1 var(--disp);color:var(--t2);display:block;margin-bottom:10px}body.ioc-site .fl sup{color:var(--halo)}body.ioc-site .fl span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-left:6px}body.ioc-site .fg{margin-bottom:19px}body.ioc-site .radios{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}body.ioc-site .radios label{padding:12px 13px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
  display:flex;align-items:center;gap:9px;font:500 14px/1 var(--disp);color:var(--t2);cursor:pointer}body.ioc-site .radios label:hover{background:var(--wash)}body.ioc-site .radios input{accent-color:var(--halo);margin:0}body.ioc-site .radios label i{color:var(--t1)}body.ioc-site .f2{display:grid;grid-template-columns:1fr 1fr;gap:15px}body.ioc-site select:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) select{width:100%;padding:12px 13px;border:1px solid var(--rule-2);border-radius:var(--r);font:400 14.5px/1.5 var(--disp);color:var(--t1);background:var(--paper);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%234E5663' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}body.ioc-site select:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer):focus,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) select:focus{outline:2px solid var(--acc);outline-offset:-1px;border-color:var(--acc)}body.ioc-site input:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[type=text],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) input[type=text],body.ioc-site input:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[type=email],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) input[type=email],body.ioc-site input:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[type=tel],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) input[type=tel],body.ioc-site textarea:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) textarea{width:100%;padding:12px 13px;border:1px solid var(--rule-2);border-radius:3px;
  font:400 14.5px/1.5 var(--disp);color:var(--t1);background:var(--paper)}body.ioc-site input:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer):focus,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) input:focus,body.ioc-site textarea:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer):focus,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) textarea:focus{outline:2px solid var(--halo);outline-offset:-1px;border-color:var(--halo)}body.ioc-site textarea:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) textarea{min-height:92px;resize:vertical}body.ioc-site .consent{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--t3);margin:20px 0}/* every required marker on the form is the same halo, including the consent
   checkbox's — it was an inline style on a token the theme swap deleted, so
   the declaration was invalid and it silently inherited grey */
body.ioc-site .consent sup{color:var(--halo)}body.ioc-site .consent input{accent-color:var(--halo);margin:2px 0 0}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).form .btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .form .btn{width:100%;justify-content:center}body.ioc-site .form__foot{font-size:12px;line-height:1.5;color:var(--t3);margin-top:13px}/* the success state is the only feedback a submitted enquiry gives, so it
   reads as one: base rule is display:none, revealed by dropping [hidden] */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).form__foot.done,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .form__foot.done{display:none;color:var(--ok);font-weight:600}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).form__foot.done:not([hidden]),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .form__foot.done:not([hidden]){display:block}@media (max-width:900px){body.ioc-site .eq{grid-template-columns:1fr}body.ioc-site .radios,body.ioc-site .f2{grid-template-columns:1fr}}/* ═══ block · closing quad ═══ */
/* the closing CTA band joins the footer on black, so the page ends on one
   ground rather than a near-black section sitting above a black footer */
body.ioc-site section:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[data-block="closing-quad"],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) section[data-block="closing-quad"]{background:#000}/* the band keeps the page's 1240px wrap so its columns line up with the footer
   columns directly beneath it. Full-bleed looked right only at narrow widths:
   past 1240px the wrap is centred, so a bled band started its text ~380px left
   of the footer wordmark. The black ground still spans the viewport — it is the
   section's background, not the band's — so nothing is lost visually.
   The outer cells give up their outside padding so the first cell's text sits
   on the same line as the footer wordmark and the last ends where the footer's
   last column ends. */
body.ioc-site section:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[data-block="closing-quad"],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) section[data-block="closing-quad"]{padding:0}body.ioc-site section:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[data-block="closing-quad"] > .wrap,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) section[data-block="closing-quad"] > .wrap{padding-top:0;padding-bottom:0}body.ioc-site .qd{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}body.ioc-site .qd__i{padding:clamp(24px,2.8vw,34px) clamp(20px,2.2vw,28px);border-left:1px solid var(--b-line);
  display:flex;flex-direction:column;gap:11px}/* outer cells give up their outside padding: the wrap already supplies the page
   gutter, so keeping var(--pad) here indented the band one gutter further in
   than the footer columns directly beneath it */
body.ioc-site .qd__i:first-child{border-left:0;padding-left:0}body.ioc-site .qd__i:last-child{padding-right:0}/* each column carries its own accent, set inline per cell: the eyebrow, its
   icon and the link all take it, so the four destinations are distinguishable
   at a glance. The lead cell keeps Halo. */
/* the lead cell's accent is the lighter Halo step, not the solid: #0F43D6 is
   2.79:1 on this black ground and fails AA, where #5478E8 is 5.23 */
body.ioc-site .qd__i{--qa:#5478E8}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).qd__i .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .qd__i .k{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--qa)}body.ioc-site .qd__i h3{font-size:clamp(19px,1.9vw,26px);color:#fff;max-width:24ch}body.ioc-site .qd__i h4{color:#fff}/* the link is ruled off from its description and its arrow sits at the cell's
   outer edge. Deliberately NOT margin-top:auto — .qd is a grid, so the lead
   cell (2-line h3 + buttons + note) sets a row height ~110px taller than a
   right cell needs, and an auto margin banks all of that slack into one gap
   between a paragraph and its own link: 94–153px, read as a break rather than
   alignment. The three right cells share a content shape, so their links line
   up without being pushed. */
body.ioc-site .qd__i .lnk{width:100%;justify-content:space-between;
  padding-top:14px;border-top:1px solid var(--b-line);color:var(--qa)}body.ioc-site .qd__i .lnk:hover{color:#fff}body.ioc-site .qd__i--lead{border-bottom:2px solid var(--acc)}body.ioc-site .qd__note{margin:2px 0 0;font-size:12px;line-height:1.55;color:var(--dk-t2)}@media (max-width:980px){body.ioc-site .qd{grid-template-columns:1fr 1fr}/* only the OUTSIDE edge loses its padding, by column position: at two
     columns the odd cells sit left and the even cells right, so zeroing both
     sides on every cell left the inner pair touching — one cell's arrow ran
     into the next cell's label and their rules merged into one line */
body.ioc-site .qd__i{border-left:0;border-top:1px solid var(--b-line)}body.ioc-site .qd__i:nth-child(odd){padding-left:0}body.ioc-site .qd__i:nth-child(even){padding-right:0}body.ioc-site .qd__i:first-child{border-top:0}body.ioc-site .qd__i--lead{border-bottom:0}
}@media (max-width:620px){body.ioc-site .qd{grid-template-columns:1fr}/* one column: every cell spans the wrap, so both sides are outside edges */
body.ioc-site .qd__i{padding-left:0;padding-right:0}
}/* one footnote treatment, shared. The strata footnote lost its rule when the
   platform block was rewritten and fell back to 16px body text, reading as
   content rather than an annotation — and as a different class of element
   from the identical-purpose note in the closing quad. Declared once here so
   a future block swap cannot drop one of two parallel rules. */
body.ioc-site .st__foot{margin:20px 0 0}/* two consecutive sections on the same plain ground have nothing to separate
   them — neither a ground change nor a rule — so state the boundary. Scoped to
   plain-after-plain so a section following .wash or .dk does not get a second
   rule on top of the one that block already carries. */
/* the hero already closes with a rule, so a .wash section directly following it
   must not add its own — two 0.73px hairlines would stack into a 1.45px line,
   heavier than every other boundary. Applies to the nine inner pages where the
   two are adjacent; on the home page the credential strip separates them. */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero + .wash,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero + .wash,body.ioc-site .wash + .wash{border-top:0}/* Scoped away from .rel: the :not() arguments give this selector specificity
   (0,4,3), which beat .rel's (0,1,0) and repainted that band's 2px Halo accent
   as a grey hairline on 8 pages — the marker that distinguishes it. */
body.ioc-site main > section:not(.wash):not(.dk) + section:not(.wash):not(.dk):not(.rel){border-top:1px solid var(--rule)}/* ═══ block · footer ═══ */
/* the footer sits on the same ground as the closing section, so the boundary
   has to be stated the way every other boundary on the site is stated — with a
   rule. The section's padding-bottom and the footer's padding-top then read as
   a symmetric 47px either side of it rather than as one 94px void. */
body.ioc-site footer:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) footer{background:#000;color:var(--dk-t);padding:var(--sec-y-tight) 0 28px;border-top:1px solid var(--b-line2)}/* five columns: the brand block, three link columns, and the contact table */
body.ioc-site .ft{display:grid;grid-template-columns:1.35fr .85fr .85fr .85fr 1.1fr;gap:clamp(20px,3vw,48px)}body.ioc-site .ft__h2{margin-top:26px}@media (max-width:1080px){body.ioc-site .ft{grid-template-columns:1fr 1fr 1fr}}@media (max-width:760px){body.ioc-site .ft{grid-template-columns:1fr 1fr}}@media (max-width:520px){body.ioc-site .ft{grid-template-columns:1fr;gap:30px}}body.ioc-site .ft .wm{margin-bottom:16px;align-items:center}body.ioc-site .ft .wm i{color:inherit}body.ioc-site .ft .wm small{color:var(--dk-t2)}body.ioc-site .ft p{font-size:13.5px;line-height:1.6;color:var(--dk-t2);max-width:32ch}body.ioc-site .ft h5{margin-bottom:15px;font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--dk-t2)}body.ioc-site .ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}body.ioc-site .ft a{color:var(--dk-t);font-size:13.5px}body.ioc-site .ft a:hover{color:#fff}/* the column links had colour alone as their affordance, which on a dark
   ground is a small step. Each now reveals an arrow on hover — held at
   opacity 0 rather than display:none so it always reserves its width and the
   label cannot shift sideways when it appears. No transition: a frame-driven
   one never advances in the preview, so the state must be instant. */
body.ioc-site .ft ul a{display:inline-flex;align-items:baseline;gap:6px;width:max-content}body.ioc-site .ft ul a::after{content:"\2192";font-size:12.5px;line-height:1;opacity:0;color:var(--acc-dk)}body.ioc-site .ft ul a:hover::after{opacity:1}/* the contact rows carry real values, so they underline rather than sprout an
   arrow — an arrow implies navigation, and these are a mail and tel handoff */
body.ioc-site .ft__d dd a:hover{text-decoration:underline;text-underline-offset:3px}body.ioc-site .ft__d{display:grid;gap:12px;margin:0}body.ioc-site .ft__d div{display:grid;grid-template-columns:64px 1fr;gap:12px;font-size:13px;padding:9px 0;border-bottom:1px solid var(--b-line)}body.ioc-site .ft__d div:last-child{border-bottom:0}body.ioc-site .ft__d dt{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-t2)}body.ioc-site .ft__d dd{margin:0;color:var(--dk-t)}body.ioc-site .ft__bot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-top:clamp(30px,3.4vw,44px);padding-top:22px;border-top:1px solid var(--b-line2);font-size:12.5px;color:var(--dk-t2)}body.ioc-site .ft__bot nav{display:flex;gap:16px}body.ioc-site .ft__bot a{font-size:12.5px;color:var(--dk-t2)}body.ioc-site .ft__bot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}/* this one carries a visible label, so it must size to its content — the
   .ft__soc a rule below sets a 32px square and out-specifies a single class,
   which crushed "Back to top" into three wrapped lines spilling out of a 30px
   column. Hence .ft__soc a:not(.ft__top) there, and nowrap here. */
body.ioc-site .ft__top{display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;padding:8px 13px;
  border:1px solid var(--b-line2);border-radius:3px;font:600 12.5px/1 var(--disp);
  color:var(--dk-t);margin-left:6px;white-space:nowrap}body.ioc-site .ft__top:hover{background:rgba(255,255,255,.08);color:#fff}body.ioc-site .ft__top i{}body.ioc-site .ft__soc{display:flex;flex-wrap:wrap;gap:9px;align-items:center}body.ioc-site .ft__soc a:not(.ft__top){width:32px;height:32px;border-radius:var(--r);border:1px solid var(--b-line2);display:grid;place-items:center;color:var(--dk-t);font-size:14px}body.ioc-site .ft__soc a:hover{background:var(--halo);border-color:var(--halo);color:#fff}@media (prefers-reduced-motion:reduce){body.ioc-site,body.ioc-site *{transition:none!important}}/* ═══ shared shell · masthead dropdowns ═══ */
body.ioc-site .mh__nav{display:flex;gap:2px;margin:0 auto}body.ioc-site .mh__i{position:relative}/* no transition on background or color: they never advance here, so the
   hover state would stay pinned at its from-value and never render */
body.ioc-site .mh__i > a{padding:9px 12px;border-radius:var(--r);font:500 14.5px/1 var(--disp);color:var(--t2);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}body.ioc-site .mh__i > a:hover{background:var(--wash2);color:var(--beacon)}body.ioc-site .mh__i > a i{color:var(--t3)}body.ioc-site .mh__i > a[aria-current]{color:var(--acc);font-weight:600;box-shadow:inset 0 -2px 0 var(--acc);border-radius:var(--r) 8px 0 0}body.ioc-site .mh__i > a[aria-current] i{color:var(--acc)}/* the panel is hidden by display, never by opacity: an opacity transition
   never advances where frames do not run, which would leave an invisible
   panel over the page capturing clicks */
body.ioc-site .mh__dd{display:none;position:absolute;top:100%;left:0;padding-top:8px;z-index:70}body.ioc-site .mh__i--has:hover .mh__dd,body.ioc-site .mh__i--has:focus-within .mh__dd,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mh__i--has.open .mh__dd,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mh__i--has.open .mh__dd{display:block}body.ioc-site .mh__ddi{min-width:288px;background:var(--paper);border:1px solid var(--rule-2);border-radius:var(--r);box-shadow:0 24px 48px -24px rgba(12,10,20,.3);overflow:hidden}body.ioc-site .mh__ddi a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;font:500 14px/1.35 var(--disp);color:var(--beacon);border-bottom:1px solid var(--rule)}body.ioc-site .mh__ddi a:last-child{border-bottom:0}body.ioc-site .mh__ddi a i{color:var(--t3);flex:none;transition:transform .18s ease}body.ioc-site .mh__ddi a:hover{background:var(--acc-wash);color:var(--acc)}body.ioc-site .mh__ddi a:hover i{transform:translateX(3px);color:var(--acc)}@media (max-width:1120px){body.ioc-site .mh__nav{display:none}body.ioc-site .navtog{display:inline-flex}body.ioc-site .mh__in{flex-wrap:wrap;height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mh__in.open .mh__nav,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mh__in.open .mh__nav{display:flex;order:9;flex-basis:100%;flex-direction:column;gap:0;padding-top:8px;margin:6px 0 0;border-top:1px solid var(--rule)}body.ioc-site .mh__i{border-bottom:1px solid var(--rule)}body.ioc-site .mh__i:last-child{border-bottom:0}body.ioc-site .mh__i > a{padding:13px 4px;border-radius:0;justify-content:space-between}body.ioc-site .mh__dd{position:static;padding:0 0 10px}body.ioc-site .mh__ddi{border:0;box-shadow:none;border-radius:0;min-width:0;background:var(--wash)}body.ioc-site .mh__ddi a{padding:11px 16px;font-size:13.5px}
}/* ═══ page furniture ═══ */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:22px;white-space:nowrap;flex-wrap:wrap}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb a,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb a{color:var(--t3);display:inline-flex;align-items:center}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb a:hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb a:hover{color:var(--acc)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb i{color:var(--t3)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero h1 em,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero h1 em{font-style:normal;color:var(--acc)}body.ioc-site .hero__chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:30px}body.ioc-site .hero__chips b{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-right:2px}body.ioc-site .hero__chips span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--rule-2);border-radius:var(--r);font:600 11px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);white-space:nowrap}body.ioc-site .hero__chips i{color:var(--acc)}/* the figure's footing panel · the four families sit on the image side, on
   solid paper rather than over the photograph, so the grid stays readable and
   the text column is no longer bottom-heavy */
body.ioc-site .hero__panel{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-top:1px solid var(--rule-2);padding:18px 22px 20px}body.ioc-site .hero__panel__t{display:block;font:700 15px/1.3 var(--disp);letter-spacing:-.02em;color:var(--beacon);margin-bottom:14px}body.ioc-site .hero__panel .facts{margin-top:0;border:1px solid var(--rule)}@media (max-width:1000px){/* the panel lives inside .hero__fig, which sits outside .hero .wrap and so
     never inherits the page gutter — on desktop the panel's own padding hides
     that, so it must supply the gutter itself once stacked */
body.ioc-site .hero__panel{position:static;border-top:0;padding:0 var(--pad) clamp(28px,4vw,40px)}/* and the panel must not travel with the figure's order:-1: display:contents
     dissolves the figure's box so the image and the panel become flex items of
     .hero directly — the image still leads, the panel now follows the H1 */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel){display:contents}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .hero__img,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .hero__img,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) image-slot,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) image-slot{order:-1;width:100%;border-bottom:1px solid var(--rule)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .hero__panel,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .hero__panel{order:1}body.ioc-site .hero__panel__t{margin:18px 0 12px}/* stacked, the figure is height-clamped — a static panel inside it would
     overflow that clamp and spill over the next section, so the clamp moves
     to the image and the figure grows to fit both */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel){height:auto}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .hero__img,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .hero__img,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) image-slot,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) image-slot{position:relative;inset:auto;height:clamp(240px,44vw,320px)}}/* the four-fact grid: what a reader can check */
body.ioc-site .facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule-2);margin-top:32px}body.ioc-site .facts div{padding:14px 16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}body.ioc-site .facts div:nth-child(2n){border-right:0}body.ioc-site .facts div:nth-last-child(-n+2){border-bottom:0}body.ioc-site .facts b{display:flex;align-items:flex-start;gap:8px;font:600 13px/1.3 var(--disp);color:var(--beacon)}body.ioc-site .facts b i{color:var(--acc);flex:none;line-height:1.3}body.ioc-site .facts p{margin-top:5px;font-size:12px;line-height:1.45;color:var(--t3)}@media (max-width:560px){body.ioc-site .facts{grid-template-columns:1fr}body.ioc-site .facts div{border-right:0}}/* ═══ related band ═══ */
/* the accent rule IS this band's boundary marker, so the preceding section must
   drop its hairline rather than sit a 1px line directly above a 2px one */
body.ioc-site .wash:has(+ .rel){border-bottom:0}body.ioc-site .rel{background:var(--acc-wash);border-top:2px solid var(--acc)}body.ioc-site .rel__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden;background:var(--paper)}body.ioc-site .rel__g a{padding:20px 22px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}body.ioc-site .rel__g a:last-child{border-right:0}body.ioc-site .rel__g a:hover{background:var(--wash)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).rel__g .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .rel__g .k{font-size:10px;letter-spacing:.14em}body.ioc-site .rel__g h4{color:var(--beacon)}body.ioc-site .rel__g p{font-size:13px;line-height:1.5;color:var(--t3)}body.ioc-site .rel__g > a > i{color:var(--acc);margin-top:auto;padding-top:6px}@media (max-width:760px){body.ioc-site .rel__g a{border-right:0;border-bottom:1px solid var(--rule)}body.ioc-site .rel__g a:last-child{border-bottom:0}}/* ═══ content grids ═══ */
body.ioc-site .g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,1.8vw,20px)}body.ioc-site .tile{border:1px solid var(--rule-2);border-radius:var(--r);padding:20px 22px 22px;background:var(--paper);display:flex;flex-direction:column;gap:9px}body.ioc-site .tile > i{color:var(--acc)}body.ioc-site .tile h4{color:var(--beacon)}body.ioc-site .tile p{font-size:13.5px;line-height:1.55;color:var(--t3)}body.ioc-site .tile .lnk{margin-top:auto;padding-top:6px}/* equal-width at any count: grid tracks, never a wrapping flex row, which
   stretches whatever lands in the final row */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx > div,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx > div{padding:20px 22px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx > div > i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx > div > i{color:var(--acc)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx h4,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx h4{color:var(--beacon);font-size:16px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx p,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx p{font-size:13px;line-height:1.55;color:var(--t3)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx .k,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx .k{font-size:10px;letter-spacing:.13em}body.ioc-site .rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden;background:var(--acc-wash)}body.ioc-site .rail > div{padding:18px 20px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:7px}body.ioc-site .rail > div:last-child{border-right:0}body.ioc-site .rail > div > i{color:var(--acc)}body.ioc-site .rail b{font:700 14.5px/1.25 var(--disp);letter-spacing:-.02em;color:var(--beacon)}body.ioc-site .rail p{font-size:12.5px;line-height:1.5;color:var(--t3)}@media (max-width:820px){body.ioc-site .rail > div{border-right:0;border-bottom:1px solid var(--rule)}body.ioc-site .rail > div:last-child{border-bottom:0}}body.ioc-site .chk{list-style:none;margin:0;padding:0;display:grid;gap:11px}body.ioc-site .chk li{display:flex;gap:11px;font-size:14px;line-height:1.55;color:var(--t2)}body.ioc-site .chk li:before{content:"";flex:none;width:7px;height:7px;margin-top:7px;border-radius:var(--r);background:var(--acc)}body.ioc-site .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}@media (max-width:860px){body.ioc-site .split{grid-template-columns:1fr}}/* ═══ disclosure ═══ */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq{border-top:1px solid var(--rule-2)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq details,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq details{border-bottom:1px solid var(--rule)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary{padding:17px 4px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font:600 15px/1.4 var(--disp);color:var(--beacon)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary::-webkit-details-marker,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary::-webkit-details-marker{display:none}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary:after,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary:after{content:"+";font:400 20px/1 var(--disp);color:var(--acc);flex:none}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq details[open] summary:after,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq details[open] summary:after{content:"\2212"}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary:hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary:hover{color:var(--acc)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq p,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq p{padding:0 4px 18px;font-size:14px;line-height:1.65;color:var(--t3);max-width:74ch}body.ioc-site .qd__btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px}/* the pair shares the cell evenly and centres its label, so they read as one
   control group rather than two differently-sized buttons */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).qd__btns .btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .qd__btns .btn{flex:1 1 0;min-width:140px;justify-content:center;margin-top:0}/* ═══ legal prose ═══ */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).prose,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .prose{max-width:74ch}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).prose h2,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .prose h2{font-size:clamp(21px,2vw,26px);margin:clamp(30px,3.4vw,44px) 0 12px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).prose h2:first-child,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .prose h2:first-child{margin-top:0}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).prose p,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .prose p{font-size:15px;line-height:1.72;color:var(--t3)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).prose .chk,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .prose .chk{margin-top:6px}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).prose .chk li,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .prose .chk li{font-size:15px;line-height:1.72;color:var(--t3)}/* ═══ pickable topic tags ═══ */
/* rows are uniform and meet the 44px hit-target floor, so a label that wraps
   cannot make its row a taller class of control than its nine siblings */
body.ioc-site .tags--pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;grid-auto-rows:minmax(44px,auto)}/* padding and gap are trimmed so the longest option ("Automation & integration")
   fits on one line at the 2-column width: a single wrapped label made its grid
   row 15px taller than the other four, reading as a different control class */
body.ioc-site .tags--pick label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--rule-2);
  border-radius:var(--r);font:500 13px/1.3 var(--disp);color:var(--t2);cursor:pointer}body.ioc-site .tags--pick label:hover{background:var(--wash)}body.ioc-site .tags--pick input{accent-color:var(--acc);margin:0;flex:none}/* the picker's labels are text on paper, not chips on a dark band. .tags span
   claims white AND the 10.5px uppercase chip face, which overrode the font the
   label itself declares — so the intended 13.5px sentence case never rendered
   and two labels wrapped. Resetting the face, not just the colour. */
body.ioc-site .tags--pick span{color:inherit;border:0;padding:0;font-size:13px;font-weight:500;
  text-transform:none;letter-spacing:-.005em}body.ioc-site .tags--pick input:checked + span{color:var(--acc);font-weight:600}/* ═══════════════════════════════════════════════════════════════════════
   MOTION
   Built against one hard constraint: in the embedded preview, CSS
   transitions and rAF never advance. So nothing here may rely on a frame
   to become VISIBLE. The reveal is gated on html.rv-on, which only script
   adds — if the script never runs, no element is ever hidden. A failsafe
   then force-reveals everything with animation:none, so a stalled or
   missed animation can never leave content invisible.
   Hover and press feedback is instant (0s) for anything that changes
   legibility, and animated only where failure is silent.
   ═════════════════════════════════════════════════════════════════════ */
@keyframes rvUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes tap{0%{transform:scale(1)}42%{transform:scale(.972)}100%{transform:scale(1)}}@keyframes nudge{0%{transform:translateX(0)}50%{transform:translateX(3px)}100%{transform:translateX(0)}}/* only script hides anything */
html.rv-on body.ioc-site .rv{opacity:0}html.rv-on body.ioc-site .rv.rv-in{animation:rvUp .52s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}/* the failsafe outranks every reveal state and starts no animation of its own */
html.rv-done body.ioc-site .rv,html.rv-done body.ioc-site .rv.rv-in{opacity:1!important;transform:none!important;animation:none!important}/* ── press feedback ─────────────────────────────────────────────────────
   :active fires without frames; the animation is a bonus, and its absence
   is silent because nothing depends on it */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn:active,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn:active,body.ioc-site .sy__i:active,body.ioc-site .st__r:active,body.ioc-site .reg__r:active,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button:active,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button:active,body.ioc-site .ind li:active,body.ioc-site .mh__s:active,body.ioc-site .pf__card:active{animation:tap .18s ease-out}/* ── hover ──────────────────────────────────────────────────────────────
   the colour change is instant (see the 0s durations below) so it can
   never be half-applied; the arrow's travel is animated, and if the
   animation does not run the row still reads as hovered */
body.ioc-site .reg__r:hover .reg__a i,body.ioc-site .eng__s a:hover i,body.ioc-site .ind__ask a:hover i,body.ioc-site .st__r:hover .st__a,body.ioc-site .qd__i .lnk:hover i,body.ioc-site .lnk:hover i{animation:nudge .34s ease-out}/* a hovered row states itself through fill, not through motion */
body.ioc-site .reg__r,body.ioc-site .sy__i,body.ioc-site .ind li,body.ioc-site .st__r,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button,body.ioc-site .eq__c a,body.ioc-site .eng__s a,body.ioc-site .ft a,body.ioc-site .ind__ask a{transition-duration:0s}/* ═══ offices · entity card, map, and the market mailboxes ═══ */
body.ioc-site .ofc__note{margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}body.ioc-site .ofc{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);border:1px solid var(--rule-2);background:var(--paper)}body.ioc-site .ofc__card{padding:clamp(24px,2.6vw,32px)}body.ioc-site .ofc__card h4{font-size:clamp(19px,1.8vw,24px);letter-spacing:-.03em}body.ioc-site .ofc__uen{margin-top:7px;font-size:11.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--t3)}/* one ruled row per contact route, label above value, matching the register */
body.ioc-site .ofc__d{margin:20px 0 0;display:grid}body.ioc-site .ofc__d > div{padding:14px 0;border-top:1px solid var(--rule)}body.ioc-site .ofc__d dt{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--t3)}body.ioc-site .ofc__d dt i{color:var(--acc)}body.ioc-site .ofc__d dd{margin:7px 0 0;font-size:15px;font-weight:600;line-height:1.5;color:var(--beacon)}body.ioc-site .ofc__d dd a{color:var(--beacon)}body.ioc-site .ofc__d dd a:hover{color:var(--acc)}body.ioc-site .ofc__btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).ofc__btns .btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .ofc__btns .btn{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:11px 15px}body.ioc-site .ofc__map{position:relative;border-left:1px solid var(--rule-2);min-height:clamp(280px,32vw,420px);background:var(--wash2)}body.ioc-site .ofc__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}/* the map is a third-party embed and may be blocked, so the link is a real
   fallback rather than decoration: it sits above the frame and always works */
body.ioc-site .ofc__mapl{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:9px 13px;background:var(--paper);border:1px solid var(--rule-2);border-radius:var(--r);
  font:600 12px/1 var(--disp);color:var(--beacon)}body.ioc-site .ofc__mapl:hover{border-color:var(--beacon);color:var(--beacon)}body.ioc-site .ofc__mapl i{}/* region switcher */
body.ioc-site .seg{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(22px,2.6vw,32px)}body.ioc-site .seg button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:12px 17px;border:1px solid var(--rule-2);
  background:var(--paper);border-radius:var(--r);cursor:pointer;
  font:600 13.5px/1 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:var(--t2)}body.ioc-site .seg button:hover{border-color:var(--beacon);color:var(--beacon)}body.ioc-site .seg button span{font-size:11px;font-weight:700;color:var(--t3)}body.ioc-site .seg button[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:#fff}body.ioc-site .seg button[aria-selected="true"] span{color:#fff}body.ioc-site .ofc__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:clamp(20px,2.2vw,28px) 0 14px}body.ioc-site .ofc__head b{font:700 16px/1.3 var(--disp);letter-spacing:-.02em;color:var(--beacon)}body.ioc-site .ofc__head span{font-size:13px;font-style:italic;color:var(--t3)}/* the mailbox grid: four to a row, hairline ruled, cells equal per row */
body.ioc-site .mbx{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule-2);background:var(--paper)}body.ioc-site .mbx--one{grid-template-columns:1fr}body.ioc-site .mbx__c{padding:16px 18px 17px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}body.ioc-site .mbx__c:nth-child(4n),body.ioc-site .mbx--one .mbx__c{border-right:0}body.ioc-site .mbx__c:nth-last-child(-n+4){border-bottom:0}body.ioc-site .mbx--one .mbx__c{border-bottom:0}body.ioc-site .mbx__c b{display:flex;align-items:center;gap:9px;font:600 14.5px/1.3 var(--disp);letter-spacing:-.015em;color:var(--beacon)}body.ioc-site .mbx__of{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 7px;border-radius:3px;background:var(--acc);color:#fff}body.ioc-site .mbx__c a{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12.5px;color:var(--t3);min-width:0}body.ioc-site .mbx__c a i{color:var(--t1);flex:none}body.ioc-site .mbx__c a:hover{color:var(--acc)}body.ioc-site .mbx__c a:hover i{color:var(--acc)}@media (max-width:1000px){body.ioc-site .ofc{grid-template-columns:1fr}body.ioc-site .ofc__map{border-left:0;border-top:1px solid var(--rule-2)}body.ioc-site .mbx{grid-template-columns:repeat(2,1fr)}body.ioc-site .mbx__c:nth-child(4n){border-right:1px solid var(--rule)}body.ioc-site .mbx__c:nth-child(2n){border-right:0}body.ioc-site .mbx__c:nth-last-child(-n+4){border-bottom:1px solid var(--rule)}body.ioc-site .mbx__c:nth-last-child(-n+2){border-bottom:0}
}@media (max-width:560px){body.ioc-site .mbx,body.ioc-site .mbx--one{grid-template-columns:1fr}body.ioc-site .mbx__c{border-right:0!important;border-bottom:1px solid var(--rule)!important}body.ioc-site .mbx__c:last-child{border-bottom:0!important}
}/* the only grey text on the site: a form placeholder, which must read as
   unfilled rather than as content. Everything else is solid black or white. */
body.ioc-site input:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)::placeholder,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) input::placeholder,body.ioc-site textarea:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)::placeholder,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) textarea::placeholder{color:#6B7280;opacity:1}/* ══════════════════════════════════════════════════════════════════════
   ACCESSIBILITY · WCAG 2.2
   ══════════════════════════════════════════════════════════════════════ */
/* 2.4.7 Focus Visible · the sheet had no :focus-visible rule at all, so every
   control relied on the UA default — which all but disappears on the black
   sections. One ring, stated in the brand accent, with a white outer edge so
   it holds on any ground. */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer):focus-visible,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) :focus-visible{outline:3px solid #0001ff;outline-offset:2px;border-radius:2px}/* on ink grounds the ring inverts, with a blue halo so it reads on both */
body.ioc-site .dk :focus-visible,body.ioc-site footer:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) :focus-visible,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) footer :focus-visible,body.ioc-site .cs :focus-visible,body.ioc-site section:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[data-block="closing-quad"] :focus-visible,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) section[data-block="closing-quad"] :focus-visible{outline-color:#fff;box-shadow:0 0 0 6px rgba(0,1,255,.65)}/* a filled accent button needs the white ring too — a blue ring on a blue fill
   is no indicator at all */
body.ioc-site .btn--acc:focus-visible,body.ioc-site .btn--paper:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px rgba(0,1,255,.65)}/* the ring must never be clipped by a rounded container that hides overflow */
body.ioc-site .card:focus-within,body.ioc-site .rt:focus-within,body.ioc-site .ind li:focus-within{overflow:visible}/* 2.4.11 Focus Not Obscured · the masthead is sticky at z-60, so a control
   scrolled to by keyboard could sit underneath it. Scroll padding keeps the
   focused element clear of it. */
html{scroll-padding-top:88px}/* 2.4.1 Bypass Blocks · every page carries the same nav, so a keyboard user
   needs one jump past it. Visible only when focused. */
/* moved by position, not transform: a transform on a focused element is the
   kind of thing a stray reset or a stalled transition can leave stuck, and the
   link is useless if it does not appear */
body.ioc-site .skip{position:fixed;left:12px;top:-100px;z-index:200;
  background:var(--acc);color:#fff;font:600 14px/1 var(--disp);padding:13px 17px;
  border-radius:3px;text-decoration:none}body.ioc-site .skip:focus,body.ioc-site .skip:focus-visible{top:12px;color:#fff;outline:3px solid #fff;outline-offset:2px}/* 2.5.8 Target Size (Minimum) · standalone controls need 24x24. These read as
   text but are not inline in a sentence, so they take a minimum box rather
   than growing the type. */
body.ioc-site .ub a,body.ioc-site .ub__loc{min-height:24px;display:inline-flex;align-items:center}body.ioc-site .lnk{min-height:24px}body.ioc-site .ft a,body.ioc-site .ft__bot a{min-height:24px;display:inline-flex;align-items:center}body.ioc-site .ft ul a{min-height:24px}/* 1.4.12 Text Spacing · nothing may clip when a user overrides spacing */
body.ioc-site h1:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h1,body.ioc-site h2:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h2,body.ioc-site h3:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h3,body.ioc-site h4:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h4,body.ioc-site h5:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) h5,body.ioc-site p:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) p,body.ioc-site li:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) li,body.ioc-site dd:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) dd,body.ioc-site dt:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) dt{overflow-wrap:break-word}/* nav panel titles: styled as headings, marked up as text. Eight of these sat
   in the outline ahead of every page's h1, and they labelled a menu group
   rather than a section of the document. */
body.ioc-site .mm__lt{font-family:var(--disp);font-weight:700;font-size:clamp(19px,1.9vw,26px);
  letter-spacing:-.022em;line-height:1.06;color:var(--beacon)}body.ioc-site .mm__rt{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.014em;
  line-height:1.28;color:var(--beacon)}/* the promoted card and route titles keep the size they had as h4 — the tag
   changed for the document outline, not for the type scale */
body.ioc-site .card h3,body.ioc-site .rt__bd h3,body.ioc-site .reg__t h3{font-size:17px;letter-spacing:-.014em;line-height:1.28}/* 2.5.8 · the credential strip's two links measured 20px tall */
body.ioc-site .cs__i b a{min-height:24px;display:inline-flex;align-items:center}/* ── icon scale ──────────────────────────────────────────────────────────
   One base for every icon, then four roles over it. Setting only the roles
   left eight sizes on the page: dozens of per-block rules written as each
   section was built still won, because a role selector cannot enumerate
   every context an icon appears in. The base is the guarantee. */
body.ioc-site i:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer)[class*="ph-"],body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) i[class*="ph-"]{font-size:var(--ic-2)}/* micro · eyebrows, nav, breadcrumb, footer and utility links */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).k i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .k i,body.ioc-site .ub i,body.ioc-site .sy__go i,body.ioc-site .ft a i,body.ioc-site .ft__bot i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb i,body.ioc-site .mh__nav i,body.ioc-site .mh__i > a i,body.ioc-site .mh__ddi a i,body.ioc-site .cs__i a i,body.ioc-site .eng__s a i,body.ioc-site .ft__top i,body.ioc-site .hero__chips i,body.ioc-site .ofc__mapl i,body.ioc-site .mbx__c a i{font-size:var(--ic-1)}/* default · buttons, form controls, tags, action links, row arrows */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn i,body.ioc-site button:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) button i,body.ioc-site label:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) label i,body.ioc-site .radios label i,body.ioc-site .rt__tag i,body.ioc-site .card__go i,body.ioc-site .lnk i,body.ioc-site .st__a,body.ioc-site .reg__a i,body.ioc-site .ofc i,body.ioc-site .mbx i,body.ioc-site .platr i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).cs__i .k i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .cs__i .k i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button i,body.ioc-site .facts b i,body.ioc-site .rel__g > a > i,body.ioc-site .ofc__d dt i{font-size:var(--ic-2)}/* feature · the icon that names a record or a row */
body.ioc-site .ind__h i,body.ioc-site .sy__h i,body.ioc-site .st__ic,body.ioc-site .plat i,body.ioc-site .reg__t i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).qd__i .k i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .qd__i .k i,body.ioc-site .eq__c a i,body.ioc-site .rail > div > i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx > div > i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx > div > i{font-size:var(--ic-3)}/* display · the lead icon on a card or tile */
body.ioc-site .card__i i,body.ioc-site .card__bd .card__i i,body.ioc-site .tile > i{font-size:var(--ic-4)}/* 2.5.8 · the breadcrumb's home link was a 13px glyph with no box around it */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb a,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb a{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb a:not([aria-label]),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb a:not([aria-label]){justify-content:flex-start}/* 2.5.8 · a native checkbox renders ~13px. The whole <label> is the target, so
   the criterion is met by the label's box, but the control itself should still
   be large enough to see and hit directly. */
body.ioc-site .consent input[type=checkbox],body.ioc-site .radios input[type=radio]{width:20px;height:20px;flex:none}/* ── hover motion · site-wide ────────────────────────────────────────────
   The home page's components each got their nudge as they were written; the
   inner-page components were added later and never did, and the CTA button
   never had any motion at all — only a fill change. Same pattern as the rest:
   the state change is instant, the motion is a keyframe animation that is
   purely a bonus, so nothing depends on frames that may not run here. */
@keyframes lift{from{transform:translateY(0)}to{transform:translateY(-2px)}}/* every CTA: its arrow leads, and the button lifts off the page */
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn:hover i,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn:hover i{animation:nudge .34s ease-out}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn:hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn:hover{animation:lift .18s ease-out forwards}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn:active,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn:active{animation:tap .18s ease-out}/* the related band's cards read as links but had no motion */
body.ioc-site .rel__g > a:hover > i{animation:nudge .34s ease-out}body.ioc-site .rel__g > a:hover{animation:lift .18s ease-out forwards}/* the disclosure rows in an FAQ are the one control on those pages. Its
   indicator is a ::after carrying + / −, not an <i>, so the icon selector used
   everywhere else matches nothing here. And nudge translates on X, which reads
   as a slip on a plus sign — a disclosure wants a scale pulse instead. */
@keyframes bump{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary{cursor:pointer}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary:hover,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary:hover{background:var(--wash)}body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).faq summary:hover::after,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .faq summary:hover::after{animation:bump .3s ease-out}/* remaining action links on the inner pages */
body.ioc-site .mbx__c a:hover i,body.ioc-site .ofc__mapl:hover i,body.ioc-site .ofc__d dd a:hover i,body.ioc-site .ftp a:hover i,body.ioc-site .mm__it:hover > i:last-child{animation:nudge .34s ease-out}

/* deliberately no lift on .tile, .rt or .mbx: none of them is a link — only a
   control inside them is — and a card that rises under the cursor promises a
   click the card itself does not accept */


/* --- selector alias (generated by build-pack-layer.mjs: the pack styles
   images through __img classes and icons through `i` element selectors;
   the host renders <img class="infoc-media"> and <svg class="ph">, so each
   rule is duplicated rather than its values restated by hand) --- */
body.ioc-site .ioc-form .btn-primary{background:var(--beacon);border-color:var(--beacon);color:#fff}
body.ioc-site .ioc-form .btn-primary:hover{background:var(--beacon-2);border-color:var(--beacon-2);color:#fff}
body.ioc-site .ioc-form .btn-primary{padding:15px 24px;font-size:15px}
body.ioc-site .lnk svg.ph{transition:transform .18s ease}
body.ioc-site .lnk:hover svg.ph{transform:translateX(3px)}
body.ioc-site .mh__nav svg.ph{color:var(--t1)}
body.ioc-site .mm__it > svg.ph:first-child{font-size:var(--ic-3);color:var(--halo);line-height:1.35}
body.ioc-site .mm__it > svg.ph:last-child{font-size:var(--ic-1);color:var(--t1);line-height:1.5;opacity:0}
body.ioc-site .mm__it:hover > svg.ph:last-child{opacity:1;color:var(--halo)}
@media (max-width:1120px){body.ioc-site .mm__it > svg.ph:last-child{opacity:1}}
body.ioc-site .platr svg.ph{color:var(--halo)}
body.ioc-site .infoc-media{width:100%;height:100%;object-fit:cover;object-position:38% center;display:block}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .infoc-media,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .infoc-media{height:66%}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).cs__i .k svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .cs__i .k svg.ph{line-height:1.62;flex:none}
body.ioc-site .cs__i a svg.ph{color:var(--halo-4);transition:transform .18s ease}
body.ioc-site .cs__i a:hover svg.ph{transform:translateX(3px)}
body.ioc-site .card:hover .card__go svg.ph{animation:nudge .34s ease-out}
body.ioc-site .reg__t svg.ph{color:var(--beacon-4);flex:none}
body.ioc-site .dk .reg__t svg.ph{color:var(--halo-4)}
body.ioc-site .ind__h svg.ph{line-height:1.3;color:var(--halo);flex:none}
body.ioc-site .infoc-media{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
body.ioc-site .sy__h svg.ph{color:var(--beacon-4);flex:none}
body.ioc-site .sy__i[aria-pressed="true"].sy__i[aria-pressed="true"] .sy__h svg.ph,body.ioc-site .sy__i[aria-pressed="true"] .sy__go{color:var(--halo-4)}
body.ioc-site .eng__s a svg.ph{color:var(--t1);transition:transform .18s ease}
body.ioc-site .eng__s a:hover svg.ph{transform:translateX(3px);color:var(--halo)}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button svg.ph{color:var(--t1)}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button[aria-selected="true"] svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button[aria-selected="true"] svg.ph{color:var(--halo-4)}
body.ioc-site .rt__tag svg.ph{flex:none}
body.ioc-site .rt--train .rt__tag svg.ph{color:var(--beacon-4)}
body.ioc-site .rt--hire .rt__tag svg.ph{color:var(--halo)}
body.ioc-site .eq__c a svg.ph{color:var(--halo)}
body.ioc-site .ioc-form{background:var(--paper);border:1px solid var(--rule-2);border-radius:var(--r);padding:clamp(22px,2.6vw,30px)}
body.ioc-site .ioc-field > label{font:600 13px/1 var(--disp);color:var(--t2);display:block;margin-bottom:10px}
body.ioc-site .ioc-choicegroup legend{font:600 13px/1 var(--disp);color:var(--t2);display:block;margin-bottom:10px}
body.ioc-site .ioc-field > label .req{color:var(--halo)}
body.ioc-site .ioc-choicegroup legend .req{color:var(--halo)}
body.ioc-site .ioc-field > label span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-left:6px}
body.ioc-site .ioc-choicegroup legend span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-left:6px}
body.ioc-site .ioc-field{margin-bottom:19px}
body.ioc-site .ioc-choicegroup:not(.ioc-consent){margin-bottom:19px}
body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices label{padding:12px 13px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
  display:flex;align-items:center;gap:9px;font:500 14px/1 var(--disp);color:var(--t2);cursor:pointer}
body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices label:hover{background:var(--wash)}
body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices input{accent-color:var(--halo);margin:0}
body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices label svg.ph{color:var(--t1)}
body.ioc-site .ioc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
body.ioc-site .ioc-consent .ioc-choice{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--t3);margin:20px 0}
body.ioc-site .ioc-consent .ioc-choice .req{color:var(--halo)}
body.ioc-site .ioc-consent .ioc-choice input{accent-color:var(--halo);margin:2px 0 0}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).ioc-form .btn,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .ioc-form .btn{width:100%;justify-content:center}
body.ioc-site .ioc-privacy{font-size:12px;line-height:1.5;color:var(--t3);margin-top:13px}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).ioc-privacy.done,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .ioc-privacy.done{display:none;color:var(--ok);font-weight:600}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).ioc-privacy.done:not([hidden]),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .ioc-privacy.done:not([hidden]){display:block}
@media (max-width:900px){body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices,body.ioc-site .ioc-form-grid{grid-template-columns:1fr}}
body.ioc-site .ft .wm svg.ph{color:inherit}
body.ioc-site .mh__i > a svg.ph{color:var(--t3)}
body.ioc-site .mh__i > a[aria-current] svg.ph{color:var(--acc)}
body.ioc-site .mh__ddi a svg.ph{color:var(--t3);flex:none;transition:transform .18s ease}
body.ioc-site .mh__ddi a:hover svg.ph{transform:translateX(3px);color:var(--acc)}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb svg.ph{color:var(--t3)}
body.ioc-site .hero__chips svg.ph{color:var(--acc)}
@media (max-width:1000px){body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .infoc-media,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .infoc-media,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) image-slot,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) image-slot{order:-1;width:100%;border-bottom:1px solid var(--rule)}}
@media (max-width:1000px){body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) .infoc-media,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) .infoc-media,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).hero > .hero__fig:has(.hero__panel) image-slot,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .hero > .hero__fig:has(.hero__panel) image-slot{position:relative;inset:auto;height:clamp(240px,44vw,320px)}}
body.ioc-site .facts b svg.ph{color:var(--acc);flex:none;line-height:1.3}
body.ioc-site .rel__g > a > svg.ph{color:var(--acc);margin-top:auto;padding-top:6px}
body.ioc-site .tile > svg.ph{color:var(--acc)}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx > div > svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx > div > svg.ph{color:var(--acc)}
body.ioc-site .rail > div > svg.ph{color:var(--acc)}
body.ioc-site .reg__r:hover .reg__a svg.ph,body.ioc-site .eng__s a:hover svg.ph,body.ioc-site .ind__ask a:hover svg.ph,body.ioc-site .st__r:hover .st__a,body.ioc-site .qd__i .lnk:hover svg.ph,body.ioc-site .lnk:hover svg.ph{animation:nudge .34s ease-out}
body.ioc-site .ofc__d dt svg.ph{color:var(--acc)}
body.ioc-site .mbx__c a svg.ph{color:var(--t1);flex:none}
body.ioc-site .mbx__c a:hover svg.ph{color:var(--acc)}
body.ioc-site svg.ph:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer),body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) svg.ph{font-size:var(--ic-2)}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).k svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .k svg.ph,body.ioc-site .ub svg.ph,body.ioc-site .sy__go svg.ph,body.ioc-site .ft a svg.ph,body.ioc-site .ft__bot svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).crumb svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .crumb svg.ph,body.ioc-site .mh__nav svg.ph,body.ioc-site .mh__i > a svg.ph,body.ioc-site .mh__ddi a svg.ph,body.ioc-site .cs__i a svg.ph,body.ioc-site .eng__s a svg.ph,body.ioc-site .ft__top svg.ph,body.ioc-site .hero__chips svg.ph,body.ioc-site .ofc__mapl svg.ph,body.ioc-site .mbx__c a svg.ph{font-size:var(--ic-1)}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn svg.ph,body.ioc-site button:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) button svg.ph,body.ioc-site label:where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) label svg.ph,body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices label svg.ph,body.ioc-site .rt__tag svg.ph,body.ioc-site .card__go svg.ph,body.ioc-site .lnk svg.ph,body.ioc-site .st__a,body.ioc-site .reg__a svg.ph,body.ioc-site .ofc svg.ph,body.ioc-site .mbx svg.ph,body.ioc-site .platr svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).cs__i .k svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .cs__i .k svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).tabs button svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .tabs button svg.ph,body.ioc-site .facts b svg.ph,body.ioc-site .rel__g > a > svg.ph,body.ioc-site .ofc__d dt svg.ph{font-size:var(--ic-2)}
body.ioc-site .ind__h svg.ph,body.ioc-site .sy__h svg.ph,body.ioc-site .st__ic,body.ioc-site .plat svg.ph,body.ioc-site .reg__t svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).qd__i .k svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .qd__i .k svg.ph,body.ioc-site .eq__c a svg.ph,body.ioc-site .rail > div > svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).mx > div > svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .mx > div > svg.ph{font-size:var(--ic-3)}
body.ioc-site .card__i svg.ph,body.ioc-site .card__bd .card__i svg.ph,body.ioc-site .tile > svg.ph{font-size:var(--ic-4)}
body.ioc-site .ioc-consent .ioc-choice input[type=checkbox],body.ioc-site .ioc-choicegroup:not(.ioc-consent) .ioc-choices input[type=radio]{width:20px;height:20px;flex:none}
body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer).btn:hover svg.ph,body.ioc-site :where([data-variant-id="B-01-V45"],[data-variant-id="B-01-V46"],[data-variant-id="B-01-V47"],[data-variant-id="B-03-V45"],[data-variant-id="B-04-V45"],[data-variant-id="B-04-V46"],[data-variant-id="B-06-V45"],[data-variant-id="B-09-V45"],[data-variant-id="B-11-V45"],[data-variant-id="B-11-V46"],[data-variant-id="B-11-V47"],[data-variant-id="B-11-V48"],[data-variant-id="B-11-V49"],[data-variant-id="B-11-V50"],[data-variant-id="B-13-V45"],[data-variant-id="B-17-V45"],[data-variant-id="B-22-V45"],.ub,header.mh,section[data-block="closing-quad"],footer) .btn:hover svg.ph{animation:nudge .34s ease-out}
body.ioc-site .rel__g > a:hover > svg.ph{animation:nudge .34s ease-out}
body.ioc-site .mbx__c a:hover svg.ph,body.ioc-site .ofc__mapl:hover svg.ph,body.ioc-site .ofc__d dd a:hover svg.ph,body.ioc-site .ftp a:hover svg.ph,body.ioc-site .mm__it:hover > svg.ph:last-child{animation:nudge .34s ease-out}

/* --- kit-leak neutralisers (generated by build-pack-layer.mjs) --- */

body.ioc-site [data-variant-id="B-01-V45"] .btn,
body.ioc-site [data-variant-id="B-01-V46"] .btn,
body.ioc-site [data-variant-id="B-01-V47"] .btn,
body.ioc-site [data-variant-id="B-03-V45"] .btn,
body.ioc-site [data-variant-id="B-04-V45"] .btn,
body.ioc-site [data-variant-id="B-04-V46"] .btn,
body.ioc-site [data-variant-id="B-06-V45"] .btn,
body.ioc-site [data-variant-id="B-09-V45"] .btn,
body.ioc-site [data-variant-id="B-11-V45"] .btn,
body.ioc-site [data-variant-id="B-11-V46"] .btn,
body.ioc-site [data-variant-id="B-11-V47"] .btn,
body.ioc-site [data-variant-id="B-11-V48"] .btn,
body.ioc-site [data-variant-id="B-11-V49"] .btn,
body.ioc-site [data-variant-id="B-11-V50"] .btn,
body.ioc-site [data-variant-id="B-13-V45"] .btn,
body.ioc-site [data-variant-id="B-17-V45"] .btn,
body.ioc-site [data-variant-id="B-22-V45"] .btn,
body.ioc-site .ub .btn,
body.ioc-site header.mh .btn,
body.ioc-site section[data-block="closing-quad"] .btn,
body.ioc-site footer .btn {
  min-height: 0;
}

body.ioc-site [data-variant-id="B-01-V45"] .btn svg,
body.ioc-site [data-variant-id="B-01-V46"] .btn svg,
body.ioc-site [data-variant-id="B-01-V47"] .btn svg,
body.ioc-site [data-variant-id="B-03-V45"] .btn svg,
body.ioc-site [data-variant-id="B-04-V45"] .btn svg,
body.ioc-site [data-variant-id="B-04-V46"] .btn svg,
body.ioc-site [data-variant-id="B-06-V45"] .btn svg,
body.ioc-site [data-variant-id="B-09-V45"] .btn svg,
body.ioc-site [data-variant-id="B-11-V45"] .btn svg,
body.ioc-site [data-variant-id="B-11-V46"] .btn svg,
body.ioc-site [data-variant-id="B-11-V47"] .btn svg,
body.ioc-site [data-variant-id="B-11-V48"] .btn svg,
body.ioc-site [data-variant-id="B-11-V49"] .btn svg,
body.ioc-site [data-variant-id="B-11-V50"] .btn svg,
body.ioc-site [data-variant-id="B-13-V45"] .btn svg,
body.ioc-site [data-variant-id="B-17-V45"] .btn svg,
body.ioc-site [data-variant-id="B-22-V45"] .btn svg,
body.ioc-site .ub .btn svg,
body.ioc-site header.mh .btn svg,
body.ioc-site section[data-block="closing-quad"] .btn svg,
body.ioc-site footer .btn svg {
  width: 1em;
  height: 1em;
}

body.ioc-site [data-variant-id="B-01-V45"] button,
body.ioc-site [data-variant-id="B-01-V46"] button,
body.ioc-site [data-variant-id="B-01-V47"] button,
body.ioc-site [data-variant-id="B-03-V45"] button,
body.ioc-site [data-variant-id="B-04-V45"] button,
body.ioc-site [data-variant-id="B-04-V46"] button,
body.ioc-site [data-variant-id="B-06-V45"] button,
body.ioc-site [data-variant-id="B-09-V45"] button,
body.ioc-site [data-variant-id="B-11-V45"] button,
body.ioc-site [data-variant-id="B-11-V46"] button,
body.ioc-site [data-variant-id="B-11-V47"] button,
body.ioc-site [data-variant-id="B-11-V48"] button,
body.ioc-site [data-variant-id="B-11-V49"] button,
body.ioc-site [data-variant-id="B-11-V50"] button,
body.ioc-site [data-variant-id="B-13-V45"] button,
body.ioc-site [data-variant-id="B-17-V45"] button,
body.ioc-site [data-variant-id="B-22-V45"] button,
body.ioc-site .ub button,
body.ioc-site header.mh button,
body.ioc-site section[data-block="closing-quad"] button,
body.ioc-site footer button {
  font-size: 13.3333px;
  line-height: normal;
}

body.ioc-site [data-variant-id="B-01-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-01-V46"] .ioc-field,
body.ioc-site [data-variant-id="B-01-V47"] .ioc-field,
body.ioc-site [data-variant-id="B-03-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-04-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-04-V46"] .ioc-field,
body.ioc-site [data-variant-id="B-06-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-09-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-11-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-11-V46"] .ioc-field,
body.ioc-site [data-variant-id="B-11-V47"] .ioc-field,
body.ioc-site [data-variant-id="B-11-V48"] .ioc-field,
body.ioc-site [data-variant-id="B-11-V49"] .ioc-field,
body.ioc-site [data-variant-id="B-11-V50"] .ioc-field,
body.ioc-site [data-variant-id="B-13-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-17-V45"] .ioc-field,
body.ioc-site [data-variant-id="B-22-V45"] .ioc-field,
body.ioc-site .ub .ioc-field,
body.ioc-site header.mh .ioc-field,
body.ioc-site section[data-block="closing-quad"] .ioc-field,
body.ioc-site footer .ioc-field {
  gap: 0;
}

body.ioc-site [data-variant-id="B-01-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-01-V46"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-01-V47"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-03-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-04-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-04-V46"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-06-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-09-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-11-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-11-V46"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-11-V47"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-11-V48"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-11-V49"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-11-V50"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-13-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-17-V45"] .ioc-consent .ioc-choice,
body.ioc-site [data-variant-id="B-22-V45"] .ioc-consent .ioc-choice,
body.ioc-site .ub .ioc-consent .ioc-choice,
body.ioc-site header.mh .ioc-consent .ioc-choice,
body.ioc-site section[data-block="closing-quad"] .ioc-consent .ioc-choice,
body.ioc-site footer .ioc-consent .ioc-choice {
  padding: 0;
  border: 0;
  background: none;
}

/* END PACK LAYER */

/* ===========================================================================
 * THE INDIA ACCENT SCALE
 *
 * Declared AFTER the generated layer because that layer carries the pack's own
 * `:root` and would otherwise win.
 *
 * WHY THIS IS THE WHOLE VISUAL DIFFERENCE. www.infoc.com is a BLUE site whose
 * sub-brands are accents. The owner ranked this Site's offerings — Talents
 * Gateway first, Academy second, Solutions third and less — so here the accent
 * CARRIES THAT RANKING: it is a Talents-GREEN site whose Academy routes turn
 * purple and whose single Solutions page falls back to house blue. A visitor
 * can tell the two sites apart at a glance, and the colour states the order.
 *
 * EVERY VALUE IS AN EXISTING HOUSE TOKEN. Nothing here is invented:
 *   --acc      #227758  the talents family value (--ioc-fam-talents family)
 *   --acc-600  #145F40  --ioc-fam-talents-hover
 *   --acc-dk   #3FDBA0  --ioc-on-inverse-green, the house's on-dark green
 *   --acc-wash #E9F5F0  the pack's own talents wash
 *
 * MEASURED, not assumed: #227758 is 5.46:1 on `--paper` and carries white at
 * 5.46:1 on its own fill; #145F40 is 7.66:1; #3FDBA0 is 10.48:1 on
 * `--beacon-2`; ink on `--acc-wash` is 16.60:1. Every one clears the 4.5:1 AA
 * floor on the ground it is actually used on.
 *
 * `--halo` STAYS THE BRAND BLUE. The wordmark, the focus ring and every
 * brand-anchored mark are INFOC's, and only the PAGE accent moves. This is the
 * pack's own two-token mechanism (`--halo` anchors, `--acc` shifts per family)
 * used exactly as designed, not a second brand.
 * ======================================================================== */
:root {
  --acc: #227758;
  --acc-600: #145F40;
  --acc-dk: #3FDBA0;
  --acc-wash: #E9F5F0;
}

/* ---------------------------------------------------------------------------
 * FAMILY ACCENTS, KEYED ON `data-page-family` — AND THAT IS A DEFECT FOUND,
 * NOT A PREFERENCE.
 *
 * The pack ships `body.ioc-site[data-section="academy"]{--acc:…}` and a
 * talents twin, and the generated layer above still carries them. NOTHING IN
 * THIS CMS STAMPS `data-section`: the only two mentions in the whole product
 * tree are comments. Those overrides have therefore been inert on
 * www.infoc.com since its pack shipped, which is why its academy and talents
 * routes render house blue while its own sheet says otherwise. That live
 * defect is REPORTED for its own commit and is not fixed from here.
 *
 * The attribute this CMS does stamp is `data-page-family`, written by
 * `KitPageBody` onto the `.infoc-cms` wrapper from the page's `family` field:
 * `academy` → "Academy", `talents` → "Talents Gateway", plus "Industries" and
 * "Company". So this Site keys on that, and the accents actually paint.
 *
 * The pack's `data-section` selectors are left untouched above, so a static
 * preview of the pack still renders as its author intended.
 *
 * SPECIFICITY. `.infoc-cms[data-page-family="…"]` is (0,2,0) and sits after
 * the layer's `body.ioc-site[data-section]` (also (0,2,0)) — later wins the
 * tie, and neither out-specifies the other, which is the rule this repo holds
 * for cross-layer corrections.
 * ------------------------------------------------------------------------ */
.infoc-cms[data-page-family='Talents Gateway'] {
  --acc: #227758;
  --acc-600: #145F40;
  --acc-dk: #3FDBA0;
  --acc-wash: #E9F5F0;
}

/* Academy turns purple: the house academy family, 7.74:1 on paper both ways,
 * with --ioc-on-inverse-purple at 7.90:1 for its marks on the dark bands. */
.infoc-cms[data-page-family='Academy'] {
  --acc: #6929C4;
  --acc-600: #55209C;
  --acc-dk: #BE95FF;
  --acc-wash: #F3EEFE;
}

/* Solutions is third and less prominent, so it does NOT take a family colour
 * of its own: it falls back to the house blue the brand already owns
 * (--ioc-blue / --ioc-blue-hover / --ioc-accent-on-ink), 8.58:1 on paper and
 * 7.85:1 on dark. Company and Industries do the same. */
.infoc-cms[data-page-family='Company'],
.infoc-cms[data-page-family='Industries'] {
  --acc: #0001FF;
  --acc-600: #0000C4;
  --acc-dk: #33B1FF;
  --acc-wash: #E8E8FF;
}

/* -- Closing-quad accents ---------------------------------------------------
 * The pack paints its three route cells with an inline `style="--qa:#…"`. A
 * six-digit hex may not ride in product markup (CMS-D-066) and the template
 * scan refuses it, so the values are declared here by position instead. The
 * order follows this Site's ranking: the lead and the Talents cell take the
 * green step, Academy the purple, Solutions the blue — each the on-dark value,
 * because the quad sits on `--beacon-2`. */
body.ioc-site .qd__i:nth-child(1) { --qa: #3FDBA0; }
body.ioc-site .qd__i:nth-child(2) { --qa: #BE95FF; }
body.ioc-site .qd__i:nth-child(3) { --qa: #33B1FF; }
body.ioc-site .qd__i:nth-child(4) { --qa: var(--halo-4); }


/* CMS-D-225: editorial hero crops follow the people, not the inherited
   platform-figure top-left crop. Keep this scoped to India's hero variants. */
body.ioc-site :is([data-variant-id="B-01-V45"], [data-variant-id="B-01-V46"], [data-variant-id="B-01-V47"]) .infoc-media {
  object-position: 50% 40%;
}

/* CMS-D-226: use the same outlined INFOC artwork and proportions as infoc.com. */
/* SVG sprites replace the pack's icon font. Do not inherit font line-box
   heights or the render kit's auto-centred figure margins. */
body.ioc-site svg.ph {
  width: 1em;
  height: 1em;
  inline-size: 1em;
  block-size: 1em;
  flex: 0 0 auto;
  line-height: 1;
  margin-inline: 0;
  vertical-align: middle;
}
body.ioc-site .card__bd > svg.ph.card__i,
body.ioc-site .tile > svg.ph,
body.ioc-site .mx > div > svg.ph,
body.ioc-site .rail > div > svg.ph {
  align-self: flex-start;
  margin-inline: 0;
}
body.ioc-site .card__bd > svg.ph.card__i { font-size: 24px; color: var(--acc); }
body.ioc-site .cs__i .k { align-items: center; }
/* A numbered step can legitimately omit an icon. Empty sprite references
   must not reserve a blank graphic row above its number. */
body.ioc-site svg.ph:has(> use[href$="#"]) { display: none; }

body.ioc-site .mh .wm, body.ioc-site .ft__wm { flex: none; }
body.ioc-site .wm__lockup { display: block; flex: none; width: 120px; height: auto; }
/* OWNER-DIRECTED 2026-09-11, the same single size as infoc.com: the footer drew
   the mark at 150px against the masthead's 120px. One size now, and the override
   is removed rather than restated at 120. The =<560px step below loses its `.mh`
   scope for the same reason — it was shrinking only the masthead. */
/* These reusable bands have no fixed data-block name. Give their roots the
   same section rhythm as named bands instead of leaving adjacent heads flush. */
body.ioc-site section:is([data-variant-id="B-11-V46"], [data-variant-id="B-13-V45"], [data-variant-id="B-03-V45"]) {
  padding-block: var(--sec-y);
}
/* Editorial card groups contain one to four choices. Let the authored count
   fill the row; the previous fixed four tracks left empty columns. */
body.ioc-site :is([data-variant-id="B-11-V47"], [data-variant-id="B-11-V50"]) .g4 {
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}
body.ioc-site [data-variant-id="B-11-V47"]:has(.g4 > :only-child) > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
}
body.ioc-site [data-variant-id="B-11-V47"]:has(.g4 > :only-child) .sec-h { margin-bottom: 0; }
@media (max-width: 760px) {
  body.ioc-site [data-variant-id="B-11-V47"]:has(.g4 > :only-child) > .wrap { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  body.ioc-site .mh__in { column-gap: 12px; }
  body.ioc-site .mh .wm { margin-right: 0; }
  body.ioc-site .wm__lockup { width: 110px; }
  body.ioc-site .mh__r .btn { min-width: 0; padding-inline: 12px; gap: 10px; }
}

/* India Folio enquiry consent is a compact acknowledgement above the button. */
body.ioc-site [data-variant-id="B-17-V45"] .ioc-consent .ioc-choices {
  border: 0;
  box-shadow: none;
  background: transparent;
  min-height: 0;
  height: auto;
}
body.ioc-site [data-variant-id="B-17-V45"] .ioc-consent .ioc-choice {
  align-items: flex-start;
  gap: 10px;
  border: 0;
  margin: 0;
  padding: 0;
}
body.ioc-site [data-variant-id="B-17-V45"] .ioc-consent b {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
}
body.ioc-site [data-variant-id="B-17-V45"] input[name="consent"] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}


/* -- The pack's bands sit on the SITE's spine, not the pack's own ------------
 * OWNER-DIRECTED 2026-09-11, verbatim: "Box width 1360px, Padding 32px,
 * Content starts at x = 64 — follow this for all infoc.com and infoc.in pages".
 * The same correction as the one at the end of infoc.com's V7 skin, and it is
 * duplicated rather than shared because a site's skin is standalone by
 * CMS-D-223: this sheet is kit + forms + slider + skin, with no `site.css`
 * and no `overrides.css` beneath it.
 *
 * TWO PARTS, and the first is the one that is easy to miss. THIS SITE NEVER
 * NARROWED THE TOKEN. `:root` sets `--ioc-maxw:1584px` and infoc.com's own
 * layer narrows it to 1360 on `body.ioc-site` — a layer infoc.in does not
 * load, so `site-infoc-in.css` carries ZERO copies of that declaration and the
 * body here resolved 1584px. Writing only the container rule below would
 * therefore have widened every band to 1584px, not the 1360px the owner asked
 * for. Measured before the fix: body `--ioc-maxw` 1584px, `--ioc-gutter` 32px.
 *
 * The container list matches infoc.com's for the same reason — the chrome and
 * the content have to share one edge. This site renders four of the five on
 * load (`.wrap`, `.ub__in`, `.mh__in`, `.cs__g`); `.mm__in` is named too so a
 * mega panel opens onto the same spine as the masthead above it. */
body.ioc-site {
  --ioc-maxw: 1360px;
}

body.ioc-site :is(.wrap, .ub__in, .mh__in, .mm__in, .cs__g) {
  max-width: var(--ioc-maxw);
  padding-inline: var(--ioc-gutter);
}


/* -- The mega panel's items keep their own layout -------------------------
 * The same leak as the one at the end of infoc.com's V7 skin, and present here
 * for the same reason: this site wears the Com shell (CMS-D-223), so it inherits
 * `body.ioc-site .mh__nav a` — the TOP-LEVEL nav-pill rule — which also matches
 * the mega panel's items because they are `<a>` elements nested inside
 * `.mh__nav`, and outranks `.mm__it` on specificity, (0,2,2) against (0,2,1).
 *
 * Measured on this site before the fix: all 8 items `display:flex` with
 * `padding-left:12px` and `gap:5px`, and the pack's own
 * `grid-template-columns:22px minmax(0,1fr) 14px` INERT because the leaked
 * `display` replaced the grid. Identical to infoc.com, which is what a shared
 * shell predicts.
 *
 * Duplicated rather than shared because a site's skin is standalone here — the
 * same reason the spine correction above is stated twice. */
body.ioc-site .mh__nav .mm__it {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 14px;
  gap: 11px;
  align-items: start;
  padding: 9px 8px 9px 0;
}

@media (max-width: 1120px) {
  body.ioc-site .mh__nav .mm__it {
    padding: 9px 16px;
  }
}