@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,body{margin:0;background:#000;color:#fff;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#00D084;text-decoration:none}
a:hover{color:#2FD96B}
:focus-visible{outline:2px solid #2FD96B;outline-offset:2px}
button,input,select,textarea{font-family:inherit}
button,a[role=tab]{white-space:nowrap}
html:not([data-mob]) [data-m~="monly"]{display:none!important}
@media (max-width:760px){html [data-m~="monly"]{display:grid!important}}
@media (max-width:760px){
[data-m~="hide"]{display:none!important}
[data-m~="stack"]{flex-direction:column!important;align-items:stretch!important}
[data-m~="team"]{flex-direction:column!important;justify-content:flex-start!important;text-align:center!important;gap:8px!important}
[data-m~="team"]>span:last-child,[data-m~="team"]>span:first-child{text-align:center!important}
[data-m~="teamR"]{flex-direction:column-reverse!important}
[data-m~="nowrap"]{white-space:nowrap!important}
[data-m~="xrow"]{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;margin-left:calc(-1 * clamp(16px,4vw,40px))!important;margin-right:calc(-1 * clamp(16px,4vw,40px))!important;padding-left:clamp(16px,4vw,40px)!important;padding-right:clamp(16px,4vw,40px)!important}
[data-m~="xrow"]>*{flex:none!important}
[data-m~="full"]{width:100%!important;flex:1 1 100%!important}
[data-m~="card"]{width:78vw!important;max-width:300px}
[data-m~="sec"]{padding-top:56px!important}
[data-m~="p16"]{padding:16px!important}
[data-m~="g1"]{grid-template-columns:minmax(0,1fr)!important}
[data-m~="g2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[data-m~="sm"]{font-size:13px!important}
[data-m~="hs"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;padding:4px 16px 8px!important;scroll-padding-left:16px}
[data-m~="hs"]>*{flex:none!important;width:82%!important;scroll-snap-align:start}
[data-m~="hrow"]{flex-direction:row!important;align-items:stretch!important}
[data-m~="thumb"]{width:104px!important;height:auto!important;flex:none!important;min-height:96px}
[data-m~="h320"]{min-height:320px!important}
[data-m~="h84"]{height:84px!important}
[data-m~="h110"]{height:112px!important;padding:12px!important}
[data-m~="stl"]{grid-template-columns:26px minmax(0,1fr) 58px!important;gap:10px!important;padding:12px 14px!important}
[data-m~="stl"]>span:nth-child(3){display:none!important}
[data-m~="filt"]>select:first-child{flex-basis:100%!important}
[data-m~="g3s"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-m~="g3s"]>*{padding:10px 12px!important}
[data-m~="g3s"]>* >div:first-child{font-size:22px!important}
[data-m~="rings"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 8px!important;padding:20px 8px!important}
[data-m~="ring"]{width:84px!important}
[data-m~="ring"] [data-count]{font-size:18px!important}
[data-m~="metric"]{flex:1 1 30%!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:4px 10px!important}
[data-m~="phero"]{height:240px!important}
[data-m~="tags"]>*{white-space:nowrap}
[data-m~="clhero"]{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:14px 16px!important;align-items:center}
[data-m~="clhero"]>span:first-child{width:72px!important;height:72px!important;font-size:24px!important}
[data-m~="clhero"]>div:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr 1.4fr}
[data-m~="clhero"] h1{font-size:30px!important}
[data-m~="filt"]>*{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
[data-m~="filt"]>input,[data-m~="filt"]>div:first-child{flex-basis:100%!important}
[data-m~="filt"] select{width:100%!important;height:44px!important}
[data-m~="filt"]>div>button{flex:1}
[data-m~="filt"]>div:last-child:not(:first-child){flex-basis:100%!important;margin-left:0!important}
[data-m~="filt"]>div>button{flex:1 1 0!important}
[data-m~="filt"]>div>div,[data-m~="filt"]>div>button{flex:1 1 auto}
[data-m~="metaM"]{display:grid!important;grid-template-columns:1fr 1fr;justify-items:start;text-align:left;gap:12px 14px!important;padding:14px!important}
[data-m~="metaM"]>*:first-child,[data-m~="metaM"]>*:last-child{grid-column:1/-1}
[data-m~="metaM"]>a:last-child{justify-self:stretch;justify-content:center;height:44px!important}
[data-m~="ell"]{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0}
}
html[data-mob] [data-m~="hide"]{display:none!important}
html[data-mob] [data-m~="stack"]{flex-direction:column!important;align-items:stretch!important}
html[data-mob] [data-m~="team"]{flex-direction:column!important;justify-content:flex-start!important;text-align:center!important;gap:8px!important}
html[data-mob] [data-m~="team"]>span:last-child,html[data-mob] [data-m~="team"]>span:first-child{text-align:center!important}
html[data-mob] [data-m~="teamR"]{flex-direction:column-reverse!important}
html[data-mob] [data-m~="nowrap"]{white-space:nowrap!important}
html[data-mob] [data-m~="xrow"]{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;margin-left:calc(-1 * clamp(16px,4vw,40px))!important;margin-right:calc(-1 * clamp(16px,4vw,40px))!important;padding-left:clamp(16px,4vw,40px)!important;padding-right:clamp(16px,4vw,40px)!important}
html[data-mob] [data-m~="xrow"]>*{flex:none!important}
html[data-mob] [data-m~="full"]{width:100%!important;flex:1 1 100%!important}
html[data-mob] [data-m~="card"]{width:78vw!important;max-width:300px}
html[data-mob] [data-m~="sec"]{padding-top:56px!important}
html[data-mob] [data-m~="p16"]{padding:16px!important}
html[data-mob] [data-m~="g1"]{grid-template-columns:minmax(0,1fr)!important}
html[data-mob] [data-m~="g2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-mob] [data-m~="sm"]{font-size:13px!important}
html[data-mob] [data-m~="hs"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;padding:4px 16px 8px!important;scroll-padding-left:16px}
html[data-mob] [data-m~="hs"]>*{flex:none!important;width:82%!important;scroll-snap-align:start}
html[data-mob] [data-m~="hrow"]{flex-direction:row!important;align-items:stretch!important}
html[data-mob] [data-m~="thumb"]{width:104px!important;height:auto!important;flex:none!important;min-height:96px}
html[data-mob] [data-m~="h320"]{min-height:320px!important}
html[data-mob] [data-m~="h84"]{height:84px!important}
html[data-mob] [data-m~="h110"]{height:112px!important;padding:12px!important}
html[data-mob] [data-m~="stl"]{grid-template-columns:26px minmax(0,1fr) 58px!important;gap:10px!important;padding:12px 14px!important}
html[data-mob] [data-m~="stl"]>span:nth-child(3){display:none!important}
html[data-mob] [data-m~="filt"]>select:first-child{flex-basis:100%!important}
html[data-mob] [data-m~="g3s"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-mob] [data-m~="g3s"]>*{padding:10px 12px!important}
html[data-mob] [data-m~="g3s"]>* >div:first-child{font-size:22px!important}
html[data-mob] [data-m~="rings"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 8px!important;padding:20px 8px!important}
html[data-mob] [data-m~="ring"]{width:84px!important}
html[data-mob] [data-m~="ring"] [data-count]{font-size:18px!important}
html[data-mob] [data-m~="metric"]{flex:1 1 30%!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:4px 10px!important}
html[data-mob] [data-m~="phero"]{height:240px!important}
html[data-mob] [data-m~="tags"]>*{white-space:nowrap}
html[data-mob] [data-m~="clhero"]{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:14px 16px!important;align-items:center}
html[data-mob] [data-m~="clhero"]>span:first-child{width:72px!important;height:72px!important;font-size:24px!important}
html[data-mob] [data-m~="clhero"]>div:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr 1.4fr}
html[data-mob] [data-m~="clhero"] h1{font-size:30px!important}
html[data-mob] [data-m~="filt"]>*{flex:1 1 calc(50% - 8px)!important;min-width:0!important}
html[data-mob] [data-m~="filt"]>input,html[data-mob] [data-m~="filt"]>div:first-child{flex-basis:100%!important}
html[data-mob] [data-m~="filt"] select{width:100%!important;height:44px!important}
html[data-mob] [data-m~="filt"]>div>button{flex:1}
html[data-mob] [data-m~="filt"]>div:last-child:not(:first-child){flex-basis:100%!important;margin-left:0!important}
html[data-mob] [data-m~="filt"]>div>button{flex:1 1 0!important}
html[data-mob] [data-m~="filt"]>div>div,html[data-mob] [data-m~="filt"]>div>button{flex:1 1 auto}
html[data-mob] [data-m~="metaM"]{display:grid!important;grid-template-columns:1fr 1fr;justify-items:start;text-align:left;gap:12px 14px!important;padding:14px!important}
html[data-mob] [data-m~="metaM"]>*:first-child,html[data-mob] [data-m~="metaM"]>*:last-child{grid-column:1/-1}
html[data-mob] [data-m~="metaM"]>a:last-child{justify-self:stretch;justify-content:center;height:44px!important}
html[data-mob] [data-m~="ell"]{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0}
html[data-mob] body{max-width:390px;margin:0 auto!important;box-shadow:0 0 0 1px #2A2A33}
html[data-mob] [data-m~="monly"]{display:grid!important}
a:hover,[data-stagger]>*:hover{z-index:3}
select option{background:#131219;color:#fff}
::selection{background:#2FD96B;color:#131219}
@keyframes pxdrop{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes pxdropR{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes pxfade{from{opacity:0}to{opacity:1}}
@keyframes pxslide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes pxrise{from{opacity:0;transform:translate(var(--px-x,0),28px)}to{opacity:1;transform:translate(var(--px-x,0),0)}}
html.px-js [data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
html.px-js [data-reveal][data-in]{opacity:1;transform:none}
html.px-js [data-stagger]>*{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
html.px-js [data-stagger][data-in]>*{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s,background .2s!important}
[data-stagger]>*:nth-child(2){transition-delay:.07s}[data-stagger]>*:nth-child(3){transition-delay:.14s}[data-stagger]>*:nth-child(4){transition-delay:.21s}[data-stagger]>*:nth-child(5){transition-delay:.28s}[data-stagger]>*:nth-child(6){transition-delay:.35s}[data-stagger]>*:nth-child(7){transition-delay:.42s}[data-stagger]>*:nth-child(n+8){transition-delay:.49s}
[data-ring]{transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .15s}
html.px-js [data-ring]:not([data-in]){stroke-dashoffset:326.7}
[data-bar]{transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .1s;transform-origin:left center}
[data-bar="r"]{transform-origin:right center}
html.px-js [data-bar]:not([data-in]){transform:scaleX(0)}
html.px-js [data-stagger]>*{transform:perspective(900px) translateY(34px) rotateX(10deg) scale(.97)}
html.px-js [data-reveal] h2>span:first-child{transform:skewX(-14deg) scaleY(0)!important;transition:transform .7s cubic-bezier(.2,.7,.2,1) .25s}
html.px-js [data-reveal][data-in] h2>span:first-child{transform:skewX(-14deg) scaleY(1)!important}
html.px-js [data-reveal] h2{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1) .1s}
html.px-js [data-reveal][data-in] h2{clip-path:inset(0 -10% 0 0)}
html.px-js tbody[data-stagger]>*{transform:translateX(-24px)}
@media (max-width:760px){html.px-js [data-reveal]{transform:translateY(24px)}html.px-js [data-stagger]>*{transform:translateY(22px) scale(.97)}}
@media (prefers-reduced-motion:reduce){html.px-js [data-reveal],html.px-js [data-stagger]>*,[data-ring],[data-bar],html.px-js [data-reveal] h2{opacity:1!important;transform:none!important;transition:none!important;clip-path:none!important}html.px-js [data-ring]:not([data-in]){stroke-dashoffset:revert}}
@keyframes pxpulse{0%{box-shadow:0 0 0 0 rgba(255,59,59,.7)}70%{box-shadow:0 0 0 7px rgba(255,59,59,0)}100%{box-shadow:0 0 0 0 rgba(255,59,59,0)}}
@keyframes pxflip{0%{transform:rotateX(90deg);opacity:0}100%{transform:rotateX(0);opacity:1}}
@keyframes pxmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pxshim{0%{background-position:-400px 0}100%{background-position:400px 0}}
@keyframes pxglow{0%,100%{box-shadow:0 0 0 0 rgba(0,252,140,0)}50%{box-shadow:0 0 18px 2px rgba(0,252,140,.35)}}
.pxh1:hover{color:#fff;background:#1B1A22}
.pxh2:hover{background:#1B1A22;color:#fff}
.pxh3:hover{border-color:#2FD96B}
.pxh4:hover{background:#1B1A22}
.pxh5:hover{background:#00FC8C;color:#131219;box-shadow:0 0 22px rgba(0,252,140,.35)}
.pxh6:hover{background:#131219;color:#fff}
.pxh7:hover{color:#131219;background:#2FD96B;border-color:#2FD96B}
.pxh8:hover{background:#00FC8C;color:#131219;box-shadow:0 0 24px rgba(0,252,140,.35)}
.pxh9:hover{transform:translateY(-2px);border-color:#2FD96B;color:#fff}
.pxh10:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(47,217,107,.12);border-color:#2FD96B;color:#fff}
.pxh11:hover{border-color:#00D084;color:#fff}
.pxh12:hover{color:#fff}
.pxh13:hover{border-color:#2FD96B;color:#fff}
.pxh14:hover{color:#fff;box-shadow:0 0 30px rgba(47,217,107,.18)}
.pxh15:hover{background:#17161E}
.pxh16:hover{color:#2FD96B}
.pxh17:hover{transform:translateY(-2px);color:#fff}
.pxh18:hover{box-shadow:0 0 30px rgba(47,217,107,.15);color:#fff}
.pxh19:hover{color:#fff;box-shadow:0 0 30px rgba(47,217,107,.15)}
.pxh20:hover{background:#0B0B0F}
.pxh21:hover{opacity:.85;color:#fff}
.pxh22:hover{opacity:1;transform:translateY(-2px)}
/* Kritinės maketo taisyklės – įrašomos tiesiai į <head>.

   Be jų svetainė nesugrūva: be šio failo naršyklė rodytų ir mobilų, ir
   desktop meniu vienu metu, o viršaus juosta nesisuktų. Todėl jos niekada
   nepriklauso tik nuo /css/prox.css: `layouts/app.blade.php` jas įterpia
   inline, o `tools/build-css.sh` – dar ir į prox.css.
   Šis failas turi likti mažas (jis keliauja su kiekvienu puslapiu). */
@media (max-width: 760px) {
  .px-d { display: none !important; }
  /* Apatinė juosta sėdi virš iPhone „home indicator“ juostelės. */
  .px-bottomnav {
    display: grid !important;
    height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    /* Juosta turi likti prilipusi prie ekrano apačios.

       Anksčiau ji slenkant „pasilikdavo“ viduryje: `fixed` elementas su
       `backdrop-filter` iOS ir Android naršyklėse iškeliamas į atskirą
       kompozicijos sluoksnį ir per inercinį slinkimą nebeperpiešiamas.
       `will-change`, `transform: translateZ(0)` ir `contain` tą iškėlimą tik
       sustiprindavo. Todėl fonas – nepermatomas, be filtrų ir be sluoksnio
       raginimų: tada naršyklė juostą piešia įprastu keliu ir ji nepabėga. */
    top: auto !important;
    bottom: 0 !important;
  }
  .px-cookie { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .px-mini-table { grid-template-columns: 30px minmax(0, 1fr) 26px 26px 40px !important; }
  .px-rules-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .px-podium { flex-direction: row !important; }
  .px-podium > :nth-child(1) { order: 2; }
  .px-podium > :nth-child(2) { order: 1; }
  .px-podium > :nth-child(3) { order: 3; }
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 761px) {
  .px-m { display: none !important; }
  .px-bottomnav { display: none !important; }
  .px-cookie { bottom: 20px; }
}
/* The prototype swaps the header to its compact form below 1280px. */
@media (max-width: 1279px) {
  .px-dd { display: none !important; }
}
@media (min-width: 1280px) {
  .px-mm { display: none !important; }
}
/* Secondary detail shown only on roomy layouts (prototype: w >= 1000). */
@media (max-width: 999px) {
  .px-wide { display: none !important; }
}
.px-bottomnav { display: none; }
[x-cloak] { display: none !important; }
.px-marquee:hover { animation-play-state: paused; }
.px-marquee { will-change: transform; }
@keyframes pxmarq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* Interaction rules that the prototype handled in JS. The responsive
   desktop/mobile split lives in critical.css – it is inlined in <head>. */
.px-flip { animation: pxflip .45s ease; display: inline-block; }
.px-flash { animation: pxflash .6s ease-out; }
@keyframes pxflash { 0% { background: rgba(47,217,107,.18); } 100% { background: transparent; } }
.px-golden { animation: pxglow 1.6s infinite; }
/* Scrollbars, matching the prototype's dark chrome */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2A2A33; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #3A3A44; }

/* Juostos dešinė detalė: nepradėtam susitikimui jos nėra (laikas rodomas
   viduryje), tad tuščias langelis nepalieka properšos. */
[data-px-field="tickInfo"]:empty { display: none; }

/* ---------------------------------------------------------- galerija */
.px-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  grid-auto-rows: 180px;
  gap: 10px;
}
.px-gallery-item { grid-row: span 1; }
.px-gallery-tall { grid-row: span 2; }
.px-gallery-item:hover img { transform: scale(1.04); }
@media (min-width: 760px) {
  .px-gallery { grid-auto-rows: 210px; gap: 12px; }
}
/* Plačiame ekrane – lygiai penkios nuotraukos eilėje. */
@media (min-width: 1100px) {
  .px-gallery {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-rows: 200px;
  }
}
/* Telefone – dvi nuotraukos eilėje: visas albumas pasiekiamas keliais
   braukimais, o ne begaliniu slinkimu. */
@media (max-width: 759px) {
  .px-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 124px;
    gap: 8px;
  }
}

/* ------------------------------------------------- mobilūs komponentai */
@media (max-width: 760px) {
  /* Slapukų lentelė: telefone eilutė sudedama vertikaliai, o stulpelių
     antraštė paslepiama (.px-d) – trys stulpeliai 360 px netelpa. */
  [data-m~="ckrow"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
  }
  /* Poraštė: telefone stulpeliai vienas po kito. Tinklelyje trumpas sąrašas
     šalia ilgo palikdavo didelę tuščią properšą. */
  [data-m~="foot"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 20px !important;
    align-items: start !important;
  }
  /* Logotipas ir kontaktai – per visą plotį, „VARŽYBOS" ir „LYGA" – 50/50. */
  [data-m~="foot"] > :first-child,
  [data-m~="foot"] > :last-child { grid-column: 1 / -1 !important; }

  /* Telefone pavadinimas gali lūžti į dvi eilutes, bet nebūna nukirstas. */
  [data-m~="wrap"] {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.2;
  }

  /* „Pažymėti klubą" telefone – tik žvaigždutės ikona. */
  [data-m~="favbtn"] {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    justify-content: center !important;
    font-size: 18px !important;
  }

  /* Klubo kortelė telefone: logotipas kairėje, pavadinimas ir miestas – dešinėje. */
  [data-m~="clcard"] {
    display: grid !important;
    grid-template-columns: 25% minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px !important;
  }
  [data-m~="clcard"] > span:not([style*="absolute"]) { justify-self: center; }
  [data-m~="clmeta"] { grid-column: 1 / -1 !important; }

  /* Hero telefone – viskas per centrą (ženkliukas, logotipas, šūkis, mygtukai). */
  [data-m~="ctr"] {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [data-m~="ctr"] > * { align-self: center !important; }
  [data-m~="ctr"] > div { justify-content: center !important; }

  /* iOS Safari priartina puslapį, kai laukelio šriftas mažesnis nei 16px. */
  input, select, textarea { font-size: 16px !important; }

  /* Archyvo lentelės: telefone paliekame vietą, vardą ir sumą – etapų
     stulpeliai telpa tik plačiame ekrane. */
  [data-m~="tbl"] { min-width: 0 !important; }
  [data-m~="tbl"] th:not(:first-child):not(:nth-child(2)):not([data-m~="keep"]),
  [data-m~="tbl"] td:not(:first-child):not(:nth-child(2)):not([data-m~="keep"]) {
    display: none !important;
  }
  [data-m~="tbl"] [data-m~="keep"] { white-space: nowrap !important; }
  [data-m~="tbl"] th:nth-child(2) { min-width: 0 !important; }
  [data-m~="tbl"] td:nth-child(2) { white-space: normal !important; }

  /* Klubas prieš klubą: siaurame ekrane rezultatas/laikmatis keliauja į
     atskirą eilutę, kitaip jis suspaudžia komandų stulpelius iki nulio ir
     pavadinimai užlipa vienas ant kito. */
  [data-m~="vs"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 14px !important;
  }
  [data-m~="vs"] > :nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
  [data-m~="vs"] > :nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
  [data-m~="vs"] > :nth-child(2) { grid-area: 2 / 1 / 3 / 3; }
  /* Abi komandos – savo pusės centre, kad kortelė atrodytų simetriškai. */
  [data-m~="vs"] > :nth-child(1),
  [data-m~="vs"] > :nth-child(3) {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}
