/* DSTRC CSS: post 119 | generated 2026-03-18 21:41:29 UTC */
:root{
    --rz-dark:#303439;   /* тёмная сталь */
    --rz-gray:#878B8D;   /* металлический серый */
    --rz-accent:#FF6600; /* лазер */
    --rz-white:#fff;
  }

  /* ===== Секция ===== */
  .rz-hero{
    --rz-min-h: min(86vh, 800px);
    position:relative;
    display:block;
    min-height:var(--rz-min-h);
    color:var(--rz-white);
    background:
      radial-gradient(1200px 600px at 62% 42%, color-mix(in oklab, var(--rz-accent) 16%, transparent) 0%, transparent 60%),
      linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.55) 70%),
      url('https://rezkadetal.ru/wp-content/uploads/2025/08/rezka-metalla-v-istre.webp') center/cover no-repeat var(--rz-dark);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rz-hero__overlay{
    position:absolute; inset:0; pointer-events:none;
    background: linear-gradient(90deg, rgba(48,52,57,.70) 0%, rgba(48,52,57,.36) 36%, rgba(48,52,57,.58) 100%);
  }

  /* ===== Контейнер: двухколоночная композиция (левая колонка ≤50vw) ===== */
  .rz-hero__container{
    position:relative; z-index:1;
    display:grid;
    grid-template-columns: minmax(320px, 50vw) 1fr; /* заголовок и лид в левой колонке */
    align-content:center;
    gap: clamp(14px, 2.4vw, 28px);
    width:min(1200px, 92vw);
    margin:0 auto;
    padding: clamp(40px, 6vw, 80px) 0;
  }
  .rz-hero__container > *{ grid-column:1; } /* правая колонка — пустая для баланса */

  /* ===== Заголовок: до 50vw + современная типографика ===== */
  .rz-title{
    position:relative;
    margin:0;
    line-height:1.06;
    letter-spacing:-.01em;
    inline-size: fit-content;
    max-inline-size: min(50vw, 60ch);
  }
  .rz-title__reveal{
    display:inline;
    font-weight:800;
    font-size: clamp(28px, 6vw, 64px);
    color: transparent;
    background-image: linear-gradient(90deg, var(--rz-white) 0 0);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    animation: rz-reveal 2.2s ease-out 1s forwards; /* задержка 1s */
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  /* Полоса-«луч» по кромке проявления */
  .rz-title::after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0%;
    width:3px;
    background:
      radial-gradient(12px 80% at 50% 50%, var(--rz-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rz-accent) 84%, transparent), transparent);
    box-shadow:
      0 0 8px var(--rz-accent),
      0 0 18px rgba(255,102,0,.55),
      0 0 42px rgba(255,102,0,.35);
    opacity:0;
    animation: rz-scan 2.2s ease-out 1s forwards;
  }

  @keyframes rz-reveal{
    to{ background-size: 100% 100%; }
  }
  @keyframes rz-scan{
    0%   { left:0%;   opacity:1; }
    98%  { left:100%; opacity:1; }
    100% { left:100%; opacity:0; }
  }

  /* ===== Лид (УТП) ===== */
  .rz-lead{
    max-inline-size: min(50vw, 68ch);
    font-size: clamp(16px, 2.1vw, 20px);
    line-height:1.6;
    color: rgba(255,255,255,.92);
    text-wrap: pretty;
    border-left:3px solid var(--rz-accent);
    padding-left: clamp(12px, 1.5vw, 18px);
    background: linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,0));
    text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 24px color-mix(in oklab, var(--rz-accent) 8%, transparent);
  }

  /* Снижение анимаций по настройкам системы */
  @media (prefers-reduced-motion: reduce){
    .rz-title__reveal{ animation:none; background-size:100% 100%; }
    .rz-title::after{ animation:none; opacity:0; }
  }

  /* Мобильная адаптация: одна колонка, ширина контента — до 92vw */
  @media (max-width: 860px){
    .rz-hero__container{
      grid-template-columns: 1fr;
    }
    .rz-title,
    .rz-lead{
      max-inline-size: 92vw;
    }
    .rz-hero{ --rz-min-h: min(72vh, 640px); }
  }

:root{
    --rz-dark:#303439;   /* тёмная сталь */
    --rz-gray:#878B8D;   /* металлический серый */
    --rz-accent:#FF6600; /* лазер */
    --rz-white:#fff;
  }

  /* ===== Секция и фон ===== */
  .rz-sec{
    position:relative;
    color:var(--rz-white);
    background:
      linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.75)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 20px),
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
      var(--rz-dark);
    background-blend-mode: multiply, normal, normal, normal;
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rz-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 20% 18%, color-mix(in oklab, var(--rz-accent) 12%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 86% 60%, rgba(255,255,255,.06) 0%, transparent 60%);
    mix-blend-mode: screen;
  }
  .rz-laser-accent{
    position:absolute; top: clamp(12px, 2.2vw, 24px); right: clamp(12px, 2.2vw, 24px);
    width: clamp(120px, 18vw, 280px); height: 2px;
    transform: rotate(-28deg);
    transform-origin: right center;
    background:
      linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rz-accent) 75%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28));
    opacity:.35;
  }

  /* ===== Контейнер ===== */
  .rz-sec__container{
    position:relative; z-index:1;
    width:min(1200px, 92vw);
    margin:0 auto;
    padding: clamp(48px, 7vw, 96px) 0;
  }

  /* ===== H2: scroll-linked reveal без JS ===== */
  .rz-h2{
    margin:0 0 clamp(14px, 2.2vw, 24px) 0;
    line-height:1.06; letter-spacing:-.01em;
    inline-size: fit-content;
    max-inline-size: min(50vw, 48ch);
    position:relative;
    view-timeline-name: --rz-h2-tl;
    view-timeline-axis: block;
  }
  .rz-h2__reveal{
    display:inline; font-weight:800; font-size: clamp(24px, 4.8vw, 44px);
    color:transparent;
    background-image: linear-gradient(90deg, var(--rz-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation: rz-h2-reveal linear both;
    animation-timeline: --rz-h2-tl;
    animation-range: entry 10% cover 40%;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  .rz-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0%; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rz-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rz-accent) 84%, transparent), transparent);
    box-shadow: 0 0 8px var(--rz-accent), 0 0 24px rgba(255,102,0,.45);
    opacity:0;
    animation: rz-h2-scan linear both;
    animation-timeline: --rz-h2-tl;
    animation-range: entry 10% cover 40%;
  }
  @keyframes rz-h2-reveal { to { background-size:100% 100%; } }
  @keyframes rz-h2-scan {
    0%   { left:0%;   opacity:1; }
    98%  { left:100%; opacity:1; }
    100% { left:100%; opacity:0; }
  }
  @supports not (animation-timeline: auto){
    .rz-h2__reveal{ background-size:100% 100% !important; }
    .rz-h2::after{ opacity:0 !important; }
  }
  @media (prefers-reduced-motion: reduce){
    .rz-h2__reveal{ animation:none !important; background-size:100% 100%; }
    .rz-h2::after{ animation:none !important; opacity:0; }
  }

  /* ===== Контентная сетка ===== */
  .rz-sec__body{
    display:grid;
    grid-template-columns: 1fr;
    gap: clamp(16px, 2.6vw, 28px);
    align-items:start;
  }
  .rz-sec__lead{
    margin:0;
    font-size: clamp(16px, 2.1vw, 20px);
    line-height:1.6;
    color: rgba(255,255,255,.92);
    border-left:3px solid var(--rz-accent);
    padding-left: clamp(12px, 1.5vw, 18px);
    background: linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,0));
    max-inline-size: min(50vw, 68ch);
  }

  /* ===== Шаги: две колонки (3 + 3), «лазер» по бордюру при наведении ===== */
  .rz-steps{
    counter-reset: rz-step;
    list-style:none; padding:0; margin:0;
    display:grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: clamp(12px, 2vw, 20px);
  }
  .rz-steps li{
    position:relative;
    display:flex; align-items:center;
    overflow:hidden; /* чтобы свет не выходил за рамку */
    min-height: clamp(56px, 8.5vw, 78px);
    padding: clamp(12px, 1.8vw, 16px) clamp(14px, 2.2vw, 20px) clamp(12px, 1.8vw, 16px) clamp(54px, 5.4vw, 72px);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    border:1px solid rgba(135,139,141,.28);
    border-radius: 10px;
    box-shadow:
      0 0 0 1px rgba(0,0,0,.25) inset,
      0 1px 8px rgba(0,0,0,.18);
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
  }
  .rz-steps li::before{
    counter-increment: rz-step;
    content: counter(rz-step, upper-roman) ".";
    position:absolute; left: clamp(14px, 2vw, 20px); top:50%; transform:translateY(-50%);
    font-weight:800; letter-spacing:.02em;
    font-size: clamp(14px, 2vw, 18px);
    color: var(--rz-accent);
    text-shadow: 0 0 10px rgba(255,102,0,.35);
  }

  /* SVG-контур поверх карточки (лазер) */
  .rz-step__svg{
    position:absolute; inset:-1px; width:calc(100% + 2px); height:calc(100% + 2px);
    pointer-events:none;
  }
  .rz-step__stroke{
    fill:none;
    stroke: var(--rz-accent);
    stroke-width: 2;
    stroke-dasharray: 100;  /* соответствует pathLength */
    stroke-dashoffset: 100; /* старт: «ноль света» */
    filter: drop-shadow(0 0 6px rgba(255,102,0,.35)) drop-shadow(0 0 16px rgba(255,102,0,.25));
    opacity:.95;
    vector-effect: non-scaling-stroke;
    rx:10;
  }

  /* Наведение: быстрый пробег «луча» + усиление рамки */
  .rz-steps li:hover{
    border-color: color-mix(in oklab, var(--rz-gray) 30%, var(--rz-accent) 70%);
    box-shadow:
      0 0 0 1px rgba(255,102,0,.35) inset,
      0 0 18px rgba(255,102,0,.18);
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  }
  .rz-steps li:hover .rz-step__stroke{
    animation: rz-step-scan .7s linear;
  }
  @keyframes rz-step-scan{
    to { stroke-dashoffset: 0; }
  }

  /* ===== Абзац на всю ширину ===== */
  .rz-sec__note{
    grid-column: 1 / -1;
    margin: clamp(10px, 2vw, 16px) 0 0 0;
    color: rgba(255,255,255,.95);
    font-size: clamp(15px, 1.9vw, 18px);
    line-height:1.65;
    text-wrap: pretty;
  }

  /* ===== Адаптация ===== */
  @media (max-width: 980px){
    .rz-steps{ grid-template-columns: 1fr; }
    .rz-sec__lead{ max-inline-size: 92vw; }
  }

