.ph[data-astro-cid-dsb6wjsj]{--bg:oklch(.93 .04 var(--h));--block:oklch(100% 0 0/.85);--soft:oklch(.82 .06 var(--h));--strong:oklch(.55 .12 var(--h));background:var(--bg);border-radius:1rem;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}[data-theme=dark] .ph[data-astro-cid-dsb6wjsj]{--bg:oklch(.29 .035 var(--h));--block:oklch(100% 0 0/.08);--soft:oklch(.42 .05 var(--h));--strong:oklch(.72 .1 var(--h))}.ph[data-astro-cid-dsb6wjsj] b[data-astro-cid-dsb6wjsj],.ph[data-astro-cid-dsb6wjsj] span[data-astro-cid-dsb6wjsj],.ph[data-astro-cid-dsb6wjsj] i[data-astro-cid-dsb6wjsj],.ph[data-astro-cid-dsb6wjsj] em[data-astro-cid-dsb6wjsj]{display:block}.ph[data-astro-cid-dsb6wjsj] b[data-astro-cid-dsb6wjsj]{background:var(--soft);border-radius:99px;height:.5rem}.ph-window[data-astro-cid-dsb6wjsj]{background:var(--block);width:84%;height:80%;box-shadow:0 30px 60px -30px oklch(.3 .08 var(--h) / .35);border-radius:.75rem;flex-direction:column;margin-top:6%;display:flex;overflow:hidden}.ph-bar[data-astro-cid-dsb6wjsj]{border-bottom:1px solid var(--soft);align-items:center;gap:.35rem;padding:.6rem .8rem;display:flex}.ph-bar[data-astro-cid-dsb6wjsj] i[data-astro-cid-dsb6wjsj]{background:var(--soft);border-radius:99px;width:.5rem;height:.5rem}.ph-bar[data-astro-cid-dsb6wjsj] b[data-astro-cid-dsb6wjsj]{width:30%;margin-left:auto;margin-right:auto}.ph-app[data-astro-cid-dsb6wjsj]{flex:1;grid-template-columns:22% 1fr;min-height:0;display:grid}.ph-side[data-astro-cid-dsb6wjsj]{border-right:1px solid var(--soft);flex-direction:column;gap:.7rem;padding:1rem .9rem;display:flex}.ph-main[data-astro-cid-dsb6wjsj]{flex-direction:column;gap:.9rem;min-height:0;padding:1rem;display:flex}.ph[data-astro-cid-dsb6wjsj] .ph-title[data-astro-cid-dsb6wjsj]{background:var(--strong);opacity:.6;width:40%;height:.8rem}.ph-cards[data-astro-cid-dsb6wjsj]{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.ph-cards[data-astro-cid-dsb6wjsj] span[data-astro-cid-dsb6wjsj]{background:var(--bg);border-radius:.5rem;height:2.4rem}.ph-chart[data-astro-cid-dsb6wjsj]{flex:1;align-items:flex-end;gap:6%;min-height:0;padding:.5rem .25rem 0;display:flex}.ph-chart[data-astro-cid-dsb6wjsj] em[data-astro-cid-dsb6wjsj]{background:var(--strong);opacity:.45;border-radius:.3rem .3rem 0 0;flex:1}.ph-phones[data-astro-cid-dsb6wjsj]{justify-content:center;align-items:center;gap:5%;width:100%;height:100%;display:flex}.ph-phone[data-astro-cid-dsb6wjsj]{aspect-ratio:9/19;background:var(--block);width:22%;box-shadow:0 24px 48px -28px oklch(.3 .08 var(--h) / .4);border-radius:1.1rem;flex-direction:column;gap:.6rem;padding:12% 9%;display:flex}.ph-phone-mid[data-astro-cid-dsb6wjsj]{transform:translateY(-6%)}.ph-phone[data-astro-cid-dsb6wjsj] .ph-title[data-astro-cid-dsb6wjsj]{width:70%}.ph-phone[data-astro-cid-dsb6wjsj] span[data-astro-cid-dsb6wjsj]{background:var(--bg);border-radius:.6rem;height:30%}.ph-phone[data-astro-cid-dsb6wjsj] .ph-short[data-astro-cid-dsb6wjsj]{height:14%}.ph-system[data-astro-cid-dsb6wjsj]{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:center;gap:1.25rem 2rem;width:78%;display:grid}.ph-type[data-astro-cid-dsb6wjsj]{font-family:var(--font-display);color:var(--strong);grid-row:span 2;font-size:clamp(3rem,18cqi,9rem);line-height:1}.ph-swatches[data-astro-cid-dsb6wjsj]{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.ph-swatches[data-astro-cid-dsb6wjsj] em[data-astro-cid-dsb6wjsj]{aspect-ratio:1;border-radius:.6rem}.ph-buttons[data-astro-cid-dsb6wjsj]{gap:.6rem;display:flex}.ph-buttons[data-astro-cid-dsb6wjsj] span[data-astro-cid-dsb6wjsj]{border:2px solid var(--strong);opacity:.6;border-radius:.5rem;flex:1;height:2rem}.ph-buttons[data-astro-cid-dsb6wjsj] .solid[data-astro-cid-dsb6wjsj]{background:var(--strong)}.ph-buttons[data-astro-cid-dsb6wjsj] .pill[data-astro-cid-dsb6wjsj]{border-radius:99px}.ph-flow[data-astro-cid-dsb6wjsj]{align-items:center;width:86%;display:flex}.ph-flow[data-astro-cid-dsb6wjsj] span[data-astro-cid-dsb6wjsj]{background:var(--block);color:var(--strong);border-radius:.6rem;flex:none;padding:.55rem .8rem;font-size:clamp(.6rem,2.2cqi,.85rem);font-weight:500}.ph-flow[data-astro-cid-dsb6wjsj] hr[data-astro-cid-dsb6wjsj]{border:0;border-top:2px dashed var(--soft);flex:1;margin:0 .25rem}.ph-label[data-astro-cid-dsb6wjsj]{background:var(--block);letter-spacing:.02em;color:var(--strong);backdrop-filter:blur(6px);border-radius:99px;padding:.25rem .6rem;font-size:.7rem;position:absolute;bottom:.75rem;left:.85rem}@container (width<=420px){.ph-side[data-astro-cid-dsb6wjsj],.ph-cards[data-astro-cid-dsb6wjsj] span[data-astro-cid-dsb6wjsj]:nth-child(3){display:none}.ph-app[data-astro-cid-dsb6wjsj]{grid-template-columns:1fr}.ph-cards[data-astro-cid-dsb6wjsj]{grid-template-columns:repeat(2,1fr)}}