:root{
    --support-black:#0a0a0a;
    --support-ink:#181818;
    --support-muted:#656565;
    --support-line:#d9d9d6;
    --support-soft:#f3f3f1;
    --support-green:#315f50;
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  html,body{
    margin:0;
    padding:0;
    background:#fff;
    color:var(--support-ink);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.6;
  }
  a{color:inherit}
  .wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}

  .support-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    padding:140px 0 68px;
    background-color:#111;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.64) 52%,rgba(0,0,0,.24) 100%),
      var(--support-image);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
  }
  .support-hero .wrap{position:relative;z-index:1}
  .support-kicker{
    margin:0 0 17px;
    color:#d8e9e2;
    font-size:11px;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
  }
  .support-hero h1{
    max-width:830px;
    margin:0 0 20px;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(48px,5.8vw,72px);
    font-weight:400;
    line-height:1.04;
    letter-spacing:0;
  }
  .support-hero-copy{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:17px;
    line-height:1.7;
  }
  .support-hero-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px 24px;
    margin-top:28px;
  }
  .support-hero-links a{
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-decoration:underline;
    text-decoration-color:rgba(255,255,255,.45);
    text-underline-offset:5px;
  }
  .support-hero-links a:hover{text-decoration-color:#fff}

  .support-facts{
    background:var(--support-black);
    color:#fff;
    border-top:1px solid rgba(255,255,255,.18);
  }
  .support-facts-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
  }
  .support-fact{
    min-height:108px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:22px 28px;
    border-right:1px solid rgba(255,255,255,.18);
  }
  .support-fact:first-child{border-left:1px solid rgba(255,255,255,.18)}
  .support-fact strong{
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
    font-weight:400;
  }
  .support-fact span{
    margin-top:3px;
    color:#999;
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
  }

  .support-main{padding:96px 0 108px;background:#fff}
  .support-layout{
    display:grid;
    grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);
    gap:76px;
    align-items:start;
  }
  .support-nav{
    position:sticky;
    top:106px;
    padding-top:6px;
  }
  .support-nav-label{
    display:block;
    margin-bottom:18px;
    color:var(--support-green);
    font-size:10px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .support-nav ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--support-line)}
  .support-nav li{border-bottom:1px solid var(--support-line)}
  .support-nav a{
    display:block;
    padding:14px 2px;
    color:#555;
    font-size:13px;
    line-height:1.45;
    text-decoration:none;
  }
  .support-nav a:hover{color:var(--support-ink)}

  .support-content{min-width:0}
  .support-intro{
    max-width:790px;
    margin:0 0 56px;
    color:var(--support-muted);
    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
    line-height:1.5;
  }
  .support-section{
    scroll-margin-top:110px;
    padding:0 0 54px;
    margin:0 0 54px;
    border-bottom:1px solid var(--support-line);
  }
  .support-section:last-of-type{margin-bottom:0}
  .support-section h2{
    margin:0 0 22px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(30px,3.3vw,42px);
    font-weight:400;
    line-height:1.15;
  }
  .support-section h3{
    margin:30px 0 12px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:400;
    line-height:1.3;
  }
  .support-section p,
  .support-section li{
    color:#535353;
    font-size:16px;
    line-height:1.78;
  }
  .support-section p{max-width:830px;margin:0 0 18px}
  .support-section p:last-child{margin-bottom:0}
  .support-section ul{
    max-width:820px;
    margin:20px 0 0;
    padding:0;
    list-style:none;
    border-top:1px solid var(--support-line);
  }
  .support-section li{
    position:relative;
    padding:14px 0 14px 24px;
    border-bottom:1px solid var(--support-line);
  }
  .support-section li::before{
    content:"";
    position:absolute;
    top:25px;
    left:2px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--support-green);
  }
  .support-content a{
    color:var(--support-ink);
    text-decoration:underline;
    text-decoration-color:#aaa;
    text-underline-offset:4px;
  }
  .support-content a:hover{text-decoration-color:var(--support-ink)}

  .support-note{
    max-width:850px;
    margin-top:54px;
    padding:28px 30px;
    border-left:3px solid var(--support-green);
    background:var(--support-soft);
    color:#484848;
    font-size:14px;
    line-height:1.7;
  }
  .support-note strong{color:var(--support-ink)}

  .faq-group{
    scroll-margin-top:110px;
    margin-bottom:58px;
  }
  .faq-group:last-child{margin-bottom:0}
  .faq-group h2{
    margin:0 0 22px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(30px,3.3vw,42px);
    font-weight:400;
    line-height:1.15;
  }
  .faq-list{border-top:1px solid var(--support-line)}
  .faq-list details{border-bottom:1px solid var(--support-line)}
  .faq-list summary{
    position:relative;
    padding:23px 52px 23px 0;
    cursor:pointer;
    list-style:none;
    color:var(--support-ink);
    font-size:16px;
    font-weight:700;
  }
  .faq-list summary::-webkit-details-marker{display:none}
  .faq-list summary::after{
    content:"+";
    position:absolute;
    top:16px;
    right:4px;
    color:#777;
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    font-weight:400;
  }
  .faq-list details[open] summary::after{content:"-"}
  .faq-list details p{
    max-width:760px;
    margin:0;
    padding:0 44px 25px 0;
    color:var(--support-muted);
    font-size:15px;
    line-height:1.75;
  }

  .support-cta{
    padding:88px 0;
    background:var(--support-soft);
    text-align:center;
  }
  .support-cta h2{
    max-width:720px;
    margin:0 auto 18px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(36px,4vw,52px);
    font-weight:400;
    line-height:1.12;
  }
  .support-cta p{
    max-width:620px;
    margin:0 auto 28px;
    color:var(--support-muted);
    font-size:16px;
    line-height:1.7;
  }
  .support-cta-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 25px;
    border:1px solid var(--support-black);
    border-radius:3px;
    background:var(--support-black);
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
  }
  .support-cta-action:hover{background:#303030}

  @media(max-width:900px){
    .support-layout{grid-template-columns:1fr;gap:48px}
    .support-nav{position:static}
    .support-nav ul{display:grid;grid-template-columns:1fr 1fr}
    .support-nav li:nth-child(odd){border-right:1px solid var(--support-line)}
    .support-nav a{padding:14px}
  }

  @media(max-width:700px){
    .wrap{padding:0 20px}
    .support-hero{
      min-height:550px;
      padding:116px 0 52px;
      background-position:62% center;
    }
    .support-hero h1{font-size:43px}
    .support-hero-copy{font-size:15px}
    .support-facts-grid{grid-template-columns:1fr}
    .support-fact,
    .support-fact:first-child{
      min-height:86px;
      border-left:1px solid rgba(255,255,255,.18);
      border-right:1px solid rgba(255,255,255,.18);
      border-bottom:1px solid rgba(255,255,255,.18);
    }
    .support-fact:last-child{border-bottom:0}
    .support-main{padding:68px 0 78px}
    .support-layout{gap:42px}
    .support-nav ul{grid-template-columns:1fr}
    .support-nav li:nth-child(odd){border-right:0}
    .support-nav a{padding:13px 2px}
    .support-intro{font-size:22px;margin-bottom:46px}
    .support-section{padding-bottom:42px;margin-bottom:42px}
    .support-section p,.support-section li{font-size:15px}
    .support-note{padding:23px 20px}
    .support-cta{padding:70px 0}
  }