/* Fully scoped: all rules stay inside .sts-products */
.sts-products, .sts-products * { box-sizing: border-box; }
.sts-products {
  --sts-bg: #07101d; --sts-text: #f4f7fb;
  min-height: auto; overflow: hidden; margin: 0; padding: 56px 16px 72px;
  color: var(--sts-text); font-family: "Space Grotesk", sans-serif;
  background: linear-gradient(rgba(12,25,43,.76),rgba(3,8,15,.97)), repeating-linear-gradient(90deg,transparent 0 55px,rgba(190,220,255,.025) 56px),var(--sts-bg);
}
.sts-wrap { width: min(100%,1456px); margin: 0 auto; }
.sts-heading { margin: 0 auto 40px; text-align: center; }
.sts-heading p { margin: 0 0 7px; color: #12d7f7; font: 700 13px "Rajdhani",sans-serif; letter-spacing: 2.5px; text-transform: uppercase; }
.sts-heading h2 { margin: 0; color: var(--sts-text); font: 500 clamp(32px,5vw,56px)/1 "Rajdhani",sans-serif; letter-spacing: 0; text-transform: uppercase; }
.sts-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px 18px; }
.sts-card { --c:#14cfff; position:relative; display:grid; grid-template-columns:45px minmax(0,1fr); min-width:0; min-height:496px; overflow:hidden; isolation:isolate; border:1px solid var(--c); border-radius:5px; color:var(--sts-text); background:linear-gradient(145deg,color-mix(in srgb,var(--c) 15%,transparent),transparent 34%),rgba(4,11,21,.98); box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 0 25px color-mix(in srgb,var(--c) 18%,transparent),0 18px 35px rgba(0,0,0,.48); transition: transform .22s ease, box-shadow .22s ease; }
.sts-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(115deg,transparent 52%,color-mix(in srgb,var(--c) 19%,transparent) 52.3%,transparent 53%),linear-gradient(65deg,transparent 63%,color-mix(in srgb,var(--c) 14%,transparent) 63.4%,transparent 64%); }
.sts-card::after { content:""; position:absolute; inset:0; border-top:3px solid var(--c); box-shadow:0 -4px 18px color-mix(in srgb,var(--c) 75%,transparent) inset; pointer-events:none; }
.sts-blue{--c:#00cfff}.sts-green{--c:#00e889}.sts-violet{--c:#9472ff}.sts-orange{--c:#ff7900}.sts-gold{--c:#ffd11a}.sts-purple{--c:#d85aff}.sts-red{--c:#ff3347}.sts-amber{--c:#ffc52f}
.sts-rail { display:flex; align-items:center; flex-direction:column; gap:17px; border-right:1px solid color-mix(in srgb,var(--c) 35%,transparent); padding:21px 7px; color:var(--c); background:color-mix(in srgb,var(--c) 7%,transparent); }
.sts-rail b { font-size:21px; filter:drop-shadow(0 0 7px var(--c)); }
.sts-rail span { flex:1; color:color-mix(in srgb,var(--c) 78%,white); font:700 9px "Rajdhani",sans-serif; letter-spacing:.7px; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); }
.sts-body { position:relative; display:flex; min-width:0; flex-direction:column; padding:19px 16px 14px; }
.sts-brand { display:flex; min-width:0; align-items:center; gap:11px; }
.sts-symbol { flex:0 0 auto; color:var(--c); font:700 37px/1 "Rajdhani",sans-serif; filter:drop-shadow(0 0 10px var(--c)); }
.sts-brand strong,.sts-brand small { display:block; text-transform:uppercase; }
.sts-brand strong { font:600 13px "Rajdhani",sans-serif; letter-spacing:1.2px; }
.sts-brand small { margin-top:2px; color:var(--c); font:500 8px "Rajdhani",sans-serif; letter-spacing:1px; }
.sts-body h3 { overflow-wrap:anywhere; margin:22px 0 0; color:var(--c); font:700 clamp(30px,2.6vw,46px)/.86 "Rajdhani",sans-serif; letter-spacing:0; text-transform:uppercase; text-shadow:0 0 15px color-mix(in srgb,var(--c) 58%,transparent); }
.sts-package { margin-top:3px; font:600 15px "Rajdhani",sans-serif; letter-spacing:4px; text-transform:uppercase; }
.sts-price { margin:8px -16px 0; border-block:1px solid color-mix(in srgb,var(--c) 32%,transparent); padding:7px 11px; font:700 23px/1 "Rajdhani",sans-serif; text-align:center; background:rgba(0,0,0,.42); }
.sts-body ul { position:relative; z-index:1; display:grid; gap:9px; margin:18px 0 0; padding:0; list-style:none; }
.sts-body li { display:grid; grid-template-columns:16px minmax(0,1fr); align-items:start; gap:8px; font-size:11px; line-height:1.35; }
.sts-body li::before { content:"✓"; display:grid; width:14px; height:14px; place-items:center; border-radius:50%; color:#07101d; background:var(--c); box-shadow:0 0 8px var(--c); font-size:10px; font-weight:900; }
.sts-note { position:relative; z-index:1; display:grid; grid-template-columns:17px minmax(0,1fr); gap:8px; margin:12px 0 68px; color:#e8edf6; font-size:10.5px; line-height:1.42; }
.sts-note:first-letter { color:var(--c); }
.sts-bars { position:absolute; right:13px; bottom:38px; left:10px; display:flex; height:64px; align-items:end; gap:3px; opacity:.78; }
.sts-bars::before { content:""; position:absolute; right:0; bottom:16px; left:0; height:1px; background:linear-gradient(90deg,transparent,var(--c),transparent); transform:rotate(-9deg); box-shadow:0 0 8px var(--c); }
.sts-bars i { width:100%; min-height:4px; background:var(--c); box-shadow:0 0 7px var(--c); }
.sts-bars i:nth-child(1){height:29%}.sts-bars i:nth-child(2){height:41%}.sts-bars i:nth-child(3){height:25%}.sts-bars i:nth-child(4){height:52%}.sts-bars i:nth-child(5){height:38%}.sts-bars i:nth-child(6){height:63%}.sts-bars i:nth-child(7){height:48%}.sts-bars i:nth-child(8){height:76%}.sts-bars i:nth-child(9){height:57%}.sts-bars i:nth-child(10){height:87%}.sts-bars i:nth-child(11){height:68%}.sts-bars i:nth-child(12){height:100%}
.sts-body footer { position:relative; z-index:1; display:flex; justify-content:space-between; margin-top:auto; border-top:1px solid color-mix(in srgb,var(--c) 48%,transparent); padding-top:9px; color:color-mix(in srgb,var(--c) 70%,white); font:700 8px "Rajdhani",sans-serif; letter-spacing:.6px; text-transform:uppercase; }
.sts-card:hover { transform: translateY(-6px); box-shadow: 0 0 35px color-mix(in srgb,var(--c) 35%,transparent), 0 24px 44px rgba(0,0,0,.65); }
.sts-cta-row { text-align: center; margin-top: 40px; }
.sts-cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 32px; border-radius: 9999px; background: linear-gradient(135deg, #00d4ff, #7c3aed); color: #fff; font-weight: 700; text-decoration: none; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 4px 20px rgba(0,212,255,0.4); transition: all 0.3s ease; }
.sts-cta-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 30px rgba(0,212,255,0.6); }

@media(max-width:1120px){.sts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sts-card{min-height:480px}.sts-body h3{font-size:clamp(36px,6vw,51px)}.sts-body li{font-size:12px}}
@media(max-width:620px){.sts-products{padding:44px 14px 56px}.sts-heading{margin-bottom:28px}.sts-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sts-card{min-height:480px;grid-template-columns:42px minmax(0,1fr)}.sts-body{padding-inline:18px}.sts-body h3{font-size:clamp(36px,13vw,54px)}.sts-price{margin-inline:-18px;font-size:26px}.sts-body li{font-size:12.5px}}