/* flōw Help Centre */
.support-page .site-header {
  position:absolute;
  inset:0 0 auto;
  z-index:50;
  color:#fff;
  background:linear-gradient(180deg,rgba(9,28,22,.78),rgba(9,28,22,0));
  border:0;
}
.support-page .site-header .brand img {filter:brightness(0) invert(1)}
.support-page .site-header .desktop-nav a:hover,
.support-page .site-header .desktop-nav a[aria-current=page] {color:#ffd1e1}
.support-page .site-header .header-cta {background:#c7336b;color:#fff}
.support-page .site-header .header-cta:hover {background:#a8295a}
.support-page .help-hero {
  position:relative;
  display:flex;
  align-items:center;
  min-height:clamp(570px,70svh,750px);
  padding:160px 0 100px;
  isolation:isolate;
  color:#fff;
  text-align:center;
  background:linear-gradient(180deg,rgba(9,27,21,.54),rgba(9,27,21,.67)),
    linear-gradient(90deg,rgba(9,27,21,.25),rgba(9,27,21,.2)),
    url('/assets/photo-support-hero-large.jpg') center 44%/cover;
}
.support-page .help-hero-inner {max-width:890px}
.support-page .help-kicker {font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd8e5}
.support-page .help-hero h1 {font-size:clamp(3.4rem,7.6vw,7.5rem);line-height:1.03;letter-spacing:-.075em;margin:16px 0 16px;text-wrap:balance}
.support-page .help-hero p {font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.55;margin:0 auto;color:#f4f7f3}
.support-page .help-search-form {
  display:flex;
  align-items:center;
  gap:12px;
  width:min(100%,760px);
  min-height:76px;
  margin:36px auto 0;
  padding:8px 8px 8px 24px;
  background:#fff;
  border:1px solid rgba(255,255,255,.9);
  border-radius:12px;
  box-shadow:0 18px 45px rgba(6,23,16,.24);
  text-align:left;
}
.support-page .help-search-form:focus-within {outline:3px solid #f7acc9;outline-offset:3px}
.support-page .search-icon {width:24px;height:24px;flex:none;fill:none;stroke:#61766b;stroke-width:2;stroke-linecap:round}
.support-page #help-search {
  min-width:0;
  min-height:50px;
  flex:1;
  padding:4px 0;
  border:0;
  border-radius:0;
  outline:0;
  background:transparent;
  color:#172e25;
  font-size:1rem;
}
.support-page #help-search::placeholder {color:#687c70;opacity:1}
.support-page #help-search:focus-visible {border:0;outline:0}
.support-page #help-search::-webkit-search-cancel-button {-webkit-appearance:none}
.support-page .search-clear,
.support-page .search-submit {flex:none;border:0;cursor:pointer;font-weight:800}
.support-page .search-clear {padding:12px;background:transparent;color:#576b60;font-size:.88rem;text-decoration:underline;text-underline-offset:3px}
.support-page .search-submit {min-height:58px;padding:0 28px;border-radius:8px;background:#c7336b;color:#fff;font-size:.95rem}
.support-page .search-submit:hover {background:#b92d60}
.support-page .search-clear:focus-visible,
.support-page .search-submit:focus-visible {outline:3px solid #7b3c63;outline-offset:2px}
.support-page .popular-links {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;margin-top:24px;font-size:.9rem}
.support-page .popular-links span {color:#e5eae5}
.support-page .popular-links a {border-bottom:1px solid rgba(255,255,255,.7);padding:4px 0;color:#fff;font-weight:700}
.support-page .popular-links a:hover {color:#ffd2e2;border-color:#ffd2e2}
.support-page .search-noscript {margin-top:20px!important;font-size:.88rem!important}
.support-page .visually-hidden {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.support-page [hidden] {display:none!important}

.support-page #search-results {padding:60px 0 68px;background:#edf3ed;border-bottom:1px solid #d9e4db}
.support-page .search-results-inner {max-width:1010px}
.support-page .search-results-heading {display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.support-page .search-results-heading h2 {font-size:clamp(2rem,3.2vw,3.3rem);letter-spacing:-.06em;line-height:1.08;margin:8px 0 0}
.support-page .search-results-heading p {color:#4d6356;font-size:.95rem;margin:0 0 4px}
.support-page .search-result-list {list-style:none;display:grid;gap:8px;padding:0;margin:0}
.support-page .search-result-list a {display:block;padding:20px 24px;background:#fff;border:1px solid #d6e1d8;border-radius:12px;transition:border-color .15s,background-color .15s}
.support-page .search-result-list a:hover,
.support-page .search-result-list a:focus-visible {border-color:#a6bdae;background:#fffdfd}
.support-page .search-result-list span {display:block;color:#b7376b;font-weight:800;font-size:.78rem;letter-spacing:.04em;margin-bottom:8px}
.support-page .search-result-list strong {display:block;color:#193129;font-size:1.08rem;line-height:1.35}
.support-page .search-result-list p {margin:8px 0 0;color:#576d5d;font-size:.94rem;line-height:1.5}
.support-page .search-empty {padding:28px 28px;background:#fff;border:1px solid #d6e1d8;border-radius:12px}
.support-page .search-empty h3 {font-size:1.3rem;margin:0 0 8px}
.support-page .search-empty p {margin:0;line-height:1.6;color:#52675b}
.support-page .search-empty a {color:#a62b5c;text-decoration:underline;text-underline-offset:3px;font-weight:700}

.support-page #help {padding:88px 0 104px;background:#fffefa}
.support-page #help .sec-head {max-width:750px}
.support-page #help .sec-head h2 {font-size:clamp(2.7rem,5vw,5rem)}
.support-page .grid.cats {gap:12px}
.support-page .cat {position:relative;min-height:205px;padding:28px 32px;border:1px solid #d9e3db;border-radius:12px;background:#fff;transition:border-color .18s,background-color .18s}
.support-page .cat:hover,
.support-page .cat:focus-visible {border-color:#9ab7a4;background:#f8fbf8;box-shadow:none;transform:none}
.support-page .cat::after {content:'↗';position:absolute;right:25px;top:25px;font-size:1.25rem;color:#627d6e}
.support-page .cat .ico {color:#b93569}
.support-page .cat h3 {font-size:1.35rem;line-height:1.18;margin:24px 20px 8px 0}
.support-page .cat p {font-size:.93rem;line-height:1.55;margin:0;color:#53695a}
.support-page .cat:last-child {background:#19362a;border-color:#19362a;color:#fff}
.support-page .cat:last-child .ico,
.support-page .cat:last-child::after {color:#f5a9c7}
.support-page .cat:last-child p {color:#d7e5da}
.support-page .cat:last-child:hover {background:#2b503d}

.support-page #faq {padding:88px 0 100px;background:#f0f5ef}
.support-page #faq .wrap {max-width:1040px}
.support-page #faq .sec-head {margin-bottom:44px}
.support-page #faq .sec-head a {font-weight:700;color:#a82d60;text-decoration:underline;text-underline-offset:3px}
.support-page #faq>div>div[id] {scroll-margin-top:25px;margin-top:36px}
.support-page .faq-cat-title {font-size:1rem;letter-spacing:0;text-transform:none;color:#203d2e;margin:0 0 16px}
.support-page #faq details {border:1px solid #d5e2d8;border-radius:8px;margin-bottom:8px;scroll-margin-top:25px}
.support-page #faq summary {align-items:center;padding:20px 24px;font-size:1rem;line-height:1.4}
.support-page #faq details[open] {border-color:#b4cdb9}
.support-page #faq details[open] summary {color:#a92f62}
.support-page #faq .faq-body {padding:0 24px 24px;color:#4f6456;font-size:.98rem}
.support-page #contact {scroll-margin-top:20px;padding:96px 0}
.support-page #safety {padding:88px 0;background:#fffefa}
.support-page #safety .panel {scroll-margin-top:24px}

@media(max-width:850px) {
  .support-page .site-header .menu-button span {background:#fff}
  .support-page .site-header .mobile-nav {color:#192d27}
  .support-page .help-hero {min-height:620px}
  .support-page .grid.cats {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  .support-page .help-hero {min-height:590px;padding:136px 0 72px;background-position:center 42%,center,58% center}
  .support-page .help-hero h1 {font-size:clamp(3.1rem,12vw,5rem);margin:16px 0 16px}
  .support-page .help-hero p {font-size:1rem}
  .support-page .help-search-form {min-height:65px;margin-top:32px;padding:8px 8px 8px 16px;gap:8px}
  .support-page .search-icon {width:20px;height:20px}
  .support-page #help-search {min-height:49px;font-size:.94rem}
  .support-page .search-submit {min-height:51px;padding:0 16px;font-size:.86rem}
  .support-page .search-clear {font-size:.8rem;padding:8px 0}
  .support-page .popular-links {font-size:.82rem;gap:8px 16px;margin-top:16px}
  .support-page #search-results {padding:44px 0 52px}
  .support-page .search-results-heading {display:block}
  .support-page .search-results-heading p {margin-top:12px}
  .support-page #help,.support-page #faq,.support-page #contact,.support-page #safety {padding:68px 0}
  .support-page .grid.cats {grid-template-columns:1fr}
  .support-page .cat {min-height:0;padding:24px 24px}
  .support-page .cat h3 {margin-top:16px}
  .support-page #faq summary {padding:20px;font-size:.97rem}
  .support-page #faq .faq-body {padding:0 20px 20px}
}
@media(prefers-reduced-motion:reduce) {
  .support-page .cat,.support-page .search-result-list a {transition:none}
}