#demandscience-vs-6sense-page {
--ds6-navy: #05195f;
--ds6-blue: #0066fc;
--ds6-blue-light: #e8f2ff;
--ds6-pink: #d52c5a;
--ds6-dark-grey: #1e293b;
--ds6-medium-grey: #64748b;
--ds6-light-grey: #f8f9fb;
--ds6-white: #ffffff;
--ds6-gradient: linear-gradient(to right, #05195f, #0065ff);
box-sizing: border-box;
color: var(--ds6-dark-grey);
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
line-height: 1.6;
margin: 0;
max-width: none;
overflow-x: clip;
padding: 0;
width: calc(100% + var(--wp--custom--spacing--outer) + var(--wp--custom--spacing--outer)) !important;
}
#demandscience-vs-6sense-page > .alignfull {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
#demandscience-vs-6sense-page *,
#demandscience-vs-6sense-page *::before,
#demandscience-vs-6sense-page *::after {
box-sizing: border-box;
}
#demandscience-vs-6sense-page h1,
#demandscience-vs-6sense-page h2,
#demandscience-vs-6sense-page h3,
#demandscience-vs-6sense-page p,
#demandscience-vs-6sense-page ul,
#demandscience-vs-6sense-page figure {
margin-block: 0;
}
#demandscience-vs-6sense-page .ds6-container {
margin-inline: auto;
max-width: 1200px;
padding-inline: 20px;
width: 100%;
}
#demandscience-vs-6sense-page .ds6-hero {
align-items: center;
background: var(--ds6-gradient);
color: var(--ds6-white);
display: flex;
min-height: 550px;
padding-block: 80px;
}
#demandscience-vs-6sense-page .wp-block-columns.ds6-hero-content {
align-items: center;
display: grid;
gap: 60px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0;
}
#demandscience-vs-6sense-page .ds6-hero-content > .wp-block-column {
margin: 0;
min-width: 0;
}
#demandscience-vs-6sense-page .ds6-label {
color: var(--ds6-blue);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 16px;
text-transform: uppercase;
}
#demandscience-vs-6sense-page .ds6-hero-label {
color: var(--ds6-white);
opacity: 0.9;
}
#demandscience-vs-6sense-page .ds6-hero-title,
#demandscience-vs-6sense-page .ds6-section-title,
#demandscience-vs-6sense-page .ds6-form-title,
#demandscience-vs-6sense-page .ds6-comparison-title,
#demandscience-vs-6sense-page .ds6-card-title,
#demandscience-vs-6sense-page .ds6-advantage-title,
#demandscience-vs-6sense-page .ds6-results-title {
font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
}
#demandscience-vs-6sense-page .ds6-hero-title {
color: var(--ds6-white);
font-size: clamp(36px, 4vw, 48px);
font-weight: 700;
line-height: 1.2;
margin-bottom: 24px;
}
#demandscience-vs-6sense-page .ds6-stats-grid {
align-items: stretch;
display: grid;
gap: 20px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 32px;
}
#demandscience-vs-6sense-page .ds6-stat-box {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
min-width: 0;
padding: 16px;
}
#demandscience-vs-6sense-page .ds6-stat-number {
color: var(--ds6-white);
font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 4px;
}
#demandscience-vs-6sense-page .ds6-stat-text {
color: var(--ds6-white);
font-size: 13px;
line-height: 1.45;
opacity: 0.95;
}
#demandscience-vs-6sense-page .ds6-hero-bullets {
display: grid;
gap: 12px;
list-style: none;
padding: 0;
}
#demandscience-vs-6sense-page .ds6-hero-bullets li {
color: var(--ds6-white);
display: flex;
font-size: 15px;
gap: 12px;
line-height: 1.6;
}
#demandscience-vs-6sense-page .ds6-hero-bullets li::before {
content: "✓";
flex: 0 0 auto;
font-weight: 700;
margin-top: 2px;
}
#demandscience-vs-6sense-page .ds6-form-card {
background: var(--ds6-white);
border-radius: 16px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
color: var(--ds6-dark-grey);
padding: 32px;
}
#demandscience-vs-6sense-page .ds6-form-label {
color: var(--ds6-blue);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
#demandscience-vs-6sense-page .ds6-form-title {
color: var(--ds6-navy);
font-size: 24px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 8px;
}
#demandscience-vs-6sense-page .ds6-form-description {
color: var(--ds6-medium-grey);
font-size: 14px;
margin-bottom: 24px;
}
#demandscience-vs-6sense-page .ds6-form-frame {
overflow: hidden;
width: 100%;
}
#demandscience-vs-6sense-page .ds6-form-iframe {
border: 0;
display: block;
height: 500px;
margin: 0;
min-height: 450px;
overflow: hidden;
width: 100%;
}
#demandscience-vs-6sense-page .ds6-form-footer {
color: var(--ds6-medium-grey);
font-size: 12px;
margin-top: 16px;
}
#demandscience-vs-6sense-page .ds6-logos {
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.2);
display: grid;
gap: 20px;
grid-template-columns: repeat(6, minmax(0, 1fr));
margin-top: 40px;
padding-top: 40px;
}
#demandscience-vs-6sense-page .ds6-logo-item {
color: var(--ds6-white);
font-size: 14px;
opacity: 0.9;
}
#demandscience-vs-6sense-page .ds6-section {
padding-block: 80px;
}
#demandscience-vs-6sense-page .ds6-section-light {
background: var(--ds6-light-grey);
}
#demandscience-vs-6sense-page .ds6-section-title {
color: var(--ds6-navy);
font-size: clamp(32px, 3.5vw, 42px);
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
}
#demandscience-vs-6sense-page .ds6-section-subtitle {
color: var(--ds6-medium-grey);
font-size: 16px;
line-height: 1.6;
margin-bottom: 48px;
}
#demandscience-vs-6sense-page .ds6-g2 {
background: var(--ds6-light-grey);
border-radius: 12px;
padding: 40px;
text-align: center;
}
#demandscience-vs-6sense-page .ds6-g2-title {
color: var(--ds6-navy);
font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
}
#demandscience-vs-6sense-page .ds6-g2-badges {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
#demandscience-vs-6sense-page .ds6-g2-badge {
background: var(--ds6-white);
border: 1px solid #e0e0e0;
border-radius: 8px;
color: var(--ds6-medium-grey);
font-size: 12px;
padding: 12px 16px;
}
#demandscience-vs-6sense-page .ds6-reasons-grid,
#demandscience-vs-6sense-page .ds6-advantages-grid,
#demandscience-vs-6sense-page .ds6-results-grid {
align-items: stretch;
display: grid;
gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#demandscience-vs-6sense-page .ds6-stats-grid > *,
#demandscience-vs-6sense-page .ds6-reasons-grid > *,
#demandscience-vs-6sense-page .ds6-advantages-grid > *,
#demandscience-vs-6sense-page .ds6-results-grid > *,
#demandscience-vs-6sense-page .ds6-logos > *,
#demandscience-vs-6sense-page .ds6-g2-badges > * {
margin-block: 0;
}
#demandscience-vs-6sense-page .ds6-reason-card,
#demandscience-vs-6sense-page .ds6-advantage-card,
#demandscience-vs-6sense-page .ds6-result-item {
height: 100%;
min-width: 0;
}
#demandscience-vs-6sense-page .ds6-reason-card {
background: var(--ds6-white);
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 32px;
}
#demandscience-vs-6sense-page .ds6-reason-icon {
font-size: 32px;
line-height: 1;
margin-bottom: 16px;
}
#demandscience-vs-6sense-page .ds6-card-title {
color: var(--ds6-navy);
font-size: 16px;
font-weight: 600;
line-height: 1.45;
margin-bottom: 8px;
}
#demandscience-vs-6sense-page .ds6-card-copy {
color: var(--ds6-medium-grey);
font-size: 14px;
line-height: 1.6;
}
#demandscience-vs-6sense-page .ds6-comparison-intro {
background: var(--ds6-white);
border: 2px solid var(--ds6-blue);
border-radius: 12px;
margin-bottom: 32px;
padding: 40px;
}
#demandscience-vs-6sense-page .ds6-comparison-title {
color: var(--ds6-navy);
font-size: 28px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 16px;
}
#demandscience-vs-6sense-page .ds6-comparison-copy {
font-size: 16px;
line-height: 1.8;
}
#demandscience-vs-6sense-page .wp-block-table.ds6-comparison-table {
background: var(--ds6-white);
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
max-width: 100%;
overflow-x: auto;
}
#demandscience-vs-6sense-page .ds6-comparison-table table {
border-collapse: collapse;
min-width: 720px;
width: 100%;
}
#demandscience-vs-6sense-page .ds6-comparison-table th {
background: var(--ds6-navy);
border: 0;
color: var(--ds6-white);
font-size: 15px;
font-weight: 600;
padding: 20px;
text-align: left;
}
#demandscience-vs-6sense-page .ds6-comparison-table td {
border: 0;
border-bottom: 1px solid #f0f0f0;
font-size: 14px;
padding: 18px 20px;
vertical-align: top;
}
#demandscience-vs-6sense-page .ds6-comparison-table tbody tr:nth-child(even) {
background: var(--ds6-light-grey);
}
#demandscience-vs-6sense-page .ds6-comparison-table tbody tr:last-child td {
border-bottom: 0;
}
#demandscience-vs-6sense-page .ds6-comparison-table tbody td:first-child {
color: var(--ds6-navy);
font-weight: 600;
}
#demandscience-vs-6sense-page .ds6-advantage-card {
background: var(--ds6-white);
border: 1px solid #e0e0e0;
border-radius: 12px;
display: flex;
flex-direction: column;
padding: 40px;
position: relative;
}
#demandscience-vs-6sense-page .ds6-advantage-badge {
align-self: flex-end;
background: var(--ds6-blue-light);
border-radius: 20px;
color: var(--ds6-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 6px 12px;
text-transform: uppercase;
}
#demandscience-vs-6sense-page .ds6-advantage-title {
color: var(--ds6-navy);
font-size: 18px;
font-weight: 600;
line-height: 1.45;
margin-block: 20px 12px;
}
#demandscience-vs-6sense-page .ds6-advantage-result {
color: var(--ds6-blue);
font-size: 13px;
font-weight: 600;
margin-top: auto;
padding-top: 16px;
}
#demandscience-vs-6sense-page .ds6-results {
background: var(--ds6-white);
border: 2px solid var(--ds6-blue);
border-radius: 12px;
padding: 48px;
}
#demandscience-vs-6sense-page .ds6-results-title {
color: var(--ds6-navy);
font-size: 28px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 32px;
}
#demandscience-vs-6sense-page .ds6-result-item {
background: var(--ds6-light-grey);
border-radius: 8px;
display: flex;
flex-direction: column;
padding: 24px;
}
#demandscience-vs-6sense-page .ds6-result-company {
color: var(--ds6-navy);
font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
}
#demandscience-vs-6sense-page .ds6-result-action {
color: var(--ds6-medium-grey);
font-size: 14px;
margin-bottom: 12px;
}
#demandscience-vs-6sense-page .ds6-result-outcome {
color: var(--ds6-blue);
font-size: 18px;
font-weight: 600;
margin-top: auto;
}
#demandscience-vs-6sense-page .ds6-final-cta {
background: var(--ds6-gradient);
color: var(--ds6-white);
text-align: center;
}
#demandscience-vs-6sense-page .ds6-final-content {
max-width: 900px;
}
#demandscience-vs-6sense-page .ds6-final-cta .ds6-section-title {
color: var(--ds6-white);
font-size: clamp(32px, 3.5vw, 40px);
}
#demandscience-vs-6sense-page .ds6-final-cta .ds6-section-subtitle {
color: rgba(255, 255, 255, 0.95);
font-size: 16px;
margin-bottom: 32px;
}
#demandscience-vs-6sense-page .ds6-final-actions {
justify-content: center;
}
#demandscience-vs-6sense-page .ds6-final-button .wp-block-button__link {
background: var(--ds6-pink);
border: 0;
border-radius: 100px;
color: var(--ds6-white);
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding: 16px 48px;
text-decoration: none;
}
#demandscience-vs-6sense-page .ds6-final-button .wp-block-button__link:hover,
#demandscience-vs-6sense-page .ds6-final-button .wp-block-button__link:focus-visible {
background: #b82349;
color: var(--ds6-white);
}
@media (max-width: 768px) {
#demandscience-vs-6sense-page .wp-block-columns.ds6-hero-content {
gap: 40px;
grid-template-columns: minmax(0, 1fr);
}
#demandscience-vs-6sense-page .ds6-stats-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#demandscience-vs-6sense-page .ds6-reasons-grid,
#demandscience-vs-6sense-page .ds6-results-grid {
grid-template-columns: minmax(0, 1fr);
}
#demandscience-vs-6sense-page .ds6-advantages-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#demandscience-vs-6sense-page .ds6-logos {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#demandscience-vs-6sense-page .ds6-form-iframe {
min-height: 850px;
}
#demandscience-vs-6sense-page .ds6-section {
padding-block: 64px;
}
#demandscience-vs-6sense-page .ds6-comparison-intro,
#demandscience-vs-6sense-page .ds6-results {
padding: 32px;
}
#demandscience-vs-6sense-page .ds6-comparison-table th,
#demandscience-vs-6sense-page .ds6-comparison-table td {
padding: 12px;
}
}
@media (max-width: 480px) {
#demandscience-vs-6sense-page .ds6-container {
padding-inline: 16px;
}
#demandscience-vs-6sense-page .ds6-hero {
padding-block: 56px;
}
#demandscience-vs-6sense-page .ds6-hero-title,
#demandscience-vs-6sense-page .ds6-section-title {
font-size: 28px;
}
#demandscience-vs-6sense-page .ds6-stats-grid,
#demandscience-vs-6sense-page .ds6-advantages-grid {
grid-template-columns: minmax(0, 1fr);
}
#demandscience-vs-6sense-page .ds6-form-card {
padding: 24px;
}
#demandscience-vs-6sense-page .ds6-g2,
#demandscience-vs-6sense-page .ds6-reason-card,
#demandscience-vs-6sense-page .ds6-advantage-card,
#demandscience-vs-6sense-page .ds6-comparison-intro,
#demandscience-vs-6sense-page .ds6-results {
padding: 24px;
}
#demandscience-vs-6sense-page .ds6-g2-badges {
align-items: stretch;
flex-direction: column;
}
#demandscience-vs-6sense-page .ds6-final-button .wp-block-button__link {
padding-inline: 32px;
}
}