/* The original sales site's compact language control, adapted to the SenHOME presentation. */
.language-switch{position:fixed;top:clamp(.8rem,1.55vw,1.35rem);right:clamp(.8rem,1.55vw,1.35rem);z-index:80;min-width:4.15rem;height:2.45rem;padding:0 .9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #dcebfe47;border-radius:999px;color:#f8fbff;background:#070d18ad;box-shadow:0 .55rem 1.8rem #0003,inset 0 1px #ffffff14;backdrop-filter:blur(16px) saturate(1.25);cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.language-switch::before{content:"";width:.46rem;height:.46rem;border-radius:50%;background:var(--vi-gradient-strong);box-shadow:0 0 12px #7ea6f6b8}
.language-switch:hover{background:#0c182cd1;border-color:#dcebfe85}
.language-switch:focus-visible{outline:2px solid #a9caff;outline-offset:3px}
.slide>.topline{padding-right:clamp(6rem,9vw,9rem)}
.case-copy .detail{width:100%;max-width:none;text-align:center;text-wrap:balance;margin-inline:auto}
#zhaoshang .case-media.portrait{width:100%;max-width:none}
#companySlideshow .company-close,#companySlideshow .company-prev,#companySlideshow .company-next{font-size:24px;min-width:48px;line-height:1;padding:8px 15px}
html[lang="en"] body,html[lang="en"] button{font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{letter-spacing:-.035em}
html[lang="en"] .hero-copy{width:min(76rem,84vw);max-width:none}
html[lang="en"] .hero h1{font-size:clamp(2.6rem,5.25vw,5.7rem);line-height:1.02;max-width:100%}
html[lang="en"] .hero .tagline{max-width:70ch;font-size:clamp(.84rem,1.12vw,1.15rem);line-height:1.5}
html[lang="en"] .loss-head h2{font-size:clamp(2rem,3.3vw,3.65rem);line-height:1.08}
html[lang="en"] .loss-head h2 span{display:block}
html[lang="en"] .loss-funnel-caption{font-size:clamp(.72rem,1.05vw,1.1rem);white-space:normal}
html[lang="en"] .loss-source{line-height:1.45}
html[lang="en"] .path-title{font-size:clamp(2rem,3.55vw,3.9rem)}
html[lang="en"] .core-subtitle{font-size:clamp(1.5rem,2.45vw,2.7rem);max-width:none;line-height:1.15}
html[lang="en"] .touchpoint-title,html[lang="en"] .slide:nth-child(6) .section-title h2,html[lang="en"] .slide:nth-child(7) .section-title h2{font-size:clamp(1.8rem,3vw,3.5rem);line-height:1.12;max-width:30ch}
html[lang="en"] .case-title h2{flex-wrap:wrap;gap:.2em .35em;font-size:clamp(1.8rem,2.8vw,3.2rem);line-height:1.15;white-space:normal}
html[lang="en"] .case-title-shift{font-size:.7em;line-height:1.2;max-width:40ch}
html[lang="en"] .case-copy .quote{font-size:clamp(1.45rem,2.05vw,2.4rem);line-height:1.2}
html[lang="en"] .case-copy .detail{font-size:clamp(.85rem,1.05vw,1.15rem);line-height:1.55;max-width:55ch}
html[lang="en"] .asset-tab{white-space:normal;line-height:1.2;font-size:clamp(.7rem,.9vw,.94rem)}
html[lang="en"] .stakeholder .badge{font-size:clamp(.62rem,.9vw,.8rem)}
html[lang="en"] .stakeholder h3{font-size:clamp(1rem,1.45vw,1.5rem)}
html[lang="en"] #solution-focus .rv-answer h3{font-size:clamp(1rem,1.4vw,1.55rem);line-height:1.25}
html[lang="en"] .rf-label{font-size:clamp(12px,1.15vw,20px)}
html[lang="en"] #solution-outputs h2{font-size:clamp(1.65rem,2.7vw,3rem);gap:.15em .3em}
html[lang="en"] .cta h2{font-size:clamp(2rem,3.6vw,4rem);line-height:1.12;max-width:24ch;white-space:normal}
@media(min-width:761px){
 html[lang="en"] .hero .tagline{width:max-content;max-width:90vw;white-space:nowrap}
 html[lang="en"] .loss-head h2{font-size:clamp(1.9rem,3vw,3.35rem);white-space:nowrap}
 html[lang="en"] .loss-head h2 br{display:none}
 html[lang="en"] .loss-head h2 span{display:inline}
 html[lang="en"] .loss-head h2 span::before{content:" ";}
 html[lang="en"] .slide:nth-child(6) .section-title h2{max-width:none;white-space:nowrap;font-size:clamp(1.8rem,2.8vw,3.2rem)}
 html[lang="en"] .slide:nth-child(7) .section-title h2{max-width:none;white-space:nowrap;font-size:clamp(1.9rem,3vw,3.35rem)}
 html[lang="en"] .cta h2{max-width:none;white-space:nowrap;font-size:clamp(2rem,3vw,3.35rem)}
}
@media(max-width:760px){
 .language-switch{top:.58rem;right:.58rem;height:2.2rem;min-width:3.8rem}
 html[lang="en"] .hero h1{font-size:clamp(1.85rem,7.3vw,3rem)}
 html[lang="en"] .hero-copy{width:90vw}
 html[lang="en"] .loss-head h2,html[lang="en"] .path-title{font-size:clamp(1.5rem,6vw,2.3rem)}
 html[lang="en"] .core-subtitle,html[lang="en"] .touchpoint-title,html[lang="en"] .slide:nth-child(6) .section-title h2,html[lang="en"] .slide:nth-child(7) .section-title h2{font-size:clamp(1.4rem,5.4vw,2rem)}
 html[lang="en"] .case-title h2{font-size:clamp(1.45rem,6vw,2rem)}
 html[lang="en"] .case-copy .quote{font-size:clamp(1.2rem,4.7vw,1.6rem)}
 html[lang="en"] .case-copy .detail{font-size:.82rem;line-height:1.4}
 html[lang="en"] .rf-label{font-size:12px;padding:6px 8px;max-width:44%}
 html[lang="en"] .rf-label small{font-size:9px}
 html[lang="en"] #solution-focus .rv-answer h3{font-size:1rem}
 html[lang="en"] #solution-outputs h2{font-size:1.5rem}
 html[lang="en"] .cta h2{font-size:clamp(1.7rem,6.8vw,2.5rem)}
}
@media(max-height:500px) and (orientation:landscape){
 html[lang="en"] .case-title h2{font-size:1.5rem}
 html[lang="en"] .case-copy .quote{font-size:1.1rem}
 html[lang="en"] .case-copy .detail{font-size:.76rem;line-height:1.35}
}
@media print{.language-switch{display:none!important}}
@media(max-width:520px) and (orientation:portrait){
 html[lang="en"] .loss-slide>.slide-content{padding:60px 12px 20px;justify-content:center;gap:6px}
 html[lang="en"] .loss-head{margin-bottom:4px}
 html[lang="en"] .loss-head h2{font-size:23px;line-height:1.08}
 html[lang="en"] .loss-body{display:grid;grid-template-columns:1fr;gap:8px;padding:0;height:auto}
 html[lang="en"] .loss-funnel-wrap{width:100%;position:static}
 html[lang="en"] .loss-funnel-caption{position:static;width:auto;margin:0 0 6px;padding:0;font-size:12px;line-height:1.3}
 html[lang="en"] .loss-funnel{height:170px;min-height:0;width:100%;clip-path:polygon(0 0,100% 0,60% 100%,40% 100%)}
 html[lang="en"] .loss-stage{flex-direction:row;gap:6px;padding:0;line-height:1}
 html[lang="en"] .loss-stage strong{font-size:25px;flex:none}
 html[lang="en"] .loss-stage span{font-size:10px;letter-spacing:0;white-space:normal;line-height:1.1;max-width:135px}
 html[lang="en"] .loss-stage.s3 span{max-width:92px}
 html[lang="en"] .loss-stage.s4{transform:none;flex-direction:row}
 html[lang="en"] .loss-stage.s4 span{display:inline;font-size:9px;max-width:46px}
 html[lang="en"] .loss-reasons{height:auto;gap:6px;grid-template-columns:1fr;grid-template-rows:auto}
 html[lang="en"] .loss-reason{padding:7px 8px;min-height:0;display:grid;grid-template-columns:18px 1fr;gap:3px 7px}
 html[lang="en"] .loss-reason b{grid-row:1/3;font-size:13px}
 html[lang="en"] .loss-reason h3{font-size:13px;line-height:1.12}
 html[lang="en"] .loss-reason p{font-size:12px;line-height:1.25;grid-column:2}
 html[lang="en"] .loss-source{font-size:9px;line-height:1.25;margin-top:3px}
}

/* Keep the closing contact slide on one shared bilingual layout baseline. */
.cta > .slide-content{align-items:stretch}
.cta h2,
html[lang="en"] .cta h2{
  width:max-content;
  max-width:none;
  margin:0;
  font-size:clamp(2.7rem,5.1vw,6.2rem);
  line-height:1.08;
  white-space:nowrap;
}
.cta .cta-links{width:min(36rem,80vw)}
.cta .cta-link{font-size:var(--body-size);line-height:1.35}
.cta .cta-link span:first-child{font-size:var(--small-size)}
.cta .cta-qr img{object-fit:contain}
.cta .cta-qr figcaption{font-size:var(--small-size);line-height:1.35}
@media(max-width:760px){
  .cta h2,
  html[lang="en"] .cta h2{font-size:clamp(.95rem,4.2vw,2.15rem)}
}

/* Closing title refinement: preserve the shared anchor while easing the longer English line. */
.cta h2,
html[lang="en"] .cta h2{
  min-height:clamp(2.916rem,5.508vw,6.696rem);
  display:flex;
  align-items:center;
}
html[lang="en"] .cta h2{font-size:clamp(2.35rem,4.3vw,5.2rem)}
@media(max-width:760px){
  .cta h2,
  html[lang="en"] .cta h2{min-height:clamp(1.026rem,4.536vw,2.322rem)}
  html[lang="en"] .cta h2{font-size:clamp(.9rem,3.7vw,1.9rem)}
}
html[lang="en"] .cta h2{column-gap:.22em}