/* ==========================================================================
   Блок #tasks генерирует scripts/build-seo.cjs — класс в разметку не добавляем, светлый тон
   ему задаётся через [id="tasks"] вместе с .tone-light.
   Главная HelpRetouch — презентационный слой (welcome-v2).
   Подключается после встроенных стилей welcome.html и переопределяет только
   внешний вид: разметка, тексты и сценарии страницы остаются прежними.
   Ритм страницы: тёплые тёмные блоки чередуются со светлыми «бумажными»
   (:is(.tone-light,[id="tasks"])), заголовки — антиква Cormorant Garamond, текст — Inter.
   ========================================================================== */

@font-face{font-family:'HR Serif';font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/lib/cormorant-garamond/cormorant-garamond-cyrillic-700-normal.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'HR Serif';font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/lib/cormorant-garamond/cormorant-garamond-latin-700-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'HR Serif';font-style:italic;font-weight:700;font-display:swap;
  src:url(/fonts/lib/cormorant-garamond/cormorant-garamond-cyrillic-700-italic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'HR Serif';font-style:italic;font-weight:700;font-display:swap;
  src:url(/fonts/lib/cormorant-garamond/cormorant-garamond-latin-700-italic.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215}

body.wl{
  --wl-serif:'HR Serif','Cormorant Garamond',Georgia,'Times New Roman',serif;
  --wl-gold:#e2b56a;--wl-gold-l:#f6d79c;--wl-gold-d:#a8782c;
  --wl-paper:#f6f1e8;--wl-paper-2:#efe7da;--wl-card:#fffdf8;
  --wl-radius:22px;
  --wl-ease:cubic-bezier(.2,.75,.2,1);
}
/* Тёмная тема по умолчанию: тёплый графит вместо холодного почти-чёрного. */
html:not([data-theme]) body.wl,html[data-theme="marble"] body.wl{
  --bg:#141418;--s1:#1b1c21;--s2:#212228;--s3:#2a2b32;
  --line:rgba(255,240,215,.10);--line2:rgba(255,240,215,.17);
  --theme-glow-a:rgba(226,181,106,.16);--theme-glow-b:rgba(120,96,70,.16);
  background:
    radial-gradient(1200px 700px at 78% -10%,rgba(226,181,106,.16),transparent 60%),
    radial-gradient(900px 600px at -10% 10%,rgba(150,110,70,.14),transparent 60%),
    linear-gradient(180deg,#17171b 0,#141418 900px,#121216 100%);
}
body.wl .aurora i:nth-child(2){background:radial-gradient(circle,rgba(190,140,90,.20),transparent 70%)}

/* ---------- типографика ---------- */
body.wl .hero h1,body.wl .section h2,body.wl .film-copy h2{font-family:var(--wl-serif);font-weight:700;letter-spacing:-.01em}
body.wl .section h2{font-size:clamp(30px,4.2vw,50px);line-height:1.04;margin:10px auto 14px;max-width:880px;text-wrap:balance}
body.wl .section .sub{font-size:16px;max-width:620px;text-wrap:pretty}
body.wl .eyebrow2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11.5px;letter-spacing:.22em;color:var(--brass)}
body.wl .eyebrow2::before,body.wl .eyebrow2::after{content:"";width:28px;height:1px;background:currentColor;opacity:.55}
body.wl .section{padding:92px 0}
@media(max-width:720px){body.wl .section{padding:64px 0}body.wl .section .sub{font-size:15px}}

/* ---------- кнопки ---------- */
body.wl .btn{border-radius:999px;font-weight:650;letter-spacing:.005em;transition:transform .25s var(--wl-ease),box-shadow .25s,background .25s,border-color .25s,color .25s}
body.wl .btn.brass{border:0;color:#1d1406;
  background:linear-gradient(180deg,#f8dc9f 0%,#e9bd70 46%,#cf9a45 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 -1px 0 rgba(120,80,20,.35) inset,0 10px 26px -12px rgba(226,170,80,.75)}
body.wl .btn.brass:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 -1px 0 rgba(120,80,20,.35) inset,0 16px 34px -14px rgba(226,170,80,.9)}
body.wl .btn:not(.brass){background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--ink)}
body.wl .btn:not(.brass):hover{background:rgba(255,255,255,.08);border-color:color-mix(in srgb,var(--brass) 50%,transparent)}
body.wl .btn:active{transform:translateY(0) scale(.98)}
body.wl .btn:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
body.wl .cta-main{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px}
body.wl .cta-main::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%);transition:transform .9s var(--wl-ease)}
body.wl .cta-main:hover::after{transform:translateX(120%)}
body.wl .cta-arrow{display:inline-block;transition:transform .3s var(--wl-ease)}
body.wl .cta-main:hover .cta-arrow{transform:translateX(4px)}

/* ---------- шапка: стеклянная «пилюля» ---------- */
body.wl .nav{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0 0;pointer-events:none}
body.wl .nav.scrolled{background:none;border:0}
body.wl .nav .row{pointer-events:auto;gap:12px;padding:7px 8px 7px 14px;border-radius:999px;
  background:rgba(26,26,31,.58);border:1px solid rgba(255,240,215,.10);
  backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:0 12px 40px -22px rgba(0,0,0,.75);transition:background .3s,box-shadow .3s,padding .3s}
