/* MB MEDIA — Built for MOHAMAD BASSEM MEFTAH — mftahbassem@gmail.com */
/* kareem.css — صفحة كريم فقط. كل الألوان من توكنات الموقع (--mb-*) */
/* Layout: one night in a shop — sticky bar · hero (promise + live 02:14 phone) · problem · bento of 8 · six alerts · reassurance · 4 steps · FAQ · closing phone */
:root{
  --bg:var(--mb-bg); --surface:var(--mb-bg-elevated); --surface2:var(--mb-bg-sunken); --ink:var(--mb-fg); --mute:var(--mb-fg-muted); --faint:var(--mb-fg-subtle);
  --line:var(--mb-border); --cy:var(--mb-accent); --cy-soft:color-mix(in srgb,var(--mb-accent) 14%,transparent); --cy-edge:var(--mb-cyan-700);
  --coral:var(--mb-coral-500); --coral-edge:var(--mb-coral-600); --shadow:rgb(0 0 0 / .6); --glow:color-mix(in srgb,var(--mb-cyan-500) 18%,transparent);
  --f-ar:var(--mb-font-body); --f-lat:var(--mb-font-body); --f-disp:var(--mb-font-heading); --f-mono:var(--mb-font-mono);
  --r:var(--mb-r-xl);
}
[data-theme="light"]{--cy-edge:var(--mb-cyan-800);--shadow:rgb(14 27 46 / .22);--glow:color-mix(in srgb,var(--mb-cyan-500) 12%,transparent)}

*,*::before,*::after{box-sizing:border-box}
main.kp{line-height:1.75;overflow-x:clip}
/* نقشة نقاط ناعمة تكسر البياض (نفس نقشة صور المشاركة) — أخف بكتير بالداكن */
:root{--kp-dot:rgb(255 255 255 / .045)}
[data-theme="light"]{--kp-dot:rgb(14 27 46 / .12);--glow:color-mix(in srgb,var(--mb-cyan-500) 18%,transparent)}
main.kp{background-image:radial-gradient(var(--kp-dot) 1.1px,transparent 1.3px);background-size:22px 22px}

main.kp a:not([class]){color:inherit}
main.kp h1,main.kp h2,main.kp h3{line-height:1.3;letter-spacing:0}
:focus-visible{outline:2px solid var(--cy);outline-offset:3px;border-radius:8px}
.wrap{max-width:1140px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
svg.i{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* progress */
.prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:calc(var(--mb-nav-z) + 1);pointer-events:none}
.prog i{display:block;height:100%;width:100%;background:var(--cy);transform-origin:left;transform:scaleX(0)}
[dir="rtl"] .prog i{transform-origin:right}
.kp-end{text-align:center;color:var(--faint);font-size:14px;padding-block:28px}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:56px 72px}
.hero::before{content:"";position:absolute;width:760px;height:760px;inset-inline-start:-160px;top:-180px;background:radial-gradient(closest-side,var(--glow),transparent 72%);pointer-events:none}
.hero .wrap{position:relative;display:grid;gap:44px;align-items:center}
@media(min-width:940px){.hero .wrap{grid-template-columns:1.08fr .92fr}}
.copy{min-width:0;display:flex;flex-direction:column;gap:22px}
.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--cy);border:1px solid color-mix(in srgb,var(--cy) 40%,transparent);border-radius:999px;padding:5px 14px}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cy);animation:ping 2.2s infinite}
.h1{font-size:clamp(30px,5.1vw,54px);font-weight:700}
.clk{font-family:var(--f-mono);font-weight:500;color:var(--cy);font-size:.84em;white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}
.clk::after{content:"";display:inline-block;width:.08em;height:.8em;background:currentColor;margin-inline-start:.06em;vertical-align:-.04em;animation:blink 1.1s steps(1) infinite}
.sub{font-size:clamp(16.5px,1.9vw,19px);color:var(--mute);max-width:54ch}
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:8px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.badge svg{width:16px;height:16px;color:var(--cy)}
.down,.down:hover{color:var(--ink)}
.down{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);padding:6px 2px}
.down span.ar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:var(--cy);animation:bob 2s ease-in-out infinite}

