/* Footer Style 17 — Inbox Panel (dark) */
.epf-17 {
    --epf-bg: #070314;
    --epf-fg: #ffffff;
    --epf-text: #d1d0d5;
    --epf-muted: #7b7885;
    --epf-line: rgba(255, 255, 255, .08);
    --epf-input: #242131;
    --epf-dash: #231f32;
    --epf-sep: #4a4755;
    --epf-badge: #ff0038;
    --epf-accent: #c6f36b;
    --epf-on-accent: #070314;
    padding: 80px 0 60px;
    font-family: 'Inter', var(--font-body, sans-serif);
    color: var(--epf-text);
}
[data-theme="dark"] .epf-17 {
    --epf-bg: #08060f;
    --epf-line: rgba(255, 255, 255, .1);
}

.epf-17__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 80px; }
.epf-17__grid--solo { grid-template-columns: minmax(0, 480px); }
.epf-17__left, .epf-17__right { min-width: 0; }
.epf-17__right { display: flex; flex-direction: column; }

/* Badge wordmark */
.epf-17__logo { margin-bottom: 30px; }
.epf-17__wordmark {
    display: inline-flex; align-items: center; gap: 8px; margin-bottom: 40px;
    padding: 6px 16px; border-radius: 8px;
    background: var(--epf-badge); color: #ffffff !important;
    font-size: 24px; font-weight: 800; letter-spacing: -.5px; line-height: 1.4;
}
.epf-17__wordmark:hover { filter: brightness(1.08); }
.epf-17__wordmark i { font-size: 18px; line-height: 1; }

.epf-17__desc { max-width: 380px; margin-bottom: 40px; font-size: 15px; line-height: 1.6; color: color-mix(in srgb, var(--epf-text) 70%, #ffffff); }
.epf-17__desc strong, .epf-17__desc b { color: var(--epf-fg); }

.epf-17__follow { margin-bottom: 15px !important; font-size: 16px; font-weight: 700; color: var(--epf-fg) !important; }
.epf-17__socials { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 50px; }
.epf-17__socials .epf-social { font-size: 19px; color: var(--epf-fg); }
.epf-17__socials .epf-social:hover { color: var(--epf-accent); }

/* Slanted dash divider */
.epf-17__dashes {
    max-width: 380px; height: 8px; margin-bottom: 25px;
    background: repeating-linear-gradient(-45deg, var(--epf-dash) 0 10px, transparent 10px 20px);
}
.epf-17 .epf-copy { max-width: 400px; font-size: 13px; line-height: 1.5; color: var(--epf-muted); }

/* Newsletter panel */
.epf-17__panel {
    position: relative; overflow: hidden; margin-bottom: 30px; padding: 40px;
    border: 1px solid var(--epf-line); border-radius: 16px;
}
.epf-17__panel::before {
    content: ""; position: absolute; top: -20px; right: -20px; width: 150px; height: 150px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7L10.2 11.65C11.27 12.45 12.73 12.45 13.8 11.65L20 7'/%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: rotate(15deg); opacity: .09; pointer-events: none;
}
.epf-17__panel > * { position: relative; z-index: 1; }
.epf-17__heading { margin-bottom: 15px !important; font-family: inherit !important; font-size: 32px; font-weight: 800; letter-spacing: -.5px; line-height: 1.2 !important; color: var(--epf-fg) !important; }
.epf-17__text { margin-bottom: 25px; font-size: 15px; color: var(--epf-text); }

.epf-17 .epf-form--stacked .epf-form__row { gap: 25px; }
.epf-17 .epf-form input[type="email"] {
    padding: 20px; font-size: 16px; border: 1px solid transparent; border-radius: 8px;
    background: var(--epf-input); color: var(--epf-fg);
}
.epf-17 .epf-form input[type="email"]::placeholder { color: #8c8997; }
.epf-17 .epf-form input[type="email"]:focus { border-color: var(--epf-accent); }
.epf-17 .epf-form button { padding: 16px 32px; font-size: 16px; font-weight: 700; border-radius: 8px; }



/* Legal menu + back to top */
.epf-17__bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: auto; }
.epf-17__legal { min-width: 0; }
.epf-17__links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 15px; }
.epf-17__links li { display: flex; align-items: center; }
.epf-17__links li:not(:last-child)::after { content: ""; width: 4px; height: 4px; margin-left: 15px; background: var(--epf-sep); }
.epf-17__links a { display: inline-flex; align-items: center; font-size: 13px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--epf-fg); }


@media (max-width: 992px) {
    .epf-17__grid { grid-template-columns: minmax(0, 1fr); gap: 50px; }
}
@media (max-width: 600px) {
    .epf-17 { padding: 60px 0 50px; }
    .epf-17__panel { padding: 25px; }
    .epf-17__heading { font-size: 24px; }
    .epf-17__bottom { align-items: flex-end; }
    .epf-17__links { flex-direction: column; align-items: flex-start; }
    .epf-17__links li:not(:last-child)::after { display: none; }
}