.landing .hero{padding:72px var(--gutter) 104px;grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;display:grid}.landing h1{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(44px,6.6vw,76px);font-weight:650;line-height:1.02}.landing .actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.landing .hero .early{color:var(--muted);margin:16px 0 0;font-size:15px}.landing .panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.landing .panel-top{border-bottom:1px solid var(--line);font-family:var(--font-mono), monospace;color:var(--muted);justify-content:space-between;gap:12px;padding:11px 16px;font-size:12.5px;display:flex}.landing .run{justify-self:center;width:min(400px,100%)}.landing .run .flow{box-sizing:border-box;padding:20px 12px 14px}.landing .flow{width:100%;height:auto;font-family:inherit;display:block;overflow:visible}.landing .flow .link{fill:none;stroke:var(--line-strong);stroke-width:2px}.landing .flow .rail{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round;opacity:0;animation:14s linear infinite rail}.landing .flow .card{fill:var(--bg);stroke:var(--line);stroke-width:1.5px}.landing .flow .name{fill:var(--ink);letter-spacing:-.01em;font-size:15px;font-weight:600}.landing .flow .note{fill:var(--muted);font-size:12.5px}.landing .flow .state{fill:var(--ok)}.landing .flow .s1{animation:14s linear infinite state1}.landing .flow .s2{animation:14s linear infinite state2}.landing .flow .s3{animation:14s linear infinite state3}.landing .flow .s4{animation:14s linear infinite state4}.landing .flow .c1{animation:14s linear infinite scan1}.landing .flow .c2{animation:14s linear infinite scan2}.landing .flow .c3{animation:14s linear infinite card3}.landing .flow .pulse{fill:var(--ok);opacity:0}.landing .flow .p1{animation:14s linear infinite pulse1}.landing .flow .p2{animation:14s linear infinite pulse2}.landing .flow .p3{animation:14s linear infinite pulse3}.landing .flow .topple{transform-box:view-box;transform-origin:44px 244px;animation:14s linear infinite topple}.landing .flow .n-before,.landing .flow .n-broken{opacity:0}.landing .flow .n-before{animation:14s linear infinite note-before}.landing .flow .n-broken{fill:var(--accent);animation:14s linear infinite note-broken}.landing .flow .n-fixed{animation:14s linear infinite note-fixed}.landing .flow .agent{fill:var(--accent);opacity:0;animation:14s linear infinite agent}.landing .flow .word{fill:var(--muted);font-size:12.5px;font-weight:600}.landing .flow .w1{animation:14s linear infinite word1}.landing .flow .w2{animation:14s linear infinite word2}.landing .flow .w3{animation:14s linear infinite word3}.landing .flow .w4{fill:var(--ok);animation:14s linear infinite word4}.landing section{padding:96px 0}.landing h2{letter-spacing:-.03em;max-width:18em;margin:0 0 16px;font-size:clamp(30px,4vw,44px);font-weight:650;line-height:1.1}.landing .wrap>p:not(.eyebrow),.landing .copy>p:not(.eyebrow){max-width:34em;color:var(--muted);margin:0}.landing .dark{--line:#ffffff24;color:#f4f3ef;background:#16161a}.landing .dark .wrap>p:not(.eyebrow){color:#b5b4bc}.landing .dark .eyebrow{color:#ff8257}.landing .steps{counter-reset:step;border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin:56px 0 0;padding:0;list-style:none;display:grid}.landing .steps li{counter-increment:step;padding:20px 20px 0 0}.landing .steps li+li{border-left:1px solid var(--line);padding-left:20px}.landing .steps li:before{content:"0" counter(step);font-family:var(--font-mono), monospace;color:#b5b4bc;margin-bottom:28px;font-size:13px;display:block}.landing .steps li:last-child:before{color:#ff8257}.landing .steps strong{letter-spacing:-.015em;margin-bottom:6px;font-size:19px;font-weight:600;display:block}.landing .steps span{color:#b5b4bc;font-size:15px;line-height:1.5;display:block}.landing .split{grid-template-columns:1fr 1.1fr;align-items:center;gap:72px;display:grid}.landing .split.flip .copy{order:2}.landing .split+.split{margin-top:112px}.landing .points{color:var(--muted);margin:24px 0 0;padding:0;list-style:none}.landing .points li{padding:6px 0 6px 20px;font-size:16px;line-height:1.5;position:relative}.landing .points li:before{content:"";background:var(--accent);width:8px;height:2px;position:absolute;top:16px;left:0}.landing .contract{padding:8px 18px 12px;font-size:15px}.landing .contract h3{letter-spacing:-.01em;margin:12px 0 8px;font-size:16px;font-weight:600}.landing .contract dl{margin:0}.landing .contract dl div{border-top:1px solid var(--line);grid-template-columns:112px 1fr;gap:12px;padding:10px 0;display:grid}.landing .contract dt{font-family:var(--font-mono), monospace;color:var(--muted);font-size:13px;line-height:1.75}.landing .contract dd{margin:0;line-height:1.45}.landing .contract .never dt,.landing .contract .never dd{color:var(--accent)}.landing .change-title{letter-spacing:-.015em;margin:0;padding:16px 18px 12px;font-size:17px;font-weight:600}.landing .diff{background:var(--panel);font-family:var(--font-mono), monospace;border-radius:8px;margin:0 18px;padding:10px 0;font-size:13px;line-height:1.7;overflow-x:auto}.landing .diff span{white-space:pre;padding:0 12px;display:block}.landing .diff .del{background:var(--danger-soft);color:var(--danger)}.landing .diff .add{background:var(--ok-soft);color:var(--ok)}.landing .checks{margin:0;padding:14px 18px;font-size:15px;list-style:none}.landing .checks li{align-items:center;gap:10px;padding:3px 0;display:flex}.landing .checks li:before{content:"";background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.landing .checks li.failed{color:var(--danger);font-weight:600}.landing .checks li.failed:before{background:var(--danger)}.landing .result-note{color:var(--muted);margin:0;padding:0 18px 16px;font-size:14.5px;line-height:1.5}.landing .tinted{background:var(--panel)}.landing .tiles{background:var(--line-strong);border:1px solid var(--line-strong);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid;overflow:hidden}.landing .tiles div{background:var(--bg);padding:26px 24px}.landing .tiles h3{letter-spacing:-.015em;margin:0 0 6px;font-size:18px;font-weight:600}.landing .tiles p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.5}.landing .how{counter-reset:how;grid-template-columns:repeat(4,1fr);gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}.landing .how li{counter-increment:how;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:22px 22px 24px}.landing .how li:before{content:counter(how);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);font-family:var(--font-mono), monospace;border-radius:50%;place-items:center;margin-bottom:18px;font-size:14px;font-weight:600;display:grid}.landing .how strong{letter-spacing:-.015em;margin-bottom:6px;font-size:18px;font-weight:600;display:block}.landing .how span{color:var(--muted);font-size:15.5px;line-height:1.5;display:block}.landing .works-with-box{margin-top:28px}.landing .works-with-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.landing .works-with-search{border:1px solid var(--line-strong);background:var(--surface);width:min(260px,100%);color:var(--ink);border-radius:999px;outline:none;padding:7px 12px;font-size:14px}.landing .works-with-search:focus-visible{border-color:var(--info);box-shadow:0 0 0 2px color-mix(in srgb, var(--info) 25%, transparent)}.landing .works-with-toggle{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;transition:background .15s}.landing .works-with-toggle:hover{background:var(--panel)}.landing .works-with-empty{color:var(--muted);margin:16px 0 0;font-size:15px}.landing .works-with{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing .works-with li{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:10px;min-width:0;padding:6px 14px 6px 6px;font-size:15px;display:flex}.landing .snippet{align-items:flex-start;gap:8px;margin-top:14px;display:flex}.landing .snippet pre{background:var(--panel);min-width:0;font-family:var(--font-mono), monospace;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;flex:1;margin:0;padding:9px 12px;font-size:13.5px;line-height:1.6}.landing #connect .wrap>.snippet{max-width:640px;margin-top:24px}.landing #connect .wrap>.snippet pre{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.landing .agent-picker{max-width:680px;margin-top:32px}.landing .agent-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.landing .agent-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;transition:all .15s}.landing .agent-tabs button:hover{color:var(--ink);border-color:var(--line-strong)}.landing .agent-tabs button.active{border-color:var(--primary);background:var(--primary);color:var(--primary-ink);font-weight:600}.landing .agent-panel{border:1px solid var(--line);background:var(--bg);border-radius:14px;min-width:0;padding:22px 24px 24px}.landing .agent-panel h3{letter-spacing:-.015em;margin:0 0 8px;font-size:18px;font-weight:600}.landing .agent-panel p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.5}.landing .agent-panel strong{color:var(--ink);font-weight:600}.landing .agent-panel code{font-family:var(--font-mono), monospace;color:var(--ink);font-size:14px}.landing .try{max-width:680px;margin-top:32px}.landing .try p{color:var(--muted);margin:0}.landing .try .snippet pre{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.landing .tree{margin:0;padding:12px 18px 16px;font-size:15px;list-style:none}.landing .tree ul{border-left:1px solid var(--line-strong);margin:0 0 4px 9px;padding:0 0 0 16px;list-style:none}.landing .tree li{padding:3px 0}.landing .tree .row{justify-content:space-between;gap:12px;display:flex}.landing .tree .org{font-weight:600}.landing .tree .group{color:var(--muted);font-weight:500}.landing .tree .row span:last-child{font-family:var(--font-mono), monospace;color:var(--muted);font-size:12.5px;font-weight:400}.landing .closing{text-align:center;margin-bottom:-32px;padding:112px 0}.landing .closing h2{margin-inline:auto}.landing .closing .actions{justify-content:center}.landing .closing .wrap>p:not(.eyebrow){margin-inline:auto}@media (max-width:960px){.landing .steps{border-top:0;grid-template-columns:1fr 1fr;gap:0 24px}.landing .steps li,.landing .steps li+li{border-left:0;border-top:1px solid var(--line);padding:18px 0}.landing .steps li:before{margin-bottom:10px}.landing .split,.landing .split.flip{grid-template-columns:1fr;gap:40px}.landing .split.flip .copy{order:0}.landing .tiles,.landing .how{grid-template-columns:1fr 1fr}}@media (max-width:820px){.landing .hero{grid-template-columns:1fr;gap:48px;padding-block:40px 72px}.landing section{padding:72px 0}.landing .split+.split{margin-top:80px}}@media (max-width:520px){.landing .steps,.landing .tiles,.landing .how{grid-template-columns:1fr}.landing .contract dl div{grid-template-columns:1fr;gap:0}.landing .actions .button{width:100%}.landing .works-with{gap:8px}.landing .works-with li{padding:5px 12px 5px 5px;font-size:13.5px}}@media (prefers-color-scheme:dark){.landing .dark{box-shadow:inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line);background:#09090b}}@media (prefers-reduced-motion:reduce){.landing .flow *{animation:none!important}}@keyframes state1{0%,3%{fill:var(--line)}4%,96%{fill:var(--ok)}to{fill:var(--line)}}@keyframes state2{0%,11%{fill:var(--line)}12%,96%{fill:var(--ok)}to{fill:var(--line)}}@keyframes state3{0%,19%{fill:var(--line)}20%,56%{fill:var(--accent)}60%,66%{fill:var(--accent)}68%,96%{fill:var(--ok)}to{fill:var(--line)}}@keyframes state4{0%,76%{fill:var(--line)}78%,96%{fill:var(--ok)}to{fill:var(--line)}}@keyframes pulse1{0%,4%{opacity:0;transform:none}5%{opacity:1;transform:none}11%{opacity:1;transform:translateY(40px)}12%,to{opacity:0;transform:translateY(40px)}}@keyframes pulse2{0%,12%{opacity:0;transform:none}13%{opacity:1;transform:none}19%{opacity:1;transform:translateY(40px)}20%,to{opacity:0;transform:translateY(40px)}}@keyframes pulse3{0%,69%{opacity:0;transform:none}70%{opacity:1;transform:none}76%{opacity:1;transform:translateY(40px)}77%,to{opacity:0;transform:translateY(40px)}}@keyframes topple{0%,19.5%{transform:rotate(0)}22%{transform:rotate(9.5deg)}23.5%{transform:rotate(7deg)}25%,56%{transform:rotate(8deg)}60%{transform:rotate(-1deg)}62%,to{transform:rotate(0)}}@keyframes card3{0%,19%{stroke:var(--line);stroke-width:1.5px}20%,42%{stroke:var(--accent);stroke-width:1.5px}44%,66%{stroke:var(--accent);stroke-width:2.5px}68%,96%{stroke:var(--line);stroke-width:1.5px}to{stroke:var(--line);stroke-width:1.5px}}@keyframes scan1{0%,31%{stroke:var(--line)}32%,35%{stroke:var(--accent)}37%,to{stroke:var(--line)}}@keyframes scan2{0%,36%{stroke:var(--line)}37%,40%{stroke:var(--accent)}42%,to{stroke:var(--line)}}@keyframes rail{0%,29%{opacity:0}31%,64%{opacity:1}66%,to{opacity:0}}@keyframes agent{0%,29%{opacity:0;transform:none}31%,33%{opacity:1;transform:none}37%,38%{opacity:1;transform:translateY(92px)}42%,64%{opacity:1;transform:translateY(184px)}66%,to{opacity:0;transform:translateY(184px)}}@keyframes note-before{0%,19%{opacity:1}20%,97%{opacity:0}to{opacity:1}}@keyframes note-broken{0%,19%{opacity:0}20%,57%{opacity:1}58%,to{opacity:0}}@keyframes note-fixed{0%,57%{opacity:0}58%,96%{opacity:1}97%,to{opacity:0}}@keyframes word1{0%,29%{fill:var(--muted)}30%,43%{fill:var(--accent)}44%,to{fill:var(--muted)}}@keyframes word2{0%,43%{fill:var(--muted)}44%,51%{fill:var(--accent)}52%,to{fill:var(--muted)}}@keyframes word3{0%,51%{fill:var(--muted)}52%,65%{fill:var(--accent)}66%,to{fill:var(--muted)}}@keyframes word4{0%,65%{fill:var(--muted)}66%,96%{fill:var(--ok)}to{fill:var(--muted)}}
