/* Approved custom premium gradients. Varied across the eight illustration cards. */
#three-steps,#app-preview{--ry-mesh-forest:radial-gradient(ellipse at 78% 5%,#adbc8552 0%,transparent 44%),radial-gradient(ellipse at 22% 98%,#467763 0%,#25443b 35%,transparent 70%),radial-gradient(ellipse at 78% 85%,#55734c70,transparent 55%),#121f1b;--ry-mesh-ivory:radial-gradient(ellipse at 100% 0%,#ffffff 0%,#fffffb90 30%,transparent 65%),radial-gradient(ellipse at 0% 85%,#a0a87b 0%,#bec4a370 32%,transparent 63%),radial-gradient(ellipse at 65% 100%,#d4bf97 0%,transparent 70%),#e9e6dc;--ry-mesh-graphite:radial-gradient(ellipse 100% 28% at 50% 110%,#c7e783a8 0%,#6b825847 45%,transparent 75%),radial-gradient(ellipse at 25% -30%,#706c7b90,transparent 70%),radial-gradient(ellipse at 95% 50%,#35423870,transparent 60%),#19191d;--ry-mesh-sage:radial-gradient(ellipse at 68% 5%,#fffbe8 0%,#ebe8cfb0 22%,transparent 63%),radial-gradient(ellipse at 12% 78%,#426559 0%,#769785 32%,transparent 72%),radial-gradient(ellipse at 110% 100%,#8d9c64,transparent 65%),#a9b9a1;--ry-mesh-olive:radial-gradient(ellipse at 110% 0%,#cebc7e 0%,#94875e75 34%,transparent 67%),radial-gradient(ellipse at 2% 100%,#566b43 0%,transparent 55%),radial-gradient(ellipse at 62% 120%,#7f805854,transparent 65%),#252b22;--ry-mesh-ribbon:radial-gradient(ellipse 130% 90% at 95% -10%,transparent 50%,#b8c78c6b 56%,#63846d8c 66%,transparent 79%),radial-gradient(ellipse at 0% 100%,#73967b 0%,#34564a 37%,transparent 70%),#152b25;}

#three-steps .ry-steps-visual,#three-steps .ry-how-panel,#app-preview .ry-app-feature-visual{
 background:var(--ry-mixed-gradient);isolation:isolate;
}
#three-steps .ry-steps-visual::before,#three-steps .ry-how-panel::before,#app-preview .ry-app-feature-visual::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/images/ry/premium-gradients-20260916/grain.svg') repeat;opacity:.12;mix-blend-mode:soft-light;border-radius:inherit;
}
#three-steps .ry-steps-visual>img,#three-steps .ry-how-panel>img,#app-preview .ry-selected-feature-art{position:relative;z-index:1}
#three-steps .ry-steps-number{z-index:2}
#three-steps .ry-steps-card:nth-child(1) .ry-steps-visual,#three-steps .ry-how-panel[data-how-panel="0"]{--ry-mixed-gradient:var(--ry-mesh-ivory)}
#three-steps .ry-steps-card:nth-child(2) .ry-steps-visual,#three-steps .ry-how-panel[data-how-panel="1"]{--ry-mixed-gradient:var(--ry-mesh-forest)}
#three-steps .ry-steps-card:nth-child(3) .ry-steps-visual,#three-steps .ry-how-panel[data-how-panel="2"]{--ry-mixed-gradient:var(--ry-mesh-graphite)}
#three-steps .ry-steps-card:nth-child(1) .ry-steps-number{color:#231f23}
#three-steps .ry-steps-card:nth-child(2) .ry-steps-number,#three-steps .ry-steps-card:nth-child(3) .ry-steps-number{color:#f7f6f5}
#app-preview .ry-app-feature--submit .ry-app-feature-visual{--ry-mixed-gradient:var(--ry-mesh-ribbon)}
#app-preview .ry-app-feature--floor .ry-app-feature-visual{--ry-mixed-gradient:var(--ry-mesh-sage)}
#app-preview .ry-app-feature--copy .ry-app-feature-visual{--ry-mixed-gradient:var(--ry-mesh-olive)}
#app-preview .ry-app-feature--wide .ry-app-feature-visual{
 --ry-mixed-gradient:radial-gradient(ellipse at 95% 100%,#adbc8563,transparent 47%),radial-gradient(ellipse at 10% 30%,#467763,#25443b 32%,transparent 70%),radial-gradient(ellipse at 75% 5%,#55734c55,transparent 60%),#121f1b;
}
#app-preview .ry-app-feature--whatsapp .ry-app-feature-visual{
 --ry-mixed-gradient:radial-gradient(ellipse at 5% 0%,#ffffff,#fffffb90 30%,transparent 65%),radial-gradient(ellipse at 100% 80%,#a0a87b,#bec4a370 32%,transparent 63%),radial-gradient(ellipse at 30% 100%,#d4bf97,transparent 70%),#e9e6dc;
}