/* Readable typography, consistent colour controls, and compact product collections. */
body{font-size:16px}p{line-height:1.65}label{font-size:14px}input,select,textarea{font-size:16px}small,.notice,.editor-help,.tag,.save-badge{font-size:13px;line-height:1.6}.intro p,.stat small,.stat>span,.trial{font-size:14px}.admin-table{font-size:14px}.admin-table th,.admin-table td>small,.client-name small,.admin-pagination,.admin-feature-list li,.admin-status-row,.activity-list strong,.activity-list p,.activity-list small{font-size:13px}.admin-plan-card>p,.plan-limit-row,.admin-dialog-grid small,.admin-main .notice{font-size:14px}.admin-checkbox-grid .check-label{font-size:14px}.builder-nav button{font-size:12px}.panel-heading p,.identity-summary #summaryBio,.preview-caption,.builder-plan{font-size:14px}.marketing .m-feature-note,.marketing .m-feature-grid p,.marketing .m-price-card ul,.marketing .m-price-card>p,.marketing .m-pricing-note,.marketing .m-faq details p,.marketing .m-footer small,.marketing .m-checkout small{font-size:14px;line-height:1.75}.marketing .m-hero-copy>small,.marketing .m-eyebrow,.marketing .m-saving{font-size:12px}.marketing .m-nav-links{font-size:15px}.marketing .m-feature-grid li{font-size:15px}.marketing .m-price-card li{line-height:1.7;margin-bottom:10px}
input[type=color]{display:block;width:100%;height:52px;min-height:52px;padding:5px;border:1px solid #b6c5d3;border-radius:10px;cursor:pointer;background:white}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.colour-value{display:block;font:600 13px monospace;letter-spacing:.06em;margin-top:5px;color:#33485a}.qr-settings-preview{grid-column:1/-1;padding:18px;background:#f7fafc;border:1px solid #dbe5ee;border-radius:12px}.qr-settings-preview img{display:block;width:210px;max-width:100%;height:auto;background:white}.qr-settings-preview p{font-size:13px;margin:12px 0 0}
.bio-page,.phone-content{color:var(--page-text,#18181b)}.bio-inner h1,.bio-inner h2,.bio-inner h3,.bio-inner .bio-subtitle,.bio-inner .biotext,.bio-inner .bio-socials a,.bio-inner .bio-link,.bio-inner .contact-shortcuts a,.bio-inner .contact-shortcuts button,.bio-inner .bio-brand,.bio-inner .bio-form,.bio-inner .bio-form label,.bio-inner .bio-form small{color:var(--page-text,#18181b)}.bio-inner .bio-link,.bio-inner .bio-form,.bio-inner .contact-shortcuts button{background:transparent;border:1px solid color-mix(in srgb,var(--page-text,#18181b) 28%,transparent)}.bio-inner .bio-link:hover{background:color-mix(in srgb,var(--page-text,#18181b) 8%,transparent)}.bio-inner .bio-form input,.bio-inner .bio-form textarea{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 40%,transparent)}.bio-inner .bio-form small a{color:inherit;text-decoration:underline}.bio-brand{font-size:13px}.bio-brand .public-product-logo{background:white;border-radius:6px;padding:7px;box-sizing:content-box}.bio-inner .link-arrow{color:inherit}.bio-inner .bio-socials{color:inherit}.bio-inner .contact-shortcuts{font-size:14px}.bio-inner p{font-size:15px}.phone-content .bio-inner p{font-size:13px}.phone-content .bio-inner .bio-link{font-size:13px}
.bio-offerings{margin:32px 0;text-align:left}.bio-offerings[hidden]{display:none}.bio-offerings h2{font-size:22px}.offerings-grid{display:grid;gap:16px}.offering-card{border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:16px;overflow:hidden}.offering-card>img{width:100%;height:190px;object-fit:cover;background:#f1f4f6}.offering-card>div{padding:18px}.offering-card h3{margin:6px 0;font-size:19px}.offering-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.offering-type{text-transform:uppercase;font-size:12px;letter-spacing:.08em}.offering-price{display:block;margin:14px 0;font-size:18px}.offering-price small{font-weight:400}.offering-action{display:inline-block;padding:10px 16px;border:1px solid currentColor;border-radius:9px;color:inherit;text-decoration:none;font-weight:600;font-size:14px}.bio-offerings .offering-more{display:block;margin:20px auto 0;background:transparent;color:inherit;border:1px solid currentColor}.offering-more[hidden]{display:none}.offering-summary{margin-bottom:22px}.owner-offerings{display:grid;gap:12px}.owner-offerings>article{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #e0e7ef;border-radius:12px;flex-wrap:wrap}.owner-offerings img,.offering-placeholder{width:56px;height:56px;object-fit:cover;border-radius:8px}.owner-offerings article>div{flex:1;min-width:120px}.owner-offerings small{display:block;color:#52677b}.offering-photo-preview{max-width:100%;width:240px;max-height:200px;object-fit:contain}.offering-photo-preview[hidden]{display:none}#offeringForm{display:grid;gap:16px}#offeringForm .error{min-height:0}
.workspace-menu-toggle,.workspace-menu-close,.workspace-nav-backdrop{display:none}.workspace-header{gap:14px}.workspace-header>span{flex:1;min-width:0}.workspace-header>div{flex-wrap:wrap}.navigation-open{overflow:hidden}
@media(max-width:850px){#app>aside{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);height:100dvh;box-sizing:border-box;z-index:101;background:#fff;padding:22px;transform:translateX(-105%);transition:transform .2s;overflow-y:auto;display:flex;flex-direction:column;border-right:1px solid #dce4ed;box-shadow:15px 0 50px #15324a25}#app>aside.is-open{transform:translateX(0)}#app>aside nav{display:flex;flex-direction:column;gap:5px;margin:24px 0}#app>aside nav button,#app>aside nav a{font-size:15px;text-align:left;padding:15px;border-radius:10px;min-height:48px}#app>aside footer{display:block;position:static;margin-top:auto;font-size:13px}#app>main:not(.bio-page):not(.auth){margin-left:0;padding:20px 16px;min-width:0;box-sizing:border-box;max-width:100%}.workspace-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:23px;padding:8px}.workspace-menu-close{display:block;align-self:flex-end;margin-bottom:20px;font-size:14px}.workspace-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:100;background:#10283d80;border:0;width:100%;height:100dvh;border-radius:0}.workspace-header{align-items:center!important;flex-wrap:wrap;margin-bottom:24px}.workspace-header>span{font-size:11px;letter-spacing:.04em}.workspace-header>div{margin-left:auto;font-size:13px;gap:5px}.workspace-header .avatar{width:30px;height:30px}.workspace-header button{font-size:14px}.workspace-header .workspace-menu-toggle{font-size:23px}.admin-stats{gap:12px}.admin-main .intro{flex-wrap:wrap}.admin-main .intro>button{font-size:14px}.admin-stats .stat>span{font-size:13px}.admin-table{min-width:640px}.admin-filters label{font-size:14px}.admin-dialog-grid{gap:18px}.builder-layout{display:block}.builder-nav{position:sticky;top:0;z-index:9;display:flex;flex-direction:row;gap:8px;padding:10px 12px;margin:0;background:#fff;overflow-x:auto;border-bottom:1px solid #e0e7ee}.builder-nav button{min-width:85px;min-height:48px;font-size:12px;white-space:nowrap}.builder-nav button>span{display:none}.builder-edit{padding:18px 12px 95px}.builder-panel{padding:20px}.builder-plan{font-size:13px}.builder-plan button{font-size:12px}.builder-title>strong{font-size:14px;max-width:125px}.builder-actions>button{font-size:13px}.builder-toolbar{padding:10px 12px;min-height:72px;height:auto}.builder-toolbar .back-button{padding:10px}.formgrid{gap:18px}.mobile-preview-toggle{font-size:14px;min-height:44px}.authform small,.authform label{font-size:14px}.marketing .m-nav{flex-wrap:wrap}.marketing .m-nav-links{gap:14px;font-size:14px}.marketing .m-nav .m-button{font-size:13px}.marketing .m-footer>div{flex-wrap:wrap;gap:16px}.marketing .m-eyebrow{font-size:12px}.marketing .m-checkout small{font-size:14px}.owner-offerings article button{font-size:13px}.stats .stat small{font-size:14px}}
@media(prefers-reduced-motion:reduce){#app>aside{transition:none}}
.bio-inner .link-icon,.bio-inner .link-icon svg{color:inherit}.bio-inner .contact-shortcuts button{font-size:14px}.bio-inner .bio-avatar{color:var(--page-text,#18181b)}
@media(max-width:850px){.workspace-header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px}.workspace-header>span{font-size:12px;line-height:1.5}.workspace-header>div{grid-column:1/-1;display:flex;justify-content:flex-end;margin:0;min-width:0}.intro{flex-direction:column;align-items:stretch}.intro>button{align-self:flex-start;white-space:nowrap;min-height:44px}.intro h1{font-size:28px}.builder-plan{flex-wrap:wrap}.builder-plan>span{max-width:100%}}
.offering-description summary{font-size:15px;line-height:1.65;cursor:pointer;overflow-wrap:anywhere}.offering-description summary span{display:block;font-weight:600;text-decoration:underline;margin-top:8px}.offering-description[open] summary{font-size:0}.offering-description[open] summary span{font-size:14px}.offering-description[open] summary span:after{content:' · collapse'}
.bio-inner p,.bio-inner .offering-card small,.bio-inner .offering-description summary,.bio-inner .form-result{color:inherit}.bio-inner .bio-avatar{color:#fff}.bio-inner .offering-price small{color:inherit}
.payment-method{display:flex!important;align-items:center;gap:12px;padding:16px;border:1px solid #d9e3ec;border-radius:12px;margin:12px 0;font-size:15px}.payment-method input[type=checkbox],.payment-method input[type=radio]{width:20px;height:20px;flex:none;margin:0}.payment-method span{display:block}.payment-method small{display:block!important;margin:4px 0 0!important;font-size:13px!important}.payment-settings-form{display:grid;gap:22px;margin-top:24px}.payment-settings-form section>label{margin:18px 0}.payment-settings-form p{font-size:14px}.transfer-qr{display:block;width:260px;max-width:100%;height:auto;margin:20px 0;background:#fff;border:1px solid #d9e3ec;border-radius:12px;padding:10px;box-sizing:border-box}.transfer-qr[hidden]{display:none}.transfer-instructions dl{margin:20px 0}.transfer-instructions dl>div{padding:10px 0;border-bottom:1px solid #dce5ed}.transfer-instructions dt{font-size:13px;color:#52687a}.transfer-instructions dd{font-size:16px;font-weight:600;margin:5px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.transfer-note{white-space:pre-wrap;overflow-wrap:anywhere}.transfer-order-id{overflow-wrap:anywhere;font-size:13px}.proof-preview{width:100%;max-width:350px;max-height:420px;object-fit:contain}.proof-preview[hidden]{display:none}.review-proof{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:20px auto}.direct-review-dialog{max-width:850px}.direct-review-dialog form{display:grid;gap:16px}.m-checkout #directProofForm{display:grid;gap:16px;align-items:stretch}.m-checkout #directProofForm label{min-width:0}.m-checkout #directProofForm small{margin-top:7px}.m-checkout fieldset{border:0;padding:0;margin:24px 0}.m-checkout legend{font-weight:700;font-size:16px}.m-checkout #checkPayment{margin-top:15px;width:100%}.m-checkout #checkPayment[hidden],.m-checkout #saveCheckout[hidden],#paymentPhoneLabel[hidden],#directTransfer[hidden]{display:none}.m-checkout .error{min-height:0}
.admin-sidebar{overflow-y:auto;box-sizing:border-box}.admin-sidebar nav{flex-shrink:0}.admin-sidebar footer{padding-top:20px}
.auth-site-header{border-bottom:1px solid #e5e9ee}.auth-customer.auth{padding-top:0;min-height:calc(100dvh - 112px)}.auth-customer .auth-topline{display:none}.auth-site-header .m-nav-links>a:first-child{display:inline}@media(max-width:700px){.auth-site-header .m-nav{flex-wrap:wrap}.auth-site-header .m-nav-links{flex-wrap:wrap;gap:12px 16px}}
.auth-site-header{display:block;padding:0;font-size:inherit}.auth-site-header .m-nav{box-sizing:border-box}
.m-account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-checkout .m-checkout{margin:0;padding:0;max-width:none}.workspace-checkout .m-checkout-grid{gap:32px;margin-top:24px}.workspace-checkout .m-checkout h1{font-size:38px}.marketing .m-nav-links button{white-space:nowrap;font-size:14px}@media(max-width:1100px){.workspace-checkout .m-checkout-grid{grid-template-columns:1fr}}@media(max-width:700px){.marketing .m-nav-links{flex-wrap:wrap}.m-account-name{max-width:150px;font-size:14px}.workspace-checkout .m-checkout h1{font-size:30px}}
.qr-shape-picker{border:0;padding:0;margin:8px 0;grid-column:1/-1;min-width:0}.qr-shape-picker legend{font-size:15px;font-weight:600;margin-bottom:12px}.qr-shape-picker>div{display:flex;flex-wrap:wrap;gap:10px}.qr-shape-picker label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #d6e0e8;border-radius:10px;padding:9px;min-width:68px;cursor:pointer;color:#384c5d;background:#fff}.qr-shape-picker svg{width:40px;height:40px}.qr-shape-picker label span{font-size:11px}.qr-shape-picker input{position:absolute;width:1px;height:1px;opacity:0}.qr-shape-picker label:has(input:checked){border:2px solid #0864a8;background:#eef7fd;padding:8px;color:#0864a8}.qr-shape-picker label:focus-within{outline:2px solid #0864a8;outline-offset:3px}
.bio-inner .bio-links .bio-link{color:var(--link-text,var(--page-text,#18181b));border-radius:var(--link-radius,14px)}
.bio-inner .bio-links[data-button-style=solid] .bio-link{background:var(--link-color,#18181b);border:1px solid var(--link-color,#18181b);box-shadow:0 5px 16px #10283d18}
.bio-inner .bio-links[data-button-style=outline] .bio-link{background:transparent;border:2px solid var(--link-color,#18181b);box-shadow:none}
.bio-inner .bio-links[data-button-style=glass] .bio-link{background:color-mix(in srgb,var(--link-color,#18181b) 18%,transparent);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid color-mix(in srgb,var(--link-text,#18181b) 30%,transparent);box-shadow:0 8px 24px #10283d14,inset 0 1px 0 #ffffff30}
.bio-inner .bio-links .bio-link:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.design-customize{border:1px solid #dce4ec;border-radius:16px;margin:24px 0;background:#fff;box-shadow:0 3px 12px #10283d05}.design-customize>summary{display:flex;align-items:center;gap:14px;padding:20px;cursor:pointer;font-size:17px;font-weight:600;list-style:none}.design-customize>summary:after{content:'⌄';margin-left:auto}.design-customize>summary small{display:block;font-size:13px;font-weight:400;color:#647585;margin-top:4px}.design-section-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dce4ec;border-radius:12px;background:#f1f6fa;color:#27546f}.design-customize-content{padding:0 20px 20px}.design-customize-content>p{font-size:13px;line-height:1.6;color:#526176}.design-colours-heading{font-size:17px;font-weight:600;margin:24px 0 16px}.button-style-picker{border:0;padding:0;margin:0 0 20px;min-width:0}.button-style-picker legend{font-size:14px;font-weight:600;margin-bottom:12px}.button-style-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.button-style-picker label{position:relative;display:grid;gap:10px;padding:14px;border:1px solid #d8e2ea;border-radius:12px;cursor:pointer;font-size:13px}.button-style-picker input{position:absolute;width:1px;height:1px;opacity:0}.button-style-picker label:has(input:checked){border-color:#0864a8;box-shadow:0 0 0 1px #0864a8;background:#eff7fd}.button-style-picker label:focus-within{outline:2px solid #0864a8;outline-offset:3px}.button-style-sample{display:block;text-align:center;border-radius:9px;padding:10px 8px;font-size:12px}.sample-transparent{border:1px solid #94a8ba;color:#26465d}.sample-solid{background:#235b89;color:#fff;border:1px solid #235b89}.sample-glass{background:linear-gradient(120deg,#edf8fc99,#c1dce688);color:#26465d;border:1px solid #b5cbdc;box-shadow:inset 0 1px 0 white}.sample-outline{background:transparent;border:2px solid #235b89;color:#235b89}@media(max-width:600px){.design-customize-content{padding:0 14px 16px}.design-customize>summary{padding:16px}.button-style-picker label{padding:10px}}