.message-river-hero{--river-exit:0;isolation:isolate;color:#fff;background:#041d1c;min-height:100svh;position:relative;overflow:hidden}.river-atmosphere,.river-grid,.river-stage,.river-webgl,.river-fallback,.river-fallback-layer{position:absolute;inset:0}.river-atmosphere{pointer-events:none;z-index:-2;background:radial-gradient(at 50% 74%,#0a7d7759 0%,#07666235 25%,#06403d20 46%,#041d1c00 70%)}.river-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#57b6b20d 1px,#0000 1px),linear-gradient(90deg,#57b6b20d 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.river-stage{z-index:0;pointer-events:none}.river-stage:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px 50px #041d1c80}.river-fallback-layer{transition:opacity .5s}.river-webgl>div:first-child{inset:0;position:absolute!important}.river-text{z-index:2;text-align:center;width:min(820px,100% - 48px);transform:translateY(calc(var(--river-exit)*-100px));opacity:calc(1 - var(--river-exit)*1.2);margin:0 auto;padding-top:clamp(125px,15svh,175px);position:relative}.river-text:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#041d1c99 20%,#041d1c55 50%,#0000 72%);position:absolute;inset:10% -20% -30%}.river-eyebrow{color:#c5dad7;background:#57b6b20a;border:1px solid #57b6b22e;border-radius:100px;justify-content:center;align-items:center;gap:9px;margin-bottom:25px;padding:9px 15px;font-size:12px;display:inline-flex}.river-eyebrow i,.river-gate-label i{background:#b9f4ce;border-radius:50%;width:5px;height:5px;animation:2.5s infinite river-live;box-shadow:0 0 10px #b9f4ce80}.river-headline{text-wrap:balance;max-width:800px;margin:auto;font-size:clamp(40px,4.6vw,68px);font-weight:500;line-height:1.22}.river-shimmer{color:#57b6b2;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#208d81,#84d6ca,#208d81) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite river-shimmer}.river-body{color:#ffffffb3;text-wrap:pretty;max-width:690px;margin:24px auto 27px;font-size:16px;line-height:1.9}.river-actions{justify-content:center;align-items:center;gap:30px;display:flex}.river-actions>a{color:#d8e9e6;align-items:center;gap:10px;min-height:48px;font-size:13px;display:inline-flex}.river-actions>a span{transition:transform .25s}.river-actions>a:hover span{transform:translate(5px)}[dir=rtl] .river-actions>a:hover span{transform:translate(-5px)}.river-actions a:focus-visible,.river-pause:focus-visible{outline-offset:5px;outline:2px solid #b9f4ce}.river-gate-label{color:#b9f4ce;white-space:nowrap;background:#062b26c9;border:1px solid #57b6b233;border-radius:100px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;display:flex;position:absolute;top:calc(74% - 105px);left:50%;transform:translate(-50%,-100%)}.river-css-gate{background:linear-gradient(#07666280,#9bffe2,#07666280);border:1px solid #b9f4ce;border-radius:8px;width:7px;height:190px;animation:3s infinite river-gate;position:absolute;top:74%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #57b6b2,0 0 55px 15px #57b6b244}.river-fallback-path{fill:none;stroke:#57b6b2;stroke-width:2px;opacity:.12;width:100%;height:100%;position:absolute;inset:0}.river-css-bubble{width:245px;transform:translate(-50%,-50%) rotateY(var(--flip,0deg));will-change:left,top,transform;font-size:12px;line-height:1.6;position:absolute}.river-css-in,.river-css-out{color:#ffffffbf;background:#263a39e6;border:1px solid #ffffff2e;border-radius:14px;min-height:74px;padding:12px 15px}.river-css-bubble small{justify-content:space-between;margin-bottom:6px;font-size:9px;display:flex}.river-css-out{color:#fff;background:#076662;border-color:#57b6b27a;display:none;box-shadow:0 0 23px #57b6b21a}.river-css-out small{color:#b9f4ce}.river-css-bubble[data-replied=true] .river-css-in{display:none}.river-css-bubble[data-replied=true] .river-css-out{display:block}.river-css-voice{direction:ltr;align-items:center;gap:10px;display:flex}.river-css-voice>span{align-items:center;gap:3px;height:28px;display:flex}.river-css-voice i{background:#ffe66b;border-radius:2px;width:3px;animation:.7s ease-in-out infinite alternate river-wave}.river-pause{top:90px;z-index:10;clip-path:inset(50%);width:1px;height:1px;position:absolute;inset-inline-start:20px;overflow:hidden}.river-pause:focus{clip-path:none;background:#062b26;border-radius:8px;width:auto;height:auto;padding:12px}.message-river-hero[data-ready=false] .river-eyebrow,.message-river-hero[data-ready=false] .river-body,.message-river-hero[data-ready=false] .river-actions,.message-river-hero[data-ready=false] .river-stage{opacity:0}.message-river-hero[data-ready=true] .river-atmosphere,.message-river-hero[data-ready=true] .river-grid{animation:.6s both river-enter}.message-river-hero[data-ready=true] .river-eyebrow{animation:.6s .1s both river-enter}.message-river-hero[data-ready=true] .river-body{animation:.7s .5s both river-enter}.message-river-hero[data-ready=true] .river-actions{animation:.7s .7s both river-enter}.message-river-hero[data-paused=true] *{animation-play-state:paused!important}@keyframes river-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes river-shimmer{to{background-position:220% 0}}@keyframes river-live{50%{opacity:.45;box-shadow:0 0 16px #b9f4ce55}}@keyframes river-gate{50%{box-shadow:0 0 20px #57b6b2,0 0 65px 20px #57b6b233}}@keyframes river-wave{to{scale:1 .4}}@media (min-width:1600px){.river-text{padding-top:17svh}.river-headline{font-size:72px}.river-body{font-size:17px}}@media (min-width:640px) and (max-width:1023px){.river-text{max-width:640px}.river-headline{font-size:50px}.river-css-bubble{width:210px}}@media (max-width:639px){.river-text{width:calc(100% - 40px);transform:translateY(calc(var(--river-exit)*-25px));padding-top:115px}.river-eyebrow{margin-bottom:22px;padding:8px 12px;font-size:10px}.river-headline{font-size:clamp(34px,9.2vw,44px);line-height:1.3}.river-body{margin-top:20px;margin-bottom:22px;font-size:13px;line-height:1.9}.river-actions{flex-direction:column;gap:8px}.river-actions>span,.river-actions>span>a{justify-content:center;width:100%}.river-actions>a{min-height:44px}.river-text:before{background:radial-gradient(#041d1cf2 20%,#041d1cbb 55%,#0000 75%);inset:-10% -15% -15%}.river-css-gate{width:170px;height:6px;top:72%}.river-gate-label{top:calc(72% - 32px)}.river-css-bubble{width:58%;font-size:10px}.river-css-in,.river-css-out{min-height:65px;padding:10px 12px}.river-atmosphere{background:radial-gradient(at 50% 72%,#0a7d7759,#0000 65%)}}@media (prefers-reduced-motion:reduce){.message-river-hero *{animation:none!important}.river-shimmer{-webkit-text-fill-color:#84d6ca;background:0 0}.river-text{opacity:1!important;transform:none!important}}:lang(en) .river-headline{letter-spacing:-.035em}:lang(en) .river-gate-label{letter-spacing:.04em}@media (max-width:639px){:lang(en) .river-headline{letter-spacing:-.025em}}