:root {
 --gold: #f2c258;
 --gold-light: #ffe4a2;
 --gold-deep: #9d6817;
 --page-bg: #090908;
 --panel: #121210;
 --line: rgba(198, 145, 42, .46);
}

.download-page {
 overflow: hidden;
 color: #f6ead2;
 background: var(--page-bg);
}

.download-hero {
 position: relative;
 isolation: isolate;
 height: 588px;
 overflow: hidden;
 background: #0a0a09;
}

.download-hero-bg,
.download-hero::after {
 position: absolute;
 inset: 0;
 content: "";
 pointer-events: none;
}

.download-hero-bg {
 z-index: -2;
 background: #0a0a09 url("../images/download/hero.webp") center 48% / cover no-repeat;
}

.download-hero::after {
 z-index: -1;
 background: linear-gradient(180deg, rgba(9, 9, 8, 0) 70%, var(--page-bg) 100%);
}

.download-hero-inner,
.download-content {
 width: calc(100% - 76px);
 margin: 0 auto;
}

.download-hero-inner {
 position: relative;
 height: 100%;
}

.download-heading {
 position: relative;
 z-index: 6;
 padding-top: 44px;
 text-align: center;
}

.download-heading p {
 display: none;
 margin: 0;
 color: #c58c25;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: 1.8px;
}

.download-heading h1 {
 margin: 0;
 color: #ffe6a9;
 font-size: 52px;
 line-height: 1.18;
 font-weight: 900;
 letter-spacing: 2px;
 text-shadow: 0 4px 20px rgba(0, 0, 0, .68);
}

.download-heading span {
 display: block;
 margin-top: 5px;
 color: #d7b36c;
 font-size: 17px;
 font-weight: 600;
 letter-spacing: 2px;
}

.download-heading span::before,
.download-heading span::after {
 display: inline-block;
 width: 108px;
 height: 1px;
 margin: 0 14px 5px;
 vertical-align: middle;
 background: linear-gradient(90deg, transparent, rgba(242, 187, 73, .85));
 content: "";
}

.download-heading span::after { transform: scaleX(-1); }

.download-stage {
 position: relative;
 z-index: 2;
 height: 468px;
 margin-top: -4px;
}

.download-stage-floor {
 position: absolute;
 z-index: 1;
 left: 50%;
 bottom: 16px;
 width: 620px;
 height: 160px;
 transform: translateX(-50%);
 border-radius: 50%;
 background:
  radial-gradient(ellipse at center, rgba(255, 222, 128, .34) 0 8%, rgba(222, 153, 31, .2) 9% 18%, transparent 19% 26%, rgba(198, 128, 20, .23) 27% 29%, transparent 30% 40%, rgba(157, 99, 14, .18) 41% 43%, transparent 44%),
  radial-gradient(ellipse at center, rgba(240, 184, 67, .27), transparent 66%);
}

.download-stage-floor::before,
.download-stage-floor::after {
 position: absolute;
 top: 50%;
 left: 50%;
 border: 1px solid rgba(250, 191, 66, .43);
 border-radius: 50%;
 content: "";
 transform: translate(-50%, -50%);
}

.download-stage-floor::before { width: 88%; height: 38%; }
.download-stage-floor::after { width: 67%; height: 23%; opacity: .72; }

.download-device {
 position: absolute;
 z-index: 3;
 display: block;
 margin: 0;
 overflow: hidden;
 border: 2px solid #5a4928;
 background: linear-gradient(135deg, #2b2a26, #0c0c0b 58%, #252218);
 box-shadow: 0 18px 35px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 226, 144, .08);
}

.download-device--left {
 left: calc(50% - 370px);
 bottom: 55px;
 width: 148px;
 height: 292px;
 border-radius: 23px;
 transform: rotate(-9deg);
}

.download-device--right {
 right: calc(50% - 410px);
 bottom: 70px;
 width: 245px;
 height: 174px;
 border-radius: 18px;
 transform: rotate(7deg);
}

