/* Базовые стили страницы: палитра и типографика по гайдбуку All Smiles */
:root{
  --pink:#e93d8d;--purple:#5e5391;--lavender:#b9a7ea;--grey:#d8d7de;--paper:#f4f3f7;--ink:#2e2e35;--muted:#8d8c96;--line:#e3e0eb;
  --font:'Nunito','Segoe UI',sans-serif;--text:'Nunito Sans','Nunito',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font:400 17px/1.6 var(--text)}
img{max-width:100%;display:block}
a{color:var(--purple)}
button,input{font:inherit}
h1,h2,h3,p{margin:0 0 18px;font-family:var(--font)}
h1{font-size:clamp(38px,4.2vw,62px);line-height:1.1;font-weight:600;letter-spacing:-1.5px}
h2{font-size:clamp(30px,3vw,44px);line-height:1.18;font-weight:600;letter-spacing:-1px;max-width:850px}
h3{font-size:23px;line-height:1.3;font-weight:600}
em{font-style:normal;color:var(--purple)}
.container{max-width:1200px;margin:auto;padding:0 32px}
.section{padding:85px 0;position:relative}
.lead{font-size:20px;max-width:760px;color:#65616f}
.small{font-size:13px;color:#726c7d}

/* кнопки: форма из гайдбука (пилюля), цвет — основной розовый */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:15px 26px;border:0;border-radius:999px;background:var(--pink);color:#fff;text-decoration:none;font-family:var(--font);font-weight:700;font-size:16px;cursor:pointer;transition:background .2s}
.btn:hover{background:#d22f7c}
.btn:active{background:#bd2a70}
.btn--lg{padding:18px 32px;font-size:17px}
.outline{background:transparent;color:var(--purple);border:1.5px solid var(--purple);box-shadow:none}
.outline:hover{background:var(--purple);color:#fff}

/* Шапка */
.header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(48,32,68,.05)}
.header-inner{display:flex;align-items:center;gap:25px;padding-top:16px;padding-bottom:16px}
.brand{width:145px;flex:none}
.header-rating{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 10px;padding:8px 16px;border-radius:18px;background:#efeafb;white-space:nowrap;line-height:1}
.header-rating b{font-family:var(--font);font-size:23px;font-weight:700;color:var(--purple);letter-spacing:-.5px}
.header-rating small{grid-column:1/-1;font-size:12px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lavender);text-underline-offset:3px;margin-top:4px}
.header-contact a{display:block;font-family:var(--font);font-size:19px;font-weight:700;text-decoration:none;color:var(--ink)}
.header-contact span{display:block;font-size:11px;color:var(--muted)}
.header .btn{padding:12px 20px;font-size:14px;white-space:nowrap}

/* Первый экран */
.hero{background:linear-gradient(110deg,#fff 45%,var(--paper) 45%);padding-top:60px;overflow:hidden}
.hero .container{position:relative}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0}
.photo{position:relative;overflow:hidden;border-radius:20px;background:#e6e3eb}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
#cases .container{position:relative;z-index:1}
.hero .container{z-index:1}

/* Баннер акции: бренд-градиент + улыбки */
.promo{position:relative;overflow:hidden;color:#fff;background:linear-gradient(100deg,var(--purple) 0%,#8a5fb0 42%,var(--pink) 100%)}

/* Второй экран: рейтинги → заголовок → история пациента */
.grid{display:grid;gap:22px;margin-top:32px}
.consent{font-size:12px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:8px}
.form-message{font-size:14px;margin:0}
.form-message:empty{display:none}

/* Модальное окно */
.modal{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 32px));max-height:90vh;padding:0;border:0;border-radius:24px;overflow:visible;background:#fff;box-shadow:0 40px 100px rgba(46,46,53,.35)}
.modal::backdrop{background:rgba(46,46,53,.55);backdrop-filter:blur(4px)}
.modal-body{position:relative;overflow:hidden;padding:42px 38px 34px;background:#fff;border-radius:24px}
.modal-body::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--purple),var(--pink))}
.modal-body>*:not(svg):not(.modal-body::before){position:relative;z-index:1}
.modal-logo{width:124px;margin-bottom:20px}
.modal-body h3{font-size:26px;margin-bottom:10px}
.modal-body>p{color:#65616f;font-size:15px;margin-bottom:18px}
.modal-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}
.modal-list li{position:relative;padding-left:30px;font-size:15px;color:var(--ink)}
.modal-list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#efeafb url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5391' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/12px no-repeat}
.modal-form{display:grid;gap:12px}
.modal-form input[type=tel]{height:56px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;font-size:16px;outline:0;transition:border-color .2s}
.modal-form input[type=tel]:focus{border-color:var(--lavender)}
.consent--dark{color:var(--muted)}
.modal-close{position:absolute;right:-14px;top:-14px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(46,46,53,.3);transition:background .2s}
.modal-close:hover{background:var(--pink)}

.footer{position:relative;padding:40px 0 60px;color:var(--muted);font-size:14px}
.footer .container{position:relative}
.footer p{margin-bottom:6px}

/* Анимации появления */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media (max-width:760px){
  .container{padding:0 20px}
  .section{padding:55px 0}
  .hero{background:var(--paper);padding-top:28px}
  h1{letter-spacing:-1px;font-size:34px}
  .lead{font-size:18px}
  .header-inner{gap:12px;padding-top:10px;padding-bottom:10px}
  .brand{width:118px}
  .header-rating{display:none}
  .header-contact{margin-left:auto;text-align:right}
  .header-contact span{display:none}
  .header-contact a{font-size:15px}
  .header .btn{display:none}
  #cases h2{font-size:28px}
  .modal-body{padding:26px 22px 24px}
  .modal-body h3{font-size:22px}
  .modal-close{right:6px;top:-48px}
  .btn--lg{width:100%}
}

/* Дополнения базовой раскладки */
[hidden]{display:none!important}

/* Шапка: добавилось меню */
.header-nav{display:flex;gap:18px;margin-left:auto;font-size:14px;white-space:nowrap;font-family:var(--font);font-weight:500}
.header-nav a{color:var(--ink);text-decoration:none;opacity:.75;transition:opacity .2s}
.header-nav a:hover{opacity:1;color:var(--purple)}
.header-inner{gap:18px}
.header-contact{flex:none}
.header-contact a{white-space:nowrap;font-size:17px}
.header .btn{flex:none;padding:11px 18px;font-size:13.5px}
.header-contact{margin-left:0}
.card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.card h3{font-size:20px;margin-bottom:10px}
.card p{color:#65616f;font-size:15px;margin:0}
.card .photo{aspect-ratio:16/10;margin-bottom:18px;border-radius:16px}
.card .photo img{width:100%;height:100%;object-fit:cover}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,60px);align-items:start}
.sleep{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-top:36px;padding:clamp(22px,3vw,36px);background:var(--paper);border-radius:var(--r)}
.sleep .photo{aspect-ratio:4/3;border-radius:18px}
.sleep .photo img{width:100%;height:100%;object-fit:cover}
.sleep h2{font-size:clamp(26px,2.6vw,38px);margin-bottom:12px}
.sleep .btn{margin-top:18px}
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow)}
.calc .btn{width:100%}
.choice{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.choice .n{font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pink)}
.choice h3{font-size:18px;margin:10px 0 8px;line-height:1.3}
.choice p{font-size:14px;color:#65616f;margin:0}
@keyframes qfade{from{opacity:0;transform:translateY(8px)}}
.opt{display:flex;align-items:center;gap:14px;padding:15px 20px;border-radius:14px;background:var(--paper);cursor:pointer;border:1.5px solid transparent;transition:.2s}
.opt:hover{background:#efeafb}
.opt input{appearance:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--grey);margin:0;flex:none;transition:.2s}
.opt input:checked{border-color:var(--purple);background:var(--purple);box-shadow:inset 0 0 0 4px #fff}
.opt:has(input:checked){border-color:var(--purple);background:#fff}
.btn--ghost{background:none;color:var(--muted);box-shadow:none}
.btn--ghost:hover{background:none;color:var(--ink)}
.btn[disabled]{opacity:.4;pointer-events:none}
.consent--dark{color:var(--muted)}
.flag{font-size:20px;line-height:1;width:38px;height:38px;border-radius:50%;background:var(--paper);display:grid;place-items:center}
.shade{margin-top:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line);overflow:hidden}
.shade-tint,.shade-bleach{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(../assets/shade/mask.png) center/cover no-repeat;mask:url(../assets/shade/mask.png) center/cover no-repeat;mask-mode:alpha;transition:background-color .4s var(--ease),opacity .4s}
.shade-tint{background:var(--c);mix-blend-mode:multiply}
.shade-bleach{background:#fff;mix-blend-mode:soft-light;opacity:var(--bl)}
.shade .small{padding:14px 20px 18px;margin:0}
.drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px;border:1.5px dashed rgba(255,255,255,.6);border-radius:18px;cursor:pointer;text-align:center;background:rgba(255,255,255,.1);transition:.2s}
.drop:hover{background:rgba(255,255,255,.2)}
.drop span{font-family:var(--font);font-weight:700;margin-top:6px}
.drop small{font-size:12px;opacity:.8}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.steps li{counter-increment:s;padding:20px 0 20px 52px;border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:5px}
.steps li::before{content:"0" counter(s);position:absolute;left:0;top:22px;font-family:var(--font);font-size:13px;font-weight:700;color:var(--pink)}
.steps b{font-family:var(--font);font-weight:700}
.steps span{font-size:14px;color:#65616f}
.contract{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;position:sticky;top:110px}
.contract p{color:#65616f;font-size:15px;margin:0}
.contract .btn{align-self:flex-start;margin-top:6px}
.docs{margin-top:16px}
.doc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.doc .photo{aspect-ratio:1;border-radius:16px;margin-bottom:12px}
.doc .photo img{width:100%;height:100%;object-fit:cover}
.doc h3{font-size:17px;margin-bottom:4px;line-height:1.3}
.doc small{display:block;color:var(--purple);font-size:13px;margin-bottom:6px}
.doc p{font-size:13.5px;color:#65616f;margin:0}
.tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:999px}
.tabs button{display:flex;align-items:center;gap:9px;padding:11px 20px;border:0;border-radius:999px;background:none;font-family:var(--font);font-weight:700;font-size:15px;color:var(--muted);cursor:pointer;transition:.2s}
.tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.tabs .m{width:19px;height:19px;border-radius:50%;background:#e3112f;color:#fff;font:700 11px/19px var(--font);text-align:center}
.tabs .m::before{content:"M"}

/* Адаптив */
@media (max-width:1330px){.header-rating{display:none}}
@media (max-width:1180px){.header-nav{display:none}}
@media (max-width:1100px){
  .steps{grid-template-columns:1fr}
  .sleep, .split{grid-template-columns:1fr}
  .contract{position:static}
}
@media (max-width:760px){
  .tabs button{flex:1;justify-content:center;padding:11px 8px}
  .footer{padding-bottom:90px}
  .calc{padding:20px}
}

/* Первый экран (.v1): протез на имплантах */

/* переменные первого экрана, не задевают остальную страницу */
.v1{
  --ink:#1e1b3a;--ink-60:rgba(30,27,58,.6);--ink-40:rgba(30,27,58,.4);
  --violet:#6f00dd;--pink:#e93d8d;--magenta:#b21cff;
  --lav-0:#f5f3fb;--lav-1:#ece8fa;--lav-2:#e0d9f7;--lav-3:#cdc2f2;
  --line:#e6e2ef;--grad:linear-gradient(92deg,var(--magenta) 0%,var(--pink) 100%);
  --r-xl:36px;--r-l:24px;--r-m:16px;
  --font:'Onest',system-ui,-apple-system,sans-serif;--wide:'Unbounded',var(--font);
  --ease:cubic-bezier(.2,.7,.2,1);
  display:block;color:var(--ink);font-family:var(--font)
}
.v1 *{box-sizing:border-box}
.v1 h1,.v1 p{margin:0}
.v1 button{cursor:pointer;border:0;background:none;font:inherit}
.v1 a{text-decoration:none;color:inherit}

.v1 /* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;font-weight:500;font-size:15px;white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s,background .3s;position:relative;overflow:hidden}
.v1 .btn:hover{transform:translateY(-2px)}
.v1 .btn:active{transform:translateY(0) scale(.98)}
.v1 .btn--grad{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(255,52,142,.28)}
.v1 .btn--grad::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.v1 .btn--grad:hover::after{transform:translateX(120%)}
.v1 .btn--grad .arr{display:inline-block;transition:transform .3s var(--ease)}
.v1 .btn--grad:hover .arr{transform:translateX(5px)}
.v1 .btn--ghost{color:var(--ink-60)}
.v1 .btn[disabled]{opacity:.4;pointer-events:none}
.v1 /* Формы */
.lead{display:grid;gap:12px}
.v1 .lead--row{grid-template-columns:1fr auto;align-items:center}
.v1 .lead--row .consent,.v1 .lead--row .lead__msg{grid-column:1/-1}
.v1 .field{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;background:#fff;border-radius:999px;color:var(--ink-40);border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s}
.v1 .field:focus-within{border-color:var(--lav-3);box-shadow:0 0 0 4px rgba(111,0,221,.08)}
.v1 .field input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font-size:16px}
.v1 .field input::placeholder{color:var(--ink-40)}
.v1 .consent{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-40);cursor:pointer}
.v1 .consent input{appearance:none;width:16px;height:16px;border:1.5px solid var(--lav-3);border-radius:5px;background:#fff;display:grid;place-items:center;flex:none;margin:0}
.v1 .consent input:checked{background:var(--violet);border-color:var(--violet)}
.v1 .consent input:checked::after{content:"";width:8px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}
.v1 .lead__msg{font-size:14px;color:var(--violet);min-height:0;margin:0}
.v1 .lead__msg:empty{display:none}
.v1 .top .btn{height:46px;padding:0 22px;font-size:14px}
.v1 /* Первый экран */
.hero{padding:0 16px 16px}
.v1 .hero__sheet{position:relative;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(170deg,#f0ecfb 0%,#e6e0f8 55%,#ddd4f5 100%);min-height:calc(100svh - 92px);display:flex;flex-direction:column;padding:clamp(28px,3.4svh,48px) clamp(20px,4vw,72px) 0;isolation:isolate}
.v1 .hero__glow{position:absolute;left:50%;top:40%;width:52vw;height:30vw;max-width:760px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,52,142,.28),rgba(178,28,255,.12) 55%,transparent 72%);filter:blur(40px);z-index:0;pointer-events:none;animation:breathe 7s ease-in-out infinite}
.v1 .hero__wm{order:3;margin-top:0;align-self:center;font:800 min(11.2vw,13svh,168px)/.78 var(--wide);letter-spacing:-.02em;color:#cdc2f2;opacity:.55;white-space:nowrap;pointer-events:none;user-select:none;transform:translateY(.06em);position:relative;z-index:0}
.v1 .hero__grid{position:static;z-index:2;width:100%;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:0 24px;align-items:start;margin:auto 0}
.v1 .hero__grid>*{min-width:0}
.v1 .hero__left{grid-column:1;grid-row:1;position:relative;z-index:2}
.v1 .hero__right{grid-column:2;grid-row:1;position:relative;z-index:2;text-align:right;padding-top:clamp(12px,2.5svh,40px)}
.v1 .hero__h{font-weight:300;font-size:clamp(56px,min(9.4vw,15svh),150px);line-height:.9;letter-spacing:-.045em;display:flex;flex-direction:column}
.v1 .hero__l2{padding-left:.42em;color:#fff;text-shadow:0 4px 30px rgba(111,0,221,.22)}
.v1 .hero__h--r{align-items:flex-end}
.v1 .hero__l4{padding-right:.1em}
.v1 .hero__obj{position:absolute;left:50%;top:50%;width:clamp(420px,min(74vw,104svh),1180px);transform:translate(-50%,-52%);z-index:1;pointer-events:none;will-change:transform}
.v1 .hero__obj img{width:100%;filter:drop-shadow(0 60px 70px rgba(60,20,120,.28));animation:float 6s ease-in-out infinite;transform-origin:center}
.v1 .hero__orbit{position:absolute;left:50%;top:60%;width:112%;transform:translate(-50%,-50%) rotate(-8deg);overflow:visible;z-index:-1}
.v1 .hero__orbit ellipse{fill:none;stroke:rgba(255,52,142,.75);stroke-width:1.2;stroke-dasharray:1900;stroke-dashoffset:1900;animation:draw 2.2s 0.4s var(--ease) forwards}
.v1 .tag{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #fff;box-shadow:0 10px 28px rgba(60,30,120,.12);opacity:0;animation:tagIn .8s 1.6s var(--ease) forwards;transition:transform .4s var(--ease),box-shadow .4s;text-align:left;width:max-content}
.v1 .tag:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(60,30,120,.18)}
.v1 .tag:nth-child(2){animation-delay:1.9s}
.v1 .tag b{font-weight:500;font-size:13px;line-height:1.1;white-space:nowrap}
.v1 .hero__form{grid-column:1;grid-row:2;max-width:560px;margin-top:clamp(16px,2.5svh,40px);position:relative;z-index:4}
.v1 .hero__form .lead--row{grid-template-columns:minmax(180px,1fr) auto}
.v1 .hero__stats{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;gap:clamp(20px,2.6vw,40px);margin-top:clamp(16px,2.5svh,40px);text-align:right;position:relative;z-index:4}
.v1 .stat b{display:block;font-weight:300;font-size:clamp(30px,2.8vw,44px);line-height:1;letter-spacing:-.03em}
.v1 .stat b span{font-size:.5em;letter-spacing:0;color:var(--violet)}
.v1 .stat small{display:block;font-size:12px;color:var(--ink-40);margin-top:6px;line-height:1.35}
.v1 /* Бегущая строка */
.ticker{overflow:hidden;padding:22px 0 6px;mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.v1 .ticker__track{display:flex;gap:28px;align-items:center;width:max-content;animation:ticker 40s linear infinite;font-size:14px;color:var(--ink-60);white-space:nowrap}
.v1 .ticker__track i{width:6px;height:6px;border-radius:50%;background:var(--pink);flex:none}
.v1 .calc .field{background:var(--lav-1)}
.v1 .hero__grid>*{min-width:0}
.v1 .contract .btn{margin-top:8px;align-self:flex-start}
@media (prefers-reduced-motion:reduce){
.v1 .hero__orbit ellipse{stroke-dashoffset:0}
}
@media (min-width:1501px){
.v1 .hero__stats{flex-wrap:nowrap}
}
@media (max-width:860px){
.v1 .hero{padding:0 10px 10px}
.v1 .hero__sheet{min-height:0;padding:24px 20px 0;border-radius:28px}
.v1 .hero__grid{grid-template-columns:1fr;gap:0}
.v1 .hero__left,.v1 .hero__right,.v1 .hero__form,.v1 .hero__stats{grid-column:1}
.v1 .hero__left{grid-row:1}
.v1 .hero__right{grid-row:3;text-align:left;padding-top:0}
.v1 .hero__h{font-size:clamp(52px,16vw,96px)}
.v1 .hero__h--r{align-items:flex-start}
.v1 .hero__l2{padding-left:.2em}
.v1 .hero__obj{position:relative;left:auto;top:auto;transform:none!important;width:100%;max-width:440px;margin:-4vw auto -2vw;grid-row:2;z-index:1}
.v1 .hero__grid{position:relative;margin:0}
.v1 .hero__orbit{width:120%}
.v1 .tag{animation-delay:.8s}
.v1 .hero__form{grid-row:4;margin-top:24px;max-width:none}
.v1 .hero__form .lead--row{grid-template-columns:1fr}
.v1 .hero__stats{grid-row:5;justify-content:space-between;text-align:left;gap:12px;flex-wrap:wrap;margin-top:24px}
.v1 .stat b{font-size:30px}
.v1 .hero__glow{width:90vw;height:60vw;top:36%}
.v1 .hero__wm{font-size:12.4vw;margin-top:28px}
.v1 .btn{white-space:normal;text-align:center;line-height:1.2}
.v1 .lead--row{grid-template-columns:1fr}
}
@media (max-width:420px){
.v1 .hero__h{font-size:17vw}
}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(255,52,142,0)}}
@keyframes breathe{50%{opacity:.7;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes tagIn{to{opacity:1}}
@keyframes float{50%{transform:translateY(-12px)}}
@keyframes ticker{to{transform:translateX(-50%)}}

/* картинка протеза держит пропорции */
.v1 .hero__obj img{height:auto}

/* бирки видны сразу, без ожидания анимации */
.v1 .tag{opacity:1;animation:none}
/* на средних экранах показываем две цифры, чтобы не было тесно */
@media (max-width:1700px){.v1 .stat:nth-child(4){display:none}}

/* стыковка с остальной страницей */
.v1 .ticker{padding-bottom:10px}
.header{border-bottom:0}
.promo{margin-top:-6px}

/* цифры первого экрана: число не переносится, «000 ₽» читается, третья цифра — только на широких экранах */
.v1 .stat{flex:none}
.v1 .stat b{white-space:nowrap;font-weight:400}
.v1 .stat b span{font-size:.62em;color:var(--ink);letter-spacing:-.02em}
.v1 .stat small{max-width:190px;margin-left:auto;font-size:13px;color:var(--ink-60)}
@media (max-width:1900px){.v1 .stat:nth-child(4){display:none}}
@media (max-width:860px){.v1 .stat small{margin-left:0;max-width:none}.v1 .stat:nth-child(4){display:block}}
@media (min-width:861px){.v1 .hero__stats{flex-wrap:nowrap;gap:clamp(16px,2vw,40px)}}
@media (min-width:861px) and (max-width:1366px){.v1 .stat b{font-size:clamp(28px,2.6vw,36px)}.v1 .stat small{font-size:12px;max-width:150px}}

/* первый экран: статичная картинка, жирная цена, бейдж акции */
.v1 .hero__obj{will-change:auto}
.v1 .hero__obj img{animation:none}
.v1 .stat b{font-weight:600;letter-spacing:-.035em}
.v1 .stat b span{font-weight:600}
.v1 .hero__note-star{margin:6px 0 0 30px;font-size:12px;line-height:1.4;color:var(--ink-40)}
.v1 .hero__smile{position:absolute;left:37.6%;top:32.5%;width:6.4%;height:auto;opacity:.92;mix-blend-mode:multiply;transform:rotate(-3deg);pointer-events:none}
@media (max-width:860px){.v1 .hero__note-star{margin-left:30px}}
@media (min-width:861px){.v1 .hero__right{padding-top:clamp(84px,9svh,110px)}}
@media (min-width:861px) and (max-width:1900px){.v1 .stat:nth-child(3){display:none}}
/* вторая орбита, пересекается с первой */
.v1 .hero__orbit .orbit-2{transform-box:fill-box;transform-origin:center;transform:rotate(16deg) scale(.86,1.08);stroke:rgba(94,83,145,.45);animation-delay:.9s}
/* без подпрыгиваний и теней при наведении */
.v1 .btn:hover,.v1 .tag:hover{transform:none;box-shadow:none}

/* бегущая строка: крупный текст, разделители — улыбки из логотипа, тонкие линии сверху и снизу */
.ticker{padding:18px 0;margin:6px 16px 0;border-top:1px solid #e2dcf4;border-bottom:1px solid #e2dcf4;mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.v1 .ticker__track{gap:36px;font-family:'Nunito','Onest',sans-serif;font-size:clamp(15px,1.25vw,19px);font-weight:600;letter-spacing:-.01em;color:var(--ink);animation-duration:55s}
.v1 .ticker__track i{width:28px;height:17px;border-radius:0;background:var(--pink);box-shadow:none;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 118'><g fill='black' stroke='black' stroke-width='16' stroke-linecap='round'><path d='M26 30a74 74 0 0 0 148 0' fill='none'/><circle cx='40' cy='12' r='11' stroke='none'/><circle cx='160' cy='12' r='11' stroke='none'/></g></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 118'><g fill='black' stroke='black' stroke-width='16' stroke-linecap='round'><path d='M26 30a74 74 0 0 0 148 0' fill='none'/><circle cx='40' cy='12' r='11' stroke='none'/><circle cx='160' cy='12' r='11' stroke='none'/></g></svg>") center/contain no-repeat}
.v1 .ticker:hover .ticker__track{animation-play-state:paused}
@media (max-width:860px){.ticker{margin:4px 10px 0;padding:14px 0}.v1 .ticker__track{gap:24px}.v1 .ticker__track i{width:22px;height:13px}}
/* кнопка первого экрана — как все кнопки сайта: плоская розовая, при наведении темнеет */
.v1 .btn--grad{background:var(--pink);box-shadow:none;transition:background .25s}
.v1 .btn--grad:hover{background:#c9247a}
.v1 .btn--grad::after{display:none}
.v1 .btn--grad:hover .arr{transform:none}