:root{
    --rz-dark:#303439;   /* тёмная сталь */
    --rz-gray:#878B8D;   /* металлический серый */
    --rz-accent:#FF6600; /* лазер */
    --rz-white:#FFFFFF;
  }

  /* ===== Фон и контейнер ===== */
  .rz-sec{
    position:relative; color:var(--rz-white);
    background:
      linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.76)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 22px),
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
      var(--rz-dark);
    background-blend-mode:multiply,normal,normal,normal;
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rz-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 22% 18%, color-mix(in oklab, var(--rz-accent) 12%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 84% 64%, rgba(255,255,255,.06) 0%, transparent 60%);
    mix-blend-mode:screen;
  }
  .rz-laser-accent--tr{
    position:absolute; top:clamp(12px,2.2vw,24px); right:clamp(12px,2.2vw,24px);
    width:clamp(120px,18vw,280px); height:2px; transform:rotate(-22deg); transform-origin:right center;
    background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rz-accent) 70%, transparent) 45%, transparent 100%);
    filter:drop-shadow(0 0 6px rgba(255,102,0,.28)); opacity:.35;
  }
  .rz-sec__container{ position:relative; z-index:1; width:min(1200px,92vw); margin:0 auto; padding:clamp(48px,7vw,96px) 0; }

  /* ===== H2: «лазерный» reveal на scroll timeline ===== */
  .rz-h2{
    margin:0 0 clamp(18px,2.6vw,28px) 0;
    line-height:1.06; letter-spacing:-.01em;
    inline-size:fit-content; max-inline-size:min(50vw,48ch);
    position:relative; view-timeline-name:--rz-h2-tl; view-timeline-axis:block;
  }
  .rz-h2__reveal{
    display:inline; font-weight:800; font-size:clamp(24px,4.8vw,44px);
    color:transparent; background-image:linear-gradient(90deg,var(--rz-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation:rz-h2-reveal linear both; animation-timeline:--rz-h2-tl; animation-range:entry 80% cover 20%;
    text-shadow:0 1px 0 rgba(0,0,0,.35);
  }
  .rz-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rz-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rz-accent) 84%, transparent), transparent);
    box-shadow:0 0 8px var(--rz-accent), 0 0 24px rgba(255,102,0,.45); opacity:0;
    animation:rz-h2-scan linear both; animation-timeline:--rz-h2-tl; animation-range:entry 80% cover 20%;
  }
  @keyframes rz-h2-reveal{ to{ background-size:100% 100%; } }
  @keyframes rz-h2-scan{ 0%{left:0%;opacity:1} 98%{left:100%;opacity:1} 100%{left:100%;opacity:0} }
  @supports not (animation-timeline:auto){ .rz-h2__reveal{background-size:100% 100%!important} .rz-h2::after{opacity:0!important} }
  @media (prefers-reduced-motion:reduce){ .rz-h2__reveal{animation:none!important;background-size:100% 100%} .rz-h2::after{animation:none!important;opacity:0} }

  /* ===== Буллиты: один вертикальный ряд, но с чередованием по краям ===== */
  .rz-bullets{
    display:grid;
    grid-template-columns: 1fr;
    gap: clamp(16px, 2.2vw, 24px);
    margin-top: clamp(8px, 1.6vw, 16px);
  }

  .rz-bullet{
    position:relative;
    display:flex; align-items:baseline; gap: clamp(10px, 1.4vw, 14px);
    max-width: min(46vw, 560px);
    justify-self: start;
    text-align: left;

    view-timeline-name: --rz-bullet-tl;
    view-timeline-axis: block;
  }

  .rz-bullet:nth-child(even){
    justify-self: end;
    flex-direction: row-reverse;
    text-align: right;
  }

  .rz-bullet__dot{
    inline-size: .6em; block-size: .6em; border-radius: 50%;
    margin-top: .2em;
    background:
      radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--rz-accent) 65%, transparent) 0 45%, transparent 65%),
      linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0));
    filter: drop-shadow(0 0 6px rgba(255,102,0,.18));
  }

  .rz-bullet__text{
    position:relative;
    font-size: clamp(15px, 1.9vw, 18px);
    line-height: 1.5;
    color: rgba(255,255,255,.95);
    padding-bottom: 6px;
    background:
      linear-gradient(to right, rgba(135,139,141,.48), rgba(135,139,141,.48)) 0 100% / 100% 1px no-repeat;
  }
  .rz-bullet:nth-child(even) .rz-bullet__text{
    background-position: 100% 100%;
  }

  .rz-bullet__text::after{
    content:"";
    position:absolute; left:0; right:0; bottom:0;
    height:2px; width:100%;
    background:
      linear-gradient(90deg,
        transparent 0%,
        color-mix(in oklab, var(--rz-accent) 90%, transparent) 10%,
        var(--rz-accent) 50%,
        color-mix(in oklab, var(--rz-accent) 90%, transparent) 90%,
        transparent 100%);
    box-shadow: 0 0 10px rgba(255,102,0,.35), 0 0 22px rgba(255,102,0,.25);
    transform-origin: left center;
    transform: scaleX(0);
    opacity: 0;
    animation: rz-underline-sweep .9s ease-out both;
    animation-timeline: --rz-bullet-tl;
    animation-range: contain 0% contain 80%;
  }
  .rz-bullet:nth-child(even) .rz-bullet__text::after{
    transform-origin: right center;
  }

  @keyframes rz-underline-sweep{
    0%   { transform: scaleX(0); opacity:0; }
    15%  { opacity:.85; }
    100% { transform: scaleX(1); opacity:1; }
  }

  .rz-bullet:nth-child(1) .rz-bullet__text::after{ animation-delay:.00s; }
  .rz-bullet:nth-child(2) .rz-bullet__text::after{ animation-delay:.20s; }
  .rz-bullet:nth-child(3) .rz-bullet__text::after{ animation-delay:.40s; }
  .rz-bullet:nth-child(4) .rz-bullet__text::after{ animation-delay:.60s; }
  .rz-bullet:nth-child(5) .rz-bullet__text::after{ animation-delay:.80s; }
  .rz-bullet:nth-child(6) .rz-bullet__text::after{ animation-delay:1.00s; }

  @media (max-width:1100px){
    .rz-bullet{ max-width:min(66vw, 720px); justify-self:start; flex-direction:row; text-align:left; }
  }
  @media (max-width:720px){
    .rz-bullet{ max-width:92vw; }
  }

  @supports not (animation-timeline:auto){
    .rz-bullet__text::after{ transform:scaleX(1) !important; opacity:1 !important; }
  }
  @media (prefers-reduced-motion:reduce){
    .rz-bullet__text::after{ animation:none !important; transform:scaleX(1); opacity:1; }
  }

