@font-face{font-family:Studio;src:url('/static/design/violet-20261024/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
html[data-visp-studio]{--bg:#111114;--bg2:#16161b;--surface:#1b1b21;--surface2:#222228;--surface3:#292930;--text:#f3f2f6;--muted:#99979f;--muted2:#77747f;--line:#303036;--purple:#b8a1ed;--purple2:#b8a1ed;--green:#b5df90;--green2:#b5df90;--cyan:#b8a1ed;--danger:#e88b97;--shadow:none;color-scheme:dark}
html[data-visp-studio] body{font-family:Studio,system-ui,sans-serif;background:#09090b!important;color:var(--text)!important;font-weight:500;overflow:hidden}
html[data-visp-studio] :is(button,input,select,textarea){font:inherit}
html[data-visp-studio] :is(body,.app-shell,.topbar,.bottom-nav,.nav-item,.nav-icon,.screen-root)::before,
html[data-visp-studio] :is(body,.app-shell,.topbar,.bottom-nav,.nav-item,.nav-icon,.screen-root)::after{display:none!important}
html[data-visp-studio] :is(.ambient,.visp-extra-glow-layer,.app-footer){display:none!important}
html[data-visp-studio] button{cursor:pointer}
html[data-visp-studio] :is(button,a,input,select):focus-visible{outline:2px solid var(--purple)!important;outline-offset:3px!important}
html[data-visp-studio] .review-toolbar{position:fixed;inset:0 0 auto;z-index:1000001;min-height:64px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#151518;border-bottom:1px solid #2a2a30;font-size:11px;color:#a2a0aa}
.review-caption{display:flex;gap:20px;align-items:center}.review-caption b{color:#e5e2e9;font-size:10px;letter-spacing:1.3px;font-weight:650}
.review-controls{display:flex;align-items:center;gap:12px}.review-controls select{border:1px solid #35343c;border-radius:6px;padding:7px 10px;background:#222126;color:#e8e6ed;font-size:11px!important}.review-controls a{color:#c6b0f3;text-decoration:none}
html[data-visp-studio] .app-shell{width:100%;max-width:440px!important;margin:64px auto 0!important;height:calc(100dvh - 64px)!important;background:var(--bg)!important;display:flex!important;flex-direction:column!important;border-inline:1px solid #25252b;box-shadow:none!important;border-radius:0!important;overflow:hidden}
html[data-visp-studio] .topbar{height:72px!important;min-height:72px!important;position:relative!important;inset:auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:12px!important;justify-content:initial!important;background:var(--bg)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.studio-brand{display:flex;align-items:center;gap:9px}.studio-monogram{width:30px;height:30px;display:grid;place-items:center;border:1px solid #655480;color:#d3b9fc;border-radius:8px;font-size:26px;letter-spacing:-3px;font-weight:800;padding-right:4px;padding-bottom:6px}
.studio-brand>strong{font-size:17px;letter-spacing:1px;font-weight:750;display:flex;align-items:baseline;gap:7px}.studio-brand strong>span{font-size:10px;letter-spacing:1.1px;color:var(--muted);font-weight:550}
html[data-visp-studio] :is(.studio-account,.topbar-icon){width:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:0!important;display:grid;place-items:center;border:1px solid #303036!important;border-radius:50%!important;background:transparent!important;color:#b6b2bd!important;box-shadow:none!important}
.studio-account{margin-left:auto}.studio-account svg{width:17px;height:17px}html[data-visp-studio] .topbar-icon[hidden]{display:none!important}
html[data-visp-studio] .screen-root{position:relative!important;inset:auto!important;flex:1!important;min-height:0!important;height:auto!important;padding:14px 24px 28px!important;overflow-x:hidden!important;overflow-y:auto!important;background:none!important;scrollbar-width:thin;scrollbar-color:#35353e transparent}
html[data-visp-studio] .screen-root>section{animation:none!important;transform:none!important;max-width:none!important}
html[data-visp-studio] .s-page{display:block;font-size:13px;line-height:1.5;color:var(--text)}
.s-heading{margin:2px 0 28px}.s-heading>p{margin:0 0 12px;color:#9e9aa5;font-size:12px;line-height:1.5;font-weight:500}.s-heading h1{margin:0;font-size:34px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-1.3px!important;color:var(--text)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}.s-heading h1>span{color:#8e8998}.s-heading>span{display:block;margin-top:14px;font-size:13px;color:var(--muted)}
.s-access{padding:20px;background:#1c1a23;border:1px solid #3b334a;border-radius:16px}.s-access-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.s-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#bddea1;font-weight:600}.s-status>span{width:5px;height:5px;background:#b5df90;border-radius:50%;flex:0 0 5px}.s-status-off{color:#a6a1ae}.s-status-off>span{background:#a6a1ae}.s-meta{font-size:10px;color:#a5a0af}.s-access-head>svg{width:18px;height:18px;color:#b29bcf}
.s-access-number{display:flex;align-items:center;gap:14px;margin:20px 0 24px}.s-access-number>strong{font-size:72px;line-height:1;letter-spacing:-4px;font-weight:550;font-variant-numeric:tabular-nums}.s-access-number>span{font-size:23px;font-weight:500;line-height:1.35}.s-access-number small{display:block;font-size:10px;font-weight:500;color:#9c94a8;letter-spacing:0}
.s-access-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a8a1b2;margin-bottom:17px;gap:8px}.s-access-footer>span{display:flex;align-items:center;gap:7px}.s-access-footer svg{width:14px;height:14px}.s-access-footer button{padding:2px 0;background:transparent;color:#c9b1f3;display:flex;align-items:center;gap:4px;font-size:11px}
html[data-visp-studio] .s-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:9px;font-size:12px;font-weight:700;letter-spacing:0;box-shadow:none;transition:background .15s ease}.s-button svg{width:17px;height:17px}.s-button-accent{background:#bca2ed;color:#20162e}.s-button-accent:hover{background:#cbb6f1}.s-button-secondary{background:#29262e;color:#e8e1f3;border:1px solid #49404f}
.s-offer-title{font-size:35px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin:22px 0 14px}.s-offer-copy{font-size:12px;line-height:1.7;color:#a7a0b2;margin:0 0 24px}
.s-mobile-info{display:flex;align-items:center;gap:11px;padding:18px 2px 0}.s-mobile-info>svg{width:19px;height:19px;flex:0 0 19px;color:#b3d395}.s-mobile-info>div{display:flex;flex-direction:column;gap:2px}.s-mobile-info strong{font-size:11px;font-weight:600;color:#d6d7d2}.s-mobile-info div>span{font-size:10px;color:#85848a}.s-included{margin-left:auto;font-size:9px;white-space:nowrap;color:#a4b994}
.s-section{margin-top:30px}.s-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.s-section-heading h2{font-size:15px;line-height:1.35;font-weight:650;margin:0;letter-spacing:-.3px}.s-section-heading>span{font-size:9px;color:#8e8998;white-space:nowrap}
.s-plans{border-top:1px solid #313037}.s-plan{width:100%;min-height:75px;display:flex;align-items:center;text-align:left;gap:12px;background:transparent;color:var(--text);padding:15px 0;border-bottom:1px solid #2b2a30;border-radius:0;transition:background .15s}.s-plan:hover{background:#1c1b21}.s-plan-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.s-plan-copy>strong{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:14px;font-weight:600}.s-plan-copy>span{font-size:10px;color:#8f8a98}.s-plan-copy small{font-size:8px;padding:2px 5px;border:1px solid #4c405f;border-radius:4px;color:#bba8d5;font-weight:550}.s-plan-price{display:flex;align-items:baseline;gap:4px;font-size:21px;font-weight:600;letter-spacing:-.7px;white-space:nowrap}.s-plan-price>small{font-size:12px;font-weight:500;color:#b3aebd;letter-spacing:0}.s-plan>svg{width:14px;height:14px;flex:0 0 14px;color:#77707f}.s-note{font-size:10px;line-height:1.7;color:#817c8b;margin:13px 0 0}
.s-referral-row{display:flex;align-items:center;gap:12px;padding:20px 0;margin-top:24px;background:transparent;color:var(--text);width:100%;text-align:left;border-block:1px solid #2a2830}.s-referral-icon{display:grid;place-items:center;border:1px solid #3a3445;border-radius:9px;width:34px;height:34px;flex:0 0 34px;color:#b4a1d0}.s-referral-icon svg{width:17px;height:17px}.s-referral-row>span:nth-child(2){flex:1}.s-referral-row strong{display:block;font-size:12px;font-weight:600}.s-referral-row small{font-size:9px;color:#8f8899;display:block;margin-top:4px}.s-referral-row>svg{width:17px;height:17px;color:#8e839d}.s-footer{display:flex;justify-content:space-between;align-items:center;color:#665f70;font-size:9px;margin-top:24px}
html[data-visp-studio] .bottom-nav{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;margin:0!important;max-width:none!important;width:100%!important;padding:8px 16px max(12px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;border:0!important;border-top:1px solid #2c2931!important;border-radius:0!important;background:#151419!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-visp-studio] .nav-item{height:50px!important;min-height:50px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#827a8d!important;transform:none!important}.nav-item .nav-icon{display:grid!important;place-items:center!important;background:none!important;width:22px!important;height:22px!important;box-shadow:none!important;border:0!important}.nav-item .nav-icon svg{width:19px!important;height:19px!important;filter:none!important;stroke-width:1.65!important}.nav-item>span:last-child{font-size:9px!important;font-weight:550!important;letter-spacing:0!important}html[data-visp-studio] .nav-item.active{color:#c4aceb!important}html[data-visp-studio] .nav-item.active svg{filter:none!important;color:inherit!important}
.s-compact-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;border-block:1px solid #302c36}.s-compact-status>span:last-child:not(.s-status){font-size:10px;color:#938b9e}.s-platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s-platforms button{display:flex;align-items:center;gap:9px;min-height:64px;padding:14px;background:#1c1a20;border:1px solid #34303c;border-radius:10px;color:#e9e3f0;font-size:12px}.s-platforms button svg{width:19px;height:19px;color:#b5a5c9;flex:0 0 19px}.s-platforms button svg:last-child{width:12px;height:12px;flex:0 0 12px;margin-left:auto;color:#81748e}.s-device{border:1px solid #37313e;border-radius:12px;padding:16px;margin-bottom:10px;background:#1a181e}.s-device-title{display:flex;gap:12px;align-items:center}.s-device-title>svg{width:22px;height:22px;color:#b8a1d1;flex-shrink:0}.s-device-title strong{font-size:13px;font-weight:600}.s-device-title span{display:block;color:#8e8398;font-size:10px;margin-top:4px}.s-device-actions{display:flex;align-items:center;gap:7px;margin-top:18px}.s-device-actions button{min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;background:#25212b;color:#a999bd;border-radius:6px;font-size:11px}.s-device-actions button:first-child{flex:1;justify-content:space-between;padding-inline:12px}.s-device-actions svg{width:14px;height:14px}.s-empty{font-size:12px;line-height:1.8;color:#918799;padding:25px 0;text-align:center;border-block:1px solid #2c2731}.s-location{display:flex;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid #2b2730}.s-country{font-size:9px;font-weight:600;color:#a79cb2;border:1px solid #39313f;border-radius:4px;min-width:29px;text-align:center;padding:4px 0;letter-spacing:.4px}.s-location strong{font-size:12px;font-weight:550}.s-location>span:last-child{margin-left:auto;font-size:9px;color:#8c8297}.s-location>span.s-mobile-label{color:#a7c493}
.s-balance{border-top:1px solid #3a3242;padding-top:24px}.s-balance>span{font-size:11px;color:#9e91aa}.s-balance>strong{display:block;font-size:52px;font-weight:550;letter-spacing:-2px;margin:5px 0 20px}.s-balance strong small{font-size:25px;color:#9987aa;font-weight:450}.s-balance>p{font-size:10px;color:#8a7c97;margin:10px 0 0}.s-referral-link{display:flex;align-items:center;gap:8px;margin-bottom:12px}.s-referral-link input{height:48px;width:100%;min-width:0;background:#201b26;border:1px solid #3a3045;border-radius:8px;padding:10px;color:#aca0ba;font-size:11px}.s-referral-link button{height:48px;min-width:44px;display:grid;place-items:center;background:#282130;border-radius:8px;color:#baa4d1}.s-referral-link svg{width:17px;height:17px}.s-rates{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid #342a3c;padding:18px 0}.s-rates>div+div{padding-left:24px;border-left:1px solid #342a3c}.s-rates strong{font-size:36px;font-weight:550;color:#c2a8dd;letter-spacing:-1px}.s-rates strong small{font-size:20px;font-weight:500}.s-rates span{display:block;font-size:10px;color:#9d8da9;margin-top:4px}.s-data-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #302637;font-size:11px;color:#a394ad}.s-data-row strong{color:#ddd1e7;font-weight:550;font-size:14px}
.s-profile-person{display:flex;align-items:center;gap:15px;padding:10px 0 18px}.s-profile-person>span{width:56px;height:56px;border:1px solid #594467;border-radius:50%;display:grid;place-items:center;color:#ccb1df;font-size:25px}.s-profile-person strong{font-size:19px;font-weight:550}.s-profile-person small{display:block;color:#9a88a6;font-size:12px;margin-top:4px}.s-profile-action{margin-top:25px}
.s-plan-copy>span,.s-meta,.s-mobile-info div>span,.s-note,.s-location>span:last-child,.s-device-title span{font-size:11px}.s-plan-copy small{font-size:9px}.s-section-heading>span,.s-included{font-size:10px}
/* Secondary dialogs retain the existing application controls. */
html[data-visp-studio] .modal{background:rgba(0,0,0,.65)!important;backdrop-filter:blur(3px)!important}
html[data-visp-studio] .modal-sheet{background:#1b1b20!important;color:#f0edf4!important;border:1px solid #3a3442!important;border-radius:18px!important;box-shadow:0 18px 60px #0008!important;max-width:416px!important;padding:24px!important}
html[data-visp-studio] :is(.modal-sheet,.primary-button,.secondary-button,.payment-method,.guide-step,.guide-app,.card,.profile-hero,.profile-summary-card)::before,
html[data-visp-studio] :is(.modal-sheet,.primary-button,.secondary-button,.payment-method,.guide-step,.guide-app,.card,.profile-hero,.profile-summary-card)::after{display:none!important}
html[data-visp-studio] :is(.primary-button,.full-button,.partner-pro-primary){background:#bca2ed!important;border:0!important;border-radius:9px!important;color:#21162f!important;box-shadow:none!important;min-height:46px!important;font-size:12px!important;font-weight:650!important}
html[data-visp-studio] :is(.secondary-button,.small-button,.guide-client-button,.payment-method,.modal-close){background:#29242f!important;color:#d3c3e3!important;border:1px solid #42364c!important;box-shadow:none!important;border-radius:9px!important}
html[data-visp-studio] :is(.modal-sheet h2,.page-title){font-size:24px!important;font-weight:600!important;letter-spacing:-.7px!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:#f1eaf6!important}
html[data-visp-studio] .eyebrow{font-size:9px!important;letter-spacing:1px!important;color:#9f88b5!important}
html[data-visp-studio] :is(.card,.guide-step,.guide-app,.subscription-current-card,.profile-hero,.profile-summary-card){background:#201b25!important;border:1px solid #3b3045!important;box-shadow:none!important;border-radius:12px!important}
html[data-visp-studio] .modal-sheet :is(input,select,textarea){background:#211b27!important;color:#e4d7ed!important;border-color:#4a3b57!important;border-radius:8px!important}
html[data-visp-studio] :is(.page-subtitle,.modal-head span){color:#9e8da9!important}
@media(max-width:700px){html[data-visp-studio] .review-toolbar{min-height:92px;padding:10px 14px;flex-direction:column;align-items:stretch;gap:8px}.review-caption{justify-content:space-between;gap:10px}.review-caption span{font-size:9px}.review-controls{justify-content:space-between;gap:8px}.review-controls label{display:none}.review-controls select{max-width:180px}.review-controls a{font-size:10px}html[data-visp-studio] .app-shell{margin-top:92px!important;height:calc(100dvh - 92px)!important;border:0!important}}
@media(max-width:370px){html[data-visp-studio] .screen-root{padding-inline:18px!important}html[data-visp-studio] .topbar{padding-inline:18px!important}.s-heading h1{font-size:31px!important}.s-access{padding:17px}.s-access-head{flex-wrap:wrap}.s-section-heading>span{font-size:8px}.s-plan-copy>strong{gap:6px}.s-included{font-size:8px}.s-access-footer{font-size:10px}.s-plan{gap:8px}}
@media(prefers-reduced-motion:reduce){html[data-visp-studio] *,html[data-visp-studio] *::before,html[data-visp-studio] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-visp-studio] #vispModal{background:rgba(9,8,11,.8)!important;display:flex!important;align-items:flex-end!important;padding:80px 12px 0!important}
html[data-visp-studio] #vispModal .modal-sheet[data-modal-sheet]{max-width:416px!important;width:100%!important;max-height:calc(100dvh - 80px)!important;border-radius:16px 16px 0 0!important;padding:24px 22px 28px!important;box-shadow:none!important;border:1px solid #3a3442!important;scrollbar-width:thin;scrollbar-color:#443a4c transparent}
.s-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 24px}.s-modal-head p{font-size:11px;color:#9c8ba9;margin:0 0 8px}.s-modal-head h2{margin:0}.s-dialog-close{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:50%;border:1px solid #46374f;background:transparent;color:#c9b6d6}.s-dialog-close svg{width:17px;height:17px}
.s-client-tabs{display:flex;gap:6px;border-bottom:1px solid #403446;margin:0 0 20px}.s-client-tabs button{flex:1;background:transparent;border-bottom:2px solid transparent;color:#8e7b9c;padding:12px;font-size:12px}.s-client-tabs button[aria-pressed="true"]{color:#d8bdec;border-bottom-color:#b8a1ed}.s-guide-steps{list-style:none;padding:0;margin:0 0 25px;counter-reset:step}.s-guide-steps li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid #342b3b;color:#c5b8ce;font-size:12px;line-height:1.8;counter-increment:step}.s-guide-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:16px;color:#887395;font-size:10px}.s-dialog-actions{display:grid;gap:10px}
html[data-visp-studio] #vispModal .autopay-card{background:transparent!important;border:0!important;border-block:1px solid #403347!important;border-radius:0!important;box-shadow:none!important;padding:18px 0!important;margin:22px 0 12px!important;gap:10px!important}
html[data-visp-studio] #vispModal .autopay-card>span>span:first-child:not(.autopay-copy){display:none!important}html[data-visp-studio] #vispModal .autopay-copy strong{font-size:13px!important;font-weight:600!important}html[data-visp-studio] #vispModal .autopay-description{font-size:11px!important;color:#9c89a9!important;line-height:1.65!important}
html[data-visp-studio] #vispModal .autopay-badge{background:#302636!important;color:#bfaccd!important;border-color:#52405f!important;font-size:10px!important;font-weight:600!important}
html[data-visp-studio] #vispModal .subscription-note{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#9d8ba9!important;font-size:10px!important;padding:0!important;line-height:1.65!important}html[data-visp-studio] #vispModal .subscription-note svg{display:none!important}
html[data-visp-studio] #vispModal [data-action="pay-provider"]{justify-content:space-between!important;background:transparent!important;border:0!important;border-bottom:1px solid #403147!important;border-radius:0!important;color:#decee9!important;box-shadow:none!important;min-height:56px!important;padding-inline:0!important;margin:0!important}
html[data-visp-studio] #vispModal .section-head h2{font-size:13px!important;font-weight:600!important;letter-spacing:0!important;margin-top:16px!important;color:#ac97ba!important}
html[data-visp-studio] #vispModal .modal-head>div>span{font-size:20px!important;font-weight:500!important;display:block!important;margin-top:6px!important;color:#bfa5d2!important}