/* Databexx theme styles. Layout language: enterprise cloud-site patterns (utility header, jump nav,
   pill tabs, depth cards). Colour: Databexx-led 60/30/10 — white & warm tint / graphite / gold. */
:root{
  --dbx-gold:var(--wp--preset--color--gold,#FCB92D);
  --dbx-gold-deep:var(--wp--preset--color--gold-deep,#E8A410);
  --dbx-gold-text:var(--wp--preset--color--gold-text,#7A5200);
  --dbx-gold-tint:var(--wp--preset--color--gold-tint,#FFF7E3);
  --dbx-ink:var(--wp--preset--color--graphite,#1C2026);
  --dbx-ink-2:var(--wp--preset--color--graphite-2,#262B33);
  --dbx-bg:var(--wp--preset--color--surface,#FFFFFF);
  --dbx-surface:#fff;
  --dbx-tint:var(--wp--preset--color--off-white,#F7F5F0);
  --dbx-stone:var(--wp--preset--color--stone,#EEEBE4);
  --dbx-line:var(--wp--preset--color--line,#E1DDD4);
  --dbx-field:#7D838C;
  --dbx-muted:var(--wp--preset--color--muted,#565E69);
  --dbx-teal:var(--wp--preset--color--teal,#2B7C77);
  --dbx-band-line:#3A414C; --dbx-band-fg:#F2F0EB; --dbx-band-muted:#A9B0BA;
  --dbx-danger:#B3261E; --dbx-ok:#2E7D4F;
  --dbx-r:16px; --dbx-r-lg:24px; --dbx-r-btn:4px;
  --dbx-d4:0 1.6px 3.6px rgba(20,24,30,.12),0 .3px .9px rgba(20,24,30,.1);
  --dbx-d8:0 3.2px 7.2px rgba(20,24,30,.12),0 .6px 1.8px rgba(20,24,30,.1);
  --dbx-d16:0 6.4px 14.4px rgba(20,24,30,.13),0 1.2px 3.6px rgba(20,24,30,.1);
  --dbx-d64:0 25.6px 57.6px rgba(20,24,30,.2),0 4.8px 14.4px rgba(20,24,30,.14);
  --dbx-display:var(--wp--preset--font-family--display,'Segoe UI',Selawik,system-ui,sans-serif);
  --dbx-mono:var(--wp--preset--font-family--body,'Segoe UI',Selawik,system-ui,sans-serif);
  --dbx-code:var(--wp--preset--font-family--mono,Consolas,ui-monospace,monospace);
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--wp-admin--admin-bar--height,0px) + 92px)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:lining-nums}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.wp-site-blocks>*{margin-block-start:0!important}
.dbx-main{margin-block-start:0}
.dbx-main>*,.dbx-main .wp-block-post-content>*{margin-block-start:0}
.dbx-main .wp-block-post-content>.alignfull+.alignfull{margin-block-start:0}
:focus-visible{outline:2px solid var(--dbx-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--dbx-gold);border-radius:4px}
.dbx-band :focus-visible,.dbx-announce :focus-visible{outline-color:var(--dbx-gold);box-shadow:none}
img{max-width:100%;height:auto}
a{text-underline-offset:.18em}

/* ---------- announcement strip ---------- */
.dbx-announce{background:var(--dbx-ink);color:var(--dbx-band-fg);padding-block:10px}
.dbx-announce-text{margin:0;text-align:center;font-size:.875rem;line-height:1.45}
.dbx-announce-text strong{color:#fff;font-weight:600}
.dbx-announce-text a{color:var(--dbx-gold);font-weight:600;text-decoration:underline;margin-left:6px;white-space:nowrap}

/* ---------- header (utility style) ---------- */
.dbx-header{position:relative;z-index:60;background:var(--dbx-surface);border-bottom:1px solid var(--dbx-line)}
.dbx-header-row{min-height:64px;gap:28px;align-items:center}
.dbx-logo,.dbx-footer-logo{flex:none}
.dbx-logo img,.dbx-footer-logo img{min-width:112px;height:auto;max-height:40px;width:auto!important}
.dbx-nav{flex:1 1 auto;min-width:0}
.dbx-nav .wp-block-navigation__container{gap:0}
.dbx-nav .wp-block-navigation-item__content{padding:20px 12px;color:var(--dbx-ink);border-bottom:2px solid transparent}
.dbx-nav .wp-block-navigation-item__content:hover{text-decoration:none;border-bottom-color:var(--dbx-ink)}
.dbx-nav .wp-block-navigation-item.has-child>.wp-block-navigation-item__content{padding-right:4px}
.dbx-nav .wp-block-navigation__submenu-container{border:0!important;border-radius:0 0 8px 8px;padding:12px!important;min-width:300px!important;box-shadow:var(--dbx-d16);background:var(--dbx-surface)!important;top:100%!important}
.dbx-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:10px 12px;border-radius:4px;border-bottom:0}
.dbx-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--dbx-tint);text-decoration:underline}
.dbx-nav .wp-block-navigation__responsive-container.is-menu-open{padding:24px clamp(16px,4vw,32px)}
.dbx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.05rem;padding:12px 0;border-bottom:0}
.dbx-utility{gap:18px;align-items:center;flex:none}
.dbx-utility-link{margin:0;font-size:.9375rem;white-space:nowrap}
.dbx-utility-link a{color:var(--dbx-ink)}
.dbx-search .wp-block-search__button{background:transparent!important;color:var(--dbx-ink)!important;border:0;padding:8px;margin:0;border-radius:4px}
.dbx-search .wp-block-search__button:hover{background:var(--dbx-tint)!important}
.dbx-search .wp-block-search__button svg{width:22px;height:22px;fill:currentColor}
.dbx-search .wp-block-search__input{border:1.5px solid var(--dbx-field);border-radius:4px;font:inherit;padding:8px 12px;min-width:200px}
.dbx-header-cta .wp-block-button__link{padding:9px 18px;font-size:.875rem;white-space:nowrap}
@media (max-width:1180px){.dbx-utility-link{display:none}}
@media (max-width:1100px){.wp-block-buttons.dbx-header-cta{display:none!important}}
@media (max-width:599px){.dbx-header-row .dbx-nav{flex:0 0 auto;margin-left:auto!important}.dbx-header-row{gap:8px}}
@media (max-width:600px){.dbx-announce-text{font-size:.8125rem}.dbx-announce-text a{display:inline-block;margin:2px 0 0}}

/* ---------- buttons ---------- */
.wp-block-button__link{transition:background .15s,border-color .15s,color .15s}
.wp-block-button__link:hover{text-decoration:none}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;border:1.5px solid var(--dbx-ink);color:var(--dbx-ink);padding:10.5px 22.5px}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--dbx-tint)}
.dbx-band .wp-block-button.is-style-outline>.wp-block-button__link{border-color:var(--dbx-band-fg);color:var(--dbx-band-fg)}
.dbx-band .wp-block-button.is-style-outline>.wp-block-button__link:hover{background:rgba(255,255,255,.08)}
.wp-block-buttons{gap:12px}
.dbx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:.9375rem;line-height:1.2;font-family:inherit;padding:12px 24px;border-radius:var(--dbx-r-btn);border:1.5px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s}
.dbx-btn-gold{background:var(--dbx-gold);color:var(--dbx-ink)}
.dbx-btn-gold:hover{background:var(--dbx-gold-deep);color:var(--dbx-ink)}
.dbx-btn-gold[disabled]{opacity:.6;cursor:default}
.dbx-btn-line{border-color:var(--dbx-ink);color:var(--dbx-ink);background:transparent;padding:10.5px 22.5px}
.dbx-btn-line:hover{background:var(--dbx-tint);color:var(--dbx-ink)}
.dbx-band .dbx-btn-line{border-color:var(--dbx-band-fg);color:var(--dbx-band-fg)}
.dbx-band .dbx-btn-line:hover{background:rgba(255,255,255,.08)}
.dbx-btn-wa{background:#1A7F45;color:#fff}
.dbx-btn-wa:hover{background:#146B39;color:#fff}
.dbx-wa-wrap{margin-block-start:12px}
.dbx-textlink{font-weight:600;color:var(--dbx-gold-text);text-decoration:none}
.dbx-textlink:hover{text-decoration:underline}
.dbx-textlink span{display:inline-block;transition:transform .15s}
.dbx-textlink:hover span{transform:translateX(3px)}

/* ---------- typography helpers ---------- */
.dbx-eyebrow{font-family:var(--dbx-mono);font-weight:600;font-size:.8125rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--dbx-ink);margin:0}
.dbx-eyebrow-muted{color:var(--dbx-muted)}
.dbx-eyebrow a{color:inherit}
.dbx-lede{color:var(--dbx-muted);font-size:1.125rem;line-height:1.55;max-width:62ch}
.dbx-muted{color:var(--dbx-muted)}
.dbx-small{font-size:.875rem}
.dbx-tag{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dbx-muted);margin:0}
.dbx-tag a{color:inherit}
.dbx-label-demo{display:inline-block;font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--dbx-gold-tint);color:var(--dbx-gold-text);border:1px solid color-mix(in srgb,var(--dbx-gold) 55%,transparent);margin:0;align-self:flex-start;width:fit-content}
.dbx-band .dbx-label-demo{color:var(--dbx-gold);background:transparent}
.dbx-crumbs{font-size:.875rem;color:var(--dbx-muted);margin:0 0 4px}
.dbx-crumbs a{color:var(--dbx-ink)}
.dbx-crumbs a:hover{text-decoration:underline}
.dbx-note{padding:16px 18px;border-radius:8px;background:var(--dbx-tint);border-left:4px solid var(--dbx-gold);font-size:.9375rem;color:var(--dbx-muted)}
.dbx-note strong{color:var(--dbx-ink)}

/* ---------- hero ---------- */
.dbx-band{background:var(--dbx-ink);color:var(--dbx-band-fg)}
.dbx-band h1,.dbx-band h2,.dbx-band h3{color:#fff}
.dbx-band .dbx-eyebrow{color:var(--dbx-gold)}
.dbx-band .dbx-lede,.dbx-band .dbx-muted{color:var(--dbx-band-muted)}
.dbx-band a:not(.wp-block-button__link):not(.dbx-btn):not(.dbx-prompt){color:var(--dbx-gold)}
.dbx-hero{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,88px);background:linear-gradient(100deg,#FFFFFF 0%,#FFFBF1 48%,#FDF1D6 100%)}
.dbx-hero::before{content:"";position:absolute;right:-12%;top:-30%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(252,185,45,.22),rgba(252,185,45,0));pointer-events:none}
.dbx-hero>*{position:relative}
.dbx-hero h1{margin-block:14px 0;font-size:var(--wp--preset--font-size--huge);line-height:1.15}
.dbx-hero .dbx-lede{margin-block-start:18px}
.dbx-hero .wp-block-buttons{margin-block-start:30px}
.dbx-hero-grid{gap:56px!important;margin:0}
.dbx-hero-plain{padding-block:clamp(40px,5vw,64px)}
.dbx-hero-plain h1{margin-block:10px 0}
.dbx-hero-img{position:relative;margin:0;border-radius:var(--dbx-r-lg);overflow:hidden;box-shadow:var(--dbx-d64)}
.dbx-hero-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.dbx-framed{position:relative;margin:0;border-radius:var(--dbx-r-lg);overflow:hidden;box-shadow:var(--dbx-d16)}
.dbx-framed img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.dbx-article-hero{background:linear-gradient(100deg,#FFFFFF 0%,#FFFBF1 55%,#FDF1D6 100%);color:var(--dbx-ink)}

/* ---------- jump nav (sticky in-page) ---------- */
.dbx-jumpnav{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:55;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-block:1px solid var(--dbx-line);box-shadow:var(--dbx-d4)}
.dbx-jump-row{gap:24px;align-items:center;min-height:60px}
.dbx-jump-links{margin:0;display:flex;gap:4px 28px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}
.dbx-jump-links::-webkit-scrollbar{display:none}
.dbx-jump-links a{white-space:nowrap;color:var(--dbx-ink);font-size:.9375rem;padding:18px 0 16px;border-bottom:3px solid transparent;text-decoration:none}
.dbx-jump-links a:hover{border-bottom-color:var(--dbx-line)}
.dbx-jump-links a[aria-current]{border-bottom-color:var(--dbx-gold);font-weight:600}
.dbx-jump-cta{flex:none}
.dbx-jump-cta .wp-block-button__link{padding:9px 18px;font-size:.875rem;white-space:nowrap}
@media (max-width:780px){.wp-block-buttons.dbx-jump-cta{display:none!important}.dbx-jump-row{min-height:52px}.dbx-jump-links a{padding:15px 0 13px}}

/* ---------- sections ---------- */
.dbx-sec{padding-block:clamp(56px,8vw,96px)}
.dbx-alt{background:var(--dbx-tint)}
.dbx-sec>*+*{margin-block-start:0}
.dbx-head{max-width:var(--wp--style--global--content-size,1180px)!important;margin-block-end:40px!important;display:grid;gap:12px}
.dbx-head>*{max-width:760px;margin:0!important}
.dbx-head h2{font-size:var(--wp--preset--font-size--xx-large)}
.dbx-head+.dbx-steps{margin-block-start:0}
.dbx-compare+.dbx-head{margin-block-start:72px!important}
.dbx-narrow>*{max-width:860px!important}
.dbx-split{gap:56px!important}
.wp-block-column>.dbx-ticks{margin-block:20px 0}
.wp-block-column>.dbx-ticks+.wp-block-buttons{margin-block-start:28px}
.dbx-view-all{margin-block:28px 0!important}
@media (max-width:781px){.dbx-split{gap:28px!important}.dbx-hero-grid{gap:36px!important}}

/* ---------- prompt panel (start here) ---------- */
.dbx-prompt-band{background:radial-gradient(ellipse at 85% 0%,rgba(252,185,45,.16),transparent 55%),linear-gradient(135deg,#1C2026 0%,#232831 60%,#2A2A26 100%)}
.dbx-prompts{margin:0;display:flex;flex-wrap:wrap;gap:12px}
.dbx-prompt{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--dbx-ink-2);border:1px solid var(--dbx-band-line);color:#fff;font-size:.9375rem;line-height:1.3;text-decoration:none;transition:border-color .15s,background .15s}
.dbx-prompt span{color:var(--dbx-gold);font-size:.85rem}
.dbx-prompt:hover{border-color:var(--dbx-gold);background:#2E343E;color:#fff;text-decoration:none}

/* ---------- grids & cards ---------- */
.dbx-grid,.dbx-post-grid{gap:20px!important}
.dbx-card{background:var(--dbx-surface);border:0;border-radius:var(--dbx-r);padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:var(--dbx-d4);transition:box-shadow .2s,transform .2s}
.dbx-card>*{margin:0!important}
.dbx-card:hover{box-shadow:var(--dbx-d16);transform:translateY(-2px)}
.dbx-card p{color:var(--dbx-muted);font-size:.9375rem}
.dbx-card h3{font-size:1.25rem}
.dbx-card h3 a{color:var(--dbx-ink)}
.dbx-card h3 a:hover{text-decoration:underline}
.dbx-card-img{margin:-24px -24px 8px!important;border-radius:var(--dbx-r) var(--dbx-r) 0 0;overflow:hidden;background:var(--dbx-stone)}
.dbx-card-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.dbx-more{margin-top:auto!important;padding-top:6px}
.dbx-more a,.dbx-card .wp-block-post-excerpt__more-link{color:var(--dbx-gold-text);font-weight:600;font-size:.9375rem}
.dbx-outcome::before{content:"";width:40px;height:4px;border-radius:2px;background:var(--dbx-gold)}
.dbx-problem{padding:18px 20px;background:var(--dbx-surface);border-radius:12px;box-shadow:var(--dbx-d4)}
.dbx-problem>*{margin:0!important}
.dbx-problem .dbx-muted{font-size:.9375rem;margin-top:4px!important}
.dbx-route{background:var(--dbx-ink);color:var(--dbx-band-fg);border-radius:var(--dbx-r-lg);padding:32px;display:grid;gap:14px;align-content:start}
.dbx-route>*{margin:0!important}
.dbx-route h3{color:#fff;font-size:1.5rem}
.dbx-route p{color:var(--dbx-band-muted)}
.dbx-route .dbx-eyebrow{color:var(--dbx-gold)}
.dbx-offer .dbx-dl{font-size:.9375rem;color:var(--dbx-ink)}
.dbx-offer .dbx-dl strong{font-weight:600;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dbx-muted)}
.dbx-chips{gap:10px!important}
.dbx-chip{margin:0;padding:10px 16px;border-radius:999px;background:var(--dbx-surface);box-shadow:var(--dbx-d4);font-weight:600;font-size:.9375rem}

/* ---------- capability tabs ---------- */
.dbx-cap{display:grid;gap:24px}
.dbx-pills{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin}
.dbx-pill{flex:none;font:inherit;font-size:.9375rem;font-weight:600;line-height:1.5;padding:8px 20px;border-radius:999px;border:0;background:#E5E1D8;color:var(--dbx-ink);cursor:pointer;transition:background .15s,color .15s}
.dbx-pill:hover{background:#D9D4C8}
.dbx-pill[aria-selected="true"]{background:var(--dbx-ink);color:#fff}
.dbx-cap.is-ready [data-dbx-hidden]{display:none}
.dbx-cap-panel{display:grid;gap:20px}
.dbx-cap:not(.is-ready) .dbx-cap-panel+.dbx-cap-panel{margin-top:24px}
.dbx-cap-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--dbx-surface);border-radius:var(--dbx-r-lg);overflow:hidden;box-shadow:var(--dbx-d8)}
.dbx-cap-media{min-height:100%;background:var(--dbx-stone)}
.dbx-cap-media img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
.dbx-cap-body{padding:clamp(24px,4vw,44px);display:grid;gap:14px;align-content:center}
.dbx-cap-body>*{margin:0}
.dbx-cap-body h3{font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.25}
.dbx-cap-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:8px!important}
.dbx-cap-scope{display:grid;gap:12px}
.dbx-cap-scope-h{margin:0;font-weight:600;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dbx-muted)}
.dbx-cap-scope ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dbx-cap-scope li{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--dbx-surface);border-radius:12px;box-shadow:var(--dbx-d4);font-weight:600;font-size:.9375rem;line-height:1.35}
.dbx-scope-ico{flex:none;width:28px;height:28px;border-radius:8px;background:var(--dbx-gold-tint);position:relative}
.dbx-scope-ico::after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border:solid var(--dbx-gold-text);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dbx-cap-all{margin:4px 0 0}
@media (max-width:900px){.dbx-cap-feature{grid-template-columns:1fr}.dbx-cap-media img{min-height:0;aspect-ratio:16/9}.dbx-cap-scope ul{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.dbx-cap-scope ul{grid-template-columns:1fr}}

/* ---------- lists ---------- */
.dbx-ticks,.dbx-dash{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.dbx-ticks li{position:relative;padding-left:28px}
.dbx-ticks li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border-radius:5px;background:var(--dbx-gold)}
.dbx-ticks li::after{content:"";position:absolute;left:5px;top:calc(.42em + 3px);width:5px;height:8px;border:solid var(--dbx-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dbx-dash li{position:relative;padding-left:20px;color:var(--dbx-muted)}
.dbx-dash li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:2px;background:var(--dbx-gold-deep)}
.dbx-dash li strong{color:var(--dbx-ink)}

.dbx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--dbx-r);background:var(--dbx-surface);box-shadow:var(--dbx-d4);overflow:hidden;counter-reset:s}
.dbx-steps.dbx-seven{grid-template-columns:repeat(7,minmax(0,1fr))}
.dbx-steps li{padding:24px 20px;border-right:1px solid var(--dbx-line);display:grid;gap:8px;align-content:start;counter-increment:s;margin:0}
.dbx-steps li:last-child{border-right:0}
.dbx-steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--dbx-gold);color:var(--dbx-ink);display:grid;place-items:center;font:600 .9rem/1 var(--dbx-display)}
.dbx-steps strong{font-family:var(--dbx-display);font-weight:600}
.dbx-steps span{color:var(--dbx-muted);font-size:.92rem;line-height:1.5}
@media (max-width:1100px){.dbx-steps.dbx-seven{grid-template-columns:1fr}}
@media (max-width:900px){.dbx-steps{grid-template-columns:1fr}}
@media (max-width:1100px){.dbx-steps.dbx-seven li,.dbx-steps.dbx-seven li:last-child{border-right:0;border-bottom:1px solid var(--dbx-line);grid-template-columns:32px 1fr;column-gap:14px}.dbx-steps.dbx-seven li:last-child{border-bottom:0}.dbx-steps.dbx-seven li::before{grid-row:span 2}}
@media (max-width:900px){.dbx-steps li{border-right:0;border-bottom:1px solid var(--dbx-line);grid-template-columns:32px 1fr;column-gap:14px}.dbx-steps li:last-child{border-bottom:0}.dbx-steps li::before{grid-row:span 2}}

.dbx-numbered,.dbx-flow{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:n}
.dbx-numbered li,.dbx-flow li{counter-increment:n;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;padding:16px 18px;background:var(--dbx-surface);border:1px solid var(--dbx-line);border-radius:12px;margin:0}
.dbx-numbered li::before,.dbx-flow li::before{content:counter(n);grid-row:span 2;width:30px;height:30px;border-radius:8px;background:var(--dbx-ink);color:#fff;display:grid;place-items:center;font:600 .9rem/1 var(--dbx-display)}
.dbx-flow li::before{border-radius:50%;background:transparent;border:2px solid var(--dbx-gold-deep);color:var(--dbx-gold-text)}
.dbx-flow li:nth-child(4){border:2px solid var(--dbx-gold-deep);background:color-mix(in srgb,var(--dbx-gold) 9%,#fff)}
.dbx-flow li:nth-child(4)::before{background:var(--dbx-gold);color:var(--dbx-ink);border-color:var(--dbx-gold)}
.dbx-numbered strong,.dbx-flow strong{font-family:var(--dbx-display);font-weight:600}
.dbx-numbered span,.dbx-flow span{color:var(--dbx-muted);font-size:.94rem}

/* ---------- table ---------- */
.dbx-compare{overflow-x:auto;margin:0}
.dbx-compare table{min-width:720px;background:var(--dbx-surface);border:0;box-shadow:var(--dbx-d4);border-radius:var(--dbx-r);border-collapse:separate;border-spacing:0;overflow:hidden;table-layout:auto}
.dbx-compare th,.dbx-compare td{text-align:left;padding:14px 16px;vertical-align:top;border:0;border-bottom:1px solid var(--dbx-line)}
.dbx-compare tbody tr:last-child td{border-bottom:0}
.dbx-compare thead th{font:600 .9rem/1.3 var(--dbx-display);background:var(--dbx-stone)}
.dbx-compare td{color:var(--dbx-muted)}
.dbx-compare td:first-child{font-weight:600;color:var(--dbx-ink)}
.dbx-compare td:nth-child(4){background:var(--dbx-gold-tint);color:var(--dbx-ink);font-weight:600}
.dbx-compare thead th:nth-child(4){background:var(--dbx-gold);color:var(--dbx-ink)}

/* ---------- faq / details ---------- */
.dbx-faq{display:grid;gap:10px}
.dbx-faq>*{margin:0!important}
.dbx-faq details{background:var(--dbx-surface);border-radius:12px;box-shadow:var(--dbx-d4)}
.dbx-faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 18px;font-weight:600;position:relative}
.dbx-faq summary::-webkit-details-marker{display:none}
.dbx-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font:500 1.4rem/1 var(--dbx-display);color:var(--dbx-gold-text)}
.dbx-faq details[open] summary::after{content:"−"}
.dbx-faq details p{padding:0 18px 18px;color:var(--dbx-muted);margin:0}
.dbx-reveal summary{display:inline-flex;cursor:pointer;list-style:none;background:var(--dbx-gold);color:var(--dbx-ink);font-weight:600;padding:12px 18px;border-radius:4px}
.dbx-reveal summary::-webkit-details-marker{display:none}
.dbx-reveal[open] summary{display:none}
.dbx-msg{padding:18px;border-radius:14px;border:1px solid var(--dbx-line);background:var(--dbx-surface);font-size:.95rem}
.dbx-msg small{display:block;font-family:var(--dbx-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dbx-muted);margin-bottom:10px}
.dbx-msg-out{background:var(--dbx-stone)}

/* ---------- detail pages ---------- */
.dbx-detail{gap:48px!important}
.dbx-block{display:grid;gap:16px;padding-block:32px;border-top:1px solid var(--dbx-line)}
.dbx-block>*{margin:0!important}
.wp-block-column>.dbx-block:first-child{border-top:0;padding-top:0}
.dbx-aside{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 96px);display:grid;gap:16px}
.dbx-aside>*{margin:0!important}
.dbx-aside .dbx-card{padding:22px}
@media (max-width:781px){.dbx-aside{position:static}}

/* ---------- trust strip ---------- */
.dbx-trust-band{background:var(--dbx-surface);padding-block:28px;border-bottom:1px solid var(--dbx-line)}
.dbx-trust{margin-block:0!important}
.dbx-trust-in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 36px}
.dbx-clients{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 32px}
.dbx-clients li{font-weight:600;font-size:1.0625rem;line-height:1.2;color:var(--dbx-ink);opacity:.8;letter-spacing:-.01em}

/* ---------- take the next step ---------- */
.dbx-next-step{background:var(--dbx-surface);border-top:1px solid var(--dbx-line)}
.dbx-step-card .wp-block-buttons,.dbx-step-actions{margin-top:auto!important;padding-top:8px}
.dbx-step-actions{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.dbx-step-actions>*{margin:0!important}
.dbx-step-actions .dbx-wa-wrap{margin:0}
.dbx-step-alt{margin:0}

/* legacy final CTA band (kept for pages edited before the redesign) */
.dbx-final{padding-block:clamp(56px,8vw,96px)}
.dbx-final h2{margin:0 0 14px}
.dbx-final-grid{gap:36px!important;margin:0}

/* ---------- article ---------- */
.dbx-article p,.dbx-article li{font-size:1.05rem}
.dbx-article h2{font-size:1.5rem;margin-block:34px 10px}
.dbx-byline{font-size:.875rem;color:var(--dbx-muted);margin-top:18px}
.dbx-article-hero .wp-block-post-terms a{color:var(--dbx-gold-text);font-weight:600}
.dbx-next{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:28px!important}
.dbx-next>*{margin:0!important}
.dbx-page-content{padding-block:48px}

/* ---------- query cards ---------- */
.dbx-post-grid .dbx-card h3{font-size:1.15rem;line-height:1.25}
.dbx-post-grid .wp-block-post-excerpt__excerpt{color:var(--dbx-muted);margin:0}
.dbx-post-grid .wp-block-post-excerpt__more-text{margin-top:10px}
@media (max-width:900px){.dbx-post-grid{grid-template-columns:1fr!important}}

/* ---------- forms ---------- */
.dbx-form-card{background:var(--dbx-surface);border:0;box-shadow:var(--dbx-d8);border-radius:var(--dbx-r-lg);padding:clamp(22px,3.5vw,36px)}
.dbx-anchor{scroll-margin-top:110px}
.dbx-form{display:grid;gap:16px}
.dbx-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.dbx-row{grid-template-columns:1fr}}
.dbx-fld{display:grid;gap:6px;min-width:0}
.dbx-fld label,.dbx-fld legend{font-size:.88rem;font-weight:600}
.dbx-fld fieldset{border:0;margin:0;padding:0;min-width:0}
.dbx-opt{font-weight:400;color:var(--dbx-muted)}
.dbx-form input[type=text],.dbx-form input[type=email],.dbx-form input[type=tel],.dbx-form select,.dbx-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--dbx-ink);background:var(--dbx-surface);border:1.5px solid var(--dbx-field);border-radius:4px;padding:11px 14px}
.dbx-form textarea{min-height:120px;resize:vertical}
.dbx-form input:focus,.dbx-form select:focus,.dbx-form textarea:focus{outline:none;border-color:var(--dbx-gold-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--dbx-gold) 30%,transparent)}
.dbx-form [aria-invalid="true"]{border-color:var(--dbx-danger)!important}
.dbx-ferr{color:var(--dbx-danger);font-size:.84rem;margin:0}
.dbx-seg{display:flex;flex-wrap:wrap;gap:8px}
.dbx-seg label{position:relative;font-weight:500}
.dbx-seg input{position:absolute;opacity:0;pointer-events:none}
.dbx-seg span{display:inline-block;padding:10px 16px;border-radius:999px;border:1.5px solid var(--dbx-line);cursor:pointer;font-size:.93rem}
.dbx-seg input:checked+span{background:var(--dbx-ink);color:#fff;border-color:var(--dbx-ink)}
.dbx-seg input:focus-visible+span{outline:3px solid var(--dbx-gold);outline-offset:2px}
.dbx-check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--dbx-muted)}
.dbx-check input{margin-top:4px;width:18px;height:18px;accent-color:var(--dbx-gold-deep);flex:none}
.dbx-privacy-line{font-size:.86rem;color:var(--dbx-muted);margin:0}
.dbx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.dbx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dbx-status{display:grid;gap:10px;padding:22px;border-radius:14px;border:1.5px solid var(--dbx-ok);background:color-mix(in srgb,var(--dbx-ok) 9%,transparent)}
.dbx-status.err{border-color:var(--dbx-danger);background:color-mix(in srgb,var(--dbx-danger) 8%,transparent)}
.dbx-status b{font:600 1.1rem/1.3 var(--dbx-display)}
.dbx-status p{color:var(--dbx-muted);font-size:.94rem;margin:0}
.dbx-status code{font-family:var(--dbx-code);font-size:.9rem;color:var(--dbx-ink)}
.dbx-spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:dbxspin .7s linear infinite;display:inline-block}
@keyframes dbxspin{to{transform:rotate(360deg)}}

