/* +506 BA ad system (WO-25) — one design for every ad slot. Units: reusable block ba506-units; map: ba506-map. All classes prefixed ba- so page CSS can't collide. */
.ba506{--nv:#16243F;--nv2:#22335A;--rd:#C41E3A;--gd:#F3BC37;--cr:#FBF7EF;--ink:#16243F;container-type:inline-size;position:relative;overflow:hidden;font-family:Poppins,Inter,system-ui,sans-serif;color:var(--ink);text-decoration:none;display:block;box-sizing:border-box}
.ba506 *{box-sizing:border-box}
.ba506.ba-h{width:100%;height:100%;border-radius:0}
.ba506.ba-s{width:100%;height:100%;border-radius:16px;box-shadow:0 10px 26px rgba(22,36,63,.16)}
.ba506.ba-h .ba-bx{position:absolute;inset:0;display:flex}
.ba506.ba-h .ba-cp{position:relative;z-index:3;flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px 30px 30px 56px}
.ba506.ba-h .ba-vs{position:relative;flex:1;z-index:1}
.ba506 .ba-eb{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rd);line-height:1.2}
.ba506 .ba-hl{font-size:42px;font-weight:900;line-height:1.04;letter-spacing:-.015em;color:var(--nv);margin:0}
.ba506 .ba-hl em{font-style:normal;color:var(--rd)}
.ba506 .ba-sb{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.4;color:#33405C;margin:0;max-width:30em}
.ba506 .ba-rw{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.ba506 .ba-ct{display:inline-flex;align-items:center;gap:8px;background:var(--rd);color:#fff;font-weight:800;font-size:16px;padding:12px 22px;border-radius:999px;box-shadow:0 6px 16px rgba(196,30,58,.28);white-space:nowrap}
.ba506 .ba-ct::after{content:"→";font-weight:900}
.ba506 .ba-tl{font-weight:900;font-size:21px;color:var(--nv);white-space:nowrap}
.ba506 .ba-tl::before{content:"📞 ";font-size:.8em}
.ba506 .ba-stk{position:absolute;z-index:5;top:20px;right:22px;width:104px;height:104px;border-radius:50%;background:var(--gd);color:var(--nv);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 8px 18px rgba(0,0,0,.22);line-height:1}
.ba506 .ba-stk small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ba506 .ba-stk b{font-size:27px;font-weight:900;letter-spacing:-.02em}
.ba506 .ba-stk i{font-style:normal;font-size:10px;font-weight:700;margin-top:2px}
.ba506 .ba-stk.ba-wd b{font-size:19px}
.ba506 .ba-chips{display:flex;gap:6px;flex-wrap:wrap}
.ba506 .ba-chips span{font-family:Inter,sans-serif;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(22,36,63,.07);color:var(--nv)}
.ba506 .ba-ph{position:absolute;inset:0;background-size:cover;background-position:center}
.ba506 .ba-fade{position:absolute;inset:0;z-index:2;pointer-events:none}
.ba506.ba-dk{background:var(--nv);color:#fff}
.ba506.ba-dk .ba-hl{color:#fff}.ba506.ba-dk .ba-hl em{color:var(--gd)}
.ba506.ba-dk .ba-sb{color:#C9D3E6}.ba506.ba-dk .ba-eb{color:var(--gd)}.ba506.ba-dk .ba-tl{color:#fff}
.ba506.ba-dk .ba-chips span{background:rgba(255,255,255,.12);color:#fff}
.ba506 .ba-lbl{position:absolute;z-index:6;left:56px;bottom:14px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
@container (max-width:520px){
  .ba506.ba-h .ba-cp{flex:0 0 60%;padding:18px 10px 18px 18px;gap:8px}
  .ba506 .ba-eb{font-size:10px;letter-spacing:.1em}
  .ba506 .ba-hl{font-size:25px}
  .ba506 .ba-sb,.ba506 .ba-tl,.ba506 .ba-chips,.ba506 .ba-lbl,.ba506 .ba-hide-m{display:none}
  .ba506 .ba-ct{font-size:13px;padding:10px 15px}
  .ba506 .ba-stk{width:70px;height:70px;top:auto;bottom:12px;right:12px}
  .ba506 .ba-stk small{font-size:9px}.ba506 .ba-stk b{font-size:19px}.ba506 .ba-stk i{font-size:8px}
  .ba506 .ba-stk.ba-wd b{font-size:13px}
}
.ba506.ba-s .ba-bx{position:absolute;inset:0;display:flex;flex-direction:column}
.ba506.ba-s .ba-vs{position:relative;flex:0 0 54%}
.ba506.ba-s .ba-cp{flex:1;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 18px 18px;background:#fff;position:relative;z-index:3}
.ba506.ba-s.ba-dk .ba-cp{background:var(--nv)}
.ba506.ba-s .ba-eb{font-size:10px}
.ba506.ba-s .ba-hl{font-size:21px;line-height:1.08}
.ba506.ba-s .ba-ct{justify-content:center;font-size:14px;padding:10px 14px;width:100%}
.ba506.ba-s .ba-stk{width:74px;height:74px;top:auto;bottom:calc(46% + 10px);right:12px}
.ba506.ba-s .ba-stk small{font-size:9px}.ba506.ba-s .ba-stk b{font-size:19px}.ba506.ba-s .ba-stk i{font-size:8px}
.ba506.ba-s .ba-stk.ba-wd b{font-size:13px}
.ba506 .ba-phone{position:absolute;z-index:3;width:178px;height:330px;border-radius:30px;background:#0d1426;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.35);right:190px;top:22px;transform:rotate(4deg)}
.ba506 .ba-phone .ba-scr{width:100%;height:100%;border-radius:22px;background:#fff;overflow:hidden;padding:12px 10px;font-family:Inter,Arial,sans-serif;color:#202124}
.ba506 .ba-gsr{display:flex;align-items:center;gap:6px;border:1px solid #dfe1e5;border-radius:999px;padding:6px 9px;font-size:9.5px;color:#5f6368;margin-bottom:10px}
.ba506 .ba-gsr::before{content:"";width:10px;height:10px;border:2px solid #9aa0a6;border-radius:50%;flex:none}
.ba506 .ba-gr{border-radius:10px;padding:8px;margin-bottom:7px;background:#f8f9fa}
.ba506 .ba-gr.ba-top{background:#fff;border:2px solid #1a73e8;box-shadow:0 4px 12px rgba(26,115,232,.25)}
.ba506 .ba-gr b{display:block;font-size:10.5px;color:#1a0dab;line-height:1.2}
.ba506 .ba-gr s{display:block;text-decoration:none;font-size:8.5px;color:#5f6368;margin:2px 0 5px}
.ba506 .ba-gr .ba-st{font-size:8.5px;color:#e37400;letter-spacing:.05em}
.ba506 .ba-gr .ba-gb{display:flex;gap:4px;margin-top:6px}
.ba506 .ba-gr .ba-gb span{flex:1;text-align:center;font-size:8.5px;font-weight:700;border-radius:999px;padding:4px 0;background:#e8f0fe;color:#1967d2}
.ba506 .ba-gr .ba-gb span.ba-c{background:#1a73e8;color:#fff}
.ba506 .ba-bar{height:7px;border-radius:4px;background:#e8eaed;margin:4px 0}
.ba506 .ba-laptop{position:absolute;z-index:2;right:-40px;bottom:-30px;width:420px;opacity:.95}
.ba506 .ba-dl{border:1px solid #e6e9f0;border-radius:12px;overflow:hidden;margin-bottom:8px}
.ba506 .ba-dl .ba-im{height:62px;background:linear-gradient(135deg,#1E9CD1,#16243F)}
.ba506 .ba-dl .ba-bd{padding:7px 8px}
.ba506 .ba-dl .ba-lg{width:30px;height:30px;border-radius:50%;background:var(--gd);border:3px solid #fff;margin:-22px 0 4px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;color:var(--nv)}
.ba506 .ba-dl b{font-size:10.5px;color:var(--nv);display:block}
.ba506 .ba-dl s{text-decoration:none;font-size:8.5px;color:#C41E3A;font-weight:700;display:block;margin:1px 0 4px}
.ba506 .ba-dl .ba-wa{display:block;text-align:center;font-size:8.5px;font-weight:800;color:#fff;background:#25D366;border-radius:999px;padding:4px 0}
.ba506 .ba-dl.ba-g{opacity:.45}
.ba506 .ba-calc{position:absolute;z-index:3;right:70px;top:34px;width:330px;background:#fff;border-radius:18px;box-shadow:0 22px 44px rgba(0,0,0,.35);padding:16px 18px;font-family:Inter,sans-serif;color:var(--nv)}
.ba506 .ba-calc .ba-r1{display:flex;justify-content:space-between;align-items:center;border:1px solid #e3e7ef;border-radius:12px;padding:9px 12px;margin-bottom:8px}
.ba506 .ba-calc .ba-r1 small{display:block;font-size:10px;color:#6b7690;font-weight:600}
.ba506 .ba-calc .ba-r1 b{font-size:22px;font-family:Poppins,sans-serif}
.ba506 .ba-calc .ba-r1 .ba-cur{font-size:12px;font-weight:800;background:#EEF2F8;border-radius:8px;padding:4px 8px}
.ba506 .ba-calc .ba-r1.ba-out b{color:#0F6E56}
.ba506 .ba-calc .ba-q{display:inline-block;min-width:110px;height:22px;border-radius:6px;background:linear-gradient(90deg,#e3f3ec,#c9eadb,#e3f3ec);background-size:200% 100%;animation:ba506sh 1.8s linear infinite;vertical-align:middle}
.ba506 .ba-calc .ba-pv{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;padding:5px 0;border-top:1px solid #f0f2f6}
.ba506 .ba-calc .ba-pv i{width:18px;height:18px;border-radius:5px;background:#dfe5ef;flex:none}
.ba506 .ba-calc .ba-pv .ba-bar{flex:1;margin:0}
@keyframes ba506sh{to{background-position:-200% 0}}
.ba506 .ba-steps{display:flex;gap:8px}
.ba506 .ba-steps span{flex:1;text-align:center;font-size:12px;font-weight:800;color:var(--nv);background:#fff;border:2px solid #e3e7ef;border-radius:12px;padding:7px 4px;line-height:1.15}
.ba506 .ba-steps span b{display:block;font-size:10px;color:var(--rd);letter-spacing:.08em}
.ba506 .ba-usg{position:absolute;z-index:3;right:60px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(12,27px);grid-auto-rows:27px;gap:4px}
.ba506 .ba-usg i{border-radius:6px;background:rgba(255,255,255,.10)}
.ba506 .ba-usg i.ba-p{background:var(--gd);box-shadow:0 0 0 4px rgba(243,188,55,.25);position:relative}
.ba506 .ba-usg i.ba-p::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--nv)}
.ba506 .ba-gtag{display:inline-block;align-self:flex-start;background:var(--gd);color:var(--nv);font-size:11px;font-weight:900;letter-spacing:.14em;padding:4px 10px;border-radius:6px}
.ba506 .ba-live{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;background:var(--rd);color:#fff;font-size:12px;font-weight:900;letter-spacing:.1em;padding:5px 12px;border-radius:999px}
.ba506 .ba-live::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;animation:ba506pl 1.4s ease-in-out infinite}
@keyframes ba506pl{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.ba506 .ba-live::before,.ba506 .ba-calc .ba-q{animation:none}}
.ba506 .ba-sw{display:flex;gap:6px}
.ba506 .ba-sw i{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.ba506 .ba-cut{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.30))}
@container (max-width:520px){
  .ba506 .ba-phone{width:118px;height:220px;right:-10px;top:40px;border-radius:22px;padding:7px}
  .ba506 .ba-phone .ba-scr{padding:8px 7px;border-radius:16px}
  .ba506 .ba-laptop{display:none}
  .ba506 .ba-calc{width:200px;right:-30px;top:70px;padding:10px 12px}
  .ba506 .ba-usg{grid-template-columns:repeat(12,11px);grid-auto-rows:11px;gap:2px;right:10px}
  .ba506 .ba-usg i.ba-p::after{inset:4px}
  .ba506 .ba-steps{display:none}
  .ba506.ba-h .ba-cut.ba-cards{right:-70px!important;top:30px!important;height:85%!important;opacity:.9}
}
.ba506.ba-s .ba-phone{right:50%;margin-right:-59px;top:16px}
.ba506.ba-s .ba-calc{right:50%;margin-right:-100px;top:16px}
.ba506.ba-s .ba-usg{right:50%;margin-right:-74px}
.ba506 .ba-phone *{line-height:1.25!important;letter-spacing:normal}
.ba506 .ba-phone .ba-gr b,.ba506 .ba-phone .ba-dl b{font-size:10.5px!important;margin:0!important}
.ba506 .ba-phone .ba-gr s,.ba506 .ba-phone .ba-dl s,.ba506 .ba-phone .ba-gr .ba-st,.ba506 .ba-phone .ba-gb span,.ba506 .ba-phone .ba-dl .ba-wa{font-size:8.5px!important}
.ba506 .ba-phone .ba-gsr{font-size:9.5px!important}
.ba506 p.ba-hl,.ba506 p.ba-sb{padding:0!important}
.ba506 .ba-go{position:absolute;inset:0;z-index:4}
.ba506 .ba-tl{position:relative;z-index:6;text-decoration:none}
.ba506 .ba-ct,.ba506 .ba-stk{pointer-events:none}
.ba506-slot{display:block;position:relative}
.ba506-slot>.ba506{height:100%}
.ba506-wide{width:100%;position:relative;z-index:2}
.ba506-wide .ba506.ba-h .ba-bx{left:max(0px,calc(50% - 640px));right:max(0px,calc(50% - 640px))}
.ba506-wide .ba506.ba-h .ba-stk{right:max(22px,calc(50% - 618px))}
.ba506-wide .ba506.ba-h .ba-vs{margin-right:min(0px,calc((1280px - 100cqw) / 2))}
.ba506-wide .ba506.ba-h .ba-lbl{left:max(56px,calc(50% - 584px))}
.ba506-slot.ba-top{height:360px}
.ba506-slot.ba-side{width:100%;max-width:360px;aspect-ratio:4/5;margin:0 auto 26px}
.ba506-slot.ba-bot{height:300px;margin:30px 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(22,36,63,.14)}
@media(max-width:1199px){.ba506-slot.ba-top{height:330px}}
@media(max-width:767px){.ba506-slot.ba-top{height:300px}}
html body.ba506-top div.main-content{padding-top:30px!important;padding-bottom:40px!important}
html body.ba506-top .ev-banner.ev-banner--top{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;min-height:230px;border-radius:16px;margin:0 0 26px!important;overflow:hidden}
html body.ba506-top .ev-banner.ev-banner--bot{display:none!important}
html body.ba506-top a.ev-stretch,html body.ba506-top a.ssgmenu-link{display:none!important}
.ba506-photo{margin:0 0 24px}.ba506-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}