:root{
--zl-brown: #27241f;
--zl-cream: #f7efe4;
--zl-gold: #e0a82e;
--zl-gold-light: #f6cf73;
--zl-chrome-negative: #ee8273;
--zl-chrome-negative-text: #f6a196;
--zl-switch-knob: #fffaf3;
--zl-login-glass-light: rgba(255, 251, 245, 0.38);
--zl-login-glass-dark: rgba(39, 36, 31, 0.7);
--zl-font: var(--font-nunito-sans), system-ui, sans-serif;
--zl-weight-heading: 900;
--zl-weight-body: 500;
--zl-weight-small: 400;
--zl-tracking-heading: -0.01em;
--zl-text-body: 0.9375rem;
--zl-text-small: 0.8125rem;
--zl-text-cap: 0.8125rem;
--zl-text-title: 1.25rem;
--zl-text-figure-sm: 1.5rem;
--zl-text-figure: 1.75rem;
--zl-text-h1: 1.875rem;
--zl-text-card-title: 1rem;
--zl-radius-panel: 1.5rem;
--zl-radius-card: 1rem;
--zl-radius-control: 0.625rem;
--zl-radius-badge: 0.375rem;
--zl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--zl-ease-nav: cubic-bezier(0.32, 0.72, 0, 1);
--zl-glass-blur: 22px;
--zl-e-chrome-glass: rgba(39, 36, 31, 0.94);
--zl-e-chrome-edge: rgba(247, 239, 228, 0.12);
--zl-page: #f7efe4;
--zl-fg: #27241f;
--zl-fg-muted: #5a5045;
--zl-fg-subtle: #6b6052;
--zl-line: #e3d6c3;
--zl-line-strong: #cbb99f;
--zl-field: #fffaf3;
--zl-control-border: #8f7f63;
--zl-accent: #e0a82e;
--zl-accent-fg: #27241f;
--zl-accent-text: #7a5608;
--zl-focus: #7a5608;
--zl-selection: rgba(224, 168, 46, 0.35);
--zl-positive: #4e8a47;
--zl-positive-text: #285e25;
--zl-negative: #c2483d;
--zl-negative-text: #98301f;
--zl-on-negative: #ffffff;
--zl-warning: #bf6d1e;
--zl-warning-text: #8a4a10;
--zl-info: #4f7fa3;
--zl-info-text: #35607f;
--zl-glass: rgba(255, 251, 245, 0.74);
--zl-glass-strong: rgba(255, 252, 247, 0.8);
--zl-glass-dense: rgba(255, 252, 248, 0.88);
--zl-dialog: rgba(255, 252, 248, 0.9);
--zl-glass-edge: rgba(255, 255, 255, 0.75);
--zl-panel-sheen: rgba(255, 255, 255, 0.7);
--zl-shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 2px rgba(39, 36, 31, 0.06),
0 24px 48px -20px rgba(39, 36, 31, 0.32);
--zl-shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(39, 36, 31, 0.06),
0 12px 24px -12px rgba(39, 36, 31, 0.28);
--zl-shadow-pop: 0 18px 40px -12px rgba(39, 36, 31, 0.35);
--zl-chart-1: #ab730f;
--zl-chart-2: #14424b;
--zl-chart-3: #9d5019;
--zl-chart-4: #27241f;
--zl-chart-5: #574f44;
--zl-chart-6: #8f7a4c;
--zl-chart-grid: rgba(39, 36, 31, 0.12);
--zl-chart-axis: #6b6052;
--zl-chart-shadow: rgba(39, 36, 31, 0.35);
--zl-donut-gap: rgba(255, 252, 247, 0.9);
--zl-cat-salaries: var(--zl-chart-1);
--zl-cat-materials: var(--zl-chart-2);
--zl-cat-overhead: var(--zl-chart-3);
--zl-cat-machinery: var(--zl-chart-4);
--zl-cat-other: var(--zl-chart-5);
--zl-cat-other-rate: var(--zl-chart-6);
}
:root[data-theme="dark"]{
--zl-page: #1e1c18;
--zl-fg: #f7efe4;
--zl-fg-muted: #dacfbc;
--zl-fg-subtle: #b9ab96;
--zl-line: rgba(247, 239, 228, 0.12);
--zl-line-strong: rgba(247, 239, 228, 0.26);
--zl-field: rgba(247, 239, 228, 0.06);
--zl-control-border: #8e8577;
--zl-accent: #e0a82e;
--zl-accent-fg: #27241f;
--zl-accent-text: #e0a82e;
--zl-focus: #e0a82e;
--zl-selection: rgba(224, 168, 46, 0.4);
--zl-positive: #7fbf74;
--zl-positive-text: #a3dc97;
--zl-negative: #ee8273;
--zl-negative-text: #f6a196;
--zl-on-negative: #1e1c18;
--zl-warning: #f0a35a;
--zl-warning-text: #f9c58c;
--zl-info: #8db7d8;
--zl-info-text: #a6c9e6;
--zl-glass: rgba(39, 36, 31, 0.78);
--zl-glass-strong: rgba(44, 40, 34, 0.84);
--zl-glass-dense: rgba(36, 33, 28, 0.88);
--zl-dialog: rgba(40, 37, 32, 0.92);
--zl-glass-edge: rgba(247, 239, 228, 0.12);
--zl-panel-sheen: rgba(255, 255, 255, 0.2);
--zl-shadow-panel: inset 0 1px 0 rgba(247, 239, 228, 0.08), 0 1px 2px rgba(0, 0, 0, 0.3),
0 28px 56px -20px rgba(0, 0, 0, 0.7);
--zl-shadow-card: inset 0 1px 0 rgba(247, 239, 228, 0.07), 0 1px 2px rgba(0, 0, 0, 0.3),
0 14px 28px -12px rgba(0, 0, 0, 0.6);
--zl-shadow-pop: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
--zl-chart-1: #fece61;
--zl-chart-2: #4b979b;
--zl-chart-3: #fda869;
--zl-chart-4: #f7efe4;
--zl-chart-5: #b69f7a;
--zl-chart-6: #d9c39a;
--zl-chart-grid: rgba(247, 239, 228, 0.1);
--zl-chart-axis: #b9ab96;
--zl-chart-shadow: rgba(0, 0, 0, 0.6);
--zl-donut-gap: rgba(40, 37, 32, 0.9);
color-scheme: dark;
}
[data-zl-palette="1"]{
--zl-chart-2: #5c310c;
}
:root[data-theme="dark"] [data-zl-palette="1"]{
--zl-chart-2: #c57b20;
}
.bg-chrome{
--zl-focus: #e0a82e;
}
@layer base{
html{
font-family: var(--zl-font);
font-weight: var(--zl-weight-body);
color: var(--zl-fg);
background: var(--zl-page);
color-scheme: light;
-webkit-text-size-adjust: 100%;
scroll-padding-top: 6.5rem;
}
body{
background: transparent;
color: var(--zl-fg);
font-size: var(--zl-text-body);
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-serif,
.font-heading{
font-weight: var(--zl-weight-heading);
letter-spacing: var(--zl-tracking-heading);
}
h1,
h2,
h3,
h4{
line-height: 1.15;
text-wrap: balance;
}
::selection{
background: var(--zl-selection);
color: var(--zl-fg);
}
:focus-visible{
outline: 2px solid var(--zl-focus);
outline-offset: 2px;
}
input,
select,
textarea{
caret-color: var(--zl-accent);
accent-color: var(--zl-accent);
}
*{
scrollbar-color: var(--zl-line-strong) transparent;
}
dialog::backdrop{
background: rgba(20, 18, 15, 0.45);
}
}
@layer utilities{
.text-small{
font-size: var(--zl-text-small);
font-weight: var(--zl-weight-small);
}
.num{
font-variant-numeric: tabular-nums;
}
.glass{
background: var(--zl-glass);
-webkit-backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
border: 1px solid var(--zl-glass-edge);
box-shadow: var(--zl-shadow-panel);
}
.glass-strong{
background: var(--zl-glass-strong);
-webkit-backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
border: 1px solid var(--zl-glass-edge);
box-shadow: var(--zl-shadow-card);
}
.glass-dense{
background: var(--zl-glass-dense);
-webkit-backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
border: 1px solid var(--zl-glass-edge);
box-shadow: var(--zl-shadow-card);
}
.glass-dialog{
background: var(--zl-dialog);
-webkit-backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
border: 1px solid var(--zl-glass-edge);
box-shadow: var(--zl-shadow-pop);
}
.glass-chrome{
background: var(--zl-e-chrome-glass);
-webkit-backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
backdrop-filter: blur(var(--zl-glass-blur)) saturate(140%);
}
}
@media (prefers-reduced-transparency: reduce){
:root{
--zl-glass: #fffaf3;
--zl-glass-strong: #fffbf6;
--zl-glass-dense: #fffcf8;
--zl-dialog: #fffcf8;
--zl-e-chrome-glass: #27241f;
}
:root[data-theme="dark"]{
--zl-glass: #27241f;
--zl-glass-strong: #2c2822;
--zl-glass-dense: #24211c;
--zl-dialog: #282520;
}
}
@media (max-width: 639.98px){
:root{
--zl-text-body: 1rem;
--zl-text-small: 0.875rem;
--text-xs: 0.8125rem;
--text-sm: 1rem;
}
}
@media (min-width: 640px){
[data-zl="main"],
.zl-scale{
--spacing: 0.21875rem;
--zl-text-body: 0.875rem;
--zl-text-small: 0.75rem;
--zl-text-cap: 0.75rem;
--zl-text-title: 1.125rem;
--zl-text-figure-sm: 1.25rem;
--zl-text-figure: 1.5rem;
--zl-text-h1: 1.75rem;
--zl-text-card-title: 0.9375rem;
--text-xs: 0.6875rem;
--text-sm: 0.8125rem;
--text-base: 0.9375rem;
--text-lg: 1rem;
--text-xl: 1.125rem;
--text-2xl: 1.25rem;
--text-3xl: 1.5rem;
--text-4xl: 1.75rem;
font-size: var(--zl-text-body);
}
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
--zl-page: #1e1c18;
--zl-fg: #f7efe4;
--zl-fg-muted: #dacfbc;
--zl-fg-subtle: #b9ab96;
--zl-line: rgba(247, 239, 228, 0.12);
--zl-line-strong: rgba(247, 239, 228, 0.26);
--zl-field: rgba(247, 239, 228, 0.06);
--zl-control-border: #8e8577;
--zl-accent: #e0a82e;
--zl-accent-fg: #27241f;
--zl-accent-text: #e0a82e;
--zl-focus: #e0a82e;
--zl-selection: rgba(224, 168, 46, 0.4);
--zl-positive: #7fbf74;
--zl-positive-text: #a3dc97;
--zl-negative: #ee8273;
--zl-negative-text: #f6a196;
--zl-on-negative: #1e1c18;
--zl-warning: #f0a35a;
--zl-warning-text: #f9c58c;
--zl-info: #8db7d8;
--zl-info-text: #a6c9e6;
--zl-glass: rgba(39, 36, 31, 0.78);
--zl-glass-strong: rgba(44, 40, 34, 0.84);
--zl-glass-dense: rgba(36, 33, 28, 0.88);
--zl-dialog: rgba(40, 37, 32, 0.92);
--zl-glass-edge: rgba(247, 239, 228, 0.12);
--zl-panel-sheen: rgba(255, 255, 255, 0.2);
--zl-shadow-panel: inset 0 1px 0 rgba(247, 239, 228, 0.08), 0 1px 2px rgba(0, 0, 0, 0.3),
0 28px 56px -20px rgba(0, 0, 0, 0.7);
--zl-shadow-card: inset 0 1px 0 rgba(247, 239, 228, 0.07), 0 1px 2px rgba(0, 0, 0, 0.3),
0 14px 28px -12px rgba(0, 0, 0, 0.6);
--zl-shadow-pop: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
--zl-chart-1: #fece61;
--zl-chart-2: #4b979b;
--zl-chart-3: #fda869;
--zl-chart-4: #f7efe4;
--zl-chart-5: #b69f7a;
--zl-chart-6: #d9c39a;
--zl-chart-grid: rgba(247, 239, 228, 0.1);
--zl-chart-axis: #b9ab96;
--zl-chart-shadow: rgba(0, 0, 0, 0.6);
--zl-donut-gap: rgba(40, 37, 32, 0.9);
color-scheme: dark;
}
}