body.wl .nav.scrolled .row{background:rgba(22,22,27,.82);box-shadow:0 18px 50px -24px rgba(0,0,0,.85)}
body.wl .nav .brand{flex:none;gap:10px;white-space:nowrap}
body.wl .nav .brand::before{width:38px;height:38px}
body.wl .nav .brand b{font-size:15px;font-weight:750}
body.wl .nav .brand span{font-size:11px}
body.wl .nav .links a{text-decoration:none;white-space:nowrap}
body.wl .nav .brand span{display:none}
body.wl .nav .links .btn.brass{flex:none}
body.wl .nav .theme-trigger{width:38px;min-width:38px;min-height:38px;height:38px;border-radius:50%;background:transparent;border-color:transparent;box-shadow:none}
body.wl .nav .theme-trigger:hover{background:rgba(255,255,255,.07)}
body.wl .nav .language-switcher{border-radius:999px;border-color:transparent;background:rgba(255,255,255,.04);box-shadow:none;margin-left:4px}
body.wl .nav .language-switcher button{border-radius:999px;min-height:30px}
body.wl .nav .links{align-items:center;gap:2px}
body.wl .nav .links a.ghost{font-size:14px;font-weight:550;padding:8px 13px;border-radius:999px;color:var(--ink-2);transition:background .2s,color .2s}
body.wl .nav .links a.ghost:hover{background:rgba(255,255,255,.07);color:var(--ink)}
body.wl .nav .links a.nav-video{border:0;color:var(--ink-2);padding:8px 12px 8px 8px;font-weight:600;gap:8px}
body.wl .nav .links a.nav-video:hover{color:var(--ink)}
body.wl .nav-video-play{width:24px;height:24px;font-size:8px;padding-left:1px;background:linear-gradient(180deg,#f8dc9f,#d9a24f);box-shadow:0 0 0 4px rgba(226,181,106,.14)}
body.wl .nav .links a.nav-login{color:var(--ink)}
body.wl .nav .links .btn.brass{padding:0 18px;height:38px;display:inline-flex;align-items:center;font-size:14px;margin-left:6px}
body.wl .nav .links .btn:not(.brass){height:38px;padding:0 16px;display:inline-flex;align-items:center;font-size:14px}
@media(max-width:1020px){body.wl .nav .links a.hideSm{display:none}}
@media(max-width:820px){body.wl .nav .links a.nav-video{font-size:0;gap:0;padding:0;width:44px;height:44px;justify-content:center}}
@media(max-width:640px){
  body.wl .nav{padding:10px 0 0}
  body.wl .nav .links{gap:4px}
  body.wl .nav .links a.nav-video{font-size:0;gap:0;padding:0;width:44px;height:44px;justify-content:center}
  body.wl .nav .theme-trigger{width:44px;min-width:44px;height:44px;min-height:44px}
  body.wl .nav .language-switcher{margin-left:0}
  body.wl .nav .row{border-radius:22px;padding:8px;margin:0 10px}
  body.wl .nav .links a{font-size:13px}
  body.wl .nav .links a.nav-video{padding:6px 10px 6px 6px}
  body.wl .nav .links .btn.brass{height:36px;padding:0 15px;margin-left:2px}
}

/* ---------- hero ---------- */
body.wl .hero{position:relative;isolation:isolate;padding:76px 0 46px;gap:56px;grid-template-columns:1.02fr .98fr}
body.wl .hero-deco{position:absolute;left:0;right:0;top:0;height:100%;overflow:hidden;pointer-events:none;z-index:-1}
body.wl .hero-word{position:absolute;right:-2%;bottom:6%;font-family:var(--wl-serif);font-weight:700;font-size:clamp(90px,17vw,250px);line-height:.8;
  color:transparent;-webkit-text-stroke:1px rgba(226,181,106,.075);letter-spacing:-.02em;white-space:nowrap;
  animation:wlDrift 26s ease-in-out infinite alternate}
@keyframes wlDrift{from{transform:translateX(4%)}to{transform:translateX(-6%)}}
body.wl .hero .badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 11px;border-radius:999px;
  border:1px solid rgba(226,181,106,.32);background:rgba(226,181,106,.07);color:var(--wl-gold-l);
  font-size:12.5px;font-weight:650;letter-spacing:.02em}
body.wl .badge-dot{width:7px;height:7px;border-radius:50%;background:var(--wl-gold);box-shadow:0 0 0 0 rgba(226,181,106,.6);animation:wlPing 2.4s ease-out infinite}
@keyframes wlPing{0%{box-shadow:0 0 0 0 rgba(226,181,106,.55)}80%,100%{box-shadow:0 0 0 9px rgba(226,181,106,0)}}
body.wl .hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.02;letter-spacing:-.015em;margin:22px 0 16px}
body.wl .hero h1 br{display:block}
body.wl .cta-main .platform-icon{display:none}
body.wl .hero h1 .accent{font-style:italic;padding-right:.06em;
  background:linear-gradient(100deg,#c98f3a 0%,#f8dc9f 30%,#e2b56a 52%,#fff0c8 70%,#c98f3a 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:wlSheen 7s ease-in-out infinite}
@keyframes wlSheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
body.wl .h1-keywords{font-family:var(--font-sans,Inter,system-ui,sans-serif);font-size:clamp(14px,1.6vw,16.5px);font-weight:550;letter-spacing:.01em;
  color:var(--muted);margin-top:18px;padding-left:14px;border-left:2px solid rgba(226,181,106,.55);line-height:1.45;max-width:520px}
body.wl .hero .lead{font-size:clamp(16px,1.6vw,18.5px);line-height:1.6;max-width:540px;margin-bottom:30px}
body.wl .hero .lead b{color:var(--ink);font-weight:650}
body.wl .hero .cta{gap:12px;align-items:center}
body.wl .hero .cta .btn.lg{height:54px;padding:0 26px;font-size:15.5px;display:inline-flex;align-items:center}
body.wl .hero .cta .cta-main{padding:0 26px 0 30px}
body.wl .hero .cta .promo-watch-hl{height:54px;border:0;background:none;box-shadow:none;animation:none;color:var(--ink);padding:0 10px 0 4px;font-weight:600}
body.wl .hero .cta .promo-watch-hl:hover{background:none;color:var(--wl-gold-l)}
body.wl .hero .cta .promo-watch-hl .promo-watch-play{width:44px;height:44px;margin-right:10px;font-size:13px;padding-left:2px;position:relative;
  background:rgba(226,181,106,.12);color:var(--wl-gold-l);border:1px solid rgba(226,181,106,.5)}
body.wl .hero .cta .promo-watch-hl .promo-watch-play::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(226,181,106,.6);animation:wlRing 2.6s ease-out infinite}
@keyframes wlRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
body.wl .ctaNote{font-size:13px;margin-top:16px;max-width:470px}
body.wl .trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;font-size:12.5px;max-width:560px}
body.wl .trust li{align-items:center;gap:7px;padding:6px 12px 6px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
body.wl .trust li>span{color:var(--muted)}
body.wl .trust li:nth-child(3),body.wl .trust li:nth-child(4){display:none}
body.wl .trust b{color:var(--ink-2);font-weight:650}
body.wl .trustIcon{width:16px;height:16px;margin:0}
@media(max-width:920px){
  body.wl .hero{padding-top:44px;gap:40px;grid-template-columns:1fr}
  body.wl .h1-keywords{margin-left:auto;margin-right:auto;border-left:0;padding-left:0}
  body.wl .trust{justify-content:center;margin-left:auto;margin-right:auto}
}
@media(max-width:560px){
  body.wl .hero h1{font-size:clamp(40px,11.5vw,50px)}
  body.wl .hero .cta{flex-direction:column;align-items:stretch;max-width:360px;margin:0 auto}
  body.wl .hero .cta .btn.lg{justify-content:center}
}

/* ---------- hero: сцена с фотографиями ---------- */
body.wl .stage{display:block;min-height:0;height:560px;max-width:520px;width:100%;margin:0 auto;perspective:1200px}
body.wl .stage::before{width:520px;height:420px;left:50%;top:44%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(226,181,106,.22),rgba(140,100,60,.10) 45%,transparent 72%);filter:blur(30px)}
body.wl .frames{position:absolute;inset:0;display:block}
body.wl .frame{position:absolute;border-radius:14px;border:0;background:#1b1a18;animation:wlFloat 8s ease-in-out infinite;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,240,215,.10)}
body.wl .frame::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 8px rgba(250,244,232,.94),inset 0 0 0 9px rgba(0,0,0,.08)}
body.wl .frame.old{width:230px;height:345px;left:2%;top:40px;transform:rotate(-7deg);animation-delay:-2s;z-index:1}
body.wl .frame.new{width:300px;height:450px;right:2%;top:24px;transform:rotate(3deg);z-index:2;
  box-shadow:0 50px 90px -34px rgba(0,0,0,.9),0 0 0 1px rgba(226,181,106,.35),0 30px 80px -40px rgba(226,181,106,.45)}
