@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist/geist-latin-normal.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist/geist-latin-ext-normal.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-mono/geist-mono-latin-normal.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --bg: #FFFFFF;
  --bg-soft: #F6F7F9;
  --bg-tint: #F4F5FF;
  --ink: #0B1020;
  --text: #333B4B;
  --muted: #687082;
  --faint: #9AA1AE;
  --line: #E8EAEF;
  --line-2: #DCE0E7;
  --brand: #4F46E5;
  --brand-ink: #3730A3;
  --brand-soft: #EEF0FE;
  --sky: #0284C7;
  --sky-soft: #E6F4FB;
  --violet: #7C3AED;
  --violet-soft: #F2ECFE;
  --green: #15803D;
  --green-mid: #16A34A;
  --green-soft: #E7F6EC;
  --amber: #B45309;
  --amber-soft: #FDF3E3;
  --red: #C2261D;
  --red-soft: #FCECEB;
  --pink-soft: #FCEEF5;
  --grad: linear-gradient(95deg, #0EA5E9 0%, #4F46E5 50%, #8B5CF6 100%);
  --sh-1: 0 1px 2px rgba(16, 24, 40, .05);
  --sh-2: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px -12px rgba(16, 24, 40, .14);
  --sh-3: 0 0 0 1px rgba(16, 24, 40, .06), 0 2px 6px rgba(16, 24, 40, .05), 0 32px 72px -28px rgba(16, 24, 40, .28);
  --sh-float: 0 0 0 1px rgba(16, 24, 40, .06), 0 14px 36px -12px rgba(16, 24, 40, .24);
  --font: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --pill: 999px;
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --section: clamp(4.5rem, 2.5rem + 6vw, 8.5rem);
  --header-h: 68px;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg { display: block; max-width: 100%; }
svg { flex-shrink: 0; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4 { margin: 0; color: var(--ink); font-weight: 600; letter-spacing: -.03em; line-height: 1.1; text-wrap: balance; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 6px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 200; padding: 10px 16px; border-radius: var(--pill); background: var(--ink); color: #fff; font-weight: 600; text-decoration: none; transition: top .2s; }
.skip:focus { top: 12px; }
.icon { width: 20px; height: 20px; }

.container { width: 100%; max-width: calc(var(--container) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); }
.section { padding-block: var(--section); }
.section--soft { background: var(--bg-soft); }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--brand);
}
.eyebrow::before { content: ""; width: 18px; height: 1.5px; background: currentColor; border-radius: 2px; }
.section-head { max-width: 760px; margin: 0 auto clamp(2.5rem, 1.5rem + 3vw, 4.5rem); text-align: center; display: grid; gap: 18px; justify-items: center; }
.section-head h2, .h2 { font-size: clamp(2rem, 1.3rem + 2.4vw, 3.25rem); letter-spacing: -.04em; }
.section-head p, .lede { font-size: clamp(1.05rem, .98rem + .3vw, 1.25rem); color: var(--muted); line-height: 1.55; }
.grad-text { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: var(--pill);
  border: 0;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s, box-shadow .2s, transform .2s var(--ease), color .2s;
}
.btn .icon { width: 18px; height: 18px; }
.btn:active { transform: translateY(1px); }
.btn--dark { color: #fff; background: var(--ink); box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset, 0 10px 24px -12px rgba(11, 16, 32, .6); }
.btn--dark:hover { background: #1E2536; }
.btn--light { color: var(--ink); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2), var(--sh-1); }
.btn--light:hover { box-shadow: inset 0 0 0 1px #C7CCD6, var(--sh-2); }
.btn--lg { min-height: 54px; padding: 0 26px; font-size: 16.5px; }
.btn--sm { min-height: 40px; padding: 0 16px; font-size: 14.5px; }
.link-arrow { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink); text-decoration: none; }
.link-arrow .icon { width: 16px; height: 16px; transition: transform .2s var(--ease); }
.link-arrow:hover .icon { transform: translateX(3px); }

.topbar { border-bottom: 1px solid var(--line); background: #fff; font-size: 13.5px; color: var(--muted); }
.topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; }
.topbar a { text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.topbar a:hover { color: var(--ink); }
.topbar .icon { width: 14px; height: 14px; }
.lang { display: flex; gap: 4px; list-style: none; font-family: var(--mono); font-size: 12px; letter-spacing: .06em; }
.lang__item { display: inline-flex; padding: 3px 8px; border-radius: 6px; color: var(--faint); }
.lang__item[aria-current="true"] { color: var(--ink); background: var(--bg-soft); box-shadow: inset 0 0 0 1px var(--line); }
.topbar__tagline { display: none; }
@media (min-width: 900px) { .topbar__tagline { display: inline; } .topbar__right { display: flex; align-items: center; gap: 20px; } }

.header { position: sticky; top: 0; z-index: 60; border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
.header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255, 255, 255, .84); -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px); }
.header.is-stuck { border-bottom-color: var(--line); box-shadow: 0 6px 20px -16px rgba(16, 24, 40, .25); }
.header__inner { display: flex; align-items: center; gap: 24px; min-height: var(--header-h); }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); font-weight: 650; font-size: 19px; letter-spacing: -.035em; }
.brand__mark { width: 36px; height: 36px; padding: 5px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-2), var(--sh-1); }
.brand__mark img { width: 100%; height: 100%; object-fit: contain; }
.brand__dot { color: var(--brand); }
.nav { margin-left: auto; display: none; }
.nav ul { display: flex; gap: 4px; list-style: none; }
.nav a { display: inline-flex; padding: 8px 12px; border-radius: var(--pill); font-size: 15px; font-weight: 500; color: var(--text); text-decoration: none; }
.nav a:hover { color: var(--ink); background: var(--bg-soft); }
.header__cta { display: none; }
.mnav { margin-left: auto; }
.mnav > summary { list-style: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--line-2); background: #fff; }
.mnav > summary::-webkit-details-marker { display: none; }
.mnav > summary .icon { width: 22px; height: 22px; color: var(--ink); }
.mnav .i-close { display: none; }
.mnav[open] .i-open { display: none; }
.mnav[open] .i-close { display: block; }
.mnav__panel { position: fixed; left: 0; right: 0; top: var(--mnav-top, 106px); bottom: 0; z-index: 59; overflow-y: auto; padding: 20px var(--gutter) 40px; background: #fff; border-top: 1px solid var(--line); }
.mnav__panel ul { list-style: none; display: grid; }
.mnav__panel li a { display: flex; justify-content: space-between; align-items: center; padding: 16px 4px; border-bottom: 1px solid var(--line); font-size: 19px; font-weight: 600; color: var(--ink); text-decoration: none; letter-spacing: -.02em; }
.mnav__panel .icon { width: 18px; height: 18px; color: var(--faint); }
.mnav__panel .btn { width: 100%; margin-top: 24px; }
@media (min-width: 1040px) {
  .nav { display: block; }
  .header__cta { display: inline-flex; }
  .mnav { display: none; }
}

.hero { position: relative; overflow: hidden; padding-top: clamp(3rem, 1.5rem + 5vw, 6.5rem); }
.hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:
  radial-gradient(40% 32% at 18% 22%, rgba(14, 165, 233, .10), transparent 70%),
  radial-gradient(38% 30% at 82% 18%, rgba(139, 92, 246, .10), transparent 70%),
  radial-gradient(60% 40% at 50% 100%, rgba(79, 70, 229, .07), transparent 70%); }
