/* v30 final alignment, selectable tabs and balanced marketing cards */
.marketing .hero-highlights>.wrap>div{min-height:122px;align-items:center}
.marketing .hero-highlights>.wrap>div>div{display:grid;gap:5px}
.marketing .hero-highlights strong{line-height:1.25}
.marketing .hero-highlights span{line-height:1.45}
.marketing .pricing-grid-single{grid-template-columns:minmax(0,720px);justify-content:center}
.marketing .pricing-grid-single .pricing-option{width:100%}
.registration-steps:has(li:nth-child(2):last-child){justify-content:flex-start}
.registration-steps:has(li:nth-child(2):last-child) li{flex:1;max-width:320px}
.registration-steps:has(li:nth-child(2):last-child) li+li{margin-left:auto}
.workspace .website-editor .section-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:10px;padding:16px 20px;background:#f8fbf9;border:1px solid var(--line);border-radius:8px 8px 0 0}
.workspace .website-editor .section-tabs [role=tab]{flex:0 0 auto;padding:10px 14px;min-height:42px;border:1px solid #d5e0da;border-radius:7px;background:#fff;color:#49677d;font-size:14px;line-height:1.25;box-shadow:0 1px 2px #163d2810}
.workspace .website-editor .section-tabs [role=tab]:hover{border-color:#4a9c86;background:#f2f9f6;color:#08765f}
.workspace .website-editor .section-tabs [role=tab][aria-selected=true]{border-color:#00866b;background:#00866b;color:#fff;box-shadow:0 4px 12px #00866b26}
.design-colour-row{display:grid!important;grid-template-columns:88px max-content;gap:12px;align-items:center;justify-content:start;min-width:0}
.design-colour-row input[type=color]{display:block;width:88px!important;min-width:88px!important;max-width:88px!important;min-height:48px;padding:5px;flex:none}
.design-colour-row .btn{width:auto!important;max-width:none!important;min-width:158px;white-space:nowrap;writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:normal!important}
.design-colours{align-items:start}
.design-colours>.field{min-width:0}
.design-colours .field-hint{min-height:22px}
@media(max-width:760px){
 .marketing .hero-highlights>.wrap>div{min-height:142px;justify-content:center}
 .marketing .hero-highlights strong{font-size:13px}
 .marketing .hero-highlights span{font-size:12px}
 .registration-steps:has(li:nth-child(2):last-child) li{max-width:none}
 .workspace .website-editor .section-tabs{gap:8px;padding:14px}
 .workspace .website-editor .section-tabs [role=tab]{flex:1 1 calc(50% - 8px);text-align:center;padding:10px 8px;font-size:13px}
}
@media(max-width:520px){
 .design-colour-row{grid-template-columns:72px minmax(0,1fr)}
 .design-colour-row input[type=color]{width:72px!important;min-width:72px!important}
 .design-colour-row .btn{min-width:0;width:100%!important;white-space:normal}
}

/* v32 account, add-on and navigation refinements */
.workspace .button-tabs,.workspace .settings-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:12px;background:#f8fbf9;border:1px solid var(--line);border-radius:10px;overflow:visible}
.workspace .button-tabs a,.workspace .settings-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #d5e0da;border-radius:7px;background:#fff;color:#49677d;font-size:14px;font-weight:700;line-height:1.25;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #163d2810}
.workspace .button-tabs a:hover,.workspace .settings-tabs a:hover{border-color:#4a9c86;background:#f2f9f6;color:#08765f}
.workspace .button-tabs a.active,.workspace .button-tabs a[aria-current=page],.workspace .settings-tabs a[aria-selected=true]{border-color:#00866b;background:#00866b;color:#fff;box-shadow:0 4px 12px #00866b26}
.workspace .button-tabs svg{width:17px;height:17px}
.account-settings-surface{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #173d2810}
.account-settings-surface .form-section,.account-settings-surface .payment-summary{margin:0;border:0;border-radius:0;padding:30px}
.account-panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.account-panel-heading>svg{width:42px;height:42px;padding:11px;border-radius:11px;background:#e5f4ee;color:#08765f;flex:0 0 42px}
.account-panel-heading>div{min-width:0;flex:1}.account-panel-heading h2{margin:0 0 3px}.account-panel-heading p{margin:0;color:var(--muted);font-size:13px}.account-panel-heading>.badge{flex:0 0 auto}
.account-email{display:inline-flex;margin:0 0 22px;padding:9px 13px;border-radius:7px;background:#f2f6f4;color:#49677d;font-weight:600}
.account-payment-panel .package-payment-lines{border:1px solid #dce7e1;border-radius:9px;overflow:hidden;background:#fbfdfc}
.account-payment-panel .package-payment-lines>div{padding:15px 18px}.account-payment-panel .package-payment-total{background:#123f35;color:#fff}
.payment-action-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px;border:1px solid #cfe1d8;border-radius:9px;background:#f4faf7}
.payment-action-card>div{display:flex;align-items:center;gap:12px;min-width:0}.payment-action-card>div>svg{color:#0b8f74}.payment-action-card p{display:grid;gap:3px;margin:0}.payment-action-card p span{color:var(--muted);font-size:13px}
.invitation-link-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 24px;padding:16px 18px;border:1px solid #9dcdbf;border-radius:11px;background:linear-gradient(135deg,#f4fcf8,#eaf6f2);color:#174f42;text-decoration:none;box-shadow:0 8px 24px #164c3c10}
.invitation-link-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#08765f;color:#fff}.invitation-link-icon svg{width:22px;height:22px}
.invitation-link-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.invitation-link-card small{color:#557a70;font-size:12px}.invitation-link-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.invitation-link-action{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:7px;background:#fff;border:1px solid #c7ddd5;font-weight:700;white-space:nowrap}.invitation-link-action svg{width:16px;height:16px}
.workspace .addon-grid{align-items:stretch;gap:20px}.workspace .addon-card{padding:26px;border-radius:12px;box-shadow:0 10px 30px #183b2b0b;transition:transform .2s,border-color .2s,box-shadow .2s}.workspace .addon-card:hover{transform:translateY(-2px);border-color:#a7c9bd;box-shadow:0 14px 32px #183b2b14}
.workspace .addon-card h2{font-size:23px;line-height:1.25}.workspace .addon-card p{font-size:14px}.workspace .addon-card .btn{width:100%;min-height:48px;border-radius:8px}.workspace .addon-card .badge{padding:8px 11px;border-radius:7px}
.addon-info{border:1px solid var(--line);border-radius:12px!important;background:#fff;box-shadow:0 10px 30px #183b2b0b}.addon-info-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.addon-info-heading>svg{width:42px;height:42px;padding:10px;border-radius:11px;background:#e5f4ee;color:#08765f}.addon-info-heading h2{margin:0 0 3px}.addon-info-heading p{margin:0;color:var(--muted)}
.music-control svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.video-intro:not(.is-loading) .cinema-intro-tools{pointer-events:none}.video-intro.is-loading .cinema-intro-tools>span{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #ffffff40;border-radius:7px;background:#13221ee8;box-shadow:0 8px 24px #0004}.video-intro.is-loading .cinema-intro-tools>span:before{content:"";width:15px;height:15px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:a2z-loading-spin .8s linear infinite}@keyframes a2z-loading-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
 .workspace .button-tabs,.workspace .settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}
 .workspace .button-tabs a,.workspace .settings-tabs a{white-space:normal;text-align:center;padding:10px 8px;font-size:13px}
 .workspace .account-tabs a:last-child{grid-column:1/-1}
 .account-settings-surface .form-section,.account-settings-surface .payment-summary{padding:22px 18px}
 .payment-action-card{align-items:stretch;flex-direction:column}.payment-action-card .btn,.payment-action-card form,.payment-action-card form .btn{width:100%}
 .invitation-link-card{grid-template-columns:42px minmax(0,1fr);padding:14px}.invitation-link-icon{width:42px;height:42px}.invitation-link-action{grid-column:1/-1;justify-content:center}.invitation-link-card strong{font-size:13px}
 .workspace .addon-grid{grid-template-columns:1fr}.workspace .addon-card{padding:22px}.workspace .addon-card:hover{transform:none}
}