.sym-experts-v1 {
  --exp-bg: #edf7fb;
  --exp-card: #ffffff;
  --exp-text: #0d161b;
  --exp-muted: #52616d;
  --exp-border: rgba(13,22,27,.10);
  --exp-blue: #34b8ff;
  --exp-teal: #00dca6;
  --exp-purple: #8f63ff;
  --exp-shadow: 0 16px 38px rgba(13,22,27,.08);
  color: var(--exp-text);
}
.sym-experts-v1 .sym-experts-section {
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 28px;
  border-radius: 24px;
  border: 1px solid var(--exp-border);
  background: var(--exp-card);
  box-shadow: var(--exp-shadow);
}
.sym-experts-kicker {
  display:inline-block; margin-bottom:10px; color:var(--exp-blue);
  font: 800 11px/1.1 Tektur,system-ui,sans-serif; letter-spacing:0;
}
.sym-experts-section h1,
.sym-experts-section h2,
.sym-experts-section h3,
.sym-experts-section strong { letter-spacing:0; }
.sym-experts-section h1 { margin:0 0 12px; font: 800 clamp(34px,5vw,54px)/1 Tektur,system-ui,sans-serif; }
.sym-experts-section h2 { margin:0; font: 800 clamp(26px,3vw,38px)/1.06 Tektur,system-ui,sans-serif; }
.sym-experts-section h3 { margin:0 0 10px; font: 800 20px/1.12 Tektur,system-ui,sans-serif; }
.sym-experts-section p,
.sym-experts-section li,
.sym-experts-section small,
.sym-experts-section span { font-family: Ruda,system-ui,sans-serif; }
.sym-experts-section-head { margin-bottom: 18px; }
.sym-experts-section-head h2 { font-weight: 900; }

