.campaign-popup-dialog{width:min(520px,calc(100vw - 32px));background:#06183f}
.campaign-popup-head{padding:18px 24px 14px;text-align:center;color:#fff;background:linear-gradient(120deg,#071943,#0e57d9)}
.campaign-popup-head small{font-weight:900;color:#8eeaff}
.campaign-popup-head h2{margin:5px 0 3px;font-size:clamp(20px,3vw,31px);line-height:1.2;letter-spacing:-.045em}
.campaign-popup-head h2 strong{color:#ffe35b}
.campaign-popup-head p{margin:0;display:grid;gap:2px;font-size:14px;font-weight:800;color:#d9f4ff}.campaign-popup-head p b{color:#fff}.campaign-popup-head p span{font-size:11px;color:#bfeaff}
.campaign-popup-poster{flex:0 1 auto;aspect-ratio:4/5;max-height:calc(100dvh - 86px);overflow:hidden;background:#071b48}
.signage-slides{position:relative;width:100%;height:100%}
.signage-slides figure{position:absolute;inset:0;display:block;margin:0;opacity:0;visibility:hidden;transition:opacity .36s ease;background:#071b48}
.signage-slides figure.is-active{opacity:1;visibility:visible}
.signage-slide-link{display:block;width:100%;height:100%;outline:0}
.signage-slide-link:focus-visible{box-shadow:inset 0 0 0 5px #ffe35b}
.signage-slides img{width:100%;height:100%;min-height:0;max-height:none!important;object-fit:contain;background:#071b48}
.signage-slides figcaption{display:none}
.signage-prev,.signage-next{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;background:rgba(3,15,42,.58);font-size:28px;cursor:pointer}
.signage-prev{left:12px}.signage-next{right:12px}
.signage-dots{position:absolute;z-index:4;left:50%;bottom:8px;display:flex;gap:6px;transform:translateX(-50%)}
.signage-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.signage-dots button.is-active{width:22px;border-radius:99px;background:#74e9ff}
.signage-benefit-section{padding:44px 0;background:linear-gradient(150deg,#e9f8ff,#f8fdff 48%,#def8ff);border-block:1px solid #c6eafb}
.signage-benefit-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:20px}
.signage-benefit-heading small{display:block;margin-bottom:6px;color:#0879bd;font-weight:900}
.signage-benefit-heading h2{margin:0;font-size:clamp(26px,3.1vw,43px);line-height:1.1;letter-spacing:-.055em;color:#09214e}
.signage-benefit-heading h2 strong{color:#0b69da}
.signage-benefit-heading p{max-width:390px;margin:0;color:#33506f;font-size:16px;font-weight:800}
.signage-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.signage-benefit-grid a{display:block;overflow:hidden;border:1px solid #bce4f6;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(31,108,159,.1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.signage-benefit-grid a:hover{transform:translateY(-5px);border-color:#4db6ef;box-shadow:0 18px 36px rgba(31,108,159,.18)}
.signage-benefit-grid a:focus-visible{outline:4px solid #1476e5;outline-offset:3px}
.signage-benefit-grid img{display:block;width:100%;aspect-ratio:1122/1402;object-fit:contain;background:#06183f}
.signage-benefit-foot{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;margin-top:16px;padding:10px 16px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#09265c,#0a73dc)}
.signage-benefit-foot .changsuni-sprite{width:68px;height:68px;transform:rotate(-5deg)}
.signage-benefit-foot div{display:grid;gap:3px}.signage-benefit-foot b{font-size:18px}.signage-benefit-foot small{color:#ccefff}
.signage-benefit-foot a{padding:12px 17px;border-radius:12px;color:#08224d;background:#7cecff;font-weight:900}
@media(max-width:700px){
  .campaign-popup{padding:8px}.campaign-popup-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .campaign-popup-head{padding:12px 12px 10px}.campaign-popup-head h2{font-size:19px}.campaign-popup-head p{font-size:12px}.campaign-popup-head p span{font-size:9px}
  .campaign-popup-poster{aspect-ratio:4/5;max-height:calc(100dvh - 78px)}
  .signage-prev,.signage-next{width:34px;height:34px;margin-top:-17px;font-size:23px}.signage-prev{left:6px}.signage-next{right:6px}
  .signage-dots{bottom:7px}.campaign-popup-actions{padding:7px}
  .signage-benefit-section{padding:30px 0}.signage-benefit-heading{display:block;margin-bottom:16px}.signage-benefit-heading p{margin-top:9px;font-size:14px}
  .signage-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.signage-benefit-grid a{border-radius:12px}
  .signage-benefit-foot{grid-template-columns:54px 1fr;padding:9px 10px}.signage-benefit-foot .changsuni-sprite{width:52px;height:52px}.signage-benefit-foot b{font-size:14px}.signage-benefit-foot small{font-size:10px}.signage-benefit-foot a{grid-column:1/-1;text-align:center;padding:10px}
}
@media(prefers-reduced-motion:reduce){.signage-slides figure{transition:none}}