/* ---------- contact ---------- */
.dbx-channels{display:grid;gap:14px}
.dbx-channel{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:18px;border:1px solid var(--dbx-line);border-radius:14px;background:var(--dbx-surface)}
.dbx-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--dbx-stone);color:var(--dbx-gold-text)}
.dbx-ico-wa{background:color-mix(in srgb,#1E9E55 15%,transparent);color:#1E9E55}
.dbx-ico svg{width:22px;height:22px}
.dbx-channel small{display:block;color:var(--dbx-muted);font-size:.8rem}
.dbx-val{font-weight:600;word-break:break-word;color:var(--dbx-ink)}
.dbx-copy{margin-left:8px;background:none;border:1px solid var(--dbx-line);color:var(--dbx-muted);border-radius:7px;padding:3px 9px;font:500 .76rem/1.4 inherit;cursor:pointer}

/* ---------- assessment ---------- */
.dbx-asm{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
@media (max-width:900px){.dbx-asm{grid-template-columns:1fr}}
.dbx-progress{height:8px;background:var(--dbx-stone);border-radius:99px;overflow:hidden;border:1px solid var(--dbx-line)}
.dbx-progress div{height:100%;background:var(--dbx-gold);transition:width .3s}
.dbx-qcard{background:var(--dbx-surface);border:0;box-shadow:var(--dbx-d8);border-radius:var(--dbx-r-lg);padding:clamp(22px,3.5vw,36px);display:grid;gap:22px}
.dbx-qcard legend{font:600 clamp(1.15rem,2vw,1.4rem)/1.35 var(--dbx-display);padding:0;margin-bottom:18px;text-wrap:balance}
.dbx-qcard fieldset{border:0;margin:0;padding:0;min-width:0}
.dbx-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:640px){.dbx-scale{grid-template-columns:1fr 1fr}}
.dbx-scale label{position:relative}
.dbx-scale input{position:absolute;opacity:0;pointer-events:none}
.dbx-scale span{display:grid;gap:4px;height:100%;padding:14px;border:1.5px solid var(--dbx-line);border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem}
.dbx-scale span small{font-weight:400;color:var(--dbx-muted);font-size:.8rem;line-height:1.35}
.dbx-scale span em{font-family:var(--dbx-mono);font-size:.74rem;font-style:normal;color:var(--dbx-muted)}
.dbx-scale input:checked+span{border-color:var(--dbx-gold-deep);background:color-mix(in srgb,var(--dbx-gold) 16%,transparent)}
.dbx-scale input:focus-visible+span{outline:3px solid var(--dbx-gold);outline-offset:2px}
.dbx-qnav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dbx-dimlist{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.88rem}
.dbx-dimlist li{display:flex;justify-content:space-between;gap:10px;color:var(--dbx-muted)}
.dbx-dimlist li.done{color:var(--dbx-ink)}
.dbx-dimlist li.cur{color:var(--dbx-gold-text);font-weight:600}
.dbx-dimlist b{font-family:var(--dbx-mono);font-weight:500;font-variant-numeric:tabular-nums}
.dbx-result-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
@media (max-width:640px){.dbx-result-head{grid-template-columns:1fr}}
.dbx-dial{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-family:var(--dbx-display)}
.dbx-dial>div{width:118px;height:118px;border-radius:50%;background:var(--dbx-bg);display:grid;place-items:center;text-align:center}
.dbx-dial b{font-size:2.6rem;line-height:1;font-weight:700;display:block}
.dbx-dial small{display:block;font-size:.85rem;color:var(--dbx-muted)}
.dbx-dimbars{display:grid;gap:10px}
.dbx-dimbar{display:grid;grid-template-columns:minmax(120px,190px) 1fr 34px;gap:12px;align-items:center;font-size:.9rem}
.dbx-dimbar .t{height:10px;border-radius:99px;background:var(--dbx-stone);overflow:hidden;border:1px solid var(--dbx-line)}
.dbx-dimbar .t div{height:100%;background:var(--dbx-gold)}
.dbx-dimbar .t div.low{background:var(--dbx-danger)}
.dbx-dimbar b{font-family:var(--dbx-mono);font-weight:500;font-size:.82rem;text-align:right}
@media (max-width:520px){.dbx-dimbar{grid-template-columns:1fr 34px}.dbx-dimbar .t{grid-column:1/-1;grid-row:2}}
.dbx-flag{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:16px 18px;border-radius:12px;border:1.5px solid var(--dbx-danger);background:color-mix(in srgb,var(--dbx-danger) 7%,transparent);font-size:.94rem}
.dbx-actions-list{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:a}
.dbx-actions-list li{counter-increment:a;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 18px;background:var(--dbx-surface);border:1px solid var(--dbx-line);border-radius:12px}
.dbx-actions-list li::before{content:counter(a);width:30px;height:30px;border-radius:8px;background:var(--dbx-ink);color:#fff;display:grid;place-items:center;font:600 .9rem/1 var(--dbx-display)}
.dbx-actions-list b{display:block;font-family:var(--dbx-display);font-weight:600;margin-bottom:2px}
.dbx-actions-list span{color:var(--dbx-muted);font-size:.94rem}

/* ---------- dashboard demo ---------- */
.dbx-dash{background:var(--dbx-surface);border:0;box-shadow:var(--dbx-d8);border-radius:var(--dbx-r-lg);padding:clamp(16px,3vw,28px);display:grid;gap:18px;margin-bottom:28px!important}
.dbx-dash-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.dbx-dash h3,.dbx-dash h4{margin:0}
.dbx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:760px){.dbx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dbx-kpi{padding:16px;border:1px solid var(--dbx-line);border-radius:12px;background:var(--dbx-tint);min-width:0}
.dbx-kpi small{display:block;color:var(--dbx-muted);font-size:.8rem}
.dbx-kpi b{font:600 1.7rem/1.2 var(--dbx-display);font-variant-numeric:tabular-nums}
.dbx-kpi span{font-size:.8rem;color:var(--dbx-teal);font-weight:600}
.dbx-charts{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
@media (max-width:860px){.dbx-charts{grid-template-columns:1fr}}
.dbx-chart{border:1px solid var(--dbx-line);border-radius:12px;padding:16px;background:var(--dbx-tint);min-width:0}
.dbx-chart h4{font-size:.95rem;margin-bottom:10px}
.dbx-chart svg{width:100%;height:auto;display:block}
.dbx-legend{display:flex;gap:16px;font-size:.8rem;color:var(--dbx-muted);margin-top:8px;flex-wrap:wrap}
.dbx-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.dbx-funnel{display:grid;gap:10px}
.dbx-fn{display:grid;grid-template-columns:110px 1fr 54px;gap:10px;align-items:center;font-size:.86rem}
.dbx-fn .t{height:22px;border-radius:6px;background:var(--dbx-stone);overflow:hidden}
.dbx-fn .t div{height:100%;background:var(--dbx-teal);border-radius:6px}
.dbx-fn b{font-family:var(--dbx-mono);font-weight:500;text-align:right}
.dbx-tablewrap{overflow-x:auto}
.dbx-tablewrap table{border-collapse:collapse;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}
.dbx-tablewrap th,.dbx-tablewrap td{padding:8px 10px;border-bottom:1px solid var(--dbx-line);text-align:right}
.dbx-tablewrap th:first-child,.dbx-tablewrap td:first-child{text-align:left}

/* ---------- checklist ---------- */
.dbx-cl-count{color:var(--dbx-muted);margin:0 0 16px}
.dbx-cl{display:grid;gap:10px}
.dbx-cl label{display:grid;grid-template-columns:24px 1fr;gap:14px;padding:16px 18px;border:1px solid var(--dbx-line);border-radius:12px;background:var(--dbx-surface);cursor:pointer}
.dbx-cl input{width:20px;height:20px;accent-color:var(--dbx-gold-deep);margin-top:3px}
.dbx-cl b{display:block;font-family:var(--dbx-display);font-weight:600}
.dbx-cl span span{color:var(--dbx-muted);font-size:.93rem}

/* ---------- footer ---------- */
.dbx-footer{background:#F3F1EC;color:var(--dbx-ink);padding-block:0 28px;border-top:1px solid var(--dbx-line)}
.dbx-footer a:not(.dbx-btn){color:var(--dbx-muted)}
.dbx-footer a:not(.dbx-btn):hover{color:var(--dbx-ink);text-decoration:underline}
.dbx-footer-brand{gap:20px;padding-block:32px;border-bottom:1px solid var(--dbx-line);margin-bottom:36px!important}
.dbx-footer-id{gap:12px 24px}
.dbx-footer-id>*{margin:0!important}
.dbx-footer-brand .dbx-wa-wrap{margin:0}
.dbx-footer-cols{gap:32px!important}
.dbx-footer-tag{color:var(--dbx-muted);font-size:.9375rem;max-width:46ch;margin:0}
.dbx-footer-h{font-family:var(--dbx-display)!important;font-weight:600!important;font-size:.9375rem!important;letter-spacing:0;color:var(--dbx-ink);margin:0 0 14px!important}
.dbx-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.875rem}
.dbx-footer-list li{color:var(--dbx-muted)}
.dbx-legal{margin-top:44px;padding-top:20px;border-top:1px solid var(--dbx-line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8125rem;color:var(--dbx-muted)}
.dbx-legal nav{display:flex;gap:20px;flex-wrap:wrap}
.dbx-legal a{color:var(--dbx-muted)!important}
.dbx-wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:50;width:56px;height:56px;border-radius:50%;background:#1A7F45;color:#fff;display:grid;place-items:center;box-shadow:var(--dbx-d16)}
.dbx-wa-float:hover{background:#146B39;color:#fff}

/* ---------- host compatibility (GoDaddy Managed WordPress) ---------- */
/* Grids: auto-fit with pixel minimums so rows always fill, whatever the visitor's base font size. */
.wp-block-group.is-layout-grid.dbx-grid,.wp-block-group.is-layout-grid.dbx-post-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important}
.wp-block-group.is-layout-grid.dbx-grid:has(>.dbx-outcome){grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}
.wp-block-group.is-layout-grid.dbx-grid:has(>.dbx-problem){grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important}
.wp-block-group.is-layout-grid.dbx-chips{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))!important}
/* Pre-installed sticky-header plugins (e.g. DesignSetGo) pin the header and cover the in-page jump bar.
   The design keeps the header in flow; the jump bar is the sticky element. */
.wp-site-blocks>header.wp-block-template-part,.wp-site-blocks>.wp-block-template-part:first-child{position:relative!important;top:auto!important;box-shadow:none!important;transform:none!important}
.wp-site-blocks>header.wp-block-template-part[class*="dsgo-sticky"]{background:transparent!important}
/* Scroll-reveal animations from page-builder plugins must not hide theme content. */
.dbx-main [class*="coblocks-animate"]{opacity:1!important;transform:none!important;animation:none!important}

/* ---------- design QA fixes (v1.2.1) ---------- */
/* Logo: large enough for the "Build Smart. Grow Fast." lockup to read. */
.dbx-logo img{max-height:none;width:168px!important;height:auto}
.dbx-footer-logo img{max-height:none;width:156px!important;height:auto}
@media (max-width:599px){.dbx-logo img{width:144px!important}}
/* Breadcrumb separated from the eyebrow label. */
.dbx-crumbs{margin:0 0 14px!important}
/* Prompt chips: even two-column grid. */
.dbx-prompts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dbx-prompt{border-radius:12px;align-items:center;padding:14px 16px;min-height:0;height:auto}
.dbx-prompt span{margin-top:1px}
@media (max-width:640px){.dbx-prompts{grid-template-columns:1fr}}
/* Scope chips: tiles, not pills, so two-line items stay tidy. */
.dbx-chip{border-radius:12px!important;padding:12px 16px!important;display:flex;align-items:center;line-height:1.35}
/* Method steps inside the narrow detail column: vertical list. */
.dbx-detail .dbx-steps{grid-template-columns:1fr!important}
.dbx-detail .dbx-steps li{border-right:0!important;border-bottom:1px solid var(--dbx-line);grid-template-columns:32px 1fr;column-gap:14px;padding:18px 20px}
.dbx-detail .dbx-steps li:last-child{border-bottom:0}
.dbx-detail .dbx-steps li::before{grid-row:span 2}
/* Notes under grids get breathing room. */
.dbx-grid+.dbx-small,.dbx-chips+.dbx-small,.dbx-grid+p,.dbx-chips+.dbx-note{margin-top:16px!important}
/* Next-step cards: one action each, on a shared baseline. */
.dbx-step-card p a{color:var(--dbx-gold-text);font-weight:600}
.dbx-step-actions .dbx-wa-wrap,.dbx-step-actions .dbx-btn{margin:0}
/* WhatsApp buttons in brand graphite with the WhatsApp-green mark (floating bubble stays green). */
.dbx-btn.dbx-btn-wa{background:var(--dbx-ink)!important;color:#fff!important;border-color:var(--dbx-ink)!important}
.dbx-btn.dbx-btn-wa svg{color:#25D366}
.dbx-btn.dbx-btn-wa:hover{background:#000!important}
.dbx-btn.dbx-btn-line svg{color:#1A7F45}
.dbx-band .dbx-btn.dbx-btn-line svg{color:#25D366}
/* Article: header summary aligned with the headline; section headings spaced. */
.dbx-article-hero>.dbx-lede{margin-left:max(0px,calc((100% - 760px) / 2))!important;margin-right:auto!important;max-width:62ch}
.dbx-article .wp-block-post-content>h2{margin-block:40px 10px!important;font-size:1.5rem}
.dbx-article .wp-block-post-content>h3{margin-block:28px 8px!important}
.dbx-article .wp-block-post-content>p+p,.dbx-article .wp-block-post-content>ul,.dbx-article .wp-block-post-content>ol{margin-top:14px!important}

/* ---------- hardening against host / plugin form & button styles ----------
   Some pre-installed plugins (e.g. DesignSetGo "contrast fallback") restyle every input and <button>
   with high-specificity selectors and an undefined colour variable, which removes borders and fills. */
body .wp-site-blocks .dbx-form input:is([type=text],[type=email],[type=tel],[type=url],[type=number]),
body .wp-site-blocks .dbx-form select,
body .wp-site-blocks .dbx-form textarea{
  display:block!important;width:100%!important;box-sizing:border-box!important;
  background:#fff!important;color:var(--dbx-ink)!important;
  border:1.5px solid var(--dbx-field)!important;border-radius:4px!important;
  font:400 1rem/1.4 var(--wp--preset--font-family--body)!important;
  padding:11px 14px!important;margin:0!important;box-shadow:none!important;opacity:1!important}
body .wp-site-blocks .dbx-form input:is([type=text],[type=email],[type=tel],[type=url],[type=number]),
body .wp-site-blocks .dbx-form select{height:48px!important}
body .wp-site-blocks .dbx-form select{appearance:none!important;-webkit-appearance:none!important;padding-right:40px!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231C2026' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center!important}
body .wp-site-blocks .dbx-form textarea{min-height:128px!important;resize:vertical}
body .wp-site-blocks .dbx-form ::placeholder{color:#8A9099!important;opacity:1}
body .wp-site-blocks .dbx-form :is(input,select,textarea):hover{border-color:var(--dbx-ink)!important}
body .wp-site-blocks .dbx-form :is(input,select,textarea):focus{outline:none!important;border-color:var(--dbx-ink)!important;box-shadow:0 0 0 3px var(--dbx-gold)!important}
body .wp-site-blocks .dbx-form [aria-invalid="true"]{border-color:var(--dbx-danger)!important}
body .wp-site-blocks .dbx-form input[type=checkbox]{width:18px!important;height:18px!important;accent-color:var(--dbx-ink);border:1.5px solid var(--dbx-field)!important}
body .wp-site-blocks .dbx-fld label,body .wp-site-blocks .dbx-fld legend{color:var(--dbx-ink)!important;font-weight:600}
body .wp-site-blocks .dbx-row{align-items:end}
/* Buttons */
body .wp-site-blocks .dbx-btn{border-style:solid!important;border-width:1.5px!important;opacity:1!important;text-decoration:none!important}
body .wp-site-blocks .dbx-btn.dbx-btn-gold{background:var(--dbx-gold)!important;color:var(--dbx-ink)!important;border-color:var(--dbx-gold)!important}
body .wp-site-blocks .dbx-btn.dbx-btn-gold:hover{background:var(--dbx-gold-deep)!important;border-color:var(--dbx-gold-deep)!important}
body .wp-site-blocks .dbx-btn.dbx-btn-line{background:transparent!important;color:var(--dbx-ink)!important;border-color:var(--dbx-ink)!important}
body .wp-site-blocks .dbx-band .dbx-btn.dbx-btn-line{color:var(--dbx-band-fg)!important;border-color:var(--dbx-band-fg)!important}
body .wp-site-blocks .wp-block-button.is-style-outline>.wp-block-button__link{border:1.5px solid var(--dbx-ink)!important;color:var(--dbx-ink)!important;background:transparent!important}
body .wp-site-blocks .dbx-band .wp-block-button.is-style-outline>.wp-block-button__link{border-color:var(--dbx-band-fg)!important;color:var(--dbx-band-fg)!important}
body .wp-site-blocks .wp-block-button:not(.is-style-outline)>.wp-block-button__link{background:var(--dbx-gold)!important;color:var(--dbx-ink)!important}
body .wp-site-blocks .wp-block-button:not(.is-style-outline)>.wp-block-button__link:hover{background:var(--dbx-gold-deep)!important}
/* Selectable cards in forms and assessments */
body .wp-site-blocks .dbx-seg span,body .wp-site-blocks .dbx-scale span{background:#fff!important;border:1.5px solid var(--dbx-line)!important;color:var(--dbx-ink)!important}
body .wp-site-blocks .dbx-seg input:checked+span{background:var(--dbx-ink)!important;color:#fff!important;border-color:var(--dbx-ink)!important}
body .wp-site-blocks .dbx-scale input:checked+span{background:var(--dbx-gold-tint)!important;border-color:var(--dbx-gold-deep)!important}
body .wp-site-blocks .dbx-pill{border:0!important}
body .wp-site-blocks .dbx-pill[aria-selected="true"]{background:var(--dbx-ink)!important;color:#fff!important}
body .wp-site-blocks .dbx-pill[aria-selected="false"]{background:#E5E1D8!important;color:var(--dbx-ink)!important}

/* Theme components own their link colours (editor content keeps Global Styles). */
.dbx-privacy-line a,.dbx-check a,.dbx-note a,.dbx-card p a,.dbx-status a,.dbx-route a:not(.dbx-btn):not(.wp-block-button__link){color:var(--dbx-gold-text)!important;text-decoration:underline;text-underline-offset:.18em}
.dbx-band .dbx-note a,.dbx-route a:not(.dbx-btn):not(.wp-block-button__link){color:var(--dbx-gold)!important}
.custom-logo-link,.dbx-logo a,.dbx-footer-logo a{color:inherit!important}

/* ---------- v1.2.2: consistent box sizing ----------
   Assessment answer cards used height:100% plus padding; without border-box sizing they overflowed
   by ~30px onto the Back/Next buttons. All theme components now size with border-box. */
.dbx-main [class*="dbx-"],.dbx-main [class*="dbx-"]::before,.dbx-main [class*="dbx-"]::after,
.dbx-scale span,.dbx-seg span,.dbx-cl label,.dbx-cl span{box-sizing:border-box}
.dbx-scale label{display:flex}
.dbx-scale span{height:auto!important;flex:1 1 auto;width:100%}

/* ---------- Roadmap infographic (About: connected model, v1.2.2) ---------- */
body .wp-site-blocks ol.dbx-roadmap{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));counter-reset:rm;position:relative}
.dbx-roadmap::before{content:"";position:absolute;top:22px;left:calc(100% / 12);right:calc(100% / 12);height:4px;border-radius:4px;background:linear-gradient(90deg,var(--dbx-ink),var(--dbx-ink) 55%,var(--dbx-gold));z-index:0}
.dbx-roadmap li{counter-increment:rm;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 8px;margin:0;text-align:center}
.dbx-roadmap li::before{content:counter(rm,decimal-leading-zero);box-sizing:border-box;width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:var(--dbx-ink);color:#fff;font:600 .95rem/1 var(--dbx-display);border:4px solid var(--dbx-tint);box-shadow:0 0 0 2px var(--dbx-ink)}
.dbx-roadmap li:last-child::before{background:var(--dbx-gold);color:var(--dbx-ink);box-shadow:0 0 0 2px var(--dbx-gold)}
.dbx-roadmap .dbx-rm-card{box-sizing:border-box;position:relative;display:block;flex:1 1 auto;width:100%;margin-top:26px;padding:18px 16px;background:var(--dbx-surface);border:1px solid var(--dbx-line);border-radius:14px;box-shadow:var(--dbx-d2,0 2px 8px rgba(28,32,38,.06))}
.dbx-roadmap .dbx-rm-card::before{content:"";position:absolute;top:-27px;left:50%;width:2px;height:26px;margin-left:-1px;background:var(--dbx-line)}
.dbx-roadmap li:last-child .dbx-rm-card{border-color:var(--dbx-gold);background:var(--dbx-gold-tint)}
.dbx-roadmap .dbx-rm-card strong{display:block;font-family:var(--dbx-display);font-weight:600;font-size:1rem;line-height:1.3;color:var(--dbx-ink);margin-bottom:6px}
.dbx-roadmap .dbx-rm-card span{display:block;color:var(--dbx-muted);font-size:.9rem;line-height:1.5}
@media (max-width:960px){
  body .wp-site-blocks ol.dbx-roadmap{grid-template-columns:1fr;row-gap:14px}
  .dbx-roadmap::before{display:none}
  .dbx-roadmap li:not(:last-child)::after{content:"";position:absolute;left:22px;top:48px;bottom:-14px;width:4px;background:var(--dbx-ink);z-index:-1}
  .dbx-roadmap li:nth-last-child(2)::after{background:linear-gradient(180deg,var(--dbx-ink),var(--dbx-gold))}
  .dbx-roadmap li{flex-direction:row;align-items:flex-start;gap:16px;padding:0;text-align:left}
  .dbx-roadmap .dbx-rm-card{margin-top:0}
  .dbx-roadmap .dbx-rm-card::before{top:22px;left:-16px;width:16px;height:2px;margin:0}
}

/* All-fields-required forms (v1.2.2) */
.dbx-form .dbx-fld[hidden]{display:none!important}

/* ---------- Cookie consent banner (v1.2.2) ---------- */
.dbx-cc{position:fixed;left:16px;bottom:16px;z-index:9999;width:min(680px,calc(100vw - 32px));box-sizing:border-box;background:var(--dbx-surface);color:var(--dbx-ink);border:1px solid var(--dbx-line);border-top:4px solid var(--dbx-gold);border-radius:14px;box-shadow:0 18px 48px rgba(28,32,38,.22);font-family:var(--wp--preset--font-family--body,inherit)}
.dbx-cc[hidden]{display:none!important}
.dbx-cc *{box-sizing:border-box}
.dbx-cc-inner{padding:20px 22px;display:grid;gap:12px;max-height:calc(100vh - 48px);overflow:auto}
.dbx-cc .dbx-cc-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--dbx-ink)}
.dbx-cc .dbx-cc-text{margin:0;font-size:.9rem;line-height:1.55;color:var(--dbx-muted)}
.dbx-cc a{color:var(--dbx-gold-text)!important;text-decoration:underline}
.dbx-cc-panel{display:grid;gap:8px}
.dbx-cc-panel[hidden]{display:none}
.dbx-cc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--dbx-line);border-radius:10px;background:var(--dbx-tint);cursor:pointer;margin:0}
.dbx-cc-row div{display:grid;gap:2px}
.dbx-cc-row b{font-size:.9rem;color:var(--dbx-ink)}
.dbx-cc-row div span{font-size:.82rem;color:var(--dbx-muted);line-height:1.45}
.dbx-cc-always{font-size:.8rem;font-weight:600;color:var(--dbx-gold-text);white-space:nowrap}
.dbx-cc .dbx-cc-switch{appearance:none;-webkit-appearance:none;flex:0 0 44px;width:44px;height:24px;margin:0;border-radius:999px;background:#9AA0A8;position:relative;cursor:pointer;transition:background .15s;border:0}
.dbx-cc .dbx-cc-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.dbx-cc .dbx-cc-switch:checked{background:var(--dbx-ink)}
.dbx-cc .dbx-cc-switch:checked::after{transform:translateX(20px);background:var(--dbx-gold)}
.dbx-cc .dbx-cc-switch:focus-visible{outline:2px solid var(--dbx-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--dbx-gold)}
.dbx-cc-actions{display:flex;flex-wrap:wrap;gap:10px}
.dbx-cc .dbx-btn{font-size:.9rem;padding:10px 18px}
.dbx-cc .dbx-btn[hidden]{display:none}
.dbx-cc .dbx-btn.dbx-btn-gold{background:var(--dbx-gold)!important;color:var(--dbx-ink)!important;border-color:var(--dbx-gold)!important}
.dbx-cc .dbx-btn.dbx-btn-line{background:transparent!important;color:var(--dbx-ink)!important;border-color:var(--dbx-ink)!important;padding:8.5px 16.5px}
.dbx-cc-open .dbx-wa-float{display:none}
@media (max-width:600px){.dbx-cc{left:8px;bottom:8px;width:calc(100vw - 16px)}.dbx-cc-inner{padding:16px}.dbx-cc-actions .dbx-btn{flex:1 1 100%}}
.dbx-legal .dbx-cookie-settings{cursor:pointer}

/* ---------- Legal tables (Privacy Notice, Cookie Policy) ---------- */
.dbx-article .wp-block-table.dbx-table{margin:18px 0 22px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dbx-article .dbx-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem;line-height:1.5;table-layout:auto}
.dbx-article .dbx-table th,.dbx-article .dbx-table td{border:0;border-bottom:1px solid var(--dbx-line);padding:10px 12px;text-align:left;vertical-align:top}
.dbx-article .dbx-table thead th{background:var(--dbx-tint);color:var(--dbx-ink);font-weight:600;border-bottom:2px solid var(--dbx-ink)}
.dbx-article .dbx-table td:first-child{font-weight:600;color:var(--dbx-ink)}
.dbx-article .dbx-table td{color:var(--dbx-muted)}
.dbx-article .dbx-table a{color:var(--dbx-gold-text)!important}
.dbx-article h2[id]{scroll-margin-top:96px}
.dbx-article .dbx-table table.has-fixed-layout{table-layout:auto!important}
.dbx-article .dbx-table th,.dbx-article .dbx-table td{overflow-wrap:normal;word-break:normal;hyphens:manual}
.dbx-article .dbx-table td:first-child{overflow-wrap:anywhere;min-width:9ch}
/* Legal pages: paragraph rhythm */
.dbx-sec.dbx-article p,.dbx-sec.dbx-article ul,.dbx-sec.dbx-article ol{margin-block:0 .9em}
.dbx-sec.dbx-article li{margin-block:.25em}
.dbx-sec.dbx-article h2+p,.dbx-sec.dbx-article h2+ul,.dbx-sec.dbx-article h2+ol{margin-block-start:0}