/* The contact page (central/contact.blade.php), after Asia.Agency's (Rio, 2026-10-14), in the brand:
   a near-black navy page, navy cards, the green glow, white text. Reference measured at 1024 wide:
   the form card 832 wide with a 20px radius, title 44px, chips 30px high, the submit 36px pill;
   platform cards 264 x 200; review cards 500 x 220; FAQ bars 54px with a 12px radius.
   Text on the page: white (#f4f7fb) and mint at 66% for secondary copy. */
.h-main--dark { background: #0a0f1a; }
.h-main--dark::before { opacity: 0.08; filter: invert(1); } /* the page lattice, faint on dark */
.h-contact, .h-cband {
    --c-bg: #0a0f1a;
    --c-card: #141b2a;
    --c-line: rgb(255 255 255 / 0.08);
    --c-line-2: rgb(255 255 255 / 0.16);
    --c-text: #f4f7fb;
    --c-soft: rgb(226 244 238 / 0.66);
    --c-green: #66d097;
    color: var(--c-text);
}
.h-contact { padding: 148px 24px 80px; }
.h-contact--after { padding-top: 88px; padding-bottom: 40px; }
.h-contact--after .h-cfaq { margin-top: 0; }
.h-contact :focus-visible { outline: 2px solid var(--c-green); outline-offset: 3px; }

/* The light band: the site's mint and lattice; the cards inside keep their navy. */
.h-cband { position: relative; padding: 72px 24px 88px; background: url("../../images/home/grid.svg") 50% 50% / 80px 80px, linear-gradient(180deg, #f3fffb, #eefffa); color: var(--h-ink); }
.h-cband :focus-visible { outline: 2px solid var(--h-600); outline-offset: 3px; }
/* The vendor's landing.css pads every <section> by 5rem; these sections set their own rhythm. */
.h-cform, .h-clogos, .h-cplat, .h-crev { padding-block: 0; }
.h-cfaq { padding-top: 0; }
.h-cband > section { margin-top: 0; }
.h-cband > section + section { margin-top: 72px; }
.h-cband .h-ctitle { background-image: linear-gradient(180deg, var(--h-950) 15%, #4b5568 100%); }
.h-cband .h-ctitle em { background-image: linear-gradient(90deg, var(--h-700), var(--h-600)); }
.h-cband .h-clogos__list img { filter: brightness(0); opacity: 0.45; } /* uploads are dark marks: grey on the mint */
.h-cband .h-clogos__list a:hover img { opacity: 0.75; }
.h-cband .h-cplat__list, .h-cband .h-crev__track { margin-top: 40px; }
.h-cband .h-crev__btn { border-color: rgb(21 30 49 / 0.22); color: var(--h-ink); }
.h-cband .h-crev__btn:hover:not(:disabled) { background: rgb(21 30 49 / 0.06); }
.h-cband .h-crev__progress { background: rgb(21 30 49 / 0.12); }
.h-cband .h-crev__progress span { background: var(--h-ink); }
.h-cband .h-cplat__card { box-shadow: 0 24px 48px -30px rgb(21 30 49 / 0.55); }
.h-cband .h-crev__card { box-shadow: 0 24px 48px -30px rgb(21 30 49 / 0.55); }
.h-cband .h-crev__track { -webkit-mask-image: none; mask-image: none; } /* over the mint a fade turns white text white-on-mint: cut cleanly instead */
.h-cband--cta { padding: 0; } /* the CTA section brings its own 5rem, as on the homepage */

/* Shared section title: the first words in green serif italic, the rest grey to white. */
.h-ctitle {
    max-width: 640px; margin: 0 auto; text-align: center; text-wrap: balance;
    font-family: "IBM Plex Sans", "Geist", ui-sans-serif, system-ui, sans-serif; font-size: 40px; line-height: 1.15; font-weight: 600; letter-spacing: -0.4px;
    background: linear-gradient(180deg, #ffffff 10%, #9aa3ad 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.h-ctitle em {
    font-family: "Source Serif 4", Georgia, serif; font-style: italic; font-weight: 600; letter-spacing: 0;
    background: linear-gradient(90deg, #8ef0b0, var(--c-green)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.h-ctitle--stack em { display: block; }

/* ── 1. The form card ── */
.h-cform { position: relative; max-width: 1120px; margin: 0 auto; }
.h-cform__frame { position: absolute; z-index: 0; width: 96px; height: 96px; border: 1px solid var(--c-line-2); border-radius: 10px; pointer-events: none; }
.h-cform__frame--a { top: 9%; inset-inline-start: -28px; }
.h-cform__frame--b { top: 40%; inset-inline-end: -28px; }
.h-cform__card {
    position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; overflow: hidden;
    padding: 72px 64px 64px; border: 1px solid var(--c-line); border-radius: 22px;
    background:
        radial-gradient(ellipse 18% 24% at 0% 100%, rgb(176 252 204 / 0.95), rgb(110 222 150 / 0.55) 45%, rgb(110 222 150 / 0) 80%), /* the bright corner, under the button */
        radial-gradient(ellipse 78% 92% at 0% 100%, rgb(42 134 82 / 0.9), rgb(34 108 70 / 0.52) 38%, rgb(20 27 42 / 0) 74%), /* the halo: dark enough for white text (>= 4.5) */
        var(--c-card);
    box-shadow: 0 40px 90px -40px rgb(0 0 0 / 0.9);
}
/* a field of faint green dots at the card's far side */
.h-cform__card::after {
    content: ""; position: absolute; inset: 0 0 0 auto; width: 40%; pointer-events: none;
    background: radial-gradient(circle, rgb(102 208 151 / 0.55) 0 1px, transparent 1.5px) 0 0 / 23px 29px;
    -webkit-mask: radial-gradient(ellipse 80% 60% at 100% 50%, #000, transparent 70%); mask: radial-gradient(ellipse 80% 60% at 100% 50%, #000, transparent 70%);
    opacity: 0.5;
}
[dir="rtl"] .h-cform__card::after { inset: 0 auto 0 0; }
/* In RTL the copy is on the right, so the glow follows it there. */
[dir="rtl"] .h-cform__card {
    background:
        radial-gradient(ellipse 18% 24% at 100% 100%, rgb(176 252 204 / 0.95), rgb(110 222 150 / 0.55) 45%, rgb(110 222 150 / 0) 80%),
        radial-gradient(ellipse 78% 92% at 100% 100%, rgb(42 134 82 / 0.9), rgb(34 108 70 / 0.52) 38%, rgb(20 27 42 / 0) 74%),
        var(--c-card);
}
.h-cform__intro { position: relative; z-index: 1; display: flex; flex-direction: column; }
.h-cform__title { font-family: "IBM Plex Sans", "Geist", ui-sans-serif, system-ui, sans-serif; font-size: 46px; line-height: 1.1; font-weight: 600; letter-spacing: -0.6px; color: #fff; text-wrap: balance; }
.h-cform__points { display: flex; flex-direction: column; gap: 12px; margin-top: 26px; font-size: 15px; line-height: 20px; color: rgb(244 247 251 / 0.92); }
.h-cform__points li { display: flex; align-items: flex-start; gap: 10px; }
.h-cform__points i { flex-shrink: 0; color: var(--c-green); font-size: 15px; line-height: 20px; }
.h-cform__reach { margin-top: auto; padding-top: 120px; }
.h-cform__email { font-size: 17px; font-weight: 600; color: #fff; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.h-cform__email:hover { color: #eefffa; }
.h-cform__call { max-width: 260px; margin-top: 22px; font-size: 16px; line-height: 22px; font-weight: 600; color: #fff; }
.h-cform__callbtn {
    display: inline-flex; align-items: center; height: 34px; margin-top: 16px; padding: 0 16px; border-radius: 999px;
    background: rgb(10 15 26 / 0.55); color: #fff; font-size: 14px; font-weight: 600; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    transition: background-color 0.2s ease;
}
.h-cform__callbtn:hover { background: rgb(10 15 26 / 0.75); }

.h-cform__side { position: relative; z-index: 1; }
.h-cform__form { display: flex; flex-direction: column; gap: 22px; }
.h-cform__form[hidden], .h-cform__done[hidden] { display: none; }
.h-cform__group { margin: 0; padding: 0; border: 0; min-width: 0; position: relative; }
.h-cform__legend { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; font-weight: 600; color: #fff; }
.h-cform__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.h-chip { position: relative; margin: 0; cursor: pointer; }
.h-chip input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.h-chip span {
    display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border: 1px solid var(--c-line-2); border-radius: 999px;
    background: rgb(255 255 255 / 0.03); color: rgb(244 247 251 / 0.88); font-size: 13px; line-height: 1; font-weight: 500; white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.h-chip:hover span { border-color: rgb(255 255 255 / 0.32); }
.h-chip input:checked + span { border-color: #eefffa; background: #eefffa; color: #0a0f1a; }
.h-chip input:focus-visible + span { outline: 2px solid var(--c-green); outline-offset: 2px; }

.h-cform__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
/* The name across the row; email and phone side by side under it */
.h-cform__row > :first-child { grid-column: 1 / -1; }
/* Fields: a line under, the label inside until there is text, then above it. */
.h-field { position: relative; padding-top: 18px; }
.h-field__input {
    display: block; width: 100%; padding: 6px 0 8px; border: 0; border-bottom: 1px solid var(--c-line-2); border-radius: 0;
    background: transparent; color: #fff; font: inherit; font-size: 15px; line-height: 22px; outline: none; transition: border-color 0.2s ease;
}
.h-field__input--area { min-height: 40px; resize: vertical; }
.h-field__input:focus { border-color: var(--c-green); }
.h-field__input[aria-invalid="true"] { border-color: #fda4af; }
.h-field__label {
    position: absolute; inset-inline-start: 0; top: 24px; margin: 0; color: rgb(244 247 251 / 0.92); font-size: 15px; line-height: 22px; font-weight: 500;
    pointer-events: none; transform-origin: 0 0; transition: transform 0.2s ease, color 0.2s ease;
}
[dir="rtl"] .h-field__label { transform-origin: 100% 0; }
.h-field__input:focus + .h-field__label, .h-field__input:not(:placeholder-shown) + .h-field__label { transform: translateY(-22px) scale(0.8); color: var(--c-soft); }
.h-field__req { color: var(--c-green); }
.h-field__err { min-height: 0; margin: 6px 0 0; font-size: 13px; line-height: 18px; color: #fda4af; }
.h-field__err:empty { display: none; }

.h-drop {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 64px; margin: 0;
    padding: 12px 44px; border: 1px dashed var(--c-line-2); border-radius: 10px; background: rgb(0 0 0 / 0.28); text-align: center; cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
.h-drop:hover, .h-drop.is-over { border-color: var(--c-green); background: rgb(102 208 151 / 0.06); }
.h-drop__input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.h-drop__input:focus-visible ~ .h-drop__text { outline: 2px solid var(--c-green); outline-offset: 4px; border-radius: 4px; }
.h-drop__text { font-size: 13px; line-height: 18px; color: #fff; overflow-wrap: anywhere; }
.h-drop__hint { font-size: 12px; line-height: 16px; color: var(--c-soft); }
.h-drop__clear {
    position: absolute; top: 40px; inset-inline-end: 10px; display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%;
    background: rgb(255 255 255 / 0.1); color: #fff; font-size: 12px; cursor: pointer;
}
.h-drop__clear[hidden] { display: none; }
.h-cform__submit {
    height: 44px; margin-top: 4px; border: 0; border-radius: 999px; background: #fff; color: #0a0f1a; font-size: 15px; font-weight: 600; cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.h-cform__submit:hover { background: #eefffa; }
.h-cform__submit:disabled { opacity: 0.7; cursor: progress; }
.h-cform__status { min-height: 0; margin: -8px 0 0; font-size: 14px; line-height: 20px; color: #fda4af; }
.h-cform__status:empty { display: none; }
.h-cform__done { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 100%; padding: 24px 0; outline: none; }
.h-cform__done-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--c-green); color: #0a0f1a; font-size: 26px; box-shadow: 0 0 0 8px rgb(102 208 151 / 0.15); }
.h-cform__done-title { margin-top: 22px; font-size: 24px; line-height: 30px; font-weight: 600; color: #fff; }
.h-cform__done-text { margin-top: 8px; font-size: 15px; line-height: 22px; color: var(--c-soft); }
.h-cform__again { margin-top: 20px; padding: 0; border: 0; background: none; color: #fff; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }

/* ── 2. Clients' logos ── */
.h-clogos { max-width: 920px; margin: 0 auto; }
.h-clogos__list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 22px 44px; }
.h-clogos__list img { display: block; max-width: 132px; max-height: 26px; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.5; transition: opacity 0.2s ease; }
.h-clogos__list a:hover img { opacity: 0.85; }

/* ── 3. Review platforms ── */
.h-cplat { max-width: 1120px; margin: 96px auto 0; }
.h-cplat__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 56px; }
.h-cplat__list--1 { grid-template-columns: minmax(0, 360px); justify-content: center; }
.h-cplat__list--2 { grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; }
.h-cplat__card { position: relative; overflow: hidden; border: 1px solid var(--c-line); border-radius: 16px; background: #0f1520; transition: border-color 0.25s ease, transform 0.25s ease; }
.h-cplat__card.is-lit {
    border-color: var(--c-line-2);
    background:
        radial-gradient(ellipse 70% 80% at 85% 0%, rgb(46 160 92 / 0.45), transparent 70%),
        #121a26;
}
/* its dots, at the top right only, fading out well above the label */
.h-cplat__card.is-lit::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(circle, rgb(102 208 151 / 0.6) 0 1px, transparent 1.5px) 100% 0 / 19px 23px;
    -webkit-mask: radial-gradient(ellipse 75% 70% at 100% 0%, #000 30%, transparent 70%); mask: radial-gradient(ellipse 75% 70% at 100% 0%, #000 30%, transparent 70%);
}
.h-cplat__card > * { position: relative; }
.h-cplat__card:hover { border-color: rgb(102 208 151 / 0.4); transform: translateY(-3px); }
.h-cplat__link, .h-cplat__card > img { color: inherit; }
.h-cplat__link, .h-cplat__card:not(:has(a)) { display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-height: 210px; padding: 52px 24px 30px; }
.h-cplat__logo { max-width: 170px; max-height: 44px; object-fit: contain; }
.h-cplat__label { font-size: 14px; line-height: 20px; font-weight: 500; color: rgb(244 247 251 / 0.88); }

/* ── 4. Reviews slider ── */
.h-crev { max-width: 1120px; margin: 96px auto 0; }
.h-crev__track {
    display: flex; gap: 24px; margin-top: 56px; padding: 4px 0 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
    scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent);
}
[dir="rtl"] .h-crev__track { -webkit-mask-image: linear-gradient(to left, #000 85%, transparent); mask-image: linear-gradient(to left, #000 85%, transparent); }
.h-crev__track::-webkit-scrollbar { display: none; }
.h-crev__track:focus-visible { outline-offset: 6px; border-radius: 16px; }
.h-crev__card {
    position: relative; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 28px; flex: 0 0 min(520px, 86%); min-height: 220px; padding: 28px;
    scroll-snap-align: start; border: 1px solid var(--c-line-2); border-radius: 16px; overflow: hidden;
    background: radial-gradient(ellipse 50% 70% at 100% 0%, rgb(255 255 255 / 0.07), transparent 70%), linear-gradient(160deg, #182030, #10161f);
}
.h-crev__card:first-child { border-color: rgb(255 255 255 / 0.24); }
.h-crev__who { display: flex; flex-direction: column; align-items: flex-start; }
.h-crev__av { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #1f6b48; color: #eefffa; font-weight: 600; box-shadow: 0 0 0 3px rgb(255 255 255 / 0.08); }
.h-crev__name { margin-top: 14px; font-size: 15px; line-height: 20px; font-weight: 600; color: #fff; }
.h-crev__role { margin-top: 4px; font-size: 13px; line-height: 18px; color: var(--c-soft); }
.h-crev__rating {
    display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 5px 10px; border: 1px solid var(--c-line-2); border-radius: 999px;
    background: rgb(0 0 0 / 0.25); font-size: 13px; font-weight: 600; color: #fff;
}
.h-crev__stars { display: inline-flex; gap: 2px; color: #f8b93f; font-size: 10px; }
.h-crev__stars .is-off { color: rgb(255 255 255 / 0.2); }
.h-crev__text { margin: 0; font-size: 16px; line-height: 25px; color: #fff; }
.h-crev__nav { display: flex; align-items: center; gap: 10px; margin-top: 24px; }
.h-crev__btn { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--c-line-2); border-radius: 50%; background: transparent; color: #fff; font-size: 14px; cursor: pointer; transition: background-color 0.2s ease, opacity 0.2s ease; }
.h-crev__btn:hover:not(:disabled) { background: rgb(255 255 255 / 0.08); }
.h-crev__btn:disabled { opacity: 0.35; cursor: default; }
[dir="rtl"] .h-crev__btn i { transform: scaleX(-1); }
.h-crev__progress { position: relative; flex: 1; height: 2px; margin-inline-start: 14px; border-radius: 2px; background: var(--c-line); }
.h-crev__progress span { position: absolute; inset-block: 0; inset-inline-start: 0; width: var(--p-w, 20%); transform: translateX(var(--p-x, 0)); border-radius: 2px; background: #fff; transition: transform 0.25s ease; }

/* ── 5. Questions by topic ── */
.h-cfaq { position: relative; max-width: 1120px; margin: 104px auto 0; padding-bottom: 40px; }
.h-cfaq__grid {
    position: absolute; inset: 120px -60px 0; z-index: 0; pointer-events: none;
    background: linear-gradient(var(--c-line) 1px, transparent 1px) 0 0 / 88px 88px, linear-gradient(90deg, var(--c-line) 1px, transparent 1px) 0 0 / 88px 88px;
    -webkit-mask: radial-gradient(ellipse 70% 60% at 50% 30%, #000, transparent 75%); mask: radial-gradient(ellipse 70% 60% at 50% 30%, #000, transparent 75%);
}
/* green corner lines, as on the reference */
.h-cfaq::before, .h-cfaq::after {
    content: ""; position: absolute; top: 150px; z-index: 0; width: 70px; height: 70px; pointer-events: none;
    border-top: 1px solid rgb(102 208 151 / 0.8); filter: drop-shadow(0 0 4px rgb(102 208 151 / 0.8)); /* the glow follows the lines, not the box */
}
.h-cfaq::before { inset-inline-start: 6%; border-inline-start: 1px solid rgb(102 208 151 / 0.7); border-start-start-radius: 8px; }
.h-cfaq::after { inset-inline-end: 3%; border-inline-end: 1px solid rgb(102 208 151 / 0.7); border-start-end-radius: 8px; }
.h-cfaq > * { position: relative; z-index: 1; }
.h-cfaq__tabs { display: flex; justify-content: center; gap: 6px; margin-top: 30px; }
.h-cfaq__tabs[hidden] { display: none; }
.h-cfaq__tab { height: 32px; padding: 0 14px; border: 1px solid var(--c-line); border-radius: 999px; background: rgb(102 208 151 / 0.12); color: #fff; font-size: 13px; font-weight: 500; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
.h-cfaq__tab[aria-selected="true"] { background: #fff; color: #0a0f1a; }
.h-cfaq__panel { display: flex; flex-direction: column; gap: 14px; margin-top: 44px; }
.h-cfaq__panel[hidden] { display: none; }
.h-cfaq.is-tabbed .h-cfaq__topic { display: none; }
.h-cfaq__topic { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--c-soft); text-transform: uppercase; letter-spacing: 0.08em; }
.h-cfaq__item { position: relative; overflow: hidden; border: 1px solid var(--c-line); border-radius: 12px; background: #05080d; }
.h-cfaq__item summary { display: flex; align-items: center; gap: 16px; min-height: 56px; padding: 14px 24px; list-style: none; cursor: pointer; font-size: 17px; line-height: 24px; font-weight: 500; color: #fff; }
.h-cfaq__item summary::-webkit-details-marker { display: none; }
.h-cfaq__item summary i { flex-shrink: 0; font-size: 13px; transition: transform 0.2s ease; }
[dir="rtl"] .h-cfaq__item summary i { transform: scaleX(-1); }
.h-cfaq__item[open] summary i { transform: rotate(90deg); }
.h-cfaq__answer { padding: 0 24px 22px 53px; font-size: 14px; line-height: 22px; color: var(--c-soft); }
[dir="rtl"] .h-cfaq__answer { padding: 0 53px 22px 24px; }
/* the open question's light, under it */
.h-cfaq__item[open]::after { content: ""; position: absolute; inset: auto 20% -18px; height: 36px; pointer-events: none; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgb(255 255 255 / 0.55), transparent 70%); filter: blur(6px); }


@media (max-width: 960px) {
    .h-contact { padding-top: 128px; }
    .h-cband { padding: 56px 24px 64px; }
    .h-cband > section + section { margin-top: 56px; }
    .h-cform__card { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 48px 32px 40px; }
    .h-cform__reach { padding-top: 32px; }
    .h-cform__frame { display: none; }
    .h-cplat__list { grid-template-columns: minmax(0, 1fr); max-width: 420px; margin-inline: auto; }
}
@media (max-width: 639px) {
    .h-contact { padding: 104px 12px 56px; }
    .h-contact--after { padding-top: 64px; }
    .h-cband { padding: 48px 12px 56px; }
    .h-cband > section + section { margin-top: 48px; }
    .h-cform__card { padding: 36px 20px 28px; border-radius: 18px; }
    .h-cform__title { font-size: 34px; }
    .h-cform__row { grid-template-columns: minmax(0, 1fr); }
    .h-ctitle { font-size: 30px; }
    .h-cplat, .h-crev, .h-cfaq { margin-top: 72px; }
    .h-crev__card { grid-template-columns: minmax(0, 1fr); gap: 18px; flex-basis: 88%; }
    .h-crev__rating { margin-top: 14px; }
    .h-cfaq__item summary { padding: 14px 16px; font-size: 16px; }
    .h-cfaq__answer { padding: 0 16px 18px 45px; }
    .h-cfaq::before, .h-cfaq::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .h-crev__track { scroll-behavior: auto; }
}