.pt__wrap{background-color:var(--color-white);flex-direction:column;width:100%;min-height:100vh;display:flex}.pt{width:100%;padding:0 var(--bp-margin);box-sizing:border-box}.pt__inner{max-width:960px;padding-top:var(--spacing-48);padding-bottom:var(--spacing-96);flex-direction:column;margin:0 auto;display:flex}.pt__inner>*+*{margin-top:var(--spacing-32)}.pt__title+.pt__subtitle{margin-top:var(--spacing-8)}.pt__subtitle+.pt__meta{margin-top:var(--spacing-24)}.pt__section-title{margin-top:var(--spacing-64)!important}.pt__section-title+.pt__paragraph,.pt__paragraph+.pt__paragraph{margin-top:var(--spacing-16)!important}.pt__title,.pt__subtitle,.pt__meta,.pt__section-title,.pt__paragraph,.pt__quote,.pt__code{max-width:680px}.pt__title{font-family:var(--font-sans);font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-h1);color:var(--color-black)}.pt__subtitle{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary)}.pt__meta{gap:var(--spacing-32);padding:var(--spacing-20)0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.pt__meta-item{gap:var(--spacing-4);flex-direction:column;display:flex}.pt__meta-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.pt__meta-value{font-family:var(--font-sans);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-black)}.pt__section-title{font-family:var(--font-sans);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-h3);color:var(--color-black);padding-top:var(--spacing-32);border-top:1px solid var(--color-border)}.pt__paragraph{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-black);white-space:pre-line}.pt__quote{padding-left:var(--spacing-24);border-left:2px solid var(--color-black)}.pt__quote-text{font-family:var(--font-sans);font-size:var(--font-size-h4);font-weight:var(--font-weight-regular);line-height:var(--line-height-h4);color:var(--color-black);font-style:italic}.pt__quote-attribution{margin-top:var(--spacing-12);font-family:var(--font-sans);font-size:var(--font-size-small);color:var(--color-text-secondary);font-style:normal;display:block}.pt__block--stats{flex-wrap:wrap;gap:0;width:100%;display:flex}.pt__stat{gap:var(--spacing-8);padding:var(--spacing-24)var(--spacing-32)var(--spacing-24)0;border-top:2px solid var(--color-black);flex-direction:column;flex:140px;display:flex}.pt__stat-value{font-family:var(--font-sans);font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);color:var(--color-black);line-height:1}.pt__stat-label{font-family:var(--font-sans);font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary);max-width:18ch}.pt__code{background-color:var(--color-dark-bg);padding:var(--spacing-24);border-radius:10px;overflow-x:auto}.pt__code-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin-bottom:var(--spacing-12);font-size:11px;display:block}.pt__code-pre{font-family:var(--font-mono);color:#ffffffd9;white-space:pre;margin:0;font-size:14px;line-height:1.7}.pt__divider{border:none;border-top:1px solid var(--color-border);width:100%;margin:0}.pt__caption{margin-top:var(--spacing-8);font-family:var(--font-sans);font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary)}.pt__block{width:100%}.pt__block--image .picture-block__image,.pt__block--image .picture-block__placeholder{border-radius:10px;width:100%}.pt__block--image .picture-block__placeholder{background-color:var(--color-bg-light);min-height:420px}.pt__block--carousel .carousel-block{width:100%}.pt__block--carousel .carousel-block__stage{border-radius:10px;overflow:hidden}.pt__block--carousel .carousel-block__placeholder{background-color:var(--color-bg-light);min-height:420px}.pt__block--image-grid{gap:var(--spacing-12);display:grid}.pt__block--grid-2{grid-template-columns:repeat(2,1fr)}.pt__block--grid-3{grid-template-columns:repeat(3,1fr)}.pt__grid-item{flex-direction:column;display:flex}.pt__grid-img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;display:block}.pt__grid-placeholder{aspect-ratio:4/3;background-color:var(--color-bg-light);border-radius:8px;width:100%}@media (max-width:1439px){.pt__inner{padding-top:var(--spacing-40);padding-bottom:var(--spacing-72)}.pt__section-title{margin-top:var(--spacing-56)!important}.pt__block--image .picture-block__placeholder,.pt__block--carousel .carousel-block__placeholder{min-height:360px}}@media (max-width:999px){.pt__inner{padding-top:var(--spacing-32);padding-bottom:var(--spacing-64)}.pt__inner>*+*{margin-top:var(--spacing-24)}.pt__section-title{padding-top:var(--spacing-24);margin-top:var(--spacing-48)!important}.pt__block--image .picture-block__placeholder,.pt__block--carousel .carousel-block__placeholder{min-height:300px}.pt__block--grid-3{grid-template-columns:repeat(2,1fr)}.pt__meta{gap:var(--spacing-20)}.pt__stat{padding-right:var(--spacing-20)}}@media (max-width:699px){.pt__inner{padding-top:var(--spacing-24);padding-bottom:var(--spacing-48)}.pt__inner>*+*{margin-top:var(--spacing-20)}.pt__section-title{padding-top:var(--spacing-20);margin-top:var(--spacing-40)!important}.pt__block--image .picture-block__image,.pt__block--image .picture-block__placeholder,.pt__block--carousel .carousel-block__stage{border-radius:8px}.pt__block--image .picture-block__placeholder,.pt__block--carousel .carousel-block__placeholder{min-height:240px}.pt__block--grid-2,.pt__block--grid-3{grid-template-columns:1fr}.pt__meta{gap:var(--spacing-16)}.pt__block--stats{flex-direction:column;gap:0}.pt__stat{padding:var(--spacing-16)0;flex:none}.pt__stat-value{font-size:var(--font-size-h2)}.pt__paragraph+.pt__paragraph{margin-top:var(--spacing-12)!important}.pt__code-pre{font-size:13px}}
.typography-test{background-color:var(--color-white);width:100%;min-height:100vh}.typography-test__main{max-width:800px;padding:var(--spacing-40)var(--spacing-80)var(--spacing-96);margin:0 auto}.typography-test__page-title{margin-bottom:var(--spacing-16);color:var(--color-text-primary)}.typography-test__intro{margin-bottom:var(--spacing-48);color:var(--color-text-secondary)}.typography-test__section{margin-bottom:var(--spacing-48)}.typography-test__section-title{font-family:var(--font-mono);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-24);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border)}.typography-test__block{margin-bottom:var(--spacing-32)}.typography-test__label{font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);text-transform:uppercase;display:block}.typography-test__block h1,.typography-test__block h2,.typography-test__block h3,.typography-test__block h4,.typography-test__block p{color:var(--color-text-primary)}@media (max-width:699px){.typography-test__main{padding:var(--spacing-24)var(--spacing-24)var(--spacing-64)}}
.navbar-comparison{background-color:var(--color-bg-light);min-height:100vh}.navbar-comparison__main{max-width:1440px;padding:var(--baseline-padding);padding-top:calc(var(--nav-padding-top) + 80px);margin:0 auto}.navbar-comparison__page-title{font-family:var(--font-sans);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-24)0}.navbar-comparison__intro{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-64)0}.navbar-comparison__section{margin-bottom:var(--spacing-96)}.navbar-comparison__section-title{font-family:var(--font-sans);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-12)0}.navbar-comparison__description{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-32)0}.navbar-comparison__demo{background-color:var(--color-white);padding:var(--spacing-32);border-radius:16px;box-shadow:0 2px 8px #00000014}@media (max-width:1439px){.navbar-comparison__main{padding:var(--baseline-padding);padding-top:calc(var(--nav-padding-top) + 80px)}}@media (max-width:999px){.navbar-comparison__main{padding:var(--baseline-padding);padding-top:calc(var(--nav-padding-top) + 80px)}}@media (max-width:699px){.navbar-comparison__main{padding:var(--baseline-padding);padding-top:calc(var(--nav-padding-top) + 80px)}.navbar-comparison__demo{padding:var(--spacing-16)}}
.content-layout-test{background-color:var(--color-white);width:100%;min-height:100vh;padding:var(--spacing-40)var(--bp-margin)}.content-layout-test__header{max-width:1440px;margin:0 auto var(--spacing-64);text-align:center}.content-layout-test__title{font-family:var(--font-sans);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0 0 var(--spacing-16)}.content-layout-test__description{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0}.content-layout-test__main{gap:var(--spacing-96);flex-direction:column;display:flex}.content-layout-test__section{width:100%}.content-layout-test__section-title{font-family:var(--font-sans);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0 0 var(--spacing-32);padding-bottom:var(--spacing-16);border-bottom:2px solid var(--color-border)}.content-layout-test__demo{border:2px dashed #9747ff33;border-radius:8px;width:100%;overflow:hidden}.content-layout-test__demo .content-layout{min-height:auto}.content-layout-test__demo .content-layout__grid{padding:var(--spacing-40)var(--bp-desktop-margin)}@media (max-width:999px){.content-layout-test{padding:var(--spacing-32)var(--bp-margin)}.content-layout-test__main{gap:var(--spacing-64)}.content-layout-test__demo .content-layout__grid{padding:var(--spacing-32)var(--bp-tablet-v-margin)}}@media (max-width:699px){.content-layout-test{padding:var(--spacing-24)var(--bp-margin)}.content-layout-test__header{margin-bottom:var(--spacing-48)}.content-layout-test__title{font-size:var(--font-size-h2)}.content-layout-test__main{gap:var(--spacing-48)}.content-layout-test__section-title{font-size:var(--font-size-h4);margin-bottom:var(--spacing-24)}.content-layout-test__demo .content-layout__grid{padding:var(--spacing-24)var(--bp-margin)}}
.text-block-test{background-color:var(--color-white);width:100%;min-height:100vh;padding:var(--spacing-40)var(--bp-margin)}.text-block-test__header{max-width:800px;margin:0 auto var(--spacing-64)}.text-block-test__title{font-family:var(--font-sans);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0 0 var(--spacing-16)}.text-block-test__description{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin:0}.text-block-test__main{gap:var(--spacing-64);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.text-block-test__section{width:100%}.text-block-test__section-title{font-family:var(--font-sans);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0 0 var(--spacing-24);padding-bottom:var(--spacing-12);border-bottom:2px solid var(--color-border)}.text-block-test__demo{width:100%;padding:var(--spacing-24);background-color:var(--color-white);border:2px dashed #9747ff33;border-radius:8px}@media (max-width:699px){.text-block-test{padding:var(--spacing-24)var(--bp-margin)}.text-block-test__header{margin-bottom:var(--spacing-48)}.text-block-test__title{font-size:var(--font-size-h2)}.text-block-test__main{gap:var(--spacing-48)}.text-block-test__section-title{font-size:var(--font-size-h4);margin-bottom:var(--spacing-16)}.text-block-test__demo{padding:var(--spacing-16)}}