#welcome-root[hidden],#welcome-spot[hidden]{display:none!important}
#welcome-root>.welcome-main{height:100dvh;min-height:0;max-height:100dvh;max-width:none;margin:0;width:100%;overflow:auto}
#welcome-tour::backdrop{backdrop-filter:none}
:root[data-theme] #welcome-root button,:root[data-theme] #welcome-tour button{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme] #welcome-root button:hover,:root[data-theme] #welcome-tour button:hover{background:var(--hover)!important}
:root[data-theme] #welcome-root button.primary,:root[data-theme] #welcome-tour button.primary{background:var(--action-gradient)!important;color:#fff!important;border-color:transparent!important}
:root[data-theme] #welcome-root .welcome-nav-item,:root[data-theme] #welcome-root .demo-customer,:root[data-theme] #welcome-root .ghost,:root[data-theme] #welcome-tour .ghost{background:transparent!important;border-color:transparent!important}
:root[data-theme] #welcome-root button.active,:root[data-theme] #welcome-root button[aria-selected=true]{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
:root[data-theme] #welcome-root .demo-customer.active,:root[data-theme] #welcome-root .welcome-nav-item.active{border-color:var(--line)!important}
#welcome-root{position:fixed;inset:0;z-index:35;display:grid;grid-template-columns:210px minmax(0,1fr);background:var(--bg);color:var(--ink);font:15px/1.6 Pretendard, sans-serif;text-align:left}
.welcome-visible #mobile-appbar,.welcome-visible #mobile-unavailable{display:none!important}
.welcome-nav{display:flex;flex-direction:column;padding:28px 18px 18px;background:var(--surface);border-right:1px solid var(--line);min-height:0}
.welcome-brand{display:flex;align-items:center;gap:10px;font-size:24px}.welcome-brand img{width:36px;height:36px}.welcome-nav-caption{font-size:12px;color:var(--muted);margin:10px 0 30px}
.welcome-nav nav,#welcome-help{display:grid;gap:12px}.welcome-nav-item{width:100%;justify-content:flex-start;padding:13px 16px;border:1px solid transparent;background:transparent;text-align:left;border-radius:12px;font-weight:600}.welcome-nav-item:hover,.welcome-nav-item.active{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.welcome-nav-separator{height:1px;background:var(--line);margin:15px 0}.welcome-nav-bottom{margin-top:auto;padding-top:30px;display:grid;gap:12px;color:var(--muted)}
.welcome-main{min-width:0;overflow:auto;padding:32px;scrollbar-gutter:stable}.welcome-page-head{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-page-head h1{font-size:clamp(24px,2.4vw,34px);margin:8px 0;line-height:1.3;letter-spacing:-1px}.welcome-page-head p{margin:8px 0 0;color:var(--muted)}.welcome-page-head>.primary{flex-shrink:0}.welcome-page-head .eyebrow{font-size:11px;letter-spacing:2px}.welcome-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.demo-banner{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:12px 16px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;font-size:12px}.demo-banner>.small{margin-left:auto;white-space:nowrap}.demo-banner>.pill{white-space:nowrap}
.demo-editor{border:1px solid var(--surface-border);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 12px 36px #2110350a}.demo-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--line)}.demo-toolbar strong{display:flex;align-items:center;gap:10px}.demo-toolbar .i{color:var(--accent)}.demo-save{margin-left:auto;color:var(--muted);font-size:12px}.demo-columns{display:grid;grid-template-columns:205px minmax(350px,1fr) 260px;align-items:start}.demo-pane-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;font-size:13px}.demo-customer-list{align-self:stretch;background:var(--surface);border-right:1px solid var(--line);padding-bottom:12px}.demo-customer{display:flex;align-items:center;gap:9px;width:calc(100% - 16px);margin:2px 8px;padding:12px 9px;background:transparent;border:1px solid transparent;text-align:left;border-radius:10px}.demo-customer.active,.demo-customer:hover{background:var(--accent-soft);border-color:var(--line)}.demo-customer .avatar{width:29px;height:29px;min-width:29px;font-size:12px;color:var(--accent);background:var(--raised)}.demo-customer strong{display:block;font-size:13px}.demo-customer small{display:block;font-size:10px;color:var(--muted);line-height:1.6}.demo-customer time{font-size:10px;color:var(--muted);margin-left:auto}.demo-conversation{min-width:0;padding:20px;background:var(--bg)}.demo-customer-context{margin-bottom:18px}.demo-customer-context strong{margin-left:10px;font-size:13px}.demo-customer-context>p{font-size:14px;margin:12px 0;color:var(--muted)}.demo-script-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.demo-script-tabs button{flex:1;min-width:90px;padding:10px 12px;font-size:12px;border:1px solid var(--line);background:var(--surface);border-radius:9px}.demo-script-tabs button.active,.demo-objection-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.demo-sections{display:grid;gap:14px}.demo-section{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.demo-section header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--raised);border-bottom:1px solid var(--line);font-size:13px}.demo-section header>span:first-child{color:var(--muted);font-size:11px}.demo-section-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--accent)}.demo-section>div{padding:16px}.demo-section small,.demo-section aside{font-size:11px;color:var(--muted)}.demo-section p{margin:8px 0 14px;line-height:1.85;font-size:14px;word-break:keep-all;overflow-wrap:anywhere}.demo-section aside{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.demo-objections{margin-top:18px}.demo-objections .demo-pane-title{padding:8px 0 12px}.demo-objection-tabs{display:flex;gap:7px;flex-wrap:wrap}.demo-objection-tabs button{padding:8px 12px;font-size:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.demo-answer{margin-top:12px;border:1px solid var(--surface-border);border-left:3px solid var(--accent);border-radius:10px;padding:16px;background:var(--surface)}.demo-answer p{font-size:14px;margin:12px 0;line-height:1.8}.demo-answer small{font-size:11px;color:var(--muted)}
.demo-record-column{align-self:stretch;min-width:0;border-left:1px solid var(--line);padding-bottom:16px}.demo-record-body{padding:0 18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.demo-record-body h3{font-size:18px;margin:0 0 10px}.demo-record-body small{font-size:11px;color:var(--muted)}.demo-record-body p{font-size:13px;margin:0 0 12px;line-height:1.8}.demo-next{border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;padding:16px;margin:18px 14px}.demo-next h3{font-size:21px;margin:6px 0}.demo-next p{font-size:12px;margin:5px 0 12px}.demo-next small,.demo-next div{font-size:11px;color:var(--muted)}.demo-ai{margin:18px 14px 0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.demo-ai>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.demo-ai p{font-size:12px;background:var(--raised);border-radius:8px;padding:10px}.demo-ai blockquote{margin:12px 0;font-size:12px;line-height:1.8}.demo-ai small{font-size:10px;color:var(--muted)}
#welcome-spot{position:fixed;z-index:40;pointer-events:none;border:2px solid var(--accent);border-radius:14px;box-shadow:0 0 0 9999px #0f092780;transition:all .25s ease}#welcome-tour{position:fixed;inset:auto;margin:0;padding:24px;border:1px solid var(--surface-border);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 18px 80px #160a3438;overflow:visible;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);font:15px/1.7 Pretendard,sans-serif}#welcome-tour::backdrop{background:transparent}#welcome-tour h2{font-size:22px;line-height:1.4;margin:16px 0 10px;letter-spacing:-.5px}#welcome-tour p{margin:0;font-size:14px;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}.welcome-tour-count{display:flex;justify-content:space-between;font-size:12px;color:var(--accent);font-weight:600}.welcome-tour-progress{display:flex;gap:5px;margin:22px 0}.welcome-tour-progress span{height:4px;background:var(--line);border-radius:4px;flex:1}.welcome-tour-progress span.active{background:var(--accent)}.welcome-tour-actions{display:flex;gap:12px;justify-content:space-between;align-items:center}.welcome-tour-actions>div{display:flex;gap:12px}.welcome-tour-actions button{font-size:13px;padding:10px 14px}.welcome-cursor{position:absolute;width:30px;height:38px;pointer-events:none;filter:drop-shadow(0 3px 6px #0005);animation:welcome-point 1.7s ease-in-out infinite}.welcome-cursor path{stroke-linejoin:round}@keyframes welcome-point{0%,100%{transform:translate(0,0)}55%{transform:translate(5px,7px) scale(.92)}}
.welcome-flow{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 28px}.welcome-flow span{padding:8px 16px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:13px}.welcome-flow .active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.welcome-flow .done{color:var(--ink)}.welcome-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.welcome-plan{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}.welcome-plan h2{font-size:27px;margin:20px 0 8px}.welcome-plan p{color:var(--muted);font-size:14px;margin:0}.welcome-plan ul{list-style:none;padding:18px 0;margin:0 0 16px;font-size:13px;width:100%}.welcome-plan li{padding:8px 0;border-bottom:1px solid var(--line)}.welcome-plan>.primary{width:100%;margin-top:auto}.welcome-plan button:disabled{opacity:.5;cursor:not-allowed}.welcome-billing-explainer{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.welcome-billing-explainer h2{font-size:19px;margin:0 0 14px}.welcome-billing-explainer p{font-size:14px;line-height:1.85;margin:10px 0}.welcome-plan-footer{display:flex;gap:20px;justify-content:center;margin:24px 0}.welcome-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.welcome-help-card{padding:26px}.welcome-help-card h2{font-size:20px;margin:16px 0 8px}.welcome-help-card p{color:var(--muted);font-size:14px;line-height:1.8}.welcome-help-card button{margin-top:14px}.welcome-faq{display:grid;gap:10px;margin-bottom:30px}.welcome-faq details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px 20px}.welcome-faq summary{font-weight:600;cursor:pointer}.welcome-faq p{font-size:14px;line-height:1.8;color:var(--muted);margin:14px 0 0}.welcome-support-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.5fr);gap:24px}.welcome-support-layout h2{font-size:19px}.welcome-ticket{display:flex;align-items:flex-start;flex-direction:column;gap:10px;width:100%;padding:18px;margin-bottom:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.welcome-ticket.active{border-color:var(--accent);background:var(--accent-soft)}.welcome-ticket small,.welcome-ticket-detail small{color:var(--muted);font-size:11px}.welcome-ticket-detail{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:24px}.welcome-ticket-detail>.welcome-actions{margin-top:24px}.welcome-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.welcome-reply{margin-top:20px;padding:18px;background:var(--raised);border-radius:10px}.welcome-reply.staff{border-left:3px solid var(--accent)}.welcome-reply small{display:block;margin-top:4px}.welcome-order-summary .kv{align-items:flex-start;gap:20px;flex-wrap:wrap}.welcome-order-summary h2{margin:18px 0}.welcome-order-summary p{line-height:1.8}.welcome-side-help{display:flex;flex-direction:column;gap:12px;margin:12px 0}.welcome-side-help button{justify-content:flex-start;padding-inline:12px}.welcome-trial-status{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);font-size:12px}.welcome-trial-status p{margin:8px 0;color:var(--muted);font-size:11px;line-height:1.7}.welcome-loading{padding:15vh 20px;text-align:center}.welcome-loading h1{font-size:22px}
@media(min-width:768px) and (max-width:1350px){#welcome-root{grid-template-columns:175px minmax(0,1fr)}.welcome-main{padding:22px}.welcome-nav{padding:24px 12px}.demo-columns{grid-template-columns:175px minmax(300px,1fr) 225px}.demo-conversation{padding:14px}.demo-customer{gap:6px}.demo-customer time{display:none}.welcome-plan{padding:22px}.welcome-page-head{align-items:flex-start}.welcome-page-head>.primary{font-size:13px}}
@media(min-width:768px) and (max-width:1120px){.demo-columns{grid-template-columns:165px minmax(0,1fr)}.demo-record-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:0}.demo-save{display:none}.welcome-plan-grid{gap:12px}.welcome-plan{padding:18px}.welcome-plan h2{font-size:22px}.welcome-page-head{flex-wrap:wrap}.welcome-support-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.welcome-cursor{animation:none}#welcome-spot{transition:none}}
#welcome-root.preview-mode{display:flex;flex-direction:column}
.welcome-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;min-height:64px}
.welcome-preview-bar>span{display:flex;gap:12px;align-items:center;font-size:14px}.welcome-preview-bar small{font-size:12px;color:var(--muted)}
.welcome-preview-bar>div{display:flex;align-items:center;gap:8px}.welcome-preview-bar button{padding:8px 12px;font-size:12px;white-space:nowrap}
#welcome-preview{width:100%;height:0;flex:1;border:0;min-height:0;background:var(--bg)}
@media(max-width:1250px){.welcome-preview-bar>span{flex-direction:column;align-items:flex-start;gap:0}.welcome-preview-bar{padding-inline:10px}.welcome-preview-bar>div{gap:5px}}

/* One-month checkout details and section spacing. */
.checkout-plan-grid .plan-card{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.checkout-plan-grid .plan-card>.pill{align-self:flex-start}
.checkout-plan-features{list-style:none;padding:0;margin:18px 0 22px;width:100%;font-size:14px}
.checkout-plan-features li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.checkout-plan-features small{display:block;color:var(--muted);font-size:12px}
.checkout-plan-features strong{white-space:nowrap;color:var(--ink)}
.checkout-plan-grid .plan-card>.primary{margin-top:auto;width:100%}
.checkout-plan-policy{margin-top:14px;line-height:1.8;font-size:13px}
.welcome-main>.welcome-billing-explainer{margin-top:24px}