.example-landing{--landing-max-width:720px;--landing-preview-height:360px;--landing-iframe-scale:.65;--landing-back-color:var(--text-muted);--landing-category-bg:var(--surface);--landing-category-color:var(--text-muted);--landing-step-num-bg:var(--surface);--landing-step-num-color:var(--accent);--landing-cta-primary-bg:var(--accent);--landing-cta-primary-color:#fff;--landing-cta-secondary-border:var(--border);--landing-cta-secondary-color:var(--text);padding:var(--space-7)var(--space-4)}.example-landing-inner{max-width:var(--landing-max-width);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.example-landing-back{color:var(--landing-back-color);font-size:var(--typo-copy);align-items:center;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.example-landing-back:hover{color:var(--text)}.example-landing-header{gap:var(--space-2);flex-direction:column;display:flex}.example-landing-category{width:fit-content;font-size:var(--typo-label);color:var(--landing-category-color);background:var(--landing-category-bg);border:1px solid var(--border);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;font-weight:500;display:inline-flex}.example-landing-title{font-size:var(--typo-hero);font-weight:var(--font-weight-bold);color:var(--text);letter-spacing:-.02em;line-height:1.2}.example-landing-desc{font-size:var(--typo-subtitle);color:var(--text-muted);line-height:1.6}.example-landing-preview-wrap{height:var(--landing-preview-height);border:1px solid var(--border);border-radius:var(--radius-lg);background:#f3f4f6;position:relative;overflow:hidden}.example-landing-frame{width:calc(100%/var(--landing-iframe-scale));height:calc(var(--landing-preview-height)/var(--landing-iframe-scale));transform:scale(var(--landing-iframe-scale));transform-origin:0 0;pointer-events:none;border:none;display:block}.example-landing-overlay{z-index:1;position:absolute;inset:0}.example-landing-steps-title{font-size:var(--typo-title);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-4)}.example-landing-steps-list{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.example-landing-step{gap:var(--space-3);align-items:flex-start;display:flex}.example-landing-step-num{background:var(--landing-step-num-bg);border:1px solid var(--border);width:28px;height:28px;font-size:var(--typo-copy);font-weight:var(--font-weight-semibold);color:var(--landing-step-num-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.example-landing-step-heading{font-size:var(--typo-largecopy);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:4px;display:block}.example-landing-step-text{font-size:var(--typo-copy);color:var(--text-muted);line-height:1.6}.example-landing-ctas{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.example-landing-cta-primary{background:var(--landing-cta-primary-bg);color:var(--landing-cta-primary-color);border-radius:var(--radius-md);font-size:var(--typo-copy);font-weight:var(--font-weight-semibold);align-items:center;padding:11px 22px;text-decoration:none;transition:opacity .15s;display:inline-flex}.example-landing-cta-primary:hover{opacity:.88}.example-landing-cta-secondary{border:1px solid var(--landing-cta-secondary-border);color:var(--landing-cta-secondary-color);border-radius:var(--radius-md);font-size:var(--typo-copy);background:0 0;align-items:center;padding:10px 22px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.example-landing-cta-secondary:hover{background:var(--surface)}@media (max-width:480px){.example-landing{padding:var(--space-5)var(--space-3)}.example-landing-ctas{flex-direction:column;align-items:stretch}.example-landing-cta-primary,.example-landing-cta-secondary{justify-content:center}}