@font-face{font-family:"InterAIQ";src:url("https://cdn.prod.website-files.com/6789021db7b1eb2a4e86ccba/6a9ed758e223e515d42c9f5f_aiq-ai-inter-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
.mp :where(h1,h2,h3,h4,h5,h6,p,ol,ul,li,blockquote,figure,aside,nav){margin:0;padding:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit;background:none;border:0;list-style:none}
.mp :where(a){color:inherit;text-decoration:none;background:none}
.mp{font-size:16px}


/* ============================================================ tokens
   The AI page's ground, ink and violets, verbatim. This report is a chapter of
   that page's world: the same medium, the same light, one more thing it can do. */
.mp{
  --g0:#421319; --g1:#79282C; --g2:#642025; --void:#1E090C;
  --ink:#FFFFFF; --ink-2:rgba(245,235,228,.80); --ink-3:rgba(245,235,228,.56);
  --v300:#FFC98A; --v400:#FFA65C; --v500:#F76E2C; --v600:#C4510F;
  --action:#EE5456; --action-hi:#CF4042;
  --line:rgba(255,201,138,.16); --line-2:rgba(255,201,138,.28);
  --font:"InterAIQ","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --gutter:clamp(20px,5vw,84px); --shell:1340px; --measure:34rem;
  --chrome:0px;
  /* the site navbar's height (its own token on <body>); 0 where there is no site CSS */
  --nav-h:var(--_responsive---page-variables--navbar-height,0px);
  --ui-top:var(--nav-h);
  position:relative;background:var(--g0);color:var(--ink);font-family:var(--font);line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.mp,.mp *,.mp *::before,.mp *::after{box-sizing:border-box}  
.mp a{color:inherit}
.mp h1,.mp h2,.mp h3,.mp p{margin:0}.mp :focus-visible{outline:2px solid var(--v300);outline-offset:3px;border-radius:8px}

/* ============================================================ the medium
   One canvas, sticky across the whole document, behind everything. The ground is
   the AI page's: violet-led, blue only as a corner hint, a vignette to the void. */
.mp-medium{position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:1;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(58% 46% at 50% 52%, rgba(238,84,86,calc(.30 + .08 * var(--grade,0))), transparent 68%),
    radial-gradient(42% 34% at 14% 12%, rgba(247,110,44,calc(.14 + .26 * var(--grade,0))), transparent 70%),
    radial-gradient(38% 30% at 90% 92%, rgba(66,19,25,calc(.15 - .08 * var(--grade,0))), transparent 72%),
    linear-gradient(142deg, var(--g0) 0%, var(--g1) 46%, var(--g2) 100%)}
.mp-medium::after{content:"";position:absolute;inset:0;background:radial-gradient(58% 58% at 50% 50%, transparent 34%, rgba(30,9,12,.88) 100%)}
#aiq-ai-dust{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease}
.gl-on #aiq-ai-dust{opacity:1}
.no-gl #aiq-ai-dust{display:none}
.mp > main,.mp > footer{position:relative;z-index:2}
.mp-shell{width:min(var(--shell),100%);margin-inline:auto;padding-inline:var(--gutter)}

/* ============================================================ type
   One display voice (InterAIQ 600, tight) for the numbers and the claims; the
   reading voice at 400/500. The numbers are the largest thing on the page by an
   order of magnitude, because they are what the page is made of. */
.mp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--v400);
  border:1px solid rgba(255,166,92,.3);background:rgba(238,84,86,.12);padding:.4rem .82rem;border-radius:999px}
.mp-kicker{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--v400);margin-bottom:1.1rem}
.mp-h{font-size:clamp(2.2rem,4.6vw,3.9rem);line-height:1.04;letter-spacing:-.022em;font-weight:600;text-wrap:balance}
.mp-h em{font-style:normal;color:var(--v400)}
.mp-p{font-size:clamp(1rem,1.25vw,1.16rem);color:var(--ink-2);max-width:var(--measure)}
.mp-p b{color:var(--ink);font-weight:500}
.mp-num{font-weight:600;letter-spacing:-.045em;line-height:.9;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff 0%,#FFEBD6 48%,#FFC98A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mp-num small{font-size:.42em;font-weight:500;letter-spacing:-.02em;vertical-align:.62em;margin-left:.04em}

/* line reveals: the AI page's grammar, once, on the clock */
.tr{--d:0ms}
.ln{display:block;clip-path:inset(-.12em 0 -.12em)}
.ln__in{display:block;transform:translateY(1.25em);opacity:0;will-change:transform,opacity;
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s ease;transition-delay:calc(var(--d) + var(--i,0) * 70ms)}
.tr.is-in .ln__in{transform:none;opacity:1}
.tr:not(.is-split){opacity:0;transform:translateY(.6em);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d)}
.tr:not(.is-split).is-in{opacity:1;transform:none}
.tr--still,.tr--still *{transition:none !important}

