/* Source: 未标题-1.psd, 1920 × 878. Background and transparent device are separate source layers. */
.home-hero,.home-hero.hero-device-ready{height:45.7292vw;min-height:0;max-height:none;background-image:url('images/home-hero-psd-background.webp');background-size:100% 100%;overflow:hidden}
.home-hero>.wrap{position:absolute;inset:0;width:100%;max-width:none;margin:0;padding:0}
.home-hero .hero-copy{position:absolute;left:13%;top:39.7%;width:43%;margin:0}
.home-hero .hero-copy h1{font-size:clamp(28px,2.8vw,58px);line-height:1.15;margin:0;color:#080b0e;letter-spacing:-.035em}
.home-hero .hero-copy p{font-size:clamp(16px,1.5vw,30px);margin:1.5vw 0 4.4vw;color:#59738f;letter-spacing:.035em}
.home-hero .hero-link{width:12.5vw;min-width:160px;margin:0;min-height:48px;height:3.9vw;padding:0 1.2vw;display:inline-flex;align-items:center;justify-content:space-between;font-size:clamp(16px,1.3vw,26px);color:#5e7388;background:#ffffff45;border:1px solid #a4bfd6;border-radius:0;box-shadow:none;animation:bc-hero-enter 1s .4s backwards}
.home-hero .hero-device{left:58.802%;top:14.123%;height:79.385%;aspect-ratio:285/697}
.home-hero .hero-device-float{animation:psd-device-arrive 1.3s cubic-bezier(.16,1,.3,1) both}
.home-hero .hero-device img{filter:none}
.home-hero .hero-device:hover img{transform:scale(1.012)}
.home-hero .hero-side,.home-hero .home-device-halo,.home-hero .home-scroll-cue{display:none}
.home-hero:after{display:none!important}
@keyframes psd-device-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .home-hero,.home-hero.hero-device-ready{height:810px;min-height:0;background-color:#eaf4fc;background-image:linear-gradient(#eaf4fc 20%,#eaf4fc 31%,transparent 52%),url('images/home-hero-psd-background.webp');background-size:100% 100%,auto 555px;background-position:center,calc(50% - 197px) bottom;background-repeat:no-repeat}
 .home-hero .hero-copy{top:115px;left:6%;width:88%;text-align:center}
 .home-hero .hero-copy h1{font-size:clamp(25px,6.5vw,42px);white-space:normal}
 .home-hero .hero-copy p{font-size:15px;margin:15px 0 20px}
 .home-hero .hero-link{height:48px;width:172px;padding:0 18px;font-size:16px;background:#ffffffc9}
 .home-hero .hero-device{height:440px;top:auto;bottom:40px;left:calc(50% - 90px);width:180px}
}
@media(prefers-reduced-motion:reduce){.home-hero .hero-device-float{animation:none!important}}

/* Device reveal: image-shaped light sweep, preserving the supplied silhouette. */
.home-hero .hero-device-float{position:relative;animation:none}
.device-reveal-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(165deg,transparent 35%,#d0f3ff80 44%,#fff 49%,#97deff99 54%,transparent 62%);background-size:100% 300%;mask:url('images/home-hero-psd-device.webp') center/100% 100% no-repeat;-webkit-mask:url('images/home-hero-psd-device.webp') center/100% 100% no-repeat;mix-blend-mode:screen}
.device-revealing .hero-device{pointer-events:none}
.device-replay{position:absolute;z-index:3;right:5%;bottom:24px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #8daec8;border-radius:50%;background:#ffffffb8;color:#294f6c;font:26px/1 sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.device-replay:hover{background:white;transform:rotate(-25deg)}
.device-replay:focus-visible{outline:3px solid #3284aa;outline-offset:4px}
@media(max-width:760px){.device-replay{left:20px;right:auto;bottom:25px}}
@media(prefers-reduced-motion:reduce){.device-replay{display:none}.device-reveal-light{display:none}}