/* phone */
.stage{position:relative;justify-self:center;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;padding-block:10px}
.hi{position:absolute;z-index:0;font:500 13px/1 var(--f-lat);padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--mute);opacity:0;transform:translateY(8px) scale(.94);transition:opacity .7s,transform .7s;white-space:nowrap;pointer-events:none}
.hi[data-s="ar"]{font-family:var(--f-ar)}
.hi.on{opacity:1;transform:none}
.persp{perspective:1100px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.phone{width:248px;border-radius:48px;padding:7px;background:#11161D;position:relative;transform-style:preserve-3d;transition:transform .25s ease-out;cursor:pointer;box-shadow:0 0 0 1.5px #4A5466,0 0 0 3px #1A2029}
.phone .sbtn{position:absolute;background:#2E3644;border-radius:2px;width:3px}
.scr{border-radius:41px;overflow:hidden;background:#0A1524;height:520px;display:flex;flex-direction:column;position:relative;direction:rtl}
.scr[dir="ltr"]{direction:ltr}
.isl{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:80px;height:24px;border-radius:14px;background:#000;z-index:3}
.sbar{display:flex;justify-content:space-between;padding:13px 26px 6px;font:500 12px var(--f-mono);color:#EAF2F8;direction:ltr}
.sbar span:last-child{display:flex;gap:5px;align-items:center}
.sbar .sg{display:flex;gap:2px;align-items:flex-end}.sbar .sg i{width:3px;background:#EAF2F8;border-radius:1px}
.sbar .bt{width:20px;height:10px;border:1.4px solid #EAF2F8;border-radius:3px;position:relative}.sbar .bt::after{content:"";position:absolute;inset:1.5px;width:60%;background:#EAF2F8;border-radius:1px}
.phd{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#EAF2F8;border-bottom:1px solid rgba(255,255,255,.07);background:#0E1B2E}
.pav{width:34px;height:34px;border-radius:50%;background:#17B4D6;color:#0E1B2E;display:grid;place-items:center;font:600 14px var(--f-ar)}
.phd .nm{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35;font-size:14px;font-weight:600}
.phd .st{font-size:11.5px;color:#17B4D6;font-weight:400}
.chat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 10px 6px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 12px,transparent 12px 24px),#0A1524}
.m{max-width:84%;font-size:13px;line-height:1.55;padding:7px 11px 4px;border-radius:15px;color:#EAF2F8;display:flex;flex-direction:column;gap:1px;font-family:var(--f-ar)}
.scr[dir="ltr"] .m{font-family:var(--f-lat)}
.m.anim{animation:pop .38s cubic-bezier(.2,.9,.3,1.2) both}
.m small{align-self:flex-end;font:500 10px var(--f-mono);opacity:.6;direction:ltr;display:flex;gap:4px;align-items:center}
.m.cu{align-self:flex-end;background:#145E73;border-end-end-radius:5px}
.m.ka{align-self:flex-start;background:#22395C;border-end-start-radius:5px}
.tk{color:#7FD9EC;letter-spacing:-.3em;padding-inline-end:.3em}
.typ{align-self:flex-start;display:flex;gap:4px;padding:11px 13px;border-radius:15px;background:#22395C;animation:pop .25s ease both}
.typ i{width:6px;height:6px;border-radius:50%;background:#EAF2F8;animation:dot 1s infinite}
.typ i:nth-child(2){animation-delay:.15s}.typ i:nth-child(3){animation-delay:.3s}
.inp{display:flex;align-items:center;gap:8px;margin:6px 10px 8px}
.inp div{flex:1;height:34px;border-radius:18px;background:#182B47;display:flex;align-items:center;padding-inline:14px}
.inp div i{width:1.5px;height:15px;background:#17B4D6;animation:blink 1.1s steps(1) infinite}
.inp b{width:34px;height:34px;border-radius:50%;background:#17B4D6;display:grid;place-items:center;color:#0E1B2E}
.inp b svg{width:16px;height:16px;stroke-width:2.2}
[dir="ltr"] .inp b svg{transform:scaleX(-1)}
.hbar{width:96px;height:4px;border-radius:3px;background:rgba(234,242,248,.5);margin:0 auto 8px}
.glass{position:absolute;inset:0;border-radius:41px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 36%)}
.pshadow{width:210px;height:28px;border-radius:50%;background:var(--shadow);filter:blur(16px);margin-top:-2px;transition:transform .25s ease-out;opacity:.85}
.alert{margin-top:30px;position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--cy) 55%,transparent);box-shadow:0 16px 36px -18px var(--shadow);max-width:320px;transition:opacity .5s,transform .5s}
.alert.off{opacity:0;transform:translateY(14px)}
.alert .bell{width:36px;height:36px;border-radius:11px;background:var(--cy-soft);color:var(--cy);display:grid;place-items:center;flex:none}
.alert div{min-width:0;display:flex;flex-direction:column;line-height:1.4}
.alert b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.alert small{font-size:12.5px;color:var(--mute)}
.dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.d-g{background:#22B573}.d-r{background:#E5484D}.d-o{background:#F2994A}.d-w{background:#D5DCE4;box-shadow:inset 0 0 0 1.5px #8C99A8}.d-y{background:#F5C543}
.pulse{animation:pls 1.7s infinite}
.pnote{font-size:12px;color:var(--faint);margin-top:10px}

/* sections */
.sec{padding-block:88px}
.sec + .sec{border-top:1px solid var(--line)}
.head{display:flex;flex-direction:column;gap:12px;max-width:720px;margin-bottom:40px}
.kick{font:600 12.5px var(--f-mono);color:var(--cy);letter-spacing:.06em;direction:ltr;align-self:flex-start}
.h2{font-size:clamp(25px,3.6vw,38px);font-weight:700}
.lead{color:var(--mute);font-size:17px;max-width:62ch}

/* problem */
.pains{display:grid;gap:16px}
@media(min-width:800px){.pains{grid-template-columns:repeat(3,1fr)}}
.pain{min-width:0;padding:24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.pain h3{font-size:18px;font-weight:600}
.pain p{color:var(--mute);font-size:15.5px}
.vis{height:96px;border-radius:14px;background:var(--surface2);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 14px;overflow:hidden}
.gb{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:6px 11px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--mute);max-width:100%}
.gb small{font:500 10.5px var(--f-mono);color:var(--faint);direction:ltr}
.gb .tg{color:var(--faint);letter-spacing:-.3em;padding-inline-end:.3em}
.v1 .gb{transition:opacity 1.6s 1s,filter 1.6s 1s}
.v1.seen .gb{opacity:.35;filter:grayscale(1)}
.v1 .zz{align-self:flex-end;font:500 11px var(--f-mono);color:var(--faint);direction:ltr}
.v2 .gb{padding:4px 10px;font-size:12.5px}
.v2 .gb:nth-child(2){margin-inline-start:22px}.v2 .gb:nth-child(3){margin-inline-start:44px}
.v3{flex-direction:row;flex-wrap:wrap;align-content:center;gap:7px}
.v3 span{width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}
.v3 span.hot::after{content:"";width:9px;height:9px;border-radius:50%;background:#22B573;animation:fade 3.2s ease-in-out infinite}

/* bento */
.bento{display:grid;gap:14px}
@media(min-width:680px){.bento{grid-template-columns:repeat(2,1fr)}.c2,.c5{grid-column:span 2}}
@media(min-width:1000px){.bento{grid-template-columns:repeat(4,1fr)}.c2,.c5,.c7,.c8{grid-column:span 2}}
.card{min-width:0;position:relative;padding:24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;transition:transform .25s,border-color .25s,box-shadow .25s}
@media(hover:hover){.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cy) 45%,transparent);box-shadow:0 22px 40px -26px var(--shadow)}}
.card h3{font-size:17.5px;font-weight:600}
.card p{color:var(--mute);font-size:15px}
.ic{width:44px;height:44px;border-radius:13px;background:var(--cy-soft);color:var(--cy);display:grid;place-items:center}
.ic svg{width:22px;height:22px}
.clockv{width:44px;height:44px}
.clockv .hand{transform-origin:22px 22px;animation:spin 8s linear infinite}
.clockv .hand2{transform-origin:22px 22px;animation:spin 48s linear infinite}
.word{font:600 clamp(30px,4.4vw,44px)/1.1 var(--f-disp);color:var(--cy);min-height:1.2em;transition:opacity .35s,transform .35s;direction:ltr;unicode-bidi:isolate;align-self:flex-start}
.word.ar{font-family:var(--f-ar)}
.word.out{opacity:0;transform:translateY(-10px)}
.c2 .row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.mini{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--surface2);align-self:flex-start;font-size:13.5px;font-weight:600}
.mini .bell{color:var(--cy);display:grid}
.bars{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:14px;background:var(--surface2)}
.bars div{display:flex;align-items:center;gap:8px}
.bars i{height:7px;border-radius:4px;background:var(--cy);opacity:.85;width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bars span{width:8px;height:8px;border-radius:50%}
.in .bars i{width:var(--w)}
.c8 .row,.c5 .row{display:grid;gap:16px;align-items:center}
@media(min-width:680px){.c8 .row,.c5 .row{grid-template-columns:1fr auto}.c8 .bars{width:200px}}

/* alerts */
.alerts{display:grid;gap:14px}
@media(min-width:560px){.alerts{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.alerts{grid-template-columns:repeat(3,1fr)}}
.al{min-width:0;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:flex;gap:14px;align-items:flex-start;transition:transform .25s,border-color .25s,box-shadow .25s,opacity .55s}
@media(hover:hover){.al:hover{transform:translateY(-4px);box-shadow:0 20px 36px -24px var(--shadow);border-color:var(--strong,var(--line))}}
.al .dots{display:flex;gap:3px;padding-top:7px;flex:none}
.al h3{font-size:16.5px;font-weight:600}
.al p{color:var(--mute);font-size:14.5px}
.al div{min-width:0;display:flex;flex-direction:column;gap:3px}

/* reassure */
.calm{display:grid;gap:28px;align-items:center;padding:36px 30px;border-radius:26px;background:var(--surface);border:1px solid var(--line)}
@media(min-width:860px){.calm{grid-template-columns:auto 1fr;padding:44px 48px;gap:48px}}
.shield{width:120px;height:120px;border-radius:32px;background:var(--cy-soft);color:var(--cy);display:grid;place-items:center}
.shield svg{width:60px;height:60px;stroke-width:1.4}
.calm h2{margin-bottom:18px}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}
.checks svg{width:24px;height:24px;color:#22B573;margin-top:2px;stroke-width:2.2}
.checks svg path{stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .5s}
.checks.pre-c svg path{stroke-dashoffset:24}

/* steps */
.steps{position:relative;display:grid;gap:26px;list-style:none;margin:0;padding:0}
.steps .track{position:absolute;background:var(--line);border-radius:2px}
.steps .track i{position:absolute;background:var(--cy);border-radius:2px}
@media(min-width:860px){
  .steps{grid-template-columns:repeat(4,1fr);gap:22px}
  .steps .track{top:23px;height:3px;inset-inline:12.5%}
  .steps .track i{top:0;bottom:0;inset-inline-start:0;width:calc(var(--p,0)*100%)}
}
@media(max-width:859px){
  .steps{padding-inline-start:64px}
  .steps .track{width:3px;top:24px;bottom:24px;inset-inline-start:22px}
  .steps .track i{left:0;right:0;top:0;height:calc(var(--p,0)*100%)}
}
.step{min-width:0;position:relative;display:flex;flex-direction:column;gap:12px}
@media(min-width:860px){.step{align-items:center;text-align:center}}
.num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:600 17px var(--f-disp);background:var(--bg);border:2px solid var(--line);color:var(--faint);position:relative;z-index:1;transition:background .6s,border-color .6s,color .6s,transform .6s}
.step.lit .num{transform:scale(1.08)}
@media(max-width:859px){.num{position:absolute;inset-inline-start:-64px;top:-4px}}
.step.lit .num{background:var(--cy);border-color:var(--cy);color:#0E1B2E}
.step p{font-size:16px;max-width:30ch}

/* faq */
.faq{max-width:820px;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;font-weight:600;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex:none;color:var(--cy);transition:transform .3s,background .3s}
.faq details[open] summary .pm{transform:rotate(45deg);background:var(--cy-soft)}
.faq .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.faq details[open] .ans{grid-template-rows:1fr}
.faq .ans p{overflow:hidden;color:var(--mute);padding-inline:2px;max-width:66ch}
.faq details[open] .ans p{padding-bottom:20px}
.faq .more{display:contents}
.faq.collapsed .more details{display:none}
.morebtn{margin-top:22px;align-self:flex-start;font-weight:600;font-size:15px;color:var(--cy);background:none;border:1.5px solid var(--cy);border-radius:var(--mb-r-full);padding:11px 20px;cursor:pointer}
.morebtn:hover{background:var(--cy-soft)}

/* closing */
.close{position:relative;overflow:hidden;padding-block:96px 104px;border-top:1px solid var(--line)}
.close::before{content:"";position:absolute;width:820px;height:820px;left:50%;top:40%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--glow),transparent 70%);pointer-events:none}
.close .wrap{position:relative;display:grid;gap:44px;align-items:center}
@media(min-width:940px){.close .wrap{grid-template-columns:1fr auto}}
.close .copy{gap:18px}
.close .h2{font-size:clamp(28px,4.4vw,46px)}
.ctas{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:12px}
.b3d{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;border-radius:var(--mb-r-full);padding:14px 26px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .2s;user-select:none}
.b3d svg{width:21px;height:21px}
.b-wa,.b-wa:hover,.b-wa:active{color:#fff}
.b-wa{color:#fff;background:linear-gradient(180deg,#F08A63,#E8734A 55%,#DC6439);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 0 var(--coral-edge),0 14px 26px -8px rgba(232,115,74,.55)}
.b-wa:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 7px 0 var(--coral-edge),0 20px 30px -8px rgba(232,115,74,.6)}
.b-wa:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 var(--coral-edge),0 4px 10px -4px rgba(232,115,74,.5)}
.b-tg{color:var(--cy);background:var(--bg);border:1.5px solid var(--cy);box-shadow:0 5px 0 var(--cy-edge),0 14px 24px -10px rgba(23,180,214,.35)}
.b-tg:hover{background:var(--cy-soft);transform:translateY(-2px);box-shadow:0 7px 0 var(--cy-edge),0 18px 26px -10px rgba(23,180,214,.45)}
.b-tg:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cy-edge)}
.b-tx,.b-tx:hover{color:var(--ink)}
.b-tx{font-size:16px;font-weight:500;text-decoration:none;padding:12px 4px;background:linear-gradient(var(--cy),var(--cy)) no-repeat right bottom/100% 1.5px;transition:background-size .3s}
[dir="ltr"] .b-tx{background-position:left bottom}
.b-tx:hover{background-size:0 1.5px}
.close .stage{max-width:300px}
.close .scr{height:440px}
.close .chat{justify-content:flex-end}

/* sticky mobile */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;justify-content:center;transform:translateY(130%);transition:transform .35s;pointer-events:none}
.sticky.on{transform:none;pointer-events:auto}
.sticky a{width:100%;max-width:420px;justify-content:center}
@media(min-width:861px){.sticky{display:none}}

/* reveal */
.rv{transition:opacity .75s ease,transform .75s ease}
.rv.pre{opacity:0;transform:translateY(26px)}

@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes dot{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}
@keyframes blink{50%{opacity:0}}
@keyframes bob{50%{transform:translateY(5px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(23,180,214,.5)}100%{box-shadow:0 0 0 8px rgba(23,180,214,0)}}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(34,181,115,.55)}100%{box-shadow:0 0 0 10px rgba(34,181,115,0)}}
@keyframes fade{0%,100%{opacity:1}60%,80%{opacity:.12}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv.pre{opacity:1;transform:none}
}