.examples-page,.example-detail-page{--ex-accent:#7c3aed;--ex-accent-hover:#8b5cf6;--ex-accent-pressed:#6d28d9;--ex-link:#6d28d9;--ex-link-hover:#5b21b6;--ex-link-dark:#a78bfa;--ex-border:#c4b5fd;--ex-border-open:#ddd6fe;--ex-bg-soft:#ede9fe;--ex-bg-softer:#f5f3ff;--ex-focus-ring:#7c3aed1f;--ex-shadow:#7c3aed52;--ex-muted-bg:#7c3aed26;--ex-border-dark:#a78bfa73}.examples-page{background:#fff;overflow-x:clip}.dark .examples-page{background:#09090b}.examples-hero-band{background-color:#f4f7f9;background-image:radial-gradient(70% 55% at 92% 8%,#c4b5fd38,#0000 60%),radial-gradient(55% 45% at 8% 92%,#fde04729,#0000 55%)}.dark .examples-hero-band{background-color:#111827;background-image:radial-gradient(70% 55% at 92% 8%,#7c3aed1f,#0000 60%),radial-gradient(55% 45% at 8% 92%,#eab30814,#0000 55%)}.examples-breadcrumb{color:#94a3b8;padding-top:.625rem;padding-bottom:1.75rem;font-size:.8125rem;line-height:1.25}.dark .examples-breadcrumb{color:#64748b}.examples-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.examples-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.examples-breadcrumb a:hover{color:#64748b}.dark .examples-breadcrumb a:hover{color:#94a3b8}.examples-breadcrumb [aria-current=page]{color:#64748b;font-weight:500}.dark .examples-breadcrumb [aria-current=page]{color:#94a3b8}.examples-hero{padding-bottom:2.75rem}@media (min-width:1024px){.examples-hero{padding-bottom:3.25rem}}.examples-hero-grid{align-items:start;gap:2.5rem;display:grid}@media (min-width:1024px){.examples-hero-grid{grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:0 3.5rem}}.examples-hero-copy{max-width:34rem;padding-top:.125rem}@media (min-width:1024px){.examples-hero-copy{padding-top:.375rem}}.examples-hero-title{color:#1a2b49;font-family:var(--font-ui);letter-spacing:-.025em;margin:0 0 1.125rem;font-size:clamp(1.875rem,2.8vw,2.375rem);font-weight:700;line-height:1.18}.dark .examples-hero-title{color:#f8fafc}.examples-hero-description{color:#4a5568;max-width:31rem;font-family:var(--font-editorial);margin:0 0 1.625rem;font-size:1.0625rem;line-height:1.65}.dark .examples-hero-description{color:#94a3b8}.examples-hero-cta{background:var(--ex-accent);color:#fff;min-height:3rem;font-family:var(--font-ui);box-shadow:0 2px 10px var(--ex-shadow);border-radius:.25rem;justify-content:center;align-items:center;padding:0 1.625rem;font-size:1rem;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.examples-hero-cta:hover{background:var(--ex-accent-hover);box-shadow:0 4px 14px var(--ex-shadow)}.examples-hero-cta:active{transform:translateY(1px)}.examples-hero-cta:focus-visible{outline:2px solid var(--ex-accent);outline-offset:2px}.examples-rating{flex-direction:column;align-items:flex-start;gap:.375rem;margin-top:1.125rem;display:flex}.examples-rating-stars{align-items:center;gap:.125rem;display:flex}.examples-rating-star{color:#00c091;width:1.125rem;height:1.125rem}.examples-rating-star--filled{fill:#00c091}.examples-rating-star--half{fill:#00c09173}.examples-rating-text{color:#64748b;font-size:.8125rem;font-weight:500;line-height:1.25}.dark .examples-rating-text{color:#94a3b8}.examples-hero-visual{width:min(100%,26.25rem);min-height:28.5rem;margin:0 auto;position:relative}@media (min-width:1024px){.examples-hero-visual{width:min(100%,27.5rem);min-height:31rem;margin-left:auto;margin-right:-.5rem;transform:translate(.75rem)}}.examples-hero-card{z-index:1;background:#fff;border:1px solid #0f172a0f;border-radius:.25rem;width:100%;height:31.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a14,0 24px 54px #0f172a1a}@media (min-width:1024px){.examples-hero-card{height:33.5rem}}.dark .examples-hero-card{background:#18181b;border-color:#ffffff14;box-shadow:0 10px 30px #00000047,0 24px 54px #00000057}.examples-hero-card-inner{width:100%;height:100%;position:relative}.examples-hero-card-inner>div,.examples-hero-card-inner>div.bg-zinc-800{background:#fff!important}.examples-hero-card--loading{background:linear-gradient(#e8edf2 0%,#f1f5f9 100%);border-radius:.25rem;width:100%;height:31.5rem}.dark .examples-hero-card--loading{background:linear-gradient(#27272a 0%,#18181b 100%)}@media (min-width:1024px){.examples-hero-card--loading{height:33.5rem}}.examples-hero-character{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.examples-hero-character--woman{z-index:2;width:7.25rem;height:auto;bottom:-1.25rem;left:-2.75rem}@media (min-width:1024px){.examples-hero-character--woman{width:7.75rem;bottom:-1.5rem;left:-3.25rem}}.examples-hero-character--man{z-index:0;width:6.5rem;height:auto;top:-1.75rem;right:-.75rem}@media (min-width:1024px){.examples-hero-character--man{width:7rem;top:-2rem;right:-1rem}}@media (max-width:1023px){.examples-hero-character--woman{width:5.75rem;bottom:-.75rem;left:-1.5rem}.examples-hero-character--man{width:5.5rem;top:-1.25rem;right:0}}@media (prefers-reduced-motion:reduce){.examples-hero-cta{transition:none}.examples-hero-cta:active{transform:none}}.examples-browse{border-bottom:1px solid #e8edf2;padding:0 0 2.5rem}.dark .examples-browse{border-bottom-color:#ffffff14}.examples-sticky-region{padding-top:2rem;position:relative}.examples-stick-sentinel,.examples-stick-end-sentinel{pointer-events:none;width:100%;height:1px;margin-top:-1px}.examples-search-sticky-shell{z-index:10001;opacity:calc(1 - var(--examples-bar-hide,0));transform:translateY(calc(var(--examples-bar-hide,0)*-100%));will-change:opacity,transform;margin:0 0 2rem;position:sticky;top:0}.examples-search-past-end .examples-search-sticky-shell{visibility:hidden;pointer-events:none}.examples-search-sticky-bar{box-sizing:border-box;background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:.875rem 1.5rem 1rem}.dark .examples-search-sticky-bar{background:#09090b}.examples-search-sticky-bar .examples-browse-search-wrap{max-width:42rem;margin:0 auto}.examples-browse-search-wrap{z-index:1;width:100%;max-width:42rem;margin:0 auto;position:relative}.examples-browse-search-form{position:relative}.examples-browse-search-icon{color:#94a3b8;pointer-events:none;z-index:1;width:1.125rem;height:1.125rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.examples-browse-search{border:1px solid var(--ex-border);color:#1e2532;width:100%;min-height:3.25rem;font-family:var(--font-ui);background:#fff;border-radius:.625rem;outline:none;padding:0 1rem 0 2.75rem;font-size:1rem;line-height:1.25;transition:border-color .2s,box-shadow .2s,border-radius .15s}.examples-browse-search-wrap.is-open .examples-browse-search{border-bottom-color:var(--ex-border-open);border-bottom-right-radius:0;border-bottom-left-radius:0}.examples-browse-search::placeholder{color:#94a3b8}.examples-browse-search:focus{border-color:var(--ex-accent);box-shadow:0 0 0 3px var(--ex-focus-ring)}.examples-browse-search-wrap.is-open .examples-browse-search:focus{box-shadow:none}.examples-search-sticky-bar .examples-browse-search{background:#fff}.dark .examples-search-sticky-bar .examples-browse-search{border-color:var(--ex-border-dark);color:#f8fafc;background:#09090b}.examples-browse-suggestions{z-index:50;border:1px solid var(--ex-border);background:#fff;border-top:0;border-radius:0 0 .625rem .625rem;max-height:17.5rem;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 32px #0f172a1f}.dark .examples-browse-suggestions{border-color:var(--ex-border-dark);background:#18181b}.examples-browse-suggestion{color:#334155;width:100%;font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1f5f9;padding:.875rem 1rem;font-size:.9375rem;line-height:1.35;transition:background-color .15s;display:block}.examples-browse-suggestion:last-child{border-bottom:0}.examples-browse-suggestion:hover{background:#f8fafc}.dark .examples-browse-suggestion{color:#e2e8f0;border-bottom-color:#ffffff0f}.dark .examples-browse-suggestion:hover{background:#27272a}.examples-browse-search-inner{position:relative}:root{--examples-bar-progress:0;--examples-columns-hide:0;--examples-bar-hide:0}.examples-search-stuck #mobile-nav-menu{visibility:hidden;pointer-events:none}.examples-search-compact .examples-browse-columns{pointer-events:none;overflow:hidden}.examples-browse-columns{gap:calc(1rem*(1 - var(--examples-columns-hide,0)))2rem;opacity:calc(1 - var(--examples-columns-hide,0));max-height:calc(var(--examples-columns-height,48rem)*(1 - var(--examples-columns-hide,0)));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}@media (min-width:768px){.examples-browse-columns{gap:calc(.75rem*(1 - var(--examples-columns-hide,0)))2.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}}.examples-browse-column{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.examples-browse-link{color:#334155;font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9375rem;font-weight:500;line-height:1.4;transition:color .2s}.examples-browse-link:hover{color:var(--ex-link)}.dark .examples-browse-link{color:#cbd5e1}.dark .examples-browse-link:hover{color:var(--ex-link-dark)}.examples-browse-toggle{color:var(--ex-link);font-family:var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;font-size:.9375rem;font-weight:500;display:inline-flex}.examples-browse-toggle:hover{color:var(--ex-link-hover)}.examples-browse-empty{text-align:center;color:#64748b;padding:3rem 0}.examples-browse-reset{color:var(--ex-link);cursor:pointer;background:0 0;border:0;margin-top:.75rem;font-size:.9375rem;font-weight:600}.examples-browse-reset:hover{text-decoration:underline}.examples-category{border-top:1px solid #e4e4e7;padding:2.5rem 0;scroll-margin-top:4.25rem}.examples-search-stuck .examples-category{scroll-margin-top:4.25rem}.dark .examples-category{border-top-color:#ffffff14}.examples-category:first-of-type{border-top:1px solid #e4e4e7;padding-top:2.5rem}.examples-category-header{gap:1.25rem;margin-bottom:1.75rem;display:grid}@media (min-width:768px){.examples-category-header{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:2rem;margin-bottom:2rem}}.examples-category-heading{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.examples-category-icon{background:var(--ex-bg-soft);width:2.5rem;height:2.5rem;color:var(--ex-link);border-radius:.625rem;justify-content:center;align-items:center;display:inline-flex}.dark .examples-category-icon{background:var(--ex-muted-bg);color:var(--ex-link-dark)}.examples-category-title{color:#1e2a4a;font-family:var(--font-ui);letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}.dark .examples-category-title{color:#fafafa}.examples-category-count{background:var(--ex-bg-soft);min-width:2rem;height:2rem;color:var(--ex-link);border-radius:9999px;justify-content:center;align-items:center;padding:0 .625rem;font-size:.875rem;font-weight:700;display:inline-flex}.dark .examples-category-count{background:var(--ex-muted-bg);color:var(--ex-link-dark)}.examples-category-description{color:#52525b;font-family:var(--font-editorial);font-size:1rem;line-height:1.65}.dark .examples-category-description{color:#a1a1aa}.examples-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (min-width:640px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media (min-width:1024px){.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}}.examples-grid--collapsed{display:none}.examples-category-body{flex-direction:column;gap:1.25rem;display:flex}.examples-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}.examples-more-grid--hidden{display:none}@media (min-width:640px){.examples-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:1024px){.examples-more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.examples-more-card{text-align:center;min-height:3.25rem;font-family:var(--font-ui);letter-spacing:-.01em;color:#334155;background:#f4f6fa;border-radius:.625rem;justify-content:center;align-items:center;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;line-height:1.35;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s;display:flex}.examples-more-card:hover{color:#1e3a8a;background:#eef2ff;box-shadow:0 4px 14px #2563eb14}.examples-more-card:active{transform:scale(.99)}.dark .examples-more-card{color:#e4e4e7;background:#18181b}.dark .examples-more-card:hover{color:#93c5fd;background:#1f2937}.examples-category-toggle{color:var(--ex-link);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.25rem;padding:0;font-size:.9375rem;font-weight:600;transition:color .14s;display:inline-flex}.examples-category-toggle:hover{color:#1d4ed8}.dark .examples-category-toggle{color:var(--ex-link-dark)}.dark .examples-category-toggle:hover{color:#93c5fd}.examples-category-toggle:focus-visible{outline:2px solid var(--ex-link);outline-offset:3px;border-radius:.25rem}.examples-card{text-decoration:none}.examples-card:focus-visible{outline:2px solid var(--ex-accent);outline-offset:4px;border-radius:2.5rem}@media (prefers-reduced-motion:reduce){.examples-card{transition:none}}.examples-builder-cta{background:#f4f7fa;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);padding:clamp(4rem,7vw,5.75rem) 0}.examples-builder-cta-placeholder{pointer-events:none}.dark .examples-builder-cta{background:#111827}.examples-builder-cta-inner{max-width:72rem;margin:0 auto;padding:0 1.5rem}.examples-builder-cta-grid{align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.examples-builder-cta-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem)}}.examples-builder-cta-fan{width:100%;max-width:36rem;min-height:clamp(16rem,38vw,24rem);margin:0 auto;position:relative}@media (min-width:1024px){.examples-builder-cta-fan{max-width:none;min-height:22rem;margin:0}}.examples-builder-cta-fan-card{transform-origin:50%;width:clamp(10.5rem,38%,15rem);position:absolute;top:50%}.examples-builder-cta-fan-preview{aspect-ratio:210/297;background:#fff;border:1px solid #0f172a14;border-radius:.375rem;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a1c,0 4px 10px #0f172a0f}.dark .examples-builder-cta-fan-preview{background:#fff;border-color:#ffffff1a;box-shadow:0 16px 36px #00000052,0 4px 10px #0000002e}.examples-builder-cta-fan-preview>div.bg-zinc-800{background:#fff!important}.examples-builder-cta-fan-card--back{z-index:1;left:2%;transform:translateY(-48%)rotate(-14deg)}.examples-builder-cta-fan-card--middle{z-index:2;left:26%;transform:translateY(-50%)rotate(-4deg)}.examples-builder-cta-fan-card--front{z-index:3;left:50%;transform:translateY(-52%)rotate(6deg)}@media (max-width:1023px){.examples-builder-cta-fan{max-width:24rem;min-height:15rem}.examples-builder-cta-fan-card{width:clamp(8.5rem,36%,11.5rem)}.examples-builder-cta-fan-card--back{left:0;transform:translateY(-48%)rotate(-12deg)}.examples-builder-cta-fan-card--middle{left:22%;transform:translateY(-50%)rotate(-3deg)}.examples-builder-cta-fan-card--front{left:44%;transform:translateY(-52%)rotate(5deg)}}.examples-builder-cta-copy{max-width:32rem}@media (min-width:1024px){.examples-builder-cta-copy{justify-self:start;max-width:34rem}}.examples-builder-cta-heading{color:#1e293b;font-family:var(--font-ui);letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;line-height:1.18}.dark .examples-builder-cta-heading{color:#f8fafc}.examples-builder-cta-description{color:#64748b;font-family:var(--font-editorial);margin:0 0 1.625rem;font-size:1.0625rem;line-height:1.65}.dark .examples-builder-cta-description{color:#94a3b8}.examples-builder-cta-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.examples-page .templates-cta-primary,.examples-builder-cta-actions .templates-cta-primary{background:var(--ex-accent);box-shadow:0 4px 14px var(--ex-shadow)}.examples-page .templates-cta-primary:hover,.examples-builder-cta-actions .templates-cta-primary:hover{background:var(--ex-accent-hover);box-shadow:0 6px 18px var(--ex-shadow)}.examples-builder-cta-secondary{color:#334155;min-height:3rem;font-family:var(--font-ui);font-size:var(--type-btn-secondary-size);font-weight:var(--type-btn-secondary-weight);letter-spacing:-.01em;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;padding:0 1.75rem;line-height:1.25;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.examples-builder-cta-secondary:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.examples-builder-cta-secondary:active{transform:scale(.98)}.examples-builder-cta-secondary:focus-visible{outline:2px solid var(--ex-accent);outline-offset:2px}.dark .examples-builder-cta-secondary{color:#e2e8f0;box-shadow:none;background:#ffffff0f;border-color:#ffffff1f}.dark .examples-builder-cta-secondary:hover{color:#f8fafc;background:#ffffff1a;border-color:#ffffff2e}@media (prefers-reduced-motion:reduce){.examples-builder-cta-secondary:active{transform:none}}.examples-page .templates-why-list>li:before,.example-detail-page .templates-why-list>li:before{background:var(--ex-accent)}.examples-page .templates-why-list-title,.example-detail-page .templates-why-list-title,.examples-page .templates-guide-subheading,.example-detail-page .templates-guide-subheading,.examples-page .templates-related-example-role,.example-detail-page .templates-related-example-role{color:var(--ex-link)}.dark .examples-page .templates-why-list-title,.dark .example-detail-page .templates-why-list-title,.dark .examples-page .templates-guide-subheading,.dark .example-detail-page .templates-guide-subheading,.dark .examples-page .templates-related-example-role,.dark .example-detail-page .templates-related-example-role{color:var(--ex-link-dark)}.examples-page .templates-why-card-cta:focus-visible,.example-detail-page .templates-why-card-cta:focus-visible{outline-color:var(--ex-accent)}
.examples-guide-section{border-top:1px solid #e4e4e7;min-height:48rem}.dark .examples-guide-section{border-top-color:#ffffff1a}.examples-guide-block--first{border-top:none;margin-top:0;padding-top:0}.examples-guide-prose .templates-why-intro strong{color:inherit}.examples-expert-tip{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:.75rem;margin:1.75rem 0;padding:1.25rem 1.375rem 1.375rem}.dark .examples-expert-tip{background:#ffffff0a;border-top-color:#ffffff1a}.examples-expert-tip-label{color:#64748b;font-family:var(--font-ui);letter-spacing:.02em;text-transform:capitalize;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8125rem;font-weight:700;display:flex}.examples-expert-tip-label:before{content:"";background:currentColor;flex-shrink:0;width:1.125rem;height:1.125rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") 50%/contain no-repeat}.examples-expert-tip-body p{color:var(--type-body);font-family:var(--font-editorial);font-size:var(--type-body-size);line-height:var(--type-body-leading);margin:0}.dark .examples-expert-tip-body p{color:#a1a1aa}.examples-expert-tip-body p+p{margin-top:.625rem}.examples-faq-item{margin-bottom:1.75rem}.examples-faq-item:last-child{margin-bottom:0}.examples-faq-question{color:#1e293b;font-family:var(--font-ui);letter-spacing:-.015em;margin:0 0 .625rem;font-size:1.125rem;font-weight:700;line-height:1.35}.dark .examples-faq-question{color:#f8fafc}.examples-essential-panel{background:#f1f5f9;border-radius:.875rem;gap:1.5rem;margin:1.5rem 0 1.75rem;padding:1.5rem;display:grid}.dark .examples-essential-panel{background:#ffffff0a}@media (min-width:768px){.examples-essential-panel{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:1.75rem;padding:1.75rem}}@media (min-width:1024px){.examples-essential-panel{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,.82fr);align-items:stretch}}.examples-essential-list{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.examples-essential-item{border:1px dashed var(--ex-border);background:#fff;border-radius:.625rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.875rem;padding:1rem 1.125rem;display:grid}.dark .examples-essential-item{border-color:var(--ex-border-dark);background:#ffffff08}.examples-essential-badge{color:#fff;width:1.75rem;height:1.75rem;font-family:var(--font-ui);border-radius:9999px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;line-height:1;display:inline-flex}.examples-essential-badge--green{background:#22c55e}.examples-essential-badge--blue{background:#8b5cf6}.examples-essential-badge--purple{background:#a78bfa}.examples-essential-item-title{color:#1e293b;font-family:var(--font-ui);margin:0 0 .25rem;font-size:.9375rem;font-weight:700;line-height:1.35}.dark .examples-essential-item-title{color:#f8fafc}.examples-essential-item-text{color:#64748b;font-family:var(--font-editorial);margin:0;font-size:.875rem;line-height:1.55}.dark .examples-essential-item-text{color:#94a3b8}.examples-essential-preview{width:100%;max-width:14rem;margin:0 auto}@media (min-width:768px){.examples-essential-preview{max-width:none;margin:0}}.examples-essential-preview .templates-preview-thumb{box-shadow:0 12px 32px #0f172a1a}.examples-essential-cta{width:100%;max-width:18rem;margin:0 auto}@media (min-width:768px) and (max-width:1023px){.examples-essential-cta{grid-column:1/-1;max-width:22rem}}@media (min-width:1024px){.examples-essential-cta{align-self:stretch;max-width:none;margin:0}.examples-essential-cta .templates-why-card{height:100%}.examples-essential-cta .templates-why-card-body{flex:1}}.examples-format-compare{background:#eef2ff;border:1px solid #e4e4e7;border-radius:.875rem;margin:1.5rem 0 1.75rem;overflow:hidden}.dark .examples-format-compare{background:#18181b;border-color:#ffffff1a}.examples-format-compare-header{background:#fff;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.dark .examples-format-compare-header{background:#27272a;border-bottom-color:#ffffff1a}.examples-format-compare-title{color:#52525b;font-family:var(--font-ui);font-size:.8125rem;font-weight:600;line-height:1.35}.dark .examples-format-compare-title{color:#a1a1aa}.examples-format-compare-brand{color:#71717a;font-size:.75rem;font-weight:600}.examples-format-compare-grid{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem;display:grid}@media (min-width:640px){.examples-format-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.examples-format-compare-item{text-align:center;flex-direction:column;align-items:center;display:flex}.examples-format-compare-icon{color:#334155;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.625rem;display:flex}.examples-format-compare-icon svg{width:1.5rem;height:1.5rem}.dark .examples-format-compare-icon{color:#e2e8f0}.examples-format-compare-name{color:#1e293b;font-family:var(--font-ui);margin:0 0 .375rem;font-size:1.125rem;font-weight:700;line-height:1.2}.dark .examples-format-compare-name{color:#f8fafc}.examples-format-tag{font-family:var(--font-ui);border-radius:9999px;margin-bottom:.875rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;line-height:1.25;display:inline-flex}.examples-format-tag--purple{color:#6d28d9;background:#ede9fe}.examples-format-tag--blue{color:#5b21b6;background:#ddd6fe}.examples-format-tag--tan{color:#b45309;background:#fef3c7}.dark .examples-format-tag--purple{color:#c4b5fd;background:#8b5cf62e}.dark .examples-format-tag--blue{color:#c4b5fd;background:#7c3aed2e}.dark .examples-format-tag--tan{color:#fcd34d;background:#f59e0b2e}.examples-format-wireframe{width:100%;max-width:7.75rem;height:auto}.examples-horizontal-cta{background:#faf8f5;border-radius:.875rem;margin-top:2.5rem;overflow:hidden;box-shadow:0 8px 28px #0f172a0f}.dark .examples-horizontal-cta{background:#18181b;box-shadow:0 8px 28px #00000040}.examples-horizontal-cta-body{align-items:center;gap:1.5rem;padding:1.5rem 1.5rem 1.25rem;display:grid}@media (min-width:768px){.examples-horizontal-cta-body{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:2rem;padding:1.75rem 2rem 1.5rem}}.examples-horizontal-cta-art{width:100%;max-width:220px;margin:0 auto}.examples-horizontal-cta-copy{text-align:center}@media (min-width:768px){.examples-horizontal-cta-copy{text-align:left}}.examples-horizontal-cta-heading{color:#1e293b;font-family:var(--font-ui);letter-spacing:-.02em;margin:0 0 .625rem;font-size:1.375rem;font-weight:700;line-height:1.25}.dark .examples-horizontal-cta-heading{color:#f8fafc}.examples-horizontal-cta-text{color:#64748b;font-family:var(--font-editorial);margin:0;font-size:.9375rem;line-height:1.6}.dark .examples-horizontal-cta-text{color:#94a3b8}.examples-horizontal-cta-button{color:#fff;width:100%;min-height:3.25rem;font-family:var(--font-ui);background:#1e2532;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;font-size:1rem;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .2s;display:flex}.examples-horizontal-cta-button:hover{background:#111827}.dark .examples-horizontal-cta-button{color:#111827;background:#f8fafc}.dark .examples-horizontal-cta-button:hover{background:#fff}.examples-horizontal-cta-button:focus-visible{outline:2px solid var(--ex-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.examples-horizontal-cta-button{transition:none}}