/* FAQ design converted from the supplied React app; scoped to this page. */
body.faqs-page { margin:0; padding-top:88px; background:#fcf9fb; }
.faqs-page .tcs-site-chrome { font-size:16px; line-height:1.5; }
#faqs-page { font-family:Geist,Inter,Arial,sans-serif; color:#14243a; line-height:1.5; }
#faqs-page h1, #faqs-page h2, #faqs-page h3, #faqs-page p { margin:0; }
#faqs-page [hidden] { display:none !important; }
#faqs-page :is(a,button,input,summary):focus-visible { outline:3px solid #c43d82; outline-offset:4px; }
#faqs-page .search-box:focus-within { border-color:#c43d82; }
#faqs-page { --ink:#14243a; --plum:#641d64; --plum-dark:#38143f; --rose:#c43d82; --rose-soft:#f8e8f1; --muted:#68758b; --paper:#fcf9fb; }
#faqs-page * { box-sizing:border-box; }
#faqs-page a { color:inherit; text-decoration:none; }
#faqs-page button, #faqs-page input { font:inherit; }
#faqs-page .shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
#faqs-page .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#faqs-page .faq-hero { position:relative; min-height:570px; display:flex; align-items:center; overflow:hidden; padding:78px 0; background:radial-gradient(circle at 78% 22%,rgba(223,92,156,.22),transparent 27%),linear-gradient(135deg,#331139 0%,#631e65 52%,#a12e70 100%); color:white; }
#faqs-page .hero-orbit { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; pointer-events:none; }
#faqs-page .hero-orbit-one { width:720px; height:720px; right:-210px; top:-450px; }
#faqs-page .hero-orbit-two { width:470px; height:470px; right:80px; bottom:-390px; }
#faqs-page .hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:90px; }
#faqs-page .eyebrow { margin:0; display:flex; align-items:center; gap:12px; color:#b23378; font-size:11px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
#faqs-page .eyebrow span { width:38px; height:1px; background:currentColor; }
#faqs-page .faq-hero .eyebrow { color:#f0b0d1; }
#faqs-page .hero-copy h1 { margin:25px 0 27px; font-size:clamp(70px,8vw,106px); font-weight:480; line-height:.82; letter-spacing:-.075em; }
#faqs-page .hero-copy h1 em { color:#eea4ca; font-family:Georgia,serif; font-weight:400; }
#faqs-page .hero-copy > p:last-child { max-width:660px; margin:0; color:#e6d5e6; font-size:17px; line-height:1.72; }
#faqs-page .hero-summary { min-height:340px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:38px 40px; border:1px solid rgba(255,255,255,.2); border-radius:28px; background:rgba(35,12,40,.38); box-shadow:0 28px 70px rgba(25,7,28,.25); text-align:center; backdrop-filter:blur(12px); }
#faqs-page .hero-summary > p { margin:0 0 17px; color:#f2b6d3; font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
#faqs-page .hero-summary > strong { font-size:110px; font-weight:640; line-height:.82; letter-spacing:-.08em; }
#faqs-page .hero-summary > span { max-width:280px; margin-top:21px; color:#ddd0df; font-size:13px; line-height:1.55; }
#faqs-page .summary-levels { display:flex; gap:8px; margin-top:30px; }
#faqs-page .summary-levels b { padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.1); color:#f5d9e7; font-size:10px; letter-spacing:.1em; }
#faqs-page .faq-section { padding:94px 0 105px; background:linear-gradient(180deg,#fff 0%,#fcf7fa 100%); }
#faqs-page .faq-toolbar { display:grid; grid-template-columns:1fr minmax(400px,.82fr); align-items:end; gap:60px; }
#faqs-page .faq-toolbar h2 { margin:18px 0 0; font-size:clamp(54px,6vw,78px); font-weight:500; line-height:.94; letter-spacing:-.065em; }
#faqs-page .search-box { min-height:64px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; padding:0 18px; border:1px solid #e5d6e0; border-radius:17px; background:white; box-shadow:0 15px 40px rgba(70,35,60,.06); }
#faqs-page .search-box > span:first-child { color:#a43172; font-size:27px; transform:rotate(-20deg); }
#faqs-page .search-box input { width:100%; border:0; outline:0; background:transparent; color:var(--ink); font-size:13px; }
#faqs-page .search-box input::placeholder { color:#8d94a0; }
#faqs-page .search-box button { width:31px; height:31px; border:0; border-radius:50%; background:#f4e6ef; color:#79265f; cursor:pointer; font-size:18px; }
#faqs-page .level-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:50px; }
#faqs-page .level-tabs button { min-height:80px; display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid #e7dce4; border-radius:17px; background:white; color:var(--ink); cursor:pointer; text-align:left; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
#faqs-page .level-tabs button:hover { transform:translateY(-2px); border-color:#d399b8; }
#faqs-page .level-tabs button b { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; background:#f7e8f0; color:#922b69; font-size:10px; letter-spacing:.08em; }
#faqs-page .level-tabs button span { color:#748095; font-size:10px; line-height:1.35; }
#faqs-page .level-tabs button.is-active { border-color:#632063; background:linear-gradient(135deg,#3a153f,#702263); color:white; box-shadow:0 15px 34px rgba(76,28,71,.18); }
#faqs-page .level-tabs button.is-active b { background:#cf4b90; color:white; }
#faqs-page .level-tabs button.is-active span { color:#e2d4e1; }
#faqs-page .results-meta { margin:52px 0 18px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#88909d; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
#faqs-page .results-meta span { color:#ae3275; font-weight:850; }
#faqs-page .results-meta b { font-weight:750; }
#faqs-page .faq-groups { display:grid; gap:34px; }
#faqs-page .faq-group { overflow:hidden; border:1px solid #eadde6; border-radius:28px; background:white; box-shadow:0 20px 60px rgba(53,25,48,.06); }
#faqs-page .group-heading { min-height:170px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:30px 38px; color:white; }
#faqs-page .faq-group-ocs .group-heading { background:linear-gradient(130deg,#8f245f,#c74687); }
#faqs-page .faq-group-mcs .group-heading { background:linear-gradient(130deg,#67205f,#8c347f); }
#faqs-page .faq-group-scs .group-heading { background:linear-gradient(130deg,#44184e,#64206a); }
#faqs-page .group-heading > span { width:62px; height:62px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:rgba(255,255,255,.1); font-size:12px; font-weight:850; letter-spacing:.1em; }
#faqs-page .group-heading p { margin:0 0 8px; color:#f0c6dc; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#faqs-page .group-heading h3 { max-width:650px; margin:0; font-size:30px; line-height:1.13; letter-spacing:-.035em; }
#faqs-page .group-heading > b { color:rgba(255,255,255,.24); font-size:72px; font-weight:650; letter-spacing:-.07em; }
#faqs-page .accordion-list { padding:0 38px; }
#faqs-page .faq-item { border-bottom:1px solid #ece3e9; }
#faqs-page .faq-item:last-child { border-bottom:0; }
#faqs-page .faq-item summary { min-height:95px; display:grid; grid-template-columns:42px 1fr 38px; align-items:center; gap:17px; cursor:pointer; list-style:none; }
#faqs-page .faq-item summary::-webkit-details-marker { display:none; }
#faqs-page .faq-item summary > span { color:#bd3c7e; font-size:10px; font-weight:850; letter-spacing:.1em; }
#faqs-page .faq-item summary > strong { font-size:16px; line-height:1.4; }
#faqs-page .faq-item summary > b { width:34px; height:34px; display:grid; place-items:center; border:1px solid #e5d8e1; border-radius:50%; color:#8a2a69; font-size:20px; font-weight:400; transition:transform .2s ease,background .2s ease; }
#faqs-page .faq-item[open] summary > b { transform:rotate(45deg); background:#f5e1ec; }
#faqs-page .faq-answer { padding:0 54px 27px 59px; }
#faqs-page .faq-answer p { max-width:840px; margin:0; color:#647189; font-size:13px; line-height:1.75; }
#faqs-page .no-results { padding:70px 30px; border:1px solid #eadce5; border-radius:26px; background:white; text-align:center; }
#faqs-page .no-results > span { width:58px; height:58px; margin:0 auto 19px; display:grid; place-items:center; border-radius:18px; background:#f3dce9; color:#8c2a67; font-size:25px; font-weight:800; }
#faqs-page .no-results h3 { margin:0; font-size:27px; }
#faqs-page .no-results p { margin:10px 0 22px; color:#758094; font-size:13px; }
#faqs-page .no-results button { min-height:46px; padding:0 20px; border:0; border-radius:999px; background:#772461; color:white; cursor:pointer; font-size:11px; font-weight:800; }
#faqs-page .support-section { padding:0 0 96px; background:#fcf7fa; }
#faqs-page .support-card { display:grid; grid-template-columns:1fr auto; align-items:center; gap:70px; padding:58px 62px; border-radius:30px; background:linear-gradient(135deg,#17273f,#4a1749 56%,#762056); color:white; box-shadow:0 30px 80px rgba(31,24,44,.18); }
#faqs-page .support-card .eyebrow { color:#ef9fc8; }
#faqs-page .support-card h2 { margin:20px 0 14px; font-size:clamp(40px,5vw,62px); line-height:.98; letter-spacing:-.055em; }
#faqs-page .support-card > div:first-child > p:last-child { max-width:660px; margin:0; color:#d8ccda; font-size:14px; line-height:1.7; }
#faqs-page .support-actions { min-width:265px; display:grid; gap:11px; }
#faqs-page .support-actions a { min-height:57px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 21px; border-radius:14px; font-size:12px; font-weight:800; }
#faqs-page .primary-action { background:#d04b90; color:white; }
#faqs-page .secondary-action { border:1px solid rgba(255,255,255,.25); color:white; }
@media(max-width:960px) {
#faqs-page .hero-grid { grid-template-columns:1fr .7fr; gap:45px; }
#faqs-page .faq-toolbar { grid-template-columns:1fr; align-items:stretch; gap:30px; }
#faqs-page .level-tabs { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:680px) {
#faqs-page .shell { width:min(100% - 28px,1180px); }
#faqs-page .faq-hero { min-height:auto; padding:59px 0 65px; }
#faqs-page .hero-grid { grid-template-columns:1fr; gap:37px; }
#faqs-page .hero-copy { text-align:center; }
#faqs-page .faq-hero .eyebrow { justify-content:center; }
#faqs-page .hero-copy h1 { margin:23px 0; font-size:65px; }
#faqs-page .hero-copy > p:last-child { margin-inline:auto; font-size:14px; }
#faqs-page .hero-summary { min-height:230px; align-items:center; padding:28px 24px; text-align:center; }
#faqs-page .hero-summary > strong { font-size:82px; }
#faqs-page .hero-summary > span { margin-top:14px; }
#faqs-page .summary-levels { margin-top:20px; }
#faqs-page .faq-section { padding:62px 0 70px; }
#faqs-page .faq-toolbar { gap:27px; text-align:center; }
#faqs-page .faq-toolbar .eyebrow { justify-content:center; }
#faqs-page .faq-toolbar h2 { font-size:51px; }
#faqs-page .search-box { min-height:58px; padding:0 14px; }
#faqs-page .level-tabs { grid-template-columns:1fr 1fr; gap:9px; margin-top:30px; }
#faqs-page .level-tabs button { min-height:67px; padding:10px; gap:10px; }
#faqs-page .level-tabs button b { width:38px; height:38px; border-radius:11px; }
#faqs-page .level-tabs button span { font-size:8px; }
#faqs-page .results-meta { margin-top:34px; }
#faqs-page .faq-group { border-radius:21px; }
#faqs-page .group-heading { min-height:150px; grid-template-columns:auto 1fr; gap:15px; padding:24px 19px; }
#faqs-page .group-heading > span { width:52px; height:52px; border-radius:15px; }
#faqs-page .group-heading h3 { font-size:22px; }
#faqs-page .group-heading > b { display:none; }
#faqs-page .accordion-list { padding:0 18px; }
#faqs-page .faq-item summary { min-height:88px; grid-template-columns:31px 1fr 34px; gap:10px; }
#faqs-page .faq-item summary > strong { font-size:14px; }
#faqs-page .faq-answer { padding:0 43px 24px 41px; }
#faqs-page .faq-answer p { font-size:12px; }
#faqs-page .support-section { padding-bottom:66px; }
#faqs-page .support-card { grid-template-columns:1fr; gap:31px; padding:35px 23px; border-radius:23px; text-align:center; }
#faqs-page .support-card .eyebrow { justify-content:center; }
#faqs-page .support-card h2 { font-size:42px; }
#faqs-page .support-actions { min-width:0; }
}
#faqs-page .search-box input { min-width:0; }
#faqs-page .faq-answer .faq-resource { margin-top:14px; }
#faqs-page .faq-resource a { color:#922b69; text-decoration:underline; text-underline-offset:3px; font-weight:600; }
#faqs-page .faq-item { scroll-margin-top:108px; }
@media(max-width:520px) { body.faqs-page { padding-top:76px; } }
@media(prefers-reduced-motion:reduce) { #faqs-page .level-tabs button, #faqs-page .faq-item summary > b { transition:none; } }