/* Hero platform CTAs: availability is explicit, with original Play link and iOS notice dialog preserved. */
.r-hero-copy .r-platform-actions{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:min(100%,530px);gap:11px;margin-top:25px;align-items:stretch;
}
.r-platform-button{
  box-sizing:border-box;display:flex;align-items:center;gap:10px;text-align:left;
  min-height:80px;width:100%;min-width:0;border-radius:17px;
  padding:13px 13px;border:1px solid transparent;
  font:inherit;letter-spacing:0;cursor:pointer;text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.r-platform-button:hover{transform:translateY(-2px)}
.r-platform-button:focus-visible,.r-demo-inline:focus-visible{outline:3px solid #b98a42;outline-offset:3px}
.r-platform-android{background:#155f3b;color:#fff;box-shadow:0 8px 22px #154e331e}
.r-platform-android:hover{background:#0a4d30;color:#fff;box-shadow:0 12px 22px #124c342d}
.r-platform-ios{background:#fffdf7;color:#254a35;border-color:#bfcfc0;box-shadow:0 7px 16px #37523a0c}
.r-platform-ios:hover{background:#f1f7ef;border-color:#7eab8e}
.r-platform-glyph{
  display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;
  border-radius:11px;
}
.r-platform-play{background:#ffffff1e}
.r-platform-phone{background:#e6f2e6;color:#1c6e49}
.r-platform-glyph svg{width:25px;height:25px}
.r-platform-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;line-height:1.35}
.r-platform-copy small{display:block;white-space:nowrap;font-size:11px;font-weight:450;letter-spacing:-.02em;opacity:.91}
.r-platform-copy strong{display:block;white-space:nowrap;font-size:14px;font-weight:710;letter-spacing:-.025em}
.r-platform-arrow{height:15px;width:15px;flex:0 0 15px;opacity:.8}
.r-demo-inline{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;
  min-height:30px;border-bottom:1px solid #c6d7c8;color:#34634b;
  font-size:12px;font-weight:550;letter-spacing:-.015em;text-decoration:none;
}
.r-demo-inline:hover{color:#176f47;border-color:#7baa88}
.r-demo-play{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:8px;padding-left:1px}
@media(min-width:981px) and (max-width:1250px){
 .r-hero-copy .r-platform-actions{gap:8px}
 .r-platform-button{padding:12px 9px;gap:7px;min-height:77px}
 .r-platform-glyph{width:29px;height:32px;flex-basis:29px}
 .r-platform-glyph svg{width:22px;height:22px}
 .r-platform-copy small{font-size:10px}
 .r-platform-copy strong{font-size:12px}
 .r-platform-arrow{width:12px;height:12px;flex-basis:12px}
}
@media(min-width:721px) and (max-width:980px){
 .r-hero-copy .r-platform-actions{width:100%;max-width:470px;gap:8px}
 .r-platform-button{min-height:75px;padding:11px 8px;gap:7px}
 .r-platform-glyph{width:28px;height:31px;flex-basis:28px}
 .r-platform-glyph svg{width:21px;height:21px}
 .r-platform-copy small{font-size:10px}
 .r-platform-copy strong{font-size:12px}
 .r-platform-arrow{width:12px;height:12px;flex-basis:12px}
}
@media(min-width:721px) and (max-width:830px){
 .r-hero-copy .r-platform-actions{max-width:530px}
 .r-platform-button{min-height:73px;padding:12px;gap:10px}
 .r-platform-glyph{width:36px;height:36px;flex-basis:36px}
 .r-platform-copy small{font-size:11px}
 .r-platform-copy strong{font-size:14px}
}
@media(max-width:720px){
 .r-hero-copy .r-platform-actions{width:100%;max-width:530px;gap:9px;margin-top:22px}
 .r-platform-button{min-height:72px;padding:12px 10px;gap:8px;border-radius:14px}
 .r-platform-glyph{width:32px;height:33px;flex-basis:32px}
 .r-platform-glyph svg{width:23px;height:23px}
 .r-platform-copy small{font-size:10px}
 .r-platform-copy strong{font-size:12px}
 .r-platform-arrow{width:12px;height:12px;flex-basis:12px}
 .r-demo-inline{margin-top:10px}
}
@media(max-width:520px){
 .r-hero-copy .r-platform-actions{grid-template-columns:minmax(0,1fr)}
 .r-platform-button{min-height:66px;padding:11px 15px;gap:12px;border-radius:14px}
 .r-platform-glyph{width:37px;height:37px;flex-basis:37px}
 .r-platform-glyph svg{width:26px;height:26px}
 .r-platform-copy small{font-size:11px}
 .r-platform-copy strong{font-size:15px}
 .r-platform-arrow{width:16px;height:16px;flex-basis:16px}
 .r-demo-inline{margin-top:12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.r-platform-button{transition:none}}

/* Reserve the bottom highlight band: the new two-platform CTA must never cover the demo link. */
@media(min-width:981px){
 .r-hero-copy{justify-content:flex-start}
 .r-hero-copy h1{margin-top:13px;margin-bottom:13px}
 .r-hero-copy .r-platform-actions{margin-top:16px}
 .r-hero-copy .r-demo-inline{margin-top:6px}
}