:root{
    --rz-dark:#303439;   /* тёмная сталь */
    --rz-gray:#878B8D;   /* металлический серый */
    --rz-accent:#FF6600; /* лазер */
    --rz-white:#fff;

    /* Радиус и внутренний отступ фрейма (для консистентности) */
    --rz-r:14px;
    --rz-pad: clamp(10px, 1.4vw, 14px);
  }

  /* ===== Секция: немного светлее, индустриальная текстура ===== */
  .rz-sec{ position:relative; color:var(--rz-white);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rz-sec--cases{
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.50)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 18px),
      linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
      color-mix(in oklab, var(--rz-dark) 82%, black);
    background-blend-mode:overlay,normal,normal,normal;
  }
  .rz-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 18% 24%, color-mix(in oklab, var(--rz-accent) 10%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 86% 70%, rgba(255,255,255,.08) 0%, transparent 60%);
    mix-blend-mode:screen;
  }
  .rz-laser-accent--tr{
    position:absolute; top: clamp(12px, 2.2vw, 24px); right: clamp(12px, 2.2vw, 24px);
    width: clamp(120px, 18vw, 280px); height: 2px;
    transform: rotate(-18deg); transform-origin:right center;
    background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rz-accent) 70%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28));
    opacity:.38;
  }
  .rz-sec__container{ position:relative; z-index:1; width:min(1200px,92vw); margin:0 auto; padding: clamp(48px, 7vw, 96px) 0; }

  /* ===== H2: «лазерный» reveal — как в проекте ===== */
  .rz-h2{
    margin:0 0 clamp(18px, 2.6vw, 28px) 0;
    line-height:1.06; letter-spacing:-.01em;
    inline-size:fit-content; max-inline-size:min(50vw,48ch);
    position:relative; view-timeline-name:--rz-h2-tl; view-timeline-axis:block;
  }
  .rz-h2__reveal{
    display:inline; font-weight:800; font-size:clamp(24px,4.8vw,44px);
    color:transparent; background-image:linear-gradient(90deg,var(--rz-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation:rz-h2-reveal linear both; animation-timeline:--rz-h2-tl; animation-range:entry 10% cover 40%;
    text-shadow:0 1px 0 rgba(0,0,0,.35);
  }
  .rz-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rz-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rz-accent) 84%, transparent), transparent);
    box-shadow:0 0 8px var(--rz-accent), 0 0 24px rgba(255,102,0,.45); opacity:0;
    animation:rz-h2-scan linear both; animation-timeline:--rz-h2-tl; animation-range:entry 10% cover 40%;
  }
  @keyframes rz-h2-reveal{ to{ background-size:100% 100%; } }
  @keyframes rz-h2-scan{ 0%{left:0%;opacity:1} 98%{left:100%;opacity:1} 100%{left:100%;opacity:0} }
  @supports not (animation-timeline:auto){ .rz-h2__reveal{background-size:100% 100%!important} .rz-h2::after{opacity:0!important} }
  @media (prefers-reduced-motion:reduce){ .rz-h2__reveal{animation:none!important;background-size:100% 100%} .rz-h2::after{animation:none!important;opacity:0} }

  /* ===== Галерея кейсов (3 колонки) ===== */
  .rz-cases{
    list-style:none; padding:0; margin:0;
    display:grid; gap: clamp(16px, 2.4vw, 28px);
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    view-timeline-name: --rz-cases-tl;
    view-timeline-axis: block;
  }

  /* Карточка: LTR-последовательность появления */
  .rz-case{
    display:flex; flex-direction:column; gap: clamp(10px, 1.4vw, 14px);
    opacity:.0; transform: translateX(-18px); filter: saturate(.9) brightness(.95);

    animation: rz-card-reveal 1.15s cubic-bezier(.22,.62,.2,1) both;
    animation-timeline: --rz-cases-tl;
    animation-range: entry 55% cover 35%;
    animation-delay: var(--d, 0s);
  }
  @keyframes rz-card-reveal{
    0%   { opacity:0; transform:translateX(-18px); filter:saturate(.9) brightness(.95); }
    40%  { opacity:.65; transform:translateX(-8px); }
    100% { opacity:1; transform:translateX(0); filter:none; }
  }
  .rz-case:nth-child(1){ --d: 0s;    }
  .rz-case:nth-child(2){ --d: .30s;  }
  .rz-case:nth-child(3){ --d: .60s;  }

  /* Квадратный фрейм: ПАДДИНГ ДЛЯ ФОТО + закругления по контуру + неоновая анимация ТОЛЬКО на фрейме */
  .rz-case__frame{
    position:relative; border-radius:var(--rz-r); overflow:hidden;
    aspect-ratio: 1 / 1;
    padding: var(--rz-pad);                          /* внутренний отступ для фото */
    background:
      radial-gradient(40% 60% at 60% 40%, rgba(255,255,255,.06), transparent 70%),
      repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 12px),
      color-mix(in oklab, var(--rz-dark) 78%, black);
    border:1px solid rgba(135,139,141,.35);         /* базовый контур по радиусу */
    box-shadow: 0 6px 16px rgba(0,0,0,.28);

    /* Неоновое «включение» — анимация на самом фрейме (повторяет радиус) */
    animation: rz-frame-neon 1.00s ease-out both;
    animation-timeline: --rz-cases-tl;
    animation-range: entry 60% cover 30%;
    animation-delay: calc(var(--d, 0s) + .10s);
  }
  /* Неоновое свечение: строго по радиусу фрейма */
  @keyframes rz-frame-neon{
    0%   { box-shadow: 0 6px 16px rgba(0,0,0,.28); }
    35%  { box-shadow: 0 0 0 1px rgba(255,102,0,.35) inset, 0 0 18px rgba(255,102,0,.25), 0 6px 16px rgba(0,0,0,.28); }
    70%  { box-shadow: 0 0 0 1px rgba(255,102,0,.50) inset, 0 0 26px rgba(255,102,0,.32), 0 6px 16px rgba(0,0,0,.28); }
    100% { box-shadow: 0 0 0 1px rgba(255,102,0,.42) inset, 0 0 22px rgba(255,102,0,.28), 0 6px 16px rgba(0,0,0,.28); }
  }

  /* Дополнительная тонкая лазерная окантовка (строго по контуру) */
  .rz-case__frame::before{
    content:""; position:absolute; inset:0; border-radius:var(--rz-r);
    pointer-events:none; mix-blend-mode:screen;
    border:1px solid rgba(255,102,0,.38);
    opacity:.0; transition:opacity .25s ease;
  }
  .rz-case__frame:hover::before{ opacity:1; }

  /* Фото: видно целиком, с внутренним отступом и скруглениями внутри */
  .rz-case__img{
    width:100%; height:100%; object-fit: contain; display:block;
    background:#1f2226;
    border-radius: calc(var(--rz-r) - max(2px, var(--rz-pad) * .35)); /* плавное скругление внутри */
    padding: 0; /* сам img без внутренних отступов, отступ даёт фрейм */
  }

  /* Подпись: ПАДДИНГ ДЛЯ ТЕКСТА + аккуратная панель под фото */
  .rz-case__caption{
    font-size: clamp(14px, 1.8vw, 16px); line-height: 1.45;
    color: rgba(255,255,255,.96);
    padding: clamp(10px, 1.4vw, 12px) clamp(12px, 1.6vw, 14px); /* увеличены отступы */
    border-top: 1px solid rgba(135,139,141,.28);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
    border-radius: 10px; /* мягкое скругление панели подписи */
    text-wrap: pretty;
  }

  /* Адаптация колонок */
  @media (max-width:1100px){
    .rz-cases{ grid-template-columns: repeat(2, minmax(220px, 1fr)); }
    .rz-h2{ max-inline-size: min(66vw, 48ch); }
  }
  @media (max-width:720px){
    .rz-cases{ grid-template-columns: 1fr; }
    .rz-h2{ max-inline-size: 92vw; }
  }

  /* Fallback: без scroll/view timelines — проигрываем по времени с задержками */
  @supports not (animation-timeline: auto){
    .rz-case{ animation: rz-card-reveal 1.15s cubic-bezier(.22,.62,.2,1) both; animation-delay: var(--d, 0s); }
    .rz-case__frame{ animation: rz-frame-neon 1.00s ease-out both; animation-delay: calc(var(--d, 0s) + .10s); }
  }

  /* Доступность */
  @media (prefers-reduced-motion: reduce){
    .rz-case, .rz-case__frame{ animation:none !important; opacity:1; transform:none; filter:none; }
    .rz-case__frame::before{ opacity:.6; }
  }

