:root{--ink:#17100b;--orange:#ff6b00;--orange-hot:#ff9f1c;--orange-deep:#c2410c;--asphalt:#171717;--paper:#fff8ed;--surface:#fff;--muted:#6f5a48;--line:#ecd5bc;--glow:#ffd166;--danger:#b42318}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 8% 4%, #ff9f1c21, transparent 28rem), radial-gradient(circle at 92% 35%, #ff6b0017, transparent 34rem), var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #ff9f1c}.onboarding-page{min-height:100vh}.onboarding-header{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:78px;margin-inline:auto;display:flex}.onboarding-header p{color:var(--muted);margin:0;font-size:13px}.onboarding-header strong{color:var(--orange-deep)}.onboarding-brand{color:inherit;letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.onboarding-brand span{background:linear-gradient(135deg, var(--orange-hot), var(--orange));color:#1b0d05;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 8px 22px #ff6b0035}.onboarding-main{width:min(900px,100% - 40px);margin-inline:auto;padding:48px 0 80px}.onboarding-progress{margin-bottom:22px;overflow:hidden}.onboarding-progress ol{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.onboarding-progress li{color:#9b816d;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex;position:relative}.onboarding-progress li:not(:last-child):after{content:"";background:#ead7c5;flex:1;min-width:20px;height:2px;margin-right:10px}.onboarding-progress li[data-state=complete],.onboarding-progress li[data-state=current]{color:var(--ink)}.onboarding-progress li[data-state=complete]:after{background:var(--orange)}.step-number{color:#9b6c49;background:#fffaf3;border:1px solid #dfc3a7;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font:750 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}[data-state=complete] .step-number,[data-state=current] .step-number{border-color:var(--orange);background:var(--orange);color:#fff}[data-state=current] .step-number{box-shadow:0 0 0 5px #ff6b0018}.wizard-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffea;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #6b2b0a14}.wizard-kicker{color:#9d431b;text-transform:uppercase;letter-spacing:.14em;background:#fffaf3;border-bottom:1px solid #f0dfce;align-items:center;gap:10px;padding:20px 34px;font-size:10px;font-weight:900;display:flex}.wizard-kicker span{background:var(--orange);width:20px;height:2px}.wizard-content{min-height:360px;padding:clamp(30px,6vw,58px)}.wizard-panel[hidden]{display:none}.wizard-panel h1{letter-spacing:-.055em;max-width:700px;margin:0 0 16px;font-size:clamp(36px,6vw,62px);line-height:1}.wizard-panel>p{max-width:650px;color:var(--muted);margin:0;font-size:17px}.placeholder-panel{align-content:center;min-height:235px;display:grid}.placeholder-chip{color:#a44116;text-transform:uppercase;letter-spacing:.08em;background:#fff0dd;border-radius:999px;width:fit-content;margin-bottom:22px;padding:7px 10px;font-size:11px;font-weight:850;display:inline-flex}.wizard-status{color:#7a5b43;min-height:22px;margin:0;padding:0 34px 14px;font-size:13px}.wizard-actions{background:#fffaf3;border-top:1px solid #f0dfce;justify-content:space-between;align-items:center;gap:20px;padding:22px 34px;display:flex}.wizard-actions-right{align-items:center;gap:12px;display:flex}.button-primary,.button-secondary,.button-quiet{cursor:pointer;border:0;border-radius:11px;font-weight:850}.button-primary{background:linear-gradient(135deg, var(--orange), var(--orange-deep));color:#fff;justify-content:center;align-items:center;gap:18px;min-width:152px;padding:14px 18px;display:inline-flex;box-shadow:0 10px 28px #c2410c2b}.button-primary:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.button-secondary{color:#493627;background:#fff;border:1px solid #ddc5ad;padding:13px 18px}.button-quiet{color:#886b55;background:0 0;padding:12px 10px}.wizard-footnote{text-align:center;color:#8d735e;margin:18px 0 0;font-size:12px}.step-form{margin-top:36px}.form-stack{gap:22px;display:grid}.form-grid{gap:18px;display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1/-1}.field{gap:8px;min-width:0;display:grid}.field>span:first-child{color:#463326;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;font-weight:850;display:flex}.field>span strong{color:#a95229;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.field small{color:#826a57;font-size:12px}.field input,.field textarea,.field select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d9c2aa;border-radius:11px;padding:13px 14px;box-shadow:0 1px #6b2b0a0a}.field textarea{resize:vertical;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#ad9988}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);outline:3px solid #ff6b0018}.field [aria-invalid=true]{border-color:var(--danger);outline-color:#b423181f}.field-error{min-height:18px;color:var(--danger);font-size:12px;font-weight:700}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset+fieldset{border-top:1px solid #efdfd0;margin-top:34px;padding-top:30px}legend{color:#8c3e1b;letter-spacing:.1em;text-transform:uppercase;width:100%;margin-bottom:17px;font-size:11px;font-weight:900}.simulation-badge{color:#9a4a20;text-transform:uppercase;letter-spacing:.08em;background:#fff7ed;border:1px solid #f0c799;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:22px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-flex}.simulation-badge span{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff6b0018}.inline-example{color:#b54718;cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.import-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.import-actions .button-primary{min-width:180px}.import-progress{background:#fff8ef;border:1px solid #f0d2b3;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.import-progress[hidden]{display:none}.import-progress div{display:grid}.import-progress strong{font-size:13px}.import-progress small{color:var(--muted)}.loading-spinner{border:3px solid #ffd4af;border-top-color:var(--orange);border-radius:50%;flex:none;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.business-form{margin-top:38px}.business-source{background:#fff8ef;border:1px solid #efd2b5;border-radius:14px;margin-top:28px;padding:18px}.business-source[hidden]{display:none}.business-source>div{justify-content:space-between;gap:20px;display:flex}.business-source span{color:#9b4b23;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.business-source strong{font-size:13px}.business-source ul{color:var(--muted);border-top:1px solid #edd8c3;margin:13px 0 0;padding:13px 0 0 18px;font-size:12px}.business-source li+li{margin-top:6px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.choice-card,.template-card{cursor:pointer;background:#fffdf9;border:1px solid #dec8b2;border-radius:14px;gap:12px;min-width:0;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.choice-card:hover,.template-card:hover{border-color:#eea266;transform:translateY(-1px)}.choice-card[data-selected=true],.template-card[data-selected=true]{border-color:var(--orange);background:#fff8ef;box-shadow:0 0 0 3px #ff6b0014}.choice-card input,.template-card input{width:18px;height:18px;accent-color:var(--orange);position:absolute;inset:14px 14px auto auto}.choice-card>span:last-child,.template-card>span:last-child{gap:5px;padding-right:22px;display:grid}.choice-card strong,.template-card strong{font-size:14px}.choice-card small,.template-card small{color:var(--muted);line-height:1.45}.choice-error{margin-top:8px;display:block}.campaign-phone{margin-top:22px}.toggle-field{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.toggle-field input{width:20px;height:20px;accent-color:var(--orange);flex:none;margin-top:1px}.toggle-field>span{gap:4px;display:grid}.toggle-field strong{font-size:14px}.toggle-field small{color:var(--muted)}.promotion-fields{background:#fff9f1;border:1px solid #efd4b8;border-radius:14px;margin-top:22px;padding:20px}.campaign-review{background:#ecd4bc;border:1px solid #ecd4bc;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:30px;display:grid;overflow:hidden}.campaign-review>div{background:#fffaf3;gap:5px;min-width:0;padding:16px;display:grid}.campaign-review span{color:#9a4c24;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.campaign-review strong{overflow-wrap:anywhere;font-size:13px}.template-fieldset{margin-top:34px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.template-preview{background:#f4e8dc;border-radius:9px;gap:7px;height:112px;padding:13px;display:grid}.template-preview i{background:#d6bca5;border-radius:4px;display:block}.template-preview i:first-child{background:var(--orange);width:68%}.template-preview i:nth-child(2){width:88%}.template-preview i:nth-child(3){width:52%}.template-offer{background:#231a15}.template-offer i{background:#8b7363}.template-offer i:first-child{background:#ff8c3d;width:52%}.template-trust{grid-template-columns:1fr 1fr}.template-trust i:first-child{grid-column:1/-1;width:72%}.generate-preview{width:100%;margin-top:10px}.completion-panel{background:linear-gradient(135deg,#fff5e8,#fffdf9);border:1px solid #f0bf92;border-radius:14px;gap:7px;margin-top:24px;padding:20px;display:grid}.completion-panel[hidden]{display:none}.completion-panel span{color:#a94b1a;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900}.completion-panel strong{font-size:20px}.completion-panel p{max-width:none;font-size:13px}@media (width<=760px){.onboarding-progress li{justify-content:center;gap:0}.onboarding-progress li>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.onboarding-progress li:not(:last-child):after{margin:0 5px}.choice-grid,.template-grid,.campaign-review{grid-template-columns:1fr}}@media (width<=560px){.onboarding-header,.onboarding-main{width:min(100% - 24px,900px)}.onboarding-header{gap:12px;min-height:68px}.onboarding-header p{text-align:right;max-width:112px;font-size:11px;line-height:1.3}.onboarding-main{min-width:0;padding-top:28px}.onboarding-progress{overflow:visible}.onboarding-progress ol{grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.onboarding-progress li{min-width:0}.onboarding-progress li:not(:last-child):after{z-index:-1;width:auto;min-width:0;margin:0;position:absolute;left:calc(50% + 17px);right:calc(17px - 50%)}.wizard-card{border-radius:18px;min-width:0}.wizard-panel{overflow-wrap:anywhere;min-width:0}.form-grid.two-columns{grid-template-columns:1fr}.full-width{grid-column:auto}.business-source>div{flex-direction:column;align-items:flex-start;gap:5px}.wizard-kicker,.wizard-actions{padding-inline:20px}.wizard-content{min-width:0;min-height:330px;padding:34px 22px}.wizard-status{padding-inline:20px}.wizard-actions{flex-direction:column-reverse;align-items:stretch}.wizard-actions-right{flex-direction:column-reverse;align-items:stretch;width:100%}.button-primary,.button-secondary,.button-quiet{width:100%;min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}