/* Growth hacks: additions to the design (hub cards, empty state, hidden filter results, rating, FAQ block). Hand written. */
.xg [hidden]{display:none!important}
.xg .crumbs{margin-bottom:18px}
.xg-group h2.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xg-none{margin:40px 0;color:#515154;font-size:17px}
.xg-none a{color:#c2410c;font-weight:600}
.xg-faq{margin-top:72px}
.xg-faq .sl-faq{max-width:860px}
/* hub: area cards */
.xg-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xg-area{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px 26px;border-radius:26px;background:#ffffff;color:#1d1d1f;text-decoration:none;box-shadow:0 1px 0 rgba(10,10,11,.04),0 12px 32px -18px rgba(10,10,11,.18);transition:transform .35s cubic-bezier(.2,.7,.1,1),box-shadow .35s}
.xg-area:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(10,10,11,.04),0 22px 44px -20px rgba(242,99,34,.35)}
.xg-area-k{align-self:flex-start;padding:5px 12px;border-radius:999px;background:#fff1e8;color:#c2410c;font-size:13px;font-weight:700;letter-spacing:.02em}
.xg-area b{font-size:21px;line-height:1.25;letter-spacing:-0.02em;padding-right:28px}
.xg-area-t{color:#515154;font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.xg-area-p{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:auto;padding-top:10px}
.xg-area-p small,.xg-area-s{color:#86868b;font-size:13.5px;font-weight:600}
.xg-area-s{margin-top:auto;padding-top:10px}
.xg-area .xg-go{position:absolute;right:24px;top:30px;color:#f26322;transition:transform .3s}
.xg-area:hover .xg-go{transform:translateX(4px)}
/* step page: rating select next to the done button */
.xgs-rate{display:inline-flex;align-items:center;gap:10px;color:#a1a1a6;font-size:13px}
.xgs-rate select{height:44px;padding:0 36px 0 16px;border-radius:999px;border:1px solid rgba(245,244,241,.3);background:#0a0a0b;color:#f5f4f1;font:inherit;font-size:15px}
.xgs .xa-text .xa-lead{margin-top:0}
@media (max-width:1023px){.xg-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.xg-areas{grid-template-columns:1fr}.xg-area{padding:24px 20px}}
.xg-solo .xg-gh .xg-gp,.xg-solo .xg-gh small{display:none}
.xg-solo .xg-gh{margin:0}
.xgs-src a{color:inherit;text-decoration:underline;text-decoration-color:rgba(10,10,11,.25)}
.xgs .sl-faq details > div > div > p:last-child{margin-bottom:0}
.xgs .sl-faq details [itemprop=text]{padding:0 54px 24px 0;color:#48484d;font-size:17px;line-height:1.65}
.xgs .sl-faq details [itemprop=text] p,.xg .sl-faq details [itemprop=text] p{padding:0;margin:0 0 12px}
.xg .sl-faq details [itemprop=text]{padding:0 54px 24px 0;color:#48484d;font-size:17px;line-height:1.65}
.xg-ring{border-radius:50%;background:rgba(10,10,11,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.xg-ring span{color:#d2d2d7}
.xg-cta{margin:36px 0 0}