@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}img,svg,video{max-width:100%;height:auto;display:block}svg{height:auto}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#110e16;--surface:#18141f;--surface-2:#241f2d;--line:color-mix(in srgb, var(--text) 16%, transparent);--line-strong:color-mix(in srgb, var(--text) 32%, transparent);--dot:color-mix(in srgb, var(--text) 13%, transparent);--text:#f4f3f7;--text-muted:#b1abba;--text-faint:#8a8297;--accent:#995cff;--accent-ink:var(--bg);--accent-soft:color-mix(in srgb, var(--accent) 22%, transparent);--accent-2:#ff0090;--accent-2-soft:color-mix(in srgb, var(--accent-2) 22%, transparent);--warm:#ffbd00;--warm-soft:color-mix(in srgb, var(--warm) 18%, transparent);--warm-fill:#ffbd00;--warm-fill-ink:#212529;--ok:#28a745;--danger:#ff0054;--font-sans:"Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Mono", Consolas, monospace;--step--1:clamp(.8331rem, .8296rem + .0157vw, .8438rem);--step-0:clamp(1rem, .9583rem + .1852vw, 1.125rem);--step-1:clamp(1.2rem, 1.1rem + .4444vw, 1.5rem);--step-2:clamp(1.44rem, 1.2533rem + .8296vw, 2rem);--step-3:clamp(1.7281rem, 1.415rem + 1.3907vw, 2.6669rem);--step-4:clamp(2.0738rem, 1.5798rem + 2.1954vw, 3.5556rem);--step-5:clamp(2.4881rem, 1.7373rem + 3.337vw, 4.7406rem);--step-hero:clamp(2.5rem, 1.1rem + 6.2vw, 7.25rem);--space-2xs:.25rem;--space-xs:.5rem;--space-s:clamp(.875rem, .8rem + .35vw, 1.125rem);--space-m:clamp(1.25rem, 1.1rem + .65vw, 1.75rem);--space-l:clamp(2rem, 1.6rem + 1.8vw, 3.5rem);--space-xl:clamp(3rem, 2rem + 4.5vw, 6.5rem);--space-2xl:clamp(4.5rem, 2.5rem + 9vw, 11rem);--gutter:clamp(1rem, .6rem + 1.8vw, 2rem);--maxw:85rem;--radius-s:6px;--radius-m:12px;--radius-l:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-1:.16s;--dur-2:.32s;--dur-3:.64s}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f6;--surface:#fff;--surface-2:#eaedf0;--line:color-mix(in srgb, var(--text) 12%, transparent);--line-strong:color-mix(in srgb, var(--text) 24%, transparent);--dot:color-mix(in srgb, var(--text) 9%, transparent);--text:#212529;--text-muted:#5a6672;--text-faint:#737f8c;--accent:#390099;--accent-ink:#fff;--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--accent-2:#9e0059;--accent-2-soft:color-mix(in srgb, var(--accent-2) 16%, transparent);--warm:#8f6a00;--warm-soft:color-mix(in srgb, var(--warm) 14%, transparent);--warm-fill:#ffbd00;--warm-fill-ink:#212529;--ok:#157f2d;--danger:#ff0054}}@layer base{html{background:var(--bg);scroll-padding-top:5rem}:root[data-motion=on]{scroll-behavior:smooth}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-stretch:100%;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--dot) 1px, transparent 1.6px) 0 0 / 24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 90%);mask-image:linear-gradient(#000 0% 35%,#0000 90%)}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;font-weight:700;line-height:1.02}p,li{text-wrap:pretty}a{text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:.875em}.muted{color:var(--text-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.container{width:min(100% - 2 * var(--gutter), var(--maxw));margin-inline:auto}.skip-link{left:var(--gutter);z-index:100;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);background:var(--accent);color:var(--accent-ink);font-weight:600;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-xs)}}@layer layout;@layer components{.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{align-items:center;gap:var(--space-m);min-height:4rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--text);width:2rem;height:2rem;color:var(--bg);border-radius:8px;place-items:center;font-weight:800;font-stretch:80%;display:grid;position:relative}.brand-mark:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;margin-top:-4px;position:absolute;top:50%;right:-4px}.nav-links{gap:var(--space-m);margin-left:auto;padding:0;list-style:none;display:flex}.nav-links a{font-size:var(--step--1);color:var(--text-muted);text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=true]{color:var(--text)}.nav-tools{gap:var(--space-2xs);display:flex}.icon-btn{width:2.75rem;height:2.75rem;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn svg{width:1.25rem;height:1.25rem}:root[data-theme=dark] .when-light,:root[data-theme=light] .when-dark,:root[data-motion=on] .when-motion-off,:root[data-motion=off] .when-motion-on{display:none}@media (width<=47.99rem){.nav-links{display:none}.nav-tools{margin-left:auto}}.btn{min-height:3rem;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border:1px solid #0000;border-radius:999px;align-items:center;gap:.6em;padding:.75em 1.25em;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:1.15em;height:1.15em}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{color:var(--accent-ink);background:var(--accent-2)}.btn-ghost{border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-l);color:var(--text-muted);font-size:var(--step--1)}.footer-row{justify-content:space-between;gap:var(--space-s);flex-wrap:wrap;display:flex}.hero{padding-block:var(--space-xl);overflow:clip}.hero-grid{gap:var(--space-l) var(--space-xl);display:grid}@media (width>=60rem){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start}.hero-head{grid-column:1/-1}}.kicker{color:var(--text-muted);margin-bottom:var(--space-m)}.kicker b{color:var(--text);font-weight:600}.hero-title{font-size:var(--step-hero);letter-spacing:-.035em;font-weight:800;line-height:.98;font-stretch:calc(var(--wdth) * 1%);text-wrap:initial}.hero-line{display:block}@media (width<=26rem){.hero-title{--wdth:82}}.echo{white-space:nowrap;display:inline-block;position:relative}.echo-ghost{pointer-events:none;-webkit-user-select:none;user-select:none;color:#0000;-webkit-text-stroke:.035em var(--warm);opacity:0;position:absolute;inset:0}.echo-count,.echo-done{font:600 max(.7rem, .16em) / 1 var(--font-mono);letter-spacing:0;white-space:nowrap;opacity:0;border-radius:999px;padding:.35em .55em;position:absolute;bottom:calc(100% - .02em);right:0}.echo-count{background:var(--warm-fill);color:var(--warm-fill-ink);counter-reset:n var(--n)}.echo-count:before{content:"×" counter(n)}:root[data-theme=light] .echo-count{color:#fff}.echo-done{background:var(--accent);color:var(--accent-ink)}.hl{background:linear-gradient(90deg, var(--accent-soft), var(--accent-2-soft)) no-repeat 0 92% / var(--hl) .22em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero-lead{max-width:38ch;margin-top:var(--space-m);font-size:var(--step-1);color:var(--text-muted);line-height:1.45}.hero-lead strong{color:var(--text);font-weight:600}.status{margin-top:var(--space-m);border:1px solid var(--line-strong);color:var(--text-muted);border-radius:999px;align-items:center;gap:.6em;padding:.45em .9em;display:inline-flex}.status-dot{background:var(--ok);border-radius:50%;flex:none;width:.6em;height:.6em}.hero-cta{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.hero-portrait{width:min(78%,20rem);margin:var(--space-xs) 0 0 .6rem;justify-self:start;position:relative}@media (width>=60rem){.hero-portrait{justify-self:end;width:min(100%,22rem);margin-left:0}}.hero-portrait img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-l);width:100%}.hero-portrait:before,.hero-portrait:after{content:"";border:2px solid var(--accent);pointer-events:none;width:2.25rem;height:2.25rem;position:absolute}.hero-portrait:before{border-bottom:0;border-right:0;border-top-left-radius:10px;top:-.6rem;left:-.6rem}.hero-portrait:after{border-top:0;border-left:0;border-bottom-right-radius:10px;bottom:-.6rem;right:-.6rem}.section{padding-block:var(--space-xl) 0}.section:last-of-type{padding-bottom:var(--space-2xl)}.section-head{max-width:62rem;margin-bottom:var(--space-l)}.section-label{color:var(--text-muted);margin-bottom:var(--space-s);align-items:center;gap:.75em;display:flex}.section-no{color:var(--accent)}.exec{border:1px solid var(--line-strong);color:var(--text-muted);border-radius:999px;margin-left:.25rem;padding:.15em .6em;font-size:.8em}.exec.is-running{color:var(--warm);border-color:var(--warm)}.exec.is-done{color:var(--accent);border-color:var(--accent)}.section-head h2{font-size:var(--step-5);font-stretch:calc(var(--wdth) * 1%)}.section-intro{margin-top:var(--space-s);max-width:60ch;color:var(--text-muted);font-size:var(--step-1);line-height:1.5}.section-intro strong{color:var(--text)}.btn-s{min-height:2.5rem;font-size:var(--step--1);padding:.45em .95em}.badge{border:1px solid var(--line-strong);color:var(--text-muted);border-radius:999px;padding:.15em .55em;font-size:.85em;display:inline-block}.badge-live{border-color:var(--ok);color:var(--ok)}.ki-badge{background:var(--accent);color:var(--accent-ink);font:700 .72rem/1.4 var(--font-mono);border-radius:4px;padding:.05em .45em;display:inline-block}.chip{border:1px solid var(--line-strong);font-size:var(--step--1);color:var(--text);text-align:left;border-radius:999px;padding:.45em .9em}.chip:hover{border-color:var(--accent)}.nav-menu-btn{display:none}.nav-menu{inset:4rem var(--gutter) auto auto;padding:var(--space-s);background:var(--surface);min-width:14rem;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-m);margin:0}.nav-menu ul{gap:var(--space-2xs);padding:0;list-style:none;display:grid}.nav-menu a{border-radius:var(--radius-s);padding:.7rem .9rem;font-weight:600;text-decoration:none;display:block}.nav-menu a:hover,.nav-menu a[aria-current]{background:var(--surface-2);color:var(--text)}@media (width<=47.99rem){.nav-menu-btn{display:grid}.chat-open span:not(.ki-badge){display:none}}@media (width<=25.99rem){.project-link{gap:var(--space-2xs) var(--space-s);grid-template-columns:2rem minmax(0,1fr)}.project-title{font-size:var(--step-3)}.project-preview{width:calc(100% - 2rem - var(--space-s));margin-left:calc(2rem + var(--space-s))}.brand-name{display:none}.nav{gap:var(--space-xs)}.nav-tools{gap:0}.icon-btn{width:2.5rem;height:2.5rem}}.project-index{border-top:1px solid var(--line);padding:0;list-style:none}.project{border-bottom:1px solid var(--line);position:relative}.project-link{gap:var(--space-2xs) var(--space-m);padding-block:var(--space-m);color:inherit;grid-template-columns:3rem minmax(0,1fr);text-decoration:none;display:grid}.project-no{color:var(--text-muted);grid-row:span 3;padding-top:.6em}.project-title{font-size:var(--step-4);letter-spacing:-.03em;transition:font-stretch var(--dur-3) var(--ease-out), color var(--dur-2) var(--ease-out);font-weight:800;font-stretch:100%;line-height:1}.project-sum{color:var(--text-muted);max-width:60ch}.project-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.project-link:hover .project-title,.project-link:focus-visible .project-title{color:var(--accent)}@media (hover:hover) and (pointer:fine){:root[data-motion=on] .project-link:hover .project-title{font-stretch:112%}}.project-preview{width:calc(100% - 3rem - var(--space-m));aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-m);max-width:32rem;margin:0 0 var(--space-m) calc(3rem + var(--space-m));border:1px solid var(--line);background:var(--surface-2);display:block}@media (width>=60rem) and (hover:hover) and (pointer:fine){.project-preview{pointer-events:none;z-index:5;opacity:0;width:22rem;transition:opacity var(--dur-2) var(--ease-out);margin:0;position:fixed;top:0;left:0}.project-preview.is-visible{opacity:1}}.stack{gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.stack-group{padding:var(--space-m);border:1px solid var(--line);border-radius:var(--radius-m);background:color-mix(in srgb, var(--surface) 70%, transparent)}.stack-group h3{font-size:var(--step-1);margin-bottom:var(--space-s)}.stack-group ul{gap:var(--space-s);padding:0;list-style:none;display:grid}.tool{font-weight:600;display:block}.proof{color:var(--text-muted);font-size:.8em;display:block}.rules{gap:var(--space-m);padding:0;list-style:none;display:grid}@media (width>=48rem){.rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){.rules{grid-template-columns:repeat(4,minmax(0,1fr))}}.rule{padding:var(--space-m);border-left:2px solid var(--accent);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:0 var(--radius-m) var(--radius-m) 0}.rule-no{color:var(--accent);margin-bottom:var(--space-2xs)}.rule h3{font-size:var(--step-2);margin-bottom:var(--space-xs);line-height:1.1}.rule p:last-child{color:var(--text-muted)}.changelog{max-width:52rem;padding:0;list-style:none;position:relative}.changelog:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:.6rem;bottom:.6rem;left:.45rem}.release{padding:0 0 var(--space-l) 2.25rem;position:relative}.release:before{content:"";background:var(--bg);border:2px solid var(--line-strong);border-radius:50%;width:.95rem;height:.95rem;position:absolute;top:.35rem;left:0}.release--next:before{border-color:var(--ok);background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 25%, transparent)}.release-ver{color:var(--accent)}.release-ver span{color:var(--text-muted);margin-left:.5em}.release h3{font-size:var(--step-2);margin:var(--space-2xs) 0}.release p:last-child{color:var(--text-muted)}.legal{padding-block:var(--space-xl) var(--space-2xl);max-width:72ch}.legal h1{font-size:var(--step-4);margin-bottom:var(--space-m)}.legal h2{font-size:var(--step-1);margin:var(--space-l) 0 var(--space-xs)}.legal p{color:var(--text-muted);margin-bottom:var(--space-s)}.notfound{padding-block:var(--space-2xl)}.notfound h1{font-size:var(--step-5);margin-bottom:var(--space-s)}.notfound .contact-list{margin-top:var(--space-l)}.contact-main{align-items:center;gap:var(--space-s) var(--space-m);margin-bottom:var(--space-m);flex-wrap:wrap;display:flex}.contact-mail{font-size:var(--step-3);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:800}.contact-list{gap:var(--space-xs) var(--space-m);flex-wrap:wrap;padding:0;list-style:none;display:flex}.contact-list a{min-height:2.75rem;color:var(--text-muted);align-items:center;gap:.5em;text-decoration:none;display:inline-flex}.contact-list a:hover{color:var(--accent)}.contact-list svg{width:1.1em;height:1.1em}.particles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.site-footer{z-index:1;position:relative}.flow{isolation:isolate;padding:var(--space-l) var(--space-m);border:1px solid var(--line);border-radius:var(--radius-l);background:radial-gradient(circle, var(--dot) 1px, transparent 1.6px) 0 0 / 18px 18px, color-mix(in srgb, var(--surface) 80%, transparent);position:relative}.flow[data-state=nachher] .is-vorher,.flow[data-state=vorher] .is-nachher{display:none}.flow-switch{margin-bottom:var(--space-l);border:1px solid var(--line-strong);background:var(--bg);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.flow-tab{font-size:var(--step--1);color:var(--text-muted);border-radius:999px;min-height:2.5rem;padding:.5em 1em;font-weight:600}.flow-tab[aria-pressed=true]{background:var(--text);color:var(--bg)}.flow-steps{gap:var(--space-m);z-index:1;padding:0;list-style:none;display:grid;position:relative}@media (width>=64rem){.flow-steps{gap:var(--space-l);grid-template-columns:repeat(5,minmax(0,1fr))}}.node{text-align:left;width:100%;padding:var(--space-s);border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--surface);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);gap:.35rem;display:grid}.node:hover{border-color:var(--accent)}@media (width<=63.99rem){.node{column-gap:var(--space-s);grid-template-columns:2.25rem minmax(0,1fr);align-items:center}.node-icon{grid-row:span 3;align-self:start}}.node-icon{background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:8px;place-items:center;display:grid}.node-icon svg{width:1.2rem;height:1.2rem}.node-title{font-weight:700;font-size:var(--step-1);line-height:1.15}.node-sub{color:var(--text-muted);font-size:var(--step--1);line-height:1.35}.node-status{min-height:1.2em;color:var(--text-muted);font-size:.72rem}.node--handoff{border-style:dashed}.node.is-running{border-color:var(--warm);box-shadow:0 0 0 4px var(--warm-soft)}.node.is-done{border-color:var(--accent)}.node.is-running .node-status{color:var(--warm)}.node.is-done .node-status{color:var(--accent)}.flow[data-state=vorher] .node{border-style:dashed;border-color:color-mix(in srgb, var(--warm) 55%, var(--line-strong))}.flow[data-state=vorher] .node-icon{background:var(--warm-soft);color:var(--warm)}@media (width>=64rem){.flow[data-state=vorher] .flow-step:first-child .node{transform:rotate(-2.5deg)translateY(6px)}.flow[data-state=vorher] .flow-step:nth-child(2) .node{transform:rotate(1.5deg)translateY(-8px)}.flow[data-state=vorher] .flow-step:nth-child(3) .node{transform:rotate(-1deg)translateY(10px)}.flow[data-state=vorher] .flow-step:nth-child(4) .node{transform:rotate(2.2deg)translateY(-4px)}.flow[data-state=vorher] .flow-step:nth-child(5) .node{transform:rotate(-1.8deg)translateY(8px)}}.flow-wires{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.flow[data-state=nachher] .wire{stroke:color-mix(in srgb, var(--accent) 55%, var(--line-strong))}.flow[data-state=vorher] .wire{stroke:color-mix(in srgb, var(--warm) 60%, transparent);stroke-dasharray:4 6}.packet{fill:var(--accent)}.flow-wires{transition:opacity var(--dur-2) var(--ease-out)}.flow-wires.is-hidden{opacity:0}.flow[data-state=vorher] .packet{display:none}.node-info{max-width:min(24rem,100vw - 2rem);padding:var(--space-s) var(--space-m);border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);color:var(--text);box-shadow:0 18px 40px #00000059}@supports (anchor-name:--a){.node--1{anchor-name:--n1}#node-info-1{position-anchor:--n1}.node--2{anchor-name:--n2}#node-info-2{position-anchor:--n2}.node--3{anchor-name:--n3}#node-info-3{position-anchor:--n3}.node--4{anchor-name:--n4}#node-info-4{position-anchor:--n4}.node--5{anchor-name:--n5}#node-info-5{position-anchor:--n5}.node-info{inset:auto;top:anchor(bottom);left:anchor(center);position-try-fallbacks:flip-block, --clamp-left, --clamp-right;margin:0;translate:-50% .6rem}}.facts{gap:var(--space-m) var(--space-xl);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.fact{flex-direction:column-reverse;gap:.2rem;display:flex}.fact dt{color:var(--text-muted);font-size:var(--step--1)}.fact dd{font-size:var(--step-4);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800;line-height:1}.facts-stand{margin-top:var(--space-s);color:var(--text-muted);font-size:.8rem}.flow-note{margin-top:var(--space-m);max-width:64ch;color:var(--text-muted)}.chat{border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--surface);width:min(100% - 1rem,30rem);max-height:min(44rem,100dvh - 1rem);color:var(--text);margin:auto .5rem .5rem auto;padding:0;box-shadow:0 30px 80px #00000073}.chat[open]{grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid}.chat::backdrop{background:#0206178c}.chat-head{padding:var(--space-m) var(--space-m) var(--space-xs);position:relative}.chat-kicker{color:var(--text-muted);align-items:center;gap:.5em;margin-bottom:.3rem;display:flex}.chat-head h2{font-size:var(--step-2);padding-right:3rem}.chat-close{top:var(--space-s);right:var(--space-s);position:absolute}.chat-disclosure{margin:0 var(--space-m);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);background:var(--surface-2);color:var(--text-muted);font-size:var(--step--1);line-height:1.45}.chat-log{padding:var(--space-s) var(--space-m);align-content:start;gap:var(--space-s);margin:0;list-style:none;display:grid;overflow-y:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:92%;padding:.65rem .85rem;line-height:1.5}.msg--frage{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px;justify-self:end}.msg--antwort{background:var(--surface-2);border-bottom-left-radius:4px;justify-self:start}.msg--antwort a{color:var(--accent)}.msg--fehler{border:1px solid var(--danger);color:var(--text);justify-self:start}.msg.is-streaming:after{content:"▍";color:var(--accent);margin-left:1px;animation:1s steps(2,end) infinite blink}:root[data-motion=off] .msg.is-streaming:after{animation:none}@keyframes blink{50%{opacity:0}}.chat-suggest{gap:var(--space-xs);padding:0 var(--space-m) var(--space-xs);flex-wrap:wrap;display:flex}.chat-suggest[hidden]{display:none}.chat-form{padding:var(--space-s) var(--space-m) var(--space-m);border-top:1px solid var(--line)}.chat-form textarea{resize:none;border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--bg);width:100%;min-height:3.2rem;padding:.7rem .85rem}.chat-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat-actions{justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.chat-form [aria-busy=true]{opacity:.6;pointer-events:none}@media (width<=40rem){.chat{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);margin:auto}}.case-hero{padding-block:var(--space-xl) var(--space-l)}.case-back{color:var(--text-muted)}.case-hero h1{font-size:var(--step-5);letter-spacing:-.035em;margin-top:var(--space-s);font-weight:800}.case-lead{margin-top:var(--space-s);max-width:58ch;font-size:var(--step-1);color:var(--text-muted);line-height:1.5}.case-meta{gap:var(--space-s) var(--space-l);margin-top:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.case-meta dt{color:var(--text-muted);font-size:var(--step--1)}.case-meta dd{font-weight:600}.case-media{margin-top:var(--space-l)}.case-media img{border-radius:var(--radius-l);border:1px solid var(--line);width:100%}.case-media figcaption{margin-top:var(--space-xs);color:var(--text-muted);font-size:var(--step--1)}.case-body{gap:var(--space-xl);padding-bottom:var(--space-2xl);display:grid}.case-section{gap:var(--space-s) var(--space-xl);display:grid}@media (width>=64rem){.case-section{grid-template-columns:16rem minmax(0,1fr)}}.case-section h2{font-size:var(--step-3)}.case-section .prose{gap:var(--space-s);max-width:66ch;display:grid}.case-section .prose ul{gap:var(--space-2xs);padding-left:1.2em;display:grid}.case-diagram{width:100%;height:auto;margin-top:var(--space-s)}.case-actions{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.case-next{border-top:1px solid var(--line);padding-block:var(--space-l)}.case-next a{font-size:var(--step-3);font-weight:800;text-decoration:none}}@layer motion{:root[data-motion=on] .echo-ghost{animation:1.5s steps(6,end) .35s both echo-loop}:root[data-motion=on] .echo-ghost:first-child{--i:1}:root[data-motion=on] .echo-ghost:nth-child(2){--i:2;animation-delay:.42s}:root[data-motion=on] .echo-ghost:nth-child(3){--i:3;animation-delay:.49s}:root[data-motion=on] .echo-count{animation:1.35s steps(33,end) .35s both count-up,.2s linear 1.75s both fade-out}:root[data-motion=on] .echo-done{animation:pop-in .45s var(--ease-out) 1.8s both}:root[data-motion=on] .hl{animation:hl-sweep .9s var(--ease-out) 1.85s both}@media (width>=64rem) and (pointer:fine){:root[data-motion=on] .hero-line--accent{animation:wdth-snap .9s var(--ease-out) 1.85s both}}@keyframes echo-loop{0%{opacity:0;transform:translate(0)}15%{opacity:1}70%{opacity:1;transform:translateX(calc(var(--i,1) * .14em))}to{opacity:0;transform:translate(0)}}@keyframes count-up{0%{--n:1;opacity:1}to{--n:99;opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(.4em)scale(.9)}to{opacity:1;transform:none}}@keyframes hl-sweep{0%{--hl:0%}to{--hl:100%}}@keyframes wdth-snap{0%{--wdth:100}40%{--wdth:84}to{--wdth:100}}.is-pending{opacity:0}}@layer utilities;@property --wdth{syntax:"<number>";inherits:true;initial-value:100}@property --hl{syntax:"<percentage>";inherits:false;initial-value:100%}@property --n{syntax:"<integer>";inherits:false;initial-value:0}:root[data-motion=off] .echo-done{opacity:1}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (width<=29.99rem){.echo-count,.echo-done{display:none}}@position-try --clamp-left{left:1rem;translate:0 .6rem}@position-try --clamp-right{left:auto;right:1rem;translate:0 .6rem}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.vt-title-trampuls{view-transition-name:pt-trampuls}.vt-title-life-os{view-transition-name:pt-life-os}.vt-title-mail-automatisierung{view-transition-name:pt-mail-automatisierung}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@media print{:root{--bg:#fff;--surface:#fff;--surface-2:#fff;--text:#000;--text-muted:#333;--accent:#000;--line:#bbb;--line-strong:#888}body:before,.site-header,.skip-link,.chat,.flow-switch,.flow-wires,.particles,.echo-ghost,.echo-count,.echo-done,.exec,.project-preview,[data-copy],.hero-portrait,.flow[data-state] .is-vorher{display:none!important}.flow[data-state] .is-nachher{display:inline!important}*{box-shadow:none!important;transition:none!important;animation:none!important}.section{break-inside:auto;padding-block:1.2rem 0}.node,.stack-group,.rule,.release{break-inside:avoid}a[href^=http]:after,a[href^=mailto\:]:after{content:" (" attr(href) ")";color:#333;font-size:.8em}.hero-title{font-size:2.2rem}.section-head h2{font-size:1.6rem}}