.x5group-profile{--x5-ink:#2E2E2F;--x5-hero-bg:#E6F0FF;--x5-surface:#FFFFFF;--x5-sky:#E6F0FF;--x5-sky-ink:#2E2E2F;--x5-lime:#E3F7CA;--x5-lime-ink:#2E2E2F;--x5-green:#63A45A;--x5-green-ink:#FFFFFF;--x5-blue:#8CAEE5;--x5-blue-ink:#FFFFFF;--x5-violet:#BC93E7;--x5-violet-ink:#FFFFFF;--x5-card-radius:24px;--x5-pad:60px;max-width:1200px;margin:0 auto;color:var(--x5-ink);background:var(--x5-hero-bg);border-radius:32px;overflow:hidden;line-height:1.4}
html[theme=dark] .x5group-profile{--x5-ink:#F2F4F6;--x5-hero-bg:#171B24;--x5-surface:#1E232B;--x5-sky:#262E3C;--x5-sky-ink:#F2F4F6;--x5-lime:#2F3D1F;--x5-lime-ink:#DCF3BE;--x5-green:#3A6B34;--x5-blue:#3F5A8C;--x5-violet:#6A4C93}
.x5group-hero{position:relative;display:grid;grid-template-columns:38% 62%;align-items:start;overflow:hidden}
.x5group-hero__logo{position:absolute;top:8%;right:5.1%;width:9.1%;height:auto;z-index:4;color:var(--x5-ink)}
.x5group-hero__text{position:relative;z-index:2;padding:52px 26px 20px 58px}
.x5group-hero__title{margin:0;font-size:27px;font-weight:500;line-height:1.16}
.x5group-hero__lead{margin:22px 0 0;font-size:27px;font-weight:500;line-height:1.16}
.x5group-hero__desc{margin:30px 0 0;font-size:16px;line-height:1.45}
.x5group-nowrap{white-space:nowrap}
.x5group-hero__media{position:relative;z-index:1;aspect-ratio:512/486}
.x5group-hero__media img{position:absolute;height:auto;display:block}
.x5group-tube--top{left:-25.4%;top:0;width:71.9%;z-index:1}
.x5group-tube--bottom{left:20.3%;top:60.3%;width:79.7%;z-index:1}
.x5group-star{left:-3.5%;top:2.1%;width:12.3%;z-index:2}
.x5group-photo{left:5.1%;top:14.8%;width:75.2%;z-index:3}
.x5group-bag{left:54.5%;top:56.8%;width:41.8%;z-index:4}
.x5group-stats{position:relative;background:var(--x5-surface);border-radius:52px 52px 0 0;padding:72px var(--x5-pad) 80px}
.x5group-stats__title{margin:0 0 40px;font-size:44px;font-weight:500;line-height:1.2}
.x5group-stats__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px}
.x5group-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:230/145;border-radius:var(--x5-card-radius);padding:22px 30px 30px}
.x5group-card__value{margin:0;font-size:38px;font-weight:500;line-height:1.1}
.x5group-card__label{margin:0;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}
.x5group-card__icon{position:absolute;left:54.3%;top:-6.9%;width:49.1%;height:auto}
.x5group-card__sprout{position:absolute;left:57.8%;top:6.9%;width:42.2%;height:auto}
.x5group-card--lime{background:var(--x5-lime);color:var(--x5-lime-ink)}
.x5group-card--green{background:var(--x5-green);color:var(--x5-green-ink)}
.x5group-card--blue{background:var(--x5-blue);color:var(--x5-blue-ink)}
.x5group-card--violet{background:var(--x5-violet);color:var(--x5-violet-ink);overflow:hidden}
.x5group-card--rank{grid-row:span 2;aspect-ratio:auto;background:var(--x5-sky);color:var(--x5-sky-ink);padding:0;overflow:hidden}
.x5group-card--rank .x5group-card__label{padding:0 30px 30px}
.x5group-rank{position:relative;aspect-ratio:230/226}
.x5group-rank img{position:absolute;height:auto;display:block}
.x5group-rank__art{left:0;top:0;width:100%}
@media (max-width:1100px){
.x5group-profile{--x5-pad:48px;--x5-card-radius:20px}
.x5group-hero__text{padding:48px 22px 24px 48px}
.x5group-hero__title,.x5group-hero__lead{font-size:24px}
.x5group-hero__desc{font-size:15px}
.x5group-stats{border-radius:44px 44px 0 0;padding:60px var(--x5-pad) 64px}
.x5group-stats__title{margin-bottom:32px;font-size:36px}
.x5group-stats__grid{gap:18px}
.x5group-card{padding:18px 24px 24px}
.x5group-card--rank .x5group-card__label{padding:0 24px 24px}
.x5group-card__value{font-size:32px}
.x5group-card__label{font-size:14px}
}
@media (max-width:900px){
.x5group-profile{--x5-pad:32px;--x5-card-radius:18px;border-radius:24px}
.x5group-hero__text{padding:36px 18px 20px 36px}
.x5group-hero__title,.x5group-hero__lead{font-size:20px}
.x5group-hero__lead{margin-top:18px}
.x5group-hero__desc{margin-top:24px;font-size:13px}
.x5group-stats{border-radius:36px 36px 0 0;padding:48px var(--x5-pad) 52px}
.x5group-stats__title{margin-bottom:24px;font-size:30px}
.x5group-stats__grid{gap:14px}
.x5group-card{padding:14px 18px 18px}
.x5group-card--rank .x5group-card__label{padding:0 18px 18px}
.x5group-card__value{font-size:26px}
.x5group-card__label{font-size:12px}
}
@media (max-width:768px){
.x5group-hero{grid-template-columns:1fr}
.x5group-hero__logo{position:static;justify-self:end;width:96px;margin:28px 28px 0}
.x5group-hero__text{padding:20px 28px 0}
.x5group-hero__title,.x5group-hero__lead{font-size:22px}
.x5group-hero__desc{max-width:600px;font-size:14px}
.x5group-hero__media{width:90%;margin:8px 0 0 10%;aspect-ratio:576/486}
.x5group-stats__grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:520px){
.x5group-profile{--x5-pad:20px;border-radius:20px}
.x5group-hero__logo{width:84px;margin:22px 20px 0}
.x5group-hero__text{padding:16px 20px 0}
.x5group-hero__title,.x5group-hero__lead{font-size:19px}
.x5group-hero__lead{margin-top:14px}
.x5group-hero__desc{margin-top:18px;font-size:13px}
.x5group-hero__media{aspect-ratio:512/486}
.x5group-hero__desc{max-width:none}
.x5group-stats{border-radius:28px 28px 0 0;padding:32px var(--x5-pad) 36px}
.x5group-stats__title{margin-bottom:20px;font-size:26px}
.x5group-stats__grid{gap:12px}
.x5group-card{padding:16px 20px 20px}
.x5group-card--rank .x5group-card__label{padding:0 20px 20px}
.x5group-card__value{font-size:28px}
.x5group-card__label{font-size:13px}
}
@media (max-width:420px){
.x5group-stats__grid{grid-template-columns:1fr}
.x5group-card--rank{grid-row:auto}
}
.faq details::details-content{block-size:0;transition:block-size .6s,content-visibility .6s;transition-behavior:allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq{interpolate-size:allow-keywords;max-width:1200px;margin:0 auto;padding:64px 0}
@media (max-width:1200px){
.faq{padding:48px 16px}
}
.faq__title{font-size:32px;font-weight:900;text-align:center;margin-bottom:40px}
.faq__list{display:flex;flex-direction:column;gap:0}
.faq__item{margin-bottom:16px;border-radius:16px;overflow:hidden}
.faq__question{cursor:pointer;font-size:16px;font-weight:600;list-style:none;transition:color .2s;padding:20px 24px;background-color:var(--gray-0);display:flex;align-items:center;gap:12px}
.faq__question::before{content:"";display:block;flex-shrink:0;width:20px;height:20px;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;transition:transform .3s ease}
.faq__item[open] .faq__question::before{transform:rotate(90deg)}
.faq__question::-webkit-details-marker{display:none}
.faq__question::marker{content:""}
.faq__item[open] .faq__question,.faq__question:hover{color:var(--brand-pink)}
.faq__answer{font-size:15px;line-height:1.6;padding:16px 24px;background-color:var(--gray-0)}
.faq__answer ol,.faq__answer ul{padding-left:20px}
.faq__answer ol li{list-style:decimal}
.faq__answer ul li{list-style:initial}
.faq__answer p+p{margin-top:8px}