/* Clean Clinic — стили Главной (hero, лента преимуществ, направления,
   тест, доверие/статистика, врачи, блок записи). */

@keyframes heroArchIn{from{opacity:0;transform:translateY(26px) scaleY(.93);transform-origin:bottom center}to{opacity:1;transform:none}}
@keyframes heroFigIn{from{opacity:0;transform:translateY(72px)}to{opacity:1;transform:none}}
@keyframes heroFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroBadgeIn{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes heroArcDraw{to{stroke-dashoffset:0}}
.ha{opacity:0;animation:heroFadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero-arch{opacity:0;animation:heroArchIn 1s cubic-bezier(.2,.7,.2,1) .15s forwards}
.hero-fig{opacity:0;animation:heroFigIn 1.1s cubic-bezier(.2,.7,.2,1) .5s forwards}
.hero-badge{opacity:0;animation:heroBadgeIn .7s cubic-bezier(.34,1.56,.5,1) 1s forwards}
.hero-arc-echo{stroke-dasharray:820;stroke-dashoffset:820;animation:heroArcDraw 1.6s cubic-bezier(.4,0,.2,1) .3s forwards}
.hero-arc-echo.e2{stroke-dasharray:760;stroke-dashoffset:760;animation-duration:2.1s;animation-delay:.5s}
.hero-arc-echo.e3{stroke-dasharray:700;stroke-dashoffset:700;animation-duration:2.6s;animation-delay:.7s}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;column-gap:56px;row-gap:34px;align-items:center;grid-template-areas:"copy media" "cta media"}
.hero-copy{grid-area:copy;align-self:end}
.hero-mediacol{grid-area:media}
.hero-cta{grid-area:cta;align-self:start}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;position:relative}
.dir-top{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dir-bot{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.test-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}

/* ============================================================
   Классы ниже — перенос инлайн-style с элементов контента Главной
   (шапка/футер/модалки — в base.css). !important по той же причине,
   что и в base.css: инлайн в оригинале всегда побеждал по специфичности.
   ============================================================ */
.hm1{position:relative!important;background:radial-gradient(120% 92% at 82% 8%,#EFF4FC 0%,#F6F4F1 48%,#EFE9DE 100%)!important;min-height:92vh!important;display:flex!important;align-items:center!important;padding:180px 0 56px!important;overflow:hidden!important}
.hm2{width:100%!important}
.hm3{animation-delay:.05s!important}
.hm4{font-family:var(--disp)!important;font-weight:400!important;text-transform:uppercase!important;line-height:1.02!important;letter-spacing:-.005em!important;font-size:clamp(64px,9vw,128px)!important;margin:22px 0 0!important}
.hm5{display:inline-block!important;animation-delay:.18s!important}
.hm6{display:inline-block!important;animation-delay:.3s!important}
.hm7{display:inline-block!important;animation-delay:.42s!important}
.hm8{display:inline-block!important;animation-delay:.54s!important;color:var(--blue)!important}
.hm9{margin:30px 0 0!important;animation-delay:.66s!important}
.hm10{display:flex!important;gap:16px!important;flex-wrap:wrap!important;align-items:flex-start!important;animation-delay:.78s!important}
.hm11{display:flex!important;flex-direction:column!important;gap:7px!important}
.hm12{display:inline-flex!important;align-items:center!important;gap:12px!important;border:1px solid var(--blue)!important;background:var(--blue)!important;color:#fff!important;border-radius:100px!important;padding:16px 28px!important;font-family:Raleway!important;font-weight:600!important;font-size:14px!important;letter-spacing:.04em!important;text-transform:uppercase!important;transition:.25s!important}
.hm13{width:22px!important;height:22px!important;border-radius:50%!important;background:rgba(255,255,255,.22)!important;display:grid!important;place-items:center!important;font-size:12px!important}
.hm14{font-size:12.5px!important;color:var(--slate)!important;letter-spacing:.01em!important}
.hm15{display:inline-flex!important;align-items:center!important;gap:12px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;border-radius:100px!important;padding:11px 22px 11px 11px!important;font-family:Raleway!important;font-weight:600!important;font-size:14px!important;letter-spacing:.04em!important;text-transform:uppercase!important;cursor:pointer!important;transition:.25s!important}
.hm16{width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--line)!important;display:grid!important;place-items:center!important;color:var(--blue)!important;font-size:11px!important}
.hm17{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-top:38px!important;font-size:13px!important;line-height:1!important;color:var(--slate)!important}
.hm18{flex:none!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#C7CCD2!important}
.hm19{position:relative!important;justify-self:center!important;align-self:stretch!important;display:flex!important;align-items:flex-end!important;min-height:560px!important}
.hm20{position:relative!important;width:min(430px,86vw)!important;height:100%!important;min-height:540px!important}
.hm21{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:120px!important;z-index:1!important}
.hm22{position:absolute!important;inset:0!important;border-radius:200px 200px 22px 22px!important;background:linear-gradient(180deg,#FBFAF8 0%,#F1ECE4 100%)!important;box-shadow:0 50px 100px -50px rgba(16,32,46,.42)!important}
.hm23{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important}
.hm24{font-family:var(--disp)!important;font-size:9.5px!important;letter-spacing:2.8px!important;fill:var(--ink)!important;text-transform:uppercase!important}
.hm25{position:absolute!important;inset:0!important;margin:auto!important;width:36px!important;height:36px!important}
.hm26{position:absolute!important;z-index:2!important;left:6%!important;bottom:0!important;width:122%!important;max-width:none!important;height:auto!important;-webkit-mask-image:linear-gradient(180deg,#000 78%,rgba(0,0,0,0) 100%)!important;mask-image:linear-gradient(180deg,#000 78%,rgba(0,0,0,0) 100%)!important;filter:sepia(.12) saturate(1.04) drop-shadow(0 30px 46px rgba(16,32,46,.22))!important}
.hm27{position:absolute!important;left:-30px!important;bottom:96px!important;width:122px!important;height:122px!important;z-index:3!important}
.hm28{width:100%!important;height:100%!important;animation:spin 28s linear infinite!important}

.hm29{margin-top:24px!important;position:relative!important;z-index:5!important}
.hm30{background:#0C1B2E!important;border-radius:24px!important;padding:48px clamp(28px,4vw,56px)!important;box-shadow:0 40px 80px -44px rgba(12,27,46,.7)!important;position:relative!important;overflow:hidden!important}
.hm31{position:absolute!important;right:-10px!important;top:-10px!important;width:200px!important;height:200px!important;opacity:.10!important}
.hm33{display:flex!important;flex-direction:column!important;gap:14px!important}
.hm34{font-family:var(--disp)!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:23px!important;color:#fff!important;line-height:1.02!important}
.hm35{font-size:14px!important;color:rgba(255,255,255,.82)!important}

.hm36{padding-top:104px!important;position:relative!important}
.hm37{top:52px!important;left:-5%!important;color:#16283a!important;opacity:.028!important}
.hm38{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;flex-wrap:wrap!important;margin-bottom:44px!important;position:relative!important;z-index:1!important}
.hm39{max-width:400px!important}
.hm40{font-size:16px!important}
.hm41{margin-top:16px!important}
.hm42{margin-bottom:24px!important}
.hm43{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 22px 44px -32px rgba(16,32,46,.4)!important}
.hm44{position:relative!important;height:300px!important;background:linear-gradient(150deg,#EDF2FB,#DCE6F4)!important}
.hm45{position:relative!important;height:300px!important;background:linear-gradient(150deg,#F3E9E3,#E7D3CF)!important}
.hm46{padding:26px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important}
.hm47{font-family:var(--disp)!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:26px!important;line-height:1!important}
.hm48{font-size:14px!important;color:var(--slate)!important;margin-top:6px!important}
.hm49{flex:none!important;width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid var(--line)!important;display:grid!important;place-items:center!important;color:var(--blue)!important;transition:.3s!important}
.hm51{position:relative!important;height:170px!important;background:linear-gradient(150deg,#EEF0FA,#DEE1F3)!important}
.hm52{position:relative!important;height:170px!important;background:linear-gradient(150deg,#EDF2FB,#DCE6F4)!important}
.hm53{position:relative!important;height:170px!important;background:linear-gradient(150deg,#F6F1EA,#E9E3DA)!important}
.hm54{position:relative!important;height:170px!important;background:linear-gradient(150deg,#F3E9E3,#EAD7D2)!important}
.hm55{padding:22px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.hm56{min-height:52px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}
.hm57{font-family:var(--disp)!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:21px!important;line-height:1.02!important}
.hm58{font-size:13px!important;color:var(--slate)!important;line-height:1.25!important}
.hm59{flex:none!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid var(--line)!important;display:grid!important;place-items:center!important;color:var(--blue)!important;transition:.3s!important;font-size:13px!important}

.hm60{margin-top:104px!important;background:linear-gradient(115deg,#F3F6FB 0%,#EAF1FC 52%,#FFFFFF 100%)!important;position:relative!important;overflow:hidden!important}
.hm61{top:28px!important;left:-4%!important;color:#123056!important;opacity:.02!important}
.hm62{padding-top:88px!important;padding-bottom:88px!important;position:relative!important;z-index:1!important}
.hm63{margin-top:14px!important}
.hm64{margin-top:22px!important}
.hm65{display:inline-flex!important;align-items:center!important;gap:12px!important;border:1px solid var(--blue)!important;background:var(--blue)!important;color:#fff!important;border-radius:100px!important;padding:16px 28px!important;font-family:Raleway!important;font-weight:600!important;font-size:14px!important;letter-spacing:.04em!important;text-transform:uppercase!important;transition:.25s!important;margin-top:34px!important}
.hm66{width:22px!important;height:22px!important;border-radius:50%!important;background:rgba(255,255,255,.22)!important;display:grid!important;place-items:center!important;font-size:12px!important}
.hm67{justify-self:center!important}
.hm68{width:288px!important;background:var(--navy)!important;border-radius:44px!important;padding:14px!important;box-shadow:0 50px 90px -44px rgba(16,32,46,.6)!important}
.hm69{background:#fff!important;border-radius:32px!important;overflow:hidden!important}
.hm70{height:26px!important;display:flex!important;justify-content:center!important;align-items:center!important}
.hm71{width:64px!important;height:6px!important;border-radius:6px!important;background:#E4E8EE!important}
.hm72{padding:22px 22px 28px!important}
.hm73{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:12px!important;color:var(--slate)!important}
.hm74{font-weight:600!important}
.hm75{height:5px!important;border-radius:5px!important;background:#EDF0F4!important;margin:12px 0 24px!important;overflow:hidden!important}
.hm76{display:block!important;width:34%!important;height:100%!important;background:var(--blue)!important}
.hm77{font-family:var(--disp)!important;text-transform:uppercase!important;letter-spacing:.01em!important;font-size:26px!important;line-height:1.02!important;color:var(--ink)!important}
.hm78{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:20px!important}
.hm79{border:1px solid var(--line)!important;border-radius:12px!important;padding:13px 16px!important;font-size:14px!important;color:var(--slate)!important}
.hm80{border:1px solid var(--blue)!important;background:#EAF2FF!important;border-radius:12px!important;padding:13px 16px!important;font-size:14px!important;color:var(--ink)!important;font-weight:600!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.hm81{width:18px!important;height:18px!important;border-radius:50%!important;background:var(--blue)!important;display:grid!important;place-items:center!important}
.hm82{margin-top:22px!important;background:var(--blue)!important;color:#fff!important;border-radius:100px!important;padding:13px!important;text-align:center!important;font-weight:600!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important}

.hm83{padding-top:104px!important;padding-bottom:104px!important;position:relative!important}
.hm84{top:56px!important;left:-5%!important;color:#16283a!important;opacity:.028!important}
.hm85{position:relative!important;z-index:1!important}
.hm86{margin-top:24px!important}
.hm87{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:0!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important}
.hm88{padding:34px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.hm89{padding:34px!important;border-bottom:1px solid var(--line)!important}
.hm90{padding:34px!important;border-right:1px solid var(--line)!important}
.hm91{padding:34px!important}
.hm92{font-family:var(--disp)!important;font-size:60px!important;line-height:.86!important;color:var(--ink)!important}
.hm93{color:var(--blue)!important}
.hm94{font-size:13px!important;color:var(--slate)!important;margin-top:8px!important}

.hm95{background:var(--sand)!important;position:relative!important;overflow:hidden!important}
.hm96{top:36px!important;left:auto!important;right:-6%!important;color:#4a3a1f!important;opacity:.03!important}
.hm97{padding-top:96px!important;padding-bottom:96px!important;position:relative!important;z-index:1!important}
.hm98{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;flex-wrap:wrap!important;margin-bottom:44px!important}
.hm99{margin-top:18px!important;font-size:16px!important}
.hm100{position:relative!important}
.hm101{display:flex!important;gap:24px!important;overflow-x:auto!important;scroll-behavior:smooth!important;padding-bottom:8px!important;scrollbar-width:none!important}
.hm102{flex:0 0 340px!important;background:#fff!important;border-radius:18px!important;overflow:hidden!important;border:1px solid var(--line)!important}
.hm103{position:relative!important;height:360px!important;background:linear-gradient(150deg,#EDF2FB,#DCE6F4)!important}
.hm104{padding:26px!important}
.hm107{display:flex!important;gap:16px!important;justify-content:center!important;align-items:center!important;margin-top:40px!important}
.hm108{width:60px!important;height:60px!important;border-radius:50%!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;cursor:pointer!important;transition:.25s!important;font-size:22px!important;display:grid!important;place-items:center!important}

.hm109{padding-top:104px!important;padding-bottom:104px!important;position:relative!important}
.hm110{top:40px!important;left:-4%!important;color:#16283a!important;opacity:.024!important}
.hm111{border-radius:24px!important;overflow:hidden!important;box-shadow:0 40px 80px -44px rgba(16,32,46,.45)!important;position:relative!important;z-index:1!important}
.hm112{background:var(--navy)!important;color:#fff!important;padding:clamp(36px,4vw,64px)!important;display:flex!important;flex-direction:column!important}
.hm113{color:#8FB8FF!important}
.hm114{color:#fff!important;margin-top:14px!important}
.hm115{color:rgba(255,255,255,.72)!important;font-size:16px!important;margin-top:20px!important;max-width:420px!important}
.hm116{margin-top:auto!important;padding-top:38px!important}
.hm117{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:24px!important}
.hm118{font-family:var(--disp)!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:22px!important;color:#fff!important}
.hm119{display:flex!important;gap:12px!important;margin:18px 0!important}
.hm120{width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important;display:grid!important;place-items:center!important;color:#fff!important}
.hm120:hover{background:var(--blue)!important}
.hm121{display:flex!important;gap:10px!important}
.hm122{flex:1!important;min-width:0!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important;border-radius:100px!important;padding:13px 18px!important;font-family:Raleway!important;font-size:14px!important;color:#fff!important;outline:none!important}
.hm123{border:1px solid var(--blue)!important;background:var(--blue)!important;color:#fff!important;border-radius:100px!important;padding:13px 22px!important;font-family:Raleway!important;font-weight:600!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important;cursor:pointer!important;transition:.25s!important;white-space:nowrap!important}
.hm124{position:relative!important;min-height:460px!important;background:linear-gradient(150deg,#EDF2FB,#DCE6F4)!important}

@media(prefers-reduced-motion:reduce){.ha,.hero-arch,.hero-fig,.hero-badge{animation:none!important;opacity:1!important;transform:none!important}.hero-arc-echo{animation:none!important;stroke-dashoffset:0!important}}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "media" "cta";row-gap:28px}
  .hero-copy{align-self:auto}
  .dir-top,.dir-bot{grid-template-columns:1fr}
  .test-grid,.trust-grid,.book-grid{grid-template-columns:1fr;gap:32px}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .stats-grid>div{padding:24px!important}
  .benefits{grid-template-columns:1fr 1fr;gap:28px 24px}
}
@media(max-width:640px){
  .hero-sec{min-height:auto!important;padding:92px 0 40px!important}
  .hero-badge{display:none!important}
  .hero-glow{display:none!important}
  .hero-mediacol{justify-self:center;min-height:0!important;align-self:auto!important}
  .hero-media-inner{width:min(384px,92vw)!important;min-height:0!important;height:auto!important}
  .hero-arch{position:relative!important;top:0!important;height:412px!important;overflow:hidden;border-radius:190px 190px 20px 20px}
  .hero-fig{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:82%!important;bottom:0!important;filter:sepia(.1) saturate(1.03) drop-shadow(0 14px 24px rgba(16,32,46,.16))!important}
  .hero-fade{display:block!important}
  .hero-h1{font-size:clamp(50px,15vw,76px)!important;line-height:1.0!important}
  .lead{font-size:16px!important}
  .prim,.ghost,.cta-btn{font-size:15px!important}
  .cta-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .cta-row>div{width:100%!important}
  .cta-btn{width:100%!important;justify-content:center!important;padding:16px 24px!important}
  .hero-micro{font-size:14px!important;text-align:center}
  .hero-trust{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px 12px!important;margin-top:34px!important;margin-bottom:10px!important;font-size:15px!important;line-height:1.5!important;text-align:center}
  .benefits-sec{margin-top:14px!important}
  .benefits{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}
  .benefits>div{gap:10px!important}
  #docRail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:20px}
  #docRail>div{flex:0 0 78vw!important;scroll-snap-align:start}
  .doc-nav{display:none!important}
  .doc-navbar{margin-top:26px!important}
  .footer-top{grid-template-columns:1fr 1fr!important;gap:30px 20px!important;padding-bottom:32px!important}
  .footer-top>div:first-child{grid-column:1/-1!important}
  .footer-bottom{gap:8px 16px!important}
  .book-form{flex-direction:column!important}
  .book-input,.book-submit{width:100%!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
  #booking{overflow:hidden}
  .book-grid{grid-template-columns:1fr!important;display:block!important;width:100%!important}
  .book-grid>div{width:100%!important;box-sizing:border-box!important;min-width:0!important}
  .book-panel{padding:30px 18px!important;overflow:hidden}
  .book-card{width:100%!important;box-sizing:border-box!important;padding:20px!important;margin:0!important;min-width:0!important}
  .dir-bot{grid-template-columns:1fr}
}