/* GENERATED by scripts/ib-css-split.mts from pages-sections.css (scripts/ib-css/area-parts.ts). Do not edit. */
/*
 * Instabooster — /herramientas, /afiliados and /sobre-nosotros (owner redesign 2026-11-12, Claude Design canvas). Hand-written `.pg`
 * system (new class names only), mobile first; the wide layout is a container query on the page
 * root. Markup: src/components/brands/ib/pages/kit.tsx + tools/index-page.tsx + tools/affiliates-landing.tsx + content/about.tsx.
 * Every rule in @layer ib, scoped to html[data-brand="ib"] .pg.
 */
@property --nf-n{syntax:"<integer>";initial-value:0;inherits:false}
@layer ib {
  /* ── ground rules inside the page: the site's element styles (links, headings, lists,
        buttons) do not reach in; every class rule below is stronger than these ── */
  html[data-brand="ib"] .pg :is(h1, h2, h3, p, ul, ol, li, figure) { margin: 0; padding: 0; }
  html[data-brand="ib"] .pg :is(h1, h2, h3, p, li) { font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit; }
  html[data-brand="ib"] .pg :is(ul, ol) { list-style: none; }
  html[data-brand="ib"] .pg a { color: inherit; text-decoration: none; }
  html[data-brand="ib"] .pg :where(a):hover { color: inherit; text-decoration: none; }
  html[data-brand="ib"] .pg button { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: left; cursor: pointer; }
  html[data-brand="ib"] .pg input { margin: 0; padding: 0; min-width: 0; border-radius: 0; box-shadow: none; }
  html[data-brand="ib"] .pg :is(em, i) { font-style: normal; }
  html[data-brand="ib"] .pg mark { padding: 0; background: none; color: inherit; }
  html[data-brand="ib"] .pg [hidden] { display: none !important; }
  /* a tap or a click leaves no ring behind (the site's own focus style); the keyboard keeps its ring */
  html[data-brand="ib"] .pg :is(a, button):focus:not(:focus-visible) { outline: 0; }

  html[data-brand="ib"] .pg { --pk:#e61c72; --pk-d:#cf1665; --grad:linear-gradient(135deg,#e61c72 0%,#ff4d94 100%); --ink:#14181f; --text:#4b5563; --muted:#667085; --line:#e8eaed; --tint:#f6f7f9; --pk-tint:#fdeaf3; --ease:cubic-bezier(.2,.8,.2,1); container-type:inline-size; container-name:pg; position:relative; overflow:hidden; background:#fff; font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:16px; line-height:1.5; color:var(--ink); -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; }
  html[data-brand="ib"] .pg * { box-sizing:border-box; min-width:0; }
  html[data-brand="ib"] .pg :where(h1,h2,h3,p,ul,ol,li,dl,dt,dd,blockquote,figure) { margin:0; padding:0; }
  html[data-brand="ib"] .pg :where(ul,ol) { list-style:none; }
  html[data-brand="ib"] .pg :where(a) { text-decoration:none; }
  html[data-brand="ib"] .pg :where(button) { font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; text-align:left; }
  html[data-brand="ib"] .pg :where(svg) { display:block; flex:none; }
  html[data-brand="ib"] .pg :where(img) { display:block; max-width:100%; height:auto; }
  html[data-brand="ib"] .pg :where(label) { display:block; margin:0; }
  html[data-brand="ib"] .pg :is(a,button,input):focus-visible, html[data-brand="ib"] .pg .pg-x:focus-visible + label { outline:3px solid rgba(230,28,114,.5); outline-offset:2px; }
  html[data-brand="ib"] .pg .pg-ic { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  html[data-brand="ib"] .pg .pg-wrap { width:100%; max-width:1216px; margin:0 auto; padding:0 20px; }
  html[data-brand="ib"] .pg .pg-h2 { font-size:25px; line-height:1.14; font-weight:800; letter-spacing:-.03em; text-wrap:balance; }
  html[data-brand="ib"] .pg .pg-sub { margin-top:8px; font-size:15px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .pg-sub a, html[data-brand="ib"] .pg .pg-link { font-weight:700; color:var(--pk-d); text-decoration:underline; text-decoration-color:rgba(207,22,101,.35); text-decoration-thickness:1.5px; text-underline-offset:4px; }
  html[data-brand="ib"] .pg .pg-sec { padding:44px 0; }
  html[data-brand="ib"] .pg .pg-sec--tint { background:var(--tint); }
  /* hero */
  html[data-brand="ib"] .pg .pg-hero { position:relative; background:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.7px) 0 0/28px 28px,var(--grad); color:#fff; }
  html[data-brand="ib"] .pg .pg-hero__in { padding-top:14px; padding-bottom:40px; }
  html[data-brand="ib"] .pg .pg-hero h1 { margin-top:18px; font-size:31px; line-height:1.05; font-weight:800; letter-spacing:-.035em; text-wrap:balance; animation:pg-slide .7s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-lead { margin-top:12px; max-width:600px; font-size:15.5px; line-height:1.6; font-weight:500; color:rgba(255,255,255,.95); animation:pg-slide .7s .05s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-lead b, html[data-brand="ib"] .pg .pg-lead strong { font-weight:700; color:#fff; }
  html[data-brand="ib"] .pg .pg-lead a { color:#fff; font-weight:700; text-decoration:underline; text-decoration-color:rgba(255,255,255,.5); text-underline-offset:3px; }
  html[data-brand="ib"] .pg .pg-acts { display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px; margin-top:20px; animation:pg-slide .7s .1s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:52px; padding:0 26px; border-radius:999px; background:#fff; font-size:15.5px; font-weight:800; color:var(--pk-d); box-shadow:0 14px 26px -18px rgba(20,24,31,.6); transition:transform .2s var(--ease); }
  html[data-brand="ib"] .pg .pg-cta:hover { color:var(--pk-d); }
  html[data-brand="ib"] .pg .pg-cta:active { transform:scale(.985); }
  html[data-brand="ib"] .pg .pg-cta svg { width:18px; height:18px; transition:transform .25s var(--ease); }
  html[data-brand="ib"] .pg .pg-cta:hover svg { transform:translateX(3px); }
  html[data-brand="ib"] .pg .pg-jump { display:inline-flex; align-items:center; gap:6px; min-height:44px; font-size:14.5px; font-weight:700; color:#fff; text-decoration:underline; text-decoration-color:rgba(255,255,255,.5); text-decoration-thickness:1.5px; text-underline-offset:4px; }
  html[data-brand="ib"] .pg .pg-jump:hover { color:#fff; text-decoration-color:#fff; }
  html[data-brand="ib"] .pg .pg-hero__art { display:none; }
  html[data-brand="ib"] .pg .pg-rate { margin-top:16px; font-size:14px; line-height:1.5; font-weight:600; color:rgba(255,255,255,.95); }
  html[data-brand="ib"] .pg .pg-rate a { color:#fff; font-weight:700; text-decoration:underline; text-decoration-color:rgba(255,255,255,.5); text-underline-offset:3px; }
  /* the page in figures: a white sheet over the edge of the hero */
  html[data-brand="ib"] .pg .pg-facts { position:relative; margin-top:-22px; }
  html[data-brand="ib"] .pg .pg-facts ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:24px; background:#fff; box-shadow:0 24px 50px -30px rgba(20,24,31,.45),0 0 0 1px var(--line); animation:pg-rise .7s .1s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-facts li { padding:16px 18px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-facts li:nth-child(-n+2) { border-top:0; }
  html[data-brand="ib"] .pg .pg-facts li:nth-child(odd) { border-right:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-facts b { display:block; font-size:23px; line-height:1.1; font-weight:800; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
  html[data-brand="ib"] .pg .pg-facts span { display:block; margin-top:4px; font-size:13px; line-height:1.4; font-weight:500; color:var(--text); }
  /* rows: a bold name and a sentence, separated by hairlines */
  html[data-brand="ib"] .pg .pg-rows { margin-top:14px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-rows li { padding:15px 0; border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-rows :is(b,h3) { display:block; font-size:16px; line-height:1.35; font-weight:800; letter-spacing:-.01em; }
  html[data-brand="ib"] .pg .pg-rows span { display:block; margin-top:3px; font-size:14.5px; line-height:1.6; font-weight:500; color:var(--text); }
  /* ink panel with a white card: steps, drawn */
  html[data-brand="ib"] .pg .pg-ink { border-radius:26px; background:var(--ink); color:#fff; overflow:hidden; }
  html[data-brand="ib"] .pg .pg-ink__t { padding:26px 20px 20px; }
  html[data-brand="ib"] .pg .pg-ink__t .pg-sub { color:#aab1bd; }
  html[data-brand="ib"] .pg .pg-ink__c { margin:0 12px 12px; padding:18px 18px 16px; border-radius:20px; background:#fff; color:var(--ink); }
  html[data-brand="ib"] .pg .pg-ink__img { display:none; }
  html[data-brand="ib"] .pg .pg-steps { position:relative; }
  html[data-brand="ib"] .pg .pg-steps li { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); gap:0 6px; padding:13px 0; border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-steps li:last-child { border-bottom:0; padding-bottom:2px; }
  html[data-brand="ib"] .pg .pg-steps li:first-child { padding-top:2px; }
  html[data-brand="ib"] .pg .pg-steps i { grid-row:1/3; font-style:normal; font-size:13px; line-height:1.75; font-weight:700; font-variant-numeric:tabular-nums; color:#98a2b3; }
  html[data-brand="ib"] .pg .pg-steps :is(b,h3) { font-size:15.5px; line-height:1.35; font-weight:800; letter-spacing:-.01em; }
  html[data-brand="ib"] .pg .pg-steps span { font-size:14px; line-height:1.55; font-weight:500; color:var(--text); }
  /* the path of a commission / an order: a line that draws itself */
  html[data-brand="ib"] .pg .pg-flow { margin-top:16px; }
  html[data-brand="ib"] .pg .pg-flow svg { width:100%; height:auto; overflow:visible; }
  html[data-brand="ib"] .pg .pg-flow__axis { stroke:var(--line); stroke-width:1.5; }
  html[data-brand="ib"] .pg .pg-flow__line { fill:none; stroke:var(--ink); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; animation:pg-draw 2.2s .5s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-flow__dot { fill:var(--ink); opacity:.01; animation:pg-pop .4s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-flow__dot:nth-of-type(1) { animation-delay:.6s; }
  html[data-brand="ib"] .pg .pg-flow__dot:nth-of-type(2) { animation-delay:1.5s; }
  html[data-brand="ib"] .pg .pg-flow__dot:nth-of-type(3) { animation-delay:2.5s; }
  html[data-brand="ib"] .pg .pg-flow p { display:flex; justify-content:space-between; gap:12px; margin-top:8px; font-size:12.5px; font-weight:600; color:var(--muted); }
  /* tools */
  html[data-brand="ib"] .pg .pg-tools { display:grid; gap:14px; margin-top:18px; }
  html[data-brand="ib"] .pg .pg-tool { position:relative; display:flex; flex-direction:column; border-radius:24px; background:#fff; box-shadow:0 0 0 1px var(--line); overflow:hidden; transition:box-shadow .25s,transform .3s var(--ease); }
  html[data-brand="ib"] .pg .pg-tool:hover { box-shadow:0 0 0 1.5px var(--ink); transform:translateY(-3px); }
  html[data-brand="ib"] .pg .pg-tool__pic { aspect-ratio:3/2; overflow:hidden; background:#e9e4dc; }
  html[data-brand="ib"] .pg .pg-tool__pic img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
  html[data-brand="ib"] .pg .pg-tool:hover .pg-tool__pic img { transform:scale(1.04); }
  html[data-brand="ib"] .pg .pg-tool__b { display:flex; flex-direction:column; flex:1; padding:18px 18px 16px; }
  html[data-brand="ib"] .pg .pg-tool__k { font-size:13px; font-weight:600; color:var(--muted); }
  html[data-brand="ib"] .pg .pg-tool h3 { margin-top:2px; font-size:19px; line-height:1.2; font-weight:800; letter-spacing:-.025em; }
  html[data-brand="ib"] .pg .pg-tool h3 a::after { content:""; position:absolute; inset:0; }
  html[data-brand="ib"] .pg .pg-tool p { margin-top:8px; font-size:14.5px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .pg-tool__f { margin-top:8px; font-size:13px; line-height:1.55; font-weight:500; color:var(--muted); }
  html[data-brand="ib"] .pg .pg-tool__go { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:14px; font-size:14.5px; font-weight:700; color:var(--pk-d); }
  html[data-brand="ib"] .pg .pg-tool__go svg { width:18px; height:18px; transition:transform .25s var(--ease); }
  html[data-brand="ib"] .pg .pg-tool:hover .pg-tool__go svg { transform:translateX(4px); }
  /* the first tool can be used right here */
  /* the way out to the services: the last cell of the grid, on ink */
  html[data-brand="ib"] .pg .pg-tool--ink { justify-content:center; padding:26px 22px; background:var(--ink); box-shadow:none; color:#fff; }
  html[data-brand="ib"] .pg .pg-tool--ink:hover { box-shadow:none; color:#fff; }
  html[data-brand="ib"] .pg .pg-tool--ink h3 { margin-top:0; font-size:22px; color:#fff; }
  html[data-brand="ib"] .pg .pg-tool--ink p { color:#aab1bd; }
  html[data-brand="ib"] .pg .pg-tool--ink .pg-cta { align-self:flex-start; margin-top:18px; box-shadow:none; }
  html[data-brand="ib"] .pg .pg-tool--lead .pg-tool__form { position:relative; z-index:1; display:grid; gap:8px; margin-top:14px; }
  html[data-brand="ib"] .pg .pg-lbl { font-size:13.5px; font-weight:700; }
  html[data-brand="ib"] .pg .pg-in { display:block; width:100%; height:52px; padding:0 16px; border:1.5px solid #d9dde4; border-radius:14px; background:#fff; font:inherit; font-size:16px; font-weight:600; color:var(--ink); transition:border-color .2s,box-shadow .2s; -webkit-appearance:none; appearance:none; }
  html[data-brand="ib"] .pg .pg-in::placeholder { color:#98a2b3; font-weight:500; }
  html[data-brand="ib"] .pg .pg-in:focus { outline:0; border-color:var(--pk); box-shadow:0 0 0 4px rgba(230,28,114,.14); }
  html[data-brand="ib"] .pg .pg-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:52px; padding:0 24px; border-radius:999px; background:var(--grad); font-size:15px; font-weight:800; color:#fff; box-shadow:0 14px 26px -16px rgba(230,28,114,.9); transition:transform .2s var(--ease); }
  html[data-brand="ib"] .pg .pg-btn:hover { color:#fff; }
  html[data-brand="ib"] .pg .pg-btn:active { transform:scale(.985); }
  html[data-brand="ib"] .pg .pg-btn--ink { background:var(--ink); box-shadow:none; }
  /* earnings simulator */
  html[data-brand="ib"] .pg .pg-calc__n { font-size:44px; line-height:1; font-weight:800; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
  html[data-brand="ib"] .pg .pg-calc__n small { font-size:16px; font-weight:700; letter-spacing:0; color:var(--muted); }
  html[data-brand="ib"] .pg .pg-calc__y { margin-top:6px; font-size:14px; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .pg-calc__y b { font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .pg .pg-range { margin-top:18px; }
  html[data-brand="ib"] .pg .pg-range__h { display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-size:14px; font-weight:700; }
  html[data-brand="ib"] .pg .pg-range__h output { font-size:16px; font-weight:800; font-variant-numeric:tabular-nums; }
  html[data-brand="ib"] .pg .pg-range input { display:block; width:100%; height:44px; margin:0; background:none; accent-color:var(--ink); cursor:pointer; }
  html[data-brand="ib"] .pg .pg-range__s { display:flex; justify-content:space-between; margin-top:-6px; font-size:12px; font-weight:600; color:#98a2b3; }
  html[data-brand="ib"] .pg .pg-calc__l { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); font-size:14px; line-height:1.55; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .pg-calc__l b { font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .pg .pg-calc .pg-btn { width:100%; margin-top:16px; }
  /* team */
  html[data-brand="ib"] .pg .pg-team { display:grid; gap:14px; margin-top:18px; }
  html[data-brand="ib"] .pg .pg-person { display:grid; grid-template-columns:88px minmax(0,1fr); gap:0 16px; align-items:start; padding:16px; border-radius:24px; background:#fff; box-shadow:0 0 0 1px var(--line); }
  html[data-brand="ib"] .pg .pg-person img { width:88px; height:88px; object-fit:cover; border-radius:22px; box-shadow:0 0 0 1px var(--line); transition:transform .4s var(--ease); }
  html[data-brand="ib"] .pg .pg-person:hover img { transform:rotate(-3deg) scale(1.04); }
  html[data-brand="ib"] .pg .pg-person h3 { font-size:18px; line-height:1.2; font-weight:800; letter-spacing:-.02em; }
  html[data-brand="ib"] .pg .pg-person .pg-person__r { grid-column:auto; margin-top:2px; font-size:13.5px; font-weight:600; color:var(--muted); }
  html[data-brand="ib"] .pg .pg-person p { grid-column:1/-1; margin-top:12px; font-size:14.5px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .pg-person__s { grid-column:1/-1; margin-top:8px; font-size:13px; font-weight:600; color:var(--muted); }
  html[data-brand="ib"] .pg .pg-pic { margin-top:18px; border-radius:24px; background:var(--tint); overflow:hidden; }
  html[data-brand="ib"] .pg .pg-pic img { width:100%; }
  /* a customer's story */
  html[data-brand="ib"] .pg .pg-quote { margin-top:18px; padding:22px 20px; border-radius:24px; background:#fff; box-shadow:0 0 0 1px var(--line); }
  html[data-brand="ib"] .pg .pg-quote blockquote { font-size:17px; line-height:1.55; font-weight:600; letter-spacing:-.01em; color:var(--ink); }
  html[data-brand="ib"] .pg .pg-quote figcaption { margin-top:12px; font-size:14px; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .pg-quote figcaption :is(b,h3) { display:inline; font-size:inherit; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .pg .pg-quote ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-quote li b { display:block; font-size:19px; line-height:1.15; font-weight:800; letter-spacing:-.03em; }
  html[data-brand="ib"] .pg .pg-quote li span { display:block; margin-top:2px; font-size:12.5px; font-weight:500; color:var(--muted); overflow-wrap:anywhere; }
  /* questions (a hidden checkbox + label: no script) */
  html[data-brand="ib"] .pg .pg-x { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
  html[data-brand="ib"] .pg .pg-faq { margin-top:14px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-q { border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pg .pg-q > label { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; min-height:60px; padding:14px 0; cursor:pointer; }
  html[data-brand="ib"] .pg .pg-q > label .pg-q__t { font-size:16px; line-height:1.35; font-weight:700; letter-spacing:-.01em; transition:color .2s; }
  html[data-brand="ib"] .pg .pg-q > label:hover .pg-q__t { color:var(--pk-d); }
  html[data-brand="ib"] .pg .pg-q > label i { position:relative; width:18px; height:18px; }
  html[data-brand="ib"] .pg .pg-q > label i::before, html[data-brand="ib"] .pg .pg-q > label i::after { content:""; position:absolute; left:1px; right:1px; top:8px; height:2px; border-radius:2px; background:var(--ink); transition:transform .3s var(--ease); }
  html[data-brand="ib"] .pg .pg-q > label i::after { transform:rotate(90deg); }
  html[data-brand="ib"] .pg .pg-q > .pg-x:checked + label i::after { transform:none; }
  html[data-brand="ib"] .pg .pg-q__a { display:none; padding:0 0 18px; max-width:760px; font-size:15px; line-height:1.7; font-weight:500; color:var(--text); animation:pg-in .35s var(--ease) both; }
  html[data-brand="ib"] .pg .pg-q > .pg-x:checked ~ .pg-q__a { display:block; }
  /* closing band */
  html[data-brand="ib"] .pg .pg-end { padding:0 0 44px; }
  html[data-brand="ib"] .pg .pg-end--top { padding-top:44px; }
  html[data-brand="ib"] .pg .pg-end__b { display:grid; gap:16px; padding:26px 20px; border-radius:26px; background:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.7px) 0 0/28px 28px,var(--grad); color:#fff; }
  html[data-brand="ib"] .pg .pg-end__b h2 { font-size:23px; line-height:1.14; font-weight:800; letter-spacing:-.03em; text-wrap:balance; }
  html[data-brand="ib"] .pg .pg-end__b p { margin-top:6px; font-size:15px; line-height:1.55; font-weight:500; color:rgba(255,255,255,.95); }
  html[data-brand="ib"] .pg .pg-end__b p a { color:#fff; font-weight:700; text-decoration:underline; text-decoration-color:rgba(255,255,255,.5); text-underline-offset:3px; }
  html[data-brand="ib"] .pg .pg-end__a { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; }
  @keyframes pg-slide { from{transform:translateY(16px)}to{transform:none} }
  @keyframes pg-rise { from{opacity:.01;transform:translateY(22px)}to{opacity:1;transform:none} }
  @keyframes pg-in { from{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:none} }
  @keyframes pg-draw { to{stroke-dashoffset:0} }
  @keyframes pg-pop { from{opacity:.01;transform:scale(.4)}to{opacity:1;transform:none} }
  @keyframes pg-float { from{transform:translateY(0)}to{transform:translateY(-8px)} }
  /* blocks come in as they enter the window, where the browser can tie it to the scroll */
  @supports (animation-timeline:view()) {
    html[data-brand="ib"] .pg .pg-a { animation:pg-in linear both; animation-timeline:view(); animation-range:entry 0% entry 55%; }
  }
  @media (prefers-reduced-motion:reduce) {
    html[data-brand="ib"] .pg * { animation:none!important; transition:none!important; }
    html[data-brand="ib"] .pg .pg-flow__line { stroke-dashoffset:0; }
    html[data-brand="ib"] .pg .pg-flow__dot { opacity:1; }
  }
  @container pg (max-width:350px) {
    html[data-brand="ib"] .pg .pg-wrap { padding-left:16px; padding-right:16px; }
    html[data-brand="ib"] .pg .pg-hero h1 { font-size:28px; }
    html[data-brand="ib"] .pg .pg-facts b { font-size:20px; }
    html[data-brand="ib"] .pg .pg-facts li { padding:14px; }
    html[data-brand="ib"] .pg .pg-cta, html[data-brand="ib"] .pg .pg-btn { width:100%; }
    html[data-brand="ib"] .pg .pg-person { grid-template-columns:72px minmax(0,1fr); }
    html[data-brand="ib"] .pg .pg-person img { width:72px; height:72px; border-radius:18px; }
    html[data-brand="ib"] .pg .pg-quote li b { font-size:16.5px; }
    html[data-brand="ib"] .pg .pg-quote ul { grid-template-columns:1fr; gap:10px; }
  }
  @container pg (min-width:700px) {
    html[data-brand="ib"] .pg .pg-facts ul { grid-template-columns:repeat(4,minmax(0,1fr)); border-radius:28px; }
    html[data-brand="ib"] .pg .pg-facts li, html[data-brand="ib"] .pg .pg-facts li:nth-child(-n+2) { padding:22px 24px; border-top:0; border-right:1px solid var(--line); }
    html[data-brand="ib"] .pg .pg-facts li:last-child { border-right:0; }
    html[data-brand="ib"] .pg .pg-ink { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); align-items:stretch; border-radius:32px; }
    html[data-brand="ib"] .pg .pg-ink__t { display:flex; flex-direction:column; justify-content:center; padding:36px 12px 36px 36px; }
    html[data-brand="ib"] .pg .pg-ink__c { margin:14px; padding:22px 24px 20px; border-radius:22px; }
    html[data-brand="ib"] .pg .pg-ink__img { display:block; margin-top:22px; border-radius:18px; background:#fff; overflow:hidden; }
    html[data-brand="ib"] .pg .pg-tools { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    html[data-brand="ib"] .pg .pg-tool--lead { grid-column:1/-1; flex-direction:row; }
    html[data-brand="ib"] .pg .pg-tool--lead .pg-tool__pic { flex:none; width:44%; aspect-ratio:auto; }
    html[data-brand="ib"] .pg .pg-tool--lead .pg-tool__b { padding:26px 28px 24px; }
    html[data-brand="ib"] .pg .pg-tool--lead h3 { font-size:24px; }
    html[data-brand="ib"] .pg .pg-tool--lead .pg-tool__form { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
    html[data-brand="ib"] .pg .pg-tool--lead .pg-lbl { grid-column:1/-1; }
    html[data-brand="ib"] .pg .pg-team { grid-template-columns:repeat(3,minmax(0,1fr)); }
    html[data-brand="ib"] .pg .pg-person { grid-template-columns:1fr; padding:20px; }
    html[data-brand="ib"] .pg .pg-person img { width:128px; height:128px; margin-bottom:14px; border-radius:30px; }
    html[data-brand="ib"] .pg .pg-quote { padding:30px 32px; }
    html[data-brand="ib"] .pg .pg-quote blockquote { font-size:19px; }
    html[data-brand="ib"] .pg .pg-end__b { grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:34px 36px; border-radius:32px; }
    html[data-brand="ib"] .pg .pg-rows--2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; }
  }
  @container pg (min-width:960px) {
    html[data-brand="ib"] .pg .pg-wrap { padding:0 32px; }
    html[data-brand="ib"] .pg .pg-sec { padding:72px 0; }
    html[data-brand="ib"] .pg .pg-h2 { font-size:clamp(28px,2.6cqi,34px); }
    html[data-brand="ib"] .pg .pg-sub { font-size:16px; }
    html[data-brand="ib"] .pg .pg-hero__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,440px); gap:0 56px; align-items:center; padding-top:92px; padding-bottom:86px; }
    html[data-brand="ib"] .pg .pg-hero__in > :not(.pg-hero__art) { grid-column:1; }
    html[data-brand="ib"] .pg .pg-hero h1 { margin-top:26px; font-size:clamp(40px,4cqi,56px); }
    html[data-brand="ib"] .pg .pg-lead { margin-top:16px; font-size:17px; }
    html[data-brand="ib"] .pg .pg-acts { margin-top:26px; }
    /* the picture: only from here (phones get the words first) */
    html[data-brand="ib"] .pg .pg-hero__art { display:block; grid-column:2; grid-row:1/6; align-self:center; aspect-ratio:4/3; border-radius:32px; background:#fff; overflow:hidden; box-shadow:0 30px 60px -34px rgba(20,24,31,.6); animation:pg-rise .8s .15s var(--ease) both; }
    html[data-brand="ib"] .pg .pg-hero__art img { width:100%; height:100%; object-fit:cover; }
    html[data-brand="ib"] .pg .pg-hero__art--wide { aspect-ratio:3/2; }
    html[data-brand="ib"] .pg .pg-hero__art--art img { object-fit:contain; }
    html[data-brand="ib"] .pg .pg-hero__art--float img { animation:pg-float 3.2s ease-in-out infinite alternate; }
    html[data-brand="ib"] .pg .pg-facts { margin-top:-44px; }
    html[data-brand="ib"] .pg .pg-facts ul { border-radius:32px; box-shadow:0 30px 60px -34px rgba(20,24,31,.5),0 0 0 1px var(--line); }
    html[data-brand="ib"] .pg .pg-facts li, html[data-brand="ib"] .pg .pg-facts li:nth-child(-n+2) { padding:28px 32px; }
    html[data-brand="ib"] .pg .pg-facts b { font-size:clamp(28px,2.6cqi,34px); }
    html[data-brand="ib"] .pg .pg-facts span { font-size:14px; }
    html[data-brand="ib"] .pg .pg-two { display:grid; grid-template-columns:300px minmax(0,1fr); gap:0 64px; align-items:start; }
    html[data-brand="ib"] .pg .pg-two > :first-child { position:sticky; top:104px; }
    html[data-brand="ib"] .pg .pg-two .pg-rows, html[data-brand="ib"] .pg .pg-two .pg-faq, html[data-brand="ib"] .pg .pg-two .pg-team, html[data-brand="ib"] .pg .pg-two .pg-quote { margin-top:0; }
    html[data-brand="ib"] .pg .pg-two > :last-child > .pg-sub:first-child { margin-top:0; }
    html[data-brand="ib"] .pg .pg-two > :last-child > .pg-sub + .pg-rows { margin-top:18px; }
    html[data-brand="ib"] .pg .pg-ink { border-radius:36px; }
    html[data-brand="ib"] .pg .pg-ink__t { padding:56px 24px 56px 56px; }
    html[data-brand="ib"] .pg .pg-ink__c { margin:16px; padding:28px 30px 24px; border-radius:24px; }
    html[data-brand="ib"] .pg .pg-steps :is(b,h3) { font-size:16.5px; }
    html[data-brand="ib"] .pg .pg-tools { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:26px; }
    html[data-brand="ib"] .pg .pg-team { margin-top:26px; gap:18px; }
    html[data-brand="ib"] .pg .pg-calc__n { font-size:56px; }
    html[data-brand="ib"] .pg .pg-q > label .pg-q__t { font-size:17px; }
    html[data-brand="ib"] .pg .pg-end { padding-bottom:72px; }
    html[data-brand="ib"] .pg .pg-end--top { padding-top:72px; }
    html[data-brand="ib"] .pg .pg-end__b { padding:44px 56px; border-radius:36px; }
    html[data-brand="ib"] .pg .pg-end__b h2 { font-size:30px; }
  }
}