/* ============================================================ buttons */
.mp-btn{--bg:var(--action);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-size:.95rem;font-weight:500;white-space:nowrap;cursor:pointer;
  text-decoration:none;padding:.78rem 1.4rem;border-radius:999px;background:var(--bg);color:#fff;border:1px solid var(--bg);
  transition:background .18s ease,border-color .18s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.mp-btn:hover{background:var(--action-hi);border-color:var(--action-hi);transform:translateY(-1px);box-shadow:0 12px 30px -14px rgba(238,84,86,.7)}
.mp-btn:active{transform:translateY(0) scale(.985)}
.mp-btn--ghost{--bg:transparent;border-color:var(--line-2);color:var(--ink)}
.mp-btn--ghost:hover{background:rgba(255,201,138,.10);border-color:var(--v400);box-shadow:none}
.mp-btn__arrow{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(255,255,255,.16);font-size:.9rem;margin-right:-.4rem;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.mp-btn:hover .mp-btn__arrow{transform:translate(2px,-1px)}

/* ============================================================ the stages
   A pinned stage is 100svh, sticky; the section's extra height is the scroll the
   act is given. On the phone every stage is a plain block (Emer's rule: static). */
.mp-act{position:relative}
.mp-stage{position:sticky;top:var(--chrome);height:calc(100svh - var(--chrome));overflow:hidden;display:grid;place-items:center}
.mp-stage__in{position:relative;z-index:2;width:100%;will-change:transform,opacity}
.mp-cover [data-depth]{transform:scale(var(--z,1));filter:blur(var(--b,0px));will-change:transform,filter}

/* ---- cover ---- */
.mp-cover{height:240svh;margin-bottom:-40svh}
.mp-cover .mp-stage{align-items:end;padding-bottom:10svh} /* the sphere hangs above the copy */
.mp-cover__copy{max-width:52rem;padding-inline:var(--gutter);text-align:center;margin-inline:auto}
.mp-cover h1{font-size:clamp(3rem,7.4vw,6.4rem);line-height:.98;letter-spacing:-.035em;font-weight:600;margin-bottom:1.3rem}
.mp-cover h1 em{font-style:normal;background:linear-gradient(180deg,#fff,#FFC98A);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mp-cover .mp-p{margin:0 auto;max-width:40rem;text-align:center}
.mp-cover__meta{margin-top:2.4rem;display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;font-size:.86rem;color:var(--ink-3)}
.mp-cover__meta b{color:var(--ink-2);font-weight:500}

/* ---- a stat beat: the number lives in the particles first, then in type ----
   .dt is the crisp number the swarm forms; it is invisible until the field has
   arrived (is-set), then the type takes over and the field lets go. The caption
   arrives on the same beat. Zoom: an outgoing beat scales up and fades as the
   next forms, so each stat reads as flown-into, not swapped. */
.mp-beat{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding-inline:var(--gutter);opacity:0;pointer-events:none;
  transform:translateY(var(--ty,0px)) scale(var(--s,1));transform-origin:var(--ox,50%) var(--oy,50%);will-change:transform,opacity;
  transition:opacity .4s ease /* a beat going dead fades out; while live its opacity is scroll-exact (no transition) */}
.mp-beat.is-live{opacity:1;pointer-events:auto;transition:none}
.mp-beat__in{max-width:56rem}
.mp-beat .mp-num{display:block;font-size:clamp(6rem,19vw,18rem);margin:0 auto .9rem;width:max-content;max-width:100%;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.35) 100%);
  font-variant-numeric:normal /* proportional: the swarm is rasterised on canvas, which cannot pick Inter's tabular 1 (it has a foot) */}
.mp.gl-on.js .mp-beat .dt{opacity:0;transition:opacity .55s ease-out}
.mp.gl-on.js .mp-beat .dt.is-set{opacity:1}
.mp-beat .mp-cap{font-size:clamp(1.05rem,1.55vw,1.42rem);color:var(--ink-2);max-width:32rem;margin:0 auto;text-wrap:balance;
  opacity:0;transform:translateY(10px);transition:opacity .6s ease .15s,transform .9s cubic-bezier(.16,1,.3,1) .15s}
.mp-beat .mp-cap b{color:var(--ink);font-weight:500}
.mp-beat.is-set .mp-cap{opacity:1;transform:none}
.mp-beat__title{position:absolute;left:0;right:0;top:calc(var(--ui-top) + clamp(36px,6svh,72px));text-align:center;padding-inline:var(--gutter);z-index:3;pointer-events:none}
.mp-beat__title .mp-h{font-size:clamp(1.6rem,2.8vw,2.4rem);color:var(--ink);opacity:var(--t,0);transform:translateY(calc((1 - var(--t,0)) * 12px));transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.mp-beat__title .mp-kicker{opacity:var(--t,0);transition:opacity .5s ease}
.mp-pressure{height:300svh;margin-bottom:-50svh}
.mp-three{height:620svh;margin-bottom:-50svh}
/* progress marks for a three-beat act */
.mp-marks{position:absolute;left:50%;bottom:clamp(28px,6svh,56px);translate:-50% 0;display:flex;gap:10px;z-index:3}
.mp-marks i{width:22px;height:2px;border-radius:2px;background:rgba(255,201,138,.22);transition:background .3s ease}
.mp-marks i.is-on{background:var(--v300)}

/* ---- a station: reading, not travelling ---- */
.mp-station{padding:clamp(4rem,10svh,7rem) 0}
.mp-station__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.mp-station .mp-h{max-width:18ch}
.mp-station .mp-p{margin-top:1.4rem}
.mp-figs{display:grid;gap:1.6rem;padding-top:.4rem}
.mp-fig{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:baseline;padding-top:1.2rem;border-top:1px solid var(--line)}
.mp-fig .mp-num{font-size:clamp(2.6rem,4.8vw,4.2rem)}
.mp-fig p{color:var(--ink-2);font-size:1.02rem;max-width:26rem}

/* ---- method strip ---- */
.mp-method{padding:clamp(3rem,7svh,5rem) 0 0}
.mp-method__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;padding:1.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mp-method__row div{font-size:.92rem;color:var(--ink-3);line-height:1.45}
.mp-method__row b{display:block;color:var(--ink);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.2rem;font-variant-numeric:tabular-nums}

/* ---- the six must-haves: a horizontal pan ----
   The wrapper is pinned; the track slides left as the page scrolls. Each panel
   has an icon slot the particles form into as the panel centres. */
.mp-six{height:580svh} /* the pan finishes at .86 so the last glyph can hold: 480svh of pin keeps each panel at the old pace */
.mp-six__stage{display:block}
.mp-six__track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:clamp(3rem,6vw,7rem);padding-inline:calc((100vw - min(var(--shell),100vw)) / 2 + var(--gutter));will-change:transform}
.mp-six__lead{flex:0 0 auto;width:min(44rem,80vw)}
.mp-six__lead .mp-p{margin-top:1.3rem}
.mp-panel{flex:0 0 auto;width:min(42rem,72vw);display:grid;grid-template-columns:clamp(180px,22vw,300px) minmax(0,1fr);gap:clamp(1.4rem,3vw,3rem);align-items:center;
  opacity:.34;transition:opacity .5s ease}
.mp-panel.is-on{opacity:1}
.mp-panel__icon{aspect-ratio:1;border-radius:28px;position:relative}
/* a pool of light behind the glyph, present only while the swarm holds it (--k from page.js) */
.mp-panel__icon::after{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(238,84,86,.34),rgba(238,84,86,.10) 42%,transparent 66%);opacity:var(--k,0)}
.mp-panel__group{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--v400);font-weight:500;margin-bottom:.9rem}
.mp-panel .mp-num{font-size:clamp(3.4rem,6.4vw,5.6rem);display:block;margin-bottom:.7rem}
.mp-panel p{color:var(--ink-2);font-size:clamp(1rem,1.3vw,1.2rem);max-width:24rem}
.mp-panel h3{font-size:1.25rem;font-weight:600;letter-spacing:-.015em;margin-bottom:.4rem}
.mp-six__bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(28px,6svh,56px);height:1px;background:var(--line);z-index:3}
.mp-six__bar i{position:absolute;left:0;top:-1px;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--v500),var(--v300));border-radius:2px}
.mp-six__note{margin-top:1.4rem;font-size:.84rem;color:var(--ink-3);max-width:32rem}

