.site-boot { min-height: 100vh; background: #f7f7f7; color: #131313; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.site-boot header { min-height: 79px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #eeeae5; padding: 16px 32px; background: #fff; }
.site-boot header strong { font-size: 25px; letter-spacing: -.02em; }
.site-boot header strong span { color: #d01414; }
.site-boot__mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 9px; background: #d01414; color: #fff; font-weight: 800; }
.site-boot section { width: 100%; max-width: 1376px; min-height: 560px; margin: 0 auto; display: flex; }
.site-boot__copy { width: 50%; align-self: center; padding: 76px 32px; }
.site-boot__copy p { color: #d01414; font-size: 13px; font-weight: 700; letter-spacing: .05em; }
.site-boot__copy h1 { max-width: 650px; margin: 20px 0; font-size: clamp(38px, 4vw, 58px); line-height: 1.05; letter-spacing: -.025em; }
.site-boot__line, .site-boot__button { display: block; border-radius: 7px; background: #e7e2dc; animation: surfacesmith-boot-pulse 1.2s ease-in-out infinite alternate; }
.site-boot__line { width: min(420px, 90%); height: 18px; }
.site-boot__button { width: 180px; height: 50px; margin-top: 26px; background: #d01414; }
.site-boot__hero { width: 50%; min-height: 560px; background: linear-gradient(135deg, #eee9e3, #f8f6f3); }
.site-boot__hero picture, .site-boot__hero img { width: 100%; height: 100%; display: block; }
.site-boot__hero img { object-fit: cover; }
.site-boot__noscript { margin: 0; padding: 18px; background: #fff0f0; color: #7f1111; font-family: Arial, sans-serif; text-align: center; }
.site-boot__noscript a { font-weight: 700; }
.native-load-error { min-height: 80vh; display: grid; place-content: center; gap: 16px; padding: 28px; text-align: center; }
.native-load-error h1, .native-load-error p { max-width: 620px; margin: 0 auto; }
.native-load-error .button { margin: 8px auto 0; }
@keyframes surfacesmith-boot-pulse { to { opacity: .48; } }
@media (max-width: 767px) {
  .site-boot header { min-height: 67px; padding: 11px 16px; }
  .site-boot__mark { width: 38px; height: 38px; }
  .site-boot header strong { font-size: 20px; }
  .site-boot section { min-height: 0; flex-direction: column; }
  .site-boot__copy { width: 100%; padding: 34px 20px; }
  .site-boot__copy h1 { font-size: 36px; }
  .site-boot__hero { width: 100%; min-height: 230px; order: -1; }
}
@media (prefers-reduced-motion: reduce) { .site-boot__line, .site-boot__button { animation: none; } }