.hs-slide4,
        .hs-slide4 *,
        .hs-slide4 *::before,
        .hs-slide4 *::after {
          box-sizing: border-box;
        }

        .hs-slide4 {
          width: 100%;
          line-height: normal;
          position: relative;
          font-family: system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
        }

        .hs-slide4 .ts4-stage {
          position: relative;
          width: 100%;
          overflow: hidden;
          border-radius: 0;
          background: linear-gradient(145deg, rgb(246, 241, 239) 0%, rgb(243, 234, 231) 40%, rgb(250, 247, 246) 100%);
          isolation: isolate;
        }

        .hs-slide4 .ts4-canvas {
          position: relative;
          width: 1900px;
          height: 700px;
          transform-origin: top left;
          transform: translateZ(0);
        }

        .hs-slide4 .ts4-bg,
        .hs-slide4 .ts4-overlay,
        .hs-slide4 .ts4-tech,
        .hs-slide4 .ts4-waves,
        .hs-slide4 .ts4-connections {
          position: absolute;
          inset: 0;
          pointer-events: none;
        }

        .hs-slide4 .ts4-bg {
          opacity: 0.98;
          transition: opacity 600ms ease;
        }

        .hs-slide4 .ts4-overlay {
          opacity: 0.86;
          transition: opacity 600ms ease;
        }

        .hs-slide4 .ts4-bg::before,
        .hs-slide4 .ts4-bg::after,
        .hs-slide4 .ts4-overlay::before,
        .hs-slide4 .ts4-overlay::after,
        .hs-slide4 .ts4-tech::before,
        .hs-slide4 .ts4-tech::after {
          will-change: transform, opacity, filter;
        }

        .hs-slide4 .ts4-bg::before {
          content: "";
          position: absolute;
          inset: -4%;
          background:
            radial-gradient(circle at 26% 48%, rgba(176, 112, 112, 0.12) 0%, rgba(176, 112, 112, 0.05) 28%, transparent 56%),
            radial-gradient(circle at 10% 12%, rgba(176, 112, 112, 0.08) 0%, transparent 36%),
            radial-gradient(circle at 90% 86%, rgba(138, 74, 89, 0.08) 0%, transparent 30%);
          filter: blur(12px);
          opacity: 0.84;
          transform: translate3d(0, 0, 0) scale(1);
          animation: ts4-ambient-drift 11s ease-in-out infinite alternate;
        }

        .hs-slide4 .ts4-bg::after {
          content: "";
          position: absolute;
          inset: -5%;
          background:
            linear-gradient(145deg, rgba(241, 227, 223, 0.56) 0%, rgba(240, 223, 219, 0.24) 42%, rgba(246, 236, 233, 0.44) 100%),
            radial-gradient(circle at 72% 34%, rgba(176, 112, 112, 0.11) 0%, transparent 38%),
            radial-gradient(circle at 22% 76%, rgba(138, 74, 89, 0.08) 0%, transparent 34%);
          opacity: 0.18;
          transform: translate3d(-1%, 0.4%, 0) scale(1.01);
          animation: ts4-bgshift-soft 10s ease-in-out infinite alternate;
        }

        .hs-slide4 .ts4-overlay::before {
          content: "";
          position: absolute;
          inset: -3%;
          background:
            linear-gradient(135deg, rgba(176, 112, 112, 0.04) 0%, rgba(176, 112, 112, 0.015) 46%, rgba(138, 74, 89, 0.05) 100%),
            radial-gradient(circle at 30% 48%, rgba(176, 112, 112, 0.10) 0%, transparent 46%),
            radial-gradient(circle at 82% 58%, rgba(176, 112, 112, 0.06) 0%, transparent 36%);
          opacity: 0.07;
          transform: translate3d(0, 0, 0) scale(1);
          animation: ts4-warmveil 9s ease-in-out infinite alternate;
        }

        .hs-slide4 .ts4-overlay::after {
          content: "";
          position: absolute;
          left: 18%;
          top: 50%;
          width: 32%;
          height: 110%;
          border-radius: 50%;
          background: radial-gradient(ellipse at 50% 50%, rgba(176,112,112,0.20) 0%, rgba(176,112,112,0.07) 46%, transparent 72%);
          filter: blur(18px);
          opacity: 0.46;
          transform: translateY(-50%);
          animation: ts4-center-glow 12s ease-in-out infinite alternate;
        }

        .hs-slide4 .ts4-tech::before {
          content: "";
          position: absolute;
          left: -6%;
          top: -10%;
          width: 28%;
          height: 55%;
          border-radius: 50%;
          background: radial-gradient(ellipse at 40% 40%, rgba(176,112,112,0.13) 0%, transparent 65%);
          filter: blur(16px);
          opacity: 0.55;
          animation: ts4-corner-glow-a 13s ease-in-out infinite alternate;
        }

        .hs-slide4 .ts4-tech::after {
          content: "";
          position: absolute;
          right: -4%;
          bottom: -10%;
          width: 24%;
          height: 48%;
          border-radius: 50%;
          background: radial-gradient(ellipse at 60% 60%, rgba(138,74,89,0.10) 0%, transparent 65%);
          filter: blur(16px);
          opacity: 0.46;
          animation: ts4-corner-glow-b 14s ease-in-out infinite alternate;
        }

        .hs-slide4 .ts4-tech {
          background-image:
            radial-gradient(circle, rgba(176, 120, 120, 0.11) 1px, transparent 1px),
            linear-gradient(125deg, rgba(176, 112, 112, 0.07), rgba(192, 136, 136, 0.025), rgba(138, 74, 89, 0.055));
          background-size: 32px 32px, 100% 100%;
          opacity: 0.78;
        }

        .hs-slide4 .ts4-tech svg,
        .hs-slide4 .ts4-waves svg,
        .hs-slide4 .ts4-connections svg {
          width: 100%;
          height: 100%;
          display: block;
        }

        .hs-slide4 .ts4-layout {
          position: relative;
          display: grid;
          grid-template-columns: 55% 45%;
          width: 100%;
          height: 100%;
          z-index: 1;
        }

        .hs-slide4 .ts4-left,
        .hs-slide4 .ts4-right {
          position: relative;
          height: 100%;
        }

        .hs-slide4 .ts4-right {
          padding: 8.8% 3.2% 6% 4.8%;
          display: flex;
          align-items: center;
        }

        .hs-slide4 .ts4-copy {
          position: relative;
          width: 100%;
          max-width: 95%;
          padding-right: 5.2%;
          padding-top: 1.6vw;
        }

        .hs-slide4 .ts4-hero {
          opacity: 0;
          transform: translateX(220px);
          animation: ts4-heroin 1100ms cubic-bezier(.19,1,.22,1) .5s forwards;
        }

        .hs-slide4 .ts4-pill {
          display: inline-flex;
          align-items: center;
          padding: clamp(7px, 0.48vw, 9px) clamp(20px, 1.08vw, 22px);
          border: 1.5px solid #5e6c7b;
          border-radius: 999px;
          background: rgba(255,255,255,0.95);
          color: #5e6c7b;
          font-size: clamp(12px, 0.74vw, 14px);
          font-weight: 700;
          letter-spacing: 0.12em;
          box-shadow: 0 2px 12px rgba(67,162,172,0.12);
          margin-bottom: 0.72vw;
        }

        .hs-slide4 .ts4-h1 {
          margin: 0;
          color: #1a2332;
          font-size: clamp(21px, 1.9vw, 36px);
          font-weight: 800;
          line-height: 1.14;
        }

        .hs-slide4 .ts4-h1 + .ts4-h1 {
          margin-top: 0.04em;
        }

        .hs-slide4 .ts4-android {
          color: #43a2ac;
        }

        .hs-slide4 .ts4-divider {
          width: 60px;
          height: 3.5px;
          border-radius: 999px;
          background: linear-gradient(90deg, #43a2ac, #8a4a59);
          margin: 0.62vw 0 0.58vw;
          opacity: 0;
          transform: translateX(80px);
          animation: ts4-linein 800ms cubic-bezier(.2,.9,.2,1) 1s forwards;
        }

        .hs-slide4 .ts4-body {
          opacity: 0;
          transform: translateX(120px);
          animation: ts4-bodyin 950ms cubic-bezier(.2,.9,.2,1) 1.13s forwards;
        }

        .hs-slide4 .ts4-h2 {
          margin: 0 0 0.22vw;
          color: #8a4a59;
          font-size: clamp(15px, 1.12vw, 21px);
          font-weight: 700;
          line-height: 1.3;
        }

        .hs-slide4 .ts4-desc {
          margin: 0 0 0.76vw;
          color: #435061;
          font-size: clamp(12px, 0.84vw, 16px);
          font-family: Arial, 'Helvetica Neue', 'Segoe UI', sans-serif;
          font-weight: 500;
          letter-spacing: -0.01em;
          line-height: 1.44;
          white-space: nowrap;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
        }

        .hs-slide4 .ts4-badges {
          display: flex;
          flex-direction: column;
          gap: 0.42vw;
        }

        .hs-slide4 .ts4-badge {
          display: inline-flex;
          align-items: center;
          align-self: flex-start;
          position: relative;
          padding: 0.52vw 0.95vw 0.52vw 0.85vw;
          border-radius: 9px;
          border-left: 4px solid #43a2ac;
          background: rgba(255,255,255,0.94);
          box-shadow: 0 3px 14px rgba(0,0,0,0.09), 0 1px 4px rgba(0,0,0,0.06);
          color: #1a2332;
          font-size: clamp(11px, 0.74vw, 14px);
          font-weight: 600;
          opacity: 0;
          transform: translateX(90px);
        }

        .hs-slide4 .ts4-badge:nth-child(1) { animation: ts4-badgein 850ms cubic-bezier(.2,.9,.2,1) 1.47s forwards; }
        .hs-slide4 .ts4-badge:nth-child(2) { animation: ts4-badgein 850ms cubic-bezier(.2,.9,.2,1) 1.70s forwards; }
        .hs-slide4 .ts4-badge:nth-child(3) { animation: ts4-badgein 850ms cubic-bezier(.2,.9,.2,1) 1.93s forwards; }
        .hs-slide4 .ts4-badge:nth-child(4) { animation: ts4-badgein 850ms cubic-bezier(.2,.9,.2,1) 2.17s forwards; }
        .hs-slide4 .ts4-badge:nth-child(5) { animation: ts4-badgein 850ms cubic-bezier(.2,.9,.2,1) 2.40s forwards; }

        .hs-slide4 .ts4-check {
          width: 20px;
          min-width: 20px;
          text-align: center;
          margin-right: 10px;
          color: #43a2ac;
          font-weight: 700;
          font-size: 1.04em;
        }

        .hs-slide4 .ts4-cta {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-top: 0.82vw;
          padding: clamp(9px, 0.54vw, 11px) clamp(20px, 1.24vw, 26px);
          border-radius: 9px;
          border: none;
          background: #1a2e42;
          color: #ffffff;
          font-size: clamp(12.5px, 0.82vw, 15px);
          font-weight: 700;
          letter-spacing: 0.01em;
          text-decoration: none;
          box-shadow: 0 4px 18px rgba(26,46,66,.28);
          transition: background .22s ease, color .22s ease, box-shadow .22s ease;
          opacity: 0;
          transform: translateY(14px);
          animation: ts4-ctain 750ms ease-out 2.62s forwards;
          cursor: pointer;
        }

        .hs-slide4 .ts4-cta:hover,
        .hs-slide4 .ts4-cta:focus-visible {
          background: rgba(210, 218, 226, 0.62);
          color: #1a2e42;
          box-shadow: 0 4px 22px rgba(120,140,160,.24);
          outline: none;
        }

        .hs-slide4 .ts4-phone-wrap {
          position: absolute;
          left: 35.1%;
          top: 22.4%;
          width: 17.1%;
          aspect-ratio: 178 / 325;
          z-index: 10;
          opacity: 0;
          transform: translateY(54%) rotate(8deg) scale(0.94);
          animation: ts4-phonein 1200ms cubic-bezier(.18,.89,.32,1.18) .5s forwards, ts4-phonefloat 4.8s ease-in-out 5.35s infinite;
        }

        .hs-slide4 .ts4-phone-glow {
          position: absolute;
          inset: -12%;
          background: radial-gradient(ellipse at center, rgba(67,162,172,0.34) 0%, transparent 64%);
          filter: blur(18px);
          pointer-events: none;
        }

        .hs-slide4 .ts4-phone {
          position: relative;
          width: 100%;
          height: 100%;
          border-radius: 34px;
          background: linear-gradient(165deg, #3c3c3c 0%, #2d2d2d 45%, #1c1c1c 100%);
          box-shadow: 0 32px 80px rgba(0,0,0,0.65), 0 0 0 1.5px rgba(255,255,255,0.07), inset 0 1px 0 rgba(255,255,255,0.11), inset 0 -2px 0 rgba(0,0,0,0.4);
          overflow: hidden;
        }

        .hs-slide4 .ts4-island {
          position: absolute;
          top: 4.3%;
          left: 50%;
          width: 25.8%;
          height: 3.4%;
          border-radius: 999px;
          transform: translateX(-50%);
          background: #000;
        }

        .hs-slide4 .ts4-side-a,
        .hs-slide4 .ts4-side-b,
        .hs-slide4 .ts4-side-c {
          position: absolute;
          background: #181818;
        }

        .hs-slide4 .ts4-side-a { left: -1.5%; top: 18.4%; width: 1.5%; height: 7.4%; border-radius: 2px 0 0 2px; }
        .hs-slide4 .ts4-side-b { left: -1.5%; top: 28.3%; width: 1.5%; height: 7.4%; border-radius: 2px 0 0 2px; }
        .hs-slide4 .ts4-side-c { right: -1.5%; top: 22.1%; width: 1.5%; height: 11.7%; border-radius: 0 2px 2px 0; }

        .hs-slide4 .ts4-screen {
          position: absolute;
          left: 6.7%;
          top: 10.5%;
          width: 86.5%;
          height: 80%;
          border-radius: 8px;
          overflow: hidden;
          background: linear-gradient(155deg, #1a1a2e 0%, #2d1b3d 100%);
        }

        .hs-slide4 .ts4-screen-glow {
          position: absolute;
          left: 17%;
          top: 20%;
          width: 66%;
          aspect-ratio: 1;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(67,162,172,0.38) 0%, transparent 70%);
        }

        .hs-slide4 .ts4-shield {
          position: absolute;
          left: 50%;
          top: 31%;
          width: 35%;
          transform: translateX(-50%);
        }

        .hs-slide4 .ts4-digital {
          position: absolute;
          left: 50%;
          top: 58.1%;
          width: 82%;
          transform: translateX(-50%);
          color: #ffffff;
          font-size: clamp(11.8px, 1.18vw, 15.6px);
          font-family: Arial, 'Helvetica Neue', 'Segoe UI', sans-serif;
          font-weight: 900;
          letter-spacing: -0.02em;
          line-height: 1.02;
          text-align: center;
          padding: 1px 4px;
          white-space: nowrap;
          background: rgba(12,16,34,0.26);
          border-radius: 999px;
          text-shadow: none;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
        }

        .hs-slide4 .ts4-k-badge {
          position: absolute;
          right: 7px;
          bottom: 7px;
          width: 28px;
          height: 28px;
          border-radius: 5px;
          background: linear-gradient(135deg, #ff6b35, #7b2d8b);
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 17px;
          font-weight: 900;
          box-shadow: 0 4px 14px rgba(255,107,53,0.22);
        }

        .hs-slide4 .ts4-homebar {
          position: absolute;
          left: 50%;
          bottom: 9px;
          width: 28%;
          height: 4.5px;
          transform: translateX(-50%);
          border-radius: 999px;
          background: rgba(255,255,255,0.18);
        }

        .hs-slide4 .ts4-panel {
          position: absolute;
          border-radius: 12px;
          background: rgba(22, 22, 38, 0.92);
          border: 1px solid rgba(255,255,255,0.10);
          overflow: hidden;
          box-shadow: 0 22px 60px rgba(0,0,0,0.58), 0 4px 16px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.06);
          z-index: 2;
          opacity: 0;
        }

        .hs-slide4 .ts4-panel.left {
          left: 18%;
          top: 38.2%;
          width: 20.1%;
          height: 24%;
          transform: translateX(-16%);
          animation: ts4-panelleft 900ms cubic-bezier(.2,.9,.2,1) 1.17s forwards, ts4-panel-float 5.4s ease-in-out 5.7s infinite;
        }

        .hs-slide4 .ts4-panel.right {
          left: 55.2%;
          top: 40.3%;
          width: 19.1%;
          height: 22%;
          transform: translateX(16%);
          animation: ts4-panelright 900ms cubic-bezier(.2,.9,.2,1) 1.37s forwards, ts4-panel-float 5.2s ease-in-out 5.9s infinite;
        }

        .hs-slide4 .ts4-panel-top {
          height: 28px;
          background: rgba(12,13,24,0.96);
          display: flex;
          align-items: center;
          gap: 6px;
          padding: 0 10px;
          border-bottom: 1px solid rgba(255,255,255,0.06);
        }

        .hs-slide4 .ts4-dot { width: 8px; height: 8px; border-radius: 50%; }
        .hs-slide4 .ts4-dot.red { background: #ff5f57; box-shadow: 0 0 4px rgba(255,95,87,0.55); }
        .hs-slide4 .ts4-dot.yellow { background: #febc2e; box-shadow: 0 0 4px rgba(254,188,46,0.45); }
        .hs-slide4 .ts4-dot.green { background: #28c840; box-shadow: 0 0 4px rgba(40,200,64,0.45); }

        .hs-slide4 .ts4-tab {
          margin-left: 10px;
          padding: 2px 10px;
          border-radius: 5px 5px 0 0;
          background: rgba(255,255,255,0.07);
          color: #a0aec0;
          font-size: 9.5px;
          letter-spacing: 0.03em;
          border-top: 1px solid rgba(255,255,255,0.10);
          border-left: 1px solid rgba(255,255,255,0.07);
          border-right: 1px solid rgba(255,255,255,0.07);
        }

        .hs-slide4 .ts4-panel-body {
          padding: 12px 12px 10px;
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        .hs-slide4 .ts4-panel-meta {
          display: flex;
          align-items: center;
          gap: 8px;
          margin-bottom: 2px;
        }

        .hs-slide4 .ts4-panel-node {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #53d7cf;
          box-shadow: 0 0 8px rgba(83,215,207,0.55);
        }

        .hs-slide4 .ts4-panel-meta-a,
        .hs-slide4 .ts4-panel-meta-b {
          height: 6px;
          border-radius: 999px;
        }

        .hs-slide4 .ts4-panel-meta-a { width: 42px; background: rgba(255,255,255,0.14); }
        .hs-slide4 .ts4-panel-meta-b { width: 28px; background: rgba(255,255,255,0.08); }

        .hs-slide4 .ts4-panel-lines {
          display: flex;
          flex-direction: column;
          gap: 7px;
        }

        .hs-slide4 .ts4-pline {
          display: flex;
          align-items: center;
          gap: 7px;
        }

        .hs-slide4 .ts4-pline-dot {
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background: rgba(255,255,255,0.16);
          flex-shrink: 0;
        }

        .hs-slide4 .ts4-pline:nth-child(odd) .ts4-pline-dot {
          background: rgba(83,215,207,0.55);
        }

        .hs-slide4 .ts4-bar {
          height: 6px;
          border-radius: 999px;
          opacity: 0.84;
        }

        .hs-slide4 .ts4-bar.glow {
          box-shadow: 0 0 10px rgba(83,215,207,0.35);
          opacity: 0.95;
        }

        .hs-slide4 .ts4-stats {
          margin-top: 6px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 6px;
        }

        .hs-slide4 .ts4-stat {
          height: 26px;
          border-radius: 8px;
          border: 1px solid rgba(255,255,255,0.08);
        }

        .hs-slide4 .ts4-stat.a { background: linear-gradient(180deg, rgba(83,215,207,0.28), rgba(83,215,207,0.08)); border-color: rgba(83,215,207,0.18); }
        .hs-slide4 .ts4-stat.b { background: linear-gradient(180deg, rgba(214,122,177,0.24), rgba(214,122,177,0.08)); border-color: rgba(214,122,177,0.14); }
        .hs-slide4 .ts4-stat.c { background: linear-gradient(180deg, rgba(245,216,111,0.24), rgba(245,216,111,0.08)); border-color: rgba(245,216,111,0.14); }

        .hs-slide4 .ts4-hex {
          position: absolute;
          width: 6.45%;
          aspect-ratio: 1 / 0.866;
          opacity: 0;
          z-index: 4;
          transform-origin: 50% 50%;
          filter: drop-shadow(0 8px 16px rgba(64, 72, 94, 0.10));
          will-change: transform, opacity;
          animation-duration: 920ms, 5.4s;
          animation-fill-mode: both, none;
          animation-timing-function: cubic-bezier(.16,1,.3,1), ease-in-out;
          animation-iteration-count: 1, infinite;
        }

        .hs-slide4 .ts4-hex svg { width: 100%; height: 100%; display: block; }
        .hs-slide4 .ts4-hex-label {
          position: absolute;
          inset: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #0b1628;
          font-size: 14.6px;
          font-family: Arial, 'Helvetica Neue', 'Segoe UI', sans-serif;
          font-weight: 900;
          letter-spacing: -0.015em;
          line-height: 1;
          text-shadow: none;
          pointer-events: none;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: antialiased;
        }
        .hs-slide4 .ts4-hex text {
          opacity: 0;
        }

        .hs-slide4 .ts4-hex.ble  { left: 23.8%; top: 26.8%; animation-name: ts4-hex-tl, ts4-hex-float; animation-delay: .93s, 5.6s; }
        .hs-slide4 .ts4-hex.nfc  { left: 54.1%; top: 26.8%; animation-name: ts4-hex-tr, ts4-hex-float; animation-delay: 1.07s, 5.74s; }
        .hs-slide4 .ts4-hex.mdoc { left: 23.8%; top: 56.6%; animation-name: ts4-hex-bl, ts4-hex-float; animation-delay: 1.20s, 5.88s; }
        .hs-slide4 .ts4-hex.mdl  { left: 51.8%; top: 56.6%; animation-name: ts4-hex-br, ts4-hex-float; animation-delay: 1.33s, 6.02s; }

        .hs-slide4 .ts4-tagline {
          position: absolute;
          left: calc(26% - 18px);
          right: calc(26% + 18px);
          bottom: 11.4%;
          text-align: center;
          color: #6b7a8d;
          font-size: clamp(12px, 0.9vw, 17px);
          font-weight: 600;
          opacity: 0;
          z-index: 11;
          animation: ts4-taglinein 900ms ease-out 2.33s forwards;
        }

        .hs-slide4 .ts4-hero,
        .hs-slide4 .ts4-divider,
        .hs-slide4 .ts4-body,
        .hs-slide4 .ts4-badge,
        .hs-slide4 .ts4-cta,
        .hs-slide4 .ts4-phone-wrap,
        .hs-slide4 .ts4-panel,
        .hs-slide4 .ts4-hex,
        .hs-slide4 .ts4-tagline {
          animation-play-state: paused;
        }

        .hs-slide4.ts4-ready .ts4-hero,
        .hs-slide4.ts4-ready .ts4-divider,
        .hs-slide4.ts4-ready .ts4-body,
        .hs-slide4.ts4-ready .ts4-badge,
        .hs-slide4.ts4-ready .ts4-cta,
        .hs-slide4.ts4-ready .ts4-phone-wrap,
        .hs-slide4.ts4-ready .ts4-panel,
        .hs-slide4.ts4-ready .ts4-hex,
        .hs-slide4.ts4-ready .ts4-tagline {
          animation-play-state: running;
        }

        @keyframes ts4-ambient-drift {
          0% {
            opacity: 0.78;
            filter: blur(10px);
            transform: translate3d(0, 0, 0) scale(1);
          }
          50% {
            opacity: 0.94;
            filter: blur(12px);
            transform: translate3d(-0.8%, 1%, 0) scale(1.03);
          }
          100% {
            opacity: 0.84;
            filter: blur(14px);
            transform: translate3d(1.1%, -0.9%, 0) scale(1.05);
          }
        }

        @keyframes ts4-bgshift-soft {
          0% {
            opacity: 0.12;
            transform: translate3d(-1.2%, 0.6%, 0) scale(1.01);
          }
          50% {
            opacity: 0.22;
            transform: translate3d(0.7%, -0.7%, 0) scale(1.035);
          }
          100% {
            opacity: 0.32;
            transform: translate3d(1.4%, -1.1%, 0) scale(1.06);
          }
        }

        @keyframes ts4-warmveil {
          0% {
            opacity: 0.05;
            transform: translate3d(0, 0, 0) scale(1);
          }
          50% {
            opacity: 0.12;
            transform: translate3d(0.8%, -0.5%, 0) scale(1.02);
          }
          100% {
            opacity: 0.18;
            transform: translate3d(-0.6%, 0.7%, 0) scale(1.03);
          }
        }

        @keyframes ts4-center-glow {
          0% {
            opacity: 0.38;
            transform: translateY(-50%) scale(0.98);
          }
          100% {
            opacity: 0.58;
            transform: translateY(-50%) scale(1.06);
          }
        }

        @keyframes ts4-corner-glow-a {
          0% {
            opacity: 0.42;
            transform: translate3d(0, 0, 0) scale(1);
          }
          100% {
            opacity: 0.62;
            transform: translate3d(2%, -1%, 0) scale(1.08);
          }
        }

        @keyframes ts4-corner-glow-b {
          0% {
            opacity: 0.34;
            transform: translate3d(0, 0, 0) scale(1);
          }
          100% {
            opacity: 0.54;
            transform: translate3d(-1.5%, 1%, 0) scale(1.08);
          }
        }

        @keyframes ts4-heroin {
          0% { opacity: 0; transform: translateX(220px); }
          72% { opacity: 1; transform: translateX(-6px); }
          100% { opacity: 1; transform: translateX(0); }
        }

        @keyframes ts4-bodyin {
          0% { opacity: 0; transform: translateX(120px); }
          100% { opacity: 1; transform: translateX(0); }
        }

        @keyframes ts4-linein {
          0% { opacity: 0; transform: translateX(80px); }
          100% { opacity: 1; transform: translateX(0); }
        }

        @keyframes ts4-badgein {
          0% { opacity: 0; transform: translateX(90px); }
          80% { opacity: 1; transform: translateX(-2px); }
          100% { opacity: 1; transform: translateX(0); }
        }

        @keyframes ts4-phonein {
          0% { opacity: 0; transform: translateY(54%) rotate(8deg) scale(0.94); }
          68% { opacity: 1; transform: translateY(-2%) rotate(8deg) scale(1.02); }
          100% { opacity: 1; transform: translateY(0) rotate(8deg) scale(1); }
        }

        @keyframes ts4-phonefloat {
          0%, 100% { transform: translateY(0) rotate(8deg) scale(1); }
          50% { transform: translateY(-5px) rotate(8deg) scale(1); }
        }

        @keyframes ts4-phonein-mobile {
          0% { opacity: 0; transform: translateY(54%) rotate(4deg) scale(0.94); }
          68% { opacity: 1; transform: translateY(-2%) rotate(4deg) scale(1.02); }
          100% { opacity: 1; transform: translateY(0) rotate(4deg) scale(1); }
        }

        @keyframes ts4-phonefloat-mobile {
          0%, 100% { transform: translateY(0) rotate(4deg) scale(1); }
          50% { transform: translateY(-4px) rotate(4deg) scale(1); }
        }

        @keyframes ts4-panelleft {
          0% { opacity: 0; transform: translateX(-16%); }
          100% { opacity: 1; transform: translateX(0); }
        }

        @keyframes ts4-panelright {
          0% { opacity: 0; transform: translateX(16%); }
          100% { opacity: 1; transform: translateX(0); }
        }

        @keyframes ts4-panel-float {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-4px); }
        }

        @keyframes ts4-hex-tl {
          0% {
            opacity: 0;
            transform: translate(-66%, -42%) scale(0.46) rotate(-14deg);
          }
          58% {
            opacity: 1;
            transform: translate(6%, 5%) scale(1.07) rotate(4deg);
          }
          78% {
            opacity: 1;
            transform: translate(-1%, -1%) scale(0.99) rotate(-1deg);
          }
          100% {
            opacity: 1;
            transform: translate(0, 0) scale(1) rotate(0deg);
          }
        }

        @keyframes ts4-hex-tr {
          0% {
            opacity: 0;
            transform: translate(66%, -42%) scale(0.46) rotate(14deg);
          }
          58% {
            opacity: 1;
            transform: translate(-6%, 5%) scale(1.07) rotate(-4deg);
          }
          78% {
            opacity: 1;
            transform: translate(1%, -1%) scale(0.99) rotate(1deg);
          }
          100% {
            opacity: 1;
            transform: translate(0, 0) scale(1) rotate(0deg);
          }
        }

        @keyframes ts4-hex-bl {
          0% {
            opacity: 0;
            transform: translate(-66%, 42%) scale(0.46) rotate(14deg);
          }
          58% {
            opacity: 1;
            transform: translate(6%, -5%) scale(1.07) rotate(-4deg);
          }
          78% {
            opacity: 1;
            transform: translate(-1%, 1%) scale(0.99) rotate(1deg);
          }
          100% {
            opacity: 1;
            transform: translate(0, 0) scale(1) rotate(0deg);
          }
        }

        @keyframes ts4-hex-br {
          0% {
            opacity: 0;
            transform: translate(66%, 42%) scale(0.46) rotate(-14deg);
          }
          58% {
            opacity: 1;
            transform: translate(-6%, -5%) scale(1.07) rotate(4deg);
          }
          78% {
            opacity: 1;
            transform: translate(1%, 1%) scale(0.99) rotate(-1deg);
          }
          100% {
            opacity: 1;
            transform: translate(0, 0) scale(1) rotate(0deg);
          }
        }

        @keyframes ts4-hex-float {
          0%, 100% { transform: translateY(0) scale(1); }
          50% { transform: translateY(-6px) scale(1.02); }
        }

        @keyframes ts4-wave {
          from { transform: translateX(0); }
          to { transform: translateX(-2.5%); }
        }

        @keyframes ts4-taglinein {
          0% { opacity: 0; transform: translateY(20px); }
          100% { opacity: 1; transform: translateY(0); }
        }

        @keyframes ts4-ctain {
          0% { opacity: 0; transform: translateY(14px); }
          100% { opacity: 1; transform: translateY(0); }
        }

        @media (max-width: 1100px) {
          .hs-slide4 .ts4-stage { height: auto !important; min-height: 800px; }
          .hs-slide4 .ts4-canvas { width: 100% !important; height: auto !important; transform: none !important; }
          .hs-slide4 .ts4-layout {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            height: auto;
            min-height: 100%;
          }

          .hs-slide4 .ts4-stage {
            aspect-ratio: auto;
            min-height: 800px;
          }

          .hs-slide4 .ts4-left {
            height: 378px;
            min-height: 378px;
          }

          .hs-slide4 .ts4-right {
            display: block;
            height: auto;
            padding: 20px 26px 30px;
          }

          .hs-slide4 .ts4-copy {
            max-width: 100%;
            padding: 0;
          }

          .hs-slide4 .ts4-pill {
            margin-bottom: 12px;
          }

          .hs-slide4 .ts4-h1 {
            font-size: clamp(30px, 4.3vw, 40px);
            line-height: 1.1;
          }

          .hs-slide4 .ts4-h2 {
            margin-bottom: 8px;
            font-size: clamp(19px, 2.35vw, 25px);
            line-height: 1.3;
          }

          .hs-slide4 .ts4-desc {
            white-space: nowrap;
            max-width: none;
            font-size: clamp(14px, 1.45vw, 16.5px);
            margin-bottom: 15px;
          }

          .hs-slide4 .ts4-badges {
            gap: 10px;
          }

          .hs-slide4 .ts4-badge {
            font-size: clamp(14.6px, 1.58vw, 16.6px);
            line-height: 1.32;
            padding: 11px 15px 11px 14px;
            max-width: 100%;
          }

          .hs-slide4 .ts4-cta {
            margin-top: 14px;
            padding: 12px 22px;
            font-size: 15.5px;
          }

          .hs-slide4 .ts4-phone-wrap {
            left: calc(50% - 72px);
            top: 8%;
            width: 144px;
          }

          .hs-slide4 .ts4-panel.left,
          .hs-slide4 .ts4-panel.right {
            width: clamp(148px, 21%, 176px);
            height: auto;
            aspect-ratio: 210 / 168;
            border-radius: 10px;
          }

          .hs-slide4 .ts4-panel.left {
            left: 5%;
            top: 39%;
          }

          .hs-slide4 .ts4-panel.right {
            left: auto;
            right: 5%;
            top: 39%;
          }

          .hs-slide4 .ts4-panel-top {
            height: 24px;
            padding: 0 8px;
          }

          .hs-slide4 .ts4-tab {
            margin-left: 7px;
            font-size: 8.5px;
            padding: 2px 7px;
          }

          .hs-slide4 .ts4-panel-body {
            padding: 9px 9px 7px;
            gap: 5px;
          }

          .hs-slide4 .ts4-panel-lines {
            gap: 5px;
          }

          .hs-slide4 .ts4-hex {
            width: 68px;
            min-width: 68px;
          }

          .hs-slide4 .ts4-hex text {
            font-size: 13px;
          }

          .hs-slide4 .ts4-digital {
            font-size: 11px;
            width: 82%;
          }

          .hs-slide4 .ts4-hex.ble  { left: 7%; top: 14%; }
          .hs-slide4 .ts4-hex.nfc  { left: auto; right: 7%; top: 14%; }
          .hs-slide4 .ts4-hex.mdoc { left: 7%; top: 70%; }
          .hs-slide4 .ts4-hex.mdl  { left: auto; right: 7%; top: 70%; }

          .hs-slide4 .ts4-tagline {
            display: none;
          }
        }

        @media (max-width: 700px) {
          .hs-slide4 .ts4-stage {
            min-height: 710px;
          }

          .hs-slide4 .ts4-left {
            height: 316px;
            min-height: 316px;
          }

          .hs-slide4 .ts4-right {
            padding: 15px 12px 22px;
          }

          .hs-slide4 .ts4-pill {
            font-size: 12.5px;
            padding: 7px 14px;
          }

          .hs-slide4 .ts4-h1 {
            letter-spacing: -0.01em;
          }

          .hs-slide4 .ts4-h1:first-of-type {
            font-size: clamp(19px, 6vw, 24px);
            line-height: 1.08;
          }

          .hs-slide4 .ts4-h1:last-of-type {
            font-size: clamp(16.6px, 4.55vw, 19px);
            line-height: 1.12;
            white-space: nowrap;
          }

          .hs-slide4 .ts4-h2 {
            font-size: clamp(15.5px, 4vw, 18px);
            line-height: 1.28;
            margin-bottom: 4px;
            white-space: nowrap;
          }

          .hs-slide4 .ts4-desc {
            white-space: nowrap;
            max-width: none;
            font-size: 11.8px;
            line-height: 1.35;
          }

          .hs-slide4 .ts4-badges {
            gap: 8px;
            align-items: flex-start;
          }

          .hs-slide4 .ts4-badge {
            align-self: flex-start;
            width: fit-content;
            max-width: min(100%, 354px);
            font-size: 13.7px;
            line-height: 1.22;
            letter-spacing: -0.01em;
            white-space: nowrap;
            padding: 9px 13px 9px 11px;
          }


          .hs-slide4 .ts4-check {
            margin-right: 7px;
          }

          .hs-slide4 .ts4-cta {
            width: auto;
            min-width: 158px;
            justify-content: center;
            padding: 11px 18px;
            font-size: 15px;
          }

          .hs-slide4 .ts4-phone-wrap {
            left: calc(50% - 62px);
            top: 9%;
            width: 124px;
            animation: ts4-phonein-mobile 1200ms cubic-bezier(.18,.89,.32,1.18) .5s forwards, ts4-phonefloat-mobile 4.8s ease-in-out 5.35s infinite;
          }

          .hs-slide4 .ts4-panel.left,
          .hs-slide4 .ts4-panel.right {
            width: 118px;
            height: auto;
            aspect-ratio: 210 / 168;
          }

          .hs-slide4 .ts4-panel.left {
            left: calc(50% - 144px);
            top: 41%;
          }

          .hs-slide4 .ts4-panel.right {
            left: auto;
            right: calc(50% - 144px);
            top: 41%;
          }

          .hs-slide4 .ts4-panel-top {
            height: 20px;
            padding: 0 6px;
          }

          .hs-slide4 .ts4-tab {
            margin-left: 5px;
            font-size: 7px;
            padding: 1px 6px;
          }

          .hs-slide4 .ts4-panel-body {
            padding: 6px 6px 5px;
            gap: 4px;
          }

          .hs-slide4 .ts4-panel-lines {
            gap: 4px;
          }

          .hs-slide4 .ts4-stats {
            gap: 4px;
            margin-top: 4px;
          }

          .hs-slide4 .ts4-stat {
            height: 16px;
            border-radius: 6px;
          }

          .hs-slide4 .ts4-hex {
            width: 66px;
            min-width: 66px;
          }

          .hs-slide4 .ts4-hex-label {
            font-size: 13.2px;
          }

          .hs-slide4 .ts4-digital {
            top: 58.3%;
            font-size: 10.8px;
            width: 86%;
            line-height: 1.03;
          }

          .hs-slide4 .ts4-hex.ble  { left: calc(50% - 150px); top: 11%; }
          .hs-slide4 .ts4-hex.nfc  { left: auto; right: calc(50% - 150px); top: 11%; }
          .hs-slide4 .ts4-hex.mdoc { left: calc(50% - 150px); top: 70%; }
          .hs-slide4 .ts4-hex.mdl  { left: auto; right: calc(50% - 150px); top: 70%; }

          .hs-slide4 .ts4-tagline {
            display: none;
          }
        }

        @media (max-width: 480px) {
          .hs-slide4 .ts4-stage {
            min-height: 680px;
          }

          .hs-slide4 .ts4-left {
            height: 300px;
            min-height: 300px;
          }

          .hs-slide4 .ts4-h1:first-of-type {
            font-size: 21.8px;
          }

          .hs-slide4 .ts4-h1:last-of-type {
            font-size: 17.8px;
            line-height: 1.1;
            white-space: nowrap;
          }

          .hs-slide4 .ts4-h2 {
            font-size: 15.4px;
            white-space: nowrap;
          }

          .hs-slide4 .ts4-desc {
            font-size: 11.9px;
            line-height: 1.34;
            white-space: nowrap;
          }

          .hs-slide4 .ts4-badges {
            gap: 7px;
          }

          .hs-slide4 .ts4-badge {
            max-width: calc(100% - 2px);
            font-size: 13.15px;
            line-height: 1.18;
            letter-spacing: -0.012em;
            white-space: nowrap;
            padding: 9px 12px 9px 10px;
          }


          .hs-slide4 .ts4-phone-wrap {
            left: calc(50% - 58px);
            top: 9%;
            width: 116px;
          }

          .hs-slide4 .ts4-panel.left,
          .hs-slide4 .ts4-panel.right {
            width: 108px;
          }

          .hs-slide4 .ts4-panel.left {
            left: calc(50% - 132px);
            top: 42.5%;
          }

          .hs-slide4 .ts4-panel.right {
            left: auto;
            right: calc(50% - 132px);
            top: 42.5%;
          }

          .hs-slide4 .ts4-hex {
            width: 68px;
            min-width: 68px;
          }

          .hs-slide4 .ts4-hex-label {
            font-size: 13.6px;
          }

          .hs-slide4 .ts4-digital {
            top: 58.1%;
            font-size: 11px;
            width: 86%;
          }

          .hs-slide4 .ts4-hex.ble  { left: calc(50% - 136px); top: 12%; }
          .hs-slide4 .ts4-hex.nfc  { left: auto; right: calc(50% - 136px); top: 12%; }
          .hs-slide4 .ts4-hex.mdoc { left: calc(50% - 136px); top: 70%; }
          .hs-slide4 .ts4-hex.mdl  { left: auto; right: calc(50% - 136px); top: 70%; }
        }