#cw-bento{--bn-panel: #f7f6f2;--bn-white: #fff;--bn-forest: #113627;--bn-green: #33745a;--bn-green-d: #1f553f;--bn-ink: #0d192a;--bn-grey: #656565;--bn-hair: #e6e4da;--bn-p: #f97316;--bn-c: #2f7d5b;--bn-f: #eab308;--bn-night: #1f1d29;--bn-night-2: #2b2935;--bn-mockline: #f0efe9;--bn-cream: #f3f1e5;--bn-ease: cubic-bezier(.2, .7, .2, 1);background:var(--bn-panel);border-radius:24px;padding:clamp(44px,5.2vw,76px) 40px;font-family:var(--font-sans, "DM Sans", system-ui, sans-serif);color:var(--bn-ink);letter-spacing:-.02em;background-image:linear-gradient(rgba(17,54,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,54,39,.035) 1px,transparent 1px);background-size:128px 128px}@media(max-width:767px){#cw-bento{padding-left:16px;padding-right:16px}}#cw-bento *{box-sizing:border-box}#cw-bento .bn-wrap{max-width:79rem;margin:0 auto}#cw-bento .bn-head{max-width:46rem;margin-bottom:clamp(24px,3vw,38px)}#cw-bento .bn-eyebrow{display:inline-block;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bn-green);margin-bottom:12px}#cw-bento h2{font-size:clamp(1.625rem,3.1vw,2.125rem);line-height:1.12;font-weight:500;letter-spacing:-.04em;color:var(--bn-forest);margin:0 0 12px}#cw-bento .bn-head p{font-size:.96875rem;line-height:1.58;color:var(--bn-grey);margin:0;max-width:52ch}#cw-bento .bn-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:680px){#cw-bento .bn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cw-bento .bn-hero,#cw-bento .bn-auto-tile{grid-column:span 2}}@media(min-width:1024px){#cw-bento .bn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#cw-bento .bn-hero{grid-column:1 / 3;grid-row:1 / 3}#cw-bento .bn-tile[data-tile=meal]{grid-column:3;grid-row:1}#cw-bento .bn-tile[data-tile=workout]{grid-column:4;grid-row:1}#cw-bento .bn-tile[data-tile=forms]{grid-column:3;grid-row:2}#cw-bento .bn-tile[data-tile=pay]{grid-column:4;grid-row:2}#cw-bento .bn-auto-tile{grid-column:1 / 3;grid-row:3}#cw-bento .bn-tile[data-tile=app]{grid-column:3;grid-row:3}#cw-bento .bn-tile[data-tile=metrics]{grid-column:4;grid-row:3}}#cw-bento .bn-tile{position:relative;display:flex;flex-direction:column;background:var(--bn-white);border:1px solid var(--bn-hair);border-radius:18px;padding:14px;min-width:0;overflow:hidden;outline:none;box-shadow:0 1px 2px #11261c0a;transition:box-shadow .26s var(--bn-ease),transform .26s var(--bn-ease),border-color .26s var(--bn-ease)}#cw-bento .bn-tile:hover,#cw-bento .bn-tile:focus-visible{box-shadow:0 2px 4px #11261c0d,0 22px 44px -22px #11261c4d;transform:translateY(-2px);border-color:#33745a47}#cw-bento .bn-tile:focus-visible{border-color:var(--bn-green)}#cw-bento.bn-js .bn-tile{opacity:0}#cw-bento.bn-js .bn-tile.is-in{opacity:1;animation:bnEnter .64s var(--bn-ease) backwards}@keyframes bnEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}#cw-bento .bn-mini{height:clamp(140px,16vw,158px);border-radius:12px;background:linear-gradient(180deg,#fff,#f7f6f2);border:1px solid var(--bn-mockline);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}#cw-bento .bn-foot{padding:12px 5px 4px}#cw-bento .bn-foot h3{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--bn-forest)}#cw-bento .bn-foot p{margin:4px 0 0;font-size:.8125rem;line-height:1.5;color:var(--bn-grey)}#cw-bento .bn-hero{background:radial-gradient(130% 100% at 0% 0%,#ffffff,var(--bn-cream) 130%);padding:0}#cw-bento .bn-hero-body{padding:clamp(18px,2vw,26px) clamp(18px,2vw,26px) 8px}#cw-bento .bn-badge{display:inline-flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:6.25rem;background:var(--bn-green);color:#fff}#cw-bento .bn-badge-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85}#cw-bento .bn-hero-title{margin:12px 0 0;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.12;font-weight:500;letter-spacing:-.03em;color:var(--bn-forest)}#cw-bento .bn-hero-copy{margin:8px 0 0;font-size:.875rem;line-height:1.55;color:var(--bn-grey);max-width:44ch}#cw-bento .bn-cta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;min-height:44px;padding:10px 18px;border-radius:6.25rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--bn-green),var(--bn-green-d));box-shadow:0 8px 20px -10px #1f553f8c,inset 0 1px #ffffff29;text-decoration:none;transition:box-shadow .3s var(--bn-ease)}#cw-bento .bn-cta:hover{box-shadow:0 14px 30px -10px #1f553f99,inset 0 1px #ffffff38}#cw-bento .bn-cta svg{width:15px;height:15px;transition:transform .3s var(--bn-ease)}#cw-bento .bn-cta:hover svg{transform:translate(4px)}#cw-bento .bn-mock-frame{margin:auto clamp(16px,2vw,24px) 0;perspective:1100px}#cw-bento .bn-mock{display:grid;grid-template-columns:34px minmax(0,1.15fr) minmax(0,1fr);background:#fff;border:1px solid var(--bn-hair);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -1px #14141408,0 16px 36px -22px #14141466;overflow:hidden;height:clamp(228px,24vw,276px);font-size:11px;letter-spacing:-.01em}#cw-bento .bn-rail{background:var(--bn-night);display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 0;border-right:1px solid #14131a}#cw-bento .bn-rail-logo{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#3f8c6b,#1f553f);box-shadow:inset 0 0 0 1px #ffffff14;margin-bottom:4px}#cw-bento .bn-rail-ic{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:#9594a3}#cw-bento .bn-rail-ic svg{width:13px;height:13px;display:block}#cw-bento .bn-rail-ic--on{background:var(--bn-night-2);color:#fff}#cw-bento .bn-rail-user{margin-top:auto;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#888,#555)}#cw-bento .bn-inbox{background:#fff;border-right:1px solid var(--bn-mockline);display:flex;flex-direction:column;min-width:0}#cw-bento .bn-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;border-bottom:1px solid var(--bn-mockline)}#cw-bento .bn-inbox-title{font-size:13px;font-weight:600}#cw-bento .bn-inbox-tab{font-size:10px;font-weight:600}#cw-bento .bn-inbox-search{display:flex;align-items:center;gap:5px;margin:7px 9px 6px;padding:5px 8px;background:#f5f3ed;border-radius:6px;font-size:10.5px;color:#9b9b95}#cw-bento .bn-inbox-search span{width:10px;height:10px;border-radius:50%;border:1.6px solid #9b9b95;position:relative;flex:none}#cw-bento .bn-inbox-search span:after{content:"";position:absolute;right:-2px;bottom:-2px;width:4px;height:1.6px;background:#9b9b95;transform:rotate(45deg)}#cw-bento .bn-mrows{list-style:none;margin:0;padding:0}#cw-bento .bn-mrow{display:flex;gap:8px;padding:7px 9px;border-bottom:1px solid var(--bn-mockline);border-left:2px solid transparent}#cw-bento .bn-mrow--active{background:var(--bn-cream);border-left-color:var(--bn-green)}#cw-bento .bn-mav{position:relative;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9.5px;font-weight:600;flex:none}#cw-bento .bn-mav--sm{width:22px;height:22px;font-size:9px}#cw-bento .bn-mav[data-av=J]{background:linear-gradient(135deg,#9d82e8,#6f47c8)}#cw-bento .bn-mav[data-av=O]{background:linear-gradient(135deg,#86a7c8,#5e7ea7)}#cw-bento .bn-mav[data-av=E]{background:linear-gradient(135deg,#dcbb74,#b8923f)}#cw-bento .bn-mav[data-av=M]{background:linear-gradient(135deg,#7bbfa0,#4e8f70)}#cw-bento .bn-mrow-main{flex:1;min-width:0;display:flex;flex-direction:column}#cw-bento .bn-mrow-top{display:flex;justify-content:space-between;align-items:baseline;gap:4px}#cw-bento .bn-mrow-top b{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cw-bento .bn-mrow-top i{font-size:9px;font-style:normal;color:#9b9b95;flex:none}#cw-bento .bn-mrow-act{display:flex;align-items:center;gap:4px;margin-top:1px;font-size:9.5px;color:var(--bn-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cw-bento .bn-mdot{width:6px;height:6px;border-radius:50%;flex:none}#cw-bento .bn-mdot--blue{background:#3a76d9}#cw-bento .bn-mdot--green{background:var(--bn-green)}#cw-bento .bn-mdot--coral{background:#ff7459}#cw-bento .bn-mtags{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap}#cw-bento .bn-mpill{font-size:9px;font-weight:500;padding:1px 5px;border-radius:4px;line-height:1.4}#cw-bento .bn-mpill--purple{background:#e7e0f5;color:#5e4994}#cw-bento .bn-mpill--sage{background:#e8edd5;color:#576b3a}#cw-bento .bn-mpill--coral{background:#fde0d4;color:#a14f37}#cw-bento .bn-file{background:#fafaf6;padding:9px;min-width:0;display:flex;flex-direction:column;gap:8px}#cw-bento .bn-file-head{display:flex;align-items:center;gap:6px}#cw-bento .bn-file-head b{font-size:11px;font-weight:600}#cw-bento .bn-mstatus{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;padding:1.5px 6px;border-radius:6px;background:#eaf4ec;color:var(--bn-green)}#cw-bento .bn-mstatus:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bn-green)}#cw-bento .bn-checkin{background:#fff;border:1px solid var(--bn-hair);border-radius:10px;padding:8px;box-shadow:0 1px 2px #0f172a0a}#cw-bento .bn-checkin-top{display:flex;align-items:center;gap:6px}#cw-bento .bn-checkin-top .bn-mpill{margin-left:auto}#cw-bento .bn-ci-ic{width:16px;height:16px;border-radius:5px;background:#eaf4ec;flex:none;position:relative}#cw-bento .bn-ci-ic:before{content:"";position:absolute;inset:4px;border:1.4px solid var(--bn-green);border-radius:2px}#cw-bento .bn-ci-date{font-size:10px;font-weight:600}#cw-bento .bn-checkin-stats{display:flex;align-items:center;gap:7px;margin-top:7px;padding-bottom:7px;border-bottom:1px solid var(--bn-mockline)}#cw-bento .bn-ci-smile{width:18px;height:18px;border-radius:50%;background:var(--bn-green);display:grid;place-items:center;flex:none}#cw-bento .bn-ci-smile svg{width:11px;height:11px}#cw-bento .bn-ci-stat{display:flex;flex-direction:column;min-width:0}#cw-bento .bn-ci-stat i{font-size:8.5px;font-style:normal;color:var(--bn-grey);line-height:1}#cw-bento .bn-ci-stat b{font-size:11.5px;font-weight:600;line-height:1.2}#cw-bento .bn-ci-stat b small{font-size:9px;color:#9b9b95;font-weight:500}#cw-bento .bn-ci-stat--w{margin-left:auto}#cw-bento .bn-ci-stat--w em{font-size:9px;font-style:normal;color:var(--bn-green);font-weight:600}#cw-bento .bn-photos{display:flex;gap:4px;margin-top:7px}#cw-bento .bn-photo{flex:1;height:42px;border-radius:6px;font-size:8px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);padding:4px 0 0 5px}#cw-bento .bn-photo--f{background:linear-gradient(135deg,#cda08a,#8e6647)}#cw-bento .bn-photo--s{background:linear-gradient(135deg,#b69376,#76553b)}#cw-bento .bn-photo--b{background:linear-gradient(135deg,#d8b89c,#a37b58)}#cw-bento .bn-chips{display:flex;gap:4px;margin-top:7px;flex-wrap:wrap}#cw-bento .bn-chip{display:inline-flex;align-items:center;border:1px solid var(--bn-hair);border-radius:5px;overflow:hidden;font-size:9.5px;font-weight:600;line-height:1;color:var(--bn-ink);box-shadow:inset 0 -1px #0000000a}#cw-bento .bn-chip-n{display:flex;align-items:center;justify-content:center;align-self:stretch;width:14px;color:#fff;font-size:9px;font-weight:600;font-style:normal}#cw-bento .bn-chip-n--5{background:#33745a}#cw-bento .bn-chip-n--4{background:#7eb380}#cw-bento .bn-chip>span{padding:4px 7px}#cw-bento .bn-hero.is-armed .bn-mrow,#cw-bento .bn-hero.is-armed .bn-checkin{opacity:0}#cw-bento .bn-hero.is-armed .bn-mrow{transform:translateY(-7px)}#cw-bento .bn-hero.is-armed .bn-checkin{transform:translateY(9px)}#cw-bento .bn-hero.is-live .bn-mrow{opacity:1;transform:none;transition:opacity .42s var(--bn-ease),transform .42s var(--bn-ease);transition-delay:calc(var(--i) * .13s + .18s)}#cw-bento .bn-hero.is-live .bn-checkin{opacity:1;transform:none;transition:opacity .46s var(--bn-ease),transform .46s var(--bn-ease);transition-delay:.64s}#cw-bento .bn-hero.is-live .bn-mrow--active .bn-mav:after{content:"";position:absolute;inset:0;border-radius:50%;animation:bnRing 2s ease-out 1s infinite}@keyframes bnRing{0%{box-shadow:0 0 #33745a66}to{box-shadow:0 0 0 8px #33745a00}}#cw-bento .bn-meal{display:flex;align-items:center;gap:16px;width:100%;max-width:260px}#cw-bento .bn-ring{position:relative;width:72px;height:72px;flex:none;display:grid;place-items:center}#cw-bento .bn-ring svg{width:72px;height:72px;transform:rotate(-90deg)}#cw-bento .bn-ring-bg{fill:none;stroke:#e8e9df;stroke-width:4}#cw-bento .bn-ring-fg{fill:none;stroke:var(--bn-green);stroke-width:4;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:24}#cw-bento .bn-tile[data-tile=meal].is-armed .bn-ring-fg{stroke-dashoffset:97.4}#cw-bento .bn-tile[data-tile=meal].is-live .bn-ring-fg{stroke-dashoffset:24;transition:stroke-dashoffset 1s var(--bn-ease) .2s}#cw-bento .bn-ring em{position:absolute;font-style:normal;text-align:center;line-height:1}#cw-bento .bn-ring em b{display:block;font-size:13.5px;font-weight:600;color:var(--bn-ink);font-variant-numeric:tabular-nums}#cw-bento .bn-ring em small{display:block;font-size:8px;font-weight:600;color:#9b9b95;margin-top:2px}#cw-bento .bn-macl{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}#cw-bento .bn-macl li{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--bn-grey);white-space:nowrap}#cw-bento .bn-macl b{margin-left:auto;color:var(--bn-ink);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums}#cw-bento .bn-macl-name{width:44px;flex:none}#cw-bento .bn-macbar{flex:1;min-width:0;height:5px;border-radius:3px;background:#eeece4;overflow:hidden}#cw-bento .bn-macbar i{display:block;height:100%;width:var(--w);border-radius:3px;transform-origin:left center}#cw-bento .bn-macl li[data-m=p] .bn-macbar i{background:var(--bn-p)}#cw-bento .bn-macl li[data-m=c] .bn-macbar i{background:var(--bn-c)}#cw-bento .bn-macl li[data-m=f] .bn-macbar i{background:var(--bn-f)}#cw-bento .bn-tile[data-tile=meal].is-armed .bn-macbar i{transform:scaleX(0)}#cw-bento .bn-tile[data-tile=meal].is-live .bn-macbar i{transform:scaleX(1);transition:transform .7s var(--bn-ease)}#cw-bento .bn-tile[data-tile=meal].is-live li:nth-child(1) .bn-macbar i{transition-delay:.25s}#cw-bento .bn-tile[data-tile=meal].is-live li:nth-child(2) .bn-macbar i{transition-delay:.37s}#cw-bento .bn-tile[data-tile=meal].is-live li:nth-child(3) .bn-macbar i{transition-delay:.49s}#cw-bento .bn-workout{width:100%;max-width:250px;display:flex;flex-direction:column;gap:6px}#cw-bento .bn-wk-row{display:flex;align-items:center;gap:8px;height:30px;background:#fff;border:1px solid var(--bn-hair);border-radius:8px;padding:0 8px;box-shadow:0 1px 2px #0f172a0a}#cw-bento .bn-wk-ic{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#a78bfa,#7c4ddf);flex:none;position:relative}#cw-bento .bn-wk-ic:before{content:"";position:absolute;inset:5px;border-radius:1px;background:#ffffffd9;clip-path:polygon(0 45%,18% 45%,30% 12%,42% 88%,55% 30%,66% 70%,82% 55%,100% 55%,100% 60%,79% 60%,66% 80%,55% 40%,42% 100%,30% 25%,18% 55%,0 55%)}#cw-bento .bn-wk-name{flex:1;font-size:10.5px;font-weight:600;color:var(--bn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cw-bento .bn-wk-set{font-size:9.5px;font-weight:600;color:var(--bn-grey);flex:none}#cw-bento .bn-wk-grip{width:10px;height:10px;flex:none;background:radial-gradient(1.1px circle at 3px 3px,#9b9b95 99%,transparent),radial-gradient(1.1px circle at 7px 3px,#9b9b95 99%,transparent),radial-gradient(1.1px circle at 3px 7px,#9b9b95 99%,transparent),radial-gradient(1.1px circle at 7px 7px,#9b9b95 99%,transparent)}#cw-bento .bn-tile[data-tile=workout].is-live .bn-wk-row--drag{animation:bnLift 1.3s var(--bn-ease) .35s forwards;position:relative;z-index:2}#cw-bento .bn-tile[data-tile=workout].is-live .bn-wk-row--swap{animation:bnMakeWay .6s var(--bn-ease) .75s forwards}@keyframes bnLift{0%{transform:none;box-shadow:0 1px 2px #0f172a0a}25%{transform:translateY(0) scale(1.03);box-shadow:0 10px 22px -8px #1f553f59}65%{transform:translateY(-36px) scale(1.03);box-shadow:0 10px 22px -8px #1f553f59}to{transform:translateY(-36px) scale(1);box-shadow:0 1px 2px #0f172a0a}}@keyframes bnMakeWay{to{transform:translateY(36px)}}#cw-bento .bn-forms{width:100%;max-width:240px;display:flex;flex-direction:column;gap:7px}#cw-bento .bn-formq{font-size:10px;font-weight:600;color:#3a3a36}#cw-bento .bn-scale{display:flex;gap:5px}#cw-bento .bn-scale span{flex:1;height:24px;border-radius:6px;background:#fff;border:1px solid var(--bn-hair);display:grid;place-items:center;font-size:10px;font-weight:600;color:#9b9b95}#cw-bento .bn-scale .bn-sel{background:var(--bn-green);color:#fff;border-color:var(--bn-green)}#cw-bento .bn-tile[data-tile=forms].is-live .bn-scale span:nth-child(1){animation:bnTick .36s var(--bn-ease) .25s}#cw-bento .bn-tile[data-tile=forms].is-live .bn-scale span:nth-child(2){animation:bnTick .36s var(--bn-ease) .4s}#cw-bento .bn-tile[data-tile=forms].is-live .bn-scale span:nth-child(3){animation:bnTick .36s var(--bn-ease) .55s}#cw-bento .bn-tile[data-tile=forms].is-live .bn-scale .bn-sel{animation:bnPop .46s var(--bn-ease) .7s backwards}@keyframes bnTick{0%,to{background:#fff;color:#9b9b95}45%{background:#33745a1f;color:var(--bn-green-d)}}@keyframes bnPop{0%{transform:scale(.72);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}#cw-bento .bn-fin{display:flex;align-items:center;height:30px;background:#fff;border:1px solid var(--bn-green);border-radius:6px;padding:0 8px;font-size:10.5px;font-weight:600;color:var(--bn-ink)}#cw-bento .bn-fcaret{width:1.4px;height:13px;background:var(--bn-green);margin-left:2px;opacity:0}#cw-bento .bn-tile[data-tile=forms].is-live .bn-fcaret{animation:bnBlink 1.05s steps(1) infinite}@keyframes bnBlink{0%,49%{opacity:1}50%,to{opacity:0}}#cw-bento .bn-pay{width:100%;max-width:240px;display:flex;flex-direction:column;gap:12px}#cw-bento .bn-payrow{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--bn-hair);border-radius:8px;padding:8px 9px;font-size:10.5px;font-weight:600;color:var(--bn-ink);box-shadow:0 1px 2px #0f172a0a}#cw-bento .bn-sic{width:16px;height:11px;border-radius:2px;background:linear-gradient(135deg,#635bff,#4b45c6);flex:none}#cw-bento .bn-pcheck{width:13px;height:13px;margin-left:auto;color:var(--bn-green);flex:none}#cw-bento .bn-tile[data-tile=pay].is-live .bn-pcheck{animation:bnPop .48s var(--bn-ease) .35s backwards}#cw-bento .bn-payline{display:flex;align-items:center;gap:9px}#cw-bento .bn-pchip{font-size:9.5px;font-weight:600;background:#f7f6f2;border:1px solid var(--bn-hair);border-radius:6.25rem;padding:5px 10px;white-space:nowrap}#cw-bento .bn-pchip--you{background:#33745a1a;border-color:#33745a3d;color:var(--bn-forest)}#cw-bento .bn-pline{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--bn-hair) 0 5px,transparent 5px 9px);position:relative}#cw-bento .bn-pline:after{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--bn-green);opacity:0}#cw-bento .bn-tile[data-tile=pay].is-live .bn-pline:after{animation:bnTravel 1.4s var(--bn-ease) .6s}@keyframes bnTravel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 7px);opacity:0}}#cw-bento .bn-flow{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}#cw-bento .bn-node{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--bn-hair);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:600;color:var(--bn-ink);box-shadow:0 1px 2px #0f172a0a;white-space:nowrap;flex:none}#cw-bento .bn-node--trig{border-color:#33745a66}#cw-bento .bn-node--end{background:var(--bn-green);color:#fff;border-color:var(--bn-green)}#cw-bento .bn-bolt{width:9px;height:12px;background:var(--bn-green);flex:none;clip-path:polygon(55% 0,0 58%,42% 58%,30% 100%,100% 38%,52% 38%)}#cw-bento .bn-link{flex:1;max-width:72px;min-width:16px;height:1px;background:repeating-linear-gradient(90deg,var(--bn-hair) 0 4px,transparent 4px 8px);position:relative}#cw-bento .bn-link:after{content:"";position:absolute;top:-2.5px;left:0;width:6px;height:6px;border-radius:50%;background:var(--bn-green);opacity:0}#cw-bento .bn-tile[data-tile=auto].is-live .bn-node--trig{animation:bnNodeLight .9s var(--bn-ease) .25s}#cw-bento .bn-tile[data-tile=auto].is-live .bn-node:not(.bn-node--trig):not(.bn-node--end){animation:bnNodeLight .9s var(--bn-ease) .85s}#cw-bento .bn-tile[data-tile=auto].is-live .bn-node--end{animation:bnEndFill .7s var(--bn-ease) 1.45s backwards}#cw-bento .bn-tile[data-tile=auto].is-live .bn-link:nth-child(2):after{animation:bnTravel .6s linear .55s}#cw-bento .bn-tile[data-tile=auto].is-live .bn-link:nth-child(4):after{animation:bnTravel .6s linear 1.15s}@keyframes bnNodeLight{0%,to{border-color:var(--bn-hair);box-shadow:0 1px 2px #0f172a0a}35%{border-color:#33745a8c;box-shadow:0 0 0 3px #33745a24}}@keyframes bnEndFill{0%{background:#fff;color:var(--bn-ink);border-color:var(--bn-hair)}to{background:var(--bn-green);color:#fff;border-color:var(--bn-green)}}@media(max-width:559px){#cw-bento .bn-flow{flex-direction:column;align-items:stretch;gap:6px;max-width:200px}#cw-bento .bn-node{justify-content:flex-start}#cw-bento .bn-node--end{justify-content:flex-end}#cw-bento .bn-link{max-width:none;min-width:0;flex:none;width:1px;height:12px;margin-left:18px;background:repeating-linear-gradient(var(--bn-hair) 0 4px,transparent 4px 8px)}#cw-bento .bn-link:after{top:0;left:-2.5px}#cw-bento .bn-tile[data-tile=auto].is-live .bn-link:nth-child(2):after,#cw-bento .bn-tile[data-tile=auto].is-live .bn-link:nth-child(4):after{animation-name:bnTravelV}}@keyframes bnTravelV{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 6px);opacity:0}}#cw-bento .bn-mini--app{align-items:flex-end;padding-bottom:0}#cw-bento .bn-phone{width:104px;height:148px;margin-bottom:-14px;background:#fff;border:4px solid var(--bn-night);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 8px 20px -12px #14141459;padding:12px 9px 0;display:flex;flex-direction:column;gap:6px;overflow:hidden;position:relative}#cw-bento .bn-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:6px;background:var(--bn-night);border-radius:0 0 6px 6px}#cw-bento .bn-greet{display:flex;align-items:center;height:13px;overflow:hidden}#cw-bento .bn-greet b{font-size:9.5px;font-weight:600;color:var(--bn-ink);white-space:nowrap}#cw-bento .bn-gcaret{width:1.3px;height:10px;background:var(--bn-green);margin-left:2px;flex:none;opacity:0}#cw-bento .bn-tile[data-tile=app].is-live .bn-gcaret{animation:bnBlink 1.05s steps(1) infinite}#cw-bento .bn-pbar{height:5px;border-radius:3px;background:#e8e9df;overflow:hidden;flex:none}#cw-bento .bn-pbar i{display:block;height:100%;width:64%;background:var(--bn-green);border-radius:3px}#cw-bento .bn-tile[data-tile=app].is-live .bn-pbar i{animation:bnBar 1s var(--bn-ease) .4s backwards}@keyframes bnBar{0%{width:0}to{width:64%}}#cw-bento .bn-pcard{display:flex;flex-direction:column;gap:1px;border-radius:7px;padding:6px 7px;font-size:8px;font-weight:600;color:var(--bn-grey)}#cw-bento .bn-pcard b{font-size:9.5px;color:var(--bn-ink)}#cw-bento .bn-pcard--w{background:#eaf4ec}#cw-bento .bn-pcard--m{background:#f3f5ea}#cw-bento .bn-tile[data-tile=app].is-live .bn-pcard--w{animation:bnDrift .45s var(--bn-ease) .25s backwards}#cw-bento .bn-tile[data-tile=app].is-live .bn-pcard--m{animation:bnDrift .45s var(--bn-ease) .37s backwards}@keyframes bnDrift{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}#cw-bento .bn-met{width:100%;max-width:240px;display:flex;flex-direction:column;gap:7px}#cw-bento .bn-met-top{display:flex;align-items:baseline;justify-content:space-between;font-size:9.5px;font-weight:600;color:var(--bn-grey)}#cw-bento .bn-met-top span:last-child{font-weight:500;color:#9b9b95}#cw-bento .bn-spark{width:100%;height:52px}#cw-bento .bn-tile[data-tile=metrics].is-live .bn-spark-line{stroke-dasharray:126;animation:bnDraw 1.2s var(--bn-ease) .25s backwards}#cw-bento .bn-tile[data-tile=metrics].is-live .bn-spark-area{animation:bnFade .7s ease .9s backwards}@keyframes bnDraw{0%{stroke-dashoffset:126}to{stroke-dashoffset:0}}@keyframes bnFade{0%{opacity:0}to{opacity:1}}#cw-bento .bn-met-stat{display:flex;align-items:baseline;gap:6px}#cw-bento .bn-met-stat b{font-size:15px;font-weight:600;color:var(--bn-green);letter-spacing:-.01em;font-variant-numeric:tabular-nums}#cw-bento .bn-met-stat span{font-size:9.5px;color:var(--bn-grey)}#cw-bento .bn-tile[data-tile=metrics].is-live .bn-met-stat b{animation:bnPop .48s var(--bn-ease) 1.3s backwards}@media(max-width:559px){#cw-bento .bn-mock{grid-template-columns:32px minmax(0,1fr);height:clamp(196px,54vw,240px);border-radius:14px;border-bottom:1px solid var(--bn-hair);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}#cw-bento .bn-file{display:none}#cw-bento .bn-inbox{border-right:0}}@media(prefers-reduced-motion:reduce){#cw-bento .bn-tile,#cw-bento .bn-cta,#cw-bento .bn-cta svg{transition:none!important}#cw-bento .bn-tile,#cw-bento .bn-tile *,#cw-bento .bn-tile *:before,#cw-bento .bn-tile *:after{animation:none!important}#cw-bento .bn-tile:hover{transform:none}#cw-bento.bn-js .bn-tile{opacity:1}}