.showcase{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.showcase-card{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-outline) 80%, transparent);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-leaf-card), inset 0 2px 0 #ffffffa6, inset 0 0 0 1px color-mix(in srgb, var(--showcase-accent,transparent) 16%, transparent);animation:showcase-card-fade .36s var(--ease-spring);align-items:stretch;display:flex;position:relative;overflow:hidden}.showcase-card:before{content:"";background:var(--showcase-accent,var(--color-foliage-near));z-index:1;width:5px;position:absolute;inset:0 auto 0 0}@keyframes showcase-card-fade{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.showcase-card-figure{flex:5;place-items:center;margin:0;padding:12px;display:grid}.showcase-card-thumb{aspect-ratio:1;border-radius:var(--radius-md);width:100%;max-width:104px;box-shadow:inset 0 2px 0 #ffffff61, inset 0 -4px 0 color-mix(in srgb, var(--color-foliage-deep) 26%, transparent), 0 0 0 2px color-mix(in srgb, var(--showcase-accent,transparent) 55%, transparent), var(--sh-sm);place-items:center;display:grid;position:relative;overflow:hidden}.showcase-card-thumb img,.showcase-card-thumb .parrot-image-fallback{object-fit:contain;width:100%;height:100%}.showcase-card-thumb:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 24% 12%,#ffffff80,#0000 56%);position:absolute;inset:0}.showcase-card-body{text-align:left;flex-direction:column;flex:9;justify-content:center;gap:8px;min-width:0;padding:14px 16px 14px 4px;display:flex}.showcase-card-head{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;line-height:1.15;display:flex}.showcase-card-code{letter-spacing:.04em;color:var(--color-ink);font-size:clamp(1.05rem,4.4vw,1.375rem)}.showcase-card-sep{color:color-mix(in srgb, var(--color-ink-muted) 55%, transparent);font-weight:400}.showcase-card-name{color:var(--color-ink);font-size:clamp(.95rem,3.6vw,1.125rem);font-weight:700}.showcase-card-desc{-webkit-line-clamp:2;line-clamp:2;color:var(--color-ink-muted);-webkit-box-orient:vertical;margin:0;font-size:clamp(.8125rem,3.2vw,.9375rem);line-height:1.4;display:-webkit-box;overflow:hidden}.showcase-peek-viewport{width:100%;padding:14px 0;overflow:hidden}.showcase-peek-track{will-change:transform;width:max-content;transition:transform .52s var(--ease-leaf);gap:12px;display:flex;position:relative;left:50%}.peek{border-radius:var(--radius-md);width:56px;height:56px;box-shadow:inset 0 2px 0 #ffffff57, inset 0 -3px 0 color-mix(in srgb, var(--color-foliage-deep) 26%, transparent), var(--sh-sm);opacity:.55;cursor:pointer;appearance:none;transition:opacity .28s var(--ease-leaf), box-shadow .28s var(--ease-leaf), transform .28s var(--ease-spring);border:none;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.peek:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 24% 12%,#ffffff6b,#0000 58%);position:absolute;inset:0}.peek:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.peek img,.peek .parrot-image-fallback{object-fit:contain;width:100%;height:100%;display:block}.peek.is-active{opacity:1;z-index:1;box-shadow:inset 0 2px 0 #ffffff57, inset 0 -3px 0 color-mix(in srgb, var(--color-foliage-deep) 26%, transparent), 0 0 0 3px var(--showcase-accent,var(--color-primary)), 0 8px 18px color-mix(in srgb, var(--color-foliage-deep) 34%, transparent);transform:translateY(-3px)scale(1.22)}.showcase-caption{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.showcase-card{animation:none}.showcase-peek-track,.peek{transition:none}}
.hero{text-align:center;flex-direction:column;flex:1;width:100%;max-width:560px;margin-inline:auto;padding:clamp(16px,3vh,30px) 20px clamp(10px,2vh,20px);display:flex;position:relative}.hero-first{flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.hero-group{flex-direction:column;align-items:center;width:100%;display:flex}.hero-group--top{gap:clamp(20px,6vh,96px)}.hero-group--mid{gap:16px}.hero-title{letter-spacing:-.01em;text-wrap:balance;margin:clamp(24px,12vh,96px) 0 0;font-size:clamp(40px,11vw,68px);line-height:1.02}.hl{color:var(--brand-d);white-space:nowrap;position:relative}.hl:after{content:"";z-index:-1;border-radius:var(--r-pill);background:color-mix(in srgb, var(--pop-yellow) 70%, transparent);height:38%;position:absolute;bottom:6%;left:-2%;right:-2%;transform:rotate(-1.5deg)}.hero-dex{margin:0}.hero-stats{color:var(--color-ink-muted);justify-content:center;align-items:stretch;gap:22px;font-size:14px;font-weight:600;display:flex}.hero-stats>div{white-space:nowrap}.hero-stats b{font-family:var(--font-display), system-ui, sans-serif;color:var(--color-ink);font-size:26px;line-height:1;display:block}.hero-stats-div{background:var(--color-outline);width:1px}.hero-cta{margin:0}