.okx-menu{padding:var(--okx-section-pad) 0;background:var(--okx-paper)}.okx-menu__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 48px;display:flex}.okx-menu__head h2{max-width:20ch}.okx-menu__intro{justify-items:start;gap:4px;max-width:40ch;display:grid}.okx-menu__intro p{color:var(--okx-text-2);font-size:1.05rem}.okx-menu__grid{border-radius:var(--okx-radius-stage);box-shadow:var(--okx-shadow-float);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-top:44px;display:grid;overflow:hidden}.okx-menu__stage{isolation:isolate;background:radial-gradient(120% 90% at 18% 6%, oklch(40% .075 184), var(--okx-deep) 72%);min-height:620px;position:relative;overflow:hidden}.okx-menu__stage:before,.okx-menu__stage:after{content:"";z-index:-1;aspect-ratio:1;border:1px solid oklch(85% .06 176/.16);border-radius:50%;position:absolute}.okx-menu__stage:before{width:82%;bottom:-34%;right:-22%;box-shadow:0 0 0 64px oklch(85% .06 176/.03)}.okx-menu__stage:after{width:38%;top:-16%;left:-10%}.okx-menu__laptop{width:76%;position:absolute;top:7%;left:7%}.okx-menu__laptop .okx-laptop__screen{box-shadow:inset 0 0 0 1px oklch(62% .03 200/.4),0 30px 50px -24px oklch(8% .03 195/.7)}.okx-menu__tablet{z-index:1;background:oklch(17% .02 200);border-radius:16px;width:50%;padding:1.3%;position:absolute;bottom:8%;left:4%;box-shadow:inset 0 0 0 1px oklch(62% .03 200/.45),0 26px 48px -20px oklch(8% .03 195/.75)}.okx-menu__tablet img{border-radius:9px;width:100%;height:auto;display:block}.okx-menu__phone{z-index:2;width:25%;position:absolute;bottom:5%;right:5%}.okx-menu__phone .okx-frame--phone{box-shadow:inset 0 0 0 1.5px oklch(58% .03 200/.75),inset 0 0 0 4px oklch(12% .01 200),0 26px 48px -18px oklch(8% .03 195/.8)}.okx-menu__phone img{width:100%;height:auto;display:block}.okx-menu__coupon{z-index:3;background:var(--okx-paper);width:21%;color:var(--okx-ink);text-align:center;outline-offset:-6px;border-radius:10px;outline:1.5px dashed oklch(60% .12 40/.65);justify-items:center;padding:14px 10px 12px;line-height:1.25;display:grid;position:absolute;bottom:11%;left:50%;transform:rotate(-6deg);box-shadow:0 22px 40px -18px oklch(8% .03 195/.75)}.okx-menu__coupon>span:first-child{color:var(--okx-muted);letter-spacing:.18em;text-transform:uppercase;font-size:.62rem;font-weight:750}.okx-menu__coupon strong{color:var(--okx-signal-ink);letter-spacing:-.04em;margin-top:2px;font-size:clamp(1.5rem,1rem + 1.1vw,2.1rem);font-weight:780;line-height:1.05}.okx-menu__coupon>span:nth-child(3){font-size:.68rem;font-weight:600}.okx-menu__coupon small{border:1px solid var(--okx-line-strong);border-radius:var(--okx-radius-xs);color:var(--okx-text-2);letter-spacing:.06em;margin-top:7px;padding:2px 7px;font-size:.6rem;font-weight:700}.okx-menu__pin{z-index:4;background:var(--okx-accent);width:30px;height:30px;color:var(--okx-accent-ink);border-radius:50%;place-items:center;font-size:.84rem;font-weight:760;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 0 0 4px oklch(81.5% .096 63/.3)}.okx-menu__coupon .okx-menu__pin{left:auto;right:-12px}.okx-menu__stage>figcaption{z-index:5;position:absolute;bottom:2.4%;left:4%}.okx-menu__card{background:oklch(99.3% .008 85);padding:clamp(28px,3.2vw,44px) clamp(24px,3vw,44px) clamp(24px,3vw,36px)}.okx-menu__title{color:var(--okx-muted);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:14px;font-size:.74rem;font-weight:750;display:flex;margin-bottom:14px!important}.okx-menu__title:before,.okx-menu__title:after{content:"";border-top:1px solid var(--okx-line);flex:1}.okx-menu__group{padding:14px 0 12px}.okx-menu__group+.okx-menu__group{border-top:1px solid var(--okx-line-soft)}.okx-menu__group h3{color:var(--okx-petrol);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:4px;font-size:.8rem;font-weight:740;display:flex}.okx-menu__group h3>b{background:var(--okx-accent);width:24px;height:24px;color:var(--okx-accent-ink);letter-spacing:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:.74rem;display:grid}.okx-menu__group h3>:is(i,em){display:none}.okx-menu__group li{align-items:baseline;gap:8px;font-size:.95rem;line-height:1.75;display:flex}.okx-menu__group li>span{min-width:0}.okx-menu__group li>i{border-bottom:2px dotted var(--okx-line-strong);flex:20px;min-width:16px;transform:translateY(-4px)}.okx-menu__group li>em{color:var(--okx-primary);flex-shrink:0;font-size:.82rem;font-style:normal;font-weight:650}@media (width<=1180px){.okx-menu__group h3>i{border-bottom:2px dotted var(--okx-line-strong);flex:12px;min-width:12px;display:block;transform:translateY(1px)}.okx-menu__group h3>em{color:var(--okx-primary);letter-spacing:0;text-transform:none;flex-shrink:0;font-size:.82rem;font-style:normal;font-weight:650;display:inline}.okx-menu__group li{gap:10px;padding:4px 0;line-height:1.55}.okx-menu__group li:before{content:"";background:var(--okx-primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;transform:translateY(-3px)}.okx-menu__group li>:is(i,em){display:none}}@media (width<=1023px){.okx-menu__grid{grid-template-columns:minmax(0,1fr);margin-top:32px}.okx-menu__stage{aspect-ratio:5/4;min-height:0}.okx-menu__card{-moz-column-gap:36px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;display:grid}.okx-menu__title{grid-column:1/-1}.okx-menu__group:nth-of-type(2){border-top:0}}@media (width<=600px){.okx-menu__head h2{max-width:14ch}.okx-menu__intro p{font-size:.98rem}.okx-menu__grid{border-radius:16px 16px 48px;margin-top:24px}.okx-menu__stage{aspect-ratio:1/1.2}.okx-menu__laptop{width:80%;top:5%;left:5%}.okx-menu__tablet{border-radius:10px;width:60%;bottom:14%;left:3%}.okx-menu__tablet img{border-radius:6px}.okx-menu__phone{width:33%;bottom:10%;right:4%}.okx-menu__coupon{width:32%;padding:10px 6px 9px;inset:7% 5% auto auto;transform:rotate(5deg)}.okx-menu__coupon strong{font-size:1.35rem}.okx-menu__coupon>span:nth-child(3){font-size:.6rem}.okx-menu__coupon small{margin-top:5px;font-size:.54rem}.okx-menu__pin{width:24px;height:24px;font-size:.72rem;top:-9px;left:-9px;box-shadow:0 0 0 3px oklch(81.5% .096 63/.3)}.okx-menu__coupon .okx-menu__pin{right:-9px}.okx-menu__stage>figcaption{bottom:2.4%;left:4%}.okx-menu__card{grid-template-columns:minmax(0,1fr);padding:22px 18px 18px}.okx-menu__group:nth-of-type(2){border-top:1px solid var(--okx-line-soft)}.okx-menu__group li{padding:3px 0;font-size:.92rem}}