.skill-detail-hero:where(.astro-6uhpdugx){position:relative;overflow:hidden;padding-top:clamp(4rem,10vw,8rem);padding-bottom:clamp(4rem,10vw,8rem)}html[data-theme=light] .skill-detail-hero:where(.astro-6uhpdugx),:root[data-theme=light] .skill-detail-hero:where(.astro-6uhpdugx){background:linear-gradient(135deg,#fff,#fafafa,#fff)}.hero__inner:where(.astro-6uhpdugx){position:relative;z-index:1}.hero__content:where(.astro-6uhpdugx){max-width:900px;margin:0 auto;text-align:center}.hero-headline:where(.astro-6uhpdugx){font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);font-weight:500;font-family:var(--font-heading);margin-bottom:1.5rem;color:var(--sl-color-white);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}.hero-subheadline:where(.astro-6uhpdugx){font-size:var(--text-subtitle);line-height:var(--leading-copy);color:var(--sl-color-gray-2);margin-bottom:1.5rem}html[data-theme=light] .hero-subheadline:where(.astro-6uhpdugx),:root[data-theme=light] .hero-subheadline:where(.astro-6uhpdugx){color:var(--sl-color-gray-4)}.hero-supporting:where(.astro-6uhpdugx){font-size:1.125rem;line-height:1.6;color:var(--sl-color-gray-3);margin-bottom:2rem}.trigger-pills:where(.astro-6uhpdugx){display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.trigger-pill:where(.astro-6uhpdugx){display:inline-block}.trigger-pill:where(.astro-6uhpdugx) code:where(.astro-6uhpdugx){font-size:var(--text-sm);padding:.5rem 1rem;background:color-mix(in srgb,var(--sl-color-gray-6) 60%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-none);color:var(--sl-color-gray-2);font-family:var(--font-heading)}@media(max-width:768px){.skill-detail-hero:where(.astro-6uhpdugx){padding-top:3rem;padding-bottom:3rem}.hero-supporting:where(.astro-6uhpdugx){font-size:var(--text-body)}}.workflow-content:where(.astro-hhyfyak6){max-width:800px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}.workflow-timeline:where(.astro-hhyfyak6){display:flex;flex-direction:column;gap:0}.workflow-phase:where(.astro-hhyfyak6){display:flex;gap:1.5rem;position:relative}.phase-number-wrapper:where(.astro-hhyfyak6){display:flex;flex-direction:column;align-items:center;flex-shrink:0}.phase-number:where(.astro-hhyfyak6){width:3rem;height:3rem;border-radius:var(--radius-none);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500;font-family:var(--font-heading);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);flex-shrink:0}.phase-connector:where(.astro-hhyfyak6){width:2px;flex:1;background:color-mix(in srgb,var(--sl-color-gray-5) 60%,transparent);min-height:2rem}.phase-content:where(.astro-hhyfyak6){padding-bottom:2.5rem;padding-top:.25rem}.phase-title:where(.astro-hhyfyak6){font-size:1.25rem;font-weight:600;color:var(--sl-color-white);margin:0 0 .5rem}.phase-description:where(.astro-hhyfyak6){font-size:1rem;line-height:1.6;color:var(--sl-color-gray-2);margin:0}@media(max-width:768px){.workflow-content:where(.astro-hhyfyak6){padding:0 .5rem}.phase-content:where(.astro-hhyfyak6){padding-bottom:2rem}}.features-content:where(.astro-qelw7mqk){max-width:900px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}.features-grid:where(.astro-qelw7mqk){display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;box-sizing:border-box}.feature-card:where(.astro-qelw7mqk){border-radius:var(--radius-none);border:1px solid var(--border-subtle);padding:2rem 1.5rem;box-sizing:border-box;transition:border-color var(--ease-ui)}.feature-card:where(.astro-qelw7mqk):hover{border-color:var(--border-mid)}.feature-title:where(.astro-qelw7mqk){font-size:1.125rem;font-weight:600;color:var(--sl-color-white);margin:0 0 .5rem}.feature-description:where(.astro-qelw7mqk){font-size:1rem;line-height:1.6;color:var(--sl-color-gray-2);margin:0}@media(max-width:768px){.features-content:where(.astro-qelw7mqk){padding:0 .5rem}.features-grid:where(.astro-qelw7mqk){grid-template-columns:1fr}}@media(max-width:480px){.features-content:where(.astro-qelw7mqk){padding:0 .25rem}.feature-card:where(.astro-qelw7mqk){padding:1.5rem 1.25rem}}.skill-use-cases:where(.astro-zl663msf){background-color:color-mix(in srgb,var(--sl-color-gray-6) 30%,transparent)}.use-cases-content:where(.astro-zl663msf){max-width:900px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}.use-cases-grid:where(.astro-zl663msf){display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;box-sizing:border-box}.use-case-card:where(.astro-zl663msf){border-radius:1rem;border:1px solid var(--sl-color-gray-6);padding:2rem 1.5rem;box-sizing:border-box}.use-case-title:where(.astro-zl663msf){font-size:1.125rem;font-weight:600;color:var(--sl-color-white);margin:0 0 .5rem}.use-case-description:where(.astro-zl663msf){font-size:1rem;line-height:1.6;color:var(--sl-color-gray-2);margin:0}@media(max-width:900px){.use-cases-grid:where(.astro-zl663msf){grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.use-cases-content:where(.astro-zl663msf){padding:0 .5rem}.use-cases-grid:where(.astro-zl663msf){grid-template-columns:1fr}}@media(max-width:480px){.use-cases-content:where(.astro-zl663msf){padding:0 .25rem}.use-case-card:where(.astro-zl663msf){padding:1.5rem 1.25rem}}
