.homepage-preview .preview-hero--direct-whatsapp { height: auto; min-height: 278px; }
.homepage-preview .preview-hero--direct-whatsapp .preview-hero-actions {
    display: grid;
    grid-template-columns: max-content max-content minmax(0, 1fr);
    width: min(100%, 400px);
    align-items: stretch;
    column-gap: 12px;
    row-gap: 2px;
}
.homepage-preview .preview-hero--direct-whatsapp .preview-primary-action { min-height: 52px; }
.homepage-preview .preview-hero--direct-whatsapp .preview-direct-whatsapp-action {
    gap: 11px;
    padding: 8px 20px;
    animation-delay: .9s;
}
.homepage-preview .preview-direct-whatsapp-action > i {
    flex-shrink: 0;
    font-size: 21px;
    animation: none;
}
.homepage-preview .preview-direct-whatsapp-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 130px;
    text-align: left;
    line-height: 1.3;
}
.homepage-preview .preview-direct-whatsapp-copy small { font-size: 11px; font-weight: 500; color: #e0f5e6; }
.homepage-preview .preview-direct-whatsapp-copy strong { font-size: 14px; font-weight: 700; }
.homepage-preview .preview-direct-whatsapp-connector {
    grid-column: 2;
    position: relative;
    height: 18px;
    pointer-events: none;
    animation: preview-copy-arrive .85s 1s cubic-bezier(.16, 1, .3, 1) both;
}
.homepage-preview .preview-direct-whatsapp-connector::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: -2px;
    bottom: 2px;
    left: 50%;
    width: 2px;
    background: #4ade80;
    transform: translateX(-50%);
}
.homepage-preview .preview-direct-whatsapp-connector::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    bottom: 2px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #4ade80;
    border-bottom: 2px solid #4ade80;
    transform: translateX(-50%) rotate(45deg);
}
.homepage-preview .preview-whatsapp-notice {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 0 0 2px;
    padding: 7px 10px;
    border: 1px solid #2d6541;
    border-left: 3px solid #4ade80;
    border-radius: 6px;
    background: #0e1b13;
    color: #ccd7d0;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    animation: preview-copy-arrive .85s .75s cubic-bezier(.16, 1, .3, 1) both;
}
.homepage-preview .preview-whatsapp-notice strong { color: #f1f7f3; font-weight: 600; }
.homepage-preview .preview-whatsapp-notice .preview-whatsapp-scope-warning,
.homepage-preview .preview-whatsapp-notice .preview-whatsapp-scope-warning strong { color: #f87171; }
.homepage-preview .preview-contact-assurance { display: block; margin-top: 5px; color: #c8d8ce; font-size: 11px; line-height: 1.45; letter-spacing: 0; }
.homepage-preview .preview-macbook-purchase-notice {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 8px 0 2px;
    color: #ccd7d0;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    animation: preview-copy-arrive .85s .75s cubic-bezier(.16, 1, .3, 1) both;
}
.homepage-preview .preview-macbook-purchase-notice strong { color: #f1f7f3; font-weight: 600; }
.homepage-preview .preview-macbook-purchase-notice p { margin: 0; }
.homepage-preview .preview-macbook-purchase-notice p + p { margin-top: 8px; }
.page-hero-site .page-hero.preview-hero--direct-whatsapp { height: auto; }
.page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-hero-actions {
    width: min(100%, 520px);
    gap: 2px 12px;
    justify-items: stretch;
}
.page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-whatsapp-notice { max-width: 400px; }
.page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-primary-action { min-height: 52px; max-width: none; }
.homepage-preview .preview-hero--direct-whatsapp .preview-reference-link {
    grid-column: 1 / -1;
    justify-self: start;
    min-height: 26px;
}
@media (min-width: 901px) and (max-height: 740px) {
    .homepage-preview .preview-hero--direct-whatsapp { min-height: 210px; }
}
@media (max-width: 900px) and (min-width: 701px) {
    .homepage-preview .preview-hero--direct-whatsapp .preview-hero-actions { column-gap: 10px; }
    .homepage-preview .preview-hero--direct-whatsapp .preview-direct-whatsapp-action { padding-inline: 16px; }
}
@media (max-width: 900px) and (min-width: 701px) {
    .homepage-preview .preview-hero--direct-whatsapp .preview-hero-actions { width: min(100%, 350px); }
    .page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-hero-actions { width: min(100%, 430px); grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .homepage-preview .preview-hero--direct-whatsapp { min-height: 362px; }
    .homepage-preview .preview-hero--direct-whatsapp .preview-hero-copy { padding-bottom: 145px; }
    .homepage-preview .preview-hero--direct-whatsapp .preview-hero-actions {
        grid-template-columns: minmax(112px, .8fr) minmax(0, 1.2fr);
        width: 100%;
        column-gap: 10px;
    }
    .homepage-preview .preview-hero--direct-whatsapp .preview-primary-action { gap: 8px; padding-inline: 10px; }
    .homepage-preview .preview-hero--direct-whatsapp .preview-direct-whatsapp-action { gap: 9px; padding-block: 8px; }
    .homepage-preview .preview-direct-whatsapp-action > i { font-size: 20px; }
    .homepage-preview .preview-direct-whatsapp-copy small { font-size: 11px; }
    .homepage-preview .preview-direct-whatsapp-copy strong { font-size: 13px; }
    .homepage-preview .preview-hero--direct-whatsapp .preview-reference-link { justify-self: center; }
    .page-hero-site .page-hero--macbook.preview-hero--direct-whatsapp .preview-hero-copy { padding-bottom: 175px; }
    .page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-hero-actions { width: 100%; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 2px 10px; }
    .page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-primary-action { width: 100%; padding: 8px 10px; gap: 8px; }
    .page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-primary-action span { max-width: none; }
    .page-hero-site .page-hero--parts.preview-hero--direct-whatsapp .preview-whatsapp-notice { max-width: none; }
}
@media (max-width: 700px) and (max-height: 700px) {
    .homepage-preview .preview-hero--direct-whatsapp { min-height: 310px; }
    .homepage-preview .preview-hero--direct-whatsapp .preview-hero-copy { padding-bottom: 110px; }
    .page-hero-site .page-hero--macbook.preview-hero--direct-whatsapp .preview-hero-copy { padding-bottom: 140px; }
}