.commercial-banner{position:fixed;top:0;left:0;right:0;z-index:60;min-height:36px;padding:5px 20px;display:flex;justify-content:center;align-items:center;gap:18px;background:#059669;color:white;box-shadow:0 5px 20px #05966935;font-size:11px;font-weight:700;text-align:center}
.commercial-banner[hidden]{display:none}
.commercial-banner button{border:1px solid #ffffff8c;border-radius:20px;padding:5px 12px;background:#fff;color:#047857;font-size:10px;font-weight:800;white-space:nowrap}
.commercial-banner button:hover{background:#e7fff4}
body.commercial-banner-off #main-nav{top:12px}
.commercial-section{position:relative;scroll-margin-top:140px;padding:82px 24px 56px;background:linear-gradient(180deg,#030b17,#062027 85%,#051621);border-top:1px solid #6ee7b72a}
.commercial-section[hidden]{display:none}
.commercial-inner{max-width:1280px;margin:auto}
.sx-public .commercial-title{width:fit-content;max-width:100%;margin:0 auto 38px;text-align:center;font-family:'Manrope',Arial,sans-serif;font-size:clamp(28px,4.1vw,52px);font-weight:800;letter-spacing:-.055em;line-height:1.08;text-transform:uppercase;text-wrap:balance;color:#f3fff9}
.commercial-title-text{display:block;background:linear-gradient(105deg,#f3fff9 4%,#ddf8e9 43%,#8de8ba 76%,#39d99a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.commercial-title-text>span{background:linear-gradient(105deg,#8de8ba 0%,#39d99a 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(max-width:620px){.sx-public .commercial-title{font-size:clamp(22px,6.7vw,34px);letter-spacing:-.05em;margin-bottom:26px}}
.commercial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.commercial-cards[data-count="1"]{grid-template-columns:minmax(0,800px)}
.commercial-cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.commercial-card{display:block;min-width:0;width:100%;padding:0;border:1px solid #a7f3d03d;background:#0d2630;border-radius:18px;overflow:hidden;box-shadow:0 16px 35px #0003;line-height:0;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.commercial-card:hover{border-color:#8ef1c7;transform:translateY(-3px);box-shadow:0 22px 40px #0005}
.commercial-card img{width:100%;aspect-ratio:800/360;object-fit:cover;display:block;background:#092332}
.welcome-popup{margin:auto;padding:0;border:0;border-radius:18px;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:transparent;box-shadow:0 30px 90px #000b;overflow:visible}
.welcome-popup::backdrop{background:#020914c4;backdrop-filter:blur(6px)}
.welcome-popup-action{display:block;padding:0;border:0;background:transparent;border-radius:18px;overflow:hidden;line-height:0}
.welcome-popup-action img{display:block;width:auto;height:auto;max-width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);object-fit:contain}
.welcome-popup-close{position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;border:1px solid #ffffff80;border-radius:50%;background:#092833ec;color:#fff;font-size:26px;line-height:1;box-shadow:0 4px 16px #0008}
.commercial-section :focus-visible,.welcome-popup :focus-visible,.commercial-banner :focus-visible{outline:3px solid #e1ffe8;outline-offset:3px}
@media(max-width:900px){.commercial-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.commercial-card{flex:0 0 min(75vw,370px);scroll-snap-align:start}}
@media(max-width:620px){.commercial-banner{font-size:10px;gap:8px;padding-inline:8px}.commercial-banner button{font-size:9px}.commercial-section{padding:36px 16px 44px}.commercial-title{margin-bottom:22px}.commercial-card{flex-basis:min(84vw,350px)}.welcome-popup-close{width:34px;height:34px;top:10px;right:10px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.commercial-cards{scroll-behavior:auto}.commercial-card{transition:none}.commercial-card:hover{transform:none}}