.examples-page-module__0SnxWG__page{width:100%}.examples-page-module__0SnxWG__section{max-width:var(--max-width);margin:0 auto;padding:72px 64px}.examples-page-module__0SnxWG__header{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.examples-page-module__0SnxWG__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono,monospace)}.examples-page-module__0SnxWG__titleRow{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.examples-page-module__0SnxWG__title{font-family:var(--font-logo);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(40px,5vw,64px);font-weight:650;line-height:1.1}.examples-page-module__0SnxWG__subtitle{color:var(--text-secondary);max-width:60ch;font-size:16px;line-height:1.7}.examples-page-module__0SnxWG__railDivider{background:var(--border-subtle);width:100%;height:1px;margin:28px 0 40px}.examples-page-module__0SnxWG__grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.examples-page-module__0SnxWG__card{all:unset;cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-primary);flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.examples-page-module__0SnxWG__card:before{content:"";opacity:.3;pointer-events:none;border-radius:var(--radius-lg);background-image:linear-gradient(90deg,#5b747e14 1px,#0000 1px),linear-gradient(#5b747e0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.examples-page-module__0SnxWG__card:hover{border-color:#5b747e4d;transform:translateY(-2px);box-shadow:0 8px 32px #00000012}.examples-page-module__0SnxWG__cardThumb{aspect-ratio:16/9;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#5b747e14 0%,#5b747e08 100%);flex-shrink:0;width:100%;position:relative;overflow:hidden}.examples-page-module__0SnxWG__cardThumbInner{flex-direction:column;padding:24px;display:flex;position:absolute;inset:0}.examples-page-module__0SnxWG__coverGrid{pointer-events:none;background-image:linear-gradient(#8892a90d 1px,#0000 1px),linear-gradient(90deg,#8892a90d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.examples-page-module__0SnxWG__coverBranding{z-index:1;justify-content:space-between;width:100%;display:flex;position:relative}.examples-page-module__0SnxWG__coverBrandingItem{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--text-muted);opacity:.6;font-size:9px;font-weight:600}.examples-page-module__0SnxWG__coverTitleArea{z-index:1;text-align:center;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.examples-page-module__0SnxWG__coverTitle{font-family:var(--font-logo);color:var(--text-primary);letter-spacing:-.02em;max-width:12ch;font-size:26px;font-weight:600;line-height:1.1}.examples-page-module__0SnxWG__coverFooter{z-index:1;justify-content:space-between;width:100%;display:flex;position:relative}.examples-page-module__0SnxWG__coverAccent{background:linear-gradient(135deg, var(--category-color) 0%, transparent 70%);opacity:.2;width:40px;height:40px;position:absolute;top:0;right:0}.examples-page-module__0SnxWG__thumbPlaceholderLabel{display:none}.examples-page-module__0SnxWG__cardBody{flex-direction:column;flex:1;gap:6px;padding:20px 22px 22px;display:flex}.examples-page-module__0SnxWG__cardCategory{text-transform:uppercase;letter-spacing:.1em;color:var(--category-color,var(--brand-sage));font-size:11px;font-weight:600;font-family:var(--font-mono,monospace);align-items:center;gap:6px;display:inline-flex}.examples-page-module__0SnxWG__cardCategory:before{content:"";background:var(--category-color,var(--brand-sage));border-radius:999px;flex-shrink:0;width:5px;height:5px;display:inline-block}.examples-page-module__0SnxWG__cardTitle{color:var(--text-primary);letter-spacing:-.02em;margin-top:2px;font-size:18px;font-weight:650;line-height:1.25}.examples-page-module__0SnxWG__cardDesc{color:var(--text-secondary);flex:1;margin:0;font-size:14px;line-height:1.6}.examples-page-module__0SnxWG__cardCta{color:var(--text-muted);align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:600;transition:color .15s;display:inline-flex}.examples-page-module__0SnxWG__card:hover .examples-page-module__0SnxWG__cardCta{color:var(--text-primary)}.examples-page-module__0SnxWG__modalBackdrop{z-index:2000;-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.18s examples-page-module__0SnxWG__backdropIn;display:flex;position:fixed;inset:0}@keyframes examples-page-module__0SnxWG__backdropIn{0%{opacity:0}to{opacity:1}}.examples-page-module__0SnxWG__modal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:1100px;height:min(86vh,860px);animation:.2s examples-page-module__0SnxWG__modalIn;display:flex;overflow:hidden;box-shadow:0 32px 80px #0003}@keyframes examples-page-module__0SnxWG__modalIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.examples-page-module__0SnxWG__modalHeader{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.examples-page-module__0SnxWG__modalMeta{align-items:center;gap:12px;min-width:0;display:flex}.examples-page-module__0SnxWG__modalTitle{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.examples-page-module__0SnxWG__modalActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.examples-page-module__0SnxWG__modalExternalLink{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.examples-page-module__0SnxWG__modalExternalLink:hover{color:var(--text-primary);border-color:#5b747e66}.examples-page-module__0SnxWG__modalClose{all:unset;cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.examples-page-module__0SnxWG__modalClose:hover{color:var(--text-primary);background:#0000000d}.examples-page-module__0SnxWG__modalFrame{flex:1;position:relative;overflow:hidden}.examples-page-module__0SnxWG__iframe{border:none;width:100%;height:100%;display:block}@media (max-width:900px){.examples-page-module__0SnxWG__grid{grid-template-columns:1fr}}@media (max-width:768px){.examples-page-module__0SnxWG__section{padding:56px 24px}.examples-page-module__0SnxWG__subtitle{font-size:15px}.examples-page-module__0SnxWG__modalBackdrop{align-items:flex-end;padding:0}.examples-page-module__0SnxWG__modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;height:92dvh}}