
  

  

  
  .hero-usluga{ padding-block:clamp(2.5rem,5vw,4.25rem) clamp(3rem,6vw,4.75rem); }
  .hero-grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
  .hero-copy .lede{ margin-top:1.35rem; font-size:var(--fs-17); color:var(--on-dark); max-width:52ch; }
  .hero-actions{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2rem; }
  .hero-note{ margin-top:1.1rem; font-size:var(--fs-14); color:var(--on-dark-dim); }
  .hero-note a{ color:var(--on-dark-strong); border-bottom:1px solid var(--dark-line); padding-block:.35rem; }
  
  .hero-form{ position:relative; }

  
  .facts-plate{ max-width:880px; background:var(--plate-grad);
    border:1px solid var(--line-strong); border-radius:var(--radius);
    box-shadow:var(--shadow-card); padding:.4rem 1.75rem; }
  table.facts{ width:100%; border-collapse:collapse; }
  .facts tr:not(:last-child){ border-bottom:1px solid var(--line); }
  .facts th{ text-align:left; vertical-align:top; width:37%;
    padding:.95rem 1.5rem .95rem 0; font-weight:500; font-size:var(--fs-15); color:var(--muted); }
  .facts td{ padding:.95rem 0; font-size:var(--fs-15); color:var(--ink-700); }
  .facts td b{ color:var(--ink); font-weight:700; }
  .pending{ color:var(--faint); } 
  .facts-note{ margin-top:1.1rem; font-size:var(--fs-13); color:var(--faint); max-width:70ch; }
  .equip-title{ margin-top:2.4rem; font-size:var(--fs-16); }
  .equip-strip{ list-style:none; padding:0; margin:.9rem 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
  .equip-strip li{ padding:.9rem 1rem; background:var(--plate-grad); border:1px solid var(--line-strong);
    border-left:3px solid var(--accent); box-shadow:var(--shadow-card); display:flex; flex-direction:column; gap:.3rem; }
  .equip-strip b{ font-family:var(--ff-display); font-weight:800; font-size:var(--fs-16); color:var(--ink); line-height:1.15; }
  .equip-strip span{ font-size:var(--fs-13); color:var(--muted); line-height:1.4; }

  
  
  .vygody-watermark{ position:absolute; right:var(--pad-inline); top:-4.5rem;
    opacity:.6; pointer-events:none; z-index:0; }
  .vygody-wrap > .section-head{ padding-right:calc(170px + 1.5rem); }


  
  .steps-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; margin-top:.5rem; }
  .steps-row .laser-seam{ position:absolute; top:27px; left:calc(100%/8); right:calc(100%/8); z-index:0; }
  .steps-row .laser-seam::after{ animation-duration:9s; }
  .step{ position:relative; z-index:1; display:flex; flex-direction:column; gap:1rem;
    padding-inline:1.1rem; text-align:center; align-items:center; }
  .step-num{ width:54px; height:54px; border-radius:50%;
    background:var(--figure-grad); border:1px solid var(--line-strong);
    display:grid; place-items:center;
    font-family:var(--ff-display); font-weight:800; font-size:var(--fs-15); color:var(--ink); }
  .step h3{ font-size:var(--fs-16); }
  .step p{ font-size:var(--fs-15); color:var(--muted); max-width:26ch; }

  

  

  

  

  
  
  .prod-more{ margin-top:1.75rem; }
  .prod-more a{ font-size:var(--fs-15); font-weight:700; color:var(--ink);
    border-bottom:2px solid var(--accent); padding-bottom:.15rem;
    position:relative; display:inline-block; }
  .prod-more a::before{ content:""; position:absolute; left:-6px; right:-6px; top:-12px; bottom:-12px; } 

  

  

  

  
  @keyframes crawl-step{
    0%{ top:22px; opacity:0; }
    2%{ opacity:1; }
    31%{ opacity:1; }
    33.33%{ top:calc(100% + var(--steps-gap) + 22px); opacity:0; }
    100%{ top:calc(100% + var(--steps-gap) + 22px); opacity:0; }
  }

  
  @media (max-width:960px){
    .hero-grid{ grid-template-columns:1fr; }
    .vygody-watermark{ display:none; }
    .vygody-wrap > .section-head{ padding-right:0; }
    
    .steps-row{ --steps-gap:1.9rem; grid-template-columns:1fr; gap:var(--steps-gap) 0; }
    .steps-row .laser-seam{ display:none; }   
    .step{ display:grid; grid-template-columns:54px 1fr; column-gap:1.1rem; row-gap:.35rem; align-items:start; text-align:left; padding-inline:0; }
    .step-num{ grid-row:1 / span 2; }
    .step h3{ grid-column:2; align-self:end; padding-top:.35rem; }
    .step p{ grid-column:2; max-width:none; }
    .step:not(:last-child)::before{ content:""; position:absolute; z-index:-1; left:26px; top:27px; width:2px;
      height:calc(100% + var(--steps-gap)); background:var(--line-strong); }
    .step:not(:last-child)::after{ content:""; position:absolute; z-index:-1; left:22px; top:22px; width:10px; height:10px; border-radius:50%;
      background:var(--spark-grad); box-shadow:var(--spark-shadow); opacity:0; animation:crawl-step 9s linear infinite; }
    .step:nth-child(3)::after{ animation-delay:3s; }
    .step:nth-child(4)::after{ animation-delay:6s; }
    .equip-strip{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }

  }
  @media (max-width:360px){
    .equip-strip{ grid-template-columns:minmax(0,1fr); }   
  }
  @media (max-width:600px){
    .hero-actions .btn{ width:100%; }
    .hero-copy, .hero-form{ min-width:0; }
    .facts-plate{ padding:.15rem 1.1rem; }
    .facts tr{ display:block; padding-block:.8rem; }
    .facts th, .facts td{ display:block; width:auto; padding:0; }
    .facts th{ padding-bottom:.2rem; font-size:var(--fs-13); letter-spacing:.04em; }
    .facts td{ font-size:var(--fs-16); }
    
    
    .step p{ font-size:var(--fs-16); }
  }
