.how{position:relative;padding-block:clamp(80px,6.77vw,130px) clamp(80px,6.25vw,120px);overflow:hidden;background-color:var(--bg)}.how .glow{width:1056px;height:1056px;left:4px;top:-70px;background:radial-gradient(closest-side, rgba(56, 189, 248, 0.3), rgba(56, 189, 248, 0) 60%)}.how .glow.r{left:auto;right:3px;top:312px;width:702px;height:800px;background:radial-gradient(closest-side, rgba(99, 102, 241, 0.4), rgba(99, 102, 241, 0) 60%)}.how .sec-title{max-width:1014px;margin-inline:auto;margin-bottom:clamp(40px,3.13vw,60px)}.how-grid{position:relative;--bs-gutter-y: 18px}@media(min-width: 992px){.how-grid{--bs-gutter-x: 26px;--bs-gutter-y: 0}}.how-col-sm{display:flex;flex-direction:column;gap:18px}.panel{position:relative;overflow:hidden;isolation:isolate;border-radius:31.5px;border:1.3px solid rgba(255,255,255,.1);background:linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));transition:transform .4s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .4s ease,border-color .4s ease}.panel::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.05))}.panel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .4s ease;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, rgba(116, 212, 255, 0.2), rgba(97, 95, 255, 0.1) 45%, transparent 75%)}@media(hover: hover){.panel:hover{transform:translateY(-8px);border-color:rgba(116,212,255,.4);box-shadow:0 22px 48px -12px rgba(0,0,0,.6),0 0 44px rgba(97,95,255,.28)}.panel:hover::before{opacity:1}}.panel h3{margin:0 0 12px;font-family:var(--font-display);font-weight:500;font-size:clamp(20px,1.25vw,24px);line-height:1.25;letter-spacing:-0.02em;color:#fff}.panel p{margin:0;font-family:var(--font-display);font-size:14px;line-height:1.2;color:rgba(255,255,255,.6);max-width:340px}.panel.big{height:100%;min-height:754px;padding:43px 43px 40px;display:flex;flex-direction:column}.panel.big .tag{max-width:none;font-family:var(--font-display);font-size:14px;line-height:1.2;letter-spacing:0;color:rgba(255,255,255,.5)}.panel.big .art-big{display:block;width:min(100%,718px);flex:1;min-height:0;margin:12px auto 24px;overflow:visible}@media(min-width: 992px){.panel.big .art-big{margin-left:18px}}.panel.big h3{margin-bottom:12px;font-size:clamp(28px,1.875vw,36px);line-height:1.2;letter-spacing:-0.0167em}.panel.big p{max-width:774px;font-size:clamp(16px,.94vw,18px);line-height:1.25}.panel.sm{flex:1;min-height:239px;padding:29px 24px 29px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.panel.sm .panel-body{flex:0 1 340px;align-self:flex-start}.panel.sm .panel-head{margin-bottom:36px}.panel.sm .art{flex:none;overflow:visible}.panel .art-net{width:clamp(150px,14vw,269px) !important;height:auto}.panel .art{width:clamp(130px,12.7vw,245px)}.tag{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-body);font-size:14px;line-height:1.2;letter-spacing:.025em;text-transform:uppercase;color:rgba(255,255,255,.5)}.tag-ic{flex:none;width:22px;height:22px;max-width:none}svg.tag-ic{fill:none;stroke:var(--sky);stroke-width:1.4}.panel .tag{max-width:none;font-size:14px;line-height:1.2;color:rgba(255,255,255,.5)}.hw-art.is-paused *{animation-play-state:paused !important}@media(min-width: 992px)and (max-width: 1399.98px){.panel.sm{padding:24px 20px 24px 28px;gap:16px}.panel.sm .art{width:96px}.panel.sm .art-net{width:110px !important}}@media(max-width: 991.98px){.panel.big{min-height:560px}}@media(max-width: 767.98px){.panel.sm{min-height:0;padding:24px 24px 28px}.panel.sm .art{display:none}.panel.big{min-height:0;padding:28px 24px}.panel.big .art-big{flex:none;aspect-ratio:718/457;height:auto}}