/* DSTRC CSS: post 130 | generated 2026-03-16 20:33:07 UTC */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Unbounded:wght@600;700&display=swap");

    .szn-hero{
      --ink:#1F2433; --muted:#6D758B; --line:#E8EEF5; --soft:#FAFCFE; --card:#FFFFFF;
      --laser-cyan:#00C2FF; --laser-violet:#7C3AED; --laser-pink:#FF3CAC; --accent:#2F86A6;
      position:relative; isolation:isolate; overflow:hidden; background:#fff; 
    }
    .szn-hero *{ box-sizing:border-box }

    
    .szn-blueprint{
      position:relative; 
      background:#0C1924 url('https://rezmetallov.ru/wp-content/uploads/2025/11/фон_резка-1.webp') center/cover no-repeat;
      color:var(--ink);
      z-index:0;
    }
    
    .szn-blueprint::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background:none; opacity:0; }
    
    .szn-blueprint::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background:none; opacity:0; }
    
    .szn-blueprint::after{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.45;
      background:
        
        radial-gradient(120% 80% at 10% 0%, rgba(124,58,237,.20), transparent 60%),
        radial-gradient(120% 80% at 110% 20%, rgba(0,194,255,.18), transparent 60%),
        linear-gradient(180deg, rgba(12,25,36,.25), rgba(12,25,36,.0)),
        
        linear-gradient(transparent 79px, rgba(255,255,255,.06) 80px),
        linear-gradient(90deg, transparent 79px, rgba(255,255,255,.06) 80px),
        
        linear-gradient(transparent 15px, rgba(255,255,255,.04) 16px),
        linear-gradient(90deg, transparent 15px, rgba(255,255,255,.04) 16px);
      background-size: 100% 100%, 100% 100%, 100% 100%, 100% 80px, 80px 100%, 100% 16px, 16px 100%;
      mix-blend-mode: multiply; 
    }

    
    .szn-wrap{ position:relative; z-index:1;  position:relative; z-index:2; max-width:1200px; margin-inline:auto; padding: clamp(24px, 6vw, 72px) 20px; }
    .szn-grid{ display:grid; gap:clamp(20px, 3vw, 40px); align-items:center; }
    @media (min-width:960px){ .szn-grid{ grid-template-columns: 1.1fr .9fr; } }

    
    .szn-brand{ display:inline-flex; align-items:center; gap:10px; padding:6px 10px; border:1px solid var(--line); border-radius:999px; background:var(--soft); font:600 12px/1.2 Inter, system-ui; color:var(--muted); }
    .szn-brand::before{ content:""; width:10px; height:10px; border-radius:50%; background: radial-gradient(circle at 30% 30%, var(--laser-cyan), var(--laser-violet)); box-shadow:0 0 0 3px rgba(0,194,255,.12); }

    
    #szn-hero-title{ font:700 clamp(26px, 4.4vw, 44px)/1.1 "Unbounded", system-ui; color:#EAF6FF; margin:14px 0 10px; letter-spacing:.2px; position:relative; white-space:normal; word-break:keep-all; overflow-wrap:normal; hyphens:none; }
    #szn-hero-title .word{ display:inline-block; white-space:nowrap; }
    #szn-hero-title .letter{ display:inline-block; opacity:0; transform: translateY(.35em) scale(.98); will-change:transform,opacity; background:linear-gradient(180deg,#D6CEFF 0%, #A88CFF 38%, #7A55E6 62%, #5B32C8 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
    
    #szn-hero-title .letter::before{ content:""; position:absolute; left:-12%; right:-12%; top:52%; height:2px; transform: translateY(-50%) scaleX(0); background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); filter: drop-shadow(0 0 6px rgba(255,255,255,.35)) drop-shadow(0 0 16px rgba(122,85,230,.18)); opacity:.55; }
    #szn-hero-title .letter::after{ content:""; position:absolute; inset:-6% -8% 50% -8%; transform: translateY(10%) scaleY(.6) scaleX(0); border-radius: 12px; background: radial-gradient(80% 100% at 50% 0%, rgba(255,255,255,.18), transparent 70%); mix-blend-mode: screen; opacity:.35; }

    @keyframes letterIn{ 0%{opacity:0; transform:translateY(.45em) scale(.96)} 60%{opacity:1; transform:translateY(-.02em) scale(1.02)} 100%{opacity:1; transform:translateY(0) scale(1)} }
    @keyframes laserSweep{ 0%{transform:translateY(-50%) scaleX(0)} 35%{transform:translateY(-50%) scaleX(1)} 100%{transform:translateY(-50%) scaleX(0)} }
    @keyframes glarePop{ 0%{transform:translateY(10%) scaleY(.6) scaleX(0); opacity:0} 30%{transform:translateY(0) scaleY(1) scaleX(1); opacity:.6} 100%{transform:translateY(0) scaleY(.8) scaleX(0); opacity:0} }
    .szn-animate-head #szn-hero-title .letter{ animation: letterIn .9s cubic-bezier(.22,.8,.2,1) both; --d:0ms; animation-delay:var(--d); }
    .szn-animate-head #szn-hero-title .letter::before{ animation: laserSweep .5s ease-out both; animation-delay: calc(var(--d) + 80ms); }
    .szn-animate-head #szn-hero-title .letter::after { animation: glarePop .6s ease-out .02s both; animation-delay: calc(var(--d) + 90ms); }

    
    .szn-sub{ font:400 clamp(15px, 1.8vw, 18px)/1.55 Inter, system-ui; color:#EAF6FF; opacity:.92; margin:0 0 16px; }

    
    .szn-chips{ display:flex; flex-wrap:wrap; gap:10px 12px; margin:0 0 18px; padding:0; list-style:none; }
    .szn-chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--line); background: linear-gradient(180deg,#fff, #F9FBFF); border-radius:12px; box-shadow:0 2px 10px rgba(10,20,40,.04); font:600 13px/1.2 Inter, system-ui; color:#2A3142; }
    .szn-chip svg{ width:16px; height:16px; flex:0 0 16px; }

    
    .szn-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:10px 0 8px; }
    .szn-btn{ --btn-pad:14px 18px; --btn-radius:14px; --btn-shadow: 0 6px 18px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.6); position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:var(--btn-pad); border-radius:var(--btn-radius); text-decoration:none; user-select:none; cursor:pointer; transition: transform .08s ease, box-shadow .2s ease; }
    .szn-btn-primary{ background:linear-gradient(90deg,#7C3AED,#00C2FF); color:#fff; border:1px solid rgba(124,58,237,.45);
      box-shadow:0 8px 22px rgba(124,58,237,.24), inset 0 1px 0 rgba(255,255,255,.55);
      transition: transform .08s ease, box-shadow .15s ease;
    }
    .szn-btn-primary::after{ content:""; position:absolute; inset:0; border-radius:inherit; background: radial-gradient(130% 110% at 12% 0%, rgba(255,255,255,.32), transparent 48%); pointer-events:none; mix-blend:screen; }
    .szn-btn-primary:hover{ transform: translateY(1px); box-shadow:0 4px 14px rgba(124,58,237,.22), inset 0 1px 0 rgba(255,255,255,.45); }
    .szn-btn-primary:active{ transform: translateY(2px); box-shadow: inset 0 3px 8px rgba(0,0,0,.25), inset 0 -1px 0 rgba(255,255,255,.2); }
    .szn-cta-note{ font:600 12px/1.2 Inter, system-ui; color:#CFE9F7; }

    
    .szn-wp-btn :is(a,button,input[type=submit]){ font:600 14px/1 Inter, system-ui !important; padding:12px 16px !important; border-radius:12px !important; border:1px solid rgba(124,58,237,.45) !important; background:linear-gradient(90deg,#7C3AED,#00C2FF) !important; color:#fff !important; box-shadow:0 6px 16px rgba(124,58,237,.28), inset 0 1px 0 rgba(255,255,255,.25) !important; cursor:pointer !important; display:inline-flex !important; align-items:center; gap:8px; text-decoration:none !important; }
    .szn-wp-btn :is(a,button,input[type=submit]):active{ transform: translateY(1px) }

    
    .szn-form-card{ position:relative; border:1px solid var(--line); background:var(--card); border-radius:16px; box-shadow:0 10px 30px rgba(10,20,40,.08); padding:16px; }
    .szn-form-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
    .szn-form-title{ font:700 16px/1.2 "Unbounded", system-ui; color:#0E1522; }
    .szn-form-hint{ font:600 12px/1.2 Inter, system-ui; color:#6D758B; }
    @media (max-width:959.98px){ .szn-form-card{ order:2; } }

    
    .szn-factors{ margin-top:14px; display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; color:#CFE9F7; font:600 12px/1.2 Inter, system-ui; }
    .szn-dot{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.28); display:inline-block; }

    
    @media (prefers-reduced-motion: reduce){ .szn-animate-head #szn-hero-title .letter, .szn-animate-head #szn-hero-title .letter::before, .szn-animate-head #szn-hero-title .letter::after{ animation:none } }

    
    @media (max-width:959.98px){ .szn-wrap{ padding-block: clamp(48px, 12vw, 96px); } }

.szn-overlay{ position:absolute; inset:0; z-index:0; pointer-events:none; }
    .szn-overlay{ opacity:1; background:
      
      linear-gradient(0deg, rgba(6,10,16,.62), rgba(6,10,16,.62)),
      
      radial-gradient(120% 90% at 8% 0%, rgba(124,58,237,.60), transparent 62%),
      radial-gradient(120% 90% at 110% 20%, rgba(0,194,255,.54), transparent 62%),
      linear-gradient(180deg, rgba(12,25,36,.70), rgba(12,25,36,.28)),
      
      linear-gradient(transparent 79px, rgba(255,255,255,.16) 80px),
      linear-gradient(90deg, transparent 79px, rgba(255,255,255,.16) 80px),
      linear-gradient(transparent 15px, rgba(255,255,255,.12) 16px),
      linear-gradient(90deg, transparent 15px, rgba(255,255,255,.12) 16px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 80px, 80px 100%, 100% 16px, 16px 100%; }

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Unbounded:wght@700&display=swap");

    .sznB10-prices{
      --ink:#1F2433; --muted:#6D758B; --line:#CBD7E7; --grid:#D9E3F0; --soft:#E6EDF6; --card:#FFFFFF;
      --laser-cyan:#00C2FF; --laser-violet:#7C3AED; --laser-pink:#FF3CAC;
      --brand1:#2F86A6; --brand1-700:#296F89;             
      --violet1:#8257E6; --violet1-700:#6E3BE4;           
      color:var(--ink); position:relative; isolation:isolate; overflow:hidden;
      background:
        repeating-linear-gradient(90deg, rgba(31,36,51,.085) 0 1px, rgba(31,36,51,0) 1px 9px),
        linear-gradient(180deg,#E9EEF6 0%, #E2E8F2 55%, #DDE6F1 100%);
      box-shadow:0 20px 50px rgba(10,20,40,.12);
    }
    .sznB10-prices *{ box-sizing:border-box }

    
    .sznB10-layers{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
    .sznB10-track{ position:absolute; left:-30%; width:160%; height:22px; animation: sznB10Sweep 6s linear infinite; animation-play-state:paused; }
    .sznB10-track.top{ top:3%; } .sznB10-track.bot{ bottom:3%; }
    .sznB10-line{
      position:absolute; inset:auto 0; top:50%; height:3px; transform:translateY(-50%);
      background:linear-gradient(90deg, transparent, var(--laser-cyan), var(--laser-violet), var(--laser-pink), transparent);
      filter: drop-shadow(0 0 10px rgba(124,58,237,.30)) drop-shadow(0 0 22px rgba(0,194,255,.22)); opacity:.9;
    }
    @keyframes sznB10Sweep{ 0%{transform:translateX(-10%) rotate(1.5deg)} 50%{transform:translateX(0) rotate(-1deg)} 100%{transform:translateX(-10%) rotate(1.5deg)} }

    
    .sznB10-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }
    .sznB10-brand{ display:inline-flex; align-items:center; gap:10px; padding:6px 10px; border:1px solid var(--line);
      border-radius:999px; background:#F1F5FB; font:600 12px/1.2 Inter; color:#2A3142; }
    .sznB10-brand::before{ content:""; width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, var(--laser-cyan), var(--laser-violet)); box-shadow:0 0 0 3px rgba(0,194,255,.12); }

    #sznB10-title{ font:700 clamp(22px,3.6vw,34px)/1.15 "Unbounded", system-ui; margin:12px 0 6px; }
    .sznB10-sub{ font:400 clamp(14px,1.8vw,17px)/1.6 Inter; color:#2A3142; margin:0 0 16px; }

    
    .sznB10-card{ border:1px solid var(--line); background:var(--card); border-radius:16px;
      box-shadow:0 8px 24px rgba(10,20,40,.08); padding:16px; display:grid; gap:12px; }
    .sznB10-ttl{ font:700 16px/1.2 "Unbounded", system-ui; margin:0 }

    .sznB10-table-wrap{ border:1px solid var(--line); border-radius:12px; }
    table.sznB10-table{
      width:100%; border-collapse:collapse; font:600 13px/1.5 Inter; color:#2A3142; background:#fff;
    }
    .sznB10-table thead th{
      text-align:left; padding:10px 12px; background:#F5F8FD; border:1px solid var(--grid); font:700 12px/1.2 Inter; white-space:nowrap;
    }
    .sznB10-table tbody td{
      padding:10px 12px; border:1px solid var(--grid); vertical-align:top; white-space:nowrap;
    }

    
    .sznB10-factors{ border:1px solid var(--line); background:#fff; border-radius:16px; box-shadow:0 6px 18px rgba(10,20,40,.06);
      padding:14px; margin-top:14px; }
    .sznB10-factors h3{ font:700 16px/1.2 "Unbounded", system-ui; margin:0 0 8px; }
    .sznB10-ul{ margin:0; padding-left:18px; }
    .sznB10-ul li{ margin:6px 0; font:600 13px/1.55 Inter; color:#2A3142; }

    .sznB10-cta-bottom{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
    .sznB10-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 16px;
      border-radius:12px; font:600 14px/1 Inter; text-decoration:none; cursor:pointer; border:1px solid transparent; }
    .sznB10-btn--excel{ color:#fff; background:linear-gradient(180deg,var(--brand1),var(--brand1-700)); border-color:rgba(47,134,166,.35);
      box-shadow:0 6px 16px rgba(47,134,166,.18), inset 0 1px 0 rgba(255,255,255,.45); }
    .sznB10-btn--violet{ color:#fff; background:linear-gradient(180deg,var(--violet1),var(--violet1-700)); border-color:rgba(124,58,237,.35);
      box-shadow:0 6px 16px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.45); }

    .sznB10-meta{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px 18px; font:600 12px/1.2 Inter; color:#6D758B; }

    
    @media (max-width: 959.98px){
      .sznB10-track.top{ top:0.5%; }
      .sznB10-track.bot{ bottom:0.5%; }
      .sznB10-wrap{ padding-block: clamp(48px, 12vw, 96px); }
    }
    @media (max-width: 740px){
      .sznB10-table-wrap{ border:none; border-radius:0; background:transparent; }
      .sznB10-table thead{ display:none; }
      .sznB10-table{ border-collapse:separate; border-spacing:0; }
      .sznB10-table tbody tr{
        display:block; margin:10px 0; border:1px solid var(--line); border-radius:12px; background:#fff;
        box-shadow:0 6px 14px rgba(10,20,40,.06); overflow:hidden;
      }
      .sznB10-table tbody td{
        display:grid; grid-template-columns: 1fr 1.6fr; align-items:start; gap:8px;
        padding:12px; border-top:1px solid var(--line); white-space:normal;
      }
      .sznB10-table tbody td:first-child{ border-top:none; }
      .sznB10-table tbody td::before{
        content: attr(data-th);
        font:700 12px/1.2 Inter, system-ui; color:#2A3142;
      }
      .sznB10-table tbody tr:nth-child(even){ background:#fff; }
    }

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Unbounded:wght@700&display=swap");

    .sznB15-article{
      --ink:#1F2433; --muted:#6D758B; --line:#E4EAF2; --soft:#F7FAFE; --card:#FFFFFF;
      --laser-cyan:#00C2FF; --laser-violet:#7C3AED; --laser-pink:#FF3CAC;
      --brand1:#2F86A6; --brand1-700:#296F89;
      color:var(--ink); position:relative; isolation:isolate; overflow:hidden;
      background:
        repeating-linear-gradient(90deg, rgba(31,36,51,.04) 0 1px, rgba(31,36,51,0) 1px 10px),
        linear-gradient(180deg,#FFFFFF 0%, #F6F9FD 55%, #EEF3F9 100%);
      box-shadow:0 20px 50px rgba(10,20,40,.10);
    }
    .sznB15-article *{ box-sizing:border-box }

    
    .sznB15-layers{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
    .sznB15-track{ position:absolute; left:-30%; width:160%; height:22px; animation: sznB15Sweep 6s linear infinite; animation-play-state:paused; }
    .sznB15-track.top{ top:3%; } .sznB15-track.bot{ bottom:3%; }
    .sznB15-line{
      position:absolute; left:0; right:0; top:50%; height:3px; transform:translateY(-50%);
      background:linear-gradient(90deg, transparent, var(--laser-cyan), var(--laser-violet), var(--laser-pink), transparent);
      filter: drop-shadow(0 0 10px rgba(124,58,237,.30)) drop-shadow(0 0 22px rgba(0,194,255,.22)); opacity:.9;
    }
    .sznB15-star{ position:absolute; top:50%; width:18px; height:18px; transform-origin:center;
      filter: drop-shadow(0 0 10px rgba(255,255,255,.85)) drop-shadow(0 0 22px rgba(124,58,237,.35)); }
    .sznB15-star.left{ left:0; transform:translate(-50%,-50%); animation: sznB15Star 1.2s ease-in-out infinite }
    .sznB15-star.right{ right:0; transform:translate(50%,-50%); animation: sznB15Star 1.2s ease-in-out infinite }

    @keyframes sznB15Sweep{ 0%{transform:translateX(-10%) rotate(1.5deg)} 50%{transform:translateX(0) rotate(-1deg)} 100%{transform:translateX(-10%) rotate(1.5deg)} }
    @keyframes sznB15Star{ 0%,100%{transform:translate(var(--side,-50%),-50%) scale(1)} 50%{transform:translate(var(--side,-50%),-50%) scale(1.18)} }

    
    .sznB15-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 72px) 20px; }
    #sznB15-title{ font:700 clamp(22px,3.6vw,34px)/1.15 "Unbounded", system-ui; margin:0 0 10px; }
    .sznB15-sub{ font:400 clamp(14px,1.8vw,17px)/1.6 Inter, system-ui; color:#2A3142; margin:0 0 18px; }

    .sznB15 h3{ font:700 16px/1.25 "Unbounded", system-ui; margin:16px 0 8px; }
    .sznB15 p{ font:600 13.5px/1.6 Inter, system-ui; margin:0 0 10px; color:#2A3142; }
    .sznB15 ul{ margin:0 0 12px 0; padding-left:18px; }
    .sznB15 li{ margin:6px 0; font:600 13.5px/1.6 Inter, system-ui; color:#2A3142; }

    
    .sznB15-cta{ margin-top:14px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
    .sznB15-trigger-btn{
      display:inline-flex !important; align-items:center !important; justify-content:center !important;
      min-width:228px !important; min-height:46px !important; padding:14px 18px !important; border-radius:12px !important;
      font:600 14px/1 Inter, system-ui !important; color:#fff !important;
      background:linear-gradient(180deg,var(--brand1),var(--brand1-700)) !important;
      border:1px solid rgba(47,134,166,.35) !important;
      box-shadow:0 6px 16px rgba(47,134,166,.18), inset 0 1px 0 rgba(255,255,255,.45) !important;
      text-decoration:none !important; cursor:pointer !important;
    }

    .sznB15-meta{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px 18px; font:600 12px/1.2 Inter, system-ui; color:#6D758B; }

    
    @media (max-width: 959.98px){
      .sznB15-track.top{ top:0.5%; }
      .sznB15-track.bot{ bottom:0.5%; }
      .sznB15-wrap{ padding-block: clamp(48px, 12vw, 96px); }
    }