.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)}html[data-theme=light] .skill-detail-hero:where(.astro-6uhpdugx):before,:root[data-theme=light] .skill-detail-hero:where(.astro-6uhpdugx):before{content:"";position:absolute;top:-30%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--color-lightmode-primary) 12%,transparent) 0%,color-mix(in srgb,var(--color-lightmode-primary) 4%,transparent) 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:0}html[data-theme=light] .skill-detail-hero:where(.astro-6uhpdugx):after,:root[data-theme=light] .skill-detail-hero:where(.astro-6uhpdugx):after{content:"";position:absolute;bottom:-20%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--color-lightmode-primary) 10%,transparent) 0%,color-mix(in srgb,var(--color-lightmode-primary) 3%,transparent) 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:0}.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:3.5rem;line-height:1.1;letter-spacing:-2px;font-weight:700;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:1.375rem;line-height:1.6;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:.875rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--sl-color-gray-6) 60%,transparent);border:1px solid var(--sl-color-gray-5);border-radius:2rem;color:var(--sl-color-gray-2);font-family:var(--sl-font-mono, ui-monospace, monospace)}@media(max-width:768px){.skill-detail-hero:where(.astro-6uhpdugx){padding-top:3rem;padding-bottom:3rem}.hero-headline:where(.astro-6uhpdugx){font-size:2.5rem;line-height:1.2;letter-spacing:-1.5px}.hero-subheadline:where(.astro-6uhpdugx){font-size:1.125rem}.hero-supporting:where(.astro-6uhpdugx){font-size:1rem}}@media(max-width:520px){.hero-headline:where(.astro-6uhpdugx){font-size:2rem;line-height:1.2;letter-spacing:-1px}.hero-subheadline:where(.astro-6uhpdugx){font-size:1rem}}.skill-workflow:where(.astro-hhyfyak6){background-color:color-mix(in srgb,var(--sl-color-gray-6) 30%,transparent)}.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:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--sl-color-white);background:var(--color-primary-gradient);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:1rem;border:1px solid var(--sl-color-gray-6);padding:2rem 1.5rem;box-sizing:border-box}.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}}