@media (min-width:768px) and (max-width:1023px){
  .topbar{padding-left:32px;padding-right:32px}
  .content-block{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:32px;padding-left:32px;padding-right:32px;padding-bottom:48px}
  .content-copy h1{font-size:36px;color:#010101}
  .brand{color:#010101}
  .brand-mark{fill:#010101}
  .glass-cards{width:100%;gap:16px}
  .glass-card{color:#010101}
}

.content-copy h1 span{display:block}
html,body{font-family:'PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,sans-serif}

.hero-subtitle{max-width:30rem;margin:20px 0 0;color:rgba(1,1,1,.68);font-size:15px;line-height:1.7}
.concept-card{display:flex;min-height:11rem;flex-direction:column;justify-content:space-between}
.signal-line{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}
.signal-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(1,1,1,.08);animation:signal-pulse 2.4s ease-out infinite}
.concept-copy{max-width:11em;margin:0;font-size:22px;font-weight:600;line-height:1.35}
.site-record{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;flex:none;padding:0 20px 12px;text-align:center;font-size:11px;line-height:1.4}
.site-record a{color:rgba(255,255,255,.62);text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.38);transition:color .2s}
.site-record a:hover{color:#fff}

@keyframes signal-pulse{0%,45%{box-shadow:0 0 0 0 rgba(255,255,255,.28)}75%,100%{box-shadow:0 0 0 9px rgba(255,255,255,0)}}

@media (min-width:768px){
  .hero-subtitle{color:rgba(255,255,255,.72)}
  .signal-dot{box-shadow:0 0 0 5px rgba(255,255,255,.1)}
}

@media (prefers-reduced-motion:reduce){.signal-dot{animation:none}}