/* Private revision: a single violet palette, with layered surfaces and richer detail. */
html[data-visp-studio]{--bg:#1c1729;--bg2:#211b30;--surface:#282036;--surface2:#322742;--surface3:#3c2e50;--text:#f4effb;--muted:#b3a5c5;--muted2:#9585ab;--line:#493758;--purple:#b68ae9;--purple2:#8956c7;--green:#bf9ce7;--green2:#bf9ce7;--cyan:#bf9ce7}
html[data-visp-studio] body{background:#14111d!important}
html[data-visp-studio] .review-toolbar{background:#1b1625;border-bottom-color:#3b2e4a;color:#b1a1c2}
.review-caption b{color:#dfcef4}.review-caption span{color:#a18eaf}.review-controls select{background:#2b2138;border-color:#4b385e;color:#e8dcf6}.review-controls a{color:#c8a4ed;white-space:nowrap}
html[data-visp-studio] .app-shell{border-color:#3e2f50!important;background:linear-gradient(160deg,#231b32,#1b1627 48%,#21192e)!important}
html[data-visp-studio] .topbar{height:72px!important;min-height:72px!important;background:transparent!important;padding-inline:22px!important;border-bottom:1px solid #b18bd00b!important}
.studio-monogram{background:linear-gradient(135deg,#8d60bd,#4d316e);color:#eee4fb;border:1px solid #9f76c180;border-radius:10px;width:33px;height:33px;box-shadow:inset 0 1px #f0dfff25,0 3px 9px #0b071c40}
.studio-brand>strong{font-size:19px;font-weight:800;letter-spacing:.7px}.studio-brand strong>span{font-size:9px;color:#aa8ec4;border-left:1px solid #6b4d80;padding-left:8px;letter-spacing:1.5px}
html[data-visp-studio] :is(.studio-account,.topbar-icon){background:linear-gradient(145deg,#3d2c4f,#261e34)!important;border-color:#604775!important;color:#c9a9e5!important}
html[data-visp-studio] .screen-root{padding:13px 22px 28px!important;scrollbar-color:#584069 transparent}
.s-heading{margin:0 0 23px;position:relative;padding-left:13px;border-left:2px solid #9564cf}
.s-heading>p{color:#b1a0c3;font-size:11px;margin-bottom:5px}.s-heading h1{font-size:34px!important;letter-spacing:-1.1px!important;font-weight:750!important}.s-heading h1>span{color:#bd97e4}.s-heading>span{color:#b1a0c3;font-size:12px;margin-top:10px}
.s-access{position:relative;isolation:isolate;overflow:hidden;border:1px solid #755295;border-radius:21px;background:linear-gradient(128deg,#45305e 0%,#332443 52%,#281e39 100%);padding:18px;color:#f6efff;box-shadow:inset 0 1px #d9b2ff24,0 12px 28px #0c071c38}
.s-access::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 16px,#d7b1ff05 16px 17px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;z-index:-1}
.s-access::after{content:"";position:absolute;inset:7px;border:1px solid #c6a0ed12;border-radius:15px;pointer-events:none;z-index:-1}
.s-access-head,.s-access-number,.s-access-footer,.s-access>.s-button,.s-offer-title,.s-offer-copy,.s-access-kicker{position:relative;z-index:1}
.s-access-art{position:absolute;right:14px;top:57px;width:102px;pointer-events:none;transform:rotate(5deg);filter:drop-shadow(0 8px 7px #130c2970)}
.s-access-art svg{display:block;width:100%;height:auto}.s-access-art>span{display:block;text-align:center;font-size:5px;letter-spacing:1.2px;font-weight:650;color:#b493d4;margin-top:4px}
.s-access .s-status{color:#e0c7ff;background:#c59bea12;border:1px solid #a77ecb55;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:650;gap:6px}.s-access .s-status>span{background:#d6b3fc;width:4px;height:4px;flex-basis:4px;box-shadow:0 0 0 3px #b885e71a}.s-access .s-status-off{color:#c0a6d2;background:#3a2c49}.s-access .s-status-off>span{background:#9e81b3}.s-access .s-meta{font-size:9px;color:#bfa7d4}.s-access-head>svg{color:#c3a1e6}
.s-access-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#bda2d1;margin-top:24px}
.s-access-number{margin:6px 0 24px;gap:9px;max-width:calc(100% - 90px)}.s-access-number>strong{font-size:75px;font-weight:650;letter-spacing:-5px;color:#fbf5ff}.s-access-number>span{font-size:20px;font-weight:550;line-height:1.45}.s-access-number small{font-size:9px;color:#baa1d0;font-weight:500;max-width:78px;line-height:1.5}
.s-access-footer{color:#ccb5e1;font-size:10px;margin:0 0 15px;border-top:1px solid #c29be827;padding-top:15px}.s-access-footer>span{gap:6px;flex-wrap:wrap;max-width:70%}.s-access-footer button{color:#e1c2fc;font-size:10px;font-weight:650}.s-access-footer svg{stroke-width:1.6;width:14px;height:14px}.s-device-slots{display:flex;gap:3px;margin-left:4px}.s-device-slots i{display:block;width:4px;height:9px;background:#ae8cc033;border-radius:1px}.s-device-slots i.used{background:#c7a0f1}
html[data-visp-studio] .s-button{border-radius:10px;min-height:48px;font-size:12px}
.s-button-accent,.s-access .s-button-accent{background:linear-gradient(105deg,#8450bb,#6e3fa3);border:1px solid #bc87e955;color:#fff4ff;box-shadow:inset 0 1px #efcaff20;font-weight:650}.s-button-accent:hover,.s-access .s-button-accent:hover{background:linear-gradient(105deg,#955fc9,#7e4ab5)}
.s-button-accent svg{border-left:1px solid #d6a6f74a;padding-left:10px;box-sizing:content-box}.s-button-secondary{background:linear-gradient(130deg,#443054,#32243f);color:#ead9fb;border-color:#75548b}
.s-offer-title{font-size:37px;font-weight:750;letter-spacing:-1.3px;line-height:1.1;margin:29px 0 15px;max-width:220px;color:#f7ecff}.s-offer-copy{font-size:11px;color:#c5aedb;line-height:1.75;max-width:232px;margin-bottom:23px}.s-access:has(.s-offer-title) .s-access-art{top:69px;width:103px;right:4px;opacity:.65}.s-access:has(.s-offer-title) .s-offer-copy{max-width:210px}
.s-mobile-info{margin-top:13px;padding:15px 13px;background:linear-gradient(100deg,#342441,#291e37);border:1px solid #5b3f72;border-radius:14px;gap:11px;color:#e5d1f8;box-shadow:inset 3px 0 #9565c4,inset 0 1px #d9b2ff0a}.s-mobile-icon{width:37px;height:40px;flex:0 0 37px;display:grid;place-items:center;border:1px solid #9c6bc24d;border-radius:11px;background:linear-gradient(135deg,#77509a45,#3a264c);box-shadow:inset 0 0 0 3px #30213d}.s-mobile-icon svg{width:21px;height:21px;stroke-width:1.6;color:#cda6ef}.s-mobile-info strong{font-size:13px;color:#f1e2fb;font-weight:700}.s-mobile-info div>span{font-size:10px;color:#b49ac7;margin-top:1px}.s-included{font-size:8px;color:#ceb0e7;font-weight:600;border:1px solid #9971b242;background:#7f51971a;padding:4px 6px;border-radius:5px}
.s-section{margin-top:27px}.s-section-heading{margin-bottom:14px;align-items:baseline;position:relative;padding-bottom:11px;border-bottom:1px solid #64477855}.s-section-heading::after{content:"";position:absolute;bottom:-1px;left:0;width:30px;height:2px;background:#9d71cc}.s-section-heading h2{font-size:16px;letter-spacing:-.3px;font-weight:700}.s-section-heading>span{font-size:8px;color:#ac93be;white-space:normal;text-align:right;max-width:112px}
.s-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;border:0}.s-plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:209px;padding:14px 13px 0;border:1px solid #5d436f;border-radius:14px;background:linear-gradient(145deg,#33263f,#251d32);color:#f2e9fb;overflow:hidden;box-shadow:inset 0 1px #e6baff0b;transition:transform .15s ease,border-color .15s ease}
.s-plan::before{content:"";position:absolute;right:-28px;top:-28px;width:95px;height:95px;border:1px solid #d2a8ef09;transform:rotate(45deg);box-shadow:0 0 0 10px #d2a8ef03,0 0 0 20px #d2a8ef03;pointer-events:none}.s-plan-3{background:linear-gradient(140deg,#503166,#33213f);border-color:#a26bcc;box-shadow:inset 0 3px #a476cf,inset 0 1px #ead4ff24}.s-plan:hover{border-color:#aa7ed0;transform:translateY(-2px)}
.s-plan-top{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:25px;margin-bottom:14px}.s-plan-top>svg{width:19px;height:19px;stroke-width:1.5;color:#bba0d0}.s-plan-tag{font-size:8px!important;line-height:1.3;color:#c9acdf;border:1px solid #9b6eb746!important;background:#a475cb12!important;padding:3px 5px!important;border-radius:4px;font-weight:600!important;white-space:nowrap}.s-plan-3 .s-plan-tag{background:#9862be3b!important;color:#ead6fd;border-color:#bc86dc55!important}
.s-plan-copy{flex:none;gap:0}.s-plan-copy>strong{font-size:14px;font-weight:650;gap:0;color:#dac7eb}.s-plan-price{padding-top:9px;font-size:32px;line-height:1.2;letter-spacing:-1.1px;font-weight:750;gap:6px}.s-plan-price>small{font-size:17px;font-weight:500;color:#b699cc}.s-plan-caption{font-size:10px;color:#ac93bf;margin-top:5px;margin-bottom:15px}.s-plan-bottom{align-self:stretch;display:flex;align-items:center;justify-content:space-between;margin:auto -13px 0;padding:10px 13px;border-top:1px solid #b387d020;background:#21172940;font-size:9px;color:#c9abdf;font-weight:600}.s-plan-bottom>svg{width:14px;height:14px;color:#c7a2e4}.s-note{color:#a58ab8;font-size:10px;margin-top:12px;padding-left:1px}
.s-referral-row{border:1px solid #593e6d;border-radius:15px;background:linear-gradient(115deg,#3c294c,#2b2037);padding:18px 13px;gap:11px;margin-top:25px;color:#f0e1fb;box-shadow:inset 0 1px #cba7e80d}.s-referral-icon{background:#56356e;color:#d6b1f1;border:1px solid #8e60ac75;border-radius:11px;width:39px;height:39px;flex-basis:39px;box-shadow:inset 0 0 0 3px #392448}.s-referral-row strong{font-size:12px;font-weight:650}.s-referral-row small{font-size:9px;color:#b498c8;line-height:1.6}.s-referral-row>svg{color:#b18acb}.s-footer{color:#9277a6;padding-top:15px;border-top:1px solid #563b662e;font-size:8px;letter-spacing:.5px}
html[data-visp-studio] .bottom-nav{background:linear-gradient(#281d35,#21192e)!important;border-top-color:#634578!important;padding:8px 16px 12px!important;gap:8px!important;box-shadow:0 -6px 20px #130d211c!important}html[data-visp-studio] .nav-item{position:relative;color:#a98bbc!important;gap:5px!important;height:52px!important;border-radius:10px!important;border:1px solid transparent!important}html[data-visp-studio] .nav-item.active{background:linear-gradient(135deg,#593973,#382445)!important;border-color:#9363b45e!important;color:#e3c7f8!important;box-shadow:inset 0 1px #d6b3ec1c!important}.nav-item>span:last-child{font-size:9px!important}.nav-item .nav-icon svg{width:20px!important;height:20px!important}
.s-compact-status{padding:15px;background:linear-gradient(120deg,#3d2a4e,#2b2038);border:1px solid #705086;border-radius:12px;color:#d7b7f1}.s-compact-status>span:last-child:not(.s-status){color:#b69dc9}.s-status{color:#d4b2ee}.s-status>span{background:#c19ce4}.s-status-off{color:#ab92bc}.s-status-off>span{background:#ab92bc}
.s-platforms{gap:11px}.s-platforms button{background:linear-gradient(140deg,#3a2a48,#2b2037);color:#e9d8f6;border:1px solid #604377;min-height:77px;border-radius:12px;font-size:12px;font-weight:650;padding:15px 12px;box-shadow:inset 0 1px #d9b3f010}.s-platforms button svg{color:#c8a0e5}.s-platforms button svg:last-child{color:#aa7dcb;background:#7d509631;border-radius:4px;width:20px;height:20px;padding:4px;flex-basis:20px}.s-platforms button:hover{border-color:#a576c5}
.s-device{background:linear-gradient(140deg,#35263f,#271e32);border:1px solid #664779;border-radius:14px;padding:18px;color:#ead9f7;box-shadow:inset 0 1px #e0b3f013}.s-device-title>svg{color:#c19bdd;background:#65448042;box-sizing:content-box;padding:9px;border-radius:10px}.s-device-title strong{font-size:14px;font-weight:650}.s-device-title span{color:#b094c2;font-size:10px}.s-device-actions{gap:7px;margin-top:19px;padding-top:15px;border-top:1px solid #88609e30}.s-device-actions button{background:#473054;color:#c8a7de;min-height:37px;min-width:33px}.s-device-actions button:first-child{background:#75489a;color:#f6e9ff;font-weight:650}.s-empty{background:#2b2037;border:1px dashed #6b4b81;border-radius:14px;color:#bda1d2;padding:24px 10px}
.s-balance{background:linear-gradient(130deg,#49305c,#2d213a);color:#efe1fc;border:1px solid #826098;padding:22px;border-radius:18px;box-shadow:inset 0 1px #dfb8f626}.s-balance>span{color:#bfa1d4;font-size:11px}.s-balance>strong{font-size:57px;font-weight:650;color:#f5eaff}.s-balance strong small{color:#b58ecc;font-size:28px}.s-balance .s-button-secondary{background:#7e4fa1;color:#fff0ff;border:1px solid #a371c169}.s-balance>p{color:#ae8ec2;font-size:10px}
.s-referral-link input{background:#2c2038;border-color:#694781;color:#d0b2e4}.s-referral-link button{background:#513267;color:#e4c2fc}.s-rates{gap:11px;padding:0;border:0}.s-rates>div,.s-rates>div+div{background:linear-gradient(140deg,#3d2a4d,#2a1e36);color:#ddbef5;padding:18px!important;border:1px solid #69497e!important;border-radius:13px}.s-rates strong{color:inherit;font-size:40px;font-weight:650}.s-rates span{color:#b99acb;font-size:10px}.s-data-row{border-bottom-color:#523860;color:#b398c6}.s-data-row strong{color:#ead1fa}.s-profile-person>span{background:linear-gradient(135deg,#7e4ba1,#3e284e);color:#e9c9fc;border:1px solid #a472c2;box-shadow:inset 0 0 0 4px #392446}.s-profile-person small{color:#b18dc7}
html[data-visp-studio] #vispModal{background:rgba(15,9,23,.83)!important}html[data-visp-studio] #vispModal .modal-sheet[data-modal-sheet]{border-color:#715087!important;background:#2a1f37!important}.s-modal-head p{color:#b997ce}.s-dialog-close{background:#463052;color:#ddc1ed;border-color:#78568c}.s-client-tabs{border-bottom-color:#664978}.s-client-tabs button{color:#b294c4}.s-client-tabs button[aria-pressed="true"]{color:#e3c1ff;border-bottom-color:#b780e0}.s-guide-steps li{color:#d3bce1;border-bottom-color:#553b65}.s-guide-steps li::before{color:#bc91d7}
html[data-visp-studio] #vispModal .autopay-card{border-color:#705385!important}html[data-visp-studio] #vispModal .autopay-copy strong{color:#eddaff}html[data-visp-studio] #vispModal .autopay-description{color:#b99bcf!important}html[data-visp-studio] #vispModal .autopay-badge{background:#49305a!important;color:#dabdeb!important;border-color:#79578e!important}html[data-visp-studio] #vispModal .subscription-note{color:#b99bcd!important}html[data-visp-studio] #vispModal [data-action="pay-provider"]{border-color:#674879!important;color:#e5cbf8!important}html[data-visp-studio] #vispModal .section-head h2{color:#c4a4da!important}
html[data-visp-studio] :is(.card,.guide-step,.guide-app,.subscription-current-card,.profile-hero,.profile-summary-card){background:#382645!important;border-color:#71518a!important}html[data-visp-studio] :is(.primary-button,.full-button,.partner-pro-primary){background:#7d4da7!important;color:#fff0ff!important;border:1px solid #ab76d55c!important}
@media(max-width:370px){html[data-visp-studio] .screen-root{padding-inline:16px!important}html[data-visp-studio] .topbar{padding-inline:16px!important}.s-heading h1{font-size:31px!important}.s-access{padding:16px}.s-access-number{gap:7px;max-width:calc(100% - 76px)}.s-access-number>strong{font-size:65px}.s-access-number>span{font-size:18px}.s-access-number small{font-size:8px;max-width:65px}.s-access-art{width:95px;right:4px;top:72px}.s-access .s-status{font-size:8px;padding:5px 6px}.s-access .s-meta{font-size:8px}.s-access-head{gap:5px;flex-wrap:nowrap}.s-access-footer{font-size:9px}.s-access-footer>span{gap:5px}.s-device-slots{gap:2px;margin-left:0}.s-device-slots i{width:3px}.s-access-footer button{font-size:9px}.s-mobile-info{padding:13px 10px;gap:8px}.s-mobile-info strong{font-size:12px}.s-mobile-icon{width:31px;flex-basis:31px;height:35px}.s-included{font-size:7px;padding:4px}.s-plan{padding:13px 11px 0;min-height:202px}.s-plan-top{gap:4px}.s-plan-tag{font-size:7px!important;padding:3px 4px!important}.s-plan-top>svg{width:16px;height:16px}.s-plan-copy>strong{font-size:13px}.s-plan-price{font-size:30px}.s-plan-bottom{margin-inline:-11px;padding-inline:11px}.s-section-heading>span{font-size:7px;max-width:87px}.s-section-heading h2{font-size:14px}.s-platforms button{padding:13px 10px;font-size:11px;gap:7px}.s-offer-title{font-size:32px}.s-access:has(.s-offer-title) .s-access-art{width:82px;right:3px;top:80px;opacity:.5}.s-offer-copy{font-size:10px}.s-device-actions button{min-width:29px}.s-plan-caption{font-size:9px}}

/* Personal preview refinements: time, copy actions, referral explanation and motion. */
html[data-visp-studio] #bottomNav{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
html[data-visp-studio] .topbar{height:63px!important;min-height:63px!important}
.studio-brand>strong{font-size:21px;letter-spacing:1.1px}
.s-countdown{display:flex;align-items:flex-start;gap:12px;position:relative;z-index:1;margin:12px 0 0;width:max-content;max-width:calc(100% - 95px);font-variant-numeric:tabular-nums}
.s-countdown>span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.s-countdown strong{font-size:53px;font-weight:700;letter-spacing:-2.4px;line-height:1.1;color:#fbf4ff}
.s-countdown>span:last-child strong{color:#d9baf6}.s-countdown small{font-size:11px;color:#c3a7da;margin-top:3px;line-height:1.4}
.s-countdown>b{font-size:25px;line-height:1;padding-top:15px;font-weight:400;color:#9371ae}
.s-time-note{display:block;min-height:21px;font-size:9px;line-height:1.4;color:#d0b2e5;max-width:calc(100% - 95px);padding-block:5px}
.s-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.s-copy-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid #79528f70;border-radius:8px;background:#382544;color:#dcc1ee;font-size:10px;padding:9px 6px;line-height:1.45}
.s-copy-actions svg{width:15px;height:15px;flex:0 0 15px}.s-copy-actions button[data-studio-action]{background:#513164;border-color:#9568b17a}
.s-demo-note{font-size:9px;color:#a98bbc;line-height:1.6;margin:10px 0 0}
html[data-visp-studio] button:disabled{cursor:default;opacity:.48}
.s-copy-actions button.is-copied,.s-dialog-actions button.is-copied{color:#fff0ff;border-color:#c893f1;background:#70428f}
.s-partner-heading h1{font-size:25px!important;line-height:1.3!important;letter-spacing:-.7px!important}.s-partner-heading>span{font-size:11px;line-height:1.7;max-width:300px}
.s-partner-share{padding:18px 16px;border:1px solid #80559e;border-radius:16px;background:linear-gradient(135deg,#48305d,#2e213b);box-shadow:inset 0 1px #d5b3ef20}
.s-partner-card-title{display:flex;gap:10px;align-items:center;margin-bottom:16px}.s-partner-card-title>svg{width:33px;height:33px;flex:0 0 33px;padding:7px;background:#7449954a;border:1px solid #ad78cf42;border-radius:9px;color:#d2a4f2}
.s-partner-card-title h2{font-size:12px;font-weight:700;margin:0;line-height:1.5}.s-partner-card-title p{font-size:9px;line-height:1.7;margin:3px 0 0;color:#bca0ce}.s-partner-share .s-referral-link{margin-bottom:10px}.s-partner-share .s-referral-link input{font-size:10px;height:41px}
.s-partner-share-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}.s-partner-share-actions .s-button{font-size:10px!important;padding:10px 11px!important;min-height:43px!important}.s-partner-share-actions .s-button svg{width:14px;height:14px}.s-partner-share-actions .s-button-accent svg{padding-left:0;border:0}
.s-partner-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.s-partner-step{display:flex;align-items:flex-start;gap:13px;position:relative;padding:10px 0 17px}.s-partner-step:not(:last-child)::after{content:"";position:absolute;width:1px;background:#81599b60;top:43px;bottom:-8px;left:15px}
.s-partner-step>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid #78538f;border-radius:9px;background:#3a284b;color:#d4b3ef;font-size:10px;font-variant-numeric:tabular-nums}.s-partner-step strong{font-size:12px;font-weight:650}.s-partner-step p{font-size:10px;color:#b59bc8;line-height:1.65;margin:5px 0 0}.s-partner-step:last-child{padding-bottom:0}
.s-rates .s-rate-label{font-size:10px;line-height:1.5;color:#cdb1e0;margin:0 0 7px;min-height:30px}.s-rates .s-rate-example{font-size:10px;line-height:1.65;margin-top:7px;color:#c2a0d8}.s-rates>div,.s-rates>div+div{padding:15px 13px!important}
.s-partner-note{display:flex;gap:8px;font-size:10px;color:#ac8fbd;line-height:1.7;margin:13px 0 0}.s-partner-note svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px}
.s-partner-balance{margin-top:27px;padding:20px}.s-partner-balance>strong{font-size:47px;margin:7px 0 15px}.s-partner-balance .s-withdraw-hint{font-size:11px;line-height:1.7;color:#c2a3d7;margin:10px 0 18px}.s-withdraw-hint b{font-weight:650;color:#ead2fd}
.s-withdraw-progress{height:5px;background:#160f2155;border-radius:20px;overflow:hidden}.s-withdraw-progress>span{display:block;height:100%;background:linear-gradient(90deg,#8754b5,#c99af0);border-radius:inherit;transition:width 280ms cubic-bezier(.2,.8,.2,1)}
.s-partner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.s-stat{border:1px solid #66417c;background:linear-gradient(135deg,#372440,#281d32);padding:15px 9px;border-radius:11px;min-width:0}.s-stat strong{display:block;font-size:23px;letter-spacing:-.5px;overflow-wrap:anywhere}.s-stat strong small{font-size:13px;font-weight:500}.s-stat>span{display:block;color:#b397c7;font-size:9px;margin-top:5px}

@media(prefers-reduced-motion:no-preference){
 html[data-visp-studio] button,html[data-visp-studio] a{transition:background-color 170ms ease,border-color 170ms ease,color 170ms ease,opacity 140ms ease,box-shadow 180ms ease,transform 160ms cubic-bezier(.2,.8,.2,1)}
 html[data-visp-studio] button:not(:disabled):active{transform:scale(.975)}
 html[data-visp-studio] .nav-item{transition:color 180ms ease,background-color 180ms ease,box-shadow 180ms ease,transform 160ms cubic-bezier(.2,.8,.2,1)}
 html[data-visp-studio] .nav-item:not(:disabled):active{transform:scale(.95)!important}
 .s-button svg,.s-referral-row>svg,.s-platforms svg:last-child,.s-plan-bottom svg{transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
 .s-access-art{transition:transform 320ms cubic-bezier(.2,.8,.2,1),filter 240ms ease}
 .s-mobile-icon svg,.s-partner-card-title>svg{transition:transform 240ms cubic-bezier(.2,.8,.2,1)}
 .s-copy-actions .is-copied svg,.s-dialog-actions .is-copied svg{animation:studio-copy-pop 220ms cubic-bezier(.2,.8,.2,1)}
 .s-client-tabs button{transition:color 160ms ease,border-color 180ms ease,background-color 180ms ease}
 .s-referral-link input{transition:border-color 160ms ease,box-shadow 180ms ease}
 .s-referral-link input:focus{border-color:#b17bd6;box-shadow:0 0 0 3px #9565b922}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .s-button:not(:disabled):hover svg,.s-referral-row:hover>svg{transform:translateX(3px)}
 .s-plan:hover .s-plan-bottom svg{transform:translate(2px,-2px)}
 .s-platforms button:hover svg:last-child{transform:rotate(90deg)}
 .s-access:hover .s-access-art{transform:translateY(-3px) rotate(1deg)}
 .s-mobile-info:hover .s-mobile-icon svg{transform:scale(1.08)}
 .s-copy-actions button:not(:disabled):hover{border-color:#b480d0;transform:translateY(-1px)}
}
@keyframes studio-copy-pop{0%{transform:scale(.65);opacity:.3}70%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
@media(max-width:370px){.s-countdown{gap:9px;max-width:calc(100% - 82px)}.s-countdown strong{font-size:45px}.s-countdown>b{font-size:22px;padding-top:12px}.s-countdown small{font-size:10px}.s-time-note{font-size:8px;min-height:24px}.s-access:has(.s-countdown) .s-access-art{width:84px;right:5px;top:67px}.s-copy-actions{grid-template-columns:1fr}.s-copy-actions button{justify-content:flex-start;padding-inline:12px}.s-partner-heading h1{font-size:22px!important}.s-partner-share{padding:15px 12px}.s-partner-card-title h2{font-size:11px}.s-partner-share-actions .s-button{font-size:9px!important;gap:5px!important;padding-inline:9px!important}.s-rates .s-rate-label,.s-rates .s-rate-example{font-size:9px}.s-rates strong{font-size:35px}.s-stat>span{font-size:8px}.s-partner-balance{padding:17px}}

/* Partner earnings: one recurring rate and clear examples for every plan. */
.s-commission{display:flex;align-items:center;gap:20px;padding:22px 18px;border:1px solid #77528f;border-radius:16px;background:linear-gradient(135deg,#392747,#271e35)}
.s-commission>strong{flex:none;font-size:56px;font-weight:750;letter-spacing:-2.5px;line-height:1;color:#d1abed}
.s-commission>strong small{font-size:25px;letter-spacing:-1px}
.s-commission h3{font-size:15px;margin:0 0 6px;font-weight:700;color:#f4effb;line-height:1.4}
.s-commission p{margin:0;color:#bbaacb;font-size:11px;line-height:1.65}
.s-commission-explanation{margin:16px 0;color:#c6b8d4;font-size:12px;line-height:1.8}
.s-commission-explanation b{color:#f4effb;font-weight:650}
.s-commission-methods{padding:12px 14px;border:1px solid #594169;border-radius:11px;color:#dec8ed;font-size:11px;line-height:1.6;background:#2a2036;display:flex;gap:10px;align-items:center;margin:16px 0}
.s-commission-methods svg{width:18px;height:18px;flex:none;color:#c09bde}
.s-commission-methods b{display:block;color:#f4effb}
.s-commission-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:22px;font-size:12px}
.s-commission-table caption{text-align:left;color:#e9def3;font-size:12px;font-weight:650;line-height:1.6;margin-bottom:12px}
.s-commission-table th{text-align:left;color:#a693b6;font-size:10px;font-weight:500;padding:0 0 10px}
.s-commission-table td{padding:12px 0;border-top:1px solid #493758;color:#d0c2dd}
.s-commission-table td:last-child{color:#dec2f3;font-weight:750}
.s-commission-table :is(th,td):not(:first-child){text-align:right}
.s-commission-details{margin-top:14px;color:#ac9bbb;font-size:10px;line-height:1.75}
.s-commission-details summary{cursor:pointer;color:#c5acd8;font-size:11px;padding:4px 0}
.s-commission-details p{margin:8px 0 0}
@media(max-width:370px){.s-commission{gap:14px;padding:18px 14px}.s-commission>strong{font-size:46px}.s-commission h3{font-size:13px}.s-commission-explanation{font-size:11px}.s-commission-table{font-size:11px}}
