.ui-container.skills-page{width:min(1440px,100% - 32px);display:flex;flex-direction:column;gap:var(--space-7);padding-bottom:var(--space-4)}.skills-terminal{--skills-line:color-mix(in srgb,var(--color-text) 12%,transparent);--skills-line-strong:color-mix(in srgb,var(--color-text) 18%,transparent);--skills-dim:color-mix(in srgb,var(--color-text) 38%,transparent);--skills-danger:#f07178;position:relative;display:flex;flex-direction:column;overflow:clip;border:1px solid var(--skills-line);background:color-mix(in srgb,var(--color-canvas-deep) 42%,transparent);font-family:var(--font-sans);color:var(--color-text)}.skills-rail{display:none}.skills-capabilities,.skills-capability,.skills-chrome,.skills-foot,.skills-intro{padding-inline:clamp(1rem,3.2vw,2.15rem)}.skills-chrome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:44px;border-bottom:1px solid var(--skills-line)}.skills-chrome__place,.skills-copy__kicker,.skills-copy__tech,.skills-prompt,.skills-session,.skills-stack__json{margin:0;font-family:var(--font-mono);font-size:.75rem;line-height:1.4;letter-spacing:.01em}.skills-prompt__cash,.skills-session__cash,.skills-session__host{color:var(--brand-cyan)}.skills-copy__index span:first-child,.skills-copy__kicker{color:var(--skills-tone,var(--brand-cyan))}.skills-session__path{color:var(--brand-blue)}.skills-chrome__place,.skills-copy__tech,.skills-prompt,.skills-session__colon,.skills-stack__json{color:var(--color-text-muted)}.skills-cursor{display:inline-block;width:.55em;height:.95em;margin:0 0 -.12em .28em;background:var(--color-teal);vertical-align:baseline;animation:skillsBlink 1.05s steps(1) infinite}.skills-cursor--block{width:.62em;height:1em;margin-left:.2em;background:var(--color-text)}.skills-chrome__place{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);white-space:nowrap}.skills-prompt{display:flex;align-items:center;margin-bottom:.85rem}.skills-intro{padding-block:clamp(3.25rem,8vw,1.5rem);border-bottom:1px solid var(--skills-line)}.skills-headline{margin:0;max-width:14em;font-family:var(--font-display);font-size:clamp(1.55rem,1.05rem + 2vw,2.65rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.skills-capabilities{padding-inline:clamp(1rem,3.2vw,2.15rem);padding-block:clamp(1.5rem,4vw,2.4rem);border-bottom:1px solid var(--skills-line)}.skills-intro__rule{width:min(11rem,42%);height:1px;margin-top:1.75rem;background:color-mix(in srgb,var(--color-teal) 70%,var(--skills-line))}.skills-capability{--skills-tone:var(--color-teal);display:grid;grid-template-columns:minmax(15rem,.86fr) minmax(0,1.28fr);grid-gap:clamp(1.25rem,3.5vw,3rem);gap:clamp(1.25rem,3.5vw,3rem);align-items:center;padding-block:clamp(2.4rem,5.5vw,4.25rem)}.skills-capability--cyan,.skills-rail__item--cyan{--skills-tone:var(--brand-cyan)}.skills-capability--blue,.skills-rail__item--blue{--skills-tone:var(--brand-blue)}.skills-capability--indigo,.skills-rail__item--indigo{--skills-tone:var(--accent-indigo)}.skills-capability--purple,.skills-rail__item--purple{--skills-tone:var(--brand-purple)}.skills-capability--orange,.skills-rail__item--orange{--skills-tone:var(--brand-orange)}.skills-capability+.skills-capability,.skills-capability-board+.skills-capability{border-top:1px solid var(--skills-line)}.skills-capability__copy,.skills-capability__stage{min-width:0;overflow-x:clip}.skills-capability__stage.reveal,.skills-capability__stage.reveal.is-armed,.skills-capability__stage.reveal.is-visible{transform:none}.skills-copy__index{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .85rem;font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.08em}.skills-copy__index span:last-child{color:var(--color-text)}.skills-capability--orange .skills-copy__index span:last-child{color:var(--skills-tone)}.skills-copy__kicker{margin:0 0 .85rem;font-size:.68rem;font-weight:600;letter-spacing:.16em}.skills-copy__body{max-width:22rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.55}.skills-copy__body,.skills-copy__items{display:flex;flex-direction:column;margin:0}.skills-copy__items{gap:.5rem;padding:0;list-style:none}.skills-copy__items li{display:flex;align-items:center;gap:.55rem;font-size:.9rem}.skills-copy__items svg{width:16px;height:16px;color:var(--skills-tone);flex-shrink:0}.skills-copy__tech{margin:1.15rem 0 0;padding:0;font-size:.72rem;letter-spacing:.04em}.skills-copy__stages{display:flex;flex-direction:column;gap:.85rem;margin:1.15rem 0 0;padding:0;list-style:none}.skills-copy__stages li{display:flex;align-items:flex-start;gap:.7rem}.skills-copy__letter{display:grid;place-items:center;width:1.7rem;height:1.7rem;flex-shrink:0;margin-top:.05rem;border:1px solid color-mix(in srgb,var(--skills-tone) 42%,var(--skills-line));color:var(--skills-tone);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.04em}.skills-copy__stages strong{display:block;margin-bottom:.12rem;color:var(--color-text);font-size:.78rem;letter-spacing:.12em}.skills-copy__stages span span{color:var(--color-text-muted);font-size:.82rem;letter-spacing:0}.skills-foot{border-top:1px solid var(--skills-line);padding-block:clamp(1.4rem,3vw,2rem)}.skills-stack__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .85rem;margin-bottom:.85rem}.skills-stack__head .skills-prompt{margin:0}.skills-stack__json{margin:0;overflow-x:auto;color:var(--color-text-muted);font-family:inherit;font-size:.78rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.skills-stack__json .is-key{color:var(--color-teal)}.skills-stack__json .is-str{color:var(--color-text)}#build-approach,#build-connected,#build-interfaces,#build-intro,#build-modernize,#build-systems{scroll-margin-top:calc(var(--nav-height) + 18px)}#build-approach.is-targeted,#build-connected.is-targeted,#build-interfaces.is-targeted,#build-intro.is-targeted,#build-modernize.is-targeted,#build-systems.is-targeted{animation:skillsTarget .85s var(--ease-out)}.approach-scene,.arch-scene,.connect-scene,.modern-scene,.product-scene{width:100%}.product-scene__frame{display:grid;grid-template-columns:4.6rem minmax(0,1fr);min-height:292px;overflow:hidden;border:1px solid var(--skills-line);background:color-mix(in srgb,var(--color-canvas) 72%,transparent)}.product-scene__rail{display:flex;flex-direction:column;gap:.7rem;padding:.75rem .45rem;border-right:1px solid var(--skills-line);background:color-mix(in srgb,var(--color-canvas-deep) 55%,transparent)}.product-scene__mark{display:grid;place-items:center;width:1.7rem;height:1.7rem;margin-inline:auto;border:1px solid color-mix(in srgb,var(--skills-tone) 50%,var(--skills-line));color:var(--skills-tone);font-size:.68rem;font-weight:700}.product-scene__nav{display:flex;flex-direction:column;gap:.35rem}.product-scene__nav-item{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.35rem .15rem;color:var(--color-text-dim);font-size:.48rem;letter-spacing:.04em;text-align:center}.product-scene__nav-item svg{width:13px;height:13px}.product-scene__nav-item.is-active{color:var(--skills-tone);background:color-mix(in srgb,var(--skills-tone) 8%,transparent)}.product-scene__main{display:flex;flex-direction:column;min-width:0}.product-scene__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.7rem;gap:.7rem;padding:.65rem .8rem;border-bottom:1px solid var(--skills-line)}.product-scene__top strong{font-size:.72rem;font-weight:600;letter-spacing:.08em}.product-scene__search{min-width:0;padding:.28rem .6rem;border:1px solid var(--skills-line);color:var(--color-text-dim);font-size:.62rem}.product-scene__user{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--skills-tone) 40%,var(--skills-line));color:var(--skills-tone);font-size:.55rem;font-weight:700}.product-scene__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;padding:.7rem .8rem .3rem}.product-scene__metric{display:flex;flex-direction:column;gap:.12rem;min-width:0;padding:.5rem .55rem;border:1px solid var(--skills-line)}.product-scene__metric span{color:var(--color-text-dim);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.product-scene__metric strong{font-size:.92rem;font-weight:600}.product-scene__metric em{color:var(--skills-tone);font-size:.58rem;font-style:normal}.arch-scene__node,.connect-scene__node,.product-scene__metric{transition:border-color .25s var(--ease-out)}.arch-scene__node:hover,.connect-scene__node:hover,.product-scene__metric:hover{border-color:color-mix(in srgb,var(--skills-tone) 45%,var(--skills-line))}.product-scene__body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(7.5rem,.72fr);grid-gap:.65rem;gap:.65rem;padding:.45rem .8rem .55rem}.product-scene__activity,.product-scene__chart{min-width:0;padding:.5rem .55rem;border:1px solid var(--skills-line)}.product-scene__activity>span,.product-scene__chart-head{display:flex;justify-content:space-between;margin-bottom:.35rem;color:var(--color-text-dim);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.product-scene__chart svg{display:block;width:100%;height:68px}.product-scene__chart-line{fill:none;stroke:var(--skills-tone);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.product-scene__chart-fill{fill:color-mix(in srgb,var(--skills-tone) 12%,transparent);opacity:0}.product-scene.is-hot .product-scene__chart-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1) .18s}.product-scene.is-hot .product-scene__chart-fill{opacity:1;transition:opacity .7s var(--ease-out) .42s}.product-scene__activity ul{display:flex;flex-direction:column;gap:.38rem;margin:0;padding:0;list-style:none}.product-scene__activity li{display:flex;flex-direction:column;gap:.08rem}.product-scene__activity strong{font-size:.62rem;font-weight:500}.product-scene__activity span{color:var(--color-text-dim);font-size:.52rem}.product-scene__layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:auto;border-top:1px solid var(--skills-line)}.product-scene__layers span{padding:.45rem .2rem;color:var(--color-text-dim);font-size:.5rem;letter-spacing:.06em;text-align:center}.product-scene__layers span+span{border-left:1px solid var(--skills-line)}.product-scene__layers .is-active{color:var(--skills-tone);background:color-mix(in srgb,var(--skills-tone) 8%,transparent)}.product-scene__activity,.product-scene__chart,.product-scene__layers,.product-scene__metric,.product-scene__rail,.product-scene__top{opacity:0;transform:translate3d(0,8px,0)}.product-scene.is-hot .product-scene__activity,.product-scene.is-hot .product-scene__chart,.product-scene.is-hot .product-scene__layers,.product-scene.is-hot .product-scene__metric,.product-scene.is-hot .product-scene__rail,.product-scene.is-hot .product-scene__top{opacity:1;transform:none;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1)}.product-scene.is-hot .product-scene__top{transition-delay:70ms}.product-scene.is-hot .product-scene__metric:first-child{transition-delay:.14s}.product-scene.is-hot .product-scene__metric:nth-child(2){transition-delay:.19s}.product-scene.is-hot .product-scene__metric:nth-child(3){transition-delay:.24s}.product-scene.is-hot .product-scene__chart{transition-delay:.28s}.product-scene.is-hot .product-scene__activity{transition-delay:.34s}.product-scene.is-hot .product-scene__layers{transition-delay:.4s}.arch-scene__grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:auto 18px auto 18px auto;align-items:center;min-height:240px}.arch-scene__branch--auth{display:grid;justify-items:center;grid-column:3;grid-row:1/span 2}.arch-scene__branch--storage{display:grid;justify-items:center;grid-column:7;grid-row:4/span 2}.arch-scene__flow{display:contents;list-style:none;margin:0;padding:0}.arch-scene__step{display:contents}.arch-scene__node{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:.7rem .4rem;border:1px solid var(--skills-line);background:color-mix(in srgb,var(--color-canvas) 55%,transparent);text-align:center}.arch-scene__node svg{width:16px;height:16px;color:var(--skills-tone)}.arch-scene__node span{font-size:.58rem;font-weight:600;letter-spacing:.08em}.arch-scene__node--side{width:100%}.arch-scene__step.is-client .arch-scene__node{grid-column:1;grid-row:3}.arch-scene__step.is-api .arch-scene__node{grid-column:3;grid-row:3}.arch-scene__step.is-services .arch-scene__node{grid-column:5;grid-row:3}.arch-scene__step.is-logic .arch-scene__node{grid-column:7;grid-row:3}.arch-scene__step.is-database .arch-scene__node{grid-column:9;grid-row:3}.arch-scene__hlink,.arch-scene__vlink{display:block;background-image:linear-gradient(90deg,color-mix(in srgb,var(--skills-tone) 70%,transparent) 45%,transparent 0);background-size:7px 1px;background-repeat:repeat-x;transform-origin:left center;transform:scaleX(0)}.arch-scene__hlink{height:1px;align-self:center}.arch-scene__vlink{width:1px;height:18px;background-image:linear-gradient(180deg,color-mix(in srgb,var(--skills-tone) 70%,transparent) 45%,transparent 0);background-size:1px 7px;background-repeat:repeat-y;transform-origin:center top;transform:scaleY(0)}.arch-scene__step.is-api .arch-scene__hlink{grid-column:2;grid-row:3}.arch-scene__step.is-services .arch-scene__hlink{grid-column:4;grid-row:3}.arch-scene__step.is-logic .arch-scene__hlink{grid-column:6;grid-row:3}.arch-scene__step.is-database .arch-scene__hlink{grid-column:8;grid-row:3}.arch-scene.is-hot .arch-scene__hlink,.arch-scene.is-hot .arch-scene__vlink{transform:none;transition:transform .55s cubic-bezier(.16,1,.3,1)}.arch-scene.is-hot .arch-scene__step.is-api .arch-scene__hlink{transition-delay:80ms}.arch-scene.is-hot .arch-scene__step.is-services .arch-scene__hlink{transition-delay:.16s}.arch-scene.is-hot .arch-scene__step.is-logic .arch-scene__hlink{transition-delay:.24s}.arch-scene.is-hot .arch-scene__step.is-database .arch-scene__hlink{transition-delay:.32s}.arch-scene.is-hot .arch-scene__branch--auth .arch-scene__vlink{transition-delay:.18s}.arch-scene.is-hot .arch-scene__branch--storage .arch-scene__vlink{transition-delay:.28s}.arch-scene__node{opacity:0;transform:translate3d(0,8px,0)}.arch-scene.is-hot .arch-scene__node{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.arch-scene.is-hot .arch-scene__step.is-client .arch-scene__node{transition-delay:40ms}.arch-scene.is-hot .arch-scene__step.is-api .arch-scene__node{transition-delay:.12s}.arch-scene.is-hot .arch-scene__step.is-services .arch-scene__node{transition-delay:.2s}.arch-scene.is-hot .arch-scene__step.is-logic .arch-scene__node{transition-delay:.28s}.arch-scene.is-hot .arch-scene__step.is-database .arch-scene__node{transition-delay:.36s}.arch-scene.is-hot .arch-scene__branch--auth .arch-scene__node{transition-delay:.14s}.arch-scene.is-hot .arch-scene__branch--storage .arch-scene__node{transition-delay:.3s}.modern-scene{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:.85rem;gap:.85rem;align-items:stretch}.modern-scene__pane{min-width:0;padding:1rem 1rem .85rem;border:1px dashed var(--skills-line)}.modern-scene__pane p{margin:0 0 .85rem;font-size:.68rem;font-weight:600;letter-spacing:.16em}.modern-scene__pane ul{display:flex;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none}.modern-scene__pane li{display:flex;align-items:center;gap:.55rem;font-size:.78rem}.modern-scene__pane li span{display:grid;place-items:center;width:.95rem;flex-shrink:0;font-size:.78rem}.modern-scene__pane--legacy{border-color:color-mix(in srgb,var(--skills-danger) 55%,var(--skills-line))}.modern-scene__pane--legacy li span,.modern-scene__pane--legacy p{color:var(--skills-danger)}.modern-scene__pane--modern{border-color:color-mix(in srgb,var(--skills-tone) 55%,var(--skills-line))}.modern-scene__pane--modern li span,.modern-scene__pane--modern p{color:var(--skills-tone)}.modern-scene__bridge{display:grid;place-items:center;min-width:2.4rem}.modern-scene__arrow{display:block;width:2.1rem;height:1px;background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-text) 70%,transparent) 55%,transparent 0);background-size:6px 1px;background-repeat:repeat-x;animation:skillsDash 1.15s linear infinite}.modern-scene__arrow:after{content:"";position:absolute;width:7px;height:7px;border-top:1px solid var(--color-text);border-right:1px solid var(--color-text);transform:translate(1.7rem,-3px) rotate(45deg)}.modern-scene__bridge{position:relative}.modern-scene__bridge,.modern-scene__pane{opacity:0;transform:translate3d(0,8px,0)}.modern-scene.is-hot .modern-scene__bridge,.modern-scene.is-hot .modern-scene__pane{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.modern-scene.is-hot .modern-scene__pane--legacy{transition-delay:40ms}.modern-scene.is-hot .modern-scene__bridge{transition-delay:.14s}.modern-scene.is-hot .modern-scene__pane--modern{transition-delay:.24s}.connect-scene__canvas{position:relative;width:100%;min-height:360px;padding:.35rem 0 .5rem}.connect-scene__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connect-scene__path{stroke:color-mix(in srgb,var(--skills-tone) 55%,var(--skills-line));stroke-width:1;stroke-dasharray:3 4;opacity:0}.connect-scene.is-hot .connect-scene__path{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--connect-delay,0ms)}.connect-scene__pulse{fill:var(--skills-tone);opacity:0}.connect-scene.is-hot .connect-scene__pulse{opacity:.9;offset-rotate:0deg;animation:skillsTravel 3.4s linear infinite;animation-delay:var(--connect-delay,0ms)}.connect-scene__core,.connect-scene__node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--skills-line);background:color-mix(in srgb,var(--color-canvas) 82%,transparent);transform:translate(-50%,-50%)}.connect-scene__core{top:49.5%;left:50%;z-index:2;min-width:6.4rem;border-color:color-mix(in srgb,var(--skills-tone) 45%,var(--skills-line))}.connect-scene__node.is-n{top:15%;left:50%}.connect-scene__node.is-w{top:49.5%;left:16%}.connect-scene__node.is-e{top:49.5%;left:84%}.connect-scene__node.is-s{top:73.5%;left:50%}.connect-scene__node.is-ss{top:91%;left:50%}.connect-scene__core svg,.connect-scene__node svg{width:15px;height:15px;color:var(--skills-tone)}.connect-scene__core span,.connect-scene__node span{font-size:.58rem;font-weight:600;letter-spacing:.1em}.connect-scene__core,.connect-scene__node{opacity:0}.connect-scene.is-hot .connect-scene__core,.connect-scene.is-hot .connect-scene__node{opacity:1;transition:opacity .55s cubic-bezier(.16,1,.3,1)}.connect-scene.is-hot .connect-scene__core{transition-delay:80ms}.connect-scene.is-hot .is-n{transition-delay:.16s}.connect-scene.is-hot .is-w{transition-delay:.22s}.connect-scene.is-hot .is-e{transition-delay:.28s}.connect-scene.is-hot .is-s{transition-delay:.34s}.connect-scene.is-hot .is-ss{transition-delay:.4s}.approach-scene{border:1px solid var(--skills-line);background:color-mix(in srgb,var(--color-canvas) 42%,transparent)}.approach-scene__kicker{margin:0;padding:.75rem 1rem;border-bottom:1px solid var(--skills-line);color:var(--skills-tone);font-size:.68rem;font-weight:700;letter-spacing:.22em}.approach-scene__grid{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none}.approach-scene__grid li{display:flex;flex-direction:column;gap:.35rem;min-height:8.5rem;padding:1.1rem 1rem;opacity:0;transform:translateY(10px)}.approach-scene.is-hot .approach-scene__grid li{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.approach-scene.is-hot .approach-scene__grid li:first-child{transition-delay:40ms}.approach-scene.is-hot .approach-scene__grid li:nth-child(2){transition-delay:.12s}.approach-scene.is-hot .approach-scene__grid li:nth-child(3){transition-delay:.2s}.approach-scene.is-hot .approach-scene__grid li:nth-child(4){transition-delay:.28s}.approach-scene__grid li:nth-child(odd){border-right:1px solid var(--skills-line)}.approach-scene__grid li:nth-child(-n+2){border-bottom:1px solid var(--skills-line)}.approach-scene__letter{color:var(--skills-tone);font-family:var(--font-display);font-size:1.85rem;font-weight:700;line-height:1;letter-spacing:.04em}.approach-scene__grid strong{font-size:.78rem;font-weight:700;line-height:1.3;letter-spacing:.12em}.approach-scene__text{max-width:18ch;color:var(--color-text-muted);font-size:.78rem;line-height:1.4;letter-spacing:0}@keyframes skillsBlink{50%{opacity:0}}@keyframes skillsTravel{to{offset-distance:100%}}@keyframes skillsDash{to{background-position:6px 0}}@keyframes skillsTarget{0%{background-color:color-mix(in srgb,var(--skills-tone,var(--color-teal)) 9%,transparent)}to{background-color:transparent}}@media(min-width:1024px){.skills-capability-board{display:grid;grid-template-columns:1fr 1fr}.skills-capability-board .skills-capability{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:1.15rem;min-width:0;padding-block:clamp(1.5rem,3vw,2.4rem);padding-inline:clamp(1rem,2vw,1.55rem)}.skills-capability-board .skills-capability__stage{display:flex;min-height:0}.skills-capability-board .skills-capability__stage>*{flex:1 1 auto;min-width:0;width:100%}.skills-capability-board .skills-capability+.skills-capability{border-top:0}.skills-capability-board .skills-capability:nth-child(odd){border-right:1px solid var(--skills-line)}.skills-capability-board .skills-capability:nth-child(-n+2){border-bottom:1px solid var(--skills-line)}.skills-capability-board .skills-copy__body{max-width:none}}@media(min-width:1200px){.skills-terminal{padding-left:4.1rem}.skills-rail{position:absolute;top:3.4rem;bottom:3.4rem;left:0;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:.75rem;width:4.1rem;padding-left:.85rem;border-right:1px solid var(--skills-line)}.skills-rail__item{display:flex;align-items:center;gap:.45rem;padding:0;border:0;background:none;color:var(--color-text-dim);font-family:inherit;font-size:.68rem;letter-spacing:.08em;cursor:pointer}.skills-rail__label{position:absolute;left:2.7rem;padding:3px 6px;border:1px solid var(--skills-line);background:var(--color-canvas);color:var(--color-text-muted);opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);white-space:nowrap}.skills-rail__item:focus-visible .skills-rail__label,.skills-rail__item:hover .skills-rail__label{opacity:1;transform:none}.skills-rail__item.is-active{color:var(--skills-tone,var(--color-teal))}.skills-rail__item.is-active:before{content:"";width:5px;height:5px;margin-right:.15rem;border-radius:50%;background:var(--skills-tone,var(--color-teal));box-shadow:0 0 0 3px color-mix(in srgb,var(--skills-tone,var(--color-teal)) 18%,transparent)}.skills-rail__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}}@media(max-width:1023px){.skills-capability{grid-template-columns:1fr;align-items:start;gap:1.5rem}.skills-headline{max-width:none;font-size:clamp(1.7rem,5.2vw,2.6rem)}.arch-scene__grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.arch-scene__flow{display:contents}.arch-scene__step{display:flex;flex-direction:column;align-items:center}.arch-scene__node{width:min(100%,16rem)}.arch-scene__hlink,.arch-scene__vlink{width:1px;height:1.15rem;background-image:linear-gradient(180deg,color-mix(in srgb,var(--skills-tone) 70%,transparent) 45%,transparent 0);background-size:1px 7px;background-repeat:repeat-y;transform-origin:center top;transform:scaleY(0)}.arch-scene.is-hot .arch-scene__hlink,.arch-scene.is-hot .arch-scene__vlink{transform:none}.arch-scene__branch{display:flex;flex-direction:column;align-items:center}.arch-scene__branch .arch-scene__vlink{display:none}.arch-scene__branch--auth{order:2}.arch-scene__step.is-client{order:1}.arch-scene__step.is-api{order:3}.arch-scene__branch--storage{order:6}.arch-scene__step.is-services{order:4}.arch-scene__step.is-logic{order:5}.arch-scene__step.is-database{order:7}.modern-scene{grid-template-columns:1fr;gap:.7rem}.modern-scene__bridge{min-height:1.8rem}.modern-scene__arrow{width:1px;height:1.5rem;background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 70%,transparent) 55%,transparent 0);background-size:1px 6px;animation:skillsDashY 1.15s linear infinite}.modern-scene__arrow:after{transform:translate(-3px,1.15rem) rotate(135deg)}.connect-scene__canvas{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem;min-height:0;padding-top:0}.connect-scene__lines{display:none}.connect-scene__core,.connect-scene__node{position:static;transform:none;width:100%}.connect-scene__core{grid-column:1/-1;order:-1}}@media(max-width:767px){.ui-container.skills-page{width:min(1440px,100% - 20px)}.skills-capabilities,.skills-capability,.skills-chrome,.skills-foot,.skills-intro{padding-inline:.95rem}.skills-intro{padding-block:clamp(2.4rem,12vw,3.75rem)}.skills-headline{font-size:clamp(1.55rem,8vw,2.15rem)}.skills-chrome{flex-wrap:wrap;padding-block:.7rem}.product-scene__frame{grid-template-columns:1fr}.product-scene__rail{flex-direction:row;align-items:center;gap:.5rem;padding:.55rem;border-right:0;border-bottom:1px solid var(--skills-line)}.product-scene__mark{margin:0}.product-scene__nav{flex-direction:row;flex:1 1;justify-content:space-between}.product-scene__nav-item span{display:none}.product-scene__body{grid-template-columns:1fr}.product-scene__layers{grid-template-columns:1fr 1fr}.product-scene__layers span:nth-child(3),.product-scene__layers span:nth-child(4){border-top:1px solid var(--skills-line)}.product-scene__layers span:nth-child(3){border-left:0}.approach-scene__grid{grid-template-columns:1fr}.approach-scene__grid li{min-height:0;padding:.95rem 1rem}.approach-scene__letter{font-size:1.45rem}.approach-scene__text{max-width:none}.approach-scene__grid li:nth-child(odd){border-right:0}.approach-scene__grid li+li,.approach-scene__grid li:nth-child(-n+2){border-bottom:1px solid var(--skills-line)}.approach-scene__grid li:last-child{border-bottom:0}.skills-stack__json{font-size:.7rem}}@media(max-width:479px){.skills-headline{font-size:1.45rem}.product-scene__metrics{grid-template-columns:1fr}.product-scene__search{display:none}.product-scene__top{grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){#build-approach.is-targeted,#build-connected.is-targeted,#build-interfaces.is-targeted,#build-intro.is-targeted,#build-modernize.is-targeted,#build-systems.is-targeted,.connect-scene__pulse,.modern-scene__arrow,.skills-cursor{animation:none}.approach-scene__grid li,.arch-scene__hlink,.arch-scene__node,.arch-scene__vlink,.connect-scene__core,.connect-scene__node,.connect-scene__path,.modern-scene__bridge,.modern-scene__pane,.product-scene__activity,.product-scene__chart,.product-scene__chart-fill,.product-scene__chart-line,.product-scene__layers,.product-scene__metric,.product-scene__rail,.product-scene__top{opacity:1!important;transform:none!important;stroke-dashoffset:0!important;transition:none!important}.skills-rail__label{transition:none}}@keyframes skillsDashY{to{background-position:0 6px}}