/* Nyrex spoofer app preview (Perm Spoofer product page) */
.sp-wrap{max-width:1240px;margin:0 auto;padding:70px 24px 0}
.sp-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ff5fa8;margin:0 0 14px}
.sp-eyebrow i{width:26px;height:1px;background:#ff2e86;display:block}
.sp-title{font-family:"Unbounded","Inter",sans-serif;font-weight:900;font-size:clamp(24px,3vw,40px);text-transform:uppercase;letter-spacing:-.03em;color:#fff;margin:0 0 10px}
.sp-lead{color:#a89cb4;font-size:15px;margin:0 0 28px;max-width:680px;line-height:1.6}
.sp-win{--pk:#ff1aa8;--pk2:#ff4fc3;position:relative;max-width:1040px;border-radius:16px;overflow:hidden;background:#0d0d10;border:1px solid rgba(255,26,168,.3);color:#e8e6ea;font-family:"Inter",system-ui,sans-serif;
  box-shadow:0 30px 80px rgba(255,26,168,.16),0 0 110px rgba(255,26,168,.1)}
.sp-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.sp-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.sp-brand img{height:26px;width:auto}
.sp-nav{display:flex;gap:4px;padding:4px;border-radius:14px;background:#15151a;border:1px solid rgba(255,255,255,.06)}
.sp-nav button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:0;border-radius:10px;background:none;color:#a7a4ad;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}
.sp-nav button svg{width:17px;height:17px}
.sp-nav button:hover{color:#fff}
.sp-nav button.on{background:var(--pk);color:#fff;box-shadow:0 6px 18px rgba(255,26,168,.4)}
.sp-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:13px;font-weight:600;color:#a7a4ad}
.sp-right a{color:inherit;text-decoration:none}.sp-right a:hover{color:#fff}
.sp-right i{width:12px;height:2px;background:#8d8a93}.sp-right i.x{height:12px;width:12px;background:none;position:relative}
.sp-right i.x::before,.sp-right i.x::after{content:"";position:absolute;left:5px;top:-1px;width:2px;height:14px;background:#8d8a93;transform:rotate(45deg)}.sp-right i.x::after{transform:rotate(-45deg)}
.sp-body{padding:22px 26px 28px;min-height:470px}
.sp-body h3{margin:0 0 4px;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.01em}
.sp-mute{color:#7e7b85;font-size:13px;margin:0}
.sp-welcome{color:#9a97a1;font-size:13.5px}
.sp-status{margin:4px 0 20px!important;font-size:26px!important}
.sp-status u{text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#9a97a1}
.sp-status i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#5a5a62;margin-left:8px}
.sp-status i.ok{background:#3dff9a;box-shadow:0 0 12px #3dff9a}
.sp-home,.sp-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.sp-col{display:grid;gap:16px;min-width:0}
.sp-card{position:relative;background:linear-gradient(180deg,#17171c,#121216);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px 20px;text-align:left;color:inherit;font:inherit;min-width:0}
button.sp-card{cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;width:100%}
button.sp-card:hover{border-color:rgba(255,26,168,.5);transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,26,168,.12)}
.sp-big{min-height:190px;display:flex;flex-direction:column;gap:8px}
.sp-big small,.sp-lab{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#9a97a1;text-transform:uppercase}
.sp-big small svg,.sp-lab svg{width:14px;height:14px}
.sp-big h4,.sp-card h4{margin:0;font-size:19px;font-weight:800;color:#fff}
.sp-big p{margin:2px 0 0;color:#8d8a93;font-size:13.5px}
.sp-big em{margin-top:auto;align-self:flex-end;font-style:normal;color:#9a97a1;font-size:13px}
.sp-rec{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--pk);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}
.sp-rec svg{width:12px;height:12px}
.sp-h{display:flex!important;align-items:center;gap:10px;font-size:15px!important}
.sp-h svg{width:17px;height:17px;color:#9a97a1}
.sp-acts{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:12.5px;color:#cfccd4}
.sp-acts li{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04)}
.sp-logl{max-height:250px;overflow:auto}
.sp-up{margin:14px 0 0;padding-left:18px;color:#a7a4ad;font-size:13px;line-height:1.9}
.sp-pc{display:grid;grid-template-columns:70px 1fr;gap:8px 12px;margin:14px 0 0;font-size:12.5px}
.sp-pc dt{color:#7e7b85}.sp-pc dd{margin:0;color:#cfccd4}
.sp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.sp-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:#15151a;border:1px solid rgba(255,255,255,.06)}
.sp-seg button{height:34px;padding:0 20px;border:0;border-radius:10px;background:none;color:#a7a4ad;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.sp-seg button.on{background:var(--pk);color:#fff;box-shadow:0 6px 16px rgba(255,26,168,.4)}
.sp-bd{display:block;margin:10px 0 14px;font-size:14px;font-weight:800;color:#fff}
.sp-trow{display:flex;align-items:center;justify-content:space-between;height:38px;font-size:13.5px;font-weight:600;color:#cfccd4}
.sp-tg{position:relative;width:40px;height:23px;border-radius:23px;border:0;background:#2b2b31;cursor:pointer;transition:background .18s}
.sp-tg::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#bdbac2;transition:transform .18s,background .18s}
.sp-tg.on{background:var(--pk);box-shadow:0 0 12px rgba(255,26,168,.4)}.sp-tg.on::after{transform:translateX(17px);background:#fff}
.sp-sep{height:1px;background:rgba(255,255,255,.07);margin:8px 0}
.sp-chk{display:flex;align-items:center;gap:12px;height:32px;font-size:13.5px;font-weight:600;color:#cfccd4;cursor:pointer}
.sp-chk input{position:absolute;opacity:0}
.sp-chk i{width:17px;height:17px;border-radius:4px;border:1.5px solid #5a5a62;display:grid;place-items:center}
.sp-chk input:checked+i{background:var(--pk);border-color:var(--pk)}.sp-chk input:checked+i::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.sp-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--pk2),var(--pk) 60%,#d6129a);color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:700;box-shadow:0 12px 28px rgba(255,26,168,.32);transition:transform .15s,filter .15s}
.sp-go:hover{transform:translateY(-2px);filter:brightness(1.08)}.sp-go svg{width:16px;height:16px}
.sp-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#1a1a1f;color:#fff;cursor:pointer;font:inherit;font-size:13.5px;font-weight:700;transition:border-color .15s,background .15s}
.sp-btn:hover{border-color:rgba(255,26,168,.5);background:#201a24}.sp-btn svg{width:16px;height:16px}
.sp-btns{display:grid;gap:12px;margin-top:20px}.sp-btns .sp-go{margin-top:0}
.sp-idh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sp-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:#25252b;border:1px solid rgba(255,255,255,.08);color:#b9b6bf;font-size:10.5px;font-weight:800;letter-spacing:.06em}
.sp-idr{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid rgba(255,255,255,.06)}
.sp-idh+.sp-idr{border-top:0}
.sp-ico{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#202026;color:#8d8a93}.sp-ico svg{width:17px;height:17px}
.sp-idr b,.sp-tt b{display:block;font-size:13px;font-weight:700;color:#fff}
.sp-idr em,.sp-tt em{display:block;font-style:normal;font-size:11.5px;color:#7e7b85;margin-top:3px;word-break:break-all}
.sp-trace{min-height:300px;display:flex;flex-direction:column;gap:8px}
.sp-trace p{margin:0;color:#8d8a93;font-size:13.5px}
.sp-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#202026;color:#a7a4ad;font-size:10.5px;font-weight:800;letter-spacing:.06em}.sp-pill svg{width:12px;height:12px}
.sp-sup{margin-top:auto;display:grid;gap:6px;font-size:13px;color:#a7a4ad}.sp-sup b{color:#fff;margin-bottom:4px}
.sp-sup span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5a5a62;margin-right:10px}
.sp-ms{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;margin-top:16px}
.sp-brands,.sp-models{background:linear-gradient(180deg,#17171c,#121216);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px}
.sp-brands{display:grid;gap:6px;align-content:start}.sp-brands small{color:#cfccd4;font-size:13px;font-weight:700;margin-bottom:6px}
.sp-brands button{height:40px;text-align:left;padding:0 14px;border:0;border-radius:10px;background:none;color:#a7a4ad;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600}
.sp-brands button:hover{color:#fff}.sp-brands button.on{background:#26262d;color:#fff}
.sp-models h4{margin:0 0 12px}
.sp-sr{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:10px;background:#1b1b20;border:1px solid rgba(255,255,255,.07);color:#7e7b85}
.sp-sr svg{width:16px;height:16px}.sp-sr input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:13px}
.sp-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;max-height:230px;overflow:auto}
.sp-mgrid button{height:38px;text-align:left;padding:0 14px;border:1px solid transparent;border-radius:9px;background:#1d1d23;color:#cfccd4;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600}
.sp-mgrid button:hover{border-color:rgba(255,26,168,.4)}.sp-mgrid button.on{background:rgba(255,26,168,.18);border-color:var(--pk);color:#fff}
.sp-ask{display:grid;gap:10px;font-size:12.5px;color:#8d8a93}.sp-ask>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-ask .sp-go,.sp-ask .sp-btn{margin:0;height:44px}
.sp-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp-tile{display:grid;gap:22px;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#17171c,#121216);color:inherit;cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}
.sp-tile:hover{border-color:rgba(255,26,168,.5);transform:translateY(-2px)}.sp-tile.wide{grid-column:1/-1}
.sp-tt{display:flex;align-items:center;gap:14px}.sp-tt .sp-badge{margin-left:auto}
.sp-tile strong{font-size:15px;font-weight:800;color:#fff;word-break:break-all}
.sp-toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;padding:10px 18px;border-radius:10px;background:#1d1d23;border:1px solid rgba(255,26,168,.5);color:#fff;font-size:13px;font-weight:600;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%}
.sp-toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:820px){
  .sp-wrap{padding:54px 16px 0}
  .sp-bar{grid-template-columns:1fr;justify-items:center}.sp-right{display:none}.sp-nav{overflow-x:auto;max-width:100%}.sp-nav button{padding:0 11px}.sp-nav span{display:none}
  .sp-home,.sp-two,.sp-ms,.sp-tiles{grid-template-columns:1fr}.sp-head{flex-direction:column}.sp-body{padding:18px 16px 24px}.sp-mgrid{grid-template-columns:1fr}
}