@import url('/brand.css');
:root{--sv-brand:#BC2854;--sv-brand-hover:#992044;--sv-ink:#252331;--sv-muted:#625F6C;--sv-canvas:#F6F5F8;--sv-surface:#FFFFFF;--sv-soft:#FCEBF0;--sv-line:#D7CFD7;--sv-control:#8B8191;--sv-accent:#F9BCCC;--sv-error:#A12632;--sv-success:#236B4D;--sv-warning:#805414}
.journey-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav access";align-items:center;gap:24px;max-width:1280px;margin-inline:auto;padding:22px 32px}
.journey-header>.selvup-wordmark{grid-area:logo}.journey-header>.selvup-wordmark img{display:block;width:132px;height:auto}
.journey-header .journey-nav{grid-area:nav;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:12px 22px}
.journey-header .journey-access{grid-area:access;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.journey-header a{font-family:var(--sv-font);font-size:14px;line-height:1.4}
.journey-header .journey-login{font-weight:650;text-decoration:underline;text-underline-offset:5px;color:var(--sv-ink)}
.journey-header .journey-trial{background:var(--sv-ink);color:var(--sv-surface);border:1px solid var(--sv-ink);border-radius:8px;padding:10px 14px;text-decoration:none;text-align:center}
.journey-header a:focus-visible,.journey-recovery summary:focus-visible{outline:3px solid var(--sv-muted);outline-offset:5px}
.journey-roles{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-block:28px}
.journey-role{border-top:2px solid var(--sv-line);padding-top:22px}.journey-role h3{font:500 clamp(23px,3vw,32px)/1.var(--sv-font);color:var(--sv-ink)}
.journey-flow{display:flex;list-style:none!important;flex-wrap:wrap;gap:10px;padding:0!important;margin:22px 0!important}
.journey-flow li{border:1px solid var(--sv-line);padding:10px 14px;border-radius:6px;font-size:14px}
.journey-flow li:not(:last-child)::after{content:" /";color:var(--sv-muted);margin-left:12px}
.journey-example{max-width:760px;font-size:17px;line-height:1.7}
.demo-section video{display:block;width:100%;height:auto;border:1px solid var(--sv-line);border-radius:14px;background:var(--sv-soft);box-shadow:0 12px 36px color-mix(in srgb, var(--sv-ink) 7.06%, transparent)}
.demo-section .demo-roles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:14px}
.demo-section .demo-roles span{padding:8px 12px;border:1px solid var(--sv-line);border-radius:5px}
.demo-section details{margin-top:20px;max-width:850px}.demo-section details p{line-height:1.75}
.trial-entry-anonymous #account-workspace{max-width:740px;margin:36px auto 72px;width:100%;box-sizing:border-box}
.trial-entry-anonymous .account-top h1{font:500 clamp(30px,5vw,46px)/1.var(--sv-font);color:var(--sv-ink);margin:12px 0}
.trial-entry-anonymous .account-top{gap:18px}.trial-entry-anonymous .trial-auth .account-grid{grid-template-columns:minmax(0,1fr)}
.trial-entry-anonymous .trial-auth form{width:100%;max-width:none}.trial-entry-anonymous .trial-auth>summary{font-size:16px}
.journey-recovery{border-top:1px solid var(--sv-line);padding-top:18px}.journey-recovery>summary{cursor:pointer;color:var(--sv-ink);text-decoration:underline;text-underline-offset:4px}
.selvup-checkout{margin:0;min-height:100vh;color:var(--sv-ink);background:radial-gradient(ellipse at 8% 2%,var(--sv-line),transparent 55%),var(--sv-soft);font:16px/1.65 var(--sv-font)}
.selvup-checkout *{box-sizing:border-box}.selvup-checkout main{width:calc(100% - 40px);max-width:680px;margin:clamp(24px,8vh,88px) auto;padding:clamp(24px,5vw,48px);background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:18px;box-shadow:0 18px 50px color-mix(in srgb, var(--sv-ink) 6.27%, transparent)}
.selvup-checkout h1{font:500 clamp(30px,5vw,44px)/1.var(--sv-font)}.selvup-checkout a{color:var(--sv-ink);text-underline-offset:4px}
.selvup-checkout button{padding:14px 20px;font:600 16px/1.4 var(--sv-font);background:var(--sv-ink);color:var(--sv-surface);border:1px solid var(--sv-ink);border-radius:8px;max-width:100%;white-space:normal;cursor:pointer}
.selvup-checkout button:disabled{opacity:.6;cursor:not-allowed}.selvup-checkout #checkout-status{padding:16px;background:var(--sv-soft);border-radius:8px}.selvup-checkout a:focus-visible,.selvup-checkout button:focus-visible{outline:3px solid var(--sv-muted);outline-offset:4px}
@media(max-width:850px){.journey-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo access" "nav nav";gap:18px;padding:18px 24px}.journey-header .journey-nav{justify-content:flex-start;gap:12px 24px}.journey-roles{gap:20px}}
@media(max-width:480px){.journey-header{padding:16px;gap:18px 10px}.journey-header>.selvup-wordmark img{width:94px}.journey-header .journey-access{gap:10px}.journey-header a{font-size:12px}.journey-header .journey-trial{padding:9px 10px;max-width:105px}.journey-header .journey-nav{gap:12px 22px}.journey-roles{grid-template-columns:1fr}.journey-flow{gap:7px}.journey-flow li{padding:8px;font-size:12px}.trial-entry-anonymous #account-workspace{margin-top:20px}.trial-entry-anonymous .account-top{align-items:flex-start;flex-wrap:wrap}.selvup-checkout main{width:calc(100% - 24px);padding:24px 18px}}

/* Targeted continuation of the qualified Selvup identity, not a new design system. */
.experience-studio #account-workspace>.workspace{margin:24px 0 32px;width:100%;max-width:none}
.experience-studio .workspace-head{align-items:flex-start;gap:20px}
.experience-studio .workspace-head>.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:650px}
.experience-studio .workspace-head button{min-height:44px;white-space:normal}
.experience-studio #demo{font-size:13px;padding:10px 12px}
.experience-studio .guide-next-action{border:1px solid var(--sv-line);border-left:3px solid var(--sv-ink);background:var(--sv-surface);padding:14px 16px;margin:12px 0 18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;border-radius:6px}
.experience-studio .guide-next-action p{flex:1 1 330px;margin:0;font-size:14px;line-height:1.6;color:var(--sv-ink)}
.experience-studio .guide-next-action a{font-size:13px;color:var(--sv-ink);text-underline-offset:3px}
.experience-studio #guide-operation-message:empty{display:none}
.experience-studio .offer-advanced{margin:18px 0;border-top:1px solid var(--sv-line);padding-top:12px}
.experience-studio .offer-advanced summary{cursor:pointer;font-size:14px;color:var(--sv-ink);margin-bottom:12px}
.experience-studio button:focus-visible,.experience-studio summary:focus-visible,.experience-studio a:focus-visible,.measurement-choice button:focus-visible{outline:3px solid var(--sv-muted);outline-offset:4px}
.experience-studio #panel{scroll-margin-top:20px}.experience-studio .account-grid{margin-top:24px}
.experience-studio #account-workspace>.help,.experience-studio #account-workspace>.template-picker{margin-block:18px}
.measurement-choice{font-size:13px;line-height:1.6;max-width:560px;flex-basis:100%;color:var(--sv-ink)}
.measurement-choice summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.measurement-choice button{min-height:44px;margin:4px 8px 4px 0;white-space:normal;background:var(--sv-surface);border:1px solid var(--sv-ink);border-radius:6px;color:var(--sv-ink);padding:8px 12px;font:inherit}
.measurement-choice p{max-width:65ch;margin:12px 0}.measurement-choice [role=status]{font-size:12px}
.journey-help-steps{margin-block:32px;border-top:1px solid var(--sv-line);padding-top:24px}.journey-help-steps p{max-width:70ch;line-height:1.75}
@media(max-width:700px){.experience-studio .workspace-head{display:block}.experience-studio .workspace-head>.actions{justify-content:flex-start;margin-top:16px}.experience-studio .workspace-head button{flex:1 1 135px}.experience-studio .guide-next-action{display:block}.experience-studio .guide-next-action p{margin-bottom:12px}.experience-studio .guide-next-action a{display:block;margin-top:12px}.experience-studio .guide-next-action button{max-width:100%}}
@media(max-width:430px){.experience-studio #account-workspace>.workspace{padding:16px 12px}.experience-studio .workspace-head button{font-size:13px;flex-basis:110px}.experience-studio #tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.experience-studio #tabs button:last-child{grid-column:1/-1}.experience-studio #tabs button{min-width:0}.experience-studio .guide-next-action{padding:12px}.experience-studio .account-top{flex-wrap:wrap}.measurement-choice{max-width:100%}}