.block-showcase{gap:24px;margin:20px 0 48px;display:grid}.block-specimen{min-width:0}.block-specimen__label{color:#766f69;margin:0 0 8px;font-size:12px;font-weight:500;line-height:1.35}.block-specimen__content{border:1px dashed #cfc5b8;border-radius:12px;padding:20px}.block-specimen__content>:first-child{margin-top:0}.block-specimen__content>:last-child{margin-bottom:0}.block-specimen p,.block-specimen li,.block-specimen dd{font-size:16px;line-height:1.5}.block-specimen h3{margin:0 0 12px;font-size:20px}.block-specimen h4{margin:0 0 10px;font-size:17px}.block-specimen a{color:#2d2d2d}.block-specimen .demo-internal-link{text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.block-specimen small{color:#6b6661}.block-specimen hr{border:0;border-top:1px solid #2d2d2d;margin:24px 0}.block-specimen table{border-collapse:collapse;width:100%}.block-specimen th,.block-specimen td{text-align:left;border:1px solid #d8cec1;padding:10px}.block-specimen .article-table th,.block-specimen .article-table td{border-left:0;border-right:0}.block-specimen .article-table thead th{border-top:0}.demo-accent-text{font-weight:600}.demo-two-col,.demo-three-col{gap:16px;display:grid}.demo-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-two-col>div,.demo-three-col>div{background:#fffdf9;border:1px solid #e0d5c2;border-radius:10px;padding:16px}.demo-before-after{column-gap:28px;width:100%}.demo-before-after p{color:#55514c;margin-top:8px;font-size:14px}.demo-before-after>div{background:0 0;border:0;border-radius:0;padding:0}.demo-comparison-image{aspect-ratio:4/3;color:#766f69;background:#f3f1eb;border-radius:8px;place-items:center;width:100%;margin-bottom:16px;font-size:12px;display:grid}.demo-pros-cons ul{margin:10px 0 0;padding:0;list-style:none}.demo-pros-cons{column-gap:28px;width:100%;max-width:680px;margin-inline:auto}.demo-pros-cons>div{background:0 0;border:0;border-radius:0;padding:0}.demo-pros-cons li{padding-left:1.4em;position:relative}.demo-pros-cons li:before{content:"—";position:absolute;left:0}.demo-dash-list{padding:0;list-style:none}.demo-dash-list li{padding-left:1.5em;position:relative}.demo-dash-list li:before{content:"—";position:absolute;left:0}.demo-definitions{margin:0}.demo-definitions>div{border-bottom:1px solid #ddd9d1;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);gap:24px;padding:16px 0;display:grid}.demo-definitions>div:first-child{padding-top:0}.demo-definitions>div:last-child{border-bottom:0;padding-bottom:0}.demo-definitions dt{color:#2d2d2d;font-size:16px;font-weight:600;line-height:1.5}.demo-definitions dd{color:#55514c;margin:0;font-weight:400}.demo-checklist{padding-left:0;list-style:none}.demo-checklist li:before{content:"✓";color:#3f3f3d;margin-right:8px}.demo-steps{gap:10px;display:grid}.demo-steps p{align-items:baseline;gap:14px;margin:0;display:flex}.demo-steps b{color:#3f3f3d;font-size:24px}.demo-editorial,.demo-cta{background:#f1efe9;border:1px solid #ddd9d1;border-radius:14px;padding:20px}.demo-editorial p,.demo-cta p{margin-bottom:0}.demo-editorial--summary{background:#f3f1eb;border:0;border-radius:4px;padding:20px 22px}.demo-editorial--summary p{color:#55514c;margin-top:8px;font-size:14px;line-height:1.5}.demo-editorial-sequence{column-gap:28px}.demo-editorial-sequence>div,.demo-requirements>div{background:0 0;border:0;border-radius:0;padding:0}.demo-editorial-sequence p{color:#55514c;margin-top:8px;font-size:14px;line-height:1.5}.demo-faq__item{border-bottom:1px solid #ddd9d1}.demo-faq__item:last-child{border-bottom:0}.demo-faq__item button{color:#2d2d2d;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0;font-size:16px;font-weight:600;line-height:1.5;display:flex}.demo-faq__item i{flex:0 0 20px;width:20px;height:20px;margin-top:2px;position:relative}.demo-faq__item i:before,.demo-faq__item i:after{content:"";background:currentColor;width:14px;height:1px;transition:transform .26s;position:absolute;top:9px;left:3px}.demo-faq__item i:after{transform:rotate(90deg)}.demo-faq__item.is-open i:after{transform:rotate(0)}.demo-faq__answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .22s;display:grid}.demo-faq__answer>div{overflow:hidden}.demo-faq__item.is-open .demo-faq__answer{opacity:1;grid-template-rows:1fr}.demo-faq p{color:#55514c;max-width:680px;margin:-4px 36px 16px 0;font-size:14px;line-height:1.5;transition:transform .32s cubic-bezier(.22,1,.36,1);transform:translateY(-6px)}.demo-faq__item.is-open p{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.demo-faq__answer,.demo-faq p,.demo-faq__item i:before,.demo-faq__item i:after{transition:none}}.demo-requirements{column-gap:28px}.demo-requirements ul{margin:10px 0 0;padding:0;list-style:none}.demo-requirements li{color:#55514c;padding-left:1.5em;font-size:14px;position:relative}.demo-requirements li:before{content:"—";position:absolute;left:0}.demo-prerequisites{margin:0}.demo-prerequisites li{color:#55514c;font-size:14px}.demo-changelog{margin:0;padding:0;list-style:none}.demo-changelog li{border-bottom:1px solid #ddd9d1;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);gap:24px;padding:16px 0;display:grid}.demo-changelog li:first-child{padding-top:0}.demo-changelog li:last-child{border-bottom:0;padding-bottom:0}.demo-changelog li>div{flex-direction:column;gap:3px;display:flex}.demo-changelog time{color:#2d2d2d;font-size:14px;font-weight:600;line-height:1.5}.demo-changelog span{color:#77716b;font-size:12px;line-height:1.4}.demo-changelog p{color:#55514c;margin:0;font-size:14px;line-height:1.5}.demo-cta{background:0 0;border:0;border-radius:0;padding:0}.demo-cta p{color:#55514c;margin-top:8px;font-size:14px}.demo-info-card{color:#55514c;background:#f3f1eb;border:0;border-radius:4px;padding:20px 22px}.demo-info-card p{margin:0;font-size:14px;line-height:1.5}.demo-big-number{flex-direction:column;gap:8px;display:flex}.demo-big-number strong{font-size:44px;font-weight:600;line-height:1}.demo-big-number span{color:#55514c;font-size:14px;line-height:1.5}.demo-stats-grid>div{background:0 0;border:0;border-radius:0;padding:0}.demo-stats-grid strong{font-size:44px;font-weight:600;line-height:1}.demo-stats-grid p{color:#55514c;margin:8px 0 0;font-size:14px}.demo-progress{background:#e8dfd4;border-radius:10px;height:10px;overflow:hidden}.demo-progress span{background:#3f3f3d;height:100%;display:block}.demo-progress__value{width:72%}.demo-progress-label{margin-top:14px}.demo-delta{color:#3f3f3d;font-weight:600;font-size:28px!important}.demo-delta span{color:#6b6661;font-size:14px;font-weight:400}.demo-cta button{color:#fff;background:#3f3f3d;border:0;border-radius:999px;margin-top:20px;padding:10px 16px}@media (width<=600px){:where(html:not(.pdt-chat-docked)) .demo-two-col,:where(html:not(.pdt-chat-docked)) .demo-three-col{grid-template-columns:1fr}:where(html:not(.pdt-chat-docked)) .demo-definitions>div,:where(html:not(.pdt-chat-docked)) .demo-changelog li{grid-template-columns:1fr;gap:4px}:where(html:not(.pdt-chat-docked)) .block-specimen__content{padding:16px}:where(html:not(.pdt-chat-docked)) .demo-info-card{border-radius:18px;gap:14px;padding:20px}:where(html:not(.pdt-chat-docked)) .demo-info-card p{font-size:14px}}@container pdt-app (width<=600px){.demo-two-col,.demo-three-col{grid-template-columns:1fr}.demo-definitions>div,.demo-changelog li{grid-template-columns:1fr;gap:4px}.block-specimen__content{padding:16px}.demo-info-card{border-radius:18px;gap:14px;padding:20px}.demo-info-card p{font-size:14px}}.article-code-block{background:#f3f1eb;border:0;border-radius:22px;margin:24px 0;overflow:hidden}.article-code-block__toolbar{justify-content:space-between;align-items:stretch;gap:16px;min-height:56px;padding:0 18px;display:flex}.article-code-block__tabs{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.article-code-block__tabs::-webkit-scrollbar{display:none}.article-code-block__tab{color:#6b666f;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0 10px;font-size:14px;font-weight:400;position:relative}.article-code-block__tab:after{content:"";opacity:0;background:#3f3f3d;border-radius:0;height:2px;position:absolute;bottom:10px;left:10px;right:10px}.article-code-block__tab.is-active{color:#2d2d2d}.article-code-block__tab.is-active:after{opacity:1}.article-code-block__copy{color:#77717d;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0 8px;font-size:12px;display:inline-flex}.article-code-block__copy svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.article-code-block__viewport{scrollbar-color:#d0cbd2 transparent;scrollbar-width:thin;background:#fff;border-radius:20px;margin:0 3px 3px;overflow:auto}.article-code-block__viewport:focus-visible{outline-offset:-3px;outline:2px solid #4a4a48}.article-code-block__pre{tab-size:2;background:0 0;border:0;min-width:max-content;margin:0;padding:22px 0;font-family:Geist Mono,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.7}.article-code-block__line{grid-template-columns:52px minmax(max-content,1fr);min-height:24px;padding-right:28px;display:grid}.article-code-block__number{color:#aaa5ab;text-align:right;-webkit-user-select:none;user-select:none;padding-right:14px}.article-code-block__source{color:#20202a;white-space:pre;border-left:0;padding-left:18px}.code-token--keyword{color:#d0242f}.code-token--string{color:#064691}.code-token--comment{color:#77717d}.code-token--number{color:#76563d}@media (hover:hover){.article-code-block__copy:hover{color:#2d2d2d}}@media (width<=500px){:where(html:not(.pdt-chat-docked)) .article-code-block{border-radius:18px}:where(html:not(.pdt-chat-docked)) .article-code-block__toolbar{min-height:52px;padding:0 10px}:where(html:not(.pdt-chat-docked)) .article-code-block__copy span{display:none}:where(html:not(.pdt-chat-docked)) .article-code-block__viewport{border-radius:16px}:where(html:not(.pdt-chat-docked)) .article-code-block__pre{font-size:13px}:where(html:not(.pdt-chat-docked)) .article-code-block__line{grid-template-columns:42px minmax(max-content,1fr)}:where(html:not(.pdt-chat-docked)) .article-code-block__source{padding-left:14px}}@container pdt-app (width<=500px){.article-code-block{border-radius:18px}.article-code-block__toolbar{min-height:52px;padding:0 10px}.article-code-block__copy span{display:none}.article-code-block__viewport{border-radius:16px}.article-code-block__pre{font-size:13px}.article-code-block__line{grid-template-columns:42px minmax(max-content,1fr)}.article-code-block__source{padding-left:14px}}.gistiq-summary{width:min(100%,800px);font-family:"Geist Sans", var(--font-sans,sans-serif);margin:-24px auto 64px}.gistiq-summary__trigger{color:#46423e;font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:1px solid #2d2d2d;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:9px 14px;font-size:14px;font-weight:550;line-height:1;transition:color .2s,background-color .2s,border-color .2s;display:flex}.gistiq-summary__trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .2s}.gistiq-summary--open .gistiq-summary__trigger svg{transform:rotate(180deg)}.gistiq-summary__brand{color:inherit}.gistiq-summary__trigger:focus-visible{outline-offset:3px;outline:3px solid #8d61ff}.gistiq-summary__description{color:#6b6661;text-align:left;margin:0 0 18px;font-size:12px;line-height:1.4}@media (hover:hover){.gistiq-summary__trigger:hover{color:#faf9f5;background:#2d2d2d;border-color:#2d2d2d}}.gistiq-summary__reveal{opacity:0;visibility:hidden;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1),margin-top .52s cubic-bezier(.22,1,.36,1),opacity .28s,visibility 0s linear .52s;display:grid}.gistiq-summary--open .gistiq-summary__reveal{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:18px;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1),margin-top .52s cubic-bezier(.22,1,.36,1),opacity .28s 40ms,visibility}.gistiq-summary__reveal-inner{min-height:0;transition:transform .52s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(-10px)}.gistiq-summary--open .gistiq-summary__reveal-inner{transform:translateY(0)}.gistiq-summary__panel{color:#2d2d2d;box-shadow:none;background:#f3f1eb;border:0;border-radius:4px;padding:clamp(24px,4vw,38px);position:relative;overflow:hidden}.gistiq-summary__blocks{gap:18px;display:grid}.gistiq-summary__block{opacity:0;text-align:left;margin:0;font-size:17px;line-height:1.65;transform:translateY(7px)}.gistiq-summary__block:first-child{font-weight:580}.gistiq-summary--open .gistiq-summary__block{animation:.34s cubic-bezier(.22,1,.36,1) both gistiq-summary-block-in}.gistiq-summary--open .gistiq-summary__block:first-child{animation-delay:90ms}.gistiq-summary--open .gistiq-summary__block:nth-child(2){animation-delay:.175s}.gistiq-summary--open .gistiq-summary__block:nth-child(3){animation-delay:.26s}.gistiq-summary--open .gistiq-summary__block:nth-child(4){animation-delay:.345s}.gistiq-summary--open .gistiq-summary__block:nth-child(5){animation-delay:.43s}.gistiq-summary--open .gistiq-summary__block:nth-child(6){animation-delay:.515s}.gistiq-summary--open .gistiq-summary__block:nth-child(7){animation-delay:.6s}.gistiq-summary--open .gistiq-summary__block:nth-child(n+8){animation-delay:.685s}.gistiq-summary__accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes gistiq-summary-block-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){:where(html:not(.pdt-chat-docked)) .gistiq-summary{margin:-20px auto 48px}:where(html:not(.pdt-chat-docked)) .gistiq-summary__panel{border-radius:4px;padding:22px 20px}:where(html:not(.pdt-chat-docked)) .gistiq-summary__block{font-size:16px;line-height:1.6}}@container pdt-app (width<=768px){.gistiq-summary{margin:-20px auto 48px}.gistiq-summary__panel{border-radius:4px;padding:22px 20px}.gistiq-summary__block{font-size:16px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.gistiq-summary__trigger,.gistiq-summary__trigger svg,.gistiq-summary__reveal,.gistiq-summary__reveal-inner,.gistiq-summary__panel,.gistiq-summary__block{transition:none;animation:none}.gistiq-summary--open .gistiq-summary__block{opacity:1;transform:none}}