@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --milano: #bb080b;
  --milano-dark: #920509;
  --carrara: #f0ede8;
  --carbon: #232023;
  --carbon-72: rgb(35 32 35 / 72%);
  --carbon-52: rgb(35 32 35 / 52%);
  --carbon-24: rgb(35 32 35 / 24%);
  --carbon-16: rgb(35 32 35 / 16%);
  --carbon-12: rgb(35 32 35 / 12%);
  --carbon-08: rgb(35 32 35 / 8%);
  --carbon-05: rgb(35 32 35 / 5%);
  --status-success: #237a52;
  --status-attention: #a76513;
  --status-error: #c33a32;
  --status-process: #476983;
  --status-neutral: #736e72;
  --glass-alpha: 58%;
  --surface: rgb(240 237 232 / var(--glass-alpha));
  --surface-strong: rgb(247 244 239 / 78%);
  --glass-border: rgb(255 255 255 / 68%);
  --shadow: 0 24px 80px rgb(35 32 35 / 12%), 0 5px 18px rgb(35 32 35 / 7%);
  --shadow-soft: 0 14px 40px rgb(35 32 35 / 8%);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --page: min(1240px, calc(100vw - 48px));
  --ease: cubic-bezier(.2,.8,.2,1);
  --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--carbon);
  background: var(--carrara);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
  transition: color 280ms var(--ease), background 280ms var(--ease);
}
body.is-dark { --carrara: #232023; --carbon: #f0ede8; --carbon-72: rgb(240 237 232 / 72%); --carbon-52: rgb(240 237 232 / 56%); --carbon-24: rgb(240 237 232 / 26%); --carbon-16: rgb(240 237 232 / 18%); --carbon-12: rgb(240 237 232 / 13%); --carbon-08: rgb(240 237 232 / 8%); --carbon-05: rgb(240 237 232 / 5%); --surface: rgb(63 58 62 / var(--glass-alpha)); --surface-strong: rgb(58 53 57 / 82%); --glass-border: rgb(255 255 255 / 16%); --shadow: 0 24px 80px rgb(0 0 0 / 30%), 0 5px 18px rgb(0 0 0 / 18%); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
::selection { color: var(--carrara); background: var(--milano); }

.skip-link { position: fixed; z-index: 2000; top: 12px; left: 12px; padding: 10px 16px; color: #f0ede8; background: #232023; border-radius: 12px; transform: translateY(-150%); transition: transform 180ms; }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.ambient__orb { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .8; transition: opacity 300ms; }
.ambient__orb--red { width: 42vw; height: 42vw; top: 7vh; right: -22vw; background: radial-gradient(circle at 45% 45%, rgb(187 8 11 / 30%), rgb(187 8 11 / 0%) 69%); }
.ambient__orb--light { width: 55vw; height: 55vw; left: -30vw; top: 48vh; background: radial-gradient(circle, rgb(255 255 255 / 80%), rgb(255 255 255 / 0%) 67%); }
.ambient__grain { position: absolute; inset: 0; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
body.is-dark .ambient__orb--light { opacity: .08; }

.glass { position: relative; background: linear-gradient(135deg, rgb(255 255 255 / 28%), var(--surface)); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 rgb(255 255 255 / 62%), var(--shadow-soft); backdrop-filter: blur(24px) saturate(135%); -webkit-backdrop-filter: blur(24px) saturate(135%); }
.glass--liquid { --mx: 50%; --my: 18%; }
.glass--liquid::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(420px circle at var(--mx) var(--my), rgb(255 255 255 / 48%), transparent 48%); opacity: .85; transition: opacity 240ms var(--ease); }
.glass--liquid > * { position: relative; z-index: 1; }
.glass--accent { color: #f0ede8; background: linear-gradient(145deg, rgb(187 8 11 / 82%), rgb(146 5 9 / 92%)); border-color: rgb(255 255 255 / 28%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 30%), 0 22px 50px rgb(187 8 11 / 20%); }

.site-header { position: fixed; z-index: 100; top: 18px; left: 50%; width: var(--page); height: 64px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 8px 10px 8px 18px; border-radius: 22px; transform: translateX(-50%); }
.glass--nav { background: rgb(240 237 232 / 68%); }
body.is-dark .glass--nav { background: rgb(35 32 35 / 72%); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-weight: 700; letter-spacing: -.03em; text-decoration: none; }
.brand__mark { position: relative; display: grid; width: 24px; height: 24px; place-items: center; background: var(--milano); border-radius: 8px; box-shadow: 0 5px 12px rgb(187 8 11 / 24%); transform: rotate(-8deg); }
.brand__mark span { width: 7px; height: 12px; border: solid #f0ede8; border-width: 0 2px 2px 0; transform: translate(-1px,-1px) rotate(44deg); }
.site-nav { display: flex; align-items: center; gap: 3px; }
.site-nav a { padding: 10px 15px; border-radius: 13px; color: var(--carbon-52); font-size: 13px; font-weight: 600; text-decoration: none; transition: color 180ms, background 180ms; }
.site-nav a:hover, .site-nav a.is-active { color: var(--carbon); background: var(--carbon-08); }
.site-header > .icon-button { justify-self: end; }
.icon-button { width: 44px; height: 44px; display: inline-grid; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid var(--carbon-08); border-radius: 14px; color: var(--carbon); background: rgb(255 255 255 / 22%); cursor: pointer; transition: transform 180ms var(--ease), background 180ms, color 180ms; }
.icon-button:hover { background: var(--carbon-08); transform: translateY(-1px); }
.icon-button:active { transform: scale(.96); }
.icon-button svg { width: 20px; height: 20px; }
.icon-button--red { color: #f0ede8; background: var(--milano); border-color: var(--milano); }
.icon-button--red:hover { background: var(--milano-dark); }

main { display: block; }
.hero { width: var(--page); min-height: 76svh; margin: 0 auto; padding: 138px 0 76px; display: grid; grid-template-columns: minmax(0, 760px); align-items: center; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 24px; color: var(--carbon-52); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: var(--milano); box-shadow: 0 0 0 5px rgb(187 8 11 / 10%); }
h1, h2, h3, h4, p { text-wrap: pretty; }
h1 { max-width: 770px; margin: 0; font-size: clamp(52px, 6.6vw, 98px); font-weight: 600; line-height: .94; letter-spacing: -.07em; }
h1 em, .section-heading h2 em, .closing-card h2 em { position: relative; color: inherit; font-family: var(--font-sans); font-style: normal; font-weight: 600; }
h1 em::after, .section-heading h2 em::after, .closing-card h2 em::after { content: ""; position: absolute; width: .42em; height: .07em; left: .04em; bottom: -.1em; border-radius: 999px; background: var(--milano); }
.hero__lead { max-width: 580px; margin: 34px 0 0; color: var(--carbon-72); font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 0 20px; border: 1px solid transparent; border-radius: 15px; font-weight: 650; font-size: 14px; line-height: 1; text-decoration: none; cursor: pointer; transition: transform 180ms var(--ease), box-shadow 180ms, background 180ms, color 180ms; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: scale(.975); }
.button--primary { color: #f0ede8; background: var(--milano); box-shadow: 0 12px 28px rgb(187 8 11 / 22%); }
.button--primary:hover { background: var(--milano); box-shadow: 0 12px 28px rgb(187 8 11 / 22%), 0 0 0 3px rgb(187 8 11 / 16%), 0 0 24px rgb(187 8 11 / 24%); }
.button--glass { color: var(--carbon); background: rgb(255 255 255 / 26%); border-color: var(--glass-border); backdrop-filter: blur(16px); }
.button--secondary { color: var(--carbon); background: var(--surface-strong); border-color: var(--carbon-08); }
.button--ghost { color: var(--carbon-52); background: transparent; }
.hero__meta { display: flex; gap: 0; margin: 58px 0 0; }
.hero__meta div { min-width: 126px; padding-right: 28px; margin-right: 28px; border-right: 1px solid var(--carbon-16); }
.hero__meta div:last-child { border: 0; }
.hero__meta dt { color: var(--carbon-52); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.hero__meta dd { margin: 5px 0 0; font-size: 14px; font-weight: 700; }


.section { width: var(--page); margin: 0 auto; padding: 116px 0; scroll-margin-top: 104px; }
.section-heading { max-width: 760px; margin-bottom: 54px; }
.section-heading h2, .closing-card h2 { margin: 0; font-size: clamp(42px, 5vw, 72px); font-weight: 600; line-height: .99; letter-spacing: -.065em; }
.section-heading > p:last-child { max-width: 580px; margin: 24px 0 0; color: var(--carbon-52); font-size: 17px; }
.section-heading--row { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.palette-grid { display: grid; grid-template-columns: 1.05fr 1fr 1.05fr; gap: 14px; }
.color-card { min-height: 360px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border-radius: var(--radius-lg); box-shadow: var(--shadow-soft); }
.color-card__index { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; opacity: .7; font-size: 10px; }
.color-card h3 { margin: 0; font-size: clamp(28px, 3vw, 44px); font-weight: 600; line-height: 1; letter-spacing: -.055em; }
.color-card p { margin: 9px 0 0; opacity: .66; font-size: 13px; letter-spacing: .08em; }
.color-card > span { align-self: flex-end; padding: 7px 10px; border: 1px solid currentColor; border-radius: 999px; opacity: .7; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .11em; }
.color-card--red { color: #f0ede8; background: var(--milano); }
.color-card--carrara { color: #232023; background: #f0ede8; border: 1px solid rgb(35 32 35 / 10%); }
.color-card--carbon { color: #f0ede8; background: #232023; }
.foundation-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-top: 14px; }
.foundation-card { min-height: 280px; padding: 24px; border-radius: var(--radius-lg); overflow: hidden; }
.card-kicker { color: var(--carbon-52); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.type-sample { margin: 20px 0 4px; font-size: 86px; font-weight: 600; line-height: 1; letter-spacing: -.08em; }
.type-sample::first-letter { color: var(--carbon); }
.type-row { display: flex; justify-content: space-between; padding: 10px 0 0; border-top: 1px solid var(--carbon-08); color: var(--carbon-52); font-size: 11px; }
.type-row strong { color: var(--carbon); }
.spacing-card, .radius-card { display: flex; flex-direction: column; justify-content: space-between; }
.spacing-steps { height: 120px; display: flex; align-items: flex-end; gap: 9px; }
.spacing-steps i { flex: 1; border-radius: 8px 8px 3px 3px; background: var(--carbon); opacity: .12; }
.spacing-steps i:nth-child(1) { height: 16%; }.spacing-steps i:nth-child(2) { height: 28%; opacity: .28; }.spacing-steps i:nth-child(3) { height: 44%; opacity: .44; }.spacing-steps i:nth-child(4) { height: 66%; opacity: .66; }.spacing-steps i:nth-child(5) { height: 100%; opacity: 1; }
.foundation-card > p { margin: 0; color: var(--carbon-52); font-size: 13px; }
.radius-demo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.radius-demo span { aspect-ratio: 1; display: grid; place-items: center; color: #f0ede8; background: #232023; font-size: 10px; }
.radius-demo span:nth-child(1) { border-radius: 12px; }.radius-demo span:nth-child(2) { border-radius: 20px; background: var(--milano); }.radius-demo span:nth-child(3) { border-radius: 32px; color: #232023; background: #f0ede8; border: 1px solid rgb(35 32 35 / 12%); }
.semantic-section { margin-top: 72px; }
.semantic-heading { margin: 0 0 24px; }
.semantic-heading h3 { font-size: clamp(28px, 3.4vw, 42px); }
.semantic-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.semantic-card { --semantic: var(--status-neutral); min-height: 174px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--carbon-08); border-radius: 18px; background: rgb(255 255 255 / 18%); }
.semantic-card > i { width: 11px; height: 11px; border-radius: 4px; background: var(--semantic); box-shadow: 0 0 0 5px color-mix(in srgb, var(--semantic) 12%, transparent); }
.semantic-card > div { margin: 22px 0 auto; }
.semantic-card strong, .semantic-card span { display: block; }.semantic-card strong { font-size: 14px; }.semantic-card span { margin-top: 5px; color: var(--carbon-72); font-size: 12px; line-height: 1.4; }
.semantic-card b { width: max-content; padding: 6px 8px; border: 1px solid color-mix(in srgb, var(--semantic) 36%, transparent); border-radius: 8px; color: var(--semantic); background: color-mix(in srgb, var(--semantic) 9%, transparent); font-size: 11px; }
.semantic-card--success { --semantic: var(--status-success); }.semantic-card--attention { --semantic: var(--status-attention); }.semantic-card--error { --semantic: var(--status-error); }.semantic-card--process { --semantic: var(--status-process); }.semantic-card--neutral { --semantic: var(--status-neutral); }

.typography-section .section-heading > p { max-width: 430px; margin: 0; }
.font-family-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 14px; }
.font-card { min-height: 420px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; overflow: hidden; border-radius: var(--radius-lg); }
.font-card header, .number-card header, .type-scale > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.font-card h3 { margin: 5px 0 0; font-size: 25px; letter-spacing: -.045em; }
.font-tag { padding: 6px 8px; border: 1px solid currentColor; border-radius: 8px; opacity: .58; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.font-glyphs { font-size: clamp(62px, 8vw, 112px); font-weight: 500; line-height: .9; letter-spacing: -.075em; white-space: nowrap; }
.font-glyphs span { color: var(--milano); }
.font-card > p { max-width: 540px; margin: 0; color: var(--carbon-72); font-size: 12px; }
.font-card > footer { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 26px; }
.font-card > footer span { padding: 7px 9px; border: 1px solid var(--carbon-08); border-radius: 999px; color: var(--carbon-52); font-size: 8px; }
.font-card--technical { color: #f0ede8; background: linear-gradient(145deg, rgb(48 44 47 / 94%), rgb(27 25 27 / 98%)); border-color: rgb(255 255 255 / 12%); }
.font-card--technical .card-kicker, .font-card--technical > p { color: rgb(240 237 232 / 76%); }
.font-card--technical .font-glyphs { font-family: var(--font-mono); font-size: clamp(48px, 6vw, 82px); letter-spacing: -.06em; }
.font-card--technical .font-glyphs span { color: #f0ede8; opacity: .55; }
.font-card--technical > footer span { color: rgb(240 237 232 / 76%); border-color: rgb(255 255 255 / 16%); }
.type-system-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 14px; margin-top: 14px; }
.type-scale { min-height: 650px; padding: 28px; border-radius: var(--radius-lg); }
.type-specimen { display: grid; grid-template-columns: 82px minmax(0, 1fr) 132px; align-items: baseline; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--carbon-08); }
.type-specimen:last-child { border-bottom: 0; }
.type-specimen > span { color: var(--carbon-72); font-size: 9px; }
.type-specimen > strong { font-weight: 600; }
.type-specimen code { color: var(--carbon-72); font-family: var(--font-sans); font-size: 8px; text-align: right; }
.type-specimen--display strong { font-size: clamp(38px, 5vw, 66px); line-height: .94; letter-spacing: -.07em; }
.type-specimen--h1 strong { font-size: clamp(31px, 4vw, 48px); line-height: .99; letter-spacing: -.06em; }
.type-specimen--h2 strong { font-size: clamp(25px, 3vw, 34px); line-height: 1.08; letter-spacing: -.04em; }
.type-specimen--body strong { max-width: 430px; font-size: 15px; font-weight: 400; line-height: 1.55; letter-spacing: 0; }
.type-specimen--label strong { font-size: 10px; line-height: 1.2; letter-spacing: .12em; }
.type-side { display: grid; grid-template-rows: .9fr 1.1fr; gap: 14px; }
.number-card, .type-rules { padding: 26px; border-radius: var(--radius-lg); }
.number-card { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.number-card > strong { font-variant-numeric: tabular-nums; font-size: clamp(40px, 4vw, 58px); line-height: 1; letter-spacing: -.06em; }
.number-card > div { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; }
.number-card > div span { padding: 8px 2px; border-radius: 7px; color: #f0ede8; background: #232023; font-variant-numeric: tabular-nums; font-size: 8px; text-align: center; }
.number-card > div span:nth-child(4) { background: var(--milano); }
.number-card > p { margin: 0; color: var(--carbon-72); font-size: 10px; }
.type-rules { display: flex; flex-direction: column; }
.type-rules ul { display: grid; margin: auto 0 0; padding: 0; list-style: none; }
.type-rules li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 15px 0; border-top: 1px solid var(--carbon-08); }
.type-rules li > span { color: var(--milano); font-size: 8px; font-weight: 700; }
.type-rules p { margin: 0; color: var(--carbon-72); font-size: 9px; }
.type-rules strong { display: block; margin-bottom: 3px; color: var(--carbon); font-size: 11px; }

.glass-lab { width: 100%; max-width: none; padding-right: max(24px, calc((100vw - 1240px)/2)); padding-left: max(24px, calc((100vw - 1240px)/2)); background: #232023; color: #f0ede8; }
.glass-lab .section-heading { color: #f0ede8; }
.glass-lab .eyebrow { color: rgb(240 237 232 / 50%); }
.glass-control { width: min(350px, 100%); padding: 16px 18px; border-color: rgb(255 255 255 / 16%); border-radius: 18px; color: #f0ede8; background: rgb(255 255 255 / 8%); }
.glass-control label { display: flex; justify-content: space-between; margin-bottom: 11px; color: rgb(240 237 232 / 68%); font-size: 11px; }
.glass-control output { color: #f0ede8; font-weight: 700; }
input[type="range"] { width: 100%; accent-color: var(--milano); cursor: pointer; }
.glass-stage { position: relative; min-height: 540px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 22px; padding: 54px; overflow: hidden; border: 1px solid rgb(255 255 255 / 10%); border-radius: 40px; background: linear-gradient(135deg, #353033, #171517); }
.stage-orb { position: absolute; border-radius: 50%; }
.stage-orb--one { width: 330px; height: 330px; top: -80px; right: 12%; background: var(--milano); box-shadow: 0 0 90px rgb(187 8 11 / 30%); }
.stage-orb--two { width: 180px; height: 180px; bottom: -30px; left: 23%; background: #f0ede8; opacity: .75; }
.material-card { min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; border-radius: 28px; color: #232023; transition: transform 280ms var(--ease); }
.material-card:hover { transform: translateY(-7px); }
.material-card > span { font-size: 11px; opacity: .54; }
.material-card h3 { margin: 0 0 4px; font-size: 28px; letter-spacing: -.045em; }
.material-card p { margin: 0; opacity: .62; font-size: 12px; }
.material-card--subtle { background: rgb(240 237 232 / 34%); }
.material-card--standard { margin-top: -60px; background: rgb(240 237 232 / var(--glass-alpha)); }
.material-card--accent { margin-top: 50px; color: #f0ede8; }

.component-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.showcase-card { min-height: 250px; padding: 26px; border-radius: var(--radius-lg); }
.showcase-card__header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 36px; }
.showcase-card h3 { margin: 5px 0 0; font-size: 25px; letter-spacing: -.04em; }
.spec { padding: 6px 8px; border: 1px solid var(--carbon-08); border-radius: 8px; color: var(--carbon-52); font-size: 9px; letter-spacing: .08em; }
.button-showcase { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.field label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; }
.input-wrap { position: relative; }
.input-wrap input { width: 100%; height: 50px; padding: 0 48px 0 15px; color: var(--carbon); background: rgb(255 255 255 / 30%); border: 1px solid var(--carbon-16); border-radius: 14px; outline: none; transition: border 180ms, box-shadow 180ms, background 180ms; }
.input-wrap input:focus { border-color: var(--milano); box-shadow: 0 0 0 4px rgb(187 8 11 / 11%); background: rgb(255 255 255 / 44%); }
.input-state { position: absolute; top: 50%; right: 12px; min-width: 42px; height: 26px; display: grid; place-items: center; padding: 0 7px; border: 1px solid rgb(35 122 82 / 30%); border-radius: 8px; color: #216b45; background: rgb(38 122 77 / 10%); font-size: 9px; font-weight: 700; letter-spacing: .03em; transform: translateY(-50%); }
.field small, .selection-row small { display: block; margin-top: 7px; color: var(--carbon-52); font-size: 10px; }
.selection-row { display: flex; align-items: center; justify-content: space-between; }
.selection-row strong { font-size: 13px; }
.switch { position: relative; width: 48px; height: 28px; flex: 0 0 auto; }
.switch input { position: absolute; opacity: 0; }
.switch span { position: absolute; inset: 0; border-radius: 999px; background: var(--carbon-16); cursor: pointer; transition: background 180ms; }
.switch span::after { content: ""; position: absolute; width: 22px; height: 22px; top: 3px; left: 3px; border-radius: 50%; background: #f0ede8; box-shadow: 0 2px 6px rgb(35 32 35 / 22%); transition: transform 220ms var(--ease); }
.switch input:checked + span { background: var(--milano); }
.switch input:checked + span::after { transform: translateX(20px); }
.switch input:focus-visible + span { outline: 3px solid rgb(187 8 11 / 24%); outline-offset: 3px; }
.segmented { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin-top: 28px; padding: 4px; border-radius: 14px; background: var(--carbon-08); }
.segmented button { min-height: 38px; border: 0; border-radius: 10px; color: var(--carbon-52); background: transparent; font-size: 10px; font-weight: 700; cursor: pointer; }
.segmented button.is-selected { color: var(--carbon); background: var(--surface-strong); box-shadow: 0 3px 10px var(--carbon-08); }
.status-list { display: flex; flex-wrap: wrap; gap: 8px; }
.badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid currentColor; border-radius: 8px; font-size: 10px; font-weight: 700; }
.badge--success { color: #216b45; background: rgb(38 122 77 / 10%); }.badge--progress { color: var(--milano); background: rgb(187 8 11 / 9%); }.badge--progress i { background: var(--milano); box-shadow: none; }.badge--neutral { color: var(--carbon-52); background: var(--carbon-08); }.badge--neutral i { background: var(--carbon-52); box-shadow: none; }
.progress { height: 7px; margin-top: 32px; overflow: hidden; border-radius: 999px; background: var(--carbon-08); }
.progress span { display: block; height: 100%; border-radius: inherit; background: var(--milano); }
.progress-label { display: flex; justify-content: space-between; margin-top: 9px; color: var(--carbon-52); font-size: 10px; }
.progress-label strong { color: var(--carbon); }

.data-section .section-heading > p { max-width: 430px; margin: 0; }
.analytics-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: stretch; }
.analytics-card { min-height: 314px; padding: 26px; overflow: hidden; border-radius: var(--radius-lg); }
.analytics-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.analytics-card__header h3 { margin: 5px 0 0; font-size: 22px; letter-spacing: -.04em; }
.period-switcher { display: flex; gap: 2px; padding: 3px; border-radius: 11px; background: var(--carbon-08); }
.period-switcher button { min-width: 38px; height: 30px; border: 0; border-radius: 8px; color: var(--carbon-52); background: transparent; font-size: 9px; font-weight: 700; cursor: pointer; }
.period-switcher button.is-selected { color: var(--carrara); background: var(--carbon); box-shadow: 0 3px 10px var(--carbon-08); }
.chart-summary { display: flex; align-items: baseline; gap: 10px; margin: 34px 0 18px; }
.chart-summary > strong { font-size: clamp(44px, 5vw, 68px); line-height: 1; letter-spacing: -.065em; font-variant-numeric: tabular-nums; }
.chart-summary > small { margin-left: auto; color: var(--carbon-52); font-size: 10px; }
.trend { display: inline-flex; align-items: center; width: max-content; padding: 6px 8px; border-radius: 999px; font-size: 9px; font-weight: 700; }
.trend--up { color: #216b45; background: rgb(38 122 77 / 10%); }
.line-chart { position: relative; flex: 1; min-height: 360px; padding: 0 0 28px 38px; }
.line-chart > svg { width: 100%; height: calc(100% - 22px); overflow: visible; }
.chart-grid path { fill: none; stroke: var(--carbon-08); stroke-width: 1; vector-effect: non-scaling-stroke; }
.chart-area { fill: url(#areaInk); stroke: none; }
.chart-line { fill: none; stroke: var(--carbon); stroke-width: 2.5; stroke-linecap: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 7px 8px rgb(35 32 35 / 10%)); }
.chart-points circle { fill: var(--carbon); stroke: var(--carrara); stroke-width: 3; vector-effect: non-scaling-stroke; cursor: pointer; opacity: 0; transition: opacity 180ms, r 180ms; }
.chart-points circle:last-child { fill: var(--milano); }
.line-chart:hover .chart-points circle, .chart-points circle:focus { opacity: 1; }
.chart-points circle:hover, .chart-points circle:focus { r: 8; outline: none; }
.chart-y-axis { position: absolute; top: 5px; bottom: 48px; left: 0; display: flex; flex-direction: column; justify-content: space-between; color: var(--carbon-52); font-size: 8px; }
.chart-x-axis { position: absolute; right: 4px; bottom: 0; left: 42px; display: flex; justify-content: space-between; color: var(--carbon-52); font-size: 8px; }
.chart-tooltip { position: absolute; top: 5px; right: -5px; min-width: 90px; padding: 9px 11px; border-radius: 12px; opacity: 0; pointer-events: none; transform: translateY(6px); transition: opacity 160ms, transform 160ms; }
.chart-tooltip.is-visible { opacity: 1; transform: translateY(0); }
.chart-tooltip strong, .chart-tooltip span { display: block; }
.chart-tooltip strong { font-size: 12px; }.chart-tooltip span { color: var(--carbon-52); font-size: 8px; }
.mini-action { width: 36px; height: 36px; border: 1px solid var(--carbon-08); border-radius: 11px; color: var(--carbon); background: rgb(255 255 255 / 18%); cursor: pointer; }
.source-overview { display: flex; flex-direction: column; height: calc(100% - 44px); padding-top: 20px; }
.source-total { display: grid; grid-template-columns: 1fr auto; align-items: end; }
.source-total > span { grid-column: 1 / -1; color: var(--carbon-52); font-size: 9px; }
.source-total strong { margin-top: 3px; font-size: 34px; line-height: 1; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.source-total small { color: #216b45; font-size: 8px; }
.source-stack { display: flex; gap: 4px; height: 8px; margin: 21px 0 15px; overflow: hidden; border-radius: 999px; background: var(--carbon-08); }
.source-stack span { width: var(--share); border-radius: inherit; background: var(--carbon); }
.source-stack span:nth-child(2) { background: rgb(35 32 35 / 36%); }
.source-stack span:nth-child(3) { background: var(--milano); }
.source-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.source-list li { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 9px; padding: 9px 0; border-top: 1px solid var(--carbon-08); }
.source-list i { width: 7px; height: 7px; border-radius: 2px; background: var(--carbon); }
.source-list li:nth-child(2) i { background: rgb(35 32 35 / 36%); }
.source-list li:nth-child(3) i { background: var(--milano); }
.source-list strong, .source-list small { display: block; }
.source-list strong { font-size: 9px; }.source-list small { color: var(--carbon-52); font-size: 7px; }
.source-list b { font-size: 10px; font-variant-numeric: tabular-nums; }
.bar-chart { display: grid; gap: 17px; margin-top: 34px; }
.bar-item { display: grid; grid-template-columns: 78px 1fr 24px; align-items: center; gap: 10px; font-size: 9px; }
.bar-item > span { color: var(--carbon-52); }.bar-item > div { height: 8px; overflow: hidden; border-radius: 999px; background: var(--carbon-08); }.bar-item i { display: block; width: var(--value); height: 100%; border-radius: inherit; background: var(--carbon); }.bar-item:nth-child(3) i { background: var(--milano); }.bar-item strong { text-align: right; font-size: 10px; }
.section-subheading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin: 96px 0 28px; }
.section-subheading h3 { margin: 5px 0 0; font-size: clamp(30px, 4vw, 46px); letter-spacing: -.055em; }
.section-subheading p { max-width: 400px; margin: 0; color: var(--carbon-52); font-size: 13px; }
.card-studies { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-flow: dense; gap: 14px; }
.study-card { position: relative; min-height: 320px; display: flex; flex-direction: column; padding: 24px; overflow: hidden; border-radius: var(--radius-lg); }
.study-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.study-card h3 { margin: 5px 0 0; font-size: 21px; line-height: 1.15; letter-spacing: -.04em; }
.study-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #f0ede8; background: var(--milano); box-shadow: 0 9px 20px rgb(187 8 11 / 18%); }
.study-icon svg { width: 18px; height: 18px; }
.study-card--metric { justify-content: space-between; }
.conversion-layout { display: grid; grid-template-columns: 126px 1fr; align-items: center; gap: 18px; margin: 20px 0 14px; }
.conversion-meter { position: relative; width: 126px; min-height: 126px; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; overflow: hidden; border: 1px solid var(--carbon-16); border-radius: 18px; background: rgb(255 255 255 / 22%); }
.conversion-meter > span { display: flex; align-items: baseline; }.conversion-meter strong { font-size: 32px; letter-spacing: -.06em; }.conversion-meter small { margin-left: 2px; color: var(--carbon-52); font-size: 10px; }.conversion-meter > i { height: 7px; overflow: hidden; border-radius: 4px; background: var(--carbon-08); }.conversion-meter > i::after { content: ""; display: block; width: var(--value); height: 100%; border-radius: inherit; background: var(--carbon); }
.conversion-layout dl { display: grid; gap: 8px; margin: 0; }.conversion-layout dl > div { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid var(--carbon-08); }.conversion-layout dt { color: var(--carbon-52); font-size: 8px; }.conversion-layout dd { margin: 0; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
.conversion-footer { display: flex; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--carbon-08); color: var(--carbon-52); font-size: 8px; }.conversion-footer strong { color: var(--carbon); }
.study-card--profile { align-items: center; text-align: center; }
.profile-cover { position: absolute; inset: 0 0 auto; height: 86px; overflow: hidden; background: linear-gradient(135deg, var(--milano), #e44a4c); }.profile-cover span { position: absolute; width: 130px; height: 130px; top: -80px; right: -20px; border: 1px solid rgb(255 255 255 / 28%); border-radius: 50%; }
.profile-avatar { z-index: 1; position: relative; width: 72px; height: 72px; display: grid; place-items: center; margin-top: 24px; border: 4px solid rgb(240 237 232 / 78%); border-radius: 23px; color: #f0ede8; background: #232023; font-size: 17px; font-weight: 700; box-shadow: 0 10px 25px rgb(35 32 35 / 18%); }.profile-avatar i { position: absolute; right: -3px; bottom: -3px; width: 15px; height: 15px; border: 3px solid #f0ede8; border-radius: 50%; background: #2b9f61; }
.study-card--profile > .more-button { position: absolute; z-index: 2; top: 14px; right: 14px; color: #f0ede8; background: rgb(35 32 35 / 20%); }
.profile-copy { margin-top: 14px; }.profile-copy h3 { margin: 0; }.profile-copy p { margin: 3px 0 0; color: var(--carbon-52); font-size: 10px; }
.profile-stats { width: 100%; display: grid; grid-template-columns: repeat(3,1fr); margin: 18px 0; padding: 14px 0; border-top: 1px solid var(--carbon-08); border-bottom: 1px solid var(--carbon-08); }.profile-stats span + span { border-left: 1px solid var(--carbon-08); }.profile-stats strong, .profile-stats small { display: block; }.profile-stats strong { font-size: 14px; }.profile-stats small { color: var(--carbon-52); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }
.study-card--profile .button { width: 100%; min-height: 42px; margin-top: auto; font-size: 11px; }
.study-card--task > p { max-width: 300px; margin: 28px 0; color: var(--carbon-52); font-size: 12px; }
.task-priority { padding: 6px 8px; border-radius: 999px; color: var(--milano); background: rgb(187 8 11 / 9%); font-size: 8px; font-weight: 700; }
.task-progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; }.task-progress > span { height: 7px; overflow: hidden; border-radius: 999px; background: var(--carbon-08); }.task-progress i { display: block; height: 100%; border-radius: inherit; background: var(--milano); }.task-progress strong { font-size: 10px; }
.study-card--task > footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--carbon-08); }.study-card--task time { color: var(--carbon-52); font-size: 9px; }
.study-card--notification { justify-content: space-between; color: #f0ede8; border: 0; }
.study-card--notification .card-kicker { color: rgb(240 237 232 / 58%); }.study-card--notification h3 { font-size: 27px; }.study-card--notification p { max-width: 270px; margin: 10px 0 0; color: rgb(240 237 232 / 70%); font-size: 11px; }
.notification-orb { position: absolute; width: 190px; height: 190px; top: -95px; right: -60px; border: 1px solid rgb(255 255 255 / 22%); border-radius: 50%; box-shadow: 0 0 0 32px rgb(255 255 255 / 5%); }
.notification-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 22%); border-radius: 14px; background: rgb(255 255 255 / 12%); }.notification-icon svg { width: 19px; height: 19px; }
.notification-action { min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border: 1px solid rgb(255 255 255 / 20%); border-radius: 13px; color: #f0ede8; background: rgb(255 255 255 / 10%); font-size: 10px; font-weight: 700; cursor: pointer; }
.study-card--quote { justify-content: space-between; }.quote-mark { width: 38px; height: 38px; fill: var(--carbon); stroke: none; }.study-card blockquote { margin: 28px 0; font-family: var(--font-sans); font-size: 19px; font-style: normal; font-weight: 600; line-height: 1.42; letter-spacing: -.025em; }.study-card--quote footer { display: flex; align-items: center; gap: 11px; }.quote-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #f0ede8; background: #232023; font-size: 9px; font-weight: 700; }.study-card--quote footer strong, .study-card--quote footer small { display: block; }.study-card--quote footer strong { font-size: 10px; }.study-card--quote footer small { color: var(--carbon-52); font-size: 8px; }
.study-card--compact { justify-content: space-between; }.live-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; color: #216b45; background: rgb(38 122 77 / 10%); font-size: 9px; font-weight: 700; }.live-badge i { width: 6px; height: 6px; border-radius: 50%; background: #2b9f61; animation: pulse 2s infinite; }
.team-stack { display: flex; justify-content: center; padding: 24px 0; }.team-stack span { width: 55px; height: 55px; display: grid; place-items: center; margin-left: -10px; border: 3px solid rgb(240 237 232 / 72%); border-radius: 18px; color: #f0ede8; background: var(--tone); font-size: 10px; font-weight: 700; box-shadow: 0 8px 18px var(--carbon-08); transform: rotate(-3deg); }.team-stack span:nth-child(even) { transform: rotate(4deg) translateY(5px); }.team-stack .team-more { color: var(--carbon); background: var(--surface-strong); }
.compact-activity { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid var(--carbon-08); font-size: 8px; }.compact-activity span { display: flex; align-items: center; gap: 6px; color: var(--carbon-52); }.compact-activity i { width: 5px; height: 5px; border-radius: 50%; background: var(--milano); }

.sales-funnel-card { margin-top: 12px; padding: 24px; border: 1px solid var(--carbon-08); border-radius: 24px; background: rgb(255 255 255 / 22%); }
.sales-funnel-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.sales-funnel-card h4 { margin: 5px 0 0; font-size: 22px; letter-spacing: -.035em; }
.sales-funnel-card header p { margin: 6px 0 0; color: var(--carbon-52); font-size: 12px; }
.sales-funnel-card > header > button { border: 0; color: var(--carbon); background: transparent; font-size: 12px; font-weight: 650; cursor: pointer; }
.sales-funnel-host { margin-top: 20px; }
.sales-funnel { display: flex; flex-direction: column; gap: 12px; }
.sales-funnel-svg { width: 100%; height: 168px; display: block; overflow: visible; }
.sales-funnel-band { fill: rgb(255 255 255 / 8%); stroke: none; transition: fill 180ms; }.sales-funnel-band.is-active { fill: rgb(255 255 255 / 28%); }
.sales-funnel-divider { stroke: rgb(255 255 255 / 38%); stroke-width: 1; }
.sales-funnel-segment { cursor: pointer; transform-box: fill-box; transform-origin: center; transition: opacity 180ms, transform 240ms var(--ease); }
.sales-funnel-segment path, .sales-funnel-hit { stroke: none; }
.sales-funnel-svg defs path { stroke: rgb(35 32 35 / 14%); }
.sales-funnel.has-active .sales-funnel-segment:not(.is-active) { opacity: .34; }
.sales-funnel-segment.is-active { transform: scaleY(1.07); }
.sales-funnel-segment.is-active .funnel-core { filter: drop-shadow(0 8px 12px rgb(35 32 35 / 18%)); }
.sales-funnel-hit { fill: transparent; pointer-events: all; }
.sales-funnel-labels { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 6px; }
.sales-funnel-stage { --stage: var(--carbon); position: relative; min-height: 98px; padding: 12px 10px 10px 13px; overflow: hidden; border: 1px solid var(--carbon-08); border-radius: 13px; color: var(--carbon); background: rgb(255 255 255 / 26%); text-align: left; cursor: pointer; transition: opacity 180ms, transform 180ms, box-shadow 180ms; }
.sales-funnel-stage::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--stage); }
.sales-funnel-stage.is-active { transform: translateY(-3px); box-shadow: 0 10px 22px rgb(35 32 35 / 10%), 0 0 0 2px color-mix(in srgb, var(--stage) 12%, transparent); }
.sales-funnel.has-active .sales-funnel-stage:not(.is-active) { opacity: .52; }
.sales-funnel-stage span, .sales-funnel-stage strong, .sales-funnel-stage small { display: block; }
.sales-funnel-stage span { min-height: 30px; color: var(--carbon-72); font-size: 10px; font-weight: 700; line-height: 1.2; text-transform: uppercase; }
.sales-funnel-stage strong { margin-top: 5px; font-size: 22px; line-height: 1; font-variant-numeric: tabular-nums; }
.sales-funnel-stage small { margin-top: 7px; color: var(--carbon-52); font-size: 10px; }
.closing-section { width: var(--page); margin: 0 auto; padding: 80px 0 120px; }
.closing-card { min-height: 520px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; overflow: hidden; border-radius: 40px; text-align: center; background: linear-gradient(135deg, rgb(255 255 255 / 34%), rgb(240 237 232 / 58%)); }
.closing-card::after { content: ""; position: absolute; z-index: 0; width: 330px; height: 330px; right: -110px; bottom: -170px; border-radius: 50%; background: var(--carbon); filter: blur(2px); opacity: .12; }
.closing-card .button { margin-top: 40px; }
.closing-card .eyebrow { justify-content: center; }
body > footer { width: var(--page); min-height: 100px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; margin: 0 auto; border-top: 1px solid var(--carbon-08); color: var(--carbon-52); font-size: 10px; }
body > footer > span { text-align: right; }

.modal { width: min(620px, calc(100vw - 32px)); padding: 42px; color: var(--carbon); background: var(--surface-strong); border: 1px solid var(--glass-border); border-radius: 30px; box-shadow: var(--shadow); }
.modal::backdrop { background: rgb(35 32 35 / 36%); backdrop-filter: blur(10px); }
.modal[open] { animation: modal-in 260ms var(--ease); }
@keyframes modal-in { from { opacity: 0; transform: translateY(18px) scale(.97); } }
.modal__close { position: absolute; top: 18px; right: 18px; }
.modal h2 { margin: 0; font-size: clamp(34px, 5vw, 50px); line-height: 1; letter-spacing: -.055em; }
.modal > p:not(.eyebrow) { color: var(--carbon-52); }
.modal ol { margin: 28px 0 0; padding: 0; list-style: none; }
.modal li { display: flex; gap: 18px; padding: 15px 0; border-top: 1px solid var(--carbon-08); font-size: 13px; }
.modal li span { color: var(--milano); font-size: 10px; font-weight: 700; }
.toast { position: fixed; z-index: 300; left: 50%; bottom: 24px; min-width: 260px; display: flex; align-items: center; gap: 11px; padding: 13px 16px; border-radius: 16px; color: var(--carbon); background: var(--surface-strong); opacity: 0; pointer-events: none; transform: translate(-50%, 20px); transition: opacity 220ms, transform 220ms var(--ease); }
.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.toast span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #f0ede8; background: #267a4d; font-size: 10px; }
.toast p { margin: 0; font-size: 12px; font-weight: 700; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 700ms var(--ease), transform 700ms var(--ease); }
.reveal[data-delay="1"] { transition-delay: 90ms; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

:focus-visible { outline: 3px solid rgb(187 8 11 / 35%); outline-offset: 3px; }
@media (max-width: 980px) {
  :root { --page: min(100% - 32px, 760px); }
  .site-header { grid-template-columns: 1fr auto; }.site-nav { display: none; }
  .palette-grid, .foundation-grid { grid-template-columns: 1fr; }.color-card { min-height: 280px; }
  .section-heading--row { align-items: flex-start; flex-direction: column; }.glass-control { width: 100%; }
  .glass-stage { grid-template-columns: 1fr; padding: 30px; }.material-card { min-height: 200px; }.material-card--standard, .material-card--accent { margin-top: 0; }
  .analytics-grid { grid-template-columns: 1fr; }.analytics-card--wide { grid-row: auto; min-height: 640px; }.card-studies { grid-template-columns: 1fr 1fr; }
  .font-family-grid, .type-system-grid { grid-template-columns: 1fr; }.font-card { min-height: 360px; }.type-side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .semantic-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 680px) {
  :root { --page: calc(100% - 24px); }
  .site-header { top: 10px; height: 58px; padding-left: 14px; border-radius: 18px; }
  .hero { padding-top: 116px; gap: 24px; }.hero__lead { margin-top: 24px; }.hero__actions { margin-top: 28px; }.hero__actions .button { flex: 1 1 100%; }
  .hero__meta { margin-top: 38px; justify-content: space-between; }.hero__meta div { min-width: 0; margin: 0; padding: 0 16px 0 0; }.hero__meta div:last-child { padding: 0; }
  .section { padding: 78px 0; }.section-heading { margin-bottom: 36px; }.palette-grid { gap: 10px; }.color-card { min-height: 230px; padding: 22px; }.foundation-grid { gap: 10px; }
  .typography-section .section-heading > p { margin-top: 20px; }.font-family-grid { grid-template-columns: 1fr; }.font-card { min-height: 330px; padding: 22px; }.font-glyphs { font-size: 48px; white-space: normal; }.type-system-grid { grid-template-columns: 1fr; }.type-scale { min-height: 0; padding: 20px; }.type-specimen { grid-template-columns: 62px 1fr; gap: 12px; }.type-specimen code { display: none; }.type-side { grid-template-columns: 1fr; }.number-card, .type-rules { min-height: 280px; padding: 22px; }
  .glass-lab { padding-right: 12px; padding-left: 12px; }.glass-stage { min-height: 700px; padding: 20px; border-radius: 28px; }.material-card { min-height: 180px; }
  .component-grid { grid-template-columns: 1fr; }.showcase-card { padding: 22px; }.button-showcase .button { flex: 1 1 calc(50% - 10px); }
  .data-section .section-heading > p { margin-top: 20px; }.analytics-card { min-height: 0; padding: 20px; }.analytics-card--wide { min-height: 520px; }.chart-summary { align-items: flex-start; flex-wrap: wrap; margin: 32px 0 22px; }.chart-summary > small { width: 100%; margin-left: 0; }.line-chart { height: 290px; padding-left: 30px; }.chart-x-axis { left: 30px; }.section-subheading { align-items: flex-start; flex-direction: column; margin-top: 72px; }.card-studies { grid-template-columns: 1fr; }.study-card { min-height: 300px; }
  .closing-card { min-height: 430px; border-radius: 28px; }.modal { padding: 34px 24px 24px; }
  body > footer { grid-template-columns: 1fr auto; } body > footer p { display: none; }
  .semantic-grid { grid-template-columns: 1fr; }.semantic-card { min-height: 154px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}
@media (prefers-contrast: more) {
  .glass { background: var(--surface-strong); border-color: var(--carbon-16); backdrop-filter: none; }
  .color-card, .button, input { border-width: 2px; }
}

.product-label { color: var(--carbon-52); font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.sales-funnel-card--standalone { background: rgb(247 244 239 / 86%); }
.showcase-card--navigation { grid-column: 1 / -1; min-height: 0; }
.left-title-bar { display: grid; grid-template-columns: 190px minmax(0,1fr); min-height: 300px; overflow: hidden; border: 1px solid var(--carbon-16); border-radius: 18px; background: rgb(255 255 255 / 18%); }
.left-title-bar__rail { display: flex; flex-direction: column; padding: 14px 10px; color: var(--carbon); background: linear-gradient(155deg, rgb(240 237 232 / 64%), rgb(35 32 35 / 14%)); border-right: 1px solid rgb(255 255 255 / 54%); box-shadow: inset 1px 0 0 rgb(255 255 255 / 72%), 18px 0 36px rgb(35 32 35 / 7%); backdrop-filter: blur(22px) saturate(120%); -webkit-backdrop-filter: blur(22px) saturate(120%); }
.left-title-bar__brand { padding: 8px 8px 18px; font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.left-title-bar nav { display: grid; gap: 4px; }
.left-title-bar nav button { min-height: 42px; width: 100%; padding: 0 10px; border: 1px solid transparent; border-radius: 10px; color: var(--carbon-72); background: transparent; font-size: 12px; font-weight: 700; text-align: left; cursor: pointer; }
.left-title-bar nav button:hover { color: var(--carbon); background: rgb(255 255 255 / 24%); }
.left-title-bar nav .is-current { color: var(--carbon); border-color: rgb(35 32 35 / 12%); background: rgb(255 255 255 / 34%); box-shadow: inset 3px 0 0 var(--milano); }
.left-title-bar__bottom { display: grid; gap: 8px; margin-top: auto; padding-top: 14px; }
.sidebar-balance-button, .sidebar-account-button { width: 100%; border: 1px solid rgb(35 32 35 / 12%); border-radius: 10px; color: var(--carbon); background: rgb(255 255 255 / 24%); text-align: left; cursor: pointer; transition: background 180ms, border-color 180ms, transform 180ms var(--ease); }
.sidebar-balance-button:hover, .sidebar-account-button:hover { border-color: rgb(35 32 35 / 24%); background: rgb(255 255 255 / 40%); transform: translateY(-1px); }
.sidebar-balance-button { display: grid; gap: 4px; padding: 11px; }.sidebar-balance-button span, .sidebar-balance-button small { color: var(--carbon-52); font-size: 9px; }.sidebar-balance-button strong { font-size: 16px; line-height: 1; font-variant-numeric: tabular-nums; }.sidebar-balance-button small { line-height: 1.35; }
.sidebar-account-button { display: flex; align-items: center; gap: 9px; padding: 9px; }.sidebar-account-button__avatar { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #f0ede8; background: var(--carbon); font-size: 10px; font-weight: 700; }.sidebar-account-button strong, .sidebar-account-button small { display: block; }.sidebar-account-button strong { font-size: 11px; }.sidebar-account-button small { margin-top: 2px; color: var(--carbon-52); font-size: 9px; }
.left-title-bar__canvas { display: grid; align-content: center; gap: 6px; padding: 28px; color: var(--carbon); background: linear-gradient(135deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 4%)); }
.left-title-bar__canvas strong { font-size: 18px; }.left-title-bar__canvas span { color: var(--carbon-52); font-size: 12px; }
@media (max-width: 680px) { .left-title-bar { grid-template-columns: 1fr; }.left-title-bar__rail { padding: 12px; }.left-title-bar nav { grid-template-columns: repeat(2,minmax(0,1fr)); }.left-title-bar nav button { min-height: 44px; }.left-title-bar__canvas { min-height: 110px; padding: 20px; } }
@media (max-width: 980px) { .sales-funnel-labels { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 680px) { .sales-funnel-labels { grid-template-columns: 1fr; } }

.statistics-reference { padding: clamp(20px, 3vw, 38px); border-radius: var(--radius-lg); }
.statistics-reference__header, .statistics-reference__subhead, .statistics-chart__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.statistics-reference h3 { margin: 5px 0 0; font-size: clamp(28px, 4vw, 46px); letter-spacing: -.055em; }
.statistics-reference h4 { margin: 5px 0 0; font-size: clamp(22px, 3vw, 32px); letter-spacing: -.045em; }
.statistics-reference__range { margin: 9px 0 28px; color: var(--carbon-52); font-size: 11px; }
.statistics-period { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.statistics-period span, .statistics-metric { border: 1px solid var(--carbon-08); color: var(--carbon); background: rgb(255 255 255 / 20%); }
.statistics-period span { min-height: 38px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 10px; font-size: 10px; font-weight: 700; }
.statistics-period span.is-selected { color: var(--carrara); background: var(--carbon); border-color: var(--carbon); }
.statistics-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.statistics-metric { min-height: 144px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 17px; border-radius: 16px; text-align: left; }
.statistics-metric span { color: var(--carbon-52); font-size: 10px; font-weight: 700; }
.statistics-metric strong { margin-top: 12px; font-size: clamp(28px, 4vw, 46px); letter-spacing: -.065em; font-variant-numeric: tabular-nums; }
.statistics-metric small { margin-top: 7px; color: var(--carbon-52); font-size: 9px; line-height: 1.3; }
.statistics-chart { margin-top: 14px; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--carbon-08); border-radius: 20px; background: rgb(255 255 255 / 18%); }
.statistics-chart__head p { margin: 8px 0 0; color: var(--carbon-52); font-size: 11px; text-align: right; }
.statistics-plot { position: relative; min-height: 266px; margin-top: 30px; padding: 0 0 28px 42px; }
.statistics-plot svg { width: 100%; height: 230px; overflow: visible; }
.statistics-plot__grid { fill: none; stroke: var(--carbon-08); stroke-width: 1; vector-effect: non-scaling-stroke; }
.statistics-plot__area { fill: url(#statisticsArea); }
.statistics-plot__line { fill: none; stroke: var(--milano); stroke-width: 2.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.statistics-plot circle { fill: var(--milano); stroke: var(--carrara); stroke-width: 4; vector-effect: non-scaling-stroke; }
.statistics-plot__scale, .statistics-plot__days { position: absolute; color: var(--carbon-52); font-size: 9px; }
.statistics-plot__scale { inset: 2px auto 37px 0; display: flex; flex-direction: column; justify-content: space-between; }
.statistics-plot__days { right: 0; bottom: 0; left: 42px; display: flex; justify-content: space-between; }
.statistics-reference__subhead { margin-top: 54px; }
.statistics-reference__subhead p { max-width: 410px; margin: 4px 0 0; color: var(--carbon-52); font-size: 12px; line-height: 1.5; }
.statistics-reference .sales-funnel-host { margin-top: 20px; padding: 24px; border: 1px solid var(--carbon-08); border-radius: 20px; background: rgb(255 255 255 / 18%); }
.statistics-reference__subhead--events { margin-top: 44px; }
.statistics-events { margin-top: 20px; overflow-x: auto; border: 1px solid var(--carbon-08); border-radius: 16px; background: rgb(255 255 255 / 18%); }
.statistics-events table { width: 100%; min-width: 660px; border-collapse: collapse; text-align: left; }
.statistics-events th, .statistics-events td { padding: 14px 16px; border-bottom: 1px solid var(--carbon-08); font-size: 11px; }
.statistics-events th { color: var(--carbon-52); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.statistics-events tbody tr:last-child td { border-bottom: 0; }
.statistics-status { display: inline-flex; min-height: 28px; align-items: center; padding: 0 8px; border-radius: 8px; font-size: 9px; font-weight: 700; }
.statistics-status--success { color: #216b45; background: rgb(38 122 77 / 10%); }.statistics-status--neutral { color: var(--carbon); background: var(--carbon-08); }.statistics-status--warning { color: #8f5c11; background: rgb(202 137 25 / 12%); }

@media (max-width: 800px) {
  .statistics-reference__header, .statistics-reference__subhead, .statistics-chart__head { align-items: flex-start; flex-direction: column; }
  .statistics-period { justify-content: flex-start; }
  .statistics-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statistics-metric { min-height: 126px; }
  .statistics-chart__head p { text-align: left; }
  .statistics-reference__subhead { gap: 10px; }
  .statistics-reference .sales-funnel-host { padding: 16px; }
}

@media (max-width: 480px) {
  .statistics-reference { padding: 18px; }
  .statistics-period { width: 100%; }
  .statistics-period button { flex: 1 1 calc(50% - 6px); }
  .statistics-metrics { grid-template-columns: 1fr; }
  .statistics-metric { min-height: 110px; }
  .statistics-plot { min-height: 214px; margin-top: 20px; padding-left: 30px; }
  .statistics-plot svg { height: 180px; }
  .statistics-plot__scale { bottom: 31px; }.statistics-plot__days { left: 30px; font-size: 8px; }
}


/* Application shell — exact ALFA kit primitives, without a legacy theme dependency. */
html{background:var(--carrara)}body.platform-body{padding:0 0 0 224px;background:var(--carrara);font-family:Manrope,Arial,sans-serif}body.platform-body>.ambient{display:block}.platform-sidebar{position:fixed;z-index:1000;inset:14px auto 14px 14px;width:196px;display:flex;flex-direction:column;padding:16px 12px;border-radius:22px;background:rgb(240 237 232 / 72%)}.platform-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px;color:var(--carbon);font-size:13px;font-weight:800;letter-spacing:-.035em;text-decoration:none}.platform-brand__mark{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--carrara);background:var(--carbon);font:700 9px/1 'IBM Plex Mono',monospace}.platform-sidebar__caption{padding:0 8px;margin:8px 0}.platform-nav{display:grid;gap:4px}.platform-nav__link{min-height:42px;display:flex;align-items:center;padding:0 10px;border:1px solid transparent;border-radius:10px;color:var(--carbon-72);font-size:12px;font-weight:700;text-decoration:none;transition:background 180ms,color 180ms}.platform-nav__link:hover{color:var(--carbon);background:rgb(255 255 255 / 24%)}.platform-nav__link.active{color:var(--carbon);border-color:rgb(35 32 35 / 12%);background:rgb(255 255 255 / 34%);box-shadow:inset 3px 0 0 var(--milano)}.platform-sidebar__bottom{display:grid;gap:8px;margin-top:auto;padding-top:14px}.platform-logout{width:100%;min-height:38px}.platform-main,.alfa-main{position:relative;z-index:1;width:min(100% - 48px,1280px)!important;max-width:1280px!important;margin:0 auto!important;padding:42px 0 64px!important}.platform-page-header,.alfa-crm-heading{display:grid;gap:8px;margin:0 0 28px!important;padding:0!important}.platform-page-header .eyebrow,.alfa-crm-heading p{margin:0;color:var(--carbon-52);font:600 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.11em;text-transform:uppercase}.platform-page-header h1,.alfa-crm-heading h1{margin:0;color:var(--carbon);font-size:clamp(42px,5vw,72px)!important;font-weight:600!important;line-height:.94!important;letter-spacing:-.07em!important}.platform-page-header>span,.alfa-crm-heading>span{max-width:680px;color:var(--carbon-52);font-size:14px;line-height:1.55}.platform-surface{padding:clamp(20px,3vw,34px);border-radius:var(--radius-lg)}.platform-grid{display:grid;gap:14px}.platform-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-metric{min-height:144px;display:flex;flex-direction:column;justify-content:flex-end;padding:17px;border:1px solid var(--carbon-08);border-radius:16px;background:rgb(255 255 255 / 20%)}.platform-metric span{color:var(--carbon-52);font-size:10px;font-weight:700}.platform-metric strong{margin-top:12px;font-size:clamp(28px,4vw,46px);letter-spacing:-.065em;font-variant-numeric:tabular-nums}.platform-metric small{margin-top:7px;color:var(--carbon-52);font-size:9px}.platform-empty{min-height:260px;display:grid;place-items:center;padding:40px;text-align:center}.platform-empty h2{margin:0;font-size:30px;letter-spacing:-.05em}.platform-empty p{max-width:500px;margin:10px auto 0;color:var(--carbon-52)}
/* Existing operational markup normalized into kit surfaces. */
.platform-body .filters-bar,.platform-body .move-bar,.platform-body .bulk-bar,.platform-body .pipeline-bar,.platform-body .sidebar,.platform-body .section-card,.platform-body .hero-card,.platform-body .stats-strip,.platform-body .topup-row,.platform-body .credit-row,.platform-body .feed,.platform-body .settings-panel.active,.platform-body .table-wrapper{border:1px solid var(--carbon-08)!important;border-radius:20px!important;background:rgb(255 255 255 / 22%)!important;box-shadow:none!important}.platform-body input,.platform-body select,.platform-body textarea{color:var(--carbon)!important;background:rgb(255 255 255 / 30%)!important;border:1px solid var(--carbon-16)!important;border-radius:14px!important}.platform-body input:focus,.platform-body select:focus,.platform-body textarea:focus{border-color:var(--milano)!important;box-shadow:0 0 0 4px rgb(187 8 11 / 11%)!important;outline:none}.platform-body .btn-primary,.platform-body .modal-btn-primary,.platform-body .login-btn{color:var(--carrara)!important;background:var(--milano)!important;border-color:var(--milano)!important;border-radius:15px!important;box-shadow:0 12px 28px rgb(187 8 11 / 22%)!important}.platform-body .btn-secondary,.platform-body .modal-btn-secondary{color:var(--carbon)!important;background:var(--surface-strong)!important;border:1px solid var(--carbon-08)!important;border-radius:15px!important}.platform-body .status-badge,.platform-body .tag-badge,.platform-body .status-chip,.platform-body .filter-chip{border-radius:8px!important}.platform-body .kanban-wrap{padding:0!important}.platform-body .kanban-board{gap:14px!important}.platform-body .kanban-column{border:1px solid var(--carbon-08)!important;border-radius:20px!important;background:rgb(255 255 255 / 18%)!important}.platform-body .lead-card{border:1px solid var(--carbon-08)!important;border-radius:16px!important;background:rgb(255 255 255 / 32%)!important;box-shadow:none!important}.platform-body .lead-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgb(35 32 35 / 8%)!important}
@media(max-width:900px){body.platform-body{padding:74px 0 0}.platform-sidebar{inset:8px 8px auto;width:auto;height:58px;display:flex;flex-direction:row;align-items:center;padding:6px 8px;border-radius:18px;overflow:hidden}.platform-brand{padding:0 8px;white-space:nowrap}.platform-brand>span:last-child,.platform-sidebar__caption,.platform-sidebar__bottom{display:none}.platform-nav{display:flex;gap:3px;overflow-x:auto}.platform-nav__link{min-width:max-content;min-height:44px}.platform-main,.alfa-main{width:calc(100% - 24px)!important;padding:24px 0 48px!important}.platform-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-page-header h1,.alfa-crm-heading h1{font-size:42px!important}}
@media(max-width:520px){.platform-grid--4{grid-template-columns:1fr}.platform-brand{display:none}.platform-page-header h1,.alfa-crm-heading h1{font-size:38px!important}}

/* Control center — separate robot operations product route. */
.control-overview{overflow:hidden}.control-overview__head,.control-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.control-overview__head h2,.control-section__head h2{margin:6px 0 0;font-size:clamp(28px,4vw,46px);letter-spacing:-.055em}.control-metrics{margin-top:28px}.control-section{margin-top:56px}.control-section__head>p{max-width:440px;margin:5px 0 0;color:var(--carbon-52);font-size:12px;line-height:1.55}.robot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.robot-card{min-height:330px;display:flex;flex-direction:column;padding:26px;border-radius:var(--radius-lg)}.robot-card.is-on{box-shadow:inset 3px 0 0 #237a52,var(--shadow-soft)}.robot-card__top{display:flex;justify-content:space-between;align-items:center}.robot-identity{display:flex;align-items:center;gap:14px;margin-top:42px}.robot-identity__mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:var(--carrara);background:var(--carbon);font:600 13px/1 'IBM Plex Mono',monospace}.robot-identity h3{margin:5px 0 0;font-size:28px;letter-spacing:-.05em}.robot-card>p{max-width:500px;margin:18px 0 28px;color:var(--carbon-52);font-size:13px;line-height:1.55}.robot-card>.button{width:max-content;margin-top:auto}.control-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:56px}.control-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.control-result div{padding-right:10px;border-right:1px solid var(--carbon-08)}.control-result div:last-child{border:0}.control-result strong,.control-result span{display:block}.control-result strong{font-size:clamp(24px,3vw,38px);letter-spacing:-.06em;font-variant-numeric:tabular-nums}.control-result span{margin-top:5px;color:var(--carbon-52);font-size:9px}.balance-display strong,.balance-display span{display:block}.balance-display strong{font-size:clamp(38px,5vw,64px);letter-spacing:-.07em;font-variant-numeric:tabular-nums}.balance-display span{margin-top:9px;color:var(--carbon-52);font-size:11px}
@media(max-width:800px){.control-overview__head,.control-section__head{flex-direction:column}.robot-grid,.control-split{grid-template-columns:1fr}.control-result{grid-template-columns:repeat(2,minmax(0,1fr))}.control-result div:nth-child(2){border-right:0}}


/* Statistics — the approved design-kit working-screen contract. */
.alfa-stats-main .section{width:100%;margin-right:0;margin-left:0}
.alfa-stats-main .filter-section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px 16px;border-radius:16px}.alfa-stats-main .filters{display:flex;flex-wrap:wrap;gap:6px}.alfa-stats-main .filters button{min-height:38px;padding:0 12px;border:1px solid var(--carbon-08);border-radius:10px;color:var(--carbon);background:rgb(255 255 255 / 20%);font-size:10px;font-weight:700;cursor:pointer}.alfa-stats-main .filters button.active{color:var(--carrara);border-color:var(--carbon);background:var(--carbon)}.date-row{display:flex;gap:6px}.date-row input{min-height:38px;padding:0 10px;font-size:10px}.call-summary{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.call-summary-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.call-summary-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric-card{min-height:144px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:17px;border:1px solid var(--carbon-08);border-radius:16px;color:var(--carbon);background:rgb(255 255 255 / 20%);cursor:default}.metric-card.clickable{cursor:pointer}.metric-card.is-active{box-shadow:inset 3px 0 0 var(--milano),0 0 0 2px rgb(187 8 11 / 10%)}.metric-card.result{min-height:118px}.metric-title{color:var(--carbon-52);font-size:10px;font-weight:700}.metric-value{margin-top:12px;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.metric-card.result .metric-value{font-size:32px}.metric-note{margin-top:7px;color:var(--carbon-52);font-size:9px;line-height:1.3}.alfa-stats-main .section{margin-top:14px;padding:clamp(20px,3vw,30px);border-radius:20px}.alfa-stats-main .section h2{margin:0 0 20px;color:var(--carbon);font-size:clamp(22px,3vw,32px);letter-spacing:-.045em}.alfa-stats-main .section canvas{width:100%!important;max-height:300px}.chart-tooltip{position:absolute;z-index:10;display:none;min-width:130px;padding:10px;border:1px solid var(--carbon-08);border-radius:10px;background:var(--surface-strong);font-size:10px}.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid transparent;border-radius:8px;color:var(--carbon-52);font-size:10px}.legend-item.active{border-color:var(--carbon-08);color:var(--carbon)}.legend-dot{width:8px;height:8px;border-radius:4px}.robot-funnel{display:flex;flex-direction:column;gap:12px}.robot-funnel-svg{width:100%;height:168px;display:block}.robot-funnel-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.robot-funnel-card{position:relative;min-height:98px;padding:12px 10px 10px 13px;overflow:hidden;border:1px solid var(--carbon-08);border-radius:13px;background:rgb(255 255 255 / 26%)}.robot-funnel-card::before{content:\"\";position:absolute;inset:0 auto 0 0;width:4px;background:var(--funnel-color,var(--carbon))}.robot-funnel-label{min-height:30px;color:var(--carbon-72);font-size:9px;font-weight:700;text-transform:uppercase}.robot-funnel-value{margin-top:5px;font-size:22px;font-weight:700;letter-spacing:-.04em}.robot-funnel-note{margin-top:7px;color:var(--carbon-52);font-size:9px}.table-wrap{overflow-x:auto;border:1px solid var(--carbon-08);border-radius:16px;background:rgb(255 255 255 / 18%)}.table-wrap table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.table-wrap th,.table-wrap td{padding:14px 16px;border-bottom:1px solid var(--carbon-08);font-size:10px}.table-wrap th{color:var(--carbon-52);font:600 9px/1.2 'IBM Plex Mono',monospace;text-transform:uppercase}.pager{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.pager button{min-width:36px;min-height:34px;border:1px solid var(--carbon-08);border-radius:9px;background:rgb(255 255 255 / 22%);font-size:10px}.pager button.active{color:var(--carrara);background:var(--carbon)}
@media(max-width:900px){.alfa-stats-main .filter-section{align-items:flex-start;flex-direction:column}.call-summary-main{grid-template-columns:repeat(2,minmax(0,1fr))}.call-summary-results{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-funnel-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.call-summary-main,.call-summary-results,.robot-funnel-labels{grid-template-columns:1fr}}

/* Robot portfolio: three stable business directions with configured agents nested inside. */
.robot-kind-grid{display:grid;gap:14px;margin-top:20px}.robot-kind{padding:22px;border-radius:var(--radius-lg)}.robot-kind>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px}.robot-kind>header h2{margin:3px 0 4px;font-size:24px;letter-spacing:-.045em}.robot-kind>header p{max-width:640px;margin:0;color:var(--carbon-52);font-size:12px}.robot-kind__number{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--carbon-16);border-radius:11px;font:700 11px/1 'IBM Plex Mono',monospace}.robot-kind__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.robot-instance{padding:18px;border:1px solid var(--carbon-08);border-radius:16px;background:rgb(255 255 255 / 24%)}.robot-instance.is-on{box-shadow:inset 3px 0 0 #237a52}.robot-instance h3{margin:16px 0 8px;font-size:20px;letter-spacing:-.035em}.robot-kind-warning{display:block;margin-bottom:12px;color:#8f5c11;font:600 9px/1.4 'IBM Plex Mono',monospace;text-transform:uppercase}.robot-instance__metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:14px 0 18px;border-block:1px solid var(--carbon-08)}.robot-instance__metrics div{padding:12px 8px;border-right:1px solid var(--carbon-08)}.robot-instance__metrics div:last-child{border-right:0}.robot-instance__metrics strong,.robot-instance__metrics span{display:block}.robot-instance__metrics strong{font-size:20px}.robot-instance__metrics span{margin-top:3px;color:var(--carbon-52);font-size:9px}.robot-kind-empty{display:flex;justify-content:space-between;gap:12px;padding:18px;border:1px dashed var(--carbon-16);border-radius:14px;color:var(--carbon-52);font-size:11px}.robot-kind-empty strong{color:var(--carbon)}.robot-kind-empty code{font:600 9px 'IBM Plex Mono',monospace}
@media(max-width:900px){.robot-kind__body{grid-template-columns:1fr}.robot-instance__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-instance__metrics div:nth-child(2n){border-right:0}.robot-kind>header{grid-template-columns:auto minmax(0,1fr)}.robot-kind>header>.spec{grid-column:2}}@media(max-width:520px){.robot-kind{padding:16px}.robot-kind>header{grid-template-columns:1fr}.robot-kind>header>.spec{grid-column:auto}.robot-kind-empty{flex-direction:column}}

/* Statistics robot boundary and explicit empty-installation preview. */
.robot-filter{display:flex;align-items:center;gap:10px;min-width:min(100%,310px)}.robot-filter>span{color:var(--carbon-52);font:600 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase}.robot-filter select{min-width:210px;min-height:38px;padding:0 34px 0 11px!important;border-radius:10px!important;font-size:11px}.statistics-demo-notice{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:12px 15px;border:1px solid rgb(160 100 18 / 28%);border-radius:14px;color:#6e480e;background:rgb(255 238 198 / 36%)}.statistics-demo-notice strong{font-size:11px}.statistics-demo-notice span{color:var(--carbon-52);font-size:10px}.robot-funnel-labels{align-items:stretch}.robot-funnel-card{height:100%;display:flex;flex-direction:column}.robot-funnel-value{margin-top:auto;padding-top:8px}.robot-funnel-note{min-height:24px;line-height:1.35}
@media(max-width:900px){.robot-filter{width:100%;justify-content:space-between}.robot-filter select{flex:1}.statistics-demo-notice{align-items:flex-start;flex-direction:column}.robot-funnel-svg{height:130px}.robot-funnel-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.robot-filter{align-items:flex-start;flex-direction:column}.robot-filter select{width:100%}.robot-funnel-svg{height:104px}.robot-funnel-labels{grid-template-columns:1fr}.robot-funnel-card{min-height:88px}}

/* Product shell: operational SaaS hierarchy, balance and user identity. */
.sidebar-balance-card{display:grid;gap:8px;padding:13px;border:1px solid var(--carbon-08);border-radius:15px;color:var(--carbon);background:rgb(255 255 255 / 28%);text-decoration:none;transition:border-color 180ms,background 180ms,transform 180ms}.sidebar-balance-card:hover{transform:translateY(-1px);border-color:var(--carbon-16);background:rgb(255 255 255 / 42%)}.sidebar-balance-card__head{display:flex;align-items:center;justify-content:space-between;color:var(--carbon-52);font-size:9px;font-weight:700;text-transform:uppercase}.sidebar-balance-card__head b{color:var(--milano);font-size:8px}.sidebar-balance-card>strong{font-size:24px;line-height:1;letter-spacing:-.055em}.sidebar-balance-card__detail{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--carbon-08);color:var(--carbon-52);font-size:9px}.sidebar-balance-card__detail b{color:var(--carbon);font-weight:700}.sidebar-user{display:grid;gap:3px;padding:8px 4px 2px}.sidebar-user__label{color:var(--carbon-52);font:600 8px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.sidebar-user strong{overflow:hidden;color:var(--carbon);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.platform-logout{justify-content:flex-start;padding:0 4px!important;color:var(--carbon-52)!important}

/* Compact application headers replace landing-page hero typography. */
.platform-page-header--app{gap:10px!important;margin-bottom:30px!important;padding-top:4px!important}.platform-page-header--app h1{max-width:none!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.055em!important}.platform-page-header--app>span{max-width:760px;margin-top:2px;font-size:13px}.platform-page-header--app h1 em::after{display:none}

/* Deliberate native select appearance across operational screens. */
.platform-body select{appearance:none!important;-webkit-appearance:none!important;padding-right:38px!important;background-color:rgb(255 255 255 / 34%)!important;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5.5 3.5 3 3.5-3' stroke='%23232023' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / 56%);cursor:pointer}.platform-body select:hover{border-color:var(--carbon-16)!important;background-color:rgb(255 255 255 / 48%)!important}.platform-body select:focus{border-color:var(--milano)!important;box-shadow:0 0 0 3px rgb(187 8 11 / 10%)!important}.platform-body select option{color:#232023;background:#f7f4ef}

/* Statistics controls as one compact toolbar. */
.statistics-period{display:grid;gap:6px}.statistics-period__label{color:var(--carbon-52);font:600 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase}.alfa-stats-main .filter-section{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.4fr) auto;align-items:end}.alfa-stats-main .date-row{align-items:center}.alfa-stats-main .date-row button{min-height:38px;padding:0 12px;border:1px solid var(--carbon-08);border-radius:10px;background:rgb(255 255 255 / 28%);font-size:10px;font-weight:700;cursor:pointer}

/* Restored funnel interaction contract. */
.funnel-bar{display:block}.robot-funnel{display:flex;flex-direction:column;gap:14px}.robot-funnel-svg{width:100%;height:180px;display:block;overflow:visible}.robot-funnel-band{fill:rgb(255 255 255 / 8%);transition:fill .22s ease}.robot-funnel-band.is-hovered{fill:rgb(255 255 255 / 30%)}.robot-funnel-divider{stroke:rgb(35 32 35 / 16%);stroke-width:1}.robot-funnel-segment{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:opacity .22s ease,transform .28s cubic-bezier(.175,.885,.32,1.6)}.robot-funnel-segment .seg-layer{transition:opacity .22s ease,transform .28s cubic-bezier(.175,.885,.32,1.6),filter .22s ease;transform-box:fill-box;transform-origin:center}.robot-funnel.has-hover .robot-funnel-segment:not(.is-hovered) .seg-layer{opacity:.22}.robot-funnel-segment.is-hovered{transform:scaleY(1.08)}.robot-funnel-segment.is-hovered .seg-core{filter:drop-shadow(0 8px 14px rgb(35 32 35 / 22%))}.robot-funnel-hit{fill:transparent;pointer-events:all}.robot-funnel-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.robot-funnel-card{position:relative;min-height:96px;padding:12px 12px 11px 15px;overflow:hidden;border:1px solid var(--carbon-08);border-radius:12px;background:rgb(255 255 255 / 34%);box-shadow:inset 0 1px 0 rgb(255 255 255 / 62%);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease}.robot-funnel-card.is-hovered{transform:translateY(-3px);border-color:color-mix(in srgb,var(--funnel-color,#007aff) 35%,var(--carbon-08));box-shadow:0 12px 24px rgb(35 32 35 / 10%),0 0 0 2px color-mix(in srgb,var(--funnel-color,#007aff) 16%,transparent)}.robot-funnel.has-hover .robot-funnel-card:not(.is-hovered){opacity:.5}.robot-funnel-card::before{content:\"\";position:absolute;inset:0 auto 0 0;width:4px;background:var(--funnel-color,#007aff)}.robot-funnel-label{min-height:26px;color:var(--carbon-52);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.robot-funnel-value{margin-top:auto;padding-top:7px;font-size:24px;line-height:1;font-weight:800}.robot-funnel-note{min-height:24px;margin-top:7px;color:var(--carbon-52);font-size:10px;line-height:1.3}

/* Robot portfolio channel details. */
.robot-channel{display:block;margin-top:16px;color:var(--carbon-52);font:600 8px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.robot-instance.is-demo{border-style:dashed;background:rgb(255 255 255 / 18%)}.robot-instance__metrics--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.robot-instance__metrics--compact div:nth-child(2n){border-right:1px solid var(--carbon-08)}.robot-instance__metrics--compact div:last-child{border-right:0}.robot-instance .button:disabled{opacity:.56;cursor:not-allowed;transform:none}

@media(max-width:1100px){.alfa-stats-main .filter-section{grid-template-columns:1fr 1fr}.alfa-stats-main .date-row{grid-column:1/-1}}@media(max-width:900px){.alfa-stats-main .filter-section{grid-template-columns:1fr}.alfa-stats-main .date-row{grid-column:auto}.robot-funnel-svg{height:140px}.robot-funnel-labels{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-page-header--app{margin-bottom:24px!important}}@media(max-width:520px){.robot-funnel-svg{height:120px}.robot-funnel-labels{grid-template-columns:1fr}.robot-instance__metrics--compact{grid-template-columns:1fr}.robot-instance__metrics--compact div{border-right:0!important}}

/* Accessible custom robot listbox; native select remains as hidden fallback state. */
.robot-combobox{position:relative;display:grid;gap:6px;min-width:240px}.robot-combobox__label{color:var(--carbon-52);font:600 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase}.robot-combobox__button{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 12px;border:1px solid var(--carbon-16);border-radius:11px;color:var(--carbon);background:rgb(255 255 255 / 38%);box-shadow:inset 0 1px 0 rgb(255 255 255 / 60%);font:650 11px/1.2 Manrope,sans-serif;text-align:left;cursor:pointer}.robot-combobox__button:hover,.robot-combobox__button[aria-expanded=\"true\"]{border-color:var(--carbon);background:rgb(255 255 255 / 52%)}.robot-combobox__button:focus-visible{outline:0;box-shadow:0 0 0 3px rgb(187 8 11 / 12%)}.robot-combobox__button i{width:7px;height:7px;flex:0 0 auto;border-right:1.5px solid var(--carbon);border-bottom:1.5px solid var(--carbon);transform:rotate(45deg) translateY(-2px);transition:transform 160ms}.robot-combobox__button[aria-expanded=\"true\"] i{transform:rotate(225deg) translate(-2px,-2px)}.robot-combobox__menu{position:absolute;z-index:1200;top:calc(100% + 7px);right:0;left:0;display:grid;gap:3px;padding:6px;border:1px solid var(--carbon-16);border-radius:13px;background:#f7f4ef;box-shadow:0 18px 44px rgb(35 32 35 / 16%)}.robot-combobox__menu[hidden]{display:none}.robot-combobox__menu button{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-radius:9px;color:var(--carbon-72);background:transparent;font:650 11px/1.25 Manrope,sans-serif;text-align:left;cursor:pointer}.robot-combobox__menu button:hover,.robot-combobox__menu button:focus-visible{outline:0;color:var(--carbon);background:rgb(35 32 35 / 7%)}.robot-combobox__menu button[aria-selected=\"true\"]{color:var(--carbon);background:rgb(255 255 255 / 72%);box-shadow:inset 3px 0 0 var(--milano)}.robot-combobox__menu button[aria-selected=\"true\"] i{width:6px;height:10px;border-right:2px solid var(--milano);border-bottom:2px solid var(--milano);transform:rotate(45deg)}.robot-combobox__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}

.robot-funnel-band,.robot-funnel-segment path,.robot-funnel-hit{stroke:none!important}

/* Sidebar: flush liquid-glass rail with Milano active destination. */
@media(min-width:901px){body.platform-body{padding-left:254px}.platform-sidebar{inset:12px auto 12px 0;width:226px;padding:18px 14px 16px;border-left:0;border-radius:0 24px 24px 0;background:linear-gradient(135deg,rgb(255 255 255 / 34%),rgb(240 237 232 / 66%));box-shadow:inset 0 1px 0 rgb(255 255 255 / 72%),12px 0 42px rgb(35 32 35 / 7%);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}}
.platform-nav__link.active,.platform-nav__link.active:hover{position:relative;overflow:hidden;color:#f0ede8;border-color:rgb(255 255 255 / 28%);background:linear-gradient(145deg,rgb(187 8 11 / 82%),rgb(146 5 9 / 92%));box-shadow:inset 0 1px 0 rgb(255 255 255 / 30%),0 22px 50px rgb(187 8 11 / 20%);text-shadow:none}.platform-nav__link.active::before{content:none}
.platform-sidebar--profile .platform-navigation-groups{display:flex;flex:1;min-height:0;flex-direction:column}.platform-profile-nav{margin-top:auto;padding-top:14px;border-top:1px solid var(--carbon-16)}.platform-profile-nav__label{margin:0 8px 8px;color:var(--carbon-52);font:600 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.platform-profile-nav__links{display:grid;gap:4px}.platform-sidebar--profile .platform-sidebar__bottom{margin-top:14px}

/* Persistent Milano ambient orb from the design-kit canvas. */
body.platform-body{position:relative;isolation:isolate}body.platform-body::before{content:"";position:fixed;z-index:-1;width:42vw;height:42vw;top:7vh;right:-22vw;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.8;background:radial-gradient(circle at 45% 45%,rgb(187 8 11 / 30%),rgb(187 8 11 / 0%) 69%)}

/* Control overview uses the denser 80% design-kit glass setting. */
.control-overview.glass{background:linear-gradient(135deg,rgb(255 255 255 / 28%),rgb(240 237 232 / 80%));backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}


/* Compact Control Center workspace: dense status, grouped agents, explicit dispatch. */
.control-overview{padding:20px 22px}.control-overview__head{align-items:center}.control-overview__head h2{font-size:32px}.control-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.control-metrics .platform-metric{min-height:88px;padding:12px}.control-metrics .platform-metric strong{margin-top:7px;font-size:28px}.control-section{margin-top:30px}.control-section__head h2{font-size:36px}.robot-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;margin-top:14px}.robot-kind:first-child{grid-column:1/-1}.robot-kind{padding:16px;border-radius:22px}.robot-kind>header{gap:11px}.robot-kind>header h2{font-size:20px}.robot-kind>header p{font-size:10px}.robot-kind__number{width:34px;height:34px}.robot-kind:first-child .robot-kind__body{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-kind:not(:first-child) .robot-kind__body{grid-template-columns:1fr}.robot-kind__body{gap:9px;margin-top:12px}.robot-instance{padding:14px}.robot-instance__identity{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}.robot-instance__identity h3{margin:3px 0 0;font-size:17px}.robot-channel{margin-top:0}.robot-toggle{min-height:38px;flex:0 0 auto;padding:0 13px}.robot-instance__metrics{margin-top:12px}.robot-instance__metrics div{padding:10px}.robot-instance__metrics strong{font-size:20px}.robot-instance__metrics span{font-size:8px}.robot-kind-empty{min-height:72px;margin-top:10px;padding:13px}.robot-dispatch{margin-top:13px;padding-top:13px;border-top:1px solid var(--carbon-08)}.robot-dispatch__head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.robot-dispatch__head strong{display:block;margin-top:4px;font-size:12px}.robot-dispatch__head>span{color:var(--carbon-52);font-size:9px}.robot-dispatch__controls{display:grid;grid-template-columns:minmax(0,1fr) 104px auto;align-items:end;gap:8px;margin-top:10px}.robot-dispatch__controls select,.robot-dispatch__controls input{width:100%;min-height:40px!important;border-radius:10px!important;font-size:10px!important}.robot-dispatch__controls label>span{display:block;margin-bottom:5px;color:var(--carbon-52);font:600 8px/1 'IBM Plex Mono',monospace;text-transform:uppercase}.robot-dispatch__controls button{min-height:40px;padding:0 14px;border:1px solid rgb(255 255 255 / 28%);border-radius:11px;color:#f0ede8;background:linear-gradient(145deg,rgb(187 8 11 / 82%),rgb(146 5 9 / 92%));box-shadow:inset 0 1px 0 rgb(255 255 255 / 30%);font-size:10px;font-weight:750;cursor:pointer}.robot-dispatch__controls button:disabled{color:var(--carbon-52);border-color:var(--carbon-08);background:var(--carbon-08);box-shadow:none;cursor:not-allowed}.robot-dispatch__result{min-height:0;margin-top:8px;font-size:9px}.robot-dispatch__result.is-success{color:var(--status-success)}.robot-dispatch__result.is-error{color:var(--status-error)}
@media(max-width:1100px){.robot-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-kind:first-child{grid-column:1/-1}.robot-dispatch__controls{grid-template-columns:1fr 96px}.robot-dispatch__controls button{grid-column:1/-1}}
@media(max-width:900px){.control-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-kind-grid{grid-template-columns:1fr}.robot-kind:first-child{grid-column:auto}.robot-kind:first-child .robot-kind__body{grid-template-columns:1fr}}
@media(max-width:520px){.control-metrics{grid-template-columns:1fr 1fr}.robot-instance__identity{align-items:stretch;flex-direction:column}.robot-dispatch__controls{grid-template-columns:1fr}.robot-dispatch__controls button{grid-column:auto}}
.robot-kind:first-child.is-single .robot-kind__body{grid-template-columns:1fr}

/* Robots starts directly with the operational workspace and one inline health signal. */
.robots-page-header{display:flex!important;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px!important}.robots-page-header>div{display:grid;gap:6px}.robots-page-header h1{font-size:44px!important}.robots-page-header>.badge{flex:0 0 auto;margin-bottom:4px}.robots-workspace{margin-top:0}.robots-workspace .robot-kind-grid{margin-top:0}
@media(max-width:520px){.robots-page-header{align-items:flex-start;flex-direction:column}.robots-page-header>.badge{margin:0}}

/* Quiet operational status and precise control alignment. */
.system-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--carbon-52);font-size:10px;font-weight:650;white-space:nowrap}.system-status i{width:6px;height:6px;border-radius:50%;background:var(--carbon-32);box-shadow:0 0 0 3px rgb(35 32 35 / 5%)}.system-status--green{color:#276744}.system-status--green i{background:#237a52;box-shadow:0 0 0 3px rgb(35 122 82 / 9%)}.system-status--orange i{background:#a06412;box-shadow:0 0 0 3px rgb(160 100 18 / 9%)}.system-status--red i{background:#9b2d32;box-shadow:0 0 0 3px rgb(155 45 50 / 9%)}
.robot-toggle,.robot-dispatch__controls button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}.robot-toggle{min-width:92px}
.robot-dispatch__head>span{min-width:126px;display:flex;align-items:center;justify-content:center;padding-inline:10px;text-align:center;line-height:1.3}
.robot-kind--text>header{position:relative;display:block;min-height:96px;padding-inline:52px;text-align:center}.robot-kind--text>header .robot-kind__number{position:absolute;top:0;left:0}.robot-kind--text>header>.spec{display:block;width:max-content;max-width:100%;margin:10px auto 0;text-align:center}.robot-kind--text .robot-instance--text .robot-card__top{justify-content:center;min-height:16px}.robot-kind--text .robot-instance--text .robot-card__top>.spec{text-align:center}.robot-kind--text .robot-instance--text .robot-instance__identity{align-items:center;flex-direction:column;text-align:center}.robot-kind--text .robot-instance--text .robot-toggle{margin-inline:auto}
@media(max-width:520px){.system-status{white-space:normal}.robot-dispatch__head{align-items:stretch;flex-direction:column}.robot-dispatch__head>span{min-width:0;padding-inline:10px;text-align:center;justify-content:center}.robot-kind--text>header{padding:46px 0 0}}
@media(max-width:900px){.platform-sidebar--profile .platform-navigation-groups{min-width:0;flex-direction:row;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.platform-sidebar--profile .platform-navigation-groups::-webkit-scrollbar{display:none}.platform-sidebar--profile .platform-navigation-groups>.platform-nav{flex:none;width:max-content;padding-right:0;overflow:visible}.platform-profile-nav{display:flex;flex:none;align-items:center;margin:0 0 0 10px;padding:0 0 0 10px;border-top:0;border-left:1px solid var(--carbon-24)}.platform-profile-nav__label{min-width:max-content;margin:0 7px 0 0;padding:0 5px;color:var(--carbon-52);font-size:8px}.platform-profile-nav__links{display:flex;gap:3px}}

/* Mobile comfort pass: reachable navigation, compact analytics and full-size controls. */
@media(max-width:900px){
  .platform-sidebar{padding-inline:8px;overscroll-behavior-x:contain}
  .platform-nav{width:100%;padding-right:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .platform-nav::-webkit-scrollbar{display:none}
  .platform-nav__link{scroll-snap-align:center}
}
@media(max-width:520px){
  body.platform-body{padding-top:78px}
  .platform-main,.alfa-main{width:calc(100% - 20px)!important}
  .platform-page-header--app{margin-bottom:20px!important}
  .platform-page-header--app h1,.alfa-crm-heading h1{font-size:36px!important;line-height:1!important}
  .robot-toggle,.robot-dispatch__controls button{min-height:44px}
  .robot-instance__metrics--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .robot-instance__metrics--compact div{padding:11px 6px!important;border-right:1px solid var(--carbon-08)!important}
  .robot-instance__metrics--compact div:last-child{border-right:0!important}
  .call-summary-main,.call-summary-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .call-summary .metric-card{min-height:112px;padding:14px}
  .robot-funnel-labels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .robot-funnel-card{min-height:96px}
  .alfa-stats-main .filters button,.alfa-stats-main .date-row button,.robot-combobox__button{min-height:44px}
  .alfa-stats-main .date-row{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .alfa-stats-main .date-row input{width:100%;min-width:0;min-height:44px}
  .alfa-stats-main .date-row button{grid-column:1/-1;width:100%}
  .table-wrap{overscroll-behavior-x:contain;scrollbar-width:thin}
}
@media(max-width:520px){.platform-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.platform-body select,.platform-body textarea{font-size:16px!important}}
@media(max-width:520px){.robot-dispatch__controls select,.robot-dispatch__controls input{min-height:44px!important}}
@media(max-width:360px){.robot-instance__metrics--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-instance__metrics--compact div:nth-child(2){border-right:0!important}.robot-instance__metrics--compact div:last-child{grid-column:1/-1;border-top:1px solid var(--carbon-08);border-right:0!important}.robot-instance__metrics--compact span{font-size:11px!important;line-height:1.35;white-space:normal;overflow-wrap:normal}}

/* Product pass: precise robot state, operational dispatch and unconfigured-direction offers. */
.robot-state{position:relative;min-width:92px;justify-content:center;padding-inline:11px;text-align:center}.robot-state>i{position:absolute;left:11px}.robot-state>span{display:block;width:100%;text-align:center}.robot-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.robot-offer{display:grid;gap:13px;padding:20px;border:1px solid rgb(187 8 11 / 16%);border-radius:18px;background:linear-gradient(145deg,rgb(255 255 255 / 52%),rgb(187 8 11 / 5%));box-shadow:inset 0 1px 0 rgb(255 255 255 / 72%)}.robot-offer__eyebrow{color:var(--milano);font:700 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.robot-offer h3{margin:0;font-size:22px;line-height:1.08;letter-spacing:-.04em}.robot-offer p{margin:0;color:var(--carbon-72);font-size:12px;line-height:1.6}.robot-offer__proof{display:grid;gap:3px;padding:12px;border-radius:12px;background:rgb(255 255 255 / 55%)}.robot-offer__proof strong{font-size:13px}.robot-offer__proof span{color:var(--carbon-52);font-size:10px;line-height:1.4}.robot-offer__cta,.robot-dispatch__import{min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 30%);border-radius:11px;color:#fff;background:linear-gradient(145deg,#c20b0f,#900509);box-shadow:inset 0 1px 0 rgb(255 255 255 / 30%),0 12px 24px rgb(187 8 11 / 16%);font-size:11px;font-weight:750;text-decoration:none;cursor:pointer}.robot-offer__cta:hover,.robot-dispatch__import:hover{transform:translateY(-1px)}
.robot-dispatch__plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.robot-dispatch__plan>div{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--carbon-08);border-radius:11px;background:rgb(255 255 255 / 38%)}.robot-dispatch__plan span{color:var(--carbon-52);font-size:8px;line-height:1.25;text-transform:uppercase}.robot-dispatch__plan strong{font-size:18px}.robot-dispatch--empty{padding:16px;margin-inline:10px;border:1px dashed var(--carbon-16);border-radius:15px}.robot-dispatch--empty .robot-dispatch__controls{grid-template-columns:minmax(0,1fr) 112px minmax(150px,auto)}.robot-dispatch__controls label{text-align:center}.robot-dispatch__controls label>span{text-align:center}.robot-dispatch__controls input{text-align:center}.robot-dispatch__import{min-height:40px;padding-inline:14px}
.robot-offer-dialog{width:min(92vw,480px);padding:28px;border:1px solid var(--carbon-16);border-radius:22px;color:var(--carbon);background:#f6f2ed;box-shadow:0 28px 80px rgb(35 32 35 / 24%)}.robot-offer-dialog::backdrop{background:rgb(35 32 35 / 42%);backdrop-filter:blur(6px)}.robot-offer-dialog h2{margin:10px 0 8px;font-size:28px;letter-spacing:-.045em}.robot-offer-dialog p{margin:0 0 20px;color:var(--carbon-72);font-size:13px;line-height:1.65}.robot-offer-dialog__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--carbon-08);font-size:22px;cursor:pointer}.robot-offer-dialog .button{width:100%;justify-content:center}
.metric-card[data-tone=\"positive\"]{border-color:rgb(35 122 82 / 24%);background:linear-gradient(145deg,rgb(255 255 255 / 48%),rgb(35 122 82 / 7%))}.metric-card[data-tone=\"negative\"]{border-color:rgb(155 45 50 / 22%);background:linear-gradient(145deg,rgb(255 255 255 / 48%),rgb(155 45 50 / 6%))}.metric-card[data-tone=\"attention\"]{border-color:rgb(160 100 18 / 22%);background:linear-gradient(145deg,rgb(255 255 255 / 48%),rgb(160 100 18 / 6%))}.metric-card[data-tone=\"neutral\"]{border-color:var(--carbon-08)}
.direction-statistics__head,.events-feed__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.direction-statistics__head h2,.events-feed__head h2{margin:5px 0 0}.direction-statistics__head>span,.events-feed__head>span{color:var(--carbon-52);font-size:10px}.direction-statistics__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.direction-statistics__card,.direction-statistics__empty{display:grid;gap:8px;padding:16px;border:1px solid var(--carbon-08);border-radius:14px;background:rgb(255 255 255 / 30%)}.direction-statistics__card>span,.direction-statistics__empty span{color:var(--carbon-52);font-size:10px}.direction-statistics__card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.direction-statistics__card p{display:grid;gap:3px;margin:0;padding:10px;border-radius:10px;background:rgb(255 255 255 / 46%)}.direction-statistics__card b{font-size:20px}.direction-statistics__card small{color:var(--carbon-52);font-size:8px;line-height:1.35}
.events-main{max-width:1280px}.events-toolbar{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(180px,.9fr) auto;align-items:end;gap:10px;padding:16px}.events-toolbar label{display:grid;gap:6px}.events-toolbar label>span{color:var(--carbon-52);font:600 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase}.events-toolbar select,.events-toolbar>button{min-height:44px}.events-toolbar>button{padding-inline:18px;border:0;border-radius:11px;color:#fff;background:var(--milano);font-weight:700;cursor:pointer}.events-live{min-height:44px;grid-template-columns:auto 1fr!important;align-items:center;padding:8px 11px;border:1px solid var(--carbon-08);border-radius:11px;background:rgb(255 255 255 / 30%)}.events-live input{width:18px;height:18px}.events-live span{display:grid;gap:2px;text-transform:none!important}.events-live small{font-size:9px;font-weight:400}.events-feed{margin-top:16px;padding:18px}.events-feed table{width:100%;border-collapse:collapse}.events-feed th,.events-feed td{padding:12px 10px;border-bottom:1px solid var(--carbon-08);font-size:11px;text-align:left}.events-feed th{color:var(--carbon-52);font-size:8px;text-transform:uppercase}.events-feed td a{color:var(--carbon);font-weight:700}.events-status{display:inline-flex;padding:5px 8px;border-radius:8px;background:var(--carbon-08);font-size:9px}.events-empty{padding:40px!important;color:var(--carbon-52);text-align:center!important}.events-feed__head>span.is-live{color:#237a52}.events-feed__head>span.is-live::before{content:'● ';}.events-feed .pager{margin-top:14px}
@media(max-width:1000px){.events-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.events-toolbar>button{grid-column:1/-1}.direction-statistics__grid{grid-template-columns:1fr}}@media(max-width:600px){.events-toolbar{grid-template-columns:1fr}.events-toolbar>button{grid-column:auto}.direction-statistics__head,.events-feed__head{align-items:flex-start;flex-direction:column}.direction-statistics__card>div{grid-template-columns:1fr}}
@media(max-width:700px){.robot-dispatch__plan{grid-template-columns:1fr}.robot-dispatch--empty{margin-inline:0}.robot-dispatch--empty .robot-dispatch__controls{grid-template-columns:1fr}.robot-offer{padding:17px}}

/* Events refinement: ALFA typography, rounded data surfaces and explicit controls. */
.platform-brand{gap:0;padding-left:8px;font-size:15px;letter-spacing:-.025em}
.events-main{max-width:1280px}
.events-page-header{margin-bottom:22px}
.events-toolbar,.events-feed{border:1px solid var(--carbon-08);background:linear-gradient(145deg,rgb(255 255 255 / 52%),rgb(240 237 232 / 68%));box-shadow:inset 0 1px 0 rgb(255 255 255 / 72%)}
.events-toolbar{grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(210px,.9fr) auto;gap:12px;padding:20px;border-radius:22px}
.events-field{display:grid;gap:8px;min-width:0}
.events-field>span{padding-left:2px;color:var(--carbon-52);font:600 11px/1 'IBM Plex Mono',monospace!important;letter-spacing:.06em;text-transform:uppercase}
.events-toolbar select{width:100%;min-height:46px;padding:0 44px 0 14px!important;border:1px solid var(--carbon-12)!important;border-radius:12px!important;color:var(--carbon)!important;background-color:rgb(255 255 255 / 58%)!important;font:600 14px/1.2 Manrope,Arial,sans-serif!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / 72%);cursor:pointer;transition:border-color 180ms,background 180ms,box-shadow 180ms}
.events-toolbar select:hover{border-color:var(--carbon-24)!important;background-color:rgb(255 255 255 / 78%)!important}
.events-toolbar select:focus-visible{outline:0;border-color:var(--milano)!important;box-shadow:0 0 0 3px rgb(187 8 11 / 12%)}
.events-toolbar>button{min-height:46px;padding-inline:22px;border:1px solid rgb(255 255 255 / 28%);border-radius:12px;color:#fff;background:linear-gradient(145deg,#c20b0f,#900509);box-shadow:inset 0 1px 0 rgb(255 255 255 / 28%),0 10px 22px rgb(187 8 11 / 14%);font:700 13px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:filter 180ms,box-shadow 180ms}
.events-toolbar>button:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 rgb(255 255 255 / 32%),0 13px 26px rgb(187 8 11 / 18%)}
.events-toolbar>button:focus-visible{outline:3px solid rgb(187 8 11 / 18%);outline-offset:2px}
.events-live{min-height:46px;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center;column-gap:11px;padding:7px 12px;border:1px solid var(--carbon-12);border-radius:12px;background:rgb(255 255 255 / 45%);cursor:pointer;transition:border-color 180ms,background 180ms}
.events-live:hover{border-color:rgb(35 122 82 / 34%);background:rgb(255 255 255 / 68%)}
.events-live input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.events-live__track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--carbon-16);box-shadow:inset 0 1px 3px rgb(35 32 35 / 12%);transition:background 200ms,box-shadow 200ms}
.events-live__track i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(35 32 35 / 22%);transition:transform 200ms}
.events-live input:checked+.events-live__track{background:#237a52;box-shadow:inset 0 1px 3px rgb(21 80 53 / 22%),0 0 0 3px rgb(35 122 82 / 8%)}
.events-live input:checked+.events-live__track i{transform:translateX(18px)}
.events-live input:focus-visible+.events-live__track{outline:3px solid rgb(35 122 82 / 20%);outline-offset:2px}
.events-live__copy{display:grid;gap:3px;min-width:0;text-transform:none!important}
.events-live__copy strong{color:var(--carbon);font:700 13px/1.1 Manrope,Arial,sans-serif}
.events-live__copy small{color:var(--carbon-52);font:500 12px/1.25 Manrope,Arial,sans-serif}
.events-feed{margin-top:18px;padding:22px;border-radius:22px;overflow:hidden}
.events-feed__head{padding:0 2px 16px}
.events-feed__head h2{font-size:26px;letter-spacing:-.04em}
.events-feed__head>span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid var(--carbon-08);border-radius:999px;background:rgb(255 255 255 / 42%);font:600 11px/1 'IBM Plex Mono',monospace}
.events-feed__head>span.is-live{border-color:rgb(35 122 82 / 20%);color:#237a52;background:rgb(35 122 82 / 7%)}
.events-feed__head>span.is-live::before{content:'●';margin-right:6px;font-size:7px}
.events-feed .table-wrap{padding:4px;border:1px solid var(--carbon-08);border-radius:16px;background:rgb(255 255 255 / 34%);overflow-x:auto}
.events-feed table{width:100%;border-collapse:separate;border-spacing:0}
.events-feed th{padding:12px 14px;color:var(--carbon-52);font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.05em;text-transform:uppercase}
.events-feed td{padding:14px;border-bottom:1px solid var(--carbon-08);color:var(--carbon-72);font:500 14px/1.45 Manrope,Arial,sans-serif}
.events-feed tbody tr:last-child td{border-bottom:0}
.events-feed tbody tr{transition:background 180ms}
.events-feed tbody tr:hover{background:rgb(255 255 255 / 52%)}
.events-feed td a,.events-type{color:var(--carbon);font-weight:700}
.events-date,.events-duration{font-variant-numeric:tabular-nums}
.events-base{display:inline-flex;max-width:220px;padding:6px 9px;border:1px solid var(--carbon-08);border-radius:9px;background:rgb(255 255 255 / 52%);font-weight:650;white-space:normal}
.events-status{display:inline-flex;padding:6px 9px;border:1px solid var(--carbon-08);border-radius:9px;background:var(--carbon-08);font-size:12px;font-weight:650}
.events-muted{color:var(--carbon-32)}
.events-empty{padding:48px 20px!important;text-align:center!important}
.events-empty strong,.events-empty span{display:block}
.events-empty strong{color:var(--carbon);font-size:14px}
.events-empty span{margin-top:5px;color:var(--carbon-52);font-size:12px}
.events-feed .pager{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.events-feed .pager button{min-width:44px;min-height:44px;border:1px solid var(--carbon-08);border-radius:11px;color:var(--carbon-72);background:rgb(255 255 255 / 34%);font-weight:700;cursor:pointer}
.events-feed .pager button.active{border-color:var(--carbon);color:#fff;background:var(--carbon)}
.events-feed:has(.events-empty) .pager{display:none}
.robot-dispatch--empty{padding:20px;margin-inline:0}
.robot-dispatch--empty .robot-dispatch__head{padding-inline:4px}
.robot-instance__metrics--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:520px){.robot-instance__metrics--four{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-instance__metrics--four div:nth-child(2){border-right:0!important}.robot-instance__metrics--four div:nth-child(n+3){border-top:1px solid var(--carbon-08)}}

@media(max-width:1000px){
  .events-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .events-toolbar>button{grid-column:1/-1}
}
@media(max-width:600px){
  .events-page-header{margin-bottom:16px}
  .events-toolbar{grid-template-columns:1fr;padding:16px;border-radius:18px}
  .events-toolbar select{font-size:16px!important}
  .events-toolbar>button{grid-column:auto}
  .events-feed{padding:14px;border-radius:18px}
  .events-feed__head{align-items:flex-start;flex-direction:column}
  .events-feed .table-wrap{padding:0;border:0;background:transparent;overflow:visible}
  .events-feed table,.events-feed tbody{display:block;width:100%;min-width:0!important}
  .events-feed thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  .events-feed tr{display:grid;width:100%;box-sizing:border-box;gap:0;margin-bottom:10px;padding:7px 12px;border:1px solid var(--carbon-08);border-radius:15px;background:rgb(255 255 255 / 46%)}
  .events-feed tr:last-child{margin-bottom:0}
  .events-feed td{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--carbon-08);font-size:14px}
  .events-feed td::before{content:attr(data-label);color:var(--carbon-52);font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
  .events-feed td:last-child{border-bottom:0}
  .events-base{max-width:100%}
  .events-empty{display:block!important;width:100%;box-sizing:border-box;padding:36px 12px!important}
  .events-empty::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .events-toolbar select,.events-toolbar>button,.events-live,.events-live__track,.events-live__track i,.events-feed tbody tr{transition:none!important}
}

/* Platform refinement: responsive statistics, balance and bases workspace. */
.platform-mobile-balance{display:none}
.statistics-period__label,.date-row__label,.alfa-stats-main .date-row label>span,.filter-control>span{color:var(--carbon-52);font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.date-row__label{align-self:center}
.filter-control{display:grid;gap:7px;min-width:0}
.leads-filters{align-items:end}
.leads-filters .filter-select,.leads-filters .search-input{width:100%;min-width:0}
.bases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.base-card{display:grid;gap:16px;width:100%;min-width:0;padding:20px;border:1px solid var(--carbon-08);border-radius:18px;background:rgb(255 255 255 / 42%);color:var(--carbon);text-align:left;box-shadow:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.base-card:hover{border-color:var(--carrara);background:rgb(255 255 255 / 62%);transform:translateY(-1px)}
.base-card:focus-visible{outline:3px solid rgb(187 8 11 / 20%);outline-offset:2px;border-color:var(--carrara)}
.base-card.is-selected{border-color:var(--carrara);box-shadow:inset 0 0 0 1px var(--carrara)}
.base-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.base-card__head>div{min-width:0}
.modal-field input,.modal-field select{width:100%;min-height:44px;box-sizing:border-box}
.base-card__head h3{margin:5px 0 0;overflow-wrap:anywhere}
.base-card__head>span{flex:0 0 auto;color:var(--carbon-52);font-size:12px}
.base-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--carbon-08);border-radius:14px;background:var(--carbon-08)}
.base-card__metrics>div{display:grid;place-content:center;gap:3px;min-width:0;min-height:76px;padding:10px 6px;background:rgb(255 255 255 / 72%);text-align:center}
.base-card__metrics strong{font:600 22px/1 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.base-card__metrics span{color:var(--carbon-52);font-size:11px;line-height:1.25}
.base-card__progress-label{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:var(--carbon-72);font-size:12px;line-height:1.35}
.base-card__progress-label strong{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.base-card__progress{height:8px;overflow:hidden;border-radius:999px;background:var(--carbon-08)}
.base-card__progress i{display:block;height:100%;border-radius:inherit;background:var(--carrara);transition:width .25s ease}
.base-card__robots{display:flex;flex-wrap:wrap;gap:6px}
.base-card__robots span{padding:6px 9px;border-radius:999px;background:var(--carbon-05);color:var(--carbon-72);font-size:11px}
.modal-field__hint{display:block;margin-top:7px;color:var(--carbon-52);font-size:12px;line-height:1.4}

@media(max-width:900px){
  .platform-sidebar{overflow-x:auto!important;overflow-y:hidden;box-shadow:none!important;scrollbar-width:none;overscroll-behavior-x:contain}
  .platform-sidebar::-webkit-scrollbar{display:none}
  .platform-nav{flex:0 0 auto;width:max-content;padding-right:12px;overflow:visible;scroll-snap-type:none}
  .platform-mobile-balance{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:max-content;min-height:44px;padding:0 11px;border:0;border-right:1px solid var(--carbon-08);border-radius:0;background:transparent;color:var(--carbon);text-decoration:none}
  .platform-mobile-balance span{color:var(--carbon-72);font:700 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:normal;text-transform:none}
  .platform-mobile-balance strong{font:650 13px/1.2 'IBM Plex Mono',monospace;white-space:nowrap;font-variant-numeric:tabular-nums}
  .filter-section{grid-template-columns:1fr!important;width:100%;box-sizing:border-box}
  .robot-combobox,.robot-combobox__button{width:100%}
  .statistics-period{display:grid;width:100%;justify-items:start;gap:8px}
  .statistics-period .filters{display:flex;flex-wrap:wrap;justify-content:flex-start;width:auto;max-width:100%;gap:7px}
  .statistics-period .filters button{flex:0 0 auto!important;width:auto;min-width:max-content;padding:0 12px;font-size:13px;white-space:nowrap}
  .statistics-period .filters button:last-child{grid-column:auto}
  .statistics-period .filters button.active{border-color:var(--carbon);background:var(--carbon);color:var(--carrara);box-shadow:none}
  .statistics-period .filters button.active::before{content:'✓';margin-right:5px;font-weight:800}
  .date-row{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px!important}
  .date-row__label{grid-column:1/-1}
  .date-row label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0}
  .date-row input{width:100%!important;min-width:0!important;box-sizing:border-box;font-size:16px!important}
  .date-row>button{grid-column:1/-1;width:100%}
  .leads-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .leads-filters .search-wrap,.leads-filters .bases-export-btn{grid-column:1/-1}
}
@media(max-width:520px){
  .platform-mobile-balance{padding-inline:9px}
  .filter-section{padding:14px!important;border-radius:18px!important}
  .statistics-period .filters button{font-size:12px}
  .date-row{grid-template-columns:1fr!important}
  .date-row label,.date-row__label{grid-column:1}
  .bases-grid{grid-template-columns:1fr}
  .base-card{padding:16px}
  .base-card__metrics strong{font-size:19px}
  .base-card__metrics span{font-size:10px}
  .base-card__progress-label{align-items:flex-start}
  .leads-filters{grid-template-columns:1fr}
  .leads-filters>*{grid-column:1!important}
}