/* FAQ experience v3 — About-page surfaces, SVG controls and responsive polish. */
body[data-page="faq"] .faq-v3{--fq-line:rgba(59,159,189,.38);--fq-surface:radial-gradient(circle at 94% 10%,rgba(221,76,193,.1),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(230,255,251,.82),rgba(245,242,255,.86));--fq-card:linear-gradient(145deg,rgba(255,255,255,.94),rgba(237,255,252,.82) 58%,rgba(250,242,255,.78))}
body[data-page="faq"] .faq-v3 h1,body[data-page="faq"] .faq-v3 h2,body[data-page="faq"] .faq-v3 h3{text-shadow:none!important}
body[data-page="faq"] .faq-v3-hero,body[data-page="faq"] .faq-v3-categories,body[data-page="faq"] .faq-v3-accordion,body[data-page="faq"] .faq-v3-help-card,body[data-page="faq"] .faq-v3-message-card,body[data-page="faq"] .faq-v3-cta{border:1px solid var(--fq-line)!important;background:var(--fq-surface)!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.96),0 15px 31px rgba(34,102,132,.09)!important}

body[data-page="faq"] .faq-v3-hero{min-height:410px!important;padding:34px 58px!important;background:radial-gradient(circle at 90% 11%,rgba(31,210,201,.17),transparent 26%),radial-gradient(circle at 6% 91%,rgba(224,82,196,.13),transparent 24%),linear-gradient(120deg,#fff,rgba(235,255,252,.94) 57%,rgba(255,241,251,.92))!important}
body[data-page="faq"] .faq-v3-hero h1{max-width:none!important;margin:18px 0 13px!important;font-size:25px!important;line-height:1.14!important;letter-spacing:0!important;white-space:nowrap!important;text-shadow:none!important}
body[data-page="faq"] .faq-v3-hero-art{height:350px!important}
body[data-page="faq"] .faq-v3-hero-art picture{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%}
body[data-page="faq"] .faq-v3-hero-art img{width:min(76%,455px)!important;max-height:325px!important;object-fit:contain!important}

body[data-page="faq"] .faq-v3-categories{position:relative;z-index:2;gap:11px!important;margin-top:32px!important;padding:14px!important;background:var(--fq-surface)!important}
body[data-page="faq"] .faq-category{height:92px!important;border-color:rgba(50,150,185,.24)!important;background:var(--fq-card)!important;box-shadow:inset 1px 1px 0 #fff,0 7px 16px rgba(39,103,134,.07)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
body[data-page="faq"] .faq-category:hover{transform:translateY(-4px);border-color:rgba(37,151,209,.52)!important;box-shadow:inset 1px 1px 0 #fff,0 12px 22px rgba(39,103,134,.12)!important}
body[data-page="faq"] .faq-category.is-active{border-color:rgba(255,255,255,.72)!important;background:linear-gradient(120deg,#08c7ba,#178fe7 54%,#d642ca)!important;box-shadow:inset 0 1px rgba(255,255,255,.55),0 11px 22px rgba(48,91,173,.2)!important}

body[data-page="faq"] .faq-v3-content{margin-top:30px!important}
body[data-page="faq"] .faq-v3-accordion{padding:30px!important;background:var(--fq-surface)!important}
body[data-page="faq"] .faq-v3-item{border-color:rgba(65,155,189,.24)!important;background:var(--fq-card)!important;box-shadow:inset 1px 1px 0 #fff,0 7px 17px rgba(41,103,137,.06)!important;transition:border-color .2s ease,transform .2s ease!important}
body[data-page="faq"] .faq-v3-item:hover{border-color:rgba(41,148,203,.48)!important;transform:translateY(-1px)}
body[data-page="faq"] .faq-v3-item[open] summary{background:linear-gradient(105deg,rgba(223,255,250,.75),rgba(239,243,255,.72),rgba(253,235,249,.7))!important}
body[data-page="faq"] .faq-v3-chevron{display:grid!important;width:31px!important;height:31px!important;place-items:center!important;border:1px solid rgba(43,151,188,.29)!important;border-radius:50%!important;background:linear-gradient(145deg,#e1fff9,#f5e7f7)!important;transform:none!important;color:#087fa8!important;transition:transform .22s ease!important}
body[data-page="faq"] .faq-v3-chevron svg{width:16px;height:16px}
body[data-page="faq"] .faq-v3-item[open] .faq-v3-chevron{transform:rotate(180deg)!important}

body[data-page="faq"] .faq-v3-help-card,body[data-page="faq"] .faq-v3-message-card{background:var(--fq-surface)!important}
body[data-page="faq"] .faq-v3-help-card h2{max-width:none!important;margin:13px 0 12px!important;font-size:25px!important;line-height:1.12!important;letter-spacing:0!important;white-space:nowrap!important;text-shadow:none!important}
body[data-page="faq"] .faq-v3-benefits li{padding:9px 10px;border:1px solid rgba(60,155,186,.22);border-radius:13px;background:var(--fq-card);box-shadow:inset 1px 1px 0 #fff}
body[data-page="faq"] .faq-v3-message-card picture{animation:faqMessageFloat 4.8s ease-in-out infinite}

body[data-page="faq"] .faq-v3-search button,body[data-page="faq"] .faq-v3-primary,body[data-page="faq"] .faq-v3-message-card a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:46px!important;height:auto!important;padding:11px 18px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:12px!important;background:linear-gradient(105deg,#08c7ba 0%,#178fe7 52%,#d642ca 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.58),0 11px 22px rgba(48,91,173,.2)!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}
body[data-page="faq"] .faq-v3-search button:hover,body[data-page="faq"] .faq-v3-primary:hover,body[data-page="faq"] .faq-v3-message-card a:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:inset 0 1px rgba(255,255,255,.66),0 15px 28px rgba(48,91,173,.25)!important}
body[data-page="faq"] .faq-v3-primary .faq-button-arrow,body[data-page="faq"] .faq-v3-message-card .faq-button-arrow{display:grid;margin-left:auto!important;padding:0!important;font-size:0!important}body[data-page="faq"] .faq-button-arrow svg{width:18px;height:18px}

body[data-page="faq"] .faq-v3-cta{background:radial-gradient(circle at 95% 90%,rgba(14,226,211,.23),transparent 27%),radial-gradient(circle at 5% 16%,rgba(224,86,194,.15),transparent 28%),linear-gradient(115deg,#f2fffd,#ebf9ff 58%,#faeefa)!important}
body[data-page="faq"] .faq-v3-cta h2{text-shadow:none!important}
body[data-page="faq"] .faq-v3-cta picture img{animation:faqCtaFloat 5s ease-in-out infinite!important}
@keyframes faqCtaFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes faqMessageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){body[data-page="faq"] .faq-v3-hero-art img,body[data-page="faq"] .faq-v3-message-card picture,body[data-page="faq"] .faq-v3-cta picture img,body[data-page="faq"] .faq-orb{animation:none!important}}
@media(max-width:1100px){body[data-page="faq"] .faq-v3-hero h1,body[data-page="faq"] .faq-v3-help-card h2{white-space:normal!important}}
@media(max-width:820px){body[data-page="faq"] .faq-v3-hero{padding:32px 28px 8px!important}body[data-page="faq"] .faq-v3-hero-art{height:285px!important}body[data-page="faq"] .faq-v3-hero-art img{max-height:270px!important}body[data-page="faq"] .faq-v3-categories{margin-top:24px!important}}
@media(max-width:620px){body[data-page="faq"] .faq-v3-hero h1,body[data-page="faq"] .faq-v3-help-card h2{font-size:25px!important;white-space:normal!important}body[data-page="faq"] .faq-v3-hero-art img{width:min(82%,360px)!important}body[data-page="faq"] .faq-v3-accordion{padding:12px!important}}

/* Flat section rule: retain every visible stroke, remove wrapper/card shadows. */
body[data-page="faq"] .faq-v3-hero,
body[data-page="faq"] .faq-v3-categories,
body[data-page="faq"] .faq-v3-accordion,
body[data-page="faq"] .faq-v3-help-card,
body[data-page="faq"] .faq-v3-message-card,
body[data-page="faq"] .faq-v3-cta,
body[data-page="faq"] .faq-v3-item,
body[data-page="faq"] .faq-category,
body[data-page="faq"] .faq-v3-benefits li{
  box-shadow:none!important;
}
body[data-page="faq"] .faq-category:hover,
body[data-page="faq"] .faq-category.is-active,
body[data-page="faq"] .faq-v3-item:hover{
  box-shadow:none!important;
}

/* Remove the remaining oversized glow layers that read as wrapper shadows.
   Section gradients and every visible border/stroke remain unchanged. */
body[data-page="faq"] .faq-v3::before,
body[data-page="faq"] .faq-v3-hero-art::before,
body[data-page="faq"] .faq-v3-cta::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  box-shadow:none!important;
}