/* Layout values taken from the archived public components. Visual comparison is pending. */
html,body{width:100%;min-width:0;min-height:100%;-webkit-text-size-adjust:100%}
img,canvas{max-width:100%}
.header-inner{position:relative}.header-title{flex:1;min-width:0}.header-title span{min-width:0;overflow-wrap:anywhere}.back-button,.credit-pill{flex-shrink:0}
.local-status-row{position:fixed;bottom:max(6px,env(safe-area-inset-bottom));left:12px;z-index:45;padding:0;margin:0;max-width:calc(100% - 24px);pointer-events:none}
.local-status{pointer-events:auto;background:#040607eb;border:1px solid #ffffff0a;border-radius:5px;padding:3px 6px;font-size:9px;text-align:left}
.page.dashboard{max-width:1280px;padding:16px 12px}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.service-card.wide{grid-column:span 2}.service-card,.preview-row-main>button[data-go]{min-width:0}
.welcome-intro h1{font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-intro p{font-size:13px}.level-chip{flex-shrink:0}
.drawer{max-height:100dvh;overflow-y:auto}.drawer-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}
.modal{max-width:420px;max-height:min(90vh,calc(100dvh - 32px));overflow-y:auto;overscroll-behavior:contain}.modal-actions>button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.modal.service-confirmation{position:relative;max-width:320px;padding:16px;border-radius:16px}.service-confirmation .modal-head{display:block;text-align:center}.service-confirmation .modal-head h2{font-size:16px}.service-confirmation .modal-close{position:absolute;right:14px;top:12px}.service-confirmation .modal-body{text-align:center;font-size:14px;line-height:1.4}.service-confirmation .modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}.service-confirmation .modal-actions .btn{min-height:44px}.service-confirmation .modal-actions .btn-secondary{min-height:36px;border:0;background:none}
.account-auth{min-height:100vh;min-height:100svh;padding:12px;align-items:center}.account-auth-wrap{max-width:448px;margin-top:-64px;padding-top:0}.account-auth-logo{margin:0 auto 20px}.account-field{font-size:14px}.account-auth-title{padding:16px 16px 12px}.account-auth form{padding:0 16px 16px}.account-auth-title h1{font-size:18px}.account-auth-title p{font-size:12px}
.account-credits{max-width:896px;padding:32px 16px 16px}.account-packages{grid-template-columns:1fr;gap:12px}.account-package{min-width:0}
.account-profile{max-width:672px;padding:12px}.account-profile-top>div{min-width:0}.account-profile-top h1{overflow-wrap:anywhere}.account-profile-stats>div{min-width:0}
.account-levels{max-width:800px;padding:clamp(12px,3vw,16px);padding-bottom:clamp(80px,20vw,100px)}
.account-help{max-width:1040px;padding:clamp(20px,5vw,30px) clamp(12px,4vw,20px)}
body[data-route="HelpCenter"] .app-main{background:#000;min-height:100vh}
.account-help .account-heading{margin:0 0 clamp(30px,8vw,48px)}
.account-help .account-heading-icon{width:clamp(64px,16vw,80px);height:clamp(64px,16vw,80px);margin:0 auto clamp(16px,4vw,20px)}
.account-help .account-heading-icon svg{width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px)}
.account-help .account-heading h1{font-size:clamp(24px,7.5vw,36px);font-weight:700;line-height:1.2;margin:0 0 clamp(8px,2vw,12px)}
.account-help .account-heading p{font-size:clamp(14px,3.5vw,16px)}
.account-help .account-faqs{gap:clamp(8px,2vw,12px)}
.account-help .account-faq{border-radius:clamp(10px,3vw,12px);transition:all .2s ease}
.account-help .account-faq>button{padding:clamp(16px,4vw,20px);gap:clamp(12px,3vw,16px);font-size:clamp(13px,3.5vw,15px)}
.account-help .account-faq>button svg{width:clamp(18px,4.5vw,20px);height:clamp(18px,4.5vw,20px);transition:transform .3s ease}
.account-help .account-faq>div{padding:0 clamp(16px,4vw,20px) clamp(16px,4vw,20px)}
.account-help .account-faq>div p{font-size:clamp(12px,3vw,14px);line-height:1.6;margin-top:clamp(12px,3vw,16px)}
.account-help .account-faq>div:not([hidden]){animation:help-answer-enter .3s ease-in forwards}
.account-help-footer{text-align:left;padding:clamp(20px,6vw,32px);margin-top:clamp(24px,6vw,32px);border-radius:clamp(16px,5vw,24px);border-color:#ab58f44d;box-shadow:0 4px 20px #ab58f433}
.account-help-footer h2{font-size:clamp(16px,4.5vw,20px);margin:0 0 clamp(8px,2vw,12px)}
.account-help-footer p{font-size:clamp(13px,3.5vw,15px);line-height:1.5;margin:0 0 clamp(16px,4vw,20px)}
.account-help-footer .btn{width:100%;padding:clamp(16px,4.5vw,20px);font-size:clamp(14px,3.5vw,16px);border-radius:clamp(10px,3vw,12px);gap:clamp(8px,2vw,10px);box-shadow:0 6px 24px #ab58f480;transition:all .3s ease;animation:help-support-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.account-help-footer .btn svg{width:clamp(16px,4vw,18px);height:clamp(16px,4vw,18px)}
.account-help-footer .btn:hover{filter:none;transform:translateY(-2px)}
@keyframes help-answer-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes help-support-pulse{0%,100%{box-shadow:0 6px 24px #ab58f480,0 0 0 0 #ab58f4b3}50%{box-shadow:0 6px 24px #ab58f499,0 0 0 8px #ab58f400}}
.svc-page:not(.svc-chat-page){max-width:clamp(320px,95vw,600px);padding:clamp(12px,3vw,16px) clamp(12px,3vw,16px) clamp(20px,5vw,24px)}
.svc-page[data-service-route="InstagramSpy"]>.svc-card,.svc-page[data-service-route="FacebookSpy"]>.svc-card{padding:clamp(20px,6vw,32px);border-radius:clamp(16px,5vw,24px)}
.svc-page[data-service-route="WhatsAppSpy"],.svc-page[data-service-route="SMSSpy"],.svc-page[data-service-route="CallsSpy"]{max-width:672px;padding:12px}
.svc-page.svc-results[data-service-route="WhatsAppSpy"],.svc-page.svc-results[data-service-route="CameraSpy"]{max-width:768px}
.svc-page[data-service-route="OtherNetworksSpy"]{max-width:672px;padding:12px}.svc-page.svc-results[data-service-route="OtherNetworksSpy"]{max-width:896px;padding-bottom:80px}
.svc-page[data-service-route="DetectiveSpy"]{max-width:600px;padding:clamp(20px,5vw,30px) clamp(12px,3vw,16px) clamp(80px,20vw,100px)}
.flow-three-plans{grid-template-columns:1fr}.svc-features-3{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-tabs button,.svc-features>div,.flow-action-card,.flow-placeholder-row>div{min-width:0;overflow-wrap:anywhere}.flow-placeholder-row>button{flex-shrink:0}.svc-view-controls{flex-wrap:wrap}.svc-view-controls>button{flex:1 1 120px}
.flow-progress-label{flex-wrap:wrap}.flow-progress-label>span{margin-left:auto}.flow-security-checks>div{flex-wrap:wrap}.flow-security-checks b{overflow-wrap:anywhere}
.svc-input input{font-size:clamp(14px,3.5vw,16px)}.account-input input{font-size:14px}
@media(min-width:640px){
 .page.dashboard{padding:24px 16px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.welcome-intro h1{font-size:27px}
 .account-auth{padding:16px}.account-auth-wrap{margin-top:-140px}.account-auth-logo{margin-bottom:48px}.account-auth-title{padding:24px 24px 16px}.account-auth-title h1{font-size:20px}.account-auth-title p{font-size:14px}.account-auth form{padding:0 24px 24px}.account-input input{font-size:14px}
 .account-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.svc-input input{font-size:clamp(14px,3.5vw,16px)}
}
@media(min-width:1024px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-height:740px){.account-auth{align-items:flex-start;padding-top:20px}.account-auth-wrap{margin-top:0}}
@media(max-width:359px){.flow-placeholder-row{flex-wrap:wrap}.flow-placeholder-row>button{margin-left:auto}.modal-actions>button{flex:1 1 100%}}

body[data-route="Register"] #account-auth-form{min-height:420px}body[data-route="Login"] #account-auth-form{min-height:280px}.account-demo{border:0;background:none;padding:0;font-size:10px}.account-demo p{margin:8px 0 0}
.payment-strip{width:270px;max-width:90%;margin:0 auto;display:flex;align-items:center;gap:8px}.payment-strip .payment-cards{display:block;flex:1;min-width:0;aspect-ratio:660/300;overflow:hidden}.payment-strip .payment-cards>img{display:block;width:136.363636%!important;max-width:none!important;height:auto;margin:0}.payment-strip>img.payment-spei{width:25%;max-width:25%;height:auto;margin:0;object-fit:contain}.pre-footer .payment-strip{width:150px;max-width:100%;gap:4px}.account-price span{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;flex-wrap:wrap}.account-price small{font-size:10px}

.account-price-line{color:#fff;line-height:1.1}.account-price .account-currency-symbol{font-size:clamp(25px,5vw,36px);font-weight:900;color:#fff;line-height:1}.account-price .account-currency-code{font-size:11px;font-weight:700;color:#d1d5db;letter-spacing:.03em}.account-price-line>strong{font-variant-numeric:tabular-nums}

.account-package-main{flex-wrap:wrap;row-gap:14px}.account-price{margin-left:auto}.account-price-line>strong{font-size:clamp(38px,8vw,48px)!important}.account-price .account-currency-symbol{font-size:clamp(34px,7vw,44px);text-shadow:0 0 16px #ffffff12}.account-package{animation:package-arrive .55s cubic-bezier(.2,.65,.3,1) backwards;animation-delay:calc(var(--package-index,0)*65ms);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.account-package:focus-within{border-color:var(--package-color);box-shadow:0 8px 28px color-mix(in srgb,var(--package-color) 20%,transparent)}.account-package.is-featured .account-package-icon{animation:package-glow 3.2s ease-in-out infinite}.account-buy{position:relative;overflow:hidden;transition:filter .2s ease,transform .2s ease}.account-buy:after{content:"";position:absolute;top:-40%;left:-60%;width:30%;height:180%;background:linear-gradient(90deg,transparent,#ffffff2e,transparent);transform:skewX(-18deg);pointer-events:none;animation:package-button-shine 4.5s ease-in-out infinite;animation-delay:calc(var(--package-index,0)*.3s)}.account-buy:active{transform:scale(.98)}@media(hover:hover) and (pointer:fine){.account-package:hover{transform:translateY(-4px);border-color:var(--package-color);box-shadow:0 12px 32px color-mix(in srgb,var(--package-color) 22%,transparent)}}@keyframes package-arrive{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes package-glow{0%,100%{box-shadow:0 0 12px color-mix(in srgb,var(--package-color) 15%,transparent)}50%{box-shadow:0 0 26px color-mix(in srgb,var(--package-color) 40%,transparent)}}@keyframes package-button-shine{0%,65%{left:-60%;opacity:0}70%{opacity:1}90%,100%{left:130%;opacity:0}}

.account-particles{background-image:none;animation:none}.account-particles>i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--package-color);animation:credit-float-particle 3s ease-in-out infinite}.account-package-icon{animation:credit-icon-float 3s ease-in-out infinite}.account-package.is-featured .account-package-icon{animation:credit-icon-float 3s ease-in-out infinite,package-glow 3.2s ease-in-out infinite}.svc-page>.svc-card{animation:service-arrive .5s ease-out backwards;animation-delay:calc(var(--section-index,0)*50ms)}.svc-gallery>button{animation:gallery-reveal .3s ease-out backwards;animation-delay:calc(var(--item-index,0)*50ms);transition:transform .3s,box-shadow .3s}.svc-gallery>button:hover{transform:scale(1.02);box-shadow:0 6px 18px #0004}@keyframes credit-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes credit-float-particle{0%,100%{transform:translate(0,0) scale(1);opacity:.4}25%{transform:translate(10px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-10px,-40px) scale(.8);opacity:.6}75%{transform:translate(5px,-20px) scale(1.1);opacity:.7}}@keyframes gallery-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.flow-accelerate[hidden]{display:none}

/* Processing card: shared Sl/Cl/po components from the public reference. */
.svc-page.svc-processing[data-service-route="WhatsAppSpy"],.svc-page.svc-processing[data-service-route="SMSSpy"],.svc-page.svc-processing[data-service-route="CallsSpy"]{max-width:672px;padding:12px}.svc-page.svc-processing[data-service-route="WhatsAppSpy"]>.flow-process,.svc-page.svc-processing[data-service-route="SMSSpy"]>.flow-process,.svc-page.svc-processing[data-service-route="CallsSpy"]>.flow-process{padding:16px;border-radius:12px;margin-bottom:12px}.svc-processing .flow-stages li{font-size:inherit}.flow-accelerate[hidden]{display:none}

.svc-page.svc-processing[data-service-route="InstagramSpy"]>.flow-process{padding:clamp(16px,4vw,20px)}.svc-processing[data-service-route="InstagramSpy"] .flow-percent-badge{color:#E4405F;background:#e4405f26;padding:clamp(6px,1.8vw,8px) clamp(12px,3vw,16px)}.svc-processing[data-service-route="CallsSpy"] .flow-process-emblem{display:none}