.dex-section{--dex-accent:#2f6bff;--dex-bg:#f4f6fa;background:var(--dex-bg);padding:clamp(48px,7vw,96px) 40px;-webkit-font-smoothing:antialiased}.dex-container{align-items:start;display:grid;gap:clamp(32px,6vw,96px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin:0 auto;max-width:1180px}.dex-head{position:sticky;top:120px}.dex-label{color:var(--dex-accent);font-size:13px;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.dex-title{color:#0b1020;font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.028em;line-height:1.06;margin:14px 0 0;text-wrap:balance}.dex-desc{color:#5a6472;font-size:16px;line-height:1.75;margin:20px 0 0;text-wrap:pretty}.dex-list{display:grid;gap:16px}.dex-item{align-items:center;background:#fff;border:1px solid #e4e9f4;border-radius:20px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);overflow:hidden;padding:28px;position:relative;transition:box-shadow .35s ease,border-color .35s ease,transform .35s cubic-bezier(.22,.61,.36,1)}.dex-item:before{background:var(--dex-accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:center;transition:transform .5s cubic-bezier(.22,.61,.36,1);width:3px}.dex-item:focus-within:before,.dex-item:hover:before{transform:scaleY(1)}.dex-item:hover{border-color:#d3ddf3;box-shadow:0 1px 2px rgba(16,30,80,.04),0 22px 40px -26px rgba(16,30,80,.32)}.dex-item-main{gap:24px;min-width:0}.dex-icon,.dex-item-main{align-items:center;display:flex}.dex-icon{background:#eef3ff;border-radius:14px;color:var(--dex-accent);flex:0 0 auto;height:48px;justify-content:center;transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);width:48px}.dex-icon i{color:inherit;font-size:20px;line-height:1;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.dex-item:focus-within .dex-icon,.dex-item:hover .dex-icon{background:var(--dex-accent);box-shadow:0 12px 24px -10px rgba(47,107,255,.55);color:#fff;transform:translateY(-3px) rotate(-6deg)}.dex-item:focus-within .dex-icon i,.dex-item:hover .dex-icon i{transform:scale(1.1) rotate(6deg)}@media (prefers-reduced-motion:reduce){.dex-icon,.dex-icon i{transition:background .35s ease,color .35s ease}.dex-item:focus-within .dex-icon,.dex-item:focus-within .dex-icon i,.dex-item:hover .dex-icon,.dex-item:hover .dex-icon i{transform:none}}.dex-item-title{color:#0f1a2e;font-size:20px;font-weight:800;letter-spacing:-.015em;line-height:1.3;margin:0}.dex-item-desc{color:#5a6472;font-size:16px;line-height:1.75;margin:0}@media (prefers-reduced-motion:no-preference){.dex-animate .dex-item{opacity:0;transform:translateY(24px);transition:opacity .6s ease var(--d,0s),transform .6s cubic-bezier(.22,.61,.36,1) var(--d,0s),box-shadow .35s ease,border-color .35s ease}.dex-animate .dex-item.is-visible{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.dex-container{grid-template-columns:1fr}.dex-head{margin:0 auto;max-width:720px;position:static;text-align:center}}@media (max-width:640px){.dex-section{padding:48px 20px}.dex-item{gap:16px;grid-template-columns:1fr;padding:24px 22px}.dex-item-main{gap:16px}}