.nsolid-devtools-hero{position:relative;padding:6.5rem 0 3.5rem;overflow:visible;border-bottom:1px solid rgba(245,247,247,.06);background-color:var(--gray-700);background-image:radial-gradient(ellipse 90% 55% at 50% -20%,color-mix(in srgb,var(--green-text-brand) 14%,transparent) 0,transparent 58%),radial-gradient(ellipse 42% 38% at 12% 55%,color-mix(in srgb,var(--blue-300) 8%,transparent) 0,transparent 55%),radial-gradient(ellipse 42% 38% at 88% 55%,color-mix(in srgb,var(--purple-300) 8%,transparent) 0,transparent 55%),url(https://assets.nodesource.com/website/bg-hex-pattern.png);background-size:auto,auto,auto,3.125em;background-repeat:no-repeat,no-repeat,no-repeat,repeat}.nsolid-devtools-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--gray-10) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;opacity:.5}.nsolid-devtools-hero-inner{position:relative;z-index:1;margin-top:0;margin-bottom:0;text-align:center;max-width:min(72rem,100%)}.nsolid-devtools-hero-pill{display:inline-flex;align-items:center;gap:.5rem;margin:0 auto 1.75rem;padding:.4rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--green-text-brand) 35%,transparent);background-color:color-mix(in srgb,var(--green-500) 22%,transparent);font-size:var(--font-size-small);line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green-text-brand)}.nsolid-devtools-hero-pill-dot{width:.45rem;height:.45rem;border-radius:50%;background-color:var(--green-text-brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--green-text-brand) 35%,transparent)}.nsolid-devtools-hero-title{margin:0 auto 1.25rem;max-width:min(100%,38rem);text-align:center;letter-spacing:normal;color:var(--gray-10);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:600}.nsolid-devtools-hero-title-accent{color:var(--green-text-brand);font-weight:600}.nsolid-devtools-hero-sub{margin:0 auto 2rem;max-width:var(--layout-body-width);font-size:var(--font-size-p-promo);line-height:var(--line-height-p-promo);font-weight:400;color:var(--gray-200)}.nsolid-devtools-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:center;align-items:flex-start;margin-bottom:2.75rem}.nsolid-devtools-bridge{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem) minmax(0,1fr);grid-gap:1rem 1.5rem;gap:1rem 1.5rem;align-items:stretch;text-align:left;max-width:min(72rem,100%);margin:0 auto}.nsolid-devtools-bridge-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.15rem;border-radius:10px;background-color:color-mix(in srgb,var(--gray-600) 55%,var(--gray-700));border:1px solid color-mix(in srgb,var(--gray-10) 10%,transparent);box-shadow:0 12px 40px rgba(0,0,0,.22)}.nsolid-devtools-bridge-card--extension{border-color:color-mix(in srgb,var(--green-text-brand) 40%,transparent);box-shadow:0 12px 40px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--green-text-brand) 12%,transparent)}.nsolid-devtools-bridge-card--plugin{border-color:color-mix(in srgb,var(--purple-300) 45%,transparent);box-shadow:0 12px 40px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--purple-300) 14%,transparent)}.nsolid-devtools-bridge-audience{align-self:flex-start;margin:0;padding:.28rem .6rem;border-radius:2px;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-100);background-color:color-mix(in srgb,var(--green-500) 40%,transparent);border:1px solid color-mix(in srgb,var(--green-text-brand) 40%,transparent)}.nsolid-devtools-bridge-audience--plugin{color:var(--purple-100);background-color:color-mix(in srgb,var(--purple-500) 40%,transparent);border-color:color-mix(in srgb,var(--purple-300) 40%,transparent)}.nsolid-devtools-bridge-card-head{display:flex;align-items:flex-start;gap:.75rem}.nsolid-devtools-bridge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--green-text-brand) 40%,transparent);background-color:color-mix(in srgb,var(--green-500) 28%,transparent);font-size:.75rem;font-weight:700;letter-spacing:-.02em;color:var(--green-text-brand)}.nsolid-devtools-bridge-icon--plugin{font-size:.75rem;color:var(--purple-100);border-color:color-mix(in srgb,var(--purple-300) 45%,transparent);background-color:color-mix(in srgb,var(--purple-500) 35%,transparent)}.nsolid-devtools-bridge-label{margin:0 0 .3rem;font-size:clamp(1.15rem,2vw,var(--font-size-p-promo));line-height:var(--line-height-p-promo);font-weight:700;letter-spacing:-.01em;color:var(--gray-10)}.nsolid-devtools-bridge-tagline{margin:0;font-size:var(--font-size-p);line-height:1.3;font-weight:700;color:var(--green-text-brand)}.nsolid-devtools-bridge-tagline--plugin{color:var(--purple-100)}.nsolid-devtools-bridge-mock{flex:1 1;min-height:11rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--gray-10) 10%,transparent);background-color:color-mix(in srgb,var(--gray-700) 80%,transparent);overflow:hidden}.nsolid-devtools-bridge-mock--editor{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}.nsolid-devtools-bridge-mock-side{padding:.75rem .7rem;border-right:1px solid color-mix(in srgb,var(--gray-10) 10%,transparent)}.nsolid-devtools-bridge-mock-kicker{margin:0 0 .65rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-text-brand)}.nsolid-devtools-bridge-metric{display:grid;grid-template-columns:1fr auto;grid-gap:.15rem .4rem;gap:.15rem .4rem;margin-bottom:.55rem;font-size:.65rem;color:var(--gray-300)}.nsolid-devtools-bridge-metric strong{color:var(--gray-10);font-weight:700}.nsolid-devtools-bridge-spark{grid-column:1/-1;height:.35rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--green-text-brand) 15%,transparent),var(--green-text-brand) 55%,color-mix(in srgb,var(--green-text-brand) 25%,transparent))}.nsolid-devtools-bridge-mock-code{padding:.75rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.5}.nsolid-devtools-bridge-mock-file{margin:0 0 .5rem;font-size:.65rem;font-weight:700;color:var(--gray-300)}.nsolid-devtools-bridge-mock-code code{display:flex;gap:.45rem;margin:0 0 .2rem;padding:.15rem .25rem;border-radius:2px;color:var(--gray-200)}.nsolid-devtools-bridge-code-hl{background-color:color-mix(in srgb,var(--green-text-brand) 12%,transparent)}.nsolid-devtools-bridge-ln{flex-shrink:0;width:1rem;color:var(--gray-300);text-align:right}.nsolid-devtools-bridge-mock-code em{font-style:normal;color:var(--blue-100)}.nsolid-devtools-bridge-mock-code i{font-style:normal;color:var(--green-text-brand)}.nsolid-devtools-bridge-cm{color:var(--gray-300);font-style:italic}.nsolid-devtools-bridge-mock--agent{display:flex;flex-direction:column;gap:.75rem;padding:.85rem .8rem}.nsolid-devtools-bridge-agent-prompt{margin:0;padding:.65rem .75rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--gray-10) 12%,transparent);background-color:color-mix(in srgb,var(--gray-10) 5%,transparent);font-size:var(--font-size-small);line-height:1.4;color:var(--gray-10)}.nsolid-devtools-bridge-agent-result{padding:.65rem .75rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--purple-300) 28%,transparent);background-color:color-mix(in srgb,var(--purple-500) 14%,transparent)}.nsolid-devtools-bridge-agent-result-title{margin:0 0 .55rem;font-size:var(--font-size-small);font-weight:700;color:var(--purple-100)}.nsolid-devtools-bridge-agent-result ul{margin:0;padding:0;list-style:none}.nsolid-devtools-bridge-agent-result li{display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.35rem;font-size:.7rem;line-height:1.35;color:var(--gray-200)}.nsolid-devtools-bridge-agent-result li:last-child{margin-bottom:0}.nsolid-devtools-bridge-agent-result svg{flex-shrink:0;width:.85rem;height:.85rem;margin-top:.1rem}.nsolid-devtools-bridge-partners{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;margin-top:auto;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--gray-10) 8%,transparent)}.nsolid-devtools-bridge-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;align-self:center;text-align:center;padding:.5rem 0}.nsolid-devtools-bridge-center-heading{display:flex;flex-direction:column;align-items:center;gap:4px}.nsolid-devtools-bridge-center-heading p+p{margin-top:0}.nsolid-devtools-bridge-center:after,.nsolid-devtools-bridge-center:before{content:"";position:absolute;top:52%;width:1.1rem;border-top:1px dashed color-mix(in srgb,var(--green-text-brand) 55%,transparent);pointer-events:none}.nsolid-devtools-bridge-center:before{right:calc(100% + .15rem)}.nsolid-devtools-bridge-center:after{left:calc(100% + .15rem)}.nsolid-devtools-bridge-center-title{margin:0;font-size:var(--font-size-p);line-height:1.05;font-weight:700;color:var(--gray-10)}.nsolid-devtools-bridge-center-sub{margin:0;font-size:var(--font-size-small);line-height:1.1;font-weight:600;color:var(--green-text-brand)}.nsolid-devtools-bridge-logo-wrap{position:relative;display:grid;place-items:center;width:9.5rem;height:9.5rem;margin:.35rem 0}.nsolid-devtools-bridge-ring{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--green-text-brand) 28%,transparent);pointer-events:none}.nsolid-devtools-bridge-ring--outer{inset:0;opacity:.45}.nsolid-devtools-bridge-ring--mid{inset:12%;opacity:.65;border-color:color-mix(in srgb,var(--green-text-brand) 40%,transparent)}.nsolid-devtools-bridge-ring--inner{inset:24%;opacity:.85;border-color:color-mix(in srgb,var(--green-text-brand) 55%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--green-text-brand) 22%,transparent)}.nsolid-devtools-bridge-logo{position:relative;z-index:1;width:5.25rem;height:5.25rem;fill:var(--green-text-brand);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--green-text-brand) 45%,transparent))}.nsolid-devtools-bridge-center-caption{margin:0;max-width:12.5rem}.nsolid-devtools-bridge-center-caption,.nsolid-devtools-hero-trusted{font-size:var(--font-size-small);line-height:1.4;color:var(--gray-200)}.nsolid-devtools-hero-trusted{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin:2.25rem auto 0;padding:.55rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--gray-10) 10%,transparent);background-color:color-mix(in srgb,var(--gray-600) 35%,transparent)}.nsolid-devtools-hero-trusted-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background-color:color-mix(in srgb,var(--green-500) 35%,transparent);border:1px solid color-mix(in srgb,var(--green-text-brand) 40%,transparent)}.nsolid-devtools-hero-trusted-icon svg{width:.7rem;height:.7rem}.nsolid-devtools-hero-trusted strong{color:var(--green-text-brand);font-weight:700}@media screen and (min-width:801px){.nsolid-devtools-hero-pill,.nsolid-devtools-hero-sub,.nsolid-devtools-hero-title{margin-bottom:2.25rem}.nsolid-devtools-hero-ctas{margin-bottom:2.75rem}}@media screen and (max-width:1000px){.nsolid-devtools-bridge{grid-template-columns:1fr;gap:1.25rem}.nsolid-devtools-bridge-center{order:-1}.nsolid-devtools-bridge-center:after,.nsolid-devtools-bridge-center:before{display:none}.nsolid-devtools-bridge-center-caption{max-width:22rem}}@media screen and (max-width:800px){.nsolid-devtools-hero{padding:5.5rem 0 3rem}.nsolid-devtools-hero-title{font-size:clamp(1.8rem,5.2vw,var(--font-size-h2));line-height:var(--line-height-h2)}.nsolid-devtools-hero-ctas{flex-direction:column;width:100%;align-items:center}.nsolid-devtools-bridge-mock--editor{grid-template-columns:1fr}.nsolid-devtools-bridge-mock-side{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--gray-10) 10%,transparent)}.nsolid-devtools-hero-trusted{margin-top:1.75rem;max-width:22rem}}.page-nsolid-devtools{background-color:var(--gray-700);background-image:url(https://assets.nodesource.com/website/bg-hex-pattern.png);background-size:3.125em;min-height:100vh}.nsolid-devtools-kicker{margin:0 0 .75rem;font-size:var(--font-size-small);line-height:1.3;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green-text-brand)}.nsolid-devtools-section-title{margin:0 auto 1.5rem;max-width:44rem;font-size:clamp(1.5rem,3.2vw,var(--font-size-h2));line-height:var(--line-height-h2);font-weight:600;letter-spacing:-.02em;color:var(--gray-10)}.nsolid-devtools-section-title-accent{color:var(--green-text-brand)}.nsolid-devtools-section-lead{margin:-.5rem auto 1.75rem;max-width:var(--layout-body-width);font-size:var(--font-size-p-promo);line-height:var(--line-height-p-promo);color:var(--gray-200)}.nsolid-devtools-section-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem 1rem;margin:0 auto 2rem}.nsolid-devtools-partners{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.nsolid-devtools-partners-label{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-text-brand)}.nsolid-devtools-partners-label--plugin{color:var(--purple-100)}.nsolid-devtools-partners-logos{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.65rem .75rem;margin:0;padding:0;list-style:none}.nsolid-devtools-partners-logos li{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:4.25rem;text-align:center}.nsolid-devtools-partners-logos img{width:2.75rem;height:2.75rem;padding:.4rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--gray-10) 12%,transparent);background-color:color-mix(in srgb,var(--gray-10) 4%,transparent);box-sizing:border-box;object-fit:contain}.nsolid-devtools-partners-logos--plugin img{border-color:color-mix(in srgb,var(--purple-300) 22%,transparent);background-color:color-mix(in srgb,var(--purple-500) 10%,transparent)}.nsolid-devtools-partners-logos span{font-size:.65rem;line-height:1.25;font-weight:600;color:var(--gray-200)}.nsolid-devtools-works-label{margin:0 auto .85rem;font-size:var(--font-size-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-300)}.nsolid-devtools-works-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.35rem;margin:0 auto 2.25rem;padding:0;list-style:none}.nsolid-devtools-works-list li{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--font-size-small);font-weight:600;color:var(--gray-200)}.nsolid-devtools-works-list img{width:2rem;height:2rem;object-fit:contain}.nsolid-devtools-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem;text-align:left}.nsolid-devtools-feature-card{margin:0;padding:1.2rem 1.05rem 1.35rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--gray-10) 10%,transparent);background-color:color-mix(in srgb,var(--gray-600) 55%,var(--gray-700));box-shadow:0 12px 40px rgba(0,0,0,.22)}.nsolid-devtools-feature-icon{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.85rem;width:4rem;height:4rem}.nsolid-devtools-feature-icon img{max-width:4rem;max-height:4rem;width:auto;height:auto;object-fit:contain}.nsolid-devtools-feature-card h3{margin:0 0 .55rem;font-size:var(--font-size-p);line-height:var(--line-height-p);font-weight:700;color:var(--gray-10)}.nsolid-devtools-feature-card p{margin:0;font-size:var(--font-size-small);line-height:var(--line-height-p);color:var(--gray-200)}.nsolid-devtools-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;border-radius:2px;font-family:inherit;font-size:var(--font-size-p);line-height:var(--line-height-p);font-weight:600;text-decoration:none;text-align:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.nsolid-devtools-btn-lg{padding:.85rem 1.75rem;font-size:var(--font-size-p)}.nsolid-devtools-btn-primary{background-color:var(--green-300);color:var(--green-600);border:1px solid rgba(32,37,37,.5);box-shadow:0 4px 12px rgba(0,0,0,.15)}.nsolid-devtools-btn-primary:hover{background-color:var(--green-200)}.nsolid-devtools-btn-secondary{background-color:transparent;color:var(--gray-10);border:1px solid color-mix(in srgb,var(--gray-10) 22%,transparent)}.nsolid-devtools-btn-secondary:hover{border-color:color-mix(in srgb,var(--gray-10) 45%,transparent);background-color:color-mix(in srgb,var(--gray-10) 6%,transparent)}@media screen and (max-width:1100px){.nsolid-devtools-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:800px){.nsolid-devtools-section-actions{flex-direction:column;align-items:center;width:100%}.nsolid-devtools-btn,.nsolid-devtools-section-actions .nsolid-devtools-btn,.nsolid-devtools-section-actions .nsolid-devtools-cta{width:100%;max-width:22rem}}@media screen and (max-width:560px){.nsolid-devtools-feature-grid{grid-template-columns:1fr}}