@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Public Sans;src:url(/assets/PublicSans.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.hero{justify-content:center;align-items:center;min-height:100vh;padding:0 0 3rem;display:flex}.hero>.container{justify-content:center;align-items:center;width:100%;display:flex}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{letter-spacing:-.03em;color:var(--foreground);margin-bottom:1.25rem;font-family:Public Sans,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.1}@media (width>=640px){.hero-title{font-size:3rem}}@media (width>=1024px){.hero-title{font-size:3.5rem}}.hero-title-accent{display:inline}.hero-title-accent em{background:linear-gradient(135deg,#4ca6ff 0,#8699f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}@media (prefers-color-scheme:dark){.hero-title-accent em{background:linear-gradient(135deg,#4ca6ff 0,#8699f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}:root[data-theme=dark] .hero-title-accent em{background:linear-gradient(135deg,#4ca6ff 0,#8699f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .hero-title-accent em{background:linear-gradient(135deg,#0080ff 0,#3d5cf5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--muted-foreground);max-width:580px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-family:Public Sans,sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.6}@media (width>=640px){.hero-description{font-size:1.2rem}}.hero-cta{flex-direction:column;align-items:center;gap:.75rem;display:flex}@media (width>=640px){.hero-cta{flex-direction:row;justify-content:center;gap:.5rem}}.cdn-inline{background-color:hsl(from var(--muted)h s l/.5);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);align-items:center;gap:.5rem;max-width:100%;padding:.5rem .5rem .5rem .875rem;display:flex}.cdn-inline-compact{max-width:320px}.cdn-inline-compact .cdn-url{max-width:240px}.cdn-url{font-family:"JetBrains Mono",var(--font-mono);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;user-select:all;max-width:420px;font-size:.8125rem;overflow:hidden}@media (width<=767px){.cdn-url{max-width:180px;font-size:.75rem}}.cdn-copy-btn{border-radius:calc(var(--radius) - 2px);width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.cdn-copy-btn:hover{background-color:var(--accent);color:var(--foreground)}.cdn-copy-btn:focus-visible{box-shadow:0 0 0 2px hsl(from var(--ring)h s l/.3);outline:none}.cdn-copy-btn svg{position:absolute}.cdn-copy-btn .cdn-check-icon{opacity:0;color:#22c35d}.hero-cta .btn-primary{border-radius:calc(var(--radius) + 2px);flex-shrink:0;gap:.375rem;padding:.625rem 1rem;font-family:Public Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none}.hero-cta .btn-primary svg{width:14px;height:14px;transition:transform .2s}.hero-cta .btn-primary:hover svg{transform:translate(2px)}.nav-link{font-family:Public Sans,sans-serif}.captured-section{padding-bottom:3.5rem}@media (width>=1024px){.captured-section{padding-bottom:4.5rem}}.captured-content{text-align:center;max-width:720px;margin:0 auto}.captured-title{letter-spacing:-.02em;color:var(--foreground);margin-bottom:.5rem;font-family:Public Sans,sans-serif;font-size:1.5rem;font-weight:600}@media (width>=640px){.captured-title{font-size:1.75rem}}.captured-description{color:var(--muted-foreground);margin-bottom:2rem;font-family:Public Sans,sans-serif;font-size:1rem}.captured-preview{background-color:var(--border);border:1px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:1px;display:flex;overflow:hidden}.captured-group{background-color:var(--background);padding:1rem 1.25rem}.captured-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.625rem;font-family:Public Sans,sans-serif;font-size:.6875rem;font-weight:600;display:block}.captured-items{flex-wrap:wrap;gap:.5rem;display:flex}.captured-item{background-color:hsl(from var(--muted)h s l/.5);border-radius:calc(var(--radius) - 2px);align-items:center;gap:.375rem;padding:.25rem .5rem;display:inline-flex}.captured-key{font-family:"JetBrains Mono",var(--font-mono);color:var(--muted-foreground);font-size:.75rem;font-weight:500}.captured-value{font-family:"JetBrains Mono",var(--font-mono);color:var(--foreground);font-size:.75rem}.how-section{padding-bottom:3.5rem}@media (width>=1024px){.how-section{padding-bottom:4.5rem}}.how-content{text-align:center;max-width:900px;margin:0 auto}.how-title{letter-spacing:-.02em;color:var(--foreground);margin-bottom:.5rem;font-family:Public Sans,sans-serif;font-size:1.5rem;font-weight:600}@media (width>=640px){.how-title{font-size:1.75rem}}.how-description{color:var(--muted-foreground);margin-bottom:2.5rem;font-family:Public Sans,sans-serif;font-size:1rem}.how-steps{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=768px){.how-steps{flex-direction:row;justify-content:center;align-items:flex-start;gap:0}}.how-step{text-align:center;flex-direction:column;align-items:center;max-width:220px;padding:1.25rem;display:flex}.how-step-number{width:2.5rem;height:2.5rem;color:var(--primary-foreground);background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:600;display:flex}.how-step-title{color:var(--foreground);margin-bottom:.375rem;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:600}.how-step-text{color:var(--muted-foreground);font-family:Public Sans,sans-serif;font-size:.875rem;line-height:1.5}.how-step-connector{color:var(--border);flex-shrink:0;padding-top:1.25rem;display:none}@media (width>=768px){.how-step-connector{align-items:flex-start;padding-top:2rem;display:flex}}.about-section{border-top:1px solid var(--border);padding:2.5rem 0 3.5rem}@media (width>=1024px){.about-section{padding:3.5rem 0 4.5rem}}.about-content{text-align:center;max-width:540px;margin:0 auto}.about-photo{object-fit:cover;border:3px solid var(--border);border-radius:50%;width:80px;height:80px;margin-bottom:1.25rem}.about-greeting{letter-spacing:-.02em;color:var(--foreground);margin-bottom:.25rem;font-family:Public Sans,sans-serif;font-size:1.375rem;font-weight:600}.about-wave{transform-origin:70% 70%;animation:2.5s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%,to{transform:rotate(0)}}.about-role{color:var(--muted-foreground);margin-bottom:1.5rem;font-family:Public Sans,sans-serif;font-size:.9375rem}.about-story{text-align:left}.about-story p{color:var(--muted-foreground);margin-bottom:1rem;font-family:Public Sans,sans-serif;font-size:.9375rem;line-height:1.65}.about-story p:last-child{margin-bottom:0}.about-story strong{color:var(--foreground);font-weight:500}.faq-section{padding:3.5rem 0;position:relative}@media (width>=1024px){.faq-section{padding:4.5rem 0}}.dot-bg{background-image:radial-gradient(circle at 1px 1px,var(--border)1px,transparent 0);z-index:-1;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}.faq-content{max-width:640px;margin:0 auto}.faq-title{letter-spacing:-.02em;color:var(--foreground);text-align:center;margin-bottom:.5rem;font-family:Public Sans,sans-serif;font-size:1.5rem;font-weight:600}@media (width>=640px){.faq-title{font-size:1.75rem}}.faq-description{color:var(--muted-foreground);text-align:center;margin-bottom:2.5rem;font-family:Public Sans,sans-serif;font-size:1rem}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.faq-item[open]{border-color:hsl(from var(--border)h s l/.8)}.faq-question{color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-family:Public Sans,sans-serif;font-size:.9375rem;font-weight:500;list-style:none;transition:background-color .15s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background-color:hsl(from var(--muted)h s l/.3)}.faq-question svg{color:var(--muted-foreground);flex-shrink:0}.faq-answer{height:0;padding:0 1.25rem;overflow:hidden}.faq-answer-inner{opacity:0;padding-top:.5rem;padding-bottom:1.25rem}.faq-answer-inner p{color:var(--muted-foreground);font-family:Public Sans,sans-serif;font-size:.875rem;line-height:1.6}.faq-answer code{font-family:"JetBrains Mono",var(--font-mono);background-color:hsl(from var(--muted)h s l/.5);border-radius:calc(var(--radius) - 2px);color:var(--foreground);padding:.125rem .375rem;font-size:.8125rem}.debug-section{border-top:1px solid var(--border);padding:3rem 0}.debug-content{text-align:center;max-width:640px;margin:0 auto}.debug-header{margin-bottom:1.5rem}.debug-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);background-color:hsl(from var(--muted)h s l/.5);border-radius:calc(var(--radius) - 2px);margin-bottom:.75rem;padding:.25rem .625rem;font-family:Public Sans,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.debug-title{letter-spacing:-.025em;color:var(--foreground);margin-bottom:.5rem;font-family:Public Sans,sans-serif;font-size:1.5rem;font-weight:600}.debug-description{color:var(--muted-foreground);max-width:480px;margin:0 auto;font-family:Public Sans,sans-serif;font-size:1rem;line-height:1.6}.debug-preview{justify-content:center;align-items:center;max-width:540px;min-height:380px;margin:1.5rem auto 2rem;display:flex;position:relative}.debug-panel-mock{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:340px;box-shadow:var(--shadow-lg);text-align:left;font-size:.8125rem;overflow:hidden}.mock-header{background-color:hsl(from var(--muted)h s l/.5);border-bottom:1px solid var(--border);cursor:grab;user-select:none;justify-content:space-between;align-items:center;padding:.625rem .75rem;display:flex}.mock-header:active{cursor:grabbing}.mock-title{color:var(--foreground);align-items:center;gap:.5rem;font-family:Public Sans,sans-serif;font-size:.8125rem;font-weight:600;display:flex}.mock-title svg{color:var(--muted-foreground)}.mock-controls{gap:.25rem;display:flex}.mock-ctrl{background-color:hsl(from var(--muted)h s l/.8);border-radius:3px;width:.875rem;height:.875rem}.mock-status{background-color:hsl(from var(--muted)h s l/.25);border-bottom:1px solid var(--border);color:var(--muted-foreground);gap:.75rem;padding:.5rem .75rem;font-family:Public Sans,sans-serif;font-size:.6875rem;display:flex}.mock-status-item{align-items:center;gap:.375rem;display:flex}.mock-status-item strong{color:var(--foreground);font-weight:500}.mock-dot{background-color:#16a249;border-radius:50%;width:.375rem;height:.375rem;box-shadow:0 0 4px #16a249}.mock-tabs{border-bottom:1px solid var(--border);display:flex;position:relative}.mock-tab-indicator{background-color:var(--foreground);height:2px;position:absolute;bottom:-1px}.mock-tab{text-align:center;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem;font-family:Public Sans,sans-serif;font-size:.6875rem;font-weight:500;transition:color .15s,background-color .15s}.mock-tab:hover{color:var(--foreground);background-color:hsl(from var(--muted)h s l/.25)}.mock-tab.active{color:var(--foreground)}.mock-content{max-height:220px;overflow-y:auto}.mock-tab-content{display:none}.mock-tab-content.active{display:block}.mock-content::-webkit-scrollbar{width:6px}.mock-content::-webkit-scrollbar-track{background:0 0}.mock-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mock-content::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.mock-section-header{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);background-color:hsl(from var(--muted)h s l/.15);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-family:Public Sans,sans-serif;font-size:.625rem;font-weight:600;display:flex}.mock-badge{background-color:var(--muted);color:var(--foreground);text-transform:none;letter-spacing:normal;border-radius:3px;padding:.125rem .375rem;font-size:.6575rem;font-weight:500}.mock-rows{border-bottom:1px solid hsl(from var(--border)h s l/.5)}.mock-row{border-bottom:1px solid hsl(from var(--border)h s l/.3);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.mock-row:last-child{border-bottom:none}.mock-key{color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.mock-value{color:var(--foreground);font-family:JetBrains Mono,monospace;font-size:.75rem}.mock-actions{background-color:hsl(from var(--muted)h s l/.25);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;padding:.5rem .75rem;display:flex}.mock-btns{gap:.375rem;display:flex}.mock-action-btn{background-color:var(--background);border:1px solid var(--border);width:1.625rem;height:1.625rem;color:var(--foreground);cursor:default;border-radius:3px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.mock-action-btn:hover{background-color:var(--accent)}.mock-form-row{border-bottom:1px solid hsl(from var(--border)h s l/.3);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.mock-form-row:last-child{border-bottom:none}.mock-form-name{color:var(--foreground);align-items:center;gap:.375rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;display:flex}.mock-form-name svg{color:var(--muted-foreground)}.mock-form-status{border-radius:3px;padding:.125rem .375rem;font-family:Public Sans,sans-serif;font-size:.6875rem;font-weight:500}.mock-form-status.injected{color:#16a249;background-color:#16a24926}.mock-form-status.excluded{color:#ef4343;background-color:#ef434326}.mock-log-list{font-family:JetBrains Mono,monospace;font-size:.6875rem}.mock-log-entry{border-bottom:1px solid hsl(from var(--border)h s l/.2);gap:.5rem;padding:.375rem .75rem;display:flex}.mock-log-entry:last-child{border-bottom:none}.mock-log-time{color:var(--muted-foreground);flex-shrink:0}.mock-log-msg{color:var(--foreground)}.mock-log-msg.success{color:#16a249}.debug-features{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}@media (width>=640px){.debug-features{flex-direction:row;justify-content:center;gap:1.5rem}}.debug-feature{background-color:hsl(from var(--muted)h s l/.3);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}@media (width>=640px){.debug-feature{text-align:center;flex-direction:column;flex:1;gap:.5rem;max-width:160px;padding:1rem}}.debug-feature-icon{background-color:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);width:2rem;height:2rem;color:var(--foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.debug-feature-text{text-align:left;flex-direction:column;display:flex}@media (width>=640px){.debug-feature-text{text-align:center}}.debug-feature-title{color:var(--foreground);font-family:Public Sans,sans-serif;font-size:.8125rem;font-weight:600}.debug-feature-desc{color:var(--muted-foreground);font-family:Public Sans,sans-serif;font-size:.75rem;line-height:1.4}.debug-code{flex-direction:column;align-items:center;gap:.5rem;display:inline-flex;position:relative}.debug-code code{color:var(--foreground);background-color:hsl(from var(--muted)h s l/.5);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);cursor:pointer;user-select:none;padding:.375rem .75rem;font-family:JetBrains Mono,monospace;font-size:.875rem}.debug-code-hint,.debug-code-copied{color:var(--muted-foreground);white-space:nowrap;font-family:Public Sans,sans-serif;font-size:.75rem;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.debug-code-hint{opacity:0;transition:opacity .15s}.debug-code:hover .debug-code-hint{opacity:1}.debug-code.copied .debug-code-hint{opacity:0}.debug-code-copied{opacity:0;color:#16a249;font-weight:500;transition:opacity .2s}.debug-code.copied .debug-code-copied{opacity:1}.cta-section{padding:2.5rem 0 3.5rem}@media (width>=1024px){.cta-section{padding:3rem 0 4rem}}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{letter-spacing:-.02em;color:var(--foreground);margin-bottom:.5rem;font-family:Public Sans,sans-serif;font-size:1.5rem;font-weight:600}@media (width>=640px){.cta-title{font-size:1.75rem}}.cta-description{color:var(--muted-foreground);margin-bottom:1.25rem;font-family:Public Sans,sans-serif;font-size:1rem}.cta-cta{justify-content:center;display:flex}