/* طرح الف «میان»: نشانِ آفتاب (حلقه‌ی آدم‌ها) وسط صفحه و تیتر زیرش؛ واژه‌ی مسئله «در میانِ» حلقه.
   همه‌چیز گرد است چون نشان گرد است: دکمه‌ها قرصی، صندلی‌های کارگاه در حلقه، عکس بنیان‌گذار گرد. قلم: استعداد. */
:root {
  --font: "Estedad"; --font-d: "Estedad";
  --bg: #FFFFFF; --bg2: #F3F6F7; --card: #FFFFFF; --ink: #16202A; --mute: #52606B; --line: #E3E8EB; --line-strong: #C3CDD4;
  --brand: #F07F1B; --accent-ink: #B4500A; --btn-bg: #B9520B; --btn-ink: #FFFFFF; --sel-bg: #14495C; --sel-ink: #FFFFFF; --focus: #14495C;
  --r-btn: 999px; --r-chip: 999px; --r-day: 18px; --r-card: 24px; --r-in: 14px;
  --ft-bg: #16202A; --ft-ink: #E7ECEF; --tag-bg: #FFEFD6; --tag-ink: #7A4300; --seat-free: #C3CDD4;
}
[data-theme="dark"] {
  --bg: #0E1419; --bg2: #141D24; --card: #172029; --ink: #E8EEF2; --mute: #9DAAB4; --line: #25313B; --line-strong: #3B4955;
  --brand: #F5913F; --accent-ink: #F7A564; --btn-bg: #F5913F; --btn-ink: #1A0F05; --sel-bg: #8FD0E0; --sel-ink: #0B1A20; --focus: #8FD0E0;
  --ft-bg: #0A0F13; --ft-ink: #C9D3DA; --tag-bg: #3A2A12; --tag-ink: #FFD08A; --seat-free: #3B4955;
}

.hero-a { text-align: center; padding: clamp(1.5rem, 1rem + 2.5vw, 3.5rem) 0 var(--sec); background: radial-gradient(56rem 34rem at 50% 28%, var(--bg2), transparent 72%); }
.ring { position: relative; width: min(27rem, 72vw, 40svh); aspect-ratio: 1; margin: 0 auto; }
.ring svg { width: 100%; height: 100%; }
.ring__mid { position: absolute; inset: 30%; display: grid; place-items: center; }
.word { grid-area: 1 / 1; font-weight: 850; font-size: clamp(1.4rem, .95rem + 2vw, 2.45rem); color: var(--ink); opacity: 0; transform: translateY(.3em) scale(.96); transition: opacity .6s, transform .6s var(--ease); }
.word.on { opacity: 1; transform: none; }
.hero-a h1 { margin: clamp(1.25rem, .9rem + 1.5vw, 2.25rem) auto 0; max-width: 17ch; }
.hero-a .lead { margin-inline: auto; }
.hero-a .cta, .hero-a .badges { justify-content: center; }
@media (prefers-reduced-motion: no-preference) {
  .ring path { transform-box: fill-box; transform-origin: center; animation: a-pop .7s var(--ease) both; animation-delay: calc(var(--a) * 2.4ms + .1s); }
  .hero-a h1, .hero-a .lead, .hero-a .cta { animation: a-rise .8s var(--ease) both .6s; }
}
@keyframes a-pop { from { opacity: 0; transform: scale(.35); } }
@keyframes a-rise { from { opacity: 0; transform: translateY(14px); } }

/* بخش‌ها یکی در میان روی زمینه‌ی خاکستری‌آبیِ روشن */
.ws, .book { background: var(--bg2); }
.svc__item { gap: .6rem; }
@media (hover: hover) and (pointer: fine) { .svc__item { transition: border-color .2s; } .svc__item:hover { border-color: var(--c); } }
.founder__ph { max-width: 24rem; margin-inline: auto; }
.founder__ph img { aspect-ratio: 1; border-radius: 50%; }