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

    .sznB14-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;
    }
    .sznB14-hero *{ box-sizing:border-box }

    
    .sznB14-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;
    }
    
    .sznB14-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;
    }

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

    
    .sznB14-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); }
    .sznB14-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); }

    #sznB14-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; }
    #sznB14-hero-title .word{ display:inline-block; white-space:nowrap; }
    #sznB14-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; position:relative; }
    #sznB14-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; }
    #sznB14-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 sznB14LetterIn{ 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 sznB14LaserSweep{ 0%{transform:translateY(-50%) scaleX(0)} 35%{transform:translateY(-50%) scaleX(1)} 100%{transform:translateY(-50%) scaleX(0)} }
    @keyframes sznB14GlarePop{ 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} }
    .sznB14-animate-head #sznB14-hero-title .letter{ animation: sznB14LetterIn .9s cubic-bezier(.22,.8,.2,1) both; --d:0ms; animation-delay:var(--d); }
    .sznB14-animate-head #sznB14-hero-title .letter::before{ animation: sznB14LaserSweep .5s ease-out both; animation-delay: calc(var(--d) + 80ms); }
    .sznB14-animate-head #sznB14-hero-title .letter::after { animation: sznB14GlarePop .6s ease-out .02s both; animation-delay: calc(var(--d) + 90ms); }

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

    
    .sznB14-chips{ display:flex; flex-wrap:wrap; gap:10px 12px; margin:0 0 18px; padding:0; list-style:none; }
    .sznB14-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; }
    .sznB14-chip svg{ width:16px; height:16px; flex:0 0 16px; }

    
    .sznB14-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:10px 0 8px; }
    .sznB14-btn{ --btn-pad:14px 18px; --btn-radius:14px; 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; }
    .sznB14-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); }
    .sznB14-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; }
    .sznB14-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); }
    .sznB14-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); }
    .sznB14-cta-note{ font:600 12px/1.2 Inter, system-ui; color:#CFE9F7; }

    
    .sznB14-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; }
    .sznB14-wp-btn :is(a,button,input[type=submit]):active{ transform: translateY(1px) }

    
    .sznB14-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; }
    .sznB14-form-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
    .sznB14-form-title{ font:700 16px/1.2 "Unbounded", system-ui; color:#0E1522; }
    .sznB14-form-hint{ font:600 12px/1.2 Inter, system-ui; color:#6D758B; }
    @media (max-width:959.98px){ .sznB14-form-card{ order:2; } }

    
    .sznB14-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; }
    .sznB14-dot{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.28); display:inline-block; }

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

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

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

    .sznB7-portfolio{
      --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);
    }
    .sznB7-portfolio *{ box-sizing:border-box }

    
    .sznB7-layers{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
    .sznB7-track{ position:absolute; left:-30%; width:160%; height:22px; animation: sznB7Sweep 6s linear infinite; animation-play-state:paused; }
    .sznB7-track.top{ top:3%; } .sznB7-track.bot{ bottom:3%; }
    .sznB7-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;
    }
    .sznB7-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)); }
    .sznB7-star.left{ left:0; transform:translate(-50%,-50%); animation: sznB7Star 1.2s ease-in-out infinite }
    .sznB7-star.right{ right:0; transform:translate(50%,-50%); animation: sznB7Star 1.2s ease-in-out infinite }
    @keyframes sznB7Sweep{ 0%{transform:translateX(-10%) rotate(1.5deg)} 50%{transform:translateX(0) rotate(-1deg)} 100%{transform:translateX(-10%) rotate(1.5deg)} }
    @keyframes sznB7Star{ 0%,100%{transform:translate(var(--side,-50%),-50%) scale(1)} 50%{transform:translate(var(--side,-50%),-50%) scale(1.18)} }

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

    
    .sznB7-filters{ display:grid; gap:10px; margin:6px 0 16px; }
    .sznB7-filter-row{ display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center; }
    .sznB7-filter-label{ font:700 12px/1.2 Inter, system-ui; color:#2A3142; margin-right:4px; }
    .sznB7-tgl{
      border:1px solid var(--line); background:linear-gradient(180deg,#fff,#F6FAFF);
      border-radius:12px; padding:8px 12px; font:600 12px/1.1 Inter, system-ui; color:#2A3142; cursor:pointer;
      transition: box-shadow .2s ease, border-color .15s ease;
    }
    .sznB7-tgl[aria-pressed="true"]{
      background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(90deg, var(--laser-cyan), var(--laser-violet), var(--laser-pink)) border-box;
      border:1.5px solid transparent;
      box-shadow:0 0 0 3px rgba(124,58,237,.08), 0 6px 18px rgba(124,58,237,.10);
    }
    .sznB7-clear{ margin-left:auto; border:1px dashed var(--line); background:#fff; border-radius:12px; padding:8px 12px; font:600 12px/1.1 Inter; cursor:pointer; }

    
    .sznB7-grid{ display:grid; gap:clamp(12px,2vw,16px); }
    @media (min-width:740px){ .sznB7-grid{ grid-template-columns:repeat(2,1fr) } }
    @media (min-width:1080px){ .sznB7-grid{ grid-template-columns:repeat(3,1fr) } }

    .sznB7-card{
      position:relative;
      border:1px solid var(--line); background:var(--card); border-radius:16px;
      box-shadow:0 8px 24px rgba(10,20,40,.06); padding:12px;
      transition: box-shadow .25s ease, transform .15s ease;
    }

    
    .sznB7-card::before{
      content:""; position:absolute; inset:-2px; border-radius:inherit; padding:2px;
      background: linear-gradient(90deg, var(--laser-cyan), var(--laser-violet), var(--laser-pink), var(--laser-cyan));
      background-size:300% 100%;
      -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude; 
      opacity:0; pointer-events:none;
      animation: sznB7BorderFlow 2.1s linear infinite paused;
    }
    .sznB7-card:hover::before,
    .sznB7-card:focus-within::before{ opacity:1; animation-play-state:running; }
    .sznB7-card:hover{ transform:translateY(-1px);
      box-shadow:0 0 12px rgba(124,58,237,.25), 0 0 24px rgba(0,194,255,.20), 0 12px 24px rgba(10,20,40,.12); }
    @keyframes sznB7BorderFlow{ 0%{background-position:0% 50%} 100%{background-position:300% 50%} }

    .sznB7-shot{ position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4/3; background:#EEF3F9; }
    .sznB7-shot img{ width:100%; height:100%; object-fit:cover; display:block; }

    .sznB7-caption{ font:700 13px/1.35 Inter, system-ui; color:#2A3142; margin:8px 0 6px; }
    .sznB7-meta{ font:600 12px/1.35 Inter, system-ui; color:#6D758B; }

    
    .sznB7-cases{ margin-top:18px; display:grid; gap:12px; }
    @media (min-width:860px){ .sznB7-cases{ grid-template-columns:repeat(2,1fr) } }
    .sznB7-case{ border:1px solid var(--line); background:#fff; border-radius:14px; box-shadow:0 8px 24px rgba(10,20,40,.06); padding:14px; }
    .sznB7-case h4{ font:700 14px/1.2 "Unbounded", system-ui; margin:0 0 6px; }
    .sznB7-case ul{ margin:0; padding-left:18px; }
    .sznB7-case li{ font:600 13px/1.55 Inter; color:#2A3142; margin:4px 0; }

    
    .sznB7-cta{ margin-top:16px; display:flex; gap:12px; align-items:center; flex-wrap:wrap }
    .sznB7-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;
    }
    .sznB7-cta-note{ font:600 13px/1.35 Inter, system-ui; color:#6D758B; }

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