/* Общие токены и базовые сбросы, извлечено из Dental Clinic.dc.html */
:root{
  --accent:#3D5F78; --accent-2:#5B7E98; --accent-soft:#93AEC2; --accent-100:#D8E4EC;
  --page:#FFFFFF; --panel:#FFFFFF; --head:#000000; --text:#3A3A3A; --muted:#5D5D5D;
  --on-dark:#DDDDDD; --on-accent:#DCE7EF;
  --surface:rgba(0,0,0,.03); --surface-2:rgba(0,0,0,.05);
  --hairline:rgba(0,0,0,.03); --hairline-2:rgba(0,0,0,.05); --rule:rgba(0,0,0,.08);
  --ghost:rgba(61,95,120,.06);
  --card-grad:linear-gradient(135deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.03) 100%);
  --btn-bg:#FFFFFF; --btn-label:#3D5F78; --cap-bg:#3D5F78; --cap-circle:#FFFFFF; --cap-arrow:#3D5F78;
  --solid-label:#FFFFFF; --solid-circle:#FFFFFF; --solid-arrow:#3D5F78;
  --dot-bg:#1E2A33; --dot-fg:#FFFFFF;
  --sunk:#F4F7F9; --overlay:rgba(0,0,0,.5);
  --mask-grad:linear-gradient(to right,#fff 0%,#fff 40%,#fff 60%,rgba(255,255,255,0) 70%);
  --t:all 500ms ease;
  --radius-block:30px; --radius-acc:20px;
  --shadow-icon-hover:0 0 50px 0 rgba(61,95,120,.45);
  --shadow-pop:0 20px 40px rgba(0,0,0,.08);
}
:root[data-theme="dark"]{
  --accent:#9FC0D6; --accent-2:#86AAC3; --accent-soft:#3B586E; --accent-100:rgba(159,192,214,.14);
  --page:#0C1014; --panel:#13181D; --head:#EEF3F7; --text:#B3BDC6; --muted:#8A939C;
  --on-dark:#DDDDDD; --on-accent:#DCE7EF;
  --surface:rgba(255,255,255,.05); --surface-2:rgba(255,255,255,.08);
  --hairline:rgba(255,255,255,.06); --hairline-2:rgba(255,255,255,.08); --rule:rgba(255,255,255,.12);
  --ghost:rgba(159,192,214,.07);
  --card-grad:linear-gradient(135deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.04) 100%);
  --btn-bg:rgba(255,255,255,.1); --btn-label:#E8EFF5; --cap-bg:#9FC0D6; --cap-circle:#0C1014; --cap-arrow:#9FC0D6;
  --solid-label:#0C1014; --solid-circle:#0C1014; --solid-arrow:#9FC0D6;
  --dot-bg:#E8EFF5; --dot-fg:#0C1014;
  --sunk:rgba(255,255,255,.04); --overlay:rgba(0,0,0,.7);
  --mask-grad:linear-gradient(to right,#0C1014 0%,#0C1014 40%,#0C1014 60%,rgba(12,16,20,0) 70%);
  --shadow-icon-hover:0 0 50px 0 rgba(159,192,214,.32);
  --shadow-pop:0 20px 40px rgba(0,0,0,.5);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;font-family:'Inter Tight',sans-serif;font-size:16px;color:var(--text);background:var(--page);transition:background 500ms ease,color 500ms ease}
img{display:block;max-width:100%}
p{margin:0;text-wrap:pretty}
h1,h2,h3,h4{margin:0;font-family:'Unbounded',sans-serif;font-weight:700;text-transform:uppercase}
ul{margin:0;padding:0;list-style:none}
a{color:var(--accent);text-decoration:none;transition:var(--t)}
a:hover{color:var(--accent-2);text-decoration:underline}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input{font:inherit}
.container{width:100%;max-width:1500px;margin-inline:auto;position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}