:root {--ys-bg: #141d35;--ys-bg-rgb: 20, 29, 53;--ys-deep: #0d1426;--ys-deep-rgb: 13, 20, 38;--ys-soft: #1b2542;--ys-soft-rgb: 27, 37, 66;--ys-panel: #202c4b;--ys-panel-rgb: 32, 44, 75;--ys-panel-soft: rgba(255, 255, 255, 0.045);--ys-mark: rgba(244, 247, 251, 0.04);--ys-panel-hover: rgba(255, 255, 255, 0.068);--ys-field: #0f192d;--ys-field-rgb: 15, 25, 45;--ys-accent: #14c197;--ys-accent-rgb: 20, 193, 151;--ys-accent-light: #1bd6aa;--ys-accent-light-rgb: 27, 214, 170;--ys-accent-ink: #06120f;--ys-accent-ink-rgb: 6, 18, 15;--ys-text: #f4f7fb;--ys-text-rgb: 244, 247, 251;--ys-muted: #b8c4d9;--ys-muted-rgb: 184, 196, 217;--ys-quiet: #7f8ba5;--ys-quiet-rgb: 127, 139, 165;--ys-line: rgba(255, 255, 255, 0.09);--ys-line-strong: rgba(255, 255, 255, 0.15);--ys-backdrop: rgba(4, 8, 16, 0.78);--ys-surface-print: #ffffff;--ys-surface-print-rgb: 255, 255, 255;--ys-success: #72dfb0;--ys-success-rgb: 114, 223, 176;--ys-warning: #ffc16b;--ys-warning-rgb: 255, 193, 107;--ys-danger: #ff8f8f;--ys-danger-rgb: 255, 143, 143;--ys-info: #7ea2ff;--ys-info-rgb: 126, 162, 255;--ys-danger-solid: #e21c1c;--ys-danger-solid-rgb: 226, 28, 28;--ys-brand-gmail: #b3261e;--ys-brand-gmail-rgb: 179, 38, 30;--ys-brand-navy: #141d35;--ys-brand-navy-rgb: 20, 29, 53;--ys-brand-navy-deep: #192035;--ys-brand-navy-deep-rgb: 25, 32, 53;--ys-brand-navy-panel: #292f44;--ys-brand-navy-panel-rgb: 41, 47, 68;--ys-brand-teal: #14c197;--ys-brand-teal-rgb: 20, 193, 151;--ys-brand-teal-mid: #26b290;--ys-brand-teal-mid-rgb: 38, 178, 144;--ys-brand-teal-deep: #009977;--ys-brand-teal-deep-rgb: 0, 153, 119;--ys-brand-yellow: #ffef5a;--ys-brand-yellow-rgb: 255, 239, 90;--ys-brand-violet: #5400ad;--ys-brand-violet-rgb: 84, 0, 173;--ys-chart-1: #14c197;--ys-chart-1-rgb: 20, 193, 151;--ys-chart-2: #7ea2ff;--ys-chart-2-rgb: 126, 162, 255;--ys-chart-3: #ffc16b;--ys-chart-3-rgb: 255, 193, 107;--ys-chart-4: #f472b6;--ys-chart-4-rgb: 244, 114, 182;--ys-chart-5: #a78bfa;--ys-chart-5-rgb: 167, 139, 250;--ys-chart-6: #5eead4;--ys-chart-6-rgb: 94, 234, 212;--ys-chart-grid: rgba(255, 255, 255, 0.12);--ys-chart-axis: #7f8ba5;--ys-chart-axis-rgb: 127, 139, 165;--ys-radius-xs: 6px;--ys-radius-sm: 12px;--ys-radius-md: 20px;--ys-radius-lg: 32px;--ys-radius-pill: 999px;--ys-space-1: 4px;--ys-space-2: 8px;--ys-space-3: 12px;--ys-space-4: 16px;--ys-space-5: 24px;--ys-space-6: 32px;--ys-space-7: 48px;--ys-space-8: 64px;--ys-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ys-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ys-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.18);--ys-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.26);--ys-shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.35);--ys-shadow-glow: 0 0 34px rgba(20, 193, 151, 0.3);--ys-layout-header: 78px;--ys-layout-sidebar: 240px;--ys-layout-container: 1180px;--ys-motion-fast: 120ms;--ys-motion-base: 200ms;--ys-motion-slow: 320ms;--ys-motion-ease: cubic-bezier(0.4, 0, 0.2, 1);--ys-version: "0.1.0";--ys-build: "a2d8f81d33";}
@media print {:root {--ys-bg: #ffffff;--ys-bg-rgb: 255, 255, 255;--ys-deep: #ffffff;--ys-deep-rgb: 255, 255, 255;--ys-soft: #f4f6fa;--ys-soft-rgb: 244, 246, 250;--ys-panel: #ffffff;--ys-panel-rgb: 255, 255, 255;--ys-panel-soft: rgba(16, 26, 46, 0.03);--ys-panel-hover: rgba(16, 26, 46, 0.06);--ys-field: #ffffff;--ys-field-rgb: 255, 255, 255;--ys-accent: #0a7d61;--ys-accent-rgb: 10, 125, 97;--ys-accent-light: #0f9e7c;--ys-accent-light-rgb: 15, 158, 124;--ys-accent-ink: #ffffff;--ys-accent-ink-rgb: 255, 255, 255;--ys-text: #101a2e;--ys-text-rgb: 16, 26, 46;--ys-muted: #37455e;--ys-muted-rgb: 55, 69, 94;--ys-quiet: #5d6b84;--ys-quiet-rgb: 93, 107, 132;--ys-line: rgba(16, 26, 46, 0.18);--ys-line-strong: rgba(16, 26, 46, 0.3);--ys-success: #0f7a55;--ys-success-rgb: 15, 122, 85;--ys-warning: #8a5000;--ys-warning-rgb: 138, 80, 0;--ys-danger: #b02a41;--ys-danger-rgb: 176, 42, 65;--ys-info: #2447b8;--ys-info-rgb: 36, 71, 184;--ys-chart-1: #0a7d61;--ys-chart-1-rgb: 10, 125, 97;--ys-chart-2: #2447b8;--ys-chart-2-rgb: 36, 71, 184;--ys-chart-3: #8a5000;--ys-chart-3-rgb: 138, 80, 0;--ys-chart-4: #a8306b;--ys-chart-4-rgb: 168, 48, 107;--ys-chart-5: #6d3fc4;--ys-chart-5-rgb: 109, 63, 196;--ys-chart-6: #0f7a8a;--ys-chart-6-rgb: 15, 122, 138;--ys-chart-grid: rgba(16, 26, 46, 0.15);--ys-chart-axis: #5d6b84;--ys-chart-axis-rgb: 93, 107, 132;--ys-shadow-sm: none;--ys-shadow-md: none;--ys-shadow-lg: none;--ys-shadow-glow: none;}
}
[class^="ys-"],[class*=" ys-"] {box-sizing: border-box;}
.ys-container {width: min(100% - 2 * var(--ys-space-5), var(--ys-layout-container));margin-inline: auto;}
.ys-surface {background: var(--ys-bg);color: var(--ys-text);font-family: var(--ys-font-sans);line-height: 1.6;}
.ys-surface--glow {background: radial-gradient(circle at top left, rgba(var(--ys-accent-rgb), 0.16), transparent 34rem),radial-gradient(circle at 85% 12%, rgba(var(--ys-info-rgb), 0.12), transparent 28rem),var(--ys-bg);}
.ys-eyebrow {margin: 0 0 18px;color: var(--ys-accent);font-size: 0.78rem;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;}
.ys-muted { color: var(--ys-muted); }
.ys-quiet { color: var(--ys-quiet); }
.ys-mono { font-family: var(--ys-font-mono); }
.ys-visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0;}
.ys-button:focus-visible,.ys-icon-btn:focus-visible,.ys-field input:focus-visible,.ys-field select:focus-visible,.ys-field textarea:focus-visible,.ys-tabs button:focus-visible,.ys-topbar-nav a:focus-visible,.ys-sidebar nav a:focus-visible {outline: none;border-color: rgba(var(--ys-accent-rgb), 0.72);box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.16);}
@media (prefers-reduced-motion: reduce) {.ys-button,.ys-icon-btn,.ys-kpi,.ys-toast,.ys-modal-card {transition: none !important;animation: none !important;}
.ys-button:hover,.ys-login-button:hover {transform: none;}
}
.ys-button {min-height: 48px;padding: 0 20px;display: inline-flex;align-items: center;justify-content: center;gap: var(--ys-space-2);border: 0;border-radius: var(--ys-radius-pill);background: transparent;color: var(--ys-text);cursor: pointer;font-family: inherit;font-size: 1rem;font-weight: 800;text-decoration: none;transition: transform var(--ys-motion-base) var(--ys-motion-ease),box-shadow var(--ys-motion-base) var(--ys-motion-ease),background var(--ys-motion-base) var(--ys-motion-ease),border-color var(--ys-motion-base) var(--ys-motion-ease),opacity var(--ys-motion-base) var(--ys-motion-ease);}
.ys-button:hover { transform: translateY(-2px); }
.ys-button--primary {color: var(--ys-accent-ink);background: var(--ys-accent);box-shadow: var(--ys-shadow-glow);}
.ys-button--primary:hover {background: var(--ys-accent-light);box-shadow: var(--ys-shadow-md);}
.ys-button--secondary {border: 1px solid var(--ys-line);background: var(--ys-panel-soft);color: var(--ys-text);}
.ys-button--secondary:hover {border-color: rgba(var(--ys-accent-rgb), 0.45);background: var(--ys-panel-hover);}
.ys-button--ghost {padding-inline: var(--ys-space-2);background: transparent;color: var(--ys-accent);}
.ys-button--danger {border: 1px solid rgba(var(--ys-danger-rgb), 0.28);background: rgba(var(--ys-danger-rgb), 0.08);color: var(--ys-danger);}
.ys-button--danger:hover {border-color: rgba(var(--ys-danger-rgb), 0.5);background: rgba(var(--ys-danger-rgb), 0.14);}
.ys-button--block { width: 100%; }
.ys-button--sm {min-height: 40px;padding: 0 14px;font-size: 0.84rem;}
.ys-button:disabled,.ys-button[aria-disabled="true"] {cursor: not-allowed;opacity: 0.48;transform: none;box-shadow: none;}
.ys-button__count {min-width: 18px;height: 18px;display: grid;place-items: center;border-radius: 50%;background: var(--ys-accent);color: var(--ys-accent-ink);font-size: 0.62rem;}
.ys-button--primary .ys-button__count {background: var(--ys-accent-ink);color: var(--ys-accent);}
.ys-icon-btn {min-width: 42px;height: 42px;display: inline-grid;place-items: center;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);color: var(--ys-muted);cursor: pointer;font-family: inherit;transition: color var(--ys-motion-base) var(--ys-motion-ease),border-color var(--ys-motion-base) var(--ys-motion-ease);}
.ys-icon-btn:hover {border-color: rgba(var(--ys-accent-rgb), 0.45);color: var(--ys-accent);}
.ys-button-row {display: flex;flex-wrap: wrap;gap: var(--ys-space-3);align-items: center;}
.ys-section {padding: 120px 0;border-top: 1px solid var(--ys-line);}
.ys-section--tight { padding: 64px 0; }
.ys-section--flush { border-top: 0; }
.ys-section--alt {background: linear-gradient(180deg, rgba(var(--ys-text-rgb), 0.035), rgba(var(--ys-text-rgb), 0.012)),rgba(var(--ys-deep-rgb), 0.38);border-block: 1px solid var(--ys-line);}
.ys-section-heading {max-width: 760px;margin: 0 auto 56px;text-align: center;}
.ys-section-heading--left { margin: 0 0 56px; text-align: left; }
.ys-section-heading h2 {margin: 0;font-size: clamp(2.2rem, 4.8vw, 4.6rem);font-weight: 700;line-height: 1.05;letter-spacing: -0.055em;}
.ys-section-heading h2 em {color: var(--ys-accent);font-style: normal;font-weight: inherit;}
.ys-section-heading > p:not(.ys-eyebrow) {margin: var(--ys-space-5) 0 0;color: var(--ys-muted);font-size: 1.08rem;}
.ys-section-title {margin-bottom: 58px;display: grid;grid-template-columns: 58px minmax(0, 780px);gap: var(--ys-space-5);align-items: start;}
.ys-section-title__number {margin-top: 7px;color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.7rem;}
.ys-section-title h2 {margin: 0;font-size: clamp(2.2rem, 4.8vw, 4.6rem);font-weight: 700;letter-spacing: -0.035em;}
.ys-section-title h2 em,.ys-hero h1 em {color: var(--ys-accent);font-style: normal;font-weight: inherit;}
.ys-section-title p {max-width: 680px;margin: var(--ys-space-5) 0 0;color: var(--ys-muted);font-size: 1.02rem;}
.ys-page-head {padding: var(--ys-space-6) 0 var(--ys-space-5);display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: var(--ys-space-4);border-bottom: 1px solid var(--ys-line);}
.ys-page-head h1 {margin: 0;font-size: clamp(1.5rem, 2.6vw, 2.1rem);font-weight: 700;letter-spacing: -0.025em;}
.ys-page-head p {margin: var(--ys-space-2) 0 0;color: var(--ys-muted);font-size: 0.86rem;}
.ys-page-head__actions {display: flex;flex-wrap: wrap;gap: var(--ys-space-2);}
.ys-hero {position: relative;padding: 86px 0;display: grid;grid-template-columns: 1.03fr 0.97fr;gap: 60px;align-items: center;}
.ys-hero--single { grid-template-columns: 1fr; }
.ys-hero--full { min-height: calc(100vh - var(--ys-layout-header)); }
.ys-hero--textured { position: relative; }
.ys-hero--textured::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background-image: linear-gradient(rgba(var(--ys-text-rgb), 0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--ys-text-rgb), 0.035) 1px, transparent 1px);background-size: 48px 48px;mask-image: linear-gradient(to bottom, black 35%, transparent 88%),linear-gradient(to right, transparent, black 12%, black 88%, transparent);mask-composite: intersect;-webkit-mask-composite: source-in;pointer-events: none;}
.ys-hero h1 {max-width: 760px;margin: 0;font-size: clamp(3rem, 7vw, 6.8rem);font-weight: 700;line-height: 1.05;letter-spacing: -0.055em;}
.ys-hero__lead {max-width: 720px;margin: var(--ys-space-6) 0 0;color: var(--ys-muted);font-size: clamp(1.08rem, 1.5vw, 1.28rem);}
.ys-hero__actions {display: flex;flex-wrap: wrap;gap: var(--ys-space-3);margin-top: var(--ys-space-6);}
.ys-grid-texture {background-image: linear-gradient(rgba(var(--ys-text-rgb), 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--ys-text-rgb), 0.025) 1px, transparent 1px);background-size: 48px 48px;}
.ys-grid-texture--fade {mask-image: linear-gradient(to bottom, black, transparent 82%);}
.ys-tile-grid {display: grid;grid-template-columns: repeat(4, 1fr);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);overflow: hidden;}
.ys-tile-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ys-tile-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ys-tile {min-height: 310px;padding: var(--ys-space-6);display: flex;flex-direction: column;border-right: 1px solid var(--ys-line);background: rgba(var(--ys-text-rgb), 0.025);color: inherit;text-decoration: none;transition: background var(--ys-motion-base) var(--ys-motion-ease);}
.ys-tile:last-child { border-right: 0; }
.ys-tile:hover {background: radial-gradient(circle at top left, rgba(var(--ys-accent-rgb), 0.12), transparent 15rem),rgba(var(--ys-text-rgb), 0.04);}
.ys-tile > span {color: var(--ys-accent);font-family: var(--ys-font-mono);font-size: 0.68rem;font-weight: 700;}
.ys-tile h3 {margin: 94px 0 0;font-size: 1.5rem;letter-spacing: -0.02em;}
.ys-tile p {margin: var(--ys-space-3) 0 0;color: var(--ys-muted);font-size: 0.86rem;line-height: 1.65;}
.ys-card {min-height: 230px;padding: var(--ys-space-5);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);color: inherit;text-decoration: none;transition: background var(--ys-motion-base) var(--ys-motion-ease),border-color var(--ys-motion-base) var(--ys-motion-ease),transform var(--ys-motion-base) var(--ys-motion-ease);}
.ys-card h3 {margin: 0;font-size: 1.35rem;line-height: 1.05;letter-spacing: -0.055em;}
.ys-card p {margin: var(--ys-space-4) 0;color: var(--ys-muted);line-height: 1.6;}
.ys-card--compact p {margin: 0;font-size: 0.86rem;line-height: 1.65;}
.ys-card__label {display: block;margin-bottom: var(--ys-space-4);color: var(--ys-accent);font-family: var(--ys-font-mono);font-size: 0.68rem;font-weight: 700;}
.ys-card--interactive:hover {border-color: rgba(var(--ys-accent-rgb), 0.35);background: radial-gradient(circle at top left, rgba(var(--ys-accent-rgb), 0.1), transparent 15rem),var(--ys-panel-hover);transform: translateY(-2px);}
.ys-card--accent { border-color: rgba(var(--ys-accent-rgb), 0.28); }
.ys-card--danger { border-color: rgba(var(--ys-danger-rgb), 0.22); }
.ys-card--glow {position: relative;min-height: auto;padding: 22px 24px;overflow: hidden;}
.ys-card--glow::before {content: "";position: absolute;inset: 0;background: radial-gradient(circle at top right, rgba(var(--ys-accent-rgb), 0.18), transparent 18rem),linear-gradient(135deg, rgba(var(--ys-accent-rgb), 0.1), rgba(var(--ys-accent-rgb), 0.025));opacity: 0;pointer-events: none;transition: opacity var(--ys-motion-base) var(--ys-motion-ease);}
.ys-card--glow > * { position: relative; z-index: 1; }
.ys-card--glow:hover {transform: translateY(-3px);border-color: rgba(var(--ys-accent-rgb), 0.42);box-shadow: var(--ys-shadow-md);}
.ys-card--glow:hover::before { opacity: 1; }
.ys-card--glow:hover h3 { color: var(--ys-accent); }
.ys-card--glow h3 { margin-bottom: var(--ys-space-2); }
.ys-card--glow p { margin: 0; }
.ys-pill-row {display: flex;flex-wrap: wrap;gap: var(--ys-space-3);}
.ys-pill-row--center { justify-content: center; }
.ys-pill {padding: var(--ys-space-2) var(--ys-space-3);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);color: var(--ys-muted);font-size: 0.84rem;}
.ys-pill--lg { padding: var(--ys-space-3) var(--ys-space-4); }
.ys-grid { display: grid; gap: var(--ys-space-4); }
.ys-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ys-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ys-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ys-split {display: grid;grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.5fr);gap: var(--ys-space-5);}
.ys-split--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ys-split--text {grid-template-columns: 0.85fr 1.15fr;gap: 70px;align-items: start;}
.ys-stack { display: grid; gap: var(--ys-space-4); }
.ys-stack--tight { gap: var(--ys-space-2); }
.ys-stack--loose { gap: var(--ys-space-6); }
.ys-cluster {display: flex;flex-wrap: wrap;align-items: center;gap: var(--ys-space-3);}
.ys-cluster--between { justify-content: space-between; }
.ys-divider {height: 1px;margin: var(--ys-space-5) 0;border: 0;background: var(--ys-line);}
.ys-divider--vertical {width: 1px;height: 24px;margin: 0 var(--ys-space-3);}
.ys-cta {position: relative;padding: clamp(36px, 6vw, 76px);text-align: center;border: 1px solid rgba(var(--ys-accent-rgb), 0.3);border-radius: var(--ys-radius-lg);background: radial-gradient(circle at 50% 0, rgba(var(--ys-accent-rgb), 0.18), transparent 30rem),var(--ys-panel-soft);box-shadow: var(--ys-shadow-lg);overflow: hidden;}
.ys-cta p {max-width: 640px;margin-inline: auto;color: var(--ys-muted);}
.ys-cta .ys-eyebrow {max-width: none;color: var(--ys-accent);}
.ys-cta--mark {--ys-cta-mark: none;}
.ys-cta--mark::before {content: "";position: absolute;right: 4%;bottom: -28%;width: 52%;height: 115%;background: var(--ys-mark);-webkit-mask: var(--ys-cta-mark) center / contain no-repeat;mask: var(--ys-cta-mark) center / contain no-repeat;pointer-events: none;}
.ys-cta > * { position: relative; }
.ys-cta :is(h1, h2) {margin: 0;font-size: clamp(2.2rem, 4.8vw, 4.6rem);font-weight: 700;letter-spacing: -0.055em;line-height: 1.05;}
.ys-cta__actions {margin-top: var(--ys-space-6);display: flex;justify-content: center;flex-wrap: wrap;gap: var(--ys-space-3);}
@media (max-width: 1100px) {.ys-hero { grid-template-columns: 1fr; padding: 90px 0; }
.ys-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ys-split { grid-template-columns: 1fr; }
}
@media (max-width: 780px) {.ys-section { padding: 84px 0; }
.ys-section-title { grid-template-columns: 30px 1fr; gap: 10px; margin-bottom: 42px; }
.ys-hero { padding: 64px 0; }
.ys-grid--2,.ys-grid--3,.ys-grid--4 { grid-template-columns: 1fr; }
.ys-split--even { grid-template-columns: 1fr; }
.ys-cta { padding: 58px var(--ys-space-5); }
.ys-cta__actions { flex-direction: column; }
}
.ys-field {display: grid;gap: var(--ys-space-2);}
.ys-field label {color: var(--ys-text);font-size: 0.76rem;font-weight: 800;}
.ys-field label b { color: var(--ys-accent); }
.ys-field input,.ys-field select,.ys-field textarea {width: 100%;min-height: 48px;padding: 0 var(--ys-space-3);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-field);color: var(--ys-text);caret-color: var(--ys-accent);font-family: inherit;font-size: 0.86rem;outline: none;transition: border-color var(--ys-motion-base) var(--ys-motion-ease),box-shadow var(--ys-motion-base) var(--ys-motion-ease);}
.ys-field textarea {padding-top: var(--ys-space-3);resize: vertical;}
.ys-field input::placeholder,.ys-field textarea::placeholder { color: var(--ys-quiet); }
.ys-field input:disabled,.ys-field select:disabled,.ys-field textarea:disabled {cursor: not-allowed;opacity: 0.55;}
.ys-field small {color: var(--ys-quiet);font-size: 0.68rem;}
.ys-field--error input,.ys-field--error select,.ys-field--error textarea,.ys-field input[aria-invalid="true"],.ys-field textarea[aria-invalid="true"] {border-color: rgba(var(--ys-danger-rgb), 0.7);}
.ys-field--error small { color: var(--ys-danger); }
.ys-form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--ys-space-4);}
.ys-form-actions {padding-top: var(--ys-space-2);display: flex;flex-wrap: wrap;gap: var(--ys-space-3);}
.ys-check,.ys-switch {display: inline-flex;align-items: center;gap: var(--ys-space-3);color: var(--ys-muted);cursor: pointer;font-size: 0.78rem;}
.ys-check input,.ys-switch input {position: absolute;width: 1px;height: 1px;opacity: 0;}
.ys-check i {width: 20px;height: 20px;flex: 0 0 20px;display: grid;place-items: center;border: 1px solid var(--ys-line-strong);border-radius: 6px;background: transparent;color: transparent;font-style: normal;font-size: 0.7rem;transition: background var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-check input:checked + i {border-color: rgba(var(--ys-accent-rgb), 0.6);background: var(--ys-accent);color: var(--ys-accent-ink);}
.ys-check input:focus-visible + i,.ys-switch input:focus-visible + i {box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.16);}
.ys-switch i {position: relative;width: 42px;height: 23px;flex: 0 0 42px;border-radius: var(--ys-radius-pill);background: var(--ys-line-strong);transition: background var(--ys-motion-base) var(--ys-motion-ease);}
.ys-switch i::after {content: "";position: absolute;left: 3px;top: 3px;width: 17px;height: 17px;border-radius: 50%;background: var(--ys-text);transition: transform var(--ys-motion-base) var(--ys-motion-ease);}
.ys-switch input:checked + i { background: var(--ys-accent); }
.ys-switch input:checked + i::after {transform: translateX(19px);background: var(--ys-accent-ink);}
.ys-choice-row {display: flex;flex-wrap: wrap;gap: var(--ys-space-5);align-items: center;}
@media (max-width: 780px) {.ys-form-grid { grid-template-columns: 1fr; }
}
.ys-segmented {display: inline-flex;padding: 4px;gap: 3px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);}
.ys-segmented label {position: relative;min-height: 34px;padding: 0 16px;display: inline-flex;align-items: center;border-radius: var(--ys-radius-pill);color: var(--ys-muted);cursor: pointer;font-size: 0.72rem;font-weight: 800;transition: background var(--ys-motion-fast) var(--ys-motion-ease),color var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-segmented input {position: absolute;width: 1px;height: 1px;opacity: 0;}
.ys-segmented label:has(input:checked) {background: var(--ys-accent);color: var(--ys-accent-ink);}
.ys-segmented label:has(input:focus-visible) {box-shadow: 0 0 0 3px rgba(var(--ys-accent-rgb), 0.28);}
.ys-radio-group { display: grid; gap: var(--ys-space-2); }
.ys-radio {padding: var(--ys-space-3) var(--ys-space-4);display: flex;align-items: center;gap: var(--ys-space-3);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);color: var(--ys-muted);cursor: pointer;font-size: 0.82rem;transition: border-color var(--ys-motion-fast) var(--ys-motion-ease),background var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-radio input {position: absolute;width: 1px;height: 1px;opacity: 0;}
.ys-radio i {width: 18px;height: 18px;flex: 0 0 18px;display: grid;place-items: center;border: 1px solid var(--ys-line-strong);border-radius: 50%;}
.ys-radio i::after {content: "";width: 8px;height: 8px;border-radius: 50%;background: transparent;transition: background var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-radio:has(input:checked) {border-color: rgba(var(--ys-accent-rgb), 0.45);background: rgba(var(--ys-accent-rgb), 0.07);color: var(--ys-text);}
.ys-radio:has(input:checked) i { border-color: var(--ys-accent); }
.ys-radio:has(input:checked) i::after { background: var(--ys-accent); }
.ys-radio:has(input:focus-visible) {box-shadow: 0 0 0 3px rgba(var(--ys-accent-rgb), 0.18);}
.ys-chip {display: inline-flex;align-items: center;gap: var(--ys-space-2);padding: 5px 6px 5px 12px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);color: var(--ys-muted);font-size: 0.72rem;font-weight: 700;}
.ys-chip button {width: 18px;height: 18px;display: grid;place-items: center;border: 0;border-radius: 50%;background: var(--ys-panel-hover);color: var(--ys-quiet);cursor: pointer;font-family: inherit;font-size: 0.7rem;line-height: 1;}
.ys-chip button:hover {background: rgba(var(--ys-danger-rgb), 0.18);color: var(--ys-danger);}
.ys-chip--accent {border-color: rgba(var(--ys-accent-rgb), 0.35);background: rgba(var(--ys-accent-rgb), 0.1);color: var(--ys-accent);}
.ys-filter-bar {padding: var(--ys-space-3) var(--ys-space-4);display: flex;flex-wrap: wrap;align-items: center;gap: var(--ys-space-3);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);}
.ys-filter-bar__count {margin-left: auto;color: var(--ys-quiet);font-size: 0.7rem;}
.ys-dropzone {position: relative;padding: var(--ys-space-7) var(--ys-space-5);display: grid;place-items: center;gap: var(--ys-space-2);text-align: center;border: 1px dashed var(--ys-line-strong);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);color: var(--ys-muted);cursor: pointer;transition: border-color var(--ys-motion-base) var(--ys-motion-ease),background var(--ys-motion-base) var(--ys-motion-ease);}
.ys-dropzone:hover,.ys-dropzone.is-dragover {border-color: rgba(var(--ys-accent-rgb), 0.55);background: rgba(var(--ys-accent-rgb), 0.06);}
.ys-dropzone input[type="file"] {position: absolute;inset: 0;opacity: 0;cursor: pointer;}
.ys-dropzone__icon {width: 44px;height: 44px;display: grid;place-items: center;border-radius: var(--ys-radius-sm);background: rgba(var(--ys-accent-rgb), 0.1);color: var(--ys-accent);font-size: 1.2rem;}
.ys-dropzone strong { color: var(--ys-text); font-size: 0.86rem; }
.ys-dropzone small { color: var(--ys-quiet); font-size: 0.7rem; }
.ys-file-list { display: grid; gap: var(--ys-space-2); }
.ys-file {padding: var(--ys-space-3);display: grid;grid-template-columns: 32px 1fr auto;gap: var(--ys-space-3);align-items: center;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);}
.ys-file__icon {width: 32px;height: 32px;display: grid;place-items: center;border-radius: var(--ys-radius-xs);background: rgba(var(--ys-accent-rgb), 0.1);color: var(--ys-accent);font-size: 0.65rem;font-weight: 900;}
.ys-file b { display: block; font-size: 0.8rem; }
.ys-file small { color: var(--ys-quiet); font-size: 0.68rem; }
.ys-search {min-height: 44px;padding: 0 var(--ys-space-3);display: inline-flex;align-items: center;gap: var(--ys-space-2);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-field);color: var(--ys-quiet);transition: border-color var(--ys-motion-base) var(--ys-motion-ease),box-shadow var(--ys-motion-base) var(--ys-motion-ease);}
.ys-search:focus-within {border-color: rgba(var(--ys-accent-rgb), 0.6);box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.14);}
.ys-search input {min-width: 0;flex: 1;border: 0;outline: 0;background: transparent;color: var(--ys-text);font-family: inherit;font-size: 0.86rem;}
.ys-search input::placeholder { color: var(--ys-quiet); }
.ys-search button {display: none;width: 22px;height: 22px;place-items: center;border: 0;border-radius: 50%;background: var(--ys-panel-hover);color: var(--ys-quiet);cursor: pointer;font-family: inherit;font-size: 0.7rem;line-height: 1;}
.ys-search input:not(:placeholder-shown) ~ button { display: grid; }
.ys-search button:hover { color: var(--ys-text); }
.ys-search--block { width: 100%; display: flex; }
.ys-form-divider {margin: var(--ys-space-5) 0;display: flex;align-items: center;gap: var(--ys-space-3);color: var(--ys-quiet);font-size: 0.68rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;}
.ys-form-divider::after {content: "";flex: 1;height: 1px;background: var(--ys-line);}
.ys-form-divider:empty::after { margin: 0; }
.ys-row-link {display: block;color: inherit;text-decoration: none;}
.ys-row-link:hover { color: var(--ys-accent); }
.ys-row-link:focus-visible {outline: none;box-shadow: 0 0 0 3px rgba(var(--ys-accent-rgb), 0.28);border-radius: var(--ys-radius-xs);}
.ys-row-link--arrow::after {content: "→";margin-left: var(--ys-space-2);opacity: 0;transition: opacity var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-row-link--arrow:hover::after { opacity: 1; }
.ys-summary {padding: var(--ys-space-5);display: grid;gap: var(--ys-space-2);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-summary__row {display: flex;align-items: baseline;justify-content: space-between;gap: var(--ys-space-4);color: var(--ys-muted);font-size: 0.86rem;}
.ys-summary__row b {color: var(--ys-text);font-variant-numeric: tabular-nums;}
.ys-summary__row--total {margin-top: var(--ys-space-2);padding-top: var(--ys-space-3);border-top: 1px solid var(--ys-line);color: var(--ys-text);font-size: 1rem;}
.ys-summary__row--total b {font-size: 1.5rem;font-weight: 800;letter-spacing: -0.03em;}
.ys-summary__status {justify-self: start;margin-top: var(--ys-space-2);}
.ys-check-card {padding: var(--ys-space-4);display: flex;align-items: flex-start;gap: var(--ys-space-3);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);cursor: pointer;transition: border-color var(--ys-motion-fast) var(--ys-motion-ease),background var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-check-card input {position: absolute;width: 1px;height: 1px;opacity: 0;}
.ys-check-card i {width: 20px;height: 20px;flex: 0 0 20px;margin-top: 2px;display: grid;place-items: center;border: 1px solid var(--ys-line-strong);border-radius: 6px;color: transparent;font-style: normal;font-size: 0.7rem;}
.ys-check-card b { display: block; font-size: 0.9rem; }
.ys-check-card span {display: block;margin-top: 2px;color: var(--ys-muted);font-size: 0.78rem;line-height: 1.5;}
.ys-check-card:has(input:checked) {border-color: rgba(var(--ys-accent-rgb), 0.5);background: rgba(var(--ys-accent-rgb), 0.07);}
.ys-check-card:has(input:checked) i {border-color: var(--ys-accent);background: var(--ys-accent);color: var(--ys-accent-ink);}
.ys-check-card:has(input:focus-visible) {box-shadow: 0 0 0 3px rgba(var(--ys-accent-rgb), 0.18);}
.ys-button--success {border: 1px solid rgba(var(--ys-success-rgb), 0.3);background: rgba(var(--ys-success-rgb), 0.12);color: var(--ys-success);}
.ys-button--success:hover {border-color: rgba(var(--ys-success-rgb), 0.55);background: rgba(var(--ys-success-rgb), 0.18);}
.ys-section-title {margin: 0 0 var(--ys-space-4);display: flex;align-items: baseline;justify-content: space-between;gap: var(--ys-space-4);}
.ys-section-title h2,.ys-section-title h3 {margin: 0;font-size: 1.25rem;font-weight: 700;letter-spacing: -0.02em;}
.ys-section-title small {color: var(--ys-quiet);font-size: 0.72rem;}
.ys-alert {min-height: 74px;padding: var(--ys-space-3) var(--ys-space-4);display: grid;grid-template-columns: 36px 1fr auto;gap: var(--ys-space-3);align-items: center;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);}
.ys-alert > i {width: 34px;height: 34px;display: grid;place-items: center;border-radius: var(--ys-radius-sm);font-style: normal;font-weight: 900;}
.ys-alert > div { display: grid; gap: 2px; }
.ys-alert b { font-size: 0.83rem; }
.ys-alert span { color: var(--ys-muted); font-size: 0.73rem; }
.ys-alert button {border: 0;background: transparent;color: var(--ys-quiet);cursor: pointer;font-family: inherit;font-size: 1.1rem;}
.ys-alert--success {border-color: rgba(var(--ys-success-rgb), 0.28);background: rgba(var(--ys-success-rgb), 0.07);}
.ys-alert--success > i {color: var(--ys-success);background: rgba(var(--ys-success-rgb), 0.12);}
.ys-alert--warning {border-color: rgba(var(--ys-warning-rgb), 0.28);background: rgba(var(--ys-warning-rgb), 0.07);}
.ys-alert--warning > i {color: var(--ys-warning);background: rgba(var(--ys-warning-rgb), 0.11);}
.ys-alert--danger {border-color: rgba(var(--ys-danger-rgb), 0.28);background: rgba(var(--ys-danger-rgb), 0.07);}
.ys-alert--danger > i {color: var(--ys-danger);background: rgba(var(--ys-danger-rgb), 0.11);}
.ys-alert--info {border-color: rgba(var(--ys-info-rgb), 0.28);background: rgba(var(--ys-info-rgb), 0.07);}
.ys-alert--info > i {color: var(--ys-info);background: rgba(var(--ys-info-rgb), 0.11);}
.ys-alerts-stack { display: grid; gap: var(--ys-space-3); }
.ys-badge {display: inline-flex;align-items: center;padding: 6px 10px;border-radius: var(--ys-radius-pill);font-size: 0.67rem;font-weight: 900;}
.ys-badge--active { color: var(--ys-accent-ink); background: var(--ys-accent); }
.ys-badge--neutral { color: var(--ys-muted); background: var(--ys-panel-hover); }
.ys-badge--success { color: var(--ys-success); background: rgba(var(--ys-success-rgb), 0.13); }
.ys-badge--warning { color: var(--ys-warning); background: rgba(var(--ys-warning-rgb), 0.13); }
.ys-badge--danger { color: var(--ys-danger); background: rgba(var(--ys-danger-rgb), 0.12); }
.ys-badge--info { color: var(--ys-info); background: rgba(var(--ys-info-rgb), 0.14); }
.ys-badge-row {display: flex;flex-wrap: wrap;gap: var(--ys-space-2);}
.ys-progress {height: 8px;border-radius: var(--ys-radius-pill);background: var(--ys-panel-hover);overflow: hidden;}
.ys-progress i {display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, var(--ys-accent), var(--ys-accent-light));box-shadow: 0 0 14px rgba(var(--ys-accent-rgb), 0.5);}
.ys-steps {display: flex;align-items: center;gap: var(--ys-space-2);}
.ys-steps b {width: 24px;height: 24px;flex: 0 0 24px;display: grid;place-items: center;border: 1px solid var(--ys-line-strong);border-radius: 50%;color: var(--ys-quiet);font-size: 0.6rem;}
.ys-steps b.is-done {border-color: var(--ys-accent);background: var(--ys-accent);color: var(--ys-accent-ink);}
.ys-steps i {flex: 1;height: 1px;background: var(--ys-line);}
.ys-toast {position: fixed;z-index: 200;right: var(--ys-space-5);bottom: var(--ys-space-5);padding: var(--ys-space-3) var(--ys-space-4);display: flex;align-items: center;gap: var(--ys-space-3);border: 1px solid rgba(var(--ys-accent-rgb), 0.35);border-radius: var(--ys-radius-sm);background: rgba(var(--ys-deep-rgb), 0.92);box-shadow: var(--ys-shadow-lg);backdrop-filter: blur(18px);font-size: 0.75rem;font-weight: 800;animation: ys-toast-in var(--ys-motion-slow) var(--ys-motion-ease);}
.ys-toast i {width: 22px;height: 22px;display: grid;place-items: center;border-radius: 50%;background: var(--ys-accent);color: var(--ys-accent-ink);font-style: normal;font-size: 0.65rem;}
@keyframes ys-toast-in {from { transform: translateY(10px); opacity: 0; }
}
.ys-empty {padding: var(--ys-space-8) var(--ys-space-5);display: grid;place-items: center;gap: var(--ys-space-3);text-align: center;}
.ys-empty__icon {width: 64px;height: 64px;margin-bottom: var(--ys-space-2);display: grid;place-items: center;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);color: var(--ys-quiet);font-size: 1.6rem;}
.ys-empty h3 {margin: 0;font-size: 1.2rem;letter-spacing: -0.02em;}
.ys-empty p {max-width: 380px;margin: 0;color: var(--ys-muted);font-size: 0.84rem;line-height: 1.6;}
.ys-empty--search .ys-empty__icon {border-color: rgba(var(--ys-warning-rgb), 0.25);color: var(--ys-warning);}
.ys-skeleton {border-radius: var(--ys-radius-xs);background: linear-gradient( 90deg,var(--ys-panel-soft) 25%,var(--ys-panel-hover) 37%,var(--ys-panel-soft) 63% );background-size: 400% 100%;animation: ys-skeleton-sweep 1.4s ease infinite;}
.ys-skeleton--text { height: 12px; margin-bottom: var(--ys-space-2); }
.ys-skeleton--title { height: 24px; width: 45%; margin-bottom: var(--ys-space-3); }
.ys-skeleton--line { height: 12px; width: 100%; }
.ys-skeleton--line-short { height: 12px; width: 62%; }
.ys-skeleton--block { height: 120px; border-radius: var(--ys-radius-sm); }
.ys-skeleton--circle { width: 40px; height: 40px; border-radius: 50%; }
@keyframes ys-skeleton-sweep {from { background-position: 100% 50%; }
to { background-position: 0 50%; }
}
.ys-spinner {width: 20px;height: 20px;display: inline-block;border: 2px solid rgba(var(--ys-accent-rgb), 0.2);border-top-color: var(--ys-accent);border-radius: 50%;animation: ys-spin 0.7s linear infinite;}
.ys-spinner--lg { width: 34px; height: 34px; border-width: 3px; }
@keyframes ys-spin {to { transform: rotate(360deg); }
}
.ys-loading-overlay {position: absolute;inset: 0;display: grid;place-items: center;gap: var(--ys-space-3);border-radius: inherit;background: rgba(var(--ys-bg-rgb), 0.72);backdrop-filter: blur(2px);color: var(--ys-muted);font-size: 0.78rem;}
.ys-tooltip {position: relative;display: inline-flex;}
.ys-tooltip__bubble {position: absolute;bottom: calc(100% + 8px);left: 50%;z-index: 120;width: max-content;max-width: 260px;padding: var(--ys-space-2) var(--ys-space-3);transform: translateX(-50%);border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-xs);background: rgba(var(--ys-deep-rgb), 0.96);color: var(--ys-text);font-size: 0.72rem;font-weight: 500;line-height: 1.45;text-align: left;box-shadow: var(--ys-shadow-md);opacity: 0;visibility: hidden;transition: opacity var(--ys-motion-fast) var(--ys-motion-ease),visibility var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-tooltip:hover .ys-tooltip__bubble,.ys-tooltip:focus-within .ys-tooltip__bubble {opacity: 1;visibility: visible;}
.ys-hint {width: 16px;height: 16px;display: inline-grid;place-items: center;border: 1px solid var(--ys-line-strong);border-radius: 50%;background: transparent;color: var(--ys-quiet);cursor: help;font-family: inherit;font-size: 0.6rem;font-weight: 900;}
.ys-hint:hover { border-color: var(--ys-accent); color: var(--ys-accent); }
.ys-callout {padding: var(--ys-space-4) var(--ys-space-5);border-left: 3px solid var(--ys-accent);border-radius: 0 var(--ys-radius-xs) var(--ys-radius-xs) 0;background: rgba(var(--ys-accent-rgb), 0.06);}
.ys-callout__label {display: block;margin-bottom: var(--ys-space-2);color: var(--ys-accent);font-size: 0.65rem;font-weight: 900;letter-spacing: 0.12em;text-transform: uppercase;}
.ys-callout p {margin: 0;color: var(--ys-muted);font-size: 0.84rem;line-height: 1.6;}
.ys-callout--warning {border-left-color: var(--ys-warning);background: rgba(var(--ys-warning-rgb), 0.06);}
.ys-callout--warning .ys-callout__label { color: var(--ys-warning); }
.ys-callout--danger {border-left-color: var(--ys-danger);background: rgba(var(--ys-danger-rgb), 0.06);}
.ys-callout--danger .ys-callout__label { color: var(--ys-danger); }
.ys-callout--info {border-left-color: var(--ys-info);background: rgba(var(--ys-info-rgb), 0.06);}
.ys-callout--info .ys-callout__label { color: var(--ys-info); }
.ys-guide-card {padding: var(--ys-space-6);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-guide-card--do { border-color: rgba(var(--ys-accent-rgb), 0.28); }
.ys-guide-card--dont { border-color: rgba(var(--ys-danger-rgb), 0.2); }
.ys-guide-card__label {width: fit-content;padding: 5px 9px;border-radius: var(--ys-radius-pill);background: var(--ys-accent);color: var(--ys-accent-ink);font-size: 0.62rem;font-weight: 900;letter-spacing: 0.12em;}
.ys-guide-card--dont .ys-guide-card__label {background: var(--ys-danger);color: var(--ys-bg);}
.ys-guide-card ul {margin: var(--ys-space-5) 0 0;padding: 0;display: grid;gap: var(--ys-space-3);list-style: none;}
.ys-guide-card li {position: relative;padding-left: 23px;color: var(--ys-muted);font-size: 0.8rem;}
.ys-guide-card--do li::before {content: "✓";position: absolute;left: 0;color: var(--ys-accent);font-weight: 900;}
.ys-guide-card--dont li::before {content: "×";position: absolute;left: 0;color: var(--ys-danger);font-weight: 900;}
.ys-panel {padding: var(--ys-space-6);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: rgba(var(--ys-text-rgb), 0.03);}
.ys-panel__head {margin-bottom: var(--ys-space-5);padding-bottom: var(--ys-space-4);display: flex;justify-content: space-between;align-items: start;gap: var(--ys-space-5);border-bottom: 1px solid var(--ys-line);}
.ys-panel__head span {color: var(--ys-accent);font-size: 0.67rem;font-weight: 900;letter-spacing: 0.13em;}
.ys-panel__head small {color: var(--ys-quiet);font-size: 0.68rem;}
.ys-kpi-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--ys-space-4);}
.ys-kpi {min-height: 185px;padding: var(--ys-space-5);display: flex;flex-direction: column;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-kpi > span,.ys-kpi small {color: var(--ys-muted);font-size: 0.73rem;}
.ys-kpi strong {margin: auto 0 var(--ys-space-2);font-size: clamp(1.7rem, 3vw, 2.7rem);line-height: 1;letter-spacing: -0.06em;}
.ys-kpi small i {color: var(--ys-accent);font-style: normal;font-weight: 800;}
.ys-kpi--featured {border-color: rgba(var(--ys-accent-rgb), 0.38);background: radial-gradient(circle at top right, rgba(var(--ys-accent-rgb), 0.2), transparent 14rem),var(--ys-panel-soft);}
.ys-kpi--urgent {border-color: rgba(var(--ys-warning-rgb), 0.22);background: radial-gradient(circle at top right, rgba(var(--ys-warning-rgb), 0.1), transparent 13rem),var(--ys-panel-soft);}
.ys-kpi--urgent small i { color: var(--ys-warning); }
.ys-table-card {border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: rgba(var(--ys-text-rgb), 0.03);overflow: hidden;}
.ys-table-toolbar {padding: var(--ys-space-5) var(--ys-space-6);display: flex;align-items: center;justify-content: space-between;gap: var(--ys-space-5);border-bottom: 1px solid var(--ys-line);}
.ys-table-toolbar h3 {margin: 0;font-size: 1.35rem;}
.ys-table-actions {display: flex;flex-wrap: wrap;gap: var(--ys-space-2);}
.ys-table-search {width: 190px;height: 42px;padding: 0 var(--ys-space-3);display: flex;align-items: center;gap: 7px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-field);color: var(--ys-quiet);}
.ys-table-search input {min-width: 0;width: 100%;border: 0;outline: 0;background: transparent;color: var(--ys-text);font-family: inherit;font-size: 0.72rem;}
.ys-table-wrap { overflow: auto; }
.ys-table {width: 100%;min-width: 830px;border-collapse: collapse;}
.ys-table th,.ys-table td {padding: 15px 18px;text-align: left;border-bottom: 1px solid var(--ys-line);white-space: nowrap;}
.ys-table th {color: var(--ys-quiet);font-size: 0.62rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.09em;}
.ys-table td {color: var(--ys-muted);font-size: 0.73rem;}
.ys-table td b { color: var(--ys-text); }
.ys-table td small {display: block;color: var(--ys-quiet);font-size: 0.61rem;}
.ys-table th button {display: inline-flex;align-items: center;gap: 6px;padding: 0;border: 0;background: transparent;color: inherit;cursor: pointer;font: inherit;letter-spacing: inherit;text-transform: inherit;}
.ys-table th button:hover { color: var(--ys-accent); }
.ys-table th button::after {content: "↕";opacity: 0.4;font-size: 0.9em;}
.ys-table th[aria-sort="ascending"] button { color: var(--ys-accent); }
.ys-table th[aria-sort="ascending"] button::after { content: "↑"; opacity: 1; }
.ys-table th[aria-sort="descending"] button { color: var(--ys-accent); }
.ys-table th[aria-sort="descending"] button::after { content: "↓"; opacity: 1; }
.ys-table tbody tr:last-child td { border-bottom: 0; }
.ys-table tbody tr:hover td { background: rgba(var(--ys-text-rgb), 0.02); }
.ys-avatar {width: 30px;height: 30px;display: grid;place-items: center;border: 1px solid rgba(var(--ys-accent-rgb), 0.24);border-radius: 50%;background: rgba(var(--ys-accent-rgb), 0.08);color: var(--ys-accent);font-size: 0.6rem;font-weight: 900;}
.ys-rank-list {display: grid;align-content: start;gap: var(--ys-space-5);}
.ys-rank {display: grid;grid-template-columns: 1fr auto;gap: var(--ys-space-2);}
.ys-rank span { font-size: 0.74rem; }
.ys-rank b { font-size: 0.72rem; }
.ys-rank > i {grid-column: 1 / -1;height: 5px;border-radius: var(--ys-radius-pill);background: var(--ys-panel-hover);overflow: hidden;}
.ys-rank em {display: block;height: 100%;border-radius: inherit;background: var(--ys-accent);}
@media (max-width: 1100px) {.ys-kpi-grid { grid-template-columns: 1fr 1fr; }
.ys-table-toolbar { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 780px) {.ys-kpi-grid { grid-template-columns: 1fr; }
.ys-table-actions { width: 100%; }
.ys-table-search { width: 100%; }
}
.ys-descriptions {margin: 0;display: grid;gap: 1px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-line);overflow: hidden;}
.ys-descriptions__row {display: grid;grid-template-columns: minmax(120px, 200px) minmax(0, 1fr);gap: var(--ys-space-4);padding: var(--ys-space-3) var(--ys-space-4);background: var(--ys-panel);}
.ys-descriptions dt {color: var(--ys-muted);font-size: 0.78rem;}
.ys-descriptions dd {margin: 0;color: var(--ys-text);font-size: 0.86rem;overflow-wrap: anywhere;}
.ys-descriptions dd.ys-mono { font-size: 0.8rem; }
@media (max-width: 620px) {.ys-descriptions__row { grid-template-columns: 1fr; gap: var(--ys-space-1); }
}
.ys-descriptions--inline {display: flex;flex-wrap: wrap;gap: var(--ys-space-6);border: 0;border-radius: 0;background: none;}
.ys-descriptions--inline .ys-descriptions__row {display: block;padding: 0;background: none;}
.ys-descriptions--inline dt {margin-bottom: var(--ys-space-1);font-size: 0.68rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}
.ys-actions {margin: 0;padding: 0;display: grid;gap: var(--ys-space-3);list-style: none;counter-reset: ys-action;}
.ys-actions__item {position: relative;padding: var(--ys-space-4) var(--ys-space-5) var(--ys-space-4) var(--ys-space-7);display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: var(--ys-space-4);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-actions__item::before {counter-increment: ys-action;content: counter(ys-action, decimal-leading-zero);position: absolute;top: var(--ys-space-4);left: var(--ys-space-4);color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.72rem;font-weight: 700;}
.ys-actions__item--high { border-left: 3px solid var(--ys-danger); }
.ys-actions__item--medium { border-left: 3px solid var(--ys-warning); }
.ys-actions__item--low { border-left: 3px solid var(--ys-accent); }
.ys-actions__main { flex: 1 1 320px; }
.ys-actions__title {margin: 0;font-size: 0.96rem;font-weight: 700;}
.ys-actions__note {margin: var(--ys-space-2) 0 0;color: var(--ys-muted);font-size: 0.82rem;line-height: 1.6;}
.ys-actions__meta {display: flex;flex-wrap: wrap;align-items: center;gap: var(--ys-space-4);color: var(--ys-quiet);font-size: 0.74rem;}
.ys-actions__owner {display: inline-flex;align-items: center;gap: var(--ys-space-2);color: var(--ys-muted);}
.ys-actions__due {font-family: var(--ys-font-mono);font-size: 0.72rem;}
.ys-actions__due--overdue { color: var(--ys-danger); font-weight: 700; }
.ys-actions__item--done { opacity: 0.55; }
.ys-actions__item--done .ys-actions__title { text-decoration: line-through; }
.ys-events {margin: 0;padding: 0 0 0 var(--ys-space-5);display: grid;gap: var(--ys-space-5);border-left: 1px solid var(--ys-line);list-style: none;}
.ys-events__item { position: relative; }
.ys-events__item::before {content: "";position: absolute;top: 0.45em;left: calc(-1 * var(--ys-space-5) - 4px);width: 7px;height: 7px;border-radius: var(--ys-radius-pill);background: var(--ys-line-strong);}
.ys-events__item--current::before {background: var(--ys-accent);box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.18);}
.ys-events__time {display: block;color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.7rem;}
.ys-events__text {margin: var(--ys-space-1) 0 0;color: var(--ys-text);font-size: 0.86rem;}
.ys-events__by {color: var(--ys-muted);font-size: 0.78rem;}
.ys-modal-backdrop {position: fixed;z-index: 150;inset: 0;padding: var(--ys-space-5);display: grid;place-items: center;background: var(--ys-backdrop);backdrop-filter: blur(10px);}
.ys-modal {padding: 0;border: 0;background: transparent;}
.ys-modal::backdrop {background: var(--ys-backdrop);backdrop-filter: blur(10px);}
.ys-modal-card {position: relative;width: min(100%, 500px);padding: 38px;text-align: center;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-md);background: linear-gradient(145deg, rgba(var(--ys-text-rgb), 0.07), rgba(var(--ys-text-rgb), 0.025)),var(--ys-bg);color: var(--ys-text);box-shadow: var(--ys-shadow-lg);animation: ys-modal-in var(--ys-motion-slow) var(--ys-motion-ease);}
.ys-modal-close {position: absolute;right: 18px;top: 14px;border: 0;background: transparent;color: var(--ys-quiet);cursor: pointer;font-family: inherit;font-size: 1.5rem;line-height: 1;}
.ys-modal-close:hover { color: var(--ys-text); }
.ys-modal-icon {width: 54px;height: 54px;margin: 0 auto var(--ys-space-5);display: grid;place-items: center;border-radius: var(--ys-radius-sm);background: var(--ys-accent);color: var(--ys-accent-ink);box-shadow: 0 0 28px rgba(var(--ys-accent-rgb), 0.25);font-weight: 900;}
.ys-modal-card h3 {margin: 0;font-size: 2.2rem;letter-spacing: -0.03em;}
.ys-modal-card p {margin: var(--ys-space-4) 0 var(--ys-space-5);color: var(--ys-muted);font-size: 0.84rem;}
.ys-modal-actions {display: flex;justify-content: center;gap: var(--ys-space-3);}
@keyframes ys-modal-in {from { transform: translateY(10px) scale(0.98); opacity: 0; }
}
@media (max-width: 780px) {.ys-modal-actions { flex-direction: column; }
}
#ys-panel {position: fixed;top: 0;right: 0;bottom: 0;width: min(440px, 92vw);z-index: 120;background: var(--ys-deep, var(--bg));box-shadow: var(--ys-shadow-lg);}
#ys-panel-obsah,#ys-panel-obsah iframe {display: block;width: 100%;height: 100%;border: 0;}
#ys-panel-obsah iframe[hidden] {display: none;}
#ys-panel-zavrit,#ys-panel-odepnout {position: absolute;top: 10px;right: 24px;z-index: 2;width: 30px;height: 30px;display: grid;place-items: center;border: 1px solid var(--ys-line-strong, var(--line));border-radius: 50%;background: var(--ys-deep, var(--bg));color: var(--ys-muted, var(--muted));font: 14px/1 inherit;cursor: pointer;}
#ys-panel-odepnout {right: 62px;}
#ys-panel-odepnout svg {width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}
#ys-panel-zavrit:hover,#ys-panel-zavrit:focus-visible,#ys-panel-odepnout:hover,#ys-panel-odepnout:focus-visible {color: var(--ys-text, var(--text));border-color: var(--ys-text, var(--text));}
#ys-panel-uchyt {position: absolute;top: 0;left: 0;bottom: 0;width: 8px;cursor: ew-resize;z-index: 2;touch-action: none;}
#ys-panel-uchyt:hover,#ys-panel.tahne #ys-panel-uchyt {background: rgba(var(--ys-accent-rgb), 0.35);}
#ys-panel.tahne iframe {pointer-events: none;}
button[data-ys-panel] {background: none;padding: 0;cursor: pointer;font: inherit;}
html.ys-panel-otevreno {overflow: hidden;}
html.ys-panel-otevreno {scrollbar-gutter: auto;}
.ys-breadcrumb {display: flex;flex-wrap: wrap;align-items: center;gap: var(--ys-space-2);margin: 0;padding: 0;list-style: none;color: var(--ys-quiet);font-size: 0.74rem;}
.ys-breadcrumb a {color: var(--ys-muted);text-decoration: none;}
.ys-breadcrumb a:hover { color: var(--ys-accent); }
.ys-breadcrumb li:not(:last-child)::after {content: "/";margin-left: var(--ys-space-2);color: var(--ys-line-strong);}
.ys-breadcrumb li[aria-current="page"] { color: var(--ys-text); font-weight: 700; }
.ys-pagination {display: flex;flex-wrap: wrap;align-items: center;gap: 4px;margin: 0;padding: 0;list-style: none;}
.ys-pagination a,.ys-pagination span {min-width: 36px;height: 36px;padding: 0 10px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-xs);background: var(--ys-panel-soft);color: var(--ys-muted);text-decoration: none;font-size: 0.75rem;font-weight: 700;transition: border-color var(--ys-motion-fast) var(--ys-motion-ease),color var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-pagination a:hover {border-color: rgba(var(--ys-accent-rgb), 0.45);color: var(--ys-accent);}
.ys-pagination [aria-current="page"] {border-color: var(--ys-accent);background: var(--ys-accent);color: var(--ys-accent-ink);}
.ys-pagination .is-disabled {opacity: 0.4;pointer-events: none;}
.ys-pagination .is-gap {border: 0;background: transparent;color: var(--ys-quiet);}
.ys-pagination__info {margin-left: auto;color: var(--ys-quiet);font-size: 0.72rem;}
.ys-menu {position: relative;display: inline-block;}
.ys-menu > summary {list-style: none;cursor: pointer;}
.ys-menu > summary::-webkit-details-marker { display: none; }
.ys-menu__panel {position: absolute;right: 0;top: calc(100% + 6px);z-index: 130;min-width: 200px;padding: 6px;display: grid;gap: 2px;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-sm);background: rgba(var(--ys-deep-rgb), 0.97);box-shadow: var(--ys-shadow-md);backdrop-filter: blur(18px);}
.ys-menu__panel a,.ys-menu__panel button {padding: 9px 11px;display: flex;align-items: center;gap: var(--ys-space-3);width: 100%;border: 0;border-radius: var(--ys-radius-xs);background: transparent;color: var(--ys-muted);cursor: pointer;font-family: inherit;font-size: 0.78rem;font-weight: 600;text-align: left;text-decoration: none;}
.ys-menu__panel a:hover,.ys-menu__panel button:hover {background: var(--ys-panel-hover);color: var(--ys-text);}
.ys-menu__panel .is-danger { color: var(--ys-danger); }
.ys-menu__panel hr {height: 1px;margin: 4px 0;border: 0;background: var(--ys-line);}
.ys-menu__label {padding: 8px 11px 4px;color: var(--ys-quiet);font-size: 0.62rem;font-weight: 900;letter-spacing: 0.1em;text-transform: uppercase;}
.ys-accordion {border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);overflow: hidden;}
.ys-accordion + .ys-accordion { margin-top: var(--ys-space-2); }
.ys-accordion > summary {padding: var(--ys-space-4) var(--ys-space-5);display: flex;align-items: center;justify-content: space-between;gap: var(--ys-space-3);cursor: pointer;color: var(--ys-text);font-size: 0.88rem;font-weight: 700;list-style: none;}
.ys-accordion > summary::-webkit-details-marker { display: none; }
.ys-accordion > summary::after {content: "+";color: var(--ys-accent);font-size: 1.1rem;font-weight: 400;transition: transform var(--ys-motion-base) var(--ys-motion-ease);}
.ys-accordion[open] > summary::after { content: "−"; }
.ys-accordion[open] > summary { border-bottom: 1px solid var(--ys-line); }
.ys-accordion__body {padding: var(--ys-space-5);color: var(--ys-muted);font-size: 0.84rem;line-height: 1.65;}
.ys-accordion__body p:first-child { margin-top: 0; }
.ys-accordion__body p:last-child { margin-bottom: 0; }
.ys-skip-link {position: absolute;left: var(--ys-space-4);top: -60px;z-index: 300;padding: var(--ys-space-3) var(--ys-space-4);border-radius: var(--ys-radius-xs);background: var(--ys-accent);color: var(--ys-accent-ink);font-size: 0.8rem;font-weight: 800;text-decoration: none;transition: top var(--ys-motion-fast) var(--ys-motion-ease);}
.ys-skip-link:focus { top: var(--ys-space-4); }
.ys-topbar {position: fixed;inset: 0 0 auto 0;z-index: 80;height: var(--ys-layout-header);padding: 0 var(--ys-space-6);display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: var(--ys-space-5);border-bottom: 1px solid var(--ys-line);background: rgba(var(--ys-deep-rgb), 0.84);backdrop-filter: blur(20px);}
.ys-brand {display: inline-flex;align-items: center;gap: var(--ys-space-3);color: inherit;text-decoration: none;}
.ys-brand img {width: 146px;height: 45px;object-fit: contain;object-position: left center;}
.ys-brand__divider {width: 1px;height: 26px;background: var(--ys-line-strong);}
.ys-brand__product {color: var(--ys-accent);font-size: 0.69rem;font-weight: 900;letter-spacing: 0.18em;}
.ys-topbar-nav {display: flex;align-items: center;gap: 5px;padding: 5px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);}
.ys-topbar-nav a {min-width: 96px;padding: 7px 15px;border-radius: var(--ys-radius-pill);color: var(--ys-muted);font-size: 0.72rem;font-weight: 800;text-align: center;text-decoration: none;transition: color var(--ys-motion-base) var(--ys-motion-ease);}
.ys-topbar-nav a:hover { color: var(--ys-text); }
.ys-topbar-nav a.is-active,.ys-topbar-nav a[aria-current="page"] {background: var(--ys-accent);color: var(--ys-accent-ink);box-shadow: 0 0 24px rgba(var(--ys-accent-rgb), 0.2);}
.ys-topbar-meta {justify-self: end;display: flex;align-items: center;gap: var(--ys-space-3);color: var(--ys-quiet);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.1em;}
.ys-status-dot {width: 7px;height: 7px;border-radius: 50%;background: var(--ys-accent);box-shadow: 0 0 14px var(--ys-accent);}
.ys-sidebar {position: fixed;z-index: 70;top: var(--ys-layout-header);left: 0;bottom: 0;width: var(--ys-layout-sidebar);padding: var(--ys-space-6) var(--ys-space-5) var(--ys-space-5);display: flex;flex-direction: column;border-right: 1px solid var(--ys-line);background: rgba(var(--ys-deep-rgb), 0.68);backdrop-filter: blur(18px);overflow-y: auto;}
.ys-sidebar nav {display: grid;gap: 2px;padding: var(--ys-space-5) 0;}
.ys-sidebar nav a {display: flex;align-items: center;gap: var(--ys-space-3);padding: 7px 11px;border-radius: 9px;color: var(--ys-muted);font-size: 0.79rem;font-weight: 700;text-decoration: none;transition: color var(--ys-motion-base) var(--ys-motion-ease),background var(--ys-motion-base) var(--ys-motion-ease);}
.ys-sidebar nav a:hover {color: var(--ys-text);background: var(--ys-panel-soft);}
.ys-sidebar nav a.is-active,.ys-sidebar nav a[aria-current="page"] {color: var(--ys-text);background: var(--ys-panel-hover);}
.ys-sidebar nav a span {width: 18px;color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.6rem;}
.ys-app-main {margin-left: var(--ys-layout-sidebar);padding-top: var(--ys-layout-header);}
.ys-app-footer {margin-left: var(--ys-layout-sidebar);min-height: 76px;padding: 0 var(--ys-space-7);display: flex;align-items: center;justify-content: space-between;gap: var(--ys-space-5);border-top: 1px solid var(--ys-line);background: rgba(var(--ys-deep-rgb), 0.72);color: var(--ys-quiet);font-size: 0.72rem;}
.ys-app-footer__brand {display: inline-flex;align-items: center;gap: 6px;color: var(--ys-muted);}
.ys-app-footer__brand img { height: 22px; width: auto; }
.ys-app-footer__brand span { color: var(--ys-quiet); }
.ys-app-footer__brand strong { color: var(--ys-text); font-weight: 800; }
.ys-app-footer__version {color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.7rem;}
.ys-app-footer strong { color: var(--ys-text); }
.ys-tabs {width: fit-content;padding: 5px;display: flex;gap: 4px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);}
.ys-tabs button {min-height: 38px;padding: 0 18px;border: 0;border-radius: var(--ys-radius-pill);background: transparent;color: var(--ys-muted);cursor: pointer;font-family: inherit;font-size: 0.72rem;font-weight: 800;}
.ys-tabs button.is-active,.ys-tabs button[aria-selected="true"] {background: var(--ys-accent);color: var(--ys-accent-ink);}
@media (max-width: 1100px) {.ys-topbar-nav { display: none; }
}
@media (max-width: 780px) {.ys-topbar { padding: 0 var(--ys-space-4); grid-template-columns: 1fr auto; }
.ys-topbar-meta span:not(.ys-status-dot) { display: none; }
.ys-sidebar { display: none; }
.ys-app-main,.ys-app-footer { margin-left: 0; }
.ys-app-footer {padding: var(--ys-space-5);align-items: flex-start;flex-direction: column;}
}
.ys-browser {border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-lg);background: var(--ys-deep);box-shadow: var(--ys-shadow-lg);overflow: hidden;}
.ys-browser__bar {height: 42px;padding: 0 15px;display: flex;align-items: center;gap: 7px;border-bottom: 1px solid var(--ys-line);background: rgba(var(--ys-deep-rgb), 0.9);}
.ys-browser__bar > span {width: 7px;height: 7px;border-radius: 50%;background: var(--ys-line-strong);}
.ys-browser__bar > span:first-child { background: var(--ys-accent); }
.ys-browser__bar small {margin-left: var(--ys-space-3);color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.6rem;}
.ys-code {border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-deep);overflow: hidden;}
.ys-code__head {height: 48px;padding: 0 var(--ys-space-4);display: flex;align-items: center;gap: var(--ys-space-3);border-bottom: 1px solid var(--ys-line);}
.ys-code__head b {margin-right: auto;color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.68rem;font-weight: 600;}
.ys-code__head button {border: 0;background: transparent;color: var(--ys-accent);cursor: pointer;font-family: inherit;font-size: 0.68rem;font-weight: 800;}
.ys-code pre {margin: 0;padding: var(--ys-space-6);overflow: auto;color: var(--ys-muted);font-family: var(--ys-font-mono);font-size: 0.75rem;line-height: 1.7;}
.ys-code-inline {padding: 2px 6px;border: 1px solid var(--ys-line);border-radius: 5px;background: var(--ys-panel-soft);color: var(--ys-accent);font-family: var(--ys-font-mono);font-size: 0.85em;}
.ys-list {margin: 0;padding: 0;list-style: none;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);overflow: hidden;}
.ys-list > li {padding: var(--ys-space-4) var(--ys-space-5);display: flex;align-items: center;gap: var(--ys-space-4);border-bottom: 1px solid var(--ys-line);}
.ys-list > li:last-child { border-bottom: 0; }
.ys-list > li:hover { background: rgba(var(--ys-text-rgb), 0.02); }
.ys-list__main { flex: 1; min-width: 0; }
.ys-list__main b { display: block; font-size: 0.86rem; }
.ys-list__main small {display: block;margin-top: 2px;color: var(--ys-quiet);font-size: 0.72rem;}
.ys-list__actions {display: flex;align-items: center;gap: var(--ys-space-2);}
.ys-avatar-group {display: inline-flex;align-items: center;}
.ys-avatar-group .ys-avatar {margin-left: -8px;border: 2px solid var(--ys-bg);}
.ys-avatar-group .ys-avatar:first-child { margin-left: 0; }
.ys-avatar--lg {width: 44px;height: 44px;font-size: 0.78rem;}
.ys-fx-glow {border-color: rgba(var(--ys-accent-rgb), 0.35);box-shadow: 0 0 34px rgba(var(--ys-accent-rgb), 0.3);}
.ys-fx-glass {background: rgba(var(--ys-text-rgb), 0.07);backdrop-filter: blur(18px);box-shadow: var(--ys-shadow-md);}
.ys-fx-lift {transition: transform var(--ys-motion-base) var(--ys-motion-ease),box-shadow var(--ys-motion-base) var(--ys-motion-ease);}
.ys-fx-lift:hover {transform: translateY(-5px);box-shadow: var(--ys-shadow-md);}
.ys-fx-fade-bottom {mask-image: linear-gradient(to bottom, black 70%, transparent);}
.ys-fx-index {color: rgba(var(--ys-text-rgb), 0.022);font-size: clamp(8rem, 16vw, 16rem);font-weight: 900;line-height: 0.8;letter-spacing: -0.09em;user-select: none;}
.ys-login-page {min-height: 100vh;display: grid;grid-template-rows: var(--ys-layout-header) minmax(0, 1fr) 68px;background: linear-gradient(rgba(var(--ys-text-rgb), 0.018) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--ys-text-rgb), 0.018) 1px, transparent 1px),radial-gradient(circle at 12% 12%, rgba(var(--ys-accent-rgb), 0.12), transparent 27rem),radial-gradient(circle at 88% 18%, rgba(var(--ys-info-rgb), 0.12), transparent 30rem),var(--ys-bg);background-size: 40px 40px, 40px 40px, auto, auto, auto;color: var(--ys-text);font-family: var(--ys-font-sans);}
.ys-login-header {border-bottom: 1px solid var(--ys-line);background: rgba(var(--ys-deep-rgb), 0.94);}
.ys-login-header-inner {height: 100%;display: flex;align-items: center;}
.ys-login-brand {display: inline-flex;align-items: center;min-width: 0;color: inherit;text-decoration: none;}
.ys-login-brand-logo {display: block;width: auto;height: 40px;max-width: 138px;object-fit: contain;object-position: left center;}
.ys-login-brand-divider {width: 1px;height: 34px;margin: 0 var(--ys-space-4);flex: 0 0 1px;background: var(--ys-line-strong);}
.ys-login-brand-name {display: inline-flex;align-items: center;color: var(--ys-accent);font-size: 0.78rem;font-weight: 900;line-height: 1;letter-spacing: 0.13em;text-transform: uppercase;white-space: nowrap;}
.ys-login-main {margin: 0;padding: var(--ys-space-7) var(--ys-space-5);display: grid;place-items: center;}
.ys-login-card {width: min(100%, 460px);padding: 42px 40px 40px;text-align: center;border: 1px solid rgba(var(--ys-accent-rgb), 0.34);border-radius: var(--ys-radius-md);background: radial-gradient(circle at 50% 0, rgba(var(--ys-accent-rgb), 0.08), transparent 16rem),rgba(var(--ys-panel-rgb), 0.96);box-shadow: var(--ys-shadow-lg);}
.ys-login-icon {width: 56px;height: 56px;margin: 0 auto var(--ys-space-5);display: grid;place-items: center;color: var(--ys-accent);border: 1px solid rgba(var(--ys-accent-rgb), 0.46);border-radius: var(--ys-radius-sm);background: rgba(var(--ys-accent-rgb), 0.08);}
.ys-login-icon svg {width: 27px;height: 27px;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round;}
.ys-login-eyebrow {margin: 0;color: var(--ys-accent);font-size: 0.72rem;font-weight: 900;letter-spacing: 0.16em;text-transform: uppercase;}
.ys-login-card h1 {margin: var(--ys-space-5) 0 var(--ys-space-4);color: var(--ys-text);font-size: clamp(2rem, 5vw, 3rem);font-weight: 700;line-height: 1;letter-spacing: -0.045em;}
.ys-login-description {margin: 0 0 var(--ys-space-6);color: var(--ys-muted);font-size: 0.94rem;line-height: 1.55;}
.ys-login-alert {margin: 0 0 var(--ys-space-4);padding: 11px 13px;color: var(--ys-danger);font-size: 0.84rem;border: 1px solid rgba(var(--ys-danger-rgb), 0.22);border-radius: 11px;background: rgba(var(--ys-danger-rgb), 0.12);}
.ys-login-form { text-align: left; }
.ys-login-field label {display: block;margin: 0 0 var(--ys-space-2);color: var(--ys-text);font-size: 0.84rem;font-weight: 800;}
.ys-login-field input {width: 100%;min-height: 50px;padding: 0 15px;color: var(--ys-text);caret-color: var(--ys-accent);outline: none;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-sm);background: rgba(var(--ys-deep-rgb), 0.5);font-family: inherit;transition: border-color var(--ys-motion-base) var(--ys-motion-ease),box-shadow var(--ys-motion-base) var(--ys-motion-ease);}
.ys-login-field input:focus,.ys-login-field input:focus-visible {border-color: rgba(var(--ys-accent-rgb), 0.72);box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.1);}
.ys-login-button {width: 100%;min-height: 50px;margin-top: var(--ys-space-5);border: 0;border-radius: var(--ys-radius-pill);color: var(--ys-accent-ink);background: var(--ys-accent);cursor: pointer;font-family: inherit;font-weight: 900;transition: transform var(--ys-motion-base) var(--ys-motion-ease),background var(--ys-motion-base) var(--ys-motion-ease);}
.ys-login-button:hover {transform: translateY(-2px);background: var(--ys-accent-light);}
.ys-login-button:focus-visible {outline: none;box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.28);}
.ys-login-footer {margin: 0;border-top: 1px solid var(--ys-line);background: rgba(var(--ys-deep-rgb), 0.62);}
.ys-login-footer-inner {height: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--ys-space-5);color: var(--ys-quiet);font-size: 0.73rem;}
.ys-login-footer strong { color: var(--ys-muted); }
@media (max-width: 560px) {.ys-login-page { grid-template-rows: 72px minmax(0, 1fr) 76px; }
.ys-login-brand-logo { height: 34px; max-width: 118px; }
.ys-login-card { padding: 32px 24px 28px; }
}
@media print {.ys-topbar,.ys-sidebar,.ys-tabs,.ys-pagination,.ys-toast,.ys-menu,.ys-skip-link,.ys-filter-bar,.ys-dropzone,.ys-assessment-bar,.ys-modal-backdrop,.ys-print-hide {display: none !important;}
.ys-app-main,.ys-app-footer {margin-left: 0;padding-top: 0;}
.ys-print-only { display: revert !important; }
.ys-panel,.ys-card,.ys-table-card,.ys-kpi,.ys-dimension,.ys-question,.ys-result-head {background: none;backdrop-filter: none;}
.ys-kpi,.ys-dimension,.ys-question,.ys-alert,.ys-callout,.ys-guide-card,.ys-result-head,.ys-validity-notice,.ys-details {break-inside: avoid;}
.ys-section-title,.ys-question-section__head {break-after: avoid;}
.ys-gauge,.ys-score-band,.ys-bar__fill,.ys-progress i,.ys-chart__bar,.ys-badge,.ys-avatar {-webkit-print-color-adjust: exact;print-color-adjust: exact;}
.ys-table { min-width: 0; }
.ys-table-wrap { overflow: visible; }
.ys-table th,.ys-table td { white-space: normal; }
.ys-table thead { display: table-header-group; }
.ys-print-urls a::after {content: " (" attr(href) ")";color: var(--ys-quiet);font-size: 0.85em;word-break: break-all;}
}
.ys-print-only { display: none; }
.ys-nav {position: sticky;top: 0;z-index: 90;border-bottom: 1px solid var(--ys-line);background: rgba(var(--ys-bg-rgb), 0.9);backdrop-filter: blur(18px);}
.ys-nav__inner {min-height: 76px;display: flex;align-items: center;justify-content: space-between;gap: var(--ys-space-5);}
.ys-nav__links {display: flex;align-items: center;gap: var(--ys-space-5);margin: 0;padding: 0;list-style: none;}
.ys-nav__links a {color: var(--ys-muted);font-size: 0.86rem;font-weight: 700;text-decoration: none;transition: color var(--ys-motion-base) var(--ys-motion-ease);}
.ys-nav__links a:hover { color: var(--ys-text); }
.ys-nav__links a.is-active,.ys-nav__links a[aria-current="page"] {position: relative;color: var(--ys-accent);font-weight: 700;}
.ys-nav__links a.is-active::after,.ys-nav__links a[aria-current="page"]::after {content: "";position: absolute;left: 0;bottom: -8px;width: 100%;height: 2px;border-radius: var(--ys-radius-pill);background: var(--ys-accent);box-shadow: 0 0 6px rgba(var(--ys-accent-rgb), 0.45),0 0 12px rgba(var(--ys-accent-rgb), 0.25);}
.ys-nav__actions {display: flex;align-items: center;gap: var(--ys-space-3);}
.ys-nav__cta {padding: 10px 16px;border: 1px solid rgba(var(--ys-accent-rgb), 0.45);border-radius: var(--ys-radius-pill);background: rgba(var(--ys-accent-rgb), 0.11);color: var(--ys-text);font-size: 0.86rem;font-weight: 700;text-decoration: none;}
.ys-nav__cta:hover { border-color: var(--ys-accent); }
.ys-nav__toggle {display: none;width: 42px;height: 42px;padding: 0;place-items: center;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-xs);background: var(--ys-panel-soft);color: var(--ys-text);cursor: pointer;}
.ys-nav__checkbox {position: absolute;width: 1px;height: 1px;opacity: 0;}
.ys-lang {display: inline-flex;gap: 2px;padding: 3px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-pill);}
.ys-lang a {padding: 4px 9px;border-radius: var(--ys-radius-pill);color: var(--ys-quiet);font-size: 0.68rem;font-weight: 800;text-decoration: none;text-transform: uppercase;}
.ys-lang a.is-active {background: var(--ys-accent);color: var(--ys-accent-ink);}
.ys-page-hero {padding: 96px 0 64px;border-bottom: 1px solid var(--ys-line);}
.ys-page-hero h1 {max-width: 900px;margin: 0;font-size: clamp(2.4rem, 5.5vw, 4.4rem);font-weight: 700;line-height: 1.05;letter-spacing: -0.04em;}
.ys-page-hero__lead {max-width: 680px;margin: var(--ys-space-5) 0 0;color: var(--ys-muted);font-size: 1.08rem;line-height: 1.6;}
.ys-showcase {position: relative;width: min(100%, 520px);min-height: 600px;padding: var(--ys-space-5);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-lg);background: linear-gradient(145deg, rgba(var(--ys-text-rgb), 0.095), rgba(var(--ys-text-rgb), 0.025)),rgba(var(--ys-deep-rgb), 0.9);box-shadow: var(--ys-shadow-lg);overflow: hidden;}
.ys-hero > .ys-showcase { justify-self: end; }
.ys-showcase::before {content: "";position: absolute;inset: -40%;background: radial-gradient(circle, rgba(var(--ys-accent-rgb), 0.15), transparent 45%);animation: ys-pulse-glow 6s ease-in-out infinite;pointer-events: none;}
.ys-showcase > * { position: relative; z-index: 2; }
.ys-showcase__bar { display: flex; gap: var(--ys-space-2); }
.ys-showcase__bar span {width: 10px;height: 10px;border-radius: 50%;background: var(--ys-line-strong);}
.ys-showcase__bar span:first-child { background: var(--ys-accent); }
.ys-showcase__score {margin-top: 42px;padding: var(--ys-space-5);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-showcase__score > span {display: block;color: var(--ys-muted);font-size: 0.86rem;}
.ys-showcase__score strong {display: block;margin-top: var(--ys-space-2);font-size: 5rem;line-height: 1;letter-spacing: -0.08em;}
.ys-showcase__score > .ys-showcase__status,.ys-showcase__status {display: inline-flex;margin-top: var(--ys-space-3);padding: 4px 10px;border-radius: var(--ys-radius-pill);background: rgba(var(--ys-danger-solid-rgb), 0.67);color: var(--ys-text);font-size: 0.8rem;letter-spacing: 0.08em;text-transform: uppercase;}
.ys-showcase__score > .ys-showcase__status--warning,.ys-showcase__status--warning {background: rgba(var(--ys-warning-rgb), 0.85);color: var(--ys-bg);}
.ys-showcase__score > .ys-showcase__status--ok,.ys-showcase__status--ok {background: rgba(var(--ys-success-rgb), 0.85);color: var(--ys-bg);}
.ys-showcase__bars {display: grid;gap: var(--ys-space-4);margin-top: 26px;}
.ys-showcase__bars > div { display: grid; gap: var(--ys-space-2); }
.ys-showcase__bars span {color: var(--ys-muted);font-size: 0.86rem;}
.ys-showcase__bars i {height: 9px;border-radius: var(--ys-radius-pill);background: var(--ys-panel-hover);overflow: hidden;}
.ys-showcase__bars em {display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, var(--ys-accent), var(--ys-warning));transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);}
@keyframes ys-pulse-glow {0%, 100% { transform: translate(-6%, -4%) scale(1); opacity: 0.85; }
50% { transform: translate(4%, 6%) scale(1.08); opacity: 1; }
}
.ys-reveal {opacity: 0;transform: translateY(18px);transition: opacity 0.7s var(--ys-motion-ease),transform 0.7s var(--ys-motion-ease);}
.ys-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {.ys-reveal { opacity: 1; transform: none; transition: none; }
.ys-showcase::before { animation: none; }
}
.ys-logo-strip {padding: var(--ys-space-6) 0;border-block: 1px solid var(--ys-line);}
.ys-logo-strip__label {margin: 0 0 var(--ys-space-5);color: var(--ys-quiet);font-size: 0.68rem;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;text-align: center;}
.ys-logo-strip__set {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--ys-space-7);}
.ys-logo-strip__set img {height: 30px;width: auto;opacity: 0.55;filter: grayscale(1);transition: opacity var(--ys-motion-base) var(--ys-motion-ease);}
.ys-logo-strip__set img:hover { opacity: 1; filter: none; }
.ys-logo-ticker {position: relative;width: 100%;overflow: hidden;}
.ys-logo-ticker::before,.ys-logo-ticker::after {content: "";position: absolute;top: 0;z-index: 2;width: 140px;height: 100%;pointer-events: none;}
.ys-logo-ticker::before {left: 0;background: linear-gradient(90deg, var(--ys-bg), transparent);}
.ys-logo-ticker::after {right: 0;background: linear-gradient(270deg, var(--ys-bg), transparent);}
.ys-logo-ticker__track {display: flex;width: max-content;animation: ys-logo-ticker 55s linear infinite;}
.ys-logo-ticker:hover .ys-logo-ticker__track { animation-play-state: paused; }
.ys-logo-ticker__set {display: flex;align-items: center;flex: 0 0 auto;gap: 72px;min-width: max-content;padding-right: 72px;}
.ys-logo-ticker__set img {display: block;height: 34px;max-width: 160px;width: auto;object-fit: contain;opacity: 0.65;filter: grayscale(100%) brightness(1.35);transition: opacity 0.25s var(--ys-motion-ease),filter 0.25s var(--ys-motion-ease),transform 0.25s var(--ys-motion-ease);}
.ys-logo-ticker__set img:hover {opacity: 1;filter: grayscale(0%) brightness(1);transform: translateY(-2px);}
@keyframes ys-logo-ticker {from { transform: translateX(0); }
to { transform: translateX(-25%); }
}
@media (prefers-reduced-motion: reduce) {.ys-logo-ticker__track { animation: none; }
}
.ys-stats {display: grid;grid-template-columns: repeat(4, 1fr);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);overflow: hidden;}
.ys-stat {position: relative;padding: var(--ys-space-6) var(--ys-space-5);border-right: 1px solid var(--ys-line);text-align: left;}
.ys-stat:last-child { border-right: 0; }
.ys-stat__kicker {display: block;margin-bottom: var(--ys-space-3);color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.62rem;font-weight: 700;letter-spacing: 0.08em;}
.ys-stat strong {display: block;font-size: clamp(2.2rem, 4vw, 3.4rem);font-weight: 800;line-height: 1;letter-spacing: -0.05em;color: var(--ys-text);font-variant-numeric: tabular-nums;}
.ys-stat strong small {margin-left: 4px;color: var(--ys-accent);font-size: 0.42em;font-weight: 800;letter-spacing: 0;}
.ys-stat span {display: block;margin-top: var(--ys-space-3);color: var(--ys-muted);font-size: 0.82rem;line-height: 1.45;}
.ys-stat__bar {display: block;height: 3px;margin-top: var(--ys-space-4);border-radius: var(--ys-radius-pill);background: var(--ys-panel-hover);overflow: hidden;}
.ys-stat__bar i {display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, var(--ys-accent), var(--ys-accent-light));}
.ys-process {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--ys-space-5);counter-reset: ys-step;}
.ys-process__item {position: relative;padding: 28px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(180deg, rgba(var(--ys-accent-rgb), 0.08), transparent),var(--ys-panel-soft);}
.ys-process__step,.ys-process--counted .ys-process__item::before {display: inline-flex;margin-bottom: 28px;color: var(--ys-accent);font-weight: 900;}
.ys-process--counted .ys-process__item::before {counter-increment: ys-step;content: counter(ys-step, decimal-leading-zero);}
.ys-process__item h3 {margin: 0;font-size: 1.35rem;line-height: 1.05;letter-spacing: -0.055em;}
.ys-process__item p {margin: var(--ys-space-4) 0;color: var(--ys-muted);line-height: 1.6;}
.ys-steps-timeline {margin: 0;padding: 0;list-style: none;counter-reset: ys-tl;}
.ys-steps-timeline li {position: relative;padding: 0 0 var(--ys-space-6) 62px;border-left: 1px solid var(--ys-line);margin-left: 20px;}
.ys-steps-timeline li:last-child { border-left-color: transparent; padding-bottom: 0; }
.ys-steps-timeline li::before {counter-increment: ys-tl;content: counter(ys-tl);position: absolute;left: -20px;top: -4px;width: 40px;height: 40px;display: grid;place-items: center;border: 1px solid rgba(var(--ys-accent-rgb), 0.35);border-radius: 50%;background: var(--ys-bg);color: var(--ys-accent);font-size: 0.8rem;font-weight: 800;}
.ys-steps-timeline h3 { margin: 0 0 var(--ys-space-2); font-size: 1.1rem; }
.ys-steps-timeline p {margin: 0;color: var(--ys-muted);font-size: 0.86rem;line-height: 1.6;}
.ys-quote {padding: var(--ys-space-6);border: 1px solid var(--ys-line);border-left: 3px solid var(--ys-accent);border-radius: 0 var(--ys-radius-md) var(--ys-radius-md) 0;background: var(--ys-panel-soft);}
.ys-quote blockquote {margin: 0;color: var(--ys-text);font-size: 1.02rem;line-height: 1.6;}
.ys-quote figcaption {margin-top: var(--ys-space-5);display: flex;align-items: center;gap: var(--ys-space-3);color: var(--ys-quiet);font-size: 0.78rem;}
.ys-quote figcaption b { display: block; color: var(--ys-text); }
.ys-pricing {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--ys-space-5);align-items: start;}
.ys-plan {padding: var(--ys-space-6);display: grid;gap: var(--ys-space-4);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-plan--featured {border-color: rgba(var(--ys-accent-rgb), 0.4);background: radial-gradient(circle at 50% 0, rgba(var(--ys-accent-rgb), 0.12), transparent 20rem),var(--ys-panel-soft);box-shadow: var(--ys-shadow-md);}
.ys-plan__name {margin: 0;color: var(--ys-accent);font-size: 0.72rem;font-weight: 900;letter-spacing: 0.14em;text-transform: uppercase;}
.ys-plan__price {display: flex;align-items: baseline;gap: var(--ys-space-2);font-size: clamp(2rem, 3.5vw, 2.8rem);font-weight: 800;letter-spacing: -0.04em;}
.ys-plan__price small {color: var(--ys-quiet);font-size: 0.8rem;font-weight: 600;letter-spacing: 0;}
.ys-plan ul {margin: 0;padding: 0;display: grid;gap: var(--ys-space-3);list-style: none;}
.ys-plan li {position: relative;padding-left: 24px;color: var(--ys-muted);font-size: 0.84rem;}
.ys-plan li::before {content: "✓";position: absolute;left: 0;color: var(--ys-accent);font-weight: 900;}
.ys-plan li.is-off { opacity: 0.5; }
.ys-plan li.is-off::before { content: "—"; color: var(--ys-quiet); }
.ys-faq { display: grid; gap: var(--ys-space-2); }
.ys-faq-filters {display: flex;flex-wrap: wrap;gap: var(--ys-space-2);margin-bottom: var(--ys-space-5);}
.ys-article-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--ys-space-5);}
.ys-article-card {display: grid;grid-template-rows: auto 1fr;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);color: inherit;text-decoration: none;overflow: hidden;transition: border-color var(--ys-motion-base) var(--ys-motion-ease),transform var(--ys-motion-base) var(--ys-motion-ease);}
.ys-article-card:hover {border-color: rgba(var(--ys-accent-rgb), 0.35);transform: translateY(-2px);}
.ys-article-card__cover {aspect-ratio: 16 / 9;background: var(--ys-panel-hover);object-fit: cover;width: 100%;}
.ys-article-card__body {padding: var(--ys-space-5);display: grid;gap: var(--ys-space-2);align-content: start;}
.ys-article-card h3 { margin: 0; font-size: 1.08rem; line-height: 1.35; }
.ys-article-card p {margin: 0;color: var(--ys-muted);font-size: 0.84rem;line-height: 1.6;}
.ys-article-meta {display: flex;flex-wrap: wrap;gap: var(--ys-space-3);color: var(--ys-quiet);font-size: 0.72rem;}
.ys-prose {max-width: 68ch;color: var(--ys-muted);font-size: 1rem;line-height: 1.75;}
.ys-prose h2 {margin: var(--ys-space-7) 0 var(--ys-space-4);color: var(--ys-text);font-size: 1.7rem;letter-spacing: -0.02em;}
.ys-prose h3 {margin: var(--ys-space-6) 0 var(--ys-space-3);color: var(--ys-text);font-size: 1.25rem;}
.ys-prose p { margin: 0 0 var(--ys-space-4); }
.ys-prose a {color: var(--ys-accent);text-decoration: underline;text-underline-offset: 3px;}
.ys-prose ul,.ys-prose ol { margin: 0 0 var(--ys-space-4); padding-left: var(--ys-space-5); }
.ys-prose li { margin-bottom: var(--ys-space-2); }
.ys-prose blockquote {margin: var(--ys-space-6) 0;padding-left: var(--ys-space-5);border-left: 3px solid var(--ys-accent);color: var(--ys-text);font-size: 1.1rem;}
.ys-prose img { max-width: 100%; height: auto; border-radius: var(--ys-radius-sm); }
.ys-person {display: grid;grid-template-columns: 96px 1fr;gap: var(--ys-space-4);align-items: center;}
.ys-person img {width: 96px;height: 96px;border-radius: 50%;object-fit: cover;border: 1px solid var(--ys-line);}
.ys-person b { display: block; font-size: 1rem; }
.ys-person span {display: block;margin-top: 2px;color: var(--ys-accent);font-size: 0.76rem;font-weight: 700;}
.ys-person p {margin: var(--ys-space-2) 0 0;color: var(--ys-muted);font-size: 0.82rem;}
.ys-form-status {margin-top: var(--ys-space-4);padding: var(--ys-space-3) var(--ys-space-4);border-radius: var(--ys-radius-xs);font-size: 0.84rem;}
.ys-form-status--ok {border: 1px solid rgba(var(--ys-success-rgb), 0.3);background: rgba(var(--ys-success-rgb), 0.08);color: var(--ys-success);}
.ys-form-status--error {border: 1px solid rgba(var(--ys-danger-rgb), 0.3);background: rgba(var(--ys-danger-rgb), 0.08);color: var(--ys-danger);}
.ys-honeypot {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
.ys-footer {margin-top: var(--ys-space-8);padding: 80px 0 28px;border-top: 1px solid var(--ys-line);color: var(--ys-muted);background: radial-gradient(circle at top left, rgba(var(--ys-accent-rgb), 0.08), transparent 28rem),var(--ys-deep);}
.ys-footer__main {display: grid;grid-template-columns: minmax(300px, 1.55fr) repeat(3, minmax(140px, 0.65fr));align-items: start;gap: clamp(32px, 5vw, 72px);}
.ys-footer__column {min-width: 140px;justify-self: end;text-align: right;}
.ys-footer__column a {display: block;width: fit-content;margin-left: auto;}
.ys-footer__brand img { width: 150px; height: auto; }
.ys-footer__brand p {max-width: 320px;margin: var(--ys-space-4) 0 0;color: var(--ys-muted);font-size: 0.84rem;line-height: 1.6;}
.ys-footer__column h4 {margin: 0 0 18px;color: var(--ys-text);font-size: 0.9rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;}
.ys-footer__column ul {margin: 0;padding: 0;display: grid;gap: var(--ys-space-3);list-style: none;}
.ys-footer__column a {color: var(--ys-muted);font-size: 0.84rem;text-decoration: none;}
.ys-footer__column a:hover { color: var(--ys-accent); }
.ys-footer__bottom {margin-top: 56px;padding-top: var(--ys-space-5);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--ys-space-5);border-top: 1px solid var(--ys-line);font-size: 0.88rem;}
.ys-footer__bottom a { color: var(--ys-muted); }
.ys-footer__bottom a:hover { color: var(--ys-accent); }
.ys-error-page {min-height: 70vh;display: grid;place-items: center;gap: var(--ys-space-4);text-align: center;}
.ys-error-page__code {color: var(--ys-accent);font-size: clamp(4rem, 12vw, 8rem);font-weight: 900;line-height: 0.9;letter-spacing: -0.06em;}
.ys-error-page h1 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.4rem); }
.ys-error-page p {max-width: 460px;margin: 0;color: var(--ys-muted);font-size: 0.94rem;}
.ys-consent {position: fixed;z-index: 250;left: var(--ys-space-4);right: var(--ys-space-4);bottom: var(--ys-space-4);max-width: 760px;margin-inline: auto;padding: var(--ys-space-5);display: flex;flex-wrap: wrap;align-items: center;gap: var(--ys-space-4);border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-md);background: rgba(var(--ys-deep-rgb), 0.97);box-shadow: var(--ys-shadow-lg);backdrop-filter: blur(18px);}
.ys-consent p {flex: 1;min-width: 240px;margin: 0;color: var(--ys-muted);font-size: 0.82rem;line-height: 1.55;}
.ys-consent a { color: var(--ys-accent); }
.ys-consent__actions {display: flex;flex-wrap: wrap;gap: var(--ys-space-2);}
@media (max-width: 1100px) {.ys-stats { grid-template-columns: repeat(2, 1fr); }
.ys-stat:nth-child(2n) { border-right: 0; }
.ys-stat:nth-child(-n + 2) { border-bottom: 1px solid var(--ys-line); }
.ys-process,.ys-pricing,.ys-article-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {.ys-footer__main { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {.ys-footer { padding-top: 64px; }
.ys-footer__main { grid-template-columns: 1fr; gap: 36px; }
.ys-footer__column { justify-self: start; text-align: left; }
.ys-footer__column a { margin-left: 0; }
.ys-footer__bottom { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 780px) {.ys-stat { border-right: 0; border-bottom: 1px solid var(--ys-line); }
.ys-stat:last-child { border-bottom: 0; }
.ys-nav__toggle { display: grid; }
.ys-nav__links {display: none;width: 100%;flex-direction: column;align-items: flex-start;gap: var(--ys-space-4);padding: var(--ys-space-5) 0;}
.ys-nav:has(.ys-nav__checkbox:checked) .ys-nav__links { display: flex; }
.ys-nav__inner { flex-wrap: wrap; }
.ys-stats,.ys-process,.ys-pricing,.ys-article-grid { grid-template-columns: 1fr; }
.ys-footer__main { grid-template-columns: 1fr; gap: var(--ys-space-5); }
.ys-page-hero { padding: 64px 0 48px; }
.ys-person { grid-template-columns: 72px 1fr; }
.ys-person img { width: 72px; height: 72px; }
.ys-consent { flex-direction: column; align-items: stretch; }
}
.ys-narrow { max-width: 920px; }
.ys-page-hero--tall { padding: 150px 0 90px; }
.ys-page-hero__lead--lg {max-width: 820px;font-size: clamp(1.1rem, 1.7vw, 1.34rem);}
.ys-dot-list {display: grid;gap: var(--ys-space-2);margin: var(--ys-space-4) 0 0;padding: 0;list-style: none;}
.ys-dot-list li {position: relative;padding-left: 18px;color: var(--ys-muted);}
.ys-dot-list li::before {content: "";position: absolute;left: 0;top: 0.7em;width: 6px;height: 6px;border-radius: var(--ys-radius-pill);background: var(--ys-accent);}
.ys-detail-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--ys-space-4);}
.ys-detail-card {padding: 30px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(180deg, rgba(var(--ys-accent-rgb), 0.06), transparent),rgba(var(--ys-text-rgb), 0.04);}
.ys-detail-card > span {display: inline-flex;margin-bottom: 22px;color: var(--ys-accent);font-weight: 900;}
.ys-detail-card h3 {margin: 0 0 14px;font-size: 1.35rem;line-height: 1.05;letter-spacing: -0.055em;}
.ys-detail-card p { margin: var(--ys-space-4) 0; color: var(--ys-muted); }
.ys-detail-card ul {display: grid;gap: var(--ys-space-2);margin: 18px 0 0;padding: 0;list-style: none;}
.ys-approach { display: grid; gap: var(--ys-space-5); }
.ys-approach__step {padding: 30px;display: grid;grid-template-columns: 90px 0.7fr 1fr 1fr;gap: 28px;align-items: start;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(90deg, rgba(var(--ys-accent-rgb), 0.08), transparent),rgba(var(--ys-text-rgb), 0.04);}
.ys-approach__step > span {color: var(--ys-accent);font-size: 0.95rem;font-weight: 900;}
.ys-approach__step h3 {margin: 0;font-size: 1.2rem;letter-spacing: -0.02em;}
.ys-approach__step p { margin: 0; color: var(--ys-muted); }
.ys-evidence-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--ys-space-4);}
.ys-faq-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--ys-space-4);}
.ys-faq-card {padding: 28px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: rgba(var(--ys-text-rgb), 0.04);}
.ys-faq-card h3 {margin: 0 0 var(--ys-space-3);font-size: 1.35rem;line-height: 1.05;letter-spacing: -0.055em;}
.ys-faq-card p { margin: 0; color: var(--ys-muted); }
.ys-tool-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--ys-space-4);}
.ys-tool-card {min-height: 300px;padding: 30px;display: flex;flex-direction: column;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(180deg, rgba(var(--ys-accent-rgb), 0.055), transparent),rgba(var(--ys-text-rgb), 0.04);}
.ys-tool-card--featured {border-color: rgba(var(--ys-accent-rgb), 0.45);background: radial-gradient(circle at top right, rgba(var(--ys-accent-rgb), 0.18), transparent 18rem),rgba(var(--ys-text-rgb), 0.055);}
.ys-tool-card > span {width: fit-content;margin-bottom: var(--ys-space-5);padding: 6px 10px;display: inline-flex;border: 1px solid rgba(var(--ys-accent-rgb), 0.28);border-radius: var(--ys-radius-pill);background: rgba(var(--ys-accent-rgb), 0.08);color: var(--ys-accent);font-size: 0.78rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}
.ys-tool-card h3 {margin: 0 0 var(--ys-space-3);font-size: 1.35rem;letter-spacing: -0.02em;}
.ys-tool-card p { margin: 0; color: var(--ys-muted); }
.ys-tool-card a {margin-top: auto;padding-top: var(--ys-space-5);color: var(--ys-accent);font-weight: 900;text-decoration: none;}
.ys-tool-card a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ys-flow { display: grid; gap: var(--ys-space-3); }
.ys-flow__item {position: relative;padding: var(--ys-space-5) var(--ys-space-5) var(--ys-space-5) 64px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: rgba(var(--ys-text-rgb), 0.04);}
.ys-flow__item::before {content: "";position: absolute;left: 26px;top: 30px;width: 12px;height: 12px;border-radius: var(--ys-radius-pill);background: var(--ys-accent);box-shadow: 0 0 20px rgba(var(--ys-accent-rgb), 0.5);}
.ys-flow__item:not(:last-child)::after {content: "";position: absolute;left: 31px;top: 48px;width: 2px;height: calc(100% + 14px);background: rgba(var(--ys-accent-rgb), 0.25);}
.ys-flow__item strong {display: block;color: var(--ys-text);font-size: 1.1rem;}
.ys-flow__item span {display: block;margin-top: 6px;color: var(--ys-muted);}
.ys-area-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: var(--ys-space-4);}
.ys-area-card {min-height: 290px;padding: 26px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(180deg, rgba(var(--ys-accent-rgb), 0.07), transparent),var(--ys-panel-soft);transition: transform var(--ys-motion-base) var(--ys-motion-ease),border-color var(--ys-motion-base) var(--ys-motion-ease);}
.ys-area-card:hover {transform: translateY(-4px);border-color: rgba(var(--ys-accent-rgb), 0.36);}
.ys-area-card > span {display: inline-flex;margin-bottom: 34px;color: var(--ys-accent);font-weight: 900;}
.ys-area-card h3 {margin: 0 0 14px;font-size: 1.35rem;line-height: 1.05;letter-spacing: -0.055em;}
.ys-area-card p { margin: 0; color: var(--ys-muted); }
.ys-output-list { display: grid; gap: var(--ys-space-3); }
.ys-output-list article {padding: var(--ys-space-5);display: grid;grid-template-columns: 48px 1fr;gap: var(--ys-space-4);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ys-output-list article > span {color: var(--ys-accent);font-weight: 900;}
.ys-output-list h3 { margin: 0 0 7px; font-size: 1.1rem; }
.ys-output-list p { margin: 0; color: var(--ys-muted); }
.ys-cta-inline {padding: 44px 48px;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 48px;border: 1px solid rgba(var(--ys-accent-rgb), 0.28);border-radius: var(--ys-radius-lg);background: radial-gradient(circle at top right, rgba(var(--ys-accent-rgb), 0.16), transparent 24rem),var(--ys-panel-soft);}
.ys-cta-inline__copy { max-width: 760px; }
.ys-cta-inline__copy h2 {margin: var(--ys-space-2) 0 var(--ys-space-4);font-size: clamp(2rem, 4vw, 3.4rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.035em;}
.ys-cta-inline__copy p:last-child {max-width: 680px;margin: 0;color: var(--ys-muted);line-height: 1.7;}
.ys-cta-inline__action {display: flex;align-items: center;justify-content: flex-end;}
.ys-cta-inline__action .ys-button { min-width: 190px; }
@media (max-width: 1100px) {.ys-area-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px) {.ys-approach__step { grid-template-columns: 70px 1fr; }
.ys-approach__step p,.ys-approach__step ul { grid-column: 2; }
.ys-evidence-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 780px) {.ys-cta-inline { grid-template-columns: 1fr; gap: 28px; padding: 34px 26px; }
.ys-cta-inline__action { justify-content: flex-start; }
.ys-cta-inline__action .ys-button { width: 100%; }
.ys-page-hero--tall { padding: 110px 0 70px; }
}
@media (max-width: 700px) {.ys-approach__step { grid-template-columns: 1fr; }
.ys-approach__step p,.ys-approach__step ul { grid-column: auto; }
.ys-detail-grid,.ys-evidence-grid,.ys-faq-grid,.ys-tool-grid,.ys-area-grid { grid-template-columns: 1fr; }
.ys-area-card,.ys-tool-card { min-height: auto; }
}
@font-face {font-family: 'Inter';font-style: normal;font-weight: 400 900;font-display: swap;src: url(/fonts/inter-latin-ext.woff2?v=34b9c504) 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: 'Inter';font-style: normal;font-weight: 400 900;font-display: swap;src: url(/fonts/inter-latin.woff2?v=3100e775) 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;}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }
}
body {margin: 0;font-family: var(--ys-font-sans);color: var(--ys-text);background: radial-gradient(circle at top left, rgba(var(--ys-accent-rgb), 0.16), transparent 34rem),radial-gradient(circle at 85% 12%, rgba(var(--ys-info-rgb), 0.12), transparent 28rem),var(--ys-bg);line-height: 1.6;}
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; height: auto; }
h1, h2, h3 { margin: 0; line-height: 1.05; letter-spacing: -0.055em; }
h2 { font-size: clamp(2.2rem, 4.8vw, 4.6rem); }
h3 { font-size: 1.35rem; }
p { margin: 0 0 var(--ys-space-4); }
[id] { scroll-margin-top: calc(var(--ys-layout-header, 76px) + 16px); }
.brand { display: inline-flex; align-items: center; color: var(--ys-text); }
.brand svg { display: block; width: 209px; height: 20px; }
.ys-footer__brand .brand svg { width: 188px; height: 18px; }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: ys-odchod 0.18s ease-in both; }
::view-transition-new(root) { animation: ys-prichod 0.24s ease-out both; }
@keyframes ys-odchod { to { opacity: 0; } }
@keyframes ys-prichod { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) {::view-transition-old(root),::view-transition-new(root) { animation: none; }
}
.ys-cta--mark { --ys-cta-mark: url(/images/y-mark.png?v=62e70c10); }
main { display: block; }
.ram {position: relative;margin: 0;background: var(--ys-deep);border: 1px solid var(--ys-line-strong);box-shadow: var(--ys-shadow-lg);}
.ram .screen {display: block;width: 100%;height: auto;aspect-ratio: var(--pomer, 16 / 10);object-fit: cover;object-position: top;border-radius: 8px;background: var(--ys-deep);}
.ram .screen[src*="/vdg/zprava-"] { clip-path: inset(0 0.93% 0 0 round 8px); transform: translateX(0.465%); }
.ram .screen:is([src*="/vdg/portal-tablet"], [src*="/vdg/tym."], [src*="/vdg/audit."]) {clip-path: inset(0 0 0 1.23% round 8px);transform: translateX(-0.615%);}
.ram--tablet {--pomer: 3 / 4;max-width: 440px;border-radius: 22px;padding: 16px 8px;}
.ram--tablet::before {content: "";position: absolute;top: 6px;left: 50%;width: 4px;height: 4px;margin-left: -2px;border-radius: 50%;background: var(--ys-line-strong);}
.ram--tablet::after {content: "";position: absolute;bottom: 5px;left: 50%;width: 40px;height: 3px;margin-left: -20px;border-radius: 2px;background: var(--ys-line-strong);}
.ram--notebook {--pomer: 16 / 10;max-width: 900px;margin-bottom: 16px;border-radius: 12px 12px 3px 3px;padding: 10px 10px 6px;}
.ram--notebook .screen { border-radius: 5px; }
.ram--notebook.vyssi { --pomer: 4 / 3; }
.ram--notebook::after {content: "";position: absolute;left: -3.5%;right: -3.5%;bottom: -14px;height: 14px;background: var(--ys-panel-hover);border: 1px solid var(--ys-line-strong);border-top: 0;border-radius: 0 0 12px 12px;}
.popisek {margin: 16px 0 0;text-align: center;color: var(--ys-quiet);font-size: 0.8rem;}
.okno { position: relative; }
main { overflow-x: clip; }
.okno__zar {position: absolute;inset: -14% -10%;z-index: 0;background: radial-gradient(closest-side, rgba(var(--ys-accent-rgb), 0.14), rgba(var(--ys-accent-rgb), 0.05) 55%, transparent);pointer-events: none;}
.okno__ram {position: relative;z-index: 1;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-md);background: var(--ys-deep);overflow: hidden;box-shadow: 0 2px 8px rgba(var(--ys-deep-rgb), 0.6),0 30px 80px -20px rgba(var(--ys-deep-rgb), 0.9),0 60px 160px -40px rgba(var(--ys-accent-rgb), 0.26);}
.okno__ram::before {content: "";position: absolute;top: 0;left: 8%;right: 8%;height: 1px;z-index: 3;background: linear-gradient(90deg, transparent, rgba(var(--ys-text-rgb), 0.4), transparent);}
.okno__lista {position: relative;display: flex;align-items: center;gap: 6px;height: 40px;padding: 0 16px;border-bottom: 1px solid var(--ys-line);background: rgba(var(--ys-text-rgb), 0.035);}
.okno__lista span {width: 9px;height: 9px;border-radius: 50%;background: var(--ys-line-strong);}
.okno__lista span:first-child { background: rgba(var(--ys-accent-rgb), 0.75); }
.okno__lista i {position: absolute;left: 50%;transform: translateX(-50%);padding: 4px 18px;border-radius: var(--ys-radius-pill);background: rgba(var(--ys-text-rgb), 0.05);color: var(--ys-quiet);font-family: var(--ys-font-mono);font-style: normal;font-size: 0.66rem;letter-spacing: 0.04em;}
.okno__ram img { display: block; width: 100%; height: auto; }
.zz {display: grid;grid-template-columns: minmax(0, 1fr) minmax(280px, 440px);gap: 56px;align-items: center;padding: 40px 0;}
.zz + .zz { border-top: 1px solid var(--ys-line); }
.zz--s-nadpisem { align-items: start; padding-top: 0; }
.zz--s-nadpisem .ys-section-heading { margin-bottom: var(--ys-space-7); }
.zz--s-nadpisem .ys-section-heading h2 { margin-bottom: 0; font-size: clamp(2.2rem, 4.8vw, 4.6rem); }
.zz--obr-vlevo { grid-template-columns: minmax(280px, 440px) minmax(0, 1fr); }
.zz--obr-vlevo .zz__obr { order: -1; }
.zz--notebook { grid-template-columns: minmax(0, 1fr) minmax(300px, 560px); }
.zz--notebook.zz--obr-vlevo { grid-template-columns: minmax(300px, 560px) minmax(0, 1fr); }
.zz--notebook .zz__obr { padding: 0 3.5% 14px; }
.zz__obr .ram { margin-inline: auto; }
.zz__text { padding-top: var(--ys-space-2); }
.zz__text h2 {margin-bottom: var(--ys-space-4);font-size: clamp(1.9rem, 3.4vw, 2.8rem);}
.zz__text h3 {margin-bottom: 10px;font-size: 1.45rem;text-wrap: balance;}
.zz__text p { color: var(--ys-muted); }
.zz__text .ys-eyebrow { color: var(--ys-accent); }
.ys-cta :is(h1, h2) + p { margin-top: var(--ys-space-5); }
h1, h2, h3 { text-wrap: balance; }
.tagline { text-wrap: wrap; }
@media (max-width: 700px) {.ys-page-hero h1 { font-size: 2.15rem; }
}
.ys-page-hero h1 em,.zz__text h2 em,.ys-cta h2 em {color: var(--ys-accent);font-style: normal;font-weight: inherit;}
.zz__text ul {margin: 0 0 var(--ys-space-4);padding-left: 18px;color: var(--ys-muted);}
.zz__text li { margin-bottom: 8px; }
.zz__text li strong,.zz__text p strong { color: var(--ys-text); font-weight: 600; }
.zz__text .ys-button { margin-top: var(--ys-space-2); }
.hero-pilulky { margin-top: var(--ys-space-6); }
.hero-ukazka {justify-self: end;width: min(100%, 420px);}
.hero-ukazka .ram--tablet { max-width: none; }
.situace {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--ys-space-4);}
.ys-card > h2 {margin: 0;font-size: 1.35rem;line-height: 1.05;letter-spacing: -0.055em;}
.situace .ys-card {display: flex;flex-direction: column;}
.situace .ys-card > a {margin-top: auto;color: var(--ys-accent);font-size: 0.9rem;font-weight: 700;}
.situace .ys-card > a:hover { text-decoration: underline; }
.tym-jednatele {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-6);margin-bottom: var(--ys-space-7);}
.tym {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: var(--ys-space-5);}
@media (min-width: 1101px) {.tym { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
.osoba { min-width: 0; display: grid; align-content: start; gap: var(--ys-space-3); }
.osoba__foto,.osoba__iniciala {width: 100%;aspect-ratio: 4 / 5;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.osoba__foto {height: auto;object-fit: cover;object-position: top;}
.osoba__iniciala {display: grid;place-items: center;color: var(--ys-quiet);font-size: 2.6rem;font-weight: 800;letter-spacing: -0.04em;}
.osoba b { display: block; font-size: 1.05rem; }
.osoba span {display: block;margin-top: 2px;color: var(--ys-accent);font-size: 0.78rem;font-weight: 700;}
.osoba a {display: block;overflow-wrap: anywhere;margin-top: 6px;color: var(--ys-muted);font-size: 0.84rem;}
.osoba a:hover { color: var(--ys-accent); }
.osoba--hlavni {grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);align-items: center;gap: var(--ys-space-5);padding: var(--ys-space-4);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-lg);background: var(--ys-panel-soft);}
.osoba--hlavni > div { min-width: 0; }
.osoba--hlavni b { font-size: 1.25rem; }
.osoba--hlavni p {margin: var(--ys-space-3) 0 0;color: var(--ys-muted);font-size: 0.92rem;}
.hlavni-osoby {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-5);}
.kontakt {display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);gap: var(--ys-space-7);align-items: start;}
.kontakt__karta {padding: clamp(24px, 3vw, 40px);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-lg);background: linear-gradient(180deg, rgba(var(--ys-accent-rgb), 0.06), transparent),var(--ys-panel-soft);box-shadow: var(--ys-shadow-lg);}
.kontakt__karta h2 { font-size: 1.6rem; margin-bottom: var(--ys-space-4); }
.kontakt dl {margin: 0;display: grid;gap: var(--ys-space-4);}
.kontakt dt {color: var(--ys-quiet);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;}
.kontakt dd { margin: 4px 0 0; color: var(--ys-text); }
.kontakt dd a { color: var(--ys-accent); }
.kontakt dd a:hover { text-decoration: underline; }
.kontakt__akce {display: flex;flex-wrap: wrap;gap: var(--ys-space-3);margin: var(--ys-space-5) 0;}
.ozvete-se__prepinac {position: absolute;width: 1px;height: 1px;opacity: 0;}
.ozvete-se__tlacitko { cursor: pointer; }
.ozvete-se__prepinac:focus-visible + .ozvete-se__tlacitko {outline: none;border-color: rgba(var(--ys-accent-rgb), 0.72);box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.16);}
.ozvete-se__prepinac:checked + .ozvete-se__tlacitko { display: none; }
.ozvete-se__formular {display: none;flex-basis: 100%;grid-template-columns: minmax(0, 420px);gap: var(--ys-space-3);margin-top: var(--ys-space-3);}
.ozvete-se__prepinac:checked ~ .ozvete-se__formular { display: grid; }
.ozvete-se__formular .ys-field input { font-size: 1rem; }
.ozvete-se__formular .ys-button { justify-self: start; }
.ozvete-se__poznamka { margin: 0; color: var(--ys-muted); font-size: 0.82rem; }
.ozvete-se__poznamka a { color: var(--ys-accent); }
.ozvete-se__poznamka a:hover { text-decoration: underline; }
.ozvete-se__past {position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden;}
.portret__popis { display: grid; gap: 6px; }
@media (min-width: 1024px) {.kontakt { grid-template-rows: auto auto auto; row-gap: 0; }
.kontakt__karta { grid-column: 1; grid-row: 1; }
.kontakt__vpravo { grid-column: 2; grid-row: 1 / span 3; display: grid; grid-template-rows: subgrid; }
.kontakt__lide { grid-row: 1 / span 2; grid-template-rows: subgrid; row-gap: 0; margin-bottom: 0; }
.kontakt .portret { grid-row: 1 / span 2; grid-template-rows: subgrid; row-gap: 0; }
.kontakt .portret__foto { height: 0; min-height: 100%; aspect-ratio: auto; margin-bottom: 0; }
.kontakt .portret__popis { margin-top: var(--ys-space-4); }
.kontakt__vpravo > dl { grid-row: 3; margin-top: var(--ys-space-6); }
}
.pribeh { max-width: 760px; }
.pribeh .ys-steps-timeline h3 span {margin-right: 10px;color: var(--ys-accent);font-family: var(--ys-font-mono);font-size: 0.8rem;font-weight: 700;}
.text-stranka { padding: 56px 0 96px; }
.text-stranka .ys-prose { color: var(--ys-muted); }
.text-stranka .ys-prose h2 { font-size: 1.5rem; }
.text-stranka .ys-prose dl { margin: 0 0 var(--ys-space-4); }
.text-stranka .ys-prose dt { color: var(--ys-text); font-weight: 700; }
.text-stranka .ys-prose dd { margin: 4px 0 var(--ys-space-3); }
[data-ceka] {position: relative;outline: 2px dashed var(--ys-warning);outline-offset: 3px;}
[data-ceka]::after {content: "čeká: " attr(data-ceka);position: absolute;left: 0;bottom: calc(100% + 6px);padding: 2px 6px;border-radius: 4px;background: var(--ys-warning);color: var(--ys-bg);font-family: var(--ys-font-mono);font-size: 0.62rem;font-weight: 700;white-space: nowrap;}
@media (max-width: 1100px) {.situace { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tym { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hero-ukazka { justify-self: start; }
}
@media (max-width: 860px) {.zz,.zz--obr-vlevo,.zz--notebook,.zz--notebook.zz--obr-vlevo { grid-template-columns: 1fr; gap: 28px; }
.zz--obr-vlevo .zz__obr { order: 1; }
.kontakt,.hlavni-osoby { grid-template-columns: 1fr; }
.tym-jednatele { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {.situace { grid-template-columns: 1fr; }
.tym { grid-template-columns: 1fr 1fr; gap: var(--ys-space-4); }
.osoba--hlavni { grid-template-columns: 1fr; }
.osoba--hlavni .osoba__foto { max-width: 260px; }
}
.tym-odkaz { margin: var(--ys-space-6) 0 0; }
.stanovisko {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);gap: var(--ys-space-6);align-items: center;margin: 0 0 var(--ys-space-6);padding: clamp(24px, 3vw, 36px);border: 1px solid rgba(var(--ys-accent-rgb), 0.28);border-radius: var(--ys-radius-lg);background: linear-gradient(90deg, rgba(var(--ys-accent-rgb), 0.08), transparent),var(--ys-panel-soft);}
.stanovisko .ys-badge { margin-bottom: var(--ys-space-3); }
.stanovisko h2 { margin: 0; font-size: clamp(1.4rem, 2.2vw, 1.9rem); letter-spacing: -0.03em; }
.stanovisko p { margin: 0; color: var(--ys-muted); }
@media (max-width: 860px) {.stanovisko { grid-template-columns: 1fr; }
}
.vs {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);grid-template-rows: auto repeat(3, auto);column-gap: var(--ys-space-5);}
.vs__karta {display: grid;grid-row: 1 / 5;grid-template-rows: subgrid;border-radius: var(--ys-radius-md);overflow: hidden;}
.vs__karta > div {padding: 18px 22px;border-top: 1px solid var(--ys-line);}
.vs__karta > .vs__hlava { padding: 22px 22px 16px; border-top: 0; }
.vs__hlava .ys-eyebrow { margin-bottom: 4px; }
.vs__hlava h3 { margin: 0; font-size: 1.3rem; }
.vs__karta small {display: block;margin-bottom: 4px;color: var(--ys-quiet);font-size: 0.68rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;}
.vs__karta b { display: block; margin-bottom: 3px; font-size: 0.98rem; }
.vs__karta p { margin: 0; color: var(--ys-muted); font-size: 0.9rem; }
.vs__karta--dotaznik { background: var(--ys-deep); color: var(--ys-muted); }
.vs__karta--dotaznik .ys-eyebrow,.vs__karta--dotaznik b { color: var(--ys-quiet); }
.vs__karta--dotaznik h3 { color: var(--ys-muted); }
.vs__karta--dotaznik b::before { content: "×"; margin-right: 8px; color: var(--ys-quiet); }
.vs__karta--vdg {background: var(--ys-panel-soft);border: 1px solid var(--ys-line-strong);box-shadow: 0 0 0 4px rgba(var(--ys-accent-rgb), 0.06), var(--ys-shadow-lg);}
.vs__karta--vdg b::before { content: "✓"; margin-right: 8px; color: var(--ys-accent); }
.ys-process--4 { grid-template-columns: repeat(4, 1fr); }
.krok { display: flex; flex-direction: column; }
.krok p { flex: 1; }
.krok__cas {padding-top: var(--ys-space-3);color: var(--ys-quiet);font-size: 0.78rem;font-weight: 600;}
.dva {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-5);margin-bottom: var(--ys-space-7);}
.dva__sloupec {padding: 22px 24px 24px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.dva__sloupec--clovek {border-color: rgba(var(--ys-accent-rgb), 0.45);background: linear-gradient(160deg, rgba(var(--ys-accent-rgb), 0.08), transparent 60%), var(--ys-panel-soft);}
.dva__sloupec--clovek ul { color: var(--ys-text); }
.dva__sloupec .ys-eyebrow { margin-bottom: 10px; }
.dva__sloupec h3 { margin: 0 0 10px; font-size: 1.2rem; }
.dva__sloupec ul { margin: 0; padding-left: 18px; color: var(--ys-muted); font-size: 0.92rem; }
.dva__sloupec li { margin-bottom: 8px; }
.dva__sloupec li strong { color: var(--ys-text); font-weight: 600; }
.fakta {display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: var(--ys-space-5);margin-top: var(--ys-space-7);padding-top: var(--ys-space-6);border-top: 1px solid var(--ys-line);}
.fakt b {display: block;font-size: 2.4rem;font-weight: 800;line-height: 1;letter-spacing: -0.05em;}
.fakt b small {margin-left: 4px;color: var(--ys-accent);font-size: 1rem;font-weight: 800;letter-spacing: 0;}
.fakt span { display: block; margin-top: 10px; color: var(--ys-muted); font-size: 0.86rem; }
.pravidla { margin: 0; }
.pravidla dt {padding-top: 12px;border-top: 1px solid var(--ys-line);color: var(--ys-text);font-size: 0.98rem;font-weight: 700;}
.pravidla dd { margin: 3px 0 12px; color: var(--ys-muted); font-size: 0.9rem; }
@media (max-width: 1100px) {.ys-process--4 { grid-template-columns: repeat(2, 1fr); }
.fakta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {.dva { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {.vs { grid-template-columns: 1fr; grid-template-rows: none; row-gap: var(--ys-space-4); }
.vs__karta { grid-row: auto; grid-template-rows: none; }
.ys-process--4,.fakta { grid-template-columns: 1fr; }
}
.hero-pilulky a.ys-pill:hover { border-color: var(--ys-accent); color: var(--ys-text); }
.nastroje {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-5) var(--ys-space-7);margin-top: var(--ys-space-7);padding-top: var(--ys-space-6);border-top: 1px solid var(--ys-line);}
.nastroj h3 { margin-bottom: 6px; font-size: 1.15rem; }
.nastroj h3 a { color: var(--ys-accent); }
.nastroj h3 a:hover { text-decoration: underline; }
.nastroj p { margin: 0; color: var(--ys-muted); font-size: 0.92rem; }
.temata {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--ys-space-5);margin-top: var(--ys-space-7);}
.tema {padding-top: var(--ys-space-4);border-top: 2px solid var(--ys-line-strong);}
.tema h3 { margin-bottom: var(--ys-space-3); font-size: 1.05rem; }
.tema ul { margin: 0; padding: 0; list-style: none; }
.tema li {position: relative;padding-left: 16px;margin-bottom: 6px;color: var(--ys-muted);font-size: 0.9rem;}
.tema li::before {content: "";position: absolute;left: 0;top: 0.65em;width: 6px;height: 6px;border-radius: 50%;background: var(--ys-accent);}
.tema__tlacitko {padding: 0;border: 0;background: none;color: inherit;font: inherit;text-align: left;cursor: pointer;text-decoration: underline;text-decoration-color: var(--ys-line-strong);text-underline-offset: 3px;}
.tema__tlacitko:hover { color: var(--ys-text); text-decoration-color: var(--ys-accent); }
.tema__okno {width: min(540px, calc(100vw - 32px));margin: auto;padding: clamp(22px, 3vw, 32px);border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-lg);background: var(--ys-deep);color: var(--ys-text);box-shadow: var(--ys-shadow-lg);}
.tema__okno::backdrop { background: rgba(var(--ys-deep-rgb), 0.7); }
.tema__okno h4 { margin: 0 0 var(--ys-space-3); font-size: 1.25rem; letter-spacing: -0.03em; }
.tema__okno p { margin: 0 0 var(--ys-space-5); color: var(--ys-muted); line-height: 1.6; }
@supports not selector(:popover-open) {.tema__okno { display: none; }
}
@media (max-width: 1100px) {.temata { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {.nastroje,.temata { grid-template-columns: 1fr; }
}
.hero-okno { width: min(100%, 560px); justify-self: end; }
@media (min-width: 1101px) {.hero-okno {width: min(100% + max(0px, (100vw - var(--ys-layout-container)) / 2 - var(--ys-space-6)), 700px);justify-self: start;}
}
.ukazka { padding: var(--ys-space-7) 0; }
.ukazka + .ukazka,.dvojice + .ukazka { border-top: 1px solid var(--ys-line); }
.ukazka__hlava {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);gap: var(--ys-space-6);margin-bottom: var(--ys-space-6);}
.ukazka__hlava h3,.ukazka--pul h3 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); letter-spacing: -0.03em; }
.ukazka__hlava p,.ukazka--pul > p { color: var(--ys-muted); }
.ukazka__hlava .ys-badge-row { margin-top: var(--ys-space-3); }
.okno--siroke { width: 108%; margin-left: -4%; }
.kroky-ukazky {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--ys-space-4);margin-top: var(--ys-space-6);}
.kroky-ukazky > div {padding-top: var(--ys-space-3);border-top: 2px solid var(--ys-line-strong);}
.kroky-ukazky b { display: block; font-size: 0.95rem; }
.kroky-ukazky span { display: block; margin-top: 4px; color: var(--ys-muted); font-size: 0.82rem; }
.dvojice {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--ys-space-7);padding: var(--ys-space-7) 0;border-top: 1px solid var(--ys-line);}
.ukazka--pul .okno { margin-top: var(--ys-space-5); }
.detaily {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--ys-space-5);padding-top: var(--ys-space-7);border-top: 1px solid var(--ys-line);}
.detail { margin: 0; }
.detail__media {aspect-ratio: 16 / 10;display: grid;place-items: center;padding: var(--ys-space-4);overflow: hidden;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: radial-gradient(circle at 50% 0, rgba(var(--ys-accent-rgb), 0.12), transparent 70%), var(--ys-deep);}
.cip-saturace {display: flex;align-items: center;justify-content: space-between;gap: var(--ys-space-4);width: 100%;padding: 18px 20px;border: 1px solid rgba(var(--ys-accent-rgb), 0.35);border-radius: var(--ys-radius-md);background: linear-gradient(135deg, rgba(var(--ys-accent-rgb), 0.16), rgba(var(--ys-accent-rgb), 0.03));}
.cip-saturace span { display: grid; gap: 4px; color: var(--ys-muted); font-size: 0.8rem; }
.cip-saturace b { color: var(--ys-text); font-size: 0.95rem; }
.cip-saturace strong {color: var(--ys-accent);font-size: 3.2rem;font-weight: 800;line-height: 1;letter-spacing: -0.04em;}
.cip-saturace small { margin-left: 2px; color: var(--ys-muted); font-size: 0.4em; letter-spacing: 0; }
.cip-faze { display: grid; gap: 8px; width: 100%; margin: 0; padding: 0; list-style: none; }
.cip-faze li {display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 6px 8px 6px 12px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);color: var(--ys-text);font-size: 0.8rem;line-height: 1.2;font-weight: 600;}
.cip-faze .ys-badge { padding: 5px 9px; font-size: 0.64rem; font-style: normal; white-space: nowrap; }
.cip-faze__hodnoceni { color: var(--ys-brand-violet); background: rgba(var(--ys-brand-violet-rgb), 0.16); }
.cip-termin {position: relative;display: grid;gap: 4px;min-width: 70%;padding: 18px 20px;border: 1px solid rgba(var(--ys-accent-rgb), 0.6);border-radius: var(--ys-radius-md);background: rgba(var(--ys-accent-rgb), 0.08);}
.cip-termin b { color: var(--ys-text); font-size: 2.2rem; font-weight: 800; line-height: 1; letter-spacing: -0.03em; }
.cip-termin span { color: var(--ys-muted); font-size: 0.8rem; }
.cip-termin em {position: absolute;top: 12px;right: 12px;padding: 3px 9px;border-radius: var(--ys-radius-pill);background: var(--ys-accent);color: var(--ys-accent-ink);font-size: 0.68rem;font-style: normal;font-weight: 800;}
.cip-prepinace { display: grid; gap: 14px; justify-items: center; }
.cip-prepinac {display: inline-flex;align-items: center;gap: 12px;padding: 10px 16px;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-pill);background: var(--ys-panel-soft);color: var(--ys-quiet);font-size: 1.05rem;font-weight: 800;}
.cip-prepinac b:first-child,.cip-prepinac--vpravo b:last-child { color: var(--ys-accent); }
.cip-prepinac--vpravo b:first-child { color: var(--ys-quiet); }
.cip-prepinac i { position: relative; width: 46px; height: 26px; border-radius: var(--ys-radius-pill); background: rgba(var(--ys-accent-rgb), 0.25); }
.cip-prepinac i::after {content: "";position: absolute;top: 4px;left: 4px;width: 18px;height: 18px;border-radius: 50%;background: var(--ys-accent);}
.cip-prepinac--vpravo i::after { left: auto; right: 4px; }
.detail figcaption { margin-top: var(--ys-space-3); color: var(--ys-muted); font-size: 0.84rem; }
.detail figcaption b { color: var(--ys-text); }
.mock {padding: 0;background: var(--ys-bg);color: var(--ys-text);font-size: 0.72rem;line-height: 1.4;}
.mock__top {display: flex;align-items: center;gap: var(--ys-space-3);padding: 10px 18px;border-bottom: 1px solid var(--ys-line);background: var(--ys-deep);}
.mock__top b { font-size: 0.8rem; }
.mock__top i { color: var(--ys-quiet); font-style: normal; }
.mock__top nav { display: flex; gap: var(--ys-space-4); margin-left: auto; }
.mock__top nav span { color: var(--ys-muted); font-weight: 600; }
.mock__top nav .is-active { color: var(--ys-accent); }
.mock__body {display: grid;grid-template-columns: minmax(0, 1.6fr) minmax(220px, 0.8fr);gap: var(--ys-space-4);padding: 18px;}
.mock__nadpis h4 { margin: 0; font-size: 0.95rem; letter-spacing: -0.02em; }
.mock__nadpis p { margin: 2px 0 var(--ys-space-3); color: var(--ys-quiet); }
.mock__kpi { margin-bottom: var(--ys-space-4); }
.mock__kpi .ys-kpi { padding: 10px 12px; }
.mock__kpi .ys-kpi strong { font-size: 1.3rem; }
.mock__tabulka {border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);overflow: hidden;}
.mock__radek {display: grid;grid-template-columns: 70px 90px 1fr 90px;align-items: center;gap: var(--ys-space-3);padding: 7px 12px;border-top: 1px solid var(--ys-line);}
.mock__radek:first-child { border-top: 0; }
.mock__radek--hlava {background: var(--ys-panel-soft);color: var(--ys-quiet);font-size: 0.62rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}
.mock__radek.is-selected { background: rgba(var(--ys-accent-rgb), 0.08); }
.mock__radek .ys-badge { font-size: 0.6rem; }
.mock__mini { display: flex; gap: 3px; align-items: flex-end; height: 16px; }
.mock__mini i { width: 7px; background: var(--ys-accent); border-radius: 2px; opacity: 0.8; }
.mock__mini i:nth-child(1) { height: 70%; }
.mock__mini i:nth-child(2) { height: 50%; }
.mock__mini i:nth-child(3) { height: 80%; }
.mock__mini i:nth-child(4) { height: 40%; }
.mock__mini i:nth-child(5) { height: 60%; }
.mock__mini i:nth-child(6) { height: 90%; }
.mock__mini--prazdny i { background: var(--ys-line-strong); }
.mock__panel {padding: 14px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);}
.mock__panel .ys-callout { margin-bottom: var(--ys-space-3); font-size: 0.7rem; }
.mock__skaly { display: grid; gap: 7px; }
.mock__skaly > div {display: grid;grid-template-columns: 92px 1fr 18px;align-items: center;gap: 8px;}
.mock__skaly span { color: var(--ys-muted); }
.mock__skaly em { color: var(--ys-text); font-style: normal; font-weight: 700; text-align: right; }
.mock__skaly i {position: relative;display: block;height: 8px;border-radius: 4px;background: linear-gradient(90deg, transparent 30%, rgba(var(--ys-accent-rgb), 0.18) 30%, rgba(var(--ys-accent-rgb), 0.18) 70%, transparent 70%),var(--ys-panel-hover);}
.mock__skaly b {position: absolute;top: -2px;width: 12px;height: 12px;margin-left: -6px;border-radius: 50%;background: var(--ys-accent);box-shadow: 0 0 0 2px var(--ys-bg);}
.mock__skaly b[data-sten="4"] { left: 35%; }
.mock__skaly b[data-sten="5"] { left: 45%; }
.mock__skaly b[data-sten="6"] { left: 55%; }
.mock__skaly b[data-sten="7"] { left: 65%; }
.mock__skaly b[data-sten="8"] { left: 75%; }
.mock__skaly b[data-sten="9"] { left: 85%; }
.mock__pozn { margin: var(--ys-space-3) 0 0; color: var(--ys-quiet); font-size: 0.66rem; }
@media (max-width: 1100px) {.hero-okno { justify-self: start; }
.kroky-ukazky,.detaily { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {.ukazka__hlava,.dvojice { grid-template-columns: 1fr; }
.okno--siroke { width: 100%; margin-left: 0; }
.mock__body { grid-template-columns: 1fr; }
.mock__radek { grid-template-columns: 60px 80px 1fr 80px; }
}
@media (max-width: 640px) {.kroky-ukazky,.detaily { grid-template-columns: 1fr; }
.mock__top nav { display: none; }
.mock__radek { grid-template-columns: 60px 1fr 80px; }
.mock__mini { display: none; }
}
.mereni {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-3) var(--ys-space-5);margin: var(--ys-space-4) 0;padding: var(--ys-space-5);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.text-stranka .ys-prose .mereni dt {color: var(--ys-quiet);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;}
.text-stranka .ys-prose .mereni dd {margin: 0 0 var(--ys-space-2);color: var(--ys-text);font-family: var(--ys-font-mono);font-size: 0.95rem;}
.mereni__pozn { color: var(--ys-quiet); font-size: 0.86rem; }
@media (max-width: 640px) {.mereni { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {.ys-tile-grid,.ys-tile-grid--3,.ys-tile-grid--2 { grid-template-columns: 1fr; }
.ys-tile { min-height: auto; border-right: 0; border-bottom: 1px solid var(--ys-line); }
.ys-tile:last-child { border-bottom: 0; }
.ys-tile h3 { margin-top: var(--ys-space-5); }
}
.dashboard { justify-self: end; }
.dashboard__pruh { width: 0; }
.radar {height: 250px;margin-top: 30px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(rgba(var(--ys-text-rgb), 0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--ys-text-rgb), 0.035) 1px, transparent 1px);background-size: 28px 28px;overflow: hidden;}
.radar__svg {display: block;width: 100%;height: 100%;transition: transform 0.22s ease-out;}
.radar__kruh { fill: none; stroke: rgba(var(--ys-text-rgb), 0.12); stroke-width: 1; }
.radar__kruh--vnejsi { stroke: rgba(var(--ys-accent-rgb), 0.25); }
.radar__osa { stroke: rgba(var(--ys-text-rgb), 0.11); stroke-width: 1; }
.radar__plocha {fill: rgba(var(--ys-accent-rgb), 0.18);stroke: none;opacity: 0;transition: opacity 0.6s ease;}
.radar__cara {fill: none;stroke: var(--ys-accent);stroke-width: 2;stroke-linejoin: round;stroke-linecap: round;filter: drop-shadow(0 0 8px rgba(var(--ys-accent-rgb), 0.55));opacity: 0;transition: opacity 0.6s ease;}
.radar__bod {fill: var(--ys-accent);opacity: 0;filter: drop-shadow(0 0 8px rgba(var(--ys-accent-rgb), 0.8));transition: opacity 0.4s ease;}
.radar__popisky text {fill: var(--ys-muted);font-size: 12px;font-weight: 700;text-anchor: middle;}
.radar__popisky .radar__popisek--vpravo { text-anchor: start; }
.radar__popisky .radar__popisek--vlevo { text-anchor: end; }
.radar__svg.is-ready .radar__plocha,.radar__svg.is-ready .radar__cara,.radar__svg.is-ready .radar__bod { opacity: 1; }
@media (max-width: 1100px) {.dashboard { justify-self: start; }
}
@media (max-width: 760px) {.dashboard { min-height: 540px; }
}
.ys-tile p,.ys-plan li,.ys-steps-timeline p,.ys-person p,.ys-stat > span:not(.ys-stat__kicker),.nastroj p,.tema li,.dva__sloupec li,.dva__sloupec ul,.pravidla dd,.kroky-ukazky span,.detail figcaption,.vs__karta p,.osoba--hlavni p { font-size: 0.95rem; line-height: 1.55; }
.ys-accordion summary { font-size: 1rem; }
.ys-accordion__body { font-size: 0.95rem; }
.ys-accordion > summary:focus { outline: none; }
.ys-accordion > summary:focus-visible { outline: 2px solid var(--ys-accent); outline-offset: -2px; }
.ys-person span,.osoba span { font-size: 0.82rem; }
.nastroj h3,.tema h3,.ys-steps-timeline h3,.vs__karta b,.pravidla dt { font-size: 1.15rem; }
.ys-nav__links a { white-space: nowrap; }
.ys-nav__skupina { position: relative; }
.ys-nav__pod {position: absolute;top: calc(100% + 14px);left: -16px;z-index: 95;min-width: 280px;margin: 0;padding: 10px;list-style: none;display: none;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-md);background: rgba(var(--ys-deep-rgb), 0.98);box-shadow: var(--ys-shadow-lg);}
.ys-nav__skupina::after {content: "";position: absolute;left: 0;right: 0;top: 100%;height: 16px;}
.ys-nav__skupina:hover .ys-nav__pod,.ys-nav__skupina:focus-within .ys-nav__pod { display: block; }
.ys-nav__pod a {display: block;padding: 9px 12px;border-radius: var(--ys-radius-xs);font-size: 0.86rem;font-weight: 600;}
.ys-nav__pod a:hover { background: var(--ys-panel-hover); color: var(--ys-text); }
.ys-nav__pod a[aria-current="page"] { color: var(--ys-accent); }
.ys-nav__pod a[aria-current="page"]::after { content: none; }
.drobecky { padding: 14px 0 0; }
.drobecky:has(+ main > .video-hero:first-child) {position: absolute;left: 0;right: 0;z-index: 3;}
.ys-plan__name a { color: inherit; }
.ys-plan__name a:hover { text-decoration: underline; }
.cenik-pozn { margin-top: var(--ys-space-5); font-size: 0.95rem; }
.postup { display: grid; gap: 20px; }
.postup__krok {display: grid;grid-template-columns: 90px 0.7fr 1fr 1fr;gap: 28px;align-items: start;padding: 30px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: linear-gradient(90deg, rgba(var(--ys-accent-rgb), 0.08), transparent),rgba(var(--ys-text-rgb), 0.04);}
.postup__krok > span {color: var(--ys-accent);font-size: 0.95rem;font-weight: 900;}
.postup__krok h3 { font-size: 1.35rem; }
.postup__krok p { margin: 0; color: var(--ys-muted); }
.postup__krok ul {display: grid;gap: 8px;margin: 0;padding: 0;list-style: none;}
.postup__krok li {position: relative;padding-left: 18px;color: var(--ys-muted);}
.postup__krok li::before {content: "";position: absolute;left: 0;top: 0.7em;width: 6px;height: 6px;border-radius: 50%;background: var(--ys-accent);}
.postup__krok li a:hover { color: var(--ys-accent); }
.prosa p { color: var(--ys-muted); font-size: 1.08rem; }
.foto {display: block;width: 100%;height: auto;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-lg);object-fit: cover;}
@media (max-width: 980px) {.postup__krok { grid-template-columns: 70px 1fr; }
.postup__krok p,.postup__krok ul { grid-column: 2; }
}
@media (max-width: 700px) {.postup__krok { grid-template-columns: 1fr; }
.postup__krok p,.postup__krok ul { grid-column: auto; }
}
.tym-uvod {display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);gap: var(--ys-space-7);align-items: center;}
.tym-uvod .ys-section-heading { margin-bottom: 0; }
.tym-uvod__osoby {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-5);}
.portret { display: grid; gap: 6px; align-content: start; }
.portret__foto {width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;object-position: top;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);margin-bottom: var(--ys-space-3);}
.portret b { font-size: 1.15rem; }
.portret span { color: var(--ys-accent); font-size: 0.82rem; font-weight: 700; }
.portret p { margin: 6px 0 0; color: var(--ys-muted); font-size: 0.95rem; }
.ys-tile { min-height: auto; }
.ys-tile h3 { margin-top: var(--ys-space-6); }
@media (max-width: 980px) {.tym-uvod { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {.tym-uvod__osoby { grid-template-columns: 1fr; }
}
.ys-hero { padding-top: 96px; align-items: start; }
.ys-page-hero { position: relative; }
.ys-page-hero::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background-image: linear-gradient(rgba(var(--ys-text-rgb), 0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--ys-text-rgb), 0.035) 1px, transparent 1px);background-size: 48px 48px;mask-image: linear-gradient(to bottom, black 35%, transparent 88%),linear-gradient(to right, transparent, black 12%, black 88%, transparent);mask-composite: intersect;-webkit-mask-composite: source-in;pointer-events: none;}
.video-hero .ys-page-hero::before { content: none; }
@media (max-width: 780px) {.ys-hero { padding-top: 64px; }
}
.hero-produkt h1 { font-size: clamp(2.6rem, 4.6vw, 4.4rem); max-width: 640px; }
.ys-page-hero--karta {display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);gap: var(--ys-space-7);align-items: stretch;}
.ys-page-hero--karta > :first-child { align-self: end; }
.hero-foto {margin: 0;width: 100%;max-width: 420px;justify-self: end;}
.hero-foto img {display: block;width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-lg);box-shadow: var(--ys-shadow-lg);}
.hero-foto--ram img { border: 0; box-shadow: none; }
.appka {display: flex;flex-direction: column;overflow: hidden;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-lg);background: var(--ys-bg);box-shadow: var(--ys-shadow-lg);font-size: 0.8rem;}
.appka__lista {position: relative;display: flex;align-items: center;gap: 6px;height: 34px;padding: 0 14px;border-bottom: 1px solid var(--ys-line);background: rgba(var(--ys-text-rgb), 0.035);}
.appka__lista span { width: 8px; height: 8px; border-radius: 50%; background: var(--ys-line-strong); }
.appka__lista span:first-child { background: rgba(var(--ys-accent-rgb), 0.75); }
.appka__lista i {position: absolute;left: 50%;transform: translateX(-50%);color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.7rem;font-style: normal;}
.appka__hlava {display: flex;align-items: baseline;gap: 10px;padding: 10px 16px;border-bottom: 1px solid var(--ys-line);background: var(--ys-deep);}
.appka__hlava b { font-size: 0.9rem; }
.appka__hlava i { color: var(--ys-quiet); font-size: 0.74rem; font-style: normal; }
.appka__telo {display: flex;flex: 1;flex-direction: column;justify-content: center;gap: 10px;padding: 12px 14px;background: radial-gradient(circle at 100% 0, rgba(var(--ys-accent-rgb), 0.1), transparent 55%);}
.appka__vlna {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 10px;color: var(--ys-muted);font-size: 0.76rem;}
.appka__vlna b { color: var(--ys-text); }
.appka__postup { height: 6px; border-radius: var(--ys-radius-pill); background: var(--ys-panel-hover); overflow: hidden; }
.appka__postup i { display: block; width: 93%; height: 100%; background: var(--ys-accent); }
.appka__karta {padding: 12px;border: 1px solid rgba(var(--ys-accent-rgb), 0.35);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.appka__kpi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.appka__kpi div {display: grid;gap: 2px;padding: 8px 10px;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);}
.appka__kpi b { font-size: 1.25rem; line-height: 1.1; }
.appka__kpi span { color: var(--ys-quiet); font-size: 0.68rem; }
.appka__kpi .appka__kpi--signal { border-color: rgba(var(--ys-warning-rgb), 0.4); }
.appka__kpi .appka__kpi--signal b { color: var(--ys-warning); }
.appka .ys-callout { margin-bottom: 10px; font-size: 0.72rem; }
.appka .mock__nadpis h4 { font-size: 1.1rem; }
.appka .mock__nadpis p { font-size: 0.72rem; }
.appka .mock__skaly { gap: 8px; }
.appka .mock__skaly > div { grid-template-columns: 96px 1fr 18px; font-size: 0.8rem; }
.appka .mock__pozn { font-size: 0.7rem; }
.digi {display: flex;flex-direction: column;justify-content: center;gap: 10px;padding: var(--ys-space-4);border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-lg);background: radial-gradient(circle at 80% 100%, rgba(var(--ys-accent-rgb), 0.14), transparent 60%), var(--ys-deep);box-shadow: var(--ys-shadow-lg);}
.digi__tabulka {border: 1px solid var(--ys-line);border-radius: var(--ys-radius-sm);background: var(--ys-panel-soft);overflow: hidden;opacity: 0.85;}
.digi__soubor {display: block;padding: 6px 10px;border-bottom: 1px solid var(--ys-line);color: var(--ys-quiet);font-family: var(--ys-font-mono);font-size: 0.7rem;}
.digi__mrizka { display: grid; grid-template-columns: 28px 1fr 40px; font-size: 0.74rem; }
.digi__mrizka > * { padding: 5px 8px; border-right: 1px solid var(--ys-line); border-bottom: 1px solid var(--ys-line); color: var(--ys-muted); }
.digi__mrizka > :nth-child(3n) { border-right: 0; text-align: center; }
.digi__mrizka b { color: var(--ys-quiet); font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.digi__sipka {align-self: center;color: var(--ys-accent);font-size: 0.7rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;}
.digi__sipka::before { content: "\2193\00a0"; }
.digi__app {display: grid;gap: 8px;padding: 12px 14px;border: 1px solid rgba(var(--ys-accent-rgb), 0.45);border-radius: var(--ys-radius-md);background: var(--ys-panel);}
.digi__krok { color: var(--ys-quiet); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.digi__otazka { margin: 0; color: var(--ys-text); font-size: 0.98rem; font-weight: 700; line-height: 1.3; }
.digi__skala { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.digi__skala i {display: grid;place-items: center;height: 28px;border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-sm);color: var(--ys-muted);font-size: 0.82rem;font-style: normal;font-weight: 700;}
.digi__skala .je-vybrano { border-color: var(--ys-accent); background: var(--ys-accent); color: var(--ys-accent-ink); }
.digi__vysledek {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 10px;padding-top: 8px;border-top: 1px solid var(--ys-line);color: var(--ys-muted);font-size: 0.78rem;}
.digi__vysledek b { color: var(--ys-accent); font-size: 0.9rem; }
.digi__pruh { height: 6px; border-radius: var(--ys-radius-pill); background: var(--ys-panel-hover); overflow: hidden; }
.digi__pruh i { display: block; width: 70%; height: 100%; background: var(--ys-accent); }
@media (min-width: 981px) {.hero-foto:not(.hero-foto--ram) { position: relative; min-height: 280px; }
.hero-foto:not(.hero-foto--ram) img {position: absolute;inset: 0;height: 100%;aspect-ratio: auto;object-position: center 30%;}
.hero-foto--ram { max-width: 286px; align-self: end; }
}
.kostka {grid-column: 1 / -1;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--ys-space-5);margin: var(--ys-space-6) 0 0;}
.kostka > div {padding-top: var(--ys-space-3);border-top: 1px solid var(--ys-line);}
.kostka dt {margin-bottom: 4px;color: var(--ys-accent);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}
.kostka dd { margin: 0; color: var(--ys-text); font-size: 0.95rem; line-height: 1.45; }
.video-hero {position: relative;isolation: isolate;overflow: hidden;border-bottom: 1px solid var(--ys-line);}
.video-hero__medium {position: absolute;inset: 0;}
.video-hero__medium video {position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;}
.video-hero__medium::after {content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg, rgba(var(--ys-bg-rgb), 0.95) 0%, rgba(var(--ys-bg-rgb), 0.88) 42%, rgba(var(--ys-bg-rgb), 0.5) 68%, rgba(var(--ys-bg-rgb), 0.2) 100%),linear-gradient(0deg, rgba(var(--ys-bg-rgb), 0.92) 0%, rgba(var(--ys-bg-rgb), 0) 34%);}
.video-hero > .ys-container { position: relative; z-index: 1; }
.video-hero .ys-page-hero { padding: 129px 0 56px; border-bottom: 0; }
.video-hero .ys-page-hero > :not(.kostka) { max-width: 640px; }
.pauza-pohybu {position: relative;width: 2.75em;height: 2.75em;padding: 0;border: 1px solid var(--ys-line-strong);border-radius: 50%;background: rgba(var(--ys-deep-rgb), 0.72);color: var(--ys-text);font-size: 16px;cursor: pointer;}
.pauza-pohybu::before,.pauza-pohybu::after {content: "";position: absolute;top: 0.875em;width: 0.25em;height: 0.875em;border-radius: 1px;background: currentColor;}
.pauza-pohybu::before { left: 0.9375em; }
.pauza-pohybu::after { right: 0.9375em; }
.pauza-pohybu.je-pauza::before {top: 0.8125em;left: 1em;width: 0;height: 0;border-radius: 0;border-style: solid;border-width: 0.5em 0 0.5em 0.8125em;border-color: transparent transparent transparent currentColor;background: none;}
.pauza-pohybu.je-pauza::after { display: none; }
.pauza-pohybu:hover { background: rgba(var(--ys-deep-rgb), 0.92); }
.pauza-pohybu:focus-visible { outline: 2px solid var(--ys-accent); outline-offset: 3px; }
.video-hero__pauza {position: absolute;top: var(--ys-space-5);right: var(--ys-space-5);z-index: 2;}
@media (max-width: 980px) {.video-hero__medium { position: relative; aspect-ratio: 16 / 9; }
.video-hero__medium::after { background: linear-gradient(0deg, rgba(var(--ys-bg-rgb), 0.9) 0%, rgba(var(--ys-bg-rgb), 0) 45%); }
.video-hero .ys-page-hero { padding: var(--ys-space-5) 0 var(--ys-space-7); }
}
.pasmo { margin: 0 0 var(--ys-space-7); }
.vyzva {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--ys-space-5);margin-top: var(--ys-space-7);padding: var(--ys-space-5) var(--ys-space-6);border: 1px solid var(--ys-line-strong);border-radius: var(--ys-radius-lg);background: var(--ys-panel-soft);}
.vyzva p { margin: 0; color: var(--ys-muted); }
.vyzva strong { color: var(--ys-text); }
.ys-hero > * { min-width: 0; }
.tagline { min-height: 3.15em; overflow-wrap: anywhere; }
@media (min-width: 981px) {.tagline { min-height: 4.2em; }
}
.tagline__text { transition: opacity 0.7s var(--ys-motion-ease); }
.tagline__text.je-skryta { opacity: 0; }
.tagline__skryte { visibility: hidden; }
.tagline__kurzor { position: relative; }
.tagline__kurzor::after {content: "";position: absolute;left: 0.03em;top: 0.2em;width: 0.06em;height: 0.86em;background: var(--ys-accent);animation: tagline-kurzor 1.2s ease-in-out infinite alternate;}
@keyframes tagline-kurzor {from { opacity: 1; }
to { opacity: 0.15; }
}
.situace .ys-card > a span { color: var(--ys-quiet); font-weight: 600; }
.misto {display: grid;place-items: center;padding: var(--ys-space-4);border: 1px dashed var(--ys-line-strong);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);color: var(--ys-quiet);font-size: 0.74rem;text-align: center;}
.misto--logo { width: 150px; height: 46px; padding: 0; }
.misto--obal { border-width: 0 0 1px; border-radius: 0; }
.ohlasy {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-7) var(--ys-space-5);align-items: stretch;}
.ohlasy--tri { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ohlasy + .ohlasy { margin-top: var(--ys-space-5); }
.ohlasy + .ohlasy--hlasy { margin-top: var(--ys-space-7); }
.ys-quote {padding: var(--ys-space-2) 0 var(--ys-space-2) var(--ys-space-6);border: 0;border-left: 3px solid var(--ys-accent);border-radius: 0;background: none;}
.ys-quote blockquote { font-size: 1.12rem; line-height: 1.6; }
.ys-quote blockquote::before {content: "\201C";content: "\201C" / "";display: block;height: 0.42em;margin-bottom: var(--ys-space-3);color: var(--ys-accent);font-size: 4rem;font-weight: 700;line-height: 0.9;}
.ys-grid + .ohlasy { margin-top: var(--ys-space-6); }
.ohlasy--jedna { grid-template-columns: minmax(0, 760px); }
.ohlasy--zed { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.ohlasy--zed .ys-quote {padding: var(--ys-space-5);border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.ohlasy--zed .ys-quote blockquote { margin-bottom: var(--ys-space-4); font-size: 0.98rem; line-height: 1.6; }
.ohlasy--zed .ys-quote blockquote::before { height: 0.32em; margin-bottom: var(--ys-space-2); font-size: 3rem; }
.ohlasy--zed .ys-quote figcaption {min-height: calc(3.9rem + var(--ys-space-4));margin-top: auto;padding-top: var(--ys-space-4);align-items: flex-start;border-top: 1px solid var(--ys-line);}
.ohlasy--zed .ys-quote figcaption span { color: var(--ys-quiet); }
.ohlasy + .ohlasy__tema { margin-top: var(--ys-space-7); }
@media (max-width: 1100px) { .ohlasy--zed { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ohlasy--zed { grid-template-columns: 1fr; } }
.ohlasy__tema {margin: var(--ys-space-7) 0 var(--ys-space-4);font-size: 1.05rem;}
.ys-section-heading + .ohlasy__tema { margin-top: 0; }
.zakazka { display: flex; flex-direction: column; }
.zakazka--odkaz { color: inherit; text-decoration: none; }
.zakazka--odkaz:hover { border-color: rgba(var(--ys-accent-rgb), 0.35); }
.zakazka__dal {align-self: flex-start;margin-top: auto;padding-top: var(--ys-space-4);color: var(--ys-accent);font-size: 0.86rem;font-weight: 700;}
.zakazka--odkaz:hover .zakazka__dal { text-decoration: underline; }
.ys-quote { margin: 0; display: flex; flex-direction: column; }
.ys-quote figcaption { margin-top: auto; padding-top: var(--ys-space-5); min-height: calc(3.9rem + var(--ys-space-5)); align-items: flex-start; }
.clanek__meta { margin-top: var(--ys-space-5); }
.srdce { color: var(--ys-accent); font-variant-emoji: text; }
.pribeh-nadpis { max-width: none; }
.paticka { grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(160px, 0.6fr)); }
.paticka .ys-footer__brand p { max-width: 460px; }
.paticka .paticka__produkty { margin-top: var(--ys-space-3); color: var(--ys-quiet); }
.paticka__produkty a { color: var(--ys-muted); }
.paticka__produkty a:hover { color: var(--ys-accent); }
.paticka__spodek { color: var(--ys-quiet); font-size: 0.8rem; }
.paticka__odkazy { display: flex; flex-wrap: wrap; gap: var(--ys-space-5); }
@media (max-width: 1100px) { .paticka { grid-template-columns: 1fr 1fr; } .paticka .ys-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 620px) { .paticka { grid-template-columns: 1fr; } }
.clanek-rozvrzeni {display: grid;grid-template-columns: minmax(0, 1fr) 300px;gap: var(--ys-space-8);align-items: start;}
.clanek-rozvrzeni .clanek { max-width: 72ch; font-size: 1.06rem; }
.ys-prose table {width: 100%;margin: var(--ys-space-5) 0 var(--ys-space-6);border-collapse: collapse;font-size: 0.95rem;line-height: 1.45;}
.ys-prose th,.ys-prose td {padding: 10px 12px;border-bottom: 1px solid var(--ys-line);text-align: left;vertical-align: top;}
.ys-prose thead th {border-bottom-color: var(--ys-line-strong);color: var(--ys-text);font-weight: 700;vertical-align: bottom;}
.ys-prose tbody td:first-child { color: var(--ys-text); font-weight: 600; }
.ys-prose th:first-child,.ys-prose td:first-child { padding-left: 0; }
.ys-prose th:last-child,.ys-prose td:last-child { padding-right: 0; }
.clanek-bok {position: sticky;top: calc(var(--ys-layout-header) + var(--ys-space-5));overflow: hidden;border: 1px solid var(--ys-line);border-radius: var(--ys-radius-md);background: var(--ys-panel-soft);}
.clanek-bok .clanek-obalka { height: 120px; }
.clanek-bok .clanek-obalka svg { width: 56px; height: 56px; }
.clanek-bok__udaje { display: grid; gap: var(--ys-space-4); margin: 0; padding: var(--ys-space-6) var(--ys-space-5) 0; }
.clanek-bok__udaje dt {color: var(--ys-quiet);font-size: 0.7rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}
.clanek-bok__udaje dd { margin: 2px 0 0; color: var(--ys-text); font-size: 0.95rem; }
.clanek-bok__akce { display: grid; gap: var(--ys-space-5); padding: var(--ys-space-6) var(--ys-space-5) var(--ys-space-6); justify-items: start; }
.clanek-bok__odkaz { color: var(--ys-accent); font-size: 0.88rem; font-weight: 700; text-decoration: none; }
.clanek-bok__odkaz:hover { text-decoration: underline; }
@media (max-width: 980px) {.clanek-rozvrzeni { grid-template-columns: 1fr; }
.clanek-bok { display: none; }
}
.clanek__zdroj {margin-top: var(--ys-space-6);padding-top: var(--ys-space-4);border-top: 1px solid var(--ys-line);color: var(--ys-quiet);font-size: 0.86rem;}
.ys-quote figcaption img {width: 44px;height: 44px;flex: 0 0 auto;border-radius: 50%;object-fit: cover;border: 1px solid var(--ys-line-strong);}
.ys-article-grid--dva { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767.98px), (min-width: 1101px) {.clanek-ctvrty { display: none; }
}
.clanek-obalka {--barva: var(--ys-accent);position: relative;display: flex;align-items: center;justify-content: flex-end;height: 92px;padding: 0 24px;overflow: hidden;border-bottom: 1px solid var(--ys-line);background: radial-gradient(circle at 86% 50%, color-mix(in srgb, var(--barva) 34%, transparent), transparent 62%),linear-gradient(135deg, color-mix(in srgb, var(--barva) 18%, transparent), color-mix(in srgb, var(--barva) 4%, transparent));color: var(--barva);}
.clanek-obalka::before {content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(var(--ys-text-rgb), 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--ys-text-rgb), 0.05) 1px, transparent 1px);background-size: 22px 22px;mask-image: linear-gradient(90deg, transparent, black 70%);pointer-events: none;}
.clanek-obalka svg { position: relative; width: 46px; height: 46px; }
.clanek-obalka--vyhoreni { --barva: var(--ys-danger); }
.clanek-obalka--kompetence { --barva: var(--ys-info); }
.clanek-obalka--komunikace { --barva: color-mix(in srgb, rgb(var(--ys-brand-violet-rgb)) 45%, var(--ys-text)); }
.clanek-obalka--vedeni { --barva: var(--ys-warning); }
.clanek-obalka--zivot { --barva: rgb(var(--ys-brand-yellow-rgb)); }
.ys-stats--tri { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: var(--ys-space-6); }
.zakazka dl { margin: var(--ys-space-4) 0 0; display: grid; gap: var(--ys-space-3); }
.zakazka dt {color: var(--ys-accent);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}
.zakazka dd { margin: 2px 0 0; color: var(--ys-muted); font-size: 0.95rem; line-height: 1.5; }
.pas-log { margin: calc(var(--ys-space-8) + var(--ys-space-5) + var(--ys-space-3)) 0 var(--ys-space-6); }
@media (max-width: 860px) {.pas-log { margin: calc(var(--ys-space-8) + var(--ys-space-3)) 0 var(--ys-space-5); }
}
.pas-log .ys-logo-ticker__track { animation-duration: 129s; }
.pas-log:not(.je-ovladany) .ys-logo-ticker__track { animation: none; }
.pas-log.je-zastaveno .ys-logo-ticker__track { animation-play-state: paused; }
@media (max-width: 860px) {.ohlasy,.ohlasy--tri,.ys-article-grid { grid-template-columns: 1fr; }
}
.kontakt__lide {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--ys-space-5);margin-bottom: var(--ys-space-6);}
@media (max-width: 980px) {.ys-page-hero--karta { grid-template-columns: 1fr; align-items: start; }
.hero-foto { max-width: 360px; justify-self: start; }
}
@media (max-width: 700px) {.kostka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ys-reveal {transform: translateY(12px);transition: opacity 0.9s var(--ys-motion-ease), transform 0.9s var(--ys-motion-ease);}
.ys-reveal.is-visible { transform: none; }
.ys-reveal .ys-card,.ys-reveal .ys-tile,.ys-reveal .ys-process__item,.ys-reveal .nastroj,.ys-reveal .tema,.ys-reveal .postup__krok,.ys-reveal .ys-stat,.ys-reveal .portret,.ys-reveal .osoba,.ys-reveal .ys-accordion {opacity: 0;transform: translateY(10px);transition: opacity 0.8s var(--ys-motion-ease), transform 0.8s var(--ys-motion-ease);}
.ys-reveal.is-visible .ys-card,.ys-reveal.is-visible .ys-tile,.ys-reveal.is-visible .ys-process__item,.ys-reveal.is-visible .nastroj,.ys-reveal.is-visible .tema,.ys-reveal.is-visible .postup__krok,.ys-reveal.is-visible .ys-stat,.ys-reveal.is-visible .portret,.ys-reveal.is-visible .osoba,.ys-reveal.is-visible .ys-accordion { opacity: 1; transform: none; }
.ys-reveal.is-visible > :nth-child(2),.ys-reveal.is-visible .postup > :nth-child(2) { transition-delay: 0.1s; }
.ys-reveal.is-visible > :nth-child(3),.ys-reveal.is-visible .postup > :nth-child(3) { transition-delay: 0.2s; }
.ys-reveal.is-visible > :nth-child(4),.ys-reveal.is-visible .postup > :nth-child(4) { transition-delay: 0.3s; }
.ys-reveal.is-visible > :nth-child(5) { transition-delay: 0.4s; }
.ys-reveal.is-visible > :nth-child(6) { transition-delay: 0.5s; }
.ys-reveal.is-visible > :nth-child(7) { transition-delay: 0.6s; }
.ys-reveal.is-visible > :nth-child(8) { transition-delay: 0.7s; }
.ys-card:not(.ys-card--glow),.nastroj,.tema,.postup__krok,.portret,.osoba {transition: transform var(--ys-motion-base) var(--ys-motion-ease), border-color var(--ys-motion-base) var(--ys-motion-ease);}
.ys-card:not(.ys-card--glow):hover,.postup__krok:hover { transform: translateY(-3px); border-color: rgba(var(--ys-accent-rgb), 0.35); }
.portret:hover .portret__foto { border-color: rgba(var(--ys-accent-rgb), 0.5); }
.ys-nav { transition: box-shadow var(--ys-motion-base) var(--ys-motion-ease); }
.ys-nav.is-scrolled { box-shadow: 0 10px 30px rgba(var(--ys-deep-rgb), 0.45); }
@media (prefers-reduced-motion: reduce) {.ys-reveal .ys-card, .ys-reveal .ys-tile, .ys-reveal .ys-process__item, .ys-reveal .nastroj,.ys-reveal .tema, .ys-reveal .postup__krok, .ys-reveal .ys-stat, .ys-reveal .portret,.ys-reveal .osoba, .ys-reveal .ys-accordion { opacity: 1; transform: none; transition: none; }
.ys-reveal { transform: none; transition: none; }
.ys-card:not(.ys-card--glow):hover, .postup__krok:hover { transform: none; }
}
@media (max-width: 1279px) {.ys-nav__inner {display: grid;grid-template-columns: minmax(0, 1fr) auto auto;grid-template-rows: 64px;align-items: center;gap: 0 var(--ys-space-3);min-height: 0;}
.ys-nav__actions { display: contents; }
.ys-nav .brand { grid-area: 1 / 1; justify-self: start; }
.ys-nav__cta { grid-area: 1 / 2; }
.ys-nav__toggle {grid-area: 1 / 3;display: grid;place-content: center;width: 44px;height: 44px;}
.ys-nav__toggle::before {content: "\2630";content: "\2630" / "";font-size: 1.2rem;line-height: 1;}
.ys-nav__checkbox:checked ~ .ys-container .ys-nav__toggle::before {content: "\2715";content: "\2715" / "";}
.ys-nav__checkbox:focus-visible ~ .ys-container .ys-nav__toggle { outline: 2px solid var(--ys-accent); outline-offset: 2px; }
.ys-nav__links {display: none;grid-area: 2 / 1 / 3 / -1;flex-direction: column;align-items: stretch;gap: 0;max-height: calc(100vh - 64px);max-height: calc(100dvh - 64px);padding: var(--ys-space-2) 0 var(--ys-space-4);overflow-y: auto;overscroll-behavior: contain;border-top: 1px solid var(--ys-line);}
.ys-nav__checkbox:checked ~ .ys-container .ys-nav__links { display: flex; }
.ys-nav__links a:focus-visible { outline: 2px solid var(--ys-accent); outline-offset: -2px; }
.ys-nav__links a {display: block;padding: 12px 0;font-size: 1rem;white-space: normal;}
.ys-nav__links a[aria-current="page"]::after { content: none; }
.ys-nav__skupina::after { content: none; }
.ys-nav__pod {display: block;position: static;min-width: 0;margin: 0 0 var(--ys-space-2);padding: 0 0 0 var(--ys-space-5);border: 0;border-left: 1px solid var(--ys-line);border-radius: 0;background: none;box-shadow: none;}
.ys-nav__pod a {padding: 10px 0 10px var(--ys-space-3);font-size: 0.95rem;font-weight: 600;}
.ys-nav__pod a:hover { background: none; }
.ys-nav:has(.ys-nav__checkbox:checked) {background: var(--ys-bg);backdrop-filter: none;}
.ys-nav:has(.ys-nav__checkbox:checked)::after {content: "";position: absolute;top: 100%;left: 0;right: 0;height: 100vh;background: rgba(var(--ys-deep-rgb), 0.72);}
html:has(.ys-nav__checkbox:checked) { overflow: hidden; }
html { scrollbar-gutter: stable; }
}
@media (max-width: 767.98px) {.ys-nav__cta { display: none; }
.ys-nav__links {max-height: calc(100vh - 64px - 96px);max-height: calc(100dvh - 64px - 96px);border-bottom: 1px solid var(--ys-line);}
.ys-nav__checkbox:checked ~ .ys-container .ys-nav__cta {display: block;grid-area: 3 / 1 / 4 / -1;margin: var(--ys-space-3) 0 var(--ys-space-5);padding: 14px 18px;border-color: transparent;background: var(--ys-accent);color: var(--ys-accent-ink);font-size: 1rem;text-align: center;}
}
@media (max-width: 1279px) {.ys-section { padding: 88px 0; }
.ys-section--tight { padding: 56px 0; }
}
@media (max-width: 767.98px) {.ys-section { padding: 64px 0; }
.ys-section--tight { padding: 48px 0; }
}
@media (max-width: 767.98px) {.ys-stats--tri { grid-template-columns: 1fr; }
}
@media (max-width: 1279px) {.okno--siroke { width: 100%; margin-left: 0; }
}
@media (min-width: 1024px) and (max-width: 1100.98px) {.paticka { grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(160px, 0.6fr)); }
.paticka .ys-footer__brand { grid-column: auto; }
}
@media (max-width: 1023.98px) {.ys-footer__column { justify-self: start; text-align: left; }
.ys-footer__column a { margin-left: 0; }
}
@media (max-width: 767.98px) {.paticka { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--ys-space-5); }
.paticka .ys-footer__brand { grid-column: 1 / -1; }
.ys-footer__column { min-width: 0; }
.ys-footer__column ul { gap: 0; }
.ys-footer__column a { padding: 11px 0; font-size: 0.9rem; }
.paticka__odkazy a { display: inline-block; padding: 11px 0; }
.ys-footer__bottom { margin-top: var(--ys-space-6); }
}
@media (max-width: 1023.98px) {.kontakt { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1023.98px) {.ys-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) and (max-width: 1100.98px) {.ys-hero { grid-template-columns: 1.03fr 0.97fr; }
.dashboard,.hero-ukazka,.hero-okno { justify-self: end; }
}
@media (max-width: 1023.98px) {.ys-hero > .ys-showcase,.dashboard,.hero-ukazka,.hero-okno { justify-self: center; }
}
@media (min-width: 768px) and (max-width: 1023.98px) {.dashboard { width: min(100%, 560px); }
.hero-ukazka { width: min(100%, 480px); }
.hero-okno { width: min(100%, 640px); }
.tagline { min-height: 2.1em; }
}
@media (min-width: 768px) and (max-width: 980.98px) {.ys-page-hero--karta .hero-foto { justify-self: center; max-width: 460px; }
}
@media (min-width: 768px) and (max-width: 1023.98px) {.ys-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ys-grid--3 > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 1023.98px) {.ys-card { min-height: 0; }
}
@media (max-width: 1279px) {.mock__kpi .ys-kpi { min-height: 0; gap: var(--ys-space-2); }
}
@media (max-width: 767.98px) {.mock__kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100.98px) {.ys-split--text { gap: var(--ys-space-5); }
.ys-split--text > .ys-section-heading { margin-bottom: 0; }
}
@media (max-width: 767.98px) {.ys-section-heading,.ys-section-heading--left { margin-bottom: 40px; }
}
@media (max-width: 980.98px) {.drobecky:has(+ main > .video-hero:first-child) { position: static; }
}
@media (max-width: 767.98px) {.osoba--hlavni .osoba__foto { max-width: none; }
}
@media (max-width: 399.98px) {.kostka { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {.ys-prose table { font-size: 0.88rem; }
.ys-prose th,.ys-prose td { padding: 8px 6px; }
}