:root{--crust: #11111b;--mantle: #181825;--base: #1e1e2e;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--subtext0: #a6adc8;--subtext1: #bac2de;--text: #cdd6f4;--peach: #fab387;--peach-dim: rgba(250,179,135,.1);--mauve: #cba6f7;--mauve-dim: rgba(203,166,247,.1);--green: #a6e3a1;--green-dim: rgba(166,227,161,.1);--blue: #89b4fa;--blue-dim: rgba(137,180,250,.1);--red: #f38ba8;--maroon: #eba0ac;--yellow: #f9e2af;--sky: #89dceb;--teal: #94e2d5;--lavender: #b4befe;--rosewater: #f5e0dc;--font: "Outfit", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .15s;--breath-running: 1.8s;--shimmer: 1.4s;--shadow-lg: 0 12px 32px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--crust);color:var(--text);font-family:var(--font);font-size:16.5px;line-height:1.65}::selection{background:var(--peach);color:var(--crust)}a:focus-visible,button:focus-visible{outline:2px solid var(--mauve);outline-offset:2px}.mono{font-family:var(--mono)}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:15.5px;padding:12px 24px;border-radius:var(--radius-md);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.btn-run{background:linear-gradient(135deg,var(--peach),color-mix(in srgb,var(--peach) 60%,var(--mauve)));color:var(--crust)}.btn-run:hover{transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--peach) 35%,transparent)}.btn-quiet{color:var(--text);border:1px solid var(--surface1);background:var(--mantle)}.btn-quiet:hover{border-color:var(--mauve)}section.block{padding-top:120px}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--peach)}h2{margin-top:12px;font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--text)}.lede{margin-top:16px;color:var(--subtext0);font-size:17.5px;max-width:38em}.lede strong{color:var(--text);font-weight:600}@keyframes breathe{50%{opacity:.45}}@keyframes work-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.chrome{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--mantle) 50%,var(--base));border-bottom:1px solid var(--surface0)}.chrome .inner{display:flex;align-items:center;gap:12px;padding:11px 24px;max-width:1080px;margin:0 auto}.chrome .state-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.chrome .title{font-weight:600;font-size:17px;color:var(--text)}.chrome .path{font-family:var(--mono);font-size:11px;color:var(--overlay0)}.chrome nav{margin-left:auto;display:flex;gap:20px;align-items:center}.chrome nav a{color:var(--overlay1);text-decoration:none;font-size:14px;font-weight:500}.chrome nav a:hover{color:var(--text)}.chrome .pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:500;color:var(--text);text-decoration:none;transition:border-color var(--duration) var(--ease)}.chrome .pill:hover{border-color:var(--mauve)}.chrome .pill .m-name{color:var(--lavender)}@media(max-width:880px){.chrome nav a:not(.pill){display:none}.chrome .path{display:none}}.hero{padding-top:72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:center}.hero-phone{position:relative;display:flex;justify-content:center}.hero-phone img{width:100%;max-width:340px;display:block;height:auto;transform:rotate(2.5deg);filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}.hero-phone figcaption{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--mono);font-size:12px;color:var(--overlay0)}.hero .whoami{font-family:var(--mono);font-size:13.5px;color:var(--overlay1)}.hero .whoami b{color:var(--subtext0);font-weight:600}.hero h1{margin-top:20px;font-size:clamp(52px,9vw,118px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text)}.hero h1 .run{color:var(--peach);position:relative;white-space:nowrap}.hero h1 .run .cursor{display:inline-block;width:.08em;margin-left:.04em;background:var(--peach);height:.82em;vertical-align:-.05em;animation:caret-blink 1.1s steps(2) infinite}@keyframes caret-blink{50%{opacity:0}}.hero .sub{margin-top:26px;max-width:34em;font-size:clamp(17px,1.9vw,20px);color:var(--subtext0)}.hero .sub strong{color:var(--text);font-weight:600}.hero .providers{margin-top:18px;font-size:15px;color:var(--overlay1)}.hero .providers strong{color:var(--subtext1);font-weight:600}.hero .actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero .fine{font-family:var(--mono);font-size:12.5px;color:var(--overlay0)}@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:56px}.hero-phone img{max-width:280px;transform:none}}@media(prefers-reduced-motion:reduce){.hero h1 .run .cursor{animation:none}}.demo-wrap{padding-top:72px}.demo{max-width:800px;background:var(--base);border:1px solid var(--surface0);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 60px 120px -60px #000000e6}.demo .chat-head{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--surface0);background:color-mix(in srgb,var(--mantle) 50%,var(--base))}.demo .chat-head .state-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none;animation:breathe var(--breath-running) ease-in-out infinite}.demo .chat-head .state-dot.idle{background:var(--green);animation:none}.demo .chat-head .crumb{display:flex;align-items:baseline;gap:12px;min-width:0}.demo .chat-head .crumb-title{font-weight:600;font-size:15.5px;color:var(--text);white-space:nowrap}.demo .chat-head .crumb-path{font-family:var(--mono);font-size:11px;color:var(--overlay0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo .chat-head .from{margin-left:auto;flex:none;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--sky);background:color-mix(in srgb,var(--sky) 12%,transparent);border-radius:var(--radius-full);padding:3px 10px}.demo .stream{padding:20px 24px 8px;min-height:330px}.demo .stream>*{opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.demo .stream>.show{opacity:1;transform:none}.demo .waypoint{background:color-mix(in srgb,var(--surface0) 45%,transparent);border:1px solid var(--surface0);border-left:3px solid var(--peach);border-radius:4px var(--radius-lg) var(--radius-lg) 4px;padding:10px 16px;margin:0 0 18px}.demo .waypoint .who{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--peach);margin-bottom:3px;display:flex;align-items:center;gap:8px}.demo .waypoint .who time{color:var(--overlay0);font-family:var(--mono);text-transform:none;font-weight:400}.demo .waypoint .msg{color:var(--text);font-size:14.5px}.demo .assist{color:var(--text);font-size:14.5px;line-height:1.6;margin:0 0 14px;max-width:62ch}.demo .assist .att{color:var(--subtext0)}.demo .tg{border:1px solid var(--surface0);border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--mantle) 65%,transparent);font-family:var(--mono);font-size:12px;margin:14px 0 18px}.demo .tg .tg-row{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:30px;max-height:40px;border-bottom:1px solid color-mix(in srgb,var(--surface0) 55%,transparent);color:var(--overlay1)}.demo .tg .tg-row:last-child{border-bottom:none}.demo .tg .tg-row .ic{flex:none;width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--overlay0);font-size:11px}.demo .tg .tg-row .txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo .tg .tg-row .txt b{color:var(--subtext1);font-weight:500}.demo .tg .tg-row .res{flex:none;font-size:11px;color:var(--overlay0);font-variant-numeric:tabular-nums}.demo .tg .tg-row .res.ok{color:var(--green)}.demo .tg .tg-row .mark{flex:none;width:12px;text-align:center;font-size:11px}.demo .tg .tg-row .mark.ok{color:var(--green)}.demo .tg .tg-row.enter{animation:tg-row-enter .2s var(--ease)}@keyframes tg-row-enter{0%{opacity:0;transform:translateY(4px)}}.demo .tg .tg-row.folding{max-height:0;min-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-color:transparent;transition:max-height .18s var(--ease),opacity .18s var(--ease),padding .18s var(--ease);overflow:hidden}.demo .tg .tg-fold{color:var(--overlay0);font-size:11px;background:color-mix(in srgb,var(--mantle) 80%,transparent);animation:tg-fold-in .2s var(--ease)}.demo .tg .tg-fold .txt{color:var(--overlay0)}@keyframes tg-fold-in{0%{opacity:0;max-height:0;min-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:40px;min-height:30px}}.demo .tg .tg-row.live{position:relative;background:color-mix(in srgb,var(--blue) 7%,transparent);box-shadow:inset 2px 0 0 var(--blue)}.demo .tg .tg-row.live .txt{color:var(--text)}.demo .tg .tg-row.live .txt .verb{color:var(--blue);font-weight:500}.demo .tg .tg-row.live .txt .dim{color:var(--overlay1)}.demo .tg .tg-row.live .ic .live-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:breathe var(--breath-running) ease-in-out infinite}.demo .tg .tg-row.live .hair{position:absolute;left:0;right:0;bottom:0;height:1px;overflow:hidden;pointer-events:none}.demo .tg .tg-row.live .hair:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:tg-sweep var(--shimmer) linear infinite}@keyframes tg-sweep{to{left:130%}}.demo .nowline{display:flex;align-items:center;gap:8px;padding:2px 26px 8px;font-family:var(--mono);font-size:11.5px;color:var(--subtext0);animation:nowline-in .2s var(--ease)}.demo .nowline[hidden]{display:none}@keyframes nowline-in{0%{opacity:0;transform:translateY(4px)}}.demo .nowline:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--sky);flex:none}.demo .nowline .txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;background:linear-gradient(90deg,var(--subtext0) 0%,var(--subtext0) 35%,var(--sky) 50%,var(--subtext0) 65%,var(--subtext0) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:work-shimmer 2.5s ease-in-out infinite}.demo .nowline .elapsed{flex:none;color:var(--overlay0);font-variant-numeric:tabular-nums;letter-spacing:.02em}.demo .composer-wrap{padding:0 20px}.demo .composer{background:var(--mantle);border:1px solid var(--surface1);border-radius:var(--radius-lg);box-shadow:0 8px 32px color-mix(in srgb,var(--crust) 70%,transparent)}.demo .composer .ph{padding:14px 16px 6px;font-size:14px;color:var(--overlay0)}.demo .composer .bar{display:flex;align-items:center;gap:4px;padding:8px 12px 12px}.demo .composer .cbtn{width:30px;height:30px;border-radius:var(--radius-md);border:none;background:none;color:var(--overlay1);display:grid;place-items:center;font-size:15px;cursor:default}.demo .composer .send{margin-left:auto;width:34px;height:34px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--peach),color-mix(in srgb,var(--peach) 60%,var(--mauve)));color:var(--crust);display:grid;place-items:center;cursor:default}.demo .status-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:8px 20px 14px;font-size:11px;color:var(--overlay1);font-family:var(--mono)}.demo .status-strip .seg{display:inline-flex;align-items:center;gap:7px}.demo .status-strip .ring{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--green) 0 34%,var(--surface0) 34% 100%);-webkit-mask:radial-gradient(circle at center,transparent 4.2px,#000 4.5px);mask:radial-gradient(circle at center,transparent 4.2px,#000 4.5px)}.demo .status-strip .spend b{color:var(--subtext0);font-weight:500}.demo .status-strip .model-pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;color:var(--text);font-family:var(--mono)}.demo .status-strip .model-pill .m-name{color:var(--lavender);text-transform:lowercase}.demo .status-strip .model-pill .m-eff{font-family:var(--mono);font-size:9px;color:var(--overlay1);letter-spacing:1px}.demo .status-strip .perm-chip{color:var(--blue);font-size:10.5px;text-transform:lowercase}.demo .status-strip .right{margin-left:auto;display:inline-flex;align-items:center;gap:12px}.demo .status-strip .mcp{color:var(--subtext0)}.demo .status-strip .tokens{color:var(--overlay1);font-variant-numeric:tabular-nums}.demo .status-strip .tokens .sep{color:var(--overlay0)}.demo-wrap .below{margin-top:12px;max-width:800px;display:flex;justify-content:flex-end}.demo-wrap .replay{font-family:var(--mono);font-size:12px;background:none;border:1px solid var(--surface1);border-radius:var(--radius-sm);padding:3px 10px;color:var(--overlay1);cursor:pointer}.demo-wrap .replay:hover{border-color:var(--mauve);color:var(--text)}@media(max-width:880px){.demo .chat-head .crumb-path{display:none}.demo .status-strip{flex-wrap:nowrap;gap:8px 10px;padding:8px 14px 14px}.demo .status-strip .right{display:none}}@media(prefers-reduced-motion:reduce){.demo .chat-head .state-dot,.demo .tg .tg-row.live .ic .live-dot{animation:none}.demo .tg .tg-row.live .hair:after{animation:none}.demo .tg .tg-row.folding{transition:none}.demo .nowline{animation:none}.demo .nowline .txt{animation:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--subtext0)}.demo .stream>*{transition:none}}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.split .phone img{width:100%;max-width:320px;display:block;margin:0 auto;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.split .phone figcaption{margin-top:14px;text-align:center;font-family:var(--mono);font-size:12.5px;color:var(--overlay0)}@media(max-width:880px){.split{grid-template-columns:1fr;gap:40px}}.caps{margin-top:44px;border:1px solid var(--surface0);border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--mantle) 65%,transparent)}.caps .cap{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:baseline;padding:16px 20px;border-bottom:1px solid color-mix(in srgb,var(--surface0) 55%,transparent)}.caps .cap:last-child{border-bottom:none}.caps .cap .cmd{font-family:var(--mono);font-size:12.5px;color:var(--subtext1);font-weight:500}.caps .cap .cmd:before{content:"❯ ";color:var(--overlay0)}.caps .cap .what{color:var(--overlay1);font-size:15px}.caps .cap .what strong{color:var(--subtext1);font-weight:600}.caps .cap .what code{font-family:var(--mono);font-size:12px;background:var(--crust);border:1px solid var(--surface0);padding:1px 6px;border-radius:4px;color:var(--subtext0)}@media(max-width:880px){.caps .cap{grid-template-columns:1fr;gap:4px}}.shot{padding-top:120px}.shot img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);border:1px solid var(--surface0);box-shadow:var(--shadow-lg)}.shot figcaption{margin-top:13px;font-family:var(--mono);font-size:12.5px;color:var(--overlay0)}.yours-cols{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.ledgerbox{border:1px solid var(--surface0);border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--mantle) 65%,transparent)}.ledgerbox h3{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:12px 18px;border-bottom:1px solid var(--surface0)}.ledgerbox.keep h3{color:var(--green);background:var(--green-dim)}.ledgerbox.send h3{color:var(--blue);background:var(--blue-dim)}.ledgerbox ul{list-style:none}.ledgerbox li{padding:11px 18px;font-size:14.5px;color:var(--subtext0);border-bottom:1px solid color-mix(in srgb,var(--surface0) 55%,transparent)}.ledgerbox li:last-child{border-bottom:none}.ledgerbox li.note{color:var(--overlay1);font-size:13.5px}@media(max-width:880px){.yours-cols{grid-template-columns:1fr;gap:40px}}.sec-card{margin-top:40px;max-width:760px;background:color-mix(in srgb,var(--yellow) 4%,var(--base));border:1px solid color-mix(in srgb,var(--yellow) 30%,var(--surface0));border-left:3px solid var(--yellow);border-radius:4px var(--radius-lg) var(--radius-lg) 4px;padding:22px 26px}.sec-card .who{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px;display:flex;align-items:center;gap:8px}.sec-card .who .dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);animation:breathe 1.1s ease-in-out infinite}.sec-card p{font-size:15px;color:var(--subtext0)}.sec-card p strong{color:var(--text)}.sec-card p+p{margin-top:10px;font-size:14px;color:var(--overlay1)}.sec-card a{color:var(--yellow)}.sec-card code{font-family:var(--mono);font-size:13px;color:var(--text)}@media(prefers-reduced-motion:reduce){.sec-card .who .dot{animation:none}}.cta{padding-top:140px;text-align:center}.cta img{width:84px;height:84px;border-radius:20px;margin-bottom:26px}.cta h2{font-size:clamp(36px,5.6vw,64px)}.cta h2 .run{color:var(--peach)}.cta .install{position:relative;margin:30px auto 0;max-width:560px;background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius-md);font-family:var(--mono);font-size:14px;color:var(--subtext0);padding:14px 20px;text-align:left}.cta .install .p{color:var(--teal);user-select:none}.cta .install .line+.line{margin-top:4px}.cta .install .comment{color:var(--overlay0)}.cta .install .copy{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:11px;background:var(--surface0);color:var(--overlay1);border:1px solid var(--surface1);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.cta .install .copy:hover{color:var(--text);border-color:var(--mauve)}.cta .cta-fine{margin-top:14px;font-size:14px;color:var(--overlay1)}.cta .cta-fine a{color:var(--subtext0)}.cta .actions{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}footer{margin-top:130px;border-top:1px solid var(--surface0);background:var(--mantle);padding:30px 0 48px;font-size:13.5px;color:var(--overlay1)}footer .inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:0 24px}footer a{color:var(--subtext0);text-decoration:none}footer a:hover{color:var(--peach)}footer .mono{font-size:12px;color:var(--overlay0)}
