/*!
 * Avix Digital · Case Study Kit
 * Shared by every case-study widget: browser, phone and plain device frames
 * for real screenshots, the coloured mats they sit on, the pixel eyebrow,
 * chips and arrows. Frames size themselves from their own width (container
 * queries), so the same frame works in a hero, a two-up grid or a phone.
 */
 .avix-csk-on-dark,.avix-csk-mat--dark{--csk-chrome:#161719;--csk-chrome-line:rgba(255, 255, 255, 0.1);--csk-chrome-shadow:0 40px 80px -40px rgba(0, 0, 0, 0.85), 0 2px 6px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);--csk-bar:#1a1b1e;--csk-dot:#3a3b3f;--csk-pill:#232428;--csk-pill-ink:rgba(255, 255, 255, 0.62);--csk-screen-bg:#121315;--csk-phone-ring:0 0 0 1px rgba(255, 255, 255, 0.1);--csk-phone-shadow:0 30px 60px -24px rgba(0, 0, 0, 0.85);--csk-ink:#ffffff;--csk-muted:rgba(255, 255, 255, 0.62);--csk-line:rgba(255, 255, 255, 0.14);--csk-chip-ink:rgba(255, 255, 255, 0.86);--csk-chip-hover-ink:#ff8a3d;--csk-chip-hover-bg:color-mix(in srgb, #fb6007 14%, transparent);--csk-cover:#0b0b0c}.avix-csk-mat--paper,.avix-csk-mat--white,.avix-csk-mat--tint{--csk-chrome:#ffffff;--csk-chrome-line:rgba(26, 26, 26, 0.1);--csk-chrome-shadow:0 40px 80px -40px rgba(11, 11, 12, 0.45), 0 2px 6px rgba(11, 11, 12, 0.06);--csk-bar:#f6f4f0;--csk-dot:#d9d5ce;--csk-pill:#ffffff;--csk-pill-ink:#5c5f66;--csk-screen-bg:#efece6;--csk-phone-ring:0 0 0 1px rgba(11, 11, 12, 0.18);--csk-phone-shadow:0 30px 60px -24px rgba(11, 11, 12, 0.35);--csk-ink:#1a1a1a;--csk-muted:#5c5f66;--csk-line:rgba(26, 26, 26, 0.12);--csk-chip-ink:#1a1a1a;--csk-chip-hover-ink:#c54804;--csk-chip-hover-bg:color-mix(in srgb, #fb6007 8%, transparent)}.avix-csk-frame{container:avix-csk-frame / inline-size;position:relative;z-index:0;display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:1px;border:0;background:none;isolation:isolate}.avix-csk-frame *,.avix-csk-frame *::before,.avix-csk-frame *::after,.avix-csk-frame::before,.avix-csk-mat,.avix-csk-mat::before{box-sizing:border-box}.avix-csk-frame::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid var(--csk-chrome-line,rgb(26 26 26 / .1));border-radius:24px;background:var(--csk-chrome,#ffffff);box-shadow:var(--csk-chrome-shadow,0 40px 80px -40px rgb(11 11 12 / .45),0 2px 6px rgb(11 11 12 / .06));pointer-events:none}.avix-csk-frame .avix-csk-frame__screen{position:relative;display:block;width:100%;aspect-ratio:var(--csk-ratio,auto);margin:0;padding:0;overflow:hidden;border:0;border-radius:0 0 23px 23px;background:var(--csk-screen-bg,#efece6)}.avix-csk-frame .avix-csk-frame__screen img,.avix-csk-frame .avix-csk-frame__screen picture{display:block;width:100%;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;opacity:1;object-fit:cover;object-position:top center}.avix-csk-frame .avix-csk-frame__bar{position:relative;display:flex;align-items:center;justify-content:center;height:36px;margin:0;padding:0 84px;border-radius:23px 23px 0 0;background:var(--csk-bar,#f6f4f0)}.avix-csk-frame .avix-csk-frame__dots{position:absolute;top:50%;left:16px;display:flex;gap:6px;transform:translateY(-50%)}.avix-csk-frame .avix-csk-frame__dots i{display:block;width:9px;height:9px;border-radius:50%;background:var(--csk-dot,#d9d5ce);font-style:normal}.avix-csk-frame .avix-csk-frame__url{display:block;min-width:0;max-width:60%;margin:0;padding:4px 14px;overflow:hidden;border-radius:999px;color:var(--csk-pill-ink,#5c5f66);background:var(--csk-pill,#ffffff);font-family:"Inter",Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.avix-csk-frame--phone{padding:0}.avix-csk-frame--phone::before{border:0;border-radius:40px;background:#111;box-shadow:inset 0 0 0 1.5px #2a2b2f,inset 0 0 0 3px #0a0a0b,var(--csk-phone-ring,0 0 0 1px rgb(11 11 12 / .18)),var(--csk-phone-shadow,0 30px 60px -24px rgb(11 11 12 / .35))}.avix-csk-frame--phone .avix-csk-frame__screen{width:auto;margin:10px;border-radius:30px}.avix-csk-frame--plain::before{border-radius:20px}.avix-csk-frame--plain .avix-csk-frame__screen{border-radius:19px}.avix-csk-mat{container:avix-csk-mat / inline-size;position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;margin:0;padding:clamp(16px, 6%, 56px);border:0;background:none;isolation:isolate}.avix-csk-mat::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:28px;background:var(--csk-mat-bg,#f5f3ef);pointer-events:none}.avix-csk-mat--paper{--csk-mat-bg:#f5f3ef;--csk-cover:#f5f3ef}.avix-csk-mat--white{--csk-mat-bg:#ffffff;--csk-cover:#ffffff}.avix-csk-mat--white::before{border:1px solid rgb(26 26 26 / .08)}.avix-csk-mat--dark{--csk-mat-bg:#121214;--csk-cover:#121214}.avix-csk-mat--dark::before{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .06)}.avix-csk-mat--tint{--csk-mat-bg:color-mix(in srgb, var(--csk-accent, #f5f3ef) 22%, #f5f3ef);--csk-cover:color-mix(in srgb, var(--csk-accent, #f5f3ef) 22%, #f5f3ef)}.avix-csk-mat>.avix-csk-frame--phone{width:var(--csk-phone-w,min(100%, 320px))}.avix-csk-mat>.avix-csk-frame--plain{width:var(--csk-plain-w,100%)}.avix-csk-frame .avix-csk-px{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.avix-csk-eyebrow.avix-csk-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0;color:var(--csk-eyebrow-ink,var(--csk-muted,#5c5f66));font-family:"Inter",Arial,sans-serif;font-size:12.5px;font-style:normal;font-weight:600;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.avix-csk-eyebrow .avix-csk-eyebrow__px{flex:none;width:6px;height:6px;background:var(--csk-brand,#fb6007)}.avix-csk-eyebrow .avix-csk-eyebrow__text{min-width:0}.avix-csk-chips.avix-csk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.avix-csk-chips .avix-csk-chips__item{display:block;margin:0;padding:0;list-style:none}.avix-csk-chips .avix-csk-chips__item::before,.avix-csk-chips .avix-csk-chips__item::marker{display:none;content:none}.avix-csk-chips .avix-csk-chip{display:inline-flex;align-items:center;min-height:32px;margin:0;padding:7px 14px;border:1px solid var(--csk-line,rgb(26 26 26 / .12));border-radius:999px;color:var(--csk-chip-ink,#1a1a1a);background:#fff0;box-shadow:none;font-family:"Inter",Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.25;letter-spacing:0;text-decoration:none;text-transform:none;white-space:nowrap;transition:color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease}.avix-csk-chips a.avix-csk-chip:visited,.avix-csk-chips a.avix-csk-chip:focus{color:var(--csk-chip-ink,#1a1a1a);text-decoration:none}@media (hover:hover){.avix-csk-chips a.avix-csk-chip:hover{border-color:color-mix(in srgb,#fb6007 40%,transparent);color:var(--csk-chip-hover-ink,#c54804);background:var(--csk-chip-hover-bg,color-mix(in srgb,#fb6007 8%,transparent));text-decoration:none}}.avix-csk-chips a.avix-csk-chip:focus-visible{outline:2px solid #fb6007!important;outline-offset:3px!important}.avix-csk-arrow{display:block;flex:none;width:var(--csk-arrow,1em);height:var(--csk-arrow,1em);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.avix-csk-figure{margin:0;padding:0;border:0;background:none}.avix-csk-figure.avix-csk-figure{overflow:visible}@container avix-csk-frame (max-width:600px){.avix-csk-frame--browser::before{border-radius:16px}.avix-csk-frame--browser .avix-csk-frame__bar{height:28px;padding:0 58px;border-radius:15px 15px 0 0}.avix-csk-frame--browser .avix-csk-frame__screen{border-radius:0 0 15px 15px}.avix-csk-frame .avix-csk-frame__dots{left:12px;gap:5px}.avix-csk-frame .avix-csk-frame__dots i{width:7px;height:7px}.avix-csk-frame .avix-csk-frame__url{padding:2px 10px;font-size:11px}}@container avix-csk-frame (max-width:360px){.avix-csk-frame--browser .avix-csk-frame__bar{height:22px;padding:0 44px}.avix-csk-frame .avix-csk-frame__dots i{width:6px;height:6px}.avix-csk-frame .avix-csk-frame__url{padding:1px 8px;font-size:10px}.avix-csk-frame--plain::before{border-radius:16px}.avix-csk-frame--plain .avix-csk-frame__screen{border-radius:15px}}@container avix-csk-frame (max-width:220px){.avix-csk-frame--phone::before{border-radius:28px}.avix-csk-frame--phone .avix-csk-frame__screen{margin:7px;border-radius:21px}}@container avix-csk-frame (max-width:140px){.avix-csk-frame--phone::before{border-radius:20px}.avix-csk-frame--phone .avix-csk-frame__screen{margin:5px;border-radius:15px}}@container avix-csk-mat (max-width:600px){.avix-csk-mat::before{border-radius:20px}}@media (prefers-reduced-motion:reduce){.avix-csk-frame .avix-csk-px{display:none}.avix-csk-chips .avix-csk-chip{transition-duration:0.01ms!important}}