@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.container{max-width:var(--container-5xl,64rem);margin-inline:auto}.container.page{max-width:var(--container-4xl,56rem)}section#intro{background-color:var(--color-base-200)}section#intro h1{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}section#intro video{width:100%;max-width:810px}html[data-theme=light] .icon-light,html[data-theme=dark] .icon-dark{display:block}html[data-theme=light] .icon-dark,html[data-theme=dark] .icon-light{display:none}section{scroll-margin-top:calc(var(--spacing,.25rem)*12)}.page section{scroll-margin-top:calc(var(--spacing,.25rem)*24)}@property --tw-font-weight{syntax:"*";inherits:false}