:root{
  --bg:#020617;
  --panel:rgba(8,22,48,.72);
  --panelLine:rgba(96,165,250,.26);
  --blue:#38bdf8;
  --blue2:#2563eb;
  --text:#eef6ff;
  --muted:#a9bad4;
  --white:#ffffff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 50% 18%, rgba(14,165,233,.22), transparent 26%),
    radial-gradient(circle at 50% 60%, rgba(37,99,235,.14), transparent 36%),
    #020617;
}

a{color:inherit;text-decoration:none}

.siteHeader{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:88px;
  padding:16px 42px;
  background:rgba(2,6,23,.88);
  border-bottom:1px solid rgba(96,165,250,.18);
  backdrop-filter:blur(18px);
}

.brand{display:flex;align-items:center;gap:16px}
.brand strong{display:block;letter-spacing:.28em;font-size:24px}
.brand small{display:block;color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}

.brandBadge{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(96,165,250,.58);
  background:#020617;
  box-shadow:0 0 20px rgba(56,189,248,.58);
}
.brandBadge img{width:100%;height:100%;object-fit:cover;display:block}
.brandBadge.small{width:34px;height:34px}

.siteHeader nav{display:flex;align-items:center;gap:28px;color:#d7e2f5;font-weight:650}
.siteHeader nav a{padding:12px 0;border-bottom:2px solid transparent}
.siteHeader nav a.active,.siteHeader nav a:hover{color:var(--blue);border-color:var(--blue)}

.downloadLink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--blue);
  font-weight:800;
  border:1px solid rgba(56,189,248,.35);
  border-radius:999px;
  padding:10px 16px;
}
.downloadLink.active,.downloadLink:hover{
  color:#fff;
  border-color:rgba(56,189,248,.72);
  background:rgba(37,99,235,.2);
}

.hero{
  min-height:590px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  text-align:center;
  padding:54px 24px 42px;
}

