@font-face{font-family:anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400.woff2)format('woff2')}@font-face{font-family:host grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/host-grotesk-var.woff2)format('woff2')}@font-face{font-family:jetbrains mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-var.woff2)format('woff2')}:root{color-scheme:light dark;--color-bg:#f6f5ff;--color-bg-alt:#f6f5ff;--color-surface:rgba(255, 255, 255, 0.72);--color-surface-subtle:rgba(236, 234, 248, 0.6);--color-surface-strong:#ffffff;--color-border:rgba(95, 61, 244, 0.18);--color-border-strong:rgba(95, 61, 244, 0.32);--color-text:#0b0b10;--color-text-soft:rgba(11, 11, 16, 0.72);--color-text-muted:rgba(11, 11, 16, 0.56);--color-pop:#5f3df4;--color-signal:#5f3df4;--color-on-signal:#ffffff;--color-rule:rgba(95, 61, 244, 0.2);--color-strike:#5f3df4;--color-tag-bg:#5f3df4;--color-tag-fg:#ffffff;--color-accent-start:#5f3df4;--color-accent-mid:#5f3df4;--color-accent-end:#5f3df4;--gradient-accent:linear-gradient(135deg, #5f3df4, #5f3df4);--gradient-soft:linear-gradient(160deg, rgba(95, 61, 244, 0.07), rgba(95, 61, 244, 0.03));--glow-ambient:none;--font-display:"Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-poster:"Anton", Impact, "Arial Narrow", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--radius-xl:14px;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-xs:4px;--blur-bg:saturate(160%) blur(16px);--shadow-soft:0 1px 2px rgba(11, 11, 16, 0.06);--shadow-medium:0 6px 20px rgba(11, 11, 16, 0.08);--shadow-hard:0 24px 60px rgba(11, 11, 16, 0.18);--shadow-border:0 0 0 1px var(--color-border);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:64px;--space-8:80px;--max-width-shell:1200px;--max-width-readable:640px;--transition-soft:cubic-bezier(0.4, 0, 0.2, 1);--transition-emphatic:cubic-bezier(0.16, 1, 0.3, 1);--spring-short:280ms var(--transition-emphatic);--spring-medium:420ms var(--transition-emphatic)}[data-theme=dark]{--color-bg:#070913;--color-bg-alt:#070913;--color-surface:rgba(14, 18, 33, 0.88);--color-surface-subtle:rgba(20, 24, 43, 0.82);--color-surface-strong:#0c0f1c;--color-border:rgba(139, 123, 255, 0.2);--color-border-strong:rgba(139, 123, 255, 0.34);--color-text:#f4f6ff;--color-text-soft:rgba(244, 246, 255, 0.76);--color-text-muted:rgba(244, 246, 255, 0.56);--color-pop:#00d4ff;--color-signal:#00d4ff;--color-on-signal:#070913;--color-rule:rgba(139, 123, 255, 0.22);--color-strike:#8b7bff;--color-tag-bg:#8b7bff;--color-tag-fg:#070913;--gradient-soft:linear-gradient(160deg, rgba(139, 123, 255, 0.1), rgba(0, 212, 255, 0.04));--glow-ambient:none;--shadow-soft:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-medium:0 8px 24px rgba(0, 0, 0, 0.5);--shadow-hard:0 30px 80px rgba(0, 0, 0, 0.7)}:where(*){box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body.page{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;text-rendering:optimizeLegibility;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.no-js body{opacity:1!important}.hidden{visibility:hidden}.main{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding-top:calc(var(--space-2) + 48px)}.shell{width:min(100% - 2 * var(--space-2),var(--max-width-shell));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);background:color-mix(in srgb,var(--color-surface) 85%,transparent);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px rgba(0,0,0,5%)}.site-header .shell{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-2)}.brand img,.brand picture{display:block;height:auto}.brand img{height:48px;width:auto;object-fit:contain}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:8px;margin-right:8px;align-items:center;justify-content:center}.mobile-menu-toggle span{width:24px;height:2px;background:var(--color-text);border-radius:1px;transition:all .3s ease}.mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg)translate(8px,8px)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-nav{display:none;flex-direction:column;gap:1rem;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);padding:2rem 1.5rem;border-bottom:1px solid var(--color-border);z-index:10}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--color-text-soft);text-decoration:none;padding:.75rem 0;border-radius:var(--radius-sm);transition:color var(--spring-short);font-weight:500}.mobile-nav a:hover,.mobile-nav a:focus-visible{color:var(--color-text)}.theme-selector{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.4rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);box-shadow:var(--shadow-border)}.theme-chip{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:999px;background:0 0;color:var(--color-text-soft);cursor:pointer;transition:color var(--spring-short)}.theme-chip svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.theme-chip[data-active=true],.theme-chip:hover,.theme-chip:focus-visible{color:var(--color-text);outline:none}.theme-indicator{position:absolute;top:.4rem;left:.4rem;width:32px;height:32px;border-radius:999px;background:var(--gradient-accent);opacity:.95;box-shadow:0 12px 30px rgba(127,74,255,.35);transform:translateX(0);transition:transform var(--spring-medium),opacity var(--spring-medium)}[data-theme-preference=system] .theme-indicator{transform:translateX(36px)}[data-theme-preference=dark] .theme-indicator{transform:translateX(72px)}.ghost-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.1rem;border-radius:var(--radius-lg);background:0 0;color:var(--color-pop);text-decoration:none;font-weight:600;transition:background-color var(--spring-short),color var(--spring-short)}.ghost-link:hover,.ghost-link:focus-visible{background:rgba(127,74,255,8%);color:var(--color-text);outline:none}.hero{padding-block:clamp(2rem,5vh,4rem)var(--space-7);position:relative;min-height:auto;display:flex;align-items:center}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{to{opacity:1;transform:translateX(0)scale(1)}}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 60% at 40% 10%,rgba(127,74,255,.28),transparent 65%);pointer-events:none;z-index:-1;opacity:.8}@media(max-width:980px){.hero-video{width:100%!important;max-width:720px!important;margin-inline:auto!important;display:block!important;opacity:1!important;visibility:visible!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:0 24px 80px rgba(46,30,110,.55),0 8px 30px rgba(127,74,255,.3)!important;position:relative!important;aspect-ratio:1.95!important}.hero-video video{width:100%!important;height:100%!important;display:block!important;opacity:1!important;visibility:visible!important;position:absolute!important;top:0!important;left:0!important;object-fit:cover!important}}@media(max-width:720px){.hero{padding-block:var(--space-4)var(--space-5)}.hero-video{max-width:100%;width:100%;aspect-ratio:16/9;display:block!important;opacity:1!important;visibility:visible!important}.hero-video video{width:100%;height:100%;display:block!important;opacity:1!important;visibility:visible!important}}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:700;font-size:.75rem;color:var(--color-text-muted);margin:0}.hero h1{font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}[data-theme=dark] .hero h1{text-shadow:0 4px 12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4)}@media(prefers-color-scheme:dark){:root[data-theme=system] .hero h1,:root:not([data-theme]) .hero h1{text-shadow:0 4px 12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4)}}.lead{margin:0;font-size:1.05rem;line-height:1.6;color:var(--color-text-soft);max-width:var(--max-width-readable)}.highlight-term{position:relative;padding:.15em .35em;border-radius:var(--radius-xs);background:linear-gradient(135deg,rgba(127,74,255,.18),rgba(0,212,255,.18));color:var(--color-text);font-weight:600;cursor:help;transition:background 280ms cubic-bezier(.16,1,.3,1)}.highlight-term:hover{background:linear-gradient(135deg,rgba(127,74,255,.28),rgba(0,212,255,.28))}.highlight-term[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)translateY(-4px);padding:12px 16px;border-radius:12px;background:var(--color-surface-strong);border:1px solid var(--color-border-strong);box-shadow:0 16px 48px rgba(0,0,0,.4);color:var(--color-text-soft);font-size:.875rem;font-weight:400;line-height:1.5;width:320px;opacity:0;pointer-events:none;transition:opacity 220ms cubic-bezier(.16,1,.3,1),transform 220ms cubic-bezier(.16,1,.3,1);z-index:50}.highlight-term:hover::after{opacity:1;transform:translateX(-50%)translateY(0)}.hero-video{width:100%;max-width:720px;margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 80px rgba(46,30,110,.55),0 8px 30px rgba(127,74,255,.3);aspect-ratio:1.95;position:relative}.hero-video video{width:100%;height:100%;display:block;object-fit:cover}.hero-video video::-webkit-media-controls-panel{opacity:0;transition:opacity .3s ease}.hero-video:hover video::-webkit-media-controls-panel{opacity:1}.hero-video video::-webkit-media-controls-enclosure{opacity:0;transition:opacity .3s ease}.hero-video:hover video::-webkit-media-controls-enclosure{opacity:1}.hero-video video::-moz-media-controls{opacity:0;transition:opacity .3s ease}.hero-video:hover video::-moz-media-controls{opacity:1}.lightbox-trigger{cursor:pointer}.lightbox-image,.lightbox-video{max-width:90%;max-height:90vh;border-radius:var(--radius-lg);box-shadow:0 40px 120px rgba(0,0,0,.8)}.lightbox-video{display:none}.lightbox-close{position:absolute;top:var(--space-3);right:var(--space-3);width:48px;height:48px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 200ms ease}.lightbox-close:hover{background:rgba(255,255,255,.2)}.lightbox-close svg{width:24px;height:24px}.screenshot{display:block}.section{display:flex;flex-direction:column;gap:var(--space-6);padding-block:var(--space-5);position:relative;scroll-margin-top:104px}.hero{scroll-margin-top:0}#how-it-works{scroll-margin-top:80px;padding-top:var(--space-4)}.section>*:not(.scroll-indicator){opacity:0;transform:translateY(40px)scale(.98);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.section.is-visible>*:not(.scroll-indicator){opacity:1;transform:translateY(0)scale(1)}.section.is-visible>*:not(.scroll-indicator):nth-child(1){transition-delay:0ms}.section.is-visible>*:not(.scroll-indicator):nth-child(2){transition-delay:100ms}.section.is-visible>*:not(.scroll-indicator):nth-child(3){transition-delay:200ms}.section.is-visible>*:not(.scroll-indicator):nth-child(4){transition-delay:300ms}.feature-card{padding:var(--space-3);display:grid;gap:var(--space-1);cursor:pointer;transition:background-color var(--spring-medium);border-right:1px solid var(--color-border);position:relative}.feature-card:last-child{border-right:none}.feature-card:hover{background:var(--color-surface-subtle)}.feature-card.is-active{background:var(--color-surface-subtle)}.feature-card.is-active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gradient-accent)}.feature-card h3{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.feature-card p{margin:0;color:var(--color-text-soft);font-size:.875rem;line-height:1.5}.feature-screenshot{position:absolute;inset:var(--space-5)var(--space-4);transform:translateX(100%);opacity:0;transition:opacity 600ms cubic-bezier(.16,1,.3,1),transform 600ms cubic-bezier(.16,1,.3,1);pointer-events:none;will-change:transform,opacity;display:flex;align-items:center;justify-content:center}.feature-screenshot.is-visible{opacity:1!important;transform:translateX(0)!important;pointer-events:auto}.feature-screenshot.is-exiting-left{opacity:0!important;transform:translateX(-100%)!important}.feature-screenshot.is-exiting-right{opacity:0!important;transform:translateX(100%)!important}.feature-screenshot img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,8%);box-shadow:0 8px 24px rgba(0,0,0,.15)}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.section code{font-family:sfmono-regular,sf mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;padding:.25rem .45rem;border-radius:var(--radius-xs);background:rgba(95,61,244,.12);color:var(--color-pop)}abbr{text-decoration:underline dotted;text-decoration-color:rgba(127,74,255,.4);text-underline-offset:3px;cursor:help;position:relative}abbr:hover{text-decoration-color:var(--color-pop)}abbr::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%)translateY(-8px);padding:var(--space-2)var(--space-3);background:var(--color-surface-strong);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;line-height:1.4;white-space:normal;width:280px;text-align:left;box-shadow:var(--shadow-hard);opacity:0;pointer-events:none;transition:opacity 200ms ease,transform 200ms ease;z-index:1000}abbr:hover::after{opacity:1;transform:translateX(-50%)translateY(-4px)}.site-footer{margin-top:var(--space-8);background:linear-gradient(180deg,rgba(127,74,255,8%),transparent),var(--color-bg-alt);border-top:1px solid var(--color-border)}.content-section{padding-block:var(--space-7)}.prose-shell{display:grid;gap:0;max-width:750px}.content-header{display:grid;gap:1rem;text-align:center;max-width:720px;margin:0 auto;padding-bottom:2rem;border-bottom:1px solid var(--color-border);margin-bottom:3.5rem}.content-header .eyebrow{font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.content-header h1{margin:0;font-size:clamp(2.8rem,5vw,3.6rem);font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(90deg,var(--color-accent-start),var(--color-accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-header .lead{font-size:1.15rem;line-height:1.6;color:var(--color-text-soft);margin:0;max-width:580px;margin-inline:auto}.prose{line-height:1.7;color:var(--color-text);opacity:.88;text-align:left}.prose>*+*{margin-top:1.5rem}.prose.intro{display:grid;gap:1rem}.prose.intro>*+*{margin-top:0}.prose h2,.prose h3,.prose h4{color:var(--color-text);opacity:1;margin-top:3rem;margin-bottom:1rem}.prose .comparison-title{margin:0!important}.prose h2:first-child,.prose h3:first-child,.prose h4:first-child{margin-top:0}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.75rem}.prose .card-grid{margin-top:2.5rem;margin-bottom:2.5rem}.prose .card-grid+*{margin-top:2rem}.prose ul,.prose ol{padding-left:1.25rem;display:grid;gap:.5rem;margin-top:1.25rem}.prose a{color:var(--color-pop);text-decoration:underline}.prose blockquote{margin:0;padding:1.25rem;border-left:4px solid var(--color-pop);background:rgba(127,74,255,8%);border-radius:var(--radius-sm);color:var(--color-text)}.video-showcase-modal__close{display:none!important}.list-section{padding-top:0}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:768px){.list-grid{grid-template-columns:1fr}}.list-card{display:grid;gap:0;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform 280ms var(--transition-snappy),box-shadow 280ms var(--transition-snappy),border-color 280ms var(--transition-snappy)}.list-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15);border-color:var(--color-accent-start)}.list-card__media img{width:100%;display:block}.list-card__body{display:grid;gap:var(--space-3);padding:var(--space-5)}.list-card__body h2{margin:0;font-size:1.8rem;font-weight:700;line-height:1.3}.list-card__body h2 a{color:inherit;text-decoration:none;background:linear-gradient(90deg,var(--color-accent-start),var(--color-accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity 280ms var(--transition-snappy)}.list-card__body h2 a:hover{opacity:.8}.list-card__body p{margin:0;color:var(--color-text-soft);line-height:1.6;font-size:1rem}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}.card-grid-item{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.card-grid-title{margin:0 0 var(--space-2);font-size:1.1rem;font-weight:700;color:var(--color-text)}.card-grid-text{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-text-soft)}.content-steps{margin:var(--space-5)0;padding:0;padding-left:0!important;list-style:none;counter-reset:content-step;display:grid;gap:var(--space-3)}.content-step{counter-increment:content-step;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);line-height:1.6}.step-content{flex:1;display:flex;flex-direction:column;align-items:flex-start}.step-content strong{display:block;margin-bottom:0}.content-step::before{content:counter(content-step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--gradient-accent);color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px rgba(127,74,255,.3);align-self:center}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)var(--space-5);margin:var(--space-5)0;padding-left:0;grid-auto-rows:auto}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:var(--space-4);padding-left:0}}.comparison-column{display:grid;gap:var(--space-2);align-content:start;grid-template-rows:subgrid;grid-row:span 6}.comparison-title{font-size:15px;font-weight:600;letter-spacing:-.01em;padding:10px 16px;border-radius:8px;margin:0 0 var(--space-1);display:inline-flex;align-items:center;gap:8px;width:fit-content;justify-self:center}.comparison-column--bad .comparison-title{background:rgba(255,59,48,8%);color:#ff3b30}.comparison-column--good .comparison-title{background:rgba(52,199,89,8%);color:#34c759}.comparison-content{display:grid;gap:var(--space-2);grid-template-rows:repeat(4,minmax(0,1fr))auto}.comparison-content p{margin:0;line-height:1.6;font-size:15px;padding:6px 0;display:flex;align-items:center}.comparison-content p:last-child{margin-top:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,6%))!important;border:1px solid rgba(127,74,255,.15)!important;border-radius:var(--radius-lg);font-size:14px;font-style:normal;color:var(--color-text-soft)!important;line-height:1.6}.comparison-content p{margin:0;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:.9rem;line-height:1.6;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.comparison-content p:hover{transform:translateX(4px)}.comparison-content p::before{font-family:var(--font-body);font-weight:600;margin-right:var(--space-2);opacity:.5}.comparison-column--bad .comparison-content p{background:rgba(255,59,48,4%);border-color:rgba(255,59,48,.15);position:relative;padding-left:calc(var(--space-4) + 24px)}.comparison-column--bad .comparison-content p::before{content:"✕";position:absolute;left:var(--space-4);color:#ff3b30;opacity:.6}.comparison-column--bad .comparison-content p:hover{border-color:rgba(255,59,48,.25);background:rgba(255,59,48,6%)}.comparison-column--good .comparison-content p{background:rgba(52,199,89,4%);border-color:rgba(52,199,89,.2);position:relative;padding-left:calc(var(--space-4) + 24px)}.comparison-column--good .comparison-content p::before{content:"✓";position:absolute;left:var(--space-4);color:#34c759;opacity:.7}.comparison-column--good .comparison-content p:hover{border-color:rgba(52,199,89,.35);background:rgba(52,199,89,7%);transform:translateX(4px);box-shadow:0 2px 8px rgba(52,199,89,.15)}.comparison-content p:first-of-type{margin-top:var(--space-1)}.comparison-content p:last-of-type:not(:first-of-type){margin-bottom:var(--space-1)}.template-card{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.hero{position:relative}@keyframes scrollLabelFade{to{opacity:1;transform:translateY(0)}}@keyframes scrollLabelShine{0%{background-position:200%}100%{background-position:-200%}}@keyframes bounceArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-to-top{position:fixed;bottom:40px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--color-accent-start);border:none;color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:100;transition:opacity 400ms ease,transform 280ms cubic-bezier(.16,1,.3,1),background 280ms ease;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transform:translate3d(0,0,0);will-change:transform,opacity}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-to-top:hover{transform:translateY(-2px)scale(1.05);background:var(--color-accent-end);box-shadow:0 6px 28px rgba(0,0,0,.2)}.scroll-to-top:active{transform:translateY(0)scale(.98)}.scroll-to-top svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;fill:none;display:block}@media(max-width:768px){.scroll-to-top{bottom:24px;right:16px}}@media(max-width:980px){.mobile-menu-toggle{display:flex}.site-header .shell{justify-content:space-between}.hero-video{width:100%!important;max-width:720px!important;margin-inline:auto!important;display:block!important;opacity:1!important;visibility:visible!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:0 24px 80px rgba(46,30,110,.55),0 8px 30px rgba(127,74,255,.3)!important;position:relative!important;aspect-ratio:1.95!important}.hero-video video{width:100%!important;height:100%!important;display:block!important;opacity:1!important;visibility:visible!important;position:absolute!important;top:0!important;left:0!important;object-fit:cover!important}.feature-card:nth-child(2){border-right:none}.feature-card:nth-child(1),.feature-card:nth-child(2){border-bottom:1px solid var(--color-border)}}@media(max-width:720px){.hero{padding-block:var(--space-7);min-height:auto}.section{padding-block:var(--space-6)}.feature-card{border-right:none;border-bottom:1px solid var(--color-border)}.feature-card:last-child{border-bottom:1px solid var(--color-border)}.feature-card.is-active::after{left:0;right:auto;top:0;bottom:0;width:3px;height:auto}.feature-screenshot{inset:var(--space-2)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-animate-in]{opacity:1!important;transform:none!important;animation:none!important}.feature-card:hover{transform:none!important}.template-card:hover{transform:none!important}.video-showcase-modal{transition:none!important}.lightbox-image,.lightbox-video,.video-showcase-modal__content{transition:none!important;transform:none!important}.feature-screenshot{transition:none!important;transform:none!important}.theme-indicator{transition:none!important}.highlight-term::after{transition:none!important}}[data-theme=dark] .feature-card{border-color:rgba(143,151,220,.24);box-shadow:var(--shadow-soft)}[data-theme=dark] .theme-selector{border-color:rgba(143,151,220,.26)}.heading-link{opacity:0;color:var(--color-text-muted);text-decoration:none;transition:opacity var(--spring-short),color var(--spring-short);display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:.5rem;vertical-align:middle}.heading-link svg{width:16px;height:16px}.prose h2:hover .heading-link,.prose h3:hover .heading-link,.prose h4:hover .heading-link,.prose h5:hover .heading-link,.prose h6:hover .heading-link{opacity:1}.heading-link:hover{color:var(--color-pop)}.heading-link.copied{color:var(--color-pop)}.heading-link.copied svg{animation:linkCopied 400ms ease}@keyframes linkCopied{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.step-content{display:grid;gap:var(--space-1)}.comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-subtle);border:1px solid var(--color-border)}kbd{display:inline-block;padding:.2em .4em;border-radius:var(--radius-xs);background:rgba(127,74,255,.12);color:var(--color-pop);font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;font-weight:600;border:1px solid rgba(127,74,255,.2);box-shadow:0 1px rgba(127,74,255,.15)}@keyframes loadingBar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes pulse{0%,100%{opacity:.4;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}@keyframes arrowPulse{0%,100%{transform:translateX(0);opacity:1}50%{transform:translateX(4px);opacity:.7}}@media(max-width:980px){@keyframes arrowPulse{0%,100%{transform:rotate(90deg)translateX(0);opacity:1}50%{transform:rotate(90deg)translateX(4px);opacity:.7}}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-pop);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:var(--color-text-muted)}.breadcrumb .current{color:var(--color-text-soft)}.template-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.template-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--space-3);color:var(--color-text)}.template-description{font-size:1.125rem;color:var(--color-text-soft);margin:0 0 var(--space-3);line-height:1.6}.template-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{display:inline-block;padding:.3rem .8rem;background:rgba(127,74,255,.12);color:var(--color-pop);border-radius:999px;font-size:.8rem;font-weight:600}.template-content{margin-bottom:var(--space-6)}.template-content h2{font-size:1.75rem;font-weight:700;margin:var(--space-6)0 var(--space-3);color:var(--color-text)}.template-content h2:first-child{margin-top:0}.template-content h3{font-size:1.25rem;font-weight:600;margin:var(--space-4)0 var(--space-2);color:var(--color-text)}.template-content p{line-height:1.7;margin-bottom:var(--space-3);color:var(--color-text-soft)}.template-content ul,.template-content ol{margin:var(--space-3)0;padding-left:var(--space-4);color:var(--color-text-soft)}.template-content li{margin:var(--space-1)0;line-height:1.7}.template-content pre{background:var(--color-surface-strong);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4)0;font-size:.9rem;line-height:1.6}.template-content code{font-family:sfmono-regular,ui-monospace,monospace}.template-content pre code{background:0 0;padding:0;border-radius:0;color:var(--color-text-soft)}.template-content :not(pre)>code{background:rgba(127,74,255,.12);color:var(--color-pop);padding:.2rem .4rem;border-radius:var(--radius-xs);font-size:.9em}.template-content table{width:100%;border-collapse:collapse;margin:var(--space-4)0}.template-content th,.template-content td{padding:var(--space-2);border:1px solid var(--color-border);text-align:left}.template-content th{background:var(--color-surface-subtle);font-weight:600;color:var(--color-text)}.template-content td{color:var(--color-text-soft)}.template-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.nav-link{display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--spring-medium)}.nav-link:hover{border-color:var(--color-pop);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.nav-link.next{text-align:right}.nav-label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.nav-title{font-size:1rem;font-weight:600;color:var(--color-text)}[data-theme=dark] .nav-link{background:color-mix(in srgb,var(--color-surface) 85%,transparent);border-color:rgba(143,151,220,.2)}[data-theme=dark] .nav-link:hover{background:color-mix(in srgb,var(--color-surface) 95%,transparent);border-color:var(--color-pop)}@media(max-width:768px){.template-nav{grid-template-columns:1fr}.nav-link.next{text-align:left}}picture{display:contents}picture img{max-width:100%;height:auto;display:block}.app-screenshot{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 12px rgba(0,0,0,8%);transition:transform var(--spring-medium),box-shadow var(--spring-medium)}.app-screenshot:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}figure{margin:var(--space-6)0;text-align:center}figure img{margin:0 auto}figcaption{margin-top:var(--space-2);font-size:.875rem;color:var(--color-text-muted);font-style:italic;line-height:1.5}.screenshot-figure{margin:var(--space-5)0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.screenshot-figure figcaption{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-style:normal;text-align:center}[data-theme=dark] .app-screenshot{border-color:rgba(143,151,220,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .app-screenshot:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .screenshot-figure{background:color-mix(in srgb,var(--color-surface) 85%,transparent);border-color:rgba(143,151,220,.2)}@media(max-width:768px){figure{margin:var(--space-4)0}.screenshot-figure{padding:var(--space-3)}.example-code{max-width:100%;overflow-x:auto}.lightbox-trigger{cursor:default;pointer-events:none}.section{padding-block:var(--space-2);gap:var(--space-3)}}.waitlist-form{position:relative;width:100%;max-width:560px;margin:0 auto;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft),var(--shadow-border);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg)}@keyframes waitlist-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .waitlist-form{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-medium),var(--shadow-border)}@media(prefers-color-scheme:dark){:root[data-theme=system] .waitlist-form,:root[data-theme-preference=system] .waitlist-form,:root:not([data-theme]) .waitlist-form{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-medium),var(--shadow-border)}}@media(max-width:640px){.waitlist-form{padding:var(--space-4)}}.purchase-section{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.purchase-primary{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.buy-now-button{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);color:#fff!important;border-radius:16px;text-decoration:none;font-weight:700;font-size:1.25rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 16px 40px rgba(127,74,255,.32)}.buy-now-button:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 48px rgba(127,74,255,.45);text-decoration:none}.buy-now-text{font-size:1.25rem;line-height:1}.purchase-note{margin:0;font-size:.9375rem;color:var(--color-text-soft)}.newsletter-section{width:100%;max-width:560px;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.newsletter-label{margin:0 0 var(--space-3);text-align:center;font-size:.9375rem;color:var(--color-text-soft);font-weight:500}.newsletter-form{position:relative;width:100%}.newsletter-form-content{display:flex;flex-direction:column;gap:var(--space-2)}.newsletter-form-field-group{display:flex;gap:var(--space-2)}.newsletter-form-field{position:relative;flex:1}.newsletter-form-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.newsletter-form-input{width:100%;height:48px;padding:0 var(--space-2);font-family:var(--font-body);font-size:.9375rem;color:var(--color-text);background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--spring-short),background-color var(--spring-short),box-shadow var(--spring-short)}.newsletter-form-input::placeholder{color:var(--color-text-muted)}.newsletter-form-input:hover:not(:disabled){border-color:var(--color-border-strong)}.newsletter-form-input:focus{border-color:var(--color-pop);background:var(--color-surface-strong);box-shadow:0 0 0 4px rgba(127,74,255,.12)}.newsletter-form-submit{height:48px;padding:0 var(--space-3);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:transform .14s ease,opacity .2s ease}.newsletter-form-submit:hover:not(:disabled){transform:translateY(-2px)}.newsletter-form-submit:disabled{opacity:.6;cursor:not-allowed}.newsletter-form-submit-loader{display:none}.newsletter-form[data-state=submitting] .newsletter-form-submit-text{display:none}.newsletter-form[data-state=submitting] .newsletter-form-submit-loader{display:inline-block}.newsletter-form-spinner{width:20px;height:20px;animation:spin .8s linear infinite}.newsletter-form-message{padding:var(--space-2);border-radius:var(--radius-sm);font-size:.875rem;display:none;align-items:center;gap:var(--space-1)}.newsletter-form-message--error{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.28);color:#e74c3c}.newsletter-form-message--success{background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.28);color:#2ed573}.newsletter-form[data-state=error] .newsletter-form-message--error{display:flex}.newsletter-form[data-state=success] .newsletter-form-message--success{display:flex}.newsletter-form-message-icon{width:18px;height:18px;flex-shrink:0}@media(max-width:640px){.newsletter-form-field-group{flex-direction:column}.newsletter-form-submit{width:100%}}.black-friday-modal .exit-intent-content{text-align:center}.black-friday-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);color:#fff;border-radius:20px;font-size:.875rem;font-weight:700;margin-bottom:var(--space-3)}.black-friday-price{font-size:1.5rem;font-weight:700;margin:var(--space-2)0;color:var(--color-text)}.black-friday-price strong{font-size:1.75rem;color:var(--color-pop)}.price-strikethrough{text-decoration:line-through;opacity:.5;font-size:1.25rem;margin-left:var(--space-2)}.black-friday-details{margin:var(--space-2)0 var(--space-4);color:var(--color-text-soft);font-size:.9375rem}.black-friday-cta{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);color:#fff!important;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.125rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 32px rgba(127,74,255,.32)}.black-friday-cta:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(127,74,255,.45);text-decoration:none}.black-friday-benefits{margin:var(--space-4)0 0;font-size:.875rem;color:var(--color-text-soft)}.download-section .lead{font-size:1rem;color:var(--color-text-soft)}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin:var(--space-20)0;max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:600px){.download-options{grid-template-columns:1fr;gap:var(--space-8)}}.download-option{display:flex;justify-content:center;align-items:center}.download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.download-link{height:60px;margin-bottom:var(--space-4)}.download-link:focus-visible{outline:2px solid var(--color-accent-start);outline-offset:4px}.store-badge{height:60px;width:auto;display:block}.download-link:hover{transform:scale(1.05)}.gumroad-btn{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 var(--space-6);margin-bottom:var(--space-4);background:#000;color:#fff!important;border:none;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .2s ease;min-width:180px}.gumroad-btn:hover{background:#222;transform:translateY(-1px)}.gumroad-btn:active{transform:translateY(0);background:#000}.gumroad-btn:focus-visible{outline:2px solid var(--color-accent-start);outline-offset:4px}.download-subtitle{text-align:center;margin:var(--space-20)0;font-size:.95rem;color:var(--color-text-soft)}.newsletter-standalone{margin-top:var(--space-20);max-width:600px;margin-left:auto;margin-right:auto}.exit-intent-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 300ms var(--transition-emphatic)}.exit-intent-modal:not([hidden]){opacity:1;pointer-events:auto}.exit-intent-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.exit-intent-content{position:relative;width:90%;max-width:480px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy),var(--shadow-border);text-align:center;transform:scale(.95);transition:transform 300ms var(--transition-emphatic)}.exit-intent-modal:not([hidden]) .exit-intent-content{transform:scale(1)}.exit-intent-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;transition:background 150ms var(--transition-soft),color 150ms var(--transition-soft)}.exit-intent-close:hover{background:var(--color-border);color:var(--color-text)}.exit-intent-close svg{width:20px;height:20px}.exit-intent-content h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.exit-intent-content p{margin:0 0 var(--space-4);font-size:1rem;line-height:1.5;color:var(--color-text-soft)}@media(max-width:640px){.exit-intent-content h2{font-size:1.5rem}}.naming-formula{margin:48px 0;display:flex;flex-direction:column;gap:32px}.formula-pill{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(127,74,255,6%);backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(127,74,255,.12);font-size:20px;font-weight:600;letter-spacing:-.02em;align-self:center;box-shadow:0 4px 16px rgba(127,74,255,8%)}.formula-part{padding:8px 16px;border-radius:8px;font-family:sf mono,menlo,monospace;font-size:18px;font-weight:500}.formula-part.task{background:rgba(127,74,255,.25);color:#8b5cf6;border:1px solid rgba(127,74,255,.4);font-weight:700}.formula-part.specialization{background:rgba(0,212,255,.25);color:#22d3ee;border:1px solid rgba(0,212,255,.4);font-weight:700}.formula-separator{color:var(--color-text-muted);font-weight:300}.formula-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.component-card{padding:24px;background:var(--color-surface);backdrop-filter:blur(24px);border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.16,1,.3,1)}.component-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.task-card{border-left:3px solid rgba(127,74,255,.6)}.specialization-card{border-left:3px solid rgba(0,212,255,.6)}.component-label{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.task-card .component-label{color:#6b46cc}.specialization-card .component-label{color:#09c}.component-desc{font-size:14px;color:var(--color-text-soft);margin-bottom:16px;line-height:1.5}.component-examples{font-size:13px;color:var(--color-text-muted);font-style:italic;line-height:1.6}.formula-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.example-item{display:flex;align-items:center;gap:8px;padding:16px 20px;background:var(--color-surface);backdrop-filter:blur(16px);border-radius:12px;border:1px solid var(--color-border);font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:default}.example-item:hover{background:var(--color-surface-strong);border-color:var(--color-border-strong);transform:translateX(4px)}.example-task{color:#6b46cc;font-weight:600}.example-specialization{color:#09c;font-weight:500}.example-separator{color:var(--color-text-muted);font-weight:300}@media(max-width:768px){.naming-formula{gap:24px;margin:32px 0}.formula-pill{flex-direction:column;gap:8px;padding:16px 20px;font-size:18px}.formula-part{width:100%;text-align:center}.formula-separator{transform:rotate(90deg);margin:4px 0}.formula-examples{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.component-card,.example-item{transition:none}.component-card:hover,.example-item:hover{transform:none}}.prose pre{background:rgba(127,74,255,4%);border:1px solid rgba(127,74,255,.15);border-radius:12px;padding:24px;backdrop-filter:blur(24px);font-family:sf mono,Monaco,cascadia code,monospace;font-size:14px;line-height:1.8;overflow-x:auto;box-shadow:0 4px 12px rgba(127,74,255,8%)}.prose pre code{background:0 0;padding:0;border:none;font-size:inherit;line-height:inherit;color:var(--color-text)}[data-theme=dark] .prose pre{background:rgba(11,11,16,.6);border-color:rgba(127,74,255,.2)}.prose :not(pre)>code{background:rgba(127,74,255,.12);color:var(--color-pop);padding:.2rem .4rem;border-radius:var(--radius-xs);font-size:.9em;font-family:sfmono-regular,sf mono,ui-monospace,monospace;border:1px solid rgba(127,74,255,.2)}[data-theme=dark] .prose :not(pre)>code{background:rgba(127,74,255,.18);border-color:rgba(127,74,255,.3)}.section-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);color:#fff;border-radius:50%;font-size:14px;font-weight:600;margin-right:12px;flex-shrink:0}.prose h2{display:flex;align-items:center}[data-theme=dark] .section-number{background:linear-gradient(135deg,#9d7bff 0%,#40e0ff 100%)}.section-group{margin:var(--space-6)0 var(--space-5);padding:var(--space-4)0;border-top:2px solid rgba(127,74,255,.2);border-bottom:1px solid rgba(127,74,255,.15);position:relative}.section-group-title{display:inline-block;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.section-group-description{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;max-width:600px}[data-theme=dark] .section-group{border-top-color:rgba(157,123,255,.3);border-bottom-color:rgba(157,123,255,.2)}[data-theme=dark] .section-group-title{background:linear-gradient(135deg,#9d7bff 0%,#40e0ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prose p.tradeoff-pro{padding:16px 20px;border-radius:12px;margin:16px 0;background:rgba(52,199,89,6%);border-left:3px solid #34c759}.prose p.tradeoff-pro strong{color:#34c759;font-weight:600}.prose p.tradeoff-con{padding:16px 20px;border-radius:12px;margin:16px 0;background:rgba(255,59,48,6%);border-left:3px solid #ff3b30}.prose p.tradeoff-con strong{color:#ff3b30;font-weight:600}[data-theme=dark] .prose p.tradeoff-pro{background:rgba(52,199,89,8%)}[data-theme=dark] .prose p.tradeoff-con{background:rgba(255,59,48,8%)}.prose p.example-label{margin-bottom:8px;margin-top:24px}.prose p.example-label strong{display:inline-block;padding:6px 14px;border-radius:8px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.prose p.example-bad strong{background:rgba(255,59,48,.1);color:#ff3b30;border:1px solid rgba(255,59,48,.2)}.prose p.example-good strong{background:rgba(52,199,89,.1);color:#34c759;border:1px solid rgba(52,199,89,.2)}.prose pre.example-code-bad{border-top:3px solid #ff3b30;margin-top:0}.prose pre.example-code-good{border-top:3px solid #34c759;margin-top:0}[data-theme=dark] .prose p.example-bad strong{background:rgba(255,59,48,.15);border-color:rgba(255,59,48,.3)}[data-theme=dark] .prose p.example-good strong{background:rgba(52,199,89,.15);border-color:rgba(52,199,89,.3)}.prose code .template-placeholder{background:rgba(127,74,255,.15);padding:2px 4px;border-radius:4px;color:#8b5cf6;font-weight:500}[data-theme=dark] .prose code .template-placeholder{background:rgba(127,74,255,.2);color:#a78bfa}.defaults-example{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.defaults-header{margin-bottom:24px}.defaults-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a78bfa}.defaults-template{background:rgba(11,11,16,.8);border:1px solid rgba(127,74,255,.3);border-radius:12px;padding:20px 24px;margin-bottom:32px;font-family:sf mono,Monaco,monospace;font-size:15px;line-height:1.6;color:#e5e7eb}.defaults-template .template-var{padding:4px 8px;border-radius:6px;font-weight:600}.defaults-template .template-var.required{background:rgba(255,59,48,.25);color:#fca5a5;border:1px solid rgba(255,59,48,.5)}.defaults-template .template-var.optional{background:rgba(127,74,255,.25);color:#c4b5fd;border:1px solid rgba(127,74,255,.5)}.defaults-scenarios{display:grid;gap:20px;margin-bottom:24px}.scenario-card{background:rgba(127,74,255,6%);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:20px}.scenario-label{font-size:13px;font-weight:600;color:#d1d5db;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.scenario-input{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.input-tag{background:rgba(127,74,255,.2);color:#c4b5fd;padding:6px 12px;border-radius:8px;font-family:sf mono,Monaco,monospace;font-size:13px;font-weight:500;border:1px solid rgba(127,74,255,.4)}.input-tag-missing{background:rgba(127,74,255,8%);color:#9ca3af;padding:6px 12px;border-radius:8px;font-family:sf mono,Monaco,monospace;font-size:13px;font-style:italic;border:1px dashed rgba(127,74,255,.3)}.scenario-arrow{font-size:20px;color:#a78bfa;text-align:center;margin:8px 0}.scenario-output{background:rgba(11,11,16,.8);border:1px solid rgba(127,74,255,.3);border-radius:8px;padding:14px 16px;font-family:sf mono,Monaco,monospace;font-size:14px;line-height:1.6;color:#e5e7eb}.default-highlight{background:rgba(127,74,255,.3);color:#c4b5fd;padding:2px 6px;border-radius:4px;font-weight:600}.defaults-legend{display:flex;gap:24px;padding-top:20px;border-top:1px solid rgba(127,74,255,.2)}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#d1d5db}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid}.legend-dot.required{background:rgba(255,59,48,.3);border-color:#fca5a5}.legend-dot.optional{background:rgba(127,74,255,.3);border-color:#c4b5fd}[data-theme=dark] .defaults-example{background:rgba(127,74,255,6%)}.tagging-strategy-visual{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.tagging-header{text-align:center;margin-bottom:32px}.tagging-title{font-size:20px;font-weight:600;color:#1a1a1f;margin-bottom:8px}.tagging-subtitle{font-size:14px;color:#a78bfa;font-weight:500}.tagging-diagram{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;margin-bottom:32px;align-items:center}.diagram-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a78bfa;margin-bottom:12px}.folder-tree{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:8px;padding:16px}.folder-item{font-family:sf mono,Monaco,monospace;font-size:13px;color:#3f3f46;padding:4px 0}.folder-item.indent-1{padding-left:20px;color:#71717a}.example-prompt{background:rgba(255,255,255,.92);border:2px solid #7c3aed;border-radius:12px;padding:20px;text-align:center;box-shadow:0 8px 24px rgba(127,74,255,.2)}.prompt-title{font-size:14px;font-weight:600;color:#1a1a1f;margin-bottom:8px}.prompt-location{font-family:sf mono,Monaco,monospace;font-size:12px;color:#52525b;margin-bottom:12px}.prompt-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tag-chip{display:inline-block;padding:4px 10px;background:rgba(127,74,255,.25);border:1px solid rgba(127,74,255,.4);border-radius:12px;font-size:11px;font-weight:500;color:#1a1a1f}.tag-chip.small{padding:3px 8px;font-size:10px}.tag-chip.inconsistent{background:rgba(255,59,48,.2);border-color:rgba(255,59,48,.4);color:#991b1b}.tag-filters{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:8px;padding:16px}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#3f3f46;position:relative;padding-left:16px}.filter-option::before{content:'';position:absolute;left:0;width:6px;height:6px;background:#a78bfa;border-radius:50%}.tagging-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rule-card{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:20px}.rule-title{font-size:14px;font-weight:600;color:#1a1a1f;margin-bottom:16px}.rule-examples{display:flex;flex-direction:column;gap:16px}.rule-bad,.rule-good{display:flex;flex-direction:column;gap:8px}.rule-label{font-size:11px;color:#52525b;margin-top:4px}.tag-count-indicator{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;margin-bottom:8px}.tag-count-indicator.excessive{background:rgba(255,59,48,.2);border:1px solid rgba(255,59,48,.4);color:#991b1b}.tag-count-indicator.good{background:rgba(52,199,89,.2);border:1px solid rgba(52,199,89,.4);color:#15803d}.version-control-visual{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.version-header{text-align:center;margin-bottom:32px}.version-title{font-size:20px;font-weight:600;color:#e5e7eb}.version-timeline{display:flex;flex-direction:column;gap:0;margin-bottom:32px;padding:0 20px}.timeline-item{display:flex;align-items:flex-start;gap:16px}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid;flex-shrink:0;margin-top:4px}.timeline-dot.initial{background:rgba(127,74,255,.3);border-color:#a78bfa}.timeline-dot.update{background:rgba(59,130,246,.3);border-color:#60a5fa}.timeline-dot.current{background:rgba(34,197,94,.3);border-color:#34c759}.timeline-connector{width:2px;height:40px;background:linear-gradient(to bottom,rgba(127,74,255,.3),rgba(127,74,255,.1));margin-left:27px}.timeline-content{flex:1;padding-bottom:8px}.timeline-date{font-size:12px;font-weight:600;color:#a78bfa;margin-bottom:4px}.timeline-version{font-size:14px;font-weight:500;color:#d1d5db;margin-bottom:8px}.timeline-file{font-family:sf mono,Monaco,monospace;font-size:13px;color:#9ca3af;padding:8px 12px;background:rgba(11,11,16,.6);border:1px solid rgba(127,74,255,.2);border-radius:6px;display:inline-block}.timeline-file.current{border-color:#34c759;color:#34c759}.timeline-changes{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px;background:rgba(11,11,16,.4);border-radius:8px}.change-item{font-family:sf mono,Monaco,monospace;font-size:12px;padding:4px 8px;border-radius:4px}.change-item.added{color:#34c759;background:rgba(34,197,94,.1)}.change-item.modified{color:#60a5fa;background:rgba(59,130,246,.1)}.version-strategies{display:grid;grid-template-columns:1fr 1fr;gap:20px}.strategy-card{background:rgba(11,11,16,.6);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:20px}.strategy-title{font-size:14px;font-weight:600;color:#e5e7eb;margin-bottom:16px}.file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(11,11,16,.6);border:1px solid rgba(127,74,255,.2);border-radius:8px}.file-item.current{border-color:#34c759}.file-name{flex:1;font-family:sf mono,Monaco,monospace;font-size:13px;color:#d1d5db}.file-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px}.file-status.archived{background:rgba(156,163,175,.2);color:#9ca3af}.file-status.current{background:rgba(34,197,94,.2);color:#34c759}.strategy-flow{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.flow-step{flex:1}.flow-box{padding:20px 16px;border-radius:10px;text-align:center;border:2px solid}.flow-box.active{background:rgba(127,74,255,.2);border-color:#a78bfa}.flow-box.archive{background:rgba(156,163,175,.2);border-color:#9ca3af}.flow-box.deleted{background:rgba(255,59,48,.2);border-color:#ff3b30;opacity:.5;position:relative}.flow-box.deleted::after{content:'';position:absolute;top:50%;left:15%;right:15%;height:3px;background:#ff3b30;transform:rotate(-15deg)}.flow-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#e5e7eb}.flow-arrow{font-size:20px;color:#a78bfa;padding:0 8px;flex-shrink:0}.strategy-note{font-size:11px;color:#9ca3af;line-height:1.5}.strategy-example{display:flex;flex-direction:column}[data-theme=dark] .tagging-strategy-visual,[data-theme=dark] .version-control-visual{background:rgba(127,74,255,6%)}.maintenance-habits-visual{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.maintenance-header{text-align:center;margin-bottom:32px}.maintenance-title{font-size:20px;font-weight:600;color:#1a1a1f}.habits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.habit-card{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.habit-frequency{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#7c3aed}.habit-name{font-size:18px;font-weight:600;color:#1a1a1f;margin-bottom:4px}.habit-duration{font-size:12px;color:#52525b;padding:4px 10px;background:rgba(127,74,255,.12);border-radius:6px;display:inline-block;width:fit-content}.habit-checklist{display:flex;flex-direction:column;gap:8px;margin-top:8px}.checklist-item{font-size:13px;color:#3f3f46;padding-left:20px;position:relative;line-height:1.5}.checklist-item::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;background:#34c759;border-radius:50%}.habit-description{font-size:13px;color:#3f3f46;line-height:1.6;margin-top:4px}.habit-tip{font-size:12px;color:#a78bfa;background:rgba(127,74,255,.15);padding:10px 12px;border-radius:8px;margin-top:8px;border-left:3px solid #a78bfa}.habit-questions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.question-item{font-size:13px;color:#3f3f46;padding-left:24px;position:relative;line-height:1.5}.question-item::before{content:'?';position:absolute;left:0;top:0;width:16px;height:16px;background:rgba(127,74,255,.3);border:1px solid #a78bfa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#a78bfa}.habit-benefit{font-size:12px;color:#60a5fa;background:rgba(59,130,246,.15);padding:10px 12px;border-radius:8px;margin-top:8px;border-left:3px solid #60a5fa}[data-theme=dark] .maintenance-habits-visual{background:rgba(127,74,255,6%)}[data-theme=dark] .rule-card,[data-theme=dark] .habit-card{background:rgba(11,11,16,.6)}[data-theme=dark] .rule-title,[data-theme=dark] .habit-name,[data-theme=dark] .tagging-title,[data-theme=dark] .maintenance-title{color:#e5e7eb}[data-theme=dark] .rule-label,[data-theme=dark] .habit-duration{color:#9ca3af}[data-theme=dark] .habit-frequency{color:#a78bfa}[data-theme=dark] .checklist-item,[data-theme=dark] .habit-description,[data-theme=dark] .question-item{color:#d1d5db}[data-theme=dark] .tag-chip{color:#c4b5fd}[data-theme=dark] .tag-chip.inconsistent{color:#fca5a5}[data-theme=dark] .tag-count-indicator.excessive{color:#fca5a5}[data-theme=dark] .tag-count-indicator.good{color:#34c759}[data-theme=dark] .folder-tree,[data-theme=dark] .example-prompt,[data-theme=dark] .tag-filters{background:rgba(11,11,16,.6)}[data-theme=dark] .example-prompt{background:rgba(11,11,16,.8);border-color:#a78bfa}[data-theme=dark] .folder-item{color:#d1d5db}[data-theme=dark] .folder-item.indent-1{color:#9ca3af}[data-theme=dark] .prompt-title{color:#e5e7eb}[data-theme=dark] .prompt-location{color:#9ca3af}[data-theme=dark] .filter-option{color:#d1d5db}@media(max-width:768px){.tagging-diagram{grid-template-columns:1fr}.tagging-rules,.version-strategies{grid-template-columns:1fr}.habits-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root[data-theme=system] .rule-card,:root[data-theme-preference=system] .rule-card,:root:not([data-theme]) .rule-card,:root[data-theme=system] .habit-card,:root[data-theme-preference=system] .habit-card,:root:not([data-theme]) .habit-card{background:rgba(11,11,16,.6)}:root[data-theme=system] .rule-title,:root[data-theme-preference=system] .rule-title,:root:not([data-theme]) .rule-title,:root[data-theme=system] .habit-name,:root[data-theme-preference=system] .habit-name,:root:not([data-theme]) .habit-name,:root[data-theme=system] .tagging-title,:root[data-theme-preference=system] .tagging-title,:root:not([data-theme]) .tagging-title,:root[data-theme=system] .maintenance-title,:root[data-theme-preference=system] .maintenance-title,:root:not([data-theme]) .maintenance-title{color:#e5e7eb}:root[data-theme=system] .rule-label,:root[data-theme-preference=system] .rule-label,:root:not([data-theme]) .rule-label,:root[data-theme=system] .habit-duration,:root[data-theme-preference=system] .habit-duration,:root:not([data-theme]) .habit-duration{color:#9ca3af}:root[data-theme=system] .habit-frequency,:root[data-theme-preference=system] .habit-frequency,:root:not([data-theme]) .habit-frequency{color:#a78bfa}:root[data-theme=system] .checklist-item,:root[data-theme-preference=system] .checklist-item,:root:not([data-theme]) .checklist-item,:root[data-theme=system] .habit-description,:root[data-theme-preference=system] .habit-description,:root:not([data-theme]) .habit-description,:root[data-theme=system] .question-item,:root[data-theme-preference=system] .question-item,:root:not([data-theme]) .question-item{color:#d1d5db}:root[data-theme=system] .tag-chip,:root[data-theme-preference=system] .tag-chip,:root:not([data-theme]) .tag-chip{color:#c4b5fd}:root[data-theme=system] .tag-chip.inconsistent,:root[data-theme-preference=system] .tag-chip.inconsistent,:root:not([data-theme]) .tag-chip.inconsistent{color:#fca5a5}:root[data-theme=system] .tag-count-indicator.excessive,:root[data-theme-preference=system] .tag-count-indicator.excessive,:root:not([data-theme]) .tag-count-indicator.excessive{color:#fca5a5}:root[data-theme=system] .tag-count-indicator.good,:root[data-theme-preference=system] .tag-count-indicator.good,:root:not([data-theme]) .tag-count-indicator.good{color:#34c759}:root[data-theme=system] .folder-tree,:root[data-theme-preference=system] .folder-tree,:root:not([data-theme]) .folder-tree,:root[data-theme=system] .tag-filters,:root[data-theme-preference=system] .tag-filters,:root:not([data-theme]) .tag-filters{background:rgba(11,11,16,.6)}:root[data-theme=system] .example-prompt,:root[data-theme-preference=system] .example-prompt,:root:not([data-theme]) .example-prompt{background:rgba(11,11,16,.8);border-color:#a78bfa}:root[data-theme=system] .folder-item,:root[data-theme-preference=system] .folder-item,:root:not([data-theme]) .folder-item{color:#d1d5db}:root[data-theme=system] .folder-item.indent-1,:root[data-theme-preference=system] .folder-item.indent-1,:root:not([data-theme]) .folder-item.indent-1{color:#9ca3af}:root[data-theme=system] .prompt-title,:root[data-theme-preference=system] .prompt-title,:root:not([data-theme]) .prompt-title{color:#e5e7eb}:root[data-theme=system] .prompt-location,:root[data-theme-preference=system] .prompt-location,:root:not([data-theme]) .prompt-location{color:#9ca3af}:root[data-theme=system] .filter-option,:root[data-theme-preference=system] .filter-option,:root:not([data-theme]) .filter-option{color:#d1d5db}}.author-bio{margin-top:4rem;padding-top:2.5rem;border-top:2px solid rgba(127,74,255,.15);display:flex;gap:1.5rem;align-items:flex-start}.author-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px rgba(127,74,255,.2)}.author-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.author-info{flex:1}.author-name{font-size:1.125rem;font-weight:600;color:#1a1a1f;margin-bottom:.5rem}.author-description{font-size:.9375rem;line-height:1.6;color:#52525b}@media(max-width:768px){.author-bio{flex-direction:column;align-items:center;text-align:center;margin-top:3rem;padding-top:2rem}.author-avatar{width:56px;height:56px}}[data-theme=dark] .author-name{color:#e5e7eb}[data-theme=dark] .author-description{color:#9ca3af}@media(prefers-color-scheme:dark){.author-bio{border-top-color:rgba(127,74,255,.25)}:root[data-theme=system] .author-name,:root[data-theme-preference=system] .author-name,:root:not([data-theme]) .author-name{color:#e5e7eb}:root[data-theme=system] .author-description,:root[data-theme-preference=system] .author-description,:root:not([data-theme]) .author-description{color:#9ca3af}}.breadcrumbs{margin-bottom:var(--space-6);padding:var(--space-3)0}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumbs li{display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs li:not(:last-child)::after{content:'/';color:var(--color-border);font-weight:300;opacity:.5}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs li[aria-current=page]{color:var(--color-text);font-weight:500}table{width:100%;margin:var(--space-4)0;border-collapse:collapse;font-size:var(--text-sm);grid-column:1/-1}thead{background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,6%))}th{padding:var(--space-2)var(--space-3);text-align:left;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-soft)}tbody tr:hover{background:rgba(127,74,255,4%)}.comparison-grid table{grid-column:1/-1}.messages-container{display:flex;flex-direction:column;gap:var(--space-2);max-width:600px;margin:var(--space-3)0}.message-bubble{display:flex;word-wrap:break-word}.message-user{justify-content:flex-end}.message-ai{justify-content:flex-start}.message-content{max-width:75%;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);line-height:1.5;font-size:.95rem}.message-wide .message-content{max-width:100%}.message-user .message-content{background:var(--color-pop);color:rgba(255,255,255,.95);border-radius:var(--radius-md)4px var(--radius-md)var(--radius-md)}.message-ai .message-content{background:var(--color-surface-subtle);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px var(--radius-md)var(--radius-md)var(--radius-md)}.message-ai-good .message-content{background:rgba(34,197,94,.75);color:#fff;border-color:rgba(34,197,94,.75)}.message-ai-bad .message-content{background:rgba(239,68,68,.75);color:#fff;border-color:rgba(239,68,68,.75)}.prose pre{margin:var(--space-3)0;padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.prose pre code{background:0 0;color:var(--color-text);padding:0;border-radius:0}.prose .messages-container{margin:var(--space-4)0}.prompt-block{margin:var(--space-3)0;padding:var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:sfmono-regular,sf mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.prompt-block code{background:0 0;color:var(--color-text);padding:0;border-radius:0;font-size:inherit;font-family:inherit}.prompt-variable{background:rgba(95,61,244,.15);color:var(--color-pop);padding:2px 4px;border-radius:3px;font-weight:500}.prompt-xml-tag{color:#22863a;font-weight:500}@media(prefers-color-scheme:dark){.prompt-xml-tag{color:#7ee787}}.support-hero{padding-top:var(--space-8);padding-bottom:var(--space-6);text-align:center}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);justify-content:center;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color-pop)}.support-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.support-lead{font-size:1.125rem;color:var(--color-text-soft);max-width:640px;margin:0 auto;line-height:1.6}.support-channels{padding-block:var(--space-6)}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-4);max-width:880px;margin:0 auto}.support-card{background:var(--color-surface);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);transition:transform var(--spring-medium),box-shadow var(--spring-medium),border-color .3s ease;will-change:transform;opacity:0;transform:translateY(24px);animation:fadeInUp .6s var(--transition-emphatic)forwards}.support-card:nth-child(1){animation-delay:.1s}.support-card:nth-child(2){animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.support-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:var(--shadow-medium)}.support-card:active{transform:translateY(-2px)scale(1.005);transition-duration:.1s}.support-card--primary{background:linear-gradient(135deg,rgba(127,74,255,8%) 0%,rgba(0,212,255,6%) 100%),var(--color-surface);border-color:rgba(127,74,255,.2)}.support-card--primary:hover{box-shadow:0 16px 48px rgba(127,74,255,.16),0 4px 12px rgba(0,0,0,.12)}.support-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.support-card__icon svg{width:24px;height:24px;color:#fff}.support-card h2{font-size:1.375rem;font-weight:600;margin:0 0 var(--space-2);letter-spacing:-.01em;color:var(--color-text)}.support-card>p{color:var(--color-text-soft);line-height:1.6;margin:0 0 var(--space-3)}.support-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--gradient-accent);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:transform .2s var(--transition-emphatic),opacity .2s ease;position:relative;overflow:hidden;margin-bottom:var(--space-3)}.support-card__cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));opacity:0;transition:opacity .3s ease}.support-card__cta:hover::before{opacity:1}.support-card__cta:active{transform:scale(.96)}.support-card__meta{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.support-card:only-child{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,.8fr);column-gap:var(--space-5);align-content:start}.support-card:only-child>:not(.support-card__meta){grid-column:1}.support-card:only-child>.support-card__cta{justify-self:start}.support-card:only-child>.support-card__meta{grid-column:2;grid-row:1/span 4;align-self:stretch;padding:0 0 0 var(--space-4);border-top:0;border-left:1px solid var(--color-border)}@media(max-width:720px){.support-card:only-child{grid-template-columns:1fr}.support-card:only-child>.support-card__meta{grid-column:1;grid-row:auto;margin-top:var(--space-3);padding:var(--space-3)0 0;border-left:0;border-top:1px solid var(--color-border)}}.support-card__details{font-size:.875rem;color:var(--color-text-muted);margin:0 0 var(--space-1);font-weight:500}.support-card__meta ul{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--color-text-soft)}.support-card__meta li{padding:.25rem 0;display:flex;align-items:center;gap:var(--space-1)}.support-card__meta li::before{content:'•';color:var(--color-pop)}.support-faq{padding-block:var(--space-8);background:var(--color-surface-subtle);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.support-section-header{text-align:center;margin-bottom:var(--space-6)}.support-section-header h2{font-size:2rem;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.support-section-header p{color:var(--color-text-soft);font-size:1.125rem;margin:0}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:var(--color-pop)}.faq-item summary{cursor:pointer;padding:var(--space-3)var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);list-style:none;transition:background-color .2s ease;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background-color:rgba(127,74,255,5%)}.faq-question{font-weight:600;color:var(--color-text);font-size:1.0625rem;line-height:1.5}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform .3s var(--transition-emphatic),color .2s ease}.faq-item[open] .faq-chevron{transform:rotate(90deg);color:var(--color-pop)}.faq-answer{padding:0 var(--space-4)var(--space-3);color:var(--color-text-soft);line-height:1.7;animation:slideDown .4s var(--transition-emphatic)}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:0 0 var(--space-2)}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--color-pop);text-decoration:none;border-bottom:1px solid rgba(127,74,255,.3);transition:border-color .2s ease}.faq-answer a:hover{border-bottom-color:var(--color-pop)}.faq-answer code{background:rgba(127,74,255,.1);color:var(--color-pop);padding:.125rem .375rem;border-radius:4px;font-size:.9em;font-family:sf mono,monaco,menlo,monospace}.faq-answer pre{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-2);overflow-x:auto;margin:var(--space-2)0}.faq-answer strong{font-weight:600;color:var(--color-text)}.support-resources{padding-block:var(--space-8)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-3);max-width:1e3px;margin:0 auto}.resource-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-decoration:none;display:flex;flex-direction:column;transition:transform var(--spring-short),border-color .2s ease,box-shadow var(--spring-short)}.resource-card:hover{transform:translateY(-2px);border-color:var(--color-pop);box-shadow:0 8px 24px rgba(127,74,255,.12)}.resource-icon{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.resource-icon svg{width:20px;height:20px;color:var(--color-pop)}.resource-card h3{font-size:1.0625rem;font-weight:600;margin:0 0 var(--space-1);color:var(--color-text)}.resource-card p{font-size:.9375rem;color:var(--color-text-soft);line-height:1.6;margin:0}.support-response{padding-block:var(--space-8);background:var(--color-surface-subtle);border-top:1px solid var(--color-border)}.response-card{max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.response-card h2{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-4);letter-spacing:-.02em;color:var(--color-text)}.response-times{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.response-item{display:grid;grid-template-columns:180px 1fr;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-border)}.response-item:last-child{border-bottom:none}.response-item dt{font-weight:600;color:var(--color-text)}.response-item dd{margin:0;color:var(--color-text-soft);line-height:1.6}.response-note{margin:var(--space-4)0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-soft);font-size:.9375rem}.response-note a{color:var(--color-pop);text-decoration:none;border-bottom:1px solid rgba(127,74,255,.3);transition:border-color .2s ease}.response-note a:hover{border-bottom-color:var(--color-pop)}@media(max-width:768px){.support-cards{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.response-item{grid-template-columns:1fr;gap:var(--space-1)}.support-hero{padding-top:var(--space-6)}.support-header h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){.support-card,.faq-chevron,.faq-answer{animation:none!important;transition-duration:.01ms!important}.support-card:hover{transform:none!important}}.changelog-hero{padding-top:var(--space-8);padding-bottom:var(--space-6);text-align:center}.changelog-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.changelog-lead{font-size:1.125rem;color:var(--color-text-soft);max-width:640px;margin:0 auto;line-height:1.6}.changelog-releases{padding-block:var(--space-6)}.releases-timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.release-card{background:var(--color-surface);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:transform var(--spring-short),box-shadow var(--spring-short),border-color .2s ease;position:relative}.release-card::before{content:'';position:absolute;left:calc(var(--space-4) * -1 - 2px);top:var(--space-4);width:12px;height:12px;background:var(--gradient-accent);border-radius:50%;box-shadow:0 0 0 4px var(--color-bg);opacity:0;transition:opacity .3s ease}.release-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--color-pop)}.release-card:hover::before{opacity:1}.release-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.release-version{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--gradient-accent);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-xs)}.release-date{color:var(--color-text-muted);font-size:.875rem}.release-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.01em}.release-title a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.release-title a:hover{color:var(--color-pop)}.release-description{color:var(--color-text-soft);line-height:1.7;margin:0 0 var(--space-3)}.release-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-pop);text-decoration:none;font-weight:600;font-size:.9375rem;transition:gap .2s var(--transition-emphatic)}.release-link:hover{gap:var(--space-2)}.release-link svg{width:16px;height:16px;transition:transform .2s var(--transition-emphatic)}.release-link:hover svg{transform:translateX(2px)}.release-detail{padding-top:var(--space-6)}.release-detail .breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.release-detail .breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.release-detail .breadcrumb a:hover{color:var(--color-pop)}.release-header{margin-bottom:var(--space-6)}.release-badge{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.release-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.release-header .lead{font-size:1.25rem;color:var(--color-text-soft);line-height:1.6;margin:0}.release-content h2{font-size:1.5rem;font-weight:700;margin:var(--space-5)0 var(--space-3);letter-spacing:-.01em;color:var(--color-text)}.release-content h3{font-size:1.25rem;font-weight:600;margin:var(--space-4)0 var(--space-2);color:var(--color-text)}.release-content ul{list-style:none;padding:0;margin:var(--space-3)0}.release-content ul li{padding:.5rem 0;padding-left:var(--space-4);position:relative;line-height:1.7;color:var(--color-text-soft)}.release-content ul li::before{content:'';position:absolute;left:0;top:1rem;width:6px;height:6px;background:var(--gradient-accent);border-radius:50%}.release-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-soft);text-decoration:none;font-weight:500;transition:color .2s ease,gap .2s var(--transition-emphatic)}.back-link:hover{color:var(--color-pop);gap:var(--space-2)}.back-link svg{width:20px;height:20px;transition:transform .2s var(--transition-emphatic)}.back-link:hover svg{transform:translateX(-2px)}@media(max-width:768px){.changelog-hero{padding-top:var(--space-6)}.changelog-header h1{font-size:2rem}.release-card::before{display:none}.release-title{font-size:1.25rem}}body.is-home{color-scheme:dark;--color-bg:#070913;--color-bg-alt:#070913;--color-surface:rgba(14, 18, 33, 0.88);--color-surface-subtle:rgba(20, 24, 43, 0.82);--color-surface-strong:#0c0f1c;--color-border:rgba(139, 123, 255, 0.2);--color-border-strong:rgba(139, 123, 255, 0.34);--color-text:#f4f6ff;--color-text-soft:rgba(244, 246, 255, 0.76);--color-text-muted:rgba(244, 246, 255, 0.56);--color-pop:#00d4ff;--color-signal:#00d4ff;--color-on-signal:#070913;--color-rule:rgba(139, 123, 255, 0.22);--color-strike:#8b7bff;--color-tag-bg:#8b7bff;--color-tag-fg:#070913}.main{padding-top:0}.is-home .main{gap:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}::selection{background:var(--color-signal);color:var(--color-on-signal)}.site-header.kx-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:saturate(140%)blur(14px);-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--color-rule);box-shadow:none}.kx-bar{display:flex;align-items:stretch;min-height:52px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}.kx-bar>*{display:flex;align-items:center;padding:0 18px;border-right:1px solid var(--color-rule)}.kx-logo{font-family:var(--font-poster);font-size:24px;letter-spacing:.02em;color:var(--color-text);text-decoration:none}.kx-desc{color:var(--color-text-muted)}.kx-nav{gap:22px;margin-right:auto}.kx-nav a{color:var(--color-text-soft);text-decoration:none;padding-block:4px;background:linear-gradient(var(--color-signal),var(--color-signal))0 100%/0 2px no-repeat;transition:color .2s,background-size .25s var(--transition-emphatic)}.kx-nav a:hover,.kx-nav a:focus-visible{color:var(--color-text);background-size:100% 2px;outline:none}.kx-key{color:var(--color-signal);border-left:1px solid var(--color-rule)}.kx-theme{padding:0 10px}.kx-theme .theme-selector{gap:0;padding:0;border-radius:0;border:1px solid var(--color-rule);background:0 0;box-shadow:none}.kx-theme .theme-chip{width:30px;height:28px;border-radius:0;color:var(--color-text-muted)}.kx-theme .theme-chip+.theme-chip{width:31px;border-left:1px solid var(--color-rule)}.kx-theme .theme-chip svg{width:15px;height:15px}.kx-theme .theme-chip:hover{color:var(--color-text)}.kx-theme .theme-chip[data-active=true]{color:var(--color-on-signal)}.kx-theme .theme-indicator{top:0;left:0;width:30px;height:100%;border-radius:0;background:var(--color-signal);opacity:1;box-shadow:none;transition:transform .3s var(--transition-emphatic)}[data-theme-preference=system] .kx-theme .theme-indicator{transform:translateX(31px)}[data-theme-preference=dark] .kx-theme .theme-indicator{transform:translateX(62px)}.kx-buy{gap:8px;background:var(--color-signal);color:var(--color-on-signal);font-weight:600;text-decoration:none;border-right:0;transition:background .2s,color .2s}.kx-buy:hover,.kx-buy:focus-visible{background:var(--color-text);color:var(--color-bg)}.kx-header .mobile-menu-toggle{display:none;margin:0;border-right:0;border-left:1px solid var(--color-rule);padding:0 16px;gap:5px}.kx-header .mobile-menu-toggle span{width:20px}.kx-header .mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px)rotate(45deg)}.kx-header .mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.kx-header .mobile-nav{gap:0;padding:4px 18px 12px;background:var(--color-bg);border-bottom:1px solid var(--color-rule);font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.kx-header .mobile-nav a{color:var(--color-text);padding:14px 0;border-radius:0;border-bottom:1px solid var(--color-rule)}.kx-header .mobile-nav a:last-child{border-bottom:0;color:var(--color-signal)}@media(max-width:1180px){.kx-desc{display:none}}@media(max-width:980px){.kx-nav{display:none}.kx-key{margin-left:auto}.kx-header .mobile-menu-toggle{display:flex}}@media(max-width:560px){.kx-key,.kx-theme{display:none}.kx-buy{margin-left:auto;border-left:1px solid var(--color-rule)}}.site-footer.kx-footer{margin-top:0;background:var(--color-bg);border-top:1px solid var(--color-rule)}.kx-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.kx-foot-grid>*{padding:28px 20px 32px;border-right:1px solid var(--color-rule)}.kx-foot-grid>*:last-child{border-right:0}.kx-foot-brand{display:grid;gap:14px;align-content:start}.kx-foot-logo{font-family:var(--font-poster);font-size:clamp(64px,10vw,140px);line-height:.85;text-transform:uppercase;color:var(--color-text);text-decoration:none}.kx-foot-brand p{margin:0;max-width:34ch;color:var(--color-text-soft)}.kx-foot-col{display:flex;flex-direction:column;gap:10px}.kx-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-signal);margin-bottom:6px}.kx-foot-col a{color:var(--color-text-soft);text-decoration:none;width:fit-content}.kx-foot-col a:hover,.kx-foot-col a:focus-visible{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-signal);text-underline-offset:4px}.kx-foot-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:14px 20px;border-top:1px solid var(--color-rule);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.kx-foot-meta a{color:inherit}@media(max-width:860px){.kx-foot-grid{grid-template-columns:repeat(3,1fr)}.kx-foot-brand{grid-column:1/-1;border-right:0!important;border-bottom:1px solid var(--color-rule)}}@media(max-width:520px){.kx-foot-grid{grid-template-columns:1fr}.kx-foot-grid>*{border-right:0;border-bottom:1px solid var(--color-rule)}}.is-home kbd,.kn-hero kbd{font-family:var(--font-mono);font-size:.8em;font-weight:500;padding:.05em .45em;border:1px solid var(--color-rule);border-radius:4px;background:rgba(139,123,255,.1);color:var(--color-text);white-space:nowrap}.kn-promo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:10px 20px;background:var(--color-strike);color:var(--color-tag-fg);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.kn-hero{position:relative;padding:14px 20px 0;background-image:linear-gradient(90deg,var(--color-rule) 1px,transparent 1px);background-size:calc(100%/12)100%;overflow:hidden}.kn-flap{margin:0;font-family:var(--font-poster);font-weight:400;font-size:clamp(64px,min(19.5vw,23svh),300px);line-height:1;letter-spacing:0;text-transform:uppercase;color:var(--color-text)}.kn-lines{display:block}.kn-line{display:block;width:fit-content;position:relative;white-space:nowrap;margin-top:-.04em;transition:color .3s .2s}.kn-line.l2.flip{color:var(--color-signal)}.kn-line.l2::after{content:"";position:absolute;left:-.04em;right:-.04em;top:50%;height:.08em;background:var(--color-strike);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.7,0,.2,1)}.kn-line.l2.strike::after{transform:scaleX(1)}.kn-line.l2.unstrike::after{transform-origin:right}.fl{display:inline-flex;justify-content:center;height:1em;overflow:hidden;vertical-align:top;transition:width .6s cubic-bezier(.75,0,.2,1)}.fc{display:flex;flex-direction:column;align-items:center;transition:transform .6s cubic-bezier(.75,0,.2,1)}.fc>span{display:block;height:1em;line-height:1em;white-space:pre}.flip .fc{transform:translateY(-1em)}.kn-rail{display:grid;grid-template-columns:repeat(12,1fr);margin:24px -20px 0;border-top:1px solid var(--color-rule);background:var(--color-bg)}.kn-rail>*{padding:22px 20px;border-right:1px solid var(--color-rule)}.kn-rail>*:last-child{border-right:0}.kr-a{grid-column:span 5;margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--color-text-soft)}.kr-b{grid-column:span 4;list-style:none;margin:0;display:grid;gap:8px;align-content:start;font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-soft)}.kr-b li{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid var(--color-rule)}.kr-b span{color:var(--color-signal)}.kn-cta{grid-column:span 3;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:170px;background:var(--color-signal);color:var(--color-on-signal);font-family:var(--font-poster);font-size:clamp(28px,3vw,44px);line-height:1;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s}.kn-cta small{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em}.kn-cta .arr{align-self:flex-end;font-family:var(--font-body);font-size:1.2em;transition:transform .25s var(--transition-emphatic)}.kn-cta:hover,.kn-cta:focus-visible{background:var(--color-strike);color:var(--color-tag-fg)}.kn-cta:hover .arr{transform:translateX(8px)}.kn-sec{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--color-rule)}.kn-lab{grid-column:span 3;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:22px 20px;border-right:1px solid var(--color-rule);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-soft)}.kn-lab b{font-weight:500;color:var(--color-signal)}.kn-body{grid-column:span 9;padding:40px 28px 52px;min-width:0}.kn-h2{margin:0 0 28px;font-family:var(--font-poster);font-weight:400;font-size:clamp(48px,7.4vw,120px);line-height:.92;letter-spacing:0;text-transform:uppercase;color:var(--color-text)}.kn-note{margin:28px 0 0;max-width:56ch;font-size:18px;line-height:1.55;color:var(--color-text-soft)}.kn-steps{list-style:none;counter-reset:s;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-rule)}.kn-steps li{counter-increment:s;padding:14px 16px 0 0;font-size:15px;line-height:1.45;color:var(--color-text-soft)}.kn-steps li::before{content:"0" counter(s);display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-signal)}.kn-video{position:relative;border:1px solid var(--color-rule);background:#000;line-height:0}.kn-video::before{content:"Live capture · macOS";position:absolute;top:12px;left:12px;z-index:1;padding:5px 9px;background:var(--color-signal);color:var(--color-on-signal);font-family:var(--font-mono);font-size:10.5px;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.kn-video video{display:block;width:100%;height:auto}.kn-sent{margin:12px 0 0;font-size:clamp(28px,4.4vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.32;text-wrap:balance;color:var(--color-text)}.tk{position:relative;display:inline-block;padding:.02em .28em;font-family:var(--font-mono);font-size:.66em;font-weight:500;letter-spacing:-.02em;line-height:1.3;color:var(--color-signal);border:.055em solid var(--color-signal);vertical-align:.1em;white-space:nowrap}.tk::before{content:"{{" attr(data-k)"}}";position:absolute;left:-.055em;bottom:100%;padding:.15em .5em;font-size:.34em;letter-spacing:.02em;line-height:1.3;background:var(--color-tag-bg);color:var(--color-tag-fg)}.kn-nums{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-rule)}.kn-nums>div{display:grid;gap:10px;align-content:start;padding:24px 20px 28px;border-right:1px solid var(--color-rule)}.kn-nums>div:last-child{border-right:0}.kn-nums .n{font-family:var(--font-poster);font-size:clamp(72px,11vw,170px);line-height:.9;font-variant-numeric:tabular-nums;color:var(--color-text)}.kn-nums .n.r{color:var(--color-signal)}.kn-nums .l{max-width:24ch;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-soft)}.kn-cmp{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-rule)}.kn-cmp>div{padding:22px 24px 0 0}.kn-cmp>div+div{padding-left:24px;border-left:1px solid var(--color-rule)}.kn-cmp h3{margin:0 0 18px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.kn-new h3{color:var(--color-signal)}.kn-cmp ol{list-style:none;counter-reset:c;margin:0;padding:0;display:grid;gap:12px}.kn-cmp li{counter-increment:c;display:grid;grid-template-columns:28px 1fr;align-items:baseline}.kn-cmp li::before{content:counter(c);font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.kn-old li{font-size:17px;color:var(--color-text-muted)}.kn-old li span{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:transparent;transition:text-decoration-color .45s ease,color .45s ease}.kn-cmp.in .kn-old li span{text-decoration-color:var(--color-strike)}.kn-cmp.in .kn-old li:nth-child(2) span{transition-delay:.12s}.kn-cmp.in .kn-old li:nth-child(3) span{transition-delay:.24s}.kn-cmp.in .kn-old li:nth-child(4) span{transition-delay:.36s}.kn-cmp.in .kn-old li:nth-child(5) span{transition-delay:.48s}.kn-cmp.in .kn-old li:nth-child(6) span{transition-delay:.6s}.kn-new li{font-size:clamp(22px,2.4vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--color-text)}.kn-new li::before{color:var(--color-signal)}.kn-new p{margin:22px 0 0;color:var(--color-text-soft);max-width:40ch}.kn-shelves,.kn-feats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-rule)}.kn-shelves a{display:flex;justify-content:space-between;align-items:baseline;padding:22px 20px;border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);font-family:var(--font-poster);font-size:clamp(36px,4vw,60px);line-height:1;text-transform:uppercase;color:var(--color-text);text-decoration:none;transition:background .2s,color .2s}.kn-shelves a span{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--color-signal)}.kn-shelves a:nth-child(3n),.kn-feats>div:nth-child(3n){border-right:0}.kn-shelves a:nth-last-child(-n+3){border-bottom:0}.kn-shelves a:hover,.kn-shelves a:focus-visible{background:var(--color-signal);color:var(--color-on-signal);outline:none}.kn-shelves a:hover span,.kn-shelves a:focus-visible span{color:inherit}.kn-feat{display:grid;gap:12px;align-content:start;padding:26px 20px 32px;border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.kn-feat:nth-last-child(-n+3){border-bottom:0}.kn-feat>code{justify-self:start;font-family:var(--font-mono);font-size:12.5px;color:var(--color-signal)}.kn-feat h3{margin:8px 0 0;font-size:22px;font-weight:650;letter-spacing:-.02em;color:var(--color-text)}.kn-feat p{margin:0;font-size:16px;line-height:1.55;color:var(--color-text-soft)}.kn-feat p code{font-family:var(--font-mono);font-size:.9em;color:var(--color-signal)}.kn-mq{overflow:hidden;padding:16px 0 12px;background:var(--color-signal);color:var(--color-on-signal);font-family:var(--font-poster);font-size:clamp(44px,7vw,110px);line-height:1;text-transform:uppercase}.kn-mq>div{display:flex;width:max-content;animation:kn-marquee 24s linear infinite}.kn-mq span{padding-right:.5em;white-space:nowrap}@keyframes kn-marquee{to{transform:translateX(-50%)}}.kn-foot{display:grid;grid-template-columns:repeat(12,1fr);align-items:end}.kn-foot .pr{grid-column:span 7;padding:28px 20px 12px;border-right:1px solid var(--color-rule);font-family:var(--font-poster);font-size:clamp(96px,17vw,260px);line-height:.85;color:var(--color-text)}.kn-foot .pr sup{font-size:.35em;vertical-align:.95em}.kn-foot .pr s{display:block;font-size:.26em;color:var(--color-text-muted);text-decoration-color:var(--color-strike);text-decoration-thickness:.08em}.kn-foot .fx{grid-column:span 5;display:grid;gap:16px;padding:28px 20px}.kn-foot h2{margin:0;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-signal)}.kn-foot p{margin:0;font-size:18px;line-height:1.45;color:var(--color-text-soft)}.kn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}.kn-buy{padding:16px 22px;background:var(--color-text);color:var(--color-bg);font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}.kn-buy:hover,.kn-buy:focus-visible{background:var(--color-signal);color:var(--color-on-signal)}.kn-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-soft);text-underline-offset:4px}.kn-link:hover{color:var(--color-signal)}@media(max-width:900px){.kn-hero{background-size:25% 100%}.kn-rail>*,.kn-lab,.kn-body,.kn-foot>*{grid-column:1/-1!important;border-right:0!important}.kn-rail>*,.kn-lab{border-bottom:1px solid var(--color-rule)}.kn-lab{flex-direction:row;padding-block:14px}.kn-lab br{display:none}.kn-body{padding:32px 20px 40px}.kn-steps{grid-template-columns:repeat(2,1fr);row-gap:12px}.kn-nums{grid-template-columns:repeat(2,1fr)}.kn-nums>div{border-bottom:1px solid var(--color-rule)}.kn-nums>div:nth-child(2n){border-right:0}.kn-cmp{grid-template-columns:1fr}.kn-cmp>div+div{padding-left:0;border-left:0;margin-top:28px;padding-top:22px;border-top:1px solid var(--color-rule)}.kn-shelves,.kn-feats{grid-template-columns:repeat(2,1fr)}.kn-shelves a,.kn-feat{border-right:1px solid var(--color-rule)!important;border-bottom:1px solid var(--color-rule)!important}.kn-shelves a:nth-child(2n),.kn-feats>div:nth-child(2n){border-right:0!important}}@media(max-width:560px){.kn-shelves,.kn-feats{grid-template-columns:1fr}.kn-shelves a,.kn-feat{border-right:0!important}.kn-lab{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.kn-mq>div{animation:none}.fl,.fc,.kn-line,.kn-line.l2::after,.kn-old li span{transition:none}}.content-header{text-align:left;max-width:none;margin-inline:0;border-bottom:1px solid var(--color-rule)}.content-header .eyebrow{font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;color:var(--color-signal)}.main h1:not(.kn-flap){font-family:var(--font-poster);font-weight:400;line-height:.96;letter-spacing:0;text-transform:uppercase;text-wrap:balance;background:0 0;-webkit-text-fill-color:currentColor;color:var(--color-text)}.content-header h1{font-size:clamp(2.8rem,7vw,4.75rem)}.content-header .lead{margin-inline:0}.prose code,.prose pre,.prose kbd{font-family:var(--font-mono)}.prose a{color:var(--color-pop);text-underline-offset:3px}