.sample-section{border-top:1px solid var(--line);padding:64px 0 72px}.sample-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.sample-heading h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.06em;margin:12px 0 0;max-width:600px}.sample-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sample-card{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:var(--text);border:1px solid var(--line);background:var(--panel);padding:10px;min-width:0;transition:border-color .16s ease,transform .16s ease}.sample-card:hover{border-color:#737d3c;transform:translateY(-2px)}.sample-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#0d0f12}.sample-card span{font:500 9px var(--mono);letter-spacing:.08em;color:var(--acid);text-transform:uppercase}.sample-card strong{font-size:12px;line-height:1.4}.sample-disclosure{font-size:11px;color:var(--quiet);line-height:1.65;margin:16px 0 0}.seo-main{padding:44px 0 88px}.seo-main .breadcrumb{font:500 10px var(--mono);letter-spacing:.03em;color:var(--quiet);margin-bottom:30px}.seo-main .breadcrumb a{color:var(--muted);text-decoration:none}.seo-main .breadcrumb a:hover{color:var(--acid)}.seo-hero{max-width:820px;margin:0 auto 38px}.seo-hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;letter-spacing:-.075em;margin:12px 0 20px}.seo-hero>p{font-size:17px;line-height:1.75;color:#c7c8c9;max-width:740px}.seo-callout{border-left:1px solid var(--acid);padding:5px 0 5px 15px;color:var(--muted);font-size:12px;line-height:1.7;margin:24px 0 0}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 18px}.example-card{border:1px solid var(--line);background:var(--panel);padding:13px;min-width:0}.example-card figure{margin:0}.example-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#090a0c}.example-card figcaption{display:flex;justify-content:space-between;gap:12px;padding:11px 2px 1px;font-size:11px;color:var(--muted)}.example-card figcaption strong{font:500 10px var(--mono);color:var(--acid);text-transform:uppercase;letter-spacing:.07em}.example-caption{max-width:820px;color:var(--quiet);font-size:11px;line-height:1.65;margin:0 auto 48px}.seo-content{max-width:780px;margin:0 auto}.seo-content h2{font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.05em;margin:42px 0 12px}.seo-content h3{font-size:17px;letter-spacing:-.03em;margin:27px 0 8px}.seo-content p,.seo-content li{font-size:14px;line-height:1.8;color:var(--muted)}.seo-content ul,.seo-content ol{padding-left:21px}.seo-content li{padding:2px 0}.seo-content a{color:var(--acid)}.prompt-sample{background:#101216;border:1px solid var(--line);border-left:2px solid var(--acid);padding:18px 20px;margin:18px 0 24px;color:#d7d8d9;font-size:13px;line-height:1.75}.seo-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.seo-meta span{border:1px solid var(--line);padding:6px 9px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.04em}.seo-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.example-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0}.example-directory a{display:flex;flex-direction:column;gap:9px;background:var(--panel);border:1px solid var(--line);padding:12px;color:var(--text);text-decoration:none}.example-directory a:hover{border-color:#737d3c}.example-directory img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.example-directory span{color:var(--acid);font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.example-directory strong{font-size:16px}.example-directory small{font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:800px){.sample-section{padding:48px 0}.sample-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-main{padding-top:32px}.example-grid{gap:9px}.example-card{padding:8px}.example-card figcaption{flex-direction:column;gap:4px}.sample-heading{align-items:flex-start;flex-direction:column}.example-directory{gap:9px}}
@media(max-width:480px){.sample-cards,.example-directory{grid-template-columns:1fr 1fr;gap:7px}.sample-card{padding:7px}.sample-card strong{font-size:10px}.sample-disclosure{font-size:10px}.example-grid{grid-template-columns:1fr}.example-card img{aspect-ratio:4/3}.seo-hero>p{font-size:15px}.seo-content p,.seo-content li{font-size:13px}.example-directory a{padding:8px}.example-directory strong{font-size:13px}.example-directory small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sample-card{transition:none}}
.example-card.square img{aspect-ratio:1/1}