/* Home V3 night continuity — FAQ, closer and footer.
   Loaded after the canonical embedded section styles. */

/* ──────────────────────────────────────────────────────────────────────────
   FAQ — pale paper/blue veil; cobalt interaction; green is result-only.
   ─────────────────────────────────────────────────────────────────────── */
section#faq.fq-faq {
  --ink: var(--uck-ink-900, #171716);
  --ink-2: var(--uck-ink-600, #625e5a);
  --muted: #747a82;
  --white: var(--uck-paper-50, #fffefd);
  --mineral: var(--uck-night-800, #162a46);
  --mineral-deep: var(--uck-night-950, #0a101b);
  --line: var(--uck-line-light, rgba(22, 42, 70, .13));
  --section-bg:
    radial-gradient(ellipse at 88% 12%, rgba(104, 168, 232, .16), transparent 34%),
    radial-gradient(ellipse at 8% 92%, rgba(168, 207, 243, .12), transparent 30%),
    linear-gradient(135deg, #fffefd 0%, #f5f7f8 49%, #eaf3fb 100%);
}

section#faq.fq-faq .fq-eyebrow {
  color: var(--uck-night-700, #1c3658) !important;
}

section#faq.fq-faq .fq-question-band {
  color: var(--uck-night-900, #0f1b2c) !important;
  background: rgba(255, 254, 253, .94) !important;
  border-color: rgba(22, 42, 70, .14) !important;
  box-shadow:
    0 16px 34px -27px rgba(10, 16, 27, .42),
    inset 0 1px rgba(255, 255, 255, .92) !important;
}

section#faq.fq-faq .fq-toggle {
  color: var(--uck-night-700, #1c3658) !important;
  background: rgba(255, 254, 253, .94) !important;
  border-color: rgba(22, 42, 70, .16) !important;
  box-shadow:
    0 16px 34px -27px rgba(10, 16, 27, .46),
    inset 0 1px rgba(255, 255, 255, .92) !important;
}

section#faq.fq-faq summary:is(:hover, :focus-visible) .fq-question-band,
section#faq.fq-faq details[open] .fq-question-band {
  border-color: rgba(104, 168, 232, .48) !important;
  box-shadow:
    0 20px 42px -27px rgba(10, 16, 27, .58),
    inset 0 1px rgba(255, 255, 255, .12) !important;
}

section#faq.fq-faq summary:is(:hover, :focus-visible) .fq-toggle {
  color: var(--uck-paper-50, #fffefd) !important;
  background: var(--uck-night-700, #1c3658) !important;
  border-color: rgba(104, 168, 232, .64) !important;
}

section#faq.fq-faq summary:focus-visible .fq-question-band,
section#faq.fq-faq summary:focus-visible .fq-toggle {
  outline-color: rgba(104, 168, 232, .62) !important;
}

section#faq.fq-faq details[open] .fq-question-band {
  color: var(--uck-paper-50, #fffefd) !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(104, 168, 232, .22), transparent 32%),
    linear-gradient(110deg, var(--uck-night-950, #0a101b), var(--uck-night-700, #1c3658)) !important;
  border-color: rgba(168, 207, 243, .22) !important;
}

section#faq.fq-faq details[open] .fq-toggle {
  color: var(--uck-paper-50, #fffefd) !important;
  background: var(--uck-night-950, #0a101b) !important;
  border-color: rgba(168, 207, 243, .24) !important;
}

section#faq.fq-faq .fq-answer {
  color: rgba(255, 254, 253, .78) !important;
  background:
    radial-gradient(circle at 92% 110%, rgba(104, 168, 232, .16), transparent 38%),
    linear-gradient(110deg, var(--uck-night-950, #0a101b), var(--uck-night-700, #1c3658)) !important;
  border-color: rgba(168, 207, 243, .22) !important;
  box-shadow: 0 24px 46px -30px rgba(10, 16, 27, .72) !important;
}

section#faq.fq-faq .fq-answer strong {
  color: var(--uck-result-500, #5ca897) !important;
}

/* ──────────────────────────────────────────────────────────────────────────
   Closer — cobalt night panel, restrained coral ember, current Night Glass.
   ─────────────────────────────────────────────────────────────────────── */
section#closer.cl-closer {
  --ink: #fffefd;
  --muted: rgba(234, 243, 251, .72);
  --red: var(--uck-coral-500, #ff315b);
  --red-hi: #ff5575;
  --mineral: var(--uck-result-500, #5ca897);
  --card: var(--uck-night-950, #0a101b);
  --card-edge: rgba(168, 207, 243, .22);
  --seam-dark: var(--uck-night-950, #0a101b);
  --seam-arrival: var(--uck-night-700, #1c3658);
  --cycle: 6s;
}

section#closer.cl-closer .cl-box {
  border-color: rgba(168, 207, 243, .2) !important;
  background:
    radial-gradient(ellipse at 83% 48%, rgba(104, 168, 232, .2), transparent 36%),
    radial-gradient(ellipse at 8% 112%, rgba(28, 54, 88, .74), transparent 46%),
    linear-gradient(118deg, #0a101b 0%, #0f1b2c 46%, #1c3658 100%) !important;
  box-shadow:
    0 36px 90px rgba(10, 16, 27, .25),
    inset 0 1px rgba(255, 255, 255, .1),
    inset 0 -1px rgba(0, 0, 0, .24) !important;
}

section#closer.cl-closer .cl-box::before {
  opacity: .2 !important;
  background-image:
    linear-gradient(rgba(168, 207, 243, .13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 207, 243, .13) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  background-position: center !important;
}

section#closer.cl-closer .cl-box::after {
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .13),
    inset 0 0 0 1px rgba(168, 207, 243, .05) !important;
}

section#closer.cl-closer .cl-ember-field {
  right: 8% !important;
  width: 292px !important;
  height: 292px !important;
  background: radial-gradient(circle at 35% 30%, #ff5575 0%, #ff315b 38%, #b61038 100%) !important;
  box-shadow:
    0 0 66px rgba(255, 49, 91, .22),
    0 28px 66px rgba(10, 16, 27, .32) !important;
}

section#closer.cl-closer .cl-ember-field::before {
  inset: -84px !important;
  background: radial-gradient(circle, rgba(255, 49, 91, .23), rgba(255, 49, 91, .1) 34%, transparent 70%) !important;
}

section#closer.cl-closer .cl-eyebrow {
  color: rgba(223, 238, 233, .82) !important;
}

section#closer.cl-closer .cl-eyebrow i {
  background: var(--uck-result-500, #5ca897) !important;
  box-shadow: 0 0 0 5px rgba(92, 168, 151, .12) !important;
}

section#closer.cl-closer .cl-copy h2 {
  color: var(--uck-paper-50, #fffefd) !important;
}

section#closer.cl-closer .cl-copy h2 span {
  color: var(--uck-coral-500, #ff315b) !important;
}

section#closer.cl-closer .cl-capture {
  padding-bottom: 0 !important;
  border-color: rgba(168, 207, 243, .22) !important;
  background: linear-gradient(135deg, #f8f5f0, #fffefd 58%, #edf4fb) !important;
  box-shadow:
    inset 1px 0 rgba(255, 49, 91, .13),
    inset -1px 0 rgba(104, 168, 232, .18),
    inset 0 1px rgba(255, 255, 255, .92),
    0 24px 58px rgba(6, 14, 25, .24) !important;
}

section#closer.cl-closer .cl-capture-seam {
  background:
    radial-gradient(circle at 66% 0%, rgba(104, 168, 232, .3), transparent 34%),
    linear-gradient(90deg, #17101c 0%, #0f1b2c 34%, #1c3658 100%) !important;
  border-bottom: 1px solid rgba(168, 207, 243, .18) !important;
}

section#closer.cl-closer .cl-housing {
  background: linear-gradient(145deg, #cddced, #fffefd 48%, #d9e7f4) !important;
  box-shadow:
    0 6px 13px rgba(15, 27, 44, .1),
    inset 2px 2px 4px rgba(92, 126, 164, .24),
    inset -1px -1px rgba(255, 255, 255, .96) !important;
}

section#closer.cl-closer .cl-input-well {
  border-color: rgba(104, 168, 232, .38) !important;
  background: linear-gradient(135deg, #fffefd, #fbfcfe 58%, #eef4fa) !important;
  box-shadow:
    inset 3px 3px 6px rgba(255, 255, 255, .99),
    inset -3px -4px 10px rgba(54, 93, 135, .16),
    0 0 0 1px rgba(104, 168, 232, .08) !important;
}

section#closer.cl-closer .cl-input-well::after {
  background-image: linear-gradient(100deg, transparent 40%, rgba(168, 207, 243, .52) 47%, rgba(255, 49, 91, .22) 51%, transparent 59%) !important;
  background-size: 260% 100% !important;
  animation: uck-closer-input-sweep var(--cycle) linear 1.75s infinite !important;
}

@keyframes uck-closer-input-sweep {
  0% { background-position: 130% 0; }
  25% { background-position: -30% 0; }
  25.001%, 100% { background-position: 130% 0; }
}

section#closer.cl-closer .cl-link-icon {
  color: var(--uck-night-700, #1c3658) !important;
}

section#closer.cl-closer input,
section#closer.cl-closer textarea {
  color: var(--uck-night-950, #0a101b) !important;
}

section#closer.cl-closer input::placeholder,
section#closer.cl-closer textarea::placeholder {
  color: #657184 !important;
}

section#closer.cl-closer .cl-cta-housing {
  background: linear-gradient(145deg, #d6e2ef, #fffefd 48%, #dce7f1) !important;
  box-shadow:
    0 5px 11px rgba(15, 27, 44, .1),
    inset 2px 2px 4px rgba(73, 105, 140, .2),
    inset -2px -2px 3px rgba(255, 255, 255, .96) !important;
}

section#closer.cl-closer button {
  background-color: var(--uck-coral-600, #db1744) !important;
  background-image: radial-gradient(closest-side, rgba(168, 207, 243, .88), rgba(255, 108, 140, .75) 48%, rgba(255, 49, 91, 0) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .26),
    0 2px 5px rgba(140, 17, 52, .16),
    0 12px 22px -13px rgba(219, 23, 68, .5) !important;
  animation: uck-closer-cta-sweep var(--cycle) ease-in-out 1.75s infinite both !important;
}

@keyframes uck-closer-cta-sweep {
  0% { background-position: -400px center; }
  25% { background-position: calc(100% + 400px) center; }
  25.001%, 100% { background-position: -400px center; }
}

section#closer.cl-closer .cl-meta i {
  background: var(--uck-coral-500, #ff315b) !important;
}

section#closer.cl-closer .cl-capture .cl-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: auto !important;
  min-height: 50px !important;
  margin: 15px -15px 0 !important;
  padding: 0 17px !important;
  border-top: 1px solid rgba(168, 207, 243, .16) !important;
  border-radius: 0 0 22px 22px !important;
  background: linear-gradient(90deg, #17101c 0%, #0f1b2c 34%, #1c3658 100%) !important;
  color: rgba(247, 250, 255, .78) !important;
}

section#closer.cl-closer .cl-help {
  color: #f7faff !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

section#closer.cl-closer .cl-trust {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

@media (max-width: 760px) {
  section#closer.cl-closer .cl-capture {
    padding-bottom: 0 !important;
  }

  section#closer.cl-closer .cl-capture .cl-meta {
    width: auto !important;
    min-height: 58px !important;
    margin: 10px -10px 0 !important;
    padding: 9px 13px !important;
    border-radius: 0 0 19px 19px !important;
  }

  section#closer.cl-closer .cl-help {
    display: none !important;
  }

  section#closer.cl-closer .cl-trust {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 13px !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   Footer — airy paper, cobalt hierarchy, coral action, green confirmation.
   ─────────────────────────────────────────────────────────────────────── */
footer.ft-footer,
#extension-modal.ft-modal {
  --bg: var(--uck-paper-50, #fffefd);
  --paper: var(--uck-paper-100, #f8f5f0);
  --paper-deep: #e8edf2;
  --surface: #fff;
  --ink: var(--uck-night-950, #0a101b);
  --ink-2: #596274;
  --ink-3: #737b89;
  --line: var(--uck-line-light, rgba(22, 42, 70, .13));
  --green: var(--uck-result-600, #2f6f68);
  --green-dark: var(--uck-result-600, #2f6f68);
  --green-soft: var(--uck-result-100, #dfeee9);
  --red: var(--uck-coral-600, #db1744);
  --red-hover: var(--uck-coral-500, #ff315b);
}

footer.ft-footer {
  background:
    radial-gradient(ellipse at 5% 100%, rgba(104, 168, 232, .18), transparent 36%),
    radial-gradient(ellipse at 96% 96%, rgba(255, 49, 91, .055), transparent 26%),
    linear-gradient(180deg, #fffefd 0%, #f8f5f0 58%, #e8edf2 100%) !important;
}

footer.ft-footer::before {
  opacity: .018 !important;
}

footer.ft-footer .ft-logo-type,
footer.ft-footer .ft-wordmark {
  color: var(--uck-night-800, #162a46) !important;
}

footer.ft-footer .ft-brand-title span {
  color: var(--uck-result-600, #2f6f68) !important;
}

footer.ft-footer .ft-nav-col h3 {
  color: var(--uck-night-700, #1c3658) !important;
}

footer.ft-footer .ft-nav-col a:hover,
footer.ft-footer .ft-footer-utility a:hover,
footer.ft-footer .ft-footer-utility button:hover {
  color: var(--uck-night-700, #1c3658) !important;
}

footer.ft-footer .ft-extension {
  border-color: rgba(104, 168, 232, .26) !important;
  background: rgba(234, 243, 251, .78) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .88),
    0 16px 34px -29px rgba(15, 27, 44, .4) !important;
}

footer.ft-footer .ft-extension-icon {
  border-color: rgba(104, 168, 232, .22) !important;
  background: var(--uck-blue-100, #eaf3fb) !important;
  color: var(--uck-night-700, #1c3658) !important;
}

footer.ft-footer .ft-extension-button {
  background: var(--uck-night-700, #1c3658) !important;
}

footer.ft-footer .ft-extension-button:hover {
  background: var(--uck-night-800, #162a46) !important;
}

footer.ft-footer .ft-signup {
  border-color: rgba(104, 168, 232, .24) !important;
  background: rgba(255, 254, 253, .76) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .9),
    0 16px 38px -31px rgba(15, 27, 44, .48) !important;
}

footer.ft-footer .ft-signup-note.success,
footer.ft-footer .ft-footer-bottom b {
  color: var(--uck-result-600, #2f6f68) !important;
}

footer.ft-footer .langmenu a:hover,
footer.ft-footer .langmenu a[aria-current],
footer.ft-footer .langmenu button:hover,
footer.ft-footer .langmenu button[aria-current="true"] {
  color: var(--uck-night-700, #1c3658) !important;
  background: var(--uck-blue-100, #eaf3fb) !important;
}

footer.ft-footer .ft-wordmark .ft-logo-type {
  filter: drop-shadow(0 22px 38px rgba(22, 42, 70, .09)) !important;
}

/* Extension modal follows the same hierarchy instead of returning to green. */
#extension-modal.ft-modal {
  background: rgba(10, 16, 27, .48) !important;
}

#extension-modal .ft-modal-panel {
  border-color: rgba(104, 168, 232, .22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(104, 168, 232, .13), transparent 34%),
    var(--uck-paper-50, #fffefd) !important;
  box-shadow: 0 30px 94px rgba(10, 16, 27, .3) !important;
}

#extension-modal .ft-modal-kicker {
  color: var(--uck-night-700, #1c3658) !important;
}

#extension-modal .ft-modal-form {
  border-color: rgba(104, 168, 232, .28) !important;
  background: var(--uck-blue-100, #eaf3fb) !important;
}

#extension-modal .ft-modal-form button {
  background: var(--uck-coral-600, #db1744) !important;
}

#extension-modal .ft-modal-note.success {
  color: var(--uck-result-600, #2f6f68) !important;
}

@media (max-width: 760px) {
  section#closer.cl-closer .cl-ember-field {
    top: 500px !important;
    right: -60px !important;
    width: 200px !important;
    height: 200px !important;
  }

  section#closer.cl-closer textarea {
    font-size: 11.5px !important;
  }

  section#closer.cl-closer .cl-box::before {
    background-size: 54px 54px !important;
    opacity: .16 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  section#closer.cl-closer .cl-input-well::after,
  section#closer.cl-closer button,
  section#closer.cl-closer .cl-ember-field,
  section#closer.cl-closer .cl-ember-field::before,
  section#closer.cl-closer .cl-eyebrow i,
  footer.ft-footer .ft-logo-type .ft-dot {
    animation: none !important;
  }

  section#closer.cl-closer .cl-ember-field {
    transform: translateY(-50%) !important;
  }
}