.example-page{min-height:60vh}.example-header{background:linear-gradient(135deg,var(--color-band-dark) 0%,var(--color-band-darker) 100%);padding:var(--space-10, 2.5rem) var(--space-4, 1rem);text-align:center}.example-header-container{max-width:48rem;margin:0 auto}.example-badge{display:inline-block;background:var(--color-yellow);color:var(--color-gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:.35rem 1rem;border-radius:999px;margin-bottom:var(--space-4, 1rem)}.example-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-white);margin:0 0 var(--space-3, .75rem)}.example-intro{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-gray-100);margin:0}.example-content{padding:var(--space-8, 2rem) var(--space-4, 1rem)}.example-container{max-width:56rem;margin:0 auto}.example-results-wrapper{position:relative}.example-watermark{position:sticky;top:calc(100px + .75rem);z-index:5;width:fit-content;margin:0 auto -.675rem;background:var(--color-yellow);color:var(--color-gray-900);font-size:var(--text-xs);line-height:1;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:.3rem .9rem;border-radius:999px;box-shadow:0 0 0 2px var(--color-white),0 2px 6px #00000026}.example-note{font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;margin:var(--space-6, 1.5rem) 0}.example-cta{background:linear-gradient(135deg,var(--color-band-dark) 0%,var(--color-band-darker) 100%);border-radius:12px;padding:var(--space-8, 2rem);text-align:center;color:var(--color-white)}.example-cta-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-white);margin:0 0 var(--space-3, .75rem)}.example-cta-text{font-size:var(--text-lg);color:var(--color-gray-100);margin:0 0 var(--space-6, 1.5rem)}.example-cta-back{margin:var(--space-4, 1rem) 0 0;font-size:var(--text-sm)}.example-cta-back a{color:var(--color-gray-200);text-decoration:underline}@media(max-width:640px){.example-title{font-size:var(--text-2xl)}.example-watermark{top:calc(78px + .5rem)}.example-cta{padding:var(--space-6, 1.5rem)}}
