.rfs{--o:#e8711a;--o2:#ff8a2b;--brown:#3b2414;--ink:#140d08;--cream:#fbf5ec;--muted:#6b5a48;--hdr:0px;font-family:'Source Sans Pro',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
.rfs *{box-sizing:border-box}
.rfs h1,.rfs h2,.rfs h3{font-family:Montserrat,sans-serif!important;font-weight:700!important;margin:0}
.rfs p,.rfs li{font-family:'Source Sans Pro',sans-serif}
.rfs video,.rfs img{display:block}
.rfs .k{display:inline-block;font-family:Montserrat,sans-serif;font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--o2)}
.rfs a{color:var(--o)}
/* hero */
.rfs-hero{position:relative;min-height:min(100vh,1600px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);color:#fff}
.rfs-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.rfs-hero .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,13,8,.94) 0%,rgba(20,13,8,.55) 45%,rgba(20,13,8,.25) 100%)}
.rfs-hero .in{position:relative;padding:0 7vw min(14vh,140px);max-width:1100px}
.rfs-hero h1{font-size:clamp(40px,6.4vw,96px);line-height:.98;letter-spacing:-.015em;margin:16px 0 22px;color:#fff!important}
.rfs-hero p{font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#eddcc8;max-width:680px;margin:0}
.rfs-stats{display:flex;gap:44px;margin-top:34px;flex-wrap:wrap}
.rfs-stats b{display:block;font-family:Montserrat,sans-serif;font-size:clamp(28px,3vw,42px);color:#fff}
.rfs-stats span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--o2);font-weight:700}
.rfs-cue{position:absolute;right:7vw;bottom:min(14vh,140px);width:54px;height:54px;border-radius:50%;border:2px solid var(--o2);color:var(--o2);display:flex;align-items:center;justify-content:center;font-size:22px;animation:rfsbob 1.8s ease-in-out infinite}
@keyframes rfsbob{50%{transform:translateY(8px)}}
/* the theme sets overflow-x:hidden on these wrappers on phones, which stops sticky; clip looks the same and keeps sticky working */
.entry-content:has(>.rfs),.site-content:has(.rfs),.hfeed:has(.rfs){overflow-x:clip!important}
/* chapters: video held on the left while the words scroll past on the right */
.rfs-ch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#fff}
.rfs-ch .media{position:sticky;top:var(--hdr);height:calc(100vh - var(--hdr));overflow:hidden;background:var(--ink)}
.rfs-ch .media .sl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.rfs-ch .media .sl.on{opacity:1}
.rfs-ch .media .sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,13,8,0) 60%,rgba(20,13,8,.25) 100%)}
.rfs-ch .media .tag{position:absolute;left:28px;bottom:26px;font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(60px,7vw,110px);line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85);transition:opacity .5s}
.rfs-ch .txt{padding:0 6vw}
.rfs-c{min-height:100vh;padding:min(16vh,160px) 0 min(14vh,140px);display:flex;flex-direction:column;justify-content:center}
.rfs-c h2{font-size:clamp(30px,3.3vw,50px);line-height:1.08;color:var(--brown)!important;margin:12px 0 22px}
.rfs-c h3{font-size:clamp(22px,2vw,30px);line-height:1.15;color:var(--brown)!important;margin:30px 0 14px}
.rfs-c p,.rfs-c li{font-size:clamp(16px,1.2vw,18px);line-height:1.72;color:#3e3125;margin:0 0 16px}
.rfs-c .k{color:var(--o)}
.rfs-c blockquote{margin:14px 0 22px;padding:4px 0 4px 22px;border-left:4px solid var(--o);font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:var(--brown)}
.rfs-c ol,.rfs-c ul{margin:4px 0 18px;padding-left:22px}
.rfs-c li::marker{color:var(--o);font-weight:800}
.rfs-cta{display:inline-block;background:var(--o);color:#fff!important;font-family:Montserrat,sans-serif;font-weight:800;padding:15px 30px;border-radius:8px;text-decoration:none;margin-top:6px}
.rfs-cta.line{background:transparent;color:var(--brown)!important;border:2px solid var(--brown)}
.rfs-intro{background:var(--cream);padding:110px 6vw;text-align:center}
.rfs-intro h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;color:var(--brown)!important;max-width:900px;margin:0 auto 18px}
.rfs-intro p{font-size:clamp(17px,1.4vw,20px);line-height:1.7;color:#3e3125;max-width:760px;margin:0 auto}
.rfs-c h2.sub{font-size:clamp(20px,1.7vw,26px)!important;margin:34px 0 14px;padding-top:26px;border-top:1px solid #eadccb}
.rfs-end{background:var(--o);color:#fff;text-align:center;padding:100px 16px}
.rfs-end h2{font-size:clamp(36px,5vw,72px);line-height:1.05;color:#fff!important}
.rfs-end p{font-size:18px;margin:16px auto 30px;max-width:520px;line-height:1.6;color:#fff4ea}
.rfs-end a{display:inline-block;background:#fff;color:var(--o)!important;font-family:Montserrat,sans-serif;font-weight:800;font-size:17px;padding:17px 36px;border-radius:8px;text-decoration:none;box-shadow:0 16px 40px rgba(0,0,0,.18)}
/* full-bleed video bands (quotes, figures) */
.rfs-band{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:#fff}
.rfs-band video{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover}
.rfs-band .sh{position:absolute;inset:0;background:rgba(20,13,8,.62)}
.rfs-band .in{position:relative;padding:min(14vh,140px) 7vw;max-width:1180px;margin:0 auto;width:100%}
.rfs-band h2{font-size:clamp(32px,4.2vw,64px);line-height:1.05;color:#fff!important;margin:12px 0 26px}
.rfs-band p{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#eddcc8;max-width:760px;margin:0 0 16px}
.rfs-band .big{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(24px,2.7vw,40px);line-height:1.3;color:#fff;max-width:1000px}
.rfs-band .sign{margin-top:22px;font-family:Montserrat,sans-serif;font-weight:800;color:var(--o2);letter-spacing:.06em}
.rfs-band .btns{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 18px}
.rfs-band .rfs-cta.line{color:#fff!important;border-color:#fff}
.rfs-band .small{font-size:14px;color:#cdbba7}
/* plain reading sections (Why Us "full story") */
.rfs-read{background:var(--cream);padding:110px 6vw}
.rfs-read .w{max-width:1180px;margin:0 auto}
.rfs-read .row{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;padding:46px 0;border-top:1px solid #e9dac6}
.rfs-read .row:first-child{border-top:0}
.rfs-read h2{font-size:clamp(26px,2.6vw,40px);line-height:1.12;color:var(--brown)!important}
.rfs-read p,.rfs-read li{font-size:17px;line-height:1.72;color:#3e3125;margin:0 0 14px}
.rfs-read ul{padding-left:20px;margin:0}
.rfs-read li::marker{color:var(--o)}
.rfs-cards{background:#fff;padding:110px 6vw}
.rfs-cards h2{text-align:center;font-size:clamp(30px,3.6vw,52px);color:var(--brown)!important;margin-bottom:46px}
.rfs-cards ul{list-style:none;padding:0;margin:0 auto;max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rfs-cards li{background:var(--cream);border:1px solid #efe2d0;border-radius:18px;padding:28px 26px;font-size:16px;line-height:1.65;color:#3e3125}
.rfs-cards li strong{display:block;font-family:Montserrat,sans-serif;font-size:19px;color:var(--brown);margin-bottom:8px}
.rfs-cards li i{display:flex;width:44px;height:44px;border-radius:12px;background:var(--o);color:#fff;font-style:normal;font-family:Montserrat,sans-serif;font-weight:800;align-items:center;justify-content:center;margin-bottom:16px}
@media(max-width:900px){
  .rfs-hero .in{padding:0 20px min(12vh,120px)}
  .rfs-cue{display:none}
  /* one column: video and words share the same grid cell so the video can stay held at the top */
  .rfs-ch{grid-template-columns:1fr}
  .rfs-ch .media,.rfs-ch .txt{grid-area:1/1}
  .rfs-ch .media{top:0;height:min(42vh,420px);z-index:2;align-self:start;box-shadow:0 10px 30px rgba(0,0,0,.25)} /* phone header hides on scroll, so hold at the very top */
  .rfs-ch .txt{padding-top:min(42vh,420px)}
  .rfs-ch .media .tag{font-size:56px;left:18px;bottom:14px}
  .rfs-ch .txt{padding:0 20px}
  .rfs-c{min-height:auto;padding:46px 0 30px}
  .rfs-band .in{padding:min(12vh,120px) 20px}
  .rfs-read{padding:70px 20px}.rfs-read .row{grid-template-columns:1fr;gap:10px;padding:30px 0}
  .rfs-cards{padding:70px 20px}.rfs-cards ul{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.rfs-cue{animation:none}}
/* ── Why Us drawings ── */
.rfs .vis{background:radial-gradient(120% 90% at 30% 20%,#5a3a26 0%,#2a190e 60%,#140d08 100%);container-type:size;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rfs .vis [data-t]::after{content:attr(data-t)}
.rfs .vis i,.rfs .vis i::after{font-style:normal!important}
/* the chapter number would sit on top of the drawings */
.rfs .media:has(.vis.on) .tag{opacity:0}
.rfs .vis .ph{height:84cqh;aspect-ratio:9/18.5;max-width:70cqw;background:#111;border-radius:6cqh;padding:1.4cqh;box-shadow:0 0 0 2px #2a2a2a,0 4cqh 10cqh rgba(0,0,0,.5);position:relative}
.rfs .vis .scr{height:100%;border-radius:4.8cqh;overflow:hidden;background:#f3f1ee;font-family:'Mona Sans','Source Sans Pro',sans-serif;font-size:2.1cqh;color:#222;position:relative}
.rfs .vis .bar{display:block;background:#4f3020;color:#fff;font-weight:700;padding:5cqh 3cqh 2.2cqh;font-size:2.3cqh}
/* feed */
.rfs .v-feed .fw{position:absolute;top:10cqh;bottom:0;left:0;right:0;overflow:hidden}
.rfs .v-feed .fd{animation:rfsfeed 16s linear infinite}
@keyframes rfsfeed{to{transform:translateY(-50%)}}
.rfs .v-feed .po{display:flex;gap:1.4cqh;background:#fff;margin:1.2cqh;padding:1.6cqh;border-radius:1.4cqh;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.rfs .v-feed .po b{flex:none;width:4.4cqh;height:4.4cqh;border-radius:50%;background:#d9d4ce}
.rfs .v-feed .po i{display:block;line-height:1.3}
.rfs .v-feed .po .m{color:#999;font-size:1.7cqh;margin-top:.5cqh}
.rfs .v-feed .po.fill{border-left:.6cqh solid #e8711a}
.rfs .v-feed .po.fill i:first-child{font-weight:800;color:#e8711a}
.rfs .vis .chip{z-index:5;position:absolute;background:#fff;color:#3b2414;font-family:Montserrat,sans-serif;font-weight:800;font-size:2.4cqh;padding:1.4cqh 2.4cqh;border-radius:5cqh;box-shadow:0 1.5cqh 4cqh rgba(0,0,0,.35);opacity:0;animation:rfschip 8s ease-in-out infinite}
.rfs .vis .chip.c1{left:6cqw;top:20cqh}.rfs .vis .chip.c2{right:5cqw;top:44cqh;animation-delay:1.4s}.rfs .vis .chip.c3{left:8cqw;bottom:18cqh;animation-delay:2.8s;background:#ee4438;color:#fff}
@keyframes rfschip{0%,8%{opacity:0;transform:translateY(2cqh)}14%,70%{opacity:1;transform:none}80%,100%{opacity:0}}
/* calls */
.rfs .v-calls .rows{padding:1.6cqh}
.rfs .v-calls .rw{display:flex;align-items:center;gap:1.6cqh;background:#fff;border-radius:1.6cqh;padding:1.8cqh;margin-bottom:1.4cqh}
.rfs .v-calls .av{flex:none;width:5cqh;height:5cqh;border-radius:50%;background:#4f3020;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.8cqh}
.rfs .v-calls .rw>i{flex:1;font-weight:600;font-size:1.9cqh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rfs .v-calls .st{position:relative;width:11cqh;height:3.6cqh;flex:none}
.rfs .v-calls .st i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:2cqh;font-size:1.7cqh;font-weight:700}
.rfs .v-calls .ca{background:#ffe8d6;color:#e8711a;animation:rfsca 9s infinite;animation-delay:var(--d)}
.rfs .v-calls .no{background:#fde2e0;color:#d63a2f;opacity:0;animation:rfsno 9s infinite;animation-delay:var(--d)}
@keyframes rfsca{0%{opacity:0}3%,10%{opacity:1}12%,100%{opacity:0}}
@keyframes rfsno{0%,11%{opacity:0}13%,88%{opacity:1}96%,100%{opacity:0}}
.rfs .v-calls .scratch{position:absolute;left:2cqh;right:2cqh;bottom:4cqh;text-align:center;background:#3b2414;color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:2.3cqh;padding:2cqh;border-radius:1.6cqh;opacity:0;animation:rfsscr 9s infinite}
@keyframes rfsscr{0%,62%{opacity:0;transform:translateY(2cqh)}68%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
/* leads */
.rfs .v-leads{position:relative}
.rfs .v-leads .ln{position:absolute;inset:0;width:100%;height:100%}
.rfs .v-leads .ln line{stroke:#ff8a2b;stroke-width:.5;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;stroke-width:2;animation:rfsdash 1s linear infinite}
@keyframes rfsdash{to{stroke-dashoffset:-8}}
.rfs .v-leads .lead{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:2cqh;padding:3cqh 4cqh;text-align:center;box-shadow:0 2cqh 6cqh rgba(0,0,0,.45);font-family:'Mona Sans',sans-serif}
.rfs .v-leads .lead i{display:block}
.rfs .v-leads .lt{font-family:Montserrat,sans-serif;font-weight:800;font-size:3.4cqh;color:#3b2414}
.rfs .v-leads .ls{font-size:2.2cqh;color:#666;margin:.6cqh 0 1.4cqh}
.rfs .v-leads .fee{display:inline-block!important;background:#ee4438;color:#fff;font-weight:800;font-size:2cqh;padding:.8cqh 2cqh;border-radius:3cqh}
.rfs .v-leads .op{position:absolute;transform:translate(-50%,-50%);background:#2f1d11;border:2px solid rgba(255,138,43,.5);color:#fff;border-radius:1.6cqh;padding:1.6cqh 2.2cqh;text-align:center;font-family:'Mona Sans',sans-serif;font-size:2cqh;min-width:20cqw}
.rfs .v-leads .op i{display:block}
.rfs .v-leads .o0{left:14%;top:18%}.rfs .v-leads .o1{left:86%;top:18%}.rfs .v-leads .o2{left:50%;top:8%}.rfs .v-leads .o3{left:12%;top:84%}.rfs .v-leads .o4{left:88%;top:84%}
.rfs .v-leads .res{margin-top:.8cqh;font-weight:800;color:#ff7a6e;opacity:0;animation:rfsres 6s infinite}
.rfs .v-leads .res.win{color:#5fd38a}
@keyframes rfsres{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
/* match */
.rfs .v-match .hd{background:#4f3020;color:#fff;padding:5cqh 2.6cqh 2.4cqh}
.rfs .v-match .hd i{display:block}
.rfs .v-match .hd .h{font-weight:700;font-size:3cqh}
.rfs .v-match .hd .f{display:inline-block!important;margin-top:1.2cqh;background:#e8711a;font-weight:700;font-size:1.8cqh;padding:.8cqh 1.8cqh;border-radius:3cqh}
.rfs .v-match .ms{padding:1.6cqh}
.rfs .v-match .mc{border-radius:1.6cqh;overflow:hidden;background:#fff;margin-bottom:1.6cqh;box-shadow:0 1px 3px rgba(0,0,0,.1);opacity:0;animation:rfsmc 8s infinite;animation-delay:var(--d)}
.rfs .v-match .mh{display:flex;justify-content:space-between;align-items:center;background:#4f3020;color:#fff;font-weight:800;font-size:2.4cqh;padding:1.6cqh 2cqh}
.rfs .v-match .ok{width:3.4cqh;height:3.4cqh;border-radius:50%;background:#2fb36a;position:relative}
.rfs .v-match .ok::after{content:'';position:absolute;left:1.1cqh;top:.6cqh;width:.9cqh;height:1.6cqh;border:solid #fff;border-width:0 .45cqh .45cqh 0;transform:rotate(45deg)}
.rfs .v-match .mb{display:flex;align-items:center;gap:.8cqh;padding:1.4cqh 2cqh;color:#555;font-size:1.9cqh}
.rfs .v-match .mb svg{width:2.2cqh;height:2.2cqh;fill:none;stroke:#555;stroke-width:2.2}
@keyframes rfsmc{0%{opacity:0;transform:translateX(6cqh)}8%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.rfs .vis *{animation:none!important;opacity:1!important}}

/* about 01: long way round, then direct */
.rfs .v-gap{position:relative}
.rfs .v-gap .gp{position:absolute;inset:0;width:100%;height:100%}
.rfs .v-gap .gp path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.rfs .v-gap .old{stroke:#c9a98c;stroke-width:3;stroke-dasharray:6 7;animation:rfsold 10s infinite}
.rfs .v-gap .line{position:absolute;left:16%;width:68%;top:50%;height:.8cqh;margin-top:-.4cqh;border-radius:1cqh;background:#ff8a2b;transform-origin:left center;transform:scaleX(0);animation:rfsnew 10s infinite}
@keyframes rfsold{0%,52%{opacity:1}60%,100%{opacity:.12}}
@keyframes rfsnew{0%,55%{transform:scaleX(0)}68%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.rfs .v-gap .end{position:absolute;top:50%;width:0;height:0;z-index:2;font-family:Montserrat,sans-serif;font-weight:800;color:#fff;font-size:2.6cqh}
.rfs .v-gap .end b{display:block;width:9cqh;height:9cqh;margin:0 auto 1.4cqh;border-radius:50%;background:#e8711a;box-shadow:0 0 0 1.2cqh rgba(232,113,26,.25)}
.rfs .v-gap .e1{left:16%}.rfs .v-gap .e2{left:84%}
.rfs .v-gap .end i{position:absolute;top:7cqh;left:0;transform:translateX(-50%);white-space:nowrap}
.rfs .v-gap .end b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
.rfs .v-gap .hop{position:absolute;transform:translate(-50%,-50%);background:#fff;color:#3b2414;font-family:Montserrat,sans-serif;font-weight:800;font-size:2.2cqh;padding:1.2cqh 2cqh;border-radius:4cqh;box-shadow:0 1.4cqh 3.6cqh rgba(0,0,0,.35);white-space:nowrap;animation:rfshop 10s infinite}
.rfs .v-gap .h1{left:30%;top:20%}.rfs .v-gap .h2{left:46%;top:74%;animation-delay:.4s}.rfs .v-gap .h3{left:64%;top:24%;animation-delay:.8s}.rfs .v-gap .h4{left:78%;top:66%;animation-delay:1.2s;background:#ee4438;color:#fff}
@keyframes rfshop{0%,4%{opacity:0;transform:translate(-50%,-30%)}10%,50%{opacity:1;transform:translate(-50%,-50%)}58%,100%{opacity:0;transform:translate(-50%,-70%)}}
.rfs .v-gap .rf{z-index:3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:2cqh;padding:2.4cqh 3.6cqh;text-align:center;box-shadow:0 2cqh 6cqh rgba(0,0,0,.45);opacity:0;animation:rfsrf 10s infinite}
.rfs .v-gap .rf i{display:block}
.rfs .v-gap .rf .n{font-family:Montserrat,sans-serif;font-weight:800;font-size:3.6cqh;color:#e8711a}
.rfs .v-gap .rf .s{font-family:'Mona Sans',sans-serif;font-weight:600;font-size:2.1cqh;color:#3b2414;margin-top:.6cqh}
@keyframes rfsrf{0%,64%{opacity:0;transform:translate(-50%,-40%) scale(.9)}72%,94%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0}}

/* why 02: address book */
.rfs .v-book .bh{background:#fff;padding:5cqh 2.6cqh 1.6cqh;border-bottom:1px solid #e6e1db}
.rfs .v-book .bh i{display:block}
.rfs .v-book .bh .h{font-weight:800;font-size:3.6cqh;color:#111}
.rfs .v-book .bh .sr{margin-top:1.4cqh;background:#ece8e3;border-radius:1.4cqh;padding:1.1cqh 1.6cqh;color:#999;font-size:2cqh}
.rfs .v-book .bl{position:absolute;top:15.5cqh;bottom:0;left:0;right:3.4cqh;overflow:hidden;background:#fff}
.rfs .v-book .bk{animation:rfsbook 18s ease-in-out infinite alternate}
@keyframes rfsbook{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(-34%)}}
.rfs .v-book .sec{background:#f3f1ee;color:#777;font-weight:700;font-size:1.8cqh;padding:.6cqh 2.6cqh}
.rfs .v-book .ct{display:flex;align-items:center;gap:1.6cqh;padding:1.5cqh 2.6cqh;border-bottom:1px solid #f0ece7}
.rfs .v-book .ct .av{flex:none;width:5cqh;height:5cqh;border-radius:50%;background:#4f3020;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.1cqh}
.rfs .v-book .ct i{display:block}
.rfs .v-book .ct .n{font-weight:700;font-size:2.2cqh;color:#111}
.rfs .v-book .ct .r{font-size:1.8cqh;color:#888;margin-top:.2cqh}
.rfs .v-book .az{position:absolute;right:.8cqh;top:16cqh;bottom:3cqh;display:flex;flex-direction:column;justify-content:space-between;font-size:1.25cqh;font-weight:700;color:#e8711a;text-align:center}
/* why 04: the real app screen */
.rfs .v-app .scr{background:#fff}
.rfs .v-app .scr img{width:100%;height:100%;object-fit:cover;object-position:top}
/* about 02: tip fees billed, load went to a free site */
.rfs .v-save{position:relative}
.rfs .v-save .inv{position:absolute;left:10%;top:12%;width:48cqw;max-width:54cqh;background:#fff;border-radius:1.6cqh;padding:3cqh 3.4cqh;font-family:'Mona Sans',sans-serif;color:#222;box-shadow:0 2cqh 6cqh rgba(0,0,0,.45);transform:rotate(-3deg)}
.rfs .v-save .inv i{display:block}
.rfs .v-save .it{font-family:Montserrat,sans-serif;font-weight:800;font-size:3.4cqh;letter-spacing:.14em;color:#3b2414}
.rfs .v-save .to{font-size:1.9cqh;color:#888;margin:.6cqh 0 2.4cqh}
.rfs .v-save .ln2,.rfs .v-save .tot{display:flex;justify-content:space-between;gap:2cqh;font-size:2.1cqh;padding:1.2cqh 0;border-top:1px solid #eee}
.rfs .v-save .tot{font-weight:800;font-size:2.4cqh;border-top:2px solid #3b2414}
.rfs .v-save .fee{color:#ee4438;font-weight:800;border-radius:.4cqh;animation:rfsfee 7s infinite}
@keyframes rfsfee{0%,30%{background:transparent;box-shadow:none}38%,90%{background:#fde2e0;box-shadow:0 0 0 .6cqh #fde2e0}100%{background:transparent;box-shadow:none}}
.rfs .v-save .route{position:absolute;left:12%;right:16%;bottom:24%;height:8cqh}
.rfs .v-save .road{position:absolute;left:0;right:0;top:50%;height:.6cqh;margin-top:-.3cqh;background:repeating-linear-gradient(90deg,#c9a98c 0 3cqh,transparent 3cqh 5cqh)}
.rfs .v-save .dot{position:absolute;right:-2.5cqh;top:50%;width:5cqh;height:5cqh;margin-top:-2.5cqh;border-radius:50%;background:#2fb36a;box-shadow:0 0 0 1.2cqh rgba(47,179,106,.25)}
.rfs .v-save .truck{position:absolute;left:0;top:50%;width:7cqh;height:4cqh;margin-top:-3.4cqh;background:#e8711a;border-radius:.6cqh;animation:rfstruck 7s ease-in-out infinite}
.rfs .v-save .truck::after{content:'';position:absolute;right:-2.6cqh;bottom:0;width:2.6cqh;height:2.8cqh;background:#ff8a2b;border-radius:0 .8cqh .4cqh 0}
@keyframes rfstruck{0%,10%{left:0}60%,100%{left:calc(100% - 12cqh)}}
.rfs .v-save .dest{position:absolute;right:-2.5cqh;top:100%;margin-top:2cqh;white-space:nowrap;color:#9fe0b9;font-family:'Mona Sans',sans-serif;font-weight:700;font-size:2.1cqh;display:block}
.rfs .v-save .pk{position:absolute;right:10%;top:16%;background:#ee4438;color:#fff;border-radius:1.6cqh;padding:2cqh 3cqh;text-align:center;font-family:Montserrat,sans-serif;box-shadow:0 2cqh 5cqh rgba(0,0,0,.4);opacity:0;animation:rfspk 7s infinite}
.rfs .v-save .pk i{display:block}
.rfs .v-save .pl{font-weight:700;font-size:2cqh;letter-spacing:.12em;text-transform:uppercase}
.rfs .v-save .pv{font-weight:800;font-size:4.4cqh}
@keyframes rfspk{0%,58%{opacity:0;transform:scale(.85)}66%,92%{opacity:1;transform:none}100%{opacity:0}}

/* why 01: realistic community group feed */
.rfs .v-feed .scr{background:#e4e6eb;font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.rfs .v-feed .grp{position:absolute;top:0;left:0;right:0;height:21cqh;background:#fff;z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.rfs .v-feed .grp img{width:100%;height:11cqh;object-fit:cover;display:block}
.rfs .v-feed .gi{padding:1.2cqh 1.8cqh;position:relative}
.rfs .v-feed .gi i{display:block}
.rfs .v-feed .gn{font-weight:800;font-size:2.3cqh;color:#050505}
.rfs .v-feed .gm{font-size:1.6cqh;color:#65676b;margin-top:.3cqh}
.rfs .v-feed .join{position:absolute;right:1.8cqh;top:1.8cqh;background:#1b74e4;color:#fff;font-weight:700;font-size:1.7cqh;padding:.8cqh 2cqh;border-radius:.8cqh}
.rfs .v-feed .fw{position:absolute;top:21cqh;bottom:0;left:0;right:0;overflow:hidden}
.rfs .v-feed .fd{animation:rfsfeed 34s linear infinite}
.rfs .v-feed .po{display:block;background:#fff;margin:1cqh 0 0;padding:1.6cqh 0 0;border-radius:0;box-shadow:none}
.rfs .v-feed .po b{display:none}
.rfs .v-feed .ph1{display:flex;align-items:center;gap:1.2cqh;padding:0 1.8cqh;position:relative}
.rfs .v-feed .ph1 .av{flex:none;width:4.6cqh;height:4.6cqh;border-radius:50%;color:#fff;font-weight:700;font-size:2cqh;display:flex;align-items:center;justify-content:center}
.rfs .v-feed .ph1 i{display:block}
.rfs .v-feed .nm{font-weight:700;font-size:1.9cqh;color:#050505}
.rfs .v-feed .ag{font-size:1.5cqh;color:#65676b;margin-top:.2cqh}
.rfs .v-feed .dots{position:absolute;right:1.8cqh;top:.6cqh;width:3cqh;height:1cqh;background:radial-gradient(circle,#65676b 30%,transparent 32%) 0 0/1cqh 1cqh repeat-x}
.rfs .v-feed .tx{display:block;font-size:1.9cqh;line-height:1.35;color:#050505;padding:1.2cqh 1.8cqh}
.rfs .v-feed .po img{display:block;width:100%;height:18cqh;object-fit:cover}
.rfs .v-feed .rc{display:flex;align-items:center;gap:.8cqh;padding:1cqh 1.8cqh;font-size:1.5cqh;color:#65676b;border-bottom:1px solid #ced0d4;margin:0 0}
.rfs .v-feed .rc .like{width:2cqh;height:2cqh;border-radius:50%;background:#1b74e4 radial-gradient(circle at 50% 55%,#fff 22%,transparent 24%)}
.rfs .v-feed .rc .cm{margin-left:auto}
.rfs .v-feed .ac{display:flex;justify-content:space-around;padding:1cqh 0;font-size:1.6cqh;font-weight:600;color:#65676b}
.rfs .v-feed .cmts{padding:0 1.8cqh 1.4cqh}
.rfs .v-feed .cmt{background:#f0f2f5;border-radius:1.6cqh;padding:.9cqh 1.4cqh;margin-top:.8cqh;font-size:1.6cqh;display:table}
.rfs .v-feed .cmt i{display:block}
.rfs .v-feed .cn{font-weight:700;font-size:1.5cqh}
.rfs .v-feed .po.fill{border-left:0}
.rfs .v-feed .po.fill .tx{font-weight:700}
.rfs .v-feed .po i:first-child{font-weight:inherit;color:inherit}
.rfs .v-feed .po.fill i:first-child{font-weight:inherit;color:inherit}