/*
 * Instabooster — the description of a service page (/{slug}, under the buy card) (owner redesign 2026-11-12, Claude Design canvas). Hand-written `.pd`
 * system (new class names only), mobile first; the wide layout is a container query on the page
 * root. Markup: src/components/brands/ib/product/service-sections.tsx + service-guide.ts.
 * Every rule in @layer ib, scoped to html[data-brand="ib"] .pd.
 */
@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"] .pd :is(h1, h2, h3, p, ul, ol, li, figure) { margin: 0; padding: 0; }
  html[data-brand="ib"] .pd :is(h1, h2, h3, p, li) { font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit; }
  html[data-brand="ib"] .pd :is(ul, ol) { list-style: none; }
  html[data-brand="ib"] .pd a { color: inherit; text-decoration: none; }
  html[data-brand="ib"] .pd :where(a):hover { color: inherit; text-decoration: none; }
  html[data-brand="ib"] .pd 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"] .pd input { margin: 0; padding: 0; min-width: 0; border-radius: 0; box-shadow: none; }
  html[data-brand="ib"] .pd :is(em, i) { font-style: normal; }
  html[data-brand="ib"] .pd mark { padding: 0; background: none; color: inherit; }
  html[data-brand="ib"] .pd [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"] .pd :is(a, button):focus:not(:focus-visible) { outline: 0; }

  html[data-brand="ib"] .pd { --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:pd; 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"] .pd * { box-sizing:border-box; min-width:0; }
  html[data-brand="ib"] .pd :where(h1,h2,h3,p,ul,ol,li,dl,dt,dd,table,blockquote,figure) { margin:0; padding:0; }
  html[data-brand="ib"] .pd :where(ul,ol) { list-style:none; }
  html[data-brand="ib"] .pd :where(a) { text-decoration:none; }
  html[data-brand="ib"] .pd :where(button) { font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; text-align:left; }
  html[data-brand="ib"] .pd :where(svg) { display:block; flex:none; }
  html[data-brand="ib"] .pd .pd-x { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
  html[data-brand="ib"] .pd :where(label) { display:block; margin:0; cursor:pointer; }
  html[data-brand="ib"] .pd :is(a,button):focus-visible, html[data-brand="ib"] .pd .pd-x:focus-visible + :is(label,.pd-part__h) { outline:3px solid rgba(230,28,114,.5); outline-offset:2px; }
  html[data-brand="ib"] .pd .pd-ic { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  html[data-brand="ib"] .pd .pd-wrap { width:100%; max-width:1216px; margin:0 auto; padding:0 20px; }
  html[data-brand="ib"] .pd .pd-h2 { font-size:25px; line-height:1.14; font-weight:800; letter-spacing:-.03em; text-wrap:balance; }
  html[data-brand="ib"] .pd .pd-sub { margin-top:8px; font-size:15px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-sec { padding:44px 0; }
  /* what stays as it is today (only for context) */
  /* the service in four facts (real figures of this service) */
  html[data-brand="ib"] .pd .pd-facts { padding:34px 0 8px; }
  html[data-brand="ib"] .pd .pd-facts ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-facts li { padding:16px 0; border-bottom:1px solid var(--line); animation:pd-in .5s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-facts li:nth-child(2) { animation-delay:.08s; }
  html[data-brand="ib"] .pd .pd-facts li:nth-child(3) { animation-delay:.16s; }
  html[data-brand="ib"] .pd .pd-facts li:nth-child(4) { animation-delay:.24s; }
  html[data-brand="ib"] .pd .pd-facts li b { display:block; font-size:24px; line-height:1.1; font-weight:800; letter-spacing:-.035em; color:var(--pk-d); }
  html[data-brand="ib"] .pd .pd-facts li span { display:block; margin-top:4px; font-size:13.5px; line-height:1.45; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-proof { margin-top:16px; font-size:14px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-proof b { font-weight:700; color:var(--ink); }
  /* how it works: the three steps and the way an order arrives, drawn */
  html[data-brand="ib"] .pd .pd-how__p { border-radius:26px; background:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.7px) 0 0/28px 28px,var(--grad); color:#fff; overflow:hidden; }
  html[data-brand="ib"] .pd .pd-how__t { padding:26px 20px 20px; }
  html[data-brand="ib"] .pd .pd-how__t .pd-sub { color:rgba(255,255,255,.95); }
  html[data-brand="ib"] .pd .pd-how__c { margin:0 12px 12px; padding:18px 18px 16px; border-radius:20px; background:#fff; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-steps li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:0 6px; padding:13px 0; border-bottom:1px solid var(--line); animation:pd-in .5s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-steps li:nth-child(1) { animation-delay:.2s; }
  html[data-brand="ib"] .pd .pd-steps li:nth-child(2) { animation-delay:.5s; }
  html[data-brand="ib"] .pd .pd-steps li:nth-child(3) { animation-delay:.8s; }
  html[data-brand="ib"] .pd .pd-steps i { grid-row:1/3; font-style:normal; font-size:13px; line-height:1.7; font-weight:700; font-variant-numeric:tabular-nums; color:var(--pk-d); }
  html[data-brand="ib"] .pd .pd-steps h3 { font-size:15.5px; line-height:1.35; font-weight:800; letter-spacing:-.01em; }
  html[data-brand="ib"] .pd .pd-steps span { font-size:14px; line-height:1.55; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-curve { margin-top:16px; }
  html[data-brand="ib"] .pd .pd-curve svg { width:100%; height:auto; overflow:visible; }
  html[data-brand="ib"] .pd .pd-curve__axis { stroke:var(--line); stroke-width:1.5; }
  html[data-brand="ib"] .pd .pd-curve__line { fill:none; stroke:var(--pk); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; animation:pd-draw 2.2s .9s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-curve__dot { fill:var(--pk); opacity:.01; animation:pd-pop .4s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-curve__dot:nth-of-type(1) { animation-delay:1s; }
  html[data-brand="ib"] .pd .pd-curve__dot:nth-of-type(2) { animation-delay:1.9s; }
  html[data-brand="ib"] .pd .pd-curve__dot:nth-of-type(3) { animation-delay:2.9s; }
  html[data-brand="ib"] .pd .pd-curve p { display:flex; justify-content:space-between; gap:12px; margin-top:8px; font-size:12.5px; font-weight:600; color:var(--muted); }
  /* what it costs: every package of this service, and what each 100 cost in it */
  html[data-brand="ib"] .pd .pd-ladder { margin-top:18px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-ladder li { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"q p" "bar bar"; align-items:center; gap:6px 14px; padding:13px 0; border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-ladder__q { grid-area:q; font-size:16px; font-weight:800; letter-spacing:-.01em; font-variant-numeric:tabular-nums; }
  html[data-brand="ib"] .pd .pd-ladder__p { grid-area:p; font-size:16px; font-weight:800; font-variant-numeric:tabular-nums; text-align:right; }
  html[data-brand="ib"] .pd .pd-ladder__bar { grid-area:bar; display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; color:var(--muted); font-variant-numeric:tabular-nums; }
  html[data-brand="ib"] .pd .pd-ladder__bar i { flex:none; display:block; width:calc(var(--w) * .58); max-width:58%; height:6px; border-radius:6px; background:var(--ink); transform-origin:0 50%; animation:pd-grow .8s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(2) i { animation-delay:.06s; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(3) i { animation-delay:.12s; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(4) i { animation-delay:.18s; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(5) i { animation-delay:.24s; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(6) i { animation-delay:.3s; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(7) i { animation-delay:.36s; }
  html[data-brand="ib"] .pd .pd-ladder li:nth-child(8) i { animation-delay:.42s; }
  html[data-brand="ib"] .pd .pd-ladder__go { display:none; }
  html[data-brand="ib"] .pd .pd-ladder__note { margin-top:12px; font-size:13.5px; line-height:1.6; font-weight:500; color:var(--muted); }
  /* the guide: the stored text, at a reading width, with its index */
  html[data-brand="ib"] .pd .pd-guide { background:var(--tint); }
  html[data-brand="ib"] .pd .pd-by { margin-top:8px; font-size:13.5px; line-height:1.6; font-weight:500; color:var(--muted); }
  html[data-brand="ib"] .pd .pd-quick { margin-top:20px; padding:20px 18px; border-radius:22px; background:#fff; box-shadow:0 0 0 1px var(--line); }
  html[data-brand="ib"] .pd .pd-quick b { display:block; font-size:13.5px; font-weight:700; color:var(--muted); }
  html[data-brand="ib"] .pd .pd-quick p { margin-top:6px; font-size:16.5px; line-height:1.6; font-weight:600; letter-spacing:-.01em; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-grid { margin-top:14px; }
  html[data-brand="ib"] .pd .pd-toc { display:none; }
  html[data-brand="ib"] .pd .pd-doc { font-size:15.5px; line-height:1.7; font-weight:500; color:var(--text); }
  /* phones: one section at a time */
  html[data-brand="ib"] .pd .pd-part { margin-top:10px; border-radius:20px; background:#fff; box-shadow:0 0 0 1px var(--line); }
  html[data-brand="ib"] .pd .pd-part > .pd-part__h > label { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:64px; padding:14px 16px 14px 18px; }
  html[data-brand="ib"] .pd .pd-part > .pd-part__h { font-size:16.5px; line-height:1.3; font-weight:800; letter-spacing:-.015em; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-part > .pd-part__h svg { transition:transform .3s var(--ease); }
  html[data-brand="ib"] .pd .pd-part > .pd-x:checked + .pd-part__h svg { transform:rotate(180deg); }
  html[data-brand="ib"] .pd .pd-part__b { display:none; padding:0 18px 20px; }
  html[data-brand="ib"] .pd .pd-part > .pd-x:checked ~ .pd-part__b { display:block; }
  html[data-brand="ib"] .pd .pd-part__b > :first-child { margin-top:0; }
  html[data-brand="ib"] .pd .pd-doc h3 { margin-top:22px; font-size:16.5px; line-height:1.3; font-weight:800; letter-spacing:-.015em; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-doc p { margin-top:12px; }
  html[data-brand="ib"] .pd .pd-doc strong { font-weight:700; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-doc a { 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:3px; overflow-wrap:anywhere; }
  html[data-brand="ib"] .pd .pd-doc ul, html[data-brand="ib"] .pd .pd-doc ol { margin-top:12px; }
  html[data-brand="ib"] .pd .pd-doc li { position:relative; padding:8px 0 8px 22px; border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-doc li:last-child { border-bottom:0; }
  html[data-brand="ib"] .pd .pd-doc ul li::before { content:""; position:absolute; left:2px; top:20px; width:9px; height:2px; border-radius:2px; background:var(--pk); }
  html[data-brand="ib"] .pd .pd-doc ol { counter-reset:o; }
  html[data-brand="ib"] .pd .pd-doc ol li { counter-increment:o; }
  html[data-brand="ib"] .pd .pd-doc ol li::before { content:counter(o); position:absolute; left:0; top:8px; font-size:13px; font-weight:700; color:#98a2b3; }
  html[data-brand="ib"] .pd .pd-doc .cat-callout { margin-top:16px; padding:16px 18px; border-radius:16px; background:var(--tint); font-size:14.5px; line-height:1.65; }
  html[data-brand="ib"] .pd .pd-doc .cat-callout p { margin-top:0; }
  html[data-brand="ib"] .pd .pd-doc .cat-callout--warn { background:#fff; box-shadow:inset 0 0 0 1.5px var(--ink); }
  html[data-brand="ib"] .pd .pd-doc .table-wrap { margin-top:16px; }
  html[data-brand="ib"] .pd .pd-doc table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.55; text-align:left; }
  html[data-brand="ib"] .pd .pd-doc thead { display:none; }
  html[data-brand="ib"] .pd .pd-doc tbody tr { display:block; padding:12px 0; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-doc tbody tr:last-child { border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-doc td { display:grid; grid-template-columns:104px minmax(0,1fr); gap:0 12px; padding:2px 0; }
  html[data-brand="ib"] .pd .pd-doc td::before { content:attr(data-l); font-size:12.5px; line-height:1.75; font-weight:600; color:var(--muted); }
  html[data-brand="ib"] .pd .pd-doc td:first-child { display:block; padding-bottom:4px; font-weight:700; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-doc td:first-child::before { content:none; }
  /* who wrote it: a line, not a card */
  html[data-brand="ib"] .pd .pd-author { margin-top:16px; padding:18px 2px 0; font-size:14px; line-height:1.6; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-author b { display:block; font-size:15.5px; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-author span { display:block; font-size:13.5px; color:var(--muted); }
  html[data-brand="ib"] .pd .pd-author p { margin-top:8px; }
  html[data-brand="ib"] .pd .pd-author a { 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:3px; }
  /* questions */
  html[data-brand="ib"] .pd .pd-faq__l { margin-top:14px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-q { border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-q > label { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; min-height:60px; padding:14px 0; }
  html[data-brand="ib"] .pd .pd-q > label .pd-q__t { font-size:16px; line-height:1.35; font-weight:700; letter-spacing:-.01em; transition:color .2s; }
  html[data-brand="ib"] .pd .pd-q > label:hover .pd-q__t { color:var(--pk-d); }
  html[data-brand="ib"] .pd .pd-q > label i { position:relative; width:18px; height:18px; }
  html[data-brand="ib"] .pd .pd-q > label i::before, html[data-brand="ib"] .pd .pd-q > label i::after { content:""; position:absolute; left:1px; right:1px; top:8px; height:2px; border-radius:2px; background:var(--pk-d); transition:transform .3s var(--ease); }
  html[data-brand="ib"] .pd .pd-q > label i::after { transform:rotate(90deg); }
  html[data-brand="ib"] .pd .pd-q > .pd-x:checked + label i::after { transform:none; }
  html[data-brand="ib"] .pd .pd-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:pd-in .35s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-q > .pd-x:checked ~ .pd-q__a { display:block; }
  /* related products: the network, the service and its real starting price */
  html[data-brand="ib"] .pd .pd-prods-sec { background:var(--tint); }
  html[data-brand="ib"] .pd .pd-prods { display:grid; gap:10px; margin-top:16px; }
  html[data-brand="ib"] .pd .pd-prod { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:0 14px; min-height:72px; padding:12px 16px 12px 14px; border-radius:20px; background:#fff; box-shadow:0 0 0 1px var(--line); color:var(--ink); transition:box-shadow .25s,transform .25s var(--ease); animation:pd-in .5s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-prod:nth-child(2) { animation-delay:.06s; }
  html[data-brand="ib"] .pd .pd-prod:nth-child(3) { animation-delay:.12s; }
  html[data-brand="ib"] .pd .pd-prod:nth-child(4) { animation-delay:.18s; }
  html[data-brand="ib"] .pd .pd-prod:nth-child(5) { animation-delay:.24s; }
  html[data-brand="ib"] .pd .pd-prod:nth-child(6) { animation-delay:.3s; }
  html[data-brand="ib"] .pd .pd-prod:hover { box-shadow:0 0 0 1.5px var(--ink); transform:translateY(-2px); }
  html[data-brand="ib"] .pd .pd-prod img { width:44px; height:44px; border-radius:12px; }
  html[data-brand="ib"] .pd .pd-prod b { display:block; font-size:16px; line-height:1.3; font-weight:800; letter-spacing:-.01em; }
  html[data-brand="ib"] .pd .pd-prod small { display:block; margin-top:1px; font-size:13.5px; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-prod small em { font-style:normal; font-weight:700; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-prod svg { transition:transform .25s var(--ease); }
  html[data-brand="ib"] .pd .pd-prod:hover svg { transform:translateX(4px); }
  /* related articles */
  html[data-brand="ib"] .pd .pd-rel { margin-top:10px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-rel a { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; min-height:56px; padding:12px 0; border-bottom:1px solid var(--line); font-size:15.5px; line-height:1.4; font-weight:700; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-rel a svg { transition:transform .25s var(--ease); }
  html[data-brand="ib"] .pd .pd-rel a:hover svg { transform:translateX(4px); }
  html[data-brand="ib"] .pd .pd-all { display:inline-flex; align-items:center; min-height:44px; margin-top:6px; font-size:14.5px; 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; }
  /* back to the selector */
  html[data-brand="ib"] .pd .pd-end { padding:0 0 44px; }
  html[data-brand="ib"] .pd .pd-end--top { padding-top:44px; }
  html[data-brand="ib"] .pd .pd-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"] .pd .pd-end__b .pd-end__t { font-size:23px; line-height:1.14; font-weight:800; letter-spacing:-.03em; text-wrap:balance; }
  html[data-brand="ib"] .pd .pd-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"] .pd .pd-end__go { 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); justify-self:start; box-shadow:0 14px 26px -18px rgba(20,24,31,.6); }
  html[data-brand="ib"] .pd .pd-end__go svg { width:18px; height:18px; }
  @keyframes pd-in { from{opacity:.01;transform:translateY(8px)}to{opacity:1;transform:none} }
  @keyframes pd-draw { to{stroke-dashoffset:0} }
  @keyframes pd-pop { from{opacity:.01;transform:scale(.4)}to{opacity:1;transform:none} }
  @keyframes pd-grow { from{transform:scaleX(.02)}to{transform:none} }
  /* related products, right under «Cómo funciona»: cards with the network, the price and a pink way in */
  html[data-brand="ib"] .pd .pd-also { padding-top:0; }
  html[data-brand="ib"] .pd .pd-also__g { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
  html[data-brand="ib"] .pd .pd-card { position:relative; display:flex; flex-direction:column; min-height:172px; padding:14px; border-radius:22px; background:#fff; box-shadow:0 0 0 1px var(--line); color:var(--ink); transition:transform .25s var(--ease),box-shadow .25s; animation:pd-in .5s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-card:nth-child(2) { animation-delay:.06s; }
  html[data-brand="ib"] .pd .pd-card:nth-child(3) { animation-delay:.12s; }
  html[data-brand="ib"] .pd .pd-card:nth-child(4) { animation-delay:.18s; }
  html[data-brand="ib"] .pd .pd-card:nth-child(5) { animation-delay:.24s; }
  html[data-brand="ib"] .pd .pd-card:nth-child(6) { animation-delay:.3s; }
  html[data-brand="ib"] .pd .pd-card:hover { color:var(--ink); transform:translateY(-3px); box-shadow:0 0 0 1.5px var(--pk),0 22px 34px -24px rgba(230,28,114,.6); }
  html[data-brand="ib"] .pd .pd-card img { width:44px; height:44px; border-radius:12px; }
  html[data-brand="ib"] .pd .pd-card h3 { margin-top:12px; font-size:15.5px; line-height:1.25; font-weight:800; letter-spacing:-.015em; }
  html[data-brand="ib"] .pd .pd-card small { margin-top:3px; font-size:12.5px; line-height:1.3; font-weight:700; color:var(--pk-d); }
  html[data-brand="ib"] .pd .pd-card p { margin-top:auto; padding:14px 46px 0 0; font-size:13px; line-height:1.3; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-card p em { display:block; font-style:normal; font-size:19px; line-height:1.15; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-card i { position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--grad); color:#fff; transition:transform .25s var(--ease); }
  html[data-brand="ib"] .pd .pd-card i svg { width:18px; height:18px; }
  html[data-brand="ib"] .pd .pd-card:hover i { transform:translateX(3px); }
  @container pd (min-width:700px) {
    html[data-brand="ib"] .pd .pd-also__g { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    html[data-brand="ib"] .pd .pd-card { min-height:190px; padding:18px; }
    html[data-brand="ib"] .pd .pd-card h3 { font-size:17px; }
    html[data-brand="ib"] .pd .pd-card p em { font-size:21px; }
    html[data-brand="ib"] .pd .pd-card i { right:16px; bottom:16px; width:42px; height:42px; }
  }
  @container pd (min-width:960px) {
    html[data-brand="ib"] .pd .pd-also__g { margin-top:26px; }
    html[data-brand="ib"] .pd .pd-card { padding:22px; border-radius:24px; }
    html[data-brand="ib"] .pd .pd-card i { right:20px; bottom:20px; }
  }
  /* the essentials: one card, four rows (phones) or four columns; icon, one-line title, a short line */
  html[data-brand="ib"] .pd .pd-key { padding:28px 0 8px; }
  html[data-brand="ib"] .pd .pd-key__c { border-radius:22px; background:#fff; box-shadow:0 0 0 1px var(--line),0 22px 40px -34px rgba(20,24,31,.45); overflow:hidden; }
  html[data-brand="ib"] .pd .pd-key__l { display:grid; }
  html[data-brand="ib"] .pd .pd-key__f { display:grid; gap:6px; padding:14px 16px; border-top:1px solid var(--line); background:var(--tint); }
  html[data-brand="ib"] .pd .pd-key__f p { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:13.5px; line-height:1.4; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pd .pd-key__f b { font-size:14.5px; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
  html[data-brand="ib"] .pd .pd-stars { display:inline-flex; gap:2px; margin-right:2px; }
  html[data-brand="ib"] .pd .pd-stars svg { width:16px; height:16px; fill:var(--pk); }
  html[data-brand="ib"] .pd .pd-key__l li { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:0 14px; padding:14px 16px; animation:pd-in .5s var(--ease) both; }
  html[data-brand="ib"] .pd .pd-key__l li:nth-child(2) { animation-delay:.08s; }
  html[data-brand="ib"] .pd .pd-key__l li:nth-child(3) { animation-delay:.16s; }
  html[data-brand="ib"] .pd .pd-key__l li:nth-child(4) { animation-delay:.24s; }
  html[data-brand="ib"] .pd .pd-key__l li + li { border-top:1px solid var(--line); }
  html[data-brand="ib"] .pd .pd-key__l i { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:var(--grad); color:#fff; }
  html[data-brand="ib"] .pd .pd-key__l i svg { width:22px; height:22px; }
  html[data-brand="ib"] .pd .pd-key__l b { display:block; font-size:16px; line-height:1.3; font-weight:800; letter-spacing:-.015em; }
  html[data-brand="ib"] .pd .pd-key__l span { display:block; margin-top:1px; font-size:13.5px; line-height:1.4; font-weight:500; color:var(--text); }
  @container pd (min-width:700px) {
    html[data-brand="ib"] .pd .pd-key__l { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-brand="ib"] .pd .pd-key__f { grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:14px 20px; }
    html[data-brand="ib"] .pd .pd-key__l li { padding:18px 20px; }
    html[data-brand="ib"] .pd .pd-key__l li + li { border-top:0; }
    html[data-brand="ib"] .pd .pd-key__l li:nth-child(n+3) { border-top:1px solid var(--line); }
    html[data-brand="ib"] .pd .pd-key__l li:nth-child(even) { border-left:1px solid var(--line); }
  }
  @container pd (min-width:1100px) {
    html[data-brand="ib"] .pd .pd-key { padding:44px 0 0; }
    html[data-brand="ib"] .pd .pd-key__c { border-radius:26px; }
    html[data-brand="ib"] .pd .pd-key__l { grid-template-columns:repeat(4,minmax(0,1fr)); }
    html[data-brand="ib"] .pd .pd-key__f { grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:14px 22px; }
    html[data-brand="ib"] .pd .pd-key__l li { padding:22px 22px; }
    html[data-brand="ib"] .pd .pd-key__l li:nth-child(n+3) { border-top:0; }
    html[data-brand="ib"] .pd .pd-key__l li + li { border-left:1px solid var(--line); }
  }
  /* the author: her portrait beside the name, the bio under both */
  html[data-brand="ib"] .pd .pd-author { display:grid; grid-template-columns:70px minmax(0,1fr); align-items:center; gap:0 14px; }
  html[data-brand="ib"] .pd .pd-author img { grid-row:1/3; margin-left:5px; width:64px; height:64px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--pk); }
  html[data-brand="ib"] .pd .pd-author b { align-self:end; }
  html[data-brand="ib"] .pd .pd-author span { align-self:start; }
  html[data-brand="ib"] .pd .pd-author p { grid-column:1/-1; margin-top:14px; }
  @container pd (min-width:700px) {
    html[data-brand="ib"] .pd .pd-author { grid-template-columns:90px minmax(0,1fr); gap:0 20px; }
    html[data-brand="ib"] .pd .pd-author img { grid-row:1/4; align-self:start; width:84px; height:84px; }
    html[data-brand="ib"] .pd .pd-author p { grid-column:2; margin-top:8px; }
  }
  @media (prefers-reduced-motion:reduce) {
    html[data-brand="ib"] .pd * { animation:none!important; transition:none!important; }
    html[data-brand="ib"] .pd .pd-curve__line { stroke-dashoffset:0; }
    html[data-brand="ib"] .pd .pd-curve__dot { opacity:1; }
  }
  @container pd (max-width:350px) {
    html[data-brand="ib"] .pd .pd-wrap { padding-left:16px; padding-right:16px; }
    html[data-brand="ib"] .pd .pd-facts li b { font-size:21px; }
    html[data-brand="ib"] .pd .pd-doc td { grid-template-columns:88px minmax(0,1fr); }
    html[data-brand="ib"] .pd .pd-end__go { width:100%; }
  }
  @container pd (min-width:700px) {
    html[data-brand="ib"] .pd .pd-facts ul { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 28px; border-bottom:1px solid var(--line); }
    html[data-brand="ib"] .pd .pd-facts li { border-bottom:0; padding:20px 0; }
    html[data-brand="ib"] .pd .pd-how__p { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); align-items:stretch; border-radius:32px; }
    html[data-brand="ib"] .pd .pd-how__t { display:flex; flex-direction:column; justify-content:center; padding:36px 12px 36px 36px; }
    html[data-brand="ib"] .pd .pd-how__c { margin:14px; padding:22px 24px 20px; border-radius:22px; }
    html[data-brand="ib"] .pd .pd-ladder li { grid-template-columns:120px minmax(0,1fr) 96px auto; grid-template-areas:"q bar p go"; gap:0 18px; padding:14px 0; }
    html[data-brand="ib"] .pd .pd-ladder__bar { white-space:nowrap; }
    html[data-brand="ib"] .pd .pd-ladder__bar i { width:calc(var(--w) * .56); max-width:56%; }
    html[data-brand="ib"] .pd .pd-ladder__go { grid-area:go; display:inline-flex; align-items:center; justify-content:flex-end; min-width:48px; min-height:44px; font-size:14px; 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"] .pd .pd-quick { padding:24px 28px; }
    html[data-brand="ib"] .pd .pd-part__b { padding:0 24px 24px; }
    html[data-brand="ib"] .pd .pd-part > .pd-part__h > label { padding:16px 22px 16px 24px; }
    html[data-brand="ib"] .pd .pd-doc thead { display:table-header-group; }
    html[data-brand="ib"] .pd .pd-doc th { padding:10px 14px 10px 0; border-bottom:1.5px solid var(--ink); font-size:13px; font-weight:700; color:var(--ink); vertical-align:bottom; }
    html[data-brand="ib"] .pd .pd-doc tbody tr { display:table-row; padding:0; border:0; }
    html[data-brand="ib"] .pd .pd-doc tbody tr:last-child { border-bottom:0; }
    html[data-brand="ib"] .pd .pd-doc td, html[data-brand="ib"] .pd .pd-doc td:first-child { display:table-cell; padding:12px 14px 12px 0; border-bottom:1px solid var(--line); vertical-align:top; }
    html[data-brand="ib"] .pd .pd-doc td::before { content:none; }
    html[data-brand="ib"] .pd .pd-prods { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    html[data-brand="ib"] .pd .pd-end__b { grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:34px 36px; border-radius:32px; }
  }
  @container pd (min-width:960px) {
    html[data-brand="ib"] .pd .pd-wrap { padding:0 32px; }
    html[data-brand="ib"] .pd .pd-sec { padding:72px 0; }
    html[data-brand="ib"] .pd .pd-h2 { font-size:clamp(28px,2.6cqi,34px); }
    html[data-brand="ib"] .pd .pd-sub { font-size:16px; }
    html[data-brand="ib"] .pd .pd-facts { padding:48px 0 0; }
    html[data-brand="ib"] .pd .pd-facts li b { font-size:clamp(28px,2.6cqi,34px); }
    html[data-brand="ib"] .pd .pd-facts li span { font-size:14.5px; }
    html[data-brand="ib"] .pd .pd-how__p { border-radius:36px; }
    html[data-brand="ib"] .pd .pd-how__t { padding:56px 24px 56px 56px; }
    html[data-brand="ib"] .pd .pd-how__c { margin:16px; padding:28px 30px 24px; border-radius:24px; }
    html[data-brand="ib"] .pd .pd-steps h3 { font-size:16.5px; }
    /* a name on the left, the content on the right: the grid of the other pages */
    html[data-brand="ib"] .pd .pd-two { display:grid; grid-template-columns:300px minmax(0,1fr); gap:0 64px; align-items:start; }
    html[data-brand="ib"] .pd .pd-two > :first-child { position:sticky; top:104px; }
    html[data-brand="ib"] .pd .pd-ladder, html[data-brand="ib"] .pd .pd-faq__l, html[data-brand="ib"] .pd .pd-rel { margin-top:0; }
    html[data-brand="ib"] .pd .pd-prods { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:26px; }
    html[data-brand="ib"] .pd .pd-prod { min-height:84px; padding:16px 20px 16px 18px; border-radius:22px; }
    html[data-brand="ib"] .pd .pd-ladder__q { font-size:17px; }
    html[data-brand="ib"] .pd .pd-ladder__p { font-size:17px; }
    html[data-brand="ib"] .pd .pd-q > label .pd-q__t { font-size:17px; }
    html[data-brand="ib"] .pd .pd-end { padding-bottom:72px; }
    html[data-brand="ib"] .pd .pd-end__b { padding:44px 56px; border-radius:36px; }
    html[data-brand="ib"] .pd .pd-end__b .pd-end__t { font-size:30px; }
  }
  /* wide: the guide is an article with its index beside it, every section open */
  @container pd (min-width:1100px) {
    html[data-brand="ib"] .pd .pd-grid { display:grid; grid-template-columns:232px minmax(0,1fr); gap:0 56px; margin-top:22px; padding:8px 56px 48px; border-radius:36px; background:#fff; box-shadow:0 0 0 1px var(--line); }
    html[data-brand="ib"] .pd .pd-toc { display:block; position:sticky; top:104px; align-self:start; padding:34px 0 0; }
    html[data-brand="ib"] .pd .pd-toc b { font-size:14px; font-weight:700; color:var(--muted); }
    html[data-brand="ib"] .pd .pd-toc ol { margin-top:12px; }
    html[data-brand="ib"] .pd .pd-toc a { position:relative; display:block; padding:8px 0 8px 14px; font-size:13.5px; line-height:1.4; font-weight:600; color:var(--text); transition:color .2s; }
    html[data-brand="ib"] .pd .pd-toc a::before { content:""; position:absolute; left:0; top:6px; bottom:6px; width:2px; border-radius:2px; background:var(--line); }
    html[data-brand="ib"] .pd .pd-toc li.is-on a { font-weight:700; color:var(--pk-d); }
    html[data-brand="ib"] .pd .pd-toc li.is-on a::before { background:var(--grad); }
    html[data-brand="ib"] .pd .pd-doc { max-width:760px; font-size:16px; line-height:1.75; }
    html[data-brand="ib"] .pd .pd-part { margin-top:0; border-radius:0; background:none; box-shadow:none; border-top:1px solid var(--line); }
    html[data-brand="ib"] .pd .pd-part:first-child { border-top:0; }
    html[data-brand="ib"] .pd .pd-part > .pd-part__h > label { display:block; min-height:0; padding:34px 0 0; cursor:default; pointer-events:none; }
    html[data-brand="ib"] .pd .pd-part > .pd-part__h { font-size:25px; line-height:1.2; letter-spacing:-.025em; }
    html[data-brand="ib"] .pd .pd-part > .pd-part__h svg { display:none; }
    html[data-brand="ib"] .pd .pd-part__b { display:block; padding:14px 0 36px; }
    html[data-brand="ib"] .pd .pd-doc h3 { margin-top:28px; font-size:18px; }
    html[data-brand="ib"] .pd .pd-doc p { margin-top:14px; }
    html[data-brand="ib"] .pd .pd-doc .cat-callout { padding:20px 24px; border-radius:18px; font-size:15px; }
    html[data-brand="ib"] .pd .pd-author { margin-top:0; padding:26px 0 0; border-top:1px solid var(--line); }
  }
  /* -- the real page -- */
  /* clip, not hidden: «hidden» makes .pd a scroll container and the sticky rails stop sticking */
  html[data-brand="ib"] .pd { overflow: clip; }
  /* the site's own element rules (headings, labels, lists, links, tables) */
  html[data-brand="ib"] .pd :is(h2, h3) { margin-bottom: 0; text-transform: none; }
  html[data-brand="ib"] .pd .pd-h2 { color: var(--ink); }
  html[data-brand="ib"] .pd .pd-how__p .pd-h2 { color: #fff; }
  html[data-brand="ib"] .pd .pd-steps h3 { margin: 0; color: var(--ink); }
  html[data-brand="ib"] .pd .pd-end__b .pd-end__t { margin: 0; color: #fff; }
  html[data-brand="ib"] .pd .pd-card h3 { margin-bottom: 0; color: var(--ink); }
  html[data-brand="ib"] .pd .pd-rel h3 { margin: 0; font: inherit; letter-spacing: inherit; color: inherit; }
  html[data-brand="ib"] .pd p.pd-h2 { margin-bottom: 0; }
  html[data-brand="ib"] .pd label { font: inherit; letter-spacing: inherit; color: inherit; }
  html[data-brand="ib"] .pd .pd-part__h { margin: 0; }
  html[data-brand="ib"] .pd .pd-part__h > label > span { min-width: 0; }
  html[data-brand="ib"] .pd :is(.pd-card, .pd-rel a, .pd-end__go, .pd-toc a) { text-decoration: none; }
  html[data-brand="ib"] .pd :is(.pd-card p, .pd-key__f p) { margin-bottom: 0; }
  html[data-brand="ib"] .pd .pd-key__l { margin-bottom: 0; padding-left: 0; list-style: none; }
  /* an author without a portrait: the plain block */
  html[data-brand="ib"] .pd .pd-author:not(.pd-author--pic) { display: block; }
  html[data-brand="ib"] .pd .pd-doc :is(ul, ol) { padding-left: 0; }
  html[data-brand="ib"] .pd .pd-doc table { margin: 0; background: none; border: 0; }
  html[data-brand="ib"] .pd .pd-doc :is(th, td) { background: none; border-left: 0; border-right: 0; border-top: 0; }
  html[data-brand="ib"] .pd .pd-doc tbody tr:nth-child(n) { background: none; }
  html[data-brand="ib"] .pd .pd-doc img { display: block; max-width: 100%; height: auto; margin-top: 16px; border-radius: 16px; }
  html[data-brand="ib"] .pd .pd-doc .table-wrap { overflow-x: auto; }
  /* anchors of the text land under the fixed header */
  html[data-brand="ib"] .pd .pd-part { scroll-margin-top: 92px; }
  html[data-brand="ib"] #ib-buy-top { scroll-margin-top: 150px; }
  html[data-brand="ib"] .pd .pd-faq .pd-all { margin-top: 10px; }
  html[data-brand="ib"] .pd .pd-card__no { width: 44px; height: 44px; border-radius: 12px; background: var(--tint); }
  /* the quick answer keeps the links of the stored text */
  html[data-brand="ib"] .pd .pd-quick a { 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: 3px; }
  html[data-brand="ib"] .pd .pd-quick strong { font-weight: 800; }
  /* the footer comes up over the end of the page */
  html[data-brand="ib"] .pd .pd-end { padding-bottom: 72px; }
  @container pd (min-width: 960px) {
    html[data-brand="ib"] .pd .pd-end { padding-bottom: 96px; }
  }
}