.welcome-is-open{overflow:hidden}
.welcome-popup{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;border-radius:8px;background:#fff;color:#fff;box-shadow:0 20px 90px #0005;overflow:auto;overscroll-behavior:contain}
.welcome-popup::backdrop{background:#071525b3}
.welcome-promotion{position:relative;padding:36px 34px 22px;text-align:center;background:linear-gradient(180deg,#0a2038eb,#0a2038d6 45%,#0a2038fa),url('assets/airplane-hero.jpg') center/cover}
.welcome-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:40px;height:40px;background:transparent;color:#fff;border-radius:50%}
.welcome-x:hover{background:#ffffff1a}
.welcome-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.welcome-brand{font-size:13px;font-weight:550;color:#d2dfed;letter-spacing:.035em}
#welcome-title{margin:22px 0 12px;line-height:1.08;letter-spacing:-.06em}
#welcome-title>span{display:block;font-size:30px;font-weight:550;margin-bottom:7px}
#welcome-title>strong{display:block;color:#ffd267;font-size:62px;font-weight:850;white-space:nowrap}
#welcome-title strong span{color:#fff;font-weight:760}
.welcome-benefit{font-size:18px;color:#f1dca4;font-weight:600;letter-spacing:-.035em}
.welcome-benefit>span{display:inline-block;margin:0 9px;color:#fff6}
.welcome-charging{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:27px;padding:21px 12px;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38;text-align:left}
.welcome-charger{flex:none;width:49px;height:64px;fill:none;stroke:#94e0c1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.charger-bolt{fill:#94e0c1;stroke:none}
.welcome-charging p>span{display:block;font-size:17px;color:#c3eadb}
.welcome-charging strong{display:block;font-size:25px;letter-spacing:-.055em;font-weight:750;line-height:1.4}
.welcome-charging small{display:block;margin-top:5px;font-size:11px;color:#d5dee6}
.welcome-reserve{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;min-height:54px;background:#ffd267;border-radius:3px;color:#12263c;font-size:20px;font-weight:750}
.welcome-reserve:hover{background:#ffe29a}
.welcome-phone{display:block;margin-top:15px;color:#d5e1ed;font-size:12px}
.welcome-phone strong{margin-left:8px;font-size:19px;color:#fff;letter-spacing:.01em}
.welcome-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 18px;color:#56616c;font-size:12px}
.welcome-controls label{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}
.welcome-controls input{width:16px;height:16px;margin:0;accent-color:#2867ac}
.welcome-controls button{min-width:50px;min-height:36px;background:transparent;color:#293748;font-size:13px;font-weight:650}
@media(max-width:420px){.welcome-promotion{padding:34px 20px 19px}.welcome-brand{font-size:12px}#welcome-title{margin-top:20px}#welcome-title>span{font-size:25px}#welcome-title>strong{font-size:clamp(43px,12.9vw,54px)}.welcome-benefit{font-size:16px}.welcome-charging{gap:13px;padding:18px 0;margin-top:23px}.welcome-charger{width:40px}.welcome-charging p>span{font-size:15px}.welcome-charging strong{font-size:22px}.welcome-charging small{font-size:10px}.welcome-reserve{margin-top:21px;min-height:50px}.welcome-phone strong{font-size:18px}}
@media(max-height:620px){.welcome-promotion{padding-top:28px;padding-bottom:15px}#welcome-title{margin:14px 0 8px}#welcome-title>span{font-size:23px}#welcome-title>strong{font-size:44px}.welcome-charging{margin-top:15px;padding:12px 0}.welcome-reserve{margin-top:15px;min-height:46px}.welcome-phone{margin-top:10px}}