.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:#6554d8;color:#4534b2}.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:#aaa0e7;box-shadow:0 5px 20px #31217409}.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 #aba1e6;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:#6554d8}.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:#6554d8;color:white;border-color:#6554d8}
.design-tab:focus-visible{outline:3px solid #aba1e6;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 #17152355;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:#1d1b32aa;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 #aba1e6;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:#6951dc;border-radius:20px;overflow:hidden}.image-progress progress:indeterminate{background:linear-gradient(90deg,#e4e2fa,#7960e7,#e4e2fa);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:#dfd8ff;color:#33236f;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 #d8d1ee;border-radius:.65rem;background:#fff;color:#292535;font:inherit}
.design-website-review{padding:1rem 1.2rem;border:1px solid #dcd4f3;border-radius:1rem;background:#f4f0fd}
.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%,#eee8ff 0,transparent 38%),radial-gradient(ellipse at 94% 40%,#edf7f0 0,transparent 34%),#f8f7fc;color:#292438}
.design-header{background:#ffffffed;border-bottom:1px solid #e5def0;box-shadow:0 4px 28px #48357306}
.design-main{width:min(960px,92vw);margin:34px auto 80px}
.design-main>.eyebrow{color:#6a47ce;letter-spacing:.18em;font-weight:750}
.design-main h1{max-width:760px;color:#2e224a;font-size:clamp(32px,4.4vw,48px);letter-spacing:-1.7px}
.design-intro{max-width:730px;color:#696079;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 #e0dbea;background:#f4f1f9;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:#e9e4f1;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:#f0eaff;border-color:#a991e3;color:#6036b6}
.design-page .design-tab[data-state=active][aria-selected=true]{background:linear-gradient(135deg,#7851df,#5831b5);border-color:#6740c1;color:#fff;box-shadow:0 6px 18px #633cb52b}
.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:#f3f0f7;color:#827b8c;border-color:#e5dfec}
.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 #9c7edf;outline-offset:3px}
.design-step{border-radius:20px;border-color:#ded6eb;padding:26px 28px}
.design-step.current{border-color:#c6b5e6;box-shadow:0 12px 38px #49316b0b}
.design-step h2{font-size:20px;color:#3c285c}
.design-step-heading{padding-bottom:15px;border-bottom:1px solid #eee7f6}
.design-form label{color:#3c3150}
.design-form textarea,.design-form select,.design-form input[type=url]{background:#fcfbff;border-color:#dbd3e8;border-radius:11px}
.design-form textarea:focus,.design-form select:focus,.design-form input[type=url]:focus{outline:3px solid #d8c8f7;border-color:#a486d7}
.design-page .button.primary{background:linear-gradient(135deg,#7954de,#5b35b8);box-shadow:0 5px 14px #623db522;border:1px solid #6840c1;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:#f7f3fc;color:#51445e;border:1px solid #e4dcef;border-radius:14px}
.design-timing{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;margin:18px 0;background:#fff;border:1px solid #e2d7f2;border-radius:15px;color:#453254;box-shadow:0 5px 18px #55347e05}
.design-timing-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;background:#eee5fc;color:#7451bc;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:#64546e;font-size:13px}
.design-timing-copy small{display:block;color:#7a6c84;font-size:12px;line-height:1.5}
.image-progress{position:relative;overflow:hidden;padding:25px;background:linear-gradient(135deg,#f8f3ff,#f4f8fc);border-color:#d8c9eb;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,#7e5be0,#5837b0);color:#fff;font-size:33px;box-shadow:0 6px 20px #7150b92b;animation:beeks-studio-pulse 3s ease-in-out infinite}
.image-progress-eyebrow{margin:0 0 5px;color:#7f60a5;font-size:10px;letter-spacing:.14em;font-weight:750}
.image-progress .image-progress-heading h3{margin:0;color:#39254e;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:#e6dcf3;border-radius:20px}
.image-progress-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,#b298ed,#7652cf,#ae8eed);animation:beeks-studio-scan 2.7s ease-in-out infinite}
.image-progress-stats{font-size:12px;color:#7a6b89}
.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 #e0dae9;background:#f0edf5;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:#e1dce9;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:#ece1ff;border-color:#b194df;color:#54338b;box-shadow:0 4px 14px #6b44911a}
.image-progress-stages li[data-state=active] .image-stage-icon{background:#7952bf;color:#fff;box-shadow:0 0 0 4px #dcd0ed}
.image-progress-stages li[data-state=error]{background:#fff0e4;border-color:#d9b38f;color:#8c4d26}
.image-progress-footnote{margin:13px 0 0;color:#8a7b95;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 #7150b94a;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 #aba1e6;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 #17152355;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:#1d1b32aa;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))}