.zl-light{
--zl-brown: #27241f;
--zl-cream: #f7efe4;
--zl-gold: #e0a82e;
--zl-gold-light: #f6cf73;
--zl-chrome-negative: #ee8273;
--zl-chrome-negative-text: #f6a196;
--zl-switch-knob: #fffaf3;
--zl-login-glass-light: rgba(255, 251, 245, 0.38);
--zl-login-glass-dark: rgba(39, 36, 31, 0.7);
--zl-font: var(--font-nunito-sans), system-ui, sans-serif;
--zl-weight-heading: 900;
--zl-weight-body: 500;
--zl-weight-small: 400;
--zl-tracking-heading: -0.01em;
--zl-text-body: 0.9375rem;
--zl-text-small: 0.8125rem;
--zl-text-cap: 0.8125rem;
--zl-text-title: 1.25rem;
--zl-text-figure-sm: 1.5rem;
--zl-text-figure: 1.75rem;
--zl-text-h1: 1.875rem;
--zl-text-card-title: 1rem;
--zl-radius-panel: 1.5rem;
--zl-radius-card: 1rem;
--zl-radius-control: 0.625rem;
--zl-radius-badge: 0.375rem;
--zl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--zl-ease-nav: cubic-bezier(0.32, 0.72, 0, 1);
--zl-glass-blur: 22px;
--zl-e-chrome-glass: rgba(39, 36, 31, 0.94);
--zl-e-chrome-edge: rgba(247, 239, 228, 0.12);
--zl-page: #f7efe4;
--zl-fg: #27241f;
--zl-fg-muted: #5a5045;
--zl-fg-subtle: #6b6052;
--zl-line: #e3d6c3;
--zl-line-strong: #cbb99f;
--zl-field: #fffaf3;
--zl-control-border: #8f7f63;
--zl-accent: #e0a82e;
--zl-accent-fg: #27241f;
--zl-accent-text: #7a5608;
--zl-focus: #7a5608;
--zl-selection: rgba(224, 168, 46, 0.35);
--zl-positive: #4e8a47;
--zl-positive-text: #285e25;
--zl-negative: #c2483d;
--zl-negative-text: #98301f;
--zl-on-negative: #ffffff;
--zl-warning: #bf6d1e;
--zl-warning-text: #8a4a10;
--zl-info: #4f7fa3;
--zl-info-text: #35607f;
--zl-glass: rgba(255, 251, 245, 0.74);
--zl-glass-strong: rgba(255, 252, 247, 0.8);
--zl-glass-dense: rgba(255, 252, 248, 0.88);
--zl-dialog: rgba(255, 252, 248, 0.9);
--zl-glass-edge: rgba(255, 255, 255, 0.75);
--zl-panel-sheen: rgba(255, 255, 255, 0.7);
--zl-shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 2px rgba(39, 36, 31, 0.06),
0 24px 48px -20px rgba(39, 36, 31, 0.32);
--zl-shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(39, 36, 31, 0.06),
0 12px 24px -12px rgba(39, 36, 31, 0.28);
--zl-shadow-pop: 0 18px 40px -12px rgba(39, 36, 31, 0.35);
--zl-chart-1: #ab730f;
--zl-chart-2: #14424b;
--zl-chart-3: #9d5019;
--zl-chart-4: #27241f;
--zl-chart-5: #574f44;
--zl-chart-6: #8f7a4c;
--zl-chart-grid: rgba(39, 36, 31, 0.12);
--zl-chart-axis: #6b6052;
--zl-chart-shadow: rgba(39, 36, 31, 0.35);
--zl-donut-gap: rgba(255, 252, 247, 0.9);
--zl-cat-salaries: var(--zl-chart-1);
--zl-cat-materials: var(--zl-chart-2);
--zl-cat-overhead: var(--zl-chart-3);
--zl-cat-machinery: var(--zl-chart-4);
--zl-cat-other: var(--zl-chart-5);
--zl-cat-other-rate: var(--zl-chart-6);
color-scheme: light;
}
.zl-dark{
--zl-brown: #27241f;
--zl-cream: #f7efe4;
--zl-gold: #e0a82e;
--zl-gold-light: #f6cf73;
--zl-chrome-negative: #ee8273;
--zl-chrome-negative-text: #f6a196;
--zl-switch-knob: #fffaf3;
--zl-login-glass-light: rgba(255, 251, 245, 0.38);
--zl-login-glass-dark: rgba(39, 36, 31, 0.7);
--zl-font: var(--font-nunito-sans), system-ui, sans-serif;
--zl-weight-heading: 900;
--zl-weight-body: 500;
--zl-weight-small: 400;
--zl-tracking-heading: -0.01em;
--zl-text-body: 0.9375rem;
--zl-text-small: 0.8125rem;
--zl-text-cap: 0.8125rem;
--zl-text-title: 1.25rem;
--zl-text-figure-sm: 1.5rem;
--zl-text-figure: 1.75rem;
--zl-text-h1: 1.875rem;
--zl-text-card-title: 1rem;
--zl-radius-panel: 1.5rem;
--zl-radius-card: 1rem;
--zl-radius-control: 0.625rem;
--zl-radius-badge: 0.375rem;
--zl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--zl-ease-nav: cubic-bezier(0.32, 0.72, 0, 1);
--zl-glass-blur: 22px;
--zl-e-chrome-glass: rgba(39, 36, 31, 0.94);
--zl-e-chrome-edge: rgba(247, 239, 228, 0.12);
--zl-page: #f7efe4;
--zl-fg: #27241f;
--zl-fg-muted: #5a5045;
--zl-fg-subtle: #6b6052;
--zl-line: #e3d6c3;
--zl-line-strong: #cbb99f;
--zl-field: #fffaf3;
--zl-control-border: #8f7f63;
--zl-accent: #e0a82e;
--zl-accent-fg: #27241f;
--zl-accent-text: #7a5608;
--zl-focus: #7a5608;
--zl-selection: rgba(224, 168, 46, 0.35);
--zl-positive: #4e8a47;
--zl-positive-text: #285e25;
--zl-negative: #c2483d;
--zl-negative-text: #98301f;
--zl-on-negative: #ffffff;
--zl-warning: #bf6d1e;
--zl-warning-text: #8a4a10;
--zl-info: #4f7fa3;
--zl-info-text: #35607f;
--zl-glass: rgba(255, 251, 245, 0.74);
--zl-glass-strong: rgba(255, 252, 247, 0.8);
--zl-glass-dense: rgba(255, 252, 248, 0.88);
--zl-dialog: rgba(255, 252, 248, 0.9);
--zl-glass-edge: rgba(255, 255, 255, 0.75);
--zl-panel-sheen: rgba(255, 255, 255, 0.7);
--zl-shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 2px rgba(39, 36, 31, 0.06),
0 24px 48px -20px rgba(39, 36, 31, 0.32);
--zl-shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(39, 36, 31, 0.06),
0 12px 24px -12px rgba(39, 36, 31, 0.28);
--zl-shadow-pop: 0 18px 40px -12px rgba(39, 36, 31, 0.35);
--zl-chart-1: #ab730f;
--zl-chart-2: #14424b;
--zl-chart-3: #9d5019;
--zl-chart-4: #27241f;
--zl-chart-5: #574f44;
--zl-chart-6: #8f7a4c;
--zl-chart-grid: rgba(39, 36, 31, 0.12);
--zl-chart-axis: #6b6052;
--zl-chart-shadow: rgba(39, 36, 31, 0.35);
--zl-donut-gap: rgba(255, 252, 247, 0.9);
--zl-cat-salaries: var(--zl-chart-1);
--zl-cat-materials: var(--zl-chart-2);
--zl-cat-overhead: var(--zl-chart-3);
--zl-cat-machinery: var(--zl-chart-4);
--zl-cat-other: var(--zl-chart-5);
--zl-cat-other-rate: var(--zl-chart-6);
--zl-page: #1e1c18;
--zl-fg: #f7efe4;
--zl-fg-muted: #dacfbc;
--zl-fg-subtle: #b9ab96;
--zl-line: rgba(247, 239, 228, 0.12);
--zl-line-strong: rgba(247, 239, 228, 0.26);
--zl-field: rgba(247, 239, 228, 0.06);
--zl-control-border: #8e8577;
--zl-accent: #e0a82e;
--zl-accent-fg: #27241f;
--zl-accent-text: #e0a82e;
--zl-focus: #e0a82e;
--zl-selection: rgba(224, 168, 46, 0.4);
--zl-positive: #7fbf74;
--zl-positive-text: #a3dc97;
--zl-negative: #ee8273;
--zl-negative-text: #f6a196;
--zl-on-negative: #1e1c18;
--zl-warning: #f0a35a;
--zl-warning-text: #f9c58c;
--zl-info: #8db7d8;
--zl-info-text: #a6c9e6;
--zl-glass: rgba(39, 36, 31, 0.78);
--zl-glass-strong: rgba(44, 40, 34, 0.84);
--zl-glass-dense: rgba(36, 33, 28, 0.88);
--zl-dialog: rgba(40, 37, 32, 0.92);
--zl-glass-edge: rgba(247, 239, 228, 0.12);
--zl-panel-sheen: rgba(255, 255, 255, 0.2);
--zl-shadow-panel: inset 0 1px 0 rgba(247, 239, 228, 0.08), 0 1px 2px rgba(0, 0, 0, 0.3),
0 28px 56px -20px rgba(0, 0, 0, 0.7);
--zl-shadow-card: inset 0 1px 0 rgba(247, 239, 228, 0.07), 0 1px 2px rgba(0, 0, 0, 0.3),
0 14px 28px -12px rgba(0, 0, 0, 0.6);
--zl-shadow-pop: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
--zl-chart-1: #fece61;
--zl-chart-2: #4b979b;
--zl-chart-3: #fda869;
--zl-chart-4: #f7efe4;
--zl-chart-5: #b69f7a;
--zl-chart-6: #d9c39a;
--zl-chart-grid: rgba(247, 239, 228, 0.1);
--zl-chart-axis: #b9ab96;
--zl-chart-shadow: rgba(0, 0, 0, 0.6);
--zl-donut-gap: rgba(40, 37, 32, 0.9);
color-scheme: dark;
color-scheme: dark;
}


.zl-login-bg{
--zl-bg-top: #f7efe4;
--zl-bg-bottom: #e0a82e;
--zl-bg-speed: 0.5;
--zl-bg-page-light: #f7efe4;
--zl-bg-page-dark: #1e1c18;
--zl-bg-page: var(--zl-bg-page-light);
position: absolute;
inset: 0;
overflow: hidden;
isolation: isolate;
pointer-events: none;
background: var(--zl-bg-page);
}
.zl-login-bg--fixed{
position: fixed;
z-index: -1;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .zl-login-bg:not([data-theme="light"]){
--zl-bg-page: var(--zl-bg-page-dark);
}
}
:root[data-theme="dark"] .zl-login-bg:not([data-theme="light"]),
.zl-login-bg[data-theme="dark"]{
--zl-bg-page: var(--zl-bg-page-dark);
}
.zl-login-glass{
border-radius: 1.75rem;
border: 1px solid rgba(255, 255, 255, 0.6);
background: rgba(255, 251, 245, 0.38);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.35),
0 30px 60px -24px rgba(0, 0, 0, 0.55);
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .zl-login-glass{
border-color: rgba(255, 255, 255, 0.12);
background: rgba(39, 36, 31, 0.7);
}
}
:root[data-theme="dark"] .zl-login-glass{
border-color: rgba(255, 255, 255, 0.12);
background: rgba(39, 36, 31, 0.7);
}