:root{
    --rzp-dark:#303439;   /* тёмная сталь */
    --rzp-gray:#878B8D;   /* металлический серый */
    --rzp-accent:#FF6600; /* лазер */
    --rzp-white:#FFFFFF;
  }

  /* ===== Секция — тёмный контрастный фон ===== */
  .rzp-sec{
    position:relative; color:var(--rzp-white);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rzp-sec--pricing-dark{
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.82)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 18px),
      linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
      color-mix(in oklab, var(--rzp-dark) 60%, black);
    background-blend-mode: overlay, normal, normal, normal;
  }
  .rzp-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 20% 20%, color-mix(in oklab, var(--rzp-accent) 8%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 84% 72%, rgba(255,255,255,.05) 0%, transparent 60%);
    mix-blend-mode:screen;
  }
  .rzp-laser-accent{
    position:absolute; top: clamp(12px, 2.2vw, 24px); right: clamp(12px, 2.2vw, 24px);
    width: clamp(120px, 18vw, 280px); height: 2px; transform: rotate(-18deg);
    background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rzp-accent) 70%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28)); opacity:.30;
  }
  .rzp-container{ position:relative; z-index:1; width:min(1200px,92vw); margin:0 auto; padding: clamp(48px, 7vw, 96px) 0; }

  /* ===== H2 с «лазерным» reveal ===== */
  .rzp-h2{
    margin:0 0 clamp(16px,2.4vw,24px) 0;
    line-height:1.06; letter-spacing:-.01em;
    inline-size:fit-content; max-inline-size:min(50vw,48ch);
    position:relative; view-timeline-name: --rzp-h2-tl; view-timeline-axis:block;
  }
  .rzp-h2__reveal{
    display:inline; font-weight:800; font-size: clamp(24px, 4.8vw, 44px);
    color:transparent; background-image: linear-gradient(90deg, var(--rzp-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation: rzp-h2-reveal linear both; animation-timeline: --rzp-h2-tl; animation-range: entry 10% cover 40%;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  .rzp-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rzp-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rzp-accent) 84%, transparent), transparent);
    box-shadow: 0 0 8px var(--rzp-accent), 0 0 24px rgba(255,102,0,.45);
    opacity:0;
    animation: rzp-h2-scan linear both; animation-timeline: --rzp-h2-tl; animation-range: entry 10% cover 40%;
  }
  @keyframes rzp-h2-reveal{ to{ background-size:100% 100%; } }
  @keyframes rzp-h2-scan{ 0%{left:0%;opacity:1} 98%{left:100%;opacity:1} 100%{left:100%;opacity:0} }
  @supports not (animation-timeline: auto){ .rzp-h2__reveal{ background-size:100% 100% !important; } .rzp-h2::after{ opacity:0 !important; } }
  @media (prefers-reduced-motion: reduce){ .rzp-h2__reveal{ animation:none !important; background-size:100% 100%; } .rzp-h2::after{ animation:none !important; opacity:0; } }

  /* ===== Вводный текст ===== */
  .rzp-intro{
    margin:0 0 clamp(12px,2vw,18px) 0;
    font-size: clamp(15px,1.9vw,18px); line-height:1.55;
    color: rgba(255,255,255,.92);
    max-inline-size: min(60vw, 72ch);
    border-left:3px solid var(--rzp-accent);
    padding-left: clamp(12px,1.6vw,16px);
    background: linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,0));
  }

  /* ===== Табличный блок прайса ===== */
  .rzp-tablewrap{
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    border:1px solid rgba(135,139,141,.32);
    border-radius: 14px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.55) inset, 0 14px 28px rgba(0,0,0,.42);
    overflow:hidden;
  }
  .rzp-table{
    width:100%; table-layout: fixed; border-collapse: collapse; background: transparent; font-size:16px;
  }
  .rzp-table, .rzp-table *{ box-sizing:border-box; }
  .rzp-table thead th{
    text-align:center; font-weight:800; color:#fff; line-height:1.35;
    background:
      linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.50)),
      color-mix(in oklab, var(--rzp-dark) 56%, black);
    border:1px solid rgba(135,139,141,.58);
    padding: clamp(10px,1.2vw,14px) clamp(12px,1.6vw,16px);
    position:relative;
  }
  .rzp-thead-row{ position:relative; }
  .rzp-thead-row::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
    background: linear-gradient(90deg, transparent 0%, var(--rzp-accent) 50%, transparent 100%);
    background-size: 200% 100%;
    animation: rzp-head-scan 4s linear infinite;
    filter: drop-shadow(0 0 8px rgba(255,102,0,.35));
  }
  @keyframes rzp-head-scan{ to{ background-position: -200% 0; } }

  .rzp-table td{
    color:#fff; line-height:1.35;
    border:1px solid rgba(135,139,141,.36);
    padding: clamp(10px,1.1vw,14px) clamp(12px,1.6vw,16px);
    vertical-align:top;
    background: transparent;
  }

  /* Цена — «неоновая» плашка */
  .rzp-price{
    display:inline-block; padding: 6px 10px; border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,102,0,.22), rgba(255,102,0,.10));
    box-shadow: 0 0 0 1px rgba(255,102,0,.38) inset, 0 0 16px rgba(255,102,0,.20);
    font-weight:800; letter-spacing:.01em;
  }

  /* Плавное появление строк */
  .rzp-body{ view-timeline-name: --rzp-table-tl; view-timeline-axis: block; }
  .rzp-row{
    opacity:.0; transform: translateY(6px);
    animation: rzp-row-reveal .7s cubic-bezier(.22,.62,.2,1) both;
    animation-timeline: --rzp-table-tl; animation-range: entry 65% cover 30%;
  }
  .rzp-row:nth-child(1){ animation-delay: .00s; }
  .rzp-row:nth-child(2){ animation-delay: .05s; }
  .rzp-row:nth-child(3){ animation-delay: .10s; }
  .rzp-row:nth-child(4){ animation-delay: .15s; }
  .rzp-row:nth-child(5){ animation-delay: .20s; }
  @keyframes rzp-row-reveal{ to{ opacity:1; transform:none; } }

  /* Hover строки — «лазерная шторка» */
  .rzp-row:hover td{
    background: linear-gradient(90deg, rgba(255,102,0,.12) 0%, transparent 35%) no-repeat;
    background-size: 0% 100%;
    animation: rzp-cell-sweep .6s ease-out forwards;
  }
  @keyframes rzp-cell-sweep{ to{ background-size:100% 100%; } }

  /* ===== CTA ===== */
  .rzp-cta-wrap{
    display:flex; align-items:center; gap: clamp(12px, 2vw, 18px);
    margin-top: clamp(16px, 2.6vw, 24px);
    flex-wrap:wrap;
  }
  .rzp-cta{
    position:relative; display:inline-block;
    padding: 12px 18px; border-radius: 12px; font-weight:800; text-decoration:none;
    color:#fff; letter-spacing:.02em;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border:1px solid rgba(255,102,0,.55);
    box-shadow: 0 0 0 1px rgba(255,102,0,.38) inset, 0 0 18px rgba(255,102,0,.22);
    overflow:hidden;
  }
  .rzp-cta::after{
    content:""; position:absolute; inset:0; border-radius:12px; pointer-events:none;
    background: linear-gradient(90deg, transparent 0%, rgba(255,102,0,.35) 50%, transparent 100%);
    background-size: 200% 100%; opacity:.0;
    animation: rzp-cta-scan 1.6s ease-out infinite;
  }
  .rzp-cta:hover::after{ opacity:.85; }
  @keyframes rzp-cta-scan{ to{ background-position: -200% 0; } }

  .rzp-note{ color: rgba(255,255,255,.72); font-size: 13px; line-height:1.5; }

  /* ===== Мобильная адаптация: таблица → карточки ===== */
  @media (max-width: 760px){
    .rzp-h2{ max-inline-size: 92vw; }
    .rzp-intro{ max-inline-size: 92vw; }
    .rzp-table thead{ display:none; }
    .rzp-table, .rzp-table tbody, .rzp-table tr, .rzp-table td{ display:block; width:100%; }
    .rzp-table tr{
      border:1px solid rgba(135,139,141,.30);
      border-radius: 14px; margin: clamp(10px,2.2vw,14px);
      background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      overflow:hidden;
      box-shadow: 0 6px 16px rgba(0,0,0,.40);
    }
    .rzp-table td{
      border:0; border-top:1px solid rgba(135,139,141,.28);
      padding: clamp(12px, 1.8vw, 16px) clamp(14px, 2.2vw, 18px);
    }
    .rzp-table td:first-child{ border-top:0; }
    .rzp-table td::before{
      content: attr(data-label);
      display:block; font-weight:600; color: rgba(255,255,255,.75);
      margin-bottom:4px; letter-spacing:.01em;
    }
    .rzp-price{ display:inline-block; }
  }

  /* Доступность */
  @media (prefers-reduced-motion: reduce){
    .rzp-h2__reveal, .rzp-h2::after, .rzp-row, .rzp-row:hover td, .rzp-cta::after{
      animation:none !important; opacity:1; transform:none;
    }
  }

