/* Shared architectural materials, with a light wash behind live content. */
.inner-page .inner-hero{background-image:linear-gradient(#f5eee31f,#f5eee31f),url('assets/hero-courtyard.png')}
.inner-page .chat-showcase.product-tour{background:#f5eee3;background-image:linear-gradient(#f5eee31f,#f5eee31f),url('assets/backgrounds/devices.jpg');background-size:cover;background-position:center}
.inner-page .platforms-section{background-image:linear-gradient(#f5eee31f,#f5eee31f),url('assets/platforms-wall.png');background-size:cover;background-position:center}
.inner-page .closing-cta{background-image:linear-gradient(#f5eee30f,#f5eee30f),url('assets/backgrounds/cta.jpg');background-size:cover;background-position:center;color:#fff8ed}
.inner-page .product-cross,.inner-page .getting-started{background-image:linear-gradient(#f5eee31f,#f5eee31f),url('assets/chats-wall.png')}
.inner-page .company-statement{background-image:linear-gradient(#f5eee31f,#f5eee31f),url('assets/platforms-wall.png')}
.inner-page .editorial-section,.inner-page .capability-section:not(.capability-dark){background-color:#f5efe4}
.inner-page .contact-layout{background:linear-gradient(#f5eee33d,#f5eee33d),url('assets/backgrounds/faq-v2.jpg') center/cover}

/* Distinct page photographs, with the same warm materials and clear copy area. */
.inner-page .agent-hero{--page-hero:url('assets/backgrounds/agent-hero-v1.webp')}
.inner-page .chats-hero{--page-hero:url('assets/backgrounds/chats-hero-v1.webp')}
.inner-page .company-hero{--page-hero:url('assets/backgrounds/company-hero-v1.webp')}
.inner-page :is(.agent-hero,.chats-hero,.company-hero){background-image:linear-gradient(90deg,#f5eee333,#f5eee310),var(--page-hero);background-position:center;background-size:cover}
.inner-page :is(.agent-hero,.chats-hero,.company-hero) .inner-hero-note{display:none}
/* Keep copy inside the photograph's quiet area; no local blur panel. */
.inner-page :is(.agent-hero,.chats-hero,.company-hero){background-image:linear-gradient(90deg,#f5eee338 0%,#f5eee31a 46%,transparent 72%),var(--page-hero);background-position:left center;overflow:hidden}
.inner-page :is(.agent-hero,.chats-hero,.company-hero)>div:first-child{width:46%;max-width:620px;min-width:0}
.inner-page :is(.agent-hero,.chats-hero,.company-hero) h1{font-size:clamp(42px,5.15vw,84px);line-height:1.04;text-wrap:balance}
.inner-page :is(.agent-hero,.chats-hero,.company-hero)>div>p:not(.eyebrow){max-width:100%;text-wrap:pretty}
@media(max-width:1100px) and (min-width:701px){
 .inner-page :is(.agent-hero,.chats-hero,.company-hero)>div:first-child{width:48%}
 .inner-page :is(.agent-hero,.chats-hero,.company-hero)>div>p:not(.eyebrow){font-size:16px}
}
@media(max-width:700px){
 .inner-page :is(.agent-hero,.chats-hero,.company-hero){background-position:25% center;background-image:linear-gradient(90deg,#f5eee352 0%,#f5eee326 65%,transparent 100%),var(--page-hero)}
 .inner-page :is(.agent-hero,.chats-hero,.company-hero)>div:first-child{width:100%;max-width:470px}
 .inner-page :is(.agent-hero,.chats-hero,.company-hero) h1{font-size:clamp(38px,7.5vw,50px);line-height:1.1}
}
@media(min-width:481px) and (max-width:700px){
 .inner-page :is(.agent-hero,.chats-hero,.company-hero)>div:first-child{width:60%}
}
@media(max-width:480px){
 .inner-page :is(.agent-hero,.chats-hero,.company-hero)>div:first-child{width:calc(100% - 44px)}
 .inner-page .chats-hero .text-link{display:inline-flex;margin:18px 0 0!important}
}
@media(max-width:480px){
 html[lang^="zh"] .inner-page :is(.agent-hero,.chats-hero,.company-hero) h1{font-size:clamp(28px,8.2vw,36px);letter-spacing:0}
 .inner-page .chats-hero .text-link{display:flex;width:fit-content}
}
/* Home shares the copy-safe composition, retaining its original courtyard. */
.cinematic-home .hero-stage::before{background-image:linear-gradient(90deg,#f5eee333 0%,#f5eee318 45%,transparent 72%),url('assets/hero-courtyard.png');background-position:left center}
.cinematic-home .hero-copy{width:52%;max-width:820px;padding-right:24px}
.cinematic-home .hero h1{font-size:clamp(44px,5.6vw,100px);white-space:normal;line-height:1.04;text-wrap:balance}
.cinematic-home .hero .intro{max-width:390px;background:none;text-wrap:pretty}
html[lang=zh-CN] .cinematic-home .hero h1{font-size:clamp(38px,4.6vw,80px);line-height:1.3}
@media(max-width:700px){
 .cinematic-home .hero-stage::before{background-position:12% center}
 .cinematic-home .hero-copy{width:100%;max-width:520px;padding-left:24px;padding-right:30px}
 .cinematic-home .hero h1{font-size:clamp(42px,9.8vw,60px);letter-spacing:-.045em}
 .cinematic-home .hero h1 em{letter-spacing:inherit}
 .cinematic-home .hero .intro{max-width:320px;background:none}
 html[lang=zh-CN] .cinematic-home .hero h1{font-size:clamp(30px,8vw,44px);line-height:1.4}
 html[lang=zh-CN] .cinematic-home .hero h1 em{white-space:normal}
}
/* Anchor the wall/stair junction within the viewport, not to the image edge. */
@media(min-width:701px) and (min-height:650px) and (max-aspect-ratio:269/100){
 .cinematic-home .hero-stage::before{background-size:auto 100%;background-position:calc(58vw - 117.4svh) center}
}
@media(min-width:701px) and (max-height:649px){
 .cinematic-home .hero-stage::before{background-position:43% center}
}
@media(max-width:700px){
 .cinematic-home .hero-stage::before{background-position:48% center;background-image:linear-gradient(180deg,#f5eee3e8 0%,#f5eee3db 42%,#f5eee3a6 62%,transparent 84%),url('assets/hero-courtyard.png')}
 .cinematic-home .hero{align-items:flex-start;padding-top:48px;padding-bottom:100px}
 .cinematic-home .hero-stage{height:auto;min-height:max(780px,100svh)}
 .cinematic-home .hero-copy{padding-right:24px}
}