/* Self-contained, responsive phone illustration. No screenshot dependency. */
.phone-demo{position:relative;width:100%;max-width:360px;aspect-ratio:360/760;container-type:inline-size;isolation:isolate}.phone-demo:not(.is-ready){background:var(--surface,#fff);border:8px solid #202022;border-radius:48px;box-shadow:var(--shadow-2);overflow:hidden}.phone-demo:not(.is-ready)::before{content:"Shelf";position:absolute;inset:12% 7% 8%;padding-top:4%;font:650 32px var(--font-display,sans-serif);color:var(--text,#1c1c1e);background:url('/assets/home/tacos-480.webp') center 30%/100% auto no-repeat}.pd-device{position:relative;aspect-ratio:360/704;border:7px solid #252527;border-radius:46px;background:var(--bg);box-shadow:0 0 0 1px #777,0 24px 64px -20px rgba(0,0,0,.24);overflow:hidden;font-size:4cqw;line-height:1.35}.pd-island{position:absolute;z-index:5;left:50%;top:2.3%;width:29%;height:3.6%;transform:translateX(-50%);border-radius:30px;background:#080808}.pd-status{height:10%;display:flex;align-items:flex-start;padding:4.5% 7% 0;justify-content:space-between;font-size:3.2cqw;font-weight:600}.pd-status svg{width:12%;height:auto}.pd-screen{position:absolute;inset:10% 0 0}.pd-screen[hidden]{display:none}.pd-content{padding:0 6%;height:100%;position:relative}.pd-title{font-size:8.3cqw;font-weight:700;letter-spacing:-.045em;line-height:1.05;margin:0 0 5%}.pd-small{font-size:3.2cqw;color:var(--text-2);margin:0}.pd-search{padding:3.5% 4%;background:var(--surface);border-radius:11px;color:var(--text-2);font-size:3.7cqw;margin-bottom:5%;display:flex;align-items:center;gap:8px}.pd-search svg{width:16px;height:16px;flex:none}.pd-pills{display:flex;gap:6px;margin-bottom:5%;font-size:3.1cqw;white-space:nowrap}.pd-pill{padding:6px 9px;border-radius:99px;background:var(--surface);color:var(--text-2)}.pd-pill:first-child{background:var(--accent-soft);color:var(--accent)}.pd-shelf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-recipe{background:var(--surface);border-radius:13px;overflow:hidden}.pd-recipe img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover}.pd-recipe strong{display:block;font-weight:600;font-size:3.65cqw;line-height:1.2;padding:9px 9px 4px}.pd-recipe small{display:block;font-size:3cqw;color:var(--text-2);padding:0 9px 10px}.pd-tabs{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:4% 3% 7%;background:color-mix(in srgb,var(--surface) 93%,transparent);border-top:1px solid var(--line);font-size:3cqw;text-align:center}.pd-tabs span{display:grid;gap:4px;justify-items:center;color:var(--text-2)}.pd-tabs span:first-child{color:var(--accent)}.pd-tabs svg{width:21px;height:21px}.pd-sheet{position:absolute;inset:9% 0 0;background:var(--surface);border-radius:24px 24px 0 0;padding:5% 6% 7%;box-shadow:0 -16px 48px rgba(0,0,0,.12)}.pd-handle{width:32px;height:4px;background:var(--line);border-radius:9px;margin:0 auto 6%}.pd-sheet h3{font-size:6.5cqw;letter-spacing:-.03em;line-height:1.1;margin:4% 0}.pd-dim{opacity:.34}.pd-arrival-img{width:100%;aspect-ratio:1.85;object-fit:cover;border-radius:14px;display:block;margin:5% 0}.pd-meta{color:var(--text-2);font-size:3.4cqw;margin:4% 0}.pd-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:13cqw;border-bottom:1px solid var(--line);font-size:3.7cqw}.pd-row small{color:var(--text-2);font-size:3.2cqw}.pd-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:13px}.pd-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:13cqw;padding:9px 12px;background:var(--accent);color:var(--on-accent);font-size:3.8cqw;font-weight:600;border-radius:13px;line-height:1.2}.pd-bottom{position:absolute;bottom:7%;left:6%;right:6%}.pd-bottom .pd-small{font-size:3cqw;margin-top:9px;text-align:center}.pd-hero-img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block;margin-bottom:6%}.pd-recipe-detail .pd-title{font-size:7cqw;line-height:1.06}.pd-recipe-detail .pd-small{margin-top:4%}.pd-heading{font-weight:600;font-size:4.7cqw;margin:6% 0 1%}.pd-crumbs{font-size:3.3cqw;color:var(--text-2);margin-bottom:5%}.pd-crumbs b{color:var(--accent);font-weight:600}.pd-ing-row{display:grid;grid-template-columns:21px 1fr auto;gap:9px;align-items:center;min-height:12cqw;border-bottom:1px solid var(--line);font-size:3.65cqw}.pd-ring{width:18px;height:18px;border:1.5px solid var(--line);border-radius:50%}.pd-ing-row small{color:var(--text-2);font-size:3.3cqw}.pd-aisle{font-size:3cqw;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin:6% 0 2%}.pd-store{padding:5%;background:var(--bg);border:1.5px solid transparent;border-radius:15px;margin-top:5%}.pd-store.is-selected{border-color:var(--accent)}.pd-store__top{display:flex;justify-content:space-between;align-items:center;font-size:4.5cqw;font-weight:600}.pd-store strong{font-size:6cqw;letter-spacing:-.025em}.pd-store p{font-size:3.5cqw;margin:3% 0 0;color:var(--text-2)}.pd-total{margin-top:12%;display:flex;justify-content:space-between;align-items:center;font-size:4cqw}.pd-total strong{font-size:9cqw;letter-spacing:-.05em}.pd-reason{padding:5%;background:var(--accent-soft);border-radius:12px;font-size:3.6cqw;line-height:1.45;color:var(--text);margin-top:8%}.pd-success{display:grid;justify-items:center;text-align:center;padding-top:25%}.pd-success svg{width:26cqw;height:26cqw;stroke:var(--accent);stroke-width:2;fill:none;margin-bottom:9%}.pd-success h3{font-size:8cqw;margin:0}.pd-success p{font-size:4cqw;max-width:90%;color:var(--text-2)}.pd-success .pd-small{font-size:3.3cqw}.pd-cook-head{display:flex;justify-content:space-between;color:var(--text-2);font-size:3.5cqw;margin-bottom:6%}.pd-progress{height:3px;background:var(--line);border-radius:4px;margin-bottom:12%;overflow:hidden}.pd-progress::before{content:"";display:block;width:28.5%;height:100%;background:var(--accent)}.pd-cook h3{font-size:8cqw;letter-spacing:-.04em;line-height:1.1;margin:0 0 7%}.pd-cook p{font-size:4.8cqw;line-height:1.6}.pd-cook b{font-weight:600}.pd-timer{margin-top:10%;background:var(--accent-soft);color:var(--accent);padding:7%;border-radius:18px}.pd-timer small{font-size:3.5cqw;display:block}.pd-timer strong{font-size:12cqw;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.pd-cook-nav{display:flex;justify-content:space-between;align-items:center;font-size:3.7cqw;gap:24px}.pd-cook-nav .pd-cta{width:60%}.pd-lock{background:#141818 url('/assets/home/tacos-wall.webp') center/cover no-repeat;color:#fff;inset:0;padding-top:24%}.pd-lock-date{text-align:center;font-size:4.5cqw}.pd-lock-time{text-align:center;font-size:24cqw;font-weight:600;letter-spacing:-.07em;line-height:1.15}.pd-activity{position:absolute;bottom:23%;left:5%;right:5%;padding:6%;background:#17191a;border-radius:22px;color:#fff}.pd-activity>small{font-size:3cqw;color:rgba(255,255,255,.75)}.pd-activity__row{display:flex;justify-content:space-between;align-items:end;margin-top:8%}.pd-activity__row strong{font-size:5.2cqw;display:block}.pd-activity__row small{font-size:3.3cqw;color:rgba(255,255,255,.75)}.pd-activity__row b{font-size:9cqw;color:#55d476;letter-spacing:-.04em;font-weight:500}.pd-activity .pd-progress{margin:6% 0 0;background:#454948}.pd-activity .pd-progress::before{background:#55d476;width:34%}.pd-controls{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:12px;min-height:44px;color:var(--text-2)}.pd-caption{font-size:12px;font-weight:500;letter-spacing:.015em}.pd-controls__buttons{display:flex;gap:4px}.pd-control{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;cursor:pointer}.pd-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pd-control:disabled{opacity:.55}.pd-home-indicator{position:absolute;z-index:5;bottom:1.6%;left:34%;right:34%;height:4px;background:var(--text);border-radius:8px;opacity:.75}.pd-device:has(.pd-lock:not([hidden])) .pd-status{color:#fff;position:relative;z-index:6}.pd-device:has(.pd-lock:not([hidden])) .pd-home-indicator{background:#fff}
.pd-device img{height:auto}.pd-shelf-grid .pd-recipe img{aspect-ratio:1.18}.pd-arrival-img{aspect-ratio:1.85}.pd-hero-img{aspect-ratio:1.5}
@media(prefers-reduced-motion:no-preference){.pd-screen:not([hidden]){animation:pd-enter .6s var(--ease-out)}.pd-success svg path{stroke-dasharray:60;stroke-dashoffset:60;animation:pd-check .7s var(--ease-out) .2s forwards}.phone-demo.is-paused .pd-screen,.phone-demo.is-paused .pd-success svg path{animation-play-state:paused}}
@keyframes pd-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pd-check{to{stroke-dashoffset:0}}

.pd-pill:first-child,.pd-timer,.pd-check{color:var(--accent-soft-text,var(--accent))}