.rzc-cta2{
    --c2-bg:#14181d; --c2-card:#1b2026; --c2-brd:#2a3138;
    --c2-text:#e8e9ec; --c2-dim:#bac2cd; --c2-muted:#97A0AB;
    --c2-accent:#FF6A00; --c2-focus:rgba(255,106,0,.25);
    --max-blue:#45c8f5;
    --max-violet:#9338f0;

    font-family:"Manrope","Rubik",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--c2-text);
    background:
      radial-gradient(100% 100% at 50% 0%, rgba(255,106,0,.08) 0%, transparent 50%),
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.9)),
      var(--c2-bg);
    padding: 50px 0;
  }
  .rzc-cta2__wrap{
    width:min(980px,92vw); margin:0 auto; text-align:center;
    border:1px solid var(--c2-brd); border-radius:16px;
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), var(--c2-card);
    box-shadow: 0 0 0 1px rgba(0,0,0,.55) inset, 0 16px 34px rgba(0,0,0,.35);
    padding: clamp(18px,3.2vw,28px) clamp(14px,2.6vw,24px);
  }
  .rzc-cta2__title{ margin:0 0 .35em; font-weight:800; letter-spacing:-.01em; line-height:1.12; font-size: clamp(22px, 4.6vw, 40px); }
  .rzc-cta2__lead{ margin:0 auto 1em; max-width:70ch; line-height:1.65; color:var(--c2-dim); border-left:3px solid var(--c2-accent); padding-left:12px; text-align:left; display:inline-block; }

  .rzc-cta2__contacts{
    display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px;
    list-style:none; padding:0; margin: 0 0 16px 0;
  }
  .rzc-cta2__contacts li{ display:flex; align-items:center; gap:8px; color:var(--c2-text); }
  .rzc-cta2__contacts a{ color:var(--c2-text); text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.28); }
  .rzc-cta2__contacts a:hover{ border-color: rgba(255,106,0,.65); }

  .rzc-cta2__btns{
    display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center;
    margin: 8px 0 6px 0;
  }

  .rzc-cta2__button :where(button, .button, a, .wp-element-button){
    display:inline-block;
    background: linear-gradient(180deg, rgba(255,166,108,.15), rgba(255,106,0,.12)), var(--c2-accent) !important;
    color:#fff !important;
    border:1px solid rgba(255,166,108,.5) !important;
    border-radius:14px !important;
    padding:15px 24px !important;
    font-weight:800 !important;
    font-size: clamp(14px,1.9vw,16px) !important;
    letter-spacing:.02em !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow: 0 0 0 1px rgba(255,106,0,.45) inset, 0 6px 20px rgba(255,106,0,.25) !important;
    transition: box-shadow .18s ease, transform .06s ease, border-color .18s ease !important;
  }
  .rzc-cta2__button :where(button:hover, .button:hover, a:hover, .wp-element-button:hover){
    border-color: rgba(255,166,108,.8) !important; box-shadow: 0 0 0 1px rgba(255,106,0,.6) inset, 0 10px 22px rgba(255,106,0,.28) !important;
  }
  .rzc-cta2__button :where(button:active, .button:active, a:active, .wp-element-button:active){ transform: translateY(1px) !important; }

  .rzc-cta2__wa{
    display:inline-flex; align-items:center; gap:10px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border:1px solid rgba(109,110,255,.45);
    color:#fff; text-decoration:none;
    padding:14px 20px; border-radius:14px; font-weight:800; letter-spacing:.01em;
    box-shadow: 0 0 0 1px rgba(109,110,255,.25) inset, 0 6px 20px rgba(0,0,0,.25);
    transition: box-shadow .18s ease, transform .06s ease, border-color .18s ease;
  }
  .rzc-cta2__wa:hover{
    border-color: rgba(147,56,240,.78);
    box-shadow: 0 0 0 1px rgba(69,200,245,.35) inset, 0 10px 22px rgba(0,0,0,.28);
  }
  .rzc-cta2__wa-ic{
    width:18px; height:18px; display:block;
    filter: drop-shadow(0 0 6px rgba(77,126,247,.35));
  }

  .rzc-cta2__note{ display:block; margin-top:.7em; color:var(--c2-muted); font-size:13.5px; }

  .rzc-cta2 :where(.dsf-modal .modal-content, .modal .modal-content){
    background:#0f1216 !important; color:#f4f5f7 !important; border:1px solid #2a2f36 !important; border-radius:14px !important;
  }
  .rzc-cta2 :where(.dsf-modal input, .dsf-modal textarea, .dsf-modal select,
                   .modal input, .modal textarea, .modal select){
    background:#0f1216 !important; color:#f4f5f7 !important; border:1px solid #2a2f36 !important; border-radius:12px !important;
  }
  .rzc-cta2 :where(.dsf-modal input:focus, .dsf-modal textarea:focus, .dsf-modal select:focus,
                   .modal input:focus, .modal textarea:focus, .modal select:focus){
    border-color: var(--c2-accent) !important; box-shadow: 0 0 0 3px var(--c2-focus) !important;
  }

  .rzc-cta2 :where(.dsf-modal .button, .dsf-modal button[type="submit"], .modal .button, .modal button[type="submit"], .modal input[type="submit"]){
    background: linear-gradient(180deg, rgba(255,166,108,.15), rgba(255,106,0,.12)), var(--c2-accent) !important;
    color:#fff !important; border:1px solid rgba(255,166,108,.5) !important; border-radius:14px !important;
    padding: 15px 24px !important;
    font-size: clamp(14px,1.9vw,16px) !important;
    font-weight:800 !important;
    box-shadow: 0 0 0 1px rgba(255,106,0,.45) inset, 0 6px 20px rgba(255,106,0,.25) !important;
  }

  .rzc-cta2 :where(.dsf-modal .modal-close, .dsf-modal .close, .modal .modal-close, .modal .close, .mfp-close, .fancybox-close-small){
    position:absolute; top:10px; right:10px;
    width:36px; height:36px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.04) !important;
    border:1px solid #2a2f36 !important;
    border-radius:10px !important;
    color:#f4f5f7 !important;
    text-decoration:none !important;
    opacity:.9 !important;
    transition: transform .12s ease, opacity .12s ease, box-shadow .18s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,.35);
    font-size:18px !important; line-height:1 !important;
  }
  .rzc-cta2 :where(.dsf-modal .modal-close svg, .dsf-modal .close svg, .modal .modal-close svg, .modal .close svg, .mfp-close svg, .fancybox-close-small svg){
    width:18px !important; height:18px !important;
  }
  .rzc-cta2 :where(.dsf-modal .modal-close:hover, .dsf-modal .close:hover, .modal .modal-close:hover, .modal .close:hover, .mfp-close:hover, .fancybox-close-small:hover){
    opacity:1 !important; transform:translateY(-1px);
    box-shadow: 0 0 0 1px rgba(255,106,0,.35) inset, 0 8px 18px rgba(0,0,0,.45);
    border-color: rgba(255,166,108,.6) !important;
  }