@font-face{font-family:"Nunito Sans";font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito Sans";font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
--font-nunito-sans:"Nunito Sans";
--fs-h1:2rem;--fs-h2:1.5rem;--fs-h3:1.125rem;--fs-body:1rem;--fs-cap:.875rem;
--m:16px;--max:1320px;--hdr:80px;
--gap-major:clamp(44px,4.4vw,64px);
--ink:var(--zl-fg);--ink-soft:var(--zl-fg-muted);--line:var(--zl-line);--gold:var(--zl-gold);
--hair:color-mix(in srgb,var(--zl-gold) 34%,transparent);
--bezel:#211e1a;--globe-dot:#9c6f0c;--globe-arc:#7a5608;--globe-accent:#e0a82e;--globe-a0:1;
--bg-base:#f7efe4;--bg-top:#f7efe4;
--pp:clamp(16px,2.4vw,32px);
color-scheme:light;
}
@media (min-width:720px){:root{--fs-h1:3rem;--fs-h2:2rem;--fs-h3:1.25rem;--fs-body:1.0625rem;--m:clamp(24px,3.2vw,40px)}}
@media (min-width:1200px){:root{--fs-h1:clamp(3rem,2.2vw + 1.5rem,3.5rem)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bezel:#38332c;--globe-dot:#e0a82e;--globe-arc:#e0a82e;--globe-a0:.18;--bg-base:#1e1c18;--bg-top:#1e1c18;color-scheme:dark}}
:root[data-theme="dark"]{--bezel:#38332c;--globe-dot:#e0a82e;--globe-arc:#e0a82e;--globe-a0:.18;--bg-base:#1e1c18;--bg-top:#1e1c18;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg-base);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--hdr) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100svh;background:transparent;color:var(--ink);font:400 var(--fs-body)/1.6 "Nunito Sans",system-ui,sans-serif;overflow-x:clip;font-synthesis:none;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
h1,h2,h3,p,ul,ol{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.012em;line-height:1.18;text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:1.1;letter-spacing:-.02em}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);letter-spacing:-.005em;line-height:1.3}
p{text-wrap:pretty}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em;text-decoration-color:var(--gold)}
::selection{background:var(--zl-selection);color:var(--ink)}
:focus-visible{outline:2px solid var(--zl-focus);outline-offset:2px}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--bg-base);padding:10px 16px;font-weight:600;font-size:var(--fs-cap);text-decoration:none;border-radius:var(--zl-radius-control)}
.skip:focus{top:12px}
.only-dark{display:none!important}
:root[data-theme="dark"] .only-dark{display:block!important}:root[data-theme="dark"] .only-light{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .only-dark{display:block!important}:root:not([data-theme="light"]) .only-light{display:none!important}}
main{display:block}
section{position:relative}
.site-bg[data-no-webgl]{background:var(--zl-bg-page) url(/brand/login-background/still-wide-light.jpg) center / cover no-repeat}
:root[data-theme="dark"] .site-bg[data-no-webgl]{background-image:url(/brand/login-background/still-wide-dark.jpg)}
@media (orientation:portrait){.site-bg[data-no-webgl]{background-image:url(/brand/login-background/still-tall-light.jpg)}:root[data-theme="dark"] .site-bg[data-no-webgl]{background-image:url(/brand/login-background/still-tall-dark.jpg)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-bg[data-no-webgl]{background-image:url(/brand/login-background/still-wide-dark.jpg)}}
.site-bg{bottom:auto;height:100vh;height:100lvh;transform:translateZ(0);contain:strict}
.site-bg canvas{will-change:transform}
.cnav-bar,.cnav-panel,.dbar-in,.hero-copy,.flow::before,.mods-panel,.tcs::before,.globe::before,.price::before,.demo-card,.foot-in,.page-glass{
background:var(--zl-glass);-webkit-backdrop-filter:blur(var(--zl-glass-blur)) saturate(140%);backdrop-filter:blur(var(--zl-glass-blur)) saturate(140%);
border:1px solid var(--zl-glass-edge);box-shadow:var(--zl-shadow-panel)}
.btn{--h:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--h);padding:0 22px;border:0;border-radius:var(--zl-radius-control);background:var(--gold);color:var(--zl-accent-fg);font-weight:600;font-size:var(--fs-body);line-height:1.2;text-decoration:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background-color .2s ease,transform .16s var(--zl-ease-out)}
.btn:active{transform:translateY(1px)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--zl-gold-light)}}
.btn--sm{--h:40px;padding:0 16px;font-size:var(--fs-cap)}
.btn[disabled]{opacity:.6;cursor:progress}
.cnav{position:sticky;top:0;z-index:30;padding:10px max(var(--m),env(safe-area-inset-right)) 0 max(var(--m),env(safe-area-inset-left))}
.cnav-bar{position:relative;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"burger logo act";align-items:center;gap:6px 10px;min-height:64px;padding:8px;border-radius:var(--zl-radius-panel)}
.cnav-burger{grid-area:burger;justify-self:start;display:flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:0 10px;background:none;border:0;border-radius:var(--zl-radius-control);cursor:pointer;color:var(--ink);font-weight:600;font-size:var(--fs-cap);touch-action:manipulation;transition:background-color .2s ease}
.cnav-burger i{display:block;width:22px;height:2px;background:currentColor;transition:transform .25s var(--zl-ease-out)}
.cnav-burger i+i{margin-left:-32px;transform:translateY(6px)}
.cnav-burger i:first-child{transform:translateY(-3px)}
.cnav.is-open .cnav-burger i:first-child{transform:translateY(1px) rotate(45deg)}
.cnav.is-open .cnav-burger i+i{transform:translateY(1px) rotate(-45deg)}
.cnav .wordmark{grid-area:logo;justify-self:center;padding:6px 0;display:block}
.cnav .wordmark img{width:clamp(150px,15vw,200px);height:auto}
.cnav-act{grid-area:act;justify-self:end;display:flex;align-items:center;gap:8px}
.cnav-tools{display:flex;align-items:center;gap:8px}
.cnav-app{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--zl-radius-control);color:var(--ink);font-weight:600;font-size:var(--fs-cap);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}
.cnav-app-s{display:none}
.theme{width:40px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:var(--zl-radius-control);cursor:pointer;color:var(--ink);touch-action:manipulation;transition:background-color .2s ease}
.theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.theme .i-sun{display:none}
:root[data-theme="dark"] .theme .i-sun{display:block}:root[data-theme="dark"] .theme .i-moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .i-sun{display:block}:root:not([data-theme="light"]) .theme .i-moon{display:none}}
.lang{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--line);border-radius:var(--zl-radius-control)}
.lang a{min-width:38px;min-height:34px;display:grid;place-items:center;padding:0 8px;font-size:var(--fs-cap);font-weight:600;text-decoration:none;color:var(--ink-soft);border-radius:calc(var(--zl-radius-control) - 3px);transition:background-color .2s ease,color .2s ease}
.lang a[aria-current]{background:var(--ink);color:var(--bg-base)}
@media (hover:hover) and (pointer:fine){
.theme:hover,.cnav-burger:hover,.cnav-app:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.lang a:not([aria-current]):hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}
}
.theme:active,.cnav-burger:active,.cnav-app:active,.lang a:active,.cnav-panel>a:active{background:color-mix(in srgb,var(--ink) 14%,transparent)}
.cnav-panel{max-width:var(--max);margin:8px auto 0;display:flex;flex-wrap:wrap;gap:4px 32px;padding:16px clamp(20px,3vw,40px);border-radius:var(--zl-radius-panel);background:color-mix(in srgb,var(--zl-page) 96%,transparent)}
.cnav-panel>a{font-size:var(--fs-body);font-weight:600;text-decoration:none;padding:10px 0;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.cnav-panel>a:hover{text-decoration:underline;text-decoration-color:var(--gold)}}
html.js .cnav-panel{position:absolute;top:100%;left:max(var(--m),env(safe-area-inset-left));right:auto;min-width:min(420px,calc(100vw - 2 * var(--m)));transform-origin:24px 0;opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}
html.js .cnav.is-open .cnav-panel{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .2s var(--zl-ease-out),transform .2s var(--zl-ease-out)}
@media (min-width:1200px){html.js .cnav-panel{left:max(calc((100vw - var(--max)) / 2),var(--m))}}
.cnav-ptools{display:none}
.theme--txt{width:auto;display:inline-flex;gap:8px;padding:0 12px;font-size:var(--fs-cap);font-weight:600}
@media (max-width:1179px){.cnav-app-l{display:none}.cnav-app-s{display:inline}.cnav-label{display:none}}
@media (min-width:761px) and (max-width:1079px){
.cnav-bar{grid-template-areas:"burger logo app" "tools demo demo";padding:6px 8px}
.cnav-act{display:contents}
.cnav-app{grid-area:app;justify-self:end}
.cnav-tools{grid-area:tools;justify-self:start}
.cnav-demo{grid-area:demo;justify-self:end}
}
@media (max-width:760px){
.cnav{height:calc(60px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))}
.cnav-bar{grid-template-areas:"burger logo app";min-height:0;height:54px;column-gap:8px;padding:0 8px;border-radius:var(--zl-radius-card);transition:height .2s var(--zl-ease-out)}
.cnav.is-small .cnav-bar{height:46px}
.cnav::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(34px + env(safe-area-inset-top));background:linear-gradient(var(--bg-top) 40%,transparent);pointer-events:none;z-index:-1}
.cnav-act{display:contents}
.cnav-tools,.cnav-demo{display:none}
.cnav-burger{padding:0;width:44px;height:44px}
.cnav .wordmark{padding:0;display:flex;align-items:center;min-height:44px}
.cnav .wordmark img{width:clamp(136px,calc(100vw - 184px),150px)}
.cnav-app{grid-area:app;justify-self:end;position:relative;min-height:38px;height:38px;padding:0 12px;border-radius:calc(var(--zl-radius-card) - 6px)}
.cnav-app::after{content:"";position:absolute;inset:-4px}
.cnav-ptools{display:flex;flex-basis:100%;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:6px}
.cnav-ptools .theme{height:50px;border:1px solid var(--line)}
.cnav-ptools .lang a{min-height:44px;min-width:52px}
html.js .cnav-panel{left:8px;right:8px;min-width:0;flex-direction:column;flex-wrap:nowrap;margin-top:6px;padding-top:14px}
}
@media (max-width:359px){.cnav-app{padding:0 10px}.cnav-bar{column-gap:4px}}
.dbar{display:none}
@media (max-width:760px){
html.js .dbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:25;padding:0 max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));pointer-events:none;transform:translateY(calc(100% + 8px));visibility:hidden;transition:transform .2s var(--zl-ease-out),visibility 0s .2s}
html.js .dbar.is-on{transform:none;visibility:visible;transition:transform .3s var(--zl-ease-out)}
.dbar-in{padding:6px;border-radius:var(--zl-radius-panel);pointer-events:auto}
.dbar .btn{display:flex;width:100%;min-height:44px;justify-content:center}
html .mods{--vh-pin:calc(100svh - var(--hdr) - 64px - env(safe-area-inset-bottom))}
}
.hero{position:relative;z-index:2;padding:clamp(16px,3vh,40px) var(--m) 0;display:grid;justify-items:center;gap:clamp(20px,3.5vh,36px)}
.hero-copy{max-width:72rem;text-align:center;display:grid;justify-items:center;gap:16px}
.hero-copy{gap:10px}
.hero-copy h1{max-width:30ch;font-size:1.6875rem;line-height:1.14;text-transform:uppercase;letter-spacing:.02em}
@media (min-width:720px){.hero-copy h1{font-size:2rem}}
@media (min-width:1200px){.hero-copy h1{font-size:clamp(2.25rem,3.75vw - .75rem,2.75rem)}}
@media (max-width:374px){.hero-copy h1{font-size:1.625rem;letter-spacing:.01em}}
.hero-sub{color:var(--ink-soft);max-width:52ch}
.fey{--n:7;--fstep:.17;--fsh:.4;--fov:.14;--hs:1.36;--fw:calc(var(--hs) + (var(--n) - 1) * var(--fstep) + var(--fsh) + var(--fov));
--cw:min(540px,calc((100vw - 2 * var(--m)) / var(--fw)));
--fc:.3;--sp:calc(var(--cw) * var(--fstep));--shift:calc(var(--cw) * var(--fsh));--ch:calc(var(--cw) * .625);--lift:14px;--grow:calc(var(--ch) * (var(--hs) - 1) / 2);
position:relative;width:calc(var(--cw) * var(--fw));max-width:100%;height:calc(var(--ch) + var(--lift) + var(--grow) * 2 + 20px)}
.fey-persp{position:absolute;inset:0;perspective:1500px;perspective-origin:30% 40%}
.fey-card{position:absolute;top:calc(var(--lift) + var(--grow) + 6px);left:calc(var(--i) * var(--sp) + var(--cw) * var(--fc));width:var(--cw);height:var(--ch);container-type:inline-size;border-radius:12px;overflow:hidden;box-shadow:var(--zl-shadow-pop);
z-index:calc(10 - var(--i));transform-origin:0 50%;transform:translateX(var(--dx,0px)) translateY(var(--dy,0px)) rotateY(var(--ry,-24deg)) scale(var(--sc,1));transition:transform .55s var(--zl-ease-out);cursor:default}
.fey.has-on .fey-card:not(.is-on){--sc:.97}
.fey.has-on .fey-card.is-after{--dx:var(--shift)}
.fey-card.is-on{--ry:0deg;--dy:calc(var(--lift) * -1);--sc:var(--hs);z-index:20}
@media (prefers-reduced-motion:no-preference){html.js:not(.motion-off) .fey-card{animation:feyIn .9s var(--zl-ease-out) backwards;animation-delay:calc(var(--i) * 60ms + 120ms)}}
@keyframes feyIn{from{opacity:0;transform:translateX(calc(var(--i) * var(--sp) * -1)) rotateY(-24deg)}}
@media (max-width:1023px){.fey{--fstep:.14;--fsh:.32;--hs:1.24}}
.fan-dots{display:none;justify-content:center;gap:8px;margin-top:4px}
.fan-dots i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background-color .3s ease,transform .3s var(--zl-ease-out)}
.fan-dots i.on{background:var(--gold);transform:scale(1.3)}
@media (hover:none){.fey+.fan-dots{display:flex}}
.mods{--step:62svh;--vh-pin:calc(100svh - var(--hdr));padding:0;margin-top:var(--gap-major)}
.mods-stage{max-width:calc(var(--max) + 2 * var(--m));margin:0 auto;padding:0 var(--m)}
.mon{position:relative;padding:clamp(6px,.8vw,11px);border-radius:clamp(10px,1.1vw,16px);background:var(--bezel);box-shadow:var(--zl-shadow-pop),inset 0 0 0 1px color-mix(in srgb,var(--zl-gold) 30%,transparent)}
.mon-scr{position:relative;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;border-radius:clamp(4px,.45vw,7px);background:var(--zl-page)}
.mon-foot{display:block;width:24%;height:clamp(12px,1.6vw,24px);margin:0 auto;background:linear-gradient(180deg,color-mix(in srgb,var(--bezel) 85%,transparent),var(--bezel));clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);opacity:.85}
.mods-rail,.mods-prog,.mods-dev{display:none}
.mod{display:grid;gap:20px;margin:0 auto 64px;max-width:1080px}
.mod:last-child{margin-bottom:0}
.mod-text{max-width:36rem}
.mod-num{font-size:var(--fs-cap);font-weight:400;letter-spacing:.06em;color:var(--zl-accent-text);font-variant-numeric:tabular-nums}
.mod-text h3{font-size:var(--fs-h2);margin-top:6px}
.mod-text p:not(.mod-num){margin-top:10px;color:var(--ink)}
.mod-text ul{list-style:none;padding:0;margin-top:14px;display:grid;gap:8px}
.mod-text li{position:relative;padding-left:22px;color:var(--ink-soft)}
.mod-text ul.mod-tags{display:flex;flex-wrap:wrap;gap:8px}
.mod-text ul.mod-tags li{padding:3px 10px;border:1px solid var(--hair);border-radius:var(--zl-radius-control);font-size:var(--fs-cap);color:var(--ink)}
.mod-text ul.mod-tags li::before{display:none}
.mod-text li::before{content:"";position:absolute;left:0;top:.8em;width:12px;height:2px;border-radius:2px;background:var(--gold)}
@media (min-width:900px){.mod{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:48px}}
.mods.is-pinned .mods-track{height:calc(var(--vh-pin) + 9 * var(--step))}
.mods.is-pinned .mods-stage{position:sticky;top:var(--hdr);height:var(--vh-pin);display:grid;grid-template-columns:184px minmax(0,820px) 300px;grid-template-areas:"rail dev text";column-gap:36px;align-items:center;align-content:center;justify-content:center}
.mods.is-pinned .mods-list,.mods.is-pinned .mod{display:contents}
.mods.is-pinned .mods-dev{display:block;grid-area:dev}
.mods.is-pinned .mods-rail{display:block}
.mods.is-pinned .mods-dev .mon-scr{background:var(--zl-page)}
.mods.is-pinned .mod-dev{grid-area:dev;position:relative;z-index:1}
.mods.is-pinned .mod-dev .mon{background:none;box-shadow:none}
.mods.is-pinned .mod-dev .mon-foot{visibility:hidden}
.mods.is-pinned .mod-text{grid-area:text;align-self:start;padding-top:8px}
.mods.is-pinned .mod-dev,.mods.is-pinned .mod-text{opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.mods.is-pinned .mod-dev{transform:translateY(8px)}
.mods.is-pinned .mod-text{transform:translateY(8px)}
.mods.is-pinned .mod.is-on>.mod-dev,.mods.is-pinned .mod.is-on>.mod-text{opacity:1;transform:none;pointer-events:auto;z-index:2}
.mods.is-pinned .mod.is-on>.mod-dev{transition:opacity .45s var(--zl-ease-out),transform .5s var(--zl-ease-out)}
.mods.is-pinned .mod.is-on>.mod-text{transition:opacity .35s var(--zl-ease-out) .08s,transform .45s var(--zl-ease-out) .08s}
.mods-rail{grid-area:rail;align-self:center;padding:14px 10px;border-radius:var(--zl-radius-panel);background:var(--zl-e-chrome-glass);color:var(--zl-cream);box-shadow:var(--zl-shadow-panel)}
.mods-cap{font-size:var(--fs-cap);font-weight:400;color:rgba(247,239,228,.62);padding:0 10px 8px}
.mods-rail ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mods-rail a{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:var(--zl-radius-control);font-size:var(--fs-cap);line-height:1.25;text-decoration:none;color:rgba(247,239,228,.55);transition:color .2s ease,background-color .2s ease}
.mods-rail a .zr-i{width:16px;height:16px;flex:none}
.mods-rail a.is-seen{color:color-mix(in srgb,var(--zl-gold-light) 72%,var(--zl-cream))}
.mods-rail a[aria-current]{color:var(--zl-gold-light);background:color-mix(in srgb,var(--zl-gold) 16%,transparent)}
@media (hover:hover) and (pointer:fine){.mods-rail a:hover{color:var(--zl-cream);background:rgba(247,239,228,.08)}}
.mods-rail a:focus-visible{outline-color:var(--zl-gold)}
.mods-rail a:active{background:color-mix(in srgb,var(--zl-cream) 14%,transparent)}
.mods-prog{grid-area:prog;gap:4px}
.mods-prog i{flex:1;height:3px;border-radius:2px;background:var(--line);transition:background-color .2s ease}
.mods-prog i.is-seen{background:var(--gold)}
@media (max-width:1100px){.mods.is-pinned .mods-stage{grid-template-columns:168px minmax(0,1fr) 260px;column-gap:24px}}
@media (max-width:899px){
.mods.is-pinned .mods-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"prog" "dev" "text";grid-template-rows:auto auto auto;align-content:center;row-gap:14px;padding-top:12px;padding-bottom:12px}
.mods.is-pinned .mods-rail{display:none}
.mods.is-pinned .mods-prog{display:flex}
.mods.is-pinned .mods-dev,.mods.is-pinned .mod-dev{width:100%;max-width:640px;justify-self:center}
.mods.is-pinned .mod-text{align-self:start;max-width:640px;justify-self:center;width:100%}
.mods.is-pinned .mon-foot{display:none}
}
.flow{--fl-conc-top:#e2dccf;--fl-conc-top2:#cfc7b7;--fl-conc-front:#bdb4a3;--fl-conc-side:#a9a090;--fl-sheath:rgba(224,168,46,.14);--fl-sheath-side:rgba(200,146,28,.2);
--fl-wall-f:#f4ead6;--fl-wall-f2:#e6d6b6;--fl-wall-s:#dcc9a5;--fl-wall-s2:#c9b48d;--fl-roof-a:#7a6447;--fl-roof-b:#4a3c2a;--fl-roof-back:#5b4a35;--fl-eave:#3b3022;--fl-barge:#5a4a34;
--fl-glass:#9cc2d6;--fl-glass2:#5d8aa5;--fl-door:#9a7140;--fl-door2:#6e4f2a;--fl-line:#a8770f;--fl-line-back:rgba(168,119,15,.32);
--fl-pants:#3b4656;--fl-pants-d:#28303b;--fl-jacket:#4f5b6b;--fl-jacket-d:#353e4a;--fl-vest:#f6c22b;--fl-vest-d:#e08a12;--fl-stripe:#f4f6f7;--fl-stripe-d:#b9c1c7;
--fl-hat:#ffd34d;--fl-hat-d:#d99b16;--fl-skin:#e3b48f;--fl-skin-d:#b98563;--fl-boot:#4a3a2a;--fl-boot-d:#231b13;
max-width:calc(var(--max) + 2 * var(--m));margin:var(--gap-major) auto 0;padding:0 var(--m)}
:root[data-theme="dark"] .flow{--fl-conc-top:#7a7366;--fl-conc-top2:#635d52;--fl-conc-front:#544f46;--fl-conc-side:#47423a;--fl-sheath:rgba(224,168,46,.1);--fl-sheath-side:rgba(224,168,46,.14);
--fl-wall-f:#8a7b63;--fl-wall-f2:#74674f;--fl-wall-s:#6a5d48;--fl-wall-s2:#574c3a;--fl-roof-a:#6e5a40;--fl-roof-b:#4a3c2b;--fl-roof-back:#3e3325;--fl-eave:#2a221a;--fl-barge:#4a3d2d;
--fl-glass:#6f9ab4;--fl-glass2:#3e6680;--fl-door:#7a5832;--fl-door2:#4f381e;--fl-line:#e0a82e;--fl-line-back:rgba(224,168,46,.26)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .flow{--fl-conc-top:#7a7366;--fl-conc-top2:#635d52;--fl-conc-front:#544f46;--fl-conc-side:#47423a;--fl-sheath:rgba(224,168,46,.1);--fl-sheath-side:rgba(224,168,46,.14);
--fl-wall-f:#8a7b63;--fl-wall-f2:#74674f;--fl-wall-s:#6a5d48;--fl-wall-s2:#574c3a;--fl-roof-a:#6e5a40;--fl-roof-b:#4a3c2b;--fl-roof-back:#3e3325;--fl-eave:#2a221a;--fl-barge:#4a3d2d;
--fl-glass:#6f9ab4;--fl-glass2:#3e6680;--fl-door:#7a5832;--fl-door2:#4f381e;--fl-line:#e0a82e;--fl-line-back:rgba(224,168,46,.26)}}
.flow-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:18px}
.flow-head p{margin-top:8px;max-width:62ch;color:var(--ink-soft)}
.flow-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--zl-radius-control);background:none;color:var(--ink);font:inherit;font-size:var(--fs-cap);font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,transform .16s var(--zl-ease-out)}
.flow-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.flow-pause .i-play{display:none;fill:currentColor;stroke:none}.flow-pause[data-paused] .i-play{display:block}.flow-pause[data-paused] .i-pause{display:none}
.flow-pause:active{transform:translateY(1px);background:color-mix(in srgb,var(--ink) 14%,transparent)}
@media (hover:hover) and (pointer:fine){.flow-pause:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}}
.flow-pause[hidden]{display:none}
.fl-stage{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:stretch}
.fl-site{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;border-radius:var(--zl-radius-panel)}
.fl-site-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.fl-site-h small{display:block;font-size:var(--fs-cap);color:var(--ink-soft)}.fl-site-h b{font-weight:600}
.fl-pill{padding:3px 12px;border:1px solid var(--hair);border-radius:var(--zl-radius-control);font-size:var(--fs-cap);font-weight:600;white-space:nowrap}
.fl-scene{position:relative;flex:1;display:flex;align-items:center;min-height:0}
.fl-svg-house{display:block;width:100%;height:auto;overflow:visible;will-change:transform}
.fl-grid{fill:none;stroke:var(--fl-line-back);stroke-width:.8;opacity:.6}
.fl-ln{fill:none;stroke:var(--fl-line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.fl-ln--back{stroke:var(--fl-line-back)}
.fl-rebar{fill:none;stroke:var(--fl-line-back);stroke-width:.7}
.fl-siding{fill:none;stroke:rgba(60,40,10,.12);stroke-width:.8}
.fl-shingle{fill:none;stroke:rgba(0,0,0,.22);stroke-width:.9}
.fl-trim{fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.3}
.fl-shine{fill:rgba(255,255,255,.42)}
.fl-knob{fill:var(--fl-line)}
.fl-phone{position:absolute;left:0;bottom:0;width:clamp(170px,36%,200px);padding:7px;border-radius:24px;background:var(--bezel);box-shadow:var(--zl-shadow-card)}
.fl-phone-scr{display:flex;flex-direction:column;gap:6px;height:250px;overflow:hidden;padding:10px;border-radius:18px;background:var(--zl-page);color:var(--zl-fg);font-size:12px;line-height:1.3}
.fl-ph-top{display:flex;justify-content:space-between;margin:0;font-size:12px}.fl-ph-top b{font-size:13px}
.fl-ph-body{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;flex:1;align-content:start;min-width:0}
.fl-ph-body .fl-f{display:flex;flex-direction:column;padding:4px 7px;border-radius:8px;background:var(--zl-glass-strong)}
.fl-ph-body .fl-f small{font-size:11px;color:var(--zl-fg-muted)}.fl-ph-body .fl-f b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-ph-body .fl-snap{height:22px;border-radius:6px;background:repeating-linear-gradient(180deg,#fbf8f1 0 5px,#e6dfd2 5px 6px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.fl-ph-btn{display:block;padding:6px 0;border-radius:9px;background:var(--zl-gold);color:var(--zl-accent-fg);text-align:center;font-size:13px;font-weight:800;transition:transform .12s var(--zl-ease-out)}
.fl-ph-btn.is-ok{background:#3d7a37;color:#fff}.fl-ph-btn.is-press{transform:translateY(1px)}
.fl-caps{display:grid;min-width:0}
.fl-cap{grid-area:1 / 1;margin:0;min-width:0;font-size:var(--fs-cap);line-height:1.45;color:var(--ink-soft);visibility:hidden;opacity:0;transition:opacity .18s ease,visibility 0s .18s}
.fl-cap.is-on{visibility:visible;opacity:1;transition:opacity .18s ease .18s,visibility 0s .18s}
@media (min-width:1100px){.fl-caps{order:3}}
.fl-app{min-width:0;display:flex;align-items:center}
.fl-app-desk{width:100%}.fl-app-desk .mon-foot{display:none}
.fl-app-ph{display:none;width:100%}
.fl-tok{position:absolute;left:0;top:0;z-index:6;padding:6px 11px;border-radius:999px;background:var(--gold);color:var(--zl-accent-fg);font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 22px -8px rgba(120,80,0,.6);pointer-events:none;opacity:0}
.fl-tok--r{background:var(--zl-fg);color:var(--zl-page)}
.mon-scr .zr-box.fl-box{font-size:1.32em;gap:.7em}
.fl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em}
.fl-kpi{display:flex;flex-direction:column;gap:0;padding:.42em .85em}.fl-box .fl-kpi small{font-size:1em}.fl-kpi b{font-size:1.5em;white-space:nowrap}
.fl-kpi--profit b{color:var(--zl-positive-text)}
.fl-kpi--profit.is-result,.fl-gcard.is-result{box-shadow:0 0 0 .18em color-mix(in srgb,var(--zl-gold) 60%,transparent)}
.fl-mid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:.8em;min-height:0}
.fl-rows{display:flex;flex-direction:column;justify-content:space-around;gap:.05em;padding:.3em .6em}
.fl-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n m" "b c";align-items:center;gap:.15em .8em;padding:.22em .6em;border-radius:var(--zl-radius-control);border:1px solid transparent;transition:border-color .25s ease,box-shadow .25s ease}
.fl-row.is-active{border-color:color-mix(in srgb,var(--zl-gold) 70%,transparent)}
.fl-delta{position:absolute;z-index:3;top:50%;left:50%;padding:.25em .7em;border-radius:999px;background:var(--zl-gold);color:var(--zl-accent-fg);font-size:1.15em;font-weight:800;white-space:nowrap;box-shadow:0 .4em 1em -.4em rgba(120,80,0,.55);opacity:0;transform:translate(-50%,calc(-50% + 4px));transition:opacity .2s ease,transform .3s var(--zl-ease-out);pointer-events:none}
.fl-delta.is-on{opacity:1;transform:translate(-50%,-50%)}
.fl-row.is-hit{box-shadow:0 0 0 .2em color-mix(in srgb,var(--zl-gold) 35%,transparent)}
.fl-rname{grid-area:n;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-rh{grid-area:b;display:flex;align-items:center;gap:.6em;min-width:0}.fl-rh .fl-bar{flex:1;min-width:2em}.fl-box .fl-rh small{flex:none;line-height:1.15;font-size:1.2em;color:var(--zl-fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.fl-bar{position:relative;display:block;height:.55em;border-radius:.3em;background:var(--zl-line)}
.fl-bar i{position:absolute;inset:0;border-radius:inherit;background:var(--zl-gold);transform-origin:0 50%;transform:scaleX(var(--v,1))}
.fl-bar i.is-over{background:var(--zl-negative)}
.fl-bar em{position:absolute;top:-.2em;bottom:-.2em;width:2px;margin-left:-1px;background:var(--zl-fg);opacity:.5}
.fl-rm{grid-area:m;font-size:1.2em;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fl-box .fl-row .zr-chip{grid-area:c;justify-self:end;font-size:1.2em}
.fl-appr{display:flex;flex-direction:column;gap:.5em;padding:.8em 1em;min-width:0}
.fl-appr-list{display:grid;gap:.45em}
.fl-ai{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.1em .6em;padding:.45em .6em;border-radius:var(--zl-radius-control);background:var(--zl-glass-strong);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .3s var(--zl-ease-out)}
.fl-ai.is-in{opacity:1;transform:none}.fl-ai.is-out{opacity:0;transform:translateX(10px)}
.fl-ai b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-box .fl-ai b{font-size:1.2em}.fl-ai small{grid-column:1;font-size:1em;color:var(--zl-fg-muted)}
.fl-ai .zr-chip,.fl-ai .zp-chip{grid-row:1 / 3;grid-column:2}.fl-box .fl-ai .zr-chip{font-size:1.2em}
.fl-appr-list{position:relative}.fl-ai-empty{position:absolute;inset:0 auto auto 0;margin:0;font-size:1.05em;color:var(--zl-fg-muted);opacity:0;transition:opacity .2s ease}.fl-ai-empty.is-in{opacity:1}
.fl-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em}
.fl-chart{display:flex;flex-direction:column;gap:.3em;padding:.5em .8em;min-width:0}.fl-box .fl-chart small{font-size:1em}
.fl-svg text{fill:var(--zl-fg-muted);font-size:9px;font-family:inherit}
.fl-axis,.fl-gridl{stroke:var(--zl-line);stroke-width:.8}
.fl-bp{fill:none;stroke:var(--zl-fg-muted);stroke-width:1.1;stroke-dasharray:3 2}
.fl-bf{fill:var(--zl-gold);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--k,1))}
.fl-bf--over{fill:var(--zl-negative)}
.fl-lp{fill:none;stroke:var(--zl-fg-muted);stroke-width:1.3;stroke-dasharray:4 3}
.fl-lf{fill:none;stroke:var(--zl-gold);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.fl-la{fill:var(--zl-gold);fill-opacity:.16}.fl-ld{fill:var(--zl-gold)}
.fl-grow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.4em}.fl-gauge{width:100%}
.fl-needle{transform-box:view-box;transform-origin:100px 92px;transform:rotate(var(--ang))}
.fl-needle path,.fl-needle circle{fill:var(--zl-fg)}
.fl-margin{display:block;padding-bottom:.15em;font-size:1.5em;white-space:nowrap}
.pfr--auto .pfr-scr{aspect-ratio:auto}
.fl-prow{position:relative;padding:8px 12px}
.fl-prow:not(.is-active) .fl-bar{display:none}
.fl-prow .fl-delta{font-size:13px;top:auto;bottom:6px;left:auto;right:10px;transform:translateY(4px)}.fl-prow .fl-delta.is-on{transform:none}
.fl-prow-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0}.fl-prow-h b{font-size:14px}
.fl-prow .fl-bar{height:7px;margin:7px 0 5px}
.fl-prow-v{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0}.fl-prow-v b{font-size:14px}
.fl-prow.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--zl-gold) 60%,transparent)}
.fl-app-ph .fl-appr{padding:10px 12px}.fl-app-ph .fl-ai{padding:6px 8px}.fl-app-ph .fl-ai b{font-size:13px}.fl-app-ph .fl-ai small{font-size:11px}.fl-app-ph .fl-ai-empty{font-size:12px}
.fl-body{transform-box:view-box;transform-origin:36px 130px;animation:fl-sway 3.6s ease-in-out infinite}
@keyframes fl-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(1.4deg) translateX(.6px)}}
.flow.is-off .fl-body{animation-play-state:paused}
.fl-arm{transform-box:view-box;transform-origin:49px 50px;transform:rotate(30deg);transition:transform .32s var(--zl-ease-out)}
.fl-worker.is-phone .fl-arm{transform:rotate(-6deg)}
.fl-worker.is-phone.is-tap .fl-arm{transform:rotate(-3deg) translateY(1px)}
.fl-worker.is-photo .fl-arm{transform:rotate(-30deg)}
.fl-arm2{transform-box:view-box;transform-origin:21px 50px;transition:transform .35s var(--zl-ease-out)}.fl-worker.is-rc .fl-arm2{transform:rotate(-62deg)}
.fl-scr{fill:var(--zl-gold)}
.fl-worker.is-tap .fl-scr{fill:#fff}
.fl-flash{fill:#fff;opacity:0;transition:opacity .12s ease-out}
.fl-worker.is-flash .fl-flash{opacity:.95}
.fl-rc{opacity:0;transition:opacity .2s ease}.fl-worker.is-rc .fl-rc{opacity:1}
.fl-shadow{opacity:.9}
.fl-fg .fl-f b{font-size:13px}
.fl-f--big b{font-size:22px;font-variant-numeric:tabular-nums}
.fl-fg{display:grid;gap:3px}
.fl-fg .fl-f{padding:3px 7px}
.fl-f--kv{flex-direction:row !important;justify-content:space-between;align-items:baseline;gap:6px}
.fl-f--kv small{white-space:nowrap}
.fl-fg .fl-f b{opacity:0;transition:opacity .2s ease}.fl-fg .fl-f.is-on b{opacity:1}
.fl-f--sec{box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s ease}
.fl-f--sec.is-pick{box-shadow:inset 0 0 0 1.5px var(--zl-gold)}
.fl-snap{display:flex;align-items:flex-end;padding:0 6px 3px;opacity:.4;transition:opacity .2s ease}.fl-snap.is-on{opacity:1}
.fl-ai-l{font-size:11px;font-weight:800;color:#6b4600;opacity:0;transition:opacity .2s ease}.fl-ai-l.is-on{opacity:1}
.fl-done{display:grid;gap:5px;padding-top:4px}.fl-done span{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--zl-glass-strong);font-size:13px;font-weight:700}
.fl-done span::before{content:"";width:5px;height:9px;margin:0 2px 3px;border:solid var(--zl-positive-text);border-width:0 2px 2px 0;transform:rotate(45deg)}
.fl-rows .fl-bar i,.fl-prow .fl-bar i{transition:none}
.fl-app-ph .fl-appr-list{align-content:start}
@media (max-width:1099px){.fl-stage{grid-template-columns:minmax(0,1fr)}.fl-site{max-width:680px;width:100%;margin:0 auto}}
@media (max-width:760px){
.fl-app-desk{display:none}.fl-app-ph{display:block}
.fl-scene{flex-direction:column;gap:10px;overflow:hidden}
.fl-svg-house{width:148.6%;max-width:none;margin-left:-48.6%}
.fl-phone{position:static;width:min(232px,100%)}
.fl-cap{text-align:center}
.fl-app-ph .pfr{width:min(320px,100%)}
}
.fl-ai{min-height:3.3em}.fl-app-ph .fl-ai{min-height:0;height:48px}
@media (prefers-reduced-motion:reduce){.fl-row,.fl-ai,.fl-ph-btn,.flow-pause,.fl-arm,.fl-flash,.fl-rc,.fl-fg .fl-f,.fl-snap,.fl-ai-l{transition:none}.fl-body{animation:none}}
.motion-off .fl-body{animation:none}
.flow.is-off .fl-body{animation-play-state:paused}
.tcs{max-width:calc(var(--max) + 2 * var(--m));margin:var(--gap-major) auto 0;padding:0 var(--m);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px;align-items:center}
.tcs-copy p{margin-top:16px;max-width:40ch;color:var(--ink-soft)}
.tcs-copy .tcs-hint{font-size:var(--fs-cap);color:var(--ink-soft)}
.tcs{content-visibility:auto;contain-intrinsic-size:auto 640px}
.tc{position:relative;width:100%;max-width:820px;justify-self:center;padding-bottom:44px;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
.zl-light{--bezel:#211e1a}.zl-dark{--bezel:#38332c}
.tc-pane .mon{box-shadow:none}
.tc-top{position:absolute;inset:0 0 44px;clip-path:inset(0 50% 0 0)}
.tc-line{position:absolute;top:0;bottom:44px;left:50%;width:2px;margin-left:-1px;background:var(--gold);pointer-events:none}
.tc-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--zl-accent-fg);box-shadow:var(--zl-shadow-pop)}
.tc-knob svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tc-tag{position:absolute;bottom:0;min-height:32px;padding:4px 12px;border:0;border-radius:var(--zl-radius-control);font:inherit;font-size:var(--fs-cap);font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .16s var(--zl-ease-out),box-shadow .2s ease}
.tc-tag:active{transform:translateY(1px)}
@media (hover:hover) and (pointer:fine){.tc-tag:hover{box-shadow:0 0 0 2px var(--gold)}}
.tc-tag::after{content:"";position:absolute;inset:-6px -4px}
.tc-tag--l{left:0;background:var(--zl-cream);color:var(--zl-brown)}
.tc-tag--d{right:0;background:var(--zl-brown);color:var(--zl-cream)}
.tc-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.tc:has(.tc-range:focus-visible) .tc-knob{outline:2px solid var(--zl-focus);outline-offset:2px}
@media (max-width:899px){.tcs{grid-template-columns:minmax(0,1fr);gap:20px}}
.globe{max-width:calc(var(--max) + 2 * var(--m));margin:var(--gap-major) auto 0;padding:0 var(--m);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
.globe-copy p{margin-top:16px;max-width:40ch;color:var(--ink-soft)}
.globe-viz{position:relative;aspect-ratio:1;width:100%;max-width:560px;justify-self:center}
.globe-still,.globe-canvas{position:absolute;inset:0;width:100%;height:100%}
.globe-canvas{opacity:0;transition:opacity .6s ease}
.globe-viz.is-live .globe-canvas{opacity:1}
.globe-viz.is-live .globe-still{opacity:0;transition:opacity .6s ease}
@media (max-width:899px){.globe{grid-template-columns:minmax(0,1fr)}.globe-viz{max-width:420px}}
.price{max-width:calc(var(--max) + 2 * var(--m));margin:var(--gap-major) auto 0;padding:0 var(--m)}
.ps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:stretch}
.ps-l,.ps-r{display:flex;flex-direction:column;min-width:0}
.ps h2{margin-bottom:20px}
.aud{list-style:none;margin:0;padding:0;flex:1;display:grid;grid-auto-rows:1fr;gap:14px}
.aud-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:4px;padding:18px 20px;border-radius:var(--zl-radius-card)}
.ps-ic{grid-row:1 / 3;width:44px;height:44px;padding:9px;border-radius:12px;border:1px solid var(--hair);fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.aud-card h3{align-self:end}
.aud-card p{color:var(--ink-soft);font-size:var(--fs-cap);line-height:1.5}
.aud-lock{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)}
.aud-bar{position:relative;flex:1;height:12px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.aud-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 45%,transparent),transparent);transform:translateX(-100%)}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off) .price.is-in .aud-bar::after{animation:ps-shimmer 4s ease-in-out infinite}html:not(.motion-off) .price.is-in .aud-card:nth-child(2) .aud-bar::after{animation-delay:.6s}html:not(.motion-off) .price.is-in .aud-card:nth-child(3) .aud-bar::after{animation-delay:1.2s}}
@keyframes ps-shimmer{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
.aud-soon{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-cap);font-weight:600;white-space:nowrap}
.aud-lk{width:16px;height:16px;fill:none;stroke:var(--zl-accent-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aud-note{margin-top:16px;font-size:var(--fs-cap);color:var(--ink-soft)}
.aud-wrap{display:contents}
.sw-arrow{display:none;position:absolute;z-index:120;place-items:center;width:var(--s,36px);height:var(--s,36px);padding:0;border-radius:50%;border:1px solid var(--zl-glass-edge);background:var(--zl-glass-strong);box-shadow:var(--zl-shadow-card);color:var(--zl-accent-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:opacity .25s ease,visibility .25s,scale .12s var(--zl-ease-out)}
.sw-arrow::before{content:"";position:absolute;top:calc(50% - 22px);left:var(--hx,calc(50% - 22px));width:44px;height:44px}
.sw-arrow--next::before{left:auto;right:var(--hx,calc(50% - 22px))}
.sw-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sw-arrow:active{scale:.92}
.sw-arrow:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sw-arrow:disabled{opacity:0;visibility:hidden;pointer-events:none;animation:none}
.sw-arrow--prev{--out:-4px}.sw-arrow--next{--out:4px}
@keyframes sw-pulse{0%,100%{opacity:.45;transform:translateX(0)}50%{opacity:1;transform:translateX(var(--out))}}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off) .sw-arrow.is-pulse{animation:sw-pulse 1.6s ease-in-out infinite}}
.deck:not(.is-live) .sw-arrow,.price:not(.is-in) .sw-arrow{animation-play-state:paused}
.tl{position:relative;flex:1}
.tl-line{position:absolute;left:15px;top:24px;bottom:24px;width:2px;margin-left:-1px;border-radius:1px;background:var(--hair)}
.tl-line i{position:absolute;inset:0;border-radius:inherit;background:var(--gold);transform-origin:50% 0}
.tl-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;height:100%;grid-auto-rows:1fr}
.tl-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,210px);column-gap:18px;align-items:start}
.tl-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--gold);background:var(--gold);color:var(--zl-accent-fg);font-size:var(--fs-cap);font-weight:800;transition:background-color .3s ease,color .3s ease,transform .35s var(--zl-ease-out)}
.tl-txt{padding-top:3px}.tl-txt p{margin-top:6px;color:var(--ink-soft);font-size:var(--fs-cap);line-height:1.5}
.tl-pic{position:relative;height:124px;border-radius:var(--zl-radius-card);overflow:hidden;color:var(--ink)}
.ps-cta{align-self:flex-start;margin-top:20px}
.tl-anim .tl-step:not(.is-lit) .tl-dot{background:var(--zl-page);color:var(--zl-accent-text)}
.tl-form{display:grid;align-content:center;gap:7px;padding:12px 14px}
.mf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:8px}
.mf small{font-size:11px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf i{display:block;height:9px;border-radius:5px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
.mf b{display:block;height:100%;width:calc(70% + var(--d) * 8%);border-radius:inherit;background:color-mix(in srgb,var(--gold) 70%,transparent);transform-origin:0 50%;transition:transform .45s var(--zl-ease-out) calc(.2s + var(--d) * .3s)}
.mf-btn{position:relative;justify-self:end;display:grid;place-items:center;min-width:5.4em;height:22px;padding:0 10px;border-radius:7px;background:var(--gold);color:var(--zl-accent-fg);font-size:11px;font-weight:800}
.mf-btn span{transition:opacity .2s ease 1.25s}
.mf-btn em{position:absolute;width:6px;height:11px;margin-top:-3px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease 1.35s}
.tl-form .mf-btn span{opacity:0}.tl-form .mf-btn em{opacity:1}
.tl-anim .tl-step:not(.is-lit) .mf b{transform:scaleX(0)}
.tl-anim .tl-step:not(.is-lit) .mf-btn span{opacity:1}.tl-anim .tl-step:not(.is-lit) .mf-btn em{opacity:0}
.tl-lap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 14px 10px}
.lp-scr{position:relative;flex:none;width:100%;max-width:150px;aspect-ratio:16/10;padding:4px;border-radius:7px 7px 2px 2px;background:var(--bezel)}
.lp-app{display:grid;grid-template-columns:30% 1fr;grid-template-rows:auto 1fr;gap:3px;height:100%;padding:3px;border-radius:3px;background:#1b1915}
.lp-top{grid-column:1 / -1;display:flex;align-items:center;height:12px;padding:0 4px;border-radius:2px;background:#24211c}.lp-top img{width:64px;height:auto}
.lp-side{display:grid;align-content:start;gap:4px;padding:3px;border-radius:2px;background:#24211c}
.lp-side i{display:block;height:3px;border-radius:2px;background:rgba(243,229,204,.18)}.lp-side i:first-of-type{background:var(--zl-gold)}
.lp-main{display:grid;grid-template-rows:auto 1fr;gap:3px}
.lp-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.lp-kpi b{height:10px;border-radius:2px;background:rgba(243,229,204,.12)}
.lp-bars{display:flex;align-items:flex-end;gap:3px;padding:2px 3px;border-radius:2px;background:rgba(243,229,204,.06)}
.lp-bars i{flex:1;height:100%;border-radius:1px;background:var(--zl-gold);transform-origin:50% 100%;transform:scaleY(var(--h));transition:transform .5s var(--zl-ease-out) calc(.15s + var(--d) * .07s)}
.lp-call{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--zl-page);transition:transform .4s var(--zl-ease-out) .7s}
.lp-hs{width:15px;height:15px;fill:none;stroke:var(--zl-accent-fg);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-base{flex:none;width:100%;max-width:176px;height:6px;border-radius:0 0 6px 6px;background:color-mix(in srgb,var(--bezel) 80%,var(--gold))}
.tl-anim .tl-step:not(.is-lit) .lp-bars i{transform:scaleY(.06)}
.tl-anim .tl-step:not(.is-lit) .lp-call{transform:scale(.4)}
.tl-inv{display:flex;align-items:flex-end;justify-content:center}
.iv-env{position:absolute;left:18%;right:18%;bottom:10px;height:50px;border-radius:4px;background:color-mix(in srgb,var(--gold) 26%,var(--zl-page))}
.iv-card{position:relative;z-index:1;display:grid;justify-items:center;gap:3px;width:62%;margin-bottom:29px;padding:12px 10px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);background:var(--zl-page);text-align:center;transition:transform .55s var(--zl-ease-out)}
.iv-card img{width:74px;height:auto;margin-bottom:3px}
.iv-card small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--zl-accent-text)}
.iv-card b{font-size:11px;line-height:1.25;font-weight:700}
.iv-seal{position:absolute;right:-7px;top:-7px;width:18px;height:18px;border-radius:50%;border:3px solid color-mix(in srgb,var(--zl-accent-fg) 22%,var(--gold));background:var(--gold)}
.iv-front{position:absolute;z-index:2;left:18%;right:18%;bottom:10px;height:34px;border-radius:0 0 4px 4px;background:color-mix(in srgb,var(--gold) 38%,var(--zl-page));clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%)}
.tl-anim .tl-step:not(.is-lit) .iv-card{transform:translateY(46px)}
@media (max-width:1100px) and (min-width:900px){.tl-step{grid-template-columns:32px minmax(0,1fr) minmax(0,170px)}}
@media (max-width:899px){
.ps{grid-template-columns:minmax(0,1fr)}
.aud{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}
}
@media (max-width:760px){
.aud{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:0 calc(var(--m) * -1);padding:2px var(--m) 6px;scroll-padding:0 var(--m);scrollbar-width:none}
.aud::-webkit-scrollbar{display:none}
.aud{padding-bottom:40px;margin-bottom:-34px}
.aud:focus-visible{outline-offset:-2px}
.aud-card{scroll-snap-align:start}
.aud-wrap{display:block;position:relative}
.aud-wrap.is-scroll .sw-arrow{display:grid;top:calc(var(--cy,110px) - var(--s,36px) / 2)}
.aud-wrap .sw-arrow--prev{left:calc(var(--m) * -1 + 10px - var(--s,36px) / 2)}
.aud-wrap .sw-arrow--next{right:calc(var(--m) * -1 + 10px - var(--s,36px) / 2)}
.aud-wrap.is-scroll:not(.at-end) .aud{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent calc(100% - 8px));mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent calc(100% - 8px))}
.aud-wrap.is-scroll.at-end .aud{-webkit-mask-image:linear-gradient(90deg,transparent 8px,#000 52px);mask-image:linear-gradient(90deg,transparent 8px,#000 52px)}
.aud-lock{flex-wrap:wrap;row-gap:8px}.aud-bar{flex:1 1 100%}
.aud-card{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:12px;padding:16px}
.aud-card .ps-ic{grid-row:1;width:40px;height:40px;padding:8px}.aud-card h3{align-self:center}.aud-card p{grid-column:1 / -1;margin-top:6px}
.tl-step{grid-template-columns:32px minmax(0,1fr);row-gap:10px;align-items:start}
.tl-dot{margin-top:2px}
.tl-pic{grid-column:2;max-width:280px;width:100%}
.tl-list{grid-auto-rows:auto;gap:22px}
.ps-cta{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){.tl-dot,.mf b,.mf-btn span,.mf-btn em,.lp-bars i,.lp-call,.iv-card{transition:none}}
.demo{max-width:calc(var(--max) + 2 * var(--m));margin:var(--gap-major) auto 0;padding:0 var(--m)}
.demo-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);padding:clamp(24px,4vw,56px);border-radius:var(--zl-radius-panel)}
.demo-l p{margin-top:16px;color:var(--ink-soft);max-width:40ch}
.demo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-content:start}
.ff{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-cap);color:var(--ink-soft)}
.ff i,.ff-check i,.ff-req i{font-style:normal;color:var(--zl-accent-text)}
.ff--wide{grid-column:1/-1}
.ff input,.ff textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--zl-control-border);border-radius:var(--zl-radius-control);background:var(--zl-field);color:var(--ink);font:400 var(--fs-body)/1.4 "Nunito Sans",system-ui,sans-serif;transition:border-color .2s ease}
.ff textarea{resize:vertical;min-height:112px}
.ff input:focus-visible,.ff textarea:focus-visible{outline:2px solid var(--zl-focus);outline-offset:1px;border-color:var(--zl-focus)}
.ff input[aria-invalid="true"],.ff textarea[aria-invalid="true"]{border-color:var(--zl-negative-text)}
.ff-err{font-size:var(--fs-cap);color:var(--zl-negative-text)}
.ff-check{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;font-size:var(--fs-cap);color:var(--ink-soft);cursor:pointer;line-height:1.5}
.ff-check>span{flex:1 1 0;min-width:0}
.ff-check .ff-err{flex-basis:100%;padding-left:34px}
.ff-check input{width:24px;height:24px;margin:0;flex:none;accent-color:var(--gold)}
.ff-check a,.foot-co a,.prose a{color:var(--ink);transition:text-decoration-color .2s ease}
@media (hover:hover) and (pointer:fine){.ff-check a:hover,.foot-co a:hover,.prose a:hover,.motion-btn:hover{text-decoration-thickness:.14em}}
.ff-check a:active,.foot-co a:active,.prose a:active,.motion-btn:active,.foot-end a:active{color:var(--zl-accent-text)}
.ff-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.ts{grid-column:1/-1}
.ts:empty{display:none}
.demo-end{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.ff-req{font-size:var(--fs-cap);color:var(--ink-soft)}
.form-msg{grid-column:1/-1;font-size:var(--fs-body);font-weight:600;min-height:1.6em;overflow-wrap:anywhere}
.form-msg.is-err{color:var(--zl-negative-text)}
.demo-form.is-sent>*:not(.form-msg){display:none}
.demo-form.is-sent .form-msg{color:var(--ink);align-self:center}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off) .demo-form.is-sent .form-msg{animation:msgIn .3s var(--zl-ease-out)}}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}}
@media (max-width:899px){.demo-card{grid-template-columns:minmax(0,1fr)}}
@media (max-width:559px){.demo-form{grid-template-columns:minmax(0,1fr)}.demo-end .btn{width:100%}}
.hero,.mods-stage,.tcs,.globe,.price,.demo,.page{padding-left:max(var(--m),env(safe-area-inset-left));padding-right:max(var(--m),env(safe-area-inset-right))}
.foot{margin-top:var(--gap-major);padding:0 max(var(--m),env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(var(--m),env(safe-area-inset-left))}
.foot-in{max-width:var(--max);margin:0 auto;padding:clamp(18px,2.2vw,26px) clamp(20px,3vw,36px) 6px;border-radius:var(--zl-radius-panel);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 32px}
.foot-logo{display:block;line-height:0}
.foot-logo img{width:clamp(220px,19vw,280px);height:auto}
.foot-co{display:flex;flex-direction:column;align-items:flex-end;font-style:normal;font-size:var(--fs-cap);line-height:1.5;color:var(--ink-soft);text-align:right}
.foot-co a{position:relative;color:var(--ink)}
.foot-nw{white-space:nowrap}
.foot-co a::after,.foot-end a::after{content:"";position:absolute;inset:-10px -4px}
.foot-end{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;padding:4px 0;border-top:1px solid var(--hair);font-size:var(--fs-cap);color:var(--ink-soft)}
.foot-legal{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}
.foot-end a{position:relative;color:var(--ink);text-decoration:none;padding:8px 0}
@media (hover:hover) and (pointer:fine){.foot-end a:hover{text-decoration:underline;text-decoration-color:var(--gold)}}
.motion-btn{background:none;border:0;padding:8px 0;color:var(--ink);font-size:var(--fs-cap);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.25em;cursor:pointer}
@media (max-width:760px){
.foot-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:10px;padding:18px 14px 4px}
.foot-logo{width:fit-content;max-width:100%}
.foot-logo img{width:220px;max-width:100%}
.foot-co{align-items:center;text-align:center}
.foot-end{justify-content:center;gap:0 16px;padding-top:2px}
.foot-legal{justify-content:center;gap:0 16px}
.foot-end a,.foot-end .motion-btn{padding:5px 0}
.foot-c{flex-basis:100%;text-align:center;padding:2px 0 8px}
}
.page{max-width:calc(var(--max) + 2 * var(--m));margin:0 auto;padding:clamp(40px,8vh,96px) var(--m) 40px}
.page-glass{max-width:min(var(--max),860px);margin:clamp(24px,5vh,64px) auto 0;padding:clamp(24px,4vw,56px);border-radius:var(--zl-radius-panel)}
.page-h{font-size:var(--fs-h1)}
.page-lead{margin-top:16px;max-width:56ch;color:var(--ink-soft)}
.page-date{margin-top:10px;font-size:var(--fs-cap);color:var(--ink-soft)}
.page-act{margin-top:28px}
.prose{max-width:58ch;margin-top:32px}
.prose h2{margin:36px 0 10px}
.prose p+p{margin-top:12px}
.prose ul{padding-left:1.2em;margin:12px 0}
.prose li+li{margin-top:6px}
.prose b{font-weight:600}
.cnav-app,.lang a,.cnav-panel>a{touch-action:manipulation}
.media-v{margin-top:40px}.media-v p{margin:8px 0 16px;max-width:60ch}.media-v video{max-height:80vh;background:#000}
.admin-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:var(--fs-cap)}
.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.admin-table th{font-weight:600;color:var(--ink-soft)}
.admin-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:24px}
.admin-form .ff input{min-width:260px}
.admin-scroll{overflow-x:auto}
.admin-ask{white-space:nowrap}
.linkbtn{background:none;border:0;padding:6px 0;color:var(--ink);font-size:var(--fs-cap);font-weight:600;cursor:pointer;text-decoration:underline}
.linkbtn--danger{color:var(--zl-negative-text)}
html.motion-off{scroll-behavior:auto}
html.motion-off *,html.motion-off *::before,html.motion-off *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){
.fey-card,.deck-card{transition:none}
html.js .cnav-panel,html.js .cnav.is-open .cnav-panel{transform:none}
.cnav-bar{transition:none}
html.js .dbar{transform:none;opacity:0;transition:opacity .2s ease,visibility 0s .2s}
html.js .dbar.is-on{opacity:1;transition:opacity .2s ease}
.mods.is-pinned .mod-dev,.mods.is-pinned .mod-text{transform:none!important;transition:opacity .2s ease!important}
}
.mod-ph,.deck,.deck-foot{display:none}
.pfr--hero .pfr-scr{aspect-ratio:9/14}
.pfr{width:min(300px,100%);margin:0 auto;padding:7px;border-radius:44px;background:var(--bezel);box-shadow:var(--zl-shadow-pop),inset 0 0 0 1px color-mix(in srgb,var(--zl-gold) 30%,transparent)}
.pfr-scr{position:relative;aspect-ratio:9/16;border-radius:37px;overflow:hidden;background:var(--zl-page);display:flex;flex-direction:column}
.pfr-scr::before{content:"";position:absolute;top:9px;left:50%;width:76px;height:22px;margin-left:-38px;border-radius:12px;background:#0d0c0a;z-index:2}
.zp{flex:1;display:flex;flex-direction:column;min-height:0;color:var(--zl-fg);font-size:12px;line-height:1.35;font-weight:500;text-align:left;font-variant-numeric:tabular-nums;background:radial-gradient(80% 50% at 80% 0%,rgba(224,168,46,.12),transparent 70%),var(--zl-page)}
.zp b{font-weight:800}
.zp small{font-size:11px;color:var(--zl-fg-muted);font-weight:500}
.zp-status{display:flex;justify-content:space-between;align-items:center;height:38px;padding:4px 24px 0;font-size:12px;font-weight:800}
.zp-sig{display:flex;gap:2px;align-items:flex-end}.zp-sig i{width:3px;background:currentColor;border-radius:1px}.zp-sig i:nth-child(1){height:5px}.zp-sig i:nth-child(2){height:8px}.zp-sig i:nth-child(3){height:11px}
.zp-top{display:flex;align-items:center;gap:10px;padding:4px 14px 10px}
.zp-round{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge)}
.zp-round .zr-i{width:16px;height:16px}
.zp-tt{flex:1;min-width:0}.zp-tt b{display:block;font-size:16px;line-height:1.2}.zp-tt small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:0 12px 14px;overflow:hidden}
.zp-body>*{flex-shrink:0}
.zp-card,.zp-tile,.zp-f,.zp-inv,.zp-item,.zp-sheet{padding:10px 12px;border-radius:var(--zl-radius-card);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge)}
.zp-h{margin:0;font-size:14px;font-weight:800;line-height:1.25}
.zp-h--page{font-size:15px}
.zp-big{margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.15}
.zp-m{display:block;margin-top:2px}
.zp-m b{font-size:14px;color:var(--zl-fg)}
.zp-fig{display:block;font-size:14px;font-weight:800}
.zp-seg{display:flex;padding:3px;border-radius:999px;background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge)}
.zp-seg span{flex:1;text-align:center;padding:5px 0;border-radius:999px;font-size:11px;font-weight:700;color:var(--zl-fg-muted)}
.zp-seg span.on{background:var(--zl-fg);color:var(--zl-page)}
.zp-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.zp-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 10px}
.zp-tile small{line-height:1.25}
.zp-tile b{font-size:15px;line-height:1.2;white-space:nowrap}
.zp-up{align-self:flex-start;margin-top:2px;padding:1px 6px;border-radius:var(--zl-radius-badge);font-size:14px;font-weight:700;background:color-mix(in srgb,var(--zl-positive) 16%,transparent);color:var(--zl-positive-text)}
.zp-bars{display:flex;align-items:flex-end;gap:3px;height:calc(var(--h) + 16px);margin-top:8px}
.zp-card--grow{flex:1;display:flex;flex-direction:column}.zp-card--grow .zp-bars{flex:1;height:auto;min-height:calc(var(--h) + 16px)}
.zp-card--grow .zp-bars i{height:calc((100% - 14px) * var(--v) * var(--zp,1))}
.zp-bars span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.zp-bars i{display:block;width:100%;height:calc(var(--h) * var(--v) * var(--zp,1));border-radius:3px 3px 1px 1px;background:var(--zl-gold)}
.zp-bars small{font-size:11px;line-height:1}
.zp-kv{margin:6px 0 0;display:grid}
.zp-kv div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--zl-line)}
.zp-kv div:first-child{border-top:0}
.zp-kv dt{color:var(--zl-fg-muted)}.zp-kv dd{margin:0;font-weight:800;text-align:right;font-size:14px;white-space:nowrap}
.zp-prog{height:8px;margin-top:10px;border-radius:4px;background:var(--zl-line)}.zp-prog i{display:block;height:100%;border-radius:4px;background:var(--zl-gold)}
.zp-drop{display:flex;align-items:center;gap:10px;border-style:dashed}.zp-drop .zr-i{width:22px;height:22px;flex:none;color:var(--zl-accent-text)}.zp-drop b{display:block;font-size:14px}.zp-drop small{display:block}
.zp-f{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 12px}
.zp-fields .zp-f small{padding-right:26px}
.zp-fields .zp-f:first-child{grid-column:1/-1}
.zp-f b{font-size:14px}
.zp-f i{position:absolute;top:8px;right:10px;padding:1px 6px;border-radius:var(--zl-radius-badge);font-size:11px;font-style:normal;font-weight:800;background:color-mix(in srgb,var(--zl-gold) 22%,transparent);color:var(--zl-fg)}
.zp-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.zp-fields .zp-f b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-step{display:flex;align-items:center;justify-content:space-between;padding:6px;border-radius:var(--zl-radius-card);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge)}
.zp-step span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--zl-glass-strong);font-size:20px;font-weight:800}
.zp-step b{font-size:26px}
.zp-btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:var(--zl-radius-control);background:var(--zl-gold);color:var(--zl-accent-fg);font-size:14px;font-weight:800;text-align:center}
.zp-btn--ghost{background:none;border:1px solid var(--zl-line-strong);color:var(--zl-fg)}
.zp-btn--sm{min-height:36px;margin-top:8px;font-size:14px}
.zp-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.zp-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.zp-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--zl-radius-badge);font-size:11px;font-weight:800;white-space:nowrap}
.zp-chip--ok{color:var(--zl-positive-text);background:color-mix(in srgb,var(--zl-positive) 16%,transparent)}
.zp-chip--wait{color:var(--zl-warning-text);background:color-mix(in srgb,var(--zl-warning) 18%,transparent)}
.zp-chip--bad{color:var(--zl-negative-text);background:color-mix(in srgb,var(--zl-negative) 16%,transparent)}
.zp-chip--mute{background:var(--zl-glass-strong);color:var(--zl-fg-muted)}
.zp-cal{padding:10px}
.zp-wd,.zp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.zp-wd span{font-size:11px;font-weight:800;color:var(--zl-fg-muted)}
.zp-days{margin-top:4px}
.zp-days span{padding:3px 0;border-radius:8px;font-size:14px;font-weight:700}
.zp-days .we{color:var(--zl-fg-muted)}
.zp-days .ask{background:var(--zl-gold);color:var(--zl-accent-fg)}
.zp-days .sick{background:color-mix(in srgb,var(--zl-negative) 22%,transparent)}
.zp-leg{display:flex;gap:12px;margin:8px 0 0;font-size:11px;color:var(--zl-fg-muted)}
.zp-leg span{display:flex;align-items:center;gap:5px}.zp-leg i{width:10px;height:10px;border-radius:3px}.zp-leg i.ask{background:var(--zl-gold)}.zp-leg i.sick{background:color-mix(in srgb,var(--zl-negative) 40%,transparent)}
.zp-paper{position:relative;padding:12px 14px;border-radius:8px;background:#fbf8f1;color:#27241f;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;box-shadow:var(--zl-shadow-card);overflow:hidden}
.zp-paper p{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:2px 0}
.zp-paper p span:last-child{font-size:14px;font-weight:700}
.zp-paper .zp-shop{justify-content:center;font-weight:800;font-size:12px;margin-bottom:6px}
.zp-paper .zp-tot{font-weight:800;font-size:14px;border-top:1px dashed #27241f55;padding-top:4px;margin-top:5px}
.zp-scan{position:absolute;left:0;right:0;top:calc(var(--zp,1) * 100%);height:2px;background:var(--zl-gold);box-shadow:0 0 10px 2px rgba(224,168,46,.6)}
.zp-inv{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:start;padding:9px 12px}
.zp-inv>span{display:flex;flex-direction:column;min-width:0}.zp-inv>span:nth-child(2){text-align:right}
.zp-inv b{font-size:14px}.zp-inv small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-inv>.zp-st{grid-column:1/-1;flex-direction:row;align-items:flex-start;gap:6px}
.zp-st[data-late] .zp-chip--ok{display:none}
.zp-st[data-late].is-paid .zp-chip--bad{display:none}.zp-st[data-late].is-paid .zp-chip--ok{display:inline-flex}
.zp-item{display:flex;align-items:center;gap:10px;padding:8px 12px}.zp-item .zr-i{width:20px;height:20px;flex:none;color:var(--zl-fg-muted)}.zp-item b{display:block;font-size:14px}.zp-item small{display:block}
.zp-path{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:12px;font-weight:700}.zp-path .zr-i{width:16px;height:16px;flex:none;color:var(--zl-gold)}
.zp-list{list-style:none;margin:0;padding:4px 6px;border-radius:var(--zl-radius-card);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge)}
.zp-list li{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--zl-radius-control);font-size:14px;font-weight:700;line-height:1.25}
.zp-list li.on{background:color-mix(in srgb,var(--zl-gold) 20%,transparent)}
.zp-list .zr-i{width:15px;height:15px;flex:none;color:var(--zl-fg-muted)}.zp-list span{flex:1;min-width:0}.zp-list small{font-weight:800;flex:none}
.zp-sheet{background:#fbf8f1;color:#27241f;box-shadow:var(--zl-shadow-card)}
.zp-sheet .zp-kv dt{color:#5a5248}.zp-sheet .zp-kv div{border-color:#27241f22}
.zp-person{display:flex;align-items:center;gap:10px}
.zp-av{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--zl-gold);color:var(--zl-accent-fg);font-size:14px;font-weight:800}
.zp-person b{display:block;font-size:15px}.zp-person small{display:block}
.zp-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;font-weight:600}
.zp-sw i{position:relative;width:34px;height:20px;flex:none;border-radius:999px;background:var(--zl-line-strong)}
.zp-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s var(--zl-ease-out)}
.zp-sw i.on{background:var(--zl-positive)}.zp-sw i.on::after{transform:translateX(14px)}
.zp-sw i.lock{opacity:.55}
.zp-tree{display:grid;gap:4px}
.zp-node{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;margin-left:calc(var(--l) * 14px);padding:4px 10px;border-radius:var(--zl-radius-control);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge);border-left:3px solid var(--zl-gold)}
.zp-node b{font-size:14px}
.zp-node.on{box-shadow:0 0 0 2px color-mix(in srgb,var(--zl-gold) 55%,transparent)}
.zp-zones{position:relative;display:flex;gap:3px;height:10px;margin:8px 0 6px}
.zp-zones i{flex:1;border-radius:3px}.zp-zones i:nth-child(1){background:var(--zl-negative)}.zp-zones i:nth-child(2){background:var(--zl-warning)}.zp-zones i:nth-child(3){background:var(--zl-positive)}.zp-zones i:nth-child(4){background:var(--zl-info)}
.zp-zones i:nth-child(1),.zp-zones i:nth-child(2){flex:.5}
.zp-zones b{position:absolute;top:-4px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:var(--zl-fg)}
.zp-ring{display:flex;align-items:center;gap:10px;padding:4px 0}
.zp-ring+.zp-ring{border-top:1px solid var(--zl-line)}
.zp-donut{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;background:conic-gradient(var(--zl-gold) calc(var(--p) * 1%),var(--zl-line) 0)}
.zp-donut b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--zl-glass-dense);font-size:14px}
.zp-ring>span:last-child{min-width:0}.zp-ring>span:last-child b{display:block;font-size:14px}.zp-ring>span:last-child small{display:block}
.zp-pos{color:var(--zl-positive-text)}
.zp-panes{display:grid}.zp-pane{grid-area:1/1;display:flex;flex-direction:column;gap:8px;min-width:0}.zp-pane:first-child{opacity:0}
.zp{--zp-d1:var(--zl-chart-1);--zp-d2:var(--zl-chart-2);--zp-d3:var(--zl-chart-4);--zp-d4:var(--zl-chart-6)}
.zp-sec{padding:7px 12px;border-radius:var(--zl-radius-control);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge);border-left:3px solid var(--zl-gold)}
.zp-sec p{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:14px}.zp-sec small{display:block}
.zp-sum{display:flex;flex-direction:column;align-items:center;gap:4px}
.zp-pie{display:grid;place-items:center;width:112px;height:112px;border-radius:50%}
.zp-pie b{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--zl-glass-dense);font-size:15px;text-align:center}
.zp-kv--leg dt{display:flex;align-items:center;gap:6px}.zp-kv--leg dt i{width:10px;height:10px;border-radius:3px;flex:none}
@media (max-width:760px){
.hero .fey{display:none}
.hero .fey,.hero .fey+.fan-dots{display:none}
.deck{display:block;position:relative;width:100%;height:calc(452px * var(--k,1));touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;outline:none}
.deck.is-drag{cursor:grabbing}
.hero{overflow-x:clip}
.deck:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:var(--zl-radius-card)}
.deck-card{position:absolute;top:0;left:50%;width:288px;margin-left:-144px;transform-origin:50% 0}
.deck.is-live .deck-card{will-change:transform}
.deck-card .pfr{width:100%}
.deck-foot{display:grid;justify-items:center;margin-top:calc(clamp(20px,3.5vh,36px) * -1 + 2px)}
html:not(.js) .deck-foot{visibility:hidden}
.deck-nav{display:flex;justify-content:center;margin:0 calc(var(--m) * -1)}
.deck-nav button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.deck-nav button::before{content:"";width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background-color .3s ease,transform .3s var(--zl-ease-out)}
.deck-nav button[aria-current="true"]::before{background:var(--gold);transform:scale(1.3)}
.deck-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:-8px;border-radius:12px}
.deck-hint{display:flex;align-items:center;gap:6px;margin:-8px 0 0;padding:2px 10px 2px 8px;border-radius:999px;background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge);font-size:var(--fs-cap);line-height:1.4;color:var(--ink-soft);opacity:0;transition:opacity .4s ease}
.deck-hint{pointer-events:none}
.deck-hint.is-on{opacity:1}
.deck-hint svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.js .deck.has-arrows .sw-arrow{display:grid;--fr:calc(var(--gl,16px) + var(--g,35px));--s:clamp(28px,calc(var(--fr) - 8px),36px);--hx:calc(max(0px,var(--fr) / 2 - 22px) - var(--fr) / 2 + var(--s) / 2);top:calc(220px * var(--k,1) - var(--s) / 2)}
.deck .sw-arrow--prev{left:calc(var(--fr) / 2 - var(--gl,16px) - var(--s) / 2)}
.deck .sw-arrow--next{right:calc(var(--fr) / 2 - var(--gl,16px) - var(--s) / 2)}
.mod-dev{display:none!important}
.mod-ph{display:block;width:min(100%,clamp(288px,calc((100svh - 181px - env(safe-area-inset-bottom)) * .5625 + 14px),300px));min-width:0;margin:0 auto}
.mods:not(.is-pinned) .mods-prog{display:flex;position:sticky;top:var(--hdr);z-index:5;margin:0 calc(var(--m) * -1);padding:12px var(--m) 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-top) 55%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.mods:not(.is-pinned) .mod{display:grid;gap:20px;justify-items:center;padding:14px 0}
.mods:not(.is-pinned) .mod:last-child{padding-bottom:0}
.mods:not(.is-pinned) .mod-text{width:100%;max-width:520px}
.mods:not(.is-pinned) .mod{content-visibility:auto;contain-intrinsic-size:auto 860px}
}
.zr{--zp:1;position:relative;color:var(--zl-fg);font-family:inherit;font-weight:500;line-height:1.35;text-align:left;font-variant-numeric:tabular-nums}
.zr b,.zr strong{font-weight:800}
.zr small{font-size:.78em;color:var(--zl-fg-muted);font-weight:500}
.zr-i{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zr-desk{--zl-radius-panel:calc(100cqi / 90 * 1.5);--zl-radius-card:calc(100cqi / 90);--zl-radius-control:calc(100cqi / 90 * .625);--zl-radius-badge:calc(100cqi / 90 * .375);width:100%;aspect-ratio:16/10;overflow:hidden;font-size:calc(100cqi / 90);display:grid;grid-template-columns:15em minmax(0,1fr);gap:1em;padding:1em;background:radial-gradient(60% 70% at 85% 0%,rgba(224,168,46,.12),transparent 70%),var(--zl-page)}
.zr-side{display:flex;flex-direction:column;gap:1.2em;padding:1.3em 1em 1em;border-radius:var(--zl-radius-card);background:var(--zl-e-chrome-glass);color:#f7efe4}
.zr-logo{width:11.5em;height:auto;margin:0 .3em .4em}
.zr-side ul{list-style:none;margin:0;padding:0;display:grid;gap:.25em}
.zr-side li{display:flex;align-items:center;gap:.75em;padding:.62em .8em;border-radius:var(--zl-radius-control);font-size:.95em;color:rgba(247,239,228,.82)}
.zr-side li.on{background:rgba(224,168,46,.16);color:var(--zl-gold-light);font-weight:800}
.zr-side li i{width:.42em;height:.42em;border-radius:50%;background:var(--zl-gold);margin-left:auto}
.zr-user{margin-top:auto;display:flex;align-items:center;gap:.6em;padding:.8em;border-radius:var(--zl-radius-card);background:rgba(247,239,228,.06);font-size:.82em}
.zr-user b{display:block;font-size:.95em}.zr-user small{color:rgba(247,239,228,.6);font-size:.85em}
.zr-av{width:2.4em;height:2.4em;border-radius:50%;display:grid;place-items:center;background:var(--zl-gold);color:#27241f;font-weight:900;font-size:.9em;flex:none}
.zr-lang{margin-left:auto;display:flex;gap:.2em;align-items:center;font-size:.85em}.zr-lang b{background:var(--zl-gold);color:#27241f;border-radius:1em;padding:.2em .5em}
.zr-main{display:flex;flex-direction:column;gap:1em;min-width:0;min-height:0}
.zr-top{display:flex;justify-content:space-between;align-items:center;padding:.8em 1.2em;border-radius:var(--zl-radius-panel);background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge)}
.zr-top b{display:block;font-size:.95em}.zr-top small{font-size:.8em}
.zr-tb{display:flex;gap:.6em}.zr-tb .zr-i{width:2.4em;height:2.4em;padding:.6em;border-radius:50%;border:1px solid var(--zl-line)}
.zr-box{flex:1;min-height:0;padding:1.3em 1.4em;border-radius:var(--zl-radius-panel);background:var(--zl-glass);border:1px solid var(--zl-glass-edge);display:flex;flex-direction:column;gap:1em;overflow:hidden}
.zr-bh{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}
.zr-bh h4,.zr-bh .zr-h4{font-size:1.55em;font-weight:900;letter-spacing:-.01em;line-height:1.1}
.zr-bh p{margin-top:.25em;font-size:.88em;color:var(--zl-fg-muted)}
.zr-tools{display:flex;gap:.6em;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.zr-seg{display:inline-flex;padding:.25em;border-radius:2em;border:1px solid var(--zl-line-strong);font-size:.85em;font-weight:800;white-space:nowrap}
.zr-seg span{padding:.35em .9em;border-radius:2em;color:var(--zl-fg-muted)}
.zr-seg span.on{background:var(--zl-fg);color:var(--zl-page)}
.zr-period{font-size:.85em;padding:.45em .9em;border-radius:2em;border:1px solid var(--zl-line-strong);white-space:nowrap}
.zr-card{padding:1em 1.1em;border-radius:var(--zl-radius-card);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge);min-width:0}
.zr-ch b{display:block;font-size:1em}.zr-ch small{display:block;margin-top:.1em}
.zr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1em;margin:.9em 0 .6em}
.zr-kpi b{display:block;font-size:1.75em;font-weight:900;letter-spacing:-.01em}
.zr-kpi>span{display:block;font-size:.82em;color:var(--zl-fg-muted);margin:.1em 0 .35em}
.zr-kpi small{margin-left:.35em}
.zr-chip{display:inline-flex;align-items:center;gap:.25em;font-size:.75em;font-weight:800;padding:.15em .5em;border-radius:var(--zl-radius-badge)}
.zr-chip--up{color:var(--zl-positive-text);background:color-mix(in srgb,var(--zl-positive) 16%,transparent)}
.zr-chip svg{width:.9em;height:.9em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zr-svg{display:block;width:100%;height:auto;overflow:visible}
.zr-svg text{fill:var(--zl-chart-axis);font-size:11px;font-family:inherit;font-weight:600}
.zr-grid line{stroke:var(--zl-chart-grid);stroke-width:1}
.zr-grid text{text-anchor:end}
.zr-base{stroke:var(--zl-line-strong);stroke-width:1}
.zr-xl{text-anchor:middle}
.zr-s1{fill:var(--zl-gold);background:var(--zl-gold)}
.zr-s2{fill:var(--zl-fg-subtle);background:var(--zl-fg-subtle);opacity:.75}
.zr-s3{fill:color-mix(in srgb,var(--zl-gold) 45%,transparent);background:color-mix(in srgb,var(--zl-gold) 45%,transparent)}
.zr-fc{fill:none;stroke:var(--zl-gold);stroke-width:1.3;stroke-dasharray:3 3;background:transparent;outline:1.5px dashed var(--zl-gold);outline-offset:-1.5px}
.zr-bar{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(clamp(0,calc(var(--zp) * 1.5 - var(--i,0) * .045),1))}
.zr-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--zp))}
.zr-fact{stroke:var(--zl-gold)}
.zr-trend{stroke:var(--zl-fg);stroke-width:1.6;opacity:.75}
.zr-dash{stroke-dasharray:.025 .02;stroke-dashoffset:0;opacity:clamp(0,calc(var(--zp) * 2.4 - 1.4),1)}
.zr-trend.zr-dash{opacity:clamp(0,calc(var(--zp) * 2.4 - 1.4),.75)}
.zr-now{stroke:var(--zl-line-strong);stroke-dasharray:2 3}
.zr-area{fill:color-mix(in srgb,var(--zl-gold) 16%,transparent);opacity:var(--zp)}
.zr-dot{fill:var(--zl-gold);opacity:clamp(0,calc(var(--zp) * 3 - 2),1)}
.zr-lim{stroke-width:1.4;stroke-dasharray:6 5}
.zr-l-cost{stroke:var(--zl-fg-subtle)}.zr-limt.zr-l-cost{fill:var(--zl-fg-muted)}
.zr-l-profit{stroke:var(--zl-gold-light)}.zr-limt.zr-l-profit{fill:var(--zl-fg)}
.zr-limt{text-anchor:start!important;font-weight:800!important}
.zr-legend{display:flex;flex-wrap:wrap;gap:.4em 1.1em;margin-top:.5em;font-size:.78em;color:var(--zl-fg-muted)}
.zr-legend span{display:inline-flex;align-items:center;gap:.4em}
.zr-legend i{width:.75em;height:.75em;border-radius:3px;display:inline-block}
.zr-legend .zr-trend-k{height:2px;background:var(--zl-fg);opacity:.75}
.zr-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}
.zr-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1em}
.zr-big{font-size:1.9em;margin:.35em 0 .3em}
.zr-big b{font-weight:900;letter-spacing:-.01em}
.zr-big small{font-size:.45em;margin-left:.4em}
.zr-pos b,.zr-pos{color:var(--zl-positive-text)}
.zr-zone{fill:none;stroke-width:15}
.zr-z-red{stroke:var(--zl-negative);background:var(--zl-negative)}.zr-z-orange{stroke:var(--zl-warning);background:var(--zl-warning)}
.zr-z-green{stroke:var(--zl-positive);background:var(--zl-positive)}.zr-z-blue{stroke:var(--zl-info);background:var(--zl-info)}
.zr-needle{transform-box:view-box;transform-origin:100px 96px;transform:rotate(calc(var(--zp) * var(--ang)))}
.zr-needle path,.zr-needle circle{fill:var(--zl-fg)}
.zr-gt{text-anchor:middle}
.zr-ring{max-width:9.5em;margin:.4em auto}
.zr-r-plan{fill:none;stroke:var(--zl-fg-subtle);stroke-width:7;opacity:.45}
.zr-r-bg{fill:none;stroke:var(--zl-chart-grid);stroke-width:10}
.zr-r-fact{fill:none;stroke:var(--zl-gold);stroke-width:10;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--zp) * var(--v));transform:rotate(-90deg);transform-origin:60px 60px}
.zr-r-v{text-anchor:middle;font-size:17px!important;font-weight:900!important;fill:var(--zl-fg)!important}
.zr-r-l{text-anchor:middle;font-size:8.5px!important}
.zr-rcard dl,.zr-hc dl,.zr-split-l{margin:.4em 0 0;display:grid;gap:.3em;font-size:.85em}
.zr dl div{display:flex;justify-content:space-between;gap:.6em}
.zr dt{display:flex;align-items:center;gap:.45em;color:var(--zl-fg-muted)}
.zr dt i{width:.7em;height:.7em;border-radius:2px;display:inline-block}
.zr dd{margin:0;font-weight:800}
.zr-select{font-size:.85em;font-weight:800;padding:.5em 1em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-control-border)}
.zr-wide{margin-top:0}
.zr-wide-in{display:grid;grid-template-columns:minmax(0,1fr) 13em;gap:1.2em;align-items:center;margin-top:.5em}
.zr-sum{display:grid;gap:.8em}.zr-sum span{display:block;font-size:.8em;color:var(--zl-fg-muted)}.zr-sum b{font-size:1.35em;font-weight:900}
.zr-split{display:flex;gap:2px;height:.7em;border-radius:1em;overflow:hidden;margin:.2em 0 .1em}
.zr-split i{display:block;transform:scaleX(var(--zp));transform-origin:left}
.zr-cap{position:relative;height:.8em;border-radius:1em;background:var(--zl-chart-grid);margin-top:.9em}
.zr-cap i{position:absolute;inset:0 auto 0 0;width:calc(var(--w) * 100% * var(--zp));border-radius:1em;background:var(--zl-gold)}
.zr-cap b{position:absolute;top:-.35em;bottom:-.35em;width:2px;background:var(--zl-fg)}
.zr-cap-l{display:flex;justify-content:space-between;margin-top:.5em;font-size:.78em;color:var(--zl-fg-muted)}
.zr-mini .zr-big{font-size:1.6em}
.zr-crumb{display:inline-flex;align-items:center;gap:.3em;font-size:.82em;font-weight:800;padding:.3em .7em;border-radius:2em;background:var(--zl-glass-dense);margin-bottom:.4em}
.zr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.6em 1.1em;border-radius:var(--zl-radius-control);background:var(--zl-gold);color:#27241f;font-weight:800;font-size:.85em;white-space:nowrap;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.zr-btn--ghost{background:transparent;color:var(--zl-fg);border:1px solid var(--zl-line-strong);box-shadow:none}
.zr-btn--ghost i{width:.5em;height:.5em;border-radius:50%;background:var(--zl-gold)}
.zr-tgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1em;min-height:0}
.zr-tside{display:grid;gap:1em;align-content:start}
.zr-table{width:100%;border-collapse:collapse;margin-top:.6em;font-size:.88em}
.zr-table td,.zr-table th{padding:.55em .3em;border-bottom:1px solid var(--zl-line);text-align:left;vertical-align:top}
.zr-table th{font-size:.82em;color:var(--zl-fg-muted);font-weight:800}
.zr-table td:nth-child(n+2){text-align:right;white-space:nowrap}
.zr-table--inv td:nth-child(-n+4){text-align:left}
.zr-table td small{display:block}.zr-table .zr-inl{display:inline}
.zr-sumrow td{border-top:1.5px solid var(--zl-line-strong)}
.zr-total td{border-bottom:0;font-size:1.05em}
.zr-donutsvg{max-width:11em;margin:0 auto}
.zr-donut{fill:none;stroke-width:16;stroke-dasharray:calc(var(--a) * var(--zp)) 1;stroke-dashoffset:calc(-1 * var(--o) * var(--zp));transform:rotate(-90deg);transform-origin:60px 60px}
.zr-d1{stroke:var(--zl-chart-1);background:var(--zl-chart-1)}.zr-d2{stroke:var(--zl-chart-2);background:var(--zl-chart-2)}.zr-d3{stroke:var(--zl-chart-4);background:var(--zl-chart-4)}.zr-d4{stroke:var(--zl-chart-6);background:var(--zl-chart-6)}
.zr-rate small{display:block}.zr-rate b{display:block;font-size:1.6em;font-weight:900;margin:.15em 0}.zr-rate span{font-size:.78em;color:var(--zl-fg-muted)}
.zr-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:.7em}
.zr-field{padding:.6em .8em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-control-border);background:var(--zl-field);font-size:.82em;color:var(--zl-fg-muted)}
.zr-kpi>span.zr-chip{display:inline-flex}
.zr-kpi>span.zr-chip--up{color:var(--zl-positive-text)}
.zr-chip--down{color:var(--zl-negative-text);background:color-mix(in srgb,var(--zl-negative) 16%,transparent)}
.zr-donutsvg .zr-r-v{font-size:11.5px!important}.zr-donutsvg .zr-r-l{font-size:7.5px!important}
.zr-chip--ok{color:var(--zl-positive-text);background:color-mix(in srgb,var(--zl-positive) 16%,transparent)}
.zr-chip--wait{color:var(--zl-warning-text);background:color-mix(in srgb,var(--zl-warning) 18%,transparent)}
.zr-chip--bad{color:var(--zl-negative-text);background:color-mix(in srgb,var(--zl-negative) 16%,transparent)}
.zr-chip--mute{color:var(--zl-fg-muted);background:color-mix(in srgb,var(--zl-fg) 7%,transparent)}
.zr-chip{white-space:nowrap}
.mon-scr .zr-box{font-size:1.1em}
.zr-big .zr-chip{font-size:.42em;vertical-align:.35em;margin-left:.4em}
.m-list{list-style:none;margin:.7em 0 0;padding:0;display:grid;gap:.55em;font-size:.88em}
.m-list li{display:flex;align-items:center;gap:.6em}
.m-list--n li b{min-width:1.6em;font-size:1.25em}
.m-dot{width:.6em;height:.6em;border-radius:50%;flex:none}
.m-dot--warn{background:var(--zl-warning)}.m-dot--bad{background:var(--zl-negative)}
.m-tabs{position:relative;display:flex;gap:.3em;padding:.3em;border-radius:2em;border:1px solid var(--zl-line-strong);align-self:flex-start;font-size:.88em;font-weight:800}
.m-tabs span{position:relative;z-index:1;padding:.45em 1.05em;border-radius:2em;color:var(--zl-fg-muted);white-space:nowrap}
.m-tabs>span{transition:none}
.m-tabs-on{position:absolute;inset:0;z-index:2;display:flex;gap:.3em;padding:.3em;border-radius:2em;background:var(--zl-fg);clip-path:inset(.3em var(--r,80%) .3em var(--l,.3em) round 2em);pointer-events:none}
.m-tabs-on span{color:var(--zl-page)!important}
.m1-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,3.3fr) minmax(0,1fr);gap:1em}
.m1-main{display:grid;min-height:0}
.m1-pane{grid-area:1/1;display:flex;flex-direction:column;gap:.7em;min-height:0;opacity:0}
.m1-pane:first-child{opacity:1}
.m1-chart{flex:1;display:flex;flex-direction:column}
.m1-chart .zr-svg{margin-top:auto}
.m1-panel{font-size:.84em}
.m1-panel .zr-bh .zr-h4{font-size:1.3em}
.m1-panel .zr-ring{max-width:8em}
.m1-panel>.zr-grid3:only-of-type{flex:1;min-height:0}
.m1-panel .zr-fcard{display:flex;flex-direction:column}
.m1-panel .zr-fcard>.zr-svg{margin-top:auto}
.m1-side{display:grid;grid-template-rows:auto auto 1fr;gap:.7em;min-height:0;font-size:.95em}
.m1-rate .zr-big{font-size:1.85em}
.zr-needle--fc path{fill:none;stroke:var(--zl-fg);stroke-width:1.3;stroke-dasharray:3 2.4;stroke-linejoin:round}
.zr-nlegend{margin-top:.2em}
.zr-legend .zr-nl{width:1.6em;height:0;border-radius:0;border-top:2px solid var(--zl-fg)}
.zr-legend .zr-nl--fc{border-top-style:dashed}
.m2-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:1em}
.m2-tablecard{position:relative;overflow:hidden}
.m2-table{margin-top:0;font-size:.86em}
.m2-table th:nth-child(n+2),.m2-table td:nth-child(n+2){text-align:right}
.m2-sec td{background:color-mix(in srgb,var(--zl-gold) 9%,transparent);border-bottom-color:var(--zl-line-strong)}
.m2-cell{display:inline-flex;align-items:center;gap:.25em;padding:.15em .5em;border-radius:var(--zl-radius-badge);font-weight:800;font-size:.92em;white-space:nowrap}
.m2-cell svg{width:.85em;height:.85em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m2-up{color:var(--zl-positive-text);background:color-mix(in srgb,var(--zl-positive) 18%,transparent)}
.m2-down{color:var(--zl-negative-text);background:color-mix(in srgb,var(--zl-negative) 16%,transparent)}
.m2-drop{position:absolute;inset:.8em;z-index:2;display:grid;place-content:center;justify-items:center;gap:.7em;border:2px dashed color-mix(in srgb,var(--zl-gold) 60%,transparent);border-radius:var(--zl-radius-card);background:var(--zl-glass-dense);opacity:0;color:var(--zl-fg-muted);font-size:.95em}
.m2-file{display:inline-flex;align-items:center;gap:.6em;padding:.8em 1.2em;border-radius:var(--zl-radius-control);background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge);color:var(--zl-fg);box-shadow:var(--zl-shadow-card)}
.m2-file .zr-i{color:var(--zl-positive-text);width:1.6em;height:1.6em}
.m2-side{display:grid;grid-template-rows:auto 1fr;gap:1em;min-height:0}
.m2-side .zr-donutsvg{max-width:13em;margin:.6em auto .2em}
.m2-db .zr-big small{font-size:.45em}
.zr-btn .zr-i{width:1.1em;height:1.1em}
.zr-btn--ghost.is-press{background:color-mix(in srgb,var(--zl-gold) 22%,transparent);border-color:var(--zl-gold)}
.m3-grid{flex:1;min-height:0;display:grid;grid-template-columns:17em minmax(0,1fr);grid-template-rows:auto 1fr;gap:1em}
.m3-phone{grid-row:1 / 3;padding:.7em;border-radius:2.2em;background:var(--bezel);box-shadow:var(--zl-shadow-card)}
.m3-scr{height:100%;display:flex;flex-direction:column;gap:.75em;padding:1.6em 1em 1em;border-radius:1.6em;background:radial-gradient(80% 40% at 100% 0%,rgba(224,168,46,.14),transparent 70%),var(--zl-page)}
.m3-t{font-weight:900;font-size:1.25em}.m3-t small{display:block;font-size:.62em;font-weight:500}
.m3-f{padding:.65em .8em;border-radius:var(--zl-radius-control);background:var(--zl-glass-dense);border:1px solid var(--zl-glass-edge)}
.m3-f small{display:block}.m3-f b{font-size:.92em}
.m3-step{display:flex;align-items:center;justify-content:space-between;gap:.4em;padding:.6em .2em;margin-top:auto}
.m3-step>span{width:2.4em;height:2.4em;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid var(--zl-line-strong);font-size:1.2em;font-weight:800}
.m3-step>span.is-tap{background:var(--zl-gold);border-color:var(--zl-gold);color:#27241f}
.m3-step b{white-space:nowrap;font-size:2.3em;font-weight:900;font-variant-numeric:tabular-nums}
.m3-send{padding:.85em;transition:transform .16s var(--zl-ease-out),background-color .2s ease}
.m3-send.is-press{transform:translateY(1px)}
.m3-send.is-done{background:var(--zl-positive);color:#fff}
.m3-list .zr-table{font-size:.86em}
.m3-list td small{display:block}
.m3-new td{background:color-mix(in srgb,var(--zl-gold) 10%,transparent)}
.m3-ot dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:2.4em;margin:.6em 0 0}
.m3-ot dl div{display:block}
.m3-ot dt{font-size:.85em}.m3-ot dd{font-size:1.6em;font-weight:900}
.m3-otv dd{color:var(--zl-accent-text)}
.m4-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:1em}
.m4-cal{display:flex;flex-direction:column}
.m4-wd,.m4-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45em}
.m4-wd span{text-align:center;font-size:.8em;font-weight:800;color:var(--zl-fg-muted);padding-bottom:.3em}
.m4-days{flex:1;grid-auto-rows:1fr}
.m4-days span{display:flex;align-items:flex-start;justify-content:flex-end;padding:.45em .6em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-line);font-size:.9em;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color .25s ease,border-color .25s ease}
.m4-days .m4-e{border:0}
.m4-days .m4-we{color:var(--zl-fg-muted);background:color-mix(in srgb,var(--zl-fg) 4%,transparent)}
.m4-days .m4-sick{background:color-mix(in srgb,var(--zl-info) 18%,transparent);border-color:color-mix(in srgb,var(--zl-info) 40%,transparent)}
.m4-days .m4-ask{background:color-mix(in srgb,var(--zl-gold) 30%,transparent);border-color:var(--zl-gold);color:var(--zl-fg)}
.m4-k-ask{background:color-mix(in srgb,var(--zl-gold) 45%,transparent)}.m4-k-sick{background:color-mix(in srgb,var(--zl-info) 35%,transparent)}
.m4-side{display:grid;grid-template-rows:auto 1fr;gap:1em;min-height:0}
.m4-st{display:grid;margin:.8em 0 .2em}.m4-st>span{grid-area:1/1}
.m4-st [data-st-wait]{opacity:0}
.m4-btns{grid-template-columns:1fr 1fr}
.zr-btn{transition:transform .16s var(--zl-ease-out),background-color .2s ease,border-color .2s ease}
.zr-btn.is-press{transform:translateY(1px)}
.m4-where{display:grid;gap:.7em;margin:.8em 0 0;font-size:.92em}
.m5-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:1.4em}
.m5-paper{position:relative;overflow:hidden;align-self:start;padding:1.4em 1.4em 1.8em;background:#fffdf8;color:#2b2722;border-radius:.3em;box-shadow:var(--zl-shadow-card);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82em;transform:rotate(-1.2deg)}
.m5-paper p{display:flex;justify-content:space-between;gap:1em;margin:.35em 0}
.m5-shop{justify-content:center!important;font-weight:800;font-size:1.05em;letter-spacing:.04em}
.m5-meta{justify-content:center!important;color:#6b6052;margin-bottom:.9em!important}
.m5-tot{border-top:1px dashed #b9a98d;padding-top:.5em;font-weight:800;font-size:1.1em}
.m5-scan{position:absolute;left:0;right:0;top:0;height:2.6em;background:linear-gradient(180deg,transparent,rgba(224,168,46,.55),transparent);opacity:0;transform:translateY(-100%)}
.m5-form{display:flex;flex-direction:column;gap:1.1em}
.m5-fields,.m5-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em}
.m5-f{transition:border-color .2s ease,box-shadow .2s ease;position:relative;padding:.85em .9em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-control-border);background:var(--zl-field)}
.m5-f small{display:block}.m5-f b{display:block;font-size:.95em;min-height:1.35em}
.m5-f i{position:absolute;right:.6em;top:.55em;font-style:normal;font-size:.68em;font-weight:900;color:#27241f;background:var(--zl-gold);border-radius:var(--zl-radius-badge);padding:.1em .45em}
.m5-f--pick.is-hl{border-color:var(--zl-gold);box-shadow:0 0 0 .2em color-mix(in srgb,var(--zl-gold) 35%,transparent)}
.m5-end{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.m6-table{margin-top:0;font-size:.9em}
.m6-table td{padding:.85em .4em}
.m6-table td,.m6-table th{text-align:left!important}
.m6-late td{background:color-mix(in srgb,var(--zl-negative) 7%,transparent);transition:background-color .4s ease}
.m6-late.is-paid td{background:color-mix(in srgb,var(--zl-positive) 9%,transparent)}
.m6-in{transition:border-color .2s ease,background-color .2s ease;display:inline-flex;align-items:center;min-width:7.4em;min-height:1.9em;padding:.15em .5em;border-radius:var(--zl-radius-badge);border:1px solid transparent}
.m6-in.is-edit{border-color:var(--zl-gold);background:var(--zl-field)}
.m6-in i{width:1px;height:1.1em;background:var(--zl-fg);margin-left:1px;opacity:0}
.m6-in.is-edit i{opacity:1}
.m6-st{display:grid}.m6-st>span{grid-area:1/1}
.m6-st [data-st-ok]{opacity:0}
.m7-panes{flex:1;min-height:0;display:grid}
.m7-pane{grid-area:1/1;display:flex;flex-direction:column;gap:1em;min-height:0}
.m7-pane:first-child{opacity:0}
.m7-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1em;align-items:start}
.m7-bases{margin:.4em 0 0;display:grid}
.m7-bases div{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.7em 0;border-top:1px solid var(--zl-line)}
.m7-bases div:first-child{border-top:0}
.m7-bases dt{display:flex;align-items:center;gap:.6em}.m7-bases dt .zr-i{width:1.3em;height:1.3em;color:var(--zl-accent-text)}
.m7-bases dd{margin:0;font-weight:800;font-size:1.05em}
.m7-bases .m7-tot{border-top:2px solid var(--zl-line-strong)}.m7-bases .m7-tot dt{font-weight:800}
.m7-mv{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8em;margin-top:.6em;padding:.8em .9em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-glass-edge);background:var(--zl-glass-strong)}
.m7-mv b{display:block}.m7-mv small{display:block}
.m7-mv.is-hot{box-shadow:0 0 0 .15em color-mix(in srgb,var(--zl-gold) 55%,transparent)}
.m7-grid{display:grid;grid-template-columns:minmax(0,1fr) 4em minmax(0,1fr);gap:1em;align-items:stretch}
.m7-col{display:flex;flex-direction:column;gap:.6em}
.m7-item,.m7-slot{display:flex;align-items:center;gap:.8em;padding:.7em .9em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-glass-edge);background:var(--zl-glass-strong);min-height:3.6em}
.m7-item .zr-i{width:1.6em;height:1.6em;color:var(--zl-accent-text)}
.m7-item b{display:block;font-size:.95em}.m7-item small{display:block}
.m7-slot{border:1.5px dashed color-mix(in srgb,var(--zl-gold) 55%,transparent);background:none}
.m7-item[data-move]{position:relative;z-index:3;box-shadow:var(--zl-shadow-card)}
.m7-arrow{display:grid;place-items:center;color:var(--zl-accent-text)}
.m7-arrow .zr-i{width:2.4em;height:2.4em}
.m7-hist{margin-top:0}
.m7-hist .zr-table{font-size:.86em}
.m7-new td{background:color-mix(in srgb,var(--zl-gold) 10%,transparent)}
.m8-grid{flex:1;min-height:0;display:grid;grid-template-columns:20em minmax(0,1fr);gap:1.4em}
.m8-kinds{display:flex;flex-direction:column;gap:.7em}
.m8-kinds ul{list-style:none;margin:0;padding:0;display:grid;gap:.2em}
.m8-kinds li{display:flex;align-items:center;gap:.6em;padding:.55em .7em;border-radius:var(--zl-radius-control);font-size:.9em;color:var(--zl-fg-muted);transition:background-color .2s ease,color .2s ease}
.m8-kinds li span{flex:1}
.m8-kinds li em{font-style:normal;font-size:.75em;font-weight:800;padding:.1em .5em;border-radius:var(--zl-radius-badge);background:color-mix(in srgb,var(--zl-fg) 8%,transparent)}
.m8-kinds li.on{background:color-mix(in srgb,var(--zl-gold) 16%,transparent);color:var(--zl-fg);font-weight:800}
.m8-kinds .zr-btn{margin-top:auto}
.m8-stage{position:relative;min-height:0}
.m8-page{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;width:min(100%,32em);padding:1.5em 1.6em;background:#fffdf8;color:#2b2722;border-radius:.35em;box-shadow:var(--zl-shadow-pop);font-size:.92em;overflow:hidden;opacity:0}
.m8-page:last-child{opacity:1}
.m8-ph{font-weight:900;font-size:1.15em;margin-bottom:.9em}.m8-ph small{display:block;font-weight:500;font-size:.7em;color:#6b6052}
.m8-t{margin-bottom:1em}
.m8-t p{display:flex;justify-content:space-between;gap:1em;padding:.32em .4em;border-bottom:1px solid #eee3d3;font-size:.92em}
.m8-t4 p{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:center}
.m8-t4 p span:nth-child(n+2){text-align:right}
.m8-t4 .m2-cell{justify-self:end}
.m8-bh{background:#efe3d1;font-weight:800;border-bottom:0!important}
.m8-s{font-weight:800}
.m8-norm{margin-bottom:.9em}
.m8-norm p{display:flex;justify-content:space-between;gap:1em;font-size:.92em}
.m8-bar{display:block;height:.5em;margin-top:.3em;border-radius:1em;background:#eee3d3}
.m8-bar i{display:block;height:100%;width:calc(var(--w) * 100%);border-radius:1em;background:#b9a98d}
.m8-bar--f i{background:#c8921c}
.m8-next{margin-top:1em;padding:.5em .7em;border-radius:.3em;background:#efe3d1;font-weight:800;color:#5c4106}
.m9-grid{flex:1;min-height:0;display:grid;grid-template-columns:15em minmax(0,1fr);gap:1em}
.m9-list{display:flex;flex-direction:column;gap:.15em}
.m9-row{display:flex;align-items:center;gap:.6em;padding:.5em .45em;border-radius:var(--zl-radius-control);font-size:.9em;transition:background-color .2s ease}
.m9-row b{display:block}.m9-row small{display:block}
.m9-row.is-pick{background:color-mix(in srgb,var(--zl-gold) 16%,transparent)}
.m9-card{display:flex;flex-direction:column;gap:.75em;min-height:0}
.m9-head{display:flex;align-items:center;gap:.8em}
.m9-head b{display:block;font-size:1.15em}.m9-head small{display:block}
.m9-av{width:2.9em;height:2.9em;font-size:1em}
.m9-chips{margin-left:auto;display:flex;gap:.4em}
.m9-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55em}
.m9-sum div{padding:.5em .65em;border-radius:var(--zl-radius-control);background:color-mix(in srgb,var(--zl-fg) 5%,transparent)}
.m9-sum small{display:block;font-size:.72em}.m9-sum b{display:block;font-size:.92em;margin-top:.1em}
.m9-tabs{display:flex;flex-wrap:wrap;gap:.2em .4em;border-bottom:1px solid var(--zl-line);font-size:.8em}
.m9-tabs span{padding:.35em .6em;color:var(--zl-fg-muted);border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.m9-tabs span.on{color:var(--zl-fg);border-bottom-color:var(--zl-gold);font-weight:800}
.m9-view{position:relative;flex:1;min-height:0;overflow:hidden}
.m9-secs{display:grid;gap:.8em}
.m9-sec{padding:.7em .9em;border-radius:var(--zl-radius-control);border:1px solid var(--zl-line)}
.m9-st{font-weight:800;margin-bottom:.35em;font-size:.95em}
.m9-kv{margin:0;display:grid}
.m9-kv div{display:flex;justify-content:space-between;gap:1em;padding:.28em 0;border-bottom:1px solid var(--zl-line);font-size:.88em}
.m9-kv dt{color:var(--zl-fg-muted)}.m9-kv dd{margin:0;font-weight:800;text-align:right}
.m9-sw{display:flex;align-items:center;gap:.8em;padding:.45em .1em;font-size:.88em}
.m9-sw span{flex:1}
.m9-t{position:relative;width:2.7em;height:1.5em;border-radius:1em;background:color-mix(in srgb,var(--zl-fg) 18%,transparent);flex:none;transition:background-color .2s ease}
.m9-t b{transition:transform .22s cubic-bezier(.77,0,.175,1);position:absolute;left:.18em;top:.18em;width:1.14em;height:1.14em;border-radius:50%;background:var(--zl-switch-knob,#fff);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.m9-t.on{background:var(--zl-positive)}
.m9-t.on b{transform:translateX(1.2em)}
.m9-sw--lock{color:var(--zl-fg-muted)}
.m9-sw--lock .m9-t{opacity:.55}
.m9-sw .zr-i{width:1.1em;height:1.1em;color:var(--zl-fg-muted)}
.m9-note{display:flex;align-items:center;gap:.5em;margin-top:.3em;font-size:.82em;font-weight:800;color:var(--zl-fg-muted)}
.m9-note .zr-i{width:1.1em;height:1.1em}
.m9-sec--danger{border-color:color-mix(in srgb,var(--zl-negative) 50%,transparent)}
.m9-danger{display:flex;justify-content:space-between;align-items:center;gap:1em;font-size:.88em}
.m9-del{color:var(--zl-negative-text);border-color:color-mix(in srgb,var(--zl-negative) 60%,transparent)}
.m10-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:1em}
.m10-card{display:flex;flex-direction:column;min-height:0;padding:.9em 1.2em 1.2em}
.m10-bar{display:flex;align-items:center;gap:.5em;font-size:.85em}
.m10-bar small{margin-left:auto}
.m10-zoom{display:inline-flex;align-items:center;gap:.7em;padding:.4em .8em;border-radius:2em;border:1px solid var(--zl-line-strong);font-weight:800}
.m10-tree{position:relative;flex:1;min-height:0;margin:.8em 0 .4em}
.m10-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.m10-l{fill:none;stroke:color-mix(in srgb,var(--zl-gold) 70%,transparent);stroke-width:1.6;vector-effect:non-scaling-stroke}
.m10-l[data-new]{opacity:0}
.m10-n{position:absolute;transform:translate(-50%,-50%);min-width:10.5em;padding:.5em .9em;border-radius:var(--zl-radius-card);background:color-mix(in srgb,var(--zl-page) 90%,var(--zl-gold));border:1px solid var(--zl-glass-edge);box-shadow:var(--zl-shadow-card);text-align:center;font-size:.9em;transition:box-shadow .2s ease}
.m10-n b{display:block}.m10-n small{display:block}
.m10-w{min-width:0;width:6.6em;padding:.45em .4em}
.m10-n.is-pick{box-shadow:0 0 0 .2em color-mix(in srgb,var(--zl-gold) 55%,transparent),var(--zl-shadow-pop);z-index:3}
.m10-panel{display:flex;flex-direction:column;gap:.75em}
.m10-ph{display:flex;align-items:center;gap:.7em}.m10-ph b{display:block;font-size:1.1em}.m10-ph small{display:block}
.m10-tabs{display:flex;flex-wrap:wrap;gap:.3em;font-size:.78em}
.m10-tabs span{padding:.35em .7em;border-radius:2em;border:1px solid var(--zl-line-strong);color:var(--zl-fg-muted)}
.m10-tabs span.on{background:var(--zl-fg);color:var(--zl-page);border-color:var(--zl-fg);font-weight:800}
.m10-kv{margin:0;display:grid}
.m10-kv div{display:flex;justify-content:space-between;gap:1em;padding:.45em 0;border-bottom:1px solid var(--zl-line);font-size:.88em}
.m10-kv dt{color:var(--zl-fg-muted)}.m10-kv dd{margin:0;font-weight:800;text-align:right}
.m10-assign{align-self:flex-start;margin-top:auto}
.fl-site,.aud-card,.tl-pic{background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge);box-shadow:var(--zl-shadow-card)}
.hero-copy{padding:clamp(12px,1.4vw,18px) clamp(18px,2.6vw,32px);border-radius:var(--zl-radius-panel);background:var(--zl-glass-strong)}
@media (max-width:760px){.hero-copy{gap:8px;margin:0 calc(var(--m) * -.5);padding:10px 12px 12px;border-radius:var(--zl-radius-card)}}
.flow,.tcs,.globe,.price{isolation:isolate;padding-top:var(--pp);padding-bottom:var(--pp);padding-left:calc(max(var(--m),env(safe-area-inset-left)) + var(--pp));padding-right:calc(max(var(--m),env(safe-area-inset-right)) + var(--pp))}
.flow::before,.tcs::before,.globe::before,.price::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:max(var(--m),env(safe-area-inset-left));right:max(var(--m),env(safe-area-inset-right));border-radius:var(--zl-radius-panel);pointer-events:none}
@media (max-width:760px){.aud{margin-left:calc(var(--pp) * -1);margin-right:calc(var(--pp) * -1);padding-left:var(--pp);padding-right:var(--pp);scroll-padding:0 var(--pp)}}
.fl-app-desk .mon-scr,.fl-app-desk .zr-desk{aspect-ratio:16/11.5}
.mods-panel{display:none}
.mods.is-pinned .mods-stage{padding-left:calc(max(var(--m),env(safe-area-inset-left)) + 20px);padding-right:calc(max(var(--m),env(safe-area-inset-right)) + 20px)}
.mods.is-pinned .mods-panel{display:block;position:absolute;z-index:-1;border-radius:var(--zl-radius-panel);pointer-events:none}
.mods:not(.is-pinned) .mod-text{padding:16px 18px;border-radius:var(--zl-radius-card);background:var(--zl-glass);-webkit-backdrop-filter:blur(var(--zl-glass-blur)) saturate(140%);backdrop-filter:blur(var(--zl-glass-blur)) saturate(140%);border:1px solid var(--zl-glass-edge);box-shadow:var(--zl-shadow-card)}
.mods:not(.is-pinned) .mods-prog{background:var(--zl-glass-strong)!important}
@media (max-width:760px){
.cnav-bar,.cnav-panel,.dbar-in,.hero-copy,.flow::before,.mods-panel,.tcs::before,.globe::before,.price::before,.demo-card,.foot-in,.page-glass,.mods:not(.is-pinned) .mod-text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mods:not(.is-pinned) .mods-prog{-webkit-backdrop-filter:none;backdrop-filter:none}
}
.fey-card{padding:4px 6.4px;background:var(--zl-glass-strong);border:1px solid var(--zl-glass-edge)}
.fey-card>.zr{border-radius:9px;overflow:hidden}
@media (hover:none) and (pointer:coarse){
.cnav-panel,.dbar-in,.flow::before,.mods-panel,.tcs::before,.globe::before,.price::before,.demo-card,.foot-in,.page-glass,.mods:not(.is-pinned) .mod-text{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--zl-glass-strong)}
.cnav-bar{transition:none}
}
html[data-tier="mid"] :is(.cnav-panel,.dbar-in,.mods-panel,.demo-card,.foot-in,.page-glass,.mods:not(.is-pinned) .mod-text),html[data-tier="mid"] :is(.flow,.tcs,.globe,.price)::before{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--zl-glass-strong)}
html[data-tier="mid"] .cnav-bar{transition:none}
html[data-tier="low"] :is(.cnav-bar,.hero-copy,.cnav-panel,.dbar-in,.mods-panel,.demo-card,.foot-in,.page-glass,.mods:not(.is-pinned) .mod-text),html[data-tier="low"] :is(.flow,.tcs,.globe,.price)::before{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--zl-glass-strong)}
html[data-tier="low"] .fl-body,html[data-tier="low"] .aud-bar::after{animation:none!important}
.site-bg[data-no-webgl]{transform:none;contain:none}
@media (hover:none) and (pointer:coarse){.fl-svg-house{will-change:auto}}
html[data-tier="low"] .fl-svg-house{will-change:auto}
html:not(.js) .cnav{position:relative;height:auto}
html:not(.js) [data-theme-toggle]{display:none}