/* ---- what to do next ---- */
.mp-next{padding:clamp(4rem,10svh,7rem) 0}
.mp-next .mp-h{max-width:20ch;margin-bottom:.9rem}
.mp-moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem clamp(2rem,5vw,5rem);margin-top:3rem}
.mp-move{padding-top:1.4rem;border-top:1px solid var(--line)}
.mp-move h3{font-size:1.35rem;font-weight:600;letter-spacing:-.018em;margin-bottom:.5rem}
.mp-move p{color:var(--ink-2);max-width:26rem}
.mp-move p b{color:var(--ink);font-weight:500}
/* ---- close ---- */
.mp-close{height:200svh}
.mp-close__in{text-align:center;padding-inline:var(--gutter);max-width:52rem;margin-inline:auto}
.mp-close .mp-stage{align-items:end;padding-bottom:7svh} /* the mark forms above the claim */
.mp-close .mp-h{font-size:clamp(2.2rem,5vw,4.2rem);margin:0 auto 1.4rem;max-width:16ch}
.mp-close .mp-p{margin:0 auto 2.2rem;text-align:center}
.mp-ctas{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.mp-foot{padding:2rem 0 3rem;font-size:.84rem;color:var(--ink-3);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.mp-foot a{color:var(--ink-2);text-decoration:none}
.mp-foot a:hover{color:var(--ink)}

/* ============================================================ the ledger
   Show your working: each figure lands here the moment it is made. A figure not
   yet reached is a hairline; a made one sits at half strength; the current one is
   full, with its line. Click to return. At the close the column flies into the mark. */
.mp-ledger{position:fixed;right:clamp(16px,2.2vw,36px);top:50%;transform:translateY(-50%);z-index:4;opacity:0;pointer-events:none;
  transition:opacity .6s cubic-bezier(.16,1,.3,1)}
.mp-ledger.is-on{opacity:1;pointer-events:auto}
.mp-ledger.is-dim{opacity:.28;pointer-events:none}
.mp-ledger.is-gather{opacity:1;pointer-events:none}
.mp-ledger ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}
.mp-ledger li{transition:transform .9s cubic-bezier(.5,0,.2,1) var(--gd,0ms),opacity .7s ease calc(var(--gd,0ms) + .2s)}
.mp-ledger.is-gather li{transform:translate(var(--gx,0),var(--gy,0)) scale(.3);opacity:0}
.mp-ledger button{all:unset;cursor:pointer;position:relative;display:flex;align-items:center;gap:.7rem;padding:.2rem 0;border-radius:6px}
.mp-ledger button:focus-visible{outline:2px solid var(--v300);outline-offset:4px}
.mp-ledger b{font-weight:600;font-size:.95rem;letter-spacing:-.01em;color:var(--ink);min-width:2.6em;text-align:right;opacity:0;transition:opacity .5s ease,color .3s ease}
.mp-ledger i{width:14px;height:1px;background:var(--line-2);transition:width .4s cubic-bezier(.16,1,.3,1),background .3s ease}
.mp-ledger__k{position:absolute;right:calc(100% + .8rem);top:50%;width:max-content;max-width:15rem;text-align:right;
  font-size:.8rem;line-height:1.35;color:var(--ink-2);opacity:0;transform:translate(6px,-50%);pointer-events:none;
  transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.mp-ledger li.is-made b{opacity:.5}
.mp-ledger li.is-on b{opacity:1;color:var(--v300)}
.mp-ledger li.is-on i{width:26px;background:var(--v300)}
.mp-ledger li.is-on .mp-ledger__k,.mp-ledger button:hover .mp-ledger__k,.mp-ledger button:focus-visible .mp-ledger__k{opacity:1;transform:translate(0,-50%)}
.mp-ledger button:hover b{opacity:1}

/* the count: the pointer names the respondents under it */
.mp-count{position:fixed;left:0;top:0;z-index:5;pointer-events:none;font-size:.78rem;font-weight:500;letter-spacing:.01em;color:var(--ink);
  padding:.34rem .7rem;border-radius:100px;background:rgba(40,11,14,.72);border:1px solid var(--line-2);white-space:nowrap;
  opacity:0;transition:opacity .25s ease}
.mp-count.is-on{opacity:1}

/* ---- the assistant: the Q6 card's surface, type and pills; it follows you down ----
   Open on the cover (where the Q6 card sat); past it, it docks to a pill in the same
   corner so it rides with you without covering a chapter title. */
.mp-asst{position:fixed;left:clamp(20px,3vw,48px);top:calc(var(--ui-top) + clamp(16px,3svh,32px));z-index:6;width:min(23rem,32vw);font-size:16px}
/* the box is as tall as the card even when docked: only what shows takes the pointer */
.mp-asst{pointer-events:none}
.mp-asst.is-open .mp-asst__card{pointer-events:auto}
.mp:not(.js) .mp-asst{display:none}
.mp-asst.is-away .mp-asst__pill{opacity:0;transform:scale(.92);pointer-events:none}   /* the site footer is in view */       /* without script there is no assistant to talk to */
.mp-asst__pill,.mp-asst__card{background:rgba(40,11,14,.52);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mp-asst__pill{all:unset;box-sizing:border-box;position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;
  font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--v300);padding:.62rem .95rem .62rem .8rem;border-radius:100px;
  background:rgba(40,11,14,.52);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;transform:scale(.92);transform-origin:0 0;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),border-color .25s ease,color .25s ease}
.mp-asst__pill i{width:.5rem;height:.5rem;border-radius:50%;background:var(--v300);box-shadow:0 0 0 0 rgba(255,201,138,.5)}
.mp-asst__pill:hover{color:var(--ink);border-color:var(--v400)}
.mp-asst__pill:focus-visible{outline:2px solid var(--v300);outline-offset:3px}
.mp-asst.has-new .mp-asst__pill i{background:#FFD7A8;box-shadow:0 0 10px 2px rgba(255,215,168,.7)}
.mp-asst__card{border-radius:18px;padding:1.1rem 1.15rem 1.05rem;display:flex;flex-direction:column;
  max-height:calc(100svh - var(--ui-top) - clamp(16px,3svh,32px) - 24px);
  transform-origin:0 0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.mp-asst:not(.is-open) .mp-asst__card{opacity:0;transform:scale(.94) translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s}
.mp-asst:not(.is-open) .mp-asst__pill{opacity:1;transform:none;pointer-events:auto}
.mp-asst__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 .5rem}
.mp-asst__k{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--v400);margin:0}
.mp-asst__x{all:unset;cursor:pointer;display:grid;place-items:center;width:1.5rem;height:1.5rem;margin:-.3rem -.35rem 0 0;border-radius:50%;color:var(--ink-3);transition:color .2s ease,background .2s ease}
.mp-asst__x:hover{color:var(--ink);background:rgba(255,201,138,.10)}
.mp-asst__x:focus-visible{outline:2px solid var(--v300);outline-offset:2px}
.mp-asst__x svg,.mp-asst__send svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mp .mp-asst__q{font-size:.92rem;line-height:1.4;color:var(--ink);margin:0 0 .85rem;text-wrap:balance}
.mp-asst__log{display:none;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -.35rem .8rem 0;padding:0 .35rem 0 0;
  scrollbar-width:thin;scrollbar-color:rgba(255,201,138,.25) transparent}
.mp-asst.is-talking .mp-asst__log{display:flex;flex-direction:column;gap:.7rem}
.mp .mp-asst.is-talking .mp-asst__q{display:none}
/* the Q6 card's glass reads fine over the dark field; a long answer over a number does not */
.mp-asst.is-talking .mp-asst__card{background:rgba(40,11,14,.93)}
.mp-asst__log.is-up{-webkit-mask-image:linear-gradient(180deg,transparent,#000 1.6rem);mask-image:linear-gradient(180deg,transparent,#000 1.6rem)}
.mp-asst__log.is-down{-webkit-mask-image:linear-gradient(0deg,transparent,#000 2rem);mask-image:linear-gradient(0deg,transparent,#000 2rem)}
.mp-asst__log.is-up.is-down{-webkit-mask-image:linear-gradient(180deg,transparent,#000 1.6rem,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(180deg,transparent,#000 1.6rem,#000 calc(100% - 2rem),transparent)}
.mp-asst__turn{margin:0;font-size:.86rem;line-height:1.5;color:var(--ink-2)}
.mp-asst__turn--you{align-self:flex-end;max-width:88%;color:var(--ink);background:rgba(255,201,138,.14);border:1px solid var(--line-2);border-radius:14px 14px 4px 14px;padding:.45rem .7rem}
.mp-asst__turn--bot p,.mp-asst__turn--bot ul,.mp-asst__turn--bot ol{margin:0 0 .5rem}
.mp-asst__turn--bot :last-child{margin-bottom:0}
.mp-asst__turn--bot ul,.mp-asst__turn--bot ol{padding-left:1.1rem}
.mp-asst__turn--bot ul{list-style:disc}
.mp-asst__turn--bot ul.is-sub{padding-left:1.9rem}   /* the bullets under a numbered point */
.mp-asst__turn--bot ol{list-style:decimal}
.mp-asst__turn--bot li{margin:0 0 .25rem;padding:0;background:none;list-style:inherit}   /* the host reset strips li markers */
.mp-asst__turn--bot strong{color:var(--ink);font-weight:500}
.mp-asst__turn--bot a{color:var(--v300);text-decoration:underline;text-underline-offset:2px}
.mp-asst__wait{display:inline-flex;gap:.3rem;padding:.35rem 0}
.mp-asst__wait i{width:.36rem;height:.36rem;border-radius:50%;background:var(--v400);animation:mpAsstDot 1.2s ease-in-out infinite}
.mp-asst__wait i:nth-child(2){animation-delay:.15s}
.mp-asst__wait i:nth-child(3){animation-delay:.3s}
@keyframes mpAsstDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.mp-asst__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem}
.mp-asst__tags button{all:unset;box-sizing:border-box;cursor:pointer;font-size:.78rem;line-height:1.3;color:var(--ink-2);padding:.42rem .7rem;border-radius:1.05rem;border:1px solid var(--line-2);
  transition:background .25s ease,color .25s ease,border-color .25s ease}
.mp-asst__tags button:hover{color:var(--ink);border-color:var(--v400)}
.mp-asst__tags button:focus-visible{outline:2px solid var(--v300);outline-offset:2px}
.mp-asst__tags button[hidden]{display:none}
.mp-asst.is-waiting .mp-asst__tags button,.mp-asst.is-waiting .mp-asst__send{opacity:.45;pointer-events:none}
.mp-asst__form{display:flex;align-items:center;gap:.4rem;margin:0;padding:.28rem .3rem .28rem .85rem;border-radius:100px;border:1px solid var(--line-2);background:rgba(30,9,12,.35);transition:border-color .25s ease}
.mp-asst__form:focus-within{border-color:var(--v400)}
.mp-asst__form input{all:unset;flex:1;min-width:0;font-size:.84rem;line-height:1.4;color:var(--ink);padding:.3rem 0}
.mp-asst__form input::placeholder{color:var(--ink-3)}
.mp-asst__send{all:unset;cursor:pointer;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;color:var(--ink);background:rgba(255,201,138,.16);transition:background .25s ease}
.mp-asst__send:hover{background:rgba(255,201,138,.28)}
.mp-asst__send:focus-visible{outline:2px solid var(--v300);outline-offset:2px}
.mp-asst__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){ .mp-asst__wait i{animation:none;opacity:.7} .mp-asst__card,.mp-asst__pill{transition:none} }

/* ---- the site navbar and footer ----
   Above 992px the navbar is transparent and sticky in flow: the experience is pulled up
   behind it so the ground runs under the bar, as on the homepage. Below 992px the site
   makes the bar solid and the pins stick under it. Its own scroll script turns it white
   after 100px; on this all-dark page it stays dark glass instead (html.mp-page only). */
/* ============================================================ exit intent (exit.js)
   The assistant's glass at dialog scale: the page's words on the left, Emer's exit agent on
   the right. Desktop only; built by exit.js on a leave signal, never in the first paint. */
.mp-xit{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:24px;background:rgba(30,9,12,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s ease}
.mp-xit.is-open{opacity:1;pointer-events:auto}
.mp-xit__d{position:relative;width:min(900px,100%);max-height:calc(100svh - 48px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border-radius:22px;overflow:hidden;background:#120C28;border:1px solid var(--line-2);box-shadow:0 40px 120px -40px rgba(0,0,0,.85);transform:translateY(14px) scale(.985);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.mp-xit.is-open .mp-xit__d{transform:none}
.mp-xit__art{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2.4rem 2.2rem;border-right:1px solid var(--line);
  background:radial-gradient(70% 55% at 30% 38%,rgba(238,84,86,.34),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(247,110,44,.16),transparent 70%),linear-gradient(142deg,var(--g0) 0%,var(--g1) 58%,var(--g2) 100%)}
.mp-xit__num{display:block;font-size:clamp(5rem,9vw,7.4rem);margin:.2rem 0 .9rem}
.mp-xit__cap{color:var(--ink-2);font-size:1.02rem;line-height:1.45;max-width:21rem}
.mp-xit__h{font-size:1.32rem;font-weight:600;line-height:1.2;letter-spacing:-.016em;color:var(--ink);max-width:20rem;text-wrap:balance}
.mp-xit__chat{display:flex;flex-direction:column;min-height:min(520px,calc(100svh - 48px))}
.mp-xit__top{padding:1.15rem 1.4rem .2rem}
.mp-xit__bot{position:relative;flex:1 1 auto;min-height:420px}
.mp-xit__bot > div{position:absolute;inset:0;height:auto !important}
/* Landbot keeps its frame display:none until an animation step that a throttled tab never runs;
   our own opacity cover (is-live) already hides it until the first message exists */
.mp-xit__bot iframe{display:block !important;opacity:0;transition:opacity .45s ease .15s}
.mp-xit.is-live .mp-xit__bot iframe{opacity:1}
.mp-xit__wait{position:absolute;left:1.4rem;top:1rem}
.mp-xit.is-live .mp-xit__wait{display:none}
.mp-xit__x{position:absolute;right:1rem;top:1rem;z-index:2;margin:0;width:2rem;height:2rem}
.mp-xit__chat{position:relative}
.mp-xit__fb{display:none;position:absolute;inset:3.2rem 1.4rem 1.4rem;place-items:center}
.mp-xit.is-fallback .mp-xit__fb{display:grid}
.mp-xit.is-fallback .mp-xit__bot{visibility:hidden}
@media (max-width:900px){.mp-xit{display:none}}
@media (prefers-reduced-motion:reduce){.mp-xit,.mp-xit__d,.mp-xit__bot iframe{transition:none}}
@media (min-width:992px){
  .mp{margin-top:calc(var(--nav-h) * -1)}
  html.mp-page .navbar-v2.scrolled{background-color:rgba(22,16,46,.62)!important;box-shadow:0 1px 0 rgba(255,201,138,.14)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  html.mp-page .navbar-v2.scrolled .navbar-links-text{color:#fff!important}
  html.mp-page .navbar-v2 .navbar-logo.scrolled img.logo-light{opacity:1!important}
  html.mp-page .navbar-v2 .navbar-logo.scrolled img.logo-dark{opacity:0!important}
  html.mp-page .navbar-v2.scrolled .navbar-button{background:#fff!important;color:var(--text-colours--text-link)!important}
  html.mp-page .navbar-v2.scrolled .icon-button{background-color:var(--tints--white-10)!important}
  html.mp-page .navbar-v2.scrolled .icon-button-shape{background-color:#fff!important}
}
@media (max-width:991px){ .mp{--chrome:var(--nav-h)} }

/* The site footer, recoloured for this page only: its blue gradient, aurora and navy scrim
   take the page's own ground (#421319 / #79282C / #642025, violet light, near-black violet),
   so the experience runs into the footer without a colour change. Every other page keeps blue. */
/* the medium is sticky with a -100svh margin, so it can hang a screen past the experience:
   the footer stacks above it (the medium is z 1) or its top is painted over */
html.mp-page .aiq-ftr{z-index:2;--c1:#421319;--c2:#642025;--c3:#79282C;--ang:142deg;--mid:46%}
html.mp-page .aiq-ftr .aiq-au1{background:radial-gradient(circle,rgba(238,84,86,.75),rgba(238,84,86,0) 62%)}
html.mp-page .aiq-ftr .aiq-au2{background:radial-gradient(circle,rgba(42,24,86,.95),rgba(42,24,86,0) 62%)}
html.mp-page .aiq-ftr .aiq-bg-scrim{background:
  radial-gradient(130% 78% at 50% 118%, rgba(30,9,12,.94), rgba(30,9,12,0) 62%),
  linear-gradient(180deg, rgba(22,16,46,.52) 0%, rgba(22,16,46,.44) 40%, rgba(22,16,46,.50) 70%, rgba(30,9,12,.86) 100%)}
html.mp-page .aiq-ftr .aiq-news-ok b{color:#FFC98A}
html.mp-page .aiq-ftr .aiq-rule1,html.mp-page .aiq-ftr .aiq-rule2{background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,201,138,.7) 55%,rgba(143,113,225,.35))}

/* what is coming: the next figure, far ahead, before the camera reaches it */
.mp-ahead{display:none}
.mp.gl-on .mp-ahead{display:block;position:fixed;left:0;top:0;z-index:2;pointer-events:none;margin:0;white-space:nowrap;width:max-content;
  font-size:clamp(6rem,19vw,18rem);font-variant-numeric:normal;color:#FFE6CC;opacity:0;transform-origin:50% 50%;will-change:transform,opacity,filter;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.35) 100%)}

/* a number arriving from depth or passing the lens goes soft */
.mp.gl-on .mp-beat{filter:blur(var(--bl,0px))}

/* the uncertainty figures are made of the sample: type waits for the particles */
.mp.gl-on .mp-figs .mp-num{opacity:0;transition:opacity .55s ease-out}
.mp.gl-on .mp-figs .mp-fig p{opacity:0;transform:translateY(8px);transition:opacity .6s ease .15s,transform .9s cubic-bezier(.16,1,.3,1) .15s}
.mp.gl-on .mp-figs.is-set .mp-num{opacity:1}
.mp.gl-on .mp-figs.is-set .mp-fig p{opacity:1;transform:none}

/* respondent 1,037: a quiet card at the corner of the cover; it flies past the lens with the push */
.mp-ask{display:none}
.mp.gl-on .mp-ask{display:block;position:absolute;left:clamp(20px,3vw,48px);top:clamp(20px,5svh,48px);z-index:3;width:min(21rem,30vw);
  padding:1.1rem 1.15rem 1.2rem;border-radius:18px;background:rgba(40,11,14,.52);border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transform-origin:0 0;transform:translate(calc((var(--z,1) - 1) * -12vw),calc((var(--z,1) - 1) * -9vh)) scale(var(--z,1));filter:blur(var(--b,0px))}
.mp-ask__k{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--v400);margin:0 0 .5rem}
.mp-ask__q{font-size:.92rem;line-height:1.4;color:var(--ink);margin:0 0 .85rem;text-wrap:balance}
.mp-ask__opts{display:flex;flex-wrap:wrap;gap:.4rem}
.mp-ask__opts button{all:unset;cursor:pointer;font-size:.78rem;line-height:1.2;color:var(--ink-2);padding:.42rem .7rem;border-radius:100px;border:1px solid var(--line-2);
  transition:background .25s ease,color .25s ease,border-color .25s ease}
.mp-ask__opts button:hover{color:var(--ink);border-color:var(--v400)}
.mp-ask__opts button:focus-visible{outline:2px solid var(--v300);outline-offset:2px}
.mp-ask__opts button[aria-pressed="true"]{background:rgba(255,201,138,.18);color:var(--ink);border-color:var(--v300)}
.mp-ask.is-answered .mp-ask__opts{display:none}
.mp-ask__done{margin:0;font-size:.84rem;line-height:1.45;color:var(--ink-2)}
.mp-ask__done b{color:var(--ink);font-weight:500}
.mp-result{display:none}
.mp.gl-on .mp-result:not([hidden]){display:block;position:absolute;left:clamp(20px,3vw,48px);top:clamp(20px,5svh,48px);z-index:3;width:min(21rem,30vw);
  padding:1.1rem 1.15rem 1.2rem;border-radius:18px;background:rgba(40,11,14,.52);border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.mp.gl-on .mp-result.is-on{opacity:1;transform:none}
.mp-result__a{font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--ink);margin:0 0 .45rem}
.mp-result__n{font-size:.88rem;line-height:1.45;color:var(--ink-2);margin:0 0 .9rem}
.mp-result__n b{color:var(--ink);font-weight:600}
.mp-result__save{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;color:#1E090C;
  background:#FFD7A8;padding:.55rem .95rem;border-radius:100px;transition:transform .2s ease,box-shadow .3s ease}
.mp-result__save:hover{transform:translateY(-1px);box-shadow:0 10px 26px -12px rgba(255,215,168,.8)}
.mp-result__save:focus-visible{outline:2px solid var(--v300);outline-offset:3px}
.mp-result__note{margin:.55rem 0 0;font-size:.72rem;color:var(--ink-3)}
/* sort the crowd by sector: a strip under the stat chapters */
.mp-sectors{position:fixed;left:50%;bottom:clamp(14px,3svh,28px);transform:translate(-50%,8px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.45rem;
  opacity:0;pointer-events:none;transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.mp-sectors.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.mp-sectors__read{margin:0;min-height:1.2em;font-size:.82rem;color:var(--ink);letter-spacing:.01em;padding:.3rem .75rem;border-radius:100px;
  background:rgba(40,11,14,.6);border:1px solid var(--line);opacity:0;transition:opacity .25s ease}
.mp-sectors__read:not(:empty){opacity:1}
.mp-sectors__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:min(60rem,92vw)}
.mp-sectors button{all:unset;cursor:pointer;font-size:.76rem;line-height:1;color:var(--ink-2);padding:.5rem .8rem;border-radius:100px;border:1px solid var(--line);
  background:rgba(40,11,14,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s ease,border-color .2s ease,background .2s ease}
.mp-sectors button:hover,.mp-sectors button:focus-visible{color:var(--ink);border-color:var(--v400)}
.mp-sectors button:focus-visible{outline:2px solid var(--v300);outline-offset:2px}
.mp-sectors button[aria-pressed="true"]{color:var(--ink);background:rgba(255,201,138,.16);border-color:var(--v300)}
/* the turning chapters can be turned by hand */
.mp.gl-on .mp-three .mp-stage{cursor:grab;touch-action:pan-y}
.mp.gl-on .mp-three .mp-stage.is-dragging{cursor:grabbing}
.mp.gl-on .mp-three .mp-stage.is-dragging *{user-select:none}
.mp-ask__done i{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.5rem;vertical-align:.05em;background:#FFD7A8;box-shadow:0 0 10px 2px rgba(255,215,168,.7)}

/* the six as a flight: continuous per-frame values, so no transition */
.mp.gl-on .mp-panel{transition:none;opacity:var(--fo,.34);transform:scale(var(--fs,1));filter:blur(var(--fb,0px));will-change:transform,opacity}

/* the exit: the copy leaves first, so the scattering mark is the last thing seen */
.mp.is-leaving main,.mp.is-leaving .mp-ledger{opacity:0;transition:opacity .55s ease}

/* ============================================================ the phone
   Static, in full: no pins, no travel, no GL. Every number is type. */
@media (max-width:900px), (pointer:coarse) and (max-height:560px){
  .mp-act{height:auto !important;margin-bottom:0 !important}
  .mp-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:block;padding:5rem 0 3rem}
  .mp-stage__in{transform:none !important;opacity:1 !important}
  .mp-cover .mp-stage{min-height:100svh;display:grid;place-items:center;padding:6rem 0 4rem}
  .mp-beat{position:relative;inset:auto;opacity:1;pointer-events:auto;transform:none !important;display:block;padding:2.4rem var(--gutter)}
  .mp-beat .mp-num{font-size:clamp(4.6rem,22vw,7rem)}
  .mp-beat .mp-cap{opacity:1;transform:none}
  .mp .mp-beat .dt{opacity:1 !important}
  .mp-beat__title{position:static;padding:0 var(--gutter) .6rem}
  .mp-beat__title .mp-h,.mp-beat__title .mp-kicker{opacity:1;transform:none}
  .mp-marks,.mp-six__bar{display:none}
  .mp-station__grid,.mp-moves{grid-template-columns:1fr}
  .mp-method__row{grid-template-columns:1fr 1fr}
  .mp-six__track{position:static;display:block;height:auto;padding:0 var(--gutter);transform:none !important}
  .mp-six__lead{width:auto;margin-bottom:2.4rem}
  .mp-panel{width:auto;grid-template-columns:1fr;opacity:1;padding:1.6rem 0;border-top:1px solid var(--line)}
  .mp-panel__icon{display:none}
  .mp-close .mp-stage{padding:5rem 0 2rem}
  .mp-ledger,.mp-count,.mp-ask,.mp-result,.mp-sectors{display:none !important}
  .tr:not(.is-split){opacity:1;transform:none;transition:none}
  .mp-asst{left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto}
  .mp-asst__pill{top:auto;bottom:0;transform-origin:0 100%}
  .mp-asst__card{max-height:min(78svh,40rem);transform-origin:0 100%;background:rgba(40,11,14,.97)}
}
@media (prefers-reduced-motion:reduce){
  .tr:not(.is-split),.ln__in,.mp-beat,.mp-beat .mp-cap,.mp-beat__title .mp-h{transition:none !important}
}

/* ---- ExpenseIn: the CTA card, on the assistant's surface and in its corner ---- */
.mp-ecta{position:fixed;left:clamp(20px,3vw,48px);top:calc(var(--ein-top,0px) + clamp(20px,5svh,48px));z-index:6;width:min(22rem,31vw);font-size:16px;pointer-events:none}
.mp-ecta__card{border-radius:18px;padding:1.1rem 1.15rem 1.15rem;background:rgba(40,11,14,.62);border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:0 0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.mp-ecta.is-open .mp-ecta__card{pointer-events:auto}
.mp-ecta:not(.is-open) .mp-ecta__card{opacity:0;transform:scale(.94) translateY(-6px);visibility:hidden;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s}
.mp .mp-ecta__k{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--v400);margin:0 0 .5rem}
.mp .mp-ecta__q{font-size:.92rem;line-height:1.45;color:var(--ink);margin:0 0 .95rem;text-wrap:balance}
.mp-ecta__row{display:flex;flex-wrap:wrap;gap:.45rem}
.mp-ecta__btn{display:inline-flex;align-items:center;font-size:.84rem;font-weight:600;line-height:1.2;color:#fff;background:#EE5456;padding:.6rem .95rem;border-radius:100px;
  border:1px solid #EE5456;transition:background .25s ease,border-color .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.mp-ecta__btn:hover{background:#CF4042;border-color:#CF4042;transform:translateY(-1px)}
.mp-ecta__btn--ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}
.mp-ecta__btn--ghost:hover{background:rgba(255,201,138,.10);border-color:var(--v400)}
.mp-ecta__btn:focus-visible,.mp-ecta__pill:focus-visible{outline:2px solid var(--v300);outline-offset:3px}
.mp-ecta__pill{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.84rem;font-weight:600;line-height:1.2;color:#fff;
  background:#EE5456;padding:.7rem 1.05rem;border-radius:100px;box-shadow:0 8px 24px -8px rgba(238,84,86,.6);
  opacity:0;transform:scale(.92);transform-origin:0 0;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),background .25s ease}
.mp-ecta__pill:hover{background:#CF4042}
.mp-ecta:not(.is-open) .mp-ecta__pill{opacity:1;transform:none;pointer-events:auto}
.mp-ecta.is-gone .mp-ecta__pill,.mp-ecta.is-gone .mp-ecta__card{opacity:0 !important;pointer-events:none !important;visibility:hidden}
.mp:not(.js) .mp-ecta{display:none}
@media (max-width:900px),(pointer:coarse) and (max-height:560px){
  .mp-ecta{left:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto}
  .mp-ecta__pill{top:auto;bottom:0;transform-origin:0 100%}
  .mp-ecta__card{display:none}
}

/* ============================================================ ExpenseIn chrome
   The expensein.com header and footer, rebuilt for THIS page only (the AccountsIQ site
   chrome is not on it). Values are lifted from expensein.com's own stylesheet: Open Sans,
   #333 nav links, #EE5456 primary, .6rem button radius, a 3px red rule on open menus,
   #677788 secondary text, #E7EAF3 hairlines. Scoped to .ein-chrome; the host site CSS
   styles bare elements, so everything inside starts from a reset. */
.ein-chrome,.ein-chrome *,.ein-chrome *::before,.ein-chrome *::after{box-sizing:border-box}
.ein-chrome :where(ul,ol,li,p,h5,figure,nav,header){margin:0;padding:0;list-style:none;background:none;border:0;font:inherit;color:inherit;letter-spacing:normal;text-transform:none;text-align:inherit}
.ein-chrome :where(a){color:inherit;text-decoration:none;background:none}
.ein-chrome :where(button){all:unset;box-sizing:border-box;cursor:pointer}
.ein-chrome :where(img,svg){display:block;max-width:100%}
.ein-chrome{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:#3b434c;
  -webkit-font-smoothing:antialiased}
.ein-chrome :focus-visible{outline:2px solid #ee5456;outline-offset:3px;border-radius:4px}
.ein-wrap{max-width:1140px;margin:0 auto;padding:0 15px}

/* ---- the banner ---- */
.ein-banner{position:relative;background:#fef6f6;color:#ee5456;text-align:center;font-size:.9375rem;padding:.7rem 3rem}
.ein-banner a{text-decoration:underline;text-underline-offset:2px}
.ein-banner a b{font-weight:700}
.ein-banner__x{position:absolute;right:1.25rem;top:50%;translate:0 -50%;width:1.5rem;height:1.5rem;display:grid;place-items:center;color:#ee5456;opacity:.7}
.ein-banner__x:hover{opacity:1}
.ein-banner__x svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.ein-banner.is-off{display:none}

/* ---- the header ---- */
.ein-nav{position:relative;z-index:20;background:#fff;box-shadow:0 .375rem 1.5rem 0 rgba(140,152,164,.125)}
.ein-nav__in{display:flex;align-items:center;min-height:5.25rem}
.ein-brand{display:inline-block;flex:0 0 auto;padding:.3rem 0}
.ein-brand img{width:9.5rem;height:auto}
.ein-burger{display:none;margin-left:auto;width:2.5rem;height:2.5rem;border-radius:50%;place-items:center;color:#677788;transition:background .2s ease}
.ein-burger:hover{background:rgba(119,131,143,.1)}
.ein-burger svg{width:14px;height:14px;fill:currentColor}
.ein-menu{display:flex;align-items:center;flex:1 1 auto;margin-left:2.6rem}
.ein-menu__list{display:flex;align-items:center}
.ein-item{position:relative}
.ein-link{display:flex;align-items:center;gap:.4rem;padding:1.5rem .75rem;color:#333;font-size:1rem;font-weight:400;line-height:1.6;transition:color .2s ease}
.ein-link:hover,.ein-has:hover>.ein-link,.ein-has.is-open>.ein-link{color:#ee5456}
.ein-chev{width:.55rem;height:.35rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.ein-cta{display:flex;align-items:center;gap:1rem;margin-left:auto}
.ein-btn{display:inline-block;font-weight:600;font-size:1rem;line-height:1.6;padding:.75rem 1rem;border-radius:.6rem;border:.0625rem solid #ee5456;text-align:center;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.ein-btn--line{color:#ee5456;background:#fff}
.ein-btn--line:hover{color:#fff;background:#ee5456}
.ein-btn--fill{color:#fff;background:#ee5456}
.ein-btn:hover{transform:translateY(-3px);box-shadow:0 .25rem .75rem rgba(238,84,86,.35)}

/* menus: open on hover / focus on desktop, on click everywhere */
.ein-dd{position:absolute;left:0;top:100%;z-index:30;min-width:16rem;background:#fff;border-top:.1875rem solid #ee5456;
  border-radius:0 0 .5rem .5rem;box-shadow:0 .5rem 2.5rem .625rem rgba(140,152,164,.175);padding:1.15rem 0;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .25s ease,visibility 0s .25s}
.ein-has:hover>.ein-dd,.ein-has:focus-within>.ein-dd,.ein-has.is-open>.ein-dd{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .25s ease}
.ein-dd__a{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.55rem 1.75rem;color:#333;font-size:1rem;white-space:nowrap;transition:color .2s ease}
.ein-dd__a:hover,.ein-sub:hover>.ein-dd__a,.ein-sub.is-open>.ein-dd__a{color:#ee5456}
.ein-right{width:.35rem;height:.6rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ein-sub{position:relative}
.ein-dd--fly{left:100%;top:-1.15rem;border-top:0;border-radius:.5rem}
.ein-sub:hover>.ein-dd--fly,.ein-sub:focus-within>.ein-dd--fly,.ein-sub.is-open>.ein-dd--fly{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .25s ease}
.ein-dd--sol{min-width:0;padding:1.35rem 1.25rem}
.ein-dd--sol>ul{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:15.5rem;gap:.35rem .5rem}
.ein-dd__card{display:block;white-space:normal;padding:.55rem .75rem}
.ein-dd__card b{display:block;font-weight:400;color:#1e2022;transition:color .2s ease}
.ein-dd__card span{display:block;font-size:.8125rem;line-height:1.45;color:#677788;margin-top:.15rem}
.ein-dd__card:hover b{color:#ee5456}

/* ---- the footer ---- */
/* the particle medium is sticky with margin-bottom:-100svh, so it overhangs the report by one
   screen: the footer must sit above it or the last viewport of it is painted over */
.ein-foot{position:relative;z-index:7;background:#fff;padding:4.5rem 0 1.5rem}
.ein-foot__top{display:grid;grid-template-columns:minmax(14rem,1fr) 3fr;gap:2.5rem;padding-bottom:3rem}
.ein-foot__brand .ein-brand{margin-bottom:1.6rem}
.ein-contact li a{display:flex;align-items:center;gap:.6rem;padding:.25rem 0;font-size:.9375rem;color:#677788;transition:color .2s ease}
.ein-contact svg{width:.9rem;height:.9rem;fill:#677788;flex:0 0 auto}
.ein-contact a:hover{color:#ee5456}
.ein-social{display:flex;gap:.6rem;margin:1.6rem 0 2rem}
.ein-social a{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.5rem;background:#f7faff;color:#677788;transition:background .2s ease,color .2s ease}
.ein-social a:hover{background:#ee5456;color:#fff}
.ein-social svg{width:.95rem;height:.95rem;fill:currentColor}
.ein-awards{display:flex;gap:.75rem;align-items:center}
.ein-awards img{height:4.6rem;width:auto}
.ein-foot__cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}
.ein-fcol h5{font-size:1.0625rem;font-weight:600;color:#1e2022;margin-bottom:1.1rem}
.ein-fcol li a{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:.3rem 0;font-size:.9375rem;line-height:1.5;color:#677788;transition:color .2s ease}
.ein-fcol li a:hover{color:#ee5456}
.ein-fcol li a svg{width:.95rem;height:.95rem;fill:#677788}
.ein-badge{display:inline-block;padding:.2rem .5rem;border-radius:.6rem;background:#ee5456;color:#fff;font-size:.75rem;font-weight:400;line-height:1}
.ein-foot__base{display:grid;grid-template-columns:minmax(14rem,1fr) 3fr;gap:2.5rem;border-top:.0625rem solid #e7eaf3;padding-top:2.5rem}
.ein-legal-links{display:flex;gap:.9rem;color:#677788;font-size:.9375rem}
.ein-legal-links a:hover{color:#ee5456}
.ein-rate{display:flex;align-items:center;gap:.6rem;margin-top:1.8rem}
.ein-rate img{height:3.6rem;width:auto}
.ein-rate img+img{height:2.2rem}
.ein-legal p{font-size:.875rem;line-height:1.7;color:#677788;margin-bottom:1.1rem}

/* ---- below 992: the burger, accordions, stacked footer ---- */
@media (max-width:991px){
  .ein-nav__in{flex-wrap:wrap;min-height:4.5rem}
  .ein-brand img{width:7.5rem}
  .ein-burger{display:grid}
  .ein-menu{display:none;flex:1 0 100%;flex-direction:column;align-items:stretch;margin:0;padding:.5rem 0 1.25rem;border-top:1px solid #e7eaf3}
  .ein-nav.is-open .ein-menu{display:flex}
  .ein-menu__list{flex-direction:column;align-items:stretch}
  .ein-link{justify-content:space-between;padding:.8rem 0;width:100%}
  .ein-has.is-open>.ein-link .ein-chev{transform:rotate(180deg)}
  .ein-dd,.ein-dd--fly{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 .5rem;min-width:0;transition:none}
  .ein-has:hover>.ein-dd,.ein-has:focus-within>.ein-dd{display:none}
  .ein-has.is-open>.ein-dd,.ein-sub.is-open>.ein-dd--fly{display:block}
  .ein-dd__a{padding:.5rem 1rem;white-space:normal}
  .ein-dd--fly .ein-dd__a{padding-left:2rem}
  .ein-sub.is-open>.ein-dd__a .ein-right{transform:rotate(90deg)}
  .ein-dd--sol>ul{display:block}
  .ein-cta{margin:1rem 0 0;flex-direction:column;align-items:stretch;gap:.6rem}
  .ein-foot__top,.ein-foot__base{grid-template-columns:1fr;gap:2rem}
  .ein-foot__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}
  .ein-banner{font-size:.875rem;padding:.65rem 2.75rem}
}
@media (max-width:420px){ .ein-foot__cols{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .ein-chrome *{transition:none !important} .ein-btn:hover{transform:none} }

html.mp-page,html.mp-page body{background:#421319}