@layer theme,base;@layer components{.cs-root .hero{isolation:isolate;padding:36px 0 32px;position:relative;overflow:clip}.cs-root .hero>.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.cs-root .hero .hb-a{inset-inline-start:-12%;background:radial-gradient(closest-side,#b8c0c81a,#0000);border-radius:50%;width:980px;height:760px;position:absolute;top:-38%}.cs-root .hero .hero-grid{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:center;gap:0 24px;display:grid}.cs-root .hero .hero-copy{z-index:2;padding:24px 0 16px;position:relative}.cs-root .hero .kicker{margin-bottom:30px}.cs-root .hero .kicker .chip{font-size:11px}.cs-root .hero .display .l2{background:linear-gradient(100deg,transparent 38%,#f8fafcf2 50%,transparent 62%) no-repeat, var(--cs-metal);color:#0000;-webkit-text-fill-color:transparent;animation:cs-glint 3.4s 1.2s var(--cs-ease) both;background-position:160% 0,0 0;background-size:260% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}.cs-root .hero .display:is(:lang(ru),:lang(ar)) span{white-space:normal;text-wrap:balance;width:auto;max-width:100%}.cs-root .hero .lede{max-width:520px;margin-top:26px}.cs-root .hero .cta-row{margin-top:36px}.cs-root .hero .stage-col{min-width:0;position:relative}.cs-root .hero .cs-deck{aspect-ratio:1.06;width:calc(100% + 60px);margin-inline:-20px -40px}.cs-root .hero .deck-ui{z-index:2;flex-direction:column;align-items:center;gap:12px;margin-top:-26px;display:flex;position:relative}.cs-root .hero .legend{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cs-root .hero .legend button{font:500 12.5px/1 var(--cs-f-display);color:var(--cs-muted);box-shadow:inset 0 0 0 1px var(--cs-line);background:#b8c0c809;border-radius:999px;align-items:center;gap:10px;padding-block:8px;padding-inline:9px 13px;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.cs-root .hero .legend button b{font:600 12.5px/1 var(--cs-f-mono);color:var(--cs-text-2);letter-spacing:-.01em}.cs-root .hero .legend button:hover{color:var(--cs-text);box-shadow:inset 0 0 0 1px var(--cs-line-3)}.cs-root .hero .legend button[aria-pressed=true]{color:var(--cs-text);background:#b8c0c817;box-shadow:inset 0 0 0 1px #cfd5db73,inset 0 1px #ffffff1a}.cs-root .hero .legend button[aria-pressed=true] b{color:var(--cs-sm-hi)}.cs-root .hero .legend .sw{border-radius:3px;width:22px;height:13.9px}.cs-root .hero .hint{font:500 10px/1 var(--cs-f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cs-dim)}.cs-root .hero .hint>.h-fine{display:none}@media (hover:hover) and (pointer:fine){.cs-root .hero .hint>.h-fine{display:inline}.cs-root .hero .hint>.h-touch{display:none}}.cs-root .hero .adv{z-index:2;border-radius:var(--cs-r-panel);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:30px;display:grid;position:relative}.cs-root .hero .adv li{padding:22px 22px 24px;position:relative}.cs-root .hero .adv li+li:before{content:"";inset-inline-start:0;background:linear-gradient(#0000,#b8c0c838,#0000);width:1px;position:absolute;top:22px;bottom:22px}.cs-root .hero .adv .top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cs-root .hero .adv .top span{font:500 10.5px/1 var(--cs-f-mono);letter-spacing:.16em;color:var(--cs-dim)}.cs-root .hero .adv svg{width:20px;height:20px;color:var(--cs-sm-200)}.cs-root .hero .adv b{font:600 16px/1.3 var(--cs-f-display);letter-spacing:-.01em;color:var(--cs-text);display:block}.cs-root .hero .adv p{color:var(--cs-muted);margin-top:5px;font-size:13.5px;line-height:1.45}.cs-root .hero :is(.hint,.adv .top span):lang(ar){letter-spacing:normal}@media (max-width:1180px){.cs-root .hero .hero-grid{grid-template-columns:minmax(0,470px) minmax(0,1fr)}.cs-root .hero .lede{font-size:18px}}@media (max-width:1023px){.cs-root .hero .hero-grid{grid-template-columns:minmax(0,1fr)}.cs-root .hero .hero-copy{padding-bottom:0}.cs-root .hero .cs-deck{width:100%;max-width:640px;margin:0 auto}.cs-root .hero .adv{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-root .hero .adv li+li:before{display:none}.cs-root .hero .adv li:last-child{grid-column:1/-1}}@media (max-width:767px){.cs-root .hero{padding:26px 0 20px}.cs-root .hero .kicker{margin-bottom:22px}.cs-root .hero .kicker .chip{font-size:10px}.cs-root .hero .lede{margin-top:18px;font-size:16.5px}.cs-root .hero .cta-row{margin-top:26px}.cs-root .hero .cs-deck{aspect-ratio:1/1.08;width:calc(100% + 32px);max-width:none;margin:14px -16px 0}.cs-root .hero .deck-ui{margin-top:-18px}.cs-root .hero .legend{gap:6px}.cs-root .hero .legend button{gap:8px;padding-block:7px;padding-inline:8px 10px;font-size:11.5px}.cs-root .hero .legend button b{font-size:11.5px}.cs-root .hero .adv{grid-template-columns:minmax(0,1fr);margin-top:26px;padding:8px 0}.cs-root .hero .adv li{grid-template-columns:22px minmax(0,1fr);column-gap:14px;padding:12px 18px;display:grid}.cs-root .hero .adv li:last-child{grid-column:auto}.cs-root .hero .adv .top{grid-row:span 2;margin:2px 0 0}.cs-root .hero .adv .top span{display:none}.cs-root .hero .adv p{margin-top:2px;font-size:13px}}@media (max-width:639px){.cs-root .hero .adv{display:none}}@media (max-width:360px){.cs-root .hero .legend button .pg{display:none}}@media (max-width:767px){.cs-root .hero .cta-row .btn{white-space:normal;height:auto;min-height:var(--h);text-align:center;padding-block:7px;line-height:1.2}}}@layer utilities;
