/* Homepage Agent connection hero. */
.hero--home{
  min-height:min(660px,calc(100svh - 112px));padding:70px 0 58px;
  background:#0b0d0c url("brand-hero-desktop.webp") center 58%/cover no-repeat;
  color:#fff;border-bottom:1px solid rgba(255,255,255,.16);text-align:center;
}
.hero--home::before{display:block;background:rgba(4,7,5,.7)}
.hero--home .eyebrow{margin-bottom:26px;color:#9ee6b6}
.hero--home h1{max-width:18ch;margin:0 auto 44px;font-size:72px;line-height:1.15;letter-spacing:0;color:#fff}
.hero--home h1 .accent{color:#79df98}
.hero--home-en h1{max-width:24ch;font-size:64px}
.hero__connect{width:min(100%,900px);margin:0 auto}
.hero__connect-title{font-size:20px;font-weight:700;color:#fff}
.hero__connect-note{margin-top:5px;font-size:15px;color:rgba(255,255,255,.78)}
.hero__prompt{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;
  margin-top:18px;padding:12px 12px 12px 22px;min-height:76px;
  color:#fff;background:#111413;border:1px solid #232826;border-radius:8px;
  box-shadow:0 22px 50px rgba(13,17,23,.14);text-align:left;
}
.hero__prompt-mark{color:#8d9892;font:500 18px/1 "SFMono-Regular",Consolas,"Liberation Mono",monospace}
.hero__prompt code{color:#f5f7f6;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.hero__copy{
  width:96px;min-width:96px;height:50px;padding:0 12px;border:0;border-radius:6px;cursor:pointer;
  color:#fff;background:var(--accent);font-family:inherit;font-size:14px;font-weight:650;line-height:1;
  transition:background .2s,transform .2s var(--ease);
}
.hero__copy:hover{background:var(--accent-hover);transform:translateY(-1px)}
.hero__copy[data-state="copied"]{background:#0d5f2c}
.hero__copy[data-state="error"]{background:#b42318}
.hero__copy-status{min-height:1.5em;margin-top:9px;font-size:13px;color:rgba(255,255,255,.72)}
.hero__after{margin-top:7px;font-size:14px;color:rgba(255,255,255,.72)}

@media(max-width:820px){
  .hero--home{min-height:min(640px,calc(100svh - 96px));padding:58px 0 48px}
  .hero--home h1{font-size:56px}
  .hero--home-en h1{font-size:48px}
}

@media(max-width:980px){
  .home-en .policy__row,.home-en .policy__row > *{min-width:0}
  .home-en .policy__row strong,.home-en .policy__row a{overflow-wrap:anywhere}
  .home-en .policy__row span{white-space:normal}
}

@media(max-width:680px){
  .hero--home{background-image:url("brand-hero-mobile.webp");background-position:center 55%}
}

@media(max-width:520px){
  .hero--home{min-height:min(590px,calc(100svh - 112px));padding:42px 0 34px}
  .hero--home .eyebrow{margin-bottom:18px}
  .hero--home h1{margin-bottom:32px;font-size:40px;line-height:1.2}
  .hero--home-en h1{font-size:36px}
  .hero__connect-title{font-size:18px}
  .hero__connect-note{font-size:14px}
  .hero__prompt{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px 16px;min-height:0}
  .hero__prompt code{font-size:13px;line-height:1.65}
  .hero__copy{grid-column:1/-1;width:100%;height:44px}
  .hero__after{font-size:12.5px;line-height:1.6}
}

@media(max-width:360px){
  .hero--home{padding:24px 0 22px}
  .hero--home .eyebrow{margin-bottom:10px}
  .hero--home h1{margin-bottom:20px;font-size:32px}
  .hero--home-en{padding:16px 0 12px}
  .hero--home-en .eyebrow{margin-bottom:6px;font-size:10px}
  .hero--home-en h1{margin-bottom:12px;font-size:25px;line-height:1.15}
  .hero--home-en .hero__connect-title{font-size:16px}
  .hero--home-en .hero__connect-note{font-size:12px}
  .hero--home-en .hero__prompt{margin-top:8px;padding:10px;gap:8px}
  .hero--home-en .hero__prompt code{font-size:11px;line-height:1.4}
  .hero--home-en .hero__copy{height:38px}
  .hero--home-en .hero__copy-status{margin-top:3px;font-size:12px}
  .hero--home-en .hero__after{font-size:11px;line-height:1.35}
  .home-en .nav .btn{padding:8px 10px;font-size:12px}
  .hero__connect-title{font-size:17px}
  .hero__connect-note{margin-top:2px;font-size:13px}
  .hero__prompt{margin-top:12px;padding:14px 12px;gap:10px}
  .hero__prompt code{font-size:12px;line-height:1.55}
  .hero__copy{height:40px}
  .hero__copy-status{margin-top:5px}
  .hero__after{margin-top:2px}
}