/* Rulezz Play 5.10.123: product catalogue, accessible Free / Plus. Scoped to this page. */
body.rzplay-page{background:#f3f6fb}
body.rzplay-page .rzpc-shell{max-width:1216px;padding:24px 18px 78px;color:#15223d}
.rzplay-page .rzpc-hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:280px;border:1px solid #2c4978;border-radius:25px;background:radial-gradient(ellipse at 96% 14%,#5038ac 0,transparent 48%),radial-gradient(ellipse at 35% 115%,#0b7daf48 0,transparent 48%),linear-gradient(125deg,#061328,#102546);color:#fff;padding:clamp(24px,4vw,50px);box-shadow:0 18px 48px #12264a1f;isolation:isolate;box-sizing:border-box}
.rzplay-page .rzpc-hero-inner{position:relative;z-index:1;max-width:660px}
.rzplay-page .rzpc-eyebrow{font-size:11px;letter-spacing:.2em;color:#a5dcff;font-weight:900}
.rzplay-page .rzpc-hero h1{color:#fff;font-size:clamp(31px,4.7vw,51px);letter-spacing:-.045em;line-height:1.1;margin:14px 0}
.rzplay-page .rzpc-hero p{color:#d7e5fc;line-height:1.62;font-size:clamp(15px,1.5vw,18px);margin:0}
.rzplay-page .rzpc-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.rzplay-page .rzpc-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #7188b1;border-radius:12px;padding:10px 18px;font-size:13px;line-height:1.2;text-decoration:none;font-weight:850;box-sizing:border-box}
.rzplay-page .rzpc-btn-light{background:linear-gradient(#fff,#d9e9ff);border-color:#c7dfff;color:#091b3e}
.rzplay-page .rzpc-btn-outline{color:#ffda82;background:#342b281a;border-color:#b68939}
.rzplay-page .rzpc-btn:hover{filter:brightness(1.08)}
.rzplay-page .rzpc-orbit{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;gap:15px;font-size:clamp(38px,6vw,72px);color:#ffbd4c;text-shadow:0 0 28px #ffc85755;opacity:.9;pointer-events:none}
.rzplay-page .rzpc-orbit span:nth-child(2){color:#64a9ff}.rzplay-page .rzpc-orbit span:nth-child(3){color:#c482ff}
.rzplay-page .rzpc-topline{margin:25px 2px 0;display:flex;gap:14px;align-items:center;justify-content:space-between}
.rzplay-page .rzpc-topline p{margin:0;font-weight:800;font-size:13px;color:#60708c}
.rzplay-page .rzpc-topline>span{background:#e5eaf8;border:1px solid #d3dcf2;color:#3d527c;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:850;white-space:nowrap}
.rzplay-page .rzpc-section{margin:18px 0 33px}
.rzplay-page .rzpc-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 17px;padding:0 3px}
.rzplay-page .rzpc-kicker{display:block;color:#466fc5;font-size:10px;letter-spacing:.18em;font-weight:950}
.rzplay-page #rzpc-plus-section .rzpc-kicker{color:#ad7830}
.rzplay-page .rzpc-section-head h2{font-size:clamp(22px,2.5vw,30px);letter-spacing:-.035em;margin:3px 0 5px;color:#14213c}
.rzplay-page .rzpc-section-head p{margin:0;color:#65718b;font-size:13px;line-height:1.5;max-width:710px}
.rzplay-page .rzpc-section-count{color:#687592;font-size:11px;font-weight:750;white-space:nowrap}
.rzplay-page .rzpc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.rzplay-page .rzpc-card{display:flex;flex-direction:column;min-width:0;border-radius:20px;padding:20px;background:#fff;border:1px solid #dce3f0;box-shadow:0 9px 28px #1026500c;transition:transform .16s,box-shadow .16s}
.rzplay-page .rzpc-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #10265020}
.rzplay-page .rzpc-card.rzpc-plus{border-color:#e6dcf4;background:linear-gradient(155deg,#fff,#fbf8ff)}
.rzplay-page .rzpc-cardtop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.rzplay-page .rzpc-cardtop img{width:61px;height:61px;object-fit:contain;border-radius:15px}
.rzplay-page .rzpc-plan{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:5px 10px;font-size:10px;font-weight:950;letter-spacing:.04em;border-radius:999px;white-space:nowrap}
.rzplay-page .rzpc-plan-free{background:#e7f3ff;color:#13538a;border:1px solid #bedfff}
.rzplay-page .rzpc-plan-plus{background:#382714;color:#ffd47a;border:1px solid #987338}
.rzplay-page .rzpc-card h3{margin:13px 0 8px;font-size:20px;letter-spacing:-.025em;color:#142541}
.rzplay-page .rzpc-card>p{margin:0 0 16px;font-size:13px;line-height:1.65;color:#596780;flex:1}
.rzplay-page .rzpc-cardfoot{margin-top:auto;display:flex;flex-direction:column;gap:13px}
.rzplay-page .rzpc-cardfoot small{color:#747f93;font-size:11px;line-height:1.45}
.rzplay-page .rzpc-cardlink{min-height:41px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;background:#e9f1ff;color:#153d77;text-decoration:none;font-size:12px;font-weight:850;box-sizing:border-box}
.rzplay-page .rzpc-plus .rzpc-cardlink{background:#fff0ca;color:#60400b}
.rzplay-page .rzpc-cardlink:hover{filter:brightness(.95)}
.rzplay-page .rzpc-footnote{display:flex;align-items:flex-start;gap:13px;border:1px solid #cbdaf0;border-radius:16px;padding:17px 19px;color:#43516d;background:#eaf2ff}
.rzplay-page .rzpc-footnote p{font-size:12px;line-height:1.6;margin:0}
.rzplay-page .rzpc-info-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex:0 0 23px;background:#1c67b5;color:#fff;font-size:13px;font-weight:900}
.rzplay-page a:focus-visible{outline:3px solid #5daaff;outline-offset:3px}
@media(max-width:1030px){.rzplay-page .rzpc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rzplay-page .rzpc-orbit{opacity:.35}}
@media(max-width:610px){body.rzplay-page .rzpc-shell{padding:14px 12px 46px}.rzplay-page .rzpc-hero{min-height:0;padding:24px 21px;border-radius:18px}.rzplay-page .rzpc-orbit{display:none}.rzplay-page .rzpc-grid{grid-template-columns:1fr;gap:12px}.rzplay-page .rzpc-section-head{align-items:start;flex-direction:column;gap:8px}.rzplay-page .rzpc-topline{align-items:flex-start;flex-direction:column;gap:7px}.rzplay-page .rzpc-card{padding:17px}.rzplay-page .rzpc-card h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rzplay-page .rzpc-card{transition:none}}