/* V9.8 — Display the descriptive app name consistently in the header. */
.site-header .brand{gap:10px;flex-shrink:0}
.site-header .brand-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0}
.site-header .brand-name{font-size:22px;font-weight:830;line-height:1.05;letter-spacing:-.045em}
.site-header .brand-descriptor{font-size:10.5px;font-weight:700;line-height:1.15;letter-spacing:.045em;color:#5a789a;white-space:nowrap}
@media(prefers-color-scheme:dark){.site-header .brand-descriptor{color:#adc8e8}}
@media(max-width:740px){
 .site-header .brand{gap:8px}
 .site-header .brand-name{font-size:19px}
 .site-header .brand-descriptor{font-size:9px;letter-spacing:.015em}
}
@media(max-width:350px){
 .site-header .brand{gap:6px}
 .site-header .brand-name{font-size:17px}
 .site-header .brand-descriptor{font-size:8px}
 .site-header .brand img{width:30px;height:30px}
}

/* V9.9 — Availability icon sizing/alignment polish. */
.platform-item{
  min-height:108px;
  padding:20px 22px;
  gap:18px;
  align-items:center;
}
.platform-item .icon-tile{
  width:58px;
  height:58px;
  border-radius:16px;
  align-self:center;
}
.platform-item .icon-tile svg{
  width:28px;
  height:28px;
  stroke-width:2.1;
}
.platform-item > div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  min-width:0;
}
.platform-item strong{
  font-size:15px;
  line-height:1.2;
}
.platform-item span{
  font-size:13px;
  line-height:1.2;
}
@media(max-width:740px){
  .platform-item{
    min-height:102px;
    padding:18px 20px;
    gap:16px;
  }
  .platform-item .icon-tile{
    width:56px;
    height:56px;
    border-radius:15px;
  }
  .platform-item .icon-tile svg{
    width:27px;
    height:27px;
  }
}