.hero__bg::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(11, 16, 32, .07) 1px, transparent 1.2px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(70% 55% at 50% 30%, #000 20%, transparent 75%); mask-image: radial-gradient(70% 55% at 50% 30%, #000 20%, transparent 75%); }
.hero__intro { display: grid; justify-items: center; text-align: center; gap: 26px; }
.hero__badge { display: inline-flex; align-items: center; gap: 10px; padding: 5px 14px 5px 5px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2), var(--sh-1); font-size: 14px; color: var(--text); text-decoration: none; max-width: 100%; }
.hero__badge:hover { box-shadow: inset 0 0 0 1px #C7CCD6, var(--sh-2); }
.hero__badge .icon { width: 15px; height: 15px; color: var(--muted); }
.hero__badge span:nth-child(2) { white-space: normal; text-align: left; }
.pill-new { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: var(--pill); background: var(--grad); color: #fff; font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.hero h1 { font-size: clamp(2.5rem, 1rem + 4.6vw, 4.9rem); font-weight: 650; letter-spacing: -.05em; line-height: 1.02; max-width: 19ch; }
.hero .lede { max-width: 60ch; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.hero__micro { font-size: 13.5px; color: var(--faint); display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: center; }
.hero__micro span { display: inline-flex; align-items: center; gap: 6px; }
.hero__micro .icon { width: 15px; height: 15px; color: var(--green-mid); }

.hero__stage { position: relative; margin: clamp(3rem, 2rem + 3vw, 5rem) auto 0; max-width: 1120px; perspective: 1800px; }
.hero__stage-inner { position: relative; padding-bottom: clamp(3rem, 2rem + 4vw, 6rem); transform-origin: 50% 0; transform: rotateX(var(--tilt, 0deg)) scale(var(--tilt-scale, 1)); transition: transform .12s linear; }
.hero__stage .win { position: relative; z-index: 1; }
.hero__glow { position: absolute; left: 2%; right: 12%; top: 6%; height: 74%; pointer-events: none; background: radial-gradient(50% 60% at 50% 45%, rgba(99, 102, 241, .24), rgba(14, 165, 233, .10) 55%, transparent 78%); filter: blur(48px); }
.hero__floor { position: absolute; left: 50%; bottom: 0; width: min(1040px, 92%); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(14, 165, 233, .5), rgba(79, 70, 229, .65), rgba(139, 92, 246, .5), transparent); }
.hero__floor::after { content: ""; position: absolute; left: 12%; right: 12%; top: -16px; height: 32px; background: radial-gradient(50% 50% at 50% 50%, rgba(79, 70, 229, .18), transparent 70%); filter: blur(8px); }
.float { position: absolute; z-index: 3; background: #fff; border-radius: 14px; box-shadow: var(--sh-float); }
.float--toast { top: -22px; right: 230px; display: flex; gap: 12px; align-items: center; padding: 12px 16px 12px 12px; max-width: 290px; }
.float--regibox { left: -44px; top: 24%; display: flex; gap: 12px; align-items: center; padding: 12px 16px 12px 12px; max-width: 280px; }
.float--invoice { left: -36px; bottom: 9%; width: 230px; padding: 14px 16px; }
.float--phone { right: 0; bottom: 2%; z-index: 4; background: none; box-shadow: none; border-radius: 0; }
@media (min-width: 761px) { .hero__stage .win { width: calc(100% - 150px); } }
.check-badge { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--green-soft); color: var(--green); flex: none; }
.check-badge--brand { background: var(--brand-soft); color: var(--brand); }
.check-badge .icon { width: 18px; height: 18px; }
.float strong, .phone__toast strong { display: block; font-size: 13.5px; color: var(--ink); font-weight: 600; letter-spacing: -.01em; }
.float small, .phone__toast small { display: block; font-size: 12px; color: var(--muted); line-height: 1.35; }
.inv-row { display: flex; justify-content: space-between; align-items: baseline; font-size: 12.5px; color: var(--muted); padding: 3px 0; }
.inv-row b { font-family: var(--mono); font-weight: 600; color: var(--ink); font-size: 13px; }
.inv-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
@media (max-width: 1100px) { .float--invoice, .float--regibox { left: 8px; } .float--phone .phone { width: 210px; } }
@media (max-width: 760px) {
  .float--invoice, .float--toast, .float--regibox { display: none; }
  .float--phone { position: relative; right: auto; bottom: auto; margin: 20px auto 0; width: max-content; }
}

.win { background: #fff; border-radius: 16px; box-shadow: var(--sh-3); overflow: hidden; font-size: 12.5px; color: var(--text); text-align: left; }
.win__bar { display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 14px; border-bottom: 1px solid var(--line); background: #FBFBFC; }
.dots { display: flex; gap: 6px; }
.dots i { width: 10px; height: 10px; border-radius: 50%; background: #E3E5EA; }
.ui-patient { display: flex; align-items: center; gap: 10px; }
.avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 11px; font-weight: 600; color: var(--brand-ink); background: var(--brand-soft); flex: none; }
.avatar--sky { color: #075985; background: var(--sky-soft); }
.avatar--violet { color: #5B21B6; background: var(--violet-soft); }
.avatar--green { color: #166534; background: var(--green-soft); }
.ui-name { font-weight: 600; color: var(--ink); font-size: 14px; letter-spacing: -.015em; }
.ui-sub { color: var(--faint); font-size: 11.5px; }
.ui-label { font-family: var(--mono); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }
.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); flex: none; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 7px; font-size: 11px; font-weight: 500; color: var(--text); background: #F2F3F6; white-space: nowrap; }
.chip b { font-weight: 650; color: var(--ink); }
.chip--brand { color: var(--brand-ink); background: var(--brand-soft); }
.chip--green { color: var(--green); background: var(--green-soft); }

.phone { width: 236px; padding: 10px; border-radius: 38px; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .1), 0 30px 60px -24px rgba(16, 24, 40, .35), inset 0 0 0 6px #F4F5F8; }
.phone__screen { position: relative; border-radius: 30px; overflow: hidden; background: #FBFBFD; box-shadow: inset 0 0 0 1px var(--line); padding: 12px 12px 14px; display: grid; gap: 10px; font-size: 11.5px; }
.phone__status { display: flex; justify-content: space-between; align-items: center; font-size: 10.5px; font-weight: 600; color: var(--ink); padding: 0 4px; }
.phone__notch { width: 70px; height: 18px; border-radius: 12px; background: #EDEEF2; }
.phone__app { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink); font-size: 12.5px; }
.phone__app img { width: 22px; height: 22px; padding: 3px; border-radius: 7px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
.queue-card { border-radius: 16px; padding: 12px; background: linear-gradient(140deg, #EEF0FE, #F5F0FF 60%, #EAF6FD); box-shadow: inset 0 0 0 1px #E1E3FA; display: grid; gap: 6px; }
.queue-card small { color: var(--muted); font-size: 10.5px; }
.queue-card strong { color: var(--ink); font-size: 15px; letter-spacing: -.02em; line-height: 1.2; }
.bar { height: 5px; border-radius: 4px; background: #E3E5F4; overflow: hidden; }
.bar i { display: block; height: 100%; width: 100%; border-radius: 4px; background: var(--grad); transform-origin: 0 50%; transform: scaleX(.64); }
.doc { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.doc .icon { width: 15px; height: 15px; color: var(--brand); }
.doc strong { display: block; color: var(--ink); font-size: 11.5px; font-weight: 600; }
.doc small { display: block; color: var(--faint); font-size: 10px; }
.doc .dot { margin-left: auto; }
.phone__tabs { display: flex; justify-content: space-around; padding-top: 6px; border-top: 1px solid var(--line); color: #A3A9B5; }
.phone__tabs .icon { width: 17px; height: 17px; }
.phone__tabs .on { color: var(--brand); }

.trust { padding-block: 0 var(--section); }
.trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: var(--r-lg); background: #fff; box-shadow: var(--sh-1); }
.trust__item { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 24px; align-items: start; }
.trust__item + .trust__item { border-left: 1px solid var(--line); }
.trust__item h3 { font-size: 16px; letter-spacing: -.02em; margin-bottom: 4px; line-height: 1.3; }
.trust__item p { font-size: 14px; color: var(--muted); line-height: 1.5; }
.tile { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: var(--brand); background: var(--brand-soft); }
.tile .icon { width: 21px; height: 21px; }
.tile--sky { color: var(--sky); background: var(--sky-soft); }
.tile--violet { color: var(--violet); background: var(--violet-soft); }
.tile--green { color: var(--green); background: var(--green-soft); }
.tile--amber { color: var(--amber); background: var(--amber-soft); }
@media (max-width: 1000px) { .trust__grid { grid-template-columns: 1fr 1fr; } .trust__item:nth-child(3) { border-left: 0; } .trust__item:nth-child(n+3) { border-top: 1px solid var(--line); } }
@media (max-width: 600px) { .trust__grid { grid-template-columns: 1fr; } .trust__item + .trust__item { border-left: 0; border-top: 1px solid var(--line); } }

.tour__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem); }
.tour__steps, .tour__stage { display: contents; }
.tour__dots { display: none; }
.tour__step { grid-row: var(--row-text); display: grid; gap: 16px; align-content: start; max-width: 560px; }
.tour__scene { grid-row: var(--row-scene); position: relative; display: grid; gap: 12px; margin-bottom: 44px; }
.step-num { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.step-num b { display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 9px; background: var(--ink); color: #fff; font-weight: 600; letter-spacing: 0; }
.tour__step h3 { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.5rem); letter-spacing: -.04em; line-height: 1.08; }
.tour__step p { color: var(--muted); font-size: 17px; }
.tour__points { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.tour__points li { padding: 6px 12px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); font-size: 13.5px; color: var(--text); }
.tour__label { justify-self: start; display: inline-flex; align-items: center; gap: 9px; padding: 6px 13px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2), var(--sh-1); font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.tour__label i { width: 6px; height: 6px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.ill .win { display: flex; flex-direction: column; }
@media (min-width: 1000px) {
  .js .tour__grid { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 0 clamp(2.5rem, 1rem + 4vw, 5.5rem); align-items: start; }
  .js .tour__steps { display: block; grid-column: 1; grid-row: 1; }
  .js .tour__stage { display: block; position: sticky; grid-column: 2; grid-row: 1; top: calc(var(--header-h) + 6vh); height: 600px; transform: scale(var(--fit, 1)); transform-origin: 50% 0; }
  .js .tour__stage::before { content: ""; position: absolute; inset: 4% 2% 10%; z-index: -1; border-radius: 48px; background: radial-gradient(60% 60% at 50% 45%, rgba(99, 102, 241, .16), rgba(14, 165, 233, .07) 55%, transparent 80%); filter: blur(34px); }
  .js .tour__scene { position: absolute; inset: 0; margin: 0; grid-template-rows: minmax(0, 1fr) auto; opacity: 0; transform: translate3d(0, 18px, 0) scale(.985); transition: opacity .6s var(--ease-out), transform .7s var(--ease-out); pointer-events: none; }
  .js .tour__scene.is-active { opacity: 1; transform: none; pointer-events: auto; }
  .js .tour__scene .win, .js .tour__scene .app-grid { height: 100%; }
  .js .tour__step { min-height: 72vh; align-content: center; opacity: .3; transition: opacity .5s var(--ease-out); }
  .js .tour__step:first-child { min-height: 60vh; }
  .js .tour__step:last-child { min-height: 78vh; }
  .js .tour__step.is-active { opacity: 1; }
  .js .tour__step .step-num b { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-2); transition: background .3s, color .3s, box-shadow .3s; }
  .js .tour__step.is-active .step-num b { background: var(--grad); color: #fff; box-shadow: 0 8px 20px -8px rgba(79, 70, 229, .75); }
  .js .tour__dots { position: absolute; left: calc(-1 * clamp(1.5rem, .6rem + 1.5vw, 2.4rem)); top: 50%; transform: translateY(-50%); display: grid; gap: 10px; list-style: none; }
  .js .tour__dots li { width: 6px; height: 6px; border-radius: 50%; background: #CDD2DC; transition: background .3s, transform .3s, box-shadow .3s; }
  .js .tour__dots li.is-active { background: var(--brand); transform: scale(1.35); box-shadow: 0 0 0 3px var(--brand-soft); }
}
.cursor { position: absolute; z-index: 6; left: 44%; top: calc(2 * var(--hr) + 9px); width: 22px; height: 22px; color: var(--ink); filter: drop-shadow(0 3px 4px rgba(16, 24, 40, .28)); pointer-events: none; }
.cursor svg { width: 22px; height: 22px; }
.typing__caret { display: inline-block; transition: opacity .2s; width: 1.5px; height: 1.05em; margin-left: 1px; vertical-align: -2px; background: var(--brand); animation: caret 1s steps(2) infinite; }
@keyframes caret { 50% { opacity: 0; } }
.is-done .typing__caret { opacity: 0; animation: none; }
.code { font-family: var(--mono); font-size: 10.5px; padding: 1px 6px; border-radius: 5px; color: #5B21B6; background: var(--violet-soft); }
.chip .icon { width: 12px; height: 12px; }
.skel { height: 7px; border-radius: 4px; background: #ECEEF3; }
.skel.w9 { width: 90%; } .skel.w7 { width: 70%; } .skel.w5 { width: 52%; } .skel.w8 { width: 80%; }
.mg__flag { width: 22px; height: 15px; border-radius: 3px; background: linear-gradient(#EF3340 33.3%, #FFFFFF 33.3% 66.6%, #00A3E0 66.6%); box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .08); }

.app-grid { display: grid; grid-template-columns: auto 1fr; gap: clamp(1.5rem, 1rem + 2vw, 3rem); align-items: center; padding: 22px; border-radius: 20px; background: linear-gradient(140deg, #F4F5FF, #F8F5FF 55%, #EFF8FD); box-shadow: inset 0 0 0 1px #E6E8FA; }
.slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.slot { padding: 7px 0; border-radius: 9px; text-align: center; font-family: var(--mono); font-size: 11px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); }
.slot.on { background: var(--ink); color: #fff; box-shadow: none; }
.slot.off { color: #C5C9D2; text-decoration: line-through; }
.app-facts { display: grid; gap: 12px; list-style: none; }
.app-facts li { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; color: var(--text); }
.app-facts .tile { width: 34px; height: 34px; border-radius: 10px; flex: none; }
.app-facts .tile .icon { width: 17px; height: 17px; }
.slot--pick { background: var(--ink); color: #fff; box-shadow: none; }
.papp__send { width: 100%; }
.phone__toast { position: absolute; left: 10px; right: 10px; bottom: 12px; display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 16px; background: #fff; box-shadow: var(--sh-float); }
.phone__toast .check-badge { width: 30px; height: 30px; border-radius: 9px; }
.phone__toast strong { font-size: 12.5px; }
.phone__toast small { font-size: 11px; }
.papp__side { display: grid; gap: 18px; align-content: center; }
@media (max-width: 640px) { .app-grid { grid-template-columns: 1fr; justify-items: center; } }

.modules { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.module { display: grid; gap: 12px; align-content: start; padding: 24px; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-1); text-decoration: none; transition: transform .25s var(--ease), box-shadow .25s, border-color .25s; }
.module:hover { transform: translateY(-3px); box-shadow: var(--sh-2); border-color: var(--line-2); }
.spot { position: relative; isolation: isolate; }
.spot::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 50%), rgba(79, 70, 229, .10), rgba(14, 165, 233, .05) 40%, transparent 66%); transition: opacity .35s; }
@media (hover: hover) and (pointer: fine) { .spot:hover::after { opacity: 1; } .spot:hover { border-color: #D3D7F8; } }
.module h3 { font-size: 18px; letter-spacing: -.025em; }
.module p { font-size: 14.5px; color: var(--muted); line-height: 1.55; }
@media (max-width: 1100px) { .modules { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px) { .modules { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .modules { grid-template-columns: 1fr; } }

.security { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; }
.security__copy { display: grid; gap: 20px; }
.security__copy h2 { text-align: left; }
.ticks { list-style: none; display: grid; gap: 14px; }
.ticks li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; font-size: 15.5px; color: var(--text); }
.ticks li strong { color: var(--ink); font-weight: 600; }
.ticks .icon { width: 22px; height: 22px; padding: 3px; border-radius: 50%; color: var(--green); background: var(--green-soft); }
.diagram { position: relative; padding: 28px; border-radius: var(--r-xl); background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-2); display: grid; gap: 18px; }
.diagram__practice { padding: 18px; border-radius: 16px; background: var(--bg-soft); border: 1px solid var(--line); display: grid; gap: 12px; }
.diagram__title { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink); font-size: 14px; }
.diagram__title .icon { width: 18px; height: 18px; color: var(--brand); }
.pcs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pc { display: grid; justify-items: center; gap: 6px; padding: 12px 6px; border-radius: 12px; background: #fff; border: 1px solid var(--line); font-size: 12px; color: var(--muted); text-align: center; }
.pc .icon { width: 22px; height: 22px; color: var(--ink); }
.pc--server { border-color: #CFD3FA; box-shadow: 0 0 0 3px var(--brand-soft); color: var(--brand-ink); }
.flow { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.flow__box { padding: 14px; border-radius: 14px; border: 1px dashed var(--line-2); display: grid; gap: 6px; font-size: 13px; color: var(--muted); }
.flow__box strong { display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: 13.5px; }
.flow__box .icon { width: 17px; height: 17px; color: var(--violet); }
.seed { display: flex; flex-wrap: wrap; gap: 5px; }
.seed span { padding: 2px 7px; border-radius: 6px; background: var(--bg-soft); font-family: var(--mono); font-size: 10.5px; color: var(--faint); }
@media (max-width: 960px) { .security { grid-template-columns: 1fr; } }

.quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.quote { margin: 0; padding: 28px; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-1); display: grid; gap: 20px; }
.quote blockquote { margin: 0; font-size: 15.5px; line-height: 1.62; color: var(--text); }
.quote blockquote p + p { margin-top: 12px; }
.quote__mark { width: 30px; height: 30px; color: #C7CBF9; }
.quote figcaption { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.quote figcaption strong { display: block; color: var(--ink); font-size: 15px; letter-spacing: -.01em; }
.quote figcaption span { color: var(--muted); font-size: 13.5px; }
@media (max-width: 1000px) { .quotes { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; } }

.billing { display: inline-flex; padding: 4px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
.billing button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: var(--pill); border: 0; background: transparent; font-weight: 600; font-size: 14.5px; color: var(--muted); cursor: pointer; }
.billing button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.billing .save { padding: 2px 7px; border-radius: var(--pill); font-size: 11.5px; background: var(--green-soft); color: var(--green); }
.billing button[aria-pressed="true"] .save { background: rgba(255, 255, 255, .16); color: #fff; }
.billing-note { color: var(--muted); font-size: 14.5px; text-align: center; min-height: 1.5em; }
.plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 36px; }
.plan { position: relative; display: grid; gap: 14px; align-content: start; padding: 26px; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-1); }
.plan--best { border-color: transparent; box-shadow: 0 0 0 2px var(--brand), var(--sh-2); }
.plan__name { font-weight: 600; color: var(--ink); font-size: 17px; letter-spacing: -.02em; }
.plan__badge { position: absolute; top: -12px; right: 22px; padding: 4px 11px; border-radius: var(--pill); background: var(--grad); color: #fff; font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; font-weight: 600; white-space: nowrap; box-shadow: 0 6px 16px -8px rgba(79, 70, 229, .6); }
.plan__price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.plan__price s { color: var(--faint); font-size: 17px; }
.plan__price b { font-size: 44px; font-weight: 650; letter-spacing: -.045em; color: var(--ink); line-height: 1; }
.plan__price span { color: var(--muted); font-size: 15px; }
.plan__meta { font-size: 13.5px; color: var(--muted); display: grid; gap: 2px; }
.plan__save { justify-self: start; padding: 4px 10px; border-radius: var(--pill); background: var(--green-soft); color: var(--green); font-size: 12.5px; font-weight: 600; }
.plan p { font-size: 14px; color: var(--text); line-height: 1.55; }
.plan__trial { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.plan__trial .icon { width: 15px; height: 15px; color: var(--green-mid); }
.plans__foot { margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; align-items: center; color: var(--muted); font-size: 14px; }
.plans__foot p { max-width: 70ch; }
.plans__foot a { color: var(--brand-ink); font-weight: 600; }
[data-period="monthly"] .is-annual, [data-period="annual"] .is-monthly { display: none; }
@media (max-width: 1100px) { .plans { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .plans { grid-template-columns: 1fr; } }

.cta { position: relative; overflow: hidden; border-radius: var(--r-xl); padding: clamp(2.5rem, 1.5rem + 4vw, 5rem) clamp(1.25rem, .5rem + 4vw, 4rem); background: linear-gradient(135deg, #F3F4FF 0%, #F7F2FF 45%, #EEF7FD 100%); box-shadow: inset 0 0 0 1px #E3E5FA; text-align: center; display: grid; gap: 22px; justify-items: center; }
.cta h2 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.4rem); letter-spacing: -.045em; max-width: 16ch; }
.cta .lede { max-width: 56ch; }
.dl { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center; }
.dl__store img { height: 52px; width: auto; }
.dl__mac { min-height: 52px; }
.cta__contact { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: center; font-size: 14.5px; }
.cta__contact a { display: inline-flex; align-items: center; gap: 8px; color: var(--text); text-decoration: none; }
.cta__contact a:hover { color: var(--ink); }
.cta__contact .icon { width: 17px; height: 17px; color: var(--brand); }
.req { font-size: 13px; color: var(--faint); }

.patients-band { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2rem, 1rem + 4vw, 4rem); align-items: center; padding: clamp(1.75rem, 1rem + 3vw, 3rem); border-radius: var(--r-xl); background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-1); }
.patients-band h2 { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.4rem); letter-spacing: -.04em; }
.patients-band p { color: var(--muted); margin-top: 12px; }
.badges { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 22px; }
.badges img { height: 44px; width: auto; }
.qr { display: flex; gap: 14px; align-items: center; justify-self: end; padding: 14px; border-radius: 16px; background: var(--bg-soft); }
.qr img { width: 112px; height: 112px; border-radius: 8px; background: #fff; padding: 6px; }
.qr p { font-size: 13.5px; color: var(--muted); max-width: 18ch; margin: 0; }
@media (max-width: 860px) { .patients-band { grid-template-columns: 1fr; } .qr { justify-self: start; } }

.footer { border-top: 1px solid var(--line); background: var(--bg-soft); padding-block: 56px 32px; font-size: 14.5px; color: var(--muted); }
.footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 32px; }
.footer h3 { font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--faint); margin-bottom: 14px; }
.footer ul { list-style: none; display: grid; gap: 8px; }
.footer a { text-decoration: none; color: var(--text); }
.footer a:hover { color: var(--ink); }
.footer__about { display: grid; gap: 14px; align-content: start; }
.footer__about p { max-width: 34ch; }
.reply { display: inline-flex; align-items: center; gap: 8px; color: var(--green); font-size: 13.5px; }
.reply::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 4px var(--green-soft); }
.footer address { font-style: normal; line-height: 1.7; }
.footer address strong { color: var(--ink); font-weight: 600; }
.footer__bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 13.5px; }
.footer__legal { display: flex; flex-wrap: wrap; gap: 20px; }
@media (max-width: 900px) { .footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__grid { grid-template-columns: 1fr; } }

.js .reveal { opacity: 0; translate: 0 22px; transition: opacity .7s var(--ease-out) var(--d, 0s), translate .8s var(--ease-out) var(--d, 0s), scale .8s var(--ease-out) var(--d, 0s); }
.js .reveal--scale { translate: 0 26px; scale: .97; }
.js .reveal.is-in { opacity: 1; translate: none; scale: none; }
.js .module.reveal { transition: opacity .7s var(--ease-out) var(--d, 0s), translate .8s var(--ease-out) var(--d, 0s), transform .25s var(--ease), box-shadow .25s, border-color .25s; }

.shortcut { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; padding: clamp(24px, 1rem + 3vw, 60px); border-radius: 32px; background: radial-gradient(70% 90% at 100% 0%, rgba(139, 92, 246, .10), transparent 60%), linear-gradient(140deg, #F6F7FF, #FAF8FF 55%, #F2F8FD); box-shadow: inset 0 0 0 1px #E6E8FA; }
.shortcut__text { display: grid; gap: 20px; justify-items: start; }
.shortcut__text h2 { text-align: left; }
.keys { display: flex; align-items: center; gap: 12px; }
.keycap { display: inline-grid; place-items: center; min-width: 72px; height: 60px; padding: 0 18px; border-radius: 14px; font-family: var(--mono); font-size: 17px; font-weight: 500; color: var(--ink); background: linear-gradient(180deg, #FFFFFF, #F2F3F7); box-shadow: inset 0 0 0 1px #D9DCE4, 0 5px 0 #D4D8E1, 0 14px 24px -12px rgba(16, 24, 40, .35); transition: transform .15s, box-shadow .15s, color .2s, background .2s; }
.keycap--wide { min-width: 152px; }
.keycap-plus { font-family: var(--mono); font-size: 18px; color: var(--faint); }
.shortcut.is-pressed .keycap { transform: translateY(4px); color: var(--brand-ink); background: linear-gradient(180deg, #F8F8FF, #ECEEFE); box-shadow: inset 0 0 0 1px #C3C8F8, 0 1px 0 #C3C8F8, 0 0 0 5px rgba(79, 70, 229, .12), 0 12px 28px -10px rgba(79, 70, 229, .5); }
@media (max-width: 960px) { .shortcut { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .keycap { min-width: 58px; height: 50px; font-size: 15px; } .keycap--wide { min-width: 120px; } }

.swap, .swap3 { display: inline-grid; align-items: center; justify-items: start; }
.swap--block { display: grid; }
.swap > *, .swap3 > * { grid-area: 1 / 1; }
html:not(.js) .swap__a, html:not(.js) .swap3__a, html:not(.js) .swap3__b { opacity: 0; }
.js .ill:not(.is-live) .swap__b, .js .ill:not(.is-live) .swap3__b, .js .ill:not(.is-live) .swap3__c { opacity: 0; }
.ill.is-live .swap__a, .ill.is-live .swap3__a { animation: a-out .4s var(--ease-out) var(--s1, 1.6s) both; }
.ill.is-live .swap__b { animation: a-in .45s var(--ease-out) var(--s1, 1.6s) both; }
.ill.is-live .swap3__b { animation: a-in .45s var(--ease-out) var(--s1, 1.6s) both, a-out .4s var(--ease-out) var(--s2, 3.2s) forwards; }
.ill.is-live .swap3__c { animation: a-in .45s var(--ease-out) var(--s2, 3.2s) both; }

@keyframes a-in { from { opacity: 0; transform: translate3d(0, 8px, 0); } to { opacity: 1; transform: none; } }
@keyframes a-out { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0, -8px, 0); } }
@keyframes a-pop { from { opacity: 0; transform: translate3d(0, 14px, 0) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes a-popio { 0% { opacity: 0; transform: translate3d(0, 8px, 0) scale(.96); } 14%, 84% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(0, -4px, 0) scale(.98); } }
@keyframes a-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes a-dot { from { opacity: 0; transform: scale(.5); } to { opacity: 1; transform: none; } }
@keyframes a-click { 0%, 100% { transform: none; } 45% { transform: scale(.88); } }
@keyframes a-ring { 0% { box-shadow: 0 0 0 0 rgba(79, 70, 229, .45); } 100% { box-shadow: 0 0 0 12px rgba(79, 70, 229, 0); } }
@keyframes a-flash { 0%, 100% { box-shadow: 0 0 0 0 rgba(79, 70, 229, 0); } 35% { box-shadow: 0 0 0 4px rgba(79, 70, 229, .24); } }
@keyframes a-slide { from { opacity: 0; transform: translate3d(28px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes a-drop { from { opacity: 0; transform: translate3d(0, -12px, 0); } to { opacity: 1; transform: none; } }
@keyframes a-bar { 0% { transform: scaleX(.35); } 45% { transform: scaleX(.68); } 100% { transform: scaleX(1); } }
@keyframes a-cursor { from { opacity: 0; transform: translate3d(80px, 64px, 0); } to { opacity: 1; transform: none; } }
@keyframes a-gone { to { opacity: 0; } }
@keyframes a-pick { from { color: var(--ink); background: #fff; box-shadow: inset 0 0 0 1px var(--line); } to { color: #fff; background: var(--ink); box-shadow: none; } }

.js .ill--hero:not(.is-live) .float--toast, .js .ill--hero:not(.is-live) .float--regibox, .js .ill--hero:not(.is-live) .float--invoice { opacity: 0; transform: translate3d(0, 14px, 0) scale(.95); }
.js .ill--hero:not(.is-live) .float--phone { opacity: 0; transform: translate3d(0, 26px, 0); }
.ill--hero.is-live .float--phone { animation: a-pop .8s var(--ease-out) .45s both; }
.ill--hero.is-live .float--toast { animation: a-pop .7s var(--ease-out) .9s both; }
.ill--hero.is-live .float--regibox { animation: a-pop .7s var(--ease-out) 1.5s both; }
.ill--hero.is-live .float--invoice { animation: a-pop .7s var(--ease-out) 2.1s both; }
.ill--hero.is-live .bar i { animation: a-bar 3.6s var(--ease-in-out) .7s both; }

.js .ill--cal:not(.is-live) .cursor { opacity: 0; }
.ill--cal.is-live .cursor { animation: a-cursor .9s var(--ease-out) .3s both, a-click .3s ease 1.2s, a-gone .2s ease 1.4s forwards; }

.js .ill--papp:not(.is-live) .slot--pick { color: var(--ink); background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.ill--papp.is-live .slot--pick { animation: a-pick .25s ease 1.1s both, a-click .3s ease 1.05s; }
.ill--papp.is-live .papp__send { animation: a-click .3s ease 1.85s, a-ring .9s ease-out 1.85s; }
.js .ill--papp:not(.is-live) .phone__toast { opacity: 0; transform: translate3d(0, 12px, 0) scale(.96); }
.ill--papp.is-live .phone__toast { animation: a-pop .5s var(--ease-out) 2.25s both; }
.js .ill--papp:not(.is-live) .app-facts li { opacity: 0; transform: translate3d(0, 8px, 0); }
.ill--papp.is-live .app-facts li { animation: a-in .45s var(--ease-out) calc(.4s + var(--i) * .2s) both; }

.js .ill--sec:not(.is-live) .pc { opacity: 0; transform: translate3d(0, 10px, 0); }
.ill--sec.is-live .pc { animation: a-in .5s var(--ease-out) calc(.3s + var(--i) * .14s) both; }
.js .ill--sec:not(.is-live) .diagram__practice .chip { opacity: 0; }
.ill--sec.is-live .diagram__practice .chip { animation: a-pop .45s var(--ease-out) calc(.8s + var(--i) * .1s) both; }
.js .ill--sec:not(.is-live) .flow__box { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill--sec.is-live .flow__box--backup { animation: a-in .55s var(--ease-out) 1.25s both; }
.ill--sec.is-live .flow__box--online { animation: a-in .55s var(--ease-out) 1.5s both; }
.js .ill--sec:not(.is-live) .seed span { opacity: 0; transform: scale(.6); }
.ill--sec.is-live .seed span { animation: a-dot .35s var(--ease-out) calc(1.7s + var(--i) * .12s) both; }

.win--app, .app-ui, .mui, .fshot { --m-blue: #228BE6; --m-blue-d: #1C7ED6; --m-blue-l: #E7F5FF; --m-line: #DEE2E6; --m-line-2: #E9ECEF; --m-input: #CED4DA; --m-dim: #868E96; --m-ph: #ADB5BD; --m-text: #212529; --sys: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: var(--sys); }
.win--app { display: flex; flex-direction: column; border-radius: 14px; }
.win--app .win__bar { flex: none; height: 26px; gap: 8px; padding: 0 11px; background: #F3F4F6; border-bottom: 1px solid var(--m-line-2); }
.win--app .dots i { width: 9px; height: 9px; }
.win--app .dots i:nth-child(1) { background: #FF5F57; }
.win--app .dots i:nth-child(2) { background: #FEBC2E; }
.win--app .dots i:nth-child(3) { background: #28C840; }
.win__name { margin-inline: auto; transform: translateX(-21px); font-size: 10.5px; font-weight: 500; letter-spacing: .01em; color: #8A9099; }
.win--hero { height: 560px; }
.win--sc { height: 430px; }
.app { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); background: #fff; color: var(--m-text); font-size: 11px; line-height: 1.4; }
.app .ti { display: inline-block; flex: none; width: 14px; height: 14px; stroke-width: 1.6; }
.app__nav { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 0 8px; background: #F8F9FA; border-right: 1px solid var(--m-line-2); }
.app__nav i { position: relative; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; color: var(--m-blue); }
.app__nav i.on { background: var(--m-blue-l); }
.app__nav .ti { width: 17px; height: 17px; stroke-width: 1.5; }
.app__nav em, .app__ib em { position: absolute; min-width: 13px; height: 13px; padding: 0 3px; border-radius: 7px; background: #FA5252; color: #fff; font-size: 8px; font-weight: 700; font-style: normal; line-height: 13px; text-align: center; }
.app__nav em { top: 2px; right: 1px; }
.app__gap { flex: 1 1 auto; }
.app__me { display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 4px; border-radius: 50%; background: #F3F0FF; color: #7950F2; font-size: 10px; font-weight: 700; }
.app__main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.app__head { flex: none; display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; border-bottom: 1px solid var(--m-line-2); }
.app__title { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; font-weight: 400; letter-spacing: -.01em; color: #000; }
.app__title .ti { width: 14px; height: 14px; stroke-width: 2; color: var(--m-blue); vertical-align: -1px; }
.app__tools { flex: none; display: flex; align-items: center; gap: 12px; margin-left: auto; color: var(--m-blue); }
.app__tools .ti { width: 15px; height: 15px; stroke-width: 1.5; }
.app__link { display: inline-flex; align-items: center; gap: 4px; margin-right: 4px; font-size: 11px; font-weight: 600; }
.app__tools .app__link .ti { width: 12px; height: 12px; stroke-width: 2; }
.app__bar { display: flex; align-items: center; gap: 11px; color: var(--m-blue); }
.app__bar .ti { width: 15px; height: 15px; stroke-width: 1.5; }
.app__bar .app__view .ti { width: 11px; height: 11px; color: var(--m-dim); }
.app__view { width: 96px; min-height: 24px; color: #000; }
.app__ib { position: relative; display: inline-grid; }
.app__ib em { top: -6px; right: -8px; }
.app__swap { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.app__swap > * { min-width: 0; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.app__back { margin-right: 6px; }
.app__body { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.app__foot { flex: none; display: flex; align-items: center; gap: 16px; height: 28px; padding: 0 12px; border-top: 1px solid var(--m-line-2); color: var(--m-blue); font-size: 9.5px; font-weight: 700; }
.app__foot .ti { width: 13px; height: 13px; }
.app .code { padding: 0 4px; border-radius: 3px; background: #F1F3F5; color: #495057; font-family: var(--sys); font-size: 10px; }

.m-input { display: flex; align-items: center; gap: 6px; min-width: 0; min-height: 26px; padding: 3px 9px; border: 1px solid var(--m-input); border-radius: 4px; background: #fff; color: #000; font-size: 11px; line-height: 1.35; white-space: nowrap; overflow: hidden; }
.m-input .ti { width: 12px; height: 12px; color: var(--m-dim); }
.m-select { justify-content: space-between; }
.m-select .ti { margin-left: auto; }
.m-input--ph { color: var(--m-ph); }
.m-input--focus { border-color: var(--m-blue); }
.m-label { display: block; font-size: 10.5px; font-weight: 500; color: var(--m-text); }
.m-label i { font-style: normal; color: #FA5252; }
.m-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 26px; padding: 0 12px; border-radius: 4px; background: var(--m-blue); color: #fff; font-size: 11px; font-weight: 600; white-space: nowrap; }
.m-btn .ti { width: 12px; height: 12px; stroke-width: 2; }
.m-btn--light { background: var(--m-blue-l); color: var(--m-blue-d); }
.m-btn--orange { background: #FFF4E6; color: #F59F00; }
.m-btn--green { background: #40C057; }
.m-btn--glight { background: #EBFBEE; color: #2F9E44; }
.m-btn--rlight { background: #FFF5F5; color: #E03131; }
.m-btn--subtle { background: transparent; color: var(--m-blue); }
.m-btn--outline { background: #fff; color: var(--m-blue); box-shadow: inset 0 0 0 1px var(--m-blue); }
.m-btn--default { background: #fff; color: #000; box-shadow: inset 0 0 0 1px var(--m-input); }
.m-badge { display: inline-flex; align-items: center; height: 15px; padding: 0 6px; border-radius: 4px; background: rgba(34, 139, 230, .1); color: var(--m-blue); font-size: 8.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; vertical-align: middle; }
.m-badge--green { background: rgba(64, 192, 87, .13); color: #37B24D; }
.m-badge--gray { background: #F1F3F5; color: var(--m-dim); }
.m-badge--grape { border-radius: 8px; background: rgba(190, 75, 219, .1); color: #BE4BDB; }
.m-badge--f { height: 16px; padding: 0 7px; border-radius: 8px; color: #fff; }
.m-badge--f.m-badge--green { background: #40C057; color: #fff; }
.m-badge--f.m-badge--dkgreen { background: #2B8A3E; color: #fff; }
.m-badge--f.m-badge--yellow { background: #FAB005; color: #fff; }
.m-badge--f.m-badge--teal { background: #12B886; color: #fff; }
.m-badge--f.m-badge--gray { background: #868E96; color: #fff; }
.m-badge--fblue { border-radius: 8px; background: var(--m-blue); color: #fff; }
.m-check { display: inline-grid; place-items: center; flex: none; width: 13px; height: 13px; border: 1px solid var(--m-input); border-radius: 3px; background: #fff; color: #fff; vertical-align: middle; }
.m-check .ti { width: 9px; height: 9px; stroke-width: 3.2; }
.m-check.on, .m-check--mixed { border-color: var(--m-blue); background: var(--m-blue); }
.m-check--mixed::after { content: ""; width: 7px; height: 1.6px; border-radius: 1px; background: #fff; }
.m-checkrow { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--m-text); }
.m-card { border: 1px solid var(--m-line); border-radius: 8px; background: #fff; }
.m-overlay { position: absolute; inset: 0; z-index: 4; background: rgba(33, 37, 41, .32); }
.m-modal { position: absolute; z-index: 5; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .05), 0 24px 44px -14px rgba(0, 0, 0, .34); }
.m-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 13px 7px; font-size: 12.5px; font-weight: 500; color: #000; }
.m-modal__head .ti { width: 13px; height: 13px; color: #495057; }
.m-drop { position: absolute; z-index: 6; display: grid; gap: 1px; padding: 3px; border: 1px solid var(--m-line-2); border-radius: 5px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 14px 26px -10px rgba(0, 0, 0, .22); }
.m-opt { padding: 5px 8px; border-radius: 4px; font-size: 11px; color: #000; white-space: nowrap; }
.m-opt.on { background: var(--m-blue-l); }
.m-opt--blue.on { background: var(--m-blue); color: #fff; }
.m-seg { display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 5px; background: #F1F3F5; }
.m-seg span { padding: 4px 0; border-radius: 4px; text-align: center; font-size: 10.5px; color: #495057; }
.m-seg .on { background: #fff; color: #000; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.m-notif { position: absolute; z-index: 7; right: 12px; bottom: 12px; display: flex; gap: 10px; align-items: flex-start; width: 252px; padding: 10px 12px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 18px 36px -12px rgba(0, 0, 0, .3); }
.m-notif__ico { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: #40C057; color: #fff; }
.m-notif__ico .ti { width: 12px; height: 12px; stroke-width: 2.6; }
.m-notif b { display: block; font-size: 11px; font-weight: 600; color: #000; }
.m-notif span span { display: block; font-size: 10.5px; color: var(--m-dim); }
.m-table { width: 100%; border-collapse: collapse; font-size: 10.5px; }
.m-table th { padding: 6px 7px; border-bottom: 1px solid var(--m-line); text-align: left; font-weight: 700; color: #000; white-space: nowrap; }
.m-table td { padding: 6px 7px; border-bottom: 1px solid var(--m-line); color: #000; white-space: nowrap; }

.dos { display: grid; grid-template-columns: minmax(0, 37%) minmax(0, 1fr); gap: 5px; height: 100%; padding: 5px; }
.dos__hist { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 5px; min-height: 0; }
.dos__filter { display: flex; align-items: center; gap: 6px; color: var(--m-blue); }
.dos__filter .m-input { flex: 1; }
.hist { display: grid; align-content: start; gap: 8px; min-height: 0; overflow: hidden; padding: 8px 9px; border: 1px solid var(--m-line); border-radius: 4px; }
.hist__e { display: grid; gap: 3px; padding-bottom: 8px; border-bottom: 1px dashed var(--m-line-2); font-size: 10.5px; color: #000; }
.hist__d { display: flex; align-items: center; gap: 5px; font-weight: 700; }
.hist__d .ti { width: 11px; height: 11px; color: #495057; }
.hist__d .ti:last-child { color: #000; }
.hist__e b { font-weight: 700; }
.hist__r { display: flex; align-items: flex-start; gap: 6px; }
.hist__r .m-check { margin-top: 1px; }
.hist__dim { color: #495057; }
.hist__e .m-badge { margin-left: 4px; }
.composer { position: relative; display: grid; gap: 4px; }
.composer__tabs { display: flex; align-items: center; height: 24px; border-bottom: 1px solid var(--m-line-2); }
.composer__tabs i { position: relative; display: grid; place-items: center; width: 28px; height: 24px; color: #000; }
.composer__tabs i.on { box-shadow: inset 0 -2px 0 var(--m-blue); }
.composer__tabs i:last-child { color: var(--m-blue); }
.composer__tabs .ti { width: 13px; height: 13px; }
.composer--rx .composer__tabs i.on::after { content: ""; position: absolute; top: 3px; right: 6px; width: 5px; height: 5px; border-radius: 50%; background: var(--m-blue); }
.composer__in { min-height: 28px; }
.composer__drug { display: grid; gap: 3px; padding: 5px 9px; white-space: normal; }
.composer__drug b { font-weight: 500; }
.dos__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; min-height: 0; }
.dos__col { display: flex; flex-direction: column; gap: 5px; min-height: 0; }
.fbox { position: relative; flex: 1 1 0; min-height: 0; padding: 3px 7px; border: 1px solid var(--m-line); border-radius: 3px; overflow: hidden; }
.fbox > span { display: block; font-size: 8.5px; line-height: 1.4; color: var(--m-dim); }
.fbox p { font-size: 11px; line-height: 1.4; color: #000; }
.fbox--empty > span { padding-top: 3px; font-size: 10.5px; color: var(--m-ph); }
.fbox--focus { border-color: var(--m-blue); overflow: visible; }
.fbox .fbox__h { position: absolute; top: 4px; right: 4px; width: 10px; height: 10px; color: #CED4DA; }
.vitals { flex: none; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.vit { display: grid; place-items: center; height: 24px; border: 1px solid var(--m-input); border-radius: 4px; font-size: 10.5px; color: #000; }
.vit--ph { color: var(--m-ph); }
.vit--calc { border-color: var(--m-line-2); background: #F1F3F5; color: var(--m-dim); }
.tpl__drop { left: 8px; top: 31px; min-width: 168px; opacity: 0; transform: translateY(-4px); transition: opacity .15s, transform .15s; pointer-events: none; }
.is-pressed .tpl__drop { opacity: 1; transform: none; }
.tpl { transition: box-shadow .25s; }
.tpl.is-expanding { box-shadow: 0 0 0 3px rgba(34, 139, 230, .18); }
.keyhint { position: absolute; z-index: 8; right: 10px; top: -14px; display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; border-radius: 8px; background: var(--ink); color: #fff; font-family: var(--mono); font-size: 9.5px; box-shadow: 0 6px 14px -4px rgba(16, 24, 40, .45); opacity: 0; transform: translateY(4px) scale(.95); transition: opacity .15s, transform .15s; }
.keyhint b { padding: 1px 5px; border-radius: 4px; background: rgba(255, 255, 255, .16); font-weight: 500; }
.is-pressed .keyhint { opacity: 1; transform: none; }
.rx__drop { left: 0; right: 0; bottom: 33px; }
.rx__drop .m-opt { display: flex; align-items: flex-start; gap: 8px; padding: 6px 9px; white-space: normal; }
.rx__drop .m-opt small { display: block; font-size: 10px; opacity: .85; }
.vlink { margin-left: auto; color: var(--m-blue); font-style: normal; font-size: 12px; font-weight: 500; line-height: 1; padding: 2px 3px; border-radius: 3px; }
.m-opt--blue.on .vlink { color: #fff; }
.vdl { position: absolute; z-index: 3; top: 5px; right: 5px; bottom: 5px; width: calc(63% - 10px); display: grid; align-content: start; gap: 7px; padding: 12px 15px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 22px 40px -16px rgba(0, 0, 0, .32); }
.vdl__top { display: flex; align-items: center; justify-content: space-between; color: #495057; }
.vdl__logo { font-size: 13px; font-weight: 800; letter-spacing: .06em; color: #C2255C; }
.vdl__drug { font-size: 12.5px; font-weight: 700; color: #000; }
.vdl__sec { margin-top: 4px; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--m-blue); }

.agd { display: grid; grid-template-columns: 138px minmax(0, 1fr); height: 100%; min-height: 0; }
.agd__side { display: grid; align-content: start; gap: 12px; min-width: 0; padding: 9px 7px; }
.minical__h { display: flex; align-items: center; justify-content: space-between; padding: 0 3px 6px; font-size: 11px; color: #000; }
.minical__h .ti { width: 11px; height: 11px; color: #000; }
.minical__g { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: 3px; text-align: center; font-size: 9.5px; line-height: 17px; color: #000; }
.minical__g b { font-weight: 400; color: var(--m-dim); }
.minical__g .we { color: #FA5252; }
.minical__g .out { color: #CED4DA; }
.minical__g .cw { background: var(--m-blue-l); color: var(--m-blue-d); }
.minical__g .cw.we { color: #FA5252; }
.minical__g .cw.out { color: #A5D8FF; }
.minical__g .today { font-weight: 700; box-shadow: inset 0 0 0 1px #A5D8FF; border-radius: 3px; }
.docs { display: grid; gap: 2px; }
.docs div { display: flex; align-items: flex-start; justify-content: space-between; gap: 4px; padding: 6px 7px; border-radius: 4px; font-size: 10.5px; color: #000; }
.docs div.on { background: #F1F3F5; }
.docs small { display: block; font-size: 9px; color: var(--m-dim); }
.docs .ti { width: 10px; height: 10px; margin-top: 2px; color: var(--m-blue); }
.wk { --hh: 26px; position: relative; display: grid; grid-template-columns: 38px repeat(5, minmax(0, 1fr)); grid-template-rows: 40px minmax(0, 1fr); margin: 5px 5px 5px 0; border: 1px solid var(--m-line); border-radius: 4px; overflow: hidden; }
.wk__h { padding: 6px 7px 0; border-bottom: 1px solid var(--m-line); border-left: 1px solid var(--m-line); }
.wk__h--t { border-left: 0; }
.wk__h b { display: block; font-size: 14px; font-weight: 600; line-height: 1.1; color: #000; }
.wk__h small { display: block; font-size: 7.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--m-dim); }
.wk__h.today { box-shadow: inset 0 2px 0 var(--m-blue); }
.wk__t { display: grid; grid-auto-rows: var(--hh); align-content: start; padding: 2px 5px 0 0; font-size: 8px; color: #495057; text-align: right; overflow: hidden; }
.wk__c { position: relative; border-left: 1px solid var(--m-line); background-image: linear-gradient(#EEF1F3 1px, transparent 1px); background-size: 100% var(--hh); }
.wk__c.today { background-color: #F1F8FF; background-image: linear-gradient(#DCE9F6 1px, transparent 1px); }
.blk { position: absolute; left: 2px; right: 2px; top: calc(var(--at) * var(--hh) * 2 + 1px); height: calc(var(--len) * var(--hh) * 2 - 2px); padding: 1px 4px; border: 1px solid #A5D8FF; border-radius: 3px; background: var(--m-blue-l); font-size: 8.5px; font-weight: 600; line-height: 1.2; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.blk b { display: block; font-weight: 500; color: #343A40; }
.blk--teal { border-color: #96F2D7; background: #E6FCF5; }
.blk--violet { border-color: #D0BFFF; background: #F3F0FF; }
.blk--orange { border-color: #FFD8A8; background: #FFF4E6; }
.blk--grape { border-color: #EEBEFA; background: #F8F0FC; }
.blk--new { z-index: 2; border-color: #74C0FC; background: #D0EBFF; }
.wk__now { position: absolute; left: 0; right: 0; top: calc(6.8 * var(--hh)); height: 1.5px; background: var(--m-blue); }
.wk__now::before { content: ""; position: absolute; left: -3px; top: -2.5px; width: 6px; height: 6px; border-radius: 50%; background: var(--m-blue); }
.wk__slot { position: absolute; left: 2px; right: 2px; top: calc(4 * var(--hh) + 1px); height: calc(var(--hh) - 2px); border: 1.5px dashed var(--m-blue); border-radius: 3px; background: rgba(34, 139, 230, .07); }
.wk .cursor { left: 46%; top: calc(4 * var(--hh) + 7px); }
.apm { left: calc(50% - 59px); top: 44px; width: 256px; }
.apm__body { display: grid; gap: 7px; padding: 0 13px 12px; }
.apm__body .m-label { margin-bottom: -3px; }
.apm__pat { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 30px; gap: 6px; }
.apm__add { padding: 0; }
.apm__drop { left: 0; right: 36px; top: calc(100% + 3px); }
.apm__two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.apm__two .m-label { margin-bottom: 3px; }
.apm .m-checkrow { font-size: 10px; }
.apm__btns { display: flex; justify-content: flex-end; gap: 6px; margin-top: 2px; }

.queue { display: grid; align-content: start; gap: 8px; min-width: 0; padding: 9px 9px 9px 2px; overflow: hidden; }
.queue__doc { font-size: 13px; font-weight: 700; color: #000; }
.qc { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 10px 12px; border: 1px solid var(--m-line); border-radius: 8px; background: #fff; }
.qc__main { display: grid; justify-items: start; gap: 3px; min-width: 0; }
.qc__name { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; letter-spacing: -.01em; color: #000; }
.qc__time { font-size: 11px; color: var(--m-dim); }
.qc__act { align-self: start; margin: 2px 12px 0 0; }
.qc__done { display: inline-flex; align-items: center; gap: 4px; height: 26px; color: #37B24D; font-size: 11px; font-weight: 600; }
.qc__done .ti { width: 12px; height: 12px; stroke-width: 2.4; }
.qc .qc__menu { position: absolute; top: 8px; right: 4px; width: 12px; height: 12px; color: var(--m-blue); }
.qc--pending { border-style: dashed; background: #F8F9FA; }
.paym { left: calc(50% - 180px); top: 64px; width: 360px; }
.paym .m-modal__head { font-size: 11.5px; white-space: nowrap; }
.paym__amt { padding: 4px 0 14px; text-align: center; font-size: 56px; font-weight: 400; line-height: 1; letter-spacing: -.02em; color: #000; }
.paym__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; padding: 0 12px 14px; }
.paym__btns .m-btn { height: 28px; font-size: 11.5px; }

.dos--cert { grid-template-columns: minmax(0, 40%) minmax(0, 1fr); }
.dos--sc { grid-template-columns: minmax(0, 1fr); }
.dos--sc .tpl { flex-grow: 1.7; }
.ecf { display: flex; flex-direction: column; gap: 9px; min-height: 0; padding: 6px 10px 6px 8px; }
.ecf__h { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; font-weight: 600; color: #000; }
.ecf__h .ti { width: 13px; height: 13px; color: #000; }
.ecf__r { display: flex; align-items: center; gap: 10px; color: var(--m-blue); }
.ecf__r .m-input { flex: 1; }
.ecf .m-input { justify-content: space-between; }
.ecf .m-input .ti { color: #495057; }
.ecf__two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ecf__two .m-label { margin-bottom: 3px; }
.ecf__checks { display: grid; gap: 8px; margin-top: 2px; }
.ecf__btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.ecf__btns .m-btn { height: 28px; padding: 0 18px; font-size: 11.5px; }
.ill--ecit { position: relative; }
.mgf { position: absolute; z-index: 8; left: -26px; bottom: 30px; display: grid; gap: 9px; width: 252px; padding: 12px; border-radius: 14px; background: #fff; box-shadow: var(--sh-float); }
.mgf__h { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--ink); }
.mgf__item { display: flex; align-items: center; gap: 10px; padding: 9px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--line); }
.mgf__ico { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 9px; background: var(--sky-soft); color: var(--sky); }
.mgf__ico .ti { width: 15px; height: 15px; stroke-width: 1.7; }
.mgf__item b { display: block; font-size: 12px; font-weight: 600; color: var(--ink); }
.mgf__item small { display: block; font-size: 10.5px; color: var(--faint); }

.swap--fill { display: grid; align-items: start; justify-items: stretch; height: 100%; }
.swap--fill > * { grid-area: 1 / 1; min-height: 0; }
.inv { display: grid; align-content: start; gap: 8px; padding: 10px 12px; }
.inv__pat { min-height: 32px; font-size: 13px; }
.inv__addr { font-size: 10.5px; color: #000; }
.inv__addr span { margin-left: 4px; color: var(--m-blue); }
.inv__codes { display: flex; align-items: center; gap: 7px; color: var(--m-blue); }
.inv__codes .m-btn { height: 24px; padding: 0 10px; font-size: 10.5px; font-weight: 700; }
.inv__code { display: flex; align-items: center; gap: 12px; }
.inv__code .m-input { width: 64px; }
.inv__desc { font-size: 10.5px; color: #000; }
.inv__code .inv__del { margin-left: auto; width: 13px; height: 13px; color: #FA5252; }
.inv__nums { display: grid; grid-template-columns: 58px 92px 92px auto; align-items: center; justify-content: start; gap: 8px; color: var(--m-blue); }
.inv__more { justify-self: start; }
.inv__go { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 4px; }
.inv2 { display: grid; align-content: start; gap: 9px; padding: 10px 12px; }
.kv { display: grid; grid-template-columns: 190px 64px; justify-content: start; padding: 10px 14px; font-size: 10.5px; color: #000; }
.kv > b { text-align: right; font-weight: 700; }
.kv > .kv__t { display: flex; align-items: center; gap: 8px; grid-column: 1 / -1; margin-bottom: 4px; font-size: 13px; text-align: left; }
.kv .kv__big { font-size: 13.5px; }
.inv2__checks { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin: 6px 0 2px; }
.inv2__pay { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.inv2__pay .m-btn { height: 30px; padding: 0 14px; font-size: 12px; font-weight: 700; }

.bank { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 10px 12px; }
.bank__top { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 11px; color: #000; }
.bank__top > b { margin-right: 4px; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.bank__bank { flex: none; width: 62px; }
.bank__file { display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10.5px; }
.bank__file .ti { width: 12px; height: 12px; color: #000; }
.bank__top .m-btn { flex: none; height: 24px; font-size: 10.5px; }
.bank__t td:first-child, .bank__t th:first-child { width: 22px; padding-right: 2px; }
.bank__t td:nth-child(2) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
.bank__amt { font-size: 11px; font-weight: 500; }
.bank__row--warn .bank__amt { color: #FA5252; }
.bank__t .bank__alert { width: 12px; height: 12px; margin-left: 4px; color: #FA5252; vertical-align: middle; }
.bank__row--none .m-check { border-color: var(--m-line-2); background: #F1F3F5; }
.bank__pick { width: 170px; min-height: 22px; }
.bank__foot { margin-top: auto; }

.rbx { padding-top: 9px; }
.rbx__tabs { display: flex; gap: 10px; padding: 0 9px 10px; }
.rbx__tabs .m-btn { padding: 0 14px; }
.rbx__t th:first-child, .rbx__t td:first-child { width: 24px; padding-left: 10px; }
.rbx__f { display: inline-flex; align-items: center; gap: 4px; }
.rbx__n { margin-right: 3px; color: #495057; }
.rbx__new td { background: #F1F3F5; }
.fb { display: inline-flex; align-items: center; height: 14px; padding: 0 6px; border-radius: 7px; font-size: 7.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.fb--pdf { background: #FFF5F5; color: #FA5252; }
.fb--xml { background: var(--m-blue-l); color: var(--m-blue); }
.fb--ocr { background: #E6FCF5; color: #12B886; }
.fb--ok { background: #EBFBEE; color: #40C057; }
.labm { right: 10px; top: 12px; bottom: 12px; display: flex; flex-direction: column; gap: 6px; width: 62%; padding: 10px 14px 12px; }
.labm__top { display: flex; justify-content: flex-end; gap: 10px; color: var(--m-blue); }
.labm__t { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #000; }
.labm__sub { font-size: 10px; color: #495057; }
.labm__sec { margin-top: 4px; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--m-blue); }
.labm__tb { border: 1px solid var(--m-line); }
.labm__tb td { background: #F8F9FA; }
.labm__tb td + td, .labm__tb th + th { border-left: 1px solid var(--m-line); }
.labm__tb tr.bad td { background: #FFE3E3; }
.labm__tb tr.bad td:nth-child(2) { color: #FA5252; font-weight: 600; }
.labm__tb .ti { width: 10px; height: 10px; stroke-width: 2.2; color: #FA5252; vertical-align: -1px; }
.labm__tb td:nth-child(3), .labm__tb td:nth-child(4) { color: var(--m-dim); }
.labm__chips { display: flex; gap: 6px; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--m-line-2); }
.labm__chips .m-btn { height: 22px; padding: 0 10px; border-radius: 11px; font-size: 10px; }

.papp__req { grid-template-columns: minmax(0, 1fr); max-width: 330px; box-shadow: var(--sh-float); }
.papp__ok { display: flex; gap: 6px; }

.ill--cal .cursor, .wk .cursor { z-index: 6; }
.js .ill--cal:not(.is-live) .wk__slot, .js .ill--cal:not(.is-live) .apm, .js .ill--cal:not(.is-live) .apm__ov, .js .ill--cal:not(.is-live) .apm__drop { opacity: 0; }
.ill--cal.is-live .wk__slot { animation: a-fade .25s ease 1.25s both, a-ring .8s ease-out 1.25s; }
.ill--cal.is-live .apm__ov { animation: a-fade .3s ease 1.3s both, a-gone .3s ease 3.4s forwards; }
.ill--cal.is-live .apm { animation: a-popio 2.4s var(--ease-out) 1.3s both; }
.ill--cal.is-live .apm__drop { animation: a-in .2s ease 2.15s both, a-gone .15s ease 2.6s forwards; }
.ill--cal.is-live .apm__create { animation: a-click .3s ease 3.05s, a-ring .7s ease-out 3.05s; }
.js .ill--cal:not(.is-live) .blk--new { opacity: 0; transform: scale(.9); }
.ill--cal.is-live .blk--new { animation: a-pop .5s var(--ease-out) 3.6s both, a-ring 1s ease-out 4.05s; }
html:not(.js) .apm, html:not(.js) .apm__ov, html:not(.js) .pay__ov, html:not(.js) .paym, html:not(.js) .rx__drop { display: none; }

.ill--queue.is-live .qc__pay { animation: a-out .4s var(--ease-out) var(--s1, 1.6s) both, a-ring 1s ease-out .4s, a-click .3s ease .95s; }
.js .ill--queue:not(.is-live) .pay__ov, .js .ill--queue:not(.is-live) .paym { opacity: 0; }
.ill--queue.is-live .pay__ov { animation: a-fade .3s ease 1.1s both, a-gone .3s ease 2.85s forwards; }
.ill--queue.is-live .paym { animation: a-popio 2s var(--ease-out) 1.1s both; }
.ill--queue.is-live .paym__cash { animation: a-click .3s ease 2.15s, a-ring .7s ease-out 2.15s; }
.js .ill--queue:not(.is-live) .q__notif { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill--queue.is-live .q__notif { animation: a-pop .5s var(--ease-out) 3.1s both; }
.ill--queue.is-live .qc__start { animation: a-out .4s var(--ease-out) var(--s1, 1.6s) both, a-ring 1s ease-out 3.4s 2, a-click .3s ease 4.1s; }

.ill--consult.is-live .vit--calc { animation: a-flash 1.2s ease 4.4s; }

.js .ill--rx:not(.is-live) .rx__drop, .js .ill--rx:not(.is-live) .rx__drop .m-opt { opacity: 0; }
.ill--rx.is-live .rx__drop { animation: a-in .25s var(--ease-out) .95s both, a-gone .2s ease 2.6s forwards; }
.ill--rx.is-live .rx__drop .m-opt { animation: a-fade .25s ease calc(1s + var(--i) * .1s) both; }
.ill--rx.is-live .rx__drop .on .vlink { animation: a-click .3s ease 1.65s, a-ring .7s ease-out 1.65s; }
.js .ill--rx:not(.is-live) .vdl { opacity: 0; transform: translate3d(28px, 0, 0); }
.ill--rx.is-live .vdl { animation: a-slide .5s var(--ease-out) 1.9s both; }
.js .ill--rx:not(.is-live) .composer--rx .composer__tabs i.on::after { opacity: 0; }
.ill--rx.is-live .composer--rx .composer__tabs i.on::after { animation: a-dot .3s var(--ease-out) 2.7s both; }

.ill--ecit.is-live .ecf__send { animation: a-ring 1s ease-out .4s, a-click .3s ease 1.1s; }
.js .ill--ecit:not(.is-live) .e__notif { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill--ecit.is-live .e__notif { animation: a-pop .5s var(--ease-out) 1.3s both; }
.js .ill--ecit:not(.is-live) .hist__e--new { opacity: 0; transform: translate3d(0, -10px, 0); }
.ill--ecit.is-live .hist__e--new { animation: a-drop .5s var(--ease-out) 1.6s both; }
.js .ill--ecit:not(.is-live) .mgf { opacity: 0; transform: translate3d(24px, 0, 0); }
.ill--ecit.is-live .mgf { animation: a-slide .55s var(--ease-out) 2.5s both; }

.ill--bill.is-live .inv__c1 { animation: a-click .3s ease .3s, a-ring .8s ease-out .3s; }
.js .ill--bill:not(.is-live) .inv__code--c1 { opacity: 0; }
.ill--bill.is-live .inv__code--c1 { animation: a-in .35s var(--ease-out) .6s both; }
.ill--bill.is-live .inv__pid { animation: a-ring .9s ease-out 1s, a-click .3s ease 1.45s; }
.js .ill--bill:not(.is-live) .inv2__checks .m-check { border-color: var(--m-input); background: #fff; }
.js .ill--bill:not(.is-live) .inv2__checks .m-check .ti { opacity: 0; }
.ill--bill.is-live .inv2__checks .m-check { animation: a-check .25s ease calc(2.2s + var(--i) * .16s) both; }
.ill--bill.is-live .inv2__checks .m-check .ti { animation: a-fade .2s ease calc(2.25s + var(--i) * .16s) both; }
.js .ill--bill:not(.is-live) .inv2__pay .m-btn { opacity: 0; }
.ill--bill.is-live .inv2__pay .m-btn { animation: a-in .35s var(--ease-out) calc(2.65s + var(--i) * .06s) both; }
.ill--bill.is-live .inv2__pay .inv2__cash { animation: a-in .35s var(--ease-out) 2.77s both, a-click .3s ease 3.3s, a-ring .7s ease-out 3.3s; }
.js .ill--bill:not(.is-live) .inv2__paid { opacity: 0; transform: scale(.7); }
.ill--bill.is-live .inv2__paid { animation: a-dot .35s var(--ease-out) 3.55s both; }

.js .ill--bank:not(.is-live) .bank__row { opacity: 0; }
.ill--bank.is-live .bank__row { animation: a-fade .3s ease calc(.3s + var(--i) * .16s) both; }
.js .ill--bank:not(.is-live) .bank__t td .m-badge { opacity: 0; transform: scale(.7); }
.ill--bank.is-live .bank__t td .m-badge { animation: a-dot .3s var(--ease-out) calc(.55s + var(--i) * .16s) both; }
.js .ill--bank:not(.is-live) .bank__t td .m-check.on { border-color: var(--m-input); background: #fff; }
.js .ill--bank:not(.is-live) .bank__t td .m-check.on .ti { opacity: 0; }
.ill--bank.is-live .bank__t td .m-check.on { animation: a-check .25s ease calc(.8s + var(--i) * .16s) both; }
.ill--bank.is-live .bank__t td .m-check.on .ti { animation: a-fade .2s ease calc(.85s + var(--i) * .16s) both; }
.ill--bank.is-live .bank__alert { animation: a-dot .3s var(--ease-out) 1.3s both, a-blink 1.2s ease 1.6s 2; }
.ill--bank.is-live .bank__mark { animation: a-ring 1s ease-out 2.2s 2, a-click .3s ease 3s; }
.js .ill--bank:not(.is-live) .bank__notif { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill--bank.is-live .bank__notif { animation: a-pop .5s var(--ease-out) 3.2s both; }

.js .ill--inbox:not(.is-live) .rbx__new { opacity: 0; transform: translate3d(0, -10px, 0); }
.ill--inbox.is-live .rbx__new { animation: a-drop .45s var(--ease-out) .4s both; }
.js .ill--inbox:not(.is-live) .labm { opacity: 0; transform: translate3d(28px, 0, 0); }
.ill--inbox.is-live .labm { animation: a-slide .55s var(--ease-out) 1.3s both; }
.js .ill--inbox:not(.is-live) .labm__tb tbody tr { opacity: 0; }
.ill--inbox.is-live .labm__tb tbody tr { animation: a-fade .3s ease calc(1.6s + var(--i) * .1s) both; }
.ill--inbox.is-live .labm__tb tr.bad td { animation: a-flagbg 1.4s ease 2.3s; }

@keyframes a-check { from { border-color: var(--m-input); background: #fff; } to { border-color: var(--m-blue); background: var(--m-blue); } }
@keyframes a-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes a-flagbg { 0%, 100% { background: #FFE3E3; } 40% { background: #FFC9C9; } }

@media (max-width: 760px) {
  .app { grid-template-columns: minmax(0, 1fr); }
  .app__nav { display: none; }
  .app__title { font-size: 12.5px; }
  .app__tools { gap: 9px; }
  .app__tools > .ti:nth-last-child(n+4) { display: none; }
  .app__link { display: none; }
  .win--hero { height: 400px; }
  .win--sc { height: 380px; }
  .tour__scene .win--app { height: 500px; }
  .dos { grid-template-columns: minmax(0, 1fr); }
  .dos > .dos__hist { display: none; }
  .dos--rx > .dos__hist { display: grid; }
  .dos--rx > .dos__fields { display: none; }
  .vdl { left: 5px; top: auto; width: auto; height: 52%; }
  .ecf__two { gap: 6px; }
  .agd { grid-template-columns: minmax(0, 1fr); }
  .agd__side { display: none; }
  .wk { grid-template-columns: 34px repeat(3, minmax(0, 1fr)); margin-left: 5px; }
  .wk > :nth-child(5), .wk > :nth-child(6), .wk > :nth-child(11), .wk > :nth-child(12) { display: none; }
  .apm { left: calc(50% - 128px); }
  .queue { padding-left: 9px; }
  .paym { left: 10px; width: calc(100% - 20px); }
  .paym__amt { font-size: 44px; }
  .bank__top .bank__file, .bank__top .m-btn { display: none; }
  .bank__t th:nth-child(5), .bank__t td:nth-child(5) { display: none; }
  .bank__t td:nth-child(2) { max-width: 150px; }
  .rbx__t th:nth-child(4), .rbx__t td:nth-child(4) { display: none; }
  .labm { left: 8px; width: auto; }
  .mgf { left: 8px; bottom: 44px; width: 232px; }
  .e__notif { top: 8px; bottom: auto; }
  .m-notif { left: 10px; width: auto; }
  .inv__nums { grid-template-columns: 46px 80px 80px auto; }
  .inv2__pay .m-btn { padding: 0 10px; }
  .kv { grid-template-columns: 170px 60px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; }
  .js .reveal { opacity: 1; translate: none; scale: none; }
  .hero__stage-inner { transform: none !important; }
}

.acc-brand { --acc: #4F46E5; --acc-ink: #3730A3; --acc-soft: #EEF0FE; --acc-a: #F5F6FF; --acc-b: #ECEFFE; --acc-c: #F3EEFF; }
.acc-sky { --acc: #0284C7; --acc-ink: #075985; --acc-soft: #E6F4FB; --acc-a: #F2F9FD; --acc-b: #E4F2FB; --acc-c: #EEF3FF; }
.acc-violet { --acc: #7C3AED; --acc-ink: #5B21B6; --acc-soft: #F2ECFE; --acc-a: #F8F5FF; --acc-b: #F1EAFE; --acc-c: #FBF0FB; }
.acc-green { --acc: #15803D; --acc-ink: #166534; --acc-soft: #E7F6EC; --acc-a: #F3FAF5; --acc-b: #E5F5EB; --acc-c: #EEF8F6; }
.acc-amber { --acc: #B45309; --acc-ink: #92400E; --acc-soft: #FDF3E3; --acc-a: #FFF9F0; --acc-b: #FDF1DE; --acc-c: #FFF5EA; }
.acc-rose { --acc: #BE185D; --acc-ink: #9D174D; --acc-soft: #FCEEF5; --acc-a: #FEF6FA; --acc-b: #FBEAF3; --acc-c: #F9EEFB; }

.tile--acc { color: var(--acc); background: var(--acc-soft); }
.tile--p2 { color: #fff; background: var(--grad); box-shadow: 0 8px 18px -10px rgba(79, 70, 229, .7); }
.pill-new--sm { margin-left: 8px; padding: 2px 7px; font-size: 9.5px; letter-spacing: .08em; vertical-align: 2px; }

.hero { padding-top: clamp(2.25rem, 1rem + 3.6vw, 4.75rem); padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.hero .hero__intro { gap: 22px; }
.hero__local { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(1.75rem, 1rem + 3vw, 4rem); align-items: center; margin-top: clamp(1.75rem, 1rem + 1.8vw, 2.75rem); padding: clamp(22px, .8rem + 2.2vw, 42px); border-radius: 32px; background: radial-gradient(70% 90% at 100% 0%, rgba(139, 92, 246, .08), transparent 60%), linear-gradient(150deg, #F6F7FF, #FAF8FF 55%, #F2F8FD); box-shadow: inset 0 0 0 1px #E6E8FA; text-align: left; scroll-margin-top: calc(var(--header-h) + 16px); }
.part .hero__stage { width: 100%; text-align: left; }
.hero__data { grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: stretch; }
.yd__head { display: grid; justify-items: center; text-align: center; }
.yd__head .eyebrow { margin-bottom: 14px; }
.yd__head .h2 { font-size: clamp(2.1rem, 1.2rem + 3vw, 3.6rem); line-height: 1.06; }
.yd__lede { margin-top: 14px; max-width: 62ch; font-size: clamp(1.05rem, .98rem + .4vw, 1.25rem); line-height: 1.55; color: var(--muted); }
.yd__qa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto 1fr; column-gap: 16px; margin-top: 18px; }
.yd__c { display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 0; padding: 24px 26px 28px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--sh-2); text-align: left; }
.yd__q { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 600; line-height: 1.45; color: var(--muted); text-wrap: pretty; }
.yd__ic { display: grid; place-items: center; flex: none; width: 32px; height: 32px; margin-top: -5px; border-radius: 10px; background: var(--brand-soft); color: var(--brand); }
.yd__ic .icon { width: 17px; height: 17px; }
.yd__b { padding-top: 18px; }
.yd__a { font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: -.03em; color: var(--ink); text-wrap: balance; }
.yd__r { padding-top: 8px; font-size: 17px; line-height: 1.5; color: var(--text); text-wrap: pretty; }
.yd__bk { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 32px; align-items: center; padding: 26px 26px 26px 30px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--sh-2); text-align: left; }
.yd__bkh h3 { font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: -.03em; color: var(--ink); }
.yd__bkh p { margin-top: 10px; font-size: 17px; line-height: 1.5; color: var(--muted); text-wrap: balance; }
.yd__bko { display: grid; border-radius: 18px; background: var(--bg-soft); box-shadow: inset 0 0 0 1px var(--line); }
.yd__o { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "i t g" "i d d"; column-gap: 14px; row-gap: 4px; align-items: center; padding: 18px 20px; }
.yd__o + .yd__o { border-top: 1px solid var(--line); }
.yd__oi { grid-area: i; align-self: start; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #fff; color: var(--brand); box-shadow: var(--sh-1); }
.yd__oi .icon { width: 21px; height: 21px; }
.yd__on { grid-area: t; font-size: 17px; line-height: 1.4; letter-spacing: -.015em; color: var(--ink); }
.yd__od { grid-area: d; display: grid; gap: 6px; font-size: 15px; line-height: 1.5; color: var(--muted); text-wrap: pretty; }
.yd__od em { display: flex; align-items: flex-start; gap: 7px; font-size: 14px; font-style: normal; font-weight: 600; line-height: 1.45; color: var(--violet); }
.yd__od em .icon { flex: none; width: 15px; height: 15px; margin-top: 2px; }
.yd__tg { grid-area: g; position: relative; width: 44px; height: 26px; border-radius: var(--pill); background: #22C55E; }
.yd__tg i { position: absolute; top: 3px; left: 21px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.yd__tr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 8px; padding-top: 24px; border-top: 1px solid rgba(79, 70, 229, .14); text-align: left; }
.yd__t { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 3px; align-content: start; padding: 0 20px; }
.yd__t:first-child { padding-left: 4px; }
.yd__t + .yd__t { border-left: 1px solid rgba(79, 70, 229, .14); }
.yd__ti { grid-row: span 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #fff; color: var(--brand); box-shadow: var(--sh-1); }
.yd__ti .icon { width: 18px; height: 18px; }
.yd__t b { font-size: 15px; line-height: 1.35; color: var(--ink); }
.yd__t > span:last-child { font-size: 14px; line-height: 1.5; color: var(--muted); }
@media (max-width: 1100px) {
  .yd__tr { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
  .yd__t:nth-child(odd) { padding-left: 4px; border-left: 0; }
}
@media (max-width: 960px) {
  .yd__qa { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 12px; }
  .yd__c { grid-row: auto; grid-template-rows: none; }
  .yd__bk { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 560px) {
  .yd__c { padding: 20px 20px 22px; }
  .yd__q { padding-bottom: 14px; }
  .yd__b { padding-top: 14px; }
  .yd__a { font-size: 23px; }
  .yd__r { font-size: 16px; }
  .yd__bk { padding: 20px; }
  .yd__bkh h3 { font-size: 23px; }
  .yd__bkh p { font-size: 16px; }
  .yd__o { grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-areas: "i t g" "d d d"; column-gap: 12px; row-gap: 10px; padding: 16px; }
  .yd__oi { align-self: center; width: 36px; height: 36px; }
  .yd__tr { grid-template-columns: minmax(0, 1fr); row-gap: 0; padding-top: 6px; }
  .yd__t { padding: 14px 4px; }
  .yd__t + .yd__t { border-left: 0; border-top: 1px solid rgba(79, 70, 229, .14); }
}
.cpitch { display: grid; gap: 12px; margin-bottom: 16px; }
.cpitch--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cpitch--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cpitch__i { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; padding: 20px 22px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--sh-1); }
.cpitch__i .tile { width: 42px; height: 42px; border-radius: 12px; }
.cpitch__i .tile .icon { width: 21px; height: 21px; }
.cpitch__i b { display: block; margin-bottom: 4px; font-size: 16.5px; font-weight: 600; letter-spacing: -.015em; color: var(--ink); }
.cpitch__i p { font-size: 14.5px; line-height: 1.5; color: var(--muted); }
.cpitch__note { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 16px; background: var(--acc-a); box-shadow: inset 0 0 0 1px var(--acc-soft); font-size: 15px; line-height: 1.5; color: var(--text); }
.cpitch__note > .icon { flex: none; width: 19px; height: 19px; color: var(--acc); }
.cpitch__note a { font-weight: 600; color: var(--acc-ink); }
@media (max-width: 960px) { .hero__local { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 860px) { .cpitch--2, .cpitch--3 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .cpitch__note { align-items: flex-start; } }

.part { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(4.5rem, 2.5rem + 6vw, 8.5rem) clamp(3rem, 2rem + 3vw, 5rem); text-align: center; }
.part__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:
  radial-gradient(36% 46% at 20% 30%, rgba(14, 165, 233, .09), transparent 70%),
  radial-gradient(36% 46% at 80% 28%, rgba(139, 92, 246, .09), transparent 70%); }
.part__bg::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(11, 16, 32, .07) 1px, transparent 1.2px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(60% 60% at 50% 40%, #000 15%, transparent 72%); mask-image: radial-gradient(60% 60% at 50% 40%, #000 15%, transparent 72%); }
.part--2 .part__bg { background:
  radial-gradient(36% 46% at 18% 30%, rgba(190, 24, 93, .07), transparent 70%),
  radial-gradient(36% 46% at 82% 30%, rgba(124, 58, 237, .10), transparent 70%); }
.part__in { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; }
.part__tag { display: inline-flex; align-items: center; gap: 10px; padding: 4px 14px 4px 4px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2), var(--sh-1); font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--text); }
.part__tag span { padding: 4px 10px; border-radius: var(--pill); background: var(--ink); color: #fff; letter-spacing: .08em; }
.part__title { margin-top: 26px; max-width: 17ch; font-size: clamp(2.4rem, 1.3rem + 4.2vw, 4.75rem); font-weight: 650; letter-spacing: -.05em; line-height: 1.03; }
.part__lede { margin-top: 24px; max-width: 64ch; font-size: clamp(1.05rem, .98rem + .35vw, 1.25rem); line-height: 1.55; color: var(--muted); }


.toc-sec { padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.toc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; max-width: 1120px; margin: 0 auto; list-style: none; }
.toc li { border-top: 1px solid var(--line); }
.toc li:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
.toc__a { display: grid; grid-template-columns: 24px 40px minmax(0, 1fr) 18px; align-items: center; gap: 14px; padding: 15px 10px 15px 6px; border-radius: 14px; color: inherit; text-decoration: none; transition: background .25s; }
.toc__a:hover { background: linear-gradient(90deg, var(--acc-a, #F5F6FF), rgba(255, 255, 255, 0) 80%); }
.toc__n { font-family: var(--mono); font-size: 12px; color: var(--faint); }
.toc .tile { width: 40px; height: 40px; border-radius: 12px; }
.toc .tile .icon { width: 20px; height: 20px; }
.toc__t { display: grid; gap: 2px; min-width: 0; }
.toc__t b { font-size: 16.5px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); }
.toc__t small { font-size: 14px; line-height: 1.45; color: var(--muted); }
.toc__go { width: 16px; height: 16px; color: var(--faint); transition: transform .25s var(--ease), color .25s; }
.toc__a:hover .toc__go { transform: translateX(3px); color: var(--acc, var(--brand)); }
.toc__a--p2 .toc__t b { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

.catalog { position: relative; }
.catalog [id] { scroll-margin-top: calc(var(--header-h) + 64px); }
.chapnav { position: sticky; top: var(--header-h); z-index: 55; }
.chapnav::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255, 255, 255, .88); -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px); border-block: 1px solid var(--line); }
.chapnav__l { position: relative; display: flex; align-items: center; gap: 2px; padding: 7px 0; list-style: none; overflow-x: auto; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); }
.chapnav__l::-webkit-scrollbar { display: none; }
.chapnav__l li { flex: none; }
.chapnav__l a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: var(--pill); font-size: 13.5px; font-weight: 500; color: var(--muted); text-decoration: none; white-space: nowrap; transition: color .2s, background-color .2s; }
.chapnav__l a span { font-family: var(--mono); font-size: 11px; color: var(--faint); transition: color .2s; }
.chapnav__l a:hover { color: var(--ink); background: #F2F3F6; }
.chapnav__l a.is-on { color: #fff; background: var(--ink); }
.chapnav__l a.is-on span { color: rgba(255, 255, 255, .6); }
.chapnav__part { padding: 0 8px 0 16px; font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--faint); white-space: nowrap; }
.chapnav__part--2 { margin-left: 10px; padding-left: 18px; border-left: 1px solid var(--line-2); }

.chap { padding-block: clamp(4rem, 2.5rem + 5vw, 7.5rem); }
.chap--soft { background: var(--bg-soft); }
.chap__head { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 22px clamp(2rem, 1rem + 4vw, 5rem); align-items: end; margin-bottom: clamp(2rem, 1.4rem + 2vw, 3.25rem); }
.chap__kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--acc-ink); }
.chap__num { font-weight: 600; color: var(--acc); }
.chap__kicker .tile { width: 34px; height: 34px; border-radius: 10px; }
.chap__kicker .tile .icon { width: 18px; height: 18px; }
.chap__title h2 { font-size: clamp(2rem, 1.25rem + 2.5vw, 3.15rem); letter-spacing: -.04em; line-height: 1.06; }
.chap__intro { display: grid; gap: 14px; justify-items: start; }
.chap__intro p { font-size: 16.5px; line-height: 1.6; color: var(--muted); }

.show { display: grid; gap: 16px; }
.show__row { display: grid; gap: 16px; }
.show__row--1 { grid-template-columns: minmax(0, 1fr); }
.show__row--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.show__row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.feat { display: flex; flex-direction: column; min-width: 0; border-radius: 24px; background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-1); overflow: hidden; }
.feat__stage { position: relative; flex: none; display: grid; place-items: center; height: 290px; padding: 24px 22px; overflow: hidden; border-bottom: 1px solid var(--line); background:
  radial-gradient(90% 75% at 100% 0%, var(--acc-c, #F3EEFF), transparent 62%),
  radial-gradient(75% 65% at 0% 100%, var(--acc-b, #ECEFFE), transparent 60%),
  var(--acc-a, #F5F6FF); }
.feat__stage::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(11, 16, 32, .065) 1px, transparent 1.2px); background-size: 18px 18px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 90%); mask-image: linear-gradient(180deg, #000, transparent 90%); }
.feat__stage > * { position: relative; }
.m-input.swap--block { display: grid; justify-items: start; }
.feat__stage--crop { place-items: start center; padding-bottom: 0; }
.feat--s2 .feat__stage > .mui { max-width: 400px; }
.feat__cap { flex: 1 1 auto; display: grid; align-content: start; gap: 8px; padding: 20px 24px 24px; }
.feat__cap h3 { font-size: 18px; letter-spacing: -.025em; line-height: 1.3; }
.feat__cap p { font-size: 14.5px; line-height: 1.55; color: var(--muted); }
.feat__cap a { color: var(--brand); }
.feat--hero { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); }
.feat--hero .feat__stage { display: flex; align-items: stretch; justify-content: center; height: 560px; padding: 28px; border-bottom: 0; border-right: 1px solid var(--line); }
.feat--hero .feat__stage > :not(.win) { align-self: center; }
.feat--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); }
.feat--flip .feat__stage { order: 2; border-right: 0; border-left: 1px solid var(--line); }
.feat--hero .feat__cap { align-content: center; gap: 14px; padding: 36px clamp(24px, 1rem + 2vw, 44px); }
.feat--hero .feat__cap h3 { font-size: clamp(1.3rem, 1.05rem + .7vw, 1.65rem); line-height: 1.2; letter-spacing: -.03em; }
.feat--hero .feat__cap p { font-size: 15.5px; }
.feat__pts { display: grid; gap: 11px; margin-top: 8px; list-style: none; }
.feat__pts li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; font-size: 14.5px; line-height: 1.45; color: var(--text); }
.feat__pts .icon { width: 20px; height: 20px; padding: 3px; border-radius: 50%; color: var(--acc); background: var(--acc-soft); }
.win--feat { width: 100%; min-width: 0; height: 100%; }
.feat--hero .feat__stage > .chat { zoom: 1.3; }
.feat__stage > .ill--bank { width: 100%; height: 100%; }
.win--plain .app, .app--plain { grid-template-columns: minmax(0, 1fr); }
:where(.feat__stage, .spec__vis, .team-sec__vis) .ti { display: inline-block; flex: none; width: 13px; height: 13px; stroke-width: 1.7; vertical-align: -2px; }

.flist { display: grid; gap: 34px; margin-top: clamp(2.5rem, 2rem + 2vw, 3.75rem); }
.flist__h { display: flex; align-items: center; gap: 14px; margin-bottom: 6px; font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.flist__h::after { content: ""; flex: 1; height: 1px; background: var(--line-2); }
.flist__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; list-style: none; }
.flist__grid li { position: relative; display: grid; align-content: start; gap: 4px; padding: 16px 0 17px 24px; border-top: 1px solid var(--line); }
.flist__grid li::before { content: ""; position: absolute; left: 2px; top: 23.5px; width: 8px; height: 8px; border-radius: 3px; background: var(--acc, var(--brand)); box-shadow: 0 0 0 4px var(--acc-soft, var(--brand-soft)); }
.flist__grid b { font-size: 15.5px; font-weight: 600; line-height: 1.35; letter-spacing: -.015em; color: var(--ink); }
.flist__grid .flist__d { font-size: 14.5px; line-height: 1.5; color: var(--muted); }
.flist__grid .pill-new--sm { margin-left: 6px; color: #fff; }
.more { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.more li { display: inline-flex; align-items: center; gap: 7px; padding: 6px 13px 6px 11px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); font-size: 13.5px; line-height: 1.3; color: var(--text); }
.more li::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--acc, var(--brand)); opacity: .75; }
.pill-new--xs { padding: 1px 6px; font-size: 8.5px; letter-spacing: .08em; }
.flist__g--more .flist__h { margin-bottom: 14px; }
.spec__more { display: grid; gap: 8px; margin-top: 18px; }
.spec__more > span { font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }
.spec__more .more li { background: rgba(255, 255, 255, .85); font-size: 13px; }

.spec { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(1.75rem, 1rem + 3vw, 4rem); align-items: center; padding: clamp(22px, .8rem + 2.6vw, 52px); border-radius: 32px; background:
  radial-gradient(70% 90% at 100% 0%, var(--acc-c), transparent 62%),
  radial-gradient(60% 70% at 0% 100%, var(--acc-b), transparent 64%),
  var(--acc-a); box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .06); }
.spec--r .spec__text { order: 2; }
.spec__kicker { display: flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--acc-ink); }
.spec__kicker .tile { width: 34px; height: 34px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .06); }
.spec__kicker .tile .icon { width: 18px; height: 18px; }
.spec__name { margin-top: 16px; font-size: clamp(1.85rem, 1.3rem + 1.7vw, 2.6rem); letter-spacing: -.04em; }
.spec__intro { margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--muted); }
.spec__list { display: grid; gap: 13px; margin-top: 24px; list-style: none; }
.spec__list li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; font-size: 14.5px; line-height: 1.5; color: var(--muted); }
.spec__list .icon { width: 20px; height: 20px; padding: 3px; margin-top: 1px; border-radius: 50%; color: var(--acc); background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .06); }
.spec__list b { display: block; font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.spec__also { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 22px; }
.spec__also span { width: 100%; margin-bottom: 2px; font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }
.spec__also a { padding: 4px 11px; border-radius: var(--pill); background: rgba(255, 255, 255, .85); box-shadow: inset 0 0 0 1px var(--line-2); font-size: 13px; color: var(--text); text-decoration: none; transition: box-shadow .2s, color .2s; }
.spec__also a:hover { color: var(--ink); box-shadow: inset 0 0 0 1px var(--acc); }
.spec__vis { position: relative; display: flex; height: 480px; min-width: 0; }
.spec__vis > * { flex: 1 1 auto; min-width: 0; }

.team-sec { background: var(--bg-soft); }
.team-sec__grid { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; }
.team-sec__copy { display: grid; gap: 20px; justify-items: start; }
.team-sec__copy .h2 { text-align: left; }
.team-sec__vis { display: flex; height: 440px; min-width: 0; }
.team-sec__vis > * { flex: 1 1 auto; min-width: 0; }

.mui { position: relative; width: 100%; max-width: 320px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .07), 0 18px 38px -20px rgba(16, 24, 40, .38); color: var(--m-text); font-family: var(--sys); font-size: 11px; line-height: 1.4; text-align: left; }
.m-radio { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--m-text); }
.m-radio::before { content: ""; flex: none; box-sizing: border-box; width: 13px; height: 13px; border-radius: 50%; border: 1px solid var(--m-input); background: #fff; }
.m-radio.on::before { border: 4px solid var(--m-blue); }
i.m-radio { font-style: normal; }
.m-badge--orange { background: #FFF4E6; color: #F76707; }
.m-badge--red { background: #FFF5F5; color: #FA5252; }
.m-badge--teal { background: rgba(18, 184, 134, .1); color: #0CA678; }
.m-badge--blue { background: rgba(34, 139, 230, .1); color: var(--m-blue); }
.fb--rep { background: #F3F0FF; color: #7950F2; }
.fb--img { background: #F3F0FF; color: #7950F2; }
.js .ill:not(.is-live) .m-check--a { border-color: var(--m-input); background: #fff; }
.js .ill:not(.is-live) .m-check--a .ti { opacity: 0; }
.ill.is-live .m-check--a { animation: a-check .25s ease calc(var(--t0, .9s) + var(--i) * .2s) both; }
.ill.is-live .m-check--a .ti { animation: a-fade .2s ease calc(var(--t0, .9s) + .05s + var(--i) * .2s) both; }
.js .ill:not(.is-live) > .mui { opacity: 0; transform: translate3d(0, 14px, 0); }
.ill.is-live > .mui { animation: a-pop .6s var(--ease-out) .1s both; }
@keyframes a-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes a-grow { from { transform: scaleY(0); } to { transform: none; } }
@keyframes a-growx { from { transform: scaleX(0); } to { transform: none; } }
@keyframes a-prefill { 0% { background: #fff; box-shadow: 0 0 0 0 rgba(34, 139, 230, 0); } 35% { background: #E7F5FF; box-shadow: 0 0 0 3px rgba(34, 139, 230, .18); } 100% { background: #fff; box-shadow: 0 0 0 0 rgba(34, 139, 230, 0); } }
@keyframes a-tabon { to { background: #fff; color: #000; font-weight: 600; } }
@keyframes a-taboff { to { background: transparent; color: #495057; font-weight: 400; } }
@keyframes a-drag { 0% { opacity: 0; transform: translate3d(14px, -10px, 0); } 18% { opacity: 1; transform: none; } 70% { opacity: 1; transform: translate3d(-104px, 44px, 0) scale(.96); } 100% { opacity: 0; transform: translate3d(-104px, 50px, 0) scale(.9); } }
@keyframes a-dropzone { 0%, 100% { border-color: var(--m-input); background: transparent; } 30%, 70% { border-color: var(--m-blue); background: var(--m-blue-l); } }
@keyframes a-flow { to { background-position: 22px 0; } }
@keyframes a-move { 0% { transform: none; } 100% { transform: translate3d(calc(100% + 6px), 0, 0); } }

.pvh { left: 0; right: 0; top: 40px; width: min(372px, 90%); margin-inline: auto; display: grid; gap: 8px; padding-bottom: 12px; }
.pvh__e { margin: 0 12px; border: 1px solid var(--m-line); border-radius: 4px; overflow: hidden; }
.pvh__top { display: flex; align-items: center; gap: 10px; padding: 6px 9px; border-bottom: 1px solid var(--m-line); font-size: 10px; color: #000; }
.pvh__top span { font-weight: 600; color: var(--m-blue); }
.pvh__cols { display: grid; grid-template-columns: 1fr 1fr; }
.pvh__cols > div { display: grid; align-content: start; padding: 5px 0; }
.pvh__cols > div + div { border-left: 1px solid var(--m-line); }
.pvh code { display: block; padding: 2px 9px; font-family: var(--mono); font-size: 10px; color: #000; }
.pvh .pvh__del { background: #FFE3E3; color: #C92A2A; }
.pvh .pvh__add { background: #D3F9D8; color: #2B8A3E; }
.pvh__ok { position: absolute; right: 18px; top: 4px; display: grid; place-items: center; width: 13px; height: 13px; border-radius: 50%; background: #40C057; color: #fff; }
.app .pvh__ok .ti { width: 8px; height: 8px; stroke-width: 3.2; }
.js .ill:not(.is-live) .pvh, .js .ill:not(.is-live) .pvh__ov, .js .ill:not(.is-live) .pvh__ok { opacity: 0; }
.ill.is-live .pvh__ov { animation: a-fade .3s ease .5s both, a-gone .3s ease 3.05s forwards; }
.ill.is-live .pvh { animation: a-popio 2.65s var(--ease-out) .5s both; }
.ill.is-live .pvh__go { animation: a-click .3s ease 2.3s; }
.ill.is-live .pvh__field { animation: a-flash 1.2s ease 3.3s; }
.ill.is-live .pvh__ok { animation: a-dot .3s var(--ease-out) 3.45s both; }
html:not(.js) .pvh, html:not(.js) .pvh__ov { display: none; }


.fam__b { display: grid; gap: 8px; padding: 0 13px 13px; }
.fam__note { font-size: 10.5px; color: var(--m-dim); }
.fam__who { font-size: 12px; font-weight: 700; color: #000; }
.fam .m-checkrow { font-size: 10.5px; }
.fam__btns { display: flex; justify-content: flex-end; gap: 6px; margin-top: 4px; }
.fam { --t0: .8s; }
.ill.is-live .fam__add { animation: a-ring 1s ease-out 1.5s, a-click .3s ease 2.1s; }

.spl { padding: 10px; }
.spl__f { padding: 5px 9px 10px; overflow: visible; }
.spl__f p { font-size: 12px; line-height: 1.6; }
.spl__bad { text-decoration: underline wavy #FA5252; text-decoration-thickness: 1.2px; text-underline-offset: 3px; }
.spl__w { vertical-align: baseline; }
.spl__menu { right: 10px; top: 52px; min-width: 150px; }
.spl__sep { height: 1px; margin: 2px 4px; background: var(--m-line-2); }
.spl__dict { color: var(--m-dim); }
.js .ill:not(.is-live) .spl__menu { opacity: 0; }
.ill.is-live .spl__menu { animation: a-popio 1.6s var(--ease-out) 1s both; }
html:not(.js) .spl__menu { display: none; }

.hpg { padding: 12px 12px 10px; }
.hpg__h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.hpg__h b { font-size: 12.5px; font-weight: 700; color: #000; }
.hpg__h span { font-size: 10px; color: var(--m-dim); }
.hpg__chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0 4px; }
.hpg__chips span { padding: 2px 8px; border-radius: 4px; background: var(--m-blue-l); color: var(--m-blue); font-size: 10px; font-weight: 600; }
.hpg__chips .on { background: var(--m-blue); color: #fff; }
.hpg__svg { display: block; width: 100%; height: auto; overflow: visible; }
.hpg__grid line { stroke: #EEF1F3; stroke-width: 1; }
.hpg__s, .hpg__d { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.hpg__s { stroke: #228BE6; }
.hpg__d { stroke: #BE4BDB; }
.hpg__s-dots circle { fill: #228BE6; }
.hpg__d-dots circle { fill: #BE4BDB; }
.hpg__x { display: flex; justify-content: space-between; padding: 0 4px; font-size: 9px; color: var(--m-dim); }
.hpg__leg { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 10px; color: var(--m-dim); }
.hpg__leg i { width: 10px; height: 3px; border-radius: 2px; }
.hpg__leg i + i, .hpg__leg i:nth-of-type(2) { margin-left: 6px; }
.hpg__leg .s { background: #228BE6; }
.hpg__leg .d { background: #BE4BDB; }
.js .ill:not(.is-live) .hpg__s, .js .ill:not(.is-live) .hpg__d { stroke-dashoffset: 1; }
.ill.is-live .hpg__s, .ill.is-live .hpg__d { animation: a-draw 1.4s var(--ease-in-out) .5s both; }
.hpg svg circle, .lgr svg circle, .grw svg circle { transform-box: fill-box; transform-origin: center; }
.js .ill:not(.is-live) .hpg svg circle { opacity: 0; }
.ill.is-live .hpg svg circle { animation: a-dot .3s var(--ease-out) calc(.6s + var(--i) * .2s) both; }

.ptab { overflow: hidden; }
.ptab__bar { display: flex; align-items: flex-end; gap: 3px; padding: 6px 8px 0; background: #F1F3F5; border-bottom: 1px solid var(--m-line-2); }
.ptab__t { display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border-radius: 6px 6px 0 0; font-size: 10.5px; color: #495057; white-space: nowrap; }
.ptab__t .ti:first-child { color: var(--m-blue); }
.ptab__t .ti:last-child { width: 9px; height: 9px; color: var(--m-dim); }
.ptab__t--a { background: #fff; color: #000; font-weight: 600; }
.ptab__plus { display: grid; place-items: center; width: 24px; height: 26px; color: var(--m-blue); }
.ptab__head { padding: 10px 11px 7px; font-size: 13px; color: #000; white-space: nowrap; overflow: hidden; }
.ptab__head .ti { color: var(--m-blue); stroke-width: 2; }
.ptab__body { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 0 10px 11px; }
.ptab__body .fbox { min-height: 44px; }
.js .ill:not(.is-live) .ptab__t--b { opacity: 0; transform: translate3d(0, 6px, 0); }
.ill.is-live .ptab__t--b { animation: a-pop .4s var(--ease-out) 1.1s both, a-tabon .01s linear 2.5s forwards; }
.ill.is-live .ptab__t--a { animation: a-taboff .01s linear 2.5s forwards; }
.ill.is-live .ptab__plus { animation: a-click .3s ease .9s; }
html:not(.js) .ptab__t--a { background: transparent; color: #495057; font-weight: 400; }
html:not(.js) .ptab__t--b { background: #fff; color: #000; font-weight: 600; }

.rxp { position: relative; display: grid; justify-items: start; width: 100%; max-width: 600px; padding: 4px 0 18px; }
.rxp__paper { width: 100%; max-width: 410px; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .06), 0 34px 64px -32px rgba(16, 24, 40, .4); transform: rotate(-1.4deg); }
.rxf { padding: 16px 16px 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.35; color: #000; }
.rxf__hd { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 8px 10px; border: 1px solid #000; }
.rxf__hd b { display: block; font-size: 13px; }
.rxf__hd span { display: block; }
.rxf__code { display: grid; justify-items: end; align-content: start; gap: 5px; font-size: 9.5px; }
.rxf__code .dmx { width: 32px; height: 32px; }
.rxf__pt { display: flex; flex-wrap: wrap; gap: 0 14px; padding: 5px 10px; border: 1px solid #000; border-top: 0; font-size: 10.5px; }
.rxf__t { padding: 7px 10px; border: 1px solid #000; border-top: 0; font-size: 12px; font-weight: 700; line-height: 1.3; text-align: center; }
.rxf__r3 { display: grid; grid-template-columns: 37% 33% 30%; border: 1px solid #000; border-top: 0; font-size: 9px; }
.rxf__r3 span { padding: 4px 5px; }
.rxf__r3 span + span { border-left: 1px solid #000; }
.rxf__bx { display: flex; flex-wrap: wrap; gap: 4px 7px; padding: 6px 6px; border: 1px solid #000; border-top: 0; font-size: 10px; }
.rxf__b { display: inline-flex; align-items: center; gap: 4px; padding: 1px 4px; border-radius: 3px; }
.rxf__b i { position: relative; flex: none; width: 9px; height: 9px; border: 1px solid #000; }
.rxf__b--on { background: #FEF08A; }
.rxf__b--on i::before, .rxf__b--on i::after { content: ""; position: absolute; top: 3.5px; left: -1px; width: 9px; height: 1px; background: #000; transform: rotate(45deg); }
.rxf__b--on i::after { transform: rotate(-45deg); }
.rxf__l { display: grid; gap: 7px; padding: 9px 10px 8px; border: 1px solid #000; border-top: 0; border-bottom: 0; }
.rxf__l p { display: grid; }
.rxf__l b { font-weight: 400; }
.rxf__zz { display: block; width: 100%; height: 7px; margin: 0 0 6px; overflow: visible; }
.rxf__zz polyline { fill: none; stroke: #000; stroke-width: 1; vector-effect: non-scaling-stroke; }
.rxf__lm { display: grid; grid-template-columns: 58% 42%; border: 1px solid #000; }
.rxf__rm { padding: 6px 8px 8px; background: #FEF9C3; }
.rxf__rm p { margin-top: 3px; }
.rxf__sg { position: relative; min-height: 58px; padding: 6px 8px; border-left: 1px solid #000; }
.rxf__sg .rxp__sig { position: absolute; right: 8px; bottom: 6px; width: 84px; height: 24px; }
.rxp__sig path { fill: none; stroke: #1C3D8F; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 300; stroke-dashoffset: 0; }
.rxp__panel { position: absolute; right: 0; bottom: 0; display: grid; gap: 8px; width: 232px; padding: 12px; }
.rxp__go { justify-content: center; width: 100%; }
.rxp__chk { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 8px; }
.rxp__hl { border-radius: 6px; background: #FEF9C3; box-shadow: 0 0 0 4px #FEF9C3; }
.rxp__nt { display: grid; gap: 4px; }
.rxp__note { min-height: 24px; font-size: 10.5px; }
.rxp__wt { align-items: flex-start; font-size: 10px; line-height: 1.3; }
.rxp__wt .m-check { margin-top: 1px; }
.rxp__wl { margin: -3px 0 0 20px; font-size: 10px; color: var(--m-dim); }
.js .ill:not(.is-live) .rxp__paper { opacity: 0; transform: translate3d(0, 18px, 0) rotate(-1.4deg); }
.ill.is-live .rxp__paper { animation: a-rxin .7s var(--ease-out) .1s both; }
@keyframes a-rxin { from { opacity: 0; transform: translate3d(0, 18px, 0) rotate(-1.4deg); } to { opacity: 1; transform: rotate(-1.4deg); } }
.js .ill:not(.is-live) .rxp__lines p { opacity: 0; }
.ill.is-live .rxp__lines p { animation: a-in .35s var(--ease-out) calc(.6s + var(--i) * .18s) both; }
.js .ill:not(.is-live) .rxf__b--on i::before, .js .ill:not(.is-live) .rxf__b--on i::after { opacity: 0; }
.ill.is-live .rxf__b--on i::before, .ill.is-live .rxf__b--on i::after { animation: a-fade .2s ease 1.55s both; }

.js .ill:not(.is-live) .rxp__panel { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill.is-live .rxp__panel { animation: a-in .45s var(--ease-out) .9s both; }
.js .ill:not(.is-live) .rxp__sig path { stroke-dashoffset: 300; }
.ill.is-live .rxp__sig path { animation: a-sig 1.1s var(--ease-in-out) 1.8s both; }
@keyframes a-sig { from { stroke-dashoffset: 300; } to { stroke-dashoffset: 0; } }

.chr { overflow: hidden; }
.chr__h { display: flex; align-items: center; gap: 7px; padding: 10px 12px; border-bottom: 1px solid var(--m-line-2); font-size: 12px; }
.chr__h b { font-weight: 700; color: #000; }
.chr__h .ti { color: #495057; }
.chr__h .chr__e { margin-left: auto; color: var(--m-blue); }
.chr__b { display: grid; gap: 9px; padding: 11px 12px; }
.chr__r { align-items: flex-start; }
.chr__r .m-check { margin-top: 1px; }
.chr__r span { display: grid; font-size: 11px; color: #000; }
.chr__r small { font-size: 10px; color: var(--m-dim); }
.chr__f { padding: 0 12px 12px; }
.chr { --t0: .7s; }
.ill.is-live .chr__go { animation: a-ring 1s ease-out 1.4s, a-click .3s ease 2s; }

.labr { overflow: hidden; }
.labr__tabs { display: flex; align-items: center; height: 30px; padding: 0 6px; border-bottom: 1px solid var(--m-line-2); }
.labr__tabs i { display: grid; place-items: center; width: 30px; height: 30px; color: #000; }
.labr__tabs i.on { box-shadow: inset 0 -2px 0 var(--m-blue); }
.labr__tabs i:last-child { color: var(--m-blue); }
.labr__b { display: grid; gap: 9px; padding: 10px 12px; }
.labr__in { justify-content: space-between; }
.labr__list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 10px; }
.labr__foot { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-top: 1px solid var(--m-line-2); font-size: 10px; color: var(--m-dim); }
.labr__go { margin-left: auto; }
.labr { --t0: .6s; }
.ill.is-live .labr__go { animation: a-ring 1s ease-out 1.8s, a-click .3s ease 2.4s; }

.dos--kine { grid-template-columns: minmax(0, 31%) minmax(0, 41%) minmax(0, 1fr); }
.dos--inv { grid-template-columns: minmax(0, 25%) minmax(0, 1fr) minmax(0, 23%); }
.dinv { display: flex; flex-direction: column; min-height: 0; overflow: hidden; border: 1px solid var(--m-line); border-radius: 3px; font-size: 10px; color: #000; }
.dinv__h { padding: 3px 7px 1px; font-size: 8.5px; line-height: 1.4; color: var(--m-dim); }
.dinv__c { display: grid; gap: 1px; padding: 4px 7px 5px; border-bottom: 1px dotted var(--m-line-2); }
.dinv__top { display: flex; align-items: baseline; gap: 5px; line-height: 1.45; white-space: nowrap; }
.dinv__top b { font-weight: 700; }
.dinv__top span { overflow: hidden; text-overflow: ellipsis; font-size: 9px; color: var(--m-dim); }
.dinv__top em { margin-left: auto; font-style: normal; font-weight: 600; font-variant-numeric: tabular-nums; }
.dinv__l { display: grid; grid-template-columns: 3.3em minmax(0, 1fr) auto; column-gap: 6px; align-items: baseline; line-height: 1.4; }
.dinv__l i { font-style: normal; color: var(--m-dim); }
.dinv__l span:last-child { font-size: 9.5px; font-variant-numeric: tabular-nums; color: var(--m-dim); }
.ill--rx { display: grid; align-items: center; }
.rnw { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 16px; padding: 22px; }
.rnw .mui { max-width: none; }
.rnw__card { padding: 16px 18px; font-size: 13px; }
.rnw__hist { grid-column: 1; grid-row: 1; }
.rnw__chr { grid-column: 1; grid-row: 2; align-self: start; }
.rnw__rx { grid-column: 2; grid-row: 1 / span 2; display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 10px; }
.rnw__h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--m-dim); }
.rnw__h span { font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #000; }
.rnw__rx .rnw__h { margin-bottom: 0; }
.rnw__rx .composer__tabs { height: 30px; }
.rnw__rx .composer__tabs i { width: 34px; height: 30px; }
.rnw__rx .composer__tabs .ti { width: 15px; height: 15px; }
.rnw__e { display: grid; gap: 9px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dashed var(--m-line-2); }
.rnw__e:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.rnw__e--dim { color: #495057; }
.rnw__d { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: #000; }
.rnw__d .ti { width: 13px; height: 13px; color: #495057; }
.rnw .m-checkrow { align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.4; color: #000; }
.rnw__chr .m-checkrow + .m-checkrow { margin-top: 10px; }
.rnw .m-check { width: 16px; height: 16px; margin-top: 1px; border-radius: 4px; }
.rnw .m-check .ti { width: 11px; height: 11px; }
.rnw__box { display: grid; align-content: start; gap: 12px; min-height: 0; padding: 14px; border: 1px solid var(--m-blue); border-radius: 8px; box-shadow: 0 0 0 3px rgba(34, 139, 230, .12); }
.rnw__l { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 1px dashed var(--m-line-2); font-size: 13px; color: #000; }
.rnw__l b { font-weight: 600; }
.rnw__l span { font-size: 12px; color: #495057; }
.ill--rx { --t0: .9s; }
.ill--rx.is-live .m-check--a { animation: a-check .25s ease calc(var(--t0) + var(--i) * .7s) both; }
.ill--rx.is-live .m-check--a .ti { animation: a-fade .2s ease calc(var(--t0) + .05s + var(--i) * .7s) both; }
.js .ill--rx:not(.is-live) .rnw__l { opacity: 0; }
.ill--rx.is-live .rnw__l { animation: a-slidel .4s var(--ease-out) calc(var(--t0) + .3s + var(--i) * .7s) both; }
.kfm { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; justify-items: start; gap: 12px; width: 100%; height: 100%; }
.kfm .mui { max-width: none; }
.kfm__bar { display: flex; align-items: center; gap: 10px; width: auto; padding: 6px 8px; }
.kfm__tabs, .kfm__icons { display: flex; gap: 2px; }
.kfm__tabs { padding-right: 10px; border-right: 1px solid var(--m-line); }
.kfm__tabs i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; color: var(--m-dim); }
.kfm__tabs i.on { color: var(--m-blue); box-shadow: inset 0 -2px 0 var(--m-blue); border-radius: 0; }
.kfm__tabs .ti { width: 15px; height: 15px; }
.kfm__q { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; color: var(--m-blue); }
.kfm__q .ti { width: 17px; height: 17px; }
.kfm__q.on { background: var(--m-blue-l, #E7F5FF); }
.kfm__doc { position: absolute; top: 0; bottom: 0; left: 50%; z-index: 3; height: 100%; aspect-ratio: 780 / 1103; transform: translateX(-50%); }
.kfm__doc img { display: block; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .08), 0 28px 56px -26px rgba(16, 24, 40, .5); }
.kine__reg--r .m-radio { font-size: 10.5px; white-space: nowrap; }
.kfm .kfm__form { justify-self: stretch; display: grid; max-width: 520px; margin-left: 32px; padding: 6px 8px; }
.kfm .kfm__form.fm { display: flex; padding: 0; }
@media (max-width: 560px) { .kfm .kfm__form { margin-left: 0; } }
.kine { gap: 8px; overflow: hidden; }
.kine__radios { display: grid; gap: 5px; }
.kine__nums { display: grid; grid-template-columns: 36px auto 36px auto; align-items: center; justify-content: start; gap: 6px; font-size: 10.5px; }
.kine__hint { font-size: 9.5px; color: var(--m-dim); }
.kine__reg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 8px; }
.kine__reg .m-checkrow { font-size: 10.5px; white-space: nowrap; }
.kine .ecf__btns { margin-top: auto; }
.kine__perm { min-height: 0; }
.kine { --t0: 1.5s; }
.js .ill:not(.is-live) .kfm__form { opacity: 0; transform: translate3d(24px, 0, 0); }
.ill.is-live .kfm__form { animation: a-slide .5s var(--ease-out) 1s both; }
.ill.is-live .kfm__q.on { animation: a-ring .9s ease-out .3s, a-click .3s ease .7s; }
.js .ill:not(.is-live) .kfm__doc { opacity: 0; transform: translate3d(-50%, 20px, 0); }
.ill.is-live .kfm__doc { animation: kfm-doc .55s var(--ease-out) 3.4s both; }
@keyframes kfm-doc { from { opacity: 0; transform: translate3d(-50%, 20px, 0); } to { opacity: 1; transform: translate3d(-50%, 0, 0); } }
html:not(.js) .kfm__doc { display: none; }
.ill.is-live .kfm__prev { animation: a-ring 1s ease-out 2.3s, a-click .3s ease 2.9s; }
.lpk { --t0: 1.6s; container-type: inline-size; }
.lpk__sw { justify-self: stretch; }
.lpk .kfm__form { display: block; padding: 0; overflow: hidden; }
.lpk__top { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-bottom: 1px solid var(--m-line-2); }
.lpk__q { flex: 1 1 0; width: 0; min-height: 24px; font-size: 10.5px; }
.lpk__ph { color: var(--m-ph); }
.lpk__n { flex: none; padding: 4px 7px; border-radius: 4px; background: #EBFBEE; color: #2B8A3E; font-size: 10px; font-weight: 600; }
.lpk__go { flex: none; height: 24px; padding: 0 10px; font-size: 10px; }
.lpk__b { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); }
.lpk__cats { display: grid; align-content: start; gap: 1px; padding: 5px; border-right: 1px solid var(--m-line-2); }
.lpk__cat { display: flex; align-items: center; gap: 6px; padding: 1px 6px; border-radius: 4px; font-size: 10px; line-height: 1.6; color: var(--m-text); white-space: nowrap; }
.lpk__cat::before { content: ""; flex: none; width: 3px; height: 11px; border-radius: 2px; background: var(--g); }
.lpk__cat span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lpk__cat b { margin-left: auto; font-size: 9px; font-weight: 600; color: var(--m-dim); }
.lpk__cat.on { background: var(--m-blue-l); color: var(--m-blue-d); font-weight: 600; }
.lpk__cat--hema { --g: #E11D48; }
.lpk__cat--bio { --g: #2563EB; }
.lpk__cat--tumor { --g: #7C3AED; }
.lpk__cat--hormo { --g: #0891B2; }
.lpk__rows { padding: 2px 8px; }
.lpk__rows .m-checkrow { padding: 3px 0; border-bottom: 1px solid var(--m-line-2); font-size: 10.5px; }
.lpk__rows .m-checkrow span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpk__c { flex: none; margin-left: auto; padding: 0 4px; border-radius: 3px; background: #F1F3F5; color: #495057; font: 600 9px/1.5 var(--mono); }
.lpk__h { padding: 5px 0 1px; font-size: 9px; font-weight: 600; color: var(--m-dim); }
.lpk__out { display: grid; gap: 3px; max-width: 360px; padding: 10px 12px; font-size: 11px; color: #000; }
.js .ill:not(.is-live) .lpk__out p { opacity: 0; }
.ill.is-live .lpk__out p { animation: a-in .35s var(--ease-out) calc(4.9s + var(--i) * .1s) both; }
.ill.is-live .lpk__go { animation: a-ring 1s ease-out 3.9s, a-click .3s ease 4.5s; }
@container (max-width: 500px) { .lpk .kfm__form { margin-left: 0; } .lpk__b { grid-template-columns: minmax(0, 1fr); } .lpk__cats { display: none; } }


.fav__b { display: grid; gap: 9px; padding: 0 13px 13px; }
.fav__two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.fav__two .m-label { margin-bottom: 3px; font-size: 9.5px; }
.fav__dx { display: grid; gap: 4px; }
.fav__ph { color: var(--m-ph); }
.fav__drop { position: static; }
.fav__lab { padding: 4px 8px 2px; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--m-dim); }
.fav__drop .m-opt { display: flex; align-items: center; gap: 6px; overflow: hidden; text-overflow: ellipsis; }
.fav__drop .m-opt b { font-weight: 700; }
.fav__s { color: #FAB005; fill: #FAB005; }
.js .ill:not(.is-live) .fav__drop .m-opt { opacity: 0; }
.ill.is-live .fav__drop .m-opt { animation: a-in .3s var(--ease-out) calc(.7s + var(--i) * .12s) both; }
.ill.is-live .fav__drop .m-opt.on { animation: a-in .3s var(--ease-out) .82s both, a-flash 1s ease 1.6s; }

.lgr { left: 5%; right: 5%; top: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; padding: 0 14px 12px; }
.lgr__bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lgr__chips { display: flex; flex-wrap: wrap; gap: 4px; }
.lgr__chips span { padding: 3px 8px; border-radius: 4px; background: var(--m-blue-l); color: var(--m-blue); font-size: 10px; font-weight: 600; }
.lgr__chips .on { background: var(--m-blue); color: #fff; }
.lgr__seg { grid-template-columns: repeat(3, auto); }
.lgr__seg span { padding: 3px 9px; }
.lgr__svg { flex: 1 1 auto; width: 100%; min-height: 0; }
.lgr__grid line { stroke: #E9ECEF; stroke-dasharray: 3 3; }
.lgr__grid text { font-size: 9px; fill: #868E96; text-anchor: end; }
.lgr__grid .lgr__yr { text-anchor: middle; }
.lgr__band { fill: rgba(64, 192, 87, .1); stroke: rgba(64, 192, 87, .5); stroke-dasharray: 3 3; }
.lgr__bl { font-size: 9px; fill: #37B24D; }
.lgr__line { fill: none; stroke: #228BE6; stroke-width: 2; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.lgr__dots circle { fill: #FA5252; }
.lgr__t th, .lgr__t td { padding: 4px 7px; font-size: 10px; }
.lgr__t .bad { color: #FA5252; font-weight: 600; }
.app .lgr__t .ti { width: 10px; height: 10px; stroke-width: 2.2; color: #FA5252; vertical-align: -1px; }
.js .ill:not(.is-live) .lgr, .js .ill:not(.is-live) .lgr__ov { opacity: 0; }
.ill.is-live .lgr__ov { animation: a-fade .3s ease .3s both; }
.ill.is-live .lgr { animation: a-pop .55s var(--ease-out) .35s both; }
.js .ill:not(.is-live) .lgr__line { stroke-dashoffset: 1; }
.ill.is-live .lgr__line { animation: a-draw 1.5s var(--ease-in-out) .9s both; }
.js .ill:not(.is-live) .lgr__dots circle { opacity: 0; }
.ill.is-live .lgr__dots circle { animation: a-dot .3s var(--ease-out) calc(1s + var(--i) * .22s) both; }

.ph2 { display: flex; align-items: center; gap: 10px; }
.ph2__phone { flex: none; width: 122px; padding: 6px; border-radius: 26px; }
.ph2__screen { gap: 7px; padding: 9px 8px 10px; border-radius: 20px; }
.ph2__pt { font-size: 8.5px; font-weight: 600; text-align: center; color: var(--ink); }
.ph2__view { position: relative; height: 128px; overflow: hidden; border-radius: 12px; background: linear-gradient(160deg, #CDD5DF, #B9C3CF); }
.ph2__mark { position: absolute; left: 22%; top: 16%; width: 56%; height: 70%; border-radius: 3px; background: repeating-linear-gradient(180deg, transparent 0 9px, #DDE2E8 9px 11px), #fff; background-clip: content-box; padding: 12px 8px; box-shadow: 0 4px 10px -4px rgba(16, 24, 40, .4); transform: rotate(-6deg); }
.ph2__frame { position: absolute; inset: 14px 12px; border: 1.5px solid rgba(255, 255, 255, .9); border-radius: 6px; }
.ph2__flash { position: absolute; inset: 0; background: #fff; opacity: 0; }
.ph2__shot { justify-self: center; width: 28px; height: 28px; border-radius: 50%; border: 3px solid #fff; background: #E4E7EC; box-shadow: 0 0 0 1.5px #CED4DA; }
.ph2__arrow { color: var(--acc); }
.ph2 .ph2__arrow .ti { width: 20px; height: 20px; stroke-width: 2; }
.ph2__rec { display: grid; gap: 7px; width: 158px; padding: 9px; }
.ph2__h { display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: #000; }
.ph2__h .ti { color: var(--m-blue); stroke-width: 2; }
.ph2__rec .hist__e { gap: 4px; padding-bottom: 7px; font-size: 10px; }
.ph2__rec .hist__e:last-child { border-bottom: 0; padding-bottom: 0; }
.ph2__thumb { display: block; width: 70px; height: 46px; border-radius: 4px; background: repeating-linear-gradient(180deg, transparent 0 6px, #E1E5EA 6px 7px), #fff; background-clip: content-box; padding: 7px 10px; box-shadow: inset 0 0 0 1px var(--m-line), 0 0 0 0; background-color: #F8F9FA; }
.ill.is-live .ph2__shot { animation: a-click .3s ease .8s; }
.ill.is-live .ph2__flash { animation: a-flashw .5s ease .95s; }
@keyframes a-flashw { 0%, 100% { opacity: 0; } 30% { opacity: .85; } }
.js .ill:not(.is-live) .ph2__new { opacity: 0; transform: translate3d(0, -10px, 0); }
.ill.is-live .ph2__new { animation: a-drop .5s var(--ease-out) 1.5s both; }

.dnd { position: relative; width: 100%; max-width: 320px; padding-top: 26px; }
.dnd__zone { display: grid; gap: 8px; padding: 10px; }
.dnd__h { display: flex; justify-content: space-between; font-size: 11px; font-weight: 700; color: #000; }
.dnd__h span { font-weight: 400; color: var(--m-dim); }
.dnd__drop { display: flex; align-items: center; justify-content: center; gap: 6px; height: 40px; border: 1.5px dashed var(--m-input); border-radius: 6px; font-size: 10.5px; color: var(--m-dim); }
.dnd__l { display: flex; align-items: center; gap: 6px; }
.dnd__zone .hist__e:last-child { border-bottom: 0; padding-bottom: 0; }
.dnd__file { position: absolute; right: -4px; top: 0; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 8px 11px; border-radius: 9px; background: #fff; box-shadow: var(--sh-float); font-family: var(--sys); font-size: 10.5px; }
.dnd__file b { display: block; font-size: 11px; color: #000; }
.dnd__file small { color: var(--m-dim); }
.dnd .dnd__cur { left: auto; right: 22px; top: 22px; }
.js .ill:not(.is-live) .dnd__file, .js .ill:not(.is-live) .dnd__cur { opacity: 0; }
.ill.is-live .dnd__file, .ill.is-live .dnd__cur { animation: a-drag 1.7s var(--ease-in-out) .3s both; }
.ill.is-live .dnd__drop { animation: a-dropzone 1.1s ease .95s; }
.js .ill:not(.is-live) .dnd__new { opacity: 0; transform: translate3d(0, -10px, 0); }
.ill.is-live .dnd__new { animation: a-drop .5s var(--ease-out) 2s both; }
html:not(.js) .dnd__file, html:not(.js) .dnd__cur { display: none; }

.dsp { left: 7%; right: 7%; top: 20px; display: grid; gap: 9px; padding-bottom: 12px; }
.dsp__t { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dsp__t b { flex: none; padding: 2px 6px; border-radius: 4px; background: #7950F2; color: #fff; font-size: 9.5px; letter-spacing: .04em; }
.dsp__found { display: flex; align-items: center; gap: 8px; padding: 0 13px; font-size: 10.5px; color: var(--m-dim); }
.dsp__tb { width: calc(100% - 26px); margin: 0 13px; }
.dsp__tb th, .dsp__tb td { padding: 5px 6px; }
.app .dsp__tb td .ti { width: 12px; height: 12px; margin-right: 6px; color: #7950F2; vertical-align: -2px; }
.dsp__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px; }
.dsp__sig { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; color: var(--m-dim); }
.js .ill:not(.is-live) .dsp, .js .ill:not(.is-live) .dsp__ov { opacity: 0; }
.ill.is-live .dsp__ov { animation: a-fade .3s ease .3s both; }
.ill.is-live .dsp { animation: a-pop .55s var(--ease-out) .35s both; }
.js .ill:not(.is-live) .dsp__tb tbody tr { opacity: 0; }
.ill.is-live .dsp__tb tbody tr { animation: a-fade .3s ease calc(.9s + var(--i) * .14s) both; }
.js .ill:not(.is-live) .dsp__code { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill.is-live .dsp__code { animation: a-pop .5s var(--ease-out) 1.9s both; }

.ecn { padding-bottom: 12px; }
.ecn__steps { display: grid; padding: 2px 13px; list-style: none; }
.ecn__steps li { position: relative; display: grid; grid-template-columns: 22px 1fr; gap: 9px; padding-bottom: 12px; }
.ecn__steps li:not(:last-child)::before { content: ""; position: absolute; left: 10px; top: 23px; bottom: 1px; width: 1.5px; background: #D3F9D8; }
.ecn__dot { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #40C057; color: #fff; }
.ecn .ecn__dot .ti { width: 12px; height: 12px; stroke-width: 2.6; }
.ecn__steps b { display: block; font-size: 11.5px; color: #000; }
.ecn__steps small { font-size: 10px; color: var(--m-dim); }
.ecn__ok { display: flex; align-items: center; gap: 8px; padding: 0 13px; font-size: 10px; color: var(--m-dim); }
.js .ill:not(.is-live) .ecn__dot { opacity: 0; transform: scale(.5); }
.ill.is-live .ecn__dot { animation: a-dot .35s var(--ease-out) calc(.5s + var(--i) * .42s) both; }
.js .ill:not(.is-live) .ecn__ok .m-badge { opacity: 0; transform: scale(.7); }
.ill.is-live .ecn__ok .m-badge { animation: a-dot .35s var(--ease-out) 2.3s both; }

.alrt { display: grid; gap: 8px; padding: 12px; }
.alrt__h { display: flex; align-items: center; justify-content: space-between; }
.alrt__h b { font-size: 14px; font-weight: 400; color: #000; }
.alrt__h .app__ib { color: var(--m-blue); }
.alrt__h .app__ib .ti { width: 15px; height: 15px; }
.alrt__c { display: grid; grid-template-columns: 26px 1fr; gap: 9px; padding: 10px; border: 1px solid var(--m-line); border-radius: 8px; }
.alrt__c--warn { border-color: #FFD8A8; background: #FFF9F0; }
.alrt__i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #FFF4E6; color: #F76707; }
.alrt__i--ok { background: #EBFBEE; color: #37B24D; }
.alrt__c b { display: block; font-size: 11.5px; color: #000; }
.alrt__c small { display: block; font-size: 10.5px; color: var(--m-dim); }
.alrt__c em { display: block; margin-top: 4px; font-size: 10.5px; font-style: normal; font-weight: 600; color: var(--m-blue); }
.js .ill:not(.is-live) .alrt__c--warn { opacity: 0; transform: translate3d(0, -8px, 0); }
.ill.is-live .alrt__c--warn { animation: a-drop .45s var(--ease-out) .8s both; }

.dash { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 8px; height: 100%; padding: 8px; background: #F8F9FA; }
.dash__ks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.dash__k { padding: 10px 12px; }
.dash__k p { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 9.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--m-dim); }
.dash__k b { display: block; margin-top: 8px; font-size: 19px; font-weight: 400; letter-spacing: -.01em; color: #000; white-space: nowrap; }
.dash__chart { display: flex; flex-direction: column; min-height: 0; padding: 10px 12px; }
.dash__t { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dash__t b { font-size: 13px; font-weight: 700; color: #000; }
.dash__tabs { display: flex; gap: 10px; font-size: 11px; color: var(--m-blue); }
.dash__tabs .on { color: #000; }
.dash__bars { flex: 1 1 auto; display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); align-items: stretch; gap: 8px; min-height: 80px; padding-top: 10px; }
.dash__bar { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 4px; min-height: 0; }
.dash__bar i { align-self: end; height: var(--h); border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #4DABF7, #228BE6); transform-origin: 50% 100%; }
.dash__bar em { font-size: 8.5px; font-style: normal; text-align: center; color: var(--m-dim); }
.dash__unpaid { padding: 8px 12px 4px; }
.dash__unpaid .m-table th, .dash__unpaid .m-table td { padding: 3px 6px; }
.dash__tot td { font-weight: 700; border-bottom: 0; }
.js .ill:not(.is-live) .dash__bar i { transform: scaleY(0); }
.ill.is-live .dash__bar i { animation: a-grow .6s var(--ease-out) calc(.5s + var(--i) * .07s) both; }
.js .ill:not(.is-live) .dash__k { opacity: 0; }
.ill.is-live .dash__k { animation: a-in .4s var(--ease-out) calc(.2s + var(--i) * .1s) both; }

.lbc { display: grid; gap: 7px; max-width: 330px; padding: 12px; }
.lbc__name { display: flex; align-items: baseline; gap: 8px; font-size: 10px; color: var(--m-dim); }
.lbc__name b { font-size: 12.5px; color: #000; }
.lbc__c { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 8px; }
.lbc__c .m-input { min-height: 22px; padding: 2px 7px; font-weight: 600; }
.lbc__c small { overflow: hidden; font-size: 9.5px; line-height: 1.3; color: var(--m-dim); }
.lbc__box { display: grid; gap: 6px; padding: 9px 10px; border: 1px solid var(--m-line); border-radius: 6px; background: #F8F9FA; }
.lbc__top { display: flex; align-items: center; gap: 6px; font-size: 10px; color: var(--m-dim); }
.lbc__top b { font-size: 11.5px; color: #000; }
.lbc__badge { margin-left: auto; }
.lbc__w { display: flex; align-items: baseline; gap: 6px; font-size: 10px; line-height: 1.35; color: #343A40; }
.lbc__w span { flex: none; padding: 1px 5px; border-radius: 4px; background: #FFF4E6; font-size: 8.5px; font-weight: 700; color: #F76707; }
.lbc__w u { text-decoration: none; color: var(--m-blue); }
.js .ill:not(.is-live) .lbc__w, .js .ill:not(.is-live) .lbc__badge { opacity: 0; }
.ill.is-live .lbc__badge { animation: a-dot .35s var(--ease-out) 1s both; }
.ill.is-live .lbc__w { animation: a-in .35s var(--ease-out) calc(1.2s + var(--i) * .2s) both; }

.rej { overflow: hidden; }
.rej__h { display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--m-line-2); font-size: 12px; }
.rej__h b { font-weight: 400; color: #000; }
.rej__h .ti { color: var(--m-blue); }
.rej__b { display: grid; gap: 7px; padding: 10px 12px 12px; }
.rej__top { display: flex; align-items: center; gap: 8px; }
.rej__top b { font-size: 13px; color: #000; }
.rej__why { padding: 7px 9px; border-radius: 6px; background: #FFF5F5; font-size: 11px; color: #000; }
.rej__why span { display: block; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #FA5252; }
.rej .m-radio { align-items: flex-start; font-size: 10.5px; }
.rej .m-radio::before { margin-top: 1px; }
.rej__btns { display: flex; gap: 6px; margin-top: 2px; }
.ill.is-live .rej__go { animation: a-ring 1s ease-out 1.2s, a-click .3s ease 1.8s; }

.rel { display: grid; gap: 7px; padding: 12px; }
.rel__h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rel__h b { font-size: 13px; font-weight: 600; color: #000; }
.rel__p { font-size: 10.5px; color: var(--m-dim); }
.rel__t th, .rel__t td { padding: 4px 6px; font-size: 10.5px; }
.rel__tot { font-size: 10.5px; font-weight: 600; color: #000; }
.rel__btns { display: flex; gap: 6px; }
.rel__btns .m-btn { height: 24px; padding: 0 9px; font-size: 10px; }
.rel { --t0: .7s; }

.rmd { display: grid; gap: 14px; padding: 12px; }
.rmd__h { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; color: #000; }
.rmd__h span { font-weight: 600; }
.rmd__line { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; }
.rmd__line::before { content: ""; position: absolute; left: 12%; right: 12%; top: 6px; height: 2px; background: var(--m-line); }
.rmd__s { position: relative; display: grid; justify-items: center; gap: 3px; text-align: center; }
.rmd__s i { position: relative; width: 14px; height: 14px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--m-input); background: #fff; }
.rmd__s--done i { border-color: var(--m-blue); background: var(--m-blue); }
.rmd__s--next i { border-color: #F76707; }
.rmd__s b { font-size: 10px; color: #000; }
.rmd__s small { font-size: 9px; color: var(--m-dim); }
.rmd__mail { display: flex; align-items: center; gap: 7px; padding: 8px 9px; border-radius: 6px; background: var(--m-blue-l); font-size: 10.5px; color: var(--m-blue-d); }
.js .ill:not(.is-live) .rmd__s--done i { border-color: var(--m-input); background: #fff; }
.ill.is-live .rmd__s--done i { animation: a-check .3s ease calc(.6s + var(--i) * .45s) both; }
.js .ill:not(.is-live) .rmd__mail { opacity: 0; }
.ill.is-live .rmd__mail { animation: a-in .4s var(--ease-out) 1.6s both; }


.rmn { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 3vw, 44px); width: 100%; }
.rmn__phone { flex: none; width: 236px; }
.rmn__screen { align-content: start; min-height: 410px; background: linear-gradient(170deg, #E0E7FF, #F3E8FF 50%, #E0F2FE); }
.rmn__clock { margin-top: 16px; font-size: 48px; font-weight: 600; line-height: 1; letter-spacing: -.03em; text-align: center; color: var(--ink); }
.rmn__date { margin-bottom: 16px; font-size: 11px; text-align: center; color: #4B5563; }
.rmn__n { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 14px; background: rgba(255, 255, 255, .84); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 8px 20px -12px rgba(16, 24, 40, .35); }
.rmn__n img { width: 26px; height: 26px; padding: 3px; border-radius: 7px; background: #fff; }
.rmn__mail { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: #E7F5FF; color: #228BE6; }
.rmn__n b { display: block; font-size: 11px; color: var(--ink); }
.rmn__n small { display: block; font-size: 10.5px; line-height: 1.3; color: #374151; }
.rmn__n em { align-self: start; font-size: 9.5px; font-style: normal; color: #6B7280; }
.rmn__set { max-width: 252px; }
.rmn__b { display: grid; gap: 9px; padding: 0 13px 13px; }
.rmn__note { font-size: 10.5px; color: var(--m-dim); }
.rmn__ch { display: flex; flex-wrap: wrap; gap: 5px; }
.rmn__set { --t0: .4s; }
.js .ill:not(.is-live) .rmn__n { opacity: 0; transform: translate3d(0, -12px, 0); }
.ill.is-live .rmn__n { animation: a-drop .5s var(--ease-out) calc(1.1s + var(--i) * .55s) both; }

.psr { display: grid; gap: 10px; padding: 12px; }
.psr__h { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.psr__h b { font-size: 15px; font-weight: 400; letter-spacing: -.01em; color: #000; }
.psr__h span { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 600; color: var(--m-blue); }
.psr__in { min-height: 32px; font-size: 13px; }
.psr__res { display: grid; gap: 3px; }
.psr__r { padding: 7px 10px; border-radius: 4px; font-size: 11.5px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.psr__r b { font-weight: 700; }
.psr__r.on { background: var(--m-blue); color: #fff; }
.js .ill:not(.is-live) .psr__r { opacity: 0; }
.ill.is-live .psr__r { animation: a-in .3s var(--ease-out) calc(1.3s + var(--i) * .08s) both; }
.wh__b { display: grid; gap: 8px; padding: 2px 13px 13px; }
.wh__r { display: grid; grid-template-columns: 62px 1fr 74px; align-items: center; gap: 8px; font-size: 10.5px; }
.wh__r b { font-weight: 500; color: #000; }
.wh__r small { font-size: 9.5px; text-align: right; color: var(--m-dim); }
.wh__bar { position: relative; height: 6px; overflow: hidden; border-radius: 3px; background: #F1F3F5; }
.wh__bar i { position: absolute; top: 0; bottom: 0; left: var(--a); width: calc(var(--b) - var(--a)); border-radius: 3px; background: #228BE6; transform-origin: 0 50%; }
.wh__bar--off { background: repeating-linear-gradient(45deg, #F1F3F5 0 4px, #E4E7EB 4px 8px); }
.js .ill:not(.is-live) .wh__bar i { transform: scaleX(0); }
.ill.is-live .wh__bar i { animation: a-growx .6s var(--ease-out) calc(.5s + var(--i) * .1s) both; }
.wh__add, .wh__add.m-btn { height: 22px; padding: 0 8px; font-size: 10px; }

.off__b { display: grid; gap: 8px; padding: 0 13px 13px; }
.off__o { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--m-line); border-radius: 8px; }
.off__o.on { border-color: var(--m-blue); background: var(--m-blue-l); }
.off__i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 7px; background: #F1F3F5; color: #495057; }
.off__o.on .off__i { background: #fff; color: var(--m-blue); }
.off__o b { display: block; font-size: 11.5px; color: #000; }
.off__o small { display: block; font-size: 10px; color: var(--m-dim); }
.off__n { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; color: var(--m-blue); }
.ill.is-live .off__o.on { animation: a-flash 1.2s ease .9s; }


.exc__t { width: calc(100% - 26px); margin: 0 13px 12px; }
.exc__t th, .exc__t td { padding: 6px 5px; font-size: 10px; }
.js .ill:not(.is-live) .exc__t tbody tr { opacity: 0; }
.ill.is-live .exc__t tbody tr { animation: a-fade .3s ease calc(.6s + var(--i) * .15s) both; }

.ics__phone { width: 212px; }
.ics__screen { align-content: start; min-height: 330px; }
.ics__d { padding: 0 4px; font-size: 12px; color: #6B7280; }
.ics__d b { display: block; font-size: 30px; font-weight: 600; line-height: 1.1; color: var(--ink); }
.ics__list { display: grid; gap: 6px; }
.ics__e { display: grid; grid-template-columns: 38px 1fr; gap: 6px; padding: 8px; border-radius: 9px; font-size: 10.5px; }
.ics__e span { font-family: var(--mono); font-size: 10px; color: #6B7280; }
.ics__e b { font-weight: 600; color: var(--ink); }
.ics__e--b { background: #E0E7FF; }
.ics__e--g { background: #DCFCE7; }
.ics__e--v { background: #F3E8FF; }
.ics__src { margin-top: 4px; font-size: 9.5px; text-align: center; color: #9CA3AF; }
.js .ill:not(.is-live) .ics__e { opacity: 0; }
.ill.is-live .ics__e { animation: a-in .35s var(--ease-out) calc(.5s + var(--i) * .12s) both; }

.vid { display: grid; grid-template-columns: minmax(0, 1fr) 190px; height: 100%; }
.vid__stage { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 10px; background: #F1F3F5; }
.vid__grid { flex: 1 1 auto; display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; min-height: 0; }
.vid__tile { position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 10px; }
.vid__tile--p { grid-row: span 2; background: linear-gradient(150deg, #DBE4FF, #E5DBFF); }
.vid__tile--g { background: linear-gradient(150deg, #D3F9D8, #C3FAE8); }
.vid__tile--me { background: linear-gradient(150deg, #FFE8CC, #FFDEEB); }
.vid__av { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: rgba(255, 255, 255, .72); font-size: 19px; font-weight: 700; color: #364FC7; }
.vid__tile--g .vid__av, .vid__tile--me .vid__av { width: 40px; height: 40px; font-size: 13px; }
.vid__tile--g .vid__av { color: #2B8A3E; }
.vid__tile--me .vid__av { color: #C2255C; }
.vid__name { position: absolute; left: 8px; bottom: 8px; padding: 2px 7px; border-radius: 5px; background: rgba(255, 255, 255, .88); font-size: 9.5px; font-weight: 600; color: #212529; }
.app .vid__tile > .ti { position: absolute; right: 8px; bottom: 9px; width: 12px; height: 12px; color: #495057; }
.vid__ctrl { display: flex; justify-content: center; gap: 10px; }
.vid__ctrl i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: #343A40; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.vid__ctrl .vid__end { background: #FA5252; color: #fff; }
.vid__side { display: flex; flex-direction: column; gap: 7px; padding: 10px; border-left: 1px solid var(--m-line-2); }
.vid__st { margin-top: 4px; font-size: 9.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--m-dim); }
.vid__p { display: grid; grid-template-columns: 8px 1fr; column-gap: 7px; align-items: center; font-size: 11px; color: #000; }
.vid__p small { grid-column: 2; font-size: 9.5px; color: var(--m-dim); }
.vid__dot { width: 7px; height: 7px; border-radius: 50%; background: #CED4DA; }
.vid__dot--on { background: #40C057; }
.vid__hint { font-size: 9.5px; color: var(--m-dim); }
.vid__inv { justify-self: start; }
.vid__live { margin-left: 10px; }
.js .ill:not(.is-live) .vid__tile--g, .js .ill:not(.is-live) .vid__p--new { opacity: 0; }
.ill.is-live .vid__inv { animation: a-ring 1s ease-out .3s, a-click .3s ease .8s; }
.ill.is-live .vid__p--new { animation: a-in .35s var(--ease-out) 1.1s both; }
.ill.is-live .vid__tile--g { animation: a-pop .5s var(--ease-out) 1.4s both; }

.pnote { overflow: hidden; }
.pnote__h { display: flex; align-items: center; gap: 7px; padding: 9px 12px; background: #F3F0FF; font-size: 11.5px; color: #7048E8; }
.pnote__h b { font-weight: 700; }
.pnote__b { display: grid; gap: 8px; padding: 10px 12px 12px; }
.pnote__meta { font-size: 10px; color: var(--m-dim); }
.pnote__t { font-size: 11.5px; line-height: 1.45; color: #000; }
.pnote__ph { display: flex; align-items: center; gap: 10px; }
.pnote__img { width: 66px; height: 46px; border-radius: 6px; background: radial-gradient(40% 50% at 35% 40%, #FFE3E3, transparent 70%), linear-gradient(135deg, #F1F3F5, #E9ECEF); box-shadow: inset 0 0 0 1px var(--m-line); }
.pnote__act { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 600; color: var(--m-blue); }
.pnote__lock { display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--m-dim); }


.addr { display: grid; gap: 8px; padding: 12px; }
.addr__h { display: flex; align-items: center; justify-content: space-between; }
.addr__h b { font-size: 13px; color: #000; }
.addr__note { display: flex; align-items: center; gap: 5px; font-size: 10.5px; color: #7048E8; }
.addr__r { display: grid; grid-template-columns: 58px 1fr; column-gap: 8px; row-gap: 1px; font-size: 11px; }
.addr__r span { grid-row: span 2; font-size: 10px; color: var(--m-dim); }
.addr__r s { color: #ADB5BD; }
.addr__r b { font-weight: 500; color: var(--m-blue); }
.addr__go { justify-self: start; font-size: 10.5px; }
.js .ill:not(.is-live) .addr__r b { opacity: 0; }
.ill.is-live .addr__r b { animation: a-in .35s var(--ease-out) calc(.7s + var(--i) * .2s) both; }
.ill.is-live .addr__go { animation: a-ring 1s ease-out 1.4s, a-click .3s ease 2s; }

.trl { display: grid; gap: 8px; padding: 12px; }
.trl__in { display: grid; grid-template-columns: 1fr auto; gap: 6px; }
.trl__chips { display: flex; flex-wrap: wrap; gap: 5px; }
.trl__chips span { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 6px; background: #F8F9FA; box-shadow: inset 0 0 0 1px var(--m-line); font-size: 10.5px; color: #000; }
.trl__chips b { font-size: 8.5px; font-weight: 700; color: var(--m-blue); }
.ill.is-live .trl__go { animation: a-click .3s ease .6s; }
.js .ill:not(.is-live) .trl__chips span { opacity: 0; transform: scale(.85); }
.ill.is-live .trl__chips span { animation: a-dot .3s var(--ease-out) calc(.9s + var(--i) * .08s) both; }

.camp__b { display: grid; gap: 8px; padding: 0 13px 13px; }
.camp__f { display: grid; gap: 6px; }
.camp__msg { padding: 9px; border-radius: 6px; background: #F8F9FA; font-size: 10.5px; color: #343A40; }
.camp__msg small { display: block; margin-top: 4px; color: var(--m-dim); }
.camp__n { font-size: 10.5px; color: var(--m-dim); }
.camp__n b { color: #000; }
.camp__go { justify-self: start; }
.ill.is-live .camp__go { animation: a-ring 1s ease-out 1s, a-click .3s ease 1.6s; }

.mail { display: grid; grid-template-columns: 96px 196px minmax(0, 1fr); height: 100%; }
.mail__fold { display: grid; align-content: start; gap: 2px; padding: 8px 6px; border-right: 1px solid var(--m-line-2); background: #F8F9FA; }
.mail__fold p { display: flex; justify-content: space-between; padding: 6px 8px; border-radius: 5px; font-size: 11px; color: #343A40; }
.mail__fold .on { background: var(--m-blue-l); font-weight: 600; color: var(--m-blue-d); }
.mail__fold em { font-size: 9.5px; font-style: normal; font-weight: 700; }
.mail__list { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--m-line-2); }
.mail__fil { display: flex; flex-wrap: wrap; gap: 4px; padding: 7px; }
.mail__fil span { padding: 2px 7px; border-radius: 9px; background: #F1F3F5; font-size: 9.5px; color: #495057; }
.mail__fil .on { background: var(--m-blue); color: #fff; }
.mail__m { min-width: 0; padding: 8px 10px; border-top: 1px solid var(--m-line-2); }
.mail__m.on { background: var(--m-blue-l); }
.mail__m p { display: flex; align-items: center; gap: 4px; font-size: 11px; color: #000; }
.mail__m p b { overflow: hidden; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.mail__m--unread p b { font-weight: 700; }
.mail__m p span { margin-left: auto; font-size: 9.5px; color: var(--m-dim); }
.mail__m small { display: block; overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; color: #495057; }
.app .mail__pt { width: 11px; height: 11px; color: var(--m-blue); }
.mail__read { display: flex; flex-direction: column; gap: 9px; min-width: 0; padding: 12px 14px; overflow: hidden; }
.mail__subj { font-size: 15px; color: #000; }
.mail__from { display: flex; align-items: center; gap: 9px; }
.mail__from b { display: block; font-size: 11.5px; color: #000; }
.mail__from small { font-size: 10px; color: var(--m-dim); }
.mail__pat { display: flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 6px; background: var(--m-blue-l); font-size: 11px; color: #1864AB; }
.mail__pat span { margin-left: auto; font-weight: 600; color: var(--m-blue); white-space: nowrap; }
.mail__safe { display: flex; align-items: center; gap: 6px; font-size: 10px; color: #2F9E44; }
.mail__txt { font-size: 11.5px; line-height: 1.55; color: #212529; }
.mail__att { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 9px; border: 1px solid var(--m-line); border-radius: 8px; }
.mail__att > span:nth-child(2) { flex: 1 1 auto; min-width: 0; }
.mail__att b { display: block; font-size: 11px; }
.mail__att small { font-size: 9.5px; color: var(--m-dim); }
.mail__save { margin-left: auto; font-size: 10.5px; }
.ill.is-live .mail__save { animation: a-ring 1s ease-out 1.1s, a-click .3s ease 1.8s; }
.js .ill:not(.is-live) .mail__notif { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill.is-live .mail__notif { animation: a-pop .5s var(--ease-out) 2.1s both; }

.chat { max-width: 330px; overflow: hidden; }
.chat__h { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--m-line-2); font-size: 12px; }
.chat__h b { color: #000; }
.chat__h .avatar { width: 26px; height: 26px; font-size: 9.5px; }
.chat__nr { margin-left: auto; height: 22px; padding: 0 8px; font-size: 9.5px; font-weight: 500; }
.chat__b { display: grid; gap: 6px; padding: 10px 12px; background: #FBFBFC; }
.chat__new { display: flex; align-items: center; gap: 8px; font-size: 8.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #FA5252; }
.chat__new::before, .chat__new::after { content: ""; flex: 1; height: 1px; background: #FFC9C9; }
.chat__m { justify-self: start; max-width: 86%; padding: 7px 10px; border-radius: 10px 10px 10px 3px; background: #F1F3F5; font-size: 11px; line-height: 1.4; color: #212529; }
.chat__m small { display: block; margin-top: 2px; font-size: 9px; color: var(--m-dim); }
.chat__m--me { justify-self: end; border-radius: 10px 10px 3px 10px; background: var(--m-blue); color: #fff; }
.chat__m--me small { color: rgba(255, 255, 255, .78); }
.chat__f { display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 8px 12px; border-top: 1px solid var(--m-line-2); }
.chat__as { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font-size: 9.5px; color: var(--m-dim); }
.chat__as b { padding: 2px 6px; border-radius: 4px; background: #fff; box-shadow: inset 0 0 0 1px var(--m-line); font-weight: 500; color: #000; }
.chat__send { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; background: var(--m-blue); color: #fff; }
.chat__lock { display: flex; align-items: center; justify-content: center; gap: 5px; padding-bottom: 8px; font-size: 9.5px; color: var(--m-dim); }
.js .ill:not(.is-live) .chat .chat__m { opacity: 0; }
.ill.is-live .chat .chat__m { animation: a-in .35s var(--ease-out) calc(.5s + var(--i) * .45s) both; }

.ann__b { display: grid; gap: 9px; padding: 0 13px 13px; }
.ann__t { padding: 9px 10px; border: 1px solid var(--m-blue); border-radius: 6px; font-size: 11.5px; line-height: 1.45; color: #000; }
.ann__n { font-size: 10px; color: var(--m-dim); }
.ann__n b { font-weight: 600; color: #000; }
.ann__go { justify-self: start; }
.mui .m-modal__head > span { display: inline-flex; align-items: center; gap: 6px; }
.ill.is-live .ann__go { animation: a-ring 1s ease-out 1s, a-click .3s ease 1.6s; }

.urs { display: grid; gap: 7px; padding: 12px; }
.urs__h { font-size: 12.5px; color: var(--m-dim); }
.urs__h b { color: #000; }
.urs__lab { font-size: 9.5px; color: var(--m-dim); }
.urs__g { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; }
.urs__g .m-checkrow { font-size: 10.5px; }
.urs { --t0: .6s; }

.alog { display: grid; gap: 8px; max-width: 340px; padding: 12px; }
.alog__h { display: flex; align-items: center; justify-content: space-between; }
.alog__h b { font-size: 13px; font-weight: 600; color: #000; }
.alog__h .m-input { min-height: 22px; font-size: 10px; }
.alog__t th, .alog__t td { padding: 4px; font-size: 9.5px; }
.alog__t td { max-width: 92px; overflow: hidden; text-overflow: ellipsis; }
.alog__t tbody tr:nth-child(odd) td { background: #F8F9FA; }
.js .ill:not(.is-live) .alog__t tbody tr { opacity: 0; }
.ill.is-live .alog__t tbody tr { animation: a-fade .3s ease calc(.6s + var(--i) * .12s) both; }

.ver__body { position: relative; }
.ver__docs { display: grid; align-content: start; gap: 8px; padding: 12px; }
.ver__dt { font-size: 11px; font-weight: 700; color: #000; }
.ver__doc { display: flex; align-items: center; gap: 9px; max-width: 260px; padding: 9px; border: 1px solid var(--m-line); border-radius: 8px; }
.ver__doc b { display: block; font-size: 11.5px; }
.ver__doc small { font-size: 10px; color: var(--m-dim); }
.ver__no { position: absolute; left: 12px; bottom: 10px; font-size: 9.5px; color: var(--m-dim); }
.ver { left: 0; right: 0; top: 14px; bottom: 14px; width: min(410px, 80%); margin-inline: auto; display: flex; flex-direction: column; }
.ver__b { flex: 1 1 auto; display: grid; align-content: start; gap: 12px; min-height: 0; padding: 0 14px 12px; overflow: hidden; }
.ver__top { display: flex; align-items: baseline; gap: 8px; }
.ver__top b { font-size: 14px; color: #000; }
.ver__top span { font-size: 10px; color: var(--m-dim); }
.ver__top em { margin-left: auto; font-size: 9.5px; font-style: normal; color: var(--m-blue); white-space: nowrap; }
.ver__n { display: grid; grid-template-columns: 86px 1fr; align-items: start; gap: 8px; margin-top: 6px; font-size: 10.5px; line-height: 1.4; color: #343A40; }
.ver__mod { justify-self: start; padding: 1px 7px; border-radius: 8px; font-size: 8.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.mod-e { background: #FFF4E6; color: #F76707; }
.mod-p { background: #EBFBEE; color: #2F9E44; }
.mod-b { background: #E7F5FF; color: #1C7ED6; }
.mod-c { background: #FFF0F6; color: #D6336C; }
.ver__up { left: auto; right: 12px; bottom: 12px; }
.ver__ico { background: var(--m-blue); }
.ver__btn { display: inline-block; margin-top: 6px; padding: 3px 10px; border-radius: 4px; background: var(--m-blue); font-size: 10.5px; font-style: normal; font-weight: 600; color: #fff; }
.js .ill:not(.is-live) .ver, .js .ill:not(.is-live) .ver__ov { opacity: 0; }
.ill.is-live .ver__ov { animation: a-fade .3s ease .3s both; }
.ill.is-live .ver { animation: a-pop .55s var(--ease-out) .35s both; }
.js .ill:not(.is-live) .ver__up { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill.is-live .ver__up { animation: a-pop .5s var(--ease-out) 1.6s both; }
.ill.is-live .ver__btn { animation: a-ring 1s ease-out 2.2s, a-click .3s ease 2.8s; }



.lay { display: flex; flex-direction: column; }
.lay__app { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; min-height: 0; padding: 14px; background: #fff; font-family: var(--sys); color: var(--m-text); }
.lay__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lay__top b { font-size: 15px; font-weight: 400; color: #000; }
.lay__seg { grid-template-columns: repeat(3, auto); }
.lay__seg span { padding: 4px 11px; }
.lay__canvas { flex: 1 1 auto; display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 8px; min-height: 0; padding: 10px; border-radius: 8px; background: repeating-linear-gradient(0deg, #F1F3F5 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, #F1F3F5 0 1px, transparent 1px 22px), #FCFCFD; box-shadow: inset 0 0 0 1px var(--m-line); }
.lay__col { display: flex; flex-direction: column; gap: 8px; min-height: 0; }
.lay__blk { flex: var(--h) 1 0; display: flex; align-items: flex-start; min-height: 0; padding: 8px; border: 1px solid; border-radius: 6px; font-size: 11px; font-weight: 600; }
.lay__blk span { display: inline-flex; align-items: center; gap: 4px; }
.lay__blk--b { border-color: #A5D8FF; background: #E7F5FF; color: #1864AB; }
.lay__blk--g { border-color: #B2F2BB; background: #EBFBEE; color: #2B8A3E; }
.lay__blk--v { border-color: #D0BFFF; background: #F3F0FF; color: #5F3DC4; }
.lay__blk--o { border-color: #FFD8A8; background: #FFF4E6; color: #D9480F; }
.lay__blk--p { border-color: #FCC2D7; background: #FFF0F6; color: #C2255C; }
.lay__pal { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lay__pl { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--m-dim); }
.lay__chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 10px; background: #F1F3F5; font-size: 10.5px; color: #343A40; }
.lay__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--m-dim); }
.js .ill:not(.is-live) .lay__blk { opacity: 0; transform: scale(.96); }
.ill.is-live .lay__blk { animation: a-dot .45s var(--ease-out) calc(.4s + var(--i) * .16s) both; }



.imp { display: flex; flex-direction: column; }
.imp__app { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; min-height: 0; padding: 16px 18px; background: #fff; font-family: var(--sys); color: var(--m-text); }
.imp__t { font-size: 16px; color: #000; }
.imp__steps { display: flex; flex-wrap: wrap; gap: 6px; }
.imp__st { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 4px; border-radius: 999px; background: #F1F3F5; font-size: 10.5px; color: #495057; }
.imp__st i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #fff; font-size: 9.5px; font-style: normal; font-weight: 700; }
.imp__st.on { background: #EBFBEE; color: #2B8A3E; }
.imp__st.on i { background: #40C057; color: #fff; }
.imp__st.cur { background: var(--m-blue-l); color: var(--m-blue-d); }
.imp__st.cur i { background: var(--m-blue); color: #fff; }
.imp__file { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--m-line); border-radius: 8px; }
.imp .imp__file > .ti { width: 18px; height: 18px; color: var(--m-blue); }
.imp__file b { display: block; font-size: 11.5px; color: #000; }
.imp__file small { font-size: 10px; color: var(--m-dim); }
.imp__rows { display: grid; gap: 10px; }
.imp__r { display: grid; grid-template-columns: 18px minmax(0, 170px) 1fr 62px; align-items: center; gap: 10px; font-size: 11px; }
.imp__r b { overflow: hidden; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; color: #000; }
.imp__r em { font-size: 10.5px; font-style: normal; text-align: right; font-variant-numeric: tabular-nums; color: var(--m-dim); }
.imp__ok { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #EBFBEE; color: #37B24D; }
.imp .imp__ok .ti { width: 11px; height: 11px; stroke-width: 2.6; }
.imp__r:not(.imp__r--done) .imp__ok { background: #F1F3F5; color: transparent; }
.imp__bar { height: 6px; overflow: hidden; border-radius: 3px; background: #F1F3F5; }
.imp__bar i { display: block; width: var(--p); height: 100%; border-radius: 3px; background: #40C057; transform-origin: 0 50%; }
.imp__r:not(.imp__r--done) .imp__bar i { background: var(--m-blue); }
.imp__safe { display: flex; align-items: center; gap: 7px; margin-top: auto; padding: 9px 10px; border-radius: 6px; background: #F8F9FA; font-size: 10.5px; color: #495057; }
.js .ill:not(.is-live) .imp__bar i { transform: scaleX(0); }
.ill.is-live .imp__bar i { animation: a-growx .7s var(--ease-out) calc(.5s + var(--i) * .35s) both; }
.js .ill:not(.is-live) .imp__r--done .imp__ok { opacity: 0; transform: scale(.5); }
.ill.is-live .imp__r--done .imp__ok { animation: a-dot .3s var(--ease-out) calc(1.15s + var(--i) * .35s) both; }

.rsup { display: grid; gap: 9px; padding: 12px; }
.rsup__h { display: flex; align-items: center; gap: 7px; font-size: 12.5px; }
.rsup__h b { color: #000; }
.rsup .rsup__h .ti { width: 16px; height: 16px; color: var(--m-blue); }
.rsup__t { font-size: 11.5px; line-height: 1.45; color: #343A40; }
.rsup__btns { display: flex; justify-content: flex-end; gap: 6px; }
.rsup__bar { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 6px; background: #FFF5F5; font-size: 10.5px; color: #C92A2A; }
.rsup__bar em { margin-left: auto; font-style: normal; font-weight: 700; }
.rsup__live { width: 8px; height: 8px; border-radius: 50%; background: #FA5252; }
.ill.is-live .rsup__ok { animation: a-ring 1s ease-out .6s, a-click .3s ease 1.2s; }
.js .ill:not(.is-live) .rsup__bar { opacity: 0; }
.ill.is-live .rsup__bar { animation: a-in .4s var(--ease-out) 1.5s both; }
.ill.is-live .rsup__live { animation: a-blink 1.2s ease 1.9s 3; }

.sup { overflow: hidden; }
.sup__h { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--m-line-2); font-size: 12px; }
.sup__h img { width: 22px; height: 22px; }
.sup__h b { color: #000; }
.sup__h .m-badge { margin-left: auto; }
.sup__b { display: grid; gap: 7px; padding: 10px 12px; background: #FBFBFC; }
.sup__f { padding: 8px 12px 10px; border-top: 1px solid var(--m-line-2); font-size: 10.5px; text-align: center; color: var(--m-dim); }
.js .ill:not(.is-live) .sup__r { opacity: 0; transform: translate3d(0, 8px, 0); }
.ill.is-live .sup__r { animation: a-in .4s var(--ease-out) 1.1s both; }

.dcp { position: relative; width: 290px; }
.dcp .hist { border: 0; padding: 10px 11px; }
.dcp__e { margin: -4px -6px 0; padding: 4px 6px 8px; border-radius: 6px; background: var(--m-blue-l); }
.dcp__menu { top: 50px; right: 12px; min-width: 132px; }
.js .ill:not(.is-live) .dcp__menu { opacity: 0; }
.ill.is-live .dcp__menu { animation: a-pop .35s var(--ease-out) .6s both; }
.ill.is-live .dcp__menu .on { animation: a-flash 1s ease 1.3s; }
.canc__b { display: grid; gap: 7px; padding: 0 13px 13px; }
.canc__h { display: flex; align-items: baseline; gap: 6px; font-size: 11px; color: #000; }
.canc__h b { font-weight: 700; }
.canc__s { color: #37B24D; }
.canc__r { color: #FA5252; }
.canc__in { font-size: 10.5px; }
.canc__btns { display: flex; justify-content: flex-end; gap: 6px; margin-top: 2px; }
.canc__go { background: #FD7E14; }
.ill.is-live .canc__go { animation: a-ring 1s ease-out 1.2s, a-click .3s ease 1.9s; }

.spill { position: relative; display: flex; width: 100%; height: 100%; }
.spill > .win { flex: 1 1 auto; height: 100%; }
.r20 { gap: 7px; overflow: hidden; }
.r20__att { align-items: flex-start; font-size: 10px; }
.r20__two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.r20__two .m-label { margin-bottom: 3px; }
.r20__sec { margin-top: 2px; font-size: 11px; font-weight: 700; color: #000; }
.r20__icd { min-height: 28px; }
.r20__chip { display: inline-flex; align-items: center; gap: 4px; padding: 1px 6px; border-radius: 10px; background: #F1F3F5; font-size: 10px; color: #000; }
.app .r20__chip .ti { width: 9px; height: 9px; }
.r20__det { white-space: normal; }
.ill.is-live .r20__pf { animation: a-prefill 1.2s ease .6s; }
@keyframes a-slidel { from { opacity: 0; transform: translate3d(-16px, 0, 0); } to { opacity: 1; transform: none; } }

.grw__body { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 6px; }
.grw { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 6px; min-height: 0; }
.grw__c { display: flex; flex-direction: column; gap: 2px; min-height: 0; padding: 8px 10px 6px; border: 1px solid var(--m-line); border-radius: 6px; background: #FCFCFD; }
.grw__t { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.grw__t b { font-size: 11px; color: #000; }
.grw__t span { font-size: 8px; color: var(--m-dim); white-space: nowrap; }
.grw__c svg { flex: 1 1 auto; width: 100%; min-height: 0; }
.grw__vit { flex: none; display: flex; align-items: center; gap: 6px; }
.grw__vit span { display: grid; min-width: 52px; padding: 4px 8px; border: 1px solid var(--m-input); border-radius: 4px; font-size: 11px; color: #000; }
.grw__vit small { font-size: 8px; color: var(--m-dim); }
.grw__vit .grw__bmi { border-color: var(--m-line-2); background: #F1F3F5; color: var(--m-dim); }
.grw__vit em { margin-left: auto; font-size: 9.5px; font-style: normal; color: var(--m-dim); }
.grw__g { stroke: #EDEFF2; stroke-width: 1; }
.grw__own { fill: none; stroke: #1C7ED6; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; }
.js .ill:not(.is-live) .grw__own { stroke-dashoffset: 1; }
.ill.is-live .grw__own { animation: a-draw .9s ease .45s both; }
.grw__dots circle { fill: #1C7ED6; }
.grw__x { display: flex; justify-content: space-between; font-size: 8px; color: var(--m-dim); }
.js .ill:not(.is-live) .grw__dots circle { opacity: 0; }
.ill.is-live .grw__dots circle { animation: a-dot .35s var(--ease-out) calc(.6s + var(--i) * .22s) both; }

.mat { gap: 8px; }
.mat__n { font-size: 10.5px; color: var(--m-dim); }
.mat__ico { background: #7950F2; }
.js .ill:not(.is-live) .mat__us { opacity: 0; transform: translate3d(0, -10px, 0); }
.ill.is-live .mat__us { animation: a-drop .5s var(--ease-out) 1.3s both; }
.js .ill:not(.is-live) .mat__notif { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill.is-live .mat__notif { animation: a-pop .5s var(--ease-out) .9s both; }
.ill.is-live .mat__send { animation: a-ring 1s ease-out 2.2s, a-click .3s ease 2.8s; }

.perio__body { padding: 10px; background: rgba(33, 37, 41, .3); }
.perio { display: flex; flex-direction: column; gap: 7px; height: 100%; padding: 10px 12px; overflow: hidden; border-radius: 8px; background: #fff; box-shadow: 0 24px 44px -14px rgba(0, 0, 0, .34); }
.perio__h { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.perio__h b { font-weight: 600; color: #000; }
.perio__h .m-input { width: 88px; min-height: 22px; font-size: 10px; }
.perio__new { font-size: 10.5px; color: var(--m-dim); }
.perio__h > .ti { margin-left: auto; color: #495057; }
.perio__tabs { display: flex; gap: 14px; border-bottom: 1px solid var(--m-line-2); font-size: 11px; }
.perio__tabs span { padding: 4px 0 6px; color: #495057; }
.perio__tabs .on { color: #000; box-shadow: inset 0 -2px 0 var(--m-blue); }
.perio__row-lab { font-size: 9px; color: var(--m-dim); }
.perio__jaws { flex: 1 1 auto; display: grid; align-content: center; gap: 4px; min-height: 0; }
.perio__arch { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)) 8px repeat(7, minmax(0, 1fr)); align-items: end; gap: 0 2px; }
.perio__arch--low { align-items: start; margin-bottom: 4px; }
.perio__arch--low .perio__t svg { transform: scaleY(-1); }
.perio__t { display: grid; justify-items: center; gap: 3px; }
.perio__bl { display: flex; gap: 3px; }
.perio__bl i { width: 5px; height: 5px; border-radius: 50%; background: #E9ECEF; }
.perio__bl i.on { background: #FA5252; }
.perio__ppd { display: flex; gap: 2px; font-size: 9.5px; }
.perio__ppd i { font-style: normal; color: #343A40; }
.perio__t svg { width: 100%; max-width: 30px; height: auto; }
.perio__t path { fill: #FFF8E1; stroke: #BFAE84; stroke-width: 1; }
.perio__t b { font-size: 10px; color: #000; }
.perio__mid { align-self: stretch; justify-self: center; width: 1.5px; background: #ADB5BD; }
.perio__keys { font-size: 9px; color: var(--m-dim); }
.perio__foot { display: flex; align-items: center; gap: 10px; }
.perio__clr { padding: 5px 10px; border-radius: 4px; background: #FFF5F5; font-size: 10.5px; font-weight: 600; color: #FA5252; }
.perio__pr { font-size: 10.5px; font-weight: 600; color: var(--m-blue); }
.js .ill:not(.is-live) .perio__ppd, .js .ill:not(.is-live) .perio__bl { opacity: 0; }
.ill.is-live .perio__ppd, .ill.is-live .perio__bl { animation: a-fade .25s ease calc(.4s + var(--i) * .1s) both; }

.vis__kind .m-seg { grid-template-columns: auto auto; justify-content: start; }
.vis__kind .m-seg span { padding: 4px 12px; }
.vis__sec { margin-top: 2px; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--m-blue); }
.vis__eye { display: grid; gap: 4px; }
.vis__eye > b { font-size: 11px; color: #000; }
.vis__g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px 6px; }
.vis__g .m-label { font-size: 9.5px; color: var(--m-dim); }
.vis__add { display: grid; grid-template-columns: auto 58px auto minmax(0, 1fr); align-items: center; gap: 6px; }
.ill.is-live .vis__g .m-input { animation: a-prefill 1.1s ease .7s; }

.team { position: relative; display: grid; grid-template-columns: 38px repeat(3, minmax(0, 1fr)); height: 100%; padding: 5px 5px 5px 0; --hh: 30px; }
.team__t { display: grid; grid-auto-rows: var(--hh); align-content: start; padding: 44px 5px 0 0; font-size: 8.5px; text-align: right; color: #495057; overflow: hidden; }
.team__c { display: flex; flex-direction: column; min-width: 0; border-left: 1px solid var(--m-line); }
.team__n { height: 44px; padding: 6px 8px; border-bottom: 1px solid var(--m-line); box-shadow: inset 0 2px 0 var(--m-blue); font-size: 12px; font-weight: 600; color: #000; white-space: nowrap; overflow: hidden; }
.team__n small { display: block; font-size: 8px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--m-dim); }
.team__g { position: relative; flex: 1 1 auto; background-image: linear-gradient(#EEF1F3 1px, transparent 1px); background-size: 100% var(--hh); }
.team .blk { --hh: 30px; font-size: 9px; }
.team__mv { z-index: 3; border-color: #74C0FC; background: #D0EBFF; box-shadow: 0 8px 18px -8px rgba(28, 126, 214, .5); }
.team__new { border-color: #74C0FC; background: #D0EBFF; }
.team__drop { position: absolute; left: 2px; right: 2px; top: calc(var(--at) * var(--hh) * 2 + 1px); height: calc(var(--len) * var(--hh) * 2 - 2px); border: 1.5px dashed var(--m-blue); border-radius: 3px; background: rgba(34, 139, 230, .07); }
.team__pop { left: 0; right: 0; top: 38%; width: 230px; margin-inline: auto; padding-bottom: 11px; }
.team__pt { padding: 0 13px 6px; font-size: 10.5px; color: #495057; }
.team__pop .m-checkrow { padding: 0 13px; font-size: 10.5px; }
.team__btns { display: flex; justify-content: flex-end; gap: 6px; padding: 9px 13px 0; }
.js .ill:not(.is-live) .team__drop, .js .ill:not(.is-live) .team__pop, .js .ill:not(.is-live) .team__new { opacity: 0; }
.ill.is-live .team__mv { animation: a-move .9s var(--ease-in-out) .6s both, a-gone .2s ease 2.9s forwards; }
.ill.is-live .team__drop { animation: a-fade .25s ease .7s both, a-gone .2s ease 2.9s forwards; }
.ill.is-live .team__pop { animation: a-popio 1.4s var(--ease-out) 1.55s both; }
.ill.is-live .team__ok { animation: a-click .3s ease 2.5s; }
.ill.is-live .team__new { animation: a-pop .45s var(--ease-out) 2.95s both; }
html:not(.js) .team__mv, html:not(.js) .team__drop, html:not(.js) .team__pop { display: none; }

@keyframes a-ink { from { stroke-dashoffset: 520; } to { stroke-dashoffset: 0; } }

.cta { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 480px) { .dl__mac { white-space: normal; text-align: center; line-height: 1.25; padding-block: 8px; } }

@media (max-width: 1100px) {
  .feat--hero, .feat--flip { grid-template-columns: minmax(0, 1fr); }
  .feat--hero .feat__stage, .feat--flip .feat__stage { order: 0; height: 520px; border-left: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .feat--hero .feat__cap { padding: 26px 28px 30px; }
  .show__row--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .show__row--3 .feat:nth-child(3) { grid-column: 1 / -1; }
  .flist__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .spec { grid-template-columns: minmax(0, 1fr); }
  .spec--r .spec__text { order: 0; }
  .team-sec__grid { grid-template-columns: minmax(0, 1fr); }
  .chap__head { grid-template-columns: minmax(0, 1fr); align-items: start; }
}
@media (max-width: 860px) {
  .toc { grid-template-columns: minmax(0, 1fr); }
  .toc li:nth-last-child(2) { border-bottom: 0; }
}
@media (max-width: 760px) {
  .show__row--2, .show__row--3 { grid-template-columns: minmax(0, 1fr); }
  .show__row--3 .feat:nth-child(3) { grid-column: auto; }
  .feat { border-radius: 20px; }
  .feat__stage { height: 270px; padding: 20px 14px; }
  .feat__stage--crop { padding-bottom: 0; }
  .feat--hero .feat__stage, .feat--flip .feat__stage { height: auto; padding: 16px 10px; }
  .feat__cap, .feat--hero .feat__cap { padding: 18px 18px 20px; }
  .win--feat { height: 420px; }
  .flist__grid { grid-template-columns: minmax(0, 1fr); }
  .spec { border-radius: 24px; }
  .spec__vis { height: 420px; }
  .team-sec__vis { height: 400px; }
  .toc__a { grid-template-columns: 22px 36px minmax(0, 1fr); gap: 11px; }
  .toc__go { display: none; }
  .toc .tile { width: 36px; height: 36px; }
  .chapnav__part { display: none; }
  .chapnav__part--2 { display: block; padding-left: 12px; margin-left: 6px; }
  .dos--kine { grid-template-columns: minmax(0, 1fr); }
  .dos--kine > .dos__hist, .dos--kine > .kine__perm { display: none; }
  .dos--inv { grid-template-columns: minmax(0, 1fr) minmax(0, 40%); }
  .dos--inv .dos__fields { grid-template-columns: minmax(0, 1fr); }
  .dos--inv .dos__col + .dos__col { display: none; }
  .rnw { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 12px; }
  .rnw__hist { display: none; }
  .rnw__chr { grid-row: 1; }
  .rnw__rx { grid-column: 1; grid-row: 2; }
  .grw__t span, .grw__vit em { display: none; }
  .dos--sc > .dos__hist { display: none; }
  .mail { grid-template-columns: minmax(0, 1fr); }
  .mail__fold, .mail__list { display: none; }
  .vid { grid-template-columns: minmax(0, 1fr); }
  .vid__side { display: none; }
  .dash__k b { font-size: 14px; }
  .dash__k p .m-badge { display: none; }
  .rmn { flex-direction: column; }
  .rmn__set { display: none; }
  .rmn__screen { min-height: 330px; }
  .imp__r { grid-template-columns: 18px minmax(0, 1fr) 70px 52px; }
  .pvh { width: 94%; }
  .lgr { left: 3%; right: 3%; }
  .lgr__seg { display: none; }
  .perio__ppd { font-size: 7.5px; gap: 1px; }
  .perio__bl i { width: 4px; height: 4px; }
  .perio__keys { display: none; }
  .perio__new { display: none; }
  .perio__h .m-input { width: auto; }
  .ver { width: 92%; }
  .ver__docs { display: none; }
  .ver__n { grid-template-columns: 1fr; gap: 2px; }
  .team { grid-template-columns: 30px repeat(3, minmax(0, 1fr)); }
  .team__n { font-size: 10px; padding: 6px 5px; }
  .team .blk { font-size: 8px; }
  .lay__canvas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 6px; }
  .lay__blk { padding: 6px 5px; font-size: 9.5px; }
  .lay__foot span:first-child { display: none; }
  .rxp__panel { right: 4px; }
  .ph2 { transform: scale(.92); }
  .spill > .win { height: 100%; }
}
@media (max-width: 420px) {
  .ph2__rec { width: 136px; }
  .rmd__s small { font-size: 8px; }
}

.tk { display: flex; flex-direction: column; height: 100%; min-height: 0; background: #F4F5F7; }
.tk-tabs { flex: none; display: flex; align-items: flex-end; gap: 18px; height: 30px; padding: 0 12px; border-bottom: 1px solid var(--m-line-2); background: #fff; }
.tk-tabs > span { display: inline-flex; align-items: center; gap: 5px; padding: 0 2px 7px; font-size: 11px; color: var(--m-dim); white-space: nowrap; }
.tk-tabs > .on { color: #000; font-weight: 600; box-shadow: inset 0 -2px 0 var(--m-blue); }
.app .tk-tabs .ti { width: 11px; height: 11px; }
.tk-tabs__gap { flex: 1 1 0; }
.tk-tabs > .tk-tabs__x { gap: 4px; color: #495057; font-size: 10px; }
.tk-tabs__x b { font-weight: 500; color: var(--m-dim); }
.tk-tabs em, .tk-tabs > span:first-child em { font-style: normal; }
.tk-tabs em { display: inline-grid; place-items: center; min-width: 14px; height: 14px; padding: 0 4px; border-radius: 7px; background: var(--m-blue); color: #fff; font-size: 8.5px; font-weight: 700; font-style: normal; }
.tk-bar { flex: none; display: flex; align-items: center; gap: 6px; padding: 8px 10px 7px; min-width: 0; overflow: hidden; }
.tk-bar .m-input { flex: 0 1 150px; height: 24px; min-height: 24px; border-radius: 12px; font-size: 10px; }
.tk-bar .m-btn { flex: none; height: 24px; padding: 0 10px; font-size: 10px; }
.aiv__board .tk-bar__scan { display: none; }
.tk-bar__gap { flex: 1 1 0; }
.tk-chip { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border: 1px solid var(--m-line); border-radius: 12px; background: #fff; color: #343A40; font-size: 10px; font-weight: 500; white-space: nowrap; }
.tk-chip > b { font-weight: 500; color: var(--m-dim); }
.app .tk-chip .ti { width: 11px; height: 11px; color: #495057; }
.tk-cols { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); align-items: start; gap: 8px; padding: 2px 10px 10px; overflow: hidden; }
.tk-col { display: grid; gap: 6px; padding: 7px; border-radius: 8px; background: #EBEDF0; }
.tk-col__h { display: flex; align-items: center; justify-content: space-between; padding: 1px 3px; font-size: 10.5px; font-weight: 600; color: #212529; }
.tk-col__h > span { display: inline-grid; place-items: center; min-width: 17px; height: 16px; padding: 0 5px; border-radius: 8px; background: #fff; color: var(--m-dim); font-size: 9px; font-weight: 600; }
.tk-c { position: relative; display: grid; gap: 4px; padding: 7px 8px; border: 1px solid var(--m-line); border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.tk-c--urgent { border-left: 3px solid #E03131; padding-left: 6px; }
.tk-c--done { background: #FCFCFD; }
.tk-c--done .tk-c__t b { color: #495057; }
.tk-c__t { display: flex; align-items: center; gap: 5px; min-width: 0; font-size: 10.5px; color: #000; }
.tk-c__t b { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.app .tk-c__t .ti { width: 11px; height: 11px; color: #495057; }
.tk-c__dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--m-blue); }
.tk-c__p { display: flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; font-size: 9.5px; color: #343A40; white-space: nowrap; }
.tk-c__p > span { color: var(--m-dim); }
.app .tk-c__p .ti { width: 10px; height: 10px; color: var(--m-dim); }
.tk-c__l { display: flex; flex-wrap: wrap; gap: 4px; }
.tk-l { display: inline-flex; align-items: center; gap: 3px; height: 16px; padding: 0 7px; border-radius: 8px; font-size: 9px; font-weight: 600; white-space: nowrap; }
.app .tk-l .ti { width: 10px; height: 10px; stroke-width: 2; }
.tk-l--red { background: #FFE3E3; color: #C92A2A; }
.tk-l--blue { background: #E7F5FF; color: #1971C2; }
.tk-l--orange { background: #FFF4E6; color: #D9480F; }
.tk-l--teal { background: #E3FAFC; color: #0C8599; }
.tk-ai { display: flex; align-items: center; gap: 4px; padding: 3px 6px; border-radius: 4px; background: #F3F0FF; color: #6741D9; font-size: 9.5px; font-weight: 600; white-space: nowrap; }
.app .tk-ai .ti { width: 10px; height: 10px; }
.ill.is-live .tk-ai--run .ti { animation: a-blink 1.1s ease-in-out infinite; }
.tk-c__x { display: flex; align-items: center; gap: 3px; font-size: 9.5px; font-weight: 600; color: #2F9E44; }
.app .tk-c__x .ti { width: 10px; height: 10px; stroke-width: 2.4; }
.tk-c__f { display: flex; align-items: center; gap: 8px; min-height: 18px; font-size: 9px; color: var(--m-dim); }
.tk-c__f > span:first-child { flex: 1 1 auto; }
.tk-c__n { display: inline-flex; align-items: center; gap: 2px; }
.app .tk-c__n .ti { width: 10px; height: 10px; }
.tk-av { display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; color: #fff; font-size: 7.5px; font-weight: 700; letter-spacing: .02em; }
.tk-av--blue { background: #228BE6; }
.tk-av--orange { background: #E8590C; }
.tk-av--teal { background: #0C8599; }
.tk-av--grape { background: #AE3EC9; }
.tk-av--ai { background: linear-gradient(135deg, #7048E8, #AE3EC9); }
.tk-av .ti, .app .tk-av .ti { width: 10px; height: 10px; color: #fff; }
.tk-sw > span { display: grid; gap: 4px; }
.tk-toast { width: 232px; }
.tk-toast__ico { background: var(--m-blue); }
.tk-c--new { overflow: hidden; }
.js .ill:not(.is-live) .tk-c--new { max-height: 0; margin-top: -6px; padding-top: 0; padding-bottom: 0; border-width: 0; opacity: 0; }
.ill.is-live .tk-c--new { animation: tk-in .55s var(--ease-out) 1.1s both; }
.ill.is-live .tk-c--new .tk-c__dot { animation: a-ring 1.2s ease-out 1.7s 2; }
.js .ill:not(.is-live) .tk-toast { opacity: 0; }
.ill.is-live .tk-toast { animation: a-popio 4.2s var(--ease-out) .6s both; }
@keyframes tk-in { from { max-height: 0; margin-top: -6px; padding-top: 0; padding-bottom: 0; border-width: 0; opacity: 0; } to { max-height: 96px; opacity: 1; } }
.tk-cols:has(> .tk-col:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
.tk-mine { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 46%); }
.tk-list { display: grid; align-content: start; gap: 6px; min-height: 0; padding: 2px 10px 10px; overflow: hidden; }
.tk-r { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 9px; border: 1px solid var(--m-line); border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.tk-r--urgent { border-left: 3px solid #E03131; padding-left: 7px; }
.tk-r--sel { border-color: var(--m-blue); box-shadow: 0 0 0 1px var(--m-blue); }
.tk-r__b { flex: 1 1 auto; display: grid; gap: 3px; min-width: 0; }
.tk-r__p { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: #000; }
.tk-r__p b { font-weight: 600; }
.tk-r__p .tk-c__n { font-size: 9px; color: var(--m-dim); }
.tk-r__t { min-width: 0; overflow: hidden; font-size: 9.5px; color: #343A40; text-overflow: ellipsis; white-space: nowrap; }
.tk-r__m { flex: none; font-size: 9px; color: var(--m-dim); }
.tk-r__done { flex: none; gap: 3px; height: 22px; padding: 0 8px; font-size: 9.5px; }
.tk-due { display: inline-flex; align-items: center; gap: 3px; height: 16px; padding: 0 6px; border-radius: 4px; background: #F1F3F5; color: #495057; font-size: 9px; font-weight: 600; white-space: nowrap; }
.tk-due .ti, .tk-pan .ti, .tkp .ti, .tk-r .ti { width: 10px; height: 10px; }
.tk-due--today { background: #E7F5FF; color: #1971C2; }
.tk-due--over { background: #FFF5F5; color: #C92A2A; }
.tk-pan { display: flex; flex-direction: column; min-height: 0; border-left: 1px solid var(--m-line-2); background: #fff; overflow: hidden; }
.tk-pan__top { flex: none; display: flex; align-items: center; gap: 4px; min-width: 0; padding: 6px 7px; border-bottom: 1px solid var(--m-line-2); font-size: 9px; color: #212529; }
.tk-pan__top > .ti { flex: none; }
.tk-pb { flex: none; display: inline-flex; align-items: center; height: 20px; padding: 0 5px; border: 1px solid var(--m-line); border-radius: 4px; font-size: 9px; font-weight: 600; }
.tk-pan__cons { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.tk-pan__gap { flex: 1 1 0; }
.tk-pan__next { flex: none; gap: 3px; height: 20px; padding: 0 7px; font-size: 9px; }
.tk-pan__head { flex: none; display: grid; gap: 4px; padding: 8px 10px; border-bottom: 1px solid var(--m-line-2); }
.tk-pan__pat { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #000; }
.tk-pan__pat b { font-weight: 700; }
.tk-pan__pat span { font-size: 9.5px; color: var(--m-dim); }
.tk-pan__con { display: flex; flex-wrap: wrap; gap: 3px 10px; font-size: 9px; color: #495057; }
.tk-pan__con span { display: inline-flex; align-items: center; gap: 3px; }
.tk-pan__t { font-size: 12px; font-weight: 700; line-height: 1.3; color: #000; }
.tk-pan__by { font-size: 8.5px; color: var(--m-dim); }
.tk-pan__chips { display: flex; flex-wrap: wrap; gap: 4px; }
.tk-pan__chips .tk-chip { height: 20px; padding: 0 7px; font-size: 9px; }
.tk-pan__chips .tk-av { width: 14px; height: 14px; font-size: 6px; }
.tk-pan__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 7px; min-height: 0; padding: 8px 10px; }
.tk-pan__d { font-size: 9.5px; line-height: 1.45; color: #212529; }
.tk-pan__h { display: flex; justify-content: space-between; font-size: 8.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--m-dim); }
.tk-pan__h span:last-child { display: inline-flex; align-items: center; gap: 3px; letter-spacing: 0; text-transform: none; color: #495057; }
.tk-file { display: inline-flex; align-items: center; align-self: start; gap: 6px; max-width: 100%; padding: 4px 7px; border: 1px solid var(--m-line); border-radius: 5px; background: #F8F9FA; font-size: 9px; }
.tk-file b { min-width: 0; overflow: hidden; font-weight: 600; color: #000; text-overflow: ellipsis; white-space: nowrap; }
.tk-file > span:last-child { flex: none; color: var(--m-dim); }
.tk-file__i { flex: none; display: grid; place-items: center; width: 22px; height: 15px; border-radius: 3px; background: #E03131; color: #fff; font-size: 7px; font-weight: 700; }
.tk-pan__cmt { margin-top: auto; }
.tk-pan__cmt .m-input { width: 100%; gap: 5px; font-size: 9.5px; }
.win--mine .tk-undo { left: 10px; right: auto; width: auto; }
.tk-undo em { align-self: center; margin-left: 6px; font-style: normal; font-size: 11px; font-weight: 600; color: var(--m-blue); }
.tk-undo .tk-undo__ico { background: #2F9E44; }
.tkp { position: relative; display: grid; align-content: start; gap: 6px; width: 100%; max-width: 360px; min-height: 250px; margin: auto; padding-bottom: 10px; }
.tkp > p { padding: 0 10px; }
.tkp__dots { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 4px; background: var(--m-blue-l); color: var(--m-blue); }
.tkp__next { display: flex; align-items: center; gap: 4px; font-size: 9px; color: #495057; }
.tkp__menu { right: 8px; top: 34px; min-width: 176px; }
.win--mc { height: 560px; }
.mc { display: grid; grid-template-columns: minmax(0, 37%) minmax(0, 1fr); height: 100%; min-height: 0; background: #fff; }
.mc .ti { width: 12px; height: 12px; }
.mc-l { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--m-line-2); overflow: hidden; }
.mc-l__h { flex: none; display: flex; align-items: center; gap: 7px; padding: 8px 9px; color: #707579; }
.mc-search { flex: 1 1 auto; display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 12px; background: #F4F4F5; font-size: 10px; color: #707579; }
.mc-row { display: flex; align-items: center; gap: 8px; padding: 6px 9px; }
.mc-row.on { background: #EAF3FD; }
.mc-av { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-size: 10px; font-weight: 700; }
.mc-av--sl { background: #E8590C; }
.mc-av--mk { background: #1C7ED6; }
.mc-av--mc { background: #2F9E44; }
.mc-av--tc { background: #C2255C; }
.mc-av--ms { background: #7048E8; }
.mc-row__m { flex: 1 1 auto; display: grid; gap: 1px; min-width: 0; }
.mc-row__m b { display: flex; align-items: center; gap: 3px; overflow: hidden; font-size: 10.5px; font-weight: 600; color: #000; white-space: nowrap; }
.mc-row__m small { overflow: hidden; font-size: 9.5px; color: #707579; text-overflow: ellipsis; white-space: nowrap; }
.mc-row__s { flex: none; display: grid; justify-items: end; gap: 3px; }
.mc-row__s small { font-size: 8.5px; color: #707579; }
.mc-row__s em { display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 5px; border-radius: 8px; background: #3390EC; color: #fff; font-size: 8.5px; font-weight: 700; font-style: normal; }
.mc-r { display: flex; flex-direction: column; min-height: 0; background: linear-gradient(160deg, #CFE3B3, #E6F1D6 55%, #D3E6BA); }
.mc-h { flex: none; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-bottom: 1px solid var(--m-line-2); background: #fff; color: #707579; }
.mc-h__n { display: grid; gap: 1px; }
.mc-h__n b { display: flex; align-items: center; gap: 3px; font-size: 11px; color: #000; }
.mc-h__n small { font-size: 9px; color: #3390EC; }
.mc-h__gap { flex: 1 1 0; }
.mc-pill { padding: 3px 8px; border-radius: 10px; background: #F4F4F5; font-size: 9px; color: #495057; white-space: nowrap; }
.mc-msgs { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; min-height: 0; padding: 10px 12px; overflow: hidden; }
.mc-day { align-self: center; padding: 2px 9px; border-radius: 10px; background: rgba(0, 0, 0, .2); color: #fff; font-size: 9px; font-weight: 600; }
.mc-b { align-self: flex-start; max-width: 80%; padding: 5px 8px 4px; border-radius: 10px 10px 10px 3px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .08); font-size: 10.5px; line-height: 1.4; color: #000; }
.mc-b--out { align-self: flex-end; border-radius: 10px 10px 3px 10px; background: #E9FBC1; }
.mc-b p { display: flex; flex-wrap: wrap; align-items: flex-end; column-gap: 8px; }
.mc-meta { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; font-size: 8px; color: #8E9AA5; }
.mc-meta .ti { width: 10px; height: 10px; }
.mc-b--out .mc-meta { color: #4FAE4E; }
.mc-tk { display: inline-flex; font-style: normal; }
.mc-tk .ti + .ti { margin-left: -6px; }
.mc-file { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; }
.mc-file__i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #3390EC; color: #fff; }
.mc-file b { display: block; font-size: 10px; font-weight: 600; }
.mc-file small { font-size: 9px; color: #707579; }
.mc-c { flex: none; display: flex; align-items: center; gap: 8px; margin: 0 10px 10px; padding: 5px 5px 5px 12px; border-radius: 16px; background: #fff; color: #707579; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.mc-c__in { flex: 1 1 auto; min-width: 0; overflow: hidden; font-size: 9.5px; color: #A0A6AB; text-overflow: ellipsis; white-space: nowrap; }
.mc-c__send { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #3390EC; color: #fff; }
.js .ill:not(.is-live) .mc-b { opacity: 0; }
.ill.is-live .mc-b { animation: a-in .35s var(--ease-out) var(--t) both; }

.tkp__menu .m-opt { font-size: 10.5px; }
.js .ill:not(.is-live) .tkp__menu { opacity: 0; }
.ill.is-live .tkp__menu { animation: a-in .3s var(--ease-out) .5s both; }
.ill.is-live .tkp__menu .on { animation: a-flash 1s ease 1.2s; }
@keyframes tk-pick { to { border-color: var(--m-blue); background: var(--m-blue); color: #fff; } }

.aim { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); grid-template-areas: "vis copy" "facts facts" "note note"; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--sh-1); overflow: hidden; }
.aim__vis { grid-area: vis; position: relative; min-height: 610px; padding: 26px; border-right: 1px solid var(--line); background: linear-gradient(150deg, var(--acc-a), #fff 52%, var(--acc-c)); overflow: hidden; }
.aim__copy { grid-area: copy; display: grid; align-content: center; gap: 14px; padding: 34px clamp(24px, 1rem + 2vw, 44px); }
.aim__tag { display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 5px 12px 5px 9px; border-radius: 999px; background: var(--acc-soft); color: var(--acc-ink); font-size: 13px; font-weight: 600; }
.aim__tag .icon { width: 16px; height: 16px; color: var(--acc); }
.aim__tag .pill-new--sm { margin-left: 2px; }
.aim__copy h3 { font-size: clamp(1.3rem, 1.05rem + .7vw, 1.65rem); line-height: 1.2; letter-spacing: -.03em; }
.aim__lede { font-size: 15.5px; line-height: 1.55; color: var(--muted); }
.aim__ins { display: grid; gap: 10px; margin-top: 4px; list-style: none; }
.aim__i { display: grid; gap: 4px; padding: 13px 15px 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.aim__i b { font-size: 14.5px; line-height: 1.35; letter-spacing: -.01em; color: var(--ink); }
.aim__d { font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.aim__by { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); }
.aim__by .icon { width: 13px; height: 13px; }
.aim__by--lux { color: var(--acc-ink); }
.aim__i--you { border-style: dashed; background: var(--acc-a); }
.aim__facts { grid-area: facts; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; border-top: 1px solid var(--line); }
.aim__facts li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 12px; padding: 20px 22px; font-size: 14px; line-height: 1.5; color: var(--text); }
.aim__facts li + li { border-left: 1px solid var(--line); }
.aim__facts .tile { width: 34px; height: 34px; border-radius: 10px; }
.aim__facts .tile .icon { width: 17px; height: 17px; }
.aim__note { grid-area: note; display: flex; align-items: center; gap: 12px; padding: 15px 22px; border-top: 1px solid var(--line); background: #FAFAFC; font-size: 14px; line-height: 1.5; color: var(--muted); }
.aim__note > .icon { flex: none; width: 19px; height: 19px; color: var(--acc); }
.aim__note b { font-weight: 600; color: var(--ink); }

.aiv { position: absolute; inset: 26px; }
.aiv__board.win--feat { position: absolute; left: 0; top: 0; width: 70%; height: 86%; }
.aiv__board .tk-cols { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
.tk-c--dim { opacity: .55; }
.cg { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; width: 50%; height: 91%; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 28px 56px -18px rgba(16, 24, 40, .38); color: #0D0D0D; font-family: var(--sys); font-size: 10px; line-height: 1.45; overflow: hidden; text-align: left; }
.cg .ti { display: inline-block; flex: none; width: 11px; height: 11px; stroke-width: 1.8; vertical-align: -2px; }
.cg__bar { flex: none; display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 11px; border-bottom: 1px solid #ECECEC; background: #F3F4F6; color: #8F8F8F; font-size: 9.5px; }
.cg__bar .dots i { width: 9px; height: 9px; }
.cg__bar .dots i:nth-child(1) { background: #FF5F57; }
.cg__bar .dots i:nth-child(2) { background: #FEBC2E; }
.cg__bar .dots i:nth-child(3) { background: #28C840; }
.cg__head { flex: none; display: flex; align-items: center; gap: 7px; padding: 8px 12px; border-bottom: 1px solid #F0F0F0; font-size: 12px; }
.cg__logo { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #0D0D0D; color: #fff; }
.cg__logo .ti { width: 11px; height: 11px; }
.cg__tabs { display: inline-flex; margin-left: auto; padding: 2px; border-radius: 7px; background: #F3F3F3; }
.cg__tabs span { padding: 2px 9px; border-radius: 5px; color: #6B6B6B; font-size: 9.5px; }
.cg__tabs .on { background: #fff; color: #0D0D0D; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.cg__body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 8px; padding: 10px; overflow: hidden; background: #FAFAFA; }
.cg__sub { display: grid; gap: 6px; padding: 9px 11px; border: 1px solid #ECECEC; border-radius: 10px; background: #fff; }
.cg__sub b { font-size: 10px; font-weight: 600; }
.cg__sub p { display: flex; align-items: center; gap: 7px; color: #5D5D5D; font-size: 9.5px; }
.cg__sw { position: relative; flex: none; width: 24px; height: 14px; border-radius: 7px; background: #228BE6; }
.cg__sw::after { content: ""; position: absolute; top: 2px; right: 2px; width: 10px; height: 10px; border-radius: 50%; background: #fff; }
.cg__ev { display: grid; gap: 4px; padding: 8px 11px 9px; overflow: hidden; border: 1px solid #ECECEC; border-radius: 10px; background: #fff; }
.cg__ev > b { font-size: 10.5px; font-weight: 600; }
.cg__eh { color: #8F8F8F; font-size: 8.5px; }
.cg__ev ul { display: grid; gap: 3px; padding-left: 13px; list-style: disc; }
.cg__ev li::marker { color: #8F8F8F; }
.js .ill:not(.is-live) .cg__ev { max-height: 0; margin-top: -8px; padding-top: 0; padding-bottom: 0; border-width: 0; opacity: 0; }
.ill.is-live .cg__ev { animation: cg-in .5s var(--ease-out) var(--t) both; }
@keyframes cg-in { from { max-height: 0; margin-top: -8px; padding-top: 0; padding-bottom: 0; border-width: 0; opacity: 0; } to { max-height: 240px; opacity: 1; } }
.cg__tools { display: flex; flex-wrap: wrap; gap: 4px; }
.cg__tools span { display: inline-flex; align-items: center; gap: 3px; padding: 1px 7px; border-radius: 9px; background: #F4F4F4; color: #5D5D5D; font-size: 8.5px; white-space: nowrap; }
.cg__tools .ti { width: 9px; height: 9px; }
.js .ill:not(.is-live) .cgf { opacity: 0; }
.ill.is-live .cgf { animation: a-in .35s var(--ease-out) var(--t) both; }

.tks, .tka, .tkd { display: grid; gap: 8px; padding: 12px 13px 14px; }
.tks__t { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: #000; }
.tks__t b { font-weight: 600; }
.mui .tks__t .ti { width: 13px; height: 13px; color: var(--m-blue); }
.tks .m-label, .tka .m-label { margin-bottom: -3px; color: #495057; font-size: 10px; }
.tks__opts { display: flex; flex-wrap: wrap; gap: 4px; }
.tks__opts .m-opt { padding: 3px 8px; border: 1px solid var(--m-line); border-radius: 12px; font-size: 10px; }
.ill.is-live .tks__pick { animation: tk-pick .3s ease .9s both; }
.tks__row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; }
.tks__row .m-input { height: 26px; }
.tks__toast, .tka__toast { top: calc(100% - 12px); right: -14px; bottom: auto; width: 236px; }
.tks__ico { background: #495057; }
.tka__ico { background: #AE3EC9; }
.js .ill:not(.is-live) .tks__toast, .js .ill:not(.is-live) .tka__toast { opacity: 0; }
.ill.is-live .tks__toast { animation: a-pop .5s var(--ease-out) 2.1s both; }
.ill.is-live .tka__toast { animation: a-pop .5s var(--ease-out) 1.6s both; }
.tka__in { gap: 6px; }
.tka__opts { display: grid; gap: 1px; margin-top: -4px; padding: 3px; border: 1px solid var(--m-line-2); border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 14px 26px -12px rgba(0, 0, 0, .22); }
.tka__opts .m-opt { display: flex; align-items: center; gap: 6px; padding: 4px 6px; font-size: 10.5px; }
.ill.is-live .tka__opts .m-opt.on { animation: a-flash .9s ease .8s both; }
.tka__n { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; color: var(--m-dim); font-size: 10px; }
.mui .tka__n .ti { width: 11px; height: 11px; color: var(--m-dim); }
.nw { white-space: nowrap; }
.tkd__h { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #000; }
.tkd__h b { font-weight: 600; }
.tkd__h span { color: var(--m-dim); font-size: 10.5px; }
.mui .tkd__h .ti { width: 13px; height: 13px; color: var(--m-blue); }
.tkd__b { display: grid; gap: 5px; padding: 8px 9px 9px; border: 1px solid var(--m-line); border-radius: 7px; }
.tkd__bh { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; color: #000; }
.mui .tkd__bh .ti { width: 12px; height: 12px; color: var(--m-blue); }
.tkd__bh .m-btn { margin-left: auto; height: 20px; padding: 0 8px; font-size: 9.5px; }
.tkd__r { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 4px 6px; border-radius: 5px; background: #F8F9FA; font-size: 10.5px; color: #212529; }
.tkd__r > span:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkd__r .m-badge .ti { width: 9px; height: 9px; margin-right: 2px; }
.tkd__r--new { overflow: hidden; }
.js .ill:not(.is-live) .tkd__r--new { max-height: 0; margin-top: -5px; padding-top: 0; padding-bottom: 0; opacity: 0; }
.ill.is-live .tkd__r--new { animation: tkd-in .5s var(--ease-out) 1.1s both; }
@keyframes tkd-in { from { max-height: 0; margin-top: -5px; padding-top: 0; padding-bottom: 0; opacity: 0; } to { max-height: 40px; opacity: 1; } }
.tkd__doc { display: grid; gap: 1px; font-size: 10.5px; color: #212529; }
.tkd__doc b { font-weight: 600; }
.tkd__doc span { font-size: 9.5px; color: var(--m-dim); }
.m-badge--grape { border-radius: 4px; }

@media (max-width: 1100px) {
  .aim { grid-template-columns: minmax(0, 1fr); grid-template-areas: "vis" "copy" "facts" "note"; }
  .aim__vis { min-height: 560px; border-right: 0; border-bottom: 1px solid var(--line); }
  .aim__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aim__facts li:nth-child(3) { border-left: 0; }
  .aim__facts li:nth-child(n + 3) { border-top: 1px solid var(--line); }
}
@media (max-width: 760px) {
  .tk-cols { grid-template-columns: repeat(3, 152px); }
  .tk-c--opt { display: none; }
  .tk-bar .tk-chip, .tk-bar__scan, .tk-tabs__x, .tk-tabs__gap { display: none; }
  .aim__vis { min-height: 570px; padding: 14px 10px; }
  .aiv { inset: 14px 10px; }
  .aiv__board.win--feat { display: none; }
  .aiv .cg { left: 0; width: auto; height: 100%; }
  .aim__copy { padding: 22px 18px 24px; }
  .aim__facts { grid-template-columns: minmax(0, 1fr); }
  .aim__facts li { padding: 16px 18px; }
  .aim__facts li + li { border-left: 0; border-top: 1px solid var(--line); }
  .aim__note { align-items: flex-start; padding: 14px 18px; }
  .tks__toast, .tka__toast { right: -6px; }
}
.toc > li:last-child:nth-child(odd) { grid-column: 1 / -1; }

.fshot { position: relative; width: 100%; max-width: 470px; margin: auto; zoom: 1.3; font-family: var(--sys); font-size: 11px; line-height: 1.4; color: var(--m-text); text-align: left; }
.fshot--dsp > .m-notif, .fshot--ver > .m-notif { position: relative; inset: auto; width: 290px; margin: -12px -22px 0 auto; }
.lgr__seg span { white-space: nowrap; }
.fshot .ver__n { grid-template-columns: 108px 1fr; }
.fshot--lgr, .fshot--dsp, .fshot--bank { max-width: 500px; }
.fshot--vid, .fshot--lay { max-width: 480px; zoom: 1.2; }
.fshot > .m-modal, .fshot > .mui { position: relative; inset: auto; width: auto; max-width: none; margin: 0; transform: none; }
.fshot > .m-notif { left: auto; right: -18px; bottom: -22px; top: auto; }
.fshot .lgr { display: flex; }
.fshot .ver__b { max-height: none; }
.fshot--lay .lay { min-height: 300px; }
.fshot--lay .lay__canvas { min-height: 190px; }
.vidc { overflow: hidden; }
.vidc__h { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--m-line-2); font-size: 12px; color: #000; }
.vidc__h b { font-weight: 600; }
.vidc .vid { height: 250px; }
.bankc .bank { height: auto; }
.bankc .bank__foot { margin-top: 2px; }
.rs { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); gap: 10px; padding: 10px; overflow: hidden; }
.rs__col { display: grid; align-content: start; gap: 6px; min-height: 0; padding: 7px; overflow: hidden; border-radius: 8px; background: #EBEDF0; }
.rs__p { display: flex; flex-direction: column; gap: 9px; min-height: 0; padding: 12px 14px; overflow: hidden; border: 1px solid var(--m-line); border-radius: 8px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.rs__ph { display: flex; align-items: baseline; gap: 8px; }
.rs__ph b { font-size: 14px; color: #000; }
.rs__ph span { font-size: 10px; color: var(--m-dim); }
.rs__pm { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: #212529; }
.rs__pa { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-size: 10px; color: #495057; }
.rs__pa .ti { width: 12px; height: 12px; }
.rs__pt { margin-top: 2px; font-size: 10.5px; font-weight: 700; color: #000; }
.rs__tb td small { font-size: 9.5px; color: var(--m-dim); }
.rs__tb td b { font-weight: 600; }
.rs__tb tr.bad td { background: #FFE3E3; }
.rs__tb tr.bad td:nth-child(2) b { color: #FA5252; }
.rs__tb td:last-child { color: var(--m-dim); }
.rs__com { margin-top: auto; gap: 6px; }
.rs-on { border-color: var(--m-blue); box-shadow: 0 0 0 1px var(--m-blue); }
.tk-c__ex { min-width: 0; overflow: hidden; font-size: 9.5px; color: #495057; text-overflow: ellipsis; white-space: nowrap; }
.tk-c__fl { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; font-size: 9.5px; font-weight: 600; color: #E03131; white-space: nowrap; }
.tk-c__fn { display: inline-grid; place-items: center; flex: none; width: 14px; height: 14px; border-radius: 50%; background: #E03131; font-size: 8.5px; color: #fff; }
.tk-c__part { justify-self: start; display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; border-radius: 8px; background: #FFF4E6; font-size: 9px; font-weight: 600; color: #E8590C; }
.tk-c__part .ti { width: 10px; height: 10px; }
.js .ill:not(.is-live) .rs__p { opacity: 0; }
.ill.is-live .rs__p { animation: a-slide .5s var(--ease-out) .8s both; }
.js .ill:not(.is-live) .rs__tb tbody tr { opacity: 0; }
.ill.is-live .rs__tb tbody tr { animation: a-fade .3s ease calc(1.1s + var(--i) * .08s) both; }
.ill.is-live .rs__tb tr.bad td { animation: a-flagbg 1.4s ease 1.8s; }
.ill.is-live .rs-new { animation: rs-in .5s var(--ease-out) 2.6s both; }
.js .ill:not(.is-live) .rs__toast { opacity: 0; }
.ill.is-live .rs__toast { animation: a-pop .5s var(--ease-out) 2.8s both; }
@keyframes rs-in { from { max-height: 0; padding-block: 0; border-width: 0; opacity: 0; } to { max-height: 90px; opacity: 1; } }
html:not(.js) .rs-new { display: none; }
@media (max-width: 760px) {
  .fshot, .fshot--vid, .fshot--lay { zoom: 1; max-width: none; }
  .fshot > .m-notif { position: relative; right: auto; bottom: auto; width: auto; margin-top: 10px; }
  .vidc .vid { height: auto; grid-template-columns: minmax(0, 1fr); }
  .vidc .vid__side { display: none; }
  .vitals { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .e__notif, .tk-toast, .rs__toast { display: none; }
  .tk-mine { grid-template-columns: minmax(0, 1fr); }
  .tk-mine > .tk-pan { display: none; }
  .win--mc { height: 470px; }
  .mc { grid-template-columns: minmax(0, 1fr); }
  .mc-l { display: none; }
  .rs { grid-template-columns: minmax(0, 1fr); }
  .rs__p { display: none; }
  .rxp__panel { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 12px; }
  .dsp__tb th:nth-child(2), .dsp__tb td:nth-child(2), .dsp__sig { display: none; }
  .tk-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tk-cols > .tk-col:nth-child(3) { display: none; }
  .fshot--dsp > .m-notif, .fshot--ver > .m-notif { margin: 10px 0 0; }
  .dsp__t { white-space: normal; }
}
.fbox--scroll { display: flex; flex-direction: column; overflow: hidden; }
.fbox--scroll p { flex: 1 1 0; min-height: 0; padding-right: 8px; overflow-y: auto; scrollbar-width: none; }
.fbox--scroll p::-webkit-scrollbar { display: none; }
.fbox--scroll.has-scroll::after { content: ""; position: absolute; top: var(--tt, 0); right: 3px; width: 4px; height: var(--th, 0); border-radius: 2px; background: #ADB5BD; }
.tk-col, .tk-c { min-width: 0; }
.tk-c { grid-template-columns: minmax(0, 1fr); }
.tk-c .tk-ai { min-width: 0; white-space: normal; }
.cg__work { padding: 2px 8px; border-radius: 6px; background: #F1F3F5; font-size: 11px; font-weight: 500; color: #495057; }

.part__tag--step { padding: 5px 16px 5px 5px; }
.part__tag--step b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--grad); color: #fff; font-size: 12px; letter-spacing: 0; }
.part__title--q { max-width: none; }
.part__lede b { font-weight: 600; color: var(--ink); }
.spk { width: 100%; max-width: 1040px; margin-top: 34px; padding: 22px; border-radius: 28px; background: rgba(255, 255, 255, .94); box-shadow: inset 0 0 0 1px var(--line), var(--sh-3); text-align: left; }
.spk__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.spk__t { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 14px 10px 10px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--line-2); color: var(--ink); text-decoration: none; transition: box-shadow .18s, transform .18s, background .18s; }
.spk__t:hover { box-shadow: inset 0 0 0 2px var(--brand), 0 10px 24px -14px rgba(79, 70, 229, .55); transform: translateY(-2px); }
.js .spk .spk__t { opacity: 0; translate: 0 10px; }
.js .spk.is-in .spk__t { animation: spk-in .5s var(--ease-out) calc(.25s + var(--i) * .045s) both; }
@keyframes spk-in { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: none; } }
.spk__ic { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: var(--brand-soft); color: var(--brand); transition: background .18s, color .18s; }
.spk__ic .icon { width: 23px; height: 23px; }
.spk__n { flex: 1 1 auto; min-width: 0; font-size: 15.5px; font-weight: 600; letter-spacing: -.01em; line-height: 1.25; }
.spk__ok { display: none; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: #22C55E; color: #fff; }
.spk__ok .icon { width: 15px; height: 15px; stroke-width: 2.4; }
.spk__t.is-on { background: var(--ink); box-shadow: 0 14px 30px -14px rgba(11, 16, 32, .6); color: #fff; }
.spk__t.is-on .spk__ic { background: rgba(255, 255, 255, .12); color: #fff; }
.spk__t.is-on .spk__ok { display: grid; }
.spk__all { margin-top: 12px; }
.spk__all summary { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 18px; border-radius: 16px; background: var(--brand-soft); color: var(--brand-ink); font-size: 15.5px; font-weight: 600; list-style: none; cursor: pointer; transition: background .18s; }
.spk__all summary::-webkit-details-marker { display: none; }
.spk__all summary:hover { background: #E2E5FD; }
.spk__all summary .icon { width: 19px; height: 19px; }
.spk__all summary em { padding: 1px 9px; border-radius: var(--pill); background: #fff; font-size: 12.5px; font-style: normal; font-weight: 700; }
.spk__all summary .icon:last-child { transition: transform .2s; }
.spk__all[open] summary .icon:last-child { transform: rotate(180deg); }
.spk__list { columns: 4 190px; column-gap: 18px; margin-top: 12px; padding: 14px 6px 4px; border-top: 1px solid var(--line); list-style: none; }
.spk__list li { break-inside: avoid; }
.spk__list a { display: block; padding: 7px 10px; border-radius: 9px; font-size: 14.5px; line-height: 1.35; color: var(--text); text-decoration: none; transition: background .15s, color .15s; }
.spk__list a:hover { background: var(--brand-soft); color: var(--brand-ink); }
.spk__list a.is-on { background: var(--ink); font-weight: 600; color: #fff; }
.spk__now { display: flex; align-items: center; gap: 14px; margin-top: 16px; padding: 14px 14px 14px 18px; border-radius: 18px; background: var(--green-soft); }
.spk__ok--now { display: grid; width: 30px; height: 30px; }
.spk__ok--now .icon { width: 17px; height: 17px; }
.spk__now p { flex: 1 1 auto; font-size: 16.5px; line-height: 1.4; color: var(--text); }
.spk__now b { font-weight: 650; color: var(--ink); }
@media (max-width: 860px) { .spk__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.spec--made { width: 100%; margin-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); text-align: left; }

.fshot--fm { max-width: 430px; zoom: 1.25; }
.fshot--urs { max-width: 400px; zoom: 1.25; }
.fm { display: flex; flex-direction: column; overflow: hidden; }
.fm__h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px 11px; border-bottom: 1px solid var(--m-line-2); font-size: 12.5px; color: #000; }
.fm__h b { font-weight: 600; }
.fm__h .ti { flex: none; width: 14px; height: 14px; color: var(--m-dim); }
.fm__b { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px 14px; }
.fm__l { margin-top: 6px; font-size: 10.5px; font-weight: 500; color: #212529; }
.fm__two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin-top: 6px; }
.fm__two > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fm__two .fm__l, .fm__b > :first-child { margin-top: 0; }
.fm__b > .fm__sec:first-child { padding-top: 0; border-top: 0; }
.fm__sec { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--m-line-2); font-size: 11px; font-weight: 700; color: #000; }
.fm__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; margin-top: 6px; }
.fm__grid--1 { grid-template-columns: minmax(0, 1fr); gap: 7px; }
.fm .m-checkrow { align-items: flex-start; gap: 7px; font-size: 10.5px; line-height: 1.35; color: #000; }
.fm .m-check { margin-top: 0; }
.fm .m-input { white-space: normal; }
.fm__note { margin-top: 2px; font-size: 10px; color: var(--m-dim); }
.fm__att { margin-top: 10px; padding: 9px 10px; border-radius: 6px; background: #F8F9FA; }
.fm__tabs { display: flex; gap: 2px; margin: -12px -16px 8px; padding: 0 12px; border-bottom: 1px solid var(--m-line-2); }
.fm__tabs span { margin-bottom: -1px; padding: 8px 8px 7px; border-bottom: 2px solid transparent; font-size: 10.5px; color: #495057; white-space: nowrap; }
.fm__tabs span.on { border-color: var(--m-blue); font-weight: 600; color: #000; }
.fm__btns { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--m-line-2); }
.fshot--fm:has(.fm--long) { max-width: 470px; zoom: 1.12; }
.fm__act { display: grid; gap: 6px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--m-line); border-radius: 6px; }
.fm__act-h { font-size: 10.5px; font-weight: 600; line-height: 1.35; color: #000; }
.fm__act-f { display: flex; flex-direction: column; gap: 4px; }
.fm__act .fm__two { margin-top: 0; }
.fm__act .fm__two + .fm__two { margin-top: 4px; }
.fm__yn { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; border-bottom: 1px dashed var(--m-line-2); font-size: 10.5px; color: #212529; }
.fm__yn b { flex: none; font-weight: 600; color: #000; }
.alog__tabs { display: flex; gap: 2px; margin: 0 0 6px; border-bottom: 1px solid var(--m-line-2); }
.alog__tabs span { margin-bottom: -1px; padding: 5px 8px; border-bottom: 2px solid transparent; font-size: 10.5px; color: #495057; }
.alog__tabs span.on { border-color: var(--m-blue); font-weight: 600; color: #000; }
.alog__t td { white-space: normal; overflow-wrap: anywhere; }
.pb__opts { display: grid; margin-top: 3px; padding: 4px; border-radius: 6px; background: #fff; box-shadow: 0 0 0 1px var(--m-line), 0 10px 20px -10px rgba(16, 24, 40, .3); }
.pb__opts span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px; border-radius: 4px; font-size: 10.5px; color: #212529; }
.pb__opts span.on { background: var(--m-blue-l); font-weight: 600; color: var(--m-blue-d); }
.pb__opts .ti { flex: none; width: 12px; height: 12px; }
.pb__sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.pb__sum span { display: grid; gap: 3px; padding: 8px 10px; border-radius: 6px; background: #F8F9FA; font-size: 9.5px; color: var(--m-dim); }
.pb__sum b { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; color: #000; }
.dv__t { width: 100%; margin-top: 10px; table-layout: auto; }
.dv__t td { white-space: normal; }
.dv__t td:last-child, .dv__t th:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.dv__tot { display: flex; justify-content: space-between; margin: 2px 0 4px; padding: 7px 8px; border-radius: 4px; background: #F8F9FA; font-size: 11px; color: #495057; }
.dv__tot b { font-size: 12px; font-variant-numeric: tabular-nums; color: #000; }
.hs__cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-top: 8px; }
.hs__d { display: grid; place-items: center; height: 24px; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--m-line); font-size: 10.5px; font-variant-numeric: tabular-nums; color: #212529; }
.hs__d.we { background: #F8F9FA; color: var(--m-dim); }
.hs__d.on { background: var(--m-blue); box-shadow: none; font-weight: 600; color: #fff; }
.js .ill:not(.is-live) .hs__d.on { background: #fff; box-shadow: inset 0 0 0 1px var(--m-line); color: #212529; }
.ill.is-live .hs__d.on { animation: hs-on .3s ease calc(.8s + var(--i) * .2s) both; }
@keyframes hs-on { from { background: #fff; color: #212529; } to { background: var(--m-blue); color: #fff; } }

.ill--xr { display: grid; align-items: center; }
.xr { display: grid; gap: 14px; width: 100%; max-width: 500px; margin: auto; padding: 18px; zoom: 1.15; font-family: var(--sys); }
.xr .mui { max-width: none; }
.xr__h { display: grid; gap: 2px; padding: 12px 16px; border-bottom: 1px solid var(--m-line-2); }
.xr__h b { font-size: 13px; font-weight: 600; color: #000; }
.xr__h span { font-size: 10.5px; color: var(--m-dim); }
.xr__r { display: grid; grid-template-columns: 34px 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--m-line-2); }
.xr__r:last-child { border-bottom: 0; border-radius: 0 0 10px 10px; }
.xr__t { font-size: 10.5px; font-variant-numeric: tabular-nums; color: var(--m-dim); }
.xr__img, .xr__mod { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 6px; background: #212529; color: #DEE2E6; }
.xr__img .ti { width: 18px; height: 18px; }
.xr__mod { font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.xr__p { display: grid; gap: 1px; min-width: 0; }
.xr__p b { overflow: hidden; font-size: 12px; font-weight: 600; color: #000; text-overflow: ellipsis; white-space: nowrap; }
.xr__p small { font-size: 10.5px; color: #495057; }
.xr__r--wait { background: #FFF9F0; }
.xr__r--wait .xr__p b { color: #495057; }
.xr__open { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 10px; justify-self: end; width: 290px; padding: 12px 14px; }
.xr__open > .ti { width: 30px; height: 30px; padding: 6px; border-radius: 8px; background: var(--m-blue-l); color: var(--m-blue); }
.xr__open span { display: grid; gap: 1px; min-width: 0; }
.xr__open b { font-size: 12px; font-weight: 600; color: #000; }
.xr__open small { font-size: 10.5px; color: var(--m-dim); }
.js .ill--xr:not(.is-live) .xr__r, .js .ill--xr:not(.is-live) .xr__open { opacity: 0; }
.ill--xr.is-live .xr__r { animation: a-in .4s var(--ease-out) calc(.4s + var(--i) * .25s) both; }
.ill--xr.is-live .xr__open { animation: a-pop .5s var(--ease-out) 1.7s both; }
@media (max-width: 760px) {
  .fshot--fm, .fshot--fm:has(.fm--long) { zoom: 1; max-width: none; }
  .spec__vis:has(> .fshot--fm) { height: auto; }
  .xr { padding: 0; zoom: 1; }
  .xr__open { justify-self: stretch; width: auto; }
}
@media (max-width: 560px) {
  .spk { padding: 12px; border-radius: 22px; }
  .spk__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .spk__t { gap: 10px; min-height: 58px; padding: 8px 10px 8px 8px; border-radius: 14px; }
  .spk__ic { width: 36px; height: 36px; border-radius: 10px; }
  .spk__ic .icon { width: 20px; height: 20px; }
  .spk__n { font-size: 14px; }
  .spk__t .spk__ok { position: absolute; top: -6px; right: -6px; width: 22px; height: 22px; box-shadow: 0 0 0 2px #fff; }
  .spk__list { columns: 2 130px; column-gap: 6px; }
  .spk__list a { padding: 6px 8px; font-size: 13.5px; }
  .spk__now { flex-wrap: wrap; gap: 10px 12px; padding: 12px; }
  .spk__now p { flex: 1 1 calc(100% - 44px); font-size: 15px; }
  .alog__t th:nth-child(2), .alog__t td:nth-child(2) { display: none; }
  .fm__grid:not(.fm__grid--1) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dv__t th:nth-child(3), .dv__t td:nth-child(3) { display: none; }
}

.hsp { position: relative; display: none; margin-left: -8px; }
.hsp > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 36px; max-width: 300px; padding: 0 10px 0 13px; border-radius: var(--pill); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); font-size: 14px; font-weight: 600; color: var(--ink); white-space: nowrap; cursor: pointer; }
.hsp > summary::-webkit-details-marker { display: none; }
.hsp > summary:hover { box-shadow: inset 0 0 0 1px #C7CCD6, var(--sh-1); }
.hsp__for { color: var(--muted); font-weight: 450; }
.hsp__n { overflow: hidden; text-overflow: ellipsis; }
.hsp > summary .icon { flex: none; width: 15px; height: 15px; color: var(--muted); transition: transform .2s; }
.hsp[open] > summary .icon { transform: rotate(180deg); }
.hsp--ask > summary { padding-left: 15px; background: var(--brand-soft); box-shadow: inset 0 0 0 1px #D9DCFB; color: var(--brand-ink); }
.hsp--ask > summary:hover { box-shadow: inset 0 0 0 1px #C3C8F7, var(--sh-1); }
.hsp--ask > summary .icon { color: var(--brand); }
.hsp__p { position: absolute; top: calc(100% + 12px); left: 0; z-index: 70; width: 460px; max-height: calc(100vh - 130px); overflow-y: auto; overscroll-behavior: contain; padding: 12px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), 0 28px 56px -24px rgba(16, 24, 40, .32); }
.hsp__h { padding: 4px 8px 8px; font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); }
.header__call { display: none; align-items: center; gap: 8px; padding: 8px 6px; font-size: 15px; font-weight: 600; color: var(--ink); text-decoration: none; white-space: nowrap; }
.header__call .icon { width: 17px; height: 17px; color: var(--green-mid); }
.hsp__p:has(.spl__more[open]) { width: min(860px, var(--hsp-room, 860px)); }
.spl__l { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.spl__l a, .spl__me { display: flex; align-items: center; gap: 10px; padding: 9px 8px; border-radius: 10px; font-size: 14.5px; color: var(--ink); text-decoration: none; }
.spl__l a:hover, .spl__al a:hover { background: var(--bg-soft); }
.spl__l a.is-on, .spl__al a.is-on, .spl__me { background: var(--brand-soft); font-weight: 600; }
.spl__me { margin-bottom: 6px; }
.spl__ok { display: grid; place-items: center; flex: none; width: 18px; height: 18px; margin-left: auto; border-radius: 50%; background: #22C55E; color: #fff; }
.spl .spl__me .spl__ok .icon { width: 12px; height: 12px; stroke-width: 2.6; color: #fff; }
.spl__l .icon, .spl__me .icon { flex: none; width: 18px; height: 18px; color: var(--brand); }
.spl__more > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 12px 8px 4px; border-top: 1px solid var(--line); font-size: 14.5px; font-weight: 600; color: var(--brand); cursor: pointer; }
.spl__more > summary::-webkit-details-marker { display: none; }
.spl__more > summary .icon { width: 16px; height: 16px; color: var(--brand); transition: transform .2s; }
.spl__more[open] > summary .icon { transform: rotate(180deg); }
.spl:has(.spl__more[open]) > :is(.spl__l, .spl__me) { display: none; }
.spl:has(.spl__more[open]) .spl__more > summary { margin-top: 0; padding-top: 4px; border-top: 0; }
.spl__al { list-style: none; columns: 3; column-gap: 8px; margin-top: 8px; }
.spl__al li { break-inside: avoid; }
.spl__al a { display: block; padding: 7px 8px; border-radius: 9px; font-size: 14px; line-height: 1.35; color: var(--ink); text-decoration: none; }
.mspec { margin-bottom: 6px; border-radius: 16px; background: var(--bg-tint); box-shadow: inset 0 0 0 1px #E3E5FB; }
.mspec > summary { list-style: none; display: flex; align-items: center; gap: 12px; padding: 14px; color: var(--ink); cursor: pointer; }
.mspec > summary::-webkit-details-marker { display: none; }
.mspec__ic { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
.mnav__panel .mspec__ic .icon { width: 21px; height: 21px; color: var(--brand); }
.mspec__t { display: grid; flex: 1; min-width: 0; font-size: 18px; font-weight: 650; line-height: 1.3; letter-spacing: -.02em; }
.mspec__t small { font-size: 12.5px; font-weight: 500; letter-spacing: 0; color: var(--muted); }
.mspec__c { display: inline-flex; align-items: center; gap: 3px; font-size: 14.5px; font-weight: 600; color: var(--brand); }
.mnav__panel .mspec__c .icon { width: 15px; height: 15px; color: var(--brand); transition: transform .2s; }
.mspec[open] .mspec__c .icon { transform: rotate(180deg); }
.mspec__p { padding: 0 8px 10px; }
.mnav__panel .spl li a { justify-content: flex-start; padding: 10px 8px; border-bottom: 0; border-radius: 10px; font-size: 15px; font-weight: 500; letter-spacing: 0; }
.mnav__panel .spl li a.is-on { font-weight: 600; }
.mnav__panel .spl .icon { color: var(--brand); }
.mnav__panel .spl__al { display: block; columns: 2; }
.mnav__panel .spl__al li a { display: block; padding: 8px; font-size: 14px; line-height: 1.35; }
.mnav__panel .mnav__call { margin-top: 10px; gap: 8px; }
.mnav__panel .mnav__call .icon { color: var(--ink); }
.mnav__note { margin-top: 14px; text-align: center; font-size: 13.5px; color: var(--muted); }
@media (min-width: 640px) { .hsp { display: block; } .mspec { display: none; } }
@media (min-width: 1040px) { .header__call { display: inline-flex; } }
@media (max-width: 1039px) { .hsp .spl__al { columns: 2; } }
.fbox--chr .m-checkrow { align-items: flex-start; gap: 6px; padding: 2px 0; line-height: 1.35; }
.fbox--chr .m-checkrow + .m-checkrow { border-top: 1px solid var(--m-line); }
.fbox--chr .m-check { margin-top: 1px; }
.pill-soon { background: #FEF3C7; color: #92400E; }
.spec__soon > .icon { color: #B45309; }
.cnsx { position: relative; display: grid; gap: 12px; width: 100%; max-width: 470px; padding-top: 38px; }
.cnsx__soon { position: absolute; top: 0; left: 0; padding: 5px 12px; border-radius: var(--pill); background: #FEF3C7; box-shadow: inset 0 0 0 1px #FDE68A; font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #92400E; }
.cnsx__c { display: grid; gap: 6px; padding: 12px 14px; }
.cnsx__c--2 { margin-left: 26px; }
.cnsx__c--3 { margin-left: 52px; }
.cnsx__h { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--m-text); }
.cnsx__h > .ti { width: 15px; height: 15px; color: var(--m-blue); }
.cnsx__tag { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-family: var(--mono); font-size: 10px; color: var(--m-dim); }
.cnsx__tag .ti { width: 11px; height: 11px; }
.cnsx__s { font-size: 11px; color: var(--m-dim); }
.cnsx__l { font-size: 11px; line-height: 1.5; color: var(--m-text); }
.cnsx__row { display: flex; align-items: center; gap: 10px; }
.cnsx__st { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; color: #2B8A3E; }
.cnsx__st .ti, .cnsx__paid .ti, .cnsx__rej .ti { width: 11px; height: 11px; }
.cnsx__ok { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #2B8A3E; color: #fff; }
.cnsx__ok .ti { width: 11px; height: 11px; stroke-width: 3; }
.cnsx__dots { display: flex; gap: 5px; }
.cnsx__dots i { width: 22px; height: 6px; border-radius: 3px; background: var(--m-line); }
.cnsx__dots i.on { background: var(--m-blue); }
.cnsx__dots i.cur { background: #fff; box-shadow: inset 0 0 0 1.5px var(--m-blue); }
.cnsx__cur { font-size: 10.5px; font-weight: 600; color: var(--m-blue); }
.cnsx__ret { display: flex; flex-wrap: wrap; gap: 6px; }
.cnsx__paid, .cnsx__rej { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 6px; font-size: 10.5px; }
.cnsx__paid { background: #EBFBEE; color: #2B8A3E; }
.cnsx__rej { background: #FFF5F5; color: #C92A2A; }
.js .ill:not(.is-live) .cnsx__c { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill.is-live .cnsx__c { animation: a-in .45s var(--ease-out) calc(.2s + var(--i) * .45s) both; }
@media (max-width: 560px) { .cnsx__c--2, .cnsx__c--3 { margin-left: 0; } }
.invp { container-type: size; display: grid; place-items: center; height: 100%; padding: 10px; background: #F1F3F5; overflow: hidden; }
.invp__page { --mm: calc(100cqw / 210); position: relative; width: min(100cqw, calc(100cqh * 210 / 297)); aspect-ratio: 210 / 297; container-type: inline-size; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .1), 0 16px 32px -22px rgba(16, 24, 40, .45); font-family: Arial, Helvetica, sans-serif; line-height: 1; color: #000; }
.invp__page p { margin: calc(.53 * var(--mm)) 0; }
.iz { position: absolute; box-sizing: border-box; border: 0 solid #000; border-width: calc(.27 * var(--mm)); overflow: hidden; font-size: calc(3.881 * var(--mm)); }
.izA { left: calc(12.25 * var(--mm)); top: calc(9 * var(--mm)); width: calc(90 * var(--mm)); height: calc(52.5 * var(--mm)); border-bottom-width: 0; padding: calc(2 * var(--mm)); }
.izA .dn { margin: 0 0 calc(1.06 * var(--mm)); font-size: calc(4.939 * var(--mm)); font-weight: 700; }
.izB { left: calc(102.25 * var(--mm)); top: calc(9 * var(--mm)); width: calc(101 * var(--mm)); height: calc(14.5 * var(--mm)); border-left-width: 0; border-bottom-width: 0; padding: calc(2 * var(--mm)); }
.izD { left: calc(102.25 * var(--mm)); top: calc(23.5 * var(--mm)); width: calc(101 * var(--mm)); height: calc(23 * var(--mm)); border-left-width: 0; border-bottom-width: 0; display: flex; justify-content: flex-end; align-items: center; padding: 0 calc(5 * var(--mm)); }
.izD .dmx { width: calc(20 * var(--mm)); height: calc(20 * var(--mm)); }
.izE { left: calc(12.25 * var(--mm)); top: calc(61.5 * var(--mm)); width: calc(90 * var(--mm)); height: calc(20 * var(--mm)); padding: calc(1 * var(--mm)) calc(2 * var(--mm)) calc(2 * var(--mm)); }
.izF { left: calc(102.25 * var(--mm)); top: calc(46.5 * var(--mm)); width: calc(101 * var(--mm)); height: calc(35 * var(--mm)); border-left-width: 0; padding: calc(3 * var(--mm)) calc(3 * var(--mm)) calc(3 * var(--mm)) calc(14 * var(--mm)); }
.izG { left: calc(12.25 * var(--mm)); top: calc(81.5 * var(--mm)); width: calc(191 * var(--mm)); height: calc(13 * var(--mm)); border-top-width: 0; display: flex; align-items: center; justify-content: center; font-size: calc(4.939 * var(--mm)); font-weight: 700; text-align: center; }
.izGh, .izH { border-width: 0; display: grid; grid-template-columns: calc(6 * var(--mm)) calc(4.5 * var(--mm)) calc(11.5 * var(--mm)) calc(18 * var(--mm)) calc(16 * var(--mm)) calc(16 * var(--mm)) calc(22 * var(--mm)) calc(72 * var(--mm)) calc(8 * var(--mm)) calc(18.5 * var(--mm)) calc(4.5 * var(--mm)); font-size: calc(2.822 * var(--mm)); }
.izGh { left: calc(6.25 * var(--mm)); top: calc(94.5 * var(--mm)); width: calc(197 * var(--mm)); height: calc(8.5 * var(--mm)); grid-template-columns: calc(6 * var(--mm)) calc(4.5 * var(--mm)) calc(11.5 * var(--mm)) calc(18 * var(--mm)) calc(32 * var(--mm)) calc(22 * var(--mm)) calc(72 * var(--mm)) calc(8 * var(--mm)) calc(18.5 * var(--mm)) calc(4.5 * var(--mm)); font-weight: 700; text-align: center; }
.izH { left: calc(6.25 * var(--mm)); top: calc(103 * var(--mm)); width: calc(197 * var(--mm)); height: calc(60 * var(--mm)); grid-auto-rows: calc(6 * var(--mm)); }
.izGh > span, .izH > span { display: flex; align-items: center; justify-content: center; padding: 0 calc(1 * var(--mm)); border: 0 solid #000; border-width: 0 calc(.27 * var(--mm)) calc(.27 * var(--mm)) 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.izGh > span:first-child { border-right-color: transparent; }
.izGh > span:nth-child(2) { border-left-width: calc(.27 * var(--mm)); }
.izH > span:nth-child(11n+1) { border-left-width: calc(.27 * var(--mm)); border-right-width: 0; }
.izH > span:nth-child(11n+2) { border-left-width: calc(.27 * var(--mm)); }
.izH > span:nth-child(11n+4), .izH > span:nth-child(11n+5), .izH > span:nth-child(11n+7), .izH > span:nth-child(11n+8) { justify-content: flex-start; }
.izH > span:nth-child(11n+10) { justify-content: flex-end; }
.izT0, .izT1 { border-width: 0; padding: calc(5 * var(--mm)) 0 0 calc(1 * var(--mm)); font-size: calc(2.822 * var(--mm)); }
.izT0 { left: calc(6.25 * var(--mm)); top: calc(163 * var(--mm)); width: calc(116 * var(--mm)); height: calc(30 * var(--mm)); }
.izT1 { left: calc(82.25 * var(--mm)); top: calc(163 * var(--mm)); width: calc(60 * var(--mm)); height: calc(30 * var(--mm)); }
.izT1 .rxp__sig { display: block; width: calc(26 * var(--mm)); height: calc(7 * var(--mm)); margin-top: calc(1 * var(--mm)); }
.izS { left: calc(147.25 * var(--mm)); top: calc(163 * var(--mm)); width: calc(55.7 * var(--mm)); height: calc(36 * var(--mm)); border-width: 0; display: grid; grid-template-columns: calc(32.7 * var(--mm)) calc(18.6 * var(--mm)) calc(4.4 * var(--mm)); grid-auto-rows: calc(6 * var(--mm)); font-size: calc(2.822 * var(--mm)); }
.izS > span { display: flex; align-items: center; white-space: nowrap; padding: 0 calc(.6 * var(--mm)); border: 0 solid #000; border-width: 0 calc(.27 * var(--mm)) calc(.27 * var(--mm)) 0; }
.izS > span:nth-child(3n+1) { border-left-width: calc(.27 * var(--mm)); padding-left: calc(1.6 * var(--mm)); }
.izS > span:nth-child(3n+2) { justify-content: flex-end; }
.izS > span:nth-child(3n) { justify-content: center; }
.izS > span:nth-child(-n+3) { border-top-width: calc(.27 * var(--mm)); }
.izS > .b { font-weight: 700; }
.izL { left: calc(12.25 * var(--mm)); top: calc(199 * var(--mm)); width: calc(191 * var(--mm)); height: calc(70 * var(--mm)); border-width: 0; display: flex; align-items: center; justify-content: center; font-size: calc(4.939 * var(--mm)); font-weight: 700; line-height: 1.2; text-align: center; }
.izM { left: calc(12.25 * var(--mm)); top: calc(269 * var(--mm)); width: calc(191 * var(--mm)); height: calc(6 * var(--mm)); border-width: 0; display: grid; grid-template-columns: calc(42.5 * var(--mm)) calc(46 * var(--mm)) calc(46 * var(--mm)) calc(56.5 * var(--mm)); font-size: calc(2.822 * var(--mm)); }
.izM > span { display: flex; align-items: center; padding: 0 calc(1 * var(--mm)); border: 0 solid #000; border-width: calc(.27 * var(--mm)) 0 0 calc(.27 * var(--mm)); }
.izM > span:last-child { border-right-width: calc(.27 * var(--mm)); }
.izM0 { left: calc(12.25 * var(--mm)); top: calc(275 * var(--mm)); width: calc(191 * var(--mm)); height: calc(6 * var(--mm)); border-bottom-width: 0; display: flex; align-items: center; padding: 0 calc(1 * var(--mm)); font-size: calc(2.469 * var(--mm)); }
.izN { left: calc(12.25 * var(--mm)); top: calc(281 * var(--mm)); width: calc(191 * var(--mm)); height: calc(7.5 * var(--mm)); display: flex; align-items: center; justify-content: center; padding: 0 calc(4 * var(--mm)); font-size: calc(2.469 * var(--mm)); line-height: 1.2; text-align: center; }
.js .ill--bill:not(.is-live) .invp__page { opacity: 0; transform: translate3d(0, 14px, 0); }
.ill--bill.is-live .invp__page { animation: a-in .5s var(--ease-out) 4.75s both; }

.vdl { display: grid; gap: 7px; width: 100%; max-width: 400px; height: max-content; padding: 10px 12px; }
.vdl__h { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--m-text); }
.vdl__h .ti { width: 13px; height: 13px; color: var(--m-dim); }
.vdl__opt { font-size: 11px; }
.vdl__r { display: grid; gap: 6px; padding: 8px 10px; border: 1px solid var(--m-line); border-radius: 6px; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10.5px; line-height: 1.4; color: #1F2937; }
.vdl__rh { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid #E5E7EB; }
.vdl__rh b { font-size: 11.5px; color: #111827; }
.vdl__rh span { color: #6B7280; }
.vdl__d { color: #374151; }
.vdl__d small { font-size: 10px; color: #6B7280; }
.vdl__a { display: grid; gap: 2px; padding: 6px 9px; border-left: 3px solid #F59E0B; border-radius: 4px; background: #FFFBEB; }
.vdl__lv { font-weight: 700; color: #B45309; }
.vdl__pair { font-weight: 700; color: #111827; }
.js .ill:not(.is-live) .vdl__a { opacity: 0; transform: translate3d(0, 8px, 0); }
.ill.is-live .vdl__a { animation: a-in .45s var(--ease-out) 1s both; }
@media (max-width: 560px) { .vdl__d { display: none; } }
.fpart { display: flex; align-items: center; gap: 14px; margin: 36px 0 16px; }
.fpart:first-of-type { margin-top: 8px; }
.fpart .tile { flex: none; width: 46px; height: 46px; border-radius: 14px; }
.fpart .tile .icon { width: 22px; height: 22px; }
.fpart h3 { font-size: clamp(1.3rem, 1.1rem + .6vw, 1.6rem); letter-spacing: -.02em; color: var(--ink); }
.fpart p { margin-top: 2px; font-size: 15.5px; color: var(--muted); }
.fecit .feat__cap { justify-content: center; }
.fecit__l { display: grid; gap: 14px; list-style: none; }
.fecit__l li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; }
.fecit__l li > .icon { width: 18px; height: 18px; margin-top: 2px; color: var(--acc, var(--brand)); }
.fecit__l b { display: block; font-size: 16.5px; font-weight: 650; letter-spacing: -.01em; color: var(--ink); }
.fecit__l span { font-size: 14.5px; line-height: 1.5; color: var(--muted); }
.fecit__more { margin-top: 18px; }
.fall { margin-top: 16px; padding: 24px 26px 20px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--sh-1); }
.fall__h { font-size: 18px; letter-spacing: -.015em; color: var(--ink); }
.fall__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 28px; margin-top: 14px; }
.fall__g h4 { margin-bottom: 8px; font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); }
.fall__g ul { display: grid; gap: 7px; list-style: none; }
.fall__g li { position: relative; padding-left: 16px; font-size: 15px; line-height: 1.4; color: var(--text); }
.fall__g li::before { content: ""; position: absolute; left: 2px; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: var(--acc, var(--brand)); }
.fall .cpitch__note { margin-top: 20px; }
@media (max-width: 960px) { .fall__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .fall { padding: 18px 16px; } .fall__grid { grid-template-columns: minmax(0, 1fr); } .fpart { align-items: flex-start; } }
.fall__g li .pill-new { margin-left: 6px; vertical-align: 1px; }
.cxr { display: grid; gap: 10px; width: 100%; max-width: 540px; padding: 12px 14px 14px; }
.cxr__h { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12.5px; color: var(--m-text); }
.cxr__dates { display: flex; gap: 6px; }
.cxr__dates .m-input { padding: 3px 8px; font-size: 10.5px; }
.cxr__k { display: flex; flex-wrap: wrap; gap: 6px; }
.cxr__k span { display: grid; gap: 1px; min-width: 64px; padding: 6px 9px; border: 1px solid var(--m-line); border-radius: 6px; }
.cxr__k small { font-size: 9.5px; color: var(--m-dim); }
.cxr__k b { font-size: 14px; color: var(--m-text); }
.cxr__k b.g { color: #2B8A3E; }
.cxr__k b.r { color: #C92A2A; }
.cxr__t { width: 100%; font-size: 10.5px; }
.cxr__t td, .cxr__t th { white-space: nowrap; }
.js .ill:not(.is-live) .cxr__t tbody tr { opacity: 0; }
.ill.is-live .cxr__t tbody tr { animation: a-in .35s var(--ease-out) calc(.3s + var(--i) * .12s) both; }
@media (max-width: 560px) { .cxr__t th:nth-child(4), .cxr__t td:nth-child(4), .cxr__t small { display: none; } .cxr__dates { display: none; } .cxr__t { font-size: 9.5px; } .cxr .m-badge { padding: 1px 4px; font-size: 8px; } }
.replay { position: absolute; top: 12px; right: 12px; z-index: 5; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px 0 9px; border: 0; border-radius: var(--pill); background: rgba(255, 255, 255, .92); box-shadow: inset 0 0 0 1px var(--line-2), var(--sh-1); color: var(--muted); font: 500 11px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s, color .2s; }
.replay .icon { width: 13px; height: 13px; }
.replay:hover { color: var(--ink); }
.is-done .replay { opacity: 1; visibility: visible; }
.spec__vis .replay { top: 3px; right: 8px; height: 21px; padding: 0 9px 0 7px; font-size: 10px; }
.spec__vis .replay .icon { width: 11px; height: 11px; }
.team-sec__vis .replay, .feat__stage:has(> .kfm) > .replay { top: auto; bottom: 12px; }
.spec__vis .fshot > .replay { top: auto; right: auto; bottom: 10px; left: 12px; height: 28px; padding: 0 11px 0 9px; font-size: 11px; zoom: .77; }
.spec__vis .fshot > .replay .icon { width: 13px; height: 13px; }
.team-sec__vis { position: relative; }
@media (prefers-reduced-motion: reduce) { .replay { display: none; } }
.section--soft + .section--soft { padding-top: 0; }
.ics__e { grid-template-columns: 38px minmax(0, 1fr); }
.ics__e b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 600px) { .bank__t td:nth-child(2) { max-width: 0; width: 100%; } .bank__pick { width: 100%; max-width: 170px; } }
@media (max-width: 600px) { html:not([lang="en"]) .perio__h { flex-wrap: wrap; row-gap: 6px; } html:not([lang="en"]) .perio__foot { flex-wrap: wrap; row-gap: 6px; } html:not([lang="en"]) .perio__foot .app__gap { flex-basis: 100%; } html:not([lang="en"]) .perio__foot .m-btn--default { margin-left: auto; } }
html:not([lang="en"]) .cxr__t td:nth-child(2) .m-badge { height: auto; padding: 2px 6px; white-space: normal; line-height: 1.25; hyphens: auto; }
html:not([lang="en"]) .cxr__t td:nth-child(4) { white-space: normal; }
@media (min-width: 761px) { html:not([lang="en"]) .bank__t td:nth-child(2) { max-width: 185px; } }
@media (min-width: 761px) { html:not([lang="en"]) .fshot--fm:has(.fm--long) { zoom: 1.03; max-width: 500px; } }
@media (max-width: 600px) { .feat__stage > .chat { display: flex; flex-direction: column; max-height: 100%; } .feat__stage > .chat > * { flex: none; } .feat__stage > .chat > .chat__b { flex: 1 1 auto; min-height: 0; overflow: hidden; align-content: end; } }
.xr__p > * { min-width: 0; }
.xr__p small { overflow-wrap: anywhere; hyphens: auto; }
.spk__n, .ecf__h, .fm .m-input, .lay__blk span, .mgf b { overflow-wrap: anywhere; hyphens: auto; }
.ecf__h, .lay__blk span { min-width: 0; }
html:not([lang="en"]) .lay__blk { padding: 6px 7px; font-size: 10px; line-height: 1.25; }
html:not([lang="en"]) .bank__top > b { min-width: 0; white-space: normal; line-height: 1.2; }
html:not([lang="en"]) .hsp > summary { max-width: 420px; }
html:not([lang="en"]) .tk-tabs { gap: 13px; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 34px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 34px), transparent); }
html:not([lang="en"]) .tk-c__fl { gap: 4px; font-size: 9px; }
@media (max-width: 600px) { .bank__pick { position: relative; display: block; padding-right: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; } .bank__pick .ti { position: absolute; top: 50%; right: 7px; margin-top: -6px; } html:not([lang="en"]) .fbox { flex: 1 0 auto; } html:not([lang="en"]) .fbox--scroll { flex: 1 1 74px; min-height: 74px; } html:not([lang="en"]) .feat .win--feat:has(.mail__notif) { height: 480px; } }
html:not([lang="en"]) .rs__tb th, html:not([lang="en"]) .rs__tb td:first-child { white-space: normal; line-height: 1.2; }
@media (max-width: 600px) { html:not([lang="en"]) .lay__blk { padding: 5px; font-size: 9px; line-height: 1.2; } html:not([lang="en"]) .lay__blk span { gap: 3px; } }
.ill--ecit .app__body { position: relative; }
.ecp { position: absolute; z-index: 7; inset: 10px; display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 18px 36px -12px rgba(0, 0, 0, .3); }
.ecp__ok { font-size: 11px; font-weight: 500; text-align: center; color: #0CA678; }
.ecp__docs { display: flex; flex: 1 1 auto; justify-content: center; gap: 14px; min-height: 0; }
.ecp__docs img { display: block; height: 100%; width: auto; aspect-ratio: 600 / 848; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .1), 0 14px 30px -16px rgba(16, 24, 40, .45); }
.ill--ecit:not(.is-live) .ecp { opacity: 0; transform: translate3d(0, 12px, 0); }
.ill--ecit.is-live .ecp { animation: a-pop .5s var(--ease-out) 4.7s both; }
@media (max-width: 600px) { .ill--ecit .mgf { position: relative; left: auto; bottom: auto; width: auto; margin: -30px 14px 0; } }
.tour__scene > .replay { top: 4px; right: 8px; height: 21px; padding: 0 9px 0 7px; font-size: 10px; }
.tour__scene > .replay .icon { width: 11px; height: 11px; }
.mde { position: relative; display: grid; gap: 4px; font-size: 13px; }
.mde__in { display: grid; align-items: center; min-height: 20px; color: #000; }
.mde__in > * { grid-area: 1 / 1; min-width: 0; }
.mde__typed { display: flex; align-items: center; font-weight: 600; opacity: 0; }
.mde__caret { flex: none; width: 1px; height: 15px; margin-left: 1px; background: #000; opacity: 0; }
.mde__pick { overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; opacity: 0; }
.mde__ph { overflow: hidden; color: #ADB5BD; text-overflow: ellipsis; white-space: nowrap; }
.mde__pos { display: flex; align-items: center; justify-content: space-between; gap: 8px; max-height: 0; overflow: hidden; font-size: 12px; color: #495057; opacity: 0; }
.mde__pos .ti { flex: none; width: 14px; height: 14px; color: var(--m-blue); }
.mde__dd { position: absolute; z-index: 5; bottom: calc(100% + 6px); left: -8px; right: -8px; display: grid; gap: 2px; padding: 4px; border-radius: 6px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 14px 30px -10px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; }
.mde__o { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 4px; }
.mde__o > span { display: grid; flex: 1 1 auto; gap: 1px; min-width: 0; }
.mde__o b { font-size: 11.5px; font-weight: 500; color: #000; }
.mde__o small { font-size: 10.5px; color: #495057; }
.mde__o i { display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 4px; background: #E7F5FF; color: #1C7ED6; font-size: 10.5px; font-weight: 700; font-style: normal; }
.js .ill--rx:not(.is-live) .mde__added { display: none; }
.ill--rx.is-live .rnw__l.mde__added { overflow: hidden; animation: mde-add .45s var(--ease-out) 8.3s both; }
.ill--rx.is-live .mde__typed { animation: mde-typed 2.8s linear 3.4s both; }
.ill--rx.is-live .mde__caret { animation: mde-caret 1s steps(1) 3.4s 3 forwards; }
.ill--rx.is-live .mde__ph { animation: mde-ph 4.6s linear 3.7s forwards; }
.ill--rx.is-live .mde__dd { animation: mde-dd 2s linear 4.2s both; }
.ill--rx.is-live .mde__o--0 { animation: mde-o0 .2s linear 5.1s both; }
.ill--rx.is-live .mde__o--1 { animation: mde-o1 .2s linear 5.1s both; }
.ill--rx.is-live .mde__pick { animation: mde-pick 2.1s linear 6.2s both; }
.ill--rx.is-live .mde__pos { animation: mde-pos 2.1s linear 6.2s both; }
@keyframes mde-typed { 0%, 99% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mde-caret { 0% { opacity: 1; } 50% { opacity: 0; } }
@keyframes mde-ph { 0%, 99% { opacity: 0; } 100% { opacity: 1; } }
@keyframes mde-dd { 0% { opacity: 0; visibility: visible; transform: translate3d(0, 4px, 0); } 8%, 92% { opacity: 1; visibility: visible; transform: none; } 100% { opacity: 0; visibility: hidden; } }
@keyframes mde-o0 { from { background: #E7F5FF; } to { background: transparent; } }
@keyframes mde-o1 { from { background: transparent; } to { background: #E7F5FF; } }
@keyframes mde-pick { 0% { opacity: 0; } 6%, 94% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mde-pos { 0% { opacity: 0; max-height: 0; } 6%, 94% { opacity: 1; max-height: 40px; } 100% { opacity: 0; max-height: 0; } }
@keyframes mde-add { from { opacity: 0; max-height: 0; margin-top: -12px; padding-bottom: 0; } to { opacity: 1; max-height: 70px; margin-top: 0; padding-bottom: 12px; } }
.mail { position: relative; }
.mail__rep { display: grid; gap: 7px; margin-top: 2px; padding: 9px 10px; border: 1px solid var(--m-line); border-radius: 8px; background: #fff; }
.mail__rept { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; color: #495057; }
.mail__rept .ti { width: 12px; height: 12px; }
.mail__repx { font-size: 11px; line-height: 1.5; color: #212529; }
.mail__repa { display: flex; align-items: center; gap: 8px; justify-self: start; padding: 5px 10px 5px 6px; border-radius: 6px; background: #F1F3F5; font-size: 10.5px; }
.mail__repa b { font-weight: 600; color: #000; }
.mail__send { justify-self: end; font-size: 10.5px; }
.mail__send .ti { width: 12px; height: 12px; }
.mpk { position: absolute; z-index: 6; top: 50%; left: 50%; display: grid; gap: 9px; width: min(400px, calc(100% - 24px)); padding: 12px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 24px 48px -16px rgba(0, 0, 0, .35); transform: translate(-50%, -50%); }
.mpk__h { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: #000; }
.mpk__h b { font-weight: 600; }
.mpk__h .ti { width: 13px; height: 13px; margin-left: auto; color: var(--m-dim); }
.mpk__s { font-size: 10.5px; }
.mpk__s .ti { width: 12px; height: 12px; }
.mpk__b { display: grid; grid-template-columns: 112px minmax(0, 1fr); height: 132px; overflow: hidden; border: 1px solid var(--m-line); border-radius: 8px; }
.mpk__g { border-right: 1px solid var(--m-line); background: #F8F9FA; }
.mpk__g p { display: flex; justify-content: space-between; gap: 6px; padding: 6px 9px; font-size: 10.5px; color: #212529; }
.mpk__g p.on { background: #E7F5FF; }
.mpk__g em { font-style: normal; color: var(--m-dim); }
.mpk__r { display: flex; align-items: center; gap: 9px; padding: 7px 10px; border-bottom: 1px solid var(--m-line-2); font-size: 10.5px; }
.mpk__r b { flex: 1 1 auto; min-width: 0; font-weight: 600; color: #000; }
.mpk__r small { font-size: 9.5px; color: var(--m-dim); white-space: nowrap; }
.mpk__f { display: flex; justify-content: flex-end; gap: 8px; }
.mpk__f .m-btn { height: 24px; font-size: 10.5px; }
.mpk__go { display: grid; }
.mpk__go > span { grid-area: 1 / 1; }
.mpk__go > span + span { opacity: 0; }
.js .ill:not(.is-live) .mpk { opacity: 0; visibility: hidden; }
.ill.is-live .mpk { animation: mpk-life 4s var(--ease-out) 1.6s both; }
.ill.is-live .mpk__r--pick { --t0: 2.8s; animation: mpk-pick .2s linear 2.8s both; }
.ill.is-live .mpk__go { animation: mpk-en .2s linear 2.8s both, a-click .3s ease 4.4s; }
.ill.is-live .mpk__go > span:first-child { animation: mpk-hide .1s linear 2.8s both; }
.ill.is-live .mpk__go > span + span { animation: mpk-show .1s linear 2.8s both; }
.js .ill:not(.is-live) .mail__rep { opacity: 0; }
.ill.is-live .mail__rep { animation: a-in .4s var(--ease-out) 5.6s both; }
.ill.is-live .mail__send { animation: a-ring 1s ease-out 6s, a-click .3s ease 6.6s; }
.ill.is-live .mail__notif { animation: a-pop .5s var(--ease-out) 7s both; }
@keyframes mpk-life { 0% { opacity: 0; visibility: visible; transform: translate(-50%, calc(-50% + 10px)); } 8%, 92% { opacity: 1; visibility: visible; transform: translate(-50%, -50%); } 100% { opacity: 0; visibility: hidden; transform: translate(-50%, -50%); } }
@keyframes mpk-pick { from { background: transparent; } to { background: #E7F5FF; } }
@keyframes mpk-en { from { opacity: .45; } to { opacity: 1; } }
@keyframes mpk-hide { to { opacity: 0; } }
@keyframes mpk-show { to { opacity: 1; } }
@media (max-width: 600px) { .mpk__b { grid-template-columns: 92px minmax(0, 1fr); } .mpk__g p { padding: 6px 7px; } }
.mail__notif b span { display: inline; margin: 0; font: inherit; color: inherit; }
.about__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); align-items: center; }
.about__photo img { display: block; width: 100%; height: auto; border-radius: 24px; box-shadow: var(--sh-3); }
.about__copy { display: grid; gap: 18px; }
.about__copy p { font-size: clamp(1.05rem, .98rem + .3vw, 1.25rem); line-height: 1.65; color: var(--muted); }
@media (max-width: 860px) { .about__grid { grid-template-columns: minmax(0, 1fr); } }
.about__copy h2 { font-size: clamp(2rem, 1.3rem + 2.4vw, 3.25rem); letter-spacing: -.04em; }
.r20__doc { position: absolute; top: 4%; bottom: 4%; left: 50%; z-index: 3; aspect-ratio: 780 / 1103; transform: translateX(-50%); }
.r20__doc img { display: block; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 0 1px rgba(16, 24, 40, .08), 0 28px 56px -26px rgba(16, 24, 40, .5); }
.js .ill:not(.is-live) .r20__doc { opacity: 0; transform: translate3d(-50%, 20px, 0); }
.ill.is-live .r20__doc { animation: kfm-doc .55s var(--ease-out) 3.2s both; }
.ill.is-live .r20 .ecf__btns .m-btn { animation: a-ring 1s ease-out 1.9s, a-click .3s ease 2.7s; }
html:not(.js) .r20__doc { display: none; }
.hist p { overflow-wrap: anywhere; }
html[lang="de"] .hist p { hyphens: auto; }
.ecf__two { align-items: end; }
.cit { --t0: 3.9s; --ph: 2.7s; --dx: 3.5s; }
.ecf--live { --t0: 3.4s; --ph: 2.3s; --dx: 3.1s; }
.cit__dx { display: grid; }
.cit__dx > span { grid-area: 1 / 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js .ill:not(.is-live) .ecf [data-typing-target], .js .ill:not(.is-live) .cit__dxv { visibility: hidden; }
.ill.is-live .cit__dx .cit__t { animation: mpk-hide .1s linear var(--dx) both; }
.cit__ph { color: var(--m-ph); }
.ill.is-live .cit__ph { animation: mpk-hide .1s linear var(--ph) both; }
.ill.is-live .cit__dxv { animation: mpk-show .25s linear var(--dx) both; }
.ill.is-live .cit__dxv { opacity: 0; }
.ill.is-live .cit .ecf__btns .m-btn:first-child { animation: a-ring 1s ease-out 4.4s, a-click .3s ease 5.2s; }
.ill.is-live .r20__doc.cit__doc { animation-delay: 5.5s; }
.ill--ecit.is-live .ecf__send { animation: a-ring 1s ease-out 3.7s, a-click .3s ease 4.4s; }
.ill--ecit.is-live .mgf { animation: a-slide .55s var(--ease-out) 5.8s both; }
.ill--ecit .hist__e--new { overflow: hidden; }
.js .ill--ecit:not(.is-live) .hist__e--new { max-height: 0; padding-bottom: 0; border-bottom-width: 0; }
.ill--ecit.is-live .hist__e--new { animation: ecit-new .5s var(--ease-out) 4.9s both; }
@keyframes ecit-new { from { opacity: 0; max-height: 0; padding-bottom: 0; border-bottom-width: 0; } to { opacity: 1; max-height: 160px; } }
.ill--bill.is-live .inv__cb { animation: a-click .3s ease var(--d), a-ring .8s ease-out var(--d); }
.js .ill--bill:not(.is-live) .inv__ln { opacity: 0; }
.ill--bill.is-live .inv__ln { animation: a-in .35s var(--ease-out) calc(var(--d) + .3s) both; }
.ill--bill.is-live .inv__pid { animation: a-ring .9s ease-out var(--go), a-click .3s ease calc(var(--go) + .45s); }
.ill--bill.is-live .inv2__checks .m-check { animation: a-check .25s ease calc(var(--b) + .4s + var(--i) * .16s) both; }
.ill--bill.is-live .inv2__checks .m-check .ti { animation: a-fade .2s ease calc(var(--b) + .45s + var(--i) * .16s) both; }
.ill--bill.is-live .inv2__pay .m-btn { animation: a-in .35s var(--ease-out) calc(var(--b) + .85s + var(--i) * .06s) both; }
.ill--bill.is-live .inv2__pay .inv2__cash { animation: a-in .35s var(--ease-out) calc(var(--b) + .85s + var(--i) * .06s) both, a-click .3s ease calc(var(--b) + 1.5s), a-ring .7s ease-out calc(var(--b) + 1.5s); }
.ill--bill.is-live .inv2__paid { animation: a-dot .35s var(--ease-out) calc(var(--b) + 1.75s) both; }
.inv2__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.inv2__cards .kv { grid-template-columns: minmax(0, 1fr) auto; }
.inv2__cards--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.inv2__cards--5 .kv { padding: 7px 9px; font-size: 9.5px; }
.inv2__cards--5 .kv > .kv__t { margin-bottom: 2px; font-size: 11.5px; }
.inv__rows { display: grid; gap: 6px; }
.inv__row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 30px 58px 40px 34px; align-items: center; gap: 6px; }
.inv__row .inv__desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inv__row .m-input { min-height: 24px; padding: 2px 6px; font-size: 10.5px; }
@media (max-width: 600px) { .inv2__cards--5 { display: none; } .inv__row { grid-template-columns: 46px minmax(0, 1fr) 52px 36px 30px; } .inv__row > :nth-child(3) { display: none; } }
.relw { position: relative; display: grid; place-items: center; width: 100%; height: 100%; }
.ill.is-live .rel__go { animation: a-ring 1s ease-out 1.6s, a-click .3s ease 2.3s; }
.ill.is-live .r20__doc.rel__doc { animation-delay: 2.6s; }
.dt-b { display: inline-flex; align-items: center; height: 17px; padding: 0 8px; border-radius: 9px; font-size: 9.5px; font-weight: 600; line-height: 1; white-space: nowrap; vertical-align: middle; }
.dt-b--green { background: #EBFBEE; color: #2F9E44; }
.dt-b--orange { background: #FFF4E6; color: #E8590C; }
.dt-b--red { background: #FFF5F5; color: #E03131; }
.dt-b--blue { background: #E7F5FF; color: #1C7ED6; }
.dt-b--gray { background: #F1F3F5; color: #495057; }
.dt-b--sm { height: 15px; padding: 0 6px; font-size: 8.5px; }
.dt-dim { color: var(--m-dim); }
.dt-red { color: #E03131; }
.dt-or { color: #F76707; }
.dt .app__title { font-weight: 500; }
.dos--diet { grid-template-columns: minmax(0, 30%) minmax(0, 38%) minmax(0, 1fr); }
.dt-cl { margin-left: 2px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dt-hl { font-weight: 600; color: var(--m-blue); }
.dt-ms { flex: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }
.dt-m { display: grid; justify-items: center; align-content: center; height: 30px; border: 1px solid var(--m-input); border-radius: 4px; font-size: 10.5px; line-height: 1.15; color: #000; }
.dt-m small { font-size: 7.5px; color: var(--m-dim); }
.dt-m--calc { border-color: var(--m-line-2); background: #F1F3F5; color: var(--m-dim); }
.dt-gbox { flex: 1.5 1 0; display: flex; flex-direction: column; padding: 5px 7px; }
.dt-wg { display: flex; flex-direction: column; gap: 2px; min-height: 0; }
.dt-gbox > .dt-wg { flex: 1 1 auto; justify-content: space-between; }
.dt-wg__h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 9px; color: var(--m-dim); }
.dt-wg__h b { font-size: 10.5px; font-weight: 600; color: #000; }
.dt-wg__svg { display: block; width: 100%; height: auto; min-height: 0; overflow: visible; }
.dt-wg__grid line { stroke: #EEF1F3; stroke-width: 1; }
.dt-wl { fill: none; stroke: #228BE6; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.dt-wl-dots circle { fill: #228BE6; }
.dt-wg__x { display: flex; justify-content: space-between; padding: 0 4px; font-size: 8.5px; color: var(--m-dim); }
.js .ill:not(.is-live) .dt-wl { stroke-dashoffset: 1; }
.ill.is-live .dt-wl { animation: a-draw 1.2s var(--ease-out) .5s both; }
.js .ill:not(.is-live) .dt-wl-dots circle { opacity: 0; }
.ill.is-live .dt-wl-dots circle { animation: a-dot .3s var(--ease-out) calc(.6s + var(--i) * .2s) both; }
.dt-perm .fbox { flex: 1 1 0; }
.dt-perm .fbox--empty { flex: .55 1 0; }
.dt-cb { flex: none; display: grid; gap: 4px; padding-top: 2px; }
.dt-cb__h { display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: #000; }
.dt-cb__h b { font-weight: 600; }
.dt-cb__h .ti { width: 12px; height: 12px; color: var(--m-blue); }
.dt-cc { display: grid; gap: 1px; padding: 6px 8px; border: 1px solid var(--m-line); border-radius: 8px; background: #fff; }
.dt-cc__t { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 10.5px; color: #000; }
.dt-cc__t b { font-weight: 700; }
.dt-cc__n { flex: none; font-size: 11px; font-variant-numeric: tabular-nums; }
.dt-cc__s { font-size: 9.5px; color: var(--m-dim); }
.dt-foot { gap: 10px; }
.dt-fbtn { height: 20px; padding: 0 9px; font-size: 9.5px; }
.js .ill:not(.is-live) .dt-fbtn--in { opacity: 0; }
.ill.is-live .dt-fbtn--in { animation: a-in .4s var(--ease-out) 6s both; }
.ill.is-live .dt-save { animation: a-click .3s ease 5.3s; color: var(--m-blue-d); }
.ill.is-live .dt--rec .dt-cc { animation: a-flash 1.2s ease 5.6s; }
.ill.is-live .dt-fbtn--go { animation: a-ring .9s ease-out .2s, a-click .3s ease .65s; }
.dt-ov { z-index: 4; }
.js .ill:not(.is-live) .dt-ov { opacity: 0; }
.ill.is-live .dt--memo .dt-ov { animation: a-fade .3s ease .9s both; }
.dt-mm { left: 0; right: 0; top: 54px; width: 430px; max-width: calc(100% - 24px); margin: 0 auto; }
.dt-mm__s { width: 100%; padding: 2px 14px 14px; }
.dt-mm__pt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font-size: 11px; color: #000; }
.dt-mm__pt b { font-size: 12.5px; font-weight: 700; }
.dt-ins { display: inline-flex; align-items: center; height: 16px; padding: 0 7px; border: 1px solid var(--m-input); border-radius: 9px; font-size: 8.5px; font-weight: 700; letter-spacing: .05em; color: #495057; }
.dt-mm__ad { display: flex; align-items: center; gap: 5px; margin: 3px 0 10px; font-size: 10.5px; color: var(--m-dim); }
.dt-mm__ad .ti { width: 11px; height: 11px; color: var(--m-blue); }
.dt-ln { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--m-line); border-radius: 4px; font-size: 10.5px; color: #000; }
.dt-ln__t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-ln__d { color: var(--m-dim); }
.dt-ln__a { font-variant-numeric: tabular-nums; }
.dt-mm__modes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.dt-mm__modes .m-btn, .dt-mm__pay .m-btn { height: 30px; font-size: 11.5px; }
.dt-mm__back { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: #000; }
.dt-mm__back .ti { width: 13px; height: 13px; color: var(--m-blue); }
.dt-mm__amt { padding: 8px 0 14px; text-align: center; font-size: 58px; line-height: 1; letter-spacing: -.02em; color: #000; font-variant-numeric: tabular-nums; }
.dt-mm__pay { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.dt-mm__pay .m-btn { padding: 0 16px; }
.js .ill:not(.is-live) .dt-mm { opacity: 0; }
.ill.is-live .dt-mm { animation: a-pop .4s var(--ease-out) .9s both, a-out .35s var(--ease-out) 4.1s forwards; }
.ill.is-live .dt-tp { animation: a-ring .8s ease-out 1.7s, a-click .3s ease 2.3s; }
.ill.is-live .dt-cash { animation: a-ring .7s ease-out 3.15s, a-click .3s ease 3.6s; }
.mui.dt-msh { max-width: none; }
.dt-msh { display: grid; grid-template-columns: auto 168px; gap: 16px; padding: 14px 16px 14px 14px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .05), 0 24px 44px -14px rgba(0, 0, 0, .34); }
.dt-msh--pop { position: absolute; z-index: 5; top: 14px; bottom: 14px; left: 0; right: 0; width: fit-content; max-width: calc(100% - 24px); margin: 0 auto; }
.js .ill:not(.is-live) .dt-msh--pop { opacity: 0; }
.ill.is-live .dt-msh--pop { animation: a-pop .5s var(--ease-out) 4.3s both; }
.dt-ms__doc { height: 100%; min-height: 0; aspect-ratio: 600 / 848; }
.dt-ms__doc img { display: block; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 0 1px var(--m-line); }
.dt-ms__side { display: flex; flex-direction: column; gap: 7px; padding-top: 4px; }
.dt-ms__n { font-size: 13px; font-weight: 700; color: #000; }
.dt-ms__p { font-size: 10.5px; color: var(--m-dim); }
.dt-ms__side .m-btn { width: 100%; height: 28px; }
.dt-ms__print { margin-top: 4px; }
.dt-ms__more { display: flex; align-items: center; gap: 6px; padding: 7px 0; border-bottom: 1px solid var(--m-line-2); font-size: 11px; color: #000; }
.dt-ms__more .ti { width: 12px; height: 12px; }
.feat__stage > .dt-msh--tile { height: 100%; max-height: 246px; box-shadow: 0 0 0 1px rgba(16, 24, 40, .07), 0 18px 38px -20px rgba(16, 24, 40, .38); }
.dt-msh--tile { grid-template-columns: auto 132px; gap: 12px; padding: 10px; }
.dt-msh--tile .dt-ms__n { font-size: 11.5px; }
.dt-msh--tile .m-btn { height: 24px; font-size: 10px; }
.dt-hn { display: flex; flex-direction: column; gap: 9px; height: 100%; padding: 10px 12px; }
.dt-hn__q { width: 230px; }
.dt-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--m-line-2); }
.dt-tabs span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; font-size: 11px; color: #000; white-space: nowrap; }
.dt-tabs span.on { box-shadow: inset 0 -2px 0 var(--m-blue); }
.dt-tabs em { min-width: 15px; height: 15px; padding: 0 4px; border-radius: 8px; background: #FA5252; color: #fff; font-size: 8.5px; font-weight: 700; font-style: normal; line-height: 15px; text-align: center; }
.dt-tabs--sm span { padding: 4px 8px; font-size: 10px; }
.dt-hn__bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dt-seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: 6px; background: #F1F3F5; }
.dt-seg span { padding: 3px 9px; border-radius: 4px; font-size: 10.5px; color: #495057; white-space: nowrap; }
.dt-seg span.on { background: #fff; color: #000; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.dt-tb { border: 1px solid var(--m-line); border-radius: 4px; }
.dt-tr { display: grid; grid-template-columns: minmax(0, 1.25fr) 66px minmax(0, 1.8fr) 82px 46px 56px; align-items: center; gap: 8px; padding: 7px 10px; border-top: 1px solid var(--m-line-2); font-size: 10.5px; color: #000; }
.dt-tr--h { border-top: 0; font-weight: 700; }
.dt-tr__p, .dt-tr__a { display: grid; min-width: 0; }
.dt-tr__p b { font-weight: 600; color: var(--m-blue); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-tr__p small, .dt-tr__a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; color: var(--m-dim); }
.dt-tr__a b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.dt-tr__n { font-variant-numeric: tabular-nums; }
.dt-tr__x .m-btn { height: 22px; padding: 0 8px; font-size: 10px; }
.dt-tr__x .dt-b, .dt-tr__s .dt-b { font-size: 9px; }
.ill.is-live .dt-send { animation: a-ring .8s ease-out .5s, a-click .3s ease 1.05s; }
.dt-ov--st { top: 0; }
.ill.is-live .dt--hn .dt-ov--st { animation: a-fade .3s ease 3.5s both; }
.dt-st { width: 470px; max-width: calc(100% - 16px); }
.dt-st--pop { left: 0; right: 0; top: 30px; margin: 0 auto; }
.js .ill:not(.is-live) .dt-st--pop { opacity: 0; }
.ill.is-live .dt-st--pop { animation: a-pop .45s var(--ease-out) 3.6s both; }
.dt-st .m-modal__head > span { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.dt-facts { display: grid; grid-template-columns: repeat(5, minmax(0, auto)); justify-content: space-between; gap: 8px 14px; margin: 0 13px 10px; padding: 8px 10px; border: 1px solid var(--m-line); border-radius: 6px; }
.dt-facts span { display: grid; gap: 1px; font-size: 11px; font-weight: 600; color: #000; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dt-facts small { font-size: 8.5px; font-weight: 400; color: var(--m-dim); }
.dt-facts b { font-weight: 600; }
.dt-facts--4 { grid-template-columns: repeat(4, minmax(0, auto)); justify-content: start; margin: 0; }
.dt-st__t { margin: 0 13px 13px; border: 1px solid var(--m-line); border-radius: 4px; }
.dt-st__r { display: grid; grid-template-columns: 54px minmax(0, 1fr) 70px 62px 62px; align-items: start; gap: 8px; padding: 6px 9px; border-top: 1px solid var(--m-line-2); font-size: 10.5px; color: #000; }
.dt-st__r--h { border-top: 0; align-items: end; font-weight: 700; }
.dt-st__no { color: var(--m-blue); }
.dt-st__pt { display: grid; gap: 3px; min-width: 0; }
.dt-rs { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 6px; font-size: 9.5px; color: #000; }
.dt-rs b { font-weight: 700; color: var(--m-dim); }
.dt-st__m { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dt-st__b { justify-self: end; }
.dt-st__more { padding: 6px 9px; border-top: 1px solid var(--m-line-2); font-size: 10px; color: var(--m-dim); }
.dt-day { height: 100%; padding: 10px 14px; overflow: hidden; }
.dt-queue { max-width: 560px; margin: 0 auto; padding: 0; }
.dt-qc__act { align-self: center; margin: 0 14px 0 0; }
.dt-qa { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.dt-qa .m-btn .ti { width: 12px; height: 12px; }
.dt-cl2 { display: flex; align-items: center; gap: 6px; min-height: 20px; font-size: 11px; white-space: nowrap; color: #000; font-variant-numeric: tabular-nums; }
.dt-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 9px; border-radius: 10px; background: #EBFBEE; color: #2F9E44; font-size: 10.5px; font-weight: 600; }

.dt-link { font-size: 11px; color: var(--m-blue); white-space: nowrap; }
.dt-gray { color: #868E96; }
.ill.is-live .dt-add { animation: a-ring .9s ease-out .3s, a-click .3s ease .95s; }
.ill.is-live .dt-mk { animation: a-ring 1s ease-out 2.4s 2; }
.cnsx.dt-made { align-content: center; padding-top: 0; }
.dt-made > .mui { max-width: 360px; }
.dt-mf { align-content: start; gap: 8px; }
.dt-made .dt-facts--4 { grid-template-columns: repeat(2, minmax(0, auto)); gap: 6px 22px; }
.dt-mf__h { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; font-size: 11px; color: #000; }
.dt-mf__h b { font-size: 12px; font-weight: 700; }
.dt-mf__h .dt-b { margin-left: auto; }
.dt-mf__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.dt-mf .m-btn { height: 24px; font-size: 10.5px; }
.dt-rp { display: grid; gap: 8px; max-width: 430px; padding: 12px 14px; }
.dt-rp .dt-facts--4 { padding: 7px 9px; }
.dt-rp__t { border: 1px solid var(--m-line); border-radius: 4px; }
.dt-rp__r { display: grid; grid-template-columns: 34px minmax(0, 1fr) 56px; align-items: start; gap: 8px; padding: 4px 8px; border-top: 1px solid var(--m-line-2); font-size: 9.5px; color: #000; }
.dt-rp__r--h { border-top: 0; font-weight: 700; }
.dt-rp__r > :last-child { text-align: right; }
.dt-rp__r > span[lang] { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #495057; }
.feat--s2 .feat__stage > .dt-rp { max-width: 440px; }
.feat--s2 .feat__stage > .dt-ic { max-width: 540px; }
.dt-ic { display: grid; padding: 10px 10px 4px; }
.dt-ic__top { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.dt-ic__top .m-input { flex: 1 1 120px; min-width: 0; }
.dt-ic__top .dt-seg span { padding: 3px 7px; font-size: 9.5px; }
.dt-ic__bank { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border: 1px solid var(--m-input); border-radius: 4px; color: #000; }
.dt-ic__r { display: grid; grid-template-columns: 52px minmax(0, 1fr) 62px 46px minmax(0, .9fr) auto; align-items: center; gap: 6px; padding: 6px 2px; border-top: 1px solid var(--m-line-2); font-size: 9.5px; color: #000; }
.dt-ic__r--h { border-top: 0; font-weight: 700; }
.dt-ic__d { display: grid; font-variant-numeric: tabular-nums; }
.dt-ic__d small { font-size: 8.5px; color: var(--m-dim); }
.dt-ic__m { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dt-ic__s { min-width: 0; font-size: 9px; line-height: 1.3; }
.dt-ic__s .dt-b { height: 15px; padding: 0 6px; font-size: 8.5px; }
.dt-ic__c { height: 22px; padding: 0 8px; font-size: 9.5px; }
.dt-hs { display: grid; gap: 8px; max-width: 400px; padding-bottom: 12px; }
.dt-hs > :not(.m-modal__head) { margin: 0 13px; }
.dt-hs__pt .dt-mm__ad { margin-bottom: 0; }
.dt-hs__l { border: 1px solid var(--m-line); border-radius: 4px; }
.dt-hs__r { display: grid; grid-template-columns: 14px 38px minmax(0, 1fr) auto 52px; align-items: center; gap: 8px; padding: 6px 8px; border-top: 1px solid var(--m-line-2); font-size: 10.5px; color: #000; }
.dt-hs__r:first-child { border-top: 0; }
.dt-hs__r.on { background: #F8FBFF; }
.dt-hs__t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-hs__k { display: grid; place-items: center; width: 14px; height: 14px; border: 1px solid var(--m-input); border-radius: 3px; background: #fff; color: #fff; }
.dt-hs__r.on .dt-hs__k { border-color: var(--m-blue); background: var(--m-blue); }
.dt-hs__k .ti { width: 10px; height: 10px; stroke-width: 3; }
.dt-hs__q { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.dt-hs__q i { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 4px; background: #F1F3F5; font-style: normal; line-height: 1; color: var(--m-blue); }
.dt-hs__p { padding: 2px 5px; border: 1px solid var(--m-input); border-radius: 4px; text-align: right; font-variant-numeric: tabular-nums; }
.dt-hs__r:not(.on) .dt-hs__p { border-color: transparent; color: var(--m-dim); }
.dt-hs__add { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-top: 1px solid var(--m-line-2); font-size: 10.5px; color: var(--m-blue); }
.dt-hs__add .ti { width: 12px; height: 12px; }
.dt-hs__f { display: flex; align-items: center; gap: 10px; }
.dt-hs__f b { font-size: 13px; font-variant-numeric: tabular-nums; }
.dt-hpg .dt-wg { gap: 0; }
.dt-hpg .dt-wg__h b { font-size: 12.5px; font-weight: 700; }
.dt-hpg .dt-wg__h span { font-size: 10px; }
.dt-hpg .hpg__chips { margin: 8px 0 6px; }
.fshot--dts { max-width: 500px; }
.fshot--dts > .dt-st { position: relative; inset: auto; width: auto; max-width: none; margin: 0; }
@media (max-width: 760px) {
  .dos--diet { grid-template-columns: minmax(0, 1fr) minmax(0, 42%); }
  .dos--diet > .dos__hist, .dt-perm > .fbox { display: none; }
  .dt-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 70px; }
  .dt-tr > :nth-child(2), .dt-tr > :nth-child(5), .dt-tr > :nth-child(6) { display: none; }
  .dt-hn__q { width: 100%; }
  .dt-facts { grid-template-columns: repeat(2, minmax(0, auto)); justify-content: start; }
  .dt-st__r { grid-template-columns: 50px minmax(0, 1fr) 58px 58px; }
  .dt-st__r > :nth-child(5) { display: none; }
  .dt-msh { grid-template-columns: minmax(0, 1fr); }
  .dt-msh--pop .dt-ms__side, .dt-msh--tile .dt-ms__side { display: none; }
  .dt-ln { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .dt-ln__d { display: none; }
  .dt-ic__r { grid-template-columns: minmax(0, 1fr) 56px 46px auto; }
  .dt-ic__r > :nth-child(1), .dt-ic__r > :nth-child(5) { display: none; }
  .dt-ic__top .dt-seg span:nth-child(3) { display: none; }
  .dt-qc { grid-template-columns: minmax(0, 1fr); }
  .dt-qc__act { justify-self: start; margin: 0; }
  .dt-qa { justify-content: flex-start; }
}