.hotspot-stage{position:relative;max-width:1100px;margin:auto}.hotspot-stage>img{width:100%;display:block}.hotspot-dot{position:absolute;width:24px;height:24px;margin:-12px;border:4px solid #fff;border-radius:50%;background:#f5bd00;box-shadow:0 0 0 0 rgba(245,189,0,.65);cursor:pointer;animation:hotspot-pulse 2.2s infinite;z-index:3}.hotspot-card{position:absolute;z-index:4;width:270px;padding:18px;background:#fff;box-shadow:0 10px 28px rgba(20,35,50,.2);transform:translate(18px,-10px)}.hotspot-card[hidden]{display:none}.hotspot-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.hotspot-card h2{font-size:20px;margin:10px 0}.hotspot-card p{margin:6px 0;color:#52606d}.hotspot-close{position:absolute;right:8px;top:5px;border:0;background:none;font-size:24px;cursor:pointer}@keyframes hotspot-pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,189,0,.6)}50%{box-shadow:0 0 0 10px rgba(245,189,0,0)}}@media(max-width:700px){.hotspot-card{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(88vw,320px)}.hotspot-dot{width:22px;height:22px;margin:-11px}}
.application-hotspot-section.home-layout-hotspot{padding:100px 0 84px;background:#fff}.application-hotspot-section.home-layout-hotspot>.container>h2{text-align:center;font-size:30px;letter-spacing:.08em;font-weight:600;margin-bottom:48px}.application-hotspot-section.home-layout-hotspot .hotspot-stage{max-width:1100px}.application-stage-grid{max-width:1100px;margin:0 auto}.application-stage-grid.count-2{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.application-stage-grid.count-2 .application-stage{max-width:none;width:100%}.application-stage-grid.count-2 .application-stage>img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff}.hotspot-instruction{margin:30px 0 0;text-align:center;color:#f05a5a;font-size:16px;font-weight:600;letter-spacing:.01em}
@media(max-width:700px){.application-hotspot-section.home-layout-hotspot{padding:68px 0 56px}.application-hotspot-section.home-layout-hotspot>.container>h2{font-size:26px;margin-bottom:30px}.application-stage-grid.count-2{grid-template-columns:1fr;gap:24px}.application-stage-grid.count-2 .application-stage>img{aspect-ratio:3/2}.hotspot-instruction{margin-top:22px;font-size:14px}}