/* Scoped onboarding UI; customer site previews keep their own theme. */
body.start-flow{--brand:#F0522B;--brand-deep:#C63D1B;--brand-soft:#FFF0E9;--line:#E9E5E2;--ink:#242830;--sub:#686B73;--mut:#777B84;--bg:#FAFAF9;--soft:Arial,'Noto Sans KR',sans-serif;background:#FAFAF9;color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif}
body.start-flow:before{display:none}body.start-flow .wzh{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1200px)/2))}body.start-flow .wz{max-width:1248px;padding:0 24px 64px}body.start-flow .brand-slogan{display:none}body.start-flow .wz-head-links{font-size:13px}body.start-flow .wz-head-links a:last-child{border:1px solid var(--line);border-radius:9px;padding:10px 15px}
.flow-progress{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);margin-bottom:44px}.flow-progress ol{display:flex;list-style:none;gap:30px;padding:0;margin:0}.flow-progress li{display:flex;align-items:center;gap:9px;color:#74777E;font-size:13px}.flow-progress li+li:before{content:'›';color:#B8B8BA;margin-right:10px}.flow-progress li>span{display:grid;place-items:center;width:27px;height:27px;background:#EEEDEA;border-radius:50%;font-size:11px;font-weight:700}.flow-progress .current{color:var(--brand-deep)}.flow-progress .current>span{background:var(--brand);color:white}.flow-progress .complete>span{background:#FFF0E9;color:var(--brand)}.flow-save{color:var(--sub);font-size:12px}.flow-heading{margin:0 0 26px}.flow-heading>p,.flow-eyebrow{font-size:13px;font-weight:700;color:var(--brand);letter-spacing:.015em}.flow-heading>p{margin:0 0 12px}body.start-flow .flow-heading h1{font-size:32px;font-weight:750;letter-spacing:-1.3px;line-height:1.4;margin:0 0 9px}.flow-heading>div{font-size:15px;color:var(--sub);line-height:1.7}
body.start-flow .sf-lay{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;max-width:none}body.start-flow .sfw{padding:0;margin:0;max-width:none;font-size:16px}body.start-flow .sf-hero{text-align:left;padding:22px 0 30px}.flow-eyebrow{display:inline-flex;gap:7px;align-items:center;margin-bottom:12px}.flow-eyebrow i,.preview-caption i{display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%}body.start-flow .sf-hero h1{font-size:46px;font-weight:800;letter-spacing:-2px;line-height:1.32;margin:8px 0 20px}.sf-hero h1 em{font-style:normal;color:var(--brand)}body.start-flow .sf-sub{font-size:16px;line-height:1.85;color:var(--sub);max-width:440px}.start-flow .sf-kicker{font-size:14px}
body.start-flow .sf-card,body.start-flow .split2 .l .card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 30px #28204004}body.start-flow .sf-card{gap:8px}body.start-flow .sf-q{font-size:17px;min-height:28px;margin-bottom:6px;font-weight:700}body.start-flow .sf-in{border:1px solid #DDDAD6;background:#fff;color:var(--ink);min-height:56px;font-size:17px;border-radius:10px;padding:0 16px}body.start-flow #bizno{font-size:25px;letter-spacing:2px;height:64px}body.start-flow .sf-in:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}body.start-flow .sf-in::placeholder{color:#A6A5A3}body.start-flow .sf-btn{background:var(--brand);border-radius:10px;font-size:16px;min-height:56px;font-weight:700;display:flex;gap:16px;align-items:center;justify-content:center;margin-top:12px;transition:background .15s}body.start-flow .sf-btn:hover{background:var(--brand-deep)}.sf-btn span{font-size:22px}.start-flow .sf-help{font-size:13px;line-height:1.7}.start-flow .sf-more{margin:8px 0;border-top:1px solid var(--line);padding-top:8px}.start-flow .sf-more summary{font-size:14px;display:list-item;list-style-position:inside;padding:10px 0;min-height:44px}.sf-more summary small{font-size:11px;border-radius:4px;background:#F3F1EE;padding:3px 5px;margin-left:8px}.flow-reassure{text-align:center;color:var(--sub);font-size:12px;margin:10px 0 0}.start-flow .sf-foot{font-size:12px;margin-top:14px}.start-flow .sf-lbl{font-size:14px;gap:8px;flex-wrap:wrap;min-height:28px;margin-top:14px}.start-flow .sf-lbl small{font-size:12px}.start-flow .sf-agree{font-size:13px;margin-top:18px}.start-flow input[type=checkbox]{accent-color:var(--brand)}
body.start-flow .sf-side{display:block;position:static;min-width:0;background:radial-gradient(ellipse at 50% 50%,#FFE2D3 0,transparent 68%),#F6F3F0;border-radius:28px;padding:28px 24px 20px}body.start-flow .sf-side section{background:transparent;border:0;border-radius:0;padding:0}.start-flow .sf-sample-h{justify-content:center;display:grid;text-align:center;gap:6px;margin:0 0 18px}.start-flow .sf-sample-h b{font-size:17px}.start-flow .sf-sample-h span{font-size:12px;color:var(--sub)}.start-flow .sf-chips{justify-content:center;gap:6px;margin-bottom:20px}.start-flow .sf-chips button{min-height:36px;padding:0 13px;font-size:12px;border:1px solid #E5DFD9;background:#ffffff80}.start-flow .sf-chips button.on{background:#fff;color:var(--brand-deep);border-color:#F4B49E;box-shadow:0 3px 8px #843D190B}.start-flow .sfp{max-width:258px;aspect-ratio:9/16;border:7px solid #fff;border-radius:28px;box-shadow:0 22px 44px #643D2B24;outline:1px solid #E8E1DB}.start-flow .sf-sample-n{font-size:11px;margin-top:8px}.sample-note{text-align:center;margin-top:10px}.sample-note b{font-size:14px}.sample-note p{font-size:12px;color:var(--sub);line-height:1.7;margin:7px 0}.start-flow .sf-side-tel{font-size:12px;margin-top:14px}.start-flow .sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.start-flow .sf-opt{font-size:14px;min-height:104px;border-width:1px;border-radius:12px;gap:10px}.start-flow .sf-opt:hover{background:var(--brand-soft);border-color:var(--brand)}
.edit-steps{display:flex;gap:6px;margin:0 0 24px;flex-wrap:wrap}.edit-steps a{color:var(--sub);padding:10px 16px;font-size:13px;border-radius:8px;text-decoration:none;min-height:40px}.edit-steps a[aria-current]{color:var(--brand-deep);background:#FFF0E9;font-weight:700}.edit-steps a:hover{background:#F3F0ED}body.start-flow .split2{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:48px;align-items:start}body.start-flow .split2 .l>.card+.card{margin-top:18px}body.start-flow .split2 .l h2{font-size:19px;font-weight:700;margin-bottom:18px}.start-flow .more{display:block;font-size:12px;margin-top:8px;float:none}.start-flow .layout-thumb{display:block;width:100%;height:150px;object-fit:cover;object-position:top;border-radius:7px;border:1px solid var(--line);margin-bottom:12px}body.start-flow .opt{position:relative;border-radius:12px;padding:16px;border-width:1px}body.start-flow .opt.sel{background:#FFF6F1;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}body.start-flow .opt.sel:after{content:'✓';position:absolute;top:7px;right:8px;border-radius:50%;background:var(--brand);color:#fff;font-size:10px;width:17px;height:17px;text-align:center;line-height:17px}.start-flow .opt-tt{font-size:14px}.start-flow .opt-dd{font-size:12px}.start-flow .tag{font-size:11px}body.start-flow .fld input,body.start-flow .fld textarea{border-radius:9px;min-height:48px;font-size:15px;background:#fff}body.start-flow .fld label{font-size:14px;color:var(--ink)}body.start-flow .tip{font-size:13px;background:#FAF4EF;border:1px solid #F0E3D8;color:#766252;border-radius:10px;line-height:1.8}body.start-flow .btn:not(.g):not(.red):not(.o){border-radius:9px;box-shadow:none;min-height:46px;padding:12px 22px;font-size:14px}body.start-flow .btn.g{border-radius:9px;background:#fff;min-height:46px;font-size:14px}.start-flow .draft-item{background:#FAF9F7;border-radius:10px}.start-flow .draft-item-photo{border-color:#D8C9BE;position:relative}.start-flow .draft-item-photo input{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.start-flow .draft-item-photo:focus-within{outline:2px solid var(--brand)}.start-flow .blockrow{padding:18px 0}.start-flow .sw:focus-within{outline:2px solid var(--brand);outline-offset:3px;border-radius:20px}.start-flow .hint{font-size:12px;line-height:1.7}
.draft-preview{position:sticky;top:104px;padding:24px;background:#F6F3F0;border:1px solid #E8E2DC;border-radius:24px;min-width:0}.preview-caption{display:grid;gap:7px;text-align:center;margin-bottom:20px;font-size:13px;font-weight:700}.preview-caption small{font-size:11px;color:var(--sub);font-weight:400}body.start-flow .draft-preview .phone{width:100%;max-width:340px;margin:0 auto;height:590px;border:7px solid #fff;border-radius:26px;box-shadow:0 15px 35px #5B35211A}.draft-preview>p{text-align:center;font-size:11px;color:var(--sub);margin:16px 0 0}.start-flow .sf-preview{grid-template-columns:minmax(0,1fr) 390px;gap:80px;align-items:start;max-width:100%;padding:24px 0}.start-flow .sf-prev-copy h1{font-size:38px;font-weight:800;margin-top:16px}.start-flow .sf-prev-phone{display:block}.start-flow .sf-checks{gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:28px 0}.start-flow .sf-checks li{border:0;border-radius:0;border-bottom:1px solid var(--line);padding:18px 22px;font-size:13px}.start-flow .sf-checks li:last-child{border:0}.start-flow .sf-checks b{font-size:16px;margin-top:4px}.start-flow .sf-checks small{font-size:12px;color:var(--sub)}.start-flow .sf-alt{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.start-flow .sf-lnk{width:100%;font-size:13px;border-radius:9px;min-height:46px;padding:8px}.start-flow a:focus-visible,.start-flow button:focus-visible,.start-flow summary:focus-visible{outline:3px solid #F89B79;outline-offset:3px}.start-flow [aria-busy=true]{opacity:.7;cursor:wait}.flow-back{display:inline-flex;min-height:44px;align-items:center;color:var(--sub);font-size:13px;margin-top:14px}.start-flow .password-wrap{position:relative}.start-flow .password-wrap input{padding-right:66px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--brand-deep);font:inherit;font-size:12px;min-width:44px;min-height:44px;cursor:pointer}
@media(max-width:1100px){.flow-save{display:none}body.start-flow .sf-lay{gap:32px}body.start-flow .sf-hero h1{font-size:39px}body.start-flow .split2{gap:24px;grid-template-columns:minmax(0,1fr) 340px}.start-flow .sf-preview{gap:32px;grid-template-columns:minmax(0,1fr) 340px}.draft-preview{padding:18px}}
@media(max-width:800px){body.start-flow .wzh{height:66px;padding:0 20px}body.start-flow .wz{padding:0 20px 40px}.flow-progress{padding:20px 0;margin-bottom:28px}.flow-progress ol{width:100%;justify-content:space-between;gap:6px}.flow-progress li{flex-direction:column;gap:8px;font-size:11px}.flow-progress li+li:before{display:none}.flow-progress li>span{width:25px;height:25px}.flow-progress b{font-weight:600}body.start-flow .sf-lay,body.start-flow .split2,.start-flow .sf-preview{grid-template-columns:minmax(0,1fr);gap:30px}body.start-flow .sf-hero{padding:0 0 24px}body.start-flow .sf-hero h1{font-size:37px;letter-spacing:-1.5px}body.start-flow .sf-sub{font-size:15px;max-width:none}body.start-flow .sf-card,body.start-flow .split2 .l .card{padding:24px;border-radius:16px}body.start-flow .sf-side{padding:24px 18px;border-radius:20px}.start-flow .sfp{max-width:270px}.draft-preview{position:static;width:100%;max-width:440px;margin:auto}body.start-flow .draft-preview .phone{height:560px}.start-flow .sf-prev-copy h1{font-size:30px}body.start-flow .flow-heading h1{font-size:27px}.flow-heading>div{font-size:14px}.edit-steps{gap:4px}.edit-steps a{font-size:12px;padding:9px 10px}.start-flow .sf-preview{padding:0}.start-flow .sf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.start-flow .row2{grid-template-columns:1fr}.start-flow .laygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-flow .layout-thumb{height:145px}.start-flow .wz-head-links a:last-child{font-size:12px;padding:8px 10px}.start-flow .brand-copy{display:flex!important}}
@media(max-width:380px){body.start-flow .wz{padding-left:16px;padding-right:16px}body.start-flow .sf-card,body.start-flow .split2 .l .card{padding:18px}.start-flow .sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-reassure{font-size:11px}.start-flow .sf-alt{grid-template-columns:1fr}body.start-flow .sf-hero h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.start-flow *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.start-flow .layout-more{margin-top:18px;border-top:1px solid var(--line)}.start-flow .layout-more summary{padding:16px 0;cursor:pointer;color:var(--brand-deep);font-size:14px;font-weight:600;min-height:48px}.start-flow .layout-more[open] summary{margin-bottom:6px}
/* Sample cards use the same content and full-page links as samples.php. */
body.start-flow .sf-side{background:#F3F2F0;padding:28px;border-radius:20px}body.start-flow .sf-sample-h{text-align:left;justify-content:start;gap:9px;margin-bottom:22px}.start-flow .sf-sample-h>span{color:var(--brand-deep);font-size:10px;letter-spacing:.12em;font-weight:700}.start-flow .sf-sample-h>b{font-size:23px;letter-spacing:-.7px}.sf-sample-h>p{font-size:13px;line-height:1.7;color:var(--sub);margin:0;word-break:keep-all}.start-flow .sf-chips{justify-content:flex-start;gap:7px;margin-bottom:18px}.start-flow .sf-chips button{background:transparent;min-height:40px;font-size:13px;padding:0 15px;border-color:#DEDAD6}.start-flow .sf-chips button.on{background:#292D34;color:white;border-color:#292D34;box-shadow:none}.sample-card{border:1px solid #E6E2DE;border-radius:14px;overflow:hidden;background:white}.sample-card[hidden]{display:none}.sample-cover{display:block;position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#EEDFD0,#CEBBA8);overflow:hidden}.sample-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.sample-cover:hover img{transform:scale(1.025)}.sample-cover>span{position:absolute;left:16px;top:16px;background:#242830db;color:white;font-size:11px;padding:7px 10px;border-radius:6px}.sample-body{padding:24px}.sample-body>small{font-size:11px;color:var(--sub)}body.start-flow .sample-body h2{font-size:23px;font-weight:750;letter-spacing:-.6px;line-height:1.4;margin:8px 0}.sample-body>p{font-size:14px;line-height:1.7;color:var(--sub);margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere}.sample-open{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #E6E2DE;border-radius:9px;min-height:48px;padding:12px 16px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none}.sample-open:hover{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft)}.sample-all{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--sub);min-height:48px;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.start-flow[data-step=cat] .sf-lay{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px}.industry-field{border:0;padding:0;margin:0;min-width:0}.industry-field legend{font-size:17px;font-weight:700;padding:0;margin-bottom:8px}.industry-hint{font-size:13px;color:var(--sub);line-height:1.7;margin:0 0 22px}.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.industry-choice{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer;min-height:86px;border:1px solid #E5E3E0;border-radius:10px;padding:16px;background:white;transition:border-color .15s,background .15s}.industry-choice:hover{border-color:#EBA58E;background:#FFFBF8}.industry-choice:has(input:checked){border-color:var(--brand);background:#FFF5EF;box-shadow:0 0 0 1px var(--brand)}.industry-choice:has(input:focus-visible){outline:3px solid #F89B79;outline-offset:3px}.industry-choice>input{position:absolute;opacity:0;width:1px;height:1px}.industry-copy{flex:1;min-width:0;display:grid;gap:6px}.industry-copy b{font-size:14px;color:var(--ink);line-height:1.4}.industry-copy small{font-size:11px;color:var(--sub);line-height:1.5;word-break:keep-all}.industry-check{width:18px;height:18px;flex:none;border:1px solid #D9D5D1;border-radius:50%;background:white;display:grid;place-items:center}.industry-choice input:checked~.industry-check{background:var(--brand);border-color:var(--brand)}.industry-choice input:checked~.industry-check:after{content:'✓';font-size:11px;font-weight:700;color:white}.industry-actions{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.industry-actions p{font-size:12px;line-height:1.7;color:var(--sub);margin:0 0 12px}.start-footer{background:#fff;border-top:1px solid var(--line)}.start-footer-inner{max-width:1248px;margin:auto;padding:30px 24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.start-footer p{font-size:12px;color:var(--sub);margin:0}.start-footer nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}.start-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--sub)}.start-footer .brand-lockup{min-height:44px}.start-footer .brand-copy{display:flex!important}
@media(max-width:1000px){body.start-flow[data-step=cat] .sf-lay{grid-template-columns:minmax(0,1fr)}body.start-flow[data-step=cat] .sf-side{max-width:600px;width:100%;margin:auto}}
@media(max-width:800px){body.start-flow .sf-side{padding:22px}.sample-body{padding:20px}.start-flow .sf-sample-h>b{font-size:21px}.start-footer-inner{padding:26px 20px;gap:12px 20px}.start-footer p{flex-basis:100%}.start-footer nav{margin-left:0;gap:22px}.industry-choice{padding:13px;gap:8px}.industry-copy small{font-size:11px}}
@media(max-width:380px){.industry-grid{grid-template-columns:1fr}.industry-choice{min-height:72px}.start-flow .sf-chips button{padding:0 12px}}
body.start-flow .draft-preview .phone iframe{display:block;width:100%;height:100%;border:0;background:#fff}
/* Keep a 44px touch target without stretching the visual switch track. */
body.start-flow .blockrow .sw{display:inline-flex;position:relative;flex:0 0 46px;width:46px;height:44px;min-height:44px;padding:0;margin:0;align-items:center}
body.start-flow .blockrow .sw input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;margin:0;z-index:1;cursor:pointer}
body.start-flow .blockrow .sw i{inset:auto 0;top:9px;width:46px;height:26px;border-radius:999px;background:#D8DBD7;pointer-events:none}
body.start-flow .blockrow .sw i:after{top:3px;left:3px;width:20px;height:20px;border-radius:50%;transform:translateX(0);box-shadow:0 1px 3px #0000001a;transition:transform .15s}
body.start-flow .blockrow .sw input:checked+i{background:var(--brand)}
body.start-flow .blockrow .sw input:checked+i:after{left:3px;transform:translateX(20px)}
body.start-flow .blockrow .sw:focus-within{outline:none}
body.start-flow .blockrow .sw input:focus-visible+i{outline:2px solid var(--brand);outline-offset:3px}
body.start-flow .blockrow .sw input:disabled{cursor:default}
body.start-flow .blockrow .sw input:disabled+i{opacity:.55}