:root{--background:#fff;--surface:#f7f5f2;--foreground:#1a1614;--muted:#706a63;--border:#e4ddd4;--accent:#b3541f;--accent-foreground:#fff;--danger:#b3261e;--accent-soft:color-mix(in srgb, var(--accent) 10%, var(--surface));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--background:#14100d;--surface:#1c1713;--foreground:#f3ede6;--muted:#a89e93;--border:#33291f;--accent:#e8874a;--accent-foreground:#14100d;--danger:#ff6b60;--accent-soft:color-mix(in srgb, var(--accent) 14%, var(--surface));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}main{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:34rem;margin:0 auto;padding:3rem 1.25rem;display:flex}textarea,input[type=text],input[type=password]{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);font:inherit;resize:vertical;border-radius:.6rem;padding:.75rem .9rem}textarea{min-height:8rem}textarea:focus,input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;border:none;border-radius:.6rem;padding:.7rem 1.25rem;transition:transform .15s,box-shadow .15s,background .15s}button:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--accent);color:var(--accent-foreground);box-shadow:0 2px 10px -4px color-mix(in srgb, var(--accent) 60%, transparent);font-weight:600}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled){box-shadow:0 6px 16px -4px color-mix(in srgb, var(--accent) 65%, transparent);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--foreground);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled),.btn-secondary:focus-visible:not(:disabled){border-color:var(--accent);color:var(--accent)}.pill-row{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:999px;padding:.45rem .9rem;font-size:.9rem;transition:transform .15s,background .15s,border-color .15s}.pill:hover{border-color:var(--accent)}.pill[aria-pressed=true]{background:var(--surface);border-color:var(--accent);color:var(--accent);font-weight:600;transform:translateY(-1px)}.card{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;flex-direction:column;gap:.75rem;padding:1.25rem;animation:.25s rise-in;display:flex;box-shadow:0 12px 32px -20px #00000059}@keyframes rise-in{0%{transform:translateY(6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card{animation:none}button,.pill{transition:none}.hero-illustration-glow,.hero-illustration-button,.hero-illustration-ring,.hero-illustration-poof,.hero-illustration-char,.hero-illustration-notch-1,.hero-illustration-notch-2,.hero-illustration-notch-3,.hero-illustration-notch-4{animation:none}.hero-illustration-poof,.hero-illustration-char{opacity:0}}.hero-section{flex-direction:column;gap:1.25rem;padding-bottom:.5rem;display:flex}.hero-top{justify-content:center;align-items:center;gap:2.5rem;display:flex}.hero-copy{flex-direction:column;flex:0 26rem;gap:1rem;display:flex}.hero-headline{font-size:clamp(1.75rem,1.2rem + 2vw,2.35rem);line-height:1.25}.accent-text{color:var(--accent)}.hero-subhead{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.55}.form-column{flex-direction:column;gap:1.25rem;width:100%;max-width:34rem;margin:0 auto;display:flex}.composer-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 12px 32px -20px #00000059}.composer-textarea{border:1px solid var(--border);background:var(--background);width:100%;min-height:9rem;color:var(--foreground);font:inherit;resize:vertical;border-radius:.6rem;padding:.75rem .9rem;font-size:.92rem}.composer-textarea::placeholder{color:var(--muted);font-style:italic}.composer-textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.section-intro{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.section-intro p{max-width:34rem}.section-intro-text{text-align:center}.composer-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:-.5rem;display:flex}.pill-static{border:1px solid var(--border);background:var(--background);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.78rem}.composer-rows{flex-direction:column;display:flex}.composer-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.composer-rows>.composer-row:first-child{border-top:none;padding-top:0}.composer-row-nested{border-top:1px dashed var(--border)}.composer-row-info{flex-direction:column;flex:14rem;gap:.3rem;display:flex}.composer-row-title{font-size:.95rem;font-weight:600}.composer-row-desc{max-width:26rem;font-size:.74rem;line-height:1.45}.composer-row-options{flex:0 auto;justify-content:flex-end}.composer-diagram-caption{font-size:.78rem}.composer-expanded{border-top:1px dashed var(--border);padding-top:.9rem}.composer-submit{align-self:flex-start;font-size:1rem}.composer-submit-row{align-items:center;gap:.6rem;display:flex}.toggle-switch{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex;position:relative}.toggle-switch-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-switch-track{background:var(--border);border-radius:999px;flex:none;width:2.75rem;height:1.5rem;transition:background .15s;position:relative}.toggle-switch-thumb{background:#fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toggle-switch-input:checked+.toggle-switch-track{background:var(--accent)}.toggle-switch-input:checked+.toggle-switch-track .toggle-switch-thumb{transform:translate(1.25rem)}.toggle-switch-input:focus-visible+.toggle-switch-track{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch-state{color:var(--muted);min-width:1.6rem;font-size:.85rem}.feature-grid,.usecase-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.feature-card,.usecase-card{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;padding:1.1rem}.usecase-card{border-top:3px solid var(--accent)}.feature-card h3,.usecase-card h3{margin:0 0 .4rem;font-size:1rem}.feature-card p,.usecase-card p{margin:0}.compare-table-marks .compare-table-highlight{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.compare-table-marks th.compare-table-highlight{color:var(--foreground);font-weight:700}.compare-mark{font-weight:700}.compare-mark-yes{color:var(--foreground)}.compare-mark-no{color:var(--muted);opacity:.55}.compare-mark-partial{color:var(--muted)}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:auto}.site-footer-inner{max-width:42rem;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.5rem 1.25rem;font-size:.85rem;display:flex}.site-footer-nav{gap:1.25rem;display:flex}.site-footer-nav a{font-size:.85rem}.hero-illustration{flex:none;width:9.5rem;height:9.5rem}.hero-illustration-glow{fill:color-mix(in srgb, var(--accent) 18%, transparent);transform-origin:50%;animation:10s ease-in-out infinite glow-pulse}.hero-illustration-ring-track{stroke:var(--border)}.hero-illustration-ring{stroke:var(--accent);animation:10s linear infinite ring-drain}.hero-illustration-button{transform-origin:50%;animation:10s ease-in infinite button-vanish}.hero-illustration-notch{fill:var(--border)}.hero-illustration-notch-1{animation:10s linear infinite notch-flash-4}.hero-illustration-notch-2{animation:10s linear infinite notch-flash-3}.hero-illustration-notch-3{animation:10s linear infinite notch-flash-2}.hero-illustration-notch-4{animation:10s linear infinite notch-flash-1}@keyframes notch-flash-1{0%,16%{fill:var(--border);opacity:1}22%{fill:var(--accent);opacity:1}32%,to{opacity:0}}@keyframes notch-flash-2{0%,38%{fill:var(--border);opacity:1}44%{fill:var(--accent);opacity:1}54%,to{opacity:0}}@keyframes notch-flash-3{0%,60%{fill:var(--border);opacity:1}66%{fill:var(--accent);opacity:1}76%,to{opacity:0}}@keyframes notch-flash-4{0%,82%{fill:var(--border);opacity:1}88%{fill:var(--accent);opacity:1}98%,to{opacity:0}}.hero-illustration-char{opacity:0}.hero-illustration-char-1{animation:2.4s linear infinite drift-in-1}.hero-illustration-char-2{animation:2.4s linear .6s infinite drift-in-2}.hero-illustration-char-3{animation:2.4s linear 1.2s infinite drift-in-3}.hero-illustration-char-4{animation:2.4s linear 1.8s infinite drift-in-4}@keyframes drift-in-1{0%{opacity:0;transform:translate(85px,85px)scale(1)}15%{opacity:.9}80%{opacity:.35}to{opacity:0;transform:translate(0)scale(.25)}}@keyframes drift-in-2{0%{opacity:0;transform:translate(-85px,85px)scale(1)}15%{opacity:.9}80%{opacity:.35}to{opacity:0;transform:translate(0)scale(.25)}}@keyframes drift-in-3{0%{opacity:0;transform:translate(-85px,-85px)scale(1)}15%{opacity:.9}80%{opacity:.35}to{opacity:0;transform:translate(0)scale(.25)}}@keyframes drift-in-4{0%{opacity:0;transform:translate(85px,-85px)scale(1)}15%{opacity:.9}80%{opacity:.35}to{opacity:0;transform:translate(0)scale(.25)}}.hero-illustration-poof{opacity:0;transform-origin:50%;animation:10s ease-out infinite poof}@keyframes glow-pulse{0%,15%{opacity:.7}92%,to{opacity:0}}@keyframes ring-drain{0%{stroke-dashoffset:0}88%,to{stroke-dashoffset:578px}}@keyframes button-vanish{0%{opacity:0;transform:scale(.85)}18%{opacity:1;transform:scale(1)}95%{opacity:1;transform:scale(1)}98%{opacity:0;transform:scale(.85)}to{opacity:0;transform:scale(.85)}}@keyframes poof{0%,95%{opacity:0;transform:scale(.6)}97%{opacity:.9;transform:scale(1.15)}99.5%,to{opacity:0;transform:scale(1.6)}}@media (max-width:40rem){.hero-section{text-align:center}.hero-top{flex-direction:column;gap:1rem}.hero-illustration{width:8rem;height:8rem}}.muted{color:var(--muted);font-size:.85rem}.error-text{color:var(--danger);font-size:.9rem}.toggle-row{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.admin-stats{max-width:28rem;margin:4rem auto;padding:0 1.5rem}.admin-stats dl{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;grid-template-columns:1fr auto;gap:.5rem 1rem;margin:1.5rem 0;padding:1.25rem 1.5rem;display:grid}.admin-stats dt{color:var(--muted)}.admin-stats dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.admin-stats button{margin-top:.5rem}.field-group{flex-direction:column;gap:.4rem;display:flex}.copy-row{align-items:center;gap:.5rem;display:flex}.copy-row a{word-break:break-all;font-size:.82rem}.count-stepper{align-items:center;gap:.75rem;display:flex}.count-stepper button{justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:1.15rem;line-height:1;display:inline-flex}.count-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5rem;font-weight:600}.batch-results{flex-direction:column;gap:.6rem;display:flex}.batch-result{border:1px solid var(--border);background:var(--background);opacity:1;border-radius:.7rem;flex-direction:column;gap:.35rem;max-height:8rem;padding:.75rem .9rem;transition:max-height .3s,opacity .25s,transform .25s,padding .3s,border-width .3s,margin .3s;display:flex;overflow:hidden;transform:scale(1)}.batch-result-poofing{opacity:0;border-width:0;max-height:0;margin-bottom:-.6rem;padding-top:0;padding-bottom:0;transform:scale(.92)}@media (prefers-reduced-motion:reduce){.batch-result{transition:none}}.batch-result-label{font-size:.9rem;font-weight:600}.info-icon{border:1px solid var(--muted);width:1.1rem;height:1.1rem;color:var(--muted);cursor:help;border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.revealed-secret{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:var(--background);border-radius:.6rem;padding:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.site-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:42rem;margin:0 auto;padding:.9rem 1.25rem;display:flex}.brand{color:var(--foreground);align-items:center;gap:.4rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:1.15rem;height:1.15rem}.site-nav{align-items:center;gap:1.25rem;display:flex}.site-nav a{font-size:.9rem}.quick-exit-compact{color:var(--danger);border:1px solid var(--danger);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none}.quick-exit-compact:hover,.quick-exit-compact:focus-visible{background:var(--danger);color:#fff;outline:none}.wide-main{max-width:42rem}.page-section{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1.5rem 0;display:flex}.page-section:first-child{border-top:none;padding-top:0}.headline{margin:0;font-size:1.6rem;line-height:1.3}.badge-strip-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@media (prefers-reduced-motion:reduce){.badge-strip-viewport{-webkit-mask-image:none;mask-image:none}}.badge-strip{gap:.5rem;width:max-content;padding:.25rem 0;animation:26s linear infinite badge-scroll;display:flex}@keyframes badge-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.badge-strip{animation:none}}.badge{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;transform-origin:50%;border-radius:999px;flex:none;padding:.4rem .9rem;font-size:.85rem}.badge-burst{animation:1.6s ease-out forwards badge-dissolve}@keyframes badge-dissolve{0%{opacity:1;filter:blur();transform:scale(1)}45%{opacity:.8;filter:blur(1px);transform:scale(1.15)}75%{opacity:0;filter:blur(3px);transform:scale(1.3)}to{opacity:0;filter:blur();transform:scale(1)}}.diagram{width:100%;height:auto}.dataflow-packet{animation:4s linear infinite dataflow-packet-flow}@keyframes dataflow-packet-flow{0%{opacity:0;transform:translate(0)}5%{opacity:1}33%{opacity:1;transform:translate(85px)}38%{opacity:0;transform:translate(85px)}62%{opacity:0;transform:translate(235px)}67%{opacity:1;transform:translate(235px)}95%{opacity:1;transform:translate(320px)}to{opacity:0;transform:translate(320px)}}.dataflow-key-path{animation:1.2s linear infinite dataflow-key-flow}@keyframes dataflow-key-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){.dataflow-packet,.dataflow-key-path{animation:none}}.lifecycle-packet{animation:9s ease-in-out infinite lifecycle-packet-flow}@keyframes lifecycle-packet-flow{0%,10%{opacity:1;transform:translate(0)}22%,35%{opacity:1;transform:translate(165px)}47%,60%{opacity:1;transform:translate(330px)}72%,88%{opacity:1;transform:translate(495px)}94%{opacity:0;transform:translate(495px)}to{opacity:0;transform:translate(0)}}.lifecycle-pulse{transform-box:fill-box;transform-origin:50%;animation:9s ease-out infinite lifecycle-pulse-ring}@keyframes lifecycle-pulse-ring{0%,71%{opacity:0;transform:scale(1)}76%{opacity:.55;transform:scale(1)}88%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.lifecycle-packet,.lifecycle-pulse{animation:none}}.stepper{flex-wrap:wrap;gap:.4rem;display:flex}.stepper button{flex:auto;min-width:6rem}.stepper .pill[aria-selected=true]{background:var(--surface);border-color:var(--accent);color:var(--accent);font-weight:600}.stepper-detail{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;padding:1.1rem}.compare-table{border-collapse:collapse;width:100%;font-size:.95rem}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .75rem}.compare-table th{color:var(--muted);font-size:.85rem;font-weight:600}.list-check{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list-check li{padding-left:1.4rem;position:relative}.list-check li:before{content:"";background:var(--accent);border-radius:999px;width:.6rem;height:.6rem;position:absolute;top:.4rem;left:0}.faq-item{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;padding:.2rem .9rem}.faq-item summary{cursor:pointer;padding:.7rem 0;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+ ";color:var(--accent)}.faq-item[open] summary:before{content:"−"}.faq-item p{color:var(--muted);margin:0 0 .9rem}.canary{border:1px dashed var(--border);border-radius:.9rem;padding:1.1rem;font-size:.9rem}.quick-exit{text-align:center;background:var(--danger);color:#fff;border-radius:.6rem;width:100%;padding:1rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:block}.quick-exit:focus,.quick-exit:hover{outline:2px solid var(--danger);outline-offset:2px}.quick-exit-urgent{animation:1.8s ease-in-out infinite quick-exit-pulse}@keyframes quick-exit-pulse{0%,to{opacity:1}50%{opacity:.82}}@media (prefers-reduced-motion:reduce){.quick-exit-urgent{animation:none}}.step-list{counter-reset:step;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.step-list li{counter-increment:step;align-items:flex-start;gap:.9rem;display:flex}.step-list li:before{content:counter(step);background:var(--accent);width:1.8rem;height:1.8rem;color:var(--accent-foreground);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.limitations-box{border:1px solid var(--danger);background:var(--surface);border-radius:.9rem;padding:1.1rem}.limitations-box h2{margin-top:0;font-size:1rem}