/* FAQ: Home-level hierarchy and an intentionally calm answer experience. */
body:has([data-editable="faq-hero-title"]) main > section:first-child {
    position: relative;
    isolation: isolate;
    padding-top: 140px !important;
    padding-bottom: 46px !important;
}
body:has([data-editable="faq-hero-title"]) main > section:first-child::before {
    position: absolute;
    z-index: -1;
    top: 34px;
    left: 50%;
    width: min(900px, 82vw);
    height: 420px;
    border-radius: 999px;
    background: radial-gradient(ellipse at center, rgba(254,247,175,.55), rgba(132,230,246,.14) 48%, transparent 72%);
    content: '';
    transform: translateX(-50%);
}
body:has([data-editable="faq-hero-title"]) main > section:first-child > div,
body:has([data-editable="faq-hero-title"]) #faq > .section-container {
    width: 100% !important;
    max-width: 1500px !important;
    padding-inline: 48px !important;
}
body:has([data-editable="faq-hero-title"]) main > section:first-child > div { max-width: 1100px !important; }
body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-title"] {
    max-width: 950px;
    margin-inline: auto;
    font-size: clamp(54px, 6.15vw, 84px) !important;
    font-weight: 430 !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    text-wrap: balance;
}
body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-title"] { margin-bottom: 24px !important; }
body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-subtitle"] { max-width: 720px !important; margin-inline: auto !important; color: rgba(17,17,17,.64) !important; font-size: 19px !important; line-height: 1.55 !important; }
body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-desc"] { max-width: 640px !important; color: rgba(17,17,17,.55) !important; font-size: 16px !important; line-height: 1.62 !important; }

body:has([data-editable="faq-hero-title"]) #faq { padding-top: 0 !important; padding-bottom: 44px !important; }
body:has([data-editable="faq-hero-title"]) #faq > .section-container > .grid { gap: clamp(38px,5vw,78px) !important; align-items: start; }
body:has([data-editable="faq-hero-title"]) #faq .md\:col-span-1 { padding: 8px 6px 0 !important; }
body:has([data-editable="faq-hero-title"]) [data-editable="faq-section-title"] { font-size: clamp(40px,4.1vw,58px) !important; font-weight: 430 !important; line-height: 1.01 !important; letter-spacing: -.055em !important; }
body:has([data-editable="faq-hero-title"]) [data-editable="faq-section-desc"] { color: rgba(17,17,17,.57) !important; font-size: 15px !important; line-height: 1.62 !important; }
body:has([data-editable="faq-hero-title"]) #faq .btn-premium-outline { min-height: 46px !important; padding-inline: 20px !important; border-color: rgba(17,17,17,.22) !important; }
body:has([data-editable="faq-hero-title"]) #faq .md\:col-span-2 { gap: 9px !important; padding: 10px !important; border: 1px solid rgba(17,17,17,.08); border-radius: 32px !important; background: rgba(255,255,255,.46) !important; box-shadow: 0 19px 52px rgba(48,41,25,.07); }
body:has([data-editable="faq-hero-title"]) #faq .faq-item { padding: 26px 28px !important; border: 1px solid transparent; border-radius: 22px !important; background: rgba(255,255,255,.78) !important; box-shadow: none; transition: border-color 240ms ease, background 240ms ease, box-shadow 280ms ease, transform 280ms var(--site-chrome-ease, cubic-bezier(.16,1,.3,1)) !important; }
body:has([data-editable="faq-hero-title"]) #faq .faq-item:hover,
body:has([data-editable="faq-hero-title"]) #faq .faq-item:has(.grid-rows-\[1fr\]) { border-color: rgba(17,17,17,.11); background: #fff !important; box-shadow: 0 14px 31px rgba(48,41,25,.07); }
body:has([data-editable="faq-hero-title"]) #faq .faq-trigger { gap: 20px; }
body:has([data-editable="faq-hero-title"]) #faq .faq-trigger h6 { font-size: 18px !important; font-weight: 570 !important; letter-spacing: -.028em !important; }
body:has([data-editable="faq-hero-title"]) #faq .faq-icon { width: 34px !important; height: 34px !important; flex: 0 0 34px; border: 1px solid rgba(17,17,17,.07); background: rgba(17,17,17,.045) !important; box-shadow: none !important; }
body:has([data-editable="faq-hero-title"]) #faq .faq-grid p { max-width: 760px; padding-top: 18px !important; color: rgba(17,17,17,.59) !important; font-size: 14px !important; line-height: 1.62 !important; }
body:has([data-editable="faq-hero-title"]) #faq .faq-item:has(.grid-rows-\[1fr\]) .faq-icon { background: #fef7af !important; transform: rotate(180deg); }

@media (max-width: 767px) {
    body:has([data-editable="faq-hero-title"]) main > section:first-child { padding-top: 104px !important; padding-bottom: 32px !important; }
    body:has([data-editable="faq-hero-title"]) main > section:first-child > div,
    body:has([data-editable="faq-hero-title"]) #faq > .section-container { padding-inline: 18px !important; }
    body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-title"] { font-size: clamp(44px,12.6vw,61px) !important; }
    body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-subtitle"] { margin-bottom: 16px !important; font-size: 17px !important; }
    body:has([data-editable="faq-hero-title"]) [data-editable="faq-hero-desc"] { font-size: 15px !important; }
    body:has([data-editable="faq-hero-title"]) #faq { padding-top: 0 !important; padding-bottom: 36px !important; }
    body:has([data-editable="faq-hero-title"]) #faq .md\:col-span-1 { padding: 0 4px 20px !important; text-align: left !important; }
    body:has([data-editable="faq-hero-title"]) #faq .btn-premium-outline { width: 100%; justify-content: center; margin: 0 !important; }
    body:has([data-editable="faq-hero-title"]) #faq .md\:col-span-2 { padding: 7px !important; border-radius: 25px !important; }
    body:has([data-editable="faq-hero-title"]) #faq .faq-item { padding: 22px 20px !important; border-radius: 18px !important; }
    body:has([data-editable="faq-hero-title"]) #faq .faq-trigger { gap: 14px; }
    body:has([data-editable="faq-hero-title"]) #faq .faq-trigger h6 { font-size: 16px !important; line-height: 1.25 !important; }
    body:has([data-editable="faq-hero-title"]) #faq .faq-icon { width: 31px !important; height: 31px !important; flex-basis: 31px; }
}