/* GENX.GE live banners 1600×180 — shared look (the "C" layout). Each banner page scales itself to the frame width. */
@font-face{font-family:"GX Geo";src:url(gx-geo.woff2) format("woff2");font-weight:100 900;font-display:block}
@font-face{font-family:"GX Text";src:url(gx-text.woff2) format("woff2");font-weight:100 900;font-display:block}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#080B0F}
.bn{--k:1;--mx:-999px;--my:-999px;position:absolute;left:0;top:0;width:1600px;height:180px;transform:scale(var(--k));transform-origin:0 0;overflow:hidden;display:flex;align-items:center;padding:0 56px;
	color:#F4F3F0;font-family:"GX Text",system-ui,sans-serif;text-decoration:none;-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,#0B1015,#080B0F 40%,#0B1015);cursor:pointer;user-select:none}
.bn>*{position:relative;z-index:2}
.bn .fx{position:absolute;inset:0;z-index:1;pointer-events:none}
.bn canvas.fx{width:1600px;height:180px}
/* cursor light */
.bn .spot{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(260px 160px at var(--mx) var(--my),rgba(220,197,162,.10),transparent 70%)}
/* logo (same build as the site header) */
.lgx{--lh:44px;position:relative;display:inline-flex;align-items:flex-end;height:var(--lh);flex:none}
.lgx img{display:block;height:100%;width:auto;-webkit-user-drag:none}
.lgx .tl{display:inline-flex;align-items:flex-end;height:62%;margin:0 0 calc(var(--lh)*.04) calc(var(--lh)*.02);gap:calc(var(--lh)*.02)}
.lgx .d{height:22%!important;margin-bottom:10.5%;filter:brightness(1.25) saturate(1.1)}.lgx .e{filter:sepia(1) saturate(2.6) hue-rotate(-12deg) brightness(1.02)}
.lgx .hot{position:absolute;left:0;top:0;height:100%;display:flex;align-items:flex-end;filter:brightness(2.3) saturate(1.2);clip-path:inset(0 100% 0 0);pointer-events:none}
.lgx .beam{position:absolute;top:-22%;bottom:-22%;left:0;width:2px;background:#fff;box-shadow:0 0 5px 1px #fff,0 0 16px 5px rgba(255,140,60,.9),0 0 40px 10px rgba(255,90,30,.45);opacity:0;pointer-events:none}
.bn.beam-on .lgx .hot{animation:gxbHot 1.3s cubic-bezier(.65,0,.35,1) both}
.bn.beam-on .lgx .beam{animation:gxbBeam 1.3s cubic-bezier(.65,0,.35,1) both}
@keyframes gxbHot{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 86%)}}
@keyframes gxbBeam{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
/* text */
.h{font-family:"GX Geo",sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.gold{background:linear-gradient(90deg,#f1dcc0,#c9a67b);-webkit-background-clip:text;background-clip:text;color:transparent}
.l{width:390px;flex:none;display:flex;flex-direction:column;gap:16px;padding-right:30px}.l .h{font-size:25px;white-space:nowrap}
.cols{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%}
.col{position:relative;border-left:1px solid #242A31;padding:0 22px;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:background .5s}
.col::before{content:"";position:absolute;left:-1px;top:0;width:1px;height:100%;background:linear-gradient(transparent,#DCC5A2,#ff6a3d,transparent);opacity:0;transition:opacity .45s}
.col small{font:600 13px/1 "JetBrains Mono",ui-monospace,monospace;color:#DCC5A2;letter-spacing:.12em;transition:color .45s}
.col b{font-family:"GX Geo",sans-serif;font-size:25px;font-weight:800;transition:color .45s,text-shadow .45s}
.col span{color:#858C96;font-size:13.5px;white-space:nowrap;transition:color .45s}
.col.on::before{opacity:1}.col.on b{color:#FFF1DA;text-shadow:0 0 12px rgba(241,220,192,.75),0 0 26px rgba(255,140,60,.35)}.col.on span{color:#B9BEC7}.col.on small{color:#ff8a5c}
.r{flex:none;border-left:1px solid #242A31;padding-left:34px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}
.sv{font-size:15px;color:#B9BEC7;white-space:nowrap}
.cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;background:linear-gradient(180deg,#E8D4B5,#c9a67b);color:#15120c;font-weight:700;font-size:18px;white-space:nowrap;
	box-shadow:0 10px 30px rgba(220,197,162,.18),inset 0 1px 0 rgba(255,255,255,.5);transition:box-shadow .35s,transform .35s}
.cta i{font-style:normal;display:inline-block;transition:transform .35s}
.cta .sh{position:absolute;top:0;bottom:0;width:80px;left:-120px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg)}
.bn.beam-on .cta .sh{animation:gxbSh 1s cubic-bezier(.65,0,.35,1) 3.2s both}
@keyframes gxbSh{to{left:340px}}
.bn:hover .cta{box-shadow:0 12px 38px rgba(220,197,162,.32),0 0 0 4px rgba(220,197,162,.12),inset 0 1px 0 rgba(255,255,255,.5)}.bn:hover .cta i{transform:translateX(5px)}
.run{position:absolute;left:0;bottom:0;height:2px;width:420px;z-index:3;background:linear-gradient(90deg,transparent,#DCC5A2,#ff6a3d,transparent);opacity:.85;animation:gxbRun 6s linear infinite;pointer-events:none}
@keyframes gxbRun{from{transform:translateX(-420px)}to{transform:translateX(1600px)}}
@media (prefers-reduced-motion:reduce){.run,.bn.beam-on .lgx .hot,.bn.beam-on .lgx .beam,.bn.beam-on .cta .sh{animation:none}}