@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#1d1c2e;--soft:#343246;--muted:#605c69;--paper:#f7f4ee;--white:#fffefa;--coral:#ef765f;--coral-dark:#b74634;--coral-pale:#f8d7cc;--violet:#735ee7;--lavender:#ddd5ff;--mint:#bcebd0;--line:#ded9d2;--shadow:0 24px 65px rgba(42,32,28,.14);--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px;top:12px;z-index:20;padding:10px 16px;color:#fff;background:var(--ink);border-radius:7px}.skip:focus{left:12px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.06em}.brand>span{color:#605c69;font-weight:500}.brand i{width:27px;height:27px;display:flex;align-items:end;gap:3px;padding:5px;color:#fff;border-radius:8px;background:var(--coral);transform:rotate(-4deg)}.brand b{width:4px;border-radius:4px;background:#fff}.brand b:nth-child(1){height:8px}.brand b:nth-child(2){height:15px}.brand b:nth-child(3){height:11px}header{border-bottom:1px solid var(--line);background:rgba(247,244,238,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.nav{height:76px;display:flex;align-items:center;gap:28px}.nav nav{display:flex;gap:30px;margin-left:auto}.nav nav a{font-size:12px;color:#696572}.nav nav a:hover{color:var(--coral-dark)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:0 17px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px)}.primary{color:#fff;border:0;background:var(--coral-dark);box-shadow:0 9px 22px #aa3e2d38}.primary:hover{background:#b64333}.ghost{color:#595563;border:1px solid #cbc5bd;background:#ffffff70}.ghost:hover{background:#fff}.menu{display:none;margin-left:auto;border:0;background:transparent;color:var(--ink)}.mobile{padding:0 24px 20px;display:flex;flex-direction:column;gap:16px;color:#696572}.hero{padding:86px 0 46px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.eyebrow{margin:0 0 15px;display:flex;align-items:center;gap:9px;color:#605c66;font:800 9px var(--sans);letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:23px;height:2px;background:var(--coral)}.dark{color:#605c66}.hero h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.98}.hero h1{max-width:660px;margin:0 0 25px;font-size:clamp(52px,6.3vw,82px)}.hero h1 strong{color:var(--coral-dark);font-weight:400}.lede{max-width:440px;color:var(--muted);font-size:16px;line-height:1.7}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{font-size:12px;font-weight:700;color:#615d6a}.text-link:hover{color:var(--coral-dark)}.note{margin-top:40px;color:#736d68;font:10px var(--mono)}.visual{height:440px;position:relative}.orbit{position:absolute;border:1px solid #c8bff3;border-radius:50%;transform:rotate(-22deg)}.o1{width:500px;height:225px;top:108px;left:20px}.o2{width:410px;height:185px;top:130px;left:62px;border-color:#f0c1b2}.message{position:absolute;left:88px;top:145px;width:305px;padding:22px;color:var(--ink);border-radius:10px;background:#fff;box-shadow:var(--shadow);transform:rotate(-4deg)}.pill{display:inline-block;padding:5px 9px;color:#397454;border-radius:12px;background:#e1f4e8;font:10px var(--mono)}.message small{display:block;margin:27px 0 8px;color:#736d68;font:9px var(--mono);letter-spacing:.1em}.message h3{margin:0 0 25px;font-size:20px;line-height:1.12}.message footer{display:flex;align-items:center;gap:9px;padding-top:13px;border-top:1px solid #ebe6df;color:#605c69;font-size:10px}.message footer i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--coral-pale);font:8px var(--mono)}.message footer span{margin-left:auto}.node{position:absolute;padding:10px 12px;color:#5d5665;border:1px solid #cfc7bf;border-radius:8px;background:#fffdf9;font:10px var(--mono);box-shadow:0 8px 20px #3b2d2514}.n1{top:72px;right:55px}.n2{top:275px;right:10px}.n3{bottom:42px;left:114px}.caption{position:absolute;right:12px;bottom:20px;color:#9c9189;font:9px var(--mono)}.logos{display:flex;align-items:center;gap:38px;padding-top:45px;border-top:1px solid var(--line);color:#8d8790;font:9px var(--mono);letter-spacing:.06em}.logos small{margin-right:auto}.logos b{color:#9b9490;font:700 16px Georgia,serif}.logos b span{font-size:8px}.logos .mono{font:15px var(--mono)}.logos .serif{font-style:italic}.logos .wide{font:700 11px var(--sans);letter-spacing:.2em}.section{padding:112px 0}.light{background:#fffefa}.intro{display:grid;grid-template-columns:1.1fr .7fr;gap:95px;align-items:end}.intro h2,.route-grid h2,.dev h2{margin:18px 0 0;font-size:clamp(42px,4.8vw,62px)}.intro>p,.muted{color:var(--muted);font-size:15px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:68px}.steps article{min-height:330px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.steps .featured{background:#f1ecff;border-color:#d6ccfa}.steps article>small{color:#6f6965;font:10px var(--mono)}.steps article>i{margin-top:44px;color:var(--violet);font:normal 34px var(--sans)}.steps h3{margin:20px 0 10px;font-size:25px}.steps p{margin:0;color:#605c69;font-size:13px;line-height:1.6}.steps a{margin-top:auto;color:var(--coral-dark);font:700 11px var(--mono)}.routing{background:var(--lavender)}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.map{height:380px;position:relative;overflow:hidden;border:1px solid #bdb3df;border-radius:13px;background:#e8e2ff}.grid{position:absolute;inset:0;background-image:linear-gradient(#735ee712 1px,transparent 1px),linear-gradient(90deg,#735ee712 1px,transparent 1px);background-size:40px 40px;transform:rotateX(40deg) scale(1.3);transform-origin:center 75%}.path{position:absolute;height:1px;background:var(--violet);transform-origin:left;opacity:.65}.p1{width:150px;left:90px;top:190px;transform:rotate(-29deg)}.p2{width:135px;left:210px;top:130px;transform:rotate(32deg)}.p3{width:155px;left:210px;top:132px;transform:rotate(63deg);background:#a69cae}.pin{position:absolute;width:54px;height:54px;display:grid;place-items:center;color:var(--violet);border:1px solid #9d91d8;border-radius:11px;background:#fffefa;font:18px var(--mono);box-shadow:0 10px 20px #5e4ea122}.pin small{position:absolute;top:60px;left:0;color:#615c69;font:9px var(--mono)}.start{left:60px;top:165px}.inbox{left:195px;top:80px}.team{left:325px;top:165px;color:var(--coral-dark)}.ai{left:180px;top:290px}.legend{position:absolute;bottom:16px;left:17px;color:#8a8297;font:9px var(--mono)}.route-grid h2{max-width:500px}.route-grid ul{max-width:460px;margin-top:27px;padding:10px 0 0;border-top:1px solid #c6bddb;list-style:none}.route-grid li{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #c6bddb}.route-grid li>b{color:#4e9870}.route-grid li strong,.route-grid li small{display:block}.route-grid li strong{font-size:13px}.route-grid li small{margin-top:4px;color:#615c69;font-size:11px}.dev{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.dev h2 span{color:var(--coral-dark)}.dev .muted{max-width:400px}.dark.button{margin-top:18px;color:#fff;background:var(--ink)}.code{overflow:hidden;border-radius:12px;background:#25233a;box-shadow:var(--shadow)}.code header{height:38px;padding:12px 16px;color:#88dfb2;background:#343246;border:0;font:10px var(--mono)}.code header small{margin-left:15px;color:#bbb5c4}.code pre{min-height:185px;margin:0;padding:28px 34px;overflow:auto}.code code{color:#ebe7f1;font:13px/2 var(--mono)}.code code b{color:var(--mint)}.code code i{color:#f6a18f;font-style:normal}.code code em{color:#ddd5ff;font-style:normal}.code code span{color:#a5a0b2}.code footer{padding:12px 18px;border-top:1px solid #514d65;color:#aaa6b6;font:9px var(--mono)}.code footer span{float:right}.footer{padding:30px 0;background:var(--paper)}.footer .wrap{display:flex;align-items:center;gap:25px}.footer small{color:#726b73;font:10px var(--mono)}.footer nav{display:flex;gap:18px;margin-left:auto}.footer nav a:hover{color:var(--coral-dark)}
@media(max-width:850px){.nav nav,.nav>.ghost{display:none}.menu{display:block}.hero-grid,.route-grid,.dev{grid-template-columns:1fr;gap:55px}.visual{max-width:620px;margin:auto}.intro{grid-template-columns:1fr;gap:20px}.steps{grid-template-columns:1fr}.steps article{min-height:280px}.footer .wrap{flex-wrap:wrap}.footer small:first-of-type{width:100%;order:3}.logos{flex-wrap:wrap}.logos small{width:100%}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.section{padding:78px 0}.hero h1{font-size:50px}.actions{flex-direction:column;align-items:flex-start}.visual{width:120%;height:400px;transform:scale(.84);transform-origin:top left}.map{height:330px}.start{left:28px}.inbox{left:140px}.team{left:255px}.ai{left:125px;top:245px}.p1{left:58px;width:110px}.p2{left:175px;width:105px}.p3{left:175px;width:120px}.footer nav{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.nav>.signin{font-size:12px;font-weight:700;color:var(--ink)}.nav>.signin:hover{color:var(--coral-dark)}@media(max-width:850px){.nav>.signin{display:none}}
/* The hero art is wider than small screens on purpose; keep it from adding sideways scroll. */
.hero{overflow-x:hidden;overflow-x:clip}
/* The mobile menu sets display, which would otherwise override its hidden attribute. */
.mobile[hidden]{display:none}
.message .quote{margin:0 0 25px;font:400 20px/1.12 Georgia,serif;color:var(--ink)}