@scope(.s-jl) to ([data-s]){.jl{background:var(--bg);padding:150px 0 170px;position:relative;overflow:hidden}.wash{pointer-events:none;background:radial-gradient(40% 60% at 20% 100%,#4356dd14,#0000 70%),radial-gradient(40% 60% at 80% 100%,#f5c5181a,#0000 70%),radial-gradient(50% 60% at 50% 100%,#28de9114,#0000 70%);height:70%;position:absolute;inset:auto 0 0}h2{max-width:640px;font-family:var(--display);font-weight:600;font-size:var(--text-h2);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--ink);text-align:center;text-wrap:balance;margin:0 auto 88px;position:relative}h2 strong{color:var(--green-deep);font-weight:600}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px;max-width:1040px;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.card{opacity:0;transition:opacity .9s var(--ease) calc(var(--i) * 80ms), transform .9s var(--ease) calc(var(--i) * 80ms), box-shadow .4s, border-color .4s;background:#fff;border:1px solid #0b0d0c0f;border-radius:24px;flex-direction:column;align-items:flex-start;padding:52px 36px 32px;display:flex;position:relative;transform:translateY(24px);box-shadow:0 1px 2px #0b0d0c0a,0 18px 40px -18px #0b0d0c1f}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.grid.in .card{opacity:1;transform:none}.card:hover{border-color:rgba(var(--rgb), .45);box-shadow:0 1px 2px #0b0d0c0a, 0 24px 50px -20px rgba(var(--rgb), .35)}.coin{color:#fff;background:radial-gradient(circle at 32% 28%, #ffffff59, #fff0 55%), var(--c);width:60px;height:60px;box-shadow:0 0 0 6px var(--bg), 0 10px 22px rgba(var(--rgb), .3);transition:transform .6s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:-30px;left:32px}.card:hover .coin{transform:translateY(-3px)rotate(-6deg)}h3{font-family:var(--display);font-weight:600;font-size:var(--text-h5);line-height:var(--leading-heading);letter-spacing:-.01em;color:var(--ink);margin:0}.card p{max-width:380px;font-size:var(--text-small);color:var(--light-muted);text-wrap:pretty;margin:10px 0 28px;line-height:1.6}.card .card-btn{--btn-fill:var(--c);margin-top:auto}.card .card-btn .btn__icon{background:var(--c);color:#fff}.card .card-btn:hover{border-color:var(--c)}.card .card-btn:hover .btn__icon{color:var(--ink);background:#fff}@media (max-width:1100px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.grid.three{grid-template-columns:1fr}.jl{padding:80px 0 96px}h2{margin-bottom:64px}.grid{grid-template-columns:1fr;row-gap:56px}.card{padding:46px 24px 24px}.coin{left:24px}}@media (prefers-reduced-motion:reduce){.card{opacity:1;transform:none}}}