.home-page{min-height:100vh;background:#050505;color:#f7f7f7}.home-page main{width:min(1200px,calc(100% - 80px));margin:0 auto;padding:clamp(84px,12vw,164px) 0 clamp(88px,12vw,156px)}.home-hero{max-width:1120px}.home-hero h1{margin:0;font-family:Space Grotesk,Noto Sans TC,Inter,sans-serif;font-weight:500}.home-slogan-lead,.home-slogan-body{display:block}.home-slogan-lead{max-width:1060px;color:#f7f7f7;font-size:clamp(58px,8.7vw,116px);font-weight:560;line-height:.96;letter-spacing:-.062em;text-wrap:balance}.home-slogan-body{max-width:880px;margin-top:clamp(28px,4vw,52px);color:#9a9a9a;font-size:clamp(28px,4.15vw,54px);font-weight:440;line-height:1.1;letter-spacing:-.042em;text-wrap:balance}.home-demo{margin-top:clamp(72px,10vw,136px);scroll-margin-top:96px}.home-demo-media,.home-demo-cover{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:clamp(16px,2vw,28px);background:#000;box-shadow:0 36px 100px #00000080}.home-demo-cover{padding:0;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;text-align:left}.home-demo-cover:disabled{cursor:default}.home-demo-cover img,.home-demo-video{display:block;width:100%;height:100%;object-fit:cover}.home-demo-cover img{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}.home-demo-cover:not(:disabled):hover img{transform:scale(1.012);opacity:.88}.home-demo-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent 38%);pointer-events:none}.home-play{position:absolute;top:50%;left:50%;display:grid;width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);place-items:center;border-radius:50%;background:#fffffff0;color:#050505;font-size:clamp(19px,2vw,25px);padding-left:.15em;transform:translate(-50%,-50%);transition:transform .22s ease,background .22s ease}.home-demo-cover:hover .home-play{background:#fff;transform:translate(-50%,-50%) scale(1.04)}.home-demo-cover:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:767px){.home-page main{width:min(100% - 40px,1200px);padding-top:72px;padding-bottom:88px}.home-slogan-lead{font-size:clamp(48px,14.5vw,70px);line-height:.98}.home-slogan-body{margin-top:26px;font-size:clamp(27px,8vw,36px);line-height:1.13}.home-demo{margin-top:64px}}@media(prefers-reduced-motion:reduce){.home-demo-cover img,.home-play{transition:none}.home-demo-cover:not(:disabled):hover img,.home-demo-cover:hover .home-play{transform:none}}