/* Grandmaster's compact sapphire/chrome benefit format; original product geometry is intact. */
.river-product-crop{position:relative;width:100%;aspect-ratio:1536/860;overflow:hidden;z-index:1}
.river-product-crop>.offer-stage{position:absolute;inset:0 0 auto;width:100%}
.river-product-crop::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:2.4%;pointer-events:none;background:radial-gradient(ellipse at 51% 100%,#00cfff2b,transparent 70%);mix-blend-mode:screen}
.offer-course>.river-benefits{aspect-ratio:2172/393;display:block;padding:0;background:transparent;overflow:hidden;margin-top:-1px}
.river-system-crop+.river-benefits{margin-top:-1%;z-index:2}
.river-product-crop+.river-benefits{margin-top:-1%;z-index:2}
.offer-course>.river-benefits .river-stage-art{top:-55.216285%;left:0;right:0;bottom:auto;width:100%;height:184.223919%;object-fit:fill;object-position:center;opacity:1;filter:brightness(.96) saturate(1.04);-webkit-mask-image:none;mask-image:none}
.offer-course>.river-benefits::before{display:none}
.river-product-crop+.river-benefits .river-stage-art{-webkit-mask-image:linear-gradient(to bottom,transparent 29.9723757%,#000 33.6%);mask-image:linear-gradient(to bottom,transparent 29.9723757%,#000 33.6%)}
.offer-course>.river-benefits .river-benefit{position:absolute;top:17.1%;height:59.5%;width:31.25%;min-height:0;aspect-ratio:auto;margin:0;display:flex;align-items:center;pointer-events:none}
.offer-course>.river-benefits .river-benefit--left{left:12.85%}
.offer-course>.river-benefits .river-benefit--right{left:55.85%}
.offer-course>.river-benefits .river-benefit-copy{margin:0;width:100%;padding:0 2%;text-align:center}
.offer-course>.river-benefits .river-benefit h4{font-size:clamp(18px,2.08cqw,36px);line-height:1.03;margin:0 0 .6cqw;color:#04e6f2}
.offer-course>.river-benefits .river-benefit p{font-size:clamp(12px,1.12cqw,19px);line-height:1.25;margin:0}
.offer-course>.river-benefits .river-benefit-piece{left:-40%;right:auto;top:-25%;bottom:auto;width:34%;height:151%;overflow:hidden;filter:drop-shadow(0 .4cqw .35cqw #000b) drop-shadow(0 0 .45cqw #008fff7d)}
.offer-course>.river-benefits .river-benefit--right .river-benefit-piece{left:auto;right:-40%}
.offer-course>.river-benefits .river-plaque-mobile{display:none}
.offer-course>.river-benefits .river-current{inset:0;width:100%;height:100%;background:none;overflow:visible}
.offer-course>.river-benefits .river-motion{position:static;display:block;left:auto;bottom:auto;width:100%;height:100%;aspect-ratio:auto;max-width:none;overflow:visible}
.river-carried-piece{filter:drop-shadow(0 3px 2px #001625b0) drop-shadow(0 0 4px #00b8ff45)}
/* Clip decorative overspill without creating an internal scroll container.
   A focused pause button must never move the artwork or crop the copy. */
.offer-course>.river-benefits,.river-system-crop,.river-product-crop{overflow:clip}
.offer-course>:where(#cheat-sheets-stage,#training-plans-stage,#quizzes-stage)+.river-benefits{margin-top:-1%;z-index:2}
.offer-course>:where(#cheat-sheets-stage,#training-plans-stage,#quizzes-stage)+.river-benefits .river-stage-art{-webkit-mask-image:linear-gradient(to bottom,transparent 29.9723757%,#000 33.6%);mask-image:linear-gradient(to bottom,transparent 29.9723757%,#000 33.6%)}
.offer-course>.river-benefits .river-pause{width:28px;height:28px;bottom:2.3%;right:1.1%;padding:7px;border-color:#42b5e450;background:#0315269e}
.offer-course>.river-benefits .river-pause svg{width:13px;height:13px}
@media(min-width:1800px){.offer-course>.river-benefits .river-benefit h4{font-size:36px}.offer-course>.river-benefits .river-benefit p{font-size:19px}}
@media(min-width:721px) and (max-width:1050px){
 .offer-course>.river-benefits .river-benefit h4{font-size:clamp(16px,2.15cqw,22px)}
 .offer-course>.river-benefits .river-benefit p{font-size:clamp(10px,1.2cqw,12.5px);line-height:1.2}
 .offer-course>.river-benefits .river-benefit-copy{padding:0 1%}
}
@media(max-width:720px){
 .offer-course>.river-benefits{aspect-ratio:auto;display:grid;grid-template-columns:1fr;gap:0;padding:0 0 102px;min-height:0}
 .river-system-crop+.river-benefits{margin-top:-1%}
 .river-product-crop+.river-benefits{margin-top:-1.5%}
 .offer-course>.river-benefits .river-stage-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%;opacity:.6;-webkit-mask-image:linear-gradient(transparent,#000 38px);mask-image:linear-gradient(transparent,#000 38px)}
 .offer-course>.river-benefits .river-benefit{position:relative;left:auto;top:auto;width:100%;height:185px;min-height:0;aspect-ratio:auto;margin:0}
 .offer-course>.river-benefits .river-plaque-mobile{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:brightness(.92) saturate(1.04);-webkit-mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent)}
 .offer-course>.river-benefits .river-benefit-copy{margin:0 6% 0 23%;padding:0;width:71%;text-align:center}
 .offer-course>.river-benefits .river-benefit--right .river-benefit-copy{margin:0 23% 0 6%}
 .offer-course>.river-benefits .river-benefit h4{font-size:clamp(18px,5vw,23px);line-height:1.03;margin-bottom:7px}
 .offer-course>.river-benefits .river-benefit p{font-size:clamp(12px,3.3vw,14px);line-height:1.25}
 .offer-course>.river-benefits .river-benefit-piece{left:1%;right:auto;top:10%;bottom:auto;width:20%;height:80%;filter:drop-shadow(0 5px 5px #000b) drop-shadow(0 0 5px #008fff80)}
 .offer-course>.river-benefits .river-benefit--right .river-benefit-piece{left:auto;right:1%}
 .offer-course>.river-benefits .river-current{inset:auto 0 0;height:108px;overflow:hidden;clip-path:inset(0);isolation:isolate;contain:paint;background:transparent url('assets/benefit-river-v20.png') center bottom/400% auto no-repeat}
 .offer-course>.river-benefits .river-motion{position:absolute;left:-95%;bottom:-12px;width:290%;height:auto;aspect-ratio:2172/393}
 .offer-course>.river-benefits .river-pause{right:12px;bottom:10px;width:32px;height:32px}
}
@media(max-width:359px){.offer-course>.river-benefits .river-benefit{height:190px}.offer-course>.river-benefits .river-benefit-copy{margin-left:22%;margin-right:6%;width:72%}.offer-course>.river-benefits .river-benefit--right .river-benefit-copy{margin-left:6%;margin-right:22%}.offer-course>.river-benefits .river-benefit h4{font-size:18px}.offer-course>.river-benefits .river-benefit p{font-size:12px}}