body.wl .frame .pic{inset:8px;border-radius:7px;background:#2a2622}
body.wl .frame .pic img{animation:none;transform:none;transition:opacity .35s ease,filter .35s ease}
body.wl .frame.old .pic img{filter:none}
body.wl .frame.old::after{display:none}
body.wl .frame .tag{bottom:16px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px}
body.wl .stage.swapping .frame .pic img{opacity:0;filter:blur(6px)}
@keyframes wlFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
body.wl .dial{left:auto;top:auto;right:auto;bottom:118px;left:30%;transform:translate(-50%,0);animation:wlDialPop .9s var(--wl-ease) .55s both;
  background:radial-gradient(circle,rgba(20,20,24,.97),rgba(20,20,24,.9));backdrop-filter:blur(6px)}
body.wl .dial .ring-fg{transition:none}
body.wl .stage.success-fired .dial{animation:wlDialSuccess .82s cubic-bezier(.2,.9,.2,1.15)}
@keyframes wlDialPop{0%{opacity:0;transform:translate(-50%,0) scale(.78)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes wlDialSuccess{0%{transform:translate(-50%,0) scale(.92)}58%{transform:translate(-50%,0) scale(1.08)}100%{transform:translate(-50%,0) scale(1)}}
body.wl .heroSuccessBadge{right:0;top:6px}
body.wl .heroSuccessBurst i{left:30%;top:auto;bottom:178px}
body.wl .hero-sets{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;z-index:6;padding:6px}
body.wl .hero-set{flex:none;width:46px;height:62px;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;
  border:1px solid var(--line2);background:#222;opacity:.62;transform:translateY(0);transition:opacity .25s,transform .25s var(--wl-ease),box-shadow .25s,border-color .25s}
body.wl .hero-set img{width:100%;height:100%;object-fit:cover;display:block}
body.wl .hero-set:hover{opacity:.95;transform:translateY(-3px)}
body.wl .hero-set.on{opacity:1;border-color:var(--wl-gold);box-shadow:0 0 0 2px rgba(226,181,106,.35),0 10px 22px -10px rgba(226,181,106,.6);transform:translateY(-4px)}
body.wl .hero-set:focus-visible{outline:2px solid var(--wl-gold);outline-offset:2px}
@media(max-width:520px){
  body.wl .stage{height:470px;max-width:390px}
  body.wl .frame.old{width:156px;height:234px;left:0;top:44px}
  body.wl .frame.new{width:206px;height:309px;right:0;top:22px}
  body.wl .frame::before{box-shadow:inset 0 0 0 6px rgba(250,244,232,.94)}
  body.wl .frame .pic{inset:6px}
  body.wl .dial{bottom:100px;left:26%}
  body.wl .heroSuccessBadge{top:auto;bottom:74px;left:0;right:0}
  body.wl .heroSuccessBurst i{left:26%;bottom:150px}
  body.wl .hero-set{width:38px;height:52px;border-radius:8px}
  body.wl .hero-sets{gap:6px}
}
@media(max-width:360px){body.wl .hero-set:nth-child(n+7){display:none}body.wl .nav .links a.nav-video{display:none}}

/* ---------- полоса фактов ---------- */
body.wl .proof-band{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.wl .proof{padding:30px 22px;text-align:center;position:relative}
body.wl .proof+.proof::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:var(--line2)}
body.wl .proof b{display:block;font-family:var(--wl-serif);font-size:clamp(40px,4.6vw,58px);line-height:1;color:var(--wl-gold-l);
  background:linear-gradient(180deg,#fff0c8,#d9a24f);-webkit-background-clip:text;background-clip:text;color:transparent}
body.wl .proof span{display:block;margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.4;max-width:210px;margin-left:auto;margin-right:auto}
@media(max-width:820px){body.wl .proof-band{grid-template-columns:1fr 1fr}body.wl .proof:nth-child(3)::before{display:none}body.wl .proof:nth-child(n+3){border-top:1px solid var(--line)}}

/* ---------- светлые «бумажные» блоки ---------- */
body.wl :is(.tone-light,[id="tasks"]){
  --bg:var(--wl-paper);--s1:#fffdf8;--s2:#f7f1e6;--s3:#efe7da;
  --line:rgba(60,44,22,.13);--line2:rgba(60,44,22,.22);
  --ink:#1c2028;--ink-2:#3a414c;--muted:#5d6470;
  --brass:#8a5a12;--brass-l:#7a4c10;--brass-d:#5c380c;--ok:#1c7045;--ok-l:#17643c;
  --theme-hover:rgba(60,44,22,.06);
  color:var(--ink);background:var(--wl-paper);
  box-shadow:0 0 0 100vmax var(--wl-paper);clip-path:inset(0 -100vmax)}
body.wl :is(.tone-light,[id="tasks"])+:is(.tone-light,[id="tasks"]){padding-top:12px}
body.wl :is(.tone-light,[id="tasks"]) .btn:not(.brass){background:#fffdf8;border-color:rgba(60,44,22,.2);color:var(--ink)}
body.wl :is(.tone-light,[id="tasks"]) .btn:not(.brass):hover{background:#fff;border-color:rgba(138,90,18,.5)}
body.wl :is(.tone-light,[id="tasks"]) a:not(.btn){color:var(--brass)}
body.wl :is(.tone-light,[id="tasks"]) .why{background:linear-gradient(180deg,#fffdf8,#f8f2e7);border-color:rgba(138,90,18,.22);box-shadow:0 30px 60px -44px rgba(60,44,22,.45)}
body.wl :is(.tone-light,[id="tasks"]) .why h2{color:var(--ink)}
body.wl :is(.tone-light,[id="tasks"]) .feat,body.wl :is(.tone-light,[id="tasks"]) .pp-card,body.wl :is(.tone-light,[id="tasks"]) .seo-cards a{background:var(--wl-card);border-color:var(--line);box-shadow:0 18px 40px -32px rgba(60,44,22,.45)}
body.wl :is(.tone-light,[id="tasks"]) .feat .ico{background:rgba(138,90,18,.08);border-color:rgba(138,90,18,.25)}
body.wl :is(.tone-light,[id="tasks"]) .icoGlyph,body.wl :is(.tone-light,[id="tasks"]) .trustIcon{stroke:var(--brass)}
body.wl :is(.tone-light,[id="tasks"]) .feat:hover{box-shadow:0 26px 50px -30px rgba(60,44,22,.5)}
body.wl :is(.tone-light,[id="tasks"]) .feat.promo-feature-card{background:linear-gradient(120deg,rgba(226,181,106,.20),#fffdf8 60%)}
html[data-theme="ivory"] body.wl :is(.tone-light,[id="tasks"]){--wl-paper:#ece4d6;--wl-card:#fffdf9}

/* ---------- три шага ---------- */
body.wl .simple3-steps{max-width:1040px;gap:22px;margin-top:34px;counter-reset:none;position:relative}
body.wl .simple3-steps>div{position:relative;padding:0 0 24px;border-radius:var(--wl-radius);overflow:hidden;background:var(--wl-card);border:1px solid var(--line);
  box-shadow:0 24px 50px -36px rgba(60,44,22,.55);transition:transform .35s var(--wl-ease),box-shadow .35s}
body.wl .simple3-steps>div:hover{transform:translateY(-6px);box-shadow:0 34px 60px -36px rgba(60,44,22,.6)}
body.wl .simple3-pic{margin:0 0 -22px;aspect-ratio:4/3.1;overflow:hidden;background:#e9e1d3}
body.wl .simple3-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transition:transform .8s var(--wl-ease)}
body.wl .simple3-steps>div:hover .simple3-pic img{transform:scale(1.05)}
body.wl .simple3-n{position:relative;z-index:1;margin-left:22px;width:44px;height:44px;font-family:var(--wl-serif);font-size:24px;
  background:linear-gradient(180deg,#f8dc9f,#d9a24f);color:#2a1b06;box-shadow:0 0 0 5px var(--wl-card),0 10px 20px -8px rgba(160,110,30,.6)}
body.wl .simple3-steps b{margin:12px 22px 6px;font-size:18px;color:var(--ink)}
body.wl .simple3-steps small{display:block;margin:0 22px;font-size:14px;color:var(--muted)}
body.wl #simple .sub{margin-top:30px;margin-bottom:6px;font-size:14.5px}

/* ---------- примеры работ ---------- */
body.wl .ex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}
body.wl .ex-card{min-width:0;border-radius:var(--wl-radius);background:var(--wl-card);border:1px solid var(--line);overflow:hidden;
  box-shadow:0 26px 54px -40px rgba(60,44,22,.6);transition:transform .35s var(--wl-ease),box-shadow .35s}
body.wl .ex-card:hover{transform:translateY(-5px);box-shadow:0 36px 64px -40px rgba(60,44,22,.7)}
body.wl .ex-media{--pos:50%;position:relative;aspect-ratio:2/3;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:#e9e1d3;outline:none}
body.wl .ex-media:focus-visible{box-shadow:inset 0 0 0 3px var(--brass)}
body.wl .ex-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
body.wl .ex-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
body.wl .ex-after{transition:opacity .3s ease}
body.wl .ex-card.switching .ex-after{opacity:.2}
body.wl .ex-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:rgba(255,250,240,.95);box-shadow:0 0 12px rgba(0,0,0,.35);pointer-events:none}
body.wl .ex-line i{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(255,250,240,.96);box-shadow:0 6px 18px rgba(0,0,0,.35)}
body.wl .ex-line i::before,body.wl .ex-line i::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent}
body.wl .ex-line i::before{left:7px;border-right:6px solid #8a5a12;border-left:0}
body.wl .ex-line i::after{right:7px;border-left:6px solid #8a5a12;border-right:0}
body.wl .ex-tag{position:absolute;top:12px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;background:rgba(20,18,16,.6);backdrop-filter:blur(6px);pointer-events:none}
body.wl .ex-tag-before{left:12px}
body.wl .ex-tag-after{right:12px;background:rgba(138,90,18,.78)}
body.wl .ex-foot{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px}
body.wl .ex-cap b{display:block;font-family:var(--wl-serif);font-size:22px;line-height:1.1;color:var(--ink)}
body.wl .ex-cap small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}
body.wl .ex-ctrl{display:flex;align-items:center;gap:10px}
body.wl .ex-switch{display:inline-flex;flex:1;padding:3px;border-radius:999px;background:#f1eadf;border:1px solid var(--line)}
body.wl .ex-switch button{flex:1;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
body.wl .ex-switch button.on{background:#fffdf8;color:var(--ink);box-shadow:0 4px 12px -6px rgba(60,44,22,.5)}
body.wl .ex-full{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);background:#fffdf8;color:var(--ink-2);cursor:pointer;transition:background .2s,transform .2s}
body.wl .ex-full:hover{background:#fff;transform:scale(1.06)}
body.wl .ex-full svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.wl .ex-note{text-align:center;margin:22px 0 0;color:var(--muted);font-size:12.5px}
@media(max-width:980px){body.wl .ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  body.wl .ex-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;margin-left:-4px;margin-right:-4px;scrollbar-width:none}
  body.wl .ex-grid::-webkit-scrollbar{display:none}
  body.wl .ex-card{flex:0 0 80%;scroll-snap-align:center}
}

/* ---------- гравировка (тёмный блок) ---------- */
body.wl .eng-flow{max-width:980px;gap:18px;margin-top:34px}
@media(max-width:620px){body.wl .eng-flow{gap:8px}body.wl .eng-flow figcaption{font-size:11.5px;letter-spacing:.02em}}
body.wl .eng-flow img{border-radius:16px;border:0;box-shadow:0 30px 60px -34px rgba(0,0,0,.9),0 0 0 1px var(--line2)}
body.wl .eng-flow figure{transition:transform .4s var(--wl-ease)}
body.wl .eng-flow figure:hover{transform:translateY(-6px)}
body.wl .eng-flow figcaption{margin-top:12px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:650}
body.wl .eng-arrow{color:var(--wl-gold);font-size:22px;animation:wlNudge 2.4s ease-in-out infinite}
@keyframes wlNudge{0%,100%{transform:translateX(0);opacity:.55}50%{transform:translateX(5px);opacity:1}}
body.wl .live-compare{border-radius:var(--wl-radius)}
body.wl .eng-points li{border-radius:16px;background:rgba(255,255,255,.025)}

/* ---------- ролик ---------- */
body.wl .film{padding:40px 0}
body.wl .film-box{position:relative;border-radius:28px;overflow:hidden;min-height:520px;display:flex;align-items:center;background:#2a1d14;
  box-shadow:0 50px 100px -50px rgba(0,0,0,.9),0 0 0 1px rgba(255,240,215,.08)}
body.wl .film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
body.wl .film-box::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,12,8,.88) 0%,rgba(18,12,8,.62) 36%,rgba(18,12,8,0) 64%);pointer-events:none}
body.wl .film-copy{position:relative;z-index:1;max-width:470px;padding:56px;color:#f6efe2}
body.wl .film-copy .eyebrow2{justify-content:flex-start;color:var(--wl-gold-l)}
body.wl .film-copy .eyebrow2::before{display:none}
body.wl .film-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.02;margin:12px 0 16px;color:#fff8ea;text-align:left;max-width:none}
body.wl .film-copy p{color:rgba(246,239,226,.84);font-size:16px;line-height:1.6;margin:0 0 26px}
body.wl .film-copy .btn{height:52px;display:inline-flex;align-items:center;padding:0 26px;text-decoration:none}
@media(max-width:760px){
  body.wl .film-box{display:block;min-height:0;border-radius:22px}
  body.wl .film-video{position:relative;display:block;aspect-ratio:16/10;height:auto;object-position:76% 50%}
  body.wl .film-box::after{display:none}
  body.wl .film-copy{padding:8px 22px 30px;max-width:none;background:#1a120c}
}

/* ---------- изделия ---------- */
body.wl .prod-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:22px;margin-top:38px}
body.wl .prod{position:relative;margin:0;border-radius:var(--wl-radius);overflow:hidden;background:#ddd3c3;box-shadow:0 30px 60px -42px rgba(60,44,22,.7)}
body.wl .prod-tall{grid-row:1/3}
body.wl .prod img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--wl-ease)}
body.wl .prod:hover img{transform:scale(1.045)}
body.wl .prod figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;
  background:rgba(255,252,246,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1c2028}
body.wl .prod figcaption b{font-family:var(--wl-serif);font-size:21px;line-height:1.1}
body.wl .prod figcaption span{font-size:13px;color:#5d6470}
@media(max-width:820px){body.wl .prod-grid{grid-template-columns:1fr}body.wl .prod-tall{grid-row:auto}body.wl .prod-tall img{aspect-ratio:4/3}}

/* ---------- компактные карточки: меньше сплошного текста ---------- */
body.wl .wl-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.wl .wl-clamp.open{display:block;-webkit-line-clamp:unset;overflow:visible}
body.wl .wl-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 0;border:0;background:none;color:var(--brass);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
body.wl .wl-more::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
body.wl .wl-more[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}
body.wl .feat{padding:24px;border-radius:20px}
body.wl .feat h3{font-size:18.5px;line-height:1.25}
body.wl .grid3{gap:16px}
body.wl .story-shell,body.wl .signature-shell{border-radius:28px}
body.wl .story-lead{font-size:clamp(16px,1.7vw,18.5px);font-weight:600;line-height:1.6;max-width:820px}
body.wl .story-copy .wl-more{margin-top:6px}
body.wl .signature-head .eyebrow2{justify-content:flex-start}
body.wl .signature-head .eyebrow2::before{display:none}
body.wl .signature-card{border-radius:20px}
body.wl .signature-card h3{font-size:19px}

/* «Почему это критично»: список → сетка карточек */
body.wl .why ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px;margin:22px auto 0}
body.wl .why li:last-child:nth-child(odd){grid-column:1/-1}
body.wl .why li{margin:0;padding:16px 18px 16px 48px;position:relative;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:14px;line-height:1.55}
body.wl .why li::before{content:"";position:absolute;left:18px;top:20px;width:14px;height:14px;border-radius:50%;border:1.6px solid var(--brass);box-shadow:inset 0 0 0 3px rgba(226,181,106,.18)}
body.wl :is(.tone-light,[id="tasks"]) .why li{background:#fffdf8}
@media(max-width:720px){body.wl .why ul{grid-template-columns:1fr}body.wl .why{padding:26px 18px}}

/* шаги маршрута */
body.wl .step{border-radius:20px;padding:24px 20px;transition:transform .35s var(--wl-ease),border-color .35s}
body.wl .step:hover{transform:translateY(-5px);border-color:rgba(226,181,106,.4)}
body.wl .step .n{width:40px;height:40px;font-family:var(--wl-serif);font-size:22px;background:linear-gradient(180deg,#f8dc9f,#d9a24f)}
body.wl .how-video{border-radius:24px;border-color:rgba(226,181,106,.3)}
body.wl .how-video-play{background:rgba(255,248,234,.92);color:#2a1b06;box-shadow:0 0 0 12px rgba(255,248,234,.18),0 14px 40px rgba(0,0,0,.6)}

/* тариф и финал */
body.wl .teaser{border-radius:24px;padding:30px 34px;background:linear-gradient(120deg,rgba(226,181,106,.10),var(--s1) 55%)}
body.wl .teaser .big{font-family:var(--wl-serif);font-size:36px}
body.wl .final{position:relative;isolation:isolate;padding:110px 0 120px;overflow:hidden}
body.wl .final h2{font-size:clamp(40px,5.4vw,68px)}
body.wl .final .btn{height:56px;display:inline-flex;align-items:center;padding:0 34px;font-size:16px}
body.wl .final-faces{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:-1;opacity:.3;padding:0 2%}
body.wl .final-faces img:nth-child(3),body.wl .final-faces img:nth-child(4){display:none}
body.wl .final-faces img{width:120px;height:180px;object-fit:cover;border-radius:12px;filter:sepia(.35) saturate(.8)}
body.wl .final-faces img:nth-child(odd){transform:translateY(-34px) rotate(-3deg)}
body.wl .final-faces img:nth-child(even){transform:translateY(30px) rotate(3deg)}
@media(max-width:760px){body.wl .final-faces{display:none}}

/* полоса прогресса прокрутки */
body.wl .wl-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:40;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--p,0));
  background:linear-gradient(90deg,#a8782c,#f6d79c,#e2b56a)}

/* появление: мягче и с лёгким масштабом */
body.wl .reveal{transform:translateY(34px) scale(.985);transition:opacity .9s var(--wl-ease),transform .9s var(--wl-ease)}
body.wl .reveal.in{transform:none}

/* ---------- светлая тема (ivory): шапка и hero ---------- */
html[data-theme="ivory"] body.wl .nav .row{background:rgba(255,253,249,.72);border-color:rgba(31,39,49,.10);box-shadow:0 12px 40px -24px rgba(50,40,27,.45)}
html[data-theme="ivory"] body.wl .nav.scrolled .row{background:rgba(255,253,249,.92)}
html[data-theme="ivory"] body.wl .nav .links a.ghost:hover{background:rgba(31,39,49,.06)}
html[data-theme="ivory"] body.wl .hero .badge{color:var(--brass);background:rgba(138,90,18,.06);border-color:rgba(138,90,18,.3)}
html[data-theme="ivory"] body.wl .hero-word{-webkit-text-stroke-color:rgba(138,90,18,.09)}
html[data-theme="ivory"] body.wl .hero h1 .accent{background-image:linear-gradient(100deg,#6f4413 0%,#a8712a 35%,#8a5a12 55%,#c08a35 75%,#6f4413 100%)}
html[data-theme="ivory"] body.wl .hero .cta .promo-watch-hl .promo-watch-play{color:var(--brass);background:rgba(138,90,18,.08);border-color:rgba(138,90,18,.45)}
html[data-theme="ivory"] body.wl .hero .cta .promo-watch-hl:hover{color:var(--brass)}
html[data-theme="ivory"] body.wl .proof b{background:linear-gradient(180deg,#b07a22,#6f4413);-webkit-background-clip:text;background-clip:text}
html[data-theme="ivory"] body.wl .btn:not(.brass){background:rgba(255,255,255,.6)}
html[data-theme="ivory"] body.wl .trust li{background:rgba(255,255,255,.5)}
html[data-theme="ivory"] body.wl .eng-points li{background:rgba(255,255,255,.5)}
html[data-theme="ivory"] body.wl .why li{background:rgba(255,255,255,.55)}

/* ---------- телефон: доводка ---------- */
@media(max-width:920px){body.wl .hero-deco{display:none}}
@media(max-width:720px){
  body.wl .simple3-steps{gap:12px}
  body.wl .simple3-steps>div{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;padding:0;align-items:start}
  body.wl .simple3-pic{grid-row:1/3;margin:0;aspect-ratio:auto;height:100%;min-height:148px}
  body.wl .simple3-n{position:absolute;left:84px;top:12px;margin:0;width:34px;height:34px;font-size:19px;box-shadow:0 0 0 4px var(--wl-card)}
  body.wl .simple3-steps b{margin:18px 14px 4px 0;font-size:16.5px}
  body.wl .simple3-steps small{margin:0 14px 16px 0;font-size:13.5px}
}
@media(max-width:560px){
  body.wl .eyebrow2::before,body.wl .eyebrow2::after{display:none}
  body.wl .story-copy .eyebrow2{justify-content:flex-start}
  body.wl .proof{padding:22px 10px}
  body.wl .proof span{font-size:12.5px}
}

@media(prefers-reduced-motion:reduce){
  body.wl .hero-word,body.wl .badge-dot,body.wl .hero h1 .accent,body.wl .frame,body.wl .eng-arrow,
  body.wl .hero .cta .promo-watch-hl .promo-watch-play::after,body.wl .dial{animation:none}
  body.wl .reveal{transform:none;transition:none}
  body.wl .ex-card,body.wl .simple3-steps>div,body.wl .prod img,body.wl .step{transition:none}
}

/* ==========================================================================
   Золотой мрамор — второй проход. Только информационная главная (body.wl).
   Локальные текстуры; свет двигается transform/opacity, камень остаётся статичным.
   ========================================================================== */
body.wl{--wl-gold:#d7ad68;--wl-gold-l:#f3dbab;--wl-gold-d:#9a713a;--wl-page-base:#090a09;--wl-paper:#f4efe5;--wl-card:#fffaf1;isolation:isolate;overflow-x:clip}
html:not([data-theme]) body.wl,html[data-theme="marble"] body.wl{--bg:#090a09;--s1:#151612;--s2:#1b1c17;--s3:#23241d;--ink:#f3ead9;--ink-2:#cdc4b3;--muted:#a49a88;--brass:#dfb777;--brass-l:#f2d6a4;--line:rgba(225,190,128,.14);--line2:rgba(225,190,128,.25);background:#090a09}
html:is(:not([data-theme]),[data-theme="marble"]) body.wl::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,5,.2),rgba(4,6,5,.44) 50%,rgba(4,6,5,.18)),url('/media/welcome/marble-gold.jpg') center top/cover no-repeat;opacity:.9}
body.wl .aurora{display:none}
body.wl .nav .row{background:rgba(14,16,12,.78);border-color:rgba(230,196,139,.22);box-shadow:0 12px 36px -24px #000;transition:none}
body.wl .nav.scrolled .row{background:rgba(12,14,11,.94);border-color:rgba(230,196,139,.3)}
body.wl .nav .brand b{font-family:var(--wl-serif);font-size:25px;letter-spacing:-.025em;font-weight:700;color:var(--wl-gold-l)}
body.wl .nav .brand::before{background-image:url('/brand-mark.png')}
body.wl .nav .links a,body.wl .nav .links .btn,body.wl .nav .theme-trigger{min-height:44px}
body.wl .nav .theme-trigger{min-width:44px;width:44px;height:44px}
body.wl .nav .language-switcher button{min-width:44px;min-height:44px;font-size:12px}
body.wl .btn{transition:transform .28s var(--wl-ease),opacity .28s}
body.wl .btn.brass{background:linear-gradient(155deg,#f5dfb3,#e3bd7c 48%,#b88a4a);color:#302211;box-shadow:0 1px 0 #fff1cf inset,0 8px 24px -14px #eec889}
body.wl .btn.brass:hover{box-shadow:0 1px 0 #fff5db inset,0 12px 30px -16px #f1cf95}
body.wl .hero .cta-main{transform:translate3d(var(--wl-magnet-x,0px),var(--wl-magnet-y,0px),0)}
body.wl .hero .cta .btn.lg{min-height:54px;height:auto}
body.wl .hero{padding:74px 0 60px;gap:56px;align-items:center}
body.wl .heroText{position:relative;z-index:2}
body.wl .hero h1{font-size:clamp(48px,4.6vw,66px);line-height:1.02;color:#f1e3c5;text-wrap:wrap}
body.wl .hero h1 .accent{animation:none;background:linear-gradient(115deg,#b58a4d,#f5dfb3 48%,#c59a59);background-clip:text;-webkit-background-clip:text;color:transparent}
body.wl .hero .badge{font-size:12px;letter-spacing:.025em;border-color:#b98e4c55;background:#d4ad6810;color:#dbc18e}
body.wl .badge-dot{animation:wlWarmBreath 7s ease-in-out infinite;box-shadow:0 0 9px #dfb77755}
@keyframes wlWarmBreath{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
body.wl .hero .lead{color:#c4bba9;font-size:17px;line-height:1.7;max-width:540px}
body.wl .hero .h1-keywords{color:#b9aa90;font-size:15px;line-height:1.5;font-weight:500;max-width:490px;border-color:#bc935344;letter-spacing:.01em;text-wrap:pretty}
body.wl .hero .ctaNote{line-height:1.65;color:var(--muted);font-size:12.5px}
body.wl .hero .trust{margin-top:23px;gap:10px}
body.wl .hero .trust li{border:0;border-radius:0;padding:0 12px 0 0;background:none;font-size:12px}
body.wl .hero .trust li+li{border-left:1px solid #c9a46b33;padding-left:12px}
body.wl .hero .hero-deco{display:block;left:50%;right:auto;top:-130px;bottom:-60px;width:100vw;height:auto;transform:translateX(-50%);overflow:hidden;z-index:-1;mask-image:linear-gradient(#000 78%,transparent);-webkit-mask-image:linear-gradient(#000 78%,transparent)}
body.wl .wl-light-trails{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.7}
body.wl .wl-ribbon-left{transform-origin:10% 70%;animation:wlRibbonLeft 18s ease-in-out infinite;animation-play-state:paused}
body.wl .wl-ribbon-right{transform-origin:93% 70%;animation:wlRibbonRight 23s ease-in-out infinite;animation-play-state:paused}
body.wl .wl-atmosphere.is-active :is(.wl-ribbon-left,.wl-ribbon-right,.wl-sparks i){animation-play-state:running}
@keyframes wlRibbonLeft{0%,100%{transform:translate3d(-12px,8px,0) rotate(-2deg);opacity:.4}50%{transform:translate3d(9px,-10px,0) rotate(1deg);opacity:.85}}
@keyframes wlRibbonRight{0%,100%{transform:translate3d(8px,0,0) rotate(1deg);opacity:.3}50%{transform:translate3d(-9px,-12px,0) rotate(-1deg);opacity:.65}}
body.wl .hero-word{display:none}
body.wl .wl-sparks{position:absolute;inset:0;overflow:hidden}
body.wl .wl-sparks i{position:absolute;left:7%;top:28%;width:3px;height:3px;border-radius:50%;background:#efd397;box-shadow:0 0 8px 2px #eac27d66;animation:wlEmber 12s ease-in-out infinite;animation-play-state:paused;opacity:0}
body.wl .wl-sparks i:nth-child(2){left:92%;top:18%;width:2px;height:2px;animation-delay:-4s;animation-duration:17s}
body.wl .wl-sparks i:nth-child(3){left:3%;top:62%;animation-delay:-8s;animation-duration:15s}
body.wl .wl-sparks i:nth-child(4){left:97%;top:54%;width:2px;height:2px;animation-delay:-2s;animation-duration:19s}
body.wl .wl-sparks i:nth-child(5){left:18%;top:81%;width:2px;height:2px;animation-delay:-10s}
body.wl .wl-sparks i:nth-child(6){left:82%;top:85%;animation-delay:-7s;animation-duration:21s}
@keyframes wlEmber{0%,100%{opacity:0;transform:translate3d(0,10px,0) scale(.5)}35%{opacity:.7}65%{opacity:.3}85%{opacity:0;transform:translate3d(14px,-26px,0) scale(1)}}
body.wl .stage{height:590px;max-width:530px}
body.wl .stage::before{background:radial-gradient(ellipse,#c7974520,transparent 70%);filter:none;top:47%;height:440px;max-width:100%;opacity:.8}
body.wl .stage::after{content:"";position:absolute;left:-7%;right:-7%;top:488px;height:55px;background:radial-gradient(ellipse at 50% 30%,#deb97037,transparent 65%);border-top:1px solid #e8c8872b;pointer-events:none;z-index:0;transform:perspective(500px) rotateX(35deg)}
body.wl .frame{border-radius:7px;animation-play-state:paused;box-shadow:0 32px 60px -22px #000b,0 0 0 1px #e9d09a33}
body.wl .stage.is-in-view .frame{animation-play-state:running}
body.wl .frame.new{top:25px;right:3%;width:300px;height:450px;box-shadow:0 36px 65px -24px #000,0 0 0 1px #e5c89766}
body.wl .frame.old{left:0;top:46px;width:230px;height:345px}
body.wl .frame::before{box-shadow:inset 0 0 0 7px #e9dfcc,inset 0 0 0 8px #0002;border-radius:inherit}
body.wl .frame .pic{inset:7px;border-radius:2px}
body.wl .frame .pic img,body.wl .stage.swapping .frame .pic img{filter:none;transition:opacity .35s}
body.wl .frame .tag{font-size:12px;letter-spacing:.03em;text-transform:none;padding:5px 10px;background:#15130fc9;border:1px solid #e0c18c33;color:#f3e6cd}
body.wl .heroSuccessBadge{border-color:#e6c48b44;background:#161a13eb;box-shadow:0 10px 24px #0003}
body.wl .heroSuccessBurst i{display:none}
body.wl .hero-sets{bottom:0;gap:8px}
body.wl .hero-set{width:44px;height:62px;border-radius:5px;min-width:44px;min-height:44px;transition:transform .25s,opacity .25s}
body.wl .wl-floor{position:absolute;top:483px;left:0;right:0;height:64px;z-index:0;overflow:hidden;opacity:.2;mask-image:linear-gradient(#0009,transparent);-webkit-mask-image:linear-gradient(#0009,transparent);filter:blur(2px);pointer-events:none}
body.wl .wl-floor img{display:block;position:absolute;width:300px;height:450px;right:3%;top:0;object-fit:cover;transform:scaleY(-1) rotate(3deg)}
body.wl .dial{bottom:130px;left:25%;box-shadow:0 12px 28px #0008,0 0 0 1px #d3b27622;background:#11140fef}
body.wl .proof-band{margin:0;border-top:1px solid #c6a16b33;border-bottom:0;padding:0 0 26px}
body.wl .proof{padding:28px 18px}
body.wl .proof b{font-size:50px;background:linear-gradient(#f2ddb2,#b78c4a);background-clip:text;-webkit-background-clip:text}
body.wl .proof span{font-size:12px;color:var(--muted);line-height:1.5}

/* Стыки бумаги и камня лежат в отступах, текст всегда на плотном светлом фоне. */
body.wl main>:is(.tone-light,[id="tasks"]){--ink:#302b22;--ink-2:#514a3e;--muted:#756c5e;--brass:#88642f;--brass-l:#88642f;position:relative;isolation:isolate;background:none;box-shadow:none;clip-path:none;--wl-paper-top:88px;--wl-paper-bottom:88px}
body.wl main>:is(.tone-light,[id="tasks"])+:is(.tone-light,[id="tasks"]){--wl-paper-top:0px}
body.wl main>:is(.tone-light,[id="tasks"]):has(+:is(.tone-light,[id="tasks"])){--wl-paper-bottom:0px}
body.wl main>:is(.tone-light,[id="tasks"])::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:100vw;z-index:-1;transform:translateX(-50%);pointer-events:none;background:var(--wl-paper) url('/media/welcome/paper-soft.jpg') center/800px repeat;background-blend-mode:soft-light;mask-image:linear-gradient(transparent,#000 var(--wl-paper-top),#000 calc(100% - var(--wl-paper-bottom)),transparent);-webkit-mask-image:linear-gradient(transparent,#000 var(--wl-paper-top),#000 calc(100% - var(--wl-paper-bottom)),transparent)}
body.wl .section{padding:100px 0}
body.wl main>:is(.tone-light,[id="tasks"])+:is(.tone-light,[id="tasks"]){padding-top:32px}
body.wl .section>h2{max-width:900px;font-size:clamp(34px,4vw,52px);line-height:1.08}
body.wl .section:not(:is(.tone-light,[id="tasks"]))>h2,body.wl .story-copy h2,body.wl .signature-head h2{color:#e9d3a8}
body.wl .section>h2::after{content:"◆";display:block;margin:21px auto 0;font:9px/16px Georgia,serif;color:var(--brass);background:linear-gradient(90deg,transparent,#c09b5b88 42%,transparent 42% 58%,#c09b5b88 58%,transparent) center/190px 1px no-repeat}
body.wl .section .sub{line-height:1.75;font-size:15.5px}
body.wl .eyebrow2{font-size:12px;letter-spacing:.18em}
body.wl .eyebrow2::before,body.wl .eyebrow2::after{width:32px}
body.wl .wl-title-window{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
body.wl .wl-title-ink{display:block;transform:translate3d(0,110%,0);transition:transform 1s cubic-bezier(.2,.65,.25,1)}
body.wl .reveal.in .wl-title-ink,body.wl .wl-title-mask.reveal.in .wl-title-ink{transform:none}
body.wl h1.wl-title-mask .wl-title-ink{animation:wlTitleEnter 1.1s .12s cubic-bezier(.2,.65,.25,1) both}
body.wl .wl-title-mask.reveal{transform:none}
@keyframes wlTitleEnter{from{transform:translate3d(0,110%,0)}to{transform:translate3d(0,0,0)}}

/* Один портрет проходит три этапа, рядом остаются исходные тексты шагов. */
body.wl .memory-path{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;max-width:960px;margin:44px auto 20px;align-items:start;--memory-progress:0}
body.wl .memory-sticky{position:sticky;top:118px;padding:18px 22px 18px 0}
body.wl .memory-portrait{max-width:330px;margin:0 auto;position:relative;background:#eee5d3;padding:9px;border:1px solid #b69c6c66;border-radius:5px;box-shadow:0 25px 45px -25px #4d392a6b;transform:rotate(-1.8deg)}
body.wl .memory-layers{position:relative;aspect-ratio:2/3;background:#181916;overflow:hidden}
body.wl .memory-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);clip-path:inset(0 100% 0 0);transition:opacity .65s,transform 1.2s var(--wl-ease),clip-path .9s var(--wl-ease)}
body.wl .memory-path[data-memory-active="0"] .memory-layer-0,body.wl .memory-path[data-memory-active="1"] .memory-layer-1,body.wl .memory-path[data-memory-active="2"] .memory-layer-2{opacity:1;transform:scale(1);clip-path:inset(0)}
body.wl .memory-portrait figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 4px 5px;color:#5c4a30;font-size:12px;line-height:1.4}
body.wl .memory-index{font-size:12px;letter-spacing:.08em;color:#9b7946}
body.wl .memory-progress{position:absolute;right:0;top:26px;bottom:26px;width:1px;background:#b4955f33}
body.wl .memory-progress::before{content:"";position:absolute;inset:0;background:#a47a3d;transform-origin:50% 0;transform:scaleY(var(--memory-progress,0));transition:transform .35s}
body.wl .memory-path .simple3-steps{display:block;margin:0;max-width:none;border:0}
body.wl .memory-path .memory-step{position:relative;display:flex;min-height:265px;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:40px 4px 40px 28px;border:0;border-radius:0;background:none;box-shadow:none;opacity:.72;transition:opacity .6s}
body.wl .memory-path .memory-step.is-current{opacity:1}
body.wl .memory-path .memory-step::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;background:#ae8447;transform:translateY(-50%) rotate(45deg);opacity:.25;transition:opacity .5s}
body.wl .memory-path .memory-step.is-current::before{opacity:1}
body.wl .memory-path .simple3-pic{display:none}
body.wl .memory-path .simple3-n{position:static;display:block;width:auto;height:auto;margin:0 0 16px;padding:0;border:0;box-shadow:none;border-radius:0;background:none;font:700 40px/1 var(--wl-serif);color:#a17b43}
body.wl .memory-path .simple3-steps b{font-family:var(--wl-serif);font-size:29px;line-height:1.1;margin:0 0 14px;color:#352c20}
body.wl .memory-path .simple3-steps small{font-size:15px;line-height:1.7;color:#6d6251;margin:0;max-width:280px}
@supports(animation-timeline:view()){
  body.wl .memory-path{view-timeline-name:--wl-memory;view-timeline-axis:block}
  body.wl .memory-progress::before{animation:wlMemoryProgress linear both;animation-timeline:--wl-memory;animation-range:entry 70% exit 45%;transition:none}
}
@keyframes wlMemoryProgress{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* Лента: два одинаковых набора дают точный бесшовный цикл, без JS-таймера. */
body.wl .wl-portrait-ribbon{position:relative;padding:40px 0 50px;margin:8px 0 20px;border-block:1px solid #bb945d33}
body.wl .wl-ribbon-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
body.wl .wl-ribbon-heading p{margin:0;font:700 clamp(24px,3vw,34px)/1.1 var(--wl-serif);color:var(--wl-gold-l)}
body.wl .wl-marquee-toggle{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 12px;background:none;border:0;color:var(--muted);font:500 12px/1.4 Inter,system-ui,sans-serif;cursor:pointer}
body.wl .wl-marquee-toggle:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
body.wl .wl-pause-icon{display:block;width:10px;height:12px;border-inline:2px solid currentColor}
body.wl .wl-marquee-toggle[aria-pressed="true"] .wl-pause-icon{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}
body.wl .wl-marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6% 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6% 94%,transparent)}
body.wl .wl-marquee-track{display:flex;width:max-content;animation:wlPortraitDrift 58s linear infinite;animation-play-state:paused}
body.wl .wl-marquee-group{display:flex;gap:16px;padding-right:16px;flex:none}
body.wl .wl-marquee-group img{display:block;flex:none;object-fit:cover;width:96px;height:144px;border:4px solid #dfd3ba;border-radius:3px;opacity:.82}
body.wl .wl-portrait-ribbon.is-active:not(.is-paused) .wl-marquee-track{animation-play-state:running}
body.wl .wl-portrait-ribbon:hover .wl-marquee-track,body.wl .wl-portrait-ribbon:focus-within .wl-marquee-track{animation-play-state:paused!important}
@keyframes wlPortraitDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Подсветка — отдельный композитный слой. Положение меняет только transform. */
body.wl .wl-spotlight{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--wl-ease),opacity .8s}
body.wl .wl-spotlight::after{content:"";position:absolute;left:0;top:0;width:280px;height:280px;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(circle,#e8bb7240,transparent 67%);opacity:0;transform:translate3d(calc(var(--wl-spot-x,0px) - 140px),calc(var(--wl-spot-y,0px) - 140px),0);transition:opacity .4s}
body.wl .wl-spotlight.is-lit::after{opacity:.45}
@media(hover:hover) and (pointer:fine){
  body.wl .wl-spotlight.is-lit:not(.reveal),body.wl .wl-spotlight.is-lit.reveal.in{transform:perspective(1000px) rotateX(var(--wl-tilt-x,0deg)) rotateY(var(--wl-tilt-y,0deg)) translateY(-2px)}
}
body.wl .feat,body.wl .signature-card{border-color:#bd9c6b33;background:linear-gradient(145deg,#b5995f0b,#171b14);box-shadow:0 18px 38px -32px #000}
body.wl :is(.tone-light,[id="tasks"]) .feat,body.wl :is(.tone-light,[id="tasks"]) .pp-card,body.wl :is(.tone-light,[id="tasks"]) .seo-cards a{background:#fffaf2;border-color:#b59a723b;box-shadow:0 14px 32px -28px #7153315c}
body.wl .story-shell,body.wl .signature-shell{background:linear-gradient(130deg,#b3905017,#11160ee8 65%);border-color:#c4a16a3b}
body.wl .story-copy h2,body.wl .signature-head h2{margin-left:0;text-align:left;text-wrap:balance}
body.wl .signature-head{max-width:none;text-align:left}
body.wl .section .feat .ico,body.wl .signature-icon{color:#dbb67b;background:#bf965317;border-color:#bd985b3d}
body.wl :is(.tone-light,[id="tasks"]) .feat .ico{color:#88642f;background:#b4905010}
body.wl .ex-card{border-radius:10px;border-color:#b69b724f}
body.wl .ex-media{border-radius:0}
body.wl .ex-switch button,body.wl .ex-full,body.wl .wc-switch button,body.wl .wl-more{min-height:44px;font-size:13px;transition:transform .25s,opacity .25s}
body.wl .ex-full{width:44px;height:44px}
body.wl .ex-tag{font-size:12px}
body.wl .prod{border-radius:10px}
body.wl .prod figcaption{border-radius:6px;background:#fff9eee8}
body.wl .film-box{border-radius:12px;border:1px solid #c6a1684a}
body.wl .film-copy h2{font-size:clamp(34px,4vw,52px)}
body.wl .final{padding:105px 0 100px}
body.wl .final-faces{opacity:.17}
body.wl .foot{font-size:12px;line-height:1.9;color:var(--muted);border-color:#c5a06238}
body.wl .foot a{color:var(--wl-gold-l)}

/* Ivory — та же композиция, бумага и бронза, без чёрного фона. */
html[data-theme="ivory"] body.wl{--wl-page-base:#f3ede1;--wl-gold-l:#86602c;--wl-gold:#a88043;--bg:#f3ede1;--s1:#fffbf3;--s2:#eee5d4;--ink:#342d21;--ink-2:#554b3b;--muted:#7b705f;--brass:#8b6531;--brass-l:#8a602b;--line:#ad91613b;--line2:#ad91615c;background:#f3ede1}
html[data-theme="ivory"] body.wl::before{background:linear-gradient(#f3ede1c9,#f3ede1c9),url('/media/welcome/paper-soft.jpg') center/800px repeat;opacity:1}
html[data-theme="ivory"] body.wl .hero h1{color:#3c3020}
html[data-theme="ivory"] body.wl .hero h1 .accent{background-image:linear-gradient(115deg,#795020,#b58b49,#805824)}
html[data-theme="ivory"] body.wl .hero .lead{color:#655a48}
html[data-theme="ivory"] body.wl .hero .h1-keywords{color:#81705a}
html[data-theme="ivory"] body.wl .hero .badge{color:#89642f;background:#b7934e0a}
html[data-theme="ivory"] body.wl .nav .row{background:#fffaf1d9;border-color:#b7975e44}
html[data-theme="ivory"] body.wl .nav.scrolled .row{background:#fffaf1f5}
html[data-theme="ivory"] body.wl .hero .hero-deco{opacity:.45}
html[data-theme="ivory"] body.wl .wl-light-trails{opacity:.7}
html[data-theme="ivory"] body.wl .wl-sparks i{background:#b07c31;box-shadow:0 0 7px #b78b4b44}
html[data-theme="ivory"] body.wl .proof b{background:linear-gradient(#b28b4b,#7d5527);background-clip:text;-webkit-background-clip:text}
html[data-theme="ivory"] body.wl main>:is(.tone-light,[id="tasks"]){--wl-paper:#eae1d0;--wl-card:#fffaf1}
html[data-theme="ivory"] body.wl .feat,html[data-theme="ivory"] body.wl .signature-card,html[data-theme="ivory"] body.wl .story-shell,html[data-theme="ivory"] body.wl .signature-shell{background:linear-gradient(140deg,#fffaf3,#eee4d2);border-color:#b5966745;box-shadow:0 16px 34px -29px #765a304f}
html[data-theme="ivory"] body.wl .section:not(:is(.tone-light,[id="tasks"]))>h2,html[data-theme="ivory"] body.wl .story-copy h2,html[data-theme="ivory"] body.wl .signature-head h2{color:#6b4d29}
html[data-theme="ivory"] body.wl .section .feat .ico,html[data-theme="ivory"] body.wl .signature-icon{color:#8e6831;background:#a9844110}
html[data-theme="ivory"] body.wl .wl-spotlight::after{background:radial-gradient(circle,#be9a5540,transparent 67%)}
html[data-theme="ivory"] body.wl .dial{background:#f9f3e8ed;box-shadow:0 12px 28px #9b784130}
html[data-theme="ivory"] body.wl .dial .num,html[data-theme="ivory"] body.wl .dial .cap{color:#584a34}

@media(max-width:1080px){body.wl .hero{gap:32px}body.wl .frame.new{width:270px;height:405px;right:0}body.wl .frame.old{width:195px;height:293px;left:0;top:65px}body.wl .stage{height:545px}body.wl .stage::after{top:446px}body.wl .wl-floor{top:443px;height:52px}body.wl .wl-floor img{width:270px;height:405px;right:0}body.wl .dial{bottom:122px}}
@media(max-width:920px){body.wl .hero{grid-template-columns:1fr;gap:35px;padding-top:52px}body.wl .hero .lead{margin-inline:auto}body.wl .hero .h1-keywords{margin-inline:auto}body.wl .hero .hero-deco{display:block}body.wl .hero h1{font-size:clamp(48px,7.5vw,68px)}body.wl .stage{max-width:480px}body.wl .frame.new{right:3%;width:280px;height:420px}body.wl .frame.old{width:220px;height:330px;left:0}body.wl .wl-floor img{width:280px;height:420px;right:3%}body.wl .hero .trust{justify-content:center}body.wl .memory-path{gap:50px}}
@media(max-width:760px){
  body.wl .section{padding:72px 0}body.wl main>:is(.tone-light,[id="tasks"]){--wl-paper-top:64px;--wl-paper-bottom:64px}body.wl main>:is(.tone-light,[id="tasks"])+:is(.tone-light,[id="tasks"]){--wl-paper-top:0px;padding-top:22px}body.wl main>:is(.tone-light,[id="tasks"]):has(+:is(.tone-light,[id="tasks"])){--wl-paper-bottom:0px}
  body.wl .memory-path{gap:20px;margin-top:30px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}body.wl .memory-sticky{top:100px;padding:6px 12px 6px 0}body.wl .memory-portrait{padding:5px;transform:rotate(-1deg)}body.wl .memory-portrait figcaption{flex-direction:column;align-items:flex-start;padding:9px 3px 3px;font-size:12px;gap:4px}
  body.wl .memory-path .memory-step{min-height:230px;padding:24px 0 24px 16px}body.wl .memory-path .simple3-steps b{font-size:24px;margin-bottom:12px}body.wl .memory-path .simple3-steps small{font-size:13px;line-height:1.65}body.wl .memory-path .simple3-n{font-size:32px;margin-bottom:13px}
  body.wl .wl-ribbon-heading{gap:16px}body.wl .wl-ribbon-heading p{font-size:27px;max-width:260px}body.wl .wl-marquee-toggle{padding-left:4px}body.wl .wl-marquee-toggle [data-marquee-label]{max-width:95px;text-align:left}
  body.wl .wl-marquee-group img{width:80px;height:120px}body.wl .wl-marquee-group{gap:12px;padding-right:12px}body.wl .wl-portrait-ribbon{padding:30px 0}
}
@media(max-width:600px){
  body.wl .nav{padding-top:8px}body.wl .nav .row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 auto;padding:8px;border-radius:15px}
  body.wl .nav .brand{grid-column:1/4;grid-row:1;min-width:0;flex:none;justify-content:flex-start;gap:7px}body.wl .nav .brand::before{width:31px;height:34px}body.wl .nav .brand b{font-size:23px}
  body.wl .nav .links{display:contents}body.wl .nav .links .language-switcher{grid-column:4/6;grid-row:1;justify-self:center;padding:2px;gap:0;margin:0;border:1px solid #b2925840;min-width:0}
  body.wl .nav .links .language-switcher button{width:44px;min-width:44px;min-height:44px;padding:0;font-size:12px}
  body.wl .nav .links .theme-trigger{grid-column:6;grid-row:1;justify-self:center}
  body.wl .nav .links a.nav-login{grid-column:1/3;grid-row:2;justify-content:center;text-align:center;display:flex;align-items:center;padding:6px;min-width:0;font-size:13px}
  body.wl .nav .links a.nav-video{grid-column:3;grid-row:2;justify-self:center;display:flex;width:44px;height:44px;padding:0;font-size:0}
  body.wl .nav .links a.nav-start{grid-column:4/7;grid-row:2;display:flex;justify-content:center;min-width:0;margin:0;padding:6px;font-size:12.5px;border-radius:999px;height:44px}
  body.wl .hero{padding:40px 0 46px;gap:30px}body.wl .hero h1{font-size:clamp(40px,11.2vw,56px)}body.wl .hero .lead{font-size:15.5px;line-height:1.7}body.wl .hero .h1-keywords{font-size:13.5px;line-height:1.6}
  body.wl .hero .badge{font-size:12px;padding:7px 10px;line-height:1.5}body.wl .hero .trust{gap:10px 6px}body.wl .hero .trust li{font-size:12px;padding-inline:0;border:0}
  body.wl .hero .cta{gap:10px}body.wl .hero .cta .btn.lg{font-size:14px;min-height:50px;padding:10px 16px}body.wl .hero .cta .promo-watch-hl{font-size:12.5px;white-space:normal;justify-content:center}
  body.wl .stage{height:465px;max-width:355px}body.wl .frame.new{width:211px;height:317px;top:24px;right:0}body.wl .frame.old{width:158px;height:237px;top:49px;left:0}body.wl .frame::before{box-shadow:inset 0 0 0 5px #e9dfcc}body.wl .frame .pic{inset:5px}
  body.wl .stage::after{top:357px;left:0;right:0;height:39px}body.wl .wl-floor{top:354px;height:43px}body.wl .wl-floor img{width:211px;height:317px;right:0}body.wl .hero-sets{gap:4px;padding:4px 0;justify-content:space-between}body.wl .hero-set{width:calc((100% - 24px)/7);min-width:0;max-width:44px;height:56px;min-height:44px}
  body.wl .dial{bottom:95px;left:24%}body.wl .heroSuccessBadge{bottom:65px;top:auto;left:0;right:0}body.wl .proof{padding:24px 8px}body.wl .proof b{font-size:42px}
  body.wl .hero .hero-deco{top:-160px}body.wl .wl-light-trails{opacity:.5}
  body.wl .section .sub{font-size:14px;line-height:1.75}body.wl .section>h2{font-size:34px}body.wl .film-copy{padding:14px 22px 28px}body.wl .film-copy h2{font-size:35px}
}
@media(max-width:360px){body.wl .nav .brand{gap:4px}body.wl .nav .brand b{font-size:20px}body.wl .nav .brand::before{width:28px;height:32px}body.wl .hero h1{font-size:39px}body.wl .hero .cta .promo-watch-hl{font-size:12px;padding-inline:0}body.wl .hero .trust{gap:10px}body.wl .hero-set{height:50px}body.wl .memory-path{gap:14px}body.wl .memory-path .simple3-steps b{font-size:22px}body.wl .memory-path .simple3-steps small{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){
  body.wl,body.wl *,body.wl *::before,body.wl *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body.wl .reveal{opacity:1!important;transform:none!important}body.wl .wl-title-ink{transform:none!important}
  body.wl .frame.old{animation-name:none!important}body.wl .wl-spotlight{transform:none!important}
  body.wl .wl-marquee-track{animation:none!important;transform:none!important}
  body.wl .memory-layer{transform:none!important}body.wl .memory-path .memory-step{opacity:1}
  body.wl .memory-progress::before{animation:none!important;transform:scaleY(1)}
}
body.wl .hero:not(.is-in-view) .badge-dot{animation-play-state:paused}
body.wl .heroSuccessText small,body.wl .dial .cap,body.wl .story-kicker,body.wl .plan-chip,body.wl .signature-proof{font-size:12px}
@media(max-width:600px){body.wl .hero-set{width:44px;min-width:44px}body.wl .wl-light-trails{opacity:.5}}
@media(max-width:380px){body.wl .hero-sets{flex-wrap:wrap;justify-content:center;max-width:240px;margin-inline:auto;gap:8px}body.wl .hero-set:nth-child(n+7){display:block}body.wl .stage{height:520px}body.wl .heroSuccessBadge{bottom:124px}body.wl .dial{bottom:152px}}

/* Минимальные читаемые подписи и доступные кнопки сравнения. */
body.wl .signature-label,body.wl .ba-tag,body.wl .nav-video-play,body.wl .eyebrow2{font-size:12px}
body.wl .ba-full{width:44px;height:44px;min-width:44px;min-height:44px}
body.wl .dial .cap{letter-spacing:0}
body.wl #daily-platform-benefits .feat small{font-size:12px}
html[data-theme="ivory"] body.wl .nav .links a.ghost{color:#65533c}
html[data-theme="ivory"] body.wl .heroSuccessBadge{background:#f6f3e8f5;border-color:#72986e66;color:#365a35}
html[data-theme="ivory"] body.wl .heroSuccessText small{color:#4d7147}
body.wl .memory-path .memory-step:hover{transform:none;box-shadow:none}
body.wl .signature-card p{color:#c6bca9}
body.wl .signature-card .signature-icon{flex:none}
body.wl .signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.wl .signature-card,body.wl .signature-card.major{grid-column:auto}
body.wl .signature-card.topaz-signature,body.wl .signature-card:last-child{grid-column:1/-1}
body.wl .signature-card.topaz-signature{background:linear-gradient(135deg,#b38b3d24,#14170fe8)}
body.wl .how-video-cap small{font-size:12px}
body.wl .frame.old{--wl-frame-angle:-7deg}
body.wl .frame.new{--wl-frame-angle:3deg}
@keyframes wlFloat{0%,100%{transform:translateY(0) rotate(var(--wl-frame-angle))}50%{transform:translateY(-7px) rotate(var(--wl-frame-angle))}}
body.wl .frame.new .scan{display:none}
body.wl .frame.new::after{animation-play-state:paused}
body.wl .stage.is-in-view .frame.new::after{animation-play-state:running}
body.wl .dial,body.wl .dial .num{transition:transform .3s,opacity .3s}
body.wl .mobile-top-strip{background:#10120eee;border-color:#c6a16b33}
html[data-theme="ivory"] body.wl .mobile-top-strip{background:#f3ede1f5;border-color:#b5966745}
html[data-theme="ivory"] body.wl .signature-card p{color:#675c4d}
@media(max-width:560px){body.wl .signature-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){body.wl .memory-path .memory-step{opacity:1}}
/* Каждый повтор ленты не короче окна: в конце цикла нет пустого края. */
body.wl .wl-marquee-group{min-width:min(calc(100vw - 44px),1096px);justify-content:space-around}
body.wl .wl-marquee-toggle[hidden]{display:none}
body.wl .wl-marquee-toggle:hover,body.wl .wl-marquee-toggle:focus-visible{background:#b58f4d12;color:var(--wl-gold-l)}
/* Телефон: подпись «контроль черт» в две строки — при 12 px в одну строку она выходила за кольцо. */
@media(max-width:520px){body.wl .dial .cap{max-width:74px;white-space:normal;text-align:center;line-height:1.05;margin-top:4px}}