.examples-index-hero{padding-bottom:48px}.examples-index-hero p:not(.section-label){color:var(--text-secondary);font-size:19px;line-height:1.85}.examples-jump{flex-wrap:wrap;gap:12px 32px;margin-top:36px;display:flex}.examples-jump a{border-bottom:1px solid var(--border-control);color:var(--text-primary);align-items:center;gap:20px;padding:8px 0;font-size:15px;font-weight:650;display:inline-flex}.examples-jump a:hover{color:var(--link);border-color:var(--link)}.examples-jump a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}.examples-jump span{color:var(--link)}.examples-gallery{padding:24px 0 60px}.examples-home{background:var(--surface-subtle);padding:80px 0}.examples-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px;display:flex}.examples-heading h2{letter-spacing:-.04em;margin:16px 0 0;font-size:clamp(30px,3.7vw,44px);line-height:1.35}.examples-heading>p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.9}.examples-list-title{color:var(--text-secondary);margin:0 0 24px;font-size:14px;font-weight:500}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.example-card{min-width:0}.example-card-link{background:var(--surface-page);border:1px solid var(--border-subtle);border-radius:8px;height:100%;display:block;overflow:hidden}.example-card-link:hover{border-color:var(--action-primary)}.example-card-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.example-card-copy{padding:26px}.example-eyebrow{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:12px;display:flex}.example-eyebrow>span:first-child{color:var(--link);font-weight:600}.example-card h3{letter-spacing:-.025em;margin:14px 0;font-size:23px;line-height:1.4}.example-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.85}.example-card-foot{color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;font-size:12px;display:flex}.example-card-foot strong{color:var(--link);font-size:14px}.example-preview{background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle);min-height:253px;padding:22px 22px 0;position:relative}.preview-window{background:var(--product-nav);color:var(--text-inverse);border-radius:5px 5px 0 0;justify-content:space-between;gap:10px;padding:12px 14px;font-size:9px;display:flex}.preview-window>span:first-child{letter-spacing:.06em}.preview-metrics{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.preview-metrics>div{border-bottom:1px solid var(--border-subtle);padding:12px 0}.preview-metrics span{color:var(--text-secondary);font-size:10px;display:block}.preview-metrics strong{color:var(--text-primary);letter-spacing:-.03em;margin-top:6px;font-size:24px;display:block}.preview-metrics>div:last-child strong{color:var(--product-accent)}.preview-body{background:var(--surface-page);border-inline:1px solid var(--border-subtle);padding:16px 14px 26px}.preview-tabs{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);gap:22px;margin-bottom:12px;font-size:10px;display:flex}.preview-tabs span{padding-bottom:8px}.preview-tabs .selected{color:var(--product-accent);border-bottom:2px solid var(--product-accent)}.preview-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:10px;padding:10px 8px;font-size:10px;display:grid}.preview-th{background:var(--surface-subtle);font-size:9px}.preview-row.highlight{background:var(--product-tint);color:var(--text-primary)}.preview-state{color:var(--product-accent)}.preview-body>p{color:var(--text-secondary);margin-top:14px;font-size:9px;line-height:1.5}.preview-open{background:var(--action-primary);color:var(--text-inverse);opacity:0;border-radius:4px;padding:7px 12px;font-size:11px;position:absolute;bottom:12px;right:32px}.example-card-link:hover .preview-open,.example-card-link:focus-visible .preview-open{opacity:1}.examples-disclosure{color:var(--text-tertiary);margin:24px 0 12px;font-size:12px;line-height:1.8}.examples-scope{border-top:1px solid var(--border-subtle);padding:44px 0 64px}.examples-scope h2{font-size:26px}.examples-scope p{color:var(--text-secondary);margin:16px 0;line-height:1.8}.examples-scope>.container>div{flex-wrap:wrap;gap:16px 32px;display:flex}@media (max-width:900px){.examples-heading{display:block}.examples-heading>p{margin-top:20px}.example-card h3{font-size:20px}.preview-row{gap:6px;font-size:9px}.example-preview{min-height:220px;padding:14px 14px 0}}@media (max-width:650px){.examples-index-hero{padding:38px 0}.examples-index-hero p:not(.section-label){font-size:15px}.examples-home{padding:48px 0}.examples-grid{grid-template-columns:1fr;gap:24px}.example-card-copy{padding:22px}}.examples-index .examples-grid{grid-template-columns:1fr;gap:0}.examples-index .example-card{border-top:1px solid var(--border-subtle);padding:48px 0}.examples-index .example-card-link{border:0;border-radius:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:56px;display:grid;overflow:visible}.examples-index .example-card-copy{grid-area:1/1;padding:0}.examples-index .example-eyebrow{justify-content:flex-start;gap:16px;font-size:13px}.examples-index .example-eyebrow>span:last-child{display:none}.examples-index .example-card h3{letter-spacing:-.035em;word-break:keep-all;margin:16px 0 20px;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.4}.examples-index .example-card p{word-break:keep-all;font-size:16px;line-height:1.8}.examples-index .example-card .example-outcome{color:var(--text-tertiary);margin-top:18px;font-size:14px}.examples-index .example-card-foot{flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}.examples-index .example-card-foot strong{background:var(--action-primary);color:var(--text-inverse);border-radius:999px;align-items:center;gap:30px;padding:13px 22px;font-size:15px;display:inline-flex}.examples-index .example-card-link:hover .example-card-foot strong{background:var(--action-hover)}.examples-index .example-preview{border:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:12px;grid-area:1/2;padding:28px}.examples-index .preview-body{border:1px solid var(--border-subtle);border-top:0;border-radius:0 0 6px 6px;padding:18px}.examples-index .preview-window{padding:14px 18px;font-size:11px}.examples-index .preview-window>span:first-child{letter-spacing:0;font-size:14px;font-weight:650}.examples-index .preview-row{padding:12px 8px;font-size:11px}.examples-index .preview-body>p{margin:18px 0 0;font-size:11px}.examples-index .preview-open{display:none}.examples-index .examples-disclosure{border-top:1px solid var(--border-subtle);margin-top:0;padding-top:24px}@media (max-width:900px){.examples-index .example-card-link{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.examples-index .example-preview{padding:16px}.examples-index .preview-row{font-size:10px}}@media (max-width:700px){.examples-index-hero{padding-bottom:32px}.examples-index-hero p:not(.section-label){font-size:16px}.examples-jump{grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:26px;display:grid}.examples-jump a{justify-content:space-between;font-size:14px}.examples-index .example-card{padding:32px 0}.examples-index .example-card-link{flex-direction:column;align-items:stretch;gap:26px;display:flex}.examples-index .example-card-copy{order:-1}.examples-index .example-card h3{font-size:28px}.examples-index .example-card p{font-size:15px}.examples-index .example-card-foot{flex-direction:row;align-items:center;gap:12px}.examples-index .example-card-foot strong{gap:18px;padding:11px 18px;font-size:14px}.examples-index .preview-body{padding:12px}.examples-index .preview-row{gap:6px;font-size:9px}.examples-scope h2{font-size:26px;line-height:1.45}}.example-product-window{background:0 0;border:0;width:calc(100vw - 48px);max-width:1480px;height:calc(100dvh - 48px);max-height:none;margin:auto;padding:0;overflow:visible}.example-product-window::backdrop{background:#000000b8}.example-product-window>div{flex-direction:column;height:100%;display:flex}.example-product-window header{color:var(--text-inverse);justify-content:space-between;align-items:center;gap:20px;padding:0 0 14px;font-size:14px;display:flex}.example-product-window header>div{align-items:center;gap:24px;font-size:12px;display:flex}.example-product-window header button{color:var(--text-inverse);background:var(--neutral-600);cursor:pointer;border:0;border-radius:4px;padding:7px 12px}.example-product-window iframe{background:var(--surface-page);border:0;border-radius:8px;flex:1;width:100%;min-height:0}.examples-index .example-card .preview-body>p{margin:18px 0 0;font-size:11px;line-height:1.65}