llms.txt Content
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="ShopGraph handles the identity handshakes and returns UCP-compliant product data with transparent confidence scores, so your pipelines keep moving.">
<title>ShopGraph — Authenticated Product Data Extraction</title>
<link rel="icon" type="image/png" href="/icon.png">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/styles/main.css">
<style>
/* Figma design overrides */
.hero h1 {
font-family: var(--font-sans) !important;
font-size: 32px !important;
font-weight: 400 !important;
color: #007AFF !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
.hero .subtitle {
font-size: 18px !important;
line-height: 26px !important;
color: #222 !important;
font-variation-settings: "wght" 400 !important;
}
.playground {
border: 1px dashed #007AFF !important;
background: transparent !important;
}
.playground-label {
font-family: var(--font-sans) !important;
font-size: 18px !important;
font-weight: 500 !important;
color: #000 !important;
margin-bottom: 0.75rem;
}
.playground #pg-url {
background: #f3f8ff !important;
border: 1px solid #0969da !important;
border-radius: 16px !important;
font-family: var(--font-mono);
font-size: 14px;
padding: 10px 14px !important;
}
#pg-extract-btn {
background: #007AFF !important;
color: #fff !important;
font-family: var(--font-mono) !important;
font-size: 13px !important;
font-weight: 500 !important;
border-radius: 40px !important;
padding: 10px 16px !important;
border: none;
cursor: pointer;
}
#pg-extract-btn:hover {
background: #0062d6 !important;
}
.two-col-layout {
display: flex;
gap: 161px;
ma