.samples[data-astro-cid-y5fp7vt7]{position:relative;background:var(--bg);padding:clamp(80px,12vh,140px) 0;overflow:hidden}.bg-grid[data-astro-cid-y5fp7vt7]{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.samples-head[data-astro-cid-y5fp7vt7]{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:clamp(48px,8vw,88px);padding-bottom:clamp(32px,5vw,56px);border-bottom:1px solid var(--border)}.samples-head[data-astro-cid-y5fp7vt7] h2[data-astro-cid-y5fp7vt7]{font-family:var(--f-display);font-weight:900;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.12;letter-spacing:-.01em}.samples-head[data-astro-cid-y5fp7vt7] h2[data-astro-cid-y5fp7vt7] .accent[data-astro-cid-y5fp7vt7]{color:var(--accent)}.sh-right[data-astro-cid-y5fp7vt7]{color:var(--text-muted);font-size:.97rem;line-height:1.75;max-width:38ch}.samples-grid[data-astro-cid-y5fp7vt7]{display:grid;gap:clamp(32px,4vw,56px)}.sample-card[data-astro-cid-y5fp7vt7]{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,4vw,64px);align-items:start;background:var(--surface);border:1px solid var(--border);padding:clamp(20px,2.5vw,40px)}.preview-frame[data-astro-cid-y5fp7vt7]{border:1px solid var(--border-2);overflow:hidden;border-radius:6px;box-shadow:0 12px 48px #1a16121a}.pf-chrome[data-astro-cid-y5fp7vt7]{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#f0ebe2;border-bottom:1px solid #d9d2c3}.pf-dots[data-astro-cid-y5fp7vt7]{display:flex;gap:5px}.pf-dots[data-astro-cid-y5fp7vt7] span[data-astro-cid-y5fp7vt7]{width:8px;height:8px;border-radius:50%;background:#c7bfb0}.pf-url[data-astro-cid-y5fp7vt7]{flex:1;font-family:var(--f-mono);font-size:10px;color:#7a7367;background:#e8e2d8;border-radius:3px;padding:3px 10px;letter-spacing:.04em}.pf-open[data-astro-cid-y5fp7vt7]{font-family:var(--f-mono);font-size:11px;color:var(--text-muted);text-decoration:none;padding:2px 4px;transition:color .2s}.pf-open[data-astro-cid-y5fp7vt7]:hover{color:var(--accent)}.pf-phone-top[data-astro-cid-y5fp7vt7],.pf-phone-bottom[data-astro-cid-y5fp7vt7]{display:none}.pf-viewport[data-astro-cid-y5fp7vt7]{position:relative;height:520px;overflow:hidden;background:#f3eee2}.pf-viewport[data-astro-cid-y5fp7vt7] iframe[data-astro-cid-y5fp7vt7]{width:1280px;height:900px;border:none;transform-origin:top left}.sample-info[data-astro-cid-y5fp7vt7]{display:flex;flex-direction:column;gap:20px;padding:clamp(0px,1vw,8px) 0}.si-meta[data-astro-cid-y5fp7vt7]{display:flex;flex-direction:column;gap:10px}.si-num[data-astro-cid-y5fp7vt7]{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700}.si-tags[data-astro-cid-y5fp7vt7]{display:flex;flex-wrap:wrap;gap:6px}.tag[data-astro-cid-y5fp7vt7]{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--text-muted);border:1px solid var(--border-2);padding:3px 8px;background:var(--surface-2)}.sample-info[data-astro-cid-y5fp7vt7] h3[data-astro-cid-y5fp7vt7]{font-family:var(--f-display);font-weight:900;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.01em;line-height:1.15}.si-en[data-astro-cid-y5fp7vt7]{font-family:var(--f-num);font-size:.65em;font-weight:900;color:var(--text-muted);letter-spacing:.08em;vertical-align:middle;margin-left:.3em}.sample-info[data-astro-cid-y5fp7vt7]>p[data-astro-cid-y5fp7vt7]{color:var(--text-muted);font-size:.97rem;line-height:1.78;max-width:40ch}.samples-cta[data-astro-cid-y5fp7vt7]{margin-top:clamp(48px,7vw,80px);padding-top:clamp(32px,5vw,56px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.samples-cta[data-astro-cid-y5fp7vt7] p[data-astro-cid-y5fp7vt7]{font-size:1.05rem;color:var(--text-muted);max-width:42ch}@media(max-width:860px){.samples-head[data-astro-cid-y5fp7vt7]{grid-template-columns:1fr;gap:20px}.samples-cta[data-astro-cid-y5fp7vt7]{flex-direction:column;align-items:flex-start}.sample-card[data-astro-cid-y5fp7vt7]{grid-template-columns:1fr;justify-items:center}.sample-info[data-astro-cid-y5fp7vt7]{width:100%}.pf-chrome[data-astro-cid-y5fp7vt7]{display:none}.preview-frame[data-astro-cid-y5fp7vt7]{width:min(280px,70vw);border-radius:36px;border:6px solid var(--border-2);box-shadow:0 0 0 1px var(--border),0 24px 64px #1a16122e}.pf-phone-top[data-astro-cid-y5fp7vt7]{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 6px;background:var(--surface-2);border-bottom:1px solid var(--border);position:relative}.pf-time[data-astro-cid-y5fp7vt7]{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--text)}.pf-pill[data-astro-cid-y5fp7vt7]{position:absolute;left:50%;top:8px;transform:translate(-50%);width:64px;height:16px;background:var(--text);border-radius:10px}.pf-icons[data-astro-cid-y5fp7vt7]{color:var(--text);display:flex;align-items:center}.pf-viewport[data-astro-cid-y5fp7vt7]{height:480px}.pf-viewport[data-astro-cid-y5fp7vt7] iframe[data-astro-cid-y5fp7vt7]{width:390px;height:844px}.pf-phone-bottom[data-astro-cid-y5fp7vt7]{display:flex;justify-content:center;padding:8px 0 10px;background:var(--surface-2);border-top:1px solid var(--border)}.pf-home-bar[data-astro-cid-y5fp7vt7]{width:100px;height:4px;background:var(--text);border-radius:4px;opacity:.25}}@media(max-width:480px){.preview-frame[data-astro-cid-y5fp7vt7]{width:min(240px,80vw);border-radius:30px}.pf-viewport[data-astro-cid-y5fp7vt7]{height:420px}}