.pic{container-type:inline-size;position:relative;width:100%;color:#0d0e10;font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.35;text-align:left;user-select:none}.pic *{box-sizing:border-box}.pic p{max-width:none}.pic-u{font-size:calc(100cqw / 75)}.pic-u.is-phone{font-size:calc(100cqw / 19)}.pic-u.is-card{font-size:calc(100cqw / 36)}.pic-u.is-card .t-xs{font-size:max(11px,.6875em)}@container (max-width:559px){.pic-u.is-card{font-size:calc(100cqw / 22)}.pic-u.is-card .t-xs{font-size:max(11px,.75em)}.pic-u.is-card .t-s{font-size:max(12px,.8125em)}.pic-u.is-card .t-m{font-size:max(13px,.9375em)}.pic-u.is-card .btn-a{font-size:max(12px,.8125em)}.pic-u.is-card .pill{font-size:max(11px,.6875em)}.pic-u.is-card .ph-cut{display:none!important}}.app{background:#f4f4f1;color:#0d0e10;height:100%;width:100%;overflow:hidden}.app .sheet{background:#fff;border:.0625em solid rgba(13,14,16,.1);border-radius:.75em}.app .t-xs{font-size:.6875em}.app .t-s{font-size:.8125em}.app .t-m{font-size:.9375em}.app .t-l{font-size:1.25em}.app .t-xl{font-size:1.75em}.app .t-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.app .dim{color:#0d0e109e}.app .b{font-weight:600}.app .dot{display:inline-block;width:.5em;height:.5em;border-radius:50%;flex:0 0 auto}.app .pill{display:inline-flex;align-items:center;gap:.35em;height:1.6em;padding:0 .6em;border-radius:1em;font-size:.6875em;font-weight:600}.app .btn-a{display:inline-flex;align-items:center;justify-content:center;height:2.4em;padding:0 1em;border-radius:.5em;background:#0d0e10;color:#f4f4f1;font-weight:600;font-size:.8125em}.app .rule{border-top:.0625em solid rgba(13,14,16,.1)}.c-meadow{background:#2fa36b}.c-leaf{background:#7dbe3f}.c-butter{background:#ffc94d}.c-coral{background:#f4643c}.c-sky{background:#6e86f7}.c-lilac{background:#b98be8}.sample{position:absolute;z-index:3;top:.9em;right:.9em;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75em;padding:0 .65em;border:1px solid #0D0E10;border-radius:1em;background:transparent;color:#0d0e10;font-size:max(12px,.6875em);font-weight:500;letter-spacing:.02em;line-height:1;white-space:nowrap}.laptop{position:relative;width:100%}.laptop-lid{position:relative;background:#2a2d32;border-radius:1.1em 1.1em .4em .4em;padding:.9em .9em 1.2em;box-shadow:inset 0 0 0 .0625em #f4f4f124}.laptop-screen{position:relative;aspect-ratio:16 / 10;border-radius:.35em;overflow:hidden;background:#f4f4f1}.laptop-base{position:relative;height:1.1em;margin:0 -4%;background:#33363b;border-radius:0 0 1.2em 1.2em;box-shadow:inset 0 .0625em #f4f4f12e}.laptop-base:after{content:"";position:absolute;left:50%;top:0;width:14%;height:.45em;transform:translate(-50%);background:#17191c;border-radius:0 0 .5em .5em}.phone{position:relative;width:100%;background:#1f2226;border-radius:2.6em;padding:.55em;box-shadow:inset 0 0 0 .0625em #f4f4f12e}.phone-screen{position:relative;aspect-ratio:9 / 17.5;border-radius:2.1em;overflow:hidden;background:#f4f4f1}.phone-notch{position:absolute;z-index:4;top:.7em;left:50%;width:32%;height:1.35em;transform:translate(-50%);background:#1f2226;border-radius:1em}