.affiliate-page { max-width: 760px; padding: 48px 24px 80px; } .affiliate-breadcrumb { display: flex; gap: 6px; align-items: center; margin-bottom: 32px; font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); } .affiliate-breadcrumb a { color: var(--muted); text-decoration: none; } .affiliate-breadcrumb-current { color: var(--text); } .affiliate-title { margin-bottom: 12px; font-family: var(--display); font-size: 42px; letter-spacing: .03em; } .affiliate-updated { margin-bottom: 40px; font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); } .affiliate-stack { display: flex; flex-direction: column; gap: 32px; } .affiliate-stack h2 { margin-bottom: 12px; font-family: var(--display); font-size: 24px; letter-spacing: .04em; } .affiliate-stack p, .affiliate-list { color: var(--muted); font-size: 14px; line-height: 1.8; } .affiliate-card { padding: 24px 28px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r2); } .affiliate-meta { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); font-family: var(--mono); font-size: 11px; } .affiliate-list { padding-left: 20px; } .affiliate-badge-demo { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; padding: 10px 18px; background: var(--card); border: 1px solid var(--border); border-radius: var(--r); } .affiliate-demo-link { font-size: 13px; font-weight: 500; color: var(--text); } .affiliate-demo-badge { padding: 2px 6px; border-radius: 3px; background: rgba(255,255,255,.1); color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; } .affiliate-contact { padding-top: 24px; border-top: 1px solid var(--border); } @media (max-width: 640px) { .affiliate-page { padding: 32px 16px 72px; } .affiliate-title { font-size: 34px; } .affiliate-card { padding: 18px; } }