.dd-home {
--dd-home-green: #08b51d;
--dd-home-green-dark: #008b18;
--dd-home-green-soft: #e9f8eb;
--dd-home-navy: #172750;
--dd-home-navy-2: #21345f;
--dd-home-cream: #fbf7ef;
--dd-home-ink: #14203e;
--dd-home-body: #5e6680;
--dd-home-muted: #7e8498;
--dd-home-line: #dcded9;
color: var(--dd-home-ink);
font: inherit;
line-height: 1.6;
overflow: clip;
}
.dd-home,
.dd-home * {
box-sizing: border-box;
}
.dd-home img,
.dd-home svg {
display: block;
max-width: 100%;
}
.dd-home a {
color: inherit;
text-underline-offset: 3px;
}
.dd-home button {
font: inherit;
}
.dd-home a:focus-visible,
.dd-home button:focus-visible,
.dd-home summary:focus-visible {
outline: 3px solid rgba(8,181,29,.28);
outline-offset: 3px;
}
.dd-home__container {
width: min(1180px, calc(100% - 40px));
margin-inline: auto;
}
.dd-home__section {
padding: 64px 0;
}
.dd-home__section--soft {
background: #f7f8f8;
}
.dd-home h1,
.dd-home h2,
.dd-home h3 {
margin-top: 0;
color: var(--dd-home-navy);
line-height: 1.06;
}
.dd-home h1,
.dd-home h2 {
font-weight: 800;
letter-spacing: -.045em;
}
.dd-home h1 {
max-width: 700px;
margin-bottom: 20px;
font-size: clamp(42px, 4.65vw, 64px);
}
.dd-home h2 {
margin-bottom: 14px;
font-size: clamp(30px, 3.25vw, 46px);
}
.dd-home h3 {
margin-bottom: 9px;
font-size: 18px;
line-height: 1.2;
}
.dd-home p {
margin-top: 0;
}
.dd-home__eyebrow {
margin: 0 0 9px;
color: var(--dd-home-green-dark);
font-size: 11px;
font-weight: 850;
letter-spacing: .11em;
text-transform: uppercase;
}
.dd-home__eyebrow--light {
color: #91ff9d;
}
.dd-home__button-row {
display: flex;
flex-wrap: wrap;
gap: 11px;
}
.dd-home__button > span {
margin-left: 7px;
}
.dd-home__button {
display: inline-flex;
min-height: 45px;
align-items: center;
justify-content: center;
padding: 11px 17px;
border: 1px solid transparent;
border-radius: 7px;
font-size: 13px;
font-weight: 800;
text-decoration: none;
}
.dd-home__button--primary {
background: var(--dd-home-green);
color: #fff;
}
.dd-home__button--primary:hover {
background: var(--dd-home-green-dark);
color: #fff;
}
.dd-home__button--secondary {
border-color: #cbd1cc;
background: #fff;
color: var(--dd-home-navy);
}
.dd-home__button--secondary:hover {
border-color: var(--dd-home-green);
color: var(--dd-home-green-dark);
}
.dd-home__button--outline {
border-color: rgba(255,255,255,.55);
background: transparent;
color: #fff;
}
.dd-home__button--outline:hover {
background: #fff;
color: var(--dd-home-navy);
}
.dd-home__hero {
padding: 58px 0 64px;
background: var(--dd-home-cream);
}
.dd-home__hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(430px, .88fr);
gap: 54px;
align-items: center;
}
.dd-home__hero-lead {
max-width: 650px;
margin-bottom: 25px;
color: var(--dd-home-body);
font-size: 17px;
}
.dd-home__trust-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px 18px;
margin: 26px 0 0;
padding: 0;
color: #596079;
font-size: 12px;
list-style: none;
}
.dd-home__trust-list li::before {
content: "✓";
margin-right: 7px;
color: var(--dd-home-green);
font-weight: 950;
}
.dd-home__showcase {
position: relative;
min-height: 548px;
padding: 17px 17px 15px;
border: 1px solid #dbd9cf;
background: #f5f1e8;
}
.dd-home__showcase::before {
content: "";
position: absolute;
inset: 42px 42px 104px;
border: 1px solid #d4d0c6;
background: rgba(255,255,255,.18);
pointer-events: none;
}
.dd-home__showcase-stage {
position: relative;
min-height: 430px;
overflow: hidden;
}
.dd-home__showcase-cover {
position: absolute;
top: 22px;
left: 50%;
width: 236px;
aspect-ratio: 2 / 3;
overflow: hidden;
background: #e8e2d8;
box-shadow: 0 18px 28px rgba(31,36,47,.15);
transform-origin: 50% 90%;
transition: transform .25s ease, filter .25s ease;
}
.dd-home__showcase-cover img {
width: 100%;
height: 100%;
object-fit: contain;
}
.dd-home__showcase-cover--1 {
z-index: 2;
transform: translateX(-111%) rotate(-5.5deg) scale(.88);
}
.dd-home__showcase-cover--2 {
z-index: 5;
transform: translateX(-50%) rotate(0) scale(1);
}
.dd-home__showcase-cover--3 {
z-index: 2;
transform: translateX(11%) rotate(5.5deg) scale(.88);
}
.dd-home__showcase-cover:not(.is-active) {
filter: saturate(.86) brightness(.96);
}
.dd-home__showcase-cover.is-active {
z-index: 10;
filter: none;
} .dd-home__showcase-cover img {
transition: transform .25s ease;
}
.dd-home__showcase-cover:hover,
.dd-home__showcase-cover:focus-visible {
filter: none;
box-shadow: 0 22px 34px rgba(31,36,47,.24);
}
.dd-home__showcase-cover:hover img,
.dd-home__showcase-cover:focus-visible img {
transform: scale(1.045);
}
.dd-home__showcase-cover:focus-visible {
outline: 2px solid var(--dd-home-green);
outline-offset: 3px;
}
.dd-home__showcase-footer {
position: relative;
z-index: 12;
display: flex;
align-items: end;
justify-content: space-between;
gap: 18px;
padding: 12px 13px;
border: 1px solid #d7dad6;
background: rgba(255,255,255,.94);
}
.dd-home__showcase-meta {
display: grid;
min-width: 0;
line-height: 1.25;
}
.dd-home__showcase-meta > span {
color: var(--dd-home-green-dark);
font-size: 9px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.dd-home__showcase-meta strong {
overflow: hidden;
color: var(--dd-home-navy);
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-home__showcase-meta small {
color: var(--dd-home-muted);
font-size: 10px;
} .dd-home .dd-home__showcase-arrow {
position: absolute;
top: 42%;
z-index: 11;
display: flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid #cdd1cc;
border-radius: 50%;
background: #fff;
box-shadow: 0 6px 14px rgba(31,36,47,.16);
color: var(--dd-home-navy);
font-size: 17px;
line-height: 1;
cursor: pointer;
transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.dd-home .dd-home__showcase-arrow:hover,
.dd-home .dd-home__showcase-arrow:focus-visible {
border-color: var(--dd-home-green);
background: var(--dd-home-green);
color: #fff;
}
.dd-home__showcase-arrow--prev {
left: 2px;
}
.dd-home__showcase-arrow--next {
right: 2px;
}
.dd-home__showcase-hint {
margin: 8px 0 0;
color: #7a7d80;
font-size: 10px;
text-align: center;
}
.dd-home__showcase-hint strong {
color: var(--dd-home-navy);
}
.dd-home__section-heading {
margin-bottom: 26px;
}
.dd-home__section-heading > p:not(.dd-home__eyebrow) {
margin-bottom: 0;
color: var(--dd-home-body);
}
.dd-home__section-heading--center {
max-width: 760px;
margin-inline: auto;
text-align: center;
}
.dd-home__section-heading--split {
display: flex;
align-items: end;
justify-content: space-between;
gap: 28px;
}
.dd-home__section-heading--split h2 {
margin-bottom: 0;
}
.dd-home__section-heading--split > a,
.dd-home__centered-link a {
color: var(--dd-home-green-dark);
font-weight: 800;
text-decoration: none;
}
.dd-home__section-heading--genre {
display: grid;
grid-template-columns: minmax(0,.95fr) minmax(340px,.75fr);
gap: 65px;
align-items: end;
}
.dd-home__section-heading--genre h2 {
max-width: 560px;
margin-bottom: 0;
}
.dd-home__section-heading--genre > p {
max-width: 475px;
justify-self: end;
}
.dd-home__genre-grid {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 15px 17px;
}
.dd-home__genre-card {
display: grid;
grid-template-columns: 100px minmax(0,1fr);
min-height: 158px;
overflow: hidden;
border: 1px solid var(--dd-home-line);
border-radius: 8px;
background: #fff;
text-decoration: none;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.dd-home__genre-card:hover {
border-color: #b9c3ba;
box-shadow: 0 10px 24px rgba(20,32,62,.08);
transform: translateY(-2px);
}
.dd-home__genre-card > img {
width: 100px;
height: 100%;
min-height: 158px;
object-fit: cover;
object-position: center 22%;
}
.dd-home__genre-card > span {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
padding: 18px 13px 14px 15px;
}
.dd-home__genre-card strong {
color: var(--dd-home-navy);
font-size: 14px;
line-height: 1.18;
}
.dd-home__genre-card small {
margin-top: 8px;
color: var(--dd-home-body);
font-size: 10px;
line-height: 1.45;
}
.dd-home__genre-card em {
margin-top: auto;
padding-top: 10px;
color: var(--dd-home-green-dark);
font-size: 10px;
font-style: normal;
font-weight: 850;
}
.dd-home__centered-link {
margin: 21px 0 0;
text-align: center;
}
.dd-home__products {
padding-block: 54px;
}
.dd-home__product-grid {
display: grid;
grid-template-columns: repeat(5,minmax(0,1fr));
gap: 23px 13px;
}
.dd-home__product-card {
min-width: 0;
}
.dd-home__product-image {
position: relative;
display: block;
overflow: hidden;
border-radius: 7px;
background: #e8ebe7;
text-decoration: none;
}
.dd-home__product-image img {
width: 100%;
aspect-ratio: 2 / 3;
object-fit: cover;
transition: transform .25s ease;
}
.dd-home__product-image:hover img {
transform: scale(1.02);
}
.dd-home__product-badges {
position: absolute;
top: 7px;
right: 7px;
left: 7px;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.dd-home__badge {
display: inline-flex;
min-height: 21px;
align-items: center;
padding: 4px 6px;
border-radius: 999px;
background: rgba(255,255,255,.95);
color: var(--dd-home-navy);
font-size: 7px;
font-weight: 900;
letter-spacing: .03em;
line-height: 1;
text-transform: uppercase;
}
.dd-home__badge--ai {
background: rgba(23,39,80,.94);
color: #fff;
}
.dd-home__badge--new {
margin-left: auto;
background: var(--dd-home-green);
color: #fff;
}
.dd-home__product-body {
padding: 9px 2px 0;
}
.dd-home__product-body h3 {
margin-bottom: 3px;
font-size: 13px;
line-height: 1.25;
}
.dd-home__product-body h3 a {
text-decoration: none;
}
.dd-home__product-price {
margin-bottom: 0;
color: var(--dd-home-green-dark);
font-size: 13px;
font-weight: 850;
}
.dd-home__product-price del {
opacity: .55;
}
.dd-home__product-note {
margin: 2px 0 0;
color: var(--dd-home-muted);
font-size: 9px;
}
.dd-home__transparency {
background: var(--dd-home-navy);
color: #fff;
}
.dd-home__transparency h2,
.dd-home__transparency h3 {
color: #fff;
}
.dd-home__transparency-grid {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 58px;
align-items: center;
}
.dd-home__transparency-grid > div:first-child > p:last-child {
color: #dbe1ef;
}
.dd-home__method-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 13px;
}
.dd-home__method-grid article {
padding: 24px 22px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 12px;
background: rgba(6,12,32,.55);
}
.dd-home__method-grid .dd-home__method-card--designer {
border-bottom: 3px solid var(--dd-home-green);
}
.dd-home__method-grid .dd-home__method-card--ai {
border-bottom: 3px solid #7b74fb;
}
.dd-home__method-icon {
display: flex;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
margin-bottom: 16px;
border-radius: 50%;
color: #fff;
}
.dd-home__method-icon--designer {
background: var(--dd-home-green);
}
.dd-home__method-icon--ai {
background: #7b74fb;
}
.dd-home__method-grid article > span:not(.dd-home__method-icon) {
display: inline-flex;
margin-bottom: 16px;
padding: 5px 9px;
border-radius: 999px;
background: var(--dd-home-green);
color: #fff;
font-size: 9px;
font-weight: 900;
letter-spacing: .05em;
text-transform: uppercase;
}
.dd-home__method-grid article > span.dd-home__method-label--light {
background: #7b74fb;
color: #fff;
}
.dd-home__method-grid article p {
margin-bottom: 0;
color: #dbe1ef;
}
.dd-home__method-grid > p {
grid-column: 1 / -1;
display: flex;
gap: 12px;
align-items: center;
margin: 0;
padding: 13px 16px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 10px;
background: rgba(6,12,32,.45);
color: #c6cde2;
font-size: 12px;
text-align: left;
}
.dd-home__method-grid > p strong {
color: #fff;
}
.dd-home__method-note-icon {
display: flex;
width: 34px;
height: 34px;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(255,255,255,.1);
color: #aeb8d6;
}
.dd-home .dd-home__transparency-trust {
display: flex;
gap: 13px;
align-items: center;
margin: 26px 0 0;
color: #c6cde2;
font-size: 13px;
line-height: 1.45;
}
.dd-home__transparency-trust strong {
color: #fff;
}
.dd-home__transparency-trust-icon {
display: flex;
width: 42px;
height: 42px;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(8,181,29,.16);
color: #62d84e;
} .dd-home__proof-grid {
display: grid;
grid-template-columns: minmax(300px, 380px) 1fr;
gap: 22px;
align-items: stretch;
}
.dd-home__proof-grid--solo {
grid-template-columns: 1fr;
}
.dd-home__proof-grid--solo .dd-home__proof-steps {
max-width: 720px;
margin-inline: auto;
}
.dd-home__proof-card {
padding: 30px 28px;
border: 1px solid #e4e6e2;
border-radius: 12px;
background: #fff;
}
.dd-home__proof-card h2 {
font-size: clamp(24px, 2vw, 30px);
margin-bottom: 6px;
}
.dd-home__proof-sub {
color: var(--dd-home-body);
font-size: 14px;
margin-bottom: 22px;
}
.dd-home__proof-reviews > header {
text-align: center;
}
.dd-home__steps-list {
display: grid;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.dd-home__steps-list li {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
gap: 16px;
align-items: start;
padding: 18px 0;
}
.dd-home__steps-list li + li {
border-top: 1px solid #eceeeb;
}
.dd-home__step-icon {
display: flex;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--dd-home-green-soft);
color: var(--dd-home-green-dark);
}
.dd-home__step-num {
display: inline-block;
margin-bottom: 3px;
color: var(--dd-home-green-dark);
font-size: 11px;
font-weight: 900;
letter-spacing: .06em;
}
.dd-home__steps-list h3 {
margin-bottom: 5px;
font-size: 16px;
}
.dd-home__steps-list p {
margin-bottom: 0;
color: var(--dd-home-body);
font-size: 13px;
}
.dd-home__testimonial-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.dd-home__testimonial-card {
display: flex;
flex-direction: column;
padding: 18px;
border: 1px solid #e6e8e4;
border-radius: 10px;
background: #fff;
box-shadow: 0 4px 12px rgba(31,36,47,.05);
}
.dd-home__testimonial-cover {
display: flex;
justify-content: center;
margin-bottom: 14px;
}
.dd-home__testimonial-card img {
width: 108px;
aspect-ratio: 2 / 3;
object-fit: cover;
border-radius: 5px;
box-shadow: 0 8px 16px rgba(31,36,47,.16);
}
.dd-home__stars {
margin-bottom: 8px;
color: var(--dd-home-green-dark);
font-size: 13px;
letter-spacing: .07em;
line-height: 1;
}
.dd-home__testimonial-card blockquote {
margin: 0;
color: var(--dd-home-navy);
font-size: 13.5px;
font-style: italic;
line-height: 1.55;
}
.dd-home__testimonial-card footer {
margin-top: 12px;
font-size: 11px;
}
.dd-home__testimonial-book {
display: block;
color: var(--dd-home-navy);
font-weight: 800;
text-decoration: none;
}
.dd-home__testimonial-author {
color: var(--dd-home-muted);
} .dd-home .dd-home__proof-note {
display: flex;
gap: 12px;
align-items: center;
margin: 30px 0 0;
padding: 14px 18px;
border: 1px solid #e0efe2;
border-radius: 10px;
background: #f4faf5;
color: var(--dd-home-body);
font-size: 13px;
}
.dd-home__proof-note strong {
color: var(--dd-home-navy);
}
.dd-home__proof-note-icon {
display: flex;
width: 38px;
height: 38px;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #ddf2e0;
color: var(--dd-home-green-dark);
}
.dd-home__guides {
background: #fff;
}
.dd-home__guides-inner {
display: grid;
grid-template-columns: 1.15fr .85fr;
gap: 54px;
align-items: center;
padding: 42px 40px;
border: 1px solid #e3e6e1;
background: linear-gradient(115deg,#fff 0%,#fff 58%,#eef9ef 100%);
}
.dd-home__guides-inner > div:first-child > p:not(.dd-home__eyebrow) {
color: var(--dd-home-body);
font-size: 16px;
}
.dd-home__guides-list {
overflow: hidden;
border: 1px solid #d8ddd8;
border-radius: 14px;
background: rgba(255,255,255,.94);
box-shadow: 0 18px 45px rgba(19,34,70,.12);
}
.dd-home__guides-list a {
display: grid;
grid-template-columns: 48px 1fr 32px;
align-items: center;
column-gap: 15px;
padding: 17px 19px;
text-decoration: none;
}
.dd-home__guides-list a + a {
border-top: 1px solid #e0e3df;
}
.dd-home__guide-icon {
display: flex;
width: 48px;
height: 48px;
align-items: center;
justify-content: center;
border-radius: 12px;
background: var(--dd-home-green-soft);
color: var(--dd-home-green-dark);
}
.dd-home__guides-list strong {
color: var(--dd-home-navy);
font-size: 14px;
line-height: 1.3;
}
.dd-home__guide-arrow {
display: flex;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
border-radius: 9px;
background: var(--dd-home-green-dark);
color: #fff;
transition: background .15s ease;
}
.dd-home__guides-list a:hover .dd-home__guide-arrow {
background: var(--dd-home-green);
}
.dd-home__guides-list a:hover strong {
color: var(--dd-home-green-dark);
}
.dd-home__custom-cta {
padding: 50px 0;
background: var(--dd-home-navy);
color: #fff;
}
.dd-home__custom-cta h2 {
margin-bottom: 5px;
color: #fff;
}
.dd-home__custom-cta p {
margin-bottom: 0;
color: #d9dfed;
}
.dd-home__custom-cta-inner {
display: grid;
grid-template-columns: 1fr auto;
gap: 42px;
align-items: center;
}
.dd-home__newsletter {
background: #fff;
}
.dd-home__newsletter-inner {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 46px;
align-items: center;
}
.dd-home__newsletter-inner > div:first-child > p:last-child {
color: var(--dd-home-body);
}
.dd-home__mailerlite {
padding: 20px;
border: 1px solid #b9cfbb;
background: var(--dd-home-green-soft);
}
.dd-home__mailerlite form {
margin: 0;
}
.dd-home__mailerlite input[type="email"],
.dd-home__mailerlite input[type="text"],
.dd-home__mailerlite select {
min-height: 44px;
border: 1px solid #c5cec6;
border-radius: 7px;
}
.dd-home__mailerlite button,
.dd-home__mailerlite input[type="submit"] {
min-height: 44px;
border: 0;
border-radius: 7px;
background: var(--dd-home-green);
color: #fff;
font-weight: 800;
}
.dd-home__faq-layout {
display: grid;
grid-template-columns: .72fr 1.28fr;
gap: 60px;
align-items: start;
}
.dd-home__faq-layout > header > p:last-child {
color: var(--dd-home-body);
}
.dd-home__faq-list details {
border-top: 1px solid #dfe2df;
}
.dd-home__faq-list details:last-child {
border-bottom: 1px solid #dfe2df;
}
.dd-home__faq-list summary {
position: relative;
padding: 17px 34px 17px 0;
color: var(--dd-home-navy);
font-weight: 800;
cursor: pointer;
list-style: none;
}
.dd-home__faq-list summary::-webkit-details-marker {
display: none;
}
.dd-home__faq-list summary::after {
content: "+";
position: absolute;
right: 5px;
color: var(--dd-home-green-dark);
font-size: 19px;
}
.dd-home__faq-list details[open] summary::after {
content: "−";
}
.dd-home__faq-list details p {
margin: 0;
padding: 0 38px 17px 0;
color: var(--dd-home-body);
}
.dd-home__seo-closing {
padding: 38px 0;
background: #fff;
}
.dd-home__seo-closing p {
max-width: 980px;
margin: 0;
color: var(--dd-home-body);
font-size: 13px;
}
.dd-home__seo-closing a {
color: var(--dd-home-green-dark);
font-weight: 750;
}
@media (max-width: 1050px) {
.dd-home__hero-grid {
grid-template-columns: 1fr 410px;
gap: 36px;
}
.dd-home__showcase {
min-height: 512px;
}
.dd-home__showcase-stage {
min-height: 395px;
}
.dd-home__showcase-cover {
width: 210px;
}
.dd-home__genre-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.dd-home__product-grid {
grid-template-columns: repeat(4,minmax(0,1fr));
}
}
@media (max-width: 900px) {
.dd-home__hero-grid,
.dd-home__transparency-grid,
.dd-home__guides-inner,
.dd-home__newsletter-inner,
.dd-home__faq-layout {
grid-template-columns: 1fr;
}
.dd-home__showcase {
width: min(100%,610px);
}
.dd-home__product-grid {
grid-template-columns: repeat(3,minmax(0,1fr));
}
.dd-home__testimonial-grid {
grid-template-columns: 1fr;
}
.dd-home__custom-cta-inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.dd-home__section {
padding: 48px 0;
}
.dd-home__section-heading--genre {
grid-template-columns: 1fr;
gap: 12px;
}
.dd-home__section-heading--genre > p {
justify-self: start;
}
.dd-home__genre-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.dd-home__genre-card {
grid-template-columns: 92px minmax(0,1fr);
min-height: 138px;
}
.dd-home__genre-card > img {
width: 92px;
min-height: 138px;
}
.dd-home__method-grid {
grid-template-columns: 1fr;
}
.dd-home__proof-card {
padding: 22px 18px;
}
.dd-home__method-grid > p {
grid-column: auto;
}
}
@media (max-width: 600px) {
.dd-home__container {
width: min(100% - 28px,1180px);
}
.dd-home h1 {
font-size: 40px;
}
.dd-home h2 {
font-size: 30px;
}
.dd-home__hero {
padding-top: 44px;
}
.dd-home__hero-lead {
font-size: 16px;
}
.dd-home__trust-list {
grid-template-columns: 1fr;
}
.dd-home__button-row {
width: 100%;
}
.dd-home__button-row .dd-home__button {
flex: 1 1 100%;
}
.dd-home__showcase {
min-height: 380px;
padding-inline: 10px;
}
.dd-home__showcase::before {
inset: 38px 28px 104px;
}
.dd-home__showcase-stage {
min-height: 278px;
}
.dd-home__showcase-cover {
top: 24px;
width: 138px;
}
.dd-home__showcase-cover--1 {
transform: translateX(-101%) rotate(-5deg) scale(.84);
}
.dd-home__showcase-cover--2 {
transform: translateX(-50%) rotate(0) scale(1);
}
.dd-home__showcase-cover--3 {
transform: translateX(1%) rotate(5deg) scale(.84);
}
.dd-home .dd-home__showcase-arrow {
width: 38px;
height: 38px;
font-size: 15px;
}
.dd-home__showcase-hint {
display: none;
}
.dd-home__section-heading--split {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
.dd-home__product-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 24px 10px;
}
.dd-home__product-body h3 {
font-size: 12px;
}
.dd-home__guides-inner {
padding: 28px 18px;
}
.dd-home__custom-cta {
padding: 42px 0;
}
} .dd-home .dd-nl__title {
color: #fff;
font-size: clamp(1.2rem, 2.2vw, 1.55rem);
font-weight: 700;
letter-spacing: normal;
line-height: 1.25;
margin: 0 0 0.45rem;
}  .dd-home__closing-grid {
display: grid;
grid-template-columns: minmax(290px, 350px) 1fr;
gap: 56px;
align-items: start;
} .dd-home__closing-faq {
padding-top: 30px;
}
.dd-home__closing-grid > :only-child {
grid-column: 1 / -1;
}
.dd-home__closing-faq-head h2 {
margin-bottom: 20px;
} .dd-home .dd-home__closing-newsletter .dd-nl__banner {
flex-direction: column;
align-items: stretch;
gap: 4px;
padding: 26px 24px;
border: 1px solid #d9eedd;
border-radius: 14px;
background: #f2faf3;
}
.dd-home .dd-home__closing-newsletter .dd-nl__banner::before {
content: "✉";
display: flex;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
margin-bottom: 10px;
border-radius: 50%;
background: #ddf2e0;
color: var(--dd-home-green-dark);
font-size: 20px;
}
.dd-home .dd-home__closing-newsletter .dd-nl__text,
.dd-home .dd-home__closing-newsletter .dd-nl__controls {
flex: 0 0 auto;
min-width: 0;
max-width: none;
}
.dd-home .dd-home__closing-newsletter .dd-nl__title {
color: var(--dd-home-navy);
font-size: 24px;
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.15;
margin: 0 0 8px;
}
.dd-home .dd-home__closing-newsletter .dd-nl__sub {
color: var(--dd-home-body);
margin-bottom: 14px;
}
.dd-home .dd-home__closing-newsletter .dd-nl__form {
flex-direction: column;
align-items: stretch;
}
.dd-home .dd-home__closing-newsletter .dd-nl__form input[type="email"],
.dd-home .dd-home__closing-newsletter .dd-nl__btn {
width: 100%;
min-width: 0;
flex: 0 0 auto;
}
.dd-home .dd-home__closing-newsletter .dd-nl__form input[type="email"] {
border: 1px solid #d3dbd4;
background: #fff;
}
.dd-home .dd-home__closing-newsletter .dd-nl__fine {
color: var(--dd-home-muted);
}
@media (max-width: 900px) {
.dd-home__closing-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.dd-home .dd-home__closing-newsletter {
order: 2;
}
.dd-home__closing-faq {
padding-top: 0;
}
} .dd-home__custom-cta {
padding: 44px 0;
}
.dd-home__seo-closing {
padding: 28px 0;
} body.dd-homepage-v8-enabled .elementor-13714 .elementor-element-0da0ffa {
display: none;
} @media (max-width: 1050px) {
.dd-home__proof-grid {
grid-template-columns: 1fr;
}
}