.pr-hero { padding-bottom: 30px; }
.pr-hero .hero-actions { display: flex; gap: 14px; margin-top: 30px; flex-wrap: wrap; justify-content: center; }
.pr-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 46px;
  width: 100%; max-width: 760px; border-radius: 26px; overflow: hidden;
  background: var(--glass-bg); box-shadow: var(--glass-shadow);
  backdrop-filter: var(--blur-md); -webkit-backdrop-filter: var(--blur-md);
}
.pr-stats > div { padding: 20px 12px; text-align: center; border-inline-start: 1px solid var(--line-1); }
.pr-stats > div:first-child { border-inline-start: 0; }
.pr-stats b { display: block; font-family: var(--font-display); font-size: 30px; font-weight: 700; letter-spacing: -0.03em; color: var(--ink-900); }
.pr-stats span { display: block; font-size: 12.5px; color: var(--ink-500); margin-top: 4px; }
.pr-index { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 34px; max-width: 900px; }
.pr-index a {
  display: inline-flex; align-items: center; height: 46px; padding: 0 18px; border-radius: 999px;
  background: var(--glass-bg);
  box-shadow: 0 8px 22px rgba(11,11,12,0.06), inset 0 1px 1px rgba(255,255,255,0.95), inset 0 0 0 1px rgba(255,255,255,0.5);
  transition: transform .3s var(--ease-glass), box-shadow var(--dur-fast);
}
.pr-index a:hover { transform: translateY(-2px); box-shadow: var(--shadow-md), inset 0 1px 1px rgba(255,255,255,0.95); }
.pr-index img { height: 20px; width: auto; display: block; }
.pr-index .yc { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-wordmark); font-weight: 600; font-size: 17px; color: var(--ink-900); direction: ltr; }
.pr-index .yc img { height: 26px; border-radius: 6px; }
.pr-group { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 0 10px; }
.pr-group h2 { font-weight: 700; font-size: clamp(26px, 3.2vw, 38px); letter-spacing: -0.03em; color: var(--ink-900); margin: 16px 0 0; line-height: 1.15; text-wrap: balance; }
.pr-copy { min-width: 0; }
.pr-row {
  display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: 56px; align-items: center;
  padding: 64px 0; border-top: 1px solid var(--line-1); scroll-margin-top: 90px;
}
.pr-row.first { border-top: 0; }
.pr-row.flip .pr-copy { order: 2; }
.pr-logo { height: 44px; width: auto; display: block; margin-bottom: 22px; }
.pr-logo-yc { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; direction: ltr; }
html[dir="rtl"] .pr-logo-yc { justify-content: flex-end; flex-direction: row-reverse; }
.pr-logo-yc img { width: 50px; height: 50px; border-radius: 13px; box-shadow: var(--shadow-sm); }
.pr-logo-yc span { font-family: var(--font-wordmark); font-weight: 600; font-size: 34px; letter-spacing: -0.01em; color: var(--ink-900); }
.pr-cat {
  display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--pa, var(--accent));
}
.pr-cat::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 16%, transparent); }
html[lang="ar"] .pr-cat, html[lang="ku"] .pr-cat { letter-spacing: 0; text-transform: none; font-size: 14px; }
.pr-copy h3 { font-weight: 700; font-size: clamp(26px, 3vw, 36px); line-height: 1.14; letter-spacing: -0.03em; color: var(--ink-900); margin: 14px 0 0; text-wrap: balance; }
html[lang="ar"] .pr-copy h3, html[lang="ku"] .pr-copy h3 { letter-spacing: 0; line-height: 1.35; }
.pr-copy > p { margin: 14px 0 0; max-width: 520px; }
.pr-feats { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 11px; }
.pr-feats li { display: flex; gap: 11px; align-items: flex-start; font-size: 15.5px; color: var(--ink-700); line-height: 1.5; }
.pr-feats li svg { flex: 0 0 auto; width: 22px; height: 22px; padding: 4px; box-sizing: border-box; border-radius: 50%; color: var(--pa, var(--accent)); background: color-mix(in srgb, var(--pa, var(--accent)) 12%, transparent); margin-top: 1px; }
.pr-for { margin-top: 20px; font-size: 13.5px; color: var(--ink-500); }
.pr-for b { color: var(--ink-900); font-weight: 600; }
.pr-copy .btn { margin-top: 26px; }
.pr-visual { position: relative; min-width: 0; }
.pr-visual::before {
  content: ""; position: absolute; inset: 4% 2% -8%; border-radius: 50%; pointer-events: none; z-index: 0;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--pa, var(--accent)) 24%, transparent), transparent);
}
.mk {
  position: relative; z-index: 1; direction: ltr; text-align: left;
  border-radius: 22px; overflow: hidden; background: #F6F7FA;
  box-shadow: 0 40px 90px rgba(11,11,12,0.16), 0 2px 6px rgba(11,11,12,0.06), inset 0 0 0 1px rgba(11,11,12,0.06);
  font-family: 'Hanken Grotesk', 'Segoe UI', sans-serif; color: #15161A; font-size: 11px; line-height: 1.35;
  transition: transform .6s var(--ease-glass);
}
.pr-row:hover .mk { transform: translateY(-4px); }
.mk-bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; background: #fff; border-bottom: 1px solid rgba(11,11,12,0.06); }
.mk-bar i { width: 9px; height: 9px; border-radius: 50%; background: #E3E4E8; }
.mk-bar span { margin-left: 10px; font-weight: 700; font-size: 11.5px; color: #15161A; }
.mk-bar em { margin-left: auto; font-style: normal; font-size: 10.5px; color: #9A9AA2; }
.mk-body { display: grid; grid-template-columns: 44px 1fr; min-height: 330px; }
.mk-rail { background: #fff; border-right: 1px solid rgba(11,11,12,0.06); display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 0; }
.mk-rail b { width: 24px; height: 24px; border-radius: 8px; background: #EEF0F4; }
.mk-rail b.on { background: var(--pa); box-shadow: 0 6px 14px color-mix(in srgb, var(--pa) 40%, transparent); }
.mk-main { padding: 14px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mk-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(11,11,12,0.05), inset 0 0 0 1px rgba(11,11,12,0.05); padding: 11px; min-width: 0; }
.mk-h { font-weight: 700; font-size: 13px; letter-spacing: -0.01em; }
.mk-s { color: #8A8A92; font-size: 10px; }
.mk-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mk-btn { display: flex; align-items: center; justify-content: center; height: 32px; border-radius: 9px; background: var(--pa); color: #fff; font-weight: 700; font-size: 11.5px; }
.mk-pill { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 99px; font-size: 9.5px; font-weight: 700; white-space: nowrap; }
.mk-pill.ok { background: #E3F6EE; color: #0B8A5F; }
.mk-pill.warn { background: #FFF1DD; color: #B5650B; }
.mk-pill.bad { background: #FDE6E6; color: #C42B2B; }
.mk-pill.acc { background: color-mix(in srgb, var(--pa) 14%, #fff); color: var(--pa); }
.mk-search { height: 30px; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px rgba(11,11,12,0.08); display: flex; align-items: center; gap: 7px; padding: 0 10px; color: #9A9AA2; }
.mk-search::before { content: ""; width: 8px; height: 8px; border-radius: 50%; border: 1.6px solid #B4B4BA; flex: 0 0 auto; }
.mk-pos { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 10px; align-items: start; }
.mk-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 9px; }
.mk-tile { border-radius: 10px; padding: 8px; min-height: 50px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; box-shadow: inset 0 0 0 1px rgba(11,11,12,0.06); }
.mk-tile b { font-size: 10.5px; }
.mk-tile span { font-size: 9.5px; color: #8A8A92; }
.mk-tile::before { content: ""; width: 16px; height: 16px; border-radius: 5px; background: var(--c, #EEF0F4); margin-bottom: 5px; }
.mk-cart .mk-row { padding: 6px 0; border-bottom: 1px dashed rgba(11,11,12,0.08); }
.mk-total { margin-top: 8px; padding: 9px 10px; border-radius: 10px; background: color-mix(in srgb, var(--pa) 9%, #fff); display: flex; justify-content: space-between; align-items: baseline; }
.mk-total b { font-size: 17px; color: var(--pa); letter-spacing: -0.02em; }
.mk-pay { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin: 8px 0; }
.mk-pay span { height: 26px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 700; background: #F1F2F5; color: #4A4A52; }
.mk-pay span.on { background: var(--pa); color: #fff; }
.mk-tables { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mk-table { height: 64px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; background: #fff; box-shadow: inset 0 0 0 1px rgba(11,11,12,0.07); font-weight: 700; font-size: 12px; }
.mk-table span { font-size: 9px; font-weight: 600; color: #8A8A92; }
.mk-table.busy { background: color-mix(in srgb, var(--pa) 12%, #fff); box-shadow: inset 0 0 0 1.5px var(--pa); color: var(--pa); }
.mk-table.busy span { color: var(--pa); }
.mk-table.wait { background: #FFF6E6; box-shadow: inset 0 0 0 1.5px #E7A13A; color: #B5650B; }
.mk-table.wait span { color: #B5650B; }
.mk-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.mk-tabs span { padding: 5px 10px; border-radius: 99px; background: #fff; font-weight: 600; font-size: 10px; box-shadow: inset 0 0 0 1px rgba(11,11,12,0.07); }
.mk-tabs span.on { background: #15161A; color: #fff; box-shadow: none; }
.mk-split { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 10px; align-items: start; }
.mk-tables { align-content: start; }
.mk-cal { display: grid; grid-template-columns: 34px repeat(3, 1fr); gap: 6px; }
.mk-cal .t { color: #9A9AA2; font-size: 9.5px; height: 38px; }
.mk-cal .hd { font-weight: 700; font-size: 10.5px; padding-bottom: 2px; }
.mk-appt { border-radius: 9px; padding: 6px 7px; font-size: 9.5px; color: #6D6D73; background: color-mix(in srgb, var(--pa) 12%, #fff); border-left: 3px solid var(--pa); }
.mk-appt b { display: block; font-size: 10.5px; color: #15161A; }
.mk-appt.alt { background: #EEF1FF; border-color: #5B6CE0; }
.mk-appt.alt2 { background: #FFF1E6; border-color: #E2833A; }
.mk-appt.empty { background: transparent; border: 1px dashed rgba(11,11,12,0.12); }
.mk-appt.tall { grid-row: span 2; }
.mk-tbl { width: 100%; border-collapse: collapse; }
.mk-tbl th { text-align: left; font-size: 9.5px; color: #8A8A92; font-weight: 600; padding: 0 6px 6px; }
.mk-tbl td { padding: 7px 6px; border-top: 1px solid rgba(11,11,12,0.06); font-size: 10.5px; white-space: nowrap; }
.mk-tbl td b { font-weight: 700; }
.mk-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mk-kpi b { display: block; font-size: 17px; letter-spacing: -0.02em; margin-top: 2px; }
.mk-kpi b.acc { color: var(--pa); }
.mk-wa { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #1C9C55; font-size: 10px; }
.mk-wa::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #25D366; box-shadow: 0 0 0 3px rgba(37,211,102,0.2); }
.mk-flow { color: #8A8A92; font-size: 9.5px; }
.mk-shot img { display: block; width: 100%; height: auto; }
.ph-wrap { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; gap: 22px; padding: 10px 0; }
.ph {
  width: 236px; flex: 0 0 auto; border-radius: 38px; padding: 9px; background: #15161A; direction: ltr; text-align: left;
  box-shadow: 0 40px 90px rgba(11,11,12,0.22), inset 0 0 0 1.5px rgba(255,255,255,0.12);
  font-family: 'Hanken Grotesk', 'Segoe UI', sans-serif; color: #15161A; font-size: 11px; line-height: 1.35;
  transition: transform .6s var(--ease-glass);
}
.pr-row:hover .ph { transform: translateY(-5px) rotate(-1deg); }
.ph-scr { border-radius: 30px; overflow: hidden; background: #F6F7FA; height: 470px; position: relative; display: flex; flex-direction: column; }
.ph-notch { position: absolute; top: 8px; left: 50%; width: 74px; height: 20px; margin-left: -37px; border-radius: 99px; background: #15161A; z-index: 3; }
.ph-cover { height: 150px; background-size: cover; background-position: center; position: relative; flex: 0 0 auto; }
.ph-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.62)); }
.ph-cover div { position: absolute; left: 14px; bottom: 12px; z-index: 1; color: #fff; }
.ph-cover b { display: block; font-size: 17px; letter-spacing: -0.02em; }
.ph-cover span { font-size: 10px; opacity: 0.85; }
.ph-pad { padding: 12px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.ph-item { display: flex; gap: 10px; align-items: center; background: #fff; border-radius: 14px; padding: 7px; box-shadow: 0 1px 2px rgba(11,11,12,0.05); }
.ph-item img { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; flex: 0 0 auto; }
.ph-item b { display: block; font-size: 11.5px; }
.ph-item span { font-size: 9.5px; color: #8A8A92; }
.ph-item em { display: block; font-style: normal; font-weight: 700; font-size: 11px; color: var(--pa); margin-top: 3px; }
.ph-qr {
  width: 150px; flex: 0 0 auto; border-radius: 22px; padding: 16px; background: #fff; text-align: center; direction: ltr;
  box-shadow: 0 30px 70px rgba(11,11,12,0.14), inset 0 0 0 1px rgba(11,11,12,0.05); font-family: 'Hanken Grotesk', sans-serif;
}
.ph-qr svg { width: 100%; height: auto; display: block; }
.ph-qr b { display: block; margin-top: 10px; font-size: 12px; color: #15161A; }
.ph-qr span { font-size: 10px; color: #8A8A92; }
.md-top { padding: 40px 14px 14px; background: #15161A; color: #fff; }
.md-top span { font-size: 10px; opacity: 0.6; }
.md-top b { display: block; font-size: 16px; letter-spacing: -0.02em; margin-top: 2px; }
.md-top .stars { margin-top: 6px; font-size: 10px; opacity: 0.85; }
.md-days { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.md-days div { border-radius: 11px; padding: 6px 0; text-align: center; background: #fff; box-shadow: inset 0 0 0 1px rgba(11,11,12,0.07); font-size: 9px; color: #8A8A92; }
.md-days div b { display: block; font-size: 13px; color: #15161A; }
.md-days div.on { background: #15161A; color: rgba(255,255,255,0.7); box-shadow: none; }
.md-days div.on b { color: #fff; }
.md-slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.md-slots span { height: 26px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: #fff; font-weight: 600; font-size: 10px; box-shadow: inset 0 0 0 1px rgba(11,11,12,0.08); }
.md-slots span.off { color: #C4C4CA; text-decoration: line-through; box-shadow: none; background: #EFEFF2; }
.md-slots span.on { background: #15161A; color: #fff; box-shadow: none; }
.md-svc { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 12px; padding: 9px 10px; box-shadow: inset 0 0 0 1.5px #15161A; }
.md-svc b { font-size: 11.5px; }
.md-book { margin-top: auto; height: 38px; border-radius: 12px; background: #15161A; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; }
.ph-card { width: 190px; flex: 0 0 auto; border-radius: 22px; padding: 14px; background: #fff; direction: ltr; text-align: left; font-family: 'Hanken Grotesk', sans-serif; font-size: 11px; color: #15161A; box-shadow: 0 30px 70px rgba(11,11,12,0.14), inset 0 0 0 1px rgba(11,11,12,0.05); }
.ph-card .mk-h { margin-bottom: 6px; }
.ph-card .ln { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-top: 1px solid rgba(11,11,12,0.06); }
.ph-card .ln b { display: block; font-size: 10.5px; }
.ph-card .ln span { font-size: 9.5px; color: #8A8A92; }
.pr-eco { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 34px; width: 100%; max-width: var(--maxw); }
@media (max-width: 980px) {
  .pr-row, .pr-row.flip { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 52px 0; }
  .pr-row.flip .pr-copy { order: 0; }
  .pr-eco { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .pr-stats { grid-template-columns: repeat(2, 1fr); }
  .pr-stats > div:nth-child(3) { border-inline-start: 0; }
  .pr-stats > div:nth-child(n+3) { border-top: 1px solid var(--line-1); }
  .pr-eco { grid-template-columns: 1fr; }
  .mk-body { grid-template-columns: 1fr; min-height: 0; }
  .mk-rail { display: none; }
  .mk-pos, .mk-split { grid-template-columns: minmax(0, 1fr); }
  .mk-tables { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mk-tables .mk-table:nth-child(n+7) { display: none; }
  .mk-hide-sm { display: none !important; }
  .mk-cal { grid-template-columns: 34px repeat(2, minmax(0, 1fr)); }
  .ph { width: 220px; }
  .ph-scr { height: 440px; }
  .ph-qr, .ph-card { display: none; }
  .pr-logo { height: 36px; }
  .pr-logo-yc span { font-size: 28px; }
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .pr-photo, html:not([data-theme="light"]) .ph-cover { filter: invert(1) hue-rotate(180deg); }
}
html[data-theme="dark"] .pr-photo, html[data-theme="dark"] .ph-cover { filter: invert(1) hue-rotate(180deg); }
.pr-tech-logo { height: 32px; width: auto; display: block; }
.yr-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yr-split { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.8fr); gap: 10px; }
.yr-bars { display: flex; align-items: flex-end; gap: 7px; height: 92px; margin-top: 10px; }
.yr-bars i { flex: 1; border-radius: 5px 5px 2px 2px; background: color-mix(in srgb, var(--pa) 22%, #fff); }
.yr-bars i.on { background: var(--pa); }
.yr-days { display: flex; gap: 7px; margin-top: 5px; }
.yr-days span { flex: 1; text-align: center; font-size: 9px; color: #9A9AA2; }
.yr-fleet { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 8px; text-align: center; }
.yr-donut { width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--pa) 0 58%, #E6E8EE 58% 100%); position: relative; }
.yr-donut::before { content: ""; position: absolute; inset: 11px; border-radius: 50%; background: #fff; }
.yr-donut b { position: relative; font-size: 16px; letter-spacing: -0.02em; }
.yr-note { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-top: 1px solid rgba(11,11,12,0.06); font-size: 10.5px; }
.yr-note:first-child { border-top: 0; padding-top: 0; }
.yr-note:last-child { padding-bottom: 0; }
.yr-note i { width: 3px; height: 14px; border-radius: 2px; flex: 0 0 auto; }
.yr-note span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yr-note em { font-style: normal; font-size: 9.5px; color: #8A8A92; }
@media (max-width: 560px) {
  .yr-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yr-split { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .ph { filter: invert(1) hue-rotate(180deg); box-shadow: 0 40px 90px rgba(255,255,255,0.10), inset 0 0 0 1.5px rgba(255,255,255,0.12); }
  html:not([data-theme="light"]) .ph .pr-photo, html:not([data-theme="light"]) .ph .ph-cover { filter: none; }
}
html[data-theme="dark"] .ph { filter: invert(1) hue-rotate(180deg); box-shadow: 0 40px 90px rgba(255,255,255,0.10), inset 0 0 0 1.5px rgba(255,255,255,0.12); }
html[data-theme="dark"] .ph .pr-photo, html[data-theme="dark"] .ph .ph-cover { filter: none; }