/* Frontend styles for Datxale Alert Box. */
.datxale-countdown,.datxale-alert-box,.datxale-pricing-table,.datxale-team-members,.datxale-progress-steps,.datxale-content-tabs{box-sizing:border-box;margin:22px 0}.datxale-countdown{padding:18px;border:1px solid #e5e7eb;border-left:4px solid var(--datxale-accent);border-radius:8px;background:#fff}.datxale-countdown__units{display:grid;grid-template-columns:repeat(4,minmax(56px,1fr));gap:8px;margin-top:12px}.datxale-countdown__units span{display:grid;place-items:center;min-height:58px;border-radius:8px;background:var(--datxale-accent);color:#fff;font-size:24px;font-weight:700}
.datxale-alert-box{position:relative;display:flex;gap:14px;padding:16px 46px 16px 16px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid var(--datxale-accent)}.datxale-alert-box>span{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--datxale-accent);color:#fff;font-weight:800}.datxale-alert-box p{margin:.35rem 0 0}.datxale-alert-box button,.datxale-sticky-cta button{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:22px;cursor:pointer}
.datxale-pricing-table__items,.datxale-team-members__items,.datxale-progress-steps__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.datxale-pricing-table article,.datxale-team-members article,.datxale-progress-steps article{padding:18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.datxale-pricing-table article.is-featured,.datxale-progress-steps article.is-active{border-color:var(--datxale-accent);box-shadow:0 12px 30px rgba(15,23,42,.1)}.datxale-pricing-table em{display:block;font-size:28px;font-style:normal;font-weight:800;color:var(--datxale-accent)}.datxale-team-members span,.datxale-progress-steps span{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--datxale-accent);color:#fff;font-weight:800;margin-bottom:10px}
.datxale-before-after{position:relative;max-width:820px;margin:24px 0;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc}.datxale-before-after--rounded{border-radius:10px}.datxale-before-after img{display:block;width:100%;height:auto}.datxale-before-after__after{position:absolute;inset:0;clip-path:polygon(0 0,var(--datxale-position) 0,var(--datxale-position) 100%,0 100%)}.datxale-before-after input{position:absolute;left:0;right:0;bottom:12px;width:90%;margin:auto}.datxale-before-after__before-label,.datxale-before-after__after-label{position:absolute;top:12px;padding:5px 8px;border-radius:5px;background:rgba(15,23,42,.75);color:#fff;font-size:12px}.datxale-before-after__before-label{left:12px}.datxale-before-after__after-label{right:12px}.datxale-before-after--empty{padding:18px;border:1px dashed #cbd5e1;border-radius:8px}
.datxale-click-to-call,.datxale-email-encoder--button,.datxale-sticky-cta__inner a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--datxale-accent);color:#fff;text-decoration:none;font-weight:700}.datxale-click-to-call-floating{position:fixed;bottom:22px;z-index:9998}.datxale-click-to-call-floating--right{right:22px}.datxale-click-to-call-floating--left{left:22px}.datxale-email-encoder{color:var(--datxale-accent);font-weight:700}
.datxale-sticky-cta{position:fixed;left:0;right:0;z-index:9997;background:#111827;color:#fff;padding:10px 44px 10px 14px;box-shadow:0 -10px 28px rgba(15,23,42,.2)}.datxale-sticky-cta--bottom{bottom:0}.datxale-sticky-cta--top{top:0}.datxale-sticky-cta__inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.datxale-sticky-cta button{color:#fff}
.datxale-content-tabs [role=tablist]{display:flex;gap:8px;flex-wrap:wrap}.datxale-content-tabs [role=tab]{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}.datxale-content-tabs [aria-selected=true]{background:var(--datxale-accent);border-color:var(--datxale-accent);color:#fff}.datxale-content-tabs [role=tabpanel]{padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;background:#fff}