@font-face{font-family:Archivo Variable;font-style:normal;font-display: optional;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: optional;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: optional;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: optional;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: optional;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: optional;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: optional;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: optional;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: optional;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]{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-diagram .dg-box{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.5px}.case-diagram .dg-box-accent{fill:var(--accent-soft);stroke:var(--accent)}.case-diagram .dg-label{fill:var(--text);font:600 14px/1.3 var(--font-sans)}.case-diagram .dg-label-muted{fill:var(--text-muted);font:400 11px/1.3 var(--font-sans)}.case-diagram .dg-label-accent{fill:var(--accent);font:600 12px/1.3 var(--font-sans)}.case-diagram .dg-line{stroke:var(--line-strong);stroke-width:1.5px}.case-diagram .dg-line-accent{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4}.case-diagram .dg-arrow{fill:var(--line-strong)}.case-diagram .dg-arrow-accent{fill:var(--accent)}.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}.mockup{--phone-w:19.5rem;--phone-h:36rem;--lbl-h:1.5rem;--ctl-h:3rem;--link-h:8.5rem;--dgap:var(--space-xs);--device-h:calc(var(--lbl-h) + var(--phone-h) + var(--ctl-h) + 2 * var(--dgap))}@media (width>=48rem){.mockup{--phone-h:40rem}}.mockup-try{max-width:70ch;margin-bottom:var(--space-s);color:var(--text-muted)}.mockup-try strong{color:var(--text)}.mockup:not([data-ready]) .mockup-try{visibility:hidden}.mockup-stage{justify-items:center;gap:var(--space-m);padding:var(--space-m);min-height:calc(2 * var(--device-h) + var(--link-h) + 4 * var(--space-m) + 2px);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);grid-template-areas:"a""link""b";display:grid}.device-a{grid-area:a}.device-b{grid-area:b}.mlink{grid-area:link}@media (width>=48rem){.mockup-stage{grid-template-areas:"a b""link link";grid-template-columns:repeat(2, minmax(0, var(--phone-w)));min-height:calc(var(--device-h) + var(--link-h) + 3 * var(--space-m) + 2px);justify-content:center}}@media (width>=64rem){.mockup-stage{grid-template-areas:"a link b";grid-template-columns:var(--phone-w) 11rem var(--phone-w);min-height:calc(var(--device-h) + 2 * var(--space-m) + 2px);align-items:start}}.device{grid-template-rows:var(--lbl-h) var(--phone-h) var(--ctl-h);gap:var(--dgap);width:min(100%, var(--phone-w));display:grid}.device-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-self:end;font-weight:600}.mlink{align-content:center;justify-items:center;gap:var(--space-2xs);height:var(--link-h);text-align:center;display:grid}@media (width>=64rem){.mlink{align-self:center;height:auto}}.mlink-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.mlink-arrows svg{width:1.75rem;height:1.75rem;color:var(--accent)}.mlink[data-busy=true] .mlink-arrows svg{color:var(--accent-2)}.mlink-text{max-width:11rem;min-height:2.6em;color:var(--text-muted);font-size:var(--step--1);text-wrap:balance;line-height:1.3}:root[data-motion=on] .mlink[data-busy=true] .mlink-arrows{animation:.7s ease-in-out infinite mock-pulse}@keyframes mock-pulse{50%{opacity:.3}}.mswitch{border:1px solid var(--line-strong);background:var(--surface);min-height:2.75rem;color:var(--text);font-weight:600;font-size:var(--step--1);border-radius:999px;justify-self:center;align-items:center;gap:.65rem;padding:.25rem .9rem .25rem .5rem;display:inline-flex}.mswitch:hover{border-color:var(--accent)}.mswitch-track{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;flex:none;width:2.4rem;height:1.4rem;position:relative}.mswitch-thumb{background:var(--text);border-radius:50%;width:1rem;height:1rem;position:absolute;top:2px;left:2px}.mswitch[aria-pressed=true] .mswitch-track{background:var(--warm-fill);border-color:var(--warm-fill)}.mswitch[aria-pressed=true] .mswitch-thumb{background:var(--warm-fill-ink);left:calc(100% - 1rem - 2px)}:root[data-motion=on] .mswitch-thumb{transition:left var(--dur-1) var(--ease-out)}.mswitch-state{min-width:3.4rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.phone{--p-seite:#141414;--p-flaeche:#1f1f1f;--p-flaeche-2:#2a2a2a;--p-tinte:#f2eadb;--p-text-2:#d9d1c2;--p-text-3:#a9a196;--p-dots:#f2eadb0f;--p-signal:#ff6fb5;--p-auf:#0b0b0b;--p-erfolg:#22c55e;--p-info:#3b82f6;--p-warm:#ffbd00;height:var(--phone-h);outline:1px solid var(--line-strong);width:100%;font-family:var(--font-sans);color:var(--p-tinte);background:#0b0b0b;border:.45rem solid #0b0b0b;border-radius:2.1rem;font-size:1rem;line-height:1.3;overflow:hidden}:root[data-theme=light] .phone{--p-seite:#fff4e0;--p-flaeche:#fff;--p-flaeche-2:#f3ead7;--p-tinte:#0b0b0b;--p-text-2:#2e2a24;--p-text-3:#5a5348;--p-dots:#0b0b0b17}.phone [hidden]{display:none!important}:where(.phone) :is(button,input){font:inherit;color:inherit}:where(.phone) button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}.phone :focus-visible{outline:3px solid var(--p-tinte);outline-offset:2px;border-radius:0}:where(.phone) .mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}:where(.phone) ul{margin:0;padding:0;list-style:none}:where(.phone) p{margin:0}.pscreen{background-color:var(--p-seite);background-image:radial-gradient(circle at 1px 1px, var(--p-dots) 1px, transparent 0);background-size:18px 18px;border-radius:1.6rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.pnotch{background:#0b0b0b;border-radius:999px;flex:none;align-self:center;width:30%;height:.8rem;margin:.4rem 0 .3rem}.pband{border-block:2px solid var(--p-tinte);background:var(--p-flaeche-2);color:var(--p-tinte);flex:none;padding:.4rem .75rem;line-height:1.4}.pmain{flex-direction:column;flex:1;min-height:0;padding:.5rem .75rem 0;display:flex}.pmain[data-tab=dashboard]{--mod:#ffd60a}.pmain[data-tab=tasks]{--mod:#5b8cff}.pmain[data-tab=shopping]{--mod:#ff9a3d}.pmain[data-tab=alle]{--mod:var(--p-signal)}.m-dashboard{--mod:#ffd60a}.m-tasks{--mod:#5b8cff}.m-notes{--mod:#3ee6c1}.m-habits{--mod:#ff6fb5}.m-calendar{--mod:#9f86ff}.m-shopping{--mod:#ff9a3d}.m-goals{--mod:#2fd27a}.m-journal{--mod:#e8d3a9}.m-focus{--mod:#d46bff}.m-review{--mod:#a9c1d9}.m-mood{--mod:#ffa3a3}.m-health{--mod:#35d3f0}.m-fitness{--mod:#ff5a36}.m-analytics{--mod:#b8f03e}.m-timeline{--mod:#c9c4ba}.m-alle{--mod:var(--p-signal)}.phead{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-bottom:.65rem;display:flex}.phead.is-greet{align-items:center}.phead-text{min-width:0}.ptitle{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;font-stretch:85%;line-height:1}.psubtitle{color:var(--p-text-2);margin-top:.4rem;font-size:.64rem;line-height:1.45}.pcount{border:2px solid var(--p-tinte);background:var(--mod);color:var(--p-auf);flex:none;padding:.1rem .45rem}.pring{flex:none;width:4.5rem;height:4.5rem;position:relative}.pring:before,.pring:after{content:"";border:2px solid var(--p-tinte);border-radius:50%;position:absolute}.pring:before{inset:0}.pring:after{inset:12px}.pring-svg{width:100%;height:100%;transform:rotate(-90deg)}.pring-track{stroke:var(--p-flaeche-2)}.pring-arc{stroke:var(--p-signal)}.pring-mid{place-content:center;justify-items:center;line-height:1;display:grid;position:absolute;inset:0}.pring-num{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.pring .pring-l{color:var(--p-text-2);letter-spacing:.04em;font-size:.5rem}.pscroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 6px .75rem 0;overflow-y:auto}.pjetzt{border:3px solid var(--p-tinte);background:var(--p-signal);color:var(--p-auf);box-shadow:5px 5px 0 var(--p-tinte);gap:.6rem;margin:0 6px 1rem 0;padding:.85rem;display:grid}.pjetzt-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pjetzt-mod{align-items:center;gap:.4rem;display:inline-flex}.pjetzt .ptag[data-why]{background:var(--p-flaeche);color:var(--p-tinte)}.jtitle{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.3rem;font-weight:800;font-stretch:85%;line-height:1.1}.pjetzt-btns{flex-wrap:wrap;gap:.5rem;display:flex}.pbtn{border:2px solid var(--p-tinte);background:var(--p-flaeche);min-height:2.75rem;color:var(--p-tinte);box-shadow:3px 3px 0 var(--p-tinte);padding:0 .85rem;font-size:.95rem;font-weight:700}.pbtn:active{box-shadow:0 0 0 var(--p-tinte);transform:translate(2px,2px)}.pbtn.is-ghost{box-shadow:none;color:var(--p-auf);text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline;text-decoration-thickness:2px}.pbox{border:3px solid var(--p-tinte);background:var(--p-flaeche);margin:0 6px .9rem 0}.pbox-head{border-bottom:3px solid var(--p-tinte);background:var(--p-flaeche-2);color:var(--p-tinte);align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.pbox[class*=\ m-]>.pbox-head{background:var(--mod);color:var(--p-auf)}.pbox-n{font-variant-numeric:tabular-nums;margin-left:auto}.pgroups>.pbox:last-child{margin-bottom:.9rem}.pempty{color:var(--p-text-2);padding:.75rem;font-size:.9rem}.prow{border-bottom:2px solid color-mix(in srgb, var(--p-tinte) 30%, transparent);background:var(--p-flaeche);align-items:stretch;min-width:0;display:flex}.prow:last-child{border-bottom:0}.prow.is-fresh{background:color-mix(in srgb, var(--p-signal) 20%, var(--p-flaeche))}:root[data-motion=on] .prow.is-fresh{animation:mock-fresh 1.2s var(--ease-out)}@keyframes mock-fresh{0%{background:color-mix(in srgb, var(--p-signal) 60%, var(--p-flaeche))}}.pbar{background:var(--mod);flex:none;width:.5rem}.prow-main{cursor:pointer;flex:1;align-items:center;min-width:0;min-height:3rem;padding:.1rem .5rem .1rem .15rem;display:flex}.pcheck{appearance:none;border:2px solid var(--p-tinte);background:var(--p-flaeche);cursor:pointer;border-radius:2px;flex:none;place-content:center;width:1.5rem;height:1.5rem;margin:0 .6rem 0 .45rem;display:grid}.pcheck:checked{background:var(--mod)}.pcheck:checked:after{content:"";border:solid var(--p-auf);border-width:0 3px 3px 0;width:.4rem;height:.75rem;transform:translateY(-1px)rotate(45deg)}.pbody{flex:1;gap:.1rem;min-width:0;padding-block:.35rem;display:grid}.pev{padding:.4rem .6rem}.pline{flex-wrap:wrap;align-items:baseline;gap:.05rem .5rem;min-width:0;display:flex}.ptext{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:650;line-height:1.2}.is-done .ptext{color:var(--p-text-2);text-decoration:line-through}.pmeta{color:var(--p-text-2);font-weight:400}.pmeta.mono{font-weight:600}.psub{color:var(--p-text-3);font-size:.62rem}.ptag{border:2px solid var(--p-tinte);color:var(--p-auf);padding:.05rem .35rem;font-size:.6rem}.ptag[data-why=wartet]{background:var(--p-warm)}.ptag[data-why=neu]{background:var(--p-signal)}.ptag[data-why=geändert]{background:var(--p-info)}.pbadge.is-inline{align-self:auto;margin-right:0}.pbadge{border:2px solid var(--p-tinte);background:var(--p-erfolg);color:var(--p-auf);align-self:center;margin-right:.5rem;padding:.05rem .4rem;font-size:.6rem}.pplan{border:2px solid var(--p-tinte);background:var(--p-flaeche);min-height:2.25rem;color:var(--p-tinte);align-self:center;margin-right:.45rem;padding:0 .5rem;font-size:.62rem}.pplan[aria-pressed=true]{background:var(--mod);color:var(--p-auf)}.pchips{gap:.4rem;margin-bottom:.6rem;display:flex}.pchip{border:2px solid var(--p-tinte);background:var(--p-flaeche);min-height:2.25rem;color:var(--p-tinte);padding:0 .75rem}.pchip[aria-pressed=true]{background:var(--p-tinte);color:var(--p-seite)}.padd{gap:.5rem;margin:0 3px .75rem 0;display:flex}.padd-input{border:2px solid var(--p-tinte);background:var(--p-flaeche);border-radius:0;flex:1;min-width:0;height:2.75rem;padding:0 .65rem;font-size:1rem;font-weight:600}.padd-input::placeholder{color:var(--p-text-3);opacity:1}.padd-btn{border:2px solid var(--p-tinte);background:var(--p-signal);width:2.75rem;height:2.75rem;color:var(--p-auf);box-shadow:3px 3px 0 var(--p-tinte);flex:none;place-items:center;display:grid}.padd-btn:active{box-shadow:0 0 0 var(--p-tinte);transform:translate(2px,2px)}.padd-btn svg{stroke-width:3px;width:1.25rem;height:1.25rem}.pdone-sum{cursor:pointer;align-items:center;min-height:2.75rem;padding:.55rem .6rem;display:flex}.pdone[open]>.pdone-sum{border-bottom:3px solid var(--p-tinte)}.pall-note{color:var(--p-text-2);margin-bottom:.6rem}.pall-group{border:3px solid var(--p-tinte);background:var(--p-flaeche);margin:0 6px .8rem 0}.pall-q{color:var(--p-text-3);letter-spacing:0;text-transform:none;font-weight:500}.pall-head{flex-wrap:wrap;gap:0 .25rem}.pall-row{border-bottom:2px solid color-mix(in srgb, var(--p-tinte) 30%, transparent)}.pall-row:last-child{border-bottom:0}.pall-btn{align-items:center;gap:.7rem;width:100%;min-height:3rem;padding:.25rem .6rem;font-weight:650;display:flex}.pall-btn.is-static{color:var(--p-text-2);font-weight:550}.pall-sq{border:2px solid var(--p-tinte);background:var(--mod);flex:none;width:2rem;height:2rem}.pnav{border-top:3px solid var(--p-tinte);background:var(--p-flaeche);flex:none;gap:.2rem;height:4rem;padding:.2rem;display:flex}.ptab{min-width:0;color:var(--p-tinte);border:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1rem;display:flex}.ptab svg{width:1.25rem;height:1.25rem}.ptab-l{font-size:.62rem}.ptab[aria-current=page]{background:var(--mod);border-color:var(--p-tinte);color:var(--p-auf)}.nmock{--nphone-w:20rem;--nphone-h:38rem;--nlbl-h:2.5rem;--nctl-h:5.75rem;--ngap:var(--space-xs)}@media (width>=48rem){.nmock{--nphone-h:41rem}}.nmock{margin-bottom:var(--space-xl)}.nmock:not([data-ready]) :is(.mockup-try,.nstep-show){visibility:hidden}.nmock-cap{max-width:70ch;margin-top:var(--space-s);color:var(--text-muted);font-size:var(--step--1)}.nmock-grid{gap:var(--space-l) var(--space-xl);display:grid}@media (width>=64rem){.nmock-grid{grid-template-columns:auto minmax(0,1fr);align-items:start}}.nmock-stage{min-height:calc(var(--nlbl-h) + var(--nphone-h) + var(--nctl-h) + 2 * var(--ngap) + 2 * var(--space-m) + 2px);padding:var(--space-m) clamp(.5rem, 3vw, 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);align-content:start;justify-items:center;display:grid}@media (width>=64rem){.nmock-stage{width:calc(var(--nphone-w) + 2 * var(--space-m) + 2px)}}@media (width>=64rem) and (height>=60rem){.nmock-stage{position:sticky;top:5.5rem}}.nmock-nojs{color:var(--text-muted);align-self:center}.nsteps{gap:var(--space-2xs);padding:0;list-style:none;display:grid}.nstep{gap:0 var(--space-xs);padding:var(--space-s) var(--space-s) var(--space-s) 0;border-radius:0 var(--radius-m) var(--radius-m) 0;border-left:3px solid #0000;grid-template-columns:2.5rem minmax(0,1fr);display:grid}.nstep[aria-current=step]{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}:root[data-motion=on] .nstep{transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out)}.nstep-no{padding:.35em 0 0 var(--space-s);color:var(--text-muted)}.nstep-title{font-size:var(--step-1);flex-wrap:wrap;align-items:center;gap:.25em .6em;font-weight:800;line-height:1.2;display:flex}.nstep-text{max-width:62ch;margin-top:var(--space-2xs);color:var(--text-muted);grid-column:2}.nstep-text strong{color:var(--text);font-weight:650}.nstep-show{margin-top:var(--space-xs);grid-column:2;justify-self:start}.bmock{--bphone-w:21rem;--bphone-h:40rem;--blbl-h:2.5rem;--bctl-h:3rem;--bgap:var(--space-xs)}@media (width>=48rem){.bmock{--bphone-h:44rem}}.bmock{margin-bottom:var(--space-xl)}.bmock:not([data-ready]) :is(.mockup-try,.bstep-show){visibility:hidden}.bmock-cap{max-width:70ch;margin-top:var(--space-s);color:var(--text-muted);font-size:var(--step--1)}.bmock-grid{gap:var(--space-l) var(--space-xl);display:grid}@media (width>=64rem){.bmock-grid{grid-template-columns:auto minmax(0,1fr);align-items:start}}.bmock-stage{min-height:calc(var(--blbl-h) + var(--bphone-h) + var(--bctl-h) + 2 * var(--bgap) + 2 * var(--space-m) + 2px);padding:var(--space-m) clamp(.5rem, 3vw, 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);align-content:start;justify-items:center;display:grid}@media (width>=64rem){.bmock-stage{width:calc(var(--bphone-w) + 2 * var(--space-m) + 2px)}}@media (width>=64rem) and (height>=60rem){.bmock-stage{position:sticky;top:5.5rem}}.bmock-nojs{color:var(--text-muted);align-self:center}.bsteps{gap:var(--space-2xs);padding:0;list-style:none;display:grid}.bstep{gap:0 var(--space-xs);padding:var(--space-s) var(--space-s) var(--space-s) 0;border-radius:0 var(--radius-m) var(--radius-m) 0;border-left:3px solid #0000;grid-template-columns:2.5rem minmax(0,1fr);display:grid}.bstep[aria-current=step]{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}:root[data-motion=on] .bstep{transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out)}.bstep-no{padding:.35em 0 0 var(--space-s);color:var(--text-muted)}.bstep-title{font-size:var(--step-1);flex-wrap:wrap;align-items:center;gap:.25em .6em;font-weight:800;line-height:1.2;display:flex}.bstep-text{max-width:62ch;margin-top:var(--space-2xs);color:var(--text-muted);grid-column:2}.bstep-text strong{color:var(--text);font-weight:650}.bstep-show{margin-top:var(--space-xs);grid-column:2;justify-self:start}.badge-clou{border-color:var(--accent-2);color:var(--accent-2);font-size:var(--step--1);font-weight:600}}@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}.vt-title-notiz-app{view-transition-name:pt-notiz-app}.vt-title-backprop{view-transition-name:pt-backprop}::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,.mockup,.nmock-stage,.nmock .mockup-try,.nstep-show,.bmock-stage,.bmock .mockup-try,.bstep-show,.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}.is-pending{opacity:1!important;transform: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}}