/* DSTRC CSS: post 44 | generated 2026-03-16 20:09:27 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@600;700&display=swap");

    .sznB2-calc{
      --ink:#1F2433; --muted:#6D758B; --line:#D4DEEA; --soft:#EEF3FA; --card:#FFFFFF;
      --laser-cyan:#00C2FF; --laser-violet:#7C3AED; --laser-pink:#FF3CAC;
      --ctaW:228px;
      color:var(--ink); position:relative; isolation:isolate; overflow:clip;
      background:
        repeating-linear-gradient(90deg, rgba(31,36,51,.055) 0 1px, rgba(31,36,51,0) 1px 9px),
        linear-gradient(180deg,#F2F5FB 0%, #E9EEF6 55%, #E5EBF4 100%);
      box-shadow:0 20px 50px rgba(10,20,40,.12);
    }
    .sznB2-calc *{ box-sizing:border-box }

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

    .sznB2-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }
    .sznB2-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; color:#2A3142; }
    .sznB2-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); }

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

    .sznB2-grid{ display:grid; gap:clamp(20px,3vw,36px); margin-top:18px; align-items:start; }
    @media (min-width:960px){ .sznB2-grid{ grid-template-columns:1.15fr .85fr } }

    .sznB2-card{ border:1px solid var(--line); background:var(--card); border-radius:16px; box-shadow:0 10px 28px rgba(10,20,40,.08); }
    .sznB2-card-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--line); }
    .sznB2-card-title{ font:700 16px/1.2 "Unbounded", system-ui }
    .sznB2-card-body{ padding:14px 16px 16px }

    
    .sznB2-card--params .sznB2-card-body{ max-height:none; overflow:visible; }

    .sznB2-fields{ display:grid; gap:12px }
    .sznB2-field{ display:grid; gap:8px }
    .sznB2-label{ font:600 13px/1.2 Inter; color:#2A3142 }

    .sznB2-radiochips{ display:flex; flex-wrap:wrap; gap:8px }
    .sznB2-chip{
      position:relative; display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; cursor:pointer;
      font:600 13px/1.2 Inter; color:#2A3142; background:linear-gradient(180deg,#fff,#F6FAFF);
      border:1.5px solid var(--line); transition:border-color .15s ease, box-shadow .2s ease, background .2s ease;
    }
    .sznB2-chip[data-active="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,.10), 0 6px 18px rgba(124,58,237,.12);
      animation: sznB2Glow 2.5s linear infinite;
    }
    @keyframes sznB2Glow{
      0%{ background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg, var(--laser-cyan), var(--laser-violet), var(--laser-pink)) border-box; }
      100%{ background:linear-gradient(#fff,#fff) padding-box,linear-gradient(450deg, var(--laser-cyan), var(--laser-violet), var(--laser-pink)) border-box; }
    }

    .sznB2-inputrow{ display:flex; gap:8px; flex-wrap:wrap }
    .sznB2-input{ appearance:none; outline:none; border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fff; font:600 13px/1.2 Inter; min-width:120px }
    .sznB2-input:focus{ border-color:#7C3AED; box-shadow:0 0 0 3px rgba(124,58,237,.12) }
    .sznB2-hint{ font:600 12px/1.35 Inter; color:var(--muted) }

    
    .sznB2-out{ display:grid; gap:10px }
    .sznB2-out-line{ font:600 14px/1.35 Inter; color:#2A3142 }
    .sznB2-out-note{ font:600 12px/1.35 Inter; color:var(--muted) }

    .sznB2-cta-row{ display:flex; gap:12px; justify-content:flex-end; margin-top:10px; flex-wrap:wrap }
    @media (min-width: 640px){ .sznB2-cta-row{ flex-wrap:nowrap } }

    .sznB2-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 18px; border-radius:14px;
      text-decoration:none; user-select:none; cursor:pointer; min-width:var(--ctaW); min-height:46px; }
    .sznB2-btn-primary{ color:#fff; background:linear-gradient(180deg,#8257E6,#6E3BE4); border:1px solid rgba(124,58,237,.35);
      box-shadow:0 6px 18px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.6) }
    .sznB2-btn-primary:active{ transform:translateY(1px) }

    
    .sznB2-wp-btn :is(a,button,input[type=submit]){
      font:600 14px/1 Inter !important; padding:14px 18px !important; border-radius:14px !important; min-height:46px !important;
      border:1px solid rgba(47,134,166,.35) !important; background:linear-gradient(180deg,#2F86A6,#296F89) !important; color:#fff !important;
      box-shadow:0 6px 16px rgba(47,134,166,.18), inset 0 1px 0 rgba(255,255,255,.5) !important; display:inline-flex !important; gap:8px;
      text-decoration:none !important; cursor:pointer !important; min-width:var(--ctaW) !important; justify-content:center !important;
    }

    
    @media (max-width: 959.98px){
      .sznB2-track.top{ top:0.5%; }
      .sznB2-track.bot{ bottom:0.5%; }
      .sznB2-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");

    .sznB3-fit{
      --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%);
    }
    .sznB3-fit *{ box-sizing:border-box }

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

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

    .sznB3-grid{ display:grid; gap:clamp(14px,2.2vw,18px); }
    @media (min-width:640px){ .sznB3-grid{ grid-template-columns:repeat(2,1fr) } }
    @media (min-width:980px){ .sznB3-grid{ grid-template-columns:repeat(3,1fr) } }

    .sznB3-card{ border:1px solid var(--line); background:var(--card); border-radius:16px;
      padding:16px; box-shadow:0 8px 24px rgba(10,20,40,.06); display:grid; grid-template-columns:auto 1fr; gap:12px; }
    .sznB3-ico{ width:36px; height:36px; flex:0 0 36px; }
    .sznB3-ttl{ font:700 16px/1.25 "Unbounded", system-ui; margin:2px 0 4px; }
    .sznB3-txt{ font:600 13px/1.55 Inter, system-ui; color:#2A3142; margin:0; }

    .sznB3-other{ margin-top:clamp(18px,3vw,24px); border:1px dashed var(--line); border-radius:14px; background:var(--soft); }
    .sznB3-other h3{ font:700 16px/1.2 "Unbounded", system-ui; margin:0; padding:12px 14px; border-bottom:1px dashed var(--line); }
    .sznB3-other .sznB3-body{ padding:12px 14px; }
    .sznB3-other p{ margin:0 0 10px; font:600 13px/1.55 Inter, system-ui; color:#2A3142; }
    .sznB3-cta{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
    .sznB3-note{ font:600 12px/1.35 Inter, system-ui; color:#6D758B; }

    
    .sznB3-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;
    }
    .sznB3-trigger-btn:active{ transform:translateY(1px); }

    .sznB3-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){
      .sznB3-track.top{ top:0.5%; }
      .sznB3-track.bot{ bottom:0.5%; }
      .sznB3-wrap{ padding-block: clamp(48px, 12vw, 96px); }
    }

    
    .sznB3-num{ font:700 16px/1 "Unbounded", system-ui; text-anchor:middle; dominant-baseline:middle; }

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

    .sznB4-equip{
      
      --ink:#1F2433; --muted:#6D758B; --line:#CFDBEA; --soft:#E9EEF6; --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,.08) 0 1px, rgba(31,36,51,0) 1px 9px),
        linear-gradient(180deg,#EEF3F9 0%, #E5EBF4 55%, #E0E7F1 100%);
      box-shadow:0 20px 50px rgba(10,20,40,.12);
    }
    .sznB4-equip *{ box-sizing:border-box }

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

    
    .sznB4-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }

    .sznB4-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, system-ui; color:#2A3142; }
    .sznB4-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); }

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

    
    .sznB4-table-wrap{ border:1px solid var(--line); border-radius:16px; background:var(--card); box-shadow:0 10px 28px rgba(10,20,40,.08); }
    table.sznB4-table{ width:100%; border-collapse:separate; border-spacing:0; font:600 13px/1.5 Inter, system-ui; color:#2A3142; }
    .sznB4-table thead th{
      text-align:left; padding:12px 14px; background:#F5F8FD; border-bottom:1px solid var(--line); font:700 12px/1.2 Inter, system-ui; color:#2A3142;
    }
    .sznB4-table tbody td{ padding:12px 14px; border-top:1px solid var(--line); vertical-align:top; }
    .sznB4-table tbody tr:nth-child(even){ background:#FBFDFE; }

    
    .sznB4-gallery{ display:grid; gap:12px; margin-top:16px; }
    @media (min-width:740px){ .sznB4-gallery{ grid-template-columns:repeat(2,1fr) } }
    @media (min-width:1024px){ .sznB4-gallery{ grid-template-columns:repeat(4,1fr) } }
    .sznB4-fig{ border:1px solid var(--line); background:#fff; border-radius:14px; box-shadow:0 6px 18px rgba(10,20,40,.06); padding:10px; }
    .sznB4-fig img{ width:100%; height:160px; object-fit:cover; border-radius:10px; background:#EEF3F9; }
    .sznB4-fig figcaption{ margin-top:8px; font:700 12px/1.3 Inter, system-ui; color:#2A3142; }

    
    .sznB4-notes{ margin-top:18px; border:1px dashed var(--line); border-radius:14px; background:#F3F7FC; padding:12px 14px; }
    .sznB4-notes h3{ font:700 16px/1.2 "Unbounded", system-ui; margin:0 0 8px; }
    .sznB4-notes ul{ margin:0; padding-left:18px; }
    .sznB4-notes li{ margin:6px 0; font:600 13px/1.55 Inter, system-ui; }

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

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

    
    @media (max-width: 959.98px){
      .sznB4-track.top{ top:0.5%; }
      .sznB4-track.bot{ bottom:0.5%; }
      .sznB4-wrap{ padding-block: clamp(48px, 12vw, 96px); }
    }
    @media (max-width: 740px){
      
      .sznB4-table-wrap{ border:none; border-radius:0; background:transparent; box-shadow:none; }
      .sznB4-table thead{ display:none; }
      .sznB4-table{ border-collapse:separate; border-spacing:0; }
      .sznB4-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;
      }
      .sznB4-table tbody td{
        display:grid; grid-template-columns: 1fr 1.6fr; align-items:start; gap:8px;
        padding:12px; border-top:1px solid var(--line);
      }
      .sznB4-table tbody td:first-child{ border-top:none; }
      .sznB4-table tbody td::before{
        content: attr(data-th);
        font:700 12px/1.2 Inter, system-ui; color:#2A3142;
      }
      .sznB4-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");

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

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

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

    
    .sznB5-table-wrap{ border:1px solid var(--line); border-radius:16px; background:var(--card); box-shadow:0 10px 28px rgba(10,20,40,.06); }
    table.sznB5-table{ width:100%; border-collapse:separate; border-spacing:0; font:600 13px/1.5 Inter, system-ui; color:#2A3142; }
    .sznB5-table thead th{
      text-align:left; padding:12px 14px; background:#F5F8FD; border-bottom:1px solid var(--line); font:700 12px/1.2 Inter, system-ui;
    }
    .sznB5-table tbody td{ padding:12px 14px; border-top:1px solid var(--line); vertical-align:top; }
    .sznB5-table tbody tr:nth-child(even){ background:#FBFDFE; }

    
    .sznB5-notes{ margin-top:16px; border:1px dashed var(--line); border-radius:14px; background:var(--soft); padding:12px 14px; }
    .sznB5-notes h3{ font:700 16px/1.2 "Unbounded", system-ui; margin:0 0 8px; }
    .sznB5-notes ul{ margin:0; padding-left:18px; }
    .sznB5-notes li{ margin:6px 0; font:600 13px/1.55 Inter, system-ui; }

    .sznB5-cta{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:12px; }
    .sznB5-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;
    }
    .sznB5-trigger-btn:active{ transform:translateY(1px); }

    .sznB5-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){
      
      .sznB5-track.top{ top:0.5%; }
      .sznB5-track.bot{ bottom:0.5%; }
      .sznB5-wrap{ padding-block: clamp(48px, 12vw, 96px); }
    }
    @media (max-width: 740px){
      
      .sznB5-table-wrap{ border:none; box-shadow:none; background:transparent; }
      .sznB5-table thead{ display:none; }
      .sznB5-table{ border-collapse:separate; border-spacing:0; }
      .sznB5-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;
      }
      .sznB5-table tbody td{
        display:grid; grid-template-columns: 1fr 1.6fr; align-items:start; gap:8px;
        padding:12px; border-top:1px solid var(--line);
      }
      .sznB5-table tbody td:first-child{ border-top:none; }
      .sznB5-table tbody td::before{
        content: attr(data-th);
        font:700 12px/1.2 Inter, system-ui; color:#2A3142;
      }
      
      .sznB5-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");

    .sznB6-quality{
      
      --ink:#1F2433; --muted:#6D758B; --line:#CBD7E7; --soft:#E6EDF6; --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,.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);
    }
    .sznB6-quality *{ box-sizing:border-box }

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

    
    .sznB6-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }
    .sznB6-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, system-ui; color:#2A3142; }
    .sznB6-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); }

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

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

    
    .sznB6-cta{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:14px; }
    .sznB6-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;
    }
    .sznB6-trigger-btn:active{ transform:translateY(1px); }

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

    
    @media (max-width: 959.98px){
      .sznB6-track.top{ top:0.5%; }
      .sznB6-track.bot{ bottom:0.5%; }
      .sznB6-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); }
    }

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

    .sznB8-process{
      --ink:#1F2433; --muted:#6D758B; --line:#CBD7E7; --soft:#E6EDF6; --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,.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);
    }
    .sznB8-process *{ box-sizing:border-box }

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

    
    .sznB8-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }
    .sznB8-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; }
    .sznB8-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); }

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

    .sznB8-grid{ display:grid; gap:clamp(12px,2vw,16px); }
    @media (min-width:900px){ .sznB8-grid{ grid-template-columns:repeat(5,1fr) } }

    .sznB8-step{ border:1px solid var(--line); background:var(--card); border-radius:16px; box-shadow:0 8px 24px rgba(10,20,40,.08);
      padding:16px; display:flex; flex-direction:column; gap:12px; }

    .sznB8-ttl{ font:700 14px/1.25 "Unbounded", system-ui; margin:0 }
    .sznB8-txt{ font:600 13px/1.55 Inter; color:#2A3142; margin:0 }

    .sznB8-badges{ display:grid; gap:6px; margin-top:auto }
    .sznB8-badge{ display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:12px;
      background:linear-gradient(180deg,#fff,#F6FAFF); font:600 12px/1.2 Inter; color:#2A3142; }

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

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

    
    .sznB8-icon{ width:64px; height:64px; }
    .sznB8-num{ font:700 28px/1 "Unbounded", system-ui; text-anchor:middle; dominant-baseline:middle; }

    
    @media (max-width: 959.98px){
      .sznB8-track.top{ top:0.5%; }
      .sznB8-track.bot{ bottom:0.5%; }
      .sznB8-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");

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

    
    .sznB9-layers{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
    .sznB9-track{ position:absolute; left:-30%; width:160%; height:22px; animation: sznB9Sweep 6s linear infinite; animation-play-state:paused; }
    .sznB9-track.top{ top:3%; } .sznB9-track.bot{ bottom:3%; }
    .sznB9-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;
    }
    @keyframes sznB9Sweep{ 0%{transform:translateX(-10%) rotate(1.5deg)} 50%{transform:translateX(0) rotate(-1deg)} 100%{transform:translateX(-10%) rotate(1.5deg)} }

    
    .sznB9-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 72px) 20px; }
    .sznB9-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; }
    .sznB9-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); }

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

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

    .sznB9-card{ border:1px solid var(--line); background:var(--card); border-radius:16px; box-shadow:0 8px 24px rgba(10,20,40,.06);
      padding:16px; display:grid; gap:10px; }
    .sznB9-ttl{ font:700 16px/1.2 "Unbounded", system-ui; margin:0 }
    .sznB9-ul{ margin:0; padding-left:18px; }
    .sznB9-ul li{ margin:6px 0; font:600 13px/1.55 Inter; color:#2A3142; }

    
    .sznB9-badges{ display:flex; flex-wrap:wrap; gap:8px; }
    .sznB9-badge{
      border:1px solid var(--line); background:linear-gradient(180deg,#fff,#F6FAFF);
      border-radius:12px; padding:8px 10px; font:700 12px/1.2 Inter; color:#2A3142;
    }

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

    .sznB9-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){
      .sznB9-track.top{ top:0.5%; }
      .sznB9-track.bot{ bottom:0.5%; }
      .sznB9-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");

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

.sznB11u-faq{
      --ink:#1F2433; --muted:#6D758B; --line:#CBD7E7; --grid:#D9E3F0; --soft:#F7FAFE; --card:#FFFFFF;
      --violet:#7C3AED; --violet-600:#6E3BE4;            
      --brand2:#2F86A6; --brand2-700:#296F89;            
      --laser-cyan:#00C2FF; --laser-violet:#7C3AED; --laser-pink:#FF3CAC;
      color:var(--ink); position:relative; isolation:isolate; overflow:hidden;
      background:
        repeating-linear-gradient(90deg, rgba(31,36,51,.06) 0 1px, rgba(31,36,51,0) 1px 9px),
        linear-gradient(180deg,#FFFFFF 0%, #F6F9FD 55%, #EEF3F9 100%);
      border:1px solid var(--line); border-radius:16px; box-shadow:0 20px 50px rgba(10,20,40,.09);
    }
    .sznB11u-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }
    #sznB11u-title{ font:700 clamp(22px,3.4vw,32px)/1.15 "Unbounded", system-ui; margin:0 0 8px; }
    .sznB11u-sub{ font:400 clamp(14px,1.8vw,16px)/1.55 Inter, system-ui; color:#2A3142; margin:0 0 16px; }

    
    .sznB11u-layers{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
    .sznB11u-track{ position:absolute; left:-30%; width:160%; height:22px; animation: sznB11uSweep 6s linear infinite; animation-play-state:paused; }
    .sznB11u-track.top{ top:3%; } .sznB11u-track.bot{ bottom:3%; }
    .sznB11u-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;
    }
    @keyframes sznB11uSweep{ 0%{transform:translateX(-10%) rotate(1.5deg)} 50%{transform:translateX(0) rotate(-1deg)} 100%{transform:translateX(-10%) rotate(1.5deg)} }

    
    .sznB11u-list{ display:grid; gap:10px; }
    .sznB11u-item{ border:1px solid var(--line); background:var(--card); border-radius:12px; overflow:hidden; }

    .sznB11u-item > summary{
      list-style:none; cursor:pointer; position:relative; padding:14px 44px 14px 42px;
      font:700 14px/1.2 "Unbounded", system-ui; color:#2A3142; user-select:none;
      display:flex; align-items:center; gap:10px; transition:background .2s ease;
    }
    .sznB11u-item > summary::-webkit-details-marker{ display:none }
    
    .sznB11u-item > summary:before{
      content:"✓"; position:absolute; left:14px; top:50%; transform:translateY(-50%);
      font:700 18px/1 Inter, system-ui; color:var(--violet);
      text-shadow:0 0 8px rgba(124,58,237,.18);
    }
    
    .sznB11u-item > summary:after{
      content:""; position:absolute; right:14px; width:10px; height:10px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted);
      transform:rotate(-45deg); transition:transform .2s ease;
    }
    .sznB11u-item[open] > summary{ background:linear-gradient(180deg,#FFFFFF,#F8FAFF) }
    .sznB11u-item[open] > summary:after{ transform:rotate(45deg) }

    .sznB11u-body{ padding:0 14px 14px 42px; }
    .sznB11u-body p{ margin:10px 0 0; font:600 13px/1.55 Inter, system-ui; color:#2A3142; }
    .sznB11u-body ul{ margin:8px 0 0; padding-left:18px; }
    .sznB11u-body li{ margin:4px 0; font:600 13px/1.55 Inter, system-ui; }

    
    .sznB11u-wp-btn{ margin-top:16px }
    .sznB11u-wp-btn :is(a,button,input[type=submit]){
      font:600 14px/1 Inter, system-ui !important; padding:14px 18px !important; min-height:46px !important; min-width:228px !important;
      border-radius:12px !important; color:#fff !important;
      background:linear-gradient(180deg,var(--brand2),var(--brand2-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;
    }

    
    @media (max-width:700px){
      .sznB11u-item > summary{ padding:12px 42px 12px 40px }
      .sznB11u-body{ padding:0 12px 12px 40px }
      .sznB11u-wp-btn :is(a,button,input[type=submit]){ width:100% !important; min-width:0 !important; }
    }

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

.sznB12-sec{
      --ink:#1F2433; --muted:#6D758B; --line:#CBD7E7; --grid:#D9E3F0; --soft:#F7FAFE; --card:#FFFFFF;
      --violet:#7C3AED; --violet-700:#6E3BE4;         
      --brand2:#2F86A6; --brand2-700:#296F89;         
      --laser-cyan:#00C2FF; --laser-violet:#7C3AED; --laser-pink:#FF3CAC;
      color:var(--ink); position:relative; isolation:isolate; overflow:hidden;
      background:
        repeating-linear-gradient(90deg, rgba(31,36,51,.06) 0 1px, rgba(31,36,51,0) 1px 9px),
        linear-gradient(180deg,#FFFFFF 0%, #F6F9FD 55%, #EEF3F9 100%);
      border:1px solid var(--line); border-radius:16px; box-shadow:0 20px 50px rgba(10,20,40,.09);
    }
    .sznB12-wrap{ max-width:1200px; margin-inline:auto; padding: clamp(28px, 6vw, 76px) 20px; }

    
    .sznB12-layers{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
    .sznB12-track{
      position:absolute; left:-30%; width:160%; height:22px;
      animation: sznB12Sweep 6s linear infinite;
      animation-play-state:paused; 
    }
    .sznB12-track.top{ top:3%; } .sznB12-track.bot{ bottom:3%; }
    .sznB12-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;
    }
    @keyframes sznB12Sweep{
      0%{transform:translateX(-10%) rotate(1.5deg)}
      50%{transform:translateX(0) rotate(-1deg)}
      100%{transform:translateX(-10%) rotate(1.5deg)}
    }

    
    #sznB12-title{ font:700 clamp(22px,3.4vw,32px)/1.15 "Unbounded", system-ui; margin:0 0 8px; }
    .sznB12-sub{ font:400 clamp(14px,1.8vw,16px)/1.55 Inter, system-ui; color:#2A3142; margin:0 0 16px; }

    
    .sznB12-card{ border:1px solid var(--line); background:var(--card); border-radius:16px; box-shadow:0 8px 24px rgba(10,20,40,.08); padding:16px; }
    .sznB12-ttl{ font:700 16px/1.2 "Unbounded", system-ui; margin:0 0 8px; }
    .sznB12-grid{ display:grid; gap:12px; }
    @media (min-width:980px){ .sznB12-grid{ grid-template-columns:repeat(2,1fr) } }

    
    .sznB12-list{ margin:0; padding-left:0; list-style:none; }
    .sznB12-list li{
      position:relative; padding-left:28px; margin:8px 0; font:600 13px/1.55 Inter, system-ui; color:#2A3142;
    }
    .sznB12-list li::before{
      content:"✓"; position:absolute; left:0; top:0.1em; font:700 16px/1 Inter, system-ui; color:var(--violet);
      text-shadow:0 0 8px rgba(124,58,237,.18);
    }

    
    .sznB12-wp-btn{ margin-top:14px }
    .sznB12-wp-btn :is(a,button,input[type=submit]){
      font:600 14px/1 Inter, system-ui !important; padding:14px 18px !important; min-height:46px !important; min-width:228px !important;
      border-radius:12px !important; color:#fff !important;
      background:linear-gradient(180deg,var(--brand2),var(--brand2-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;
    }

    
    @media (max-width:720px){
      .sznB12-grid{ grid-template-columns:1fr }
      .sznB12-wp-btn :is(a,button,input[type=submit]){ width:100% !important; min-width:0 !important; }
    }

    
    @media (max-width: 959.98px){
      .sznB12-track.top{ top:0.5%; }
      .sznB12-track.bot{ bottom:0.5%; }
      .sznB12-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");

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