/* Carolina Valet site styles. Brand: midnight navy, gold, cream; Cormorant Garamond + Work Sans.
   Motion system mirrors the junkraider.com v3 build: aurora heroes, soft mesh glows, liquid glass, drifting gradient type. */
:root{
  --navy:#091529;--ink:#1A1A2E;--deep:#0f2140;--blue:#4880DC;--gold:#C9A84C;--gold2:#E9D18C;--goldd:#A88A33;
  --cream:#FAF8F4;--wash:#F4F1EA;--line:#E6E1D6;--text:#1f2433;--mut:#5f6577;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gtl:linear-gradient(96deg,#0f2140 0%,#2a3f6b 45%,#A88A33 75%,#C9A84C 100%);
  --gtd:linear-gradient(96deg,#F6EAC4 0%,#C9A84C 40%,#E9D18C 70%,#fff4d8 100%);
  --sh:0 24px 60px -22px rgba(9,21,41,.30);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--text);background:var(--cream);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.06;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(2.6rem,6.4vw,5rem)}h2{font-size:clamp(2.1rem,4.4vw,3.4rem)}h3{font-size:1.55rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.c{text-align:center}.c .lede{margin-left:auto;margin-right:auto}
.lede{font-size:1.14rem;color:var(--mut);max-width:620px;margin-top:16px}
.eyb{display:inline-flex;align-items:center;gap:12px;font:600 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--goldd);margin-bottom:16px}
.eyb:before{content:"";width:28px;height:1px;background:var(--gold)}
.dk .eyb{color:var(--gold)}
.gt{background-image:var(--gtl);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:gdrift 10s ease-in-out infinite alternate;padding-bottom:.08em;font-style:italic}
.dk .gt{background-image:var(--gtd)}
@keyframes gdrift{from{background-position:0 0}to{background-position:100% 0}}