.starfield{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(96,165,250,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 28%, rgba(125,211,252,.95) 0 1px, transparent 2px),
    radial-gradient(circle at 66% 72%, rgba(96,165,250,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 25% 78%, rgba(125,211,252,.75) 0 1px, transparent 2px),
    linear-gradient(115deg, transparent 0 18%, rgba(37,99,235,.23) 28%, transparent 42% 58%, rgba(14,165,233,.18) 70%, transparent 84%);
  opacity:.76;
}

.electronCore{
  position:absolute;
  top:92px;
  left:50%;
  width:520px;
  height:326px;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  filter:drop-shadow(0 0 20px rgba(56,189,248,.48));
}

.coreOrbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbitLine{fill:none;stroke:rgba(56,189,248,.76);stroke-width:1.5}
.orbitGlow{fill:none;stroke:rgba(37,99,235,.24);stroke-width:5}
.orbitDot{fill:url(#portalDotGlow);filter:drop-shadow(0 0 8px #67e8f9) drop-shadow(0 0 18px rgba(56,189,248,.95))}

.coreBadge{
  width:154px;
  height:154px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#020617;
  border:1px solid rgba(125,211,252,.68);
  box-shadow:0 0 28px #38bdf8,0 0 70px rgba(37,99,235,.82);
}
.coreBadge img{width:100%;height:100%;object-fit:cover;display:block}

.heroCopy{position:relative;z-index:2;margin-top:360px}
.eyebrow{margin:0 0 10px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.18em}
.productNameCase{text-transform:none}
h1{margin:0;font-size:66px;line-height:.95;letter-spacing:.02em;text-shadow:0 0 30px rgba(255,255,255,.36)}
.platform{margin:12px 0 8px;color:#60a5fa;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.tagline{max-width:580px;margin:0 auto 22px;color:#d4deed;font-size:21px;line-height:1.35}

.primaryDownload{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:240px;
  padding:15px 26px;
  border-radius:10px;
  background:linear-gradient(180deg,#2563eb,#0b48d6);
  color:white;
  font-size:18px;
  font-weight:900;
  box-shadow:0 0 22px rgba(37,99,235,.55);
}
.primaryDownload:hover{filter:brightness(1.08)}
.primaryDownload.disabled{
  background:linear-gradient(180deg,#334155,#1e293b);
  box-shadow:none;
  cursor:not-allowed;
  opacity:.82;
}
.downloadGlyph{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid currentColor;
  font-size:16px;
  line-height:1;
}
.downloadStatus{min-height:22px;color:var(--muted);font-size:14px}

.featureBand,.previewBand,.textBand{
  width:min(1320px,calc(100vw - 72px));
  margin:0 auto 28px;
}
.featureBand{padding-top:0}
.sectionIntro{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}
body[data-page="home"] .homeFeatureBand{
  position:relative;
  z-index:3;
}
body[data-page="home"] .homeFeatureBand .sectionIntro{
  display:block;
  text-align:center;
  margin-bottom:18px;
}
h2{font-size:28px;margin:0 0 6px}

.featureGrid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.featureCard,.previewBand,.textBand{
  border:1px solid var(--panelLine);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,35,72,.72),rgba(4,13,31,.78));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.featureCard{
  padding:15px;
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  transition:border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.featureCard:hover,.featureCard:focus-visible{
  border-color:rgba(56,189,248,.72);
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(14,165,233,.18);
  outline:none;
}
.featureIcon{
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(56,189,248,.48);
  background:radial-gradient(circle,rgba(56,189,248,.32),rgba(37,99,235,.12));
  margin-bottom:11px;
  box-shadow:0 0 18px rgba(37,99,235,.42);
  display:grid;
  place-items:center;
}
.featureIcon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:#38bdf8;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(56,189,248,.75));
}
.featureCard h3{margin:0 0 7px;font-size:16px}
.featureCard p{margin:0;color:#c1cee2;font-size:13px;line-height:1.34}
.featureAction{
  margin-top:auto;
  padding-top:10px;
  color:#38bdf8;
  font-weight:900;
  letter-spacing:.01em;
}
.featureAction span{display:inline-block;margin-left:6px;transition:transform .16s ease}
.featureCard:hover .featureAction span,.featureCard:focus-visible .featureAction span{transform:translateX(4px)}

.discoverLine{
  margin:18px 0 0;
  text-align:center;
  color:#a9bad4;
}
.discoverLine a{color:#38bdf8;font-weight:850}

.pageMain{
  width:min(1320px,calc(100vw - 72px));
  margin:0 auto;
  padding:34px 0 18px;
}

.pageHero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--panelLine);
  border-radius:18px;
  padding:30px 34px;
  margin-bottom:18px;
  background:
    radial-gradient(circle at 76% 24%, rgba(56,189,248,.22), transparent 30%),
    linear-gradient(180deg,rgba(15,35,72,.76),rgba(4,13,31,.84));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.pageHero h1{
  max-width:900px;
  font-size:44px;
  line-height:1.02;
}
.pageHero p:not(.eyebrow){
  max-width:760px;
  color:#c1cee2;
  font-size:18px;
  line-height:1.45;
}

.contentGrid{
  display:grid;
  gap:14px;
  margin-bottom:18px;
}
.twoColumn{grid-template-columns:repeat(2,minmax(0,1fr))}
.threeColumn{grid-template-columns:repeat(3,minmax(0,1fr))}
.infoPanel{
  border:1px solid var(--panelLine);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,35,72,.72),rgba(4,13,31,.78));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
  padding:20px;
}
.pageMain > .infoPanel + .infoPanel{margin-top:18px}
.infoPanel h2{font-size:23px}
.infoPanel p{color:#c1cee2;line-height:1.58}
.infoPanel strong{color:#fff}
.sectionLead{max-width:850px}
.screenshotGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.screenshotCard{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(96,165,250,.24);
  border-radius:12px;
  background:rgba(2,6,23,.42);
}
.screenshotCard img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:top;
  background:#020617;
}
.screenshotCard figcaption{padding:14px}
.screenshotCard figcaption strong{display:block;margin-bottom:5px}
.screenshotCard figcaption span{display:block;color:#a9bad4;line-height:1.45}
.documentSection{margin-bottom:18px}
.documentSection .sectionIntro{align-items:flex-end}
.sectionNote{
  max-width:420px;
  margin:0;
  color:#a9bad4;
  text-align:right;
  line-height:1.45;
}
.documentGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.documentCard{
  min-height:240px;
  display:flex;
  flex-direction:column;
  padding:20px;
  border:1px solid var(--panelLine);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,35,72,.72),rgba(4,13,31,.78));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.documentCard h3{margin:0;font-size:23px}
.documentCard p:not(.eyebrow){color:#c1cee2;line-height:1.58}
.documentLink{
  margin-top:auto;
  color:#38bdf8;
  font-weight:900;
}
.documentLink span{display:inline-block;margin-left:5px;transition:transform .16s ease}
.documentLink:hover span,.documentLink:focus-visible span{transform:translateX(4px)}
.detailedFeatureBand{
  width:100%;
  margin-bottom:18px;
}
.detailedFeatureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detailedFeatureGrid .featureCard{min-height:205px}
body.moduleDialogOpen{overflow:hidden}
.moduleDialog{
  width:min(900px,calc(100vw - 48px));
  max-height:min(84vh,840px);
  margin:auto;
  padding:0;
  color:var(--text);
  border:1px solid rgba(56,189,248,.48);
  border-radius:18px;
  background:#061329;
  box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 48px rgba(37,99,235,.2);
  overflow:hidden;
}
.moduleDialog::backdrop{
  background:rgba(1,5,18,.82);
  backdrop-filter:blur(8px);
}
.moduleDialogFrame{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  max-height:min(84vh,840px);
}
.moduleDialogHeader{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:22px 24px;
  border-bottom:1px solid rgba(56,189,248,.24);
  background:
    radial-gradient(circle at 12% 0%,rgba(56,189,248,.18),transparent 38%),
    linear-gradient(180deg,rgba(15,35,72,.96),rgba(7,21,47,.96));
}
.moduleDialogHeading{min-width:0}
.moduleDialogHeading .eyebrow{margin-bottom:5px;font-size:12px}
.moduleDialogHeading h2{margin:0;font-size:28px;line-height:1.15}
.moduleDialogIcon{margin:0}
.moduleDialogClose{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  color:#dff6ff;
  border:1px solid rgba(56,189,248,.35);
  border-radius:12px;
  background:rgba(2,6,23,.54);
  font:inherit;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.moduleDialogClose:hover,.moduleDialogClose:focus-visible{
  color:#fff;
  border-color:rgba(56,189,248,.82);
  background:rgba(37,99,235,.24);
  outline:2px solid rgba(56,189,248,.35);
  outline-offset:2px;
}
.moduleDialogBody{
  overflow:auto;
  padding:24px;
  background:
    radial-gradient(circle at 88% 8%,rgba(37,99,235,.12),transparent 34%),
    #061329;
}
.moduleDialogIntro{
  max-width:760px;
  margin:0 0 20px;
  color:#d2def0;
  font-size:18px;
  line-height:1.55;
}
.moduleDialogDetails{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.moduleDialogSection{
  min-height:150px;
  padding:18px;
  border:1px solid rgba(96,165,250,.2);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,35,72,.66),rgba(3,12,29,.72));
}
.moduleDialogSection h3{margin:0 0 9px;font-size:16px;color:#fff}
.moduleDialogSection p{margin:0;color:#b9c9e0;line-height:1.55}
.cleanList{
  margin:0;
  padding-left:22px;
  color:#c1cee2;
  line-height:1.7;
}
.contactPanel{margin-top:18px}
.contactLink{
  display:inline-flex;
  margin-top:6px;
  color:#38bdf8;
  font-size:20px;
  font-weight:900;
}

.downloadGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.downloadCard{
  min-height:270px;
  display:flex;
  flex-direction:column;
  padding:20px;
  border:1px solid rgba(96,165,250,.24);
  border-radius:14px;
  background:rgba(2,6,23,.42);
}
.downloadCard h3{margin:3px 0 0;font-size:23px}
.downloadCard p:not(.platformLabel){color:#c1cee2;line-height:1.55}
.platformLabel{
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.platformLabelMac{text-transform:none}
.platformStatus{
  align-self:flex-start;
  margin:18px 0 0;
  padding:6px 10px;
  color:#f8d477;
  border:1px solid rgba(248,212,119,.3);
  border-radius:999px;
  background:rgba(120,76,5,.2);
  font-size:13px;
  font-weight:900;
}
.downloadAction{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  margin-top:auto;
  padding:12px 16px;
  color:#fff;
  border:1px solid rgba(56,189,248,.5);
  border-radius:10px;
  background:linear-gradient(180deg,#2563eb,#0b48d6);
  font-weight:900;
}
.downloadAction:hover{filter:brightness(1.08)}
.downloadAction.disabled{
  color:#9fb0c9;
  border-color:rgba(148,163,184,.24);
  background:#172033;
  cursor:not-allowed;
  filter:none;
}
.installationSection{margin-top:18px}
.supportNote{margin-bottom:0;font-size:14px}
.stepList{
  margin:14px 0 0;
  padding-left:24px;
  color:#c1cee2;
  line-height:1.65;
}
.stepList li{padding-left:5px;margin-bottom:8px}
.stepList.compact{margin-top:10px}
.securityPanel{border-color:rgba(248,212,119,.32)}
.securityPanel > p:not(.eyebrow){max-width:1060px}
.distributionNotice{border-color:rgba(248,212,119,.4);background:linear-gradient(145deg,rgba(42,31,7,.72),rgba(5,18,40,.88))}
.distributionNotice p{max-width:1080px}
.releaseMetadata{margin-top:18px}
.releaseMetadata code{display:block;color:#dbeafe;font-size:13px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.methodGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.methodCard{
  padding:18px;
  border:1px solid rgba(96,165,250,.2);
  border-radius:12px;
  background:rgba(2,6,23,.4);
}
.methodCard h3{margin:0;font-size:20px}
.methodNumber{
  margin:0 0 5px;
  color:#38bdf8;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.securityReminder{
  margin:18px 0 0;
  padding:14px 16px;
  border-left:3px solid #f8d477;
  background:rgba(120,76,5,.15);
}
.evidenceTerms{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.evidenceTerms p{
  margin:0;
  padding:13px;
  border:1px solid rgba(96,165,250,.18);
  border-radius:10px;
  background:rgba(2,6,23,.32);
}
.evidenceTerms strong,.evidenceTerms span{display:block}
.evidenceTerms span{margin-top:4px;color:#a9bad4}
.helpLinks{display:grid;gap:10px;margin-top:14px}
.helpLinks a{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  color:#dff6ff;
  border:1px solid rgba(96,165,250,.2);
  border-radius:10px;
  background:rgba(2,6,23,.32);
  font-weight:850;
}
.helpLinks a:hover,.helpLinks a:focus-visible{
  color:#fff;
  border-color:rgba(56,189,248,.72);
  outline:none;
}
.supportActions{display:grid;gap:10px;margin-top:16px}
.supportActions a{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  color:#dff6ff;
  border:1px solid rgba(96,165,250,.2);
  border-radius:10px;
  background:rgba(2,6,23,.32);
  font-weight:850;
}
.supportActions a:hover,.supportActions a:focus-visible{
  color:#fff;
  border-color:rgba(56,189,248,.72);
  outline:none;
}
.supportGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.supportCard{
  min-height:170px;
  padding:18px;
  border:1px solid rgba(96,165,250,.2);
  border-radius:12px;
  background:rgba(2,6,23,.4);
}
.supportCard h3{margin:0;font-size:18px}
.supportCard p{margin-bottom:0;color:#b9c9e0;line-height:1.55}
.contributionGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.contributionGrid div{
  padding:15px;
  border:1px solid rgba(96,165,250,.18);
  border-radius:10px;
  background:rgba(2,6,23,.32);
}
.contributionGrid strong,.contributionGrid span{display:block}
.contributionGrid span{margin-top:5px;color:#a9bad4;line-height:1.5}
.supportLowerGrid{margin-top:18px}
.paypalPanel{border-color:rgba(56,189,248,.3)}
.supportButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding:12px 16px;
  color:#fff;
  border:1px solid rgba(56,189,248,.5);
  border-radius:10px;
  background:linear-gradient(180deg,#2563eb,#0b48d6);
  font-weight:900;
}
.supportButton:hover{filter:brightness(1.08)}
.supportButton.disabled{
  color:#9fb0c9;
  border-color:rgba(148,163,184,.24);
  background:#172033;
  cursor:not-allowed;
  filter:none;
}
.supportExpectation{margin-bottom:0;font-size:14px}
.thankYouPanel{
  margin-top:18px;
  text-align:center;
}
.thankYouPanel p:not(.eyebrow){max-width:850px;margin-left:auto;margin-right:auto}

.previewBand{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:24px;
  padding:28px;
}
.previewBand p,.textBand p{color:#c1cee2;line-height:1.58}
.previewFacts{display:grid;gap:12px}
.previewFacts div{
  border:1px solid rgba(96,165,250,.18);
  border-radius:12px;
  padding:16px;
  background:rgba(2,6,23,.32);
}
.previewFacts span{display:block;color:#8fa4c5;font-weight:800;margin-bottom:4px}
.previewFacts strong{display:block}
.textBand{padding:28px}

.siteFooter{
  width:min(1320px,calc(100vw - 72px));
  margin:28px auto 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#c1cee2;
}
.footerMark{display:flex;align-items:center;gap:14px}
.footerLinks{
  display:flex;
  justify-content:center;
  gap:18px;
  color:#a9bad4;
  font-size:14px;
  font-weight:750;
}
.footerLinks a:hover,.footerLinks a:focus-visible{color:#38bdf8}
.credits{text-align:right}
.credits strong{display:block;color:#fff}
.credits span{display:block;margin-top:4px;color:#a9bad4}

@media (max-width:980px){
  .siteHeader{position:relative;flex-wrap:wrap;padding:18px 24px}
  .siteHeader nav{order:3;width:100%;justify-content:center;gap:18px;flex-wrap:wrap}
  .featureGrid{grid-template-columns:1fr 1fr}
  .previewBand{grid-template-columns:1fr}
  .twoColumn,.threeColumn,.detailedFeatureGrid{grid-template-columns:1fr}
  .screenshotGrid{grid-template-columns:1fr}
  .documentGrid{grid-template-columns:1fr 1fr}
  .downloadGrid{grid-template-columns:1fr}
  .downloadCard{min-height:0}
  .methodGrid{grid-template-columns:1fr}
  .supportGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .siteFooter{flex-wrap:wrap}
  .footerLinks{order:3;width:100%}
}

@media (max-width:680px){
  .brand strong{font-size:18px}
  .brand small{font-size:10px}
  .electronCore{transform:translateX(-50%) scale(.78)}
  h1{font-size:48px}
  .pageHero h1{font-size:38px}
  .featureGrid{grid-template-columns:1fr}
  .featureBand,.previewBand,.textBand,.siteFooter,.pageMain{width:calc(100vw - 28px)}
  .pageHero{padding:28px}
  .moduleDialog{
    width:calc(100vw - 16px);
    max-height:calc(100vh - 16px);
    border-radius:14px;
  }
  .moduleDialogFrame{max-height:calc(100vh - 16px)}
  .moduleDialogHeader{gap:12px;padding:16px}
  .moduleDialogHeading h2{font-size:22px}
  .moduleDialogBody{padding:16px}
  .moduleDialogIntro{font-size:16px}
  .moduleDialogDetails{grid-template-columns:1fr}
  .moduleDialogSection{min-height:0}
  .documentSection .sectionIntro{display:block}
  .sectionNote{margin-top:8px;text-align:left}
  .documentGrid{grid-template-columns:1fr}
  .documentCard{min-height:0}
  .supportGrid,.contributionGrid{grid-template-columns:1fr}
  .supportCard{min-height:0}
  .siteFooter{flex-direction:column;text-align:center}
  .footerLinks{flex-direction:column;gap:10px}
  .credits{text-align:center}
}