/* Responsive layer derived from the 1512px Figma artboard. */
.hero>.hero-frame{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover;
  object-position:center;
  transform:none!important;
}
@media (min-width:801px) and (max-width:1512px){
  .hero{height:50.9259259vw}
  .hero-main{top:6.4497354vw;width:72.8835979vw;height:auto;aspect-ratio:1102/584}
  .hero-main>.hero-main-art{width:100%!important;height:100%!important}
  .hero-tag{height:4.7431507%;padding-inline:.8983666%;font-size:1.0291005vw;line-height:1.2860449vw;letter-spacing:-.0324074vw}
  .hero-tag--multimodal{left:.1814882%;top:82.6164384%;width:11.6724138%}
  .hero-tag--models{left:18.3303085%;top:61.0410959%;width:6.8239564%}
  .hero-tag--agents{left:61.4337568%;top:101.7945205%;width:6.4646098%}
  .hero-tag--agi{left:94.7368421%;top:16.6917808%;width:11.9419238%}

  .news,.feature,.models,.start{width:72.7513228vw;max-width:none}
  .news{gap:1.0582011vw;padding-top:7.2751323vw;padding-bottom:6.0846561vw}
  .news-card{height:auto;aspect-ratio:542/192;border-radius:1.5873016vw}
  .news-copy{inset:2.7777778vw 2.1164021vw auto}
  .news-copy h2{width:20.1058201vw;font-size:1.6534392vw;line-height:2.3809524vw;letter-spacing:-.0826719vw}
  .news-copy p{width:21.2301587vw;margin-top:.7936508vw;font-size:.9259259vw;line-height:1.3888889vw}
  .news-copy>span,.news-card:nth-child(2) .news-copy>span{top:6.0185185vw;font-size:.7936508vw}
  .news-card:first-child>img{right:-.1322751vw;top:2.5132275vw;width:12.5vw;height:12.1693122vw}
  .news-card:nth-child(2)>img{left:23.1481481vw;top:2.5793651vw;width:16.8650794vw;height:12.3015873vw}

  .section-heading{margin-bottom:3.3068783vw}
  .section-heading h2{font-size:3.1746032vw;letter-spacing:-.1190476vw}
  .section-heading p{font-size:1.0582011vw}
  .model-panel{grid-template-columns:1fr 27.5132275vw;padding:1.984127vw 3.968254vw}
  .model-copy h3,.audio-intro h3{font-size:2.1164021vw}
  .model-links>a{min-height:3.7037037vw;font-size:.9259259vw}
  .wave{width:21.7592593vw;height:9.1269841vw}
  .product-art{height:auto;aspect-ratio:542/406}
  .product-card h3{font-size:1.5873016vw}
  .product-card p{font-size:.9259259vw}
}

@media (max-width:800px){
  .hero{height:max(360px,calc(56.46vw + 28px))}
  .hero-main{top:40px;width:calc(100% - 32px);height:auto;aspect-ratio:1102/584}
  .hero-main>.hero-main-art{width:100%!important;height:100%!important}
  .hero-tag{height:4.7431507%;padding-inline:.8983666%;font-size:clamp(8px,1.411vw,15.56px);line-height:1.25;letter-spacing:-.02em}
  .hero-tag--multimodal{left:.1814882%;top:82.6164384%;width:11.6724138%}
  .hero-tag--models{left:18.3303085%;top:61.0410959%;width:6.8239564%}
  .hero-tag--agents{left:61.4337568%;top:101.7945205%;width:6.4646098%}
  .hero-tag--agi{left:94.7368421%;top:16.6917808%;width:11.9419238%}
  .news,.feature,.models,.start{width:calc(100% - 32px);max-width:none}
  .product-art{height:auto;aspect-ratio:542/406}
}

@media (max-width:480px){
  .hero-main{width:calc(100% - 24px)}
  .news,.feature,.models,.start{width:calc(100% - 24px)}
}

/* The exported hero composition has a white matte. Multiply restores the
   transparent appearance of the original Figma layers over the paper texture. */
.hero-main-art{mix-blend-mode:multiply}

/* 04: typography stays at the Figma sizes; only its layout responds. */
.models .section-heading{margin-bottom:50px}
.models .section-heading h2{
  font-family:"Source Han Serif CN","Noto Serif SC",serif;
  font-size:48px;
  font-weight:700;
  line-height:66.96px;
  letter-spacing:0;
}
.models .section-heading p{
  font-family:"Source Han Sans SC","Noto Sans SC",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:normal;
}
.models .model-copy h3,.models .audio-intro h3{
  margin-bottom:24px;
  font-family:"Source Han Serif CN","Noto Serif SC",serif;
  font-size:32px;
  font-weight:700;
  line-height:36px;
}
.models .model-copy p,.models .audio-intro p{
  font-size:14px;
  font-weight:400;
  line-height:20px;
}
.models .model-panel--light .model-copy p{font-family:"PingFang SC","Source Han Sans SC","Noto Sans SC",sans-serif}
.models .model-panel--audio .audio-intro p{font-family:"Source Han Sans SC","Noto Sans SC",sans-serif}
.models .model-links>a{
  font-family:"Source Han Sans SC","Noto Sans SC",sans-serif;
  font-size:14px;
  font-weight:500;
}
.models .audio-links strong{font-size:14px;font-weight:500;line-height:15px}
.models .audio-links small{font-size:12px;font-weight:400;line-height:13.5px}

@media (min-width:1181px) and (max-width:1512px){
  .models .model-panel{grid-template-columns:1fr 416px;padding:30px 60px}
  .models .model-panel--light{min-height:200px}
  .models .model-panel--audio{min-height:360px}
  .models .model-links>a{min-height:56px}
  .models .audio-links>a{min-height:60px}
  .models .wave{width:329px;height:138px}
}

@media (min-width:801px) and (max-width:1180px){
  .models .model-panel{grid-template-columns:minmax(0,1fr) minmax(300px,416px);padding:30px 36px;column-gap:28px}
  .models .model-panel--light{min-height:200px}
  .models .model-panel--audio{min-height:360px}
  .models .model-links>a{min-height:56px}
  .models .audio-links>a{min-height:60px}
  .models .wave{width:min(100%,329px);height:138px}
}

@media (max-width:800px){
  .models .section-heading{margin-bottom:30px}
  .models .section-heading h2{font-size:32px;line-height:1.4;letter-spacing:0}
  .models .section-heading p{font-size:14px;line-height:1.7}
  .models .model-copy h3,.models .audio-intro h3{font-size:27px;line-height:1.25}
}