@font-face{font-family:Inter;src:url(/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{--green:#283b31;--ink:#25352e;--paper:#f5f4ef;--muted:#6b736d;--line:#dcded5;--gold:#d6c9a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{width:220px;display:block}nav{display:flex;align-items:center;gap:32px;font-size:14px}.outline{border:1px solid #a9b1a8;padding:12px 18px;border-radius:4px;background:transparent;color:var(--ink)}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;padding:75px 0 70px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#8e9e7a;border-radius:50%;display:inline-block}h1{font-size:clamp(46px,5.6vw,78px);font-weight:500;letter-spacing:-3.5px;line-height:1.04;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#71816c}p{line-height:1.65}.lead{max-width:510px;color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--green);color:white;border:0;padding:16px 22px;border-radius:4px;font-size:14px}.caption{font-size:11px;color:var(--muted);margin-top:20px}.preview{background:var(--green);color:#f4f3eb;border-radius:9px;padding:28px;box-shadow:0 22px 50px #26372c15;position:relative}.preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff24;padding-bottom:20px}.preview-top b{font-size:25px;letter-spacing:-1px}.tag{font-size:10px;letter-spacing:1px;border:1px solid #ffffff40;border-radius:30px;padding:6px 10px}.query{font-family:Georgia,serif;font-size:26px;line-height:1.3;margin:27px 0}.answer{background:#ffffff0c;border:1px solid #ffffff20;border-radius:5px;padding:20px}.answer label{color:var(--gold);font-size:10px;letter-spacing:1.4px}.step{display:flex;gap:12px;font-size:13px;line-height:1.5;margin-top:15px}.num{color:var(--gold);font-size:11px;margin-top:2px}.source{font-size:10px;color:#bdc7be;border-top:1px solid #ffffff20;padding-top:15px;margin-top:20px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}section{padding:65px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:12px 0 0}.section-head p{max-width:350px;font-size:14px;color:var(--muted);margin:0}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px;display:flex;flex-direction:column;min-height:300px}.app.featured{border-top:3px solid var(--green)}.app-top{display:flex;justify-content:space-between;align-items:center}.icon{width:43px;height:43px;background:#eef0e9;border-radius:8px;display:grid;place-items:center;font-size:21px}.status{font-size:10px;color:var(--muted);background:#f3f3ee;padding:6px 9px;border-radius:20px}h3{font-size:23px;font-weight:500;margin:23px 0 4px}.app .sub{font-size:11px;color:var(--muted);letter-spacing:.6px}.app p{font-size:14px;color:var(--muted);margin-bottom:24px}.app button{margin-top:auto;background:none;border:0;border-top:1px solid var(--line);padding:16px 0 0;display:flex;justify-content:space-between;color:var(--ink);text-align:left;font-size:13px}.workflow{background:#e9ece3;border-radius:7px;padding:36px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.workflow h2{margin:15px 0}.flows{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flow{border-top:1px solid #aeb7a9;padding-top:18px}.flow b{font-size:14px}.flow p{font-size:13px;color:#64705f}.flow span{display:block;font-size:11px;color:#77836f;margin-bottom:18px}.bottom{display:flex;align-items:center;justify-content:space-between;padding:45px 0;border-bottom:1px solid var(--line);gap:25px}.bottom h2{font-size:28px}.bottom p{color:var(--muted);font-size:14px}footer{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}dialog{border:0;border-radius:10px;padding:35px;max-width:460px;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#14251bb0}dialog h2{font-size:26px}dialog p{font-size:14px;color:var(--muted)}:focus-visible{outline:3px solid #a08745;outline-offset:4px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{letter-spacing:-2px}.apps{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr}.strip{flex-wrap:wrap}nav a:not(.outline){display:none}.section-head{align-items:start;flex-direction:column}.logo{width:175px}}@media(max-width:550px){.apps,.flows{grid-template-columns:1fr}.bottom{align-items:start;flex-direction:column}.workflow{padding:25px}header{padding:20px 5%}footer{flex-direction:column}.strip span{width:45%}.query{font-size:23px}}


.app a.go{margin-top:auto;border-top:1px solid var(--line);padding:16px 0 0;display:flex;justify-content:space-between;color:var(--ink);font-size:13px}.app a.go:hover{color:var(--green);font-weight:600}.status.live{background:#e3ecdf;color:#2f5a3a}.status.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3f7a4c;margin-right:6px;vertical-align:1px}a.primary{color:#fff}
.i-dot{color:#b8c2ae}.i-note{font-size:10px;color:#bfc9bf;margin:17px 0 0}.i-flowlead{font-size:13px;color:#64705f}#workflows.i-flush{padding-top:0}
@media(max-width:550px){.logo{width:140px}header nav .outline{padding:9px 12px;font-size:12px;white-space:nowrap}}
.arw{width:1.4em;height:.78em;fill:currentColor;vertical-align:-.05em;margin-left:.5em;flex:none;transition:transform .18s ease}a:hover .arw,button:hover .arw{transform:translateX(3px)}.go .arw{fill:var(--green)}.primary .arw{margin-left:0}
.arw.dn{width:.78em;height:1.4em;vertical-align:-.3em}a:hover .arw.dn,button:hover .arw.dn{transform:translateY(3px)}
.wmark{width:30px;height:30px;display:block}.wmark .h{fill:var(--green)}.wmark .w{stroke:var(--gold)}
