body.page-template-demandscience-dark{margin:0;background:#070b1a;overflow-x:clip}body.page-template-demandscience-dark .wp-site-blocks>*{margin-block-start:0!important}body.page-template-demandscience-dark .wp-block-post-content,body.page-template-demandscience-dark .entry-content.alignfull.wp-block-post-content{display:block!important;max-width:none!important;padding-right:0!important;padding-left:0!important}.ds-dark,.ds-dark *{box-sizing:border-box}.ds-dark{font-family:Inter,system-ui,sans-serif}.ds-dark h1,.ds-dark h2,.ds-dark h3,.ds-dark h4,.ds-dark h5{font-family:Poppins,Inter,sans-serif}.ds-dark a:focus-visible{border-radius:4px;outline:3px solid #8fb8ff;outline-offset:4px}.ds-dark-outline-letter{color:transparent!important;-webkit-text-stroke:1.5px rgba(143,184,255,.5);paint-order:stroke fill}.ds-dark-results-metric-grid{overflow:hidden}.ds-dark-results-metric-grid>.wp-block-column{margin:0!important}.ds-dark-results-metric-value{white-space:nowrap}.ds-dark-btn .wp-block-button__link{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.ds-dark-btn:hover .wp-block-button__link,.ds-dark-btn .wp-block-button__link:focus-visible{color:#fff!important;background:#d52c5a!important;box-shadow:0 10px 28px rgba(244,2,86,.22);transform:translateY(-1px)}.ds-dark-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.ds-dark-card:hover{border-color:rgba(143,184,255,.48)!important;box-shadow:0 16px 38px rgba(0,0,0,.22);transform:translateY(-2px)}@media(max-width:782px){.ds-dark-science-method>.wp-block-column>.wp-block-group{padding-bottom:28px!important;border-right:0!important;border-bottom:1px solid rgba(143,184,255,.16)!important}.ds-dark-science-method>.wp-block-column:last-child>.wp-block-group{border-bottom:0!important}.ds-dark-results-metric-grid .ds-dark-results-metric-card{border-right:0!important;border-bottom:1px solid rgba(143,184,255,.16)!important}.ds-dark-results-metric-grid>.wp-block-column:last-child .ds-dark-results-metric-card{border-bottom:0!important}}@media(prefers-reduced-motion:reduce){.ds-dark *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}#abm-page {
--abm-bg: #070b1a;
--abm-bg-alt: #0a1024;
--abm-blue: #8fb8ff;
--abm-pink: #ff5c8a;
--abm-primary: #f40256;
background: var(--abm-bg);
color: #fff;
font-family: Inter, system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
}
#abm-page,
#abm-page * {
box-sizing: border-box;
}
#abm-page > * {
margin-block-start: 0 !important;
}
#abm-page :where(h1, h2, h3, p, figure) {
margin-top: 0;
}
#abm-page a {
color: #0366fc;
}
#abm-page .abm-section {
position: relative;
padding: 88px 0;
background: var(--abm-bg);
color: #fff;
overflow: hidden;
}
#abm-page .abm-section:nth-of-type(even) {
background: var(--abm-bg-alt);
}
#abm-page .abm-shell {
position: relative;
z-index: 2;
max-width: 1120px;
margin: 0 auto;
padding: 0 44px;
}
#abm-page .abm-particle-canvas {
position: absolute;
inset: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
#abm-page .abm-centered-copy {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
#abm-page .abm-centered-copy-narrow {
max-width: 680px;
}
#abm-page .abm-eyebrow {
margin: 0 0 20px;
color: var(--abm-blue);
font: 600 13px/1.2 Inter, sans-serif;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#abm-page .abm-eyebrow-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
border: 1px solid rgba(143, 184, 255, 0.3);
border-radius: 100px;
font-size: 12px;
}
#abm-page .abm-eyebrow-pill span {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--abm-blue);
animation: abm-pulse-dot 1.8s infinite;
}
@keyframes abm-pulse-dot {
0%,
100% {
opacity: 0.4;
}
50% {
opacity: 1;
}
}
#abm-page .abm-title {
margin: 0 0 24px;
color: #fff;
font: 700 clamp(36px, 4.6vw, 58px) / 1.1 Poppins, sans-serif;
letter-spacing: -0.03em;
}
#abm-page .abm-title span {
color: var(--abm-pink);
}
#abm-page .abm-heading {
margin: 0 0 22px;
color: #fff;
font: 700 clamp(28px, 3.6vw, 42px) / 1.16 Poppins, sans-serif;
letter-spacing: -0.02em;
}
#abm-page .abm-heading-compact {
font: 700 clamp(26px, 3.2vw, 38px) / 1.18 Poppins, sans-serif;
}
#abm-page .abm-lead {
max-width: 640px;
margin: 0 auto;
color: rgba(255, 255, 255, 0.72);
font: 400 18px/1.62 Inter, sans-serif;
}
#abm-page .abm-lead-first {
margin-bottom: 8px;
}
#abm-page .abm-copy {
margin: 0;
color: rgba(255, 255, 255, 0.7);
font: 400 17px/1.6 Inter, sans-serif;
}
#abm-page .abm-copy + .abm-copy,
#abm-page .abm-copy + .abm-copy-strong {
margin-top: 16px;
}
#abm-page .abm-copy-strong {
margin: 0;
color: #fff;
font: 500 18px/1.6 Inter, sans-serif;
}
#abm-page .abm-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 32px;
}
#abm-page .abm-actions .wp-block-button__link {
padding: 14px 28px;
border-radius: 100px;
font: 600 15px Inter, sans-serif;
text-decoration: none;
}
#abm-page .abm-button-primary .wp-block-button__link {
background: var(--abm-primary);
color: #fff;
}
#abm-page .abm-button-primary .wp-block-button__link:hover,
#abm-page .abm-button-primary .wp-block-button__link:focus-visible {
background: #d40149;
}
#abm-page .abm-button-secondary .wp-block-button__link {
border: 1.5px solid rgba(143, 184, 255, 0.4) !important;
background: transparent;
color: #fff;
}
#abm-page .abm-button-secondary .wp-block-button__link:hover,
#abm-page .abm-button-secondary .wp-block-button__link:focus-visible {
background: rgba(143, 184, 255, 0.12);
}
#abm-page .abm-hero {
padding: 0;
background-color: var(--abm-bg);
background-image: radial-gradient(1000px 600px at 78% 0%, rgba(3, 102, 252, 0.22), transparent 60%);
}
#abm-page .abm-hero .abm-shell {
padding-top: 96px;
padding-bottom: 80px;
}
#abm-page .abm-tipping {
padding: 92px 0;
background: var(--abm-bg-alt);
}
#abm-page .abm-tipping-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
}
#abm-page .abm-network-graphic {
margin: 0;
}
#abm-page .abm-network-graphic img {
display: block;
width: 100%;
height: auto;
}
#abm-page .abm-five-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
margin-top: 52px;
}
#abm-page .abm-small-card,
#abm-page .abm-requirement,
#abm-page .abm-channel-card {
margin: 0;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
background: rgba(255, 255, 255, 0.03);
}
#abm-page .abm-card-title {
margin: 0 0 6px;
color: #fff;
font: 600 13.5px Inter, sans-serif;
}
#abm-page .abm-card-caption {
margin: 0;
color: rgba(255, 255, 255, 0.55);
font: 400 13px/1.5 Inter, sans-serif;
}
#abm-page .abm-tipping-close {
max-width: 760px;
margin: 44px auto 0;
color: #fff;
font: 500 19px/1.6 Inter, sans-serif;
text-align: center;
}
#abm-page .abm-challenge .abm-centered-copy p {
color: rgba(255, 255, 255, 0.72);
font: 400 18px/1.65 Inter, sans-serif;
}
#abm-page .abm-two-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
#abm-page .abm-challenge-grid {
max-width: 900px;
margin: 48px auto 0;
}
#abm-page .abm-challenge-card {
padding: 32px;
border: 1.5px solid;
border-radius: 16px;
}
#abm-page .abm-challenge-card-pink {
border-color: rgba(255, 92, 138, 0.3);
background: rgba(255, 92, 138, 0.06);
}
#abm-page .abm-challenge-card-blue {
border-color: rgba(143, 184, 255, 0.3);
background: rgba(143, 184, 255, 0.06);
}
#abm-page .abm-challenge-title {
margin: 0 0 10px;
font: 700 15px Poppins, sans-serif;
}
#abm-page .abm-challenge-card-pink .abm-challenge-title {
color: var(--abm-pink);
}
#abm-page .abm-challenge-card-blue .abm-challenge-title {
color: var(--abm-blue);
}
#abm-page .abm-challenge-card p {
margin: 0;
color: rgba(255, 255, 255, 0.66);
font: 400 15px/1.6 Inter, sans-serif;
}
#abm-page .abm-challenge-close {
max-width: 760px;
margin: 36px auto 0;
color: #fff;
font: 600 18px/1.6 Poppins, sans-serif;
text-align: center;
}
#abm-page .abm-method {
padding: 92px 0;
background: var(--abm-bg-alt);
}
#abm-page .abm-method-heading {
max-width: 680px;
margin-bottom: 52px;
}
#abm-page .abm-method-heading .abm-heading {
margin-bottom: 0;
}
#abm-page .abm-method-row {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 44px;
align-items: start;
margin-bottom: 56px;
}
#abm-page .abm-method-row:last-child {
margin-bottom: 0;
}
#abm-page .abm-method-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 0 20px;
border-radius: 12px;
}
#abm-page .abm-method-icon img {
display: block;
width: 22px;
height: 22px;
}
#abm-page .abm-method-icon-blue {
background: rgba(143, 184, 255, 0.12);
}
#abm-page .abm-method-icon-pink {
background: rgba(255, 92, 138, 0.12);
}
#abm-page .abm-method-icon-cyan {
background: rgba(3, 102, 252, 0.14);
}
#abm-page .abm-method-title {
margin: 0 0 10px;
color: #fff;
font: 700 22px Poppins, sans-serif;
}
#abm-page .abm-method-copy {
margin: 0;
color: rgba(255, 255, 255, 0.66);
font: 400 15.5px/1.6 Inter, sans-serif;
}
#abm-page .abm-method-copy + .abm-method-outcome {
margin-top: 14px;
}
#abm-page .abm-method-outcome {
margin: 0;
color: #fff;
font: 500 15.5px/1.6 Inter, sans-serif;
}
#abm-page .abm-prioritization {
padding: 28px;
border: 1px solid rgba(143, 184, 255, 0.16);
border-radius: 20px;
background: rgba(255, 255, 255, 0.04);
}
#abm-page .abm-prioritization:hover {
border-color: rgba(143, 184, 255, 0.4);
background: rgba(255, 255, 255, 0.06);
}
#abm-page .abm-mini-label {
margin: 0 0 16px;
color: rgba(255, 255, 255, 0.45);
font: 600 12px Inter, sans-serif;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#abm-page .abm-priority-item {
position: relative;
margin: 0;
padding-left: 28px;
color: rgba(255, 255, 255, 0.62);
font: 400 14.5px/1.5 Inter, sans-serif;
}
#abm-page .abm-priority-item + .abm-priority-item {
margin-top: 14px;
}
#abm-page .abm-priority-item > span {
position: absolute;
left: 0;
color: var(--abm-blue);
font-weight: 700;
}
#abm-page .abm-priority-item strong {
color: #fff;
font-weight: 600;
}
#abm-page .abm-channel-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
#abm-page .abm-channel-card {
padding: 16px;
border-radius: 12px;
text-align: center;
}
#abm-page .abm-channel-title {
margin: 0;
color: #fff;
font: 600 13px Inter, sans-serif;
}
#abm-page .abm-channel-copy {
margin: 4px 0 0;
color: rgba(255, 255, 255, 0.5);
font: 400 11.5px Inter, sans-serif;
}
#abm-page .abm-channel-card-accent {
border-color: rgba(255, 92, 138, 0.3);
background: rgba(255, 92, 138, 0.08);
}
#abm-page .abm-channel-card-accent .abm-channel-title {
color: var(--abm-pink);
}
#abm-page .abm-channel-card-accent .abm-channel-copy {
color: rgba(255, 255, 255, 0.6);
}
#abm-page .abm-inline-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#abm-page .abm-stat-card {
padding: 28px 24px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
background: rgba(255, 255, 255, 0.05);
text-align: center;
}
#abm-page .abm-stat-value {
margin: 0;
font: 700 clamp(30px, 4vw, 42px) / 1 Poppins, sans-serif;
}
#abm-page .abm-stat-pink {
color: var(--abm-pink);
}
#abm-page .abm-stat-blue {
color: var(--abm-blue);
}
#abm-page .abm-stat-title {
margin: 12px 0 4px;
color: #fff;
font: 600 14px Poppins, sans-serif;
}
#abm-page .abm-stat-caption {
margin: 0;
color: rgba(255, 255, 255, 0.5);
font: 400 12.5px Inter, sans-serif;
}
#abm-page .abm-platform-era {
padding: 92px 0;
border-top: 1px solid rgba(143, 184, 255, 0.1);
background: linear-gradient(180deg, var(--abm-bg) 0%, var(--abm-bg-alt) 100%);
}
#abm-page .abm-platform-era .abm-centered-copy p {
color: rgba(255, 255, 255, 0.72);
font: 400 18px/1.65 Inter, sans-serif;
}
#abm-page .abm-requirements {
max-width: 820px;
margin: 44px auto 0;
}
#abm-page .abm-requirements .abm-mini-label {
text-align: center;
}
#abm-page .abm-requirements-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
#abm-page .abm-requirement {
padding: 16px;
border-radius: 12px;
color: rgba(255, 255, 255, 0.8);
font: 500 13.5px/1.5 Inter, sans-serif;
}
#abm-page .abm-comparison {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 24px;
align-items: center;
max-width: 820px;
margin: 48px auto 0;
}
#abm-page .abm-comparison-card {
padding: 24px;
border: 1px solid;
border-radius: 16px;
}
#abm-page .abm-comparison-card-platform {
border-color: rgba(255, 92, 138, 0.25);
background: rgba(255, 92, 138, 0.05);
}
#abm-page .abm-comparison-card-outcome {
border-color: rgba(143, 184, 255, 0.3);
background: rgba(143, 184, 255, 0.06);
}
#abm-page .abm-comparison-label {
margin: 0 0 10px;
font: 600 11px Inter, sans-serif;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#abm-page .abm-comparison-card-platform .abm-comparison-label {
color: var(--abm-pink);
}
#abm-page .abm-comparison-card-outcome .abm-comparison-label {
color: var(--abm-blue);
}
#abm-page .abm-comparison-quote {
margin: 0;
color: #fff;
font: 600 16px Poppins, sans-serif;
}
#abm-page .abm-comparison-arrow {
margin: 0;
color: rgba(255, 255, 255, 0.35);
font: 700 22px Poppins, sans-serif;
text-align: center;
}
#abm-page .abm-platform-close {
max-width: 700px;
margin: 44px auto 0;
color: #fff;
font: 500 18px/1.6 Inter, sans-serif;
text-align: center;
}
#abm-page .abm-platform-note {
max-width: 700px;
margin: 16px auto 0;
color: rgba(255, 255, 255, 0.65);
font: 400 16px/1.6 Inter, sans-serif;
text-align: center;
}
#abm-page .abm-proof {
background: var(--abm-bg-alt);
}
#abm-page .abm-proof-heading,
#abm-page .abm-faq-heading {
max-width: 680px;
margin: 0 auto 44px;
text-align: center;
}
#abm-page .abm-proof-heading .abm-heading,
#abm-page .abm-faq-heading .abm-heading {
margin-bottom: 0;
}
#abm-page .abm-proof-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
max-width: 960px;
margin: 0 auto;
}
#abm-page .abm-proof-card {
padding: 32px;
border: 1px solid rgba(143, 184, 255, 0.16);
border-radius: 20px;
background: rgba(255, 255, 255, 0.04);
}
#abm-page .abm-proof-card:hover {
border-color: rgba(143, 184, 255, 0.4);
background: rgba(255, 255, 255, 0.06);
}
#abm-page .abm-proof-value {
margin: 0 0 14px;
font: 700 34px Poppins, sans-serif;
}
#abm-page .abm-proof-quote {
margin: 0 0 16px;
color: rgba(255, 255, 255, 0.75);
font: 400 15.5px/1.6 Inter, sans-serif;
}
#abm-page .abm-proof-name {
margin: 0;
color: #fff;
font: 600 14px Poppins, sans-serif;
}
#abm-page .abm-proof-caption {
margin: 0;
color: rgba(255, 255, 255, 0.5);
font: 400 12.5px Inter, sans-serif;
}
#abm-page .abm-faq-list {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 820px;
margin: 0 auto;
}
#abm-page .abm-faq-item {
margin: 0;
padding: 20px 24px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
background: rgba(255, 255, 255, 0.03);
}
#abm-page .abm-faq-item summary {
cursor: pointer;
list-style: none;
color: #fff;
font: 600 16px Poppins, sans-serif;
}
#abm-page .abm-faq-item summary::-webkit-details-marker {
display: none;
}
#abm-page .abm-faq-item p {
margin: 14px 0 0;
color: rgba(255, 255, 255, 0.66);
font: 400 15px/1.6 Inter, sans-serif;
}
#abm-page .abm-demo {
padding: 100px 0;
background: var(--abm-bg-alt);
}
#abm-page .abm-demo .abm-shell {
text-align: center;
}
#abm-page .abm-demo-copy {
max-width: 640px;
margin: 0 auto;
}
#abm-page .abm-demo-copy .abm-heading {
margin-bottom: 0;
font: 700 clamp(28px, 3.8vw, 44px) / 1.14 Poppins, sans-serif;
}
#abm-page .abm-demo-copy p {
margin: 18px 0 0;
color: rgba(255, 255, 255, 0.7);
font: 400 17px/1.6 Inter, sans-serif;
}
#abm-page .abm-form-frame {
max-width: 820px;
margin: 40px auto 0;
padding: 25px;
border-radius: 16px;
background: #fff;
overflow: hidden;
}
#abm-page .abm-form-iframe {
display: block;
width: 100%;
height: 450px;
min-height: 450px;
border: 0;
margin-top: 0;
overflow: hidden;
}
#abm-page .abm-demo-actions {
margin-top: 28px;
}
#abm-page .abm-demo-actions .wp-block-button__link {
padding: 16px 34px;
font-size: 16px;
}
#abm-page .abm-resources {
padding: 64px 0;
background: var(--abm-bg);
}
#abm-page .abm-resources-label {
margin: 0 0 20px;
color: rgba(255, 255, 255, 0.4);
font: 600 12px Inter, sans-serif;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
}
#abm-page .abm-resources-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
#abm-page .abm-resource-card {
margin: 0;
}
#abm-page .abm-resource-card a {
display: block;
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
background: rgba(255, 255, 255, 0.03);
color: #fff;
text-decoration: none;
}
#abm-page .abm-resource-card strong {
display: block;
margin-bottom: 4px;
color: #fff;
font: 600 14px Poppins, sans-serif;
}
#abm-page .abm-resource-card em {
display: block;
color: rgba(255, 255, 255, 0.5);
font: 400 12.5px Inter, sans-serif;
font-style: normal;
}
@media (max-width: 820px) {
#abm-page .abm-tipping-layout,
#abm-page .abm-five-grid,
#abm-page .abm-two-grid,
#abm-page .abm-method-row,
#abm-page .abm-requirements-grid,
#abm-page .abm-comparison,
#abm-page .abm-proof-grid {
grid-template-columns: 1fr;
}
#abm-page .abm-channel-grid,
#abm-page .abm-resources-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
#abm-page .abm-form-iframe {
min-height: 850px;
}
}
@media (max-width: 600px) {
#abm-page .abm-shell {
padding-right: 20px;
padding-left: 20px;
}
}