.svc{background-color:var(--palette-night);padding-bottom:var(--space-2xl);position:relative;overflow-x:clip}.svc>section{position:relative}.svc-wrap{width:100%;max-width:var(--wrap-view);padding-inline:var(--content-padding);margin-inline:auto}.svc-catalog,.svc-process,.svc-commit{padding-top:clamp(var(--space-2xl), 9vw, var(--space-3xl))}.svc-mini-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.svc-mini-label--stack{margin-top:var(--space-md)}.svc-items{margin-top:var(--space-2xl);gap:clamp(var(--space-2xl), 8vw, var(--space-3xl));padding:0;list-style:none;display:grid}.svc-item{gap:var(--space-lg);display:grid;position:relative}@media (width>=62rem){.svc-item{align-items:center;column-gap:clamp(var(--space-lg), 4vw, var(--space-2xl));grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.svc-item[data-side=right]{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.svc-item[data-side=right] .svc-item-mark{order:2}}.svc-item-mark{align-items:flex-start;gap:var(--space-2xs);flex-direction:column;line-height:1;display:flex;position:relative}@media (width>=62rem){.svc-item[data-side=right] .svc-item-mark{text-align:right;align-items:flex-end}}.svc-item-num{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);color:var(--palette-amber)}.svc-item-code{font-family:var(--font-mono);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tighter);color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px color-mix(in oklab, var(--palette-turquesa) 45%, transparent);transition:-webkit-text-stroke-color var(--dur-slow) var(--ease-tide), transform var(--dur-slow) var(--ease-expo);background-image:none;background-clip:text;font-size:clamp(4.5rem,3rem + 12vw,11rem)}.svc-item:hover .svc-item-code{background-image:var(--gradient-sunset);-webkit-text-stroke-color:color-mix(in oklab, var(--palette-amber) 55%, transparent);transform:translateY(-4px)}.svc-item-name{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-wrap:pretty}.svc-item-tagline{margin-top:var(--space-2xs);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--palette-turquesa);text-wrap:pretty}.svc-item-desc{margin-top:var(--space-md);max-width:60ch;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.svc-item-cols{margin-top:var(--space-lg);gap:var(--space-lg);display:grid}@media (width>=40rem){.svc-item-cols{gap:clamp(var(--space-md), 4vw, var(--space-xl));grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.svc-checks{margin-top:var(--space-sm);gap:var(--space-2xs);padding:0;list-style:none;display:grid}.svc-check{align-items:start;gap:var(--space-2xs);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);grid-template-columns:auto 1fr;display:grid}.svc-check-mark{border-radius:var(--radius-xs);border:var(--border-thin) solid color-mix(in oklab, var(--palette-turquesa) 40%, transparent);width:1.25rem;height:1.25rem;color:var(--palette-turquesa);place-items:center;margin-top:.1rem;display:grid}.svc-check-mark svg{width:.85rem;height:.85rem}.svc-tags{margin-top:var(--space-sm);gap:var(--space-2xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.svc-tag{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--palette-night) 40%, transparent);font-size:var(--text-2xs);color:var(--color-text-muted);padding:.3rem .7rem}.svc-stack{margin-top:var(--space-sm);gap:var(--space-2xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.svc-tech{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--palette-sand) 90%, transparent);width:2.5rem;height:2.5rem;transition:transform var(--dur-base) var(--ease-expo), box-shadow var(--dur-base) var(--ease-tide);place-items:center;padding:.4rem;display:grid;position:relative}.svc-tech img{object-fit:contain;width:100%;height:100%;display:block}.svc-tech:hover{box-shadow:var(--shadow-sm);z-index:4;transform:translateY(-2px)}.svc-tech-name{z-index:5;border:var(--border-thin) solid var(--color-border-strong);border-radius:var(--radius-xs);background:color-mix(in oklab, var(--palette-night) 92%, transparent);-webkit-backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);white-space:nowrap;color:var(--color-brand-soft);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-soft), translate var(--dur-base) var(--ease-expo);padding:.2rem .5rem;line-height:1.5;position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50% .25rem}.svc-tech-name:after{content:"";background:inherit;border-right:var(--border-thin) solid var(--color-border-strong);border-bottom:var(--border-thin) solid var(--color-border-strong);width:.4rem;height:.4rem;position:absolute;top:100%;left:50%;translate:-50% -55%;rotate:45deg}.svc-tech:hover .svc-tech-name{opacity:1;translate:-50%}.svc .svc-steps{--progress:0;margin-top:var(--space-2xl);max-width:52rem;padding:0 0 0 3rem;list-style:none;position:relative}.svc-steps:before{content:"";border-radius:var(--radius-pill);background:var(--color-border);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:1.25rem}.svc-steps:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(to bottom, var(--palette-turquesa), var(--palette-amber));width:2px;box-shadow:0 0 12px color-mix(in oklab, var(--palette-amber) 60%, transparent);transform-origin:top;transform:scaleY(var(--progress,0));transition:transform .12s linear;position:absolute;top:.5rem;bottom:.5rem;left:1.25rem}.svc-step{padding-block:clamp(var(--space-md), 3vw, var(--space-lg));position:relative}.svc-step:first-child{padding-top:0}.svc-step-dot{top:clamp(var(--space-md), 3vw, var(--space-lg));border:2px solid color-mix(in oklab, var(--palette-turquesa) 45%, transparent);background:var(--color-bg);border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;display:grid;position:absolute;left:-1.75rem;translate:-50%}.svc-step:first-child .svc-step-dot{top:0}.svc-step-dot-core{background:var(--color-text-subtle);width:.4rem;height:.4rem;transition:background-color var(--dur-base) var(--ease-tide), box-shadow var(--dur-base) var(--ease-tide), transform var(--dur-base) var(--ease-expo);border-radius:50%}.svc-step.is-in .svc-step-dot-core{background:var(--palette-amber);box-shadow:0 0 10px color-mix(in oklab, var(--palette-amber) 70%, transparent);transform:scale(1.15)}.svc-step-idx{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);color:var(--palette-amber)}.svc-step-name{margin-top:var(--space-3xs);font-size:var(--text-lg);line-height:var(--leading-snug);text-wrap:pretty}.svc-step-body{margin-top:var(--space-2xs);max-width:52ch;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.svc-commit-grid{margin-top:var(--space-2xl);gap:var(--space-md);padding:0;list-style:none;display:grid}@media (width>=48rem){.svc-commit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.svc-card{padding:clamp(var(--space-md), 3vw, var(--space-xl));border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--palette-night) 46%, transparent);transition:transform var(--dur-base) var(--ease-expo), border-color var(--dur-base) var(--ease-tide), box-shadow var(--dur-base) var(--ease-tide);position:relative;overflow:hidden}.svc-card:hover{border-color:var(--color-border-warm);box-shadow:var(--shadow-md);transform:translateY(-4px)}.svc-card-sheen{pointer-events:none;background:linear-gradient(115deg, transparent 30%, color-mix(in oklab, var(--palette-amber) 16%, transparent) 48%, transparent 66%);transition:transform var(--dur-slower) var(--ease-soft);position:absolute;inset:0;transform:translate(-120%)}.svc-card:hover .svc-card-sheen{transform:translate(120%)}.svc-card>:not(.svc-card-sheen){z-index:1;position:relative}.svc-card-code{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);color:var(--palette-amber)}.svc-card-title{margin-top:var(--space-2xs);font-size:var(--text-lg);line-height:var(--leading-snug);text-wrap:pretty}.svc-card-body{margin-top:var(--space-sm);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.svc-closing{margin-top:var(--space-2xl);gap:var(--space-lg);padding-top:var(--space-xl);border-top:var(--border-thin) solid var(--color-border);align-items:center;display:grid}@media (width>=48rem){.svc-closing{gap:var(--space-2xl);grid-template-columns:auto minmax(0,1fr)}}.svc-closing-mark{justify-items:center;gap:var(--space-2xs);width:clamp(7rem,20vw,9rem);display:grid}.svc-closing-mark svg{width:100%;height:auto}.svc-closing-ring{stroke:color-mix(in oklab, var(--palette-turquesa) 55%, transparent);stroke-width:1.5px}.svc-closing-ticks line{stroke:color-mix(in oklab, var(--palette-stone) 40%, transparent);stroke-width:1.2px}.svc-closing-needle{fill:var(--palette-coral);filter:drop-shadow(0 0 5px color-mix(in oklab, var(--palette-coral) 55%, transparent));transform-origin:60px 60px;animation:svc-needle 9s var(--ease-soft) infinite}@keyframes svc-needle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}.svc-closing-hub{fill:var(--palette-amber)}.svc-closing-coords{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);text-align:center}.svc-closing-eyebrow{color:var(--palette-turquesa)}.svc-closing-title{margin-top:var(--space-3xs);font-size:clamp(1.6rem,1.1rem + 2vw,2.5rem);line-height:var(--leading-snug);text-wrap:pretty}.svc-closing-body{margin-top:var(--space-sm);max-width:56ch;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.svc-closing-cta{margin-top:var(--space-lg)}.svc-closing-cta-arrow{transition:transform var(--dur-base) var(--ease-expo);margin-left:.35em;display:inline-block}.svc-closing-cta:hover .svc-closing-cta-arrow,.svc-closing-cta:focus-visible .svc-closing-cta-arrow{transform:translateY(3px)}.svc[data-armed] [data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-tide), transform var(--dur-slow) var(--ease-tide);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(1.5rem)}.svc[data-armed] [data-reveal].is-in{opacity:1;transform:none}.svc[data-armed] .svc-check-mark path{stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset var(--dur-slow) var(--ease-expo)}.svc[data-armed] .svc-item-body.is-in .svc-check-mark path{stroke-dashoffset:0}.svc[data-armed] .svc-item-body.is-in .svc-check:nth-child(2) .svc-check-mark path{transition-delay:90ms}.svc[data-armed] .svc-item-body.is-in .svc-check:nth-child(3) .svc-check-mark path{transition-delay:.18s}.svc[data-armed] .svc-item-body.is-in .svc-check:nth-child(4) .svc-check-mark path{transition-delay:.27s}.svc[data-armed] .svc-item-body.is-in .svc-check:nth-child(5) .svc-check-mark path{transition-delay:.36s}.svc[data-armed] .svc-item-body.is-in .svc-check:nth-child(6) .svc-check-mark path{transition-delay:.45s}@media (prefers-reduced-motion:reduce){.svc-closing-needle{animation:none}.svc-item-code,.svc-tech,.svc-card,.svc-card-sheen,.svc-step-dot-core,.svc-closing-cta-arrow,.svc-steps:after{transition:none}.svc-check-mark path{stroke-dashoffset:0!important}.svc-steps{--progress:1}.svc-step-dot-core{background:var(--palette-amber)}}
