/* Trial-only surfaces: no auth, portal, or workspace styles escape this root. */
@font-face{font-family:Trial Jakarta;src:url('/modern/admin/assets/plugins/fontawesome/webfonts/plus-jakarta-sans-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
.sb-trial-page{--trial-primary:#b92756;--trial-accent:#e43f73;--trial-ink:#141b2d;--trial-muted:#596477;--trial-line:#e5e8f0;font-family:Trial Jakarta,'Segoe UI',sans-serif;color:var(--trial-ink);background:#f7f8fb;margin:0;font-size:15px;line-height:1.6}
.sb-trial-page *{box-sizing:border-box}.sb-trial-page [hidden]{display:none!important}.sb-trial-page a{color:var(--trial-primary);text-underline-offset:4px}.sb-trial-page button,.sb-trial-page input,.sb-trial-page select{font:inherit}.sb-trial-page :focus-visible{outline:3px solid #2563b9;outline-offset:4px}.sb-trial-page strong{font-weight:600}
/* Step headings receive programmatic focus for announcements, not an interactive focus ring. */
.sb-trial-page .sb-trial-panel h2[tabindex="-1"]:focus{outline:none}
.sb-trial-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1280px)/2));background:#fff;border-bottom:1px solid var(--trial-line);font-size:13px;color:var(--trial-muted)}.sb-trial-header img{object-fit:contain;max-width:45vw;height:auto}.sb-trial-header a{font-weight:600;margin-left:8px;white-space:nowrap}
.sb-trial{max-width:1280px;padding:56px 24px 48px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.sb-trial-story{padding:20px 0}.sb-trial-eyebrow,.sb-trial-kicker{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--trial-primary)}.sb-trial-eyebrow{background:#fceaf0;border:1px solid #f5d4df;border-radius:30px;padding:8px 12px;display:inline-block}
.sb-trial-story h1{font-size:clamp(34px,3.7vw,48px);font-weight:600;line-height:1.15;letter-spacing:-.045em;margin:24px 0 20px}.sb-trial-lead{font-size:17px;color:var(--trial-muted);max-width:470px}.sb-trial-preview{background:white;border:1px solid var(--trial-line);border-radius:20px;padding:22px;margin:32px 0;box-shadow:0 18px 48px #141b2d09;transform:rotate(-1deg)}.sb-trial-preview-top{display:flex;align-items:center;gap:8px;letter-spacing:.06em;font-size:10px;font-weight:600;color:var(--trial-muted)}.sb-trial-dot{width:8px;height:8px;background:#259971;border-radius:50%}.sb-trial-badge{margin-left:auto;background:#edf1ff;color:#455cac;padding:2px 9px;border-radius:20px;letter-spacing:0}
.sb-trial-customer{display:flex;align-items:center;gap:12px;margin-top:20px}.sb-trial-avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#fbe8ee;color:#9e2850;border-radius:12px;font-weight:600;font-size:12px}.sb-trial-customer small{display:block;color:var(--trial-muted);font-size:11px}.sb-trial-avatar.is-contact{border-radius:50%;background:#e8eefb;color:#375a98;width:32px;height:32px}.sb-trial-preview h2{font-size:16px;font-weight:600;margin:20px 0 14px}.sb-trial-conversation{display:flex;gap:10px;padding:14px;background:#f7f8fc;border:1px solid var(--trial-line);border-radius:12px;font-size:12px}.sb-trial-conversation p{margin:0}.sb-trial-preview-footer{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:var(--trial-muted)}.sb-trial-benefits{list-style:none;padding:0;display:grid;gap:10px;font-size:13px}.sb-trial-support{font-size:12px;color:var(--trial-muted);margin-top:24px}
.sb-trial-card{background:#fff;border:1px solid var(--trial-line);border-radius:24px;box-shadow:0 20px 60px #141b2d08;overflow:hidden}.sb-trial-steps{display:flex;list-style:none;margin:0;padding:24px;border-bottom:1px solid var(--trial-line);gap:12px;justify-content:space-between;font-size:10px;color:var(--trial-muted)}.sb-trial-steps li{display:flex;align-items:center;gap:6px}.sb-trial-steps li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d2d8e4;border-radius:50%;font-size:11px}.sb-trial-steps li[aria-current=step]{color:var(--trial-primary);font-weight:600}.sb-trial-steps li[aria-current=step] span{background:#fceaf0;border-color:#eeb0c5}.sb-trial-steps li.is-done span{background:#e7f6f0;border-color:#b9e3d0;color:#166548}
#sb-trial-form{padding:32px 36px}.sb-trial-panel{display:grid;gap:18px}.sb-trial-panel h2{font-size:29px;line-height:1.25;letter-spacing:-.035em;font-weight:600;margin:0}.sb-trial-panel>p{margin:0;color:var(--trial-muted);font-size:14px}.sb-trial-providers{display:flex;gap:12px}.sb-trial-providers:empty{display:none}.sb-trial-provider{flex:1;text-align:center;border:1px solid #ced5e2;border-radius:10px;padding:10px;text-decoration:none;color:var(--trial-ink)!important;font-weight:600}.sb-trial-provider:hover{background:#f7f8fb}.sb-trial-divider{display:flex;align-items:center;gap:12px;color:var(--trial-muted);font-size:11px}.sb-trial-divider:before,.sb-trial-divider:after{content:'';height:1px;background:var(--trial-line);flex:1}
.sb-trial-field{display:grid;gap:7px;min-width:0}.sb-trial-field label{font-weight:600;font-size:12px}.sb-trial-field input,.sb-trial-field select{width:100%;min-width:0;min-height:48px;border:1px solid #ced5e2;background:#fff;border-radius:10px;padding:11px 13px;color:var(--trial-ink);font-size:14px}.sb-trial-field input::placeholder{color:#667085}.sb-trial-field small,.sb-trial-fine-print{font-size:11px!important;line-height:1.6;color:var(--trial-muted)}.sb-trial-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sb-trial-verified{background:#e9f7f0;color:#216849!important;padding:8px 12px;border-radius:8px;overflow-wrap:anywhere;font-size:12px!important}
.sb-trial-button{border:0;border-radius:11px;min-height:48px;padding:12px 18px;background:var(--trial-primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:600!important;font-size:13px!important;transition:background .15s,box-shadow .15s}.sb-trial-button:hover{background:#a3204a;box-shadow:0 5px 15px #b9275622}.sb-trial-button:disabled{opacity:.65;cursor:wait}.sb-trial-button.is-secondary{background:#f8eef2;color:#9e2850;border:1px solid #f0cfda}.sb-trial-text-button{border:0;background:transparent;color:var(--trial-primary);cursor:pointer;font-size:12px!important;padding:8px}.sb-trial-card-footer{padding:18px 24px;text-align:center;background:#fafbfe;border-top:1px solid var(--trial-line);color:var(--trial-muted);font-size:11px}
.sb-trial-message{font-size:13px;color:#a12736;overflow-wrap:anywhere}.sb-trial-message:not(:empty){margin-top:20px;padding:12px;background:#fff0f1;border:1px solid #f4d1d7;border-radius:10px}.sb-trial-message.is-success{color:#216849;background:#e9f7f0;border-color:#b9e3d0}.sb-trial-state-icon{display:grid;place-items:center;width:58px;height:58px;background:#fceaf0;color:var(--trial-primary);font-size:30px;border-radius:18px}.sb-trial-tip{padding:14px;background:#f2f5fc;border-radius:10px;font-size:12px;color:var(--trial-muted)}
/* Fixed marker columns keep rotating and completed steps aligned, including wrapped labels. */
.sb-trial-spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:trial-spin .85s linear infinite;flex:none}.sb-trial-button>.sb-trial-spinner{display:none}.sb-trial-button[aria-busy=true]>.sb-trial-spinner{display:inline-block}.sb-trial-wait{display:flex;align-items:center;gap:10px;color:var(--trial-primary);font-size:13px}.sb-trial-progress-label{display:flex;justify-content:space-between;font-size:12px}.sb-trial-panel progress{width:100%;height:9px;border:none;border-radius:8px;overflow:hidden;accent-color:var(--trial-primary)}.sb-trial-panel progress::-webkit-progress-bar{background:#f5e8ed}.sb-trial-panel progress::-webkit-progress-value{background:var(--trial-primary)}.sb-trial-milestones{list-style:none;padding:8px 0 0;display:grid;gap:12px;font-size:12px;color:var(--trial-muted)}.sb-trial-milestones li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:10px;align-items:start}.sb-trial-milestones li:before{content:'○';display:grid;place-items:center;width:16px;height:16px;margin-top:2px;line-height:16px}.sb-trial-milestones li.is-done{color:#216849}.sb-trial-milestones li.is-done:before{content:'✓'}.sb-trial-milestones li.is-current{color:var(--trial-primary);font-weight:600}.sb-trial-milestones li.is-current:before{content:'';border:2px solid currentColor;border-right-color:transparent;border-radius:50%}
@keyframes trial-spin{to{transform:rotate(360deg)}}
.sb-trial-optional{font-weight:400;color:var(--trial-muted);margin-left:4px}.sb-trial-consent{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f7f8fc;border:1px solid var(--trial-line);border-radius:10px;font-size:12px;cursor:pointer}.sb-trial-consent input{flex:none;width:18px;height:18px;margin:2px 0;accent-color:var(--trial-primary)}.sb-trial-consent small{display:block;color:var(--trial-muted);font-size:11px;margin-top:3px}.sb-trial-reference{overflow-wrap:anywhere;font-size:11px!important;color:var(--trial-muted)}.sb-trial-reference:empty{display:none}
.sb-trial-milestones li.is-current:before{animation:trial-spin 1.6s linear infinite}
.sb-trial-duration{display:table;margin-top:14px;border-radius:20px;padding:6px 12px;background:#fceaf0;color:#a3204a;font-size:13px;font-weight:600}.sb-trial-tip small{display:block;margin-top:6px}.sb-trial-tip input[type=checkbox]{accent-color:#b91d55;width:17px;height:17px;vertical-align:middle;margin-right:6px}
@media(min-width:1500px){.sb-trial{padding-top:80px}}
@media(max-width:1000px){.sb-trial{gap:28px;padding-top:32px}.sb-trial-story h1{font-size:36px}#sb-trial-form{padding:28px 24px}.sb-trial-steps{padding:20px 16px;gap:8px}}
@media(max-width:760px){.sb-trial-header{padding:18px 20px}.sb-trial-header>span{font-size:0}.sb-trial-header a{font-size:13px}.sb-trial-header img{width:180px}.sb-trial{grid-template-columns:1fr;max-width:560px;padding:24px 16px;gap:20px}.sb-trial-story{padding:0}.sb-trial-story h1{font-size:34px;margin:16px 0 12px}.sb-trial-lead{font-size:15px}.sb-trial-preview,.sb-trial-benefits,.sb-trial-support{display:none}.sb-trial-card{border-radius:18px}.sb-trial-panel h2{font-size:25px}.sb-trial-row{gap:10px}}
@media(prefers-reduced-motion:reduce){.sb-trial-page *,.sb-trial-page *::before,.sb-trial-page *::after{animation:none!important;transition:none!important}.sb-trial-preview{transform:none}}
