.support-page { background: var(--paper); }
.support-intro { background: linear-gradient(122deg, #eaf2f0 0%, #f5f6f2 48%, #e4efef 100%); border-bottom: 1px solid var(--line-light); padding: 119px 0 110px; }
.support-intro h1 { color: var(--ink); font-size: clamp(48px, 5vw, 72px); font-weight: 500; letter-spacing: -.08em; line-height: 1.14; margin: 0; }
.support-intro h1 em { color: var(--cyan-deep); font-family: var(--serif); font-style: normal; font-weight: 500; letter-spacing: -.1em; }
.support-intro > .content-frame > p:not(.section-kicker) { color: var(--body); font-size: 15px; line-height: 2; margin: 30px 0 0; }
.support-email-button { align-items: center; background: #163340; color: #f5fafb; display: inline-flex; font-size: 14px; gap: 32px; margin-top: 37px; padding: 15px 19px 15px 23px; transition: background .2s ease, transform .2s ease; }
.support-email-button:hover { background: #0b6d7e; transform: translateY(-2px); }
.support-email-button span { color: var(--cyan); font-size: 17px; }
.support-details { padding: 120px 0 128px; }
.support-grid { align-items: start; display: grid; gap: 90px; grid-template-columns: minmax(260px, .88fr) minmax(0, 1.12fr); }
.support-contact h2, .support-links h2 { color: var(--ink); font-size: clamp(36px, 3.5vw, 50px); font-weight: 500; letter-spacing: -.075em; line-height: 1.2; margin: 0; }
.support-email { color: #117f94; display: inline-block; font-size: 19px; margin-top: 35px; text-decoration: underline; text-decoration-color: rgba(17, 127, 148, .35); text-underline-offset: 6px; }
.support-contact > p:last-child { color: var(--body); font-size: 14px; line-height: 2; margin: 31px 0 0; max-width: 375px; }
.support-scope { border-top: 1px solid var(--line-light); }
.support-scope article { border-bottom: 1px solid var(--line-light); display: grid; gap: 21px; grid-template-columns: 1fr minmax(190px, .86fr); padding: 30px 0; }
.support-scope h3 { color: var(--ink); font-size: 20px; font-weight: 600; letter-spacing: -.04em; margin: 0; }
.support-scope p { color: var(--body); font-size: 13px; line-height: 1.8; margin: 0; }
.support-links { background: #0b1928; color: var(--white); padding: 110px 0 120px; }
.support-links .section-kicker { color: var(--cyan); }
.support-links h2 { color: var(--white); }
.support-link-grid { border-top: 1px solid var(--line-dark); display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 59px; }
.support-link-grid a { align-items: center; border-right: 1px solid var(--line-dark); color: #f4fbfc; display: flex; font-size: 20px; justify-content: space-between; min-height: 99px; padding: 0 32px 0 0; transition: color .2s ease; }
.support-link-grid a + a { padding-left: 32px; }
.support-link-grid a:last-child { border-right: 0; padding-right: 0; }
.support-link-grid a:hover { color: var(--cyan); }
.support-link-grid i { color: var(--cyan); font-size: 19px; font-style: normal; }
@media (max-width: 850px) { .support-grid { gap: 60px; grid-template-columns: 1fr; }.support-contact > p:last-child { max-width: 620px; }.support-link-grid a { font-size: 18px; padding-right: 21px; }.support-link-grid a + a { padding-left: 21px; } }
@media (max-width: 760px) { .support-intro { padding: 79px 0 78px; }.support-intro h1 { font-size: 47px; }.support-intro > .content-frame > p:not(.section-kicker) { font-size: 14px; margin-top: 25px; }.support-email-button { margin-top: 31px; }.support-details { padding: 79px 0 85px; }.support-grid { gap: 57px; }.support-contact h2, .support-links h2 { font-size: 36px; }.support-email { font-size: 16px; margin-top: 27px; }.support-scope article { display: block; padding: 25px 0; }.support-scope h3 { font-size: 18px; }.support-scope p { font-size: 13px; margin-top: 10px; }.support-links { padding: 78px 0 78px; }.support-link-grid { display: block; margin-top: 39px; }.support-link-grid a, .support-link-grid a + a, .support-link-grid a:last-child { border-bottom: 1px solid var(--line-dark); border-right: 0; min-height: 78px; padding: 0; }.support-link-grid a:last-child { border-bottom: 0; } }