/* top bar + nav */
.topbar{background:var(--navy);color:#b9c1d3;font-size:.84rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding:8px 22px}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
@media (max-width:640px){.topbar span{display:none}.topbar .wrap{justify-content:center}}
.nav{position:sticky;top:0;z-index:60;background:rgba(9,21,41,.92);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(201,168,76,.18)}
.nav .wrap{display:flex;align-items:center;gap:26px;height:76px}
.wm{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;flex:none}
.wm .w{font:600 1.18rem/1 var(--sans);letter-spacing:.24em;color:#fff;padding-left:.24em}
.wm .w em{font-style:normal;color:var(--gold)}
.wm .s{display:flex;align-items:center;gap:8px;font:500 .5rem var(--sans);letter-spacing:.3em;color:#aab3c6}
.wm .s:before,.wm .s:after{content:"";width:16px;height:1px;background:var(--gold)}
.links{display:flex;gap:26px;margin-left:auto}
.links a{color:#dfe3ec;text-decoration:none;font-weight:500;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}
.links a:hover,.links a.on{color:var(--gold)}
.navcta{display:flex;align-items:center;gap:18px}
.navcta .ph{color:var(--gold);text-decoration:none;font-weight:600;font-size:.95rem}
.burger{display:none;margin-left:auto;background:none;border:0;width:46px;height:46px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px auto;transition:transform .3s,opacity .3s}
.mnav{display:none;background:var(--navy);padding:6px 22px 22px;border-bottom:1px solid rgba(201,168,76,.2)}
.mnav a{display:block;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;font-weight:500}
.mnav .btn{margin-top:16px;width:100%;justify-content:center;border-bottom:0;display:flex}
body.open .mnav{display:block}
body.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.open .burger span:nth-child(2){opacity:0}body.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1060px){.links,.navcta{display:none}.burger{display:block}}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:16px 28px;font:600 .98rem var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn.gold{color:var(--navy);background:linear-gradient(135deg,#E3C77A,#C9A84C 55%,#B8963C);box-shadow:0 14px 30px -10px rgba(201,168,76,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.gold:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:sheen 6s ease-in-out infinite}
@keyframes sheen{0%,70%{left:-60%}100%{left:130%}}
.btn.gold:hover{transform:translateY(-2px)}
.btn.ghost{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn.ghost:hover{background:rgba(255,255,255,.16)}
.btn.navy{color:#fff;background:linear-gradient(135deg,#1a2f55,#091529)}.btn.navy:hover{transform:translateY(-2px)}
.btn.sm{padding:12px 20px;font-size:.9rem}
.btn svg{width:18px;height:18px}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* sections */
section{position:relative;padding:104px 0;overflow:hidden;isolation:isolate}
@media (max-width:640px){section{padding:72px 0}}
.white{background:#fff}
.mesh{background:var(--cream)}
.mesh:before,.mesh:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);pointer-events:none}
.mesh:before{width:600px;height:600px;left:-180px;top:-160px;background:radial-gradient(circle,rgba(201,168,76,.24),transparent 65%);animation:fl1 22s ease-in-out infinite alternate}
.mesh:after{width:680px;height:680px;right:-220px;bottom:-260px;background:radial-gradient(circle,rgba(72,128,220,.16),transparent 65%);animation:fl2 26s ease-in-out infinite alternate}
@keyframes fl1{to{transform:translate(120px,80px) scale(1.1)}}@keyframes fl2{to{transform:translate(-140px,-60px) scale(1.08)}}
.dk{background:linear-gradient(160deg,#060e1d 0%,#091529 55%,#13284a 100%);color:#fff}
.dk:before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 16% 22%,rgba(201,168,76,.22),transparent 70%),radial-gradient(38% 46% at 84% 16%,rgba(72,128,220,.26),transparent 70%),radial-gradient(45% 40% at 60% 96%,rgba(201,168,76,.12),transparent 70%);filter:blur(20px);animation:aur 24s ease-in-out infinite alternate}
@keyframes aur{to{transform:translate(4%,-3%) rotate(3deg) scale(1.05)}}
.dk h1,.dk h2,.dk h3{color:#fff}.dk .lede{color:#c3cbdc}
.head{margin-bottom:48px}

/* hero */
.hero{padding:92px 0 104px}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.trust{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px}
.trust span{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;font-size:.88rem;font-weight:500;color:#e7ebf3;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.trust svg{width:20px;height:20px;color:var(--gold);flex:none}
.scene{padding:14px;border-radius:30px}
.scene svg{display:block;width:100%;height:auto}
.phero{padding:80px 0 92px}
.phero .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.phero h1{font-size:clamp(2.4rem,5vw,4rem)}
.dk .formcard{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,248,244,.95))}
.crumb{font-size:.82rem;color:#aab3c6;margin-bottom:18px}.crumb a{color:#dfe3ec;text-decoration:none}
@media (max-width:920px){.hero .grid,.phero .grid{grid-template-columns:1fr}}
@media (max-width:420px){.trust{grid-template-columns:1fr}}

/* glass */
.glass{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.6));-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:inset 0 1px 0 #fff,var(--sh)}
.glass.dkg{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 30px 70px -24px rgba(0,0,0,.6);color:#fff}

/* cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:980px){.grid3,.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid3,.grid4,.grid2{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;padding:30px 28px 28px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
a.card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 34px 70px -26px rgba(9,21,41,.42)}
.card .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:var(--gold2);background:linear-gradient(145deg,#1a2f55,#091529);margin-bottom:20px;box-shadow:0 12px 24px -12px rgba(9,21,41,.7)}
.card .ic svg{width:28px;height:28px}
.card h3{margin-bottom:8px}
.card p{color:var(--mut);font-size:.98rem;flex:1}
.card .go{margin-top:18px;font-weight:600;font-size:.9rem;color:var(--goldd);display:inline-flex;gap:8px;align-items:center}
.card .go:after{content:"→";transition:transform .3s}a.card:hover .go:after{transform:translateX(4px)}
.num{font:600 2.6rem/1 var(--serif);color:var(--gold);font-style:italic;margin-bottom:10px}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:920px){.split{grid-template-columns:1fr}}
.ticks{list-style:none;margin-top:22px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start}
.ticks li:before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}

/* stats band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}}
.stat{padding:30px 22px;text-align:center}
.stat b{display:block;font:600 clamp(2.4rem,4vw,3.2rem)/1 var(--serif);color:var(--gold2);white-space:nowrap}
.stat span{display:block;margin-top:10px;color:#c3cbdc;font-size:.95rem}

/* toggle + week */
.tgl{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 10px 24px -16px rgba(9,21,41,.4)}
.tgl button{border:0;cursor:pointer;padding:11px 20px;border-radius:999px;font:600 .92rem var(--sans);color:var(--mut);background:transparent;transition:background .3s,color .3s}
.tgl button.on{color:var(--navy);background:linear-gradient(135deg,#E3C77A,#C9A84C)}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:30px}
.day{padding:22px 8px 18px;text-align:center;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .4s,box-shadow .4s,transform .4s}
.day b{display:block;font:600 .8rem var(--sans);letter-spacing:.16em;color:var(--mut)}
.day svg{width:30px;height:30px;margin:12px auto 0;color:#cfd3dc;transition:color .4s}
.day.on{background:linear-gradient(160deg,#13284a,#091529);box-shadow:0 18px 30px -16px rgba(9,21,41,.7);transform:translateY(-4px)}
.day.on b{color:#e7ebf3}.day.on svg{color:var(--gold)}
@media (max-width:640px){.week{gap:6px}.day{padding:14px 2px}.day b{font-size:.62rem;letter-spacing:.06em}.day svg{width:22px;height:22px}}

/* faq */
.faq{max-width:860px;margin:0 auto;display:grid;gap:14px}
.faq details{padding:0 26px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:600;font-size:1.05rem;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:1.4rem;color:var(--gold);line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{padding:0 0 22px;color:var(--mut)}

/* form */
.formcard{padding:34px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.fg{grid-template-columns:1fr}.formcard{padding:22px}}
.fg .full{grid-column:1/-1}
label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;font-size:1rem;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,168,76,.18)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:480px){.checks{grid-template-columns:1fr}}
.checks label{display:flex;gap:10px;align-items:center;font-weight:500;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);margin:0;cursor:pointer}
.checks input{width:18px;height:18px;accent-color:var(--goldd)}
.consent{font-size:.8rem;color:var(--mut);margin-top:10px}
.hp{display:none}

/* areas map */
.map .pt circle.r{transform-box:fill-box;transform-origin:center;animation:ring 3.2s ease-out infinite}
@keyframes ring{0%{opacity:.7;transform:scale(.5)}100%{opacity:0;transform:scale(3)}}
.map .road{stroke-dasharray:6 8;animation:dash 2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.chips span{padding:10px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:500;font-size:.92rem}

/* cta + footer */
.cta{padding:96px 0}
.foot{background:var(--navy);color:#aab3c6;padding:64px 0 28px;font-size:.92rem}
.foot .wm{align-items:flex-start}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
@media (max-width:860px){.foot .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot .cols{grid-template-columns:1fr}}
.foot h4{font:600 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.foot a{display:block;color:#dfe3ec;text-decoration:none;padding:4px 0}
.foot a:hover{color:var(--gold)}
.foot .base{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem}
.mbar{display:none}
@media (max-width:760px){.mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(9,21,41,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:10px}
  .mbar a{justify-content:center;padding:13px 10px;font-size:.92rem}body{padding-bottom:76px}}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}.rv.d5{transition-delay:.4s}

/* ===== animated scenes ===== */
.vs .vmorn,.vs .vsun{opacity:0;animation:morn 14s ease-in-out infinite}
@keyframes morn{0%,74%{opacity:0}82%,96%{opacity:1}100%{opacity:0}}
.vs .vstars,.vs .vmoon{animation:night 14s ease-in-out infinite}
@keyframes night{0%,74%{opacity:1}82%,96%{opacity:0}100%{opacity:1}}
.vs .vfill{transform-box:fill-box;transform-origin:bottom;animation:vfill 14s ease-in-out infinite}
@keyframes vfill{0%,24%{transform:scaleY(.05)}72%,94%{transform:scaleY(.9)}100%{transform:scaleY(.05)}}
.vs .vt{opacity:0}
.vs .vt0{animation:vt0 14s steps(1) infinite}.vs .vt1{animation:vt1 14s steps(1) infinite}.vs .vt2{animation:vt2 14s steps(1) infinite}.vs .vt3{animation:vt3 14s steps(1) infinite}
@keyframes vt0{0%,15%{opacity:1}16%,100%{opacity:0}}
@keyframes vt1{0%,15%{opacity:0}16%,39%{opacity:1}40%,100%{opacity:0}}
@keyframes vt2{0%,39%{opacity:0}40%,77%{opacity:1}78%,100%{opacity:0}}
@keyframes vt3{0%,77%{opacity:0}78%,100%{opacity:1}}

.pw .cleanmask{animation:wash 7s ease-in-out infinite}
@keyframes wash{0%,8%{width:0}62%,86%{width:600px}96%,100%{width:0}}
.pw .nozzle{animation:noz 7s ease-in-out infinite}
@keyframes noz{0%,8%{transform:translateX(0);opacity:1}62%{transform:translateX(600px);opacity:1}66%,92%{transform:translateX(600px);opacity:0}100%{transform:translateX(0);opacity:0}}
.pw .spray{animation:spray .25s linear infinite alternate}
@keyframes spray{to{opacity:.45}}
.pw .badge{opacity:0;animation:badge 7s ease infinite;transform-box:fill-box;transform-origin:center}
@keyframes badge{0%,62%{opacity:0;transform:scale(.8)}68%,88%{opacity:1;transform:none}94%,100%{opacity:0}}

.pet .lvl{transform-box:fill-box;transform-origin:bottom;animation:petlvl 8s ease-in-out infinite}
@keyframes petlvl{0%,30%{transform:scaleY(.9)}45%,90%{transform:scaleY(.08)}100%{transform:scaleY(.9)}}
.pet .roll{transform-box:fill-box;transform-origin:bottom;animation:petroll 8s ease-in-out infinite}
@keyframes petroll{0%,50%{transform:scaleY(.15)}62%,90%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.pet .badge{opacity:0;animation:badge2 8s ease infinite;transform-box:fill-box;transform-origin:center}
@keyframes badge2{0%,64%{opacity:0;transform:scale(.8)}70%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
.pet .tech{animation:tech 8s ease-in-out infinite}
@keyframes tech{0%{transform:translateX(-260px)}18%,82%{transform:translateX(0)}100%{transform:translateX(-260px)}}

.fp .it{transform-box:fill-box}
.fp .i1{animation:fo1 10s ease-in-out infinite}.fp .i2{animation:fo2 10s ease-in-out infinite}.fp .i3{animation:fo3 10s ease-in-out infinite}.fp .i4{animation:fo4 10s ease-in-out infinite}
@keyframes fo1{0%,8%{opacity:1;transform:none}12%{opacity:1;transform:translate(0,-8px) scale(1.04)}20%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6)}90%{opacity:0;transform:none}96%,100%{opacity:1;transform:none}}
@keyframes fo2{0%,20%{opacity:1;transform:none}24%{opacity:1;transform:translate(0,-8px) scale(1.04)}32%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6)}90%{opacity:0;transform:none}96%,100%{opacity:1;transform:none}}
@keyframes fo3{0%,32%{opacity:1;transform:none}36%{opacity:1;transform:translate(0,-8px) scale(1.04)}44%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6)}90%{opacity:0;transform:none}96%,100%{opacity:1;transform:none}}
@keyframes fo4{0%,44%{opacity:1;transform:none}48%{opacity:1;transform:translate(0,-8px) scale(1.04)}56%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6)}90%{opacity:0;transform:none}96%,100%{opacity:1;transform:none}}
.fp .clean{opacity:0;animation:clean 10s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes clean{0%,57%{opacity:0;transform:scale(.9)}62%,86%{opacity:1;transform:none}92%,100%{opacity:0}}

.mi .bx{transform-box:fill-box;transform-origin:center}
.mi .b1{animation:mb1 8s ease-in-out infinite}.mi .b2{animation:mb2 8s ease-in-out infinite}.mi .b3{animation:mb3 8s ease-in-out infinite}.mi .b4{animation:mb4 8s ease-in-out infinite}
@keyframes mb1{0%,10%{opacity:1;transform:none}20%{opacity:0;transform:translate(var(--dx),-50px) scale(.5)}88%{opacity:0;transform:none}96%,100%{opacity:1}}
@keyframes mb2{0%,20%{opacity:1;transform:none}30%{opacity:0;transform:translate(var(--dx),-50px) scale(.5)}88%{opacity:0;transform:none}96%,100%{opacity:1}}
@keyframes mb3{0%,30%{opacity:1;transform:none}40%{opacity:0;transform:translate(var(--dx),-50px) scale(.5)}88%{opacity:0;transform:none}96%,100%{opacity:1}}
@keyframes mb4{0%,40%{opacity:1;transform:none}50%{opacity:0;transform:translate(var(--dx),-50px) scale(.5)}88%{opacity:0;transform:none}96%,100%{opacity:1}}
.mi .badge{opacity:0;animation:badge3 8s ease infinite;transform-box:fill-box;transform-origin:center}
@keyframes badge3{0%,52%{opacity:0;transform:scale(.8)}58%,86%{opacity:1;transform:none}92%,100%{opacity:0}}

.steps3 .card{padding-top:34px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}