/* Shared site frame for every web page. Content stays readable, while the
   page background, header and footer span the full browser width. */
:root { color-scheme:light; }
body.showcase .site-shell {
  width:100%; max-width:none; min-height:100vh; margin:0;
  border-radius:0; box-shadow:none;
}
body.showcase-secondary {
  display:flex; flex-direction:column; min-height:100vh; background:#fff;
}
body.showcase-secondary main {
  width:100%; max-width:none; flex:1; margin:0;
}
body.showcase-secondary header.site-chrome,
body.showcase-secondary footer.site-chrome {
  width:100%; max-width:none; margin:0; border-radius:0;
}
body.page-guide { min-height:100vh; padding:0; background:#fff; }
body.page-guide .sheet {
  width:min(100%,1160px); min-height:calc(100vh - 165px);
  margin:auto; padding:48px 28px; border-radius:0; box-shadow:none;
}
.site-header.site-chrome {
  display:block; width:100%; min-height:78px; background:#fff;
  margin:0; padding:0; border-bottom:1px solid #ebecf0; box-shadow:none;
}
.site-chrome .chrome-inner {
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; min-height:78px; max-width:1160px; margin:0 auto;
  padding:0 28px;
}
.site-chrome .brand {
  display:inline-flex; align-items:center; gap:9px; flex:none;
  color:#17191e; font-size:21px; font-weight:800;
  letter-spacing:-.06em; text-decoration:none;
}
.site-chrome .brand .mark { display:inline-flex; width:31px; height:31px; box-shadow:none; }
.site-chrome .brand .mark img { width:100%; height:100%; object-fit:contain; }
.site-chrome .brand-emphasis { color:#255bea; }
.site-chrome .header-actions { display:flex; align-items:center; gap:13px; }
.site-chrome .lang-switch { background:#fff; border:1px solid #e8e8ee; }
.site-chrome .header-cta {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:10px 17px; border-radius:999px;
  background:#255bea; color:#fff; font-size:12px; font-weight:700;
  text-decoration:none; white-space:nowrap; box-shadow:none; transform:none;
}
.site-chrome .header-cta:hover { background:#1849d2; box-shadow:none; transform:none; }
.site-chrome .header-cta img { width:20px; height:20px; }
.footer.site-chrome {
  display:block; width:100%; background:#fff; border-top:1px solid #ebecf0;
  margin:0; border-radius:0; box-shadow:none; padding:30px 0;
}
.site-chrome .footer-inner {
  display:flex; align-items:center; justify-content:space-between;
  gap:22px; flex-wrap:wrap; max-width:1160px; margin:0 auto; padding:0 28px;
}
.site-chrome .footer-links { display:flex; gap:18px; flex-wrap:wrap; margin:0; }
.site-chrome .footer-links a { color:#62646d; font-size:12px; text-decoration:none; }
.site-chrome .footer-links a:hover { color:#255bea; }
.site-chrome .copyright { color:#797b84; font-size:11px; }
body.showcase .store-link,
body.showcase .store-link:hover,
body.showcase .header-cta,
body.showcase .header-cta:hover,
body.showcase-secondary .btn-primary,
body.showcase-secondary .btn-primary:hover { box-shadow:none; transform:none; }
.showcase .hero-phone img,
.showcase .feature-phone img,
.showcase .steps-phone img,
.showcase .download-phone img {
  position:absolute; top:0; left:0; width:100%; height:100%;
  max-width:none; object-fit:cover; object-position:top center;
  border-radius:0; transform:none; filter:none;
}
@media(max-width:560px) {
  .site-chrome .chrome-inner { min-height:66px; padding:0 20px; gap:9px; }
  .site-header.site-chrome { min-height:66px; }
  .site-chrome .brand { font-size:18px; gap:5px; }
  .site-chrome .brand .mark { width:25px; height:25px; }
  .site-chrome .header-actions { gap:7px; }
  .site-chrome .header-cta { display:inline-flex; min-height:38px; padding:8px 11px; font-size:11px; }
  .site-chrome .header-cta img { width:17px; height:17px; }
  .site-chrome .footer-inner { padding:0 20px; align-items:flex-start; flex-direction:column; }
  .site-chrome .footer-links { gap:12px 18px; }
  body.page-guide .sheet { padding:35px 20px; }
}
@media print {
  body.page-guide .site-chrome { display:none; }
  body.page-guide .sheet { width:186mm; min-height:0; padding:0; }
}