:root{
    --rzs-dark:#303439;
    --rzs-gray:#878B8D;
    --rzs-accent:#FF6600;
    --rzs-white:#fff;
  }

  /* Секция — светлее для чередования */
  .rzs-sec{ position:relative; color:var(--rzs-white);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rzs-sec--flow{
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.50)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 18px),
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
      color-mix(in oklab, var(--rzs-dark) 84%, black);
    background-blend-mode:overlay,normal,normal,normal;
  }
  .rzs-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 20% 18%, color-mix(in oklab, var(--rzs-accent) 10%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 86% 64%, rgba(255,255,255,.08) 0%, transparent 60%);
    mix-blend-mode:screen;
  }
  .rzs-laser-accent{
    position:absolute; top: clamp(12px, 2.2vw, 24px); right: clamp(12px, 2.2vw, 24px);
    width: clamp(120px, 18vw, 280px); height: 2px; transform: rotate(-18deg);
    background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rzs-accent) 70%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28)); opacity:.34;
  }
  .rzs-container{ position:relative; z-index:1; width:min(1200px,92vw); margin:0 auto; padding: clamp(48px, 7vw, 96px) 0; }

  /* H2 — фирменный «лазер» */
  .rzs-h2{
    margin:0 0 clamp(12px,2.2vw,20px) 0; line-height:1.06; letter-spacing:-.01em;
    inline-size:fit-content; max-inline-size:min(50vw,48ch);
    position:relative; view-timeline-name:--rzs-h2-tl; view-timeline-axis:block;
  }
  .rzs-h2__reveal{
    display:inline; font-weight:800; font-size: clamp(24px, 4.8vw, 44px);
    color:transparent; background-image: linear-gradient(90deg, var(--rzs-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation: rzs-h2-reveal linear both;
    animation-timeline: --rzs-h2-tl;
    animation-range: entry 10% cover 40%;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  .rzs-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rzs-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rzs-accent) 84%, transparent), transparent);
    box-shadow: 0 0 8px var(--rzs-accent), 0 0 24px rgba(255,102,0,.45);
    opacity:0;
    animation: rzs-h2-scan linear both;
    animation-timeline: --rzs-h2-tl;
    animation-range: entry 10% cover 40%;
  }
  @keyframes rzs-h2-reveal{ to{ background-size:100% 100%; } }
  @keyframes rzs-h2-scan{ 0%{left:0%;opacity:1} 98%{left:100%;opacity:1} 100%{left:100%;opacity:0} }
  @supports not (animation-timeline: auto){
    .rzs-h2__reveal{ background-size:100% 100% !important; }
    .rzs-h2::after{ opacity:0 !important; }
  }
  @media (prefers-reduced-motion: reduce){
    .rzs-h2__reveal{ animation:none !important; background-size:100% 100%; }
    .rzs-h2::after{ animation:none !important; opacity:0; }
  }

  /* Подзаголовок */
  .rzs-lead{
    margin:0 0 clamp(18px, 2.4vw, 24px) 0;
    font-size: clamp(16px, 2vw, 20px);
    color: rgba(255,255,255,.92);
    border-left:3px solid var(--rzs-accent);
    padding-left: clamp(12px, 1.6vw, 16px);
    background: linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,0));
    max-inline-size: min(50vw, 64ch);
  }

  /* ===== Лестница: без вертикальных стоек ===== */
  .rzs-ladder{
    position:relative; list-style:none; padding:0; margin:0;
    display:grid; gap: clamp(14px, 2.2vw, 18px);
    view-timeline-name: --rzs-ladder-tl; view-timeline-axis: block;
    padding-left: clamp(38px, 5.4vw, 68px); /* место для «узла» и перекладины */
  }

  /* Шаг */
  .rzs-step{
    position:relative; display:grid; align-items:center;
    grid-template-columns: auto 1fr; column-gap: clamp(10px, 1.6vw, 16px);

    opacity:.0; transform: translateY(8px);
    animation: rzs-step-reveal .9s cubic-bezier(.22,.62,.2,1) both;
    animation-timeline: --rzs-ladder-tl; animation-range: entry 60% cover 30%;
  }
  .rzs-step:nth-child(1){ animation-delay: .00s; }
  .rzs-step:nth-child(2){ animation-delay: .08s; }
  .rzs-step:nth-child(3){ animation-delay: .16s; }
  .rzs-step:nth-child(4){ animation-delay: .24s; }
  .rzs-step:nth-child(5){ animation-delay: .32s; }
  .rzs-step:nth-child(6){ animation-delay: .40s; }
  .rzs-step:nth-child(7){ animation-delay: .48s; }
  @keyframes rzs-step-reveal{ to{ opacity:1; transform:none; } }

  /* Перекладина */
  .rzs-step::before{
    content:""; position:absolute;
    left: clamp(22px, 3.2vw, 34px);
    right: calc(100% - clamp(38px, 5.4vw, 68px));
    height:2px; top: 50%; transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
    box-shadow: 0 0 0 1px rgba(0,0,0,.35) inset;
  }
  .rzs-step:hover::before{
    background: linear-gradient(90deg, transparent, var(--rzs-accent) 50%, transparent) no-repeat;
    background-size: 0% 100%;
    animation: rzs-rung-scan .7s ease-out forwards;
    filter: drop-shadow(0 0 10px rgba(255,102,0,.35));
  }
  @keyframes rzs-rung-scan{ to{ background-size:100% 100%; } }

  /* «Узел»-точка */
  .rzs-step::after{
    content:""; position:absolute; 
    left: clamp(22px, 3.2vw, 34px); top: 50%; transform: translate(-50%, -50%);
    width:8px; height:8px; border-radius:50%;
    background: rgba(255,255,255,.16);
    box-shadow:
      0 0 0 2px rgba(135,139,141,.22) inset,
      0 0 8px rgba(255,102,0,.16);
    transition: box-shadow .25s ease, background-color .25s ease;
  }
  .rzs-step:hover::after{
    background: rgba(255,102,0,.22);
    box-shadow:
      0 0 0 2px rgba(255,102,0,.38) inset,
      0 0 12px rgba(255,102,0,.30);
  }

  /* Номер шага */
  .rzs-step__num{
    grid-column:1; align-self:center; justify-self:center;
    display:grid; place-items:center;
    width: clamp(34px, 5.2vw, 46px); height: clamp(34px, 5.2vw, 46px);
    border-radius: 12px;
    font-weight:800; font-size: clamp(14px, 2.2vw, 18px); letter-spacing:.02em;
    color: var(--rzs-white);
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:1px solid rgba(255,102,0,.45);
    box-shadow: 0 0 0 1px rgba(255,102,0,.32) inset, 0 0 18px rgba(255,102,0,.22);
    position:relative; z-index:1;
  }
  .rzs-step:hover .rzs-step__num{
    box-shadow: 0 0 0 1px rgba(255,102,0,.42) inset, 0 0 22px rgba(255,102,0,.30);
  }

  /* Плита шага */
  .rzs-step__body{
    grid-column:2; position:relative;
    padding: clamp(12px, 1.8vw, 16px) clamp(14px, 2vw, 20px);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border:1px solid rgba(135,139,141,.30);
    box-shadow: 0 0 0 1px rgba(0,0,0,.35) inset, 0 10px 20px rgba(0,0,0,.25);
    color: rgba(255,255,255,.98);
    line-height:1.55; overflow:hidden;
  }
  .rzs-step__body::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background: linear-gradient(90deg, transparent 0%, rgba(255,102,0,.18) 50%, transparent 100%);
    background-size: 0% 100%; opacity:.0;
  }
  .rzs-step:hover .rzs-step__body::after{
    opacity:1; animation: rzs-body-scan .9s ease-out forwards;
  }
  @keyframes rzs-body-scan{ to{ background-size: 100% 100%; } }

  /* Адаптация */
  @media (max-width: 860px){
    .rzs-h2{ max-inline-size: 92vw; }
    .rzs-lead{ max-inline-size: 92vw; }
    .rzs-ladder{ padding-left: clamp(30px, 7vw, 44px); }
    .rzs-step::before{ left: clamp(18px, 4.2vw, 28px); right: calc(100% - clamp(30px, 7vw, 44px)); }
    .rzs-step::after{ left: clamp(18px, 4.2vw, 28px); }
  }
  @media (max-width: 560px){
    .rzs-step__body{ font-size: 15px; }
  }

  /* Fallback */
  @supports not (animation-timeline: auto){
    .rzs-step{ animation: rzs-step-reveal .9s cubic-bezier(.22,.62,.2,1) both; }
    .rzs-step:nth-child(1){ animation-delay:.00s }
    .rzs-step:nth-child(2){ animation-delay:.08s }
    .rzs-step:nth-child(3){ animation-delay:.16s }
    .rzs-step:nth-child(4){ animation-delay:.24s }
    .rzs-step:nth-child(5){ animation-delay:.32s }
    .rzs-step:nth-child(6){ animation-delay:.40s }
    .rzs-step:nth-child(7){ animation-delay:.48s }
  }

  /* Доступность */
  @media (prefers-reduced-motion: reduce){
    .rzs-step{ animation:none !important; opacity:1; transform:none; }
    .rzs-step__body::after{ animation:none !important; }
  }

