/* === Responsive — hero + general breakpoints === */

@media(max-width:1024px){
  .s2-bento{grid-template-columns:repeat(2,1fr)}
  .sc-hero{grid-row:auto}
  .cost-table{overflow-x:auto}
  .cost-row{min-width:600px}
}

@media(max-width:768px){
  .inner{padding:0 18px}
  .page{padding:72px 0}
  .page[data-p="0"]{padding:0;overflow:visible;min-height:100vh}
  .hero-shell{padding:0 18px}
  .act1-inner{padding:0 8px}
  .hero-brand{margin-bottom:24px;gap:8px}
  .hero-brand-name{font-size:22px}
  .hero-brand-tagline{font-size:11px}
  .chat-input-bar{max-width:100%;padding:14px 48px 14px 18px;border-radius:20px}
  .chat-input-text{font-size:14px}
  .chat-send-btn{width:32px;height:32px;right:8px;bottom:8px}
  .chat-placeholder{left:18px;font-size:14px}
  .chat-input-bar.sent{max-width:90%;transform:translateY(-8px) scale(.94);padding:8px 14px}
  .agent-card{max-width:100%;min-height:auto;padding:16px 16px 14px;border-radius:20px}
  .agent-card-head{padding-bottom:12px}
  .agent-name{font-size:12px}
  .agent-session{font-size:10px}
  .agent-card-body{gap:16px;padding-top:14px}
  .agent-line-main{font-size:14px}
  .agent-line-sub{font-size:12px}
  .agent-module-row{font-size:11px}
  .agent-summary{font-size:12px}
  .demo-request-recall{padding:12px 16px 10px 16px}
  .demo-request-recall::before{display:none}
  .demo-request-text{font-size:12px}
  .build-log{max-width:100%}
  .log-label{font-size:11px}
  .log-detail{font-size:9px}
  .act2-inner{grid-template-columns:1fr;gap:24px;padding:24px 18px;min-height:auto}
  .act2-left{align-items:center;text-align:center}
  .act2-label{justify-content:center}
  .act2-slogan{font-size:clamp(24px,7vw,34px)}
  .act2-skill-badge{margin:20px auto 0}
  .act2-cta{justify-content:center}
  .act2-right{overflow:hidden;border-radius:12px}
  .progress{right:8px}
  .progress .st{width:12px;height:12px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none}
  .progress .st::before{content:'';width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);transition:all .25s var(--ease)}
  .progress .st.on{background:none;border:none;transform:none;box-shadow:none}
  .progress .st.on::before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px rgba(110,168,254,.12);transform:scale(1.22)}
  .lang-switch{top:12px;right:12px}
  /* S2 mobile: single column */
  .s2-bento{grid-template-columns:1fr}
  .sc-hero{grid-row:auto}
  /* S4 mobile */
  .s4-input-row{max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .scroll-cue{display:none}
}