.rl{--rl-ui:#ffffff;--rl-ui-2:#f2f3f5;--rl-text:#15171c;--rl-dim:#646a73;margin-top:clamp(2.5rem,5vw,3.5rem)}.rl-tabs{display:inline-flex;gap:.25rem;padding:.3rem;border:1px solid var(--mc-line);border-radius:999px}.rl-tabs button{padding:.65rem 1.2rem;border:0;border-radius:999px;background:none;color:var(--mc-ink);font:500 .82rem var(--mc-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.rl-tabs button[aria-selected=true]{background:var(--mc-ink);color:var(--mc-bg)}.rl-stage{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr) minmax(0,15rem);gap:clamp(1rem,2.5vw,2rem);align-items:center;margin-top:1.5rem;padding:clamp(1.25rem,3vw,2.5rem);border-radius:14px;background:var(--mc-raise);animation:rl-in .6s ease both}@keyframes rl-in{0%{opacity:0}}.rl-stage figure{margin:0;transition:opacity .5s,transform .5s;opacity:.62}.rl-stage figure.is-on{opacity:1;transform:translateY(-4px)}.rl-stage figcaption{margin-top:.9rem;text-align:center;font:500 .8rem var(--mc-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mc-ink)}.rl-phone-in{display:flex;flex-direction:column;gap:.55rem;padding:.9rem .8rem 1rem;border:7px solid #111;border-radius:1.9rem;background:var(--rl-ui);color:var(--rl-text);box-shadow:0 24px 50px -30px rgb(0 0 0/.55)}.rl-app-top{display:flex;justify-content:space-between;align-items:baseline;margin:.2rem .2rem .1rem;font-size:.8rem}.rl-app-top b{font-weight:800}.rl-app-top span{color:var(--rl-dim);font-size:.72rem}.rl-shot{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.7rem}.rl-who{margin:0;font-size:.72rem;font-weight:600;color:var(--rl-dim)}.rl-note{margin:0;padding:.55rem .65rem;border-radius:.6rem;background:var(--rl-ui-2);font-size:.8rem;line-height:1.35;min-height:3.2em}.rl[data-step="0"] .rl-phone.is-on .rl-note span{display:inline-block;clip-path:inset(0 100% 0 0);animation:rl-type 1.8s steps(28) .2s forwards}@keyframes rl-type{to{clip-path:inset(0 0 0 0)}}.rl-send{align-self:stretch;padding:.6rem;border-radius:.6rem;background:var(--rl-ink);color:#fff;text-align:center;font-size:.82rem;font-weight:700;transition:background .3s}.rl-send.is-sent{background:#1f7a4d}.rl-desk-in{overflow:hidden;border-radius:10px;background:var(--rl-ui);color:var(--rl-text);box-shadow:0 30px 70px -40px rgb(0 0 0/.6)}.rl-win-bar{display:flex;align-items:center;gap:.35rem;padding:.6rem .8rem;background:var(--rl-ui-2)}.rl-win-bar i{width:.55rem;height:.55rem;border-radius:50%;background:#c9ccd2}.rl-win-bar span{margin-left:.6rem;font:500 .72rem var(--mc-mono);color:var(--rl-dim)}.rl-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.1rem;padding:1.1rem}.rl-post{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:6px;background:var(--rl-ui-2)}.rl-post img{width:100%;height:100%;object-fit:cover;opacity:.25;filter:grayscale(1);transition:opacity .6s,filter .6s}.rl-overlay{position:absolute;inset:auto 0 0;padding:1.4rem .9rem .9rem;background:linear-gradient(to top,var(--rl-ink) 55%,transparent);color:#fff;transform:translateY(101%);transition:transform .7s cubic-bezier(.2,.7,.2,1) .15s}.rl-post.is-built img{opacity:1;filter:none}.rl-post.is-built .rl-overlay{transform:none}.rl-brand{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rl-brand i{display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:3px;background:var(--rl-accent);color:var(--rl-ink);font-style:normal;font-weight:800}.rl-head{margin:.5rem 0 0;font-size:clamp(1rem,1.7vw,1.4rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}.rl-sub{margin:.35rem 0 0;padding-top:.35rem;border-top:2px solid var(--rl-accent);font-size:.66rem;font-weight:600;letter-spacing:.04em}.rl-draft{display:flex;flex-direction:column;gap:.7rem;min-width:0}.rl-tag{margin:0;width:fit-content;padding:.3rem .55rem;border-radius:999px;background:var(--rl-ui-2);font:500 .66rem var(--mc-mono);letter-spacing:.04em;color:var(--rl-dim)}.rl-caption{margin:0;font-size:.9rem;line-height:1.5;opacity:0;transform:translateY(6px);transition:opacity .6s,transform .6s}.rl-caption.is-in{opacity:1;transform:none}.rl-actions{display:flex;gap:.5rem;margin-top:auto}.rl-actions span{padding:.55rem .9rem;border:1px solid #d5d8dd;border-radius:.5rem;font-size:.78rem;font-weight:700}.rl-actions .rl-approve{border-color:var(--rl-ink);background:var(--rl-ink);color:#fff;transition:background .3s,border-color .3s}.rl-actions .rl-approve.is-done{border-color:#1f7a4d;background:#1f7a4d}.rl-out ul{gap:.5rem;margin:0;padding:0;list-style:none}.rl-out li,.rl-out ul{display:flex;flex-direction:column}.rl-out li{gap:.15rem;padding:.75rem .9rem;border-radius:8px;background:var(--rl-ui);color:var(--rl-text);border-left:3px solid #d5d8dd;transition:border-color .4s}.rl-out li b{font-size:.88rem}.rl-out li span{font:500 .7rem var(--mc-mono);color:var(--rl-dim)}.rl-out li.is-done{border-left-color:#1f7a4d}.rl-out li.is-done span{color:#1f7a4d}.rl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.5vw,2rem);margin:clamp(1.75rem,3.5vw,2.5rem) 0 0;padding:0;list-style:none;counter-reset:rl}.rl-steps li{counter-increment:rl;padding-top:1rem;border-top:2px solid var(--mc-line);transition:border-color .4s}.rl-steps li:before{content:counter(rl,decimal-leading-zero);font:700 .8rem var(--mc-mono);color:var(--mc-muted)}.rl-steps li[aria-current=step]{border-top-color:var(--mc-ink)}.rl-steps li[aria-current=step]:before{color:var(--mc-accent)}.rl-steps b{display:block;margin-top:.5rem;font-size:1.25rem;font-weight:800;letter-spacing:-.015em}.rl-steps span{display:block;margin-top:.4rem;font-size:1.05rem;font-weight:500;line-height:1.5;color:color-mix(in srgb,var(--mc-ink) 78%,transparent)}@media (max-width:1000px){.rl-stage{grid-template-columns:minmax(0,12rem) minmax(0,1fr)}.rl-out{grid-column:1/-1}.rl-out ul{display:grid}.rl-out ul,.rl-steps{grid-template-columns:1fr 1fr}}@media (max-width:640px){.rl-stage{grid-template-columns:1fr}.rl-phone{width:min(14rem,80%);justify-self:center}.rl-card{grid-template-columns:1fr}.rl-tabs button{padding:.6rem .9rem;font-size:.74rem}}@media (prefers-reduced-motion:reduce){.rl-caption,.rl-overlay,.rl-post img,.rl-stage,.rl-stage figure{animation:none;transition:none}.rl-note span{clip-path:none!important;animation:none!important}}.su-app-stage{display:grid;justify-items:center;align-items:start;aspect-ratio:21/9;padding:clamp(1.25rem,3.5vw,3rem) clamp(1rem,3vw,2.5rem) 0;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#d9ece9 0,#b9d8d3 55%,#9cc6bf 100%);--su-teal:#0f6e6a;--su-teal-2:#e3f1ef;--su-sun:#f2b84b;--su-ink:#18201f;--su-dim:#6a7472;--su-line:#e6eae9;font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}.su-ipad{width:78%;aspect-ratio:4/3;padding:1.1%;border-radius:3.2%/4.2%;background:#1b1d1f;box-shadow:0 40px 80px -40px rgb(0 40 38/.55),inset 0 0 0 1px rgb(255 255 255/.06)}.su-screen{display:grid;grid-template-columns:17% 1fr 27%;height:100%;overflow:hidden;border-radius:2.2%/3%;background:#fbfcfc;color:var(--su-ink);font-size:clamp(6px,.9vw,13px)}.su-side{display:flex;flex-direction:column;gap:1.6em;padding:2em 1.4em;background:var(--su-teal);color:#fff}.su-logo{display:flex;align-items:center;gap:.6em;margin:0;font-size:1.35em;font-weight:800;letter-spacing:-.01em}.su-logo i{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:.45em;background:var(--su-sun);color:var(--su-teal);font-style:normal}.su-side ul{display:flex;flex-direction:column;gap:.3em;margin:0;padding:0;list-style:none}.su-side li{padding:.65em .8em;border-radius:.6em;font-weight:500;opacity:.78}.su-side li.is-on{background:rgb(255 255 255/.16);opacity:1;font-weight:700}.su-loc{margin:auto 0 0;font-size:.9em;opacity:.7}.su-main{display:flex;flex-direction:column;gap:1.4em;min-width:0;padding:2em 2em 0}.su-top{display:flex;align-items:flex-end;justify-content:space-between}.su-date{margin:0;font-size:.95em;color:var(--su-dim)}.su-top h4{margin:.15em 0 0;font-size:2.2em;font-weight:800;letter-spacing:-.02em}.su-new{padding:.7em 1.1em;border-radius:.7em;background:var(--su-teal);color:#fff;font-weight:700}.su-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em;margin:0}.su-stats div{padding:.9em 1em;border:1px solid var(--su-line);border-radius:.8em;background:#fff}.su-stats dt{font-size:.85em;color:var(--su-dim)}.su-stats dd{margin:.25em 0 0;font-size:1.7em;font-weight:800;letter-spacing:-.02em}.su-list{margin:0;padding:0;list-style:none;border:1px solid var(--su-line);border-radius:.8em;background:#fff;overflow:hidden}.su-list li{display:grid;grid-template-columns:3.6em 2.6em minmax(0,1fr) 4.4em 7em;align-items:center;gap:.8em;padding:.75em 1em;border-top:1px solid var(--su-line)}.su-list li:first-child{border-top:0}.su-list li.is-on{background:var(--su-teal-2);box-shadow:inset 3px 0 0 var(--su-teal)}.su-time{font-weight:700;font-variant-numeric:tabular-nums}.su-avatar{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:50%;color:#fff;font-weight:800}.su-dog{display:flex;flex-direction:column;min-width:0}.su-dog b{font-weight:700}.su-dog small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.88em;color:var(--su-dim)}.su-bay{font-size:.9em;color:var(--su-dim)}.su-pill{justify-self:start;padding:.35em .75em;border-radius:999px;font-size:.85em;font-weight:700}.su-booked{background:#eef0f0;color:#5a6462}.su-in{background:#e4ecfb;color:#2b52a8}.su-tub{background:#def3f0;color:var(--su-teal)}.su-ready{background:#fdf0d4;color:#8a5a00}.su-panel{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;padding:2em 1.6em;border-left:1px solid var(--su-line);background:#fff}.su-avatar--lg{width:4.4em;height:4.4em;font-size:1.3em}.su-panel h5{margin:.4em 0 0;font-size:1.6em;font-weight:800;letter-spacing:-.02em}.su-meta{margin:0;color:var(--su-dim)}.su-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;width:100%;margin:.8em 0 0;padding:.9em 0;border-block:1px solid var(--su-line)}.su-facts dt{font-size:.82em;color:var(--su-dim)}.su-facts dd{margin:.2em 0 0;font-weight:700}.su-notes-h{margin:.6em 0 0;font-size:.85em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--su-dim)}.su-notes{margin:0;line-height:1.5}.su-text{align-self:stretch;margin-top:1em;padding:.9em;border-radius:.7em;background:var(--su-sun);color:#3a2800;text-align:center;font-weight:800}@media (max-width:760px){.su-app-stage{aspect-ratio:4/3}.su-ipad{width:96%}.su-screen{grid-template-columns:1fr 34%;font-size:1.55vw}.su-side{display:none}.su-list li{grid-template-columns:3.2em 2.4em minmax(0,1fr) 6.4em}.su-bay{display:none}}