.sample-roster:where(.astro-cshq7nch){--sample-accent: color-mix(in srgb, var(--sl-color-accent) 78%, #7c3aed);--sample-border: color-mix(in srgb, var(--sl-color-gray-5) 74%, transparent);margin-top:2rem}.sample-track:where(.astro-cshq7nch)+.sample-track:where(.astro-cshq7nch),.table-section:where(.astro-cshq7nch){margin-top:4rem}.track-heading:where(.astro-cshq7nch){max-width:48rem;margin-bottom:1.4rem}.track-heading:where(.astro-cshq7nch).compact{margin-bottom:1rem}.track-heading:where(.astro-cshq7nch) h2:where(.astro-cshq7nch){margin:.15rem 0 .5rem;font-size:clamp(1.45rem,3vw,2rem)}.track-heading:where(.astro-cshq7nch) p:where(.astro-cshq7nch):last-child{margin:0;color:var(--sl-color-gray-2);font-size:1.02rem}.track-kicker:where(.astro-cshq7nch){margin:0;color:var(--sample-accent);font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sample-grid:where(.astro-cshq7nch){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}.sample-card:where(.astro-cshq7nch){position:relative;display:flex;min-height:22rem;flex-direction:column;overflow:hidden;border:1px solid var(--sample-border);border-radius:1rem;padding:1.25rem;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sample-accent) 14%,transparent),transparent 42%),var(--sl-color-bg-nav);box-shadow:0 .75rem 2rem #00000014;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sample-card:where(.astro-cshq7nch):before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--sample-accent),transparent 78%);content:""}.sample-card:where(.astro-cshq7nch):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sample-accent) 54%,var(--sample-border));box-shadow:0 1rem 2.5rem #00000021}.sample-card-topline:where(.astro-cshq7nch){display:flex;align-items:center;gap:.45rem;color:var(--sl-color-gray-2);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.experience-icon:where(.astro-cshq7nch){display:grid;width:2rem;height:2rem;place-items:center;border-radius:.55rem;background:color-mix(in srgb,var(--sample-accent) 18%,transparent);color:var(--sample-accent);font-size:1rem}.ui:where(.astro-cshq7nch):before{margin-right:.45rem;color:var(--sl-color-gray-4);content:"·"}.sample-card:where(.astro-cshq7nch) h3:where(.astro-cshq7nch){margin:1.2rem 0 .55rem;font-size:1.35rem}.tagline:where(.astro-cshq7nch){margin:0;color:var(--sl-color-gray-2);line-height:1.55}.product-list:where(.astro-cshq7nch){display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.product-list:where(.astro-cshq7nch) span:where(.astro-cshq7nch){border:1px solid color-mix(in srgb,var(--sample-accent) 34%,var(--sample-border));border-radius:999px;padding:.2rem .55rem;background:color-mix(in srgb,var(--sample-accent) 8%,transparent);color:var(--sl-color-text-accent);font-size:.78rem;font-weight:700}.highlights:where(.astro-cshq7nch){margin:1rem 0 1.25rem;padding-left:1.15rem;color:var(--sl-color-gray-2);font-size:.92rem}.highlights:where(.astro-cshq7nch) li:where(.astro-cshq7nch)+li:where(.astro-cshq7nch){margin-top:.35rem}.sample-actions:where(.astro-cshq7nch){display:flex;flex-direction:column;gap:.7rem;margin-top:auto}.action-links:where(.astro-cshq7nch){display:flex;flex-wrap:wrap;gap:.55rem}.primary-action:where(.astro-cshq7nch),.preview-action:where(.astro-cshq7nch){display:inline-flex;width:fit-content;align-items:center;gap:.45rem;border-radius:.55rem;padding:.55rem .8rem;font-weight:750;text-decoration:none}.primary-action:where(.astro-cshq7nch){background:var(--sample-accent);color:#fff}.preview-action:where(.astro-cshq7nch){border:1px solid color-mix(in srgb,var(--sample-accent) 45%,var(--sample-border));color:var(--sl-color-text-accent)}.primary-action:where(.astro-cshq7nch):hover,.preview-action:where(.astro-cshq7nch):hover{text-decoration:none;filter:brightness(1.06)}.primary-action:where(.astro-cshq7nch):hover{color:#fff}.runtime:where(.astro-cshq7nch){color:var(--sl-color-gray-3);font-size:.76rem;line-height:1.35}.table-wrap:where(.astro-cshq7nch){overflow-x:auto;border:1px solid var(--sample-border);border-radius:.8rem}table:where(.astro-cshq7nch){width:100%;margin:0;border-collapse:collapse;font-size:.88rem}th:where(.astro-cshq7nch),td:where(.astro-cshq7nch){padding:.85rem 1rem;border-bottom:1px solid var(--sample-border);text-align:left;vertical-align:top}thead:where(.astro-cshq7nch){background:color-mix(in srgb,var(--sample-accent) 9%,var(--sl-color-bg-nav))}tbody:where(.astro-cshq7nch) tr:where(.astro-cshq7nch):last-child th:where(.astro-cshq7nch),tbody:where(.astro-cshq7nch) tr:where(.astro-cshq7nch):last-child td:where(.astro-cshq7nch){border-bottom:0}@media(prefers-reduced-motion:reduce){.sample-card:where(.astro-cshq7nch){transition:none}.sample-card:where(.astro-cshq7nch):hover{transform:none}}.sample-hero:where(.astro-ru5q2nyj){position:relative;overflow:hidden;margin:1rem 0 2.5rem;border:1px solid color-mix(in srgb,var(--sl-color-accent) 35%,var(--sl-color-gray-5));border-radius:1.1rem;padding:clamp(1.35rem,4vw,2.5rem);background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--sl-color-accent) 22%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--sl-color-accent) 8%,var(--sl-color-bg)),var(--sl-color-bg-nav))}.sample-hero:where(.astro-ru5q2nyj):after{position:absolute;right:-3rem;bottom:-5rem;width:13rem;height:13rem;border:1.6rem solid color-mix(in srgb,var(--sl-color-accent) 10%,transparent);border-radius:50%;content:""}.sample-hero:where(.astro-ru5q2nyj) h2:where(.astro-ru5q2nyj){position:relative;max-width:42rem;margin:.25rem 0 .8rem;font-size:clamp(1.8rem,5vw,3rem);line-height:1.05}.sample-hero:where(.astro-ru5q2nyj)>p:where(.astro-ru5q2nyj):not(.eyebrow){position:relative;max-width:43rem;margin:0;color:var(--sl-color-gray-2);font-size:1.06rem;line-height:1.65}.eyebrow:where(.astro-ru5q2nyj){margin:0;color:var(--sl-color-text-accent);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-actions:where(.astro-ru5q2nyj){position:relative;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;z-index:1}.hero-actions:where(.astro-ru5q2nyj) a:where(.astro-ru5q2nyj){border:1px solid color-mix(in srgb,var(--sl-color-accent) 45%,var(--sl-color-gray-5));border-radius:.6rem;padding:.62rem .9rem;font-weight:750;text-decoration:none}.hero-actions:where(.astro-ru5q2nyj) a:where(.astro-ru5q2nyj).primary{border-color:var(--sl-color-accent-high);background:var(--sl-color-accent-high);color:var(--sl-color-black)}