.samplepeek{color:var(--shell);width:min(94vw,420px);max-width:none;max-height:none;font-family:var(--body);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.samplepeek::backdrop{-webkit-backdrop-filter:blur(5px);background:#16233ae0}.samplepeek[open]{animation:samplepeek-in .28s var(--spring,cubic-bezier(.34, 1.4, .64, 1))}.samplepeek[open]::backdrop{animation:.2s ease-out samplepeek-fade}@keyframes samplepeek-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes samplepeek-fade{0%{opacity:0}to{opacity:1}}html:has(.samplepeek[open]){overflow:hidden}.samplepeek-card{flex-direction:column;align-items:center;gap:12px;display:flex}.samplepeek-top{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.samplepeek-tabs{background:#fbf7f21f;border-radius:999px;gap:6px;padding:4px;display:flex}.samplepeek-tab{cursor:pointer;color:var(--shell);font:600 14px/1 var(--body);background:0 0;border:0;border-radius:999px;padding:8px 16px;transition:background .16s,color .16s}.samplepeek-tab span{font-family:var(--display);font-variant-numeric:lining-nums;letter-spacing:.08em;opacity:.75;margin-left:4px}.samplepeek-tab.is-on{background:var(--clay);color:var(--ink)}.samplepeek-tab.is-on span{opacity:1}.samplepeek-tab:focus-visible,.samplepeek-x:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.samplepeek-x{cursor:pointer;width:40px;height:40px;color:var(--shell);background:#fbf7f21f;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.samplepeek-x:hover{background:#fbf7f238}.samplepeek-phone{background:#0d1626;border-radius:40px;width:min(100%,360px);height:min(700px,100dvh - 210px);min-height:360px;padding:9px;box-shadow:0 28px 60px -16px #0009,inset 0 0 0 1px #fbf7f21a}.samplepeek-screen{background:var(--ink);isolation:isolate;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.samplepeek-frame{background:var(--shell);border:0;width:100%;height:100%;display:block}.samplepeek-intro{z-index:2;background:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .42s 80ms,visibility 0s linear .5s;display:flex;position:absolute;inset:0}.samplepeek-intro.is-gone{opacity:0;visibility:hidden;pointer-events:none}.samplepeek-intro-url{font:700 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--clay);margin:0}.samplepeek-intro-boxes{gap:10px;display:flex}.samplepeek-intro-boxes span{width:62px;height:84px;color:var(--ink);font-family:var(--display);font-variant-numeric:lining-nums;transition:background .14s ease, border-color .14s ease, transform .2s var(--spring,ease);background:#fbf7f21a;border:2px solid #e8b8a84d;border-radius:16px;place-items:center;font-size:46px;font-weight:500;display:grid}.samplepeek-intro-boxes span.is-filled{background:var(--shell);border-color:var(--clay);transform:translateY(-3px)}.samplepeek-intro-note{color:#fbf7f2b3;margin:0;font-size:14px}.samplepeek-caption{text-align:center;color:#fbf7f2c7;max-width:34ch;margin:0;font-size:13px;line-height:1.45}.samplepeek-caption strong{font-family:var(--display);letter-spacing:.08em;font-variant-numeric:lining-nums;color:var(--clay)}.samplepeek-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.samplepeek-btn{cursor:pointer;color:var(--shell);font:700 14px/1 var(--body);background:0 0;border:1.5px solid #fbf7f266;border-radius:999px;align-items:center;padding:13px 22px;text-decoration:none;transition:background .16s,transform .2s;display:inline-flex}.samplepeek-btn:hover{background:#fbf7f21f;transform:translateY(-1px)}.samplepeek-btn--primary{background:var(--clay);border-color:var(--clay);color:var(--ink)}.samplepeek-btn--primary:hover{background:var(--rose)}.samplepeek-btn:focus-visible{outline:2px solid var(--shell);outline-offset:3px}@media (max-width:480px){.samplepeek-intro-boxes span{width:54px;height:74px;font-size:40px}}@media (prefers-reduced-motion:reduce){.samplepeek[open],.samplepeek[open]::backdrop{animation:none}.samplepeek-intro{transition:none}}