:root{--blog-background: var(--background, #f8f6f1);--blog-foreground: var(--foreground, #282620);--blog-muted: var(--muted-foreground, #706b62);--blog-primary: var(--primary, #674d39);--blog-primary-foreground: var(--primary-foreground, #fffdf9);--blog-border: var(--border, #e2ddd4);--blog-surface: var(--card, #fffefa);--blog-radius: var(--radius, .75rem);--blog-content-width: 46rem;--blog-wide-width: 72rem;--blog-spacing: 1rem;--blog-body-font: var(--font-body, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--blog-heading-font: var(--font-heading, var(--blog-body-font));--blog-code-font: var(--font-mono, ui-monospace, "SFMono-Regular", Consolas, monospace)}.devie-blog{color:var(--blog-foreground);background:var(--blog-background);font-family:var(--blog-body-font);font-size:1rem;line-height:1.65;width:100%;min-width:0;isolation:isolate}.devie-blog *,.devie-blog *:before,.devie-blog *:after{box-sizing:border-box}.devie-blog a{color:var(--blog-primary);text-decoration-thickness:.08em;text-underline-offset:.18em}.devie-blog a:hover{text-decoration-thickness:.13em}.devie-blog a:focus-visible,.devie-blog button:focus-visible,.devie-blog input:focus-visible,.devie-blog summary:focus-visible,.devie-blog [tabindex="0"]:focus-visible{outline:3px solid color-mix(in srgb,var(--blog-primary),transparent 48%);outline-offset:3px}.devie-blog h1,.devie-blog h2,.devie-blog h3,.devie-blog h4,.devie-blog h5,.devie-blog h6{color:var(--blog-foreground);font-family:var(--blog-heading-font);font-weight:620;letter-spacing:-.035em;line-height:1.16;text-wrap:balance}.devie-blog h1{font-size:clamp(2.35rem,6vw,4.6rem);letter-spacing:-.055em}.devie-blog h2{font-size:clamp(1.65rem,3.3vw,2.35rem)}.devie-blog h3{font-size:clamp(1.25rem,2.2vw,1.55rem)}.devie-blog p{margin:0 0 1.2em}.devie-blog p:last-child{margin-bottom:0}.devie-blog img{display:block;max-width:100%}.devie-blog-home,.devie-blog-category-page,.devie-blog-tag-page,.devie-blog-author-page{max-width:var(--blog-wide-width);margin-inline:auto;padding:clamp(1.25rem,5vw,4rem) clamp(1rem,4vw,2.5rem) 5rem}.devie-blog-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-bottom:1.1rem;border-bottom:1px solid var(--blog-border)}.devie-blog-header__brand{color:var(--blog-foreground)!important;font-family:var(--blog-heading-font);font-size:1.05rem;font-weight:650;letter-spacing:-.02em;text-decoration:none}.devie-blog-header nav{display:flex;gap:clamp(.8rem,3vw,1.6rem)}.devie-blog-header nav a{color:var(--blog-muted);font-size:.9rem;text-decoration:none}.devie-blog-header nav a:hover{color:var(--blog-foreground)}.devie-blog-home__intro{max-width:58rem;padding-block:clamp(4rem,11vw,8rem) clamp(3rem,7vw,5rem)}.devie-blog-home__intro h1{margin:0 0 1.1rem;max-width:12ch}.devie-blog-home__intro>p:last-child{color:var(--blog-muted);font-size:clamp(1.05rem,2vw,1.3rem);max-width:38rem}.devie-blog-eyebrow{color:var(--blog-primary);font-size:.75rem;font-weight:700;letter-spacing:.13em;margin:0 0 .9rem!important;text-transform:uppercase}.devie-blog-card{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius)}.devie-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.6rem)}.devie-blog-list{display:grid;list-style:none;margin:0;padding:0}.devie-blog-list>li{border-bottom:1px solid var(--blog-border);padding:1.5rem 0}.devie-blog-post-card{min-width:0;overflow:hidden;transition:border-color .16s ease,transform .16s ease}.devie-blog-post-card:hover{border-color:color-mix(in srgb,var(--blog-primary),var(--blog-border) 58%);transform:translateY(-2px)}.devie-blog-post-card__image{aspect-ratio:1.72;background:color-mix(in srgb,var(--blog-muted),transparent 92%);display:block;overflow:hidden}.devie-blog-post-card__image img{height:100%;object-fit:cover;width:100%}.devie-blog-post-card__body{padding:clamp(1rem,2.3vw,1.45rem)}.devie-blog-post-card__meta{color:var(--blog-muted);font-size:.78rem;margin:0 0 .7rem!important}.devie-blog-post-card h3{margin:0 0 .7rem}.devie-blog-post-card h3 a{color:inherit;text-decoration:none}.devie-blog-post-card h3 a:hover{color:var(--blog-primary)}.devie-blog-post-card__body>p:last-child{color:var(--blog-muted);font-size:.94rem}.devie-blog-categories,.devie-blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}.devie-blog-badge{background:color-mix(in srgb,var(--blog-primary),transparent 92%);border-radius:999px;color:var(--blog-primary);display:inline-flex;font-size:.76rem;font-weight:650;line-height:1.4;padding:.33rem .68rem;text-decoration:none}.devie-blog-badge:hover{background:color-mix(in srgb,var(--blog-primary),transparent 85%)}.devie-blog-status{color:var(--blog-muted);padding-block:2rem}.devie-blog-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:3rem}.devie-blog-pagination>span{color:var(--blog-muted);font-size:.9rem}.devie-blog-button{align-items:center;border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:650;justify-content:center;min-height:2.55rem;padding:.55rem 1rem;text-decoration:none;transition:background .14s ease,border-color .14s ease}.devie-blog-button:disabled{cursor:not-allowed;opacity:.48}.devie-blog-button--primary{background:var(--blog-primary);color:var(--blog-primary-foreground)!important}.devie-blog-button--primary:hover:not(:disabled){filter:brightness(1.07)}.devie-blog-button--secondary{background:transparent;border-color:var(--blog-border);color:var(--blog-foreground)}.devie-blog-button--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--blog-foreground),transparent 95%)}.devie-blog-button--subtle{background:transparent;color:var(--blog-primary)}.devie-blog-button--subtle:hover:not(:disabled){background:color-mix(in srgb,var(--blog-primary),transparent 92%)}.devie-blog-post{max-width:var(--blog-wide-width);margin-inline:auto;padding:clamp(1.2rem,5vw,4rem) clamp(1rem,4vw,2.5rem) 5rem}.devie-blog-post>article{margin-inline:auto;max-width:58rem}.devie-blog-post__header{margin:clamp(2.5rem,7vw,5.2rem) auto 2.7rem;max-width:var(--blog-content-width)}.devie-blog-post__header h1{margin:0 0 1.15rem}.devie-blog-post__excerpt{color:var(--blog-muted);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.devie-blog-meta{align-items:center;color:var(--blog-muted);display:flex;flex-wrap:wrap;gap:.8rem 1rem;font-size:.83rem;margin-top:1.6rem}.devie-blog-author{align-items:center;color:var(--blog-foreground);display:inline-flex;gap:.55rem;font-size:.88rem;font-weight:600;text-decoration:none}.devie-blog-author--compact{font-size:.8rem}.devie-blog-avatar{aspect-ratio:1;border-radius:50%;height:2rem;object-fit:cover;width:2rem}.devie-blog-avatar--fallback{align-items:center;background:color-mix(in srgb,var(--blog-primary),transparent 85%);color:var(--blog-primary);display:inline-flex;font-size:.72rem;justify-content:center}.devie-blog-featured-image{margin:0 0 3.2rem}.devie-blog-featured-image img{border-radius:calc(var(--blog-radius) * 1.25);max-height:39rem;object-fit:cover;width:100%}.devie-blog-featured-image figcaption,.devie-blog-image figcaption,.devie-blog-video figcaption,.devie-blog-code figcaption{color:var(--blog-muted);font-size:.82rem;margin-top:.7rem}.devie-blog-post__layout{display:grid;grid-template-columns:minmax(0,1fr) 14rem;gap:clamp(2rem,7vw,5rem);align-items:start}.devie-blog-post__body{min-width:0}.devie-blog-content{color:var(--blog-foreground);font-size:1.07rem;line-height:1.82;min-width:0}.devie-blog-content>*+*{margin-top:1.6rem}.devie-blog-content h2,.devie-blog-content h3,.devie-blog-content h4,.devie-blog-content h5,.devie-blog-content h6{margin-bottom:.75rem;margin-top:2.7rem}.devie-blog-content p{margin:0 0 1.35rem}.devie-blog-rich-text>*:last-child{margin-bottom:0}.devie-blog-rich-text ul,.devie-blog-rich-text ol{padding-inline-start:1.45rem}.devie-blog-rich-text li+li{margin-top:.45rem}.devie-blog-rich-text blockquote{border-inline-start:3px solid var(--blog-primary);color:var(--blog-muted);margin:1.8rem 0;padding-inline-start:1.25rem}.devie-blog-content img{height:auto}.devie-blog-author-bio{border-top:1px solid var(--blog-border);color:var(--blog-muted);margin-top:3.5rem;padding-top:1.5rem}.devie-blog-author-bio>a{font-size:.9rem}.devie-blog-sources{border-top:1px solid var(--blog-border);color:var(--blog-muted);font-size:.88rem;margin-top:3rem;padding-top:1rem}.devie-blog-sources h2{font-size:1rem;letter-spacing:0;margin:0 0 .7rem}.devie-blog-sources ol{padding-inline-start:1.3rem}.devie-blog-sources li{padding-inline-start:.3rem}.devie-blog-sources li+li{margin-top:.55rem}.devie-blog-sources li span,.devie-blog-sources time{margin-inline-start:.45rem}.devie-blog-breadcrumbs{color:var(--blog-muted);font-size:.82rem}.devie-blog-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.devie-blog-breadcrumbs li:not(:last-child):after{color:var(--blog-muted);content:"/";margin-inline-start:.5rem}.devie-blog-breadcrumb{color:inherit;text-decoration:none}.devie-blog-breadcrumb[aria-current=page]{color:var(--blog-foreground)}.devie-blog-toc{border-inline-start:1px solid var(--blog-border);font-size:.82rem;padding-inline-start:1rem;position:sticky;top:2rem}.devie-blog-toc p{color:var(--blog-foreground);font-weight:700;margin:0 0 .65rem}.devie-blog-toc ol{color:var(--blog-muted);list-style:none;margin:0;padding:0}.devie-blog-toc li{margin:.5rem 0}.devie-blog-toc a{color:inherit;text-decoration:none}.devie-blog-toc a:hover{color:var(--blog-primary)}.devie-blog-share{border-top:1px solid var(--blog-border);margin-top:2.5rem;padding-top:1.2rem}.devie-blog-related{margin-top:4rem}.devie-blog-related h2{font-size:1.65rem}.devie-blog-image{margin:2.3rem auto;max-width:100%}.devie-blog-image img{border-radius:var(--blog-radius);height:auto;margin-inline:auto;max-height:44rem;object-fit:contain;width:100%}.devie-blog-image--wide{max-width:var(--blog-wide-width);width:calc(100% + 12rem);margin-inline-start:-6rem}.devie-blog-image--full{max-width:none;width:calc(100vw - 2rem);margin-inline-start:50%;transform:translate(-50%)}.devie-blog-image--floatLeft{float:inline-start;margin:.4rem 1.8rem 1rem 0;margin-inline-end:1.8rem;max-width:48%}.devie-blog-image--floatRight{float:inline-end;margin:.4rem 0 1rem 1.8rem;margin-inline-start:1.8rem;max-width:48%}.devie-blog-image__credit{display:block;margin-top:.2rem}.devie-blog-gallery{display:grid;gap:.75rem;margin-block:2rem}.devie-blog-gallery--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devie-blog-gallery--featured{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.devie-blog-gallery--masonry{columns:2;display:block}.devie-blog-gallery--masonry>*{break-inside:avoid;margin-bottom:.75rem}.devie-blog-gallery--carousel{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.devie-blog-gallery--carousel>*{flex:0 0 min(80%,33rem);scroll-snap-align:start}.devie-blog-quote{border-block:1px solid var(--blog-border);margin:2.5rem 0;padding:1.5rem 0}.devie-blog-quote blockquote{font-family:var(--blog-heading-font);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:560;letter-spacing:-.025em;line-height:1.35;margin:0}.devie-blog-quote figcaption{color:var(--blog-muted);font-size:.88rem;margin-top:1rem}.devie-blog-quote cite{display:block;font-style:normal}.devie-blog-quote--highlighted{border:0;border-radius:var(--blog-radius);background:color-mix(in srgb,var(--blog-primary),transparent 93%);padding:clamp(1.25rem,4vw,2.2rem)}.devie-blog-quote--pullQuote{border:0;margin-inline:-2rem;text-align:center}.devie-blog-quote--testimonial{border:1px solid var(--blog-border);border-radius:var(--blog-radius);padding:1.5rem}.devie-blog-callout{border-inline-start:4px solid var(--blog-primary);border-radius:0 var(--blog-radius) var(--blog-radius) 0;margin:2rem 0;padding:1rem 1.25rem;background:color-mix(in srgb,var(--blog-primary),transparent 94%)}.devie-blog-callout h3{font-size:1.05rem;margin:0 0 .45rem}.devie-blog-callout--warning{border-color:#a66b1b;background:color-mix(in srgb,#d28b2b,transparent 91%)}.devie-blog-callout--important{border-color:#98504a;background:color-mix(in srgb,#b55d53,transparent 92%)}.devie-blog-callout--tip{border-color:#557b63;background:color-mix(in srgb,#5e8c6b,transparent 92%)}.devie-blog-code{background:#24221f;border:1px solid #3c3934;border-radius:var(--blog-radius);color:#f1eee8;font-family:var(--blog-code-font);font-size:.86rem;margin:2rem 0;overflow:hidden}.devie-blog-code__topline{align-items:center;background:#2f2c28;color:#c7c0b5;display:flex;font-family:var(--blog-body-font);font-size:.76rem;justify-content:space-between;padding:.65rem .9rem}.devie-blog-copy-button{background:transparent;border:1px solid #625d55;border-radius:.4rem;color:inherit;cursor:pointer;font:inherit;padding:.3rem .55rem}.devie-blog-code pre{margin:0;overflow-x:auto;padding:.9rem 0}.devie-blog-code code{display:block;font:inherit}.devie-blog-code__line{display:grid;grid-template-columns:3rem minmax(0,1fr);min-height:1.55em;padding-inline:.7rem 1rem;white-space:pre}.devie-blog-code__line.is-highlighted{background:#49433a}.devie-blog-code__number{color:#827c70;padding-inline-end:.75rem;text-align:end;-webkit-user-select:none;user-select:none}.devie-code-keyword{color:#d3a6df}.devie-code-string{color:#b7d89c}.devie-code-number{color:#e5bf82}.devie-code-comment{color:#9a9a8d;font-style:italic}.devie-blog-video{margin:2.4rem 0}.devie-blog-video__frame{aspect-ratio:16 / 9;background:#201f1d;border-radius:var(--blog-radius);overflow:hidden}.devie-blog-video iframe{border:0;height:100%;width:100%}.devie-blog-divider{border:0;border-top:1px solid var(--blog-border);margin:2.5rem auto;width:100%}.devie-blog-divider--space{border:0;height:2rem}.devie-blog-table-wrap{max-width:100%;overflow-x:auto}.devie-blog-table{border-collapse:collapse;font-size:.92rem;min-width:32rem;width:100%}.devie-blog-table th,.devie-blog-table td{border-bottom:1px solid var(--blog-border);padding:.65rem .8rem;text-align:start}.devie-blog-table th{font-weight:700}.devie-blog-table caption{color:var(--blog-muted);caption-side:bottom;padding:.6rem;text-align:start}.devie-blog-cta{align-items:center;background:color-mix(in srgb,var(--blog-primary),transparent 94%);border:1px solid var(--blog-border);border-radius:calc(var(--blog-radius) * 1.2);display:flex;gap:1.5rem;justify-content:space-between;margin:2.5rem 0;padding:clamp(1.2rem,4vw,2rem)}.devie-blog-cta h2{font-size:1.5rem;margin:0 0 .5rem}.devie-blog-cta__link{background:var(--blog-primary);border-radius:999px;color:var(--blog-primary-foreground)!important;flex:0 0 auto;font-size:.88rem;font-weight:650;padding:.65rem 1rem;text-decoration:none}.devie-blog-cta--banner{background:var(--blog-primary);color:var(--blog-primary-foreground)}.devie-blog-cta--banner h2{color:inherit}.devie-blog-cta--banner .devie-blog-cta__link{background:var(--blog-primary-foreground);color:var(--blog-primary)!important}.devie-blog-cta--subtle{background:transparent;border-inline:0;border-radius:0}.devie-blog-hero{align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);margin-block:1rem 2rem}.devie-blog-hero__copy{padding-block:1.5rem}.devie-blog-hero h2{margin:0 0 .8rem}.devie-blog-hero img{border-radius:var(--blog-radius);height:100%;max-height:30rem;object-fit:cover;width:100%}.devie-blog-hero--centered{display:block;margin-inline:auto;max-width:48rem;text-align:center}.devie-blog-hero--centered img{margin:1.5rem auto 0;max-height:27rem}.devie-blog-hero--minimal{display:block}.devie-blog-hero--imageBackground{border-radius:var(--blog-radius);min-height:24rem;overflow:hidden;padding:2rem;position:relative}.devie-blog-hero__background{inset:0;object-fit:cover;position:absolute;width:100%;height:100%;z-index:0}.devie-blog-hero--imageBackground:before{background:linear-gradient(90deg,#121212d1,#1212121f);border-radius:inherit;content:"";inset:0;position:absolute;z-index:1}.devie-blog-hero--imageBackground .devie-blog-hero__copy{color:#fff;isolation:isolate;max-width:36rem;position:relative;z-index:2}.devie-blog-hero--imageBackground h2{color:#fff}.devie-blog-columns{display:grid;gap:clamp(1rem,4vw,2.5rem);margin-block:2rem}.devie-blog-columns--50-50{grid-template-columns:repeat(2,minmax(0,1fr))}.devie-blog-columns--33-67{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.devie-blog-columns--67-33{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.devie-blog-columns--threeColumn{grid-template-columns:repeat(3,minmax(0,1fr))}.devie-blog-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin-block:2rem}.devie-blog-stats>div{border-top:1px solid var(--blog-border);padding-top:.8rem}.devie-blog-stats dt{color:var(--blog-muted);font-size:.86rem}.devie-blog-stats dd{font-family:var(--blog-heading-font);font-size:2rem;font-weight:650;letter-spacing:-.04em;margin:.25rem 0}.devie-blog-stats p{color:var(--blog-muted);font-size:.82rem}.devie-blog-faq{margin-block:2rem}.devie-blog-faq details{border-bottom:1px solid var(--blog-border);padding:.9rem 0}.devie-blog-faq summary{cursor:pointer;font-weight:650}.devie-blog-faq details>div{padding-top:.8rem}.devie-blog-search{margin-inline:auto;max-width:var(--blog-content-width)}.devie-blog-search form label{display:block;font-weight:700;margin-bottom:.5rem}.devie-blog-search form>div{display:flex;gap:.6rem}.devie-blog-search input{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius);color:var(--blog-foreground);flex:1;font:inherit;min-width:0;padding:.65rem .8rem}.devie-blog-search-results{margin-top:2rem}.devie-blog-archive-header{margin-block:3rem}.devie-blog-archive-header h1{margin:0 0 .8rem}.devie-blog-archive-header>p:last-child{color:var(--blog-muted)}.devie-blog-unknown-block{border:1px dashed var(--blog-border);color:var(--blog-muted);font-size:.88rem;padding:1rem}@media(max-width:850px){.devie-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devie-blog-post__layout{display:block}.devie-blog-toc{display:none}.devie-blog-image--wide{margin-inline:auto;width:100%}}@media(max-width:600px){.devie-blog-grid{grid-template-columns:minmax(0,1fr)}.devie-blog-header{align-items:flex-start;flex-direction:column}.devie-blog-header nav{width:100%}.devie-blog-hero,.devie-blog-columns--50-50,.devie-blog-columns--33-67,.devie-blog-columns--67-33,.devie-blog-columns--threeColumn{grid-template-columns:minmax(0,1fr)}.devie-blog-hero img{max-height:20rem}.devie-blog-cta{align-items:flex-start;flex-direction:column}.devie-blog-image--floatLeft,.devie-blog-image--floatRight{float:none;margin:1.5rem auto;max-width:100%}.devie-blog-gallery--featured{grid-template-columns:minmax(0,1fr)}.devie-blog-search form>div{align-items:stretch;flex-direction:column}.devie-blog-search form button{align-self:flex-start}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--blog-background: var(--background, #201f1d);--blog-foreground: var(--foreground, #f2efe8);--blog-muted: var(--muted-foreground, #b0aa9f);--blog-primary: var(--primary, #d0ad87);--blog-primary-foreground: var(--primary-foreground, #231d17);--blog-border: var(--border, #403d38);--blog-surface: var(--card, #282623)}}:root[data-theme=dark],:root[data-color-scheme=dark]{--blog-background: var(--background, #201f1d);--blog-foreground: var(--foreground, #f2efe8);--blog-muted: var(--muted-foreground, #b0aa9f);--blog-primary: var(--primary, #d0ad87);--blog-primary-foreground: var(--primary-foreground, #231d17);--blog-border: var(--border, #403d38);--blog-surface: var(--card, #282623)}@media(prefers-reduced-motion:reduce){.devie-blog *,.devie-blog *:before,.devie-blog *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color-scheme:light;--ink: #252822;--muted: #74776f;--paper: #f3f1eb;--white: #fffefa;--line: #ddded6;--green: #436852;--green-deep: #28483a;--serif: Georgia, "Times New Roman", serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}body,button,input{font-family:var(--sans)}button,input{font-size:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7c9c83;outline-offset:4px}::selection{color:#fff;background:#52745e}.showcase{min-height:100vh;overflow:clip}.showcase--theme{--blog-background: #f1f3ed;--blog-foreground: #26312c;--blog-muted: #68766d;--blog-primary: #426c55;--blog-primary-foreground: #f8fbf5;--blog-border: #d7e0d5;--blog-surface: #fafcf8;--blog-radius: .28rem;--blog-content-width: 44rem;--blog-heading-font: var(--serif)}.showcase--brand{--blog-background: #f1f4fa;--blog-foreground: #182b47;--blog-muted: #65758c;--blog-primary: #294e80;--blog-primary-foreground: #fff;--blog-border: #d6e0ef;--blog-surface: #fff;--blog-radius: 1.05rem;--blog-heading-font: var(--sans)}.showcase--brand .devie-blog{border-radius:.9rem}.page-wrap{width:min(100% - 3rem,1192px);margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{width:min(100% - 3rem,1340px);height:84px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid rgba(37,40,34,.12)}.wordmark{display:inline-flex;align-items:center;gap:.62rem;color:var(--ink);font-size:.91rem;font-weight:730;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.wordmark-mark{width:1.78rem;height:1.78rem;display:grid;place-items:center;color:#f7f4ec;background:var(--green-deep);border-radius:50%;font-family:var(--serif);font-size:1.24rem;font-style:italic;font-weight:400}.wordmark-separator{color:#a2a59c;padding-inline:.16rem;font-weight:400}.site-nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.55rem)}.site-nav a{color:#64685f;font-size:.78rem;font-weight:560;text-decoration:none;transition:color .15s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#748e78;text-underline-offset:.42rem}.header-cta{border:1px solid #caccbf;border-radius:999px;padding:.7rem 1rem;color:var(--ink);font-size:.75rem;font-weight:620;text-decoration:none;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.header-cta:hover{background:#e9e9df;border-color:#afb5a7}.header-cta span{margin-left:.35rem}.eyebrow{display:flex;align-items:center;gap:.55rem;margin:0 0 1.1rem;color:#657b68;font-size:.68rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.eyebrow-dot,.live-dot,.snippet-dot{width:.42rem;height:.42rem;display:inline-block;border-radius:50%;background:#79977b}.home-hero{min-height:637px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:clamp(2.8rem,7vw,7rem);padding-block:5.5rem 5.8rem}.hero-copy{max-width:660px;padding-bottom:.3rem}.hero-copy h1{margin:0;max-width:11ch;color:var(--ink);font-size:clamp(3.3rem,6.4vw,6.1rem);font-weight:510;letter-spacing:-.082em;line-height:.98;text-wrap:balance}.hero-copy h1 em,.section-heading h2 em,.same-content-copy h2 em,.closing-section h2 em,.page-not-found h1 em,.demo-intro h1 em{color:var(--green);font-family:var(--serif);font-weight:400;letter-spacing:-.07em}.hero-description{max-width:36rem;margin:1.65rem 0 0;color:#6c7068;font-size:1.02rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2rem}.button{min-height:2.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.82rem 1.1rem;border-radius:999px;font-size:.76rem;font-weight:640;text-decoration:none;transition:transform .15s ease,background .15s ease}.button:hover{transform:translateY(-1px)}.button--dark{background:#2d4938;color:#fffefa}.button--dark:hover{background:#203b2c}.text-link{display:inline-flex;align-items:center;gap:.45rem;color:#4b624f;font-size:.76rem;font-weight:650;text-decoration-thickness:1px;text-underline-offset:.3rem}.text-link:hover{color:#283f30}.hero-proof{display:flex;align-items:center;gap:.66rem;margin-top:2.6rem;color:#85877e;font-size:.7rem}.proof-spark{color:#779178;font-size:1.05rem}.hero-illustration{position:relative;width:min(100%,490px);justify-self:end;padding:.6rem .6rem .2rem 0}.preview-window{position:relative;overflow:hidden;background:#fffcf5;border:1px solid rgba(42,52,43,.17);border-radius:.5rem;box-shadow:0 27px 65px #2c362b21,0 2px 8px #2c362b0f;transform:rotate(1.3deg)}.preview-topbar{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:0 .85rem;border-bottom:1px solid #ece9df;color:#8c8c83;font-size:.48rem;letter-spacing:.09em}.preview-dots{display:flex;gap:.25rem}.preview-dots i{width:.32rem;height:.32rem;border-radius:50%;background:#d4d1c7}.preview-dots i:first-child{background:#d38b72}.preview-window-label{color:#6e866f;font-size:.44rem;font-weight:760}.preview-art{position:relative;height:185px;overflow:hidden;background:#d4d9c7}.preview-art>span{position:absolute;z-index:3;left:1.4rem;bottom:1.1rem;color:#26352ac7;font-size:.48rem;font-weight:740;letter-spacing:.15em}.preview-art-arc{position:absolute;width:230px;height:230px;right:42px;top:21px;border:1px solid rgba(69,96,73,.31);border-radius:50%}.preview-art-sun{position:absolute;width:58px;height:58px;right:111px;top:37px;border-radius:50%;background:#f0bd84}.preview-art-hill{position:absolute;width:350px;height:150px;bottom:-82px;border-radius:50% 50% 0 0;transform:rotate(-7deg)}.preview-art-hill--back{left:-45px;background:#849780}.preview-art-hill--front{right:-45px;bottom:-98px;background:#455f4b;transform:rotate(9deg)}.preview-story{padding:1.2rem 1.4rem 1.05rem}.preview-category{color:#697c68;font-size:.48rem;font-weight:760;letter-spacing:.12em}.preview-category span{margin-inline:.3rem;color:#bbb9ad}.preview-story h2{margin:.65rem 0 .5rem;color:#313b30;font-family:var(--serif);font-size:1.6rem;font-weight:400;letter-spacing:-.05em;line-height:1.05}.preview-story>p{max-width:17rem;margin:0;color:#777a70;font-size:.65rem;line-height:1.5}.preview-byline{display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:#484d43;font-size:.57rem;font-weight:650}.preview-avatar{width:1.6rem;height:1.6rem;display:grid;place-items:center;color:#f9f6ef;background:#78907b;border-radius:50%;font-family:var(--serif);font-size:.8rem}.preview-byline small{color:#898a81;font-size:.49rem;font-weight:430}.preview-arrow{margin-left:auto;color:#778b72;font-size:.85rem}.hero-float-note{position:absolute;z-index:2;right:-1.2rem;bottom:-1.3rem;display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;color:#626b5c;background:#fffdf6;border:1px solid #e1e0d6;border-radius:.3rem;box-shadow:0 10px 28px #2c362b1a;font-size:.62rem;line-height:1.45;transform:rotate(-1deg)}.hero-float-note>span:first-child{color:#739078;font-size:1.2rem}.hero-float-note b{color:#364738;font-weight:680}.promise-strip{background:#e8e8de;border-block:1px solid #dedfd5}.promise-inner{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#74796f;font-size:.57rem;font-weight:750;letter-spacing:.12em}.promise-inner i{width:.22rem;height:.22rem;flex:0 0 auto;border-radius:50%;background:#8e9a89}.customization-section{padding-block:7rem 7.7rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.8rem}.section-heading .eyebrow,.same-content-copy .eyebrow{margin-bottom:.9rem}.section-heading h2,.same-content-copy h2,.closing-section h2{margin:0;color:var(--ink);font-size:clamp(2.25rem,4.7vw,4rem);font-weight:510;letter-spacing:-.075em;line-height:1.02}.section-heading>p{max-width:25rem;margin:0 0 .35rem;color:#75786f;font-size:.83rem;line-height:1.8}.demo-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.demo-card{min-height:324px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);background:#fbfaf6;border:1px solid #dedfd7;border-radius:.33rem;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.demo-card:hover{transform:translateY(-3px);border-color:#b9c0b5;box-shadow:0 16px 38px #2a342a14}.demo-card-top{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:#898b80;font-size:.58rem;font-weight:740;letter-spacing:.12em}.demo-arrow{width:1.65rem;height:1.65rem;display:grid;place-items:center;color:#687866;border:1px solid #dcdfd5;border-radius:50%;font-size:.8rem;transition:transform .16s ease}.demo-card:hover .demo-arrow{transform:translate(1px,-1px)}.demo-card-art{height:104px;position:relative;display:grid;place-items:center;overflow:hidden;border-block:1px solid rgba(61,76,62,.07)}.demo-card--quick-start .demo-card-art{background:#e4e8dd}.demo-card--theme .demo-card-art{background:#e2e9dd}.demo-card--design-system .demo-card-art{background:#dfe7f2}.demo-card--headless .demo-card-art{background:#e8e3d9}.demo-card--editorial .demo-card-art{background:#ebe5da}.demo-card--multi-site .demo-card-art{background:#e4e8dd}.demo-card-body{flex:1;padding:1.1rem 1.1rem 1.2rem}.demo-level{display:block;margin-bottom:.55rem;color:#6d856e;font-size:.55rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.demo-card h3{margin:0;font-size:1.03rem;font-weight:620;letter-spacing:-.035em}.demo-card-body p{margin:.55rem 0 0;color:#7a7d73;font-size:.71rem;line-height:1.65}.glyph-browser{width:150px;height:69px;position:relative;padding:1.15rem .65rem .5rem;background:#fffdf7;border:1px solid #cdd1c5;border-radius:.25rem;box-shadow:0 7px 14px #2a362b14}.glyph-browser>span{width:.23rem;height:.23rem;position:absolute;left:.45rem;top:.4rem;border-radius:50%;background:#b4c2af}.glyph-browser>span:nth-child(2){left:.82rem;background:#c8cbbd}.glyph-browser>span:nth-child(3){left:1.19rem;background:#d5b49a}.glyph-browser b{width:34px;height:27px;float:left;margin-right:.45rem;background:#bfcbb8;border-radius:2px}.glyph-browser i{height:4px;display:block;margin:4px 0;background:#dce0d5;border-radius:4px}.glyph-browser i:last-child{width:66%}.glyph-swatches{display:flex;align-items:center;gap:.45rem}.glyph-swatches i{width:1.75rem;height:1.75rem;border-radius:50%;background:#526e55}.glyph-swatches i:nth-child(2){background:#d0d5c4}.glyph-swatches i:nth-child(3){background:#e4b993}.glyph-swatches i:nth-child(4){background:#ece9df;border:1px solid #d8d7cf}.glyph-swatches b{margin-left:.6rem;color:#425745;font-family:var(--serif);font-size:1.75rem;font-weight:400}.glyph-components{width:180px;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.glyph-components span{padding:.36rem .55rem;color:#405777;background:#f7f9fd;border:1px solid #cdd9e8;border-radius:.38rem;font-size:.52rem;font-weight:650}.glyph-components i{width:1.6rem;height:1.6rem;display:grid;place-items:center;color:#eef4fe;background:#42658f;border-radius:50%;font-size:.62rem;font-style:normal}.glyph-headless{display:grid;gap:.24rem;padding:.7rem 1rem;background:#fbf8ef;border:1px solid #dad5c7;box-shadow:6px 6px #887e661a;transform:rotate(-2deg)}.glyph-headless code{color:#526e55;font-family:ui-monospace,monospace;font-size:.55rem}.glyph-headless code:nth-child(2){padding-left:1rem;color:#a66e4c}.glyph-blocks{width:150px;height:59px;position:relative;display:flex;flex-direction:column;gap:.32rem;padding:.48rem;background:#fbfaf6;border:1px solid #dcd8ce}.glyph-blocks i{width:74%;height:7px;background:#e3e4da;border-radius:1rem}.glyph-blocks i:nth-child(2){width:92%;height:14px;background:#d8e0d3}.glyph-blocks i:nth-child(3){width:59%}.glyph-blocks b{position:absolute;right:.58rem;top:.65rem;color:#9d8054;font-size:1rem}.glyph-sites{display:flex;align-items:center;gap:.5rem}.glyph-sites span{padding:.6rem .75rem;color:#47654a;background:#f9faf4;border:1px solid #cbd6c5;border-radius:.25rem;font-size:.54rem;font-weight:700}.glyph-sites span:last-child{color:#53627a;background:#f6f8fb;border-color:#ccd5e0}.glyph-sites i{width:1.05rem;height:1px;position:relative;background:#9eaa99}.glyph-sites i:after{content:"↗";position:absolute;right:-.2rem;top:-.5rem;color:#778878;font-size:.7rem}.same-content-section{padding-block:5.9rem 6.3rem;background:#e9e8df;border-block:1px solid #dcddd3}.same-content-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.same-content-copy h2{font-size:clamp(2.5rem,4.7vw,4.1rem)}.same-content-copy>p:not(.eyebrow){max-width:27rem;margin:1.2rem 0 1rem;color:#74786e;font-size:.82rem;line-height:1.75}.site-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.site-mini{min-height:244px;display:flex;flex-direction:column;justify-content:space-between;padding:1.05rem 1.05rem .9rem;border:1px solid rgba(60,76,62,.13);border-radius:.3rem;box-shadow:0 12px 25px #2a33280f;text-decoration:none;transition:transform .17s ease}.site-mini:hover{transform:translateY(-3px)}.site-mini--clinic{background:#f5f6ee}.site-mini--trading{background:#f2f5fa}.site-mini-label{display:flex;align-items:center;gap:.42rem;color:#81867b;font-size:.49rem;font-weight:740;letter-spacing:.12em}.site-mini-label i{width:1rem;height:1px;background:#c1c4b9}.site-mini-title{margin-top:1.8rem;color:#39463a;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:520;letter-spacing:-.07em;line-height:1.03}.site-mini--trading .site-mini-title{color:#33475f}.site-mini-title em{color:#628066;font-family:var(--serif);font-weight:400}.site-mini--trading .site-mini-title em{color:#597798}.site-mini-foot{display:flex;justify-content:space-between;padding-top:.7rem;border-top:1px solid #e1e3d9;color:#73776e;font-size:.55rem}.site-mini--trading .site-mini-foot{border-color:#dce2ea}.site-mini-foot b{color:#718370;font-size:.8rem;font-weight:450}.closing-section{padding-block:7rem 5rem;text-align:center}.closing-section .eyebrow{justify-content:center}.closing-section h2{margin-bottom:1.65rem}.closing-section .button{margin-inline:auto}.sample-notice{padding:0 0 1.7rem;color:#999b92;font-size:.63rem;text-align:center}.demo-page{padding-bottom:2rem}.demo-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.72fr);align-items:end;gap:clamp(3rem,8vw,8rem);padding-block:5.6rem 4.6rem}.demo-intro-copy{max-width:660px}.back-link{display:inline-block;margin-bottom:2.3rem;color:#798073;font-size:.68rem;text-decoration:none}.back-link:hover{color:var(--green-deep)}.demo-intro .eyebrow{margin-bottom:.85rem}.demo-intro h1{max-width:12ch;margin:0;color:var(--ink);font-size:clamp(2.8rem,5.35vw,5.1rem);font-weight:520;letter-spacing:-.08em;line-height:.98}.demo-intro-description{max-width:32rem;margin:1.25rem 0 0;color:#72766d;font-size:.9rem;line-height:1.8}.demo-intro-aside{padding:1rem 1.05rem .88rem;color:#e5e9df;background:#29372e;border:1px solid rgba(32,46,36,.4);border-radius:.3rem;box-shadow:0 13px 32px #242f251a}.snippet-label{display:flex;align-items:center;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid rgba(233,238,224,.14);color:#a8b6a4;font-size:.5rem;font-weight:720;letter-spacing:.14em}.demo-intro-aside pre{overflow-x:auto;margin:.9rem 0 1rem;color:#edf1e8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1.75;tab-size:2}.snippet-foot{display:flex;align-items:center;gap:.4rem;padding-top:.66rem;border-top:1px solid rgba(233,238,224,.14);color:#a2ad9d;font-size:.55rem}.snippet-dot{width:.35rem;height:.35rem;background:#92b18a}.live-section{padding-bottom:2.3rem}.live-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.35rem}.live-section-heading>div>.live-label{margin-bottom:.52rem}.live-section-heading h2{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:590;letter-spacing:-.045em}.live-section-heading>p{max-width:29rem;margin:0;color:#777b72;font-size:.72rem;line-height:1.7}.live-label{display:flex;align-items:center;gap:.4rem;color:#72806f;font-size:.52rem;font-weight:760;letter-spacing:.12em}.live-dot{width:.35rem;height:.35rem;background:#7ba182;box-shadow:0 0 0 3px #7ba18221}.live-frame{overflow:hidden;background:#fffefa;border:1px solid #dedfd6;border-radius:.35rem;box-shadow:0 16px 42px #2e32290e}.live-frame>.devie-blog,.live-frame>main.devie-blog{min-height:370px}.live-frame--themed,.live-frame--brand{background:var(--blog-background);border-color:var(--blog-border)}.live-frame--brand .injected-card{transition:transform .16s ease,box-shadow .16s ease}.live-frame--brand .injected-card:hover{transform:translateY(-2px);box-shadow:0 9px 18px #21426d14}.live-frame--article{padding-top:.35rem}.demo-article{padding-bottom:2rem}.demo-intro--compact{padding-block:2rem 1rem}.demo-intro--compact .back-link{margin-bottom:1.2rem}.demo-intro--compact h1{font-size:clamp(1.7rem,3vw,2.6rem)}.demo-intro--compact .demo-intro-aside{display:none}.demo-intro--compact{display:block}.demo-search{max-width:100%;padding-top:1rem}.demo-search>.demo-intro{padding-block:1rem 2rem}.demo-search>.devie-blog-search{max-width:55rem;margin-inline:auto}.demo-search .demo-intro-copy h1{font-size:clamp(2rem,4vw,3rem)}.next-demo{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;margin-bottom:1rem;padding-block:1rem;border-top:1px solid #dcddd3;color:var(--ink);text-decoration:none}.next-demo>span:first-child{display:grid;gap:.25rem}.next-demo small{color:#83887c;font-size:.52rem;font-weight:740;letter-spacing:.13em}.next-demo b{font-size:.85rem;font-weight:630}.next-demo-arrow{width:2rem;height:2rem;display:grid;place-items:center;color:#4f6a54;border:1px solid #d6d9cf;border-radius:50%}.page-not-found{min-height:65vh;padding-block:10rem}.page-not-found h1{margin:0 0 1.5rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:520;letter-spacing:-.08em;line-height:.98}.headless-surface{padding:clamp(1.2rem,4vw,2.5rem);background:#fbfaf6;border:1px solid #dfded5;border-radius:.35rem}.headless-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1.3rem;padding-bottom:1.1rem;border-bottom:1px solid #e5e3da}.headless-overline{display:block;margin-bottom:.4rem;color:#70816c;font-size:.55rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.headless-toolbar h3{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600;letter-spacing:-.045em}.headless-search{width:min(100%,240px);min-height:2.4rem;display:flex;align-items:center;gap:.55rem;padding:0 .75rem;color:#777b70;background:#fff;border:1px solid #ddddd4;border-radius:.25rem}.headless-search>span:not(.visually-hidden){font-size:1.1rem}.headless-search input{width:100%;min-width:0;padding:0;color:#41463f;background:transparent;border:0;outline:0;font-size:.67rem}.headless-search input::placeholder{color:#a2a399}.headless-search:focus-within{border-color:#8a9d85;box-shadow:0 0 0 3px #597a5c1a}.headless-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding-top:1rem}.headless-card{min-height:194px;display:flex;flex-direction:column;padding:1rem;background:#f8f7f1;border:1px solid #e4e3da;transition:border-color .15s ease,background .15s ease}.headless-card:hover{background:#fff;border-color:#cad1c3}.headless-card-meta{display:flex;justify-content:space-between;gap:.5rem;color:#7b8677;font-size:.47rem;font-weight:740;letter-spacing:.09em;text-transform:uppercase}.headless-card h3{margin:1rem 0 0;font-family:var(--serif);font-size:1.14rem;font-weight:400;letter-spacing:-.03em;line-height:1.18}.headless-card h3 a{text-decoration:none}.headless-card h3 a:hover{color:#45684c}.headless-card>p{margin:.55rem 0 .8rem;color:#777a71;font-size:.65rem;line-height:1.6}.headless-read-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;color:#4f6d52;font-size:.61rem;font-weight:690;text-decoration:none}.headless-read-link:hover{text-decoration:underline;text-underline-offset:.2rem}.headless-status{min-height:9rem;display:grid;place-items:center;color:#7b7f75;font-size:.75rem}.headless-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e3da;color:#8b8c82;font-size:.58rem}.headless-note span{color:#789078;font-size:.9rem}.headless-article{padding-block:4rem 6rem}.headless-article>.back-link{margin-bottom:3rem}.headless-article article{max-width:48rem;margin-inline:auto}.headless-article .eyebrow{margin-bottom:1rem}.headless-article h1{margin:0;color:#262a24;font-family:var(--serif);font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400;letter-spacing:-.075em;line-height:1}.headless-article-deck{max-width:40rem;margin:1.25rem 0 0;color:#72766d;font-size:1.05rem;line-height:1.7}.headless-byline{display:flex;align-items:center;gap:.55rem;margin-block:1.5rem 2.1rem;padding-block:.9rem;border-block:1px solid #dcded4;color:#73786f;font-size:.65rem}.headless-byline span{width:1.2rem;height:1px;background:#a3ad9f}.headless-article-body{color:#3c4139;font-size:.94rem;line-height:1.88}.headless-article-body>p{margin:0 0 1.35rem}.headless-article-body>h2{margin:2.4rem 0 .8rem;font-family:var(--serif);font-size:1.65rem;font-weight:400;letter-spacing:-.035em}.headless-article-body blockquote{margin:2rem 0;padding:.5rem 0 .5rem 1.2rem;color:#526d55;border-left:2px solid #789278;font-family:var(--serif);font-size:1.3rem;line-height:1.55}.headless-article-body blockquote cite{display:block;margin-top:.5rem;color:#858a80;font-family:var(--sans);font-size:.62rem;font-style:normal}.headless-article-body aside{margin-block:1.8rem;padding:1.1rem 1.2rem;color:#465845;background:#eaf0e6;border-left:2px solid #769078;font-size:.8rem;line-height:1.7}.headless-article-body aside p{margin:.3rem 0 0}.headless-table-wrap{overflow-x:auto;margin-block:2rem}.headless-table-wrap table{width:100%;border-collapse:collapse;font-size:.71rem;text-align:left}.headless-table-wrap caption{padding-bottom:.55rem;color:#7c8278;text-align:left}.headless-table-wrap th,.headless-table-wrap td{padding:.65rem .75rem;border:1px solid #dfe1d8}.headless-table-wrap th{color:#475c49;background:#edf0e7;font-weight:700}.headless-table-wrap td{color:#60675f;background:#fffefa}.headless-article-foot{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid #dcddd3;color:#85887e;font-size:.62rem}.headless-article-foot a{color:#4d6b52;font-weight:640;text-decoration:none}.site-picker{display:flex;gap:.6rem;margin-bottom:1rem}.site-picker-option{min-width:200px;min-height:2.65rem;display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;color:#72766d;background:#fbfaf6;border:1px solid #dddfd7;border-radius:.25rem;font-size:.65rem;font-weight:610;text-decoration:none}.site-picker-option>span{color:#9a9d92;font-size:.52rem}.site-picker-option b{margin-left:auto;font-size:.75rem;font-weight:480}.site-picker-option:hover,.site-picker-option.is-active{color:#2d4936;background:#edf1e8;border-color:#9cae99}.live-frame--multisite .devie-blog-home{padding-top:1.7rem}.injected-card{color:var(--blog-foreground);background:#fff;border:1px solid #d7e1ef;border-radius:1.05rem}.injected-button{min-height:2.5rem;padding:.55rem .95rem;color:#274a78;background:#eef3fb;border:1px solid #d2dfef;border-radius:.55rem;cursor:pointer;font-size:.76rem;font-weight:650;transition:background .15s ease,transform .15s ease}.injected-button:hover:not(:disabled){background:#e1eafa;transform:translateY(-1px)}.injected-button--primary{color:#fff;background:#315a8c;border-color:#315a8c}.injected-button--primary:hover:not(:disabled){background:#254b78}.injected-button--subtle{color:#315a8c;background:transparent;border-color:transparent}.injected-badge{display:inline-flex;padding:.32rem .62rem;color:#315a8c;background:#e9eff9;border-radius:.4rem;font-size:.69rem;font-weight:650;text-decoration:none}.injected-avatar{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:.55rem;object-fit:cover}.injected-avatar--fallback{color:#f3f6fc;background:#58779f;font-size:.65rem;font-weight:760}.injected-crumb{color:#526984;font-size:.73rem;text-decoration:none}.injected-crumb[aria-current=page]{color:#243c5b;font-weight:660}.site-footer{width:min(100% - 3rem,1192px);min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-inline:auto;color:#898b81;border-top:1px solid #dcddd3;font-size:.61rem}.site-footer a{color:#61745f;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:.18rem}.footer-mark{color:#50584d!important;font-size:.7rem;font-weight:720}.site-footer>a:last-child span{margin-left:.25rem}@media(max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:2.5rem}.hero-copy h1{font-size:clamp(3rem,6.6vw,4.7rem)}.hero-illustration{transform:scale(.95);transform-origin:center right}.demo-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:2.5rem}}@media(max-width:680px){.page-wrap,.site-header,.site-footer{width:min(100% - 2rem,1192px)}.site-header{height:70px;gap:.75rem}.wordmark{gap:.4rem;font-size:.78rem}.wordmark-mark{width:1.55rem;height:1.55rem;font-size:1.05rem}.site-nav{gap:.85rem}.site-nav a{font-size:.66rem}.site-nav a:nth-child(2){display:none}.header-cta{padding:.62rem .78rem;font-size:.64rem}.home-hero{min-height:auto;grid-template-columns:1fr;gap:2.5rem;padding-block:4rem 3.7rem}.hero-copy h1{max-width:10ch;font-size:clamp(3.1rem,13vw,4.8rem)}.hero-description{font-size:.88rem}.hero-proof{margin-top:1.8rem;font-size:.62rem}.hero-illustration{width:min(91%,420px);justify-self:center;margin-right:.4rem;transform:none}.preview-art{height:160px}.hero-float-note{right:-.5rem}.promise-inner{min-height:68px;justify-content:center;flex-wrap:wrap;gap:.45rem .65rem;padding-block:.75rem;font-size:.48rem}.promise-inner span:nth-of-type(3),.promise-inner i:nth-of-type(2){display:none}.customization-section{padding-block:4.7rem}.section-heading{display:block;margin-bottom:1.8rem}.section-heading h2,.same-content-copy h2,.closing-section h2{font-size:clamp(2.5rem,11vw,3.6rem)}.section-heading>p{max-width:31rem;margin-top:1rem;font-size:.75rem}.demo-catalog{grid-template-columns:1fr;gap:.7rem}.demo-card{min-height:270px}.demo-card-art{height:87px}.demo-card-body{padding:.85rem 1rem 1rem}.same-content-section{padding-block:4.5rem}.same-content-inner{grid-template-columns:1fr;gap:2rem}.site-compare{gap:.6rem}.site-mini{min-height:200px;padding:.8rem}.site-mini-title{font-size:1.4rem}.closing-section{padding-block:5rem 3rem}.sample-notice{padding-bottom:1.4rem;font-size:.58rem}.demo-intro{grid-template-columns:1fr;gap:1.7rem;padding-block:3.5rem 2.5rem}.demo-intro .back-link{margin-bottom:1.8rem}.demo-intro h1{font-size:clamp(2.8rem,12vw,4.1rem)}.demo-intro-aside{max-width:100%}.demo-intro-aside pre{font-size:.6rem}.live-section-heading{display:block}.live-section-heading>p{margin-top:.7rem}.live-frame{margin-inline:-.1rem}.live-frame .devie-blog-grid{grid-template-columns:1fr}.live-frame .devie-blog-home,.live-frame .devie-blog-post{padding-inline:1rem}.headless-toolbar{align-items:stretch;flex-direction:column}.headless-search{width:100%}.headless-grid{grid-template-columns:1fr}.headless-card{min-height:165px}.headless-article{padding-block:3rem 4rem}.headless-article h1{font-size:clamp(2.5rem,11vw,3.6rem)}.headless-article-foot{align-items:start;flex-direction:column}.site-picker{flex-direction:column}.site-picker-option{width:100%}.demo-article .live-frame{margin-inline:0}.site-footer{min-height:100px;align-items:start;flex-direction:column;justify-content:center;gap:.38rem;padding-block:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}