.svc-section{padding-block:var(--section-padding);background:var(--color-dark);color:var(--color-cream)}.svc-list{--trunk:calc(var(--container-padding) * .5);--wire:color-mix(in srgb, var(--color-cream) 28%, transparent);margin-top:calc(var(--section-padding) * .5);border-bottom:1px solid var(--color-line-dark)}.svc{align-items:start;column-gap:var(--gap-padding);padding:calc(var(--section-padding) / 5) 0 calc(var(--section-padding) / 5) var(--container-padding);border-top:1px solid var(--color-line-dark);transition:opacity .3s var(--ease-primary);grid-template-columns:minmax(0,1fr) minmax(0,22%) auto;grid-template-areas:"main tags go";display:grid;position:relative}.svc__wire{top:0;bottom:-1px;left:var(--trunk);background:var(--wire);width:1px;position:absolute}.svc__wire>span{background:var(--color-brand);opacity:0;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:50%;box-shadow:0 0 12px 2px #d4ff3f8c}.svc__port{top:0;left:var(--trunk);z-index:1;background:var(--color-brand);width:9px;height:9px;transition:scale .3s var(--ease-primary);border-radius:50%;margin:-4.5px 0 0 -4px;position:absolute;box-shadow:0 0 10px #d4ff3f59}.svc__pulse{top:-1px;right:0;left:var(--trunk);background:var(--color-brand);opacity:0;transform-origin:0;height:1px;transition:opacity .3s var(--ease-primary), transform 0s linear .3s;position:absolute;transform:scaleX(0)}.svc__main{grid-area:main;transition:opacity .8s ease-out,translate 1s cubic-bezier(.16,1,.3,1)}.svc__index{color:var(--color-brand);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;margin-bottom:.9em;font-size:.75em;display:block}.svc__name{letter-spacing:-.02em;transition:translate .3s var(--ease-primary);font-size:clamp(1.6em,2.9vw,3.25em);font-weight:450;line-height:1.05}.svc__link{color:inherit;text-decoration:none}.svc__link:after{content:"";position:absolute;inset:0}.svc__link:focus-visible{outline:none}.svc:has(.svc__link:focus-visible){outline:2px solid var(--color-brand);outline-offset:4px}.svc__lede{max-width:52ch;color:var(--color-muted-dark);margin-top:.9em}.svc__tags{color:var(--color-muted-dark);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;grid-area:tags;padding-top:2.15em;font-size:.72em;line-height:1.9;transition:opacity .8s ease-out .1s,translate 1s cubic-bezier(.16,1,.3,1) .1s}.svc__go{isolation:isolate;width:3.4em;height:3.4em;box-shadow:inset 0 0 0 1px var(--color-line-dark);transition:color .3s var(--ease-primary);border-radius:50%;grid-area:go;align-self:center;place-items:center;display:grid;position:relative;overflow:hidden}.svc__go:before{content:"";z-index:-1;background:var(--color-brand);border-radius:50%;width:150%;height:200%;transition:transform .5s cubic-bezier(.45,0,.55,1);position:absolute;top:-50%;left:-25%;transform:translateY(76%)}.svc__go svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:1.05em}@media (hover:hover) and (pointer:fine){.svc-list:has(.svc:hover) .svc:not(:hover){opacity:.45}.svc:hover .svc__name{translate:calc(var(--container-padding) * .08) 0}.svc:hover .svc__port{scale:1.35}.svc:hover .svc__pulse{opacity:1;transition:opacity .15s var(--ease-primary), transform .6s var(--ease-primary);transform:none}.svc:hover .svc__go{color:var(--color-on-brand);transition-delay:.35s}.svc:hover .svc__go:before{transition-delay:.3s;transform:none}}.svc:has(.svc__link:focus-visible) .svc__go{color:var(--color-on-brand)}.svc:has(.svc__link:focus-visible) .svc__go:before{transform:none}.svc-list[data-wire] .svc:not([data-on]) .svc__wire{clip-path:inset(0 0 100%)}.svc-list[data-wire] .svc:not([data-on]) .svc__port{background:var(--color-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-cream) 45%, transparent)}.svc-list[data-wire] .svc:not([data-on]) :is(.svc__main,.svc__tags){opacity:.2;translate:0 1.5em}.svc-list[data-wire] .svc[data-on=""] .svc__port{animation:svc-port .4s var(--ease-primary) both}.svc-list[data-wire] .svc[data-on=""] .svc__wire{animation:1s cubic-bezier(.65,0,.35,1) .25s both svc-wire}.svc-list[data-wire] .svc[data-on=""] .svc__wire>span{animation:1s cubic-bezier(.65,0,.35,1) .25s both svc-dot}@keyframes svc-port{0%{background:var(--color-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-cream) 45%, transparent);scale:.6}to{background:var(--color-brand);scale:1;box-shadow:0 0 10px #d4ff3f59}}@keyframes svc-wire{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes svc-dot{0%{opacity:0;top:0}12%,85%{opacity:1}to{opacity:0;top:100%}}@media (max-width:1024px){.svc{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main go""tags go"}.svc__tags{flex-wrap:wrap;gap:.2em 1.4em;padding-top:1.1em;display:flex}}@media (max-width:540px){.svc-list{--trunk:.35em}.svc{grid-template-areas:"main go""tags tags";column-gap:1em;padding-left:1.75em}.svc__go{align-self:start;width:2.75em;height:2.75em}}.line-draw{view-timeline:--line block;position:relative}.line-draw:before{content:"";background:color-mix(in srgb, currentColor 20%, transparent);transform-origin:0;width:100%;height:1px;position:absolute;top:0;left:0}.quotes{margin-top:calc(var(--section-padding) * .5);border-top:1px solid color-mix(in srgb, currentColor 20%, transparent)}.quote{padding-block:calc(var(--section-padding) * .35);border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent)}.quote__figure{padding-left:var(--container-padding);align-items:start;column-gap:var(--gap-padding);view-timeline:--quote block;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"by text";display:grid}.quote__text{letter-spacing:-.015em;text-wrap:pretty;grid-area:text;font-size:clamp(1.35em,2.1vw,2.15em);font-weight:450;line-height:1.22;position:relative}.quote__mark{color:var(--color-muted);padding-right:.08em;position:absolute;top:0;right:100%}.quote__by{grid-area:by;align-items:center;gap:.9em;padding-top:.35em;display:flex}.quote__mono{background:var(--color-dark);width:3.2em;height:3.2em;color:var(--color-cream);letter-spacing:.06em;border-radius:50%;flex:none;place-items:center;font-size:.8em;display:grid}.quote__role{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.35em;font-size:.7em;display:block}@media (max-width:1024px){.quote__figure{padding-left:0}}@media (max-width:767px){.quote__figure{grid-template-columns:minmax(0,1fr);grid-template-areas:"text""by";row-gap:1.5em}.quote__text{padding-left:.45em}.quote__mark{padding-right:0;left:0;right:auto}}.faq{align-items:start;gap:var(--gap-padding) calc(var(--gap-padding) * 1.5);interpolate-size:allow-keywords;grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.faq__intro{position:sticky;top:max(15vh,6em)}.faq__list{min-width:0}.faq__item:last-child{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent)}.faq__q{cursor:pointer;align-items:baseline;gap:1.1em;padding-block:1.35em;list-style:none;display:flex}.faq__q::-webkit-details-marker{display:none}.faq__q:focus-visible{outline-offset:2px;outline:2px solid}.faq__n{width:2em;color:var(--color-muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;flex:none;font-size:.75em}.faq__title{letter-spacing:-.01em;transition:translate .3s var(--ease-primary);flex:1;font-size:clamp(1.15em,1.45vw,1.5em);font-weight:450;line-height:1.25}.faq__icon{width:.9em;height:.9em;transition:rotate .45s var(--ease-primary);flex:none;align-self:center;position:relative}.faq__icon:before,.faq__icon:after{content:"";background:currentColor;width:100%;height:1.5px;position:absolute;top:50%;left:0;translate:0 -50%}.faq__icon:after{rotate:90deg}.faq__item[open] .faq__icon{rotate:45deg}.faq__a{max-width:62ch;color:var(--color-muted);padding:0 2.5em 1.6em 2.85em}@media (hover:hover){.faq__q:hover .faq__title{translate:.3em}}@supports selector(::details-content){.faq__item::details-content{block-size:0;transition:block-size .5s var(--ease-primary), content-visibility .5s allow-discrete;overflow-y:clip}.faq__item[open]::details-content{block-size:auto}}@media (max-width:1024px){.faq{grid-template-columns:minmax(0,1fr)}.faq__intro{position:static}}@media (max-width:540px){.faq__q{gap:.8em}.faq__n{width:1.6em}.faq__a{padding-inline:0}}@media (prefers-reduced-motion:reduce){.svc__main,.svc__tags{transition:none}.faq__item::details-content{transition:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.line-draw:before{animation:linear both line-draw;animation-timeline:--line;animation-range:entry calc(15% + var(--i,0) * 12%) cover calc(32% + var(--i,0) * 12%)}.quote__text,.quote__by{animation:linear both rise;animation-timeline:--quote;animation-range:entry entry 90%}}}@keyframes line-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes rise{0%{opacity:.2;transform:translateY(1.25em)}to{opacity:1;transform:none}}.faq-section{padding:calc(var(--section-padding) * .4) calc(var(--container-padding) * .5) var(--section-padding)}.faq-card{--faq-ink-soft:#4a4d3a;background:var(--color-brand);color:var(--color-on-brand);transform-origin:50% 0;view-timeline:--faq-card block;border-radius:clamp(1.5em,3vw,3em);padding:clamp(2.5em,6vw,6em) clamp(1.5em,5vw,6em) clamp(2em,5vw,5em);position:relative}.faq-card__arrow{fill:none;stroke:currentColor;stroke-width:.9px;width:clamp(2.5em,5vw,5.5em);position:absolute;bottom:clamp(2em,5vw,5em);left:clamp(1.5em,5vw,6em)}.faq-card .faq__intro{padding-left:0}.faq-card .faq__intro p:first-child,.faq-card .faq__n,.faq-card .faq__a{color:var(--faq-ink-soft)}@keyframes faq-open{0%{transform:scale(.9)}to{transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.faq-card{animation:linear both faq-open;animation-timeline:--faq-card;animation-range:entry entry 70%}}}@media (max-width:1024px){.faq-card__arrow{display:none}}
