@layer reset, tokens, base, layout, components, chrome, sections, pui, pages, utilities, draft;
@layer base {
.bb-sprite{position:absolute;inline-size:0;block-size:0;overflow:hidden}
}
@layer tokens {
  :root {
    --bb-ink: #0b0b0b;
    --bb-text: #3e4552;
    --bb-muted: #626872;
    --bb-white: #ffffff;
    --bb-lavender: #f4f2ff;
    --bb-lavender-tint: #f7f5ff;
    --bb-line: #ddddec;
    --bb-line-strong: #858599;
    --bb-purple: #6366fa;
    --bb-purple-hover: #474ae7;
    --bb-purple-pressed: #474ec5;
    --bb-purple-text: #474ec5;
    --bb-deep: #1b1340;
    --bb-deep-2: #1f2176;
    --bb-green: #84fae4;
    --bb-green-text: #126b5c;
    --bb-green-bg: #eefffa;
    --bb-success: #18b070;  --bb-success-text: #126b5c;  --bb-success-bg: #eefffa;
    --bb-warning: #ffa800;  --bb-warning-text: #8f5a00;  --bb-warning-bg: #fffbdc;
    --bb-error: #d7363c;    --bb-error-text: #b4232a;    --bb-error-bg: #fde4e7;
    --bb-sand: #f9f4ef;
    --bb-rival: #f2674f;
    --bb-rival-text: #b23a24;
    --bb-rival-bg: #fff0ec;
    --bb-rival-on-deep: #ff8a72;
    --bb-sky: #aeecff;
    --bb-focus: #6366fa;
    --bb-focus-on-deep: #84fae4;
    --bb-disabled: #8b8f98;
    --bb-disabled-bg: #f0f1f3;
    --bb-chart-1: #6366fa; --bb-chart-2: #2da18c; --bb-chart-3: #1f2176; --bb-chart-4: #f2674f; --bb-chart-5: #9292aa;
    --bb-fade: linear-gradient(98deg, #ffffff -6%, #f4f2ff 94%);
    --bb-deep-fade: linear-gradient(160deg, #1b1340, #1f2176);
    --bb-deep-glow: radial-gradient(60% 70% at 85% 0%, rgba(132, 250, 228, .16), transparent 60%);
    --purple-50: #f7f5ff;
    --purple-100: #f4f2ff;
    --purple-200: #d0cffe;
    --purple-300: #acacfd;
    --purple-400: #8789fb;
    --purple-500: #6366fa;
    --purple-600: #555ae0;
    --purple-700: #474ec5;
    --purple-800: #32379d;
    --purple-900: #1f2176;
    --purple-950: #1b1340;
    --green-50: #eefffa;
    --green-100: #b5fcee;
    --green-200: #84fae4;
    --green-300: #52eed1;
    --green-400: #3cc0a8;
    --green-500: #2da18c;
    --green-600: #1f8573;
    --green-700: #126b5c;
    --green-800: #045145;
    --green-900: #003a30;
    --green-950: #00261f;
    --neutral-50: #f9f9fb;
    --neutral-100: #f5f5f9;
    --neutral-200: #ddddec;
    --neutral-300: #d0d0e0;
    --neutral-400: #b0b0c6;
    --neutral-500: #9292aa;
    --neutral-600: #6a6a85;
    --neutral-700: #444462;
    --neutral-800: #303043;
    --neutral-900: #1c1d25;
    --neutral-950: #0b0b0b;
    --tint-ice: #c7ebf5;  --tint-lilac: #e8e7fd;  --tint-snow: #f7f6fe;  --tint-frost: #ddf1f6;  --tint-mist: #e3f3f8;
    --tint-mint: #a3f2e2;  --tint-mint-2: #b6f5ea;  --tint-mint-3: #d6f6f4;  --tint-periwinkle: #8fb1f5;
    --grad-brand: linear-gradient(45deg, #6366fa, #84fae4);
    --grad-brighty: linear-gradient(135deg, #84fae4 8%, #6366fa 50%, #1f2176 96%);
    --grad-border: linear-gradient(270deg, #84fae4, #6366fa, #84fae4);
    --grad-fade: linear-gradient(98deg, #ffffff -6.49%, #f9f9fb 93.63%);
    --grad-card: linear-gradient(135deg, #6366fa, #8789fb);
    --grad-button: linear-gradient(90deg, #555ae0, #71b9e2);
    --grad-stage: radial-gradient(60% 70% at 85% 0%, rgba(132, 250, 228, .22), transparent 60%), linear-gradient(160deg, #1b1340, #1f2176);
    --grad-mist: linear-gradient(120deg, #f7f5ff, #eefffa);
    --fill-lavender-band: linear-gradient(180deg, #eceaff 0%, #e0defe 100%);
    --line-lavender-band: rgba(31, 33, 118, .22);
    --edge-lavender-band: inset 0 1px 0 rgba(255, 255, 255, .7);
    --ink: var(--bb-ink);
    --text: var(--bb-text);
    --muted: var(--bb-muted);
    --bg: var(--bb-white);
    --line: var(--bb-line);
    --line-strong: var(--bb-line-strong);
    --accent: var(--bb-purple);
    --accent-text: var(--bb-purple-text);
    --btn: var(--bb-purple-hover);
    --btn-hover: var(--bb-purple-pressed);
    --btn-fg: var(--bb-white);
    --btn-lift: var(--lift-on-light);
    --focus: var(--bb-focus);
    --band-top: var(--purple-600);
    --success-text: var(--bb-success-text); --success-bg: var(--bb-success-bg);
    --warn-text: var(--bb-warning-text);    --warn-bg: var(--bb-warning-bg);
    --error-text: var(--bb-error-text);     --error-bg: var(--bb-error-bg);
    --fill-lit: linear-gradient(178deg, var(--purple-600) 0%, var(--purple-600) 18%, var(--purple-800) 66%, var(--purple-900) 100%);
    --fill-deep: var(--bb-deep-fade);
    --fill-wash: linear-gradient(180deg, #ffffff 0%, #f8f9ff 50%, #f0f2ff 100%);
    --fill-tint: linear-gradient(180deg, #f7f8ff 0%, #eef0ff 100%);
    --edge-light: inset 0 1px 0 rgba(255, 255, 255, .22);
    --edge-light-mint: inset 0 1px 0 rgba(132, 250, 228, .25);
    --brand-strip: linear-gradient(270deg, #3e4552 .01%, #6366fa 35.66%, #84fae4 65.91%, #677fea 103.72%);
    --opaque: #000;
    --panel-arc-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cellipse cx='60' cy='115' rx='85' ry='70'/%3E%3C/svg%3E");
    --panel-arc-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cellipse cx='98' cy='-28' rx='56' ry='60'/%3E%3Cellipse cx='-18' cy='104' rx='46' ry='56'/%3E%3C/svg%3E");
    --panel-arc-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cellipse cx='40' cy='115' rx='85' ry='70'/%3E%3C/svg%3E");
    --shadow: 0 1px 2px rgba(27, 19, 64, .06), 0 32px 64px -32px rgba(31, 33, 118, .42);
    --shadow-picture: 0 6px 30px 5px rgba(136, 152, 170, .15);
    --shadow-picture-hover: 0 14px 40px 4px rgba(71, 78, 197, .16);
    --shadow-card: 0 6px 30px 5px rgba(136, 152, 170, .12);
    --shadow-menu: 0 32px 48px -32px rgba(31, 33, 118, .28);
    --shadow-tile: 0 6px 18px rgba(0, 0, 0, .25);
    --lift-on-light: 0 8px 18px -10px rgba(31, 33, 118, .7);
    --lift-on-dark: 0 8px 18px -10px rgba(27, 19, 64, .8);
    --font: "DM Sans", "DM Sans Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
    --fs-display: clamp(38px, 25.4px + 3.24vw, 72px);
    --fs-hero: clamp(36px, 16px + 3.4vw, 64px);
    --fs-numbers: clamp(64px, 8px + 8.4vw, 128px);
    --fs-figure: clamp(44px, 28px + 2.5vw, 64px);
    --fs-poster: var(--fs-display);
    --fs-giant: var(--fs-figure);
    --fs-h2: clamp(28px, 22.8px + 1.334vw, 42px);
    --fs-40: clamp(28px, 20px + 1.4vw, 40px);
    --fs-32: clamp(24px, 18px + 1vw, 32px);
    --fs-24: clamp(20px, 17px + .5vw, 24px);
    --fs-20: 20px;
    --fs-18: 18px;
    --fs-16: 16px;
    --fs-14: 14px;
    --fs-12: 12px;
    --fw-poster: 700;
    --fw-display: 700;
    --fw-medium: 500;
    --fw-strong: 600;
    --tr-poster: -.01em;
    --tr-giant: -.025em;
    --tr-h2: 0;
    --tr-mid: 0;
    --tr-small: -.005em;
    --lh-poster: 1.08;
    --lh-giant: .9;
    --lh-head: 1.15;
    --lh-snug: 1.25;
    --lh-body: 1.55;
    --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
    --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;
    --section-pad: clamp(48px, 16px + 5.8vw, 100px);
    --gutter: clamp(16px, 4.4vw, 64px);
    --head-gap: clamp(32px, 12px + 2.8vw, 56px);
    --head-gap-s: clamp(28px, 10px + 2.4vw, 48px);
    --hero-top: clamp(20px, 2px + 4vw, 56px);
    --hero-gap: clamp(28px, 3.2vw, 48px);
    --card-pad: clamp(24px, 8px + 2vw, 40px);
    --gap-fluid: clamp(24px, 3vw, 48px);
    --gap-wide: clamp(32px, 5vw, 80px);
    --inset-text: clamp(0px, 2vw, 32px);
    --inset-text-l: clamp(0px, 2.4vw, 40px);
    --wrap-width: 1200px;
    --col-gap: var(--s5);
    --header-h: 90px;
    --panel-bleed: 12%;
    --radius-1: 4px;
    --radius-2: 6px;
    --radius-3: 8px;
    --ease: cubic-bezier(.22, 1, .36, 1);
    --z-header: 50;
    --z-menu: 60;
    --z-skip: 100;
    color-scheme: light;
  }
  @media (width < 640px) {
    :root { --header-h: 64px; --panel-bleed: 8%; }
  }
  .moment-numbers { --fs-poster: var(--fs-hero); --fs-giant: var(--fs-numbers); }
  .moment-product { --fs-poster: var(--fs-hero); --fs-giant: var(--fs-figure); }
  .band, .panel--deep {
    --ink: var(--bb-white);
    --text: var(--purple-100);
    --muted: var(--purple-100);
    --line: rgba(255, 255, 255, .32);
    --accent: var(--bb-green);
    --accent-text: var(--bb-white);
    --btn: var(--bb-white);
    --btn-hover: var(--bb-lavender);
    --btn-fg: var(--bb-purple-text);
    --btn-lift: var(--lift-on-dark);
    --focus: var(--bb-white);
  }
  .band--deep, .panel--deep {
    --muted: var(--purple-200);
    --line: rgba(255, 255, 255, .18);
    --accent-text: var(--purple-200);
    --focus: var(--bb-focus-on-deep);
  }
  .form-card, .panel:not(.panel--deep) {
    --ink: var(--bb-ink);
    --text: var(--bb-text);
    --muted: var(--bb-muted);
    --line: var(--bb-line);
    --accent: var(--bb-purple);
    --accent-text: var(--bb-purple-text);
    --btn: var(--bb-purple-hover);
    --btn-hover: var(--bb-purple-pressed);
    --btn-fg: var(--bb-white);
    --btn-lift: var(--lift-on-light);
    --focus: var(--bb-focus);
  }
  :where(.panel--lit) {
    --panel-dark: #1f0c45; --panel-base: #26114f; --panel-mid: #32146c; --panel-end: #3b2290; --panel-glow: #4326a3;
    --panel-haze: rgba(67, 51, 96, .95);
    --panel-edge: #6d63c3; --panel-low: #5658bb; --panel-plane-end: #5d5ebd; --panel-pale: #9091c8; --panel-pale-2: #948fd0;
  }
  .site-foot {
    --ink: var(--bb-white);
    --text: rgba(255, 255, 255, .78);
    --muted: rgba(255, 255, 255, .6);
    --line: rgba(255, 255, 255, .14);
    --focus: var(--bb-focus-on-deep);
  }
  .announce { --focus: var(--bb-white); }
}
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dd, figure, blockquote, details, summary, fieldset, legend { margin: 0; padding: 0; }
  ol, ul { list-style: none; }
  img, svg, video, picture { display: block; max-width: 100%; }
  img { height: auto; }
  input, button, select, textarea { font: inherit; color: inherit; }
  table { border-collapse: collapse; }
  [hidden] { display: none !important; }
}
@layer base {
  @font-face {
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans-latin.woff2?v=468d56b6") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
      U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans-latin-ext.woff2?v=219b02c7") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
      U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  @font-face {
    font-family: "DM Sans Fallback";
    src: local("Arial");
    ascent-override: 94.9%;
    descent-override: 29.66%;
    line-gap-override: 0%;
    size-adjust: 104.53%;
  }
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: calc(var(--header-h) + 16px);
    background: var(--bg);
  }
  @media (prefers-reduced-motion: no-preference) {
    html:not(.rm) { scroll-behavior: smooth; }
  }
  body {
    font: 400 var(--fs-16)/var(--lh-body) var(--font);
    color: var(--text);
    background: var(--bg);
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  main:focus { outline: none; }
  a { color: inherit; }
  b, strong { font-weight: var(--fw-strong); }
  :is(h1, h2, h3, h4) { letter-spacing: normal; }
  :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 2px; }
  .visually-hidden {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  .skip-link {
    position: fixed; left: 12px; top: -80px; z-index: var(--z-skip); padding: 10px 14px; border-radius: var(--radius-2);
    background: var(--ink); color: var(--bg); font-weight: var(--fw-strong); text-decoration: none;
  }
  .skip-link:focus { top: 12px; }
  .icon { flex: none; }
}
@layer layout {
  .wrap { width: min(calc(100% - var(--gutter) * 2), var(--wrap-width)); margin-inline: auto; }
  .site-sec { padding-block: var(--section-pad); }
  .run { background: var(--bg) var(--fill-wash); }
  .section-head {
    display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; row-gap: var(--s5);
    margin-bottom: var(--head-gap);
  }
  .section-head--center { justify-items: center; text-align: center; }
  .section-head > h2 { overflow-wrap: anywhere; }
  .cols { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--col-gap); }
}
@layer components {
  .t-poster {
    font-size: var(--fs-poster); line-height: var(--lh-poster); font-weight: var(--fw-poster);
    letter-spacing: var(--tr-poster); color: var(--ink); text-wrap: balance;
  }
  .t-h2 {
    font-size: var(--fs-h2); line-height: var(--lh-head); font-weight: var(--fw-display);
    letter-spacing: var(--tr-h2); color: var(--ink); text-wrap: balance;
  }
  .t-32 {
    font-size: var(--fs-32); line-height: 1.2; font-weight: var(--fw-medium); letter-spacing: var(--tr-mid);
    color: var(--ink); text-wrap: balance;
  }
  :is(h1, h2, h3, h4).t-32 { font-weight: var(--fw-display); }
  .lede { max-width: 38ch; font-size: var(--fs-20); line-height: 1.45; font-weight: 400; color: var(--text); text-wrap: pretty; }
  .section-head .lede { max-width: 52ch; }
  .kicker { font-size: var(--fs-16); line-height: 1.3; font-weight: var(--fw-strong); color: var(--accent-text); }
  .hl, .stop, .sign { color: var(--accent); }
  .pct { margin-left: .04em; font-size: .46em; letter-spacing: 0; vertical-align: .9em; }
  .nb { white-space: nowrap; }
  .line { display: block; }
  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: var(--radius-2);
    background: var(--btn); color: var(--btn-fg);
    font: var(--fw-strong) var(--fs-16)/1.2 var(--font); text-decoration: none; white-space: nowrap; cursor: pointer;
    transition: background-color .2s, color .2s, translate .2s var(--ease), box-shadow .2s var(--ease);
  }
  .btn:hover { background: var(--btn-hover); box-shadow: var(--btn-lift); }
  .btn:active { box-shadow: none; transition-duration: .06s; }
  .btn svg { width: 18px; height: 18px; }
  .btn--lg { min-height: 56px; padding: 0 28px; font-size: var(--fs-18); }
  .btn--sm { min-height: 40px; padding: 0 16px; font-size: var(--fs-14); }
  .btn[disabled], .btn[aria-disabled="true"] {
    background: var(--bb-disabled-bg); color: var(--bb-disabled); cursor: not-allowed; box-shadow: none; translate: none;
  }
  .btn--quiet { background: transparent; color: var(--accent-text); border: 1.5px solid currentColor; }
  .btn--quiet:hover { background: transparent; box-shadow: inset 0 0 0 1px currentColor; }
  .link {
    display: inline-flex; align-items: center; gap: 6px; min-height: 24px;
    font-size: var(--fs-16); line-height: 1.3; font-weight: var(--fw-strong); color: var(--ink);
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px;
  }
  .link:hover { text-decoration-thickness: 2px; }
  .link svg { width: 16px; height: 16px; }
  .link--accent { color: var(--accent-text); }
  .case-link {
    justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 24px; margin-top: var(--s3);
    font-size: var(--fs-14); font-weight: var(--fw-strong); color: var(--accent-text);
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
  }
  .case-link:hover { text-decoration-thickness: 2px; }
  .case-link svg { width: 16px; height: 16px; }
  .actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4) var(--s5); }
  @media (width < 640px) {
    .actions { flex-direction: column; align-items: stretch; }
    .actions > .btn { width: 100%; }
    .actions > .link { align-self: flex-start; }
    .link { min-height: 44px; margin-block: -10px; }
    .case-link { min-height: 44px; margin-top: calc(var(--s3) - 10px); margin-bottom: -10px; }
    .pct { font-size: max(.46em, 14px); line-height: 0; }
  }
  .band, .panel--deep { color: var(--text); }
  .band { background: var(--purple-900) var(--fill-lit); box-shadow: var(--edge-light); }
  .band--deep { background: var(--bb-deep) var(--fill-deep); box-shadow: var(--edge-light-mint); }
  .curves { position: relative; isolation: isolate; box-shadow: none; }
  .curves__art {
    position: absolute; left: 0; bottom: 0; z-index: -1; pointer-events: none;
    width: 100%; height: min(100%, max(447px, 40.625vw));
  }
  .band.curves:not(.band--deep) {
    background: var(--purple-700) linear-gradient(100deg, var(--purple-800) 0%, var(--purple-700) 38%, var(--purple-600) 82%);
  }
  .band.curves--right:not(.band--deep) {
    background-image: linear-gradient(260deg, var(--purple-800) 0%, var(--purple-700) 38%, var(--purple-600) 82%);
  }
  .curves__a { fill: var(--bb-deep); fill-opacity: .55; }
  .curves__b { fill: var(--purple-600); fill-opacity: .3; }
  .band--deep.curves { background: var(--bb-deep) linear-gradient(180deg, var(--purple-900) 0%, var(--bb-deep) 100%); }
  .band--deep .curves__a { fill: var(--bb-deep); fill-opacity: .8; }
  .curves--right .curves__art { left: auto; right: 0; scale: -1 1; }
  .panel {
    position: relative; isolation: isolate; overflow: hidden; border-radius: var(--radius-3);
    background: var(--bg) var(--fill-tint); box-shadow: inset 0 0 0 1px var(--line);
    padding: clamp(16px, 4.6%, 56px);
  }
  .panel--crop { padding-bottom: 0; }
  .panel--crop .frame__screen {
    margin-bottom: calc(clamp(12px, 1.4vw, 20px) * -1); border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  }
  .panel--deep { background: var(--bb-deep) var(--fill-deep); box-shadow: var(--edge-light-mint); }
  .panel--lit {
    --panel-curve: var(--panel-arc-a);
    --panel-glow-at: 8% 40%; --panel-haze-at: 100% 0%; --panel-pale-at: 0% 100%; --panel-pale-2-at: 100% 100%;
    background:
      radial-gradient(58% 46% at var(--panel-haze-at), var(--panel-haze), transparent 72%),
      radial-gradient(52% 44% at var(--panel-glow-at), var(--panel-glow), transparent 80%),
      radial-gradient(80% 70% at 0% 0%, var(--panel-dark) 12%, transparent 72%),
      linear-gradient(172deg, var(--panel-base), var(--panel-mid) 55%, var(--panel-end));
    box-shadow: var(--shadow-picture);
    padding-top: clamp(24px, 10%, 112px); padding-left: clamp(24px, 10%, 112px);
  }
  .panel--arc-b { --panel-curve: var(--panel-arc-b); --panel-haze-at: 70% 0%; --panel-pale-2-at: 100% 0%; }
  .panel--arc-c { --panel-curve: var(--panel-arc-c); --panel-glow-at: 92% 40%; --panel-haze-at: 100% 0%; }
  .panel--lit::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
      radial-gradient(50% 62% at var(--panel-pale-at), var(--panel-pale), transparent 88%),
      radial-gradient(44% 58% at var(--panel-pale-2-at), var(--panel-pale-2), transparent 88%),
      linear-gradient(180deg, var(--panel-edge) 30%, var(--panel-low) 68%, var(--panel-plane-end));
    -webkit-mask: var(--panel-curve) 0 0 / 100% 100% no-repeat;
            mask: var(--panel-curve) 0 0 / 100% 100% no-repeat;
  }
  .panel--bleed { padding-right: 0; }
  .panel--bleed .frame__screen {
    margin-right: calc(var(--panel-bleed) * -1); border-top-right-radius: 0; border-bottom-right-radius: 0;
  }
  .frame { position: relative; display: grid; gap: var(--s3); min-width: 0; }
  .frame__screen {
    position: relative; min-width: 0; overflow: hidden;
    border: 1px solid var(--neutral-200); border-radius: var(--radius-3); background: var(--bb-white); box-shadow: var(--shadow);
  }
  .frame__screen--open { overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
  .crumbs ol {
    display: flex; flex-wrap: wrap; align-items: baseline; row-gap: 2px;
    font-size: var(--fs-14); line-height: 1.45; color: var(--muted);
  }
  .crumbs li + li::before { content: "/"; content: "/" / ""; margin: 0 10px; color: var(--muted); }
  .crumbs a {
    display: inline-flex; align-items: center; min-height: 24px; color: var(--text);
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
  }
  .crumbs a:hover { color: var(--ink); text-decoration-thickness: 2px; }
  .crumbs [aria-current] { color: var(--ink); font-weight: var(--fw-strong); }
  .crumbs--fit ol { flex-wrap: nowrap; }
  .crumbs--fit li { flex: none; }
  .crumbs--fit li:last-child { flex: 0 1 auto; min-width: 0; }
  .crumbs--plain [aria-current] { color: inherit; font-weight: inherit; }
  @media (width < 640px) {
    .crumbs a { position: relative; }
    .crumbs a::after { content: ""; position: absolute; inset: -11px -10px; }
  }
  .form-card {
    --form-card-pad: clamp(20px, 12px + 1.4vw, 32px);
    position: relative; overflow: hidden; border-radius: var(--radius-3);
    padding: calc(var(--form-card-pad) + 6px) var(--form-card-pad) var(--form-card-pad);
    background: var(--bg); color: var(--text); box-shadow: inset 0 0 0 1px var(--neutral-200), var(--shadow);
  }
  .form-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: var(--brand-strip); }
  .form-card__head { display: grid; gap: 2px; margin-bottom: var(--s5); }
  .form-card__title {
    font-size: var(--fs-24); line-height: 1.2; font-weight: var(--fw-strong); letter-spacing: var(--tr-small); color: var(--ink);
  }
  .form-card__meta { font-size: var(--fs-14); color: var(--muted); }
  .seq > :nth-child(1) { --i: 0; }   .seq > :nth-child(2) { --i: 1; }   .seq > :nth-child(3) { --i: 2; }
  .seq > :nth-child(4) { --i: 3; }   .seq > :nth-child(5) { --i: 4; }   .seq > :nth-child(6) { --i: 5; }
  .seq > :nth-child(7) { --i: 6; }   .seq > :nth-child(8) { --i: 7; }   .seq > :nth-child(9) { --i: 8; }
  .seq > :nth-child(10) { --i: 9; }  .seq > :nth-child(11) { --i: 10; } .seq > :nth-child(12) { --i: 11; }
}
@layer components {
  @media (prefers-reduced-motion: no-preference) {
    html:not(.rm) .btn:not([disabled], [aria-disabled="true"]):hover { translate: 0 -1px; }
    html:not(.rm) .btn:not([disabled], [aria-disabled="true"]):active { translate: 0 1px; }
    html:not(.rm) .link svg { transition: translate .2s var(--ease); }
    html:not(.rm) .link:hover svg { translate: 3px 0; }
  }
  bb-reveal { display: block; }
  .rv-rise { --rv-y: 40; --rv-scale: 1; }
  .rv-slide { --rv-x: 36; --rv-y: 0; --rv-scale: 1; }
  .rv-slide--left { --rv-x: -36; }
  @media (width < 900px) {
    .rv-slide--left { --rv-x: 36; }
  }
  @media (width < 640px) {
    .rv-slide, .rv-slide--left { --rv-x: 18; }
    .rv-rise { --rv-y: 24; }
  }
  .rv-y-48 { --rv-y: 48; }  .rv-y-56 { --rv-y: 56; }  .rv-y-64 { --rv-y: 64; }
  .rv-range-260 { --rv-range: 260; }  .rv-range-340 { --rv-range: 340; }  .rv-range-420 { --rv-range: 420; }
  .rv-range-500 { --rv-range: 500; }  .rv-range-560 { --rv-range: 560; }
  html.rv-on :is(.rv-rise, .rv-slide) { transition: opacity .5s var(--ease); }
  html.rv-on :is(.rv-rise, .rv-slide).is-armed { opacity: 0; transition: none; }
  bb-drift { display: block; }
  .curves__a { --drift-x: -56; --drift-y: 10; }
  .curves__b { --drift-x: 72; --drift-y: -6; }
  .band--deep .curves__a { --drift-x: 64; --drift-y: 0; }
  @media print {
    .rv-rise, .rv-slide { opacity: 1 !important; translate: none !important; scale: none !important; }
  }
}
@layer chrome {
  @keyframes site-menu-in { from { opacity: 0; translate: 0 -6px; } }
  @media (prefers-reduced-motion: no-preference) {
    html:not(.rm) .site-menu__chev { transition: rotate .2s; }
    html:not(.rm) .site-menu__arrow { transition: translate .15s; }
    html:not(.rm) .site-menu__card:hover .site-menu__arrow { translate: 3px 0; }
  }
  @media (prefers-reduced-motion: no-preference) and (width >= 1120px) {
    html:not(.rm) .site-menu[open] .site-menu__panel { animation: site-menu-in .2s ease-out; }
  }
}
@layer chrome {
  .announce { background: var(--band-top); color: var(--bb-white); }
  .announce__in {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 12px;
    width: min(calc(100% - var(--gutter) * 2), var(--wrap-width)); margin-inline: auto; padding: 10px 0;
    font-size: var(--fs-14); line-height: 1.45; font-weight: var(--fw-medium); text-align: center;
  }
  .announce__tag {
    flex: none; padding: 1px 6px; border-radius: var(--radius-1); background: var(--bb-green); color: var(--bb-deep);
    font-size: var(--fs-12); font-weight: 700; line-height: 1.4;
  }
  .announce a {
    display: inline-flex; align-items: center; gap: 4px; min-height: 24px;
    color: var(--bb-white); font-weight: var(--fw-strong); text-underline-offset: 3px;
  }
  .announce a:hover { text-decoration-thickness: 2px; }
  .announce a svg { width: 16px; height: 16px; }
  @media (width < 640px) {
    .announce__in { justify-content: flex-start; text-align: left; }
    .announce__tag { display: none; }
    .announce a { min-height: 44px; margin-block: -10px; }
  }
  .site-head {
    position: sticky; top: 0; z-index: var(--z-header);
    background: var(--bg); border-bottom: 1px solid transparent; transition: border-color .2s;
  }
  .site-head.is-down, .site-head.is-open, .site-head:has(.site-menu[open]) { border-bottom-color: var(--line); }
  .site-head__in { display: flex; align-items: center; gap: 40px; min-height: var(--header-h); padding-inline: var(--gutter); }
  .site-head__logo { flex: none; }
  .site-head__logo img { width: 188px; height: auto; }
  .site-head__nav { display: flex; gap: 28px; font-size: var(--fs-16); font-weight: var(--fw-medium); }
  .site-head__nav a { padding: 6px 0; color: var(--text); text-decoration: none; }
  .site-head__nav a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
  .site-head__nav .site-head__nav-login { display: none; }
  .site-head__end { display: flex; align-items: center; gap: 24px; margin-left: auto; }
  .site-head__login { font-size: var(--fs-16); font-weight: var(--fw-medium); color: var(--text); text-decoration: none; white-space: nowrap; }
  .site-head__login:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 6px; }
  .burger {
    display: none; place-items: center; width: 44px; height: 44px; flex: none; padding: 0;
    border: 1px solid var(--line); border-radius: var(--radius-2); background: var(--bg); color: var(--ink); cursor: pointer;
    transition: border-color .2s;
  }
  .burger:hover { border-color: var(--ink); }
  .burger svg { width: 22px; height: 22px; }
  .burger[aria-expanded="true"] .burger__open, .burger:not([aria-expanded="true"]) .burger__close { display: none; }
  .site-menu > summary {
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; color: var(--text); list-style: none; cursor: pointer;
  }
  .site-menu > summary::-webkit-details-marker { display: none; }
  .site-menu > summary:hover { color: var(--ink); }
  .site-menu[open] > summary { color: var(--accent-text); }
  .site-menu__chev { width: 16px; height: 16px; rotate: 180deg; }
  .site-menu[open] .site-menu__chev { rotate: 0deg; }
  .site-menu:not([open]) > .site-menu__panel { display: none; }
  .site-menu__in { display: grid; gap: 24px; }
  .site-menu__label {
    margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line);
    font-size: var(--fs-14); font-weight: var(--fw-strong); line-height: 1.4; color: var(--muted);
  }
  .site-menu__list { display: grid; gap: 4px; }
  .site-menu__list + .site-menu__label { margin-top: 20px; }
  .site-head__nav .site-menu__panel a {
    min-height: 0; padding: 0; font-size: var(--fs-16); font-weight: var(--fw-medium); color: var(--ink); text-decoration: none;
  }
  .site-head__nav .site-menu__panel a:hover { text-decoration: none; }
  .site-menu__name { display: block; font-weight: var(--fw-strong); line-height: 1.35; color: var(--ink); }
  .site-menu__line { display: block; margin-top: 2px; font-size: var(--fs-14); font-weight: 400; line-height: 1.45; color: var(--muted); }
  .site-head__nav .site-menu__panel .site-menu__item {
    display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: start;
    margin-inline: -10px; padding: 10px; border-radius: var(--radius-3); transition: background-color .15s;
  }
  .site-menu__ico {
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-2);
    background: var(--bb-lavender); color: var(--accent);
  }
  .site-menu__ico svg { width: 20px; height: 20px; }
  .site-head__nav .site-menu__panel .site-menu__item:hover { background: var(--purple-50); }
  .site-menu__item:hover .site-menu__name, .site-menu__panel a[aria-current="page"] .site-menu__name { color: var(--accent-text); }
  .site-head__nav .site-menu__panel .site-menu__card {
    display: grid; justify-items: start; gap: 4px; padding: 18px 20px; border-radius: var(--radius-3);
    background: var(--purple-50); box-shadow: inset 0 0 0 1px var(--line); transition: background-color .15s;
  }
  .site-head__nav .site-menu__panel .site-menu__card:hover { background: var(--bb-lavender); }
  .site-menu__more { display: block; margin-top: 8px; font-size: var(--fs-14); font-weight: var(--fw-strong); color: var(--accent-text); }
  .site-menu__arrow { display: inline-block; width: 16px; height: 16px; margin-left: 4px; vertical-align: -3px; }
  .site-head__nav .site-menu__panel .site-menu__post {
    display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 16px; align-items: center;
  }
  .site-menu__post img { width: 100%; height: auto; border-radius: var(--radius-2); box-shadow: 0 0 0 1px var(--line); }
  .site-menu__post .site-menu__line { order: -1; margin: 0 0 4px; }
  .site-menu__post .site-menu__txt { display: flex; flex-direction: column; }
  .site-menu__post:hover .site-menu__name { color: var(--accent-text); }
  .site-lang { position: relative; }
  .site-lang > summary {
    display: inline-flex; align-items: center; gap: 6px; min-height: 40px; white-space: nowrap;
    font-size: var(--fs-14); font-weight: var(--fw-medium); color: var(--text); list-style: none; cursor: pointer;
  }
  .site-lang > summary::-webkit-details-marker { display: none; }
  .site-lang > summary:hover, .site-lang[open] > summary { color: var(--ink); }
  .site-lang[open] .site-menu__chev { rotate: 0deg; }
  .site-lang:not([open]) > .site-lang__list { display: none; }
  .site-lang__list {
    position: absolute; right: 0; top: calc(100% + 8px); z-index: var(--z-menu); display: grid; gap: 2px;
    min-width: 176px; padding: 8px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-3);
    box-shadow: var(--shadow-menu);
  }
  .site-lang__list a {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 0 10px;
    border-radius: var(--radius-2); font-size: var(--fs-16); font-weight: var(--fw-medium); color: var(--ink); text-decoration: none;
  }
  .site-lang__list a:hover { background: var(--purple-50); }
  .site-lang__list a[aria-current] { color: var(--accent-text); }
  .site-head__langs { display: none; }
  @media (width >= 1120px) {
    .site-head__in { display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 32px; }
    .site-head__logo { justify-self: start; }
    .site-head__nav { justify-self: center; gap: 36px; }
    .site-head__end { justify-self: end; margin-left: 0; }
    .site-head__nav > a[aria-current="page"], .site-head__nav > a.is-current, .site-menu.is-current > summary {
      color: var(--ink); text-decoration: underline 2px var(--accent); text-underline-offset: 10px;
    }
    .site-menu[open] > summary { text-decoration: underline 2px var(--accent); text-underline-offset: 10px; }
    .site-menu__panel {
      position: absolute; left: 0; right: 0; top: 100%; z-index: var(--z-menu);
      background: var(--bg); border-top: 1px solid var(--line); box-shadow: var(--shadow-menu);
    }
    .site-menu__in { display: flex; justify-content: center; gap: clamp(28px, 3.4vw, 48px); padding: 32px var(--gutter) 40px; }
    .site-menu__col { flex: 0 1 272px; min-width: 0; }
    .site-menu__col--wide { flex-basis: 440px; }
  }
  @media (1120px <= width < 1280px) {
    .site-head__in { column-gap: 24px; }
    .site-head__nav { gap: 24px; }
    .site-head__end { gap: 16px; }
  }
  @media (width < 1120px) {
    .site-head__in { gap: 12px; }
    .site-head__end { order: 2; gap: 12px; }
    .site-head__login, .site-lang { display: none; }
    .site-head__nav .site-head__nav-login { display: flex; }
    .site-head__nav .site-head__langs { display: flex; flex-wrap: wrap; gap: 0 24px; }
    .site-head__langs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text); text-decoration: none; }
    .site-head__langs a:hover { color: var(--ink); }
    .site-head__langs a[aria-current] { color: var(--ink); text-decoration: underline 2px var(--accent); text-underline-offset: 8px; }
    .js .site-head__langs { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-size: var(--fs-16); }
    html:not(.js) .site-head__in { flex-wrap: wrap; row-gap: 0; padding-block: 8px 4px; }
    html:not(.js) .site-head__nav { order: 4; flex-basis: 100%; flex-wrap: wrap; gap: 0 20px; font-size: var(--fs-14); }
    html:not(.js) .site-head__nav > a, html:not(.js) .site-menu > summary { padding: 10px 0; }
    html:not(.js) .site-head__langs { gap: 0 20px; }
    html:not(.js) .site-head__langs a { min-height: 0; padding: 10px 0; }
    .js .burger { display: inline-grid; order: 3; }
    .js .site-head__nav {
      display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; gap: 0;
      max-height: calc(100vh - var(--header-h)); max-height: calc(100svh - var(--header-h)); overflow-y: auto;
      padding: 8px var(--gutter) 24px; background: var(--bg); border-bottom: 1px solid var(--line);
    }
    .js .site-head.is-open .site-head__nav { display: flex; }
    .js .site-head__nav > a, .js .site-head__nav .site-menu > summary {
      display: flex; align-items: center; min-height: 52px; padding: 0;
      font-size: var(--fs-20); font-weight: var(--fw-medium); color: var(--ink);
    }
    .js .site-head__nav .site-menu > summary { justify-content: space-between; }
    .site-menu__in { padding: 4px 0 20px; }
    .site-menu__col { max-width: 560px; }
    .site-head__nav .site-menu__panel .site-menu__post { grid-template-columns: 120px minmax(0, 1fr); }
  }
  @media (width < 640px) {
    .site-head__logo img { width: 108px; }
    .site-head__logo { display: flex; align-items: center; min-height: 44px; }
    .site-head__end .btn { min-height: 44px; }
  }
  .site-foot { padding-block: var(--s8) var(--s7); background: var(--bb-ink); color: var(--text); }
  .site-foot__in { display: grid; grid-template-columns: minmax(0, 4fr) repeat(3, minmax(0, 2fr)); gap: var(--s6); }
  .site-foot__brand img { width: 124px; height: auto; }
  .site-foot__brand p { margin-top: var(--s4); max-width: 30ch; font-size: var(--fs-14); color: var(--muted); }
  .site-foot__h { margin-bottom: var(--s3); font-size: var(--fs-14); font-weight: var(--fw-strong); color: var(--ink); }
  .site-foot__col li + li { margin-top: 6px; }
  .site-foot__col ul + .site-foot__h { margin-top: var(--s5); }
  .site-foot__col a { display: inline-block; padding-block: 2px; font-size: var(--fs-14); color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
  .site-foot__col a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
  .site-foot__fine {
    grid-column: 1 / -1; padding-top: var(--s5); border-top: 1px solid var(--line); font-size: var(--fs-12); color: var(--muted);
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s2) var(--s5);
  }
  .site-foot__social { display: flex; flex-wrap: wrap; gap: 0 var(--s5); }
  .site-foot__social a { display: inline-flex; align-items: center; min-height: 24px; color: var(--muted); text-decoration: none; }
  .site-foot__social a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
  .site-badges {
    grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s5) clamp(20px, 2.4vw, 32px);
    padding-top: var(--s5); border-top: 1px solid var(--line);
  }
  .site-badges img { width: auto; height: 64px; }
  @media (width < 900px) {
    .site-foot__in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .site-foot__brand { grid-column: 1 / -1; }
  }
  @media (width < 640px) {
    .site-foot__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .site-badges { gap: var(--s4); }
    .site-badges img { height: 52px; }
    .site-foot__brand + .site-foot__col { grid-column: 1 / -1; }
    .site-foot__brand + .site-foot__col ul { columns: 2; column-gap: var(--s6); }
    .site-foot__brand + .site-foot__col li { break-inside: avoid; margin-top: 0; padding-bottom: 6px; }
    .site-foot__fine { font-size: var(--fs-14); }
    .site-foot__social a { min-width: 44px; min-height: 44px; }
  }
  @media print {
    .site-head, .announce, .skip-link { display: none; }
  }
}