.sym-experts-v1 .sym-experts-hero {
  display:grid; grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); gap:22px;
  background:
    radial-gradient(circle at 0 0, rgba(52,184,255,.12), transparent 30%),
    radial-gradient(circle at 100% 0, rgba(0,220,166,.12), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f7fcff 58%,#f6fbfa 100%);
}
.sym-experts-hero-tagline { font-size: 18px; line-height:1.45; color:var(--exp-muted); max-width: 760px; margin:0 0 12px; }
.sym-experts-lead { font-size: 16px; line-height:1.62; margin:0 0 18px; max-width: 760px; }
.sym-experts-actions { display:flex; flex-wrap:wrap; gap:12px; }
.sym-experts-btn {
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height: 48px; padding: 12px 18px; border-radius: 999px; border:1px solid transparent;
  text-decoration:none !important; font: 700 14px/1.1 Ruda,system-ui,sans-serif; transition: all .18s ease;
}
.sym-experts-btn:hover { transform: translateY(-2px); }
.sym-experts-btn--primary { color:#fff !important; background: linear-gradient(90deg,var(--exp-teal),var(--exp-blue)); box-shadow: 0 12px 28px rgba(52,184,255,.2); }
.sym-experts-btn--dark { color:#fff !important; background:#10181d; }
.sym-experts-btn--ghost { color:var(--exp-text) !important; background:rgba(255,255,255,.72); border-color:var(--exp-border); }
.sym-experts-btn--mail::before,
.sym-experts-btn--direct::before {
  content:""; width:1.1em; height:1.1em; flex:0 0 1.1em; background: currentColor;
  mask-size: contain; mask-position:center; mask-repeat:no-repeat; -webkit-mask-size: contain; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat;
}
.sym-experts-btn--mail::before {
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 6.75A2.75 2.75 0 0 1 5.75 4h12.5A2.75 2.75 0 0 1 21 6.75v10.5A2.75 2.75 0 0 1 18.25 20H5.75A2.75 2.75 0 0 1 3 17.25V6.75Zm2.2-.55 6.35 5.22a.75.75 0 0 0 .9 0L18.8 6.2a1.25 1.25 0 0 0-.55-.12H5.75c-.2 0-.38.04-.55.12Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 6.75A2.75 2.75 0 0 1 5.75 4h12.5A2.75 2.75 0 0 1 21 6.75v10.5A2.75 2.75 0 0 1 18.25 20H5.75A2.75 2.75 0 0 1 3 17.25V6.75Zm2.2-.55 6.35 5.22a.75.75 0 0 0 .9 0L18.8 6.2a1.25 1.25 0 0 0-.55-.12H5.75c-.2 0-.38.04-.55.12Z'/%3E%3C/svg%3E");
}
.sym-experts-btn--direct::before {
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.67 3.33a1 1 0 0 0-1.02-.24L4.59 8.11a1 1 0 0 0 .05 1.91l6.13 1.95 1.95 6.13a1 1 0 0 0 1.91.05l5.02-15.06a1 1 0 0 0-.24-1.02ZM11.8 11.49l-4.38-1.4 8.62-2.88-4.24 4.28Zm1.71 5.1-1.4-4.38 4.28-4.24-2.88 8.62Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.67 3.33a1 1 0 0 0-1.02-.24L4.59 8.11a1 1 0 0 0 .05 1.91l6.13 1.95 1.95 6.13a1 1 0 0 0 1.91.05l5.02-15.06a1 1 0 0 0-.24-1.02ZM11.8 11.49l-4.38-1.4 8.62-2.88-4.24 4.28Zm1.71 5.1-1.4-4.38 4.28-4.24-2.88 8.62Z'/%3E%3C/svg%3E");
}

.sym-experts-hero-board {
  padding:20px; border-radius:20px; border:1px solid rgba(52,184,255,.16);
  background: linear-gradient(145deg,#0f171c 0%,#17242d 100%); color:#fff;
}
.sym-experts-hero-board-head { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.sym-experts-hero-board-head span { font:700 10px/1.1 Tektur,system-ui,sans-serif; color:#8edbff; }
.sym-experts-hero-board-head strong { font:800 26px/1.06 Tektur,system-ui,sans-serif; }
.sym-experts-hero-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sym-experts-mode-tile { padding:14px; border:1px solid rgba(255,255,255,.10); border-radius:16px; background:rgba(255,255,255,.04); }
.sym-experts-mode-tile strong { display:block; margin-bottom:7px; font:800 14px/1.1 Tektur,system-ui,sans-serif; color:#fff; }
.sym-experts-mode-tile p { margin:0; color:rgba(255,255,255,.82); font-size:12px; line-height:1.45; }

.sym-experts-grid { display:grid; gap:14px; }
.sym-experts-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sym-experts-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sym-experts-card,
.sym-experts-step,
.sym-experts-faq-item { padding:18px; border-radius:18px; border:1px solid var(--exp-border); background:#fff; }
.sym-experts-index { display:inline-flex; min-width:40px; justify-content:center; padding:7px 10px; border-radius:999px; background:rgba(52,184,255,.1); color:var(--exp-blue); font:800 12px/1 Tektur,system-ui,sans-serif; margin-bottom:12px; }
.sym-experts-card p,
.sym-experts-step p,
.sym-experts-faq-item p { margin:0; color:var(--exp-muted); font-size:15px; line-height:1.56; }

.sym-experts-v1 .sym-experts-topics { background: linear-gradient(135deg,#f6fbfe 0%,#f8f6ff 100%); }
.sym-experts-topic-cloud { display:flex; flex-wrap:wrap; gap:10px; }
.sym-experts-topic {
  display:inline-flex; align-items:center; min-height:42px; padding:10px 16px; border-radius:999px;
  border:1px solid var(--exp-border); background:#fff; white-space:nowrap; font:700 14px/1.2 Ruda,system-ui,sans-serif;
}
.sym-experts-topic--1 { border-color:rgba(52,184,255,.22); }
.sym-experts-topic--2 { border-color:rgba(0,220,166,.22); }
.sym-experts-topic--3 { border-color:rgba(143,99,255,.22); }
.sym-experts-topic--4 { border-color:rgba(13,22,27,.10); }
.sym-experts-topic--5 { border-color:rgba(52,184,255,.22); background:rgba(241,251,255,.9); }

.sym-experts-track-wrap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sym-experts-track { padding:22px; border-radius:22px; border:1px solid var(--exp-border); }
.sym-experts-track-kicker { display:inline-block; margin-bottom:10px; font:800 11px/1 Tektur,system-ui,sans-serif; }
.sym-experts-track--advice { background:linear-gradient(135deg,#f3fcff,#ffffff); }
.sym-experts-track--stage { background:linear-gradient(135deg,#f5fffb,#ffffff); }
.sym-experts-track--product { background:linear-gradient(135deg,#f8f5ff,#ffffff); }

.sym-experts-v1 .sym-experts-people { background:#f8fbfd; }
.sym-experts-people-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.sym-experts-person { text-decoration:none !important; color:inherit; display:flex; flex-direction:column; align-items:center; text-align:center; }
.sym-experts-person img,
.sym-experts-person-placeholder {
  width:150px; height:150px; border-radius:50%; object-fit:cover; background:#fff;
  border:3px solid rgba(52,184,255,.24); box-shadow: 0 12px 28px rgba(13,22,27,.08);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sym-experts-person-placeholder { display:flex; align-items:center; justify-content:center; font:800 42px/1 Tektur,system-ui,sans-serif; color:var(--exp-blue); }
.sym-experts-person strong { margin-top:12px; font:800 17px/1.15 Tektur,system-ui,sans-serif; }
.sym-experts-person small { margin-top:6px; color:var(--exp-muted); font-size:13px; line-height:1.4; }
.sym-experts-person:hover img,
.sym-experts-person:hover .sym-experts-person-placeholder { transform:scale(1.06); border-color:rgba(143,99,255,.5); box-shadow: 0 18px 36px rgba(143,99,255,.16); }
.sym-experts-inline-actions { margin-top:16px; }

.sym-experts-v1 .sym-experts-pro {
  display:grid; grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr); gap:18px;
  background: linear-gradient(135deg,#131b20 0%,#172831 100%); color:#fff; border-color:rgba(255,255,255,.08);
}
.sym-experts-pro .sym-experts-kicker { color:#8edbff; }
.sym-experts-pro h2 { color:#fff; }
.sym-experts-pro p { color:rgba(255,255,255,.82); font-size:16px; line-height:1.6; }
.sym-experts-pro-points { display:grid; gap:12px; }
.sym-experts-pro-points > div { padding:16px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); }
.sym-experts-pro-points strong { display:block; margin-bottom:6px; color:#fff; font:800 16px/1 Tektur,system-ui,sans-serif; }
.sym-experts-pro-points span { color:rgba(255,255,255,.78); font-size:13px; }

.sym-experts-faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sym-experts-faq-item h3 { font-family:Ruda,system-ui,sans-serif; font-weight:700; font-size:20px; line-height:1.35; }

.sym-experts-v1 .sym-experts-final {
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr); gap:18px;
  background: linear-gradient(135deg,#f5fcff 0%,#f6fbfa 52%,#eef9ff 100%);
}
.sym-experts-actions--final { align-content:start; }

html[data-theme="dark"] .sym-experts-v1 { --exp-card:#12181d; --exp-text:#f5f7f7; --exp-muted:#b7c2c9; --exp-border:rgba(255,255,255,.08); --exp-bg:#0c1115; }
html[data-theme="dark"] .sym-experts-v1 .sym-experts-section { background:var(--exp-card); box-shadow:none; }
html[data-theme="dark"]  .sym-experts-v1 .sym-experts-hero { background:radial-gradient(circle at 0 0, rgba(52,184,255,.14), transparent 30%), radial-gradient(circle at 100% 0, rgba(0,220,166,.10), transparent 34%), linear-gradient(135deg,#12181d 0%,#111a1f 58%,#121b1c 100%); }
html[data-theme="dark"] .sym-experts-topic,
html[data-theme="dark"] .sym-experts-card,
html[data-theme="dark"] .sym-experts-step,
html[data-theme="dark"] .sym-experts-faq-item { background:rgba(255,255,255,.02); }
html[data-theme="dark"] .sym-experts-topics,
html[data-theme="dark"] .sym-experts-people,
html[data-theme="dark"]  .sym-experts-v1 .sym-experts-final { background:#131a1f; }
html[data-theme="dark"] .sym-experts-btn--ghost { background:rgba(255,255,255,.04); color:#fff !important; }
html[data-theme="dark"] .sym-experts-person img,
html[data-theme="dark"] .sym-experts-person-placeholder { background:#181f25; }

@media (max-width: 1100px) {
  .sym-experts-grid--4,
  .sym-experts-track-wrap,
  .sym-experts-people-grid,
  .sym-experts-faq-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .sym-experts-hero,
  .sym-experts-pro,
  .sym-experts-final,
  .sym-experts-grid--3 { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
  .sym-experts-v1 .sym-experts-section { padding:22px 16px; border-radius:20px; }
  .sym-experts-hero-grid,
  .sym-experts-grid--4,
  .sym-experts-track-wrap,
  .sym-experts-people-grid,
  .sym-experts-faq-list { grid-template-columns:1fr; }
  .sym-experts-topic-cloud { gap:8px; }
  .sym-experts-topic { white-space:normal; border-radius:18px; }
  .sym-experts-person img,
  .sym-experts-person-placeholder { width:132px; height:132px; }
}
