:root {
  --green: #73c982;
  --green-dark: #319d58;
  --ink: #101814;
  --muted: #758079;
  --line: #dfe9e1;
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; color: var(--ink); background: #f6faf7; font-family: "Manrope", Arial, sans-serif; }
a { color: inherit; }
.shell { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.site-header { position: relative; z-index: 10; color: #fff; background: rgba(10,15,12,.96); border-bottom: 1px solid rgba(255,255,255,.08); }
.header-inner { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.logo { width: 265px; display: block; }.logo img { width: 100%; display: block; }
.back-link { color: rgba(255,255,255,.76); font-size: 14px; font-weight: 700; text-decoration: none; }.back-link:hover { color: var(--green); }
.support-main { position: relative; min-height: calc(100vh - 154px); display: grid; align-items: center; overflow: hidden; background: linear-gradient(120deg,#101814 0%,#172b1e 43%,#eef7f0 43%,#f7faf8 100%); }
.ambient { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }.ambient-one { width: 450px; height: 450px; left: -170px; top: -140px; border: 1px solid rgba(115,201,130,.15); }.ambient-two { width: 650px; height: 650px; right: -280px; bottom: -350px; background: rgba(115,201,130,.1); }
.support-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .82fr; gap: 100px; align-items: center; padding-block: 70px; }
.intro { color: #fff; }.eyebrow { margin: 0 0 16px; color: var(--green); font-size: 12px; font-weight: 800; letter-spacing: .16em; }
h1 { max-width: 650px; margin: 0; font-size: clamp(40px,5.2vw,68px); line-height: 1.07; letter-spacing: -.045em; }
.lead { max-width: 610px; margin: 24px 0 0; color: rgba(255,255,255,.67); font-size: 17px; line-height: 1.7; }
.trust-list { display: grid; gap: 0; margin: 38px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.11); }
.trust-list li { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.11); }
.trust-list li > span { color: var(--green); font-size: 12px; font-weight: 800; }.trust-list strong { display: block; margin-bottom: 3px; font-size: 15px; }.trust-list small { color: rgba(255,255,255,.55); font-size: 13px; }
.download-card { padding: 38px; border: 1px solid rgba(16,24,20,.08); border-radius: 24px; background: rgba(255,255,255,.95); box-shadow: 0 30px 80px rgba(16,24,20,.18); }
.app-mark { width: 64px; height: 64px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 17px; color: #fff; background: #ef3b42; box-shadow: 0 13px 30px rgba(239,59,66,.22); }.app-mark svg { width: 40px; height: 40px; }
.card-label { margin: 0 0 8px; color: var(--green-dark); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
h2 { margin: 0; font-size: clamp(28px,3vw,38px); letter-spacing: -.035em; }.status { min-height: 48px; margin: 12px 0 24px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.download-button { min-height: 55px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 18px; border-radius: 12px; color: #0d1b11; background: var(--green); font-size: 15px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 26px rgba(49,157,88,.2); }.download-button:hover { background: #8add97; }
.security-note { display: grid; grid-template-columns: 24px 1fr; gap: 11px; margin-top: 22px; padding: 15px; border: 1px solid #d8e8db; border-radius: 12px; color: #526057; background: #f0f8f2; font-size: 12px; line-height: 1.5; }.security-note svg { color: var(--green-dark); }.security-note strong { display: block; color: #25422d; }
.help { margin: 20px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; text-align: center; }.help a { color: var(--green-dark); font-weight: 700; }
footer { color: rgba(255,255,255,.58); background: #0a0f0c; font-size: 12px; }.footer-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.footer-inner a { text-decoration: none; }

@media (max-width: 900px) {
  .support-main { background: linear-gradient(180deg,#101814 0%,#172b1e 55%,#eef7f0 55%,#f7faf8 100%); }
  .support-grid { grid-template-columns: 1fr; gap: 55px; padding-block: 60px; }.intro { max-width: 720px; }.download-card { max-width: 620px; width: 100%; margin-inline: auto; }
}

@media (max-width: 560px) {
  .shell { width: calc(100% - 28px); }.header-inner { min-height: 72px; }.logo { width: 205px; }.back-link { font-size: 0; }.back-link span { font-size: 22px; }
  .support-grid { padding-block: 48px; }.download-card { padding: 26px 20px; border-radius: 18px; }.trust-list small { font-size: 12px; }.footer-inner { min-height: 90px; flex-direction: column; justify-content: center; text-align: center; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }