/* Brand blue, luminous course artwork, and anonymous WhatsApp excerpts. */
.clients-section {
  background: radial-gradient(ellipse at 15% 0%, #0755ed0b, transparent 60%), var(--bg);
  color: var(--text);
  border-block-end: 1px solid var(--line);
}
.clients-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center;
  gap: 40px;
  margin-block-end: 48px;
}
.clients-heading h2 { margin-block-end: 20px; }
.clients-intro { color: var(--muted); max-width: 500px; margin-block-end: 20px; }
.clients-stat { text-align: center; }
.clients-number {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: var(--blue);
  font: 700 clamp(100px, 12vw, 180px)/1 var(--latin);
  letter-spacing: -10px;
}
[data-client-count] {
  display: inline-block;
  min-width: 1.25em;
  color: hsl(var(--counter-hue, 220) 82% 42%);
  font-variant-numeric: tabular-nums;
  transform-origin: center bottom;
}
[data-client-count].is-counting { animation: counter-jelly .34s ease-in-out infinite; }
@keyframes counter-jelly {
  0%, 100% { transform: translateY(0) scale(1.02, .98) rotate(-2deg); }
  45% { transform: translateY(-.07em) scale(.94, 1.08) rotate(2deg); }
  75% { transform: translateY(.01em) scale(1.05, .95); }
}
[data-theme=dark] [data-client-count] { color: hsl(var(--counter-hue, 220) 95% 75%); }
.clients-plus { font-size: .45em; letter-spacing: 0; }
.clients-stat > p { margin: 12px 0 22px; font-size: 20px; font-weight: 600; }
.clients-projects { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.clients-projects span { font: 600 11px var(--latin); letter-spacing: 1px; color: var(--muted); }
.feedback-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-block-end: 24px; }
.feedback-header p { display: flex; align-items: center; gap: 9px; margin: 0; font-weight: 600; }
.feedback-header small { font-size: 12px; color: var(--muted); }
.feedback-dot { width: 8px; height: 8px; border-radius: 50%; background: #16855c; box-shadow: 0 0 0 5px #16855c15; }
.feedback-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 12px 8px; }
.chat-fragment {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 26px 24px 38px;
  background: linear-gradient(145deg, #163c38, #10292f 80%);
  color: #f2fbf8;
  border-radius: 18px 18px 0 0;
  filter: drop-shadow(0 14px 14px #102e2918);
  clip-path: polygon(0 0,100% 0,100% 96%,97% 98%,94% 96%,91% 99%,88% 97%,85% 100%,82% 97%,79% 99%,76% 96%,73% 98%,70% 96%,67% 100%,64% 97%,61% 99%,58% 96%,55% 99%,52% 97%,49% 100%,46% 97%,43% 99%,40% 96%,37% 99%,34% 97%,31% 100%,28% 97%,25% 99%,22% 96%,19% 99%,16% 97%,13% 100%,10% 97%,7% 99%,4% 96%,0 98%);
  animation: chat-drift 7s ease-in-out infinite;
  transform-origin: 50% 20%;
}
.chat-fragment:nth-child(even) { animation-direction: reverse; animation-delay: -2s; }
.chat-fragment:nth-child(3) { animation-delay: -4s; }
@keyframes chat-drift {
  0%, 100% { transform: translateY(0) rotate(-.6deg); }
  50% { transform: translateY(-9px) rotate(.6deg); }
}
.chat-fragment:nth-child(2) { background: linear-gradient(145deg, #174b40, #10332e); }
.chat-fragment:nth-child(3) { background: linear-gradient(145deg, #193c49, #122e37); }
.chat-fragment figcaption { display: flex; align-items: center; gap: 10px; }
.chat-fragment figcaption div { flex: 1; }
.chat-fragment b { display: block; font-size: 13px; }
.chat-fragment small { display: block; font-size: 11px; color: #b5cec5; }
.chat-fragment svg { color: #7de1b5; flex-shrink: 0; }
.chat-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #ffffff13; color: #a6efce; font: 600 16px var(--latin); }
.chat-fragment blockquote { margin: 0; flex: 1; font-size: 20px; line-height: 1.8; font-weight: 500; }
.chat-footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: #b5cec5; font-size: 11px; }
.chat-check { font: 18px var(--latin); letter-spacing: -5px; color: #79cfff; padding-inline-end: 4px; }
.client-work-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-content: center; padding: 10px 0; margin-block-start: 28px; }
.client-work-proof > p { grid-column: 1/-1; margin: 0 0 4px; font-size: 14px; font-weight: 600; }
.client-work-proof a { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); transition: border-color .2s; }
.client-work-proof a:hover { border-color: var(--blue); }
.client-work-proof img { display: block; width: 82px; height: 55px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.client-work-proof a > span:first-of-type { flex: 1; min-width: 0; }
.client-work-proof b { font-size: 14px; display: block; }
.client-work-proof small { font-size: 12px; color: var(--muted); }
.course-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-block: 24px 16px; }
.course-summary div { padding: 14px 16px; border: 1px solid #90b1ec35; border-radius: 12px; background: #a9c9ff08; }
.course-summary dt { color: #afc3e3; font-size: 12px; }
.course-summary dd { margin: 5px 0 0; color: #eff4ff; font-size: 14px; font-weight: 600; }
.course-detail-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: #bfd6ff; font-weight: 600; font-size: 14px; }
.course-detail-link:hover { text-decoration: underline; }
.courses-section .course-form select { min-width: 0; min-height: 52px; margin-block-end: 14px; background: #0b1428; color: #f2f6ff; border-color: #8caae447; border-radius: 10px; }

.courses-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #080f21;
  color: #f3f6ff;
  border-color: #263b64;
}
.courses-section::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 90% 0%, #1759d34d, transparent 55%), radial-gradient(ellipse at 0% 100%, #5933bd3d, transparent 50%), linear-gradient(#8baeff05 1px, transparent 1px), linear-gradient(90deg,#8baeff05 1px,transparent 1px);
  background-size: auto, auto, 44px 44px, 44px 44px;
}
.courses-layout { gap: clamp(30px, 6vw, 90px); }
.courses-copy .eyebrow { color: #b9d0ff; margin-block-end: 32px; }
.course-live { width: 8px; height: 8px; border-radius: 50%; background: #8de2d4; box-shadow: 0 0 16px #8de2d480; }
.course-kicker { color: #b2c3e1; font-size: 16px; margin-block-end: 14px; }
.courses-copy h2, html[lang=en] .courses-copy h2 {
  font-size: clamp(42px, 5.5vw, 76px);
  line-height: 1.5;
  letter-spacing: -1.5px;
  margin-block-end: 20px;
}
.courses-copy h2 > span:first-of-type { color: #9cbcff; }
html[lang=en] .courses-copy h2 { font-family: var(--latin); font-weight: 700; font-size: clamp(38px, 4.5vw, 64px); line-height: 1.25; }
.course-cursor { color: #a7efdc; font-family: var(--latin); }
.courses-copy .course-lead { color: #b9c8e2; font-size: 16px; max-width: 510px; }
.course-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 24px; }
.course-tags span { border: 1px solid #8fb3fa38; border-radius: 100px; padding: 4px 13px; font-size: 12px; color: #d7e4fb; background: #a5c9ff08; }
.course-terminal { border: 1px solid #769be23d; border-radius: 14px; overflow: hidden; background: #080f1ed9; box-shadow: 0 18px 60px #0004; max-width: 530px; }
.terminal-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-block-end: 1px solid #769be226; direction: ltr; color: #9cadc9; font: 11px var(--latin); }
.terminal-bar > span:first-child { display: flex; gap: 5px; }
.terminal-bar i { width: 7px; height: 7px; border-radius: 50%; background: #ed8d98; }
.terminal-bar i:nth-child(2) { background: #f0d18e; }
.terminal-bar i:nth-child(3) { background: #8de2c2; }
.terminal-bar b { font-weight: 400; }
.course-terminal pre { margin: 0; padding: 22px 18px; overflow-x: auto; text-align: start; font: 12px/2.1 Consolas, monospace; color: #e1eaff; }
.code-muted { color: #95a5bf; }
.code-purple { color: #d1aeff; }
.code-green { color: #a2edca; }
.code-blue { color: #92c8ff; }
.terminal-result { display: flex; gap: 10px; padding: 12px 18px; border-block-start: 1px solid #769be226; color: #a2edca; font: 11px/1.5 Consolas, monospace; }
.terminal-ready { margin-inline-start: auto; font-size: 10px; color: #90a6c9; }
.courses-section .course-form {
  position: relative;
  background: linear-gradient(145deg, #182745ef, #0f1930f2);
  border: 1px solid #7da2e450;
  border-radius: 24px;
  padding: clamp(22px, 4vw, 40px);
  box-shadow: 0 0 0 7px #92b5ff05, 0 30px 70px #0004;
}
.course-form-mark { display: grid; place-items: center; width: 52px; height: 52px; margin-block-end: 24px; border: 1px solid #9fc6ff45; border-radius: 15px; background: linear-gradient(135deg,#3064cf55,#8c61e52b); color: #c3d8ff; font: 600 22px var(--latin); }
.course-form-kicker { color: #a5c5ff; font-size: 12px; margin-block-end: 8px; }
.course-form h3 { font-size: 28px; line-height: 1.4; margin-block-end: 12px; }
.course-form-intro { color: #b8c6de; font-size: 14px; margin-block-end: 24px; }
.course-form label { color: #e6eeff; font-size: 14px; }
.courses-section .course-form input { border-color: #8caae447; background: #0b1428; color: #f2f6ff; min-height: 52px; border-radius: 10px; }
.courses-section .course-form input::placeholder { color: #9baecb; }
.courses-section .course-form input[readonly] { color: #b6d0ff; background: #18305c55; }
.courses-section .course-form .button { margin-block-start: 6px; min-height: 58px; background: linear-gradient(110deg,#1761ed,#4e51d3); border-color: #729eff; color: #fff; box-shadow: 0 8px 26px #1355dc30; font-weight: 700; }
.courses-section .course-form .button:hover { background: #265fe2; border-color: #a6c8ff; }
.courses-section .course-form small { color: #aabbd8; font-size: 12px; }
@media (max-width: 900px) {
  .feedback-grid { gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .client-work-proof { grid-template-columns: 1fr; }
  .chat-fragment { padding: 20px 18px 32px; }
  .chat-fragment blockquote { font-size: 17px; }
}
@media (max-width: 760px) {
  .clients-heading { grid-template-columns: 1fr; gap: 32px; margin-block-end: 32px; }
  .clients-stat { padding-block: 20px; border-block: 1px solid var(--line); }
  .clients-number { font-size: 120px; }
  .feedback-grid { grid-template-columns: 1fr; gap: 18px; }
  .chat-fragment blockquote { font-size: 20px; }
  .courses-copy h2 { font-size: clamp(40px, 11vw, 64px); }
  html[lang=en] .courses-copy h2 { font-size: clamp(32px, 9vw, 52px); letter-spacing: -1px; }
  .course-form h3 { font-size: 25px; }
}

.erp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
.erp-download { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: #c5dbff; font-size: 14px; font-weight: 600; }
.erp-download:hover { color: #fff; text-decoration: underline; }
.support-section { background: var(--panel); color: var(--text); border-block: 1px solid var(--line); }
.support-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(28px,6vw,85px); align-items: center; }
.support-copy > p:not(.eyebrow) { color: var(--muted); max-width: 560px; }
.support-copy h2 { margin-block-end: 22px; }
.support-services { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 24px 28px; }
.support-services span { background: var(--bg); border: 1px solid var(--line); border-radius: 100px; padding: 6px 13px; font-size: 12px; color: var(--text); }
.support-session { position: relative; border: 1px solid #435574; border-radius: 22px; padding: clamp(22px,4vw,36px); color: #eff4ff; background: radial-gradient(ellipse at 100% 0%,#183561,#101a2b 70%); box-shadow: 0 24px 50px #0d20451a; }
.support-session-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-block-end: 36px; color: #abbdd8; font: 10px/1.6 var(--latin); letter-spacing: 1px; }
.support-status { width: 7px; height: 7px; border-radius: 50%; background: #87debc; box-shadow: 0 0 0 5px #87debc15; }
.anydesk-logo { display: block; width: 210px; height: auto; max-width: 100%; margin-block-end: 24px; padding: 12px 14px; border-radius: 9px; background: #fff; }
.support-session h3 { font-size: 25px; margin-block-end: 12px; line-height: 1.6; }
.support-session > p { color: #b6c8e1; font-size: 14px; margin-block-end: 24px; }
.support-steps { padding: 0; margin: 0 0 20px; list-style: none; }
.support-steps li { display: flex; align-items: center; gap: 14px; padding-block: 13px; border-block-start: 1px solid #91b8f224; font-size: 13px; }
.support-steps span { font: 500 16px var(--latin); color: #93bcff; }
.support-steps b { font-weight: 500; }
.support-anydesk-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: #bdd5ff; font-size: 13px; }
.support-anydesk-link:hover { color: #fff; text-decoration: underline; }
@media (min-width: 761px) and (max-width: 1100px) {
  .header .nav-cta { display: none; }
}
@media (max-width: 760px) {
  .support-layout { grid-template-columns: 1fr; }
  .support-session h3 { font-size: 22px; }
}