.cmp-hero{padding-block:var(--section-space-l)}.cmp-hero__container{gap:var(--space-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid;@media (width<=900px){gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}.cmp-hero__copy{align-items:flex-start;gap:var(--space-m);flex-direction:column;display:flex}.cmp-hero__actions{align-items:center;gap:var(--space-s) var(--space-m);flex-wrap:wrap;display:flex}.cmp-hero__stage{padding:var(--space-l);border:1px solid var(--hairline);border-radius:var(--panel-radius);background-color:var(--app-chrome);background-image:radial-gradient(var(--hairline) 1px, transparent 1px);box-shadow:var(--panel-shadow), var(--glow-violet);background-size:18px 18px;flex-direction:column;align-items:center;gap:0;display:flex}.cmp-hero__def{gap:var(--space-xs);inline-size:min(100%,15rem);padding:var(--space-s);border:1px solid var(--accent-60);border-radius:var(--radius-l);background:var(--accent-10);flex-direction:column;display:flex}.cmp-hero__def-head{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.cmp-hero__badge{background:var(--accent);color:var(--white);font-size:var(--text-xs);border-radius:40rem;padding-block:.15em;padding-inline:.6em}.cmp-hero__fan{justify-content:center;block-size:3.5rem;inline-size:100%;display:flex;position:relative;&:before{content:"";border-inline-start:1px dashed var(--accent);block-size:50%;position:absolute;inset-block:0 auto;inset-inline-start:50%}&:after{content:"";border:1px dashed var(--accent);border-radius:var(--radius-s) var(--radius-s) 0 0;border-block-end:0;block-size:50%;position:absolute;inset-block-end:0;inset-inline:16.66%}}.cmp-hero__fan-label{z-index:1;background:var(--app-chrome);font-size:var(--text-xs);align-self:center;padding-inline:.6em;position:relative}.cmp-hero__instances{gap:var(--space-s);grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%;display:grid}.cmp-mini{padding:var(--space-xs);border:1px solid var(--hairline-bright);border-radius:var(--radius-m);background:var(--app-panel);flex-direction:column;gap:.45rem;display:flex}.cmp-mini--def{border-style:dashed;border-color:var(--accent-60)}.cmp-mini__thumb{aspect-ratio:16/9;border-radius:var(--radius-s);background:var(--hairline-bright)}.cmp-mini__thumb--primary{background:linear-gradient(135deg, var(--primary), var(--primary-500))}.cmp-mini__thumb--tertiary{background:linear-gradient(135deg, var(--tertiary), var(--tertiary-500))}.cmp-mini__thumb--accent{background:linear-gradient(135deg, var(--accent), var(--accent-500))}.cmp-mini__thumb--plain{background:repeating-linear-gradient(-45deg, var(--accent-20) 0 4px, transparent 4px 9px)}.cmp-mini__title{font-size:var(--text-s);overflow-wrap:anywhere}.cmp-mini__line{background:var(--hairline-bright);border-radius:40rem;block-size:.35rem;display:block}.cmp-mini__line--short{inline-size:60%}.cmp-mini__cta{background:var(--accent-40);border-radius:40rem;block-size:.8rem;inline-size:45%;margin-block-start:.2rem;display:block}.cmp-props{border-block-start:1px solid var(--hairline)}.cmp-props__container{gap:var(--space-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;display:grid;@media (width<=900px){gap:var(--space-l);grid-template-columns:minmax(0,1fr)}}.cmp-props__copy{gap:var(--space-s);flex-direction:column;display:flex}.cmp-props__chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.cmp-props__chip{border-radius:var(--radius-s);background:var(--accent-10);padding-block:.2em;padding-inline:.6em}.cmp-props__demo{align-items:center;gap:var(--space-m);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;@media (width<=600px){grid-template-columns:minmax(0,1fr);&>.cmp-props__arrow{justify-self:center;rotate:90deg}}}.cmp-props__panel{gap:var(--space-xs);padding:var(--space-m);border:1px solid var(--hairline-bright);border-radius:var(--radius-l);background:var(--app-chrome);box-shadow:var(--panel-shadow);flex-direction:column;display:flex}.cmp-props__panel-head{border-block-end:1px solid var(--hairline);justify-content:space-between;align-items:baseline;padding-block-end:var(--space-xs);display:flex}.cmp-props__panel-sub{color:var(--accent);font-size:var(--text-xs)}.cmp-props__field{flex-direction:column;gap:.2rem;display:flex}.cmp-props__field-label{font-size:var(--text-xs)}.cmp-props__field-value{border-radius:var(--radius-s);background:var(--app-panel);font-size:var(--text-s);overflow-wrap:anywhere;padding-block:.35rem;padding-inline:.6rem}.cmp-props__arrow{color:var(--accent)}.cmp-props__preview{gap:var(--space-xs);padding:var(--space-s);border:1px solid var(--accent-40);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--glow-violet);flex-direction:column;display:flex}.cmp-props__preview-title{font-size:var(--h5)}.cmp-props__preview-body{font-size:var(--text-s)}.cmp-props__preview-link{color:var(--accent);font-size:var(--text-s)}.cmp-anatomy{border-block-start:1px solid var(--hairline)}.cmp-anatomy__container{gap:var(--space-l)}.cmp-anatomy__head{gap:var(--space-s);flex-direction:column;display:flex}.cmp-wire{gap:var(--space-xs);padding:var(--space-s);border:1px solid var(--hairline-bright);border-radius:var(--panel-radius);background:var(--app-chrome);box-shadow:var(--panel-shadow);flex-direction:column;display:flex}.cmp-wire__tag{border-radius:var(--radius-s);background:var(--neutral-500);font-size:var(--text-xs);padding-block:.1em;padding-inline:.55em;position:absolute;inset-block-start:-.7rem;inset-inline-start:var(--space-s)}.cmp-wire__tag--main{background:var(--accent);color:var(--white)}.cmp-wire__tag--slot{background:var(--primary);color:var(--white)}.cmp-wire__header{align-items:center;gap:var(--space-m);padding-block:var(--space-m);padding-inline:var(--space-m);border:1px solid var(--hairline);border-radius:var(--radius-m);background:var(--app-panel);display:flex;position:relative}.cmp-wire__logo{background:var(--star);border-radius:50%;block-size:1.6rem;inline-size:1.6rem}.cmp-wire__nav{gap:var(--space-s);margin-inline:auto;display:flex;@media (width<=600px){display:none}}.cmp-wire__pill{background:var(--hairline-bright);border-radius:40rem;block-size:.5rem;inline-size:3rem}.cmp-wire__button{border-radius:var(--radius-s);background:var(--primary);block-size:1.5rem;inline-size:4.5rem;margin-inline-start:auto}.cmp-wire__main{gap:var(--space-s);padding:var(--space-m);border:1px dashed var(--accent);border-radius:var(--radius-m);background:var(--accent-10);flex-direction:column;padding-block-start:var(--space-l);display:flex;position:relative}.cmp-wire__crumbs{gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-s);border-radius:var(--radius-s);background:var(--app-panel);display:flex}.cmp-wire__crumb{font-size:var(--text-xs)}.cmp-wire__body{gap:var(--space-s);grid-template-columns:11rem minmax(0,1fr);display:grid;@media (width<=600px){grid-template-columns:minmax(0,1fr)}}.cmp-wire__aside{padding:var(--space-s);border-radius:var(--radius-s);background:var(--app-panel);flex-direction:column;gap:.6rem;display:flex;@media (width<=600px){display:none}}.cmp-wire__bar{background:var(--hairline-bright);border-radius:40rem;block-size:.45rem;display:block;&:nth-child(odd){inline-size:70%}}.cmp-wire__slot{border:1px dashed var(--primary);border-radius:var(--radius-s);background:repeating-linear-gradient(-45deg, var(--primary-10) 0 6px, transparent 6px 14px);place-items:center;min-block-size:11rem;display:grid;position:relative}.cmp-wire__slot-text{font-size:var(--text-s)}.cmp-wire__footer{gap:var(--space-l);padding:var(--space-m);border:1px solid var(--hairline);border-radius:var(--radius-m);background:var(--app-panel);grid-template-columns:repeat(3,minmax(0,1fr));padding-block-start:var(--space-l);display:grid;position:relative}.cmp-wire__col{flex-direction:column;gap:.6rem;display:flex}.cmp-anatomy__notes{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.cmp-anatomy__note{gap:var(--space-xs);border-block-start:1px solid var(--hairline-bright);flex-direction:column;padding-block-start:var(--space-s);display:flex}.cmp-anatomy__note-title{font-size:var(--h5)}.cmp-assign{border-block-start:1px solid var(--hairline)}.cmp-assign__container{gap:var(--space-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;display:grid;@media (width<=900px){gap:var(--space-l);grid-template-columns:minmax(0,1fr)}}.cmp-assign__copy{gap:var(--space-s);flex-direction:column;display:flex}.cmp-assign__order{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.cmp-assign__step{border:1px solid var(--hairline-bright);font-size:var(--text-xs);border-radius:40rem;padding-block:.25em;padding-inline:.7em;&:nth-child(2n){color:var(--accent);border:0;padding:0}}.cmp-assign__table{border:1px solid var(--hairline-bright);border-radius:var(--panel-radius);background:var(--app-chrome);box-shadow:var(--panel-shadow);flex-direction:column;gap:0;display:flex;overflow:hidden}.cmp-assign__row{align-items:center;gap:var(--space-s);padding-block:var(--space-s);padding-inline:var(--space-m);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;display:grid;&+&{border-block-start:1px solid var(--hairline)}@media (width<=480px){grid-template-columns:minmax(0,1fr) auto;&>.cmp-assign__tpl{display:none}}}.cmp-assign__row--head{background:var(--app-panel);@media (width<=480px){&>:nth-child(2){display:none}}}.cmp-assign__th{font-size:var(--text-xs)}.cmp-assign__route{overflow-wrap:anywhere}.cmp-assign__tpl{border-radius:var(--radius-s);font-size:var(--text-xs);justify-self:start;padding-block:.15em;padding-inline:.6em}.cmp-assign__tpl--main{background:var(--neutral-500)}.cmp-assign__tpl--docs{background:var(--accent);color:var(--white)}.cmp-assign__seg{border-radius:var(--radius-s);background:var(--app-panel);gap:2px;padding:2px;display:flex}.cmp-assign__opt{border-radius:calc(var(--radius-s) - 2px);font-size:var(--text-xs);padding-block:.15em;padding-inline:.55em}.cmp-assign__opt--on{background:var(--accent);color:var(--white)}.cmp-versus{border-block-start:1px solid var(--hairline)}.cmp-versus__container{gap:var(--space-l)}.cmp-versus__grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid}.cmp-versus__card{gap:var(--space-s);padding:var(--space-l);border-radius:var(--panel-radius);background:var(--surface);flex-direction:column;display:flex}.cmp-versus__card--component{border-block-start:3px solid var(--accent)}.cmp-versus__card--template{border-block-start:3px solid var(--primary)}.cmp-versus__label{font-size:var(--text-s)}.cmp-versus__title{font-size:var(--h3)}.cmp-versus__list{gap:var(--space-xs);flex-direction:column;margin:0;padding-inline-start:1.2em;display:flex}.cmp-versus__item{&::marker{color:var(--accent)}}.cmp-versus__note{margin-block-start:auto;padding-block-start:var(--space-s)}.cmp-disk{border-block-start:1px solid var(--hairline)}.cmp-disk__container{gap:var(--space-xxl);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid;@media (width<=900px){gap:var(--space-l);grid-template-columns:minmax(0,1fr)}}.cmp-disk__copy{gap:var(--space-s);flex-direction:column;display:flex}.cmp-disk__tree{padding:var(--space-l);border:1px solid var(--hairline);border-radius:var(--panel-radius);background:var(--app-chrome);margin:0;overflow-x:auto}