:root{
    --rzf-dark:#303439;   /* тёмная сталь */
    --rzf-gray:#878B8D;   /* металлический серый */
    --rzf-accent:#FF6600; /* лазер */
    --rzf-white:#fff;
  }

  /* ===== Секция: тёмная (контраст) ===== */
  .rzf-sec{ position:relative; color:var(--rzf-white);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rzf-sec--dark{
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.82)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 18px),
      linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
      color-mix(in oklab, var(--rzf-dark) 60%, black);
    background-blend-mode: overlay, normal, normal, normal;
  }
  .rzf-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 18% 20%, color-mix(in oklab, var(--rzf-accent) 8%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 86% 70%, rgba(255,255,255,.05) 0%, transparent 60%);
    mix-blend-mode:screen;
  }
  .rzf-laser-accent{
    position:absolute; top: clamp(12px, 2.2vw, 24px); right: clamp(12px, 2.2vw, 24px);
    width: clamp(120px, 18vw, 280px); height: 2px; transform: rotate(-18deg);
    background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rzf-accent) 70%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28)); opacity:.30;
  }

  .rzf-container{ position:relative; z-index:1; width:min(1200px,92vw); margin:0 auto; padding: clamp(48px, 7vw, 96px) 0; }

  /* ===== H2 — фирменный «лазерный» reveal (CSS-only) ===== */
  .rzf-h2{
    margin:0 0 clamp(16px,2.4vw,24px) 0;
    line-height:1.06; letter-spacing:-.01em;
    inline-size:fit-content; max-inline-size:min(50vw,48ch);
    position:relative;
    view-timeline-name: --rzf-h2-tl;   /* анимация заголовка — без влияния на видимость аккордеона */
    view-timeline-axis: block;
  }
  .rzf-h2__reveal{
    display:inline; font-weight:800; font-size: clamp(24px, 4.8vw, 44px);
    color:transparent; background-image: linear-gradient(90deg, var(--rzf-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation: rzf-h2-reveal linear both;
    animation-timeline: --rzf-h2-tl;
    animation-range: entry 10% cover 40%;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  .rzf-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rzf-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rzf-accent) 84%, transparent), transparent);
    box-shadow: 0 0 8px var(--rzf-accent), 0 0 24px rgba(255,102,0,.45);
    opacity:0;
    animation: rzf-h2-scan linear both;
    animation-timeline: --rzf-h2-tl;
    animation-range: entry 10% cover 40%;
  }
  @keyframes rzf-h2-reveal{ to{ background-size:100% 100%; } }
  @keyframes rzf-h2-scan{ 0%{left:0%;opacity:1} 98%{left:100%;opacity:1} 100%{left:100%;opacity:0} }
  @supports not (animation-timeline: auto){
    .rzf-h2__reveal{ background-size:100% 100% !important; }
    .rzf-h2::after{ opacity:0 !important; }
  }
  @media (prefers-reduced-motion: reduce){
    .rzf-h2__reveal{ animation:none !important; background-size:100% 100%; }
    .rzf-h2::after{ animation:none !important; opacity:0; }
  }

  /* ===== FAQ: аккордеон — ВИДЕН СРАЗУ ===== */
  .rzf-accordion{
    display:grid; gap: clamp(10px, 1.8vw, 16px);
    max-inline-size: 980px;
    opacity:1; transform:none; /* ключ — никаких условий видимости */
  }

  .rzf-item{
    border:1px solid rgba(135,139,141,.32);
    border-radius:14px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    box-shadow: 0 0 0 1px rgba(0,0,0,.45) inset, 0 10px 20px rgba(0,0,0,.30);
    overflow:hidden;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
  }
  .rzf-item[open]{
    border-color: color-mix(in oklab, var(--rzf-gray) 40%, var(--rzf-accent) 60%);
    box-shadow: 0 0 0 1px rgba(255,102,0,.35) inset, 0 12px 26px rgba(0,0,0,.34);
  }

  .rzf-q{
    cursor:pointer; list-style:none; position:relative;
    display:grid; grid-template-columns: 1fr auto; align-items:center;
    padding: clamp(12px, 1.8vw, 16px) clamp(14px, 2vw, 20px);
    gap: 12px; user-select:none;
  }
  .rzf-q::-webkit-details-marker{ display:none; }

  .rzf-q__text{
    font-weight:800; letter-spacing:.01em;
    font-size: clamp(16px, 2.2vw, 20px);
    color: rgba(255,255,255,.98);
    position:relative;
  }
  .rzf-q__text::after{
    content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px;
    background: linear-gradient(90deg, transparent 0%, var(--rzf-accent) 50%, transparent 100%);
    background-size: 0% 100%; opacity:.0;
    filter: drop-shadow(0 0 8px rgba(255,102,0,.35));
    transition: opacity .2s ease;
  }
  .rzf-item:hover .rzf-q__text::after{ opacity:.9; animation: rzf-sweep .7s ease-out forwards; }
  .rzf-item[open] .rzf-q__text::after{ opacity:.9; animation: rzf-sweep .9s ease-out forwards; }
  @keyframes rzf-sweep{ to{ background-size: 100% 100%; } }

  .rzf-q__icon{
    inline-size:14px; block-size:14px; position:relative; transform: rotate(0deg);
    transition: transform .35s cubic-bezier(.22,.62,.2,1), filter .25s ease;
    filter: drop-shadow(0 0 6px rgba(255,102,0,.24));
  }
  .rzf-q__icon::before,
  .rzf-q__icon::after{
    content:""; position:absolute; inset:0; margin:auto;
    background: var(--rzf-accent); border-radius:2px;
  }
  .rzf-q__icon::before{ width:14px; height:2px; transform: translateY(-3px); }
  .rzf-q__icon::after { width:14px; height:2px; transform: rotate(90deg) translateX(3px); }
  .rzf-item[open] .rzf-q__icon{ transform: rotate(45deg); }

  .rzf-a{
    padding: clamp(10px, 1.6vw, 16px) clamp(14px, 2vw, 20px) clamp(14px, 2.2vw, 20px);
    color: rgba(255,255,255,.94);
    font-size: clamp(15px, 1.9vw, 18px);
    line-height:1.6;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    border-top:1px solid rgba(135,139,141,.26);
    opacity:0; transform: translateY(4px);
    transition: opacity .25s ease, transform .25s ease;
  }
  .rzf-item[open] .rzf-a{ opacity:1; transform:none; }

  /* Доступность */
  .rzf-q:focus-visible{
    outline:2px dashed color-mix(in oklab, var(--rzf-accent) 80%, white);
    outline-offset:4px; border-radius:8px;
  }
  @media (prefers-reduced-motion: reduce){
    .rzf-h2__reveal, .rzf-h2::after{ animation:none !important; }
    .rzf-q__text::after{ animation:none !important; background-size:100% 100%; opacity:.6; }
    .rzf-a{ transition:none; opacity:1; transform:none; }
  }

:root{
    --rinf-dark:#303439;   /* тёмная сталь */
    --rinf-gray:#878B8D;   /* металлический серый */
    --rinf-accent:#FF6600; /* лазер */
    --rinf-white:#fff;
  }

  /* ===== Секция: светлее для контраста с тёмными блоками ===== */
  .rinf-sec{ position:relative; color:var(--rinf-white);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rinf-sec--light{
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.52)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 18px),
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
      color-mix(in oklab, var(--rinf-dark) 82%, black);
    background-blend-mode: overlay, normal, normal, normal;
  }
  .rinf-sec__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(900px 420px at 18% 24%, color-mix(in oklab, var(--rinf-accent) 10%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 86% 70%, rgba(255,255,255,.08) 0%, transparent 60%);
    mix-blend-mode:screen;
  }
  .rinf-laser-accent{
    position:absolute; top: clamp(12px, 2.2vw, 24px); right: clamp(12px, 2.2vw, 24px);
    width: clamp(120px, 18vw, 280px); height: 2px; transform: rotate(-18deg);
    background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rinf-accent) 70%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28)); opacity:.36;
  }

  .rinf-container{ position:relative; z-index:1; width:min(1200px,92vw); margin:0 auto; padding: clamp(48px, 7vw, 96px) 0; }

  /* ===== H2 — «лазерный» reveal (CSS-only) ===== */
  .rinf-h2{
    margin:0 0 clamp(16px,2.4vw,24px) 0;
    line-height:1.06; letter-spacing:-.01em;
    inline-size:fit-content; max-inline-size:min(50vw,48ch);
    position:relative; view-timeline-name: --rinf-h2-tl; view-timeline-axis:block;
  }
  .rinf-h2__reveal{
    display:inline; font-weight:800; font-size: clamp(24px, 4.8vw, 44px);
    color:transparent; background-image: linear-gradient(90deg, var(--rinf-white) 0 0);
    background-repeat:no-repeat; background-size:0% 100%;
    -webkit-background-clip:text; background-clip:text;
    animation: rinf-h2-reveal linear both; animation-timeline: --rinf-h2-tl; animation-range: entry 10% cover 40%;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  .rinf-h2::after{
    content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
    background:
      radial-gradient(10px 80% at 50% 50%, var(--rinf-accent) 0 40%, transparent 70%),
      linear-gradient(180deg, color-mix(in oklab, var(--rinf-accent) 84%, transparent), transparent);
    box-shadow: 0 0 8px var(--rinf-accent), 0 0 24px rgba(255,102,0,.45);
    opacity:0; animation: rinf-h2-scan linear both; animation-timeline: --rinf-h2-tl; animation-range: entry 10% cover 40%;
  }
  @keyframes rinf-h2-reveal{ to{ background-size:100% 100%; } }
  @keyframes rinf-h2-scan{ 0%{left:0%;opacity:1} 98%{left:100%;opacity:1} 100%{left:100%;opacity:0} }
  @supports not (animation-timeline: auto){
    .rinf-h2__reveal{ background-size:100% 100% !important; }
    .rinf-h2::after{ opacity:0 !important; }
  }
  @media (prefers-reduced-motion: reduce){
    .rinf-h2__reveal{ animation:none !important; background-size:100% 100%; }
    .rinf-h2::after{ animation:none !important; opacity:0; }
  }

  /* ===== Текст с коллапсом (~30% видно) ===== */
  .rinf-article{ position:relative; }

  .rinf-body{
    --rinf-collapsed-h: min(30vh, 420px);
    position:relative;
    max-inline-size: 82ch;
    font-size: clamp(15px, 1.95vw, 18px);
    line-height: 1.7; color: rgba(255,255,255,.96);
    margin: 0;

    max-block-size: var(--rinf-collapsed-h);
    overflow: hidden;
  }

  .rinf-body::after{
    content:""; position:absolute; inset-inline:0; bottom:0; height: 28%;
    background:
      linear-gradient(180deg, rgba(48,52,57,0) 0%, rgba(48,52,57,.85) 70%, rgba(48,52,57,1) 100%),
      radial-gradient(40% 60% at 60% 30%, rgba(255,102,0,.08), transparent 70%);
    pointer-events:none;
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 40%);
    mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 40%);
  }

  .rinf-ul{
    list-style: disc;
    padding-left: 1.2em;
    margin: .6em 0 1em 0;
  }
  .rinf-ul li{ margin: .2em 0; }

  /* ===== Кнопка: «Читать полностью / Свернуть» со стрелкой вниз/вверх ===== */
  .rinf-toggle-btn{
    display:inline-grid; grid-auto-flow:column; align-items:center; gap:.6em;
    margin-top: clamp(12px, 2vw, 16px);
    padding: 11px 14px; border-radius: 12px;
    font-weight:800; letter-spacing:.01em; cursor:pointer; user-select:none;
    color:#fff; text-decoration:none;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border:1px solid rgba(255,102,0,.55);
    box-shadow: 0 0 0 1px rgba(255,102,0,.38) inset, 0 0 18px rgba(255,102,0,.22);
    position:relative; overflow:hidden;
  }
  .rinf-toggle-btn::after{
    content:""; position:absolute; inset:0; border-radius:12px; pointer-events:none;
    background: linear-gradient(90deg, transparent 0%, rgba(255,102,0,.34) 50%, transparent 100%);
    background-size: 200% 100%; opacity:.0;
    animation: rinf-btn-scan 1.8s ease-out infinite;
  }
  .rinf-toggle-btn:hover::after{ opacity:.9; }
  @keyframes rinf-btn-scan{ to{ background-position: -200% 0; } }

  .rinf-toggle-btn__txt{ display:inline-block; }
  .rinf-toggle-btn__txt--less{ display:none; }

  /* Иконка-стрелка: вниз (треугольник), при развороте — вверх */
  .rinf-toggle-btn__icon{
    inline-size: 0; block-size: 0; position:relative;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid var(--rinf-accent);   /* ↓ вниз */
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28));
    transition: transform .25s ease, filter .25s ease, border-color .25s ease;
  }
  .rinf-toggle-btn:hover .rinf-toggle-btn__icon{
    filter: drop-shadow(0 0 10px rgba(255,102,0,.45));
  }

  /* Состояние «раскрыто»: стрелка вверх */
  .rinf-toggle:checked ~ .rinf-article .rinf-toggle-btn__icon{
    border-top: 0;
    border-bottom: 9px solid var(--rinf-accent); /* ↑ вверх */
    filter: drop-shadow(0 0 10px rgba(255,102,0,.45));
  }

  /* ===== Состояние «раскрыто» ===== */
  .rinf-toggle:checked ~ .rinf-article .rinf-body{
    max-block-size: none; overflow: visible;
  }
  .rinf-toggle:checked ~ .rinf-article .rinf-body::after{ display:none; }

  .rinf-toggle:checked ~ .rinf-article .rinf-toggle-btn__txt--more{ display:none; }
  .rinf-toggle:checked ~ .rinf-article .rinf-toggle-btn__txt--less{ display:inline-block; }

  /* Адаптация */
  @media (max-width: 860px){
    .rinf-h2{ max-inline-size: 92vw; }
    .rinf-body{ max-inline-size: 92vw; }
  }

  /* Предпочтение «меньше анимаций» */
  @media (prefers-reduced-motion: reduce){
    .rinf-h2__reveal, .rinf-h2::after, .rinf-toggle-btn::after{
      animation:none !important;
    }
  }

