.examples-section{padding:56px clamp(22px,5vw,82px) 70px;border-top:1px solid var(--line);background:radial-gradient(circle at 20% 0,rgba(113,77,209,.13),transparent 40%),#101119}
.examples-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
.examples-heading h2{font-size:clamp(24px,2.4vw,34px)}
.examples-heading p:last-child{margin:9px 0 0;color:#9899a7;font-size:13px}
.examples-navigation{display:flex;gap:9px}
.examples-navigation button{width:40px;height:40px;padding:0;font-size:19px}
.examples-navigation button:disabled{opacity:.35;cursor:not-allowed}
.examples-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 2px 18px;scrollbar-color:#62528a transparent}
.example-card{flex:0 0 min(480px,calc(100vw - 46px));display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;align-items:center;min-height:285px;padding:19px;border:1px solid rgba(170,143,255,.18);border-radius:17px;background:linear-gradient(145deg,rgba(49,42,75,.8),rgba(22,23,32,.95));scroll-snap-align:start}
.example-visual{position:relative;width:145px;aspect-ratio:733/1024;border-radius:8px;overflow:hidden;isolation:isolate;background:#171724;box-shadow:0 16px 28px rgba(0,0,0,.35)}
.example-visual .content-layers,.example-visual .support-surface{position:absolute;inset:0}
.example-visual .support-surface{opacity:var(--example-support-opacity,.6);background-image:var(--example-support-image);mix-blend-mode:var(--example-support-blend,color-dodge)}
.example-visual .content-layers{z-index:1}
.example-visual .card-glare{z-index:2;pointer-events:none}
.example-visual .art-layer{transform:none}
.example-visual .art-layer img{width:100%;height:100%;object-fit:cover}
.example-visual.is-pending{display:grid;place-items:center;text-align:center;padding:12px;color:#b9b0d5;font-size:12px;line-height:1.5;background:radial-gradient(circle at 50% 30%,#324575,#171724 72%)}
.example-copy{min-width:0}.example-copy h3{margin:0 0 8px;font:600 19px 'Space Grotesk'}.example-copy p{margin:0 0 13px;color:#a8a8b5;font-size:12px;line-height:1.5}
.example-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.example-tags span{padding:5px 7px;border:1px solid rgba(169,143,255,.2);border-radius:20px;color:#ccbafa;background:rgba(136,100,228,.1);font-size:10px}
.example-load{background:#9a7bfa;color:#111019;border:0;font-size:11px;font-weight:700}.example-load:hover:not(:disabled){background:#b49dff}.example-load:disabled{opacity:.55;cursor:not-allowed}
.example-missing{display:block;margin-top:8px;color:#a99da8;font-size:10px;line-height:1.45}
.examples-status{min-height:18px;margin:8px 0 0;color:#c0adef;font-size:12px}
@media(max-width:580px){.examples-section{padding:40px 20px 55px}.example-card{grid-template-columns:100px minmax(0,1fr);gap:13px;padding:12px;min-height:220px}.example-visual{width:100px}.example-copy h3{font-size:15px}.example-copy p{font-size:10px}.example-tags span{font-size:9px}.examples-navigation button{width:34px;height:34px}}
@media(max-width:580px){.example-card{flex-basis:calc(100vw - 40px)}.example-visual{-webkit-clip-path:inset(0 round 8px);clip-path:inset(0 round 8px)}}