@font-face{font-family:"Manrope";src:url("/accounts/assets/manrope_400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/accounts/assets/manrope_600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/accounts/assets/manrope_700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/accounts/assets/manrope_800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/accounts/assets/dm_sans_400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/accounts/assets/dm_sans_500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/accounts/assets/dm_sans_700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Ubuntu Mono";src:url("/accounts/assets/UbuntuMono-R.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{
  font-family:Manrope,system-ui,sans-serif;font-synthesis:none;
  --blue:#2348ff;--ink:#172847;--paper:#edf1fa;--surface:#f9fbff;
  --muted:#526581;--line:#d6dfef;--yellow:#ffdf82;--yellow-soft:#fff0b5;--yellow-ink:#403322;--coral:#f5a1b3;
  --payment:linear-gradient(115deg,#e4edff 0,#eaf0ff 63%,#fce6ec 100%);
  --hero:radial-gradient(ellipse at 100% 8%,var(--coral) 0,transparent 56%),linear-gradient(130deg,#2355ff,#2443d5 70%,#304bad);
  color:var(--ink);background:var(--paper);color-scheme:light;
}
body{min-height:100vh;background:radial-gradient(ellipse at 0 0,#dce5ff 0,transparent 46%),var(--paper)}
h1,h2,h3{font-weight:700}button,input,select,textarea{font-family:inherit}input[type=checkbox]{accent-color:var(--blue)}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:38px;font-weight:800;letter-spacing:-1.8px;line-height:1;text-decoration:none;white-space:nowrap;margin:0}
.brand img{display:block;width:40px;height:40px;background:transparent;margin:0;flex:none}.brand span{display:block}
.eyebrow,.topbar-label,.small,small,.muted,.field-help,.account-caveat,.merchant-name{font-family:"DM Sans",system-ui,sans-serif}.topbar-label,.small,small,.field-help{font-weight:500}.code-display,input.otp{font-family:"Ubuntu Mono",monospace;font-weight:400}
.topbar{min-height:96px;border:0;display:flex;align-items:center;gap:28px;padding:12px max(28px,calc((100vw - 1240px)/2));background:linear-gradient(115deg,#2348ff,#2443d5 75%,#3048b4);color:#fff;box-shadow:inset 0 -3px var(--coral),0 6px 28px #17284710}
.topbar .brand,.topbar a{color:#fff}.topbar-label{font-size:13px;color:#e1e9ff;border-left:1px solid #ffffff40;padding-left:26px}.topbar-link{margin-left:auto;font-size:14px;text-decoration:none;border:1px solid #ffffff50;border-radius:999px;padding:10px 18px}
.topbar a:hover{color:var(--yellow)}.topbar :focus-visible{outline-color:var(--yellow)}
/* The installer also uses this shared mark while its content remains independently maintained. */
.topbar .brand img{content:url("/accounts/assets/kleis-simbolo-inverso.svg")}
button,.button{border-radius:14px;font-weight:700;gap:.65rem}.primary{box-shadow:0 5px 14px #2348ff20}.secondary{background:#e8eefc;border-color:#c2cee6;color:var(--ink)}.secondary:hover:not(:disabled){background:#dce5fa;border-color:#9eafcf}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
input:not([type=checkbox]),select,textarea{background:var(--surface);border-radius:14px;border-color:#8292af}.text-button{border-radius:8px}.notice{color:#713518}
.wizard-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:0 12px 38px #17284707}
.onboarding{max-width:1240px;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:36px;margin-top:40px;align-items:start}
.intro{max-width:none;padding:38px 34px;background:var(--hero);color:#fff;border-radius:30px;overflow:hidden;position:relative}
.intro h1{font-size:clamp(38px,4.3vw,59px);letter-spacing:-.045em}.intro .eyebrow{color:#f8c4d0}.intro .muted,.intro>.small{color:#e6edff}
.welcome-art{display:flex;align-items:center;gap:20px;margin:24px 0}.welcome-art img{width:96px;height:96px;object-fit:contain;background:#e1e9fc;padding:18px;border-radius:24px}.welcome-art p{font-size:14px!important;max-width:210px;margin:0}.welcome-art strong{display:block;color:#f8c4d0}.mobile-guide{display:none}
.trial-note{border:1px solid #cad8f2;background:var(--payment);border-radius:20px;padding:20px 22px;margin:28px 0 20px;max-width:none;color:var(--ink)}.trial-note strong{display:block;font-size:16px}.trial-note p{color:var(--muted);font-size:14px}
.mobile-trial{padding:14px 16px;background:var(--payment);border-radius:14px;color:var(--ink)}
.progress{border-color:var(--line)}.progress ol{gap:18px;flex-wrap:wrap}.step{padding:5px 0}.step.current{color:var(--blue)}.step:before{width:9px;height:9px}.step.current:before{box-shadow:0 0 0 4px #2348ff12}
.setup-guide{display:flex;align-items:center;gap:18px;margin-bottom:18px}.setup-guide img{width:80px;height:80px;object-fit:contain;background:#e1e9fc;padding:14px;border-radius:20px}.setup-guide h2{margin:0}
.workspace{margin-top:32px}.workspace>.page-heading{padding:32px 34px;background:var(--hero);border:1px solid #3454df;border-radius:28px;color:#fff;min-height:172px}.workspace>.page-heading .eyebrow{color:#f8c4d0}.workspace>.page-heading .muted,.workspace>.page-heading p{color:#e5ecff}.workspace>.page-heading .text-button{color:#fff}.workspace>.page-heading .secondary,.workspace>.page-heading .primary{background:#f5a1b3;border-color:#f5a1b3;color:var(--ink);box-shadow:none}.workspace>.page-heading :focus-visible{outline-color:var(--yellow)}
.account-summary{border:1px solid #cad8f2;border-radius:24px;background:var(--payment);padding:26px 28px;gap:24px;color:var(--ink)}.account-summary .eyebrow,.account-caveat{color:var(--muted)}.account-caveat{border-color:#b9c9e7}.account-summary p{font-weight:700}
.readiness-card,.managed-preparation{border:1px solid #c9d6f2;border-left:4px solid var(--blue);border-radius:18px;background:#eaf0ff}.activity-list li{padding:15px 0}.state-list{background:#edf2fc;border-radius:18px;padding:8px 18px 18px}
.code-display{color:var(--blue);background:#e8eefc;padding:14px 16px;border-radius:14px;overflow-wrap:anywhere}.qr{padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}
.brand-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted)}.brand-footer img{width:20px;height:20px;background:transparent}.brand-footer a{margin-left:auto}.brand-footer span{font-family:"DM Sans",system-ui,sans-serif}
.brand,.topbar-link,.brand-footer a{min-height:46px;display:inline-flex;align-items:center}
@media(max-width:950px){.onboarding{grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:24px}.intro{padding:30px 26px}.intro h1{font-size:44px}.welcome-art{gap:12px}.welcome-art img{width:76px;height:76px}.workspace>.page-heading{padding:28px}.account-summary{padding:24px}}
@media(max-width:720px){
 .topbar{min-height:80px;padding:12px 20px;gap:16px}.brand{font-size:32px;gap:10px}.brand img{width:32px;height:32px}.topbar-label{display:none}.topbar-link{font-size:12px;padding:8px 12px}
 .onboarding{gap:22px;margin:24px auto;padding:0 18px}.intro{display:block;width:100%;padding:26px;border-radius:24px}.intro h1{font-size:36px;line-height:1.12}.intro .eyebrow{margin-bottom:12px}.intro>p:not(.eyebrow){font-size:14px;margin-bottom:0}.intro>.small,.intro .welcome-art,.intro .trial-note{display:none}.intro h1 br{display:none}
 .wizard-card{padding:26px 22px;border-radius:24px}.mobile-guide{display:flex;gap:12px;align-items:center;margin:-6px 0 20px}.mobile-guide img{width:54px;height:54px;object-fit:contain;background:#e1e9fc;padding:10px;border-radius:14px}.mobile-guide p{font-size:13px;color:var(--muted);margin:0}.setup-guide img{width:64px;height:64px}
 .workspace{padding:0 18px;margin-top:24px}.workspace>.page-heading{padding:26px 24px;border-radius:24px;gap:18px;min-height:0}.workspace h1{font-size:34px}.workspace>.page-heading .toolbar{gap:12px}.account-summary{padding:22px;gap:20px}.account-summary p{font-size:18px}.card{border-radius:22px}.brand-footer a{margin-left:0}
}
@media(max-width:380px){.topbar{padding-inline:16px;gap:12px}.topbar-link{padding-inline:10px;font-size:11px}.brand{font-size:29px}.onboarding,.workspace{padding-inline:14px}.wizard-card{padding:24px 18px}.intro h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Hero illustrations carry the story; the brand mark stays in navigation. */
.intro,.workspace>.page-heading,.install-heading{position:relative;overflow:hidden;isolation:isolate}
.intro::after,.workspace>.page-heading::after,.install-heading::after{content:"";position:absolute;right:-56px;top:-32px;width:260px;height:260px;border:1px solid #ffffff30;border-radius:50%;background:transparent;opacity:.1;transform:rotate(-12deg);pointer-events:none;z-index:0}
.intro>*,.workspace>.page-heading>*,.install-heading>*{position:relative;z-index:1}
@media(max-width:720px){.intro::after,.workspace>.page-heading::after,.install-heading::after{width:190px;height:190px;right:-50px;top:-20px}}

/* Short, compositor-only motion; content and controls stay available immediately. */
@media(prefers-reduced-motion:no-preference){
 button,.button,.topbar-link{transition:transform 140ms ease-out}
 button:enabled:not([aria-disabled=true]):active,.button:not([aria-disabled=true]):active,.topbar-link:active{transform:scale(.98)}
 .intro,.workspace>.page-heading,.wizard-card,.account-summary,.finance-summary,.panel-columns>.card,.workspace>.card,dialog[open]{animation:kleis-enter 380ms cubic-bezier(.18,.75,.28,1) 1}
 .intro::after,.workspace>.page-heading::after,.install-heading::after{animation:kleis-hero-drift 1800ms ease-in-out 1}
}
@keyframes kleis-enter{from{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes kleis-hero-drift{0%,100%{transform:translate(0,0) rotate(-12deg);opacity:.1}45%{transform:translate(-12px,6px) rotate(-7deg);opacity:.16}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important}}

/* Original, locally hosted illustrations shared by every account surface. */
.ui-icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:-.18em;pointer-events:none}
h2>.ui-icon,h3>.ui-icon{color:var(--blue);margin-right:10px;width:24px;height:24px;vertical-align:-.12em}
.main-nav a{gap:8px}.topbar-link{gap:8px}
.workspace>.page-heading>div:first-child{flex:1;min-width:0}.workspace>.page-heading .toolbar{max-width:260px;justify-content:flex-end}
.hero-illustration{display:block;width:190px;height:143px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 12px #12266220)}
.welcome-art{gap:14px;align-items:center;margin:16px -12px 22px}
.welcome-art .welcome-illustration{width:58%;height:auto;max-width:290px;background:transparent;padding:0;border-radius:0;flex:none}
.welcome-art p{max-width:160px;line-height:1.55}.welcome-art strong{color:#f8c4d0;margin-bottom:5px}
.setup-guide .setup-illustration{width:116px;height:87px;padding:0;background:transparent;border-radius:0;flex:none}
.mobile-guide .mobile-illustration{width:80px;height:60px;padding:0;background:transparent;border-radius:0}
.empty-illustration{display:block;width:180px;height:135px;object-fit:contain;margin:0 auto 18px}
@media(max-width:1000px){.hero-illustration{width:150px;height:113px}.workspace>.page-heading{gap:16px}.workspace>.page-heading .toolbar{max-width:190px}.welcome-art .welcome-illustration{width:56%}}
@media(max-width:720px){
 .workspace>.page-heading{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center}.workspace>.page-heading .hero-illustration{width:110px;height:83px}.workspace>.page-heading .toolbar{grid-column:1/-1;max-width:none;justify-content:flex-start}
 .intro .welcome-art{display:flex;margin:12px 0 0;gap:12px}.welcome-art .welcome-illustration{width:136px;height:102px}.welcome-art p{font-size:12px!important;max-width:170px}.intro .welcome-art strong{font-size:13px}
 .setup-guide{gap:12px}.setup-guide .setup-illustration{width:96px;height:72px}.setup-guide h2{font-size:23px}.hero-illustration{filter:none}
}
@media(max-width:380px){.workspace>.page-heading{grid-template-columns:minmax(0,1fr) 80px}.workspace>.page-heading .hero-illustration{width:80px;height:60px}.workspace h1{font-size:29px}.welcome-art .welcome-illustration{width:110px;height:83px}}