.rzc-cta2{
    --c2-bg:#14181d; --c2-card:#1b2026; --c2-brd:#2a3138;
    --c2-text:#e8e9ec; --c2-dim:#bac2cd; --c2-muted:#97A0AB;
    --c2-accent:#FF6A00; --c2-focus:rgba(255,106,0,.25);
    --max-blue:#45c8f5;
    --max-violet:#9338f0;

    font-family:"Manrope","Rubik",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--c2-text);
    background:
      radial-gradient(100% 100% at 50% 0%, rgba(255,106,0,.08) 0%, transparent 50%),
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.9)),
      var(--c2-bg);
    padding: 50px 0;
  }
  .rzc-cta2__wrap{
    width:min(980px,92vw); margin:0 auto; text-align:center;
    border:1px solid var(--c2-brd); border-radius:16px;
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), var(--c2-card);
    box-shadow: 0 0 0 1px rgba(0,0,0,.55) inset, 0 16px 34px rgba(0,0,0,.35);
    padding: clamp(18px,3.2vw,28px) clamp(14px,2.6vw,24px);
  }
  .rzc-cta2__title{ margin:0 0 .35em; font-weight:800; letter-spacing:-.01em; line-height:1.12; font-size: clamp(22px, 4.6vw, 40px); }
  .rzc-cta2__lead{ margin:0 auto 1em; max-width:70ch; line-height:1.65; color:var(--c2-dim); border-left:3px solid var(--c2-accent); padding-left:12px; text-align:left; display:inline-block; }

  .rzc-cta2__contacts{
    display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px;
    list-style:none; padding:0; margin: 0 0 16px 0;
  }
  .rzc-cta2__contacts li{ display:flex; align-items:center; gap:8px; color:var(--c2-text); }
  .rzc-cta2__contacts a{ color:var(--c2-text); text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.28); }
  .rzc-cta2__contacts a:hover{ border-color: rgba(255,106,0,.65); }

  .rzc-cta2__btns{
    display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center;
    margin: 8px 0 6px 0;
  }

  .rzc-cta2__button :where(button, .button, a, .wp-element-button){
    display:inline-block;
    background: linear-gradient(180deg, rgba(255,166,108,.15), rgba(255,106,0,.12)), var(--c2-accent) !important;
    color:#fff !important;
    border:1px solid rgba(255,166,108,.5) !important;
    border-radius:14px !important;
    padding:15px 24px !important;
    font-weight:800 !important;
    font-size: clamp(14px,1.9vw,16px) !important;
    letter-spacing:.02em !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow: 0 0 0 1px rgba(255,106,0,.45) inset, 0 6px 20px rgba(255,106,0,.25) !important;
    transition: box-shadow .18s ease, transform .06s ease, border-color .18s ease !important;
  }
  .rzc-cta2__button :where(button:hover, .button:hover, a:hover, .wp-element-button:hover){
    border-color: rgba(255,166,108,.8) !important; box-shadow: 0 0 0 1px rgba(255,106,0,.6) inset, 0 10px 22px rgba(255,106,0,.28) !important;
  }
  .rzc-cta2__button :where(button:active, .button:active, a:active, .wp-element-button:active){ transform: translateY(1px) !important; }

  .rzc-cta2__wa{
    display:inline-flex; align-items:center; gap:10px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border:1px solid rgba(109,110,255,.45);
    color:#fff; text-decoration:none;
    padding:14px 20px; border-radius:14px; font-weight:800; letter-spacing:.01em;
    box-shadow: 0 0 0 1px rgba(109,110,255,.25) inset, 0 6px 20px rgba(0,0,0,.25);
    transition: box-shadow .18s ease, transform .06s ease, border-color .18s ease;
  }
  .rzc-cta2__wa:hover{
    border-color: rgba(147,56,240,.78);
    box-shadow: 0 0 0 1px rgba(69,200,245,.35) inset, 0 10px 22px rgba(0,0,0,.28);
  }
  .rzc-cta2__wa-ic{
    width:18px; height:18px; display:block;
    filter: drop-shadow(0 0 6px rgba(77,126,247,.35));
  }

  .rzc-cta2__note{ display:block; margin-top:.7em; color:var(--c2-muted); font-size:13.5px; }

  .rzc-cta2 :where(.dsf-modal .modal-content, .modal .modal-content){
    background:#0f1216 !important; color:#f4f5f7 !important; border:1px solid #2a2f36 !important; border-radius:14px !important;
  }
  .rzc-cta2 :where(.dsf-modal input, .dsf-modal textarea, .dsf-modal select,
                   .modal input, .modal textarea, .modal select){
    background:#0f1216 !important; color:#f4f5f7 !important; border:1px solid #2a2f36 !important; border-radius:12px !important;
  }
  .rzc-cta2 :where(.dsf-modal input:focus, .dsf-modal textarea:focus, .dsf-modal select:focus,
                   .modal input:focus, .modal textarea:focus, .modal select:focus){
    border-color: var(--c2-accent) !important; box-shadow: 0 0 0 3px var(--c2-focus) !important;
  }

  .rzc-cta2 :where(.dsf-modal .button, .dsf-modal button[type="submit"], .modal .button, .modal button[type="submit"], .modal input[type="submit"]){
    background: linear-gradient(180deg, rgba(255,166,108,.15), rgba(255,106,0,.12)), var(--c2-accent) !important;
    color:#fff !important; border:1px solid rgba(255,166,108,.5) !important; border-radius:14px !important;
    padding: 15px 24px !important;
    font-size: clamp(14px,1.9vw,16px) !important;
    font-weight:800 !important;
    box-shadow: 0 0 0 1px rgba(255,106,0,.45) inset, 0 6px 20px rgba(255,106,0,.25) !important;
  }

  .rzc-cta2 :where(.dsf-modal .modal-close, .dsf-modal .close, .modal .modal-close, .modal .close, .mfp-close, .fancybox-close-small){
    position:absolute; top:10px; right:10px;
    width:36px; height:36px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.04) !important;
    border:1px solid #2a2f36 !important;
    border-radius:10px !important;
    color:#f4f5f7 !important;
    text-decoration:none !important;
    opacity:.9 !important;
    transition: transform .12s ease, opacity .12s ease, box-shadow .18s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,.35);
    font-size:18px !important; line-height:1 !important;
  }
  .rzc-cta2 :where(.dsf-modal .modal-close svg, .dsf-modal .close svg, .modal .modal-close svg, .modal .close svg, .mfp-close svg, .fancybox-close-small svg){
    width:18px !important; height:18px !important;
  }
  .rzc-cta2 :where(.dsf-modal .modal-close:hover, .dsf-modal .close:hover, .modal .modal-close:hover, .modal .close:hover, .mfp-close:hover, .fancybox-close-small:hover){
    opacity:1 !important; transform:translateY(-1px);
    box-shadow: 0 0 0 1px rgba(255,106,0,.35) inset, 0 8px 18px rgba(0,0,0,.45);
    border-color: rgba(255,166,108,.6) !important;
  }