.mockup-auth-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}.mockup-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mockup-auth-card{max-width:500px}.mockup-auth-page .field-help{line-height:1.6}
.design-page{margin:0;background:#f7f7f2;color:#24252b;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}.design-header{display:flex;align-items:center;gap:24px;padding:22px 5%;border-bottom:1px solid #e0e1d9;background:#fff}.design-header>span{color:#777;font-size:13px}.design-header form{margin-left:auto}.design-main{width:min(860px,90vw);margin:48px auto 90px}.design-main h1{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1.4px;margin:10px 0 18px}.design-intro{color:#65656c;max-width:650px}.design-progress{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:30px 0;gap:10px;font-size:12px}.design-progress li{padding:10px 4px;border-bottom:3px solid #dcded6;color:#73766e}.design-progress b{display:block;font-size:17px}.design-progress [data-current=true]{border-color:#d87754;color:#b25634}.design-progress [data-done=true]{border-color:#679c7c;color:#39734e}.design-step{border:1px solid #e0e1d9;border-radius:14px;padding:22px 26px;margin:14px 0;background:#fff;scroll-margin-top:20px}.design-step.current{border-color:#e7b3a0;box-shadow:0 5px 20px #74372109}.design-step-heading{display:flex;gap:14px;align-items:center}.design-step h2{font-size:18px;margin:0;letter-spacing:-.3px}.design-step-heading .text-button{margin-left:auto}.design-saved{color:#4e7d5d;font-size:12px;white-space:nowrap}.design-step.future{background:transparent;color:#92958b}.design-summary{font-size:13px;color:#777c72;margin:8px 0 0;overflow-wrap:anywhere}.design-form{display:grid;gap:22px;margin-top:22px}.design-form label{font-size:15px;font-weight:600}.design-help{display:block;font-size:13px;font-weight:400;color:#70746b;margin:6px 0 10px;line-height:1.6}.design-form textarea{width:100%;padding:14px;border:1px solid #d8dcd1;border-radius:8px;font:15px/1.6 system-ui;resize:vertical;background:#fdfefa;color:#24252b;margin-top:8px}.design-form textarea:focus{outline:2px solid #e6b3a1;border-color:transparent}.design-page .button{width:fit-content;min-height:46px;padding:12px 22px;border-radius:8px}.design-page button:disabled{opacity:.45;cursor:default}.design-brief{white-space:pre-wrap;font-size:14px;line-height:1.7;background:#f7f8f2;padding:18px;border-radius:9px;max-height:350px;overflow:auto;margin-bottom:20px}.design-creating{font-size:22px;padding:32px 0 8px;color:#d87754}.design-result{background:white;padding:26px;border:1px solid #e0e1d9;border-radius:14px;margin:24px 0}.design-result h2{margin:0}.design-result img{display:block;width:100%;height:auto;margin:24px 0;border-radius:8px;border:1px solid #e1e3db}.design-page .notice{margin:16px 0}.design-result .button{display:inline-block}
@media(max-width:600px){.design-header{padding:16px 5%;gap:14px}.design-header>span{display:none}.design-main{margin-top:28px}.design-progress{gap:6px;font-size:11px}.design-step,.design-result{padding:19px}.design-step-heading{gap:9px}.design-step h2{font-size:16px}.design-saved{font-size:11px}.design-step-heading{flex-wrap:wrap}.design-step-heading .text-button{font-size:12px}}
.design-tabs{display:flex;gap:8px;margin:28px 0 20px;overflow-x:auto;padding:3px 2px 7px;scroll-margin-top:16px}
.design-tab{flex:1 0 96px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid #dcded6;border-radius:9px;background:#fff;color:#62665c;font:12px/1.4 system-ui;cursor:pointer}
.design-tab b{font-size:18px}.design-tab[data-done=true]{color:#39734e;border-color:#9fbea8}.design-tab[aria-selected=true]{background:#d87754;color:white;border-color:#d87754}
.design-tab:focus-visible{outline:3px solid #e6b3a1;outline-offset:2px}.design-tab:disabled{background:#f0f0ea}.design-answer-review{margin:24px 0;overflow-wrap:anywhere}.design-answer-review h3{font-size:14px;margin:20px 0 5px}.design-answer-review p{white-space:pre-wrap;margin:0;color:#65695f}
.design-page .design-step.design-result{margin:14px 0}.design-tab span{white-space:nowrap}
@media(max-width:600px){.design-tab{flex-basis:83px;padding:10px 6px}.design-tabs{gap:6px}.design-step-heading{align-items:flex-start}}

.design-next-step{margin:0 0 20px;border:1px solid #e0e1d9;border-radius:12px;padding:18px 22px;background:#fff}.design-next-step h2{font-size:18px;margin:0}.design-next-step:has(#choose-service){display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}.design-next-step:has(#choose-service)>.design-help{grid-column:1;margin:5px 0 0}.design-next-step #choose-service{grid-column:2;grid-row:1/span 2}.design-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.design-offer{border:1px solid #deded8;padding:20px;border-radius:10px}.design-offer h3{margin:0}.design-offer-price{font-size:24px;margin:10px 0}.design-offer-terms{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.design-offer .button{margin-top:18px;max-width:100%}.design-next-step>a{margin:8px 12px 8px 0}@media(max-width:600px){.design-offer-grid{grid-template-columns:1fr}}

.design-offer-dialog{box-sizing:border-box;width:min(1000px,94vw);max-width:1000px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e0e1d9;border-radius:16px;background:#f7f7f2;color:#24252b;box-shadow:0 24px 90px #23191555;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.design-offer-dialog[open]{display:flex;flex-direction:column}
.design-offer-dialog::backdrop{background:#32211baa;backdrop-filter:blur(3px)}
.design-page:has(.design-offer-dialog[open]){overflow:hidden}
.design-offer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-bottom:1px solid #e0e1d9;background:white;flex-shrink:0}
.design-offer-header h2{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.7px}
.design-offer-header h2:focus{outline:none}
.design-offer-header .button{margin:0;flex-shrink:0}
.design-offer-body{padding:20px 26px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.design-offer-body>.design-help:first-child{margin-top:0}
.design-offer-dialog .design-offer{background:#fff;display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.design-offer-dialog .design-offer .button{margin-top:auto}
.design-offer-dialog .design-offer details{margin:12px 0 20px}
.design-offer-dialog .design-offer summary{cursor:pointer}
.design-offer-dialog button:focus-visible,.design-offer-dialog summary:focus-visible{outline:3px solid #e6b3a1;outline-offset:3px}
@media(max-width:600px){.design-offer-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.design-offer-header{padding:16px;gap:12px}.design-offer-header h2{font-size:22px}.design-offer-body{padding:16px}.design-offer-grid{gap:14px}}

@media(max-width:600px){.design-next-step{padding:16px}.design-next-step:has(#choose-service){grid-template-columns:1fr}.design-next-step #choose-service{grid-column:1;grid-row:auto;margin-top:12px;width:100%}}

.image-progress{border:1px solid #c9d5ed;background:#f3f6ff;border-radius:14px;padding:24px;width:100%;box-sizing:border-box}.image-progress h3{margin:0 0 20px}.image-progress progress{display:block;width:100%;height:14px;accent-color:#dc7651;border-radius:20px;overflow:hidden}.image-progress progress:indeterminate{background:linear-gradient(90deg,#fae8e2,#e78460,#fae8e2);background-size:200% 100%;animation:beeks-image-wait 2s linear infinite}.image-progress-stats{display:flex;gap:12px;justify-content:space-between;margin:12px 0;font-size:13px;color:#4b5876;flex-wrap:wrap}.image-progress-stages{display:flex;list-style:none;gap:10px;padding:0;margin:20px 0;flex-wrap:wrap}.image-progress-stages li{padding:6px 10px;border-radius:20px;background:#e4e9f3;color:#526078;font-size:12px}.image-progress-stages li[data-reached=true]{background:#ffe2d8;color:#6f3723;font-weight:700}.image-progress[data-stalled=true]{border-color:#b98545;background:#fff8ed}@keyframes beeks-image-wait{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.image-progress progress:indeterminate{animation:none}}@media(max-width:600px){.image-progress{padding:18px}.image-progress-stats{display:block}.image-progress-stats span{display:block;margin-bottom:6px}}

/* Existing-site discovery keeps the same compact numbered-tab layout. */
.design-form select,.design-form input[type=url]{width:100%;padding:.8rem;border:1px solid #eed9d1;border-radius:.65rem;background:#fff;color:#352925;font:inherit}
.design-website-review{padding:1rem 1.2rem;border:1px solid #f3dcd4;border-radius:1rem;background:#fdf3f0}
.design-website-review h3{margin-top:0}.design-website-review p{overflow-wrap:anywhere}

.design-manual-choice{display:flex;align-items:center;gap:.65rem}.design-manual-choice input{width:1.1rem;height:1.1rem;flex-shrink:0}

/* Design studio: state colours remain visible while navigation is locked. */
.design-page{background:radial-gradient(ellipse at 8% 7%,#ffeee8 0,transparent 38%),radial-gradient(ellipse at 94% 40%,#edf7f0 0,transparent 34%),#fcf8f7;color:#382924}
.design-header{background:#ffffffed;border-bottom:1px solid #f0e3de;box-shadow:0 4px 28px #73463506}
.design-main{width:min(960px,92vw);margin:34px auto 80px}
.design-main>.eyebrow{color:#ce6b47;letter-spacing:.18em;font-weight:750}
.design-main h1{max-width:760px;color:#4a2d22;font-size:clamp(32px,4.4vw,48px);letter-spacing:-1.7px}
.design-intro{max-width:730px;color:#796760;line-height:1.75}
.design-tabs{gap:10px;margin:26px 0 18px;padding:4px 2px 9px}
.design-page .design-tab{position:relative;flex-basis:112px;gap:6px;padding:14px 10px;border-radius:15px;border:1px solid #eadfdb;background:#f9f3f1;color:#777080;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.design-page .design-tab:disabled{opacity:1;cursor:default}
.design-tab .design-tab-badge{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:15px;background:#f1e7e4;color:inherit}
.design-tab .design-tab-label{font-size:12px;font-weight:750}
.design-tab .design-tab-status{font-size:9px;font-weight:700;letter-spacing:.035em;white-space:nowrap}
.design-page .design-tab[data-state=complete]{background:#e3f4eb;color:#18563d;border-color:#9bceb0}
.design-page .design-tab[data-state=complete] .design-tab-badge{background:#25774f;color:#fff}
.design-page .design-tab[data-state=complete][aria-selected=true]{background:#d4eddf;border-color:#347e56;box-shadow:0 0 0 3px #cee8d7}
.design-page .design-tab[data-state=active]{background:#fff0ea;border-color:#e3a791;color:#b65836}
.design-page .design-tab[data-state=active][aria-selected=true]{background:linear-gradient(135deg,#df7751,#b55431);border-color:#c16240;color:#fff;box-shadow:0 6px 18px #b55c3c2b}
.design-page .design-tab[data-state=active][aria-selected=true] .design-tab-badge{background:#ffffff26;color:#fff}
.design-page .design-tab[data-state=upcoming]{background:#f7f2f0;color:#827b8c;border-color:#ece2df}
.design-page .design-tab[data-state=error]{background:#fff1e8;border-color:#e5b496;color:#8b461f}
.design-page .design-tab:not(:disabled):hover{transform:translateY(-2px)}
.design-page .design-tab:focus-visible{outline:3px solid #df987e;outline-offset:3px}
.design-step{border-radius:20px;border-color:#ebdcd6;padding:26px 28px}
.design-step.current{border-color:#e6c2b5;box-shadow:0 12px 38px #6b40310b}
.design-step h2{font-size:20px;color:#5c3628}
.design-step-heading{padding-bottom:15px;border-bottom:1px solid #f6ebe7}
.design-form label{color:#503931}
.design-form textarea,.design-form select,.design-form input[type=url]{background:#fffcfb;border-color:#e8d9d3;border-radius:11px}
.design-form textarea:focus,.design-form select:focus,.design-form input[type=url]:focus{outline:3px solid #f7d5c8;border-color:#d79c86}
.design-page .button.primary{background:linear-gradient(135deg,#de7954,#b85835);box-shadow:0 5px 14px #b55d3d22;border:1px solid #c16240;border-radius:11px;font-weight:750}
.design-page .button.primary:disabled{box-shadow:none;opacity:.45}
.design-saved{background:#e2f3e8;color:#236746;padding:5px 10px;border-radius:20px;font-weight:700}
.design-website-review{border-color:#c6ddcf;background:#f0f8f3}
.design-brief{background:#fcf5f3;color:#5e4b44;border:1px solid #efe1dc;border-radius:14px}
.design-timing{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;margin:18px 0;background:#fff;border:1px solid #f2ded7;border-radius:15px;color:#543b32;box-shadow:0 5px 18px #7e483405}
.design-timing-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;background:#fcebe5;color:#bc6e51;font-size:26px;line-height:1}
.design-timing-copy strong{display:block;font-size:17px;line-height:1.4}
.design-timing-copy p{margin:5px 0;color:#6e5b54;font-size:13px}
.design-timing-copy small{display:block;color:#84726c;font-size:12px;line-height:1.5}
.image-progress{position:relative;overflow:hidden;padding:25px;background:linear-gradient(135deg,#fff6f3,#f4f8fc);border-color:#ebd2c9;border-radius:18px}
.image-progress-heading{display:flex;gap:15px;align-items:center}
.image-progress-spark{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,#e07e5b,#b05737);color:#fff;font-size:33px;box-shadow:0 6px 20px #b96c502b;animation:beeks-studio-pulse 3s ease-in-out infinite}
.image-progress-eyebrow{margin:0 0 5px;color:#a57260;font-size:10px;letter-spacing:.14em;font-weight:750}
.image-progress .image-progress-heading h3{margin:0;color:#4e3025;font-size:18px;line-height:1.4}
.image-progress .design-timing{background:#ffffffc9;margin:21px 0}
.image-progress-bar{position:relative;overflow:hidden;height:9px;background:#f3e2dc;border-radius:20px}
.image-progress-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,#edaf98,#cf7352,#eda78e);animation:beeks-studio-scan 2.7s ease-in-out infinite}
.image-progress-stats{font-size:12px;color:#89736b}
.image-progress-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:21px 0}
.image-progress-stages li{display:grid;justify-items:start;align-content:start;gap:7px;padding:13px 10px;border-radius:13px;border:1px solid #e9deda;background:#f5efed;color:#82798c;min-width:0;box-sizing:border-box}
.image-progress-stages li strong{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.image-progress-stages li small{font-size:9px;font-weight:600}
.image-stage-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9dfdc;color:inherit;font-size:12px;font-weight:750}
.image-progress-stages li[data-state=complete]{background:#e1f2e8;border-color:#a3cdb3;color:#215c3f}
.image-progress-stages li[data-state=complete] .image-stage-icon{background:#2d7c53;color:#fff}
.image-progress-stages li[data-state=active]{background:#ffe9e1;border-color:#dfa894;color:#8b4a33;box-shadow:0 4px 14px #9159441a}
.image-progress-stages li[data-state=active] .image-stage-icon{background:#bf6f52;color:#fff;box-shadow:0 0 0 4px #edd8d0}
.image-progress-stages li[data-state=error]{background:#fff0e4;border-color:#d9b38f;color:#8c4d26}
.image-progress-footnote{margin:13px 0 0;color:#95827b;font-size:11px;line-height:1.6}
.image-progress[data-stalled=true]{background:#fff7ec;border-color:#d0a56e}
@keyframes beeks-studio-scan{0%{left:-38%}100%{left:100%}}
@keyframes beeks-studio-pulse{50%{box-shadow:0 6px 27px #b96c504a;transform:scale(1.025)}}
@media(max-width:600px){.design-main{width:92vw;margin-top:25px}.design-step{padding:20px 17px}.design-tabs{gap:7px}.design-page .design-tab{flex-basis:92px;padding:12px 7px}.image-progress{padding:18px 14px}.image-progress-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-progress-stages li:last-child{grid-column:1/-1}.image-progress-heading{gap:11px}.image-progress-spark{width:43px;height:43px;font-size:27px}.image-progress .image-progress-heading h3{font-size:16px}.design-timing{padding:15px 13px;gap:10px}.design-timing-copy strong{font-size:15px}.design-timing-icon{width:33px;height:33px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.design-page .design-tab{transition:none}.image-progress-spark,.image-progress-bar:before{animation:none}.image-progress-bar:before{left:30%}}

.design-tabs{position:relative}


/* Full watermarked design opens inside the page, with a fixed close control. */
.design-image-open{display:block;cursor:zoom-in}
.design-image-open:focus-visible,.design-image-dialog button:focus-visible,.design-image-dialog a:focus-visible{outline:3px solid #e6b3a1;outline-offset:3px}
.design-image-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 32px));max-width:940px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e0e1d9;border-radius:16px;background:#fff;color:#24252b;box-shadow:0 24px 90px #23191555;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.design-image-dialog[open]{display:flex;flex-direction:column}
.design-image-dialog::backdrop{background:#32211baa;backdrop-filter:blur(3px)}
.design-page:has(.design-image-dialog[open]){overflow:hidden}
.design-image-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff}
.design-image-header h2{font-size:18px;line-height:1.3;margin:0}
.design-image-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}
.design-image-full{display:block;width:100%;height:auto}
.design-image-dialog [hidden]{display:none}
.design-image-status,.design-image-scroll>.text-button,.design-image-signin{margin:16px 20px}
@media(max-width:600px){.design-image-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.design-image-header{padding:14px 16px}}

/* Header contents share the free-design page boundary. */
.design-main{width:min(960px,92%)}.design-header{width:100%;box-sizing:border-box;padding-inline:max(4%,calc((100% - 960px)/2))}

/* Match the supplied Levaro logo: #fc5325, with readable dark labels. */
.design-page{--levaro-orange:#fc5325;--levaro-ink:#281c17}.design-page .button.primary,.design-page .design-tab[data-state=active][aria-selected=true]{background:#fc5325;border-color:#fc5325;color:#281c17}.design-page .button.primary:hover{background:#ec481e;color:#281c17}.design-page .design-tab[data-state=active][aria-selected=true] .design-tab-badge{background:#ffffff45;color:#281c17}.image-progress-bar:before{background:linear-gradient(90deg,#ffb69f,#fc5325,#ffb69f)}.image-progress-stages li[data-state=active] .image-stage-icon{background:#fc5325;color:#281c17}

/* Final Levaro tonal palette: vivid brand accents, white-on-orange actions, quiet surfaces. */
:root{--levaro-orange:#fc5325;--levaro-action:#cf411b;--levaro-action-hover:#ad3414;--levaro-ink:#40332d;--levaro-muted:#6b615b;--levaro-soft:#fff0e7;--levaro-border:#e8d6cb}.design-page .button.primary,.design-page .design-tab[data-state=active][aria-selected=true]{background:var(--levaro-action);border-color:var(--levaro-action);color:#fff}.design-page .button.primary:hover{background:var(--levaro-action-hover);color:#fff}.design-page .design-tab[data-state=active][aria-selected=true] .design-tab-badge{background:#ffffff26;color:#fff}.image-progress-stages li[data-state=active] .image-stage-icon{background:var(--levaro-action);color:#fff}

/* Compact signup: paired related fields, with email and guidance full width. */
.auth-page.signup-page{min-height:100dvh;justify-content:flex-start;padding:14px}.signup-page .mockup-auth-card{max-width:560px;padding:18px 24px}.auth-page.signup-page .auth-card .auth-brand{height:48px;overflow:hidden;align-items:flex-start;margin-bottom:6px}.signup-page .auth-brand .beeks-logo-image{width:170px;height:auto}.signup-page .auth-card>.eyebrow{font-size:9px;margin:4px 0 6px}.signup-page .auth-card>h1{font-size:27px;line-height:1.15;margin:4px 0 8px}.signup-page .auth-card>.muted{font-size:12px;line-height:1.5;margin:0}.signup-page .auth-card form{margin-top:14px;gap:0}.signup-page .mockup-auth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;min-width:0}.signup-page .mockup-auth-fields label{margin:0;font-size:12px;min-width:0}.signup-page .mockup-auth-fields input:not([type=hidden]){min-height:44px;font-size:16px;padding:9px 10px;margin-top:5px;width:100%;min-width:0}.signup-page .signup-name,.signup-page .signup-business{order:1}.signup-page .signup-email{order:2;grid-column:1/-1}.signup-page .signup-password,.signup-page .signup-confirm{order:3}.signup-page .mockup-auth-fields>.field-help{order:4;grid-column:1/-1;margin:0;font-size:11px;line-height:1.4}.signup-page .mockup-auth-fields>.field-help:first-of-type:not(:last-of-type){order:0}.signup-page .mockup-auth-fields>.button{order:5;grid-column:1/-1;min-height:44px;margin:0}.signup-page .auth-card>.field-help{font-size:11px;line-height:1.45;margin:8px 0}.signup-page .auth-switch{font-size:12px;margin:10px 0}.auth-page.signup-page .auth-footer{font-size:10px;margin-top:10px}
@media(max-width:600px){.auth-page.signup-page{padding:10px 14px}.signup-page .mockup-auth-card{padding:14px 18px}.signup-page .auth-card>h1{font-size:24px}.signup-page .mockup-auth-fields{gap:8px 10px}.signup-page .auth-card form{margin-top:12px}.signup-page .auth-card>.eyebrow{letter-spacing:.12em}}
@media(max-width:359px){.signup-page .mockup-auth-fields{grid-template-columns:1fr}.signup-page .auth-card>h1{font-size:23px}}

@media(max-width:600px){.signup-page .mockup-auth-card{padding-top:12px;padding-bottom:12px}.auth-page.signup-page .auth-card .auth-brand{margin-bottom:2px}.signup-page .mockup-auth-fields{gap:6px 10px}.signup-page .auth-card form{margin-top:10px}.auth-page.signup-page .auth-footer{margin-top:6px}}