.onboarding-page{background:#f7f8fb;min-height:100vh}.onboarding-header{height:74px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid #e5e8ee;background:white}.onboarding-header>p{margin-left:auto;font-size:12px;color:var(--muted)}.onboarding-header>p a{color:var(--blue);font-weight:700}.onboarding-shell{min-height:calc(100vh - 74px);display:grid;grid-template-columns:36% 64%;max-width:1500px;margin:auto}.onboarding-aside{background:var(--navy);color:white;padding:70px clamp(35px,5vw,80px);display:flex;flex-direction:column;position:relative;overflow:hidden}.onboarding-aside:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff12;border-radius:50%;right:-180px;bottom:120px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.onboarding-aside h1{font-size:clamp(38px,4vw,57px);letter-spacing:-3px;margin:20px 0}.onboarding-aside>div>p{color:#b8c0cf;line-height:1.7;max-width:390px;font-size:14px}.step-list{list-style:none;padding:0;margin:65px 0;position:relative;z-index:1}.step-list:before{content:"";position:absolute;left:17px;top:20px;bottom:20px;width:1px;background:#ffffff20}.step-list li{display:flex;align-items:center;gap:17px;margin:25px 0;color:#758095;font-size:13px}.step-list b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #667083;border-radius:50%;background:var(--navy);font-size:11px}.step-list small{display:block;font-size:7px;letter-spacing:1.5px;margin-bottom:4px}.step-list .active{color:white}.step-list .active b{border-color:var(--orange);background:var(--orange);color:var(--navy)}.onboarding-aside blockquote{margin:auto 0 0;padding:17px 0 0;border-top:1px solid #ffffff1c;color:#929bad;font:italic 13px var(--serif);line-height:1.6;position:relative;z-index:1}.form-panel{background:#fff;position:relative;padding:70px clamp(35px,7vw,100px)}.form-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#eff1f4}.form-progress i{display:block;width:25%;height:100%;background:var(--blue);transition:width .3s}.form-panel form{max-width:790px;margin:auto}.form-step{display:none;border:0;padding:0;margin:0}.form-step.active{display:block;animation:stepIn .35s ease}@keyframes stepIn{from{opacity:0;transform:translateX(12px)}}.step-caption{font-size:9px;letter-spacing:1.8px;color:var(--blue);font-weight:800}.form-step>h2{font-size:36px;letter-spacing:-1.8px;margin:10px 0 8px}.form-step>p{color:var(--muted);font-size:14px;margin:0 0 35px}.fields{display:grid;gap:20px}.fields.two{grid-template-columns:1fr 1fr}.fields .wide{grid-column:1/-1}.fields label,.field-title{font-size:11px;font-weight:700;color:#39445a}.fields label em,.legal-checks em{color:#df5b62;font-style:normal}.fields input,.fields textarea,.fields select,.schedule input,.schedule select{display:block;width:100%;border:1px solid #dce0e7;border-radius:5px;padding:12px 13px;margin-top:8px;outline:none;background:white;color:var(--ink);font-size:13px;transition:border .2s,box-shadow .2s}.fields input:focus,.fields textarea:focus,.fields select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #345df512}.fields textarea{resize:vertical}.fields small{display:block;color:#9299a7;font-weight:400;font-size:9px;margin-top:5px}.fields textarea+small{text-align:right}.slug-input{display:flex;border:1px solid #dce0e7;border-radius:5px;margin-top:8px;overflow:hidden;align-items:center}.slug-input span{background:#f5f6f8;padding:12px;color:#8a91a0;font-weight:400;font-size:12px}.slug-input input{border:0;margin:0;box-shadow:none!important}.slug-free{color:var(--green)!important}.slug-taken{color:#df5b62!important}.field-title{margin:25px 0 15px}.service-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-options label{position:relative;border:1px solid #dfe3e9;border-radius:6px;padding:13px 8px;display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;cursor:pointer}.service-options label:has(input:checked){border-color:var(--blue);background:#f5f7ff;color:var(--blue)}.service-options input{position:absolute;right:7px;top:7px;accent-color:var(--blue)}.service-options span{font-size:17px}.schedule{border:1px solid #e1e4e9;border-radius:7px}.schedule>div{display:grid;grid-template-columns:1.5fr 1fr 20px 1fr;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid #edf0f3;font-size:11px}.schedule>div:last-child{border:0;grid-template-columns:1.5fr 2.2fr}.schedule input,.schedule select{margin:0;padding:8px}.switch-label{font-weight:400}.brand-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.palettes button{border:1px solid #dfe2e8;background:white;padding:9px;border-radius:5px;display:flex;align-items:center;cursor:pointer}.palettes button.active{border-color:var(--blue);box-shadow:0 0 0 2px #345df512}.palettes i{width:16px;height:22px;background:var(--c)}.palettes span{font-size:9px;font-weight:700;margin-left:7px}.color-fields{display:flex;gap:10px;margin-top:14px}.color-fields label{font-size:8px;color:var(--muted)}.color-fields input{display:block;width:55px;height:35px;border:0;background:none;padding:0}.fiscal{margin-top:25px;border-top:1px solid var(--line);padding-top:16px}.fiscal summary{font-size:10px;font-weight:700;cursor:pointer}.fiscal .fields{margin-top:15px}.live-preview{border:1px solid #d9dde5;border-radius:8px;overflow:hidden;box-shadow:0 18px 38px #17233c16;align-self:start}.preview-browser{height:27px;padding:8px;background:#f1f2f5}.preview-browser i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c7cbd2}.preview-browser small{float:right;font-size:6px;color:#9aa0aa}.preview-body{min-height:295px;background:var(--preview-bg,#f7f8fa);color:var(--preview-primary,#17233c)}.preview-body nav{height:42px;padding:14px 18px;display:flex;justify-content:space-between;font-size:7px}.preview-body>div{padding:42px 25px}.preview-body small{font-size:6px;letter-spacing:1.5px;color:var(--preview-accent,#f4a261);font-weight:800}.preview-body h3{font-size:26px;line-height:1.05;letter-spacing:-1px;margin:12px 0}.preview-body p{font-size:8px;max-width:190px;line-height:1.5}.preview-body button{border:0;border-radius:2px;background:var(--preview-accent,#f4a261);color:var(--preview-primary,#17233c);padding:8px 12px;font-size:7px;font-weight:700}.legal-checks{margin-top:25px;display:grid;gap:8px;font-size:10px;color:#6f7786}.legal-checks input{accent-color:var(--blue)}.form-error{min-height:20px;color:#c83f49;font-size:11px;margin-top:18px}.form-actions{border-top:1px solid var(--line);margin-top:15px;padding-top:20px;display:flex;align-items:center;gap:15px}.form-actions>span{margin:auto;color:#9299a5;font-size:10px}.back-button{border:0;background:none;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer}.form-actions .button{padding:12px 20px}.button[disabled]{opacity:.6;pointer-events:none}
@media(max-width:900px){.onboarding-shell{grid-template-columns:1fr}.onboarding-aside{padding:38px 30px}.onboarding-aside h1{font-size:38px}.onboarding-aside>div>p,.onboarding-aside blockquote{display:none}.step-list{display:flex;margin:25px 0 0;justify-content:space-between}.step-list:before{left:5%;right:5%;top:17px;bottom:auto;width:auto;height:1px}.step-list li{margin:0;gap:5px;flex-direction:column;text-align:center}.step-list span{display:none}.form-panel{padding:45px 25px}.brand-layout{grid-template-columns:1fr}.live-preview{max-width:450px}.service-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.onboarding-header>p{display:none}.fields.two{grid-template-columns:1fr}.fields .wide{grid-column:auto}.form-step>h2{font-size:30px}.slug-input span{font-size:9px;padding:12px 7px}.schedule>div{grid-template-columns:1fr 1fr 12px 1fr}.schedule>div b{grid-column:1/-1}.brand-layout{display:block}.live-preview{margin-top:30px}.form-actions .button{font-size:11px}.form-actions>span{display:none}}
.rate-input { display:flex; align-items:stretch; }
.rate-input input { min-width:0; width:100%; border-radius:8px 0 0 8px!important; }
.rate-input span { display:flex; align-items:center; padding:0 12px; border:1px solid #d8dee8; border-left:0; border-radius:0 8px 8px 0; background:#f5f7fa; color:#667085; font-size:12px; font-weight:800; white-space:nowrap; }
.preview-body nav{align-items:center;padding:10px 18px}.preview-body nav b{display:flex;align-items:center;gap:7px;min-width:0}.preview-body nav img{width:22px;height:22px;object-fit:contain;flex:0 0 22px}.preview-body nav b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo-upload{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px;border:1px dashed #cfd6e3;border-radius:8px;color:#39445a;font-size:10px;font-weight:800;cursor:pointer}.logo-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.logo-upload:before{content:"";width:42px;height:42px;flex:0 0 42px;border-radius:7px;background:#f2f5fa url("../images/logo.svg") center/26px 26px no-repeat}.logo-upload span{min-width:0}.logo-upload b,.logo-upload small{display:block}.logo-upload b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-upload small{margin-top:3px;color:#9299a7;font-size:8px;font-weight:500;line-height:1.35}
.onboarding-modal[hidden]{display:none}.onboarding-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px}.onboarding-modal__backdrop{position:absolute;inset:0;background:rgba(23,35,60,.58);backdrop-filter:blur(4px)}.onboarding-modal__card{position:relative;width:min(100%,440px);padding:34px;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(23,35,60,.24);z-index:1}.onboarding-modal__card h2{font-size:29px;letter-spacing:-1.2px;margin:10px 0 8px}.onboarding-modal__card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.onboarding-modal__card label{display:block;color:#39445a;font-size:11px;font-weight:700}.onboarding-modal__card input{display:block;width:100%;border:1px solid #dce0e7;border-radius:5px;padding:12px 13px;margin-top:8px;outline:none;background:#fff;color:var(--ink);font-size:13px}.onboarding-modal__card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #345df512}.onboarding-modal__error{min-height:20px;margin-top:12px;color:#c83f49;font-size:11px}.onboarding-modal__actions{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.onboarding-modal__actions .button{padding:12px 18px}.onboarding-modal__recovery{display:block;margin-top:18px;color:var(--blue);font-size:11px;font-weight:700;text-decoration:none}
.form-actions .button{cursor:pointer}.button[disabled]{cursor:not-allowed}.required-fiscal{margin-top:25px;border-top:1px solid var(--line);padding-top:16px}.required-fiscal h3{margin:0 0 6px;font-size:13px;color:#39445a}.required-fiscal h3 em{color:#df5b62;font-style:normal}.required-fiscal p{margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.5}
.form-actions .is-hidden{display:none!important}.onboarding-modal__close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e2e7ef;border-radius:50%;background:#f8faff;color:#59657a;font-size:22px;font-weight:400;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}.onboarding-modal__close:hover{background:var(--blue);color:#fff;transform:rotate(90deg)}
.onboarding-password-field{display:flex;align-items:center;width:100%;height:43px;box-sizing:border-box;margin-top:8px;padding:0 13px;border:1px solid #dce0e7;border-radius:5px;background:#fff}
.onboarding-password-field input{flex:1 1 auto;min-width:0;width:auto!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.onboarding-password-field input:focus{border:0!important;box-shadow:none!important;outline:0}
.onboarding-password-field button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:100%;margin:0;padding:0;border:0;background:transparent;color:#697386;font-size:14px;cursor:pointer}
.onboarding-password-field button:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}
.fields label:has(> em){display:block}