:root{--xkye-cyan:#0da5c9;--xkye-teal:#1f7096;--xkye-navy:#303b62;--xkye-deep-navy:#1b2240;--xkye-ink:#151a2e;--xkye-slate:#5a6380;--xkye-cyan-tint:#dff3f8;--xkye-mist:#eef1f6;--xkye-paper:#f9fafb;--xkye-gradient:linear-gradient(90deg, var(--xkye-cyan) 0%, var(--xkye-navy) 100%);--xkye-font-sans:"Montserrat", system-ui, sans-serif;--xkye-font-mono:"JetBrains Mono", ui-monospace, monospace;--xkye-display-size:64px;--xkye-display-leading:1.05;--xkye-display-weight:600;--xkye-display-tracking:-.02em;--xkye-heading-size:32px;--xkye-heading-leading:1.2;--xkye-heading-weight:600;--xkye-eyebrow-size:13px;--xkye-eyebrow-weight:500;--xkye-eyebrow-tracking:.3em;--xkye-body-size:16px;--xkye-body-leading:1.65;--xkye-body-weight:400;--xkye-code-size:14px;--xkye-code-weight:400}.xkye-credit[data-astro-cid-ybikhvae]{font:500 13px/1 var(--xkye-font-sans);color:var(--xkye-navy);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.xkye-credit[data-astro-cid-ybikhvae] strong[data-astro-cid-ybikhvae]{font-weight:600}.story{display:grid}.story[data-device=phone]{grid-template-columns:minmax(0,1fr) 440px;gap:56px}.story[data-device=desktop]{grid-template-columns:clamp(364px,27vw,420px) minmax(0,1fr);gap:clamp(48px,4vw,64px)}.stage{flex-direction:column;align-items:center;height:calc(100vh - 64px);display:flex;position:sticky;top:64px}.story[data-device=phone] .stage{justify-content:center}.story[data-device=desktop] .stage{justify-content:flex-start;padding:88px 0 24px}.stage-caption{align-items:center;gap:8px;display:flex}.story[data-device=phone] .stage-caption{margin-top:-4px}.story[data-device=desktop] .stage-caption{margin-top:14px}.stage-caption .live{background:#2bb15c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2bb15c2e}.phone-holder{transform-origin:50%;flex-shrink:0;width:480px;height:940px}.phone-holder iframe{background:0 0;border:0;width:480px;height:940px}.window{box-shadow:var(--cs-window-shadow,0 0 0 1px #00000014, 0 40px 80px -30px #00000059);background:#fff;border-radius:12px;overflow:hidden}.window-bar{background:var(--cs-bar-bg,#14161a);height:40px;color:var(--cs-bar-fg,#c4c9d2);justify-content:flex-end;align-items:center;gap:10px;padding:0 12px;display:flex}.window-bar[hidden],.window-bar [hidden]{display:none}.window-bar .addr{min-width:0;height:26px;font-family:var(--cs-mono,ui-monospace, Menlo, monospace);white-space:nowrap;background:#ffffff14;border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.window-bar .addr b{color:var(--cs-bar-strong,#fff);font-weight:500}.window-bar .addr span{text-overflow:ellipsis;overflow:hidden}.window-bar a,.window-bar button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;font-size:17px;text-decoration:none;display:grid}.window-bar a:hover,.window-bar button:hover{color:var(--cs-bar-strong,#fff);background:#ffffff1a}.frame-holder{position:relative;overflow:hidden}.frame-holder iframe{transform-origin:0 0;background:#f5f6f8;border:0;width:1280px;height:800px;display:block}.inline-prototype{display:none}@media (width<=1020px){.story[data-device=phone]{grid-template-columns:minmax(0,1fr);gap:0}.story[data-device=phone] .stage{display:none}.story[data-device=phone] .inline-prototype{flex-direction:column;align-items:center;margin:32px 0 0;display:flex}}@media (width<=1100px){.story[data-device=desktop]{grid-template-columns:minmax(0,1fr);gap:0}.story[data-device=desktop] .stage{display:none}.story[data-device=desktop] .inline-prototype{margin:28px 0 0;display:block}}.flow-body[data-astro-cid-v4np5ofk]>p:first-child{margin-top:18px}:root{--primary:#176b57;--primary-deep:#125544;--accent-mark:#d7f05e;--bg-app:#f3f6f1;--bg-surface:#fff;--bg-sidebar:#fbfcfc;--text:#17211f;--text-muted:#66706d;--border:#dde4e0;--status-danger:#b7392f;--status-warn:#a55f08;--status-ok:#166b53;--status-info:#1c4e8a;--status-neutral:#4d5653;--dark-primary:#3fd6a8;--dark-primary-deep:#7fe3c4;--dark-bg-app:#101614;--dark-bg-surface:#1a211e;--dark-bg-sidebar:#151b19;--dark-text:#f2f4f3;--dark-text-muted:#a3aba7;--dark-border:#2a322e;--dark-status-danger:#ff6b5e;--dark-status-warn:#f0a93b;--dark-status-ok:#4fd1a5;--dark-status-info:#7fb2f0;--dark-status-neutral:#a3aba7;--bg:var(--bg-app);--surface:var(--bg-surface);--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--accent:var(--primary);--tint:#e6f0ec;--ink2:#33403c;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--cs-bar-bg:#101614;--cs-bar-fg:#a3aba7;--cs-bar-strong:#f2f4f3;--cs-mono:var(--mono);--cs-window-shadow:0 0 0 1px #17211f14, 0 40px 80px -30px #12554459}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{font:16px/1.65 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:1600px;margin:0 auto;padding:0 40px}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.86em}p code{background:color-mix(in srgb, var(--primary) 9%, #fff);color:var(--primary-deep);border-radius:5px;padding:1px 6px}.nav{z-index:20;backdrop-filter:blur(12px);background:#f3f6f1e0;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.nav.scrolled{border-color:var(--line)}.nav .wrap{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.brand img{width:auto;height:28px}.nav-links{color:var(--muted);gap:24px;font-size:14px;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--accent)}.nav-cta{color:#fff;background:var(--primary);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-cta:hover{background:var(--primary-deep)}.hero{padding:88px 0 72px}.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.shot{box-shadow:var(--cs-window-shadow);border-radius:12px;margin:0;display:block;overflow:hidden}.shot img{width:100%;height:auto;display:block}.kicker{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.kicker img{flex-shrink:0;width:26px;height:26px}.hero h1{letter-spacing:-.032em;max-width:15ch;margin:22px 0 24px;font-size:clamp(40px,5.2vw,72px);font-weight:700;line-height:1.04}.lede{color:var(--ink2);max-width:54ch;margin:0;font-size:20px}.meta{grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 32px;margin:44px 0 0;display:grid}.meta dt{color:var(--muted);font-size:13px}.meta dd{margin:0;font-weight:500}.story{border-top:1px solid var(--line)}.stage-caption{color:var(--muted);font-size:13px}section.chapter{border-bottom:1px solid var(--line);padding:88px 0}#flows>section.chapter:last-child,section.chapter:last-child{border-bottom:0}#flows>section.chapter:last-child{border-bottom:1px solid var(--line)}.num{font-family:var(--mono);color:var(--accent);font-size:13px}h2{letter-spacing:-.028em;margin:10px 0 20px;font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.12}h3{letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:600}p{color:var(--ink2);margin:0 0 16px}.big{font-size:18.5px}.cards{gap:12px;margin-top:26px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px}.card p{margin:0;font-size:15px}.card .ic{background:var(--tint);width:38px;height:38px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:12px;font-size:20px;display:grid}.hmw{background:var(--primary-deep);color:#fff;letter-spacing:-.015em;border-radius:18px;margin:28px 0 0;padding:26px 28px;font-size:22px;font-weight:600;line-height:1.3}.hmw small{color:var(--accent-mark);letter-spacing:0;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.split{gap:10px;margin-top:22px;display:grid}.split-from{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.split-from i{color:var(--primary);font-size:19px}.split-to{border-left:2px solid var(--line);gap:8px;margin-left:9px;padding-left:18px;display:grid}.split-to div{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;font-size:14.5px;display:flex}.split-to b{font-weight:500}.split-to span{color:var(--muted)}.route-list{gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.route-list li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.route-list b{font-size:15px;display:block}.route-list span{color:var(--muted);font-size:13px;line-height:1.5}.flow-head{align-items:flex-start;gap:12px;display:flex}.flow-head .ic{background:var(--tint);width:42px;height:42px;color:var(--primary);border-radius:11px;flex-shrink:0;place-items:center;margin-top:2px;font-size:22px;display:grid}.flow-head h2{margin:0}.decisions{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.decisions li{color:var(--ink2);grid-template-columns:24px 1fr;gap:8px;font-size:15.5px;display:grid}.decisions li i{color:var(--primary);margin-top:2px;font-size:19px}.decisions strong{color:var(--ink);font-weight:600}.tries{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.try{font:600 14px var(--font);color:var(--primary-deep);background:var(--tint);cursor:pointer;border:1px solid #c9dfd6;border-radius:10px;align-items:center;gap:8px;padding:9px 15px;display:inline-flex}.try:hover{background:#d6e9e1}.before-after{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.before-after div{border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.5}.before-after .b{color:#46504d;background:#e9ecea}.before-after .a{background:var(--tint);color:var(--primary-deep)}.before-after small{margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}.ds-label{margin:32px 0 12px;font-size:16px;font-weight:600}.tokens{border:1px solid var(--line);background:var(--surface);border-radius:14px;font-size:13.5px;overflow:hidden}.tk{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:7px 12px;display:grid}.tk.head{color:var(--muted);border-top:0;font-size:12px;font-weight:600}.tk span{align-items:center;gap:7px;min-width:0;display:flex}.tk i{border-radius:5px;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1px #17211f24}.tk code{color:var(--muted);font-size:12px}.type-spec div{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 14px;padding:11px 0;display:flex}.type-spec div:first-child{border-top:0;padding-top:0}.type-spec span:last-child{color:var(--muted);font-size:12px;font-family:var(--mono)}.pills{flex-wrap:wrap;gap:6px;display:flex}.d-pill{background:var(--surface);border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.d-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.d-pill.neutral{color:var(--status-neutral)}.d-pill.info{color:var(--status-info)}.d-pill.warn{color:var(--status-warn)}.d-pill.ok{color:var(--status-ok)}.d-pill.danger{color:var(--status-danger)}.logo-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.logo-tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;min-height:120px;padding:24px 16px 32px;display:flex;position:relative}.logo-tile img{width:100%;max-width:170px;height:auto}.logo-tile.dark{background:var(--dark-bg-app);border-color:var(--dark-bg-app)}.logo-tile small{color:var(--muted);font-size:12.5px;position:absolute;bottom:10px;left:14px}.logo-tile.dark small{color:var(--dark-text-muted)}.note{color:var(--muted);gap:8px;margin-top:14px;font-size:14px;display:flex}.note i{margin-top:3px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.metric{padding:18px}.metric .target{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.metric .val{letter-spacing:-.03em;color:var(--primary);margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.05}.metric .what{margin-bottom:6px;font-size:14.5px;font-weight:600;line-height:1.35}.metric p{font-size:14px}.reflection{margin-top:56px}.reflection blockquote{letter-spacing:-.02em;color:var(--ink);margin:12px 0 0;font-size:clamp(20px,2vw,25px);font-weight:600;line-height:1.35}footer{border-top:1px solid var(--line);color:var(--muted);padding:44px 0 60px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (width<=1100px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.nav-links{display:none}}@media (width<=620px){.wrap{padding:0 16px}.hero{padding:56px 0 48px}.lede{font-size:18px}.meta{grid-template-columns:1fr 1fr;gap:12px 20px}.before-after,.metrics{grid-template-columns:1fr}section.chapter{min-height:0;padding:64px 0}.hmw{padding:22px;font-size:19px}.nav-cta span{display:none}}