.download-device--left::before,
.download-device--right::before {
 position: absolute;
 z-index: 1;
 inset: 12px;
 border: 1px solid rgba(238, 186, 70, .44);
 border-radius: inherit;
 background: linear-gradient(160deg, rgba(255, 209, 98, .15), transparent 26%), #131310;
 content: "";
}

.device-notch {
 position: absolute;
 z-index: 2;
 top: 8px;
 left: 50%;
 width: 44px;
 height: 7px;
 border-radius: 99px;
 background: #050505;
 transform: translateX(-50%);
}

.device-ui {
 position: absolute;
 z-index: 2;
 inset: 32px 25px 25px;
 display: grid;
 gap: 8px;
 grid-template-rows: 1.1fr .28fr .28fr .64fr;
}

.device-ui i,
.device-ui b,
.device-frame i {
 display: block;
 border-radius: 4px;
 background: linear-gradient(120deg, rgba(234, 177, 61, .48), rgba(54, 46, 28, .7));
}

.device-ui b { border-radius: 50%; }
.device-ui b:nth-of-type(1) { width: 31px; }
.device-ui b:nth-of-type(2) { width: 24px; }
.device-ui b:nth-of-type(3) { width: 37px; }

.device-frame {
 position: absolute;
 z-index: 2;
 inset: 21px;
 display: grid;
 gap: 8px;
 grid-template-columns: 1fr 1fr;
 grid-template-rows: 1.15fr 1fr;
}

.device-frame i:first-child { grid-column: 1 / -1; }

.download-device--main {
 z-index: 4;
 left: 50%;
 bottom: 18px;
 width: 390px;
 height: 405px;
 border: 0;
 background: none;
 box-shadow: none;
 overflow: visible;
 transform: translateX(-50%);
}

.download-device--main img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
 filter: drop-shadow(0 20px 22px rgba(0, 0, 0, .72));
}

.download-qr {
 position: absolute;
 z-index: 6;
 left: 50%;
 bottom: 4px;
 display: grid;
 justify-items: center;
 gap: 2px;
 width: 68px;
 padding: 4px 4px 2px;
 border: 2px solid #e5bd67;
 border-radius: 5px;
 background: #f5f1e5;
 box-shadow: 0 5px 16px rgba(0, 0, 0, .56);
 transform: translateX(-50%);
}

.download-qr span {
 display: block;
 width: 56px;
 height: 56px;
 background:
  repeating-linear-gradient(90deg, #090909 0 4px, transparent 4px 8px),
  repeating-linear-gradient(#090909 0 4px, transparent 4px 8px),
  #fff;
 background-blend-mode: multiply;
}

.download-qr b {
 color: #17130d;
 font-size: 9px;
 line-height: 12px;
 font-weight: 800;
 white-space: nowrap;
}

.hero-platforms {
 position: absolute;
 z-index: 7;
 top: 278px;
 right: 6%;
 left: 6%;
 display: grid;
 grid-template-columns: 240px 1fr 240px;
 grid-template-rows: auto auto;
 align-items: start;
}

.hero-platform {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 align-content: center;
 box-sizing: border-box;
 min-height: 132px;
 padding: 14px 19px 16px;
 border: 1px solid rgba(223, 170, 57, .55);
 border-radius: 12px;
 color: #fce2a2;
 text-decoration: none;
 background: linear-gradient(135deg, rgba(42, 37, 24, .83), rgba(12, 12, 11, .84));
 box-shadow: inset 0 1px rgba(255, 229, 157, .06), 0 12px 24px rgba(0, 0, 0, .23);
 transition: transform .2s ease, border-color .2s ease;
}

.hero-platform:hover,
.platform-card:hover { transform: translateY(-3px); border-color: rgba(255, 211, 111, .95); }

.hero-platform--android { grid-column: 1; }
.hero-platform--ios { grid-column: 3; }

.hero-platform img {
 width: 48px;
 height: 48px;
 margin-right: 14px;
 object-fit: contain;
}

.hero-platform span { display: grid; gap: 2px; }
.hero-platform strong { color: #fee4a7; font-size: 25px; line-height: 29px; }
.hero-platform em { color: #ab9d7d; font-size: 14px; font-style: normal; }

.hero-platform--android > b,
.hero-platform--ios > b {
 display: block;
 flex: 0 0 100%;
 margin-top: 10px;
 color: #171109;
 font-size: 16px;
 font-weight: 700;
 line-height: 37px;
 text-align: center;
 border-radius: 5px;
 background: linear-gradient(180deg, #ffe19a, #d99b27);
}

.hero-platform--windows {
 grid-column: 2;
 grid-row: 2;
 justify-self: center;
 min-height: 36px;
 margin-top: 168px;
 padding: 5px 22px;
 border-radius: 999px;
 gap: 8px;
 font-size: 14px;
 background: rgba(12, 12, 10, .92);
}

.hero-platform--windows span { display: block; }

.windows-mark {
 display: grid;
 width: 28px;
 height: 28px;
 gap: 3px;
 grid-template-columns: 1fr 1fr;
 grid-template-rows: 1fr 1fr;
}

.windows-mark b { background: linear-gradient(135deg, #ffe6a0, #c98a20); }

.download-content {
 position: relative;
 z-index: 3;
 display: grid;
 gap: 12px;
 padding: 12px 0 28px;
}

.platform-downloads {
 display: grid;
 gap: 12px;
 grid-template-columns: repeat(3, 1fr);
}

.platform-card,
.install-flow,
.install-support,
.download-benefits {
 border: 1px solid var(--line);
 border-radius: 9px;
 background: linear-gradient(112deg, rgba(31, 30, 26, .95), rgba(14, 14, 12, .98));
 box-shadow: inset 0 1px rgba(255, 231, 166, .04);
}

.platform-card {
 display: grid;
 align-items: center;
 min-height: 100px;
 padding: 16px 18px;
 grid-template-columns: 48px 1fr auto;
 gap: 14px;
 transition: transform .2s ease, border-color .2s ease;
}

.platform-card > img,
.platform-card > .windows-mark { width: 44px; height: 44px; object-fit: contain; }
.platform-card h2 { margin: 0; color: #ffe2a0; font-size: 19px; line-height: 22px; }
.platform-card p { margin: 3px 0 4px; color: #d5c4a2; font-size: 14px; }
.platform-card span { color: #847a66; font-size: 13px; }

.platform-card a,
.support-contact a {
 min-width: 112px;
 padding: 9px 13px;
 color: #1a1209;
 font-size: 13px;
 line-height: 18px;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
 border-radius: 5px;
 background: linear-gradient(180deg, #ffe19a, #d99b27);
}

.download-grid {
 display: grid;
 gap: 12px;
 grid-template-columns: 1.3fr 1fr;
}

.install-flow,
.install-support { min-height: 150px; padding: 13px 16px; }

.module-title { display: flex; align-items: baseline; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(214, 164, 57, .25); }
.module-title h2 { margin: 0; color: #ffdf96; font-size: 19px; line-height: 24px; }
.module-title span { color: #8f8570; font-size: 12px; }

.install-flow .module-title span,
.install-support .module-title span { display: none; }

.flow-list { display: grid; align-items: center; padding: 30px 18px 0; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); }
.flow-step { display: grid; align-items: center; justify-items: start; min-width: 0; min-height: 48px; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: 22px 18px; column-gap: 8px; }
.flow-step > div { display: flex; align-items: center; justify-content: flex-start; gap: 6px; grid-column: 2; grid-row: 1; }
.flow-step b { color: #ffd46e; font-size: 16px; font-weight: 900; line-height: 20px; }
.flow-step strong { color: #f8dd9b; font-size: 14px; line-height: 20px; white-space: nowrap; }
.flow-step em { grid-column: 2; grid-row: 2; margin: 0; overflow: hidden; color: #aaa08a; font-size: 13px; font-style: normal; line-height: 16px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.flow-arrow { position: relative; align-self: center; width: 20px; height: 1px; margin: 0; font-size: 0; background: linear-gradient(90deg, rgba(231, 183, 73, .15), #e9b84c 68%); }
.flow-arrow::after { position: absolute; top: -4px; right: 0; width: 8px; height: 8px; border-top: 1px solid #e9b84c; border-right: 1px solid #e9b84c; content: ""; transform: rotate(45deg); }

.flow-icon-image { grid-column: 1; grid-row: 1 / -1; display: block; width: 50px; height: 50px; object-fit: contain; }
.flow-icon-image--install { width: 60px; height: 60px; }
.flow-icon-image--account { width: 56px; height: 56px; }

.install-support { display: grid; grid-template-columns: .72fr 1.28fr; grid-template-rows: 31px 1fr; column-gap: 17px; }
.install-support > .module-title { grid-column: 1; grid-row: 1; padding: 0; border-bottom: 0; }
.install-support > .support-body { display: contents; }
.support-contact { display: grid; align-content: center; grid-column: 1; grid-row: 2; grid-template-columns: 70px minmax(0, 1fr); grid-template-rows: 1fr; column-gap: 8px; padding: 0 0 0 20px; border: 0; }
.support-headset-image { grid-row: 1; display: block; align-self: center; width: 70px; height: 70px; object-fit: contain; }
.support-contact-copy { display: grid; align-self: center; align-content: center; grid-template-rows: 24px 19px; }
.support-contact-copy strong { color: #fee2a0; font-size: 17px; line-height: 24px; }
.support-contact-copy strong::before { display: inline-block; width: 6px; height: 6px; margin: 0 5px 1px 0; border-radius: 50%; background: #75df75; content: ""; }
.support-contact-copy span { display: block; margin: 0; color: #a89c83; font-size: 14px; line-height: 19px; }
.support-contact a { grid-column: 2; justify-self: start; width: 160px; min-width: 0; margin: 0; padding: 5px 9px; font-size: 11px; line-height: 15px; }

.support-faq { display: grid; align-content: start; grid-column: 2; grid-row: 1 / -1; padding: 3px 0 0 18px; border-left: 1px solid rgba(214, 164, 57, .22); }
.support-faq button { display: grid; align-items: center; width: 100%; min-height: 45px; padding: 0 0 4px; color: #e9d7a9; font: inherit; text-align: left; border: 0; background: transparent; cursor: pointer; grid-template-columns: 24px minmax(0, 1fr) auto; grid-template-rows: 20px 15px; column-gap: 8px; }
.support-faq-icon { position: relative; display: block; width: 20px; height: 20px; border: 0; border-radius: 0; transform: scale(1.3); transform-origin: center; }
.support-faq-icon::before,
.support-faq-icon::after { position: absolute; content: ""; }
.support-faq-icon--ios::before { top: 4px; left: 6px; width: 7px; height: 9px; border: 1.5px solid #efbd53; border-radius: 4px 4px 6px 6px; }
.support-faq-icon--ios::after { top: 8px; left: 8px; width: 4px; height: 2px; border-bottom: 1.5px solid #efbd53; border-left: 1.5px solid #efbd53; transform: rotate(-45deg); }
.support-faq-icon--android { border-radius: 4px; }
.support-faq-icon--android::before { top: 8px; left: 5px; width: 8px; height: 6px; border: 1.5px solid #efbd53; border-radius: 2px; }
.support-faq-icon--android::after { top: 4px; left: 7px; width: 4px; height: 5px; border: 1.5px solid #efbd53; border-bottom: 0; border-radius: 5px 5px 0 0; }
.support-faq-icon--download::before { top: 7px; left: 9px; width: 2px; height: 10px; border-radius: 2px; background: #efbd53; transform: rotate(42deg); }
.support-faq-icon--download::after { top: 3px; left: 4px; width: 6px; height: 6px; border: 2px solid #efbd53; border-right-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(42deg); }
.support-faq-icon { grid-column: 1; grid-row: 1 / -1; align-self: center; }
.support-faq-title { grid-column: 2; grid-row: 1; overflow: hidden; font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.support-faq-description { grid-column: 2; grid-row: 2; overflow: hidden; color: #9d9179; font-size: 12px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; }
.support-faq button b { display: flex; align-items: center; justify-content: flex-end; grid-column: 3; grid-row: 1 / -1; align-self: center; color: #eab94f; font-size: 20px; font-weight: 400; line-height: 1; transition: transform .2s ease; }
.support-faq .is-open b { transform: rotate(90deg); }

.download-benefits { display: grid; min-height: 96px; padding: 14px 8px; grid-template-columns: repeat(4, 1fr); }
.download-benefits article { display: flex; align-items: center; padding: 0 22px; gap: 13px; border-right: 1px solid rgba(214, 164, 57, .22); }
.download-benefits article:last-child { border-right: 0; }
.download-benefits strong { display: block; color: #ffe2a0; font-size: 17px; line-height: 21px; }
.download-benefits span { display: block; margin-top: 3px; color: #99907c; font-size: 13px; line-height: 18px; }

.benefit-icon { position: relative; flex: 0 0 auto; display: block; width: 42px; height: 42px; border: 2px solid #eab84c; border-radius: 50%; }
.benefit-icon-viewport { position: relative; flex: 0 0 48px; display: block; width: 48px; height: 48px; overflow: hidden; }
.benefit-icon-image { position: absolute; top: 50%; left: 50%; display: block; max-width: none; transform: translate(-50%, -50%); }
.benefit-icon-viewport--stability .benefit-icon-image { width: 72px; height: 72px; }
.benefit-icon-viewport--encryption .benefit-icon-image { width: 70px; height: 70px; }
.benefit-icon-viewport--sync .benefit-icon-image { width: 64px; height: 64px; }
.benefit-icon-viewport--service .benefit-icon-image { width: 70px; height: 70px; }
.benefit-icon::before,
.benefit-icon::after { position: absolute; content: ""; }
.benefit-icon--shield::before { inset: 8px 10px; border: 2px solid #f0c35e; border-radius: 8px 8px 13px 13px; }
.benefit-icon--shield::after { top: 18px; left: 15px; width: 10px; height: 5px; border-left: 2px solid #f0c35e; border-bottom: 2px solid #f0c35e; transform: rotate(-45deg); }
.benefit-icon--lock::before { top: 13px; left: 10px; width: 18px; height: 16px; border: 2px solid #f0c35e; border-radius: 3px; }
.benefit-icon--lock::after { top: 6px; left: 14px; width: 10px; height: 10px; border: 2px solid #f0c35e; border-bottom: 0; border-radius: 8px 8px 0 0; }
.benefit-icon--sync::before { top: 11px; left: 8px; width: 22px; height: 16px; border: 2px solid #f0c35e; border-radius: 3px; }
.benefit-icon--sync::after { bottom: 8px; left: 15px; width: 10px; height: 5px; border-left: 2px solid #f0c35e; border-bottom: 2px solid #f0c35e; transform: rotate(-45deg); }
.benefit-icon--clock::before { inset: 8px; border: 2px solid #f0c35e; border-radius: 50%; }
.benefit-icon--clock::after { top: 14px; left: 21px; width: 2px; height: 10px; background: #f0c35e; transform-origin: 0 100%; transform: rotate(-35deg); }

@media (max-width: 1180px) {
 .download-heading h1 { font-size: 37px; }
 .download-device--left { left: calc(50% - 315px); }
 .download-device--right { right: calc(50% - 350px); }
 .hero-platforms { grid-template-columns: 200px 1fr 200px; }
 .hero-platform { padding: 15px; }
 .hero-platform strong { font-size: 17px; }
 .platform-card { grid-template-columns: 42px 1fr; }
 .platform-card a { grid-column: 2; justify-self: start; }
 .platform-card > img, .platform-card > .windows-mark { width: 38px; height: 38px; }
 .download-grid { grid-template-columns: 1fr; }
 .install-flow, .install-support { min-height: 157px; }
}

@media (max-width: 720px) {
 .download-hero { height: auto; min-height: 0; overflow: hidden; }
 .download-hero-bg { background-size: cover; background-position: center 25%; }
 .download-hero-inner,
 .download-content { width: calc(100% - 20px); }
 .download-hero-inner { padding: 20px 0 20px; }
 .download-heading { padding-top: 0; }
 .download-heading p { margin-bottom: 3px; font-size: 9px; letter-spacing: 1.3px; }
 .download-heading h1 { font-size: 29px; letter-spacing: .5px; }
 .download-heading span { margin-top: 6px; font-size: 13px; letter-spacing: .5px; }
 .download-heading span::before,
 .download-heading span::after { width: 42px; margin-right: 7px; margin-left: 7px; }
 .download-stage { height: 294px; margin-top: 4px; }
 .download-stage-floor { bottom: 20px; width: 340px; height: 80px; }
 .download-device--main { bottom: 5px; width: 230px; height: 255px; }
 .download-device--left { left: 7px; bottom: 42px; width: 76px; height: 157px; border-radius: 13px; transform: rotate(-9deg); }
 .download-device--right { right: 5px; bottom: 51px; width: 120px; height: 86px; border-radius: 10px; transform: rotate(7deg); }
 .download-device--left::before { inset: 6px; }
 .download-device--right::before { inset: 6px; }
 .device-notch { top: 4px; width: 27px; height: 4px; }
 .device-ui { inset: 17px 12px 11px; gap: 4px; }
 .device-frame { inset: 11px; gap: 4px; }
 .download-qr { bottom: 0; width: 56px; padding: 3px 3px 1px; }
 .download-qr span { width: 47px; height: 47px; }
 .download-qr b { font-size: 8px; line-height: 10px; }
 .hero-platforms { position: relative; top: auto; right: auto; left: auto; display: grid; margin-top: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 8px; }
 .hero-platform { min-width: 0; min-height: 79px; padding: 10px; border-radius: 7px; }
 .hero-platform--android { grid-column: 1; grid-row: 1; }
 .hero-platform--ios { grid-column: 2; grid-row: 1; }
 .hero-platform img { width: 26px; height: 26px; margin-right: 8px; }
 .hero-platform strong { font-size: 14px; line-height: 16px; }
 .hero-platform em { font-size: 10px; }
 .hero-platform--android > b, .hero-platform--ios > b { display: block; font-size: 13px; line-height: 34px; }
 .hero-platform--windows { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; min-height: 34px; margin: 0; padding: 7px 12px; font-size: 12px; justify-content: center; }
 .hero-platform--windows .windows-mark { width: 20px; height: 20px; }
 .download-content { gap: 10px; padding: 10px 0 20px; }
 .platform-downloads { grid-template-columns: 1fr; gap: 8px; }
 .platform-card { min-height: 76px; padding: 10px 12px; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px; }
 .platform-card > img, .platform-card > .windows-mark { width: 34px; height: 34px; }
 .platform-card h2 { font-size: 16px; line-height: 19px; }
 .platform-card p { margin: 2px 0; font-size: 11px; }
 .platform-card span { display: none; }
 .platform-card a { grid-column: 3; grid-row: 1; align-self: center; justify-self: end; min-width: 84px; margin: 0; padding: 7px 8px; font-size: 11px; white-space: nowrap; }
 .download-grid { gap: 10px; }
 .install-flow, .install-support { min-height: 0; padding: 14px; }
 .module-title { gap: 8px; padding-bottom: 8px; }
 .module-title h2 { font-size: 17px; }
 .module-title span { font-size: 10px; }
 .flow-list { gap: 12px 8px; padding: 12px 0 0; grid-template-columns: 1fr 1fr; }
 .flow-step { min-height: 42px; grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: 18px 16px; column-gap: 4px; }
 .flow-step > div { gap: 4px; }
 .flow-list b { font-size: 11px; line-height: 14px; }
 .flow-list strong { font-size: 12px; line-height: 14px; }
 .flow-list em { font-size: 11px; line-height: 15px; }
 .flow-arrow { display: none; }
 .flow-icon-image { width: 38px; height: 38px; }
 .flow-icon-image--install { width: 46px; height: 46px; }
 .flow-icon-image--account { width: 42px; height: 42px; }
 .install-support { display: block; }
 .install-support > .module-title { display: flex; padding-bottom: 8px; border-bottom: 1px solid rgba(214, 164, 57, .25); }
 .install-support > .support-body { display: grid; height: auto; padding-top: 8px; grid-template-columns: 1fr; gap: 10px; }
 .support-contact { display: grid; align-content: center; grid-column: auto; grid-row: auto; min-height: 64px; padding: 0 0 10px; grid-template-columns: 60px minmax(0, 1fr); grid-template-rows: 1fr; column-gap: 8px; border-right: 0; border-bottom: 1px solid rgba(214, 164, 57, .22); position: static; }
 .support-headset-image { position: static; grid-row: 1; width: 60px; height: 60px; transform: none; }
 .support-contact-copy { grid-template-rows: 21px 17px; }
 .support-contact-copy strong { font-size: 15px; line-height: 21px; }
 .support-contact-copy span { font-size: 12px; line-height: 17px; }
 .support-faq { display: grid; grid-column: auto; grid-row: auto; padding: 0; border-left: 0; }
 .support-faq button { min-height: 20px; padding: 8px 0; grid-template-columns: 28px minmax(0, 1fr) auto; grid-template-rows: 20px; }
 .support-faq-description { display: none; }
 .support-faq .is-open { grid-template-rows: 20px auto; }
 .support-faq .is-open .support-faq-description { display: block; line-height: 16px; white-space: normal; }
 .download-benefits { min-height: 0; padding: 6px; grid-template-columns: 1fr 1fr; }
 .download-benefits article { min-height: 72px; padding: 10px; gap: 9px; border-bottom: 1px solid rgba(214, 164, 57, .22); }
 .download-benefits article:nth-child(2n) { border-right: 0; }
 .download-benefits article:nth-last-child(-n + 2) { border-bottom: 0; }
 .download-benefits strong { font-size: 13px; line-height: 17px; }
 .download-benefits span { font-size: 11px; line-height: 15px; }
 .benefit-icon { width: 33px; height: 33px; }
 .benefit-icon-viewport { flex-basis: 38px; width: 38px; height: 38px; }
 .benefit-icon-image { transform: translate(-50%, -50%) scale(.8); }
 .benefit-icon--shield::before { inset: 6px 8px; }
 .benefit-icon--shield::after { top: 14px; left: 11px; }
 .benefit-icon--lock::before { top: 10px; left: 7px; width: 15px; height: 13px; }
 .benefit-icon--lock::after { top: 5px; left: 11px; width: 7px; height: 7px; }
 .benefit-icon--sync::before { top: 8px; left: 6px; width: 17px; height: 13px; }
 .benefit-icon--sync::after { bottom: 6px; left: 11px; }
 .benefit-icon--clock::before { inset: 6px; }
 .benefit-icon--clock::after { top: 11px; left: 16px; height: 8px; }
}

@media (max-width: 390px) {
 .download-heading h1 { font-size: 26px; }
 .download-device--left { left: 1px; }
 .download-device--right { right: 0; }
 .platform-card { grid-template-columns: 34px minmax(0, 1fr) auto; }
 .platform-card a { grid-column: 3; grid-row: 1; align-self: center; justify-self: end; margin: 0; }
 .download-benefits article { padding: 8px; }
}