:root{--ink:#fcfcfb;--surface:#fff;--raised:#f4f3ef;--line:#e4e3df;--line-soft:#efeeea;--fg:#0b0b0b;--fg-dim:#52514e;--fg-faint:#75736d;--accent:#ad4e2c;--accent-wash:#f8ebe5;--on-accent:#fff;--spark:#d97757;--p-1:#788c5d;--p-2:#6a9bcc;--p-3:#c46686;--p-4:#d4a27f;--ok:#4f7a3a;--term:#191918;--term-fg:#e9e8e3;--stem:#ddbd99;--shadow:0 .25rem 1.25rem #00000009, 0 0 0 1px #0b0b0b14;--shadow-lg:0 2rem 4rem -1rem #3c1e0a2e, 0 0 0 1px #0b0b0b14;--sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--serif:"Source Serif 4", Georgia, serif;--mono:"JetBrains Mono", "DejaVu Sans Mono", ui-monospace, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#151515;--surface:#1a1a19;--raised:#232322;--line:#2c2c2a;--line-soft:#232322;--fg:#f0efec;--fg-dim:#c3c2b7;--fg-faint:#929089;--accent:#d97757;--accent-wash:#d9775724;--on-accent:#0b0b0b;--p-1:#9cb07e;--p-2:#8db5de;--p-3:#d88ca6;--p-4:#dcb391;--ok:#94bd7f;--term:#0f0f0f;--stem:#f4e7d8;--shadow:0 .25rem 1.25rem #00000059, 0 0 0 1px #f0efec14;--shadow-lg:0 2rem 4rem -1rem #0009, 0 0 0 1px #f0efec14;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--fg);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}code{font:.88em var(--mono)}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}.nav{z-index:10;background:color-mix(in srgb, var(--ink) 94%, transparent);border-bottom:1px solid var(--line-soft);position:sticky;top:0}@media (width>=821px){.nav{backdrop-filter:saturate(1.4)blur(14px);background:color-mix(in srgb, var(--ink) 78%, transparent)}}.nav .wrap{align-items:center;gap:24px;height:60px;display:flex}.brand{font:600 17px var(--sans);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand .mark{width:28px;height:28px}.mark svg{width:100%;height:100%;display:block}.mark .stem{fill:var(--stem)}.nav .links{gap:22px;margin-left:auto;font-size:14.5px;display:flex}.nav .links a{color:var(--fg-dim);text-decoration:none}.nav .links a:hover{color:var(--fg)}.lang{border:1px solid var(--line);border-radius:99px;gap:2px;padding:2px;font-size:13px;display:flex}.lang a{color:var(--fg-faint);border-radius:99px;padding:2px 9px;text-decoration:none}.lang a[aria-current]{background:var(--raised);color:var(--fg)}@media (width<=760px){.nav .links{display:none}.lang{margin-left:auto}}.btn{font:500 15px var(--sans);background:var(--accent);color:var(--on-accent);border-radius:12px;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:0 .5rem 1.5rem -.5rem var(--accent);transform:translateY(-1px)}.btn.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.btn.ghost:hover{box-shadow:none;background:var(--raised)}.hero{text-align:center;padding:88px 0 40px;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 45% at 50% 30%, color-mix(in srgb, var(--spark) 22%, transparent), transparent 70%), radial-gradient(30% 35% at 20% 55%, color-mix(in srgb, var(--p-2) 10%, transparent), transparent 70%), radial-gradient(30% 35% at 80% 55%, color-mix(in srgb, var(--p-1) 10%, transparent), transparent 70%);height:760px;position:absolute;inset:-200px 0 auto}.pill{color:var(--fg-dim);background:var(--surface);box-shadow:var(--shadow);border-radius:99px;align-items:center;gap:8px;padding:5px 14px 5px 8px;font-size:13.5px;display:inline-flex}.pill b{color:var(--accent);background:var(--accent-wash);border-radius:99px;padding:1px 8px;font-weight:500}.hero h1{font:400 clamp(44px, 7.4vw, 88px)/1.02 var(--serif);letter-spacing:-.025em;max-width:14ch;margin:26px auto 0}.hero h1 em{color:var(--accent);font-style:italic}.hero .lead{color:var(--fg-dim);max-width:640px;margin:24px auto 0;font-size:clamp(17px,2vw,20px)}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero .meta{color:var(--fg-faint);margin-top:18px;font-size:13.5px}.stage{perspective:1800px;width:min(1040px,100%);margin:64px auto 0;animation:1.4s cubic-bezier(.2,.7,.2,1) .2s both enter;position:relative}@keyframes enter{0%{opacity:0;transform:translateY(40px)}}.window{text-align:left;background:var(--surface);box-shadow:var(--shadow-lg);transform-origin:50% 0;border-radius:16px;position:relative;overflow:hidden;transform:rotateX(6deg)}@supports (animation-timeline:view()){.window{animation:linear both straighten view();animation-range:entry 10% cover 45%}@keyframes straighten{0%{transform:rotateX(14deg)}to{transform:none}}}.titlebar{border-bottom:1px solid var(--line-soft);background:var(--raised);align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.titlebar i{background:var(--line);border-radius:50%;width:11px;height:11px}.titlebar span{color:var(--fg-faint);font-size:12px;font-family:var(--mono);margin:0 auto}.app{grid-template-columns:186px 1fr;min-height:420px;display:grid}.rail{border-right:1px solid var(--line-soft);flex-direction:column;gap:2px;padding:16px 10px;font-size:13.5px;display:flex}.rail .rb{align-items:center;gap:8px;padding:0 8px 14px;font-weight:600;display:flex}.rail .rb .mark{width:18px;height:18px}.rail>span{color:var(--fg-dim);border-radius:8px;align-items:center;gap:9px;padding:7px 9px;text-decoration:none;display:flex}.rail>span.on{background:var(--accent-wash);color:var(--accent);font-weight:500}.rail>span i{opacity:.55;background:currentColor;border-radius:2px;width:7px;height:7px}.rail .foot{color:var(--fg-faint);align-items:center;gap:7px;margin-top:auto;padding:10px 9px 0;font-size:12px;display:flex}.dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.main{grid-template-columns:1.25fr 1fr;align-content:start;gap:18px;padding:22px 24px;display:grid}.main .h4{font:400 26px var(--serif);letter-spacing:-.01em;grid-column:1/-1;margin:0}.main .h4 small{font:400 13px var(--sans);color:var(--fg-faint);margin-left:10px}.panel{background:var(--ink);border:1px solid var(--line-soft);border-radius:12px;padding:12px}.panel .h5,.kanban .h5{font:500 12px var(--sans);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.sess{background:var(--surface);box-shadow:var(--shadow);opacity:0;border-radius:9px;align-items:center;gap:10px;margin-bottom:8px;padding:9px 10px;font-size:13px;animation:.6s both rise;display:flex}.sess:nth-child(2){animation-delay:.9s}.sess:nth-child(3){animation-delay:1.1s}.sess:nth-child(4){animation-delay:1.3s}.sess .who{font:500 11px var(--sans);background:var(--raised);color:var(--fg);border-radius:99px;align-items:center;gap:5px;padding:1px 8px 1px 6px;display:inline-flex}.sess .who:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.sess .path{color:var(--fg-dim);font-family:var(--mono);font-size:12px}.sess .live{color:var(--fg-faint);align-items:center;gap:6px;margin-left:auto;font-size:11.5px;display:flex}.sess .live .dot{width:6px;height:6px}.task{border-bottom:1px solid var(--line-soft);opacity:0;align-items:center;gap:9px;padding:7px 4px;font-size:13px;animation:.6s both rise;display:flex}.task:first-of-type{animation-delay:1.2s}.task:nth-of-type(2){animation-delay:1.35s}.task:nth-of-type(3){animation-delay:1.5s}.task:nth-of-type(4){animation-delay:1.65s}.task:last-child{border:0}.task .box{border:1.5px solid var(--line);border-radius:4px;flex:none;width:14px;height:14px}.task .box.done{background:var(--accent);border-color:var(--accent)}.task s{color:var(--fg-faint)}.task time{color:var(--fg-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.ask{border:1px solid var(--line);color:var(--fg-faint);border-radius:12px;grid-column:1/-1;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;display:flex}.ask .typed{color:var(--fg);white-space:nowrap;border-right:2px solid var(--accent);interpolate-size:allow-keywords;width:0;padding-right:2px;animation:2.6s steps(44,end) 2s forwards type,.8s step-end infinite caret;overflow:hidden}@keyframes type{to{width:max-content}}@keyframes caret{50%{border-color:#0000}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=820px){.app{grid-template-columns:1fr}.rail{display:none}.main{grid-template-columns:1fr}.ask .typed{border:0;width:auto;animation:none}}.views{display:grid}.view{visibility:hidden;grid-area:1/1}.view.on{visibility:visible}.kanban{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kanban .col{background:var(--ink);border:1px solid var(--line-soft);border-radius:12px;min-height:260px;padding:12px}.kcard{background:var(--surface);box-shadow:var(--shadow);border-radius:9px;margin-bottom:8px;padding:10px;font-size:13px}.kcard i{background:var(--accent);border-radius:2px;height:3px;margin-top:10px;display:block}.graph{grid-column:1/-1;width:100%;height:300px}.graph line{stroke:var(--line);stroke-width:1.2px}.graph circle{transform-box:fill-box;transform-origin:50%}.block.alt{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--accent-wash) 60%, transparent) 30%, color-mix(in srgb, var(--accent-wash) 60%, transparent) 70%, transparent)}.demo{color:var(--fg-faint);margin-top:14px;font-size:12.5px}.float{z-index:2;background:var(--surface);box-shadow:var(--shadow-lg);border-radius:14px;padding:12px 14px;font-size:12.5px;animation:6s ease-in-out infinite bob;position:absolute}.float.term{background:var(--term);color:var(--term-fg);font-family:var(--mono);line-height:1.7;bottom:-28px;right:-44px}.float.term .ok{color:#94bd7f}.float.term .pr{color:#d97757}.float.term .dim{color:#a3a19a}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1120px){.float.term{right:8px}}@media (width<=820px){.float{display:none}}.strip{text-align:center;padding:56px 0 24px}.strip p{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-size:13.5px}.strip ul{font:400 21px var(--serif);color:var(--fg-dim);flex-wrap:wrap;justify-content:center;gap:10px 34px;margin:18px 0 0;padding:0;list-style:none;display:flex}section.block{padding:96px 0}.kicker{font:500 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.block h2{font:400 clamp(32px, 4.6vw, 52px)/1.08 var(--serif);letter-spacing:-.02em;max-width:20ch;margin-top:12px}.block .intro{color:var(--fg-dim);max-width:640px;margin-top:18px;font-size:18px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}@media (width<=980px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.grid{grid-template-columns:1fr}}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:26px;transition:transform .2s,box-shadow .2s;position:relative}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card .ic{background:var(--accent-wash);width:42px;height:42px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.card .ic svg{width:22px;height:22px}.card h3{font:500 18px var(--sans);letter-spacing:-.005em;margin-top:18px}.card p{color:var(--fg-dim);margin-top:8px;font-size:15px}.card:nth-child(2) .ic{color:var(--p-2);background:color-mix(in srgb, var(--p-2) 14%, transparent)}.card:nth-child(3) .ic{color:var(--p-1);background:color-mix(in srgb, var(--p-1) 14%, transparent)}.card:nth-child(4) .ic{color:var(--p-3);background:color-mix(in srgb, var(--p-3) 14%, transparent)}.card:nth-child(5) .ic{color:var(--p-4);background:color-mix(in srgb, var(--p-4) 16%, transparent)}.js .reveal,.js pre[data-type] .ln{opacity:0}@media (prefers-reduced-motion:reduce){.js .reveal,.js pre[data-type] .ln{opacity:1}}.split{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}@media (width<=900px){.split{grid-template-columns:1fr}}.points{flex-direction:column;gap:18px;margin:32px 0 0;padding:0;list-style:none;display:flex}.points li{color:var(--fg-dim);grid-template-columns:26px 1fr;gap:12px;font-size:15.5px;display:grid}.points li b{color:var(--fg);font-weight:500;display:block}.points .tick{background:var(--accent-wash);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;margin-top:2px;font-size:13px;display:grid}.orbit{aspect-ratio:1;width:100%;max-width:500px;margin-inline:auto;position:relative}.orbit svg{width:100%;height:100%;overflow:visible}.orbit .ring{fill:none;stroke:var(--line);stroke-dasharray:3 6}.orbit .spoke{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 7;opacity:.7;animation:1.6s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-22px}}.orbit .core{fill:var(--accent)}.orbit .core-glow{fill:var(--spark);opacity:.18;transform-origin:250px 250px;animation:3.2s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.08;transform:scale(1.18)}}.orbit .node rect{fill:var(--surface);stroke:var(--line)}.orbit text{font:500 13.5px var(--sans);fill:var(--fg);text-anchor:middle;dominant-baseline:middle}.orbit .core-t{fill:var(--on-accent);font:400 22px var(--serif)}.orbit .spin{transform-origin:250px 250px;animation:60s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.orbit .unspin{transform-box:fill-box;transform-origin:50%;animation:60s linear infinite reverse spin}.steps{grid-template-columns:1fr 1.1fr;align-items:start;gap:48px;margin-top:48px;display:grid}@media (width<=900px){.steps{grid-template-columns:1fr}}.steps ol{counter-reset:s;flex-direction:column;gap:26px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:s;color:var(--fg-dim);grid-template-columns:44px 1fr;gap:14px;display:grid}.steps li:before{content:counter(s);width:36px;height:36px;font:400 18px var(--serif);background:var(--surface);box-shadow:var(--shadow);color:var(--accent);border-radius:50%;place-items:center;display:grid}.steps li b{color:var(--fg);margin-bottom:4px;font-size:17px;font-weight:500;display:block}.terminal{background:var(--term);color:var(--term-fg);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.terminal .titlebar{background:0 0;border-color:#ffffff12}.terminal .titlebar i{background:#ffffff24}.terminal pre{font:13.5px/1.85 var(--mono);margin:0;padding:20px 22px 24px;overflow-x:auto}.terminal .pr{color:#d97757}.terminal .c{color:#8f8d86}.terminal .ok{color:#94bd7f}.terminal .w{color:#d9a54a}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;display:grid}@media (width<=900px){.principles{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.principles{grid-template-columns:1fr}}.principles div{padding:26px 24px 8px 0}.principles h3{font:400 22px var(--serif);letter-spacing:-.01em}.principles p{color:var(--fg-dim);margin-top:8px;font-size:15px}.call{margin:40px 0 96px}.call .box{background:var(--term);color:var(--term-fg);text-align:center;border-radius:24px;padding:clamp(36px,6vw,72px);position:relative;overflow:hidden}.call .box:before{content:"";pointer-events:none;background:radial-gradient(50% 80% at 50% 0,#d9775759,#0000 70%);position:absolute;inset:0}.call h2{font:400 clamp(34px, 5vw, 58px)/1.05 var(--serif);letter-spacing:-.02em;position:relative}.call h2 em{color:#d97757}.call p{color:#c3c2b7;max-width:560px;margin:18px auto 0;font-size:18px;position:relative}.call .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex;position:relative}.call .btn{color:#0b0b0b;background:#d97757}.call .btn.ghost{color:#f0efec;background:0 0;border-color:#ffffff2e}.call .btn.ghost:hover{background:#ffffff0f}footer{border-top:1px solid var(--line-soft);color:var(--fg-faint);padding:32px 0 48px;font-size:14px}footer .wrap{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}footer nav{gap:20px;margin-left:auto;display:flex}footer nav a{text-decoration:none}footer nav a:hover{color:var(--fg)}footer .legal{flex-basis:100%;font-size:12.5px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.sess,.task{opacity:1}.ask .typed{border:0;width:auto